:root{--bg:#faf6f3;--surface:#fff;--surface2:#f1e9e5;--surface3:#e9ddd7;--border:#e3d5cf;--accent:#e0301f;--accent-ink:#fff;--amber:#c97a12;--green:#1f8a56;--text:#201613;--text2:#5c4d48;--text3:#8f7e79;--shadow:0 1px 2px #2016130f;--shadow-hero:0 24px 60px -24px #140a0859;--display:"Big Shoulders Display", "Arial Narrow", sans-serif;--body:"IBM Plex Sans", "Segoe UI", sans-serif;--mono:"IBM Plex Mono", ui-monospace, "SF Mono", monospace}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#140f0e;--surface:#1c1514;--surface2:#251c1a;--surface3:#2f2320;--border:#3a2b27;--accent:#ff3b30;--accent-ink:#1a0705;--amber:#ffb545;--green:#34c77b;--text:#f4ece8;--text2:#b8a9a4;--text3:#7d6d68;--shadow:0 1px 2px #0006;--shadow-hero:0 24px 60px -20px #0009}}:root[data-theme=dark]{--bg:#140f0e;--surface:#1c1514;--surface2:#251c1a;--surface3:#2f2320;--border:#3a2b27;--accent:#ff3b30;--accent-ink:#1a0705;--amber:#ffb545;--green:#34c77b;--text:#f4ece8;--text2:#b8a9a4;--text3:#7d6d68;--shadow:0 1px 2px #0006;--shadow-hero:0 24px 60px -20px #0009}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark}@media (prefers-color-scheme:dark){html{--lightningcss-light: ;--lightningcss-dark:initial}}body{background:var(--bg);color:var(--text);font-family:var(--body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.55;transition:background .2s,color .2s}::selection{background:var(--accent);color:var(--accent-ink)}a{color:inherit}h1,h2,h3{font-family:var(--display);text-transform:uppercase;letter-spacing:.01em;text-wrap:balance;margin:0;font-weight:900}code,.mono{font-family:var(--mono);font-variant-numeric:tabular-nums}button{font-family:inherit}.wrap{max-width:1080px;margin:0 auto;padding:0 28px}section{padding:88px 0}section+section{border-top:1px solid var(--border)}.eyebrow{font-family:var(--mono);letter-spacing:.14em;text-transform:uppercase;color:var(--accent);margin:0 0 14px;font-size:12px}.lede{color:var(--text2);max-width:60ch;font-size:18px}.topbar{justify-content:space-between;align-items:center;gap:20px;padding:22px 0;display:flex}.brand{font-family:var(--display);letter-spacing:.02em;text-transform:uppercase;align-items:center;gap:10px;font-size:20px;font-weight:900;display:flex}.brand .dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 0 3px color-mix(in srgb, var(--accent) 20%, transparent);border-radius:50%}.topbar nav{color:var(--text2);align-items:center;gap:28px;font-size:13px;display:flex}.topbar nav a:hover{color:var(--text)}.theme-toggle{border:1px solid var(--border);background:var(--surface);width:34px;height:34px;color:var(--text2);cursor:pointer;border-radius:8px;justify-content:center;align-items:center;font-size:15px;display:flex}.theme-toggle:hover{color:var(--text);background:var(--surface2)}.hero{padding:36px 0 80px}.hero-grid{grid-template-columns:1.05fr .95fr;align-items:center;gap:56px;display:grid}.hero h1{font-size:clamp(42px,6vw,72px);line-height:.94}.hero h1 .accent{color:var(--accent)}.hero .lede{margin:22px 0 30px;font-size:19px}.cta-row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.btn{font-family:var(--body);cursor:pointer;border:1px solid #0000;border-radius:7px;align-items:center;gap:9px;padding:13px 22px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.btn-primary{background:var(--accent);color:var(--accent-ink)}.btn-primary:hover{opacity:.92}.btn-ghost{border-color:var(--border);color:var(--text);background:0 0}.btn-ghost:hover{background:var(--surface2)}.cta-note{color:var(--text3);font-size:12px;font-family:var(--mono);margin-top:12px}.cta-note a{color:inherit;text-decoration:underline}.platform-row{flex-wrap:wrap;align-items:center;gap:6px;margin-top:18px;font-size:13px;display:flex}.plink{color:var(--text2)}.plink:hover{color:var(--accent)}.plink.current{color:var(--accent);font-weight:600}.plink-sep{color:var(--border)}.appwin{background:var(--surface);border:1px solid var(--border);box-shadow:var(--shadow-hero);border-radius:10px;overflow:hidden}.appwin-bar{border-bottom:1px solid var(--border);background:var(--surface2);align-items:center;gap:8px;padding:11px 14px;display:flex}.appwin-bar .lt{background:var(--border);border-radius:50%;width:8px;height:8px}.appwin-bar .name{font-family:var(--mono);color:var(--text3);margin-left:8px;font-size:11px}.stage{height:270px;position:relative}.scene{opacity:0;padding:22px;position:absolute;inset:0}.scene1{animation:12s infinite sc1}@keyframes sc1{0%,1%{opacity:0}3%,22%{opacity:1}26%,to{opacity:0}}.scene2{animation:12s infinite sc2}@keyframes sc2{0%,25%{opacity:0}27%,47%{opacity:1}50%,to{opacity:0}}.scene3{animation:12s infinite sc3}@keyframes sc3{0%,49%{opacity:0}51%,72%{opacity:1}75%,to{opacity:0}}.scene4{animation:12s infinite sc4}@keyframes sc4{0%,74%{opacity:0}76%,99%{opacity:1}to{opacity:0}}@media (prefers-reduced-motion:reduce){.scene{opacity:0!important;animation:none!important}.scene4{opacity:1!important}.fill{width:100%!important;animation:none!important}.typed{width:28ch!important;animation:none!important}}.field-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--text3);margin-bottom:7px;font-size:10px;display:block}.urlbar{font-family:var(--mono);background:var(--surface2);border:1px solid var(--border);color:var(--text);white-space:nowrap;border-radius:6px;padding:11px 12px;font-size:13px;overflow:hidden}.typed{white-space:nowrap;border-right:2px solid var(--accent);width:0;animation:12s steps(28,end) infinite type;display:inline-block;overflow:hidden}@keyframes type{0%,3%{width:0}18%,to{width:28ch}}.spinner{border:3px solid var(--surface3);border-top-color:var(--accent);border-radius:50%;width:26px;height:26px;margin:26px auto 14px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.scene-center{text-align:center;padding-top:18px}.scene-center p{color:var(--text2);margin:0 0 16px;font-size:13px}.chiprow{justify-content:center;gap:8px;display:flex}.chip{font-family:var(--mono);background:var(--surface2);border:1px solid var(--border);color:var(--text2);border-radius:20px;padding:4px 10px;font-size:11px}.chip.ok{color:var(--green);border-color:color-mix(in srgb, var(--green) 40%, var(--border))}.infocard{gap:14px;display:flex}.thumb{background:linear-gradient(135deg, var(--surface3), var(--surface2));border-radius:6px;flex-shrink:0;width:96px;height:64px}.skel{background:var(--surface3);border-radius:3px;height:9px}.qrow{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.pill{font-family:var(--mono);background:var(--surface2);border:1px solid var(--border);color:var(--text);border-radius:6px;padding:6px 11px;font-size:11.5px}.pill.hi{border-color:var(--accent);color:var(--accent)}.qitem{align-items:center;gap:12px;display:flex}.qitem .body{flex:1;min-width:0}.qitem .title{margin-bottom:6px;font-size:13px;font-weight:600}.badges{gap:6px;margin-bottom:10px;display:flex}.badge{font-family:var(--mono);background:var(--surface2);color:var(--text3);border-radius:10px;padding:2px 8px;font-size:10.5px}.bar{background:var(--surface2);border-radius:3px;height:5px;overflow:hidden}.fill{background:var(--accent);width:0%;height:100%;animation:12s infinite fill}@keyframes fill{0%,74%{width:0%}92%{width:82%}98%{width:100%}to{width:100%}}.qmeta{font-family:var(--mono);color:var(--text3);justify-content:space-between;margin-top:7px;font-size:11px;display:flex}.steps{background:var(--border);border:1px solid var(--border);border-radius:10px;grid-template-columns:repeat(4,1fr);gap:1px;display:grid;overflow:hidden}.step{background:var(--surface);padding:30px 24px}.step .n{font-family:var(--mono);color:var(--accent);margin-bottom:16px;font-size:12px}.step h3{text-transform:none;margin-bottom:8px;font-size:19px}.step p{color:var(--text2);margin:0;font-size:13.5px}.feat-group{margin-bottom:48px}.feat-group:last-child{margin-bottom:0}.feat-group-head{flex-wrap:wrap;align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.feat-group-label{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--accent);flex-shrink:0;width:148px;font-size:10.5px}.feat-group-head h3{text-transform:none;color:var(--text2);font-size:17px;font-weight:600;font-family:var(--body);letter-spacing:0}.feat-grid{grid-template-columns:repeat(2,1fr);gap:12px;margin-left:160px;display:grid}.feat{background:var(--surface);border:1px solid var(--border);border-left:3px solid var(--accent);box-shadow:var(--shadow);border-radius:8px;padding:18px 20px}.feat h4{text-transform:none;font-size:14.5px;font-family:var(--body);margin:0 0 6px;font-weight:600}.feat p{color:var(--text2);margin:0;font-size:13px;line-height:1.5}.spec-wrap{grid-template-columns:1fr 1fr;gap:40px;display:grid}table{border-collapse:collapse;width:100%;font-size:13.5px}th{text-align:left;font-family:var(--mono);letter-spacing:.08em;text-transform:uppercase;color:var(--text3);border-bottom:1px solid var(--border);padding:0 0 10px;font-size:10.5px;font-weight:500}td{border-bottom:1px solid var(--border);color:var(--text2);padding:11px 0}td:first-child{color:var(--text);width:40%;font-weight:500}td.mono-val{font-family:var(--mono);color:var(--text)}.notice{border:1px solid var(--border);background:var(--surface);border-radius:10px;padding:26px 28px}.notice-head{align-items:center;gap:10px;margin-bottom:12px;display:flex}.notice-head .lamp{background:var(--amber);width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in srgb, var(--amber) 18%, transparent);border-radius:50%}.notice-head span{font-family:var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--amber);font-size:11px}.notice p{color:var(--text2);margin:0 0 10px;font-size:14px}.notice p:last-child{margin-bottom:0}.notice strong{color:var(--text)}footer{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:18px;padding:44px 0 60px;display:flex}footer .fbrand{font-family:var(--mono);color:var(--text3);font-size:12px}footer .flinks{gap:22px;font-size:13px;display:flex}footer .flinks a:hover{color:var(--accent)}@media (width<=860px){.hero-grid{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}.feat-group-label{width:auto}.feat-group-head{flex-direction:column;gap:4px}.feat-grid{grid-template-columns:1fr 1fr;margin-left:0}.spec-wrap{grid-template-columns:1fr}}@media (width<=560px){.steps,.feat-grid{grid-template-columns:1fr}section{padding:60px 0}.topbar nav a:not(.theme-toggle){display:none}}
