:root{--bg:#f7f7ff;--paper:#fff;--ink:#181928;--muted:#6f7485;--line:#e0e3f4;--violet:#6758ff;--violet2:#4f42d8;--mint:#15b8a3;--soft:#eceaff;--rail:78px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 20%,#e9e5ff 0,transparent 28%),linear-gradient(180deg,#fbfbff 0,#f3f3ff 60%,#f9f9ff 100%);color:var(--ink);font-family:Inter Tight,Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif}a{color:inherit}.skip{position:fixed;left:8px;top:-50px;background:#111;color:#fff;padding:10px;z-index:999}.skip:focus{top:8px}.rail{position:fixed;left:0;top:0;bottom:0;width:var(--rail);border-right:1px solid var(--line);background:rgba(255,255,255,.82);backdrop-filter:blur(12px);display:flex;flex-direction:column;align-items:center;z-index:50}.brand{display:flex;gap:9px;align-items:center;text-decoration:none}.rail .brand{margin-top:18px}.brand span{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:linear-gradient(135deg,var(--violet),#8f89ff);color:#fff;font-weight:900}.brand b{letter-spacing:.08em}.rail .brand b{display:none}.rail nav{display:flex;flex-direction:column;gap:8px;margin:auto}.rail nav a{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;text-decoration:none;color:#8a8fa3;font-family:ui-monospace,monospace;font-size:12px}.rail nav a.active,.rail nav a:hover{background:var(--soft);color:var(--violet)}.play-rail{writing-mode:vertical-rl;transform:rotate(180deg);margin-bottom:18px;padding:14px 10px;border-radius:999px;background:var(--ink);color:#fff;text-decoration:none;font-size:11px;letter-spacing:.12em}.mobile-head{display:none}main{margin-left:var(--rail)}section{padding:88px clamp(24px,5vw,72px);position:relative}.section-label,.eyebrow,.kicker{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px;letter-spacing:.14em;color:var(--violet2);font-weight:700}.opening{min-height:100vh;display:grid;grid-template-columns:minmax(0,1.1fr) minmax(320px,.9fr);grid-template-rows:auto 1fr auto;gap:28px;overflow:hidden}.opening:before{content:"";position:absolute;inset:0;background-image:linear-gradient(#eceeff 1px,transparent 1px),linear-gradient(90deg,#eceeff 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(to bottom,rgba(0,0,0,.7),transparent 75%);z-index:-1}.eyebrow{grid-column:1/-1}.opening-copy{align-self:center;max-width:760px}.opening h1{font-size:clamp(62px,9vw,150px);line-height:.82;letter-spacing:-.075em;margin:.2em 0 .25em;font-weight:900}.opening h1 em{font-style:normal;color:var(--violet)}.opening-copy>p:last-child{font-size:clamp(18px,2vw,25px);line-height:1.5;color:var(--muted);max-width:700px}.number-field{position:relative;min-height:520px;align-self:center}.metric{position:absolute;background:rgba(255,255,255,.82);border:1px solid var(--line);box-shadow:0 20px 60px rgba(75,69,160,.09);border-radius:28px;padding:24px 26px;min-width:180px}.metric strong{display:block;font-size:clamp(48px,6vw,90px);letter-spacing:-.06em}.metric span{color:var(--muted);font-weight:700}.m1{top:8%;left:8%;transform:rotate(-3deg)}.m2{top:22%;right:2%;transform:rotate(4deg)}.m3{bottom:12%;left:2%;transform:rotate(2deg)}.m4{bottom:3%;right:11%;transform:rotate(-4deg)}.counter-rail{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:rgba(255,255,255,.7)}.counter-rail article{padding:20px 22px;border-right:1px solid var(--line);transition:.25s ease}.counter-rail article:last-child{border-right:0}.counter-rail article:hover{background:#fff;transform:translateY(-6px)}.counter-rail span,.counter-rail small{font-size:11px;letter-spacing:.12em;color:var(--muted)}.counter-rail b{display:block;font-size:38px;margin:6px 0;color:var(--violet)}.category-index{background:#fff}.index-grid{margin-top:36px;border-top:1px solid var(--line)}.index-grid article{display:grid;grid-template-columns:80px 1fr 1.5fr 140px;gap:24px;align-items:center;padding:30px 6px;border-bottom:1px solid var(--line)}.index-grid i{font-family:ui-monospace,monospace;color:var(--violet);font-style:normal}.index-grid h2{font-size:clamp(28px,3vw,48px);margin:0}.index-grid p{color:var(--muted);margin:0;font-size:18px}.index-grid b{font-size:48px;text-align:right}.stepper{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.stepper h2,.mosaic-copy h2,.archive h2,.studio h2{font-size:clamp(42px,6vw,86px);line-height:.95;letter-spacing:-.05em;margin:.3em 0}.stepper-copy p,.mosaic-copy p,.studio p{font-size:20px;line-height:1.6;color:var(--muted)}.chips{display:flex;gap:10px;flex-wrap:wrap}.chips span{padding:10px 14px;border-radius:999px;background:var(--soft);color:var(--violet);font-weight:800}.step-demo{background:#fff;border:1px solid var(--line);border-radius:40px;padding:40px;box-shadow:0 24px 70px rgba(80,70,190,.12)}.step-demo small{color:var(--mint);font-weight:800}.step-demo strong{display:block;font-size:clamp(96px,14vw,190px);line-height:1;margin:20px 0;letter-spacing:-.08em}.step-demo div{display:grid;grid-template-columns:1fr 1fr;gap:14px}.step-demo button{border:0;border-radius:18px;padding:20px;font-size:16px;font-weight:800;cursor:pointer;background:var(--soft);color:var(--violet)}.step-demo button:last-child{background:var(--violet);color:#fff}.flash{animation:flash .35s ease}@keyframes flash{50%{transform:scale(1.08);color:var(--mint)}}.product-mosaic{display:grid;grid-template-columns:1fr .9fr .9fr;grid-auto-rows:minmax(120px,auto);gap:22px;background:#151625;color:#fff;overflow:hidden}.product-mosaic .section-label{grid-column:1/-1;color:#a9a2ff}.mosaic-copy{grid-column:1/2;grid-row:2/4;align-self:center}.mosaic-copy p{color:#bfc1d0}.banner-shot{grid-column:2/4;grid-row:2/3;margin:0;border-radius:28px;overflow:hidden}.banner-shot img,.screen img{width:100%;display:block}.screen{margin:0;border-radius:26px;overflow:hidden;box-shadow:0 30px 80px rgba(0,0,0,.35);transform-origin:center}.screen-a{grid-column:2;grid-row:3/5;transform:rotate(-3deg) translateY(20px)}.screen-b{grid-column:3;grid-row:3/5;transform:rotate(3deg) translateY(-12px)}.screen-c{grid-column:1;grid-row:4/6;max-width:480px;justify-self:center;transform:rotate(-1deg)}.mosaic-note{grid-column:2/4;grid-row:5;padding:30px;border-top:1px solid #33364c}.mosaic-note b{font-family:ui-monospace,monospace;color:#b7b1ff}.mosaic-note p{color:#bfc1d0}.favorites-board{background:#f2f1ff}.pinboard{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:28px}.pinboard article{background:#fff;border:1px solid var(--line);border-radius:24px;padding:28px;min-height:230px;display:flex;flex-direction:column}.pinboard small{color:var(--muted)}.pinboard h3{font-size:24px;margin:.5em 0}.pinboard b{font-size:64px;letter-spacing:-.05em;margin-top:auto}.pinboard span{color:var(--violet);font-size:12px;font-weight:800}.archive{background:#fff}.archive h2{max-width:700px}.table{margin-top:30px;border-top:1px solid var(--line)}.tr{display:grid;grid-template-columns:2fr 1fr 1fr .7fr;gap:18px;padding:22px 6px;border-bottom:1px solid var(--line);font-size:18px;align-items:center}.tr.head{font-size:11px;letter-spacing:.12em;color:var(--muted);font-family:ui-monospace,monospace}.tr strong{font-size:36px;color:var(--violet)}.studio{background:#f7f7ff}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:70px}.services details{border-top:1px solid var(--line);padding:20px 0}.services details:last-child{border-bottom:1px solid var(--line)}.services summary{font-size:22px;font-weight:800;cursor:pointer}.services p{font-size:16px}.company-record{background:#171827;color:#fff;min-height:78vh}.company-record .section-label{color:#9d97ff}.company-record h2{font-size:clamp(90px,16vw,220px);line-height:.8;letter-spacing:-.08em;margin:.4em 0}.record-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #33354a}.record-grid>div{padding:24px 20px;border-right:1px solid #33354a;border-bottom:1px solid #33354a}.record-grid small{color:#8f93a7;letter-spacing:.12em}.record-grid p{font-size:18px;line-height:1.5}.record-grid a{color:#fff}.play-final{display:inline-flex;margin-top:34px;padding:18px 24px;border-radius:999px;background:linear-gradient(90deg,var(--violet),#8d84ff);color:#fff;text-decoration:none;font-weight:800}.footnote{margin-top:36px;color:#8f93a7;font-size:13px}.privacy-page{background:#f5f5ff}.privacy-wrap{max-width:980px;margin:auto;padding:60px 24px 100px}.back{text-decoration:none;font-weight:800;color:var(--violet)}.privacy-wrap header{padding:60px 0 28px}.privacy-wrap h1{font-size:clamp(62px,10vw,128px);letter-spacing:-.07em;line-height:.9;margin:.25em 0}.privacy-wrap .lede{font-size:24px;line-height:1.5;color:var(--muted);max-width:800px}.updated{font-family:ui-monospace,monospace;color:#8c90a0}.privacy-wrap section{padding:28px 0;border-top:1px solid var(--line)}.privacy-wrap section h2{font-size:28px;margin:0 0 12px}.privacy-wrap section p{font-size:18px;line-height:1.7;color:#565b6c;margin:.4em 0}.privacy-wrap section a{color:var(--violet)}@media(max-width:980px){:root{--rail:0px}.rail{display:none}.mobile-head{display:flex;position:sticky;top:0;z-index:50;align-items:center;justify-content:space-between;padding:12px 18px;background:rgba(255,255,255,.9);backdrop-filter:blur(12px);border-bottom:1px solid var(--line)}.mobile-head button{border:1px solid var(--line);background:#fff;padding:10px 14px;border-radius:12px;font-weight:800}.mobile-head nav{position:absolute;left:12px;right:12px;top:68px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:0 18px 40px rgba(35,35,70,.12)}.mobile-head nav a{display:block;padding:12px;text-decoration:none}main{margin-left:0}.opening{grid-template-columns:1fr;grid-template-rows:auto auto auto auto;min-height:auto;padding-top:54px}.number-field{min-height:400px}.opening-copy{order:2}.number-field{order:1}.counter-rail{order:3;grid-template-columns:repeat(2,1fr)}.counter-rail article:nth-child(2){border-right:0}.counter-rail article:nth-child(-n+2){border-bottom:1px solid var(--line)}.index-grid article{grid-template-columns:48px 1fr 90px}.index-grid article p{grid-column:2/4;font-size:16px}.index-grid b{grid-column:3;grid-row:1;text-align:right}.stepper,.studio-grid{grid-template-columns:1fr}.product-mosaic{grid-template-columns:1fr 1fr}.mosaic-copy{grid-column:1/-1;grid-row:auto}.banner-shot{grid-column:1/-1;grid-row:auto}.screen-a,.screen-b,.screen-c{grid-column:auto;grid-row:auto;transform:none}.screen-c{max-width:none}.mosaic-note{grid-column:1/-1;grid-row:auto}.pinboard{grid-template-columns:1fr}.record-grid{grid-template-columns:1fr 1fr}}@media(max-width:640px){section{padding:64px 20px}.opening h1{font-size:64px}.number-field{min-height:330px}.metric{min-width:130px;padding:16px 18px;border-radius:20px}.metric strong{font-size:42px}.m2{right:0}.m4{right:2%}.step-demo{padding:24px;border-radius:28px}.step-demo div{grid-template-columns:1fr}.product-mosaic{grid-template-columns:1fr}.screen{grid-column:1!important}.record-grid{grid-template-columns:1fr}.tr{grid-template-columns:1.6fr 1fr .8fr}.tr span:last-child{display:none}.tr.head span:last-child{display:none}.company-record h2{font-size:96px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}