:root{--ink:#0d1a31;--muted:#5d6d8e;--blue:#2f68ff;--cyan:#45c6ff;--pale:#eef6ff;--line:#dbe7f7;--paper:#fff;--gold:#f0a000;--red:#ea405d;--max:1180px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:radial-gradient(circle at 20% 10%,#e9f5ff 0,transparent 30%),linear-gradient(180deg,#f9fbff 0,#eef6ff 100%);overflow-x:hidden}a{color:inherit}.topbar{position:sticky;top:0;z-index:40;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px max(24px,calc((100vw - var(--max))/2));background:rgba(249,251,255,.82);backdrop-filter:blur(16px);border-bottom:1px solid rgba(13,26,49,.08)}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:800}.mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--cyan),#7460ff);box-shadow:0 10px 24px rgba(47,104,255,.22);font-family:ui-monospace,monospace}.topbar nav{display:flex;gap:24px;font-size:14px}.topbar nav a{text-decoration:none;color:var(--muted)}.topbar nav a:hover{color:var(--blue)}.play-tab{position:fixed;left:0;top:45%;z-index:50;writing-mode:vertical-rl;transform:rotate(180deg);background:#101729;color:#fff;text-decoration:none;padding:18px 11px;border-radius:0 14px 14px 0;font:700 12px/1 ui-monospace,monospace;letter-spacing:.08em}.desk{max-width:var(--max);margin:42px auto 0;background:rgba(255,255,255,.66);border:1px solid var(--line);border-radius:32px;overflow:hidden;box-shadow:0 28px 80px rgba(41,73,130,.10)}.desk-head{display:flex;justify-content:space-between;padding:16px 22px;border-bottom:1px solid var(--line);font:700 11px/1.2 ui-monospace,monospace;letter-spacing:.12em;color:#3277aa}.desk-grid{display:grid;grid-template-columns:1.02fr .98fr;min-height:650px}.desk-copy{padding:68px 56px 54px;background:linear-gradient(150deg,#fff,#f6faff)}.eyebrow,.section-kicker{font:700 12px/1.2 ui-monospace,monospace;letter-spacing:.12em;color:#357ce8}.desk h1{font-size:clamp(60px,7.2vw,112px);line-height:.86;letter-spacing:-.07em;margin:18px 0 28px}.desk h1 span{background:linear-gradient(90deg,#30bfff,#5b56ff);-webkit-background-clip:text;color:transparent}.lead{font-size:20px;line-height:1.55;color:var(--muted);max-width:610px}.equation{margin-top:42px;border-top:1px solid var(--line);padding-top:22px;display:flex;justify-content:space-between;align-items:end;font-family:ui-monospace,monospace}.equation span{font-size:14px;color:var(--muted)}.equation strong{font-size:54px;letter-spacing:-.05em}.chip-row{display:flex;gap:8px;flex-wrap:wrap;margin-top:18px}.chip-row span{border:1px solid var(--line);border-radius:999px;padding:8px 10px;font:700 11px ui-monospace,monospace;background:#fff}.desk-visual{position:relative;background:linear-gradient(180deg,#dff2ff,#eff5ff);min-height:650px;overflow:hidden}.screen-stack{position:absolute;inset:0}.shot{position:absolute;width:42%;border-radius:28px;box-shadow:0 25px 55px rgba(20,56,103,.22);transition:transform .35s ease}.shot-a{left:16%;top:10%;transform:rotate(-8deg)}.shot-b{right:10%;top:18%;transform:rotate(8deg)}.desk-visual:hover .shot-a{transform:rotate(-11deg) translateY(-7px)}.desk-visual:hover .shot-b{transform:rotate(11deg) translateY(5px)}.float-card{position:absolute;background:#fff;border:1px solid var(--line);border-radius:20px;padding:16px 18px;box-shadow:0 18px 45px rgba(28,63,116,.16);min-width:160px}.float-card small{display:block;font:700 10px ui-monospace,monospace;color:var(--muted)}.float-card b{display:block;font:800 30px ui-monospace,monospace;margin:4px 0}.float-card span{font-size:12px;color:#6b7b98}.fc1{right:5%;bottom:14%}.fc2{left:4%;bottom:9%}.memory-strip{display:flex;overflow:hidden;margin:26px 0;background:#0f1d34;color:white}.memory-strip div{min-width:max-content;padding:16px 30px;font:700 12px ui-monospace,monospace;letter-spacing:.12em;border-right:1px solid rgba(255,255,255,.12);animation:ticker 18s linear infinite}@keyframes ticker{to{transform:translateX(-320px)}}.section{max-width:var(--max);margin:96px auto;padding:0 12px}.history-head,.rack-copy{display:flex;justify-content:space-between;gap:40px;align-items:end;margin:18px 0 34px}.history-head h2,.rack-copy h2,.studio-title h2,.local h2{font-size:clamp(44px,5vw,76px);line-height:.95;letter-spacing:-.045em;margin:0}.history-head p,.rack-copy p{max-width:460px;color:var(--muted);font-size:18px;line-height:1.55}.ledger{border-top:1px solid #9ab2d3}.ledger-row{display:grid;grid-template-columns:90px 1fr 160px 110px;gap:24px;align-items:center;padding:24px 4px;border-bottom:1px solid #b8cbe3;font-family:ui-monospace,monospace}.ledger-row time{color:#6b7b98}.ledger-row div{display:flex;gap:20px;align-items:baseline}.ledger-row div span{color:#7485a2}.ledger-row strong{font-size:34px;text-align:right}.ledger-row em{font-style:normal;font-size:10px;letter-spacing:.1em;border:1px solid #b9c9df;border-radius:999px;padding:8px 10px;text-align:center}.calculator-lab{display:grid;grid-template-columns:1fr 1fr;border:1px solid var(--line);border-radius:30px;overflow:hidden;background:white}.lab-display{padding:60px;background:#0f1d34;color:white;display:flex;flex-direction:column;justify-content:center;min-height:470px}.lab-display span{font:500 20px ui-monospace,monospace;color:#9fadd0}.lab-display strong{font:800 clamp(58px,6vw,92px) ui-monospace,monospace;margin:16px 0 34px}.lab-display p{font-size:18px;color:#b9c5dc;max-width:440px;line-height:1.5}.keys{padding:46px;display:grid;grid-template-columns:repeat(4,1fr);gap:14px;background:#eef6ff}.keys button{appearance:none;border:1px solid #cbdcf0;background:white;border-radius:22px;min-height:76px;font:800 24px ui-monospace,monospace;color:var(--ink);box-shadow:0 8px 20px rgba(38,77,133,.08);transition:.15s ease}.keys button:hover{transform:translateY(-3px);box-shadow:0 14px 28px rgba(38,77,133,.13)}.keys button:active{transform:scale(.96)}.keys .accent{background:linear-gradient(135deg,#3f83ff,#3751ef);color:white;border-color:transparent}.keys .wide{grid-column:span 2}.rack{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.memory-card{background:#fff;border:1px solid var(--line);border-radius:18px 34px 18px 34px;padding:26px;box-shadow:0 22px 44px rgba(31,66,120,.08);transition:.3s}.memory-card:hover{transform:translateY(-8px) rotate(-1deg)}.memory-card span{font-weight:800;font-size:20px}.memory-card small{display:block;margin:26px 0 8px;color:var(--muted);font:600 13px ui-monospace,monospace}.memory-card b{font:800 44px ui-monospace,monospace}.local{display:grid;grid-template-columns:1fr 1fr;gap:24px}.local-copy,.flow-diagram{border:1px solid var(--line);border-radius:30px;padding:48px;background:#fff}.local-copy p{font-size:18px;line-height:1.6;color:var(--muted)}.local-copy a{color:var(--blue);font-weight:800}.flow-diagram{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;background:#0f1d34;color:#fff}.flow-diagram div{border:1px solid #385473;border-radius:999px;padding:14px 20px;font:700 12px ui-monospace,monospace;letter-spacing:.08em}.flow-diagram i{font-style:normal;color:#65d4ff}.flow-diagram p{font:700 10px ui-monospace,monospace;letter-spacing:.09em;color:#91a9c7;text-align:center;margin-top:16px}.gallery-grid{display:grid;grid-template-columns:1.1fr .8fr 1.1fr;gap:20px;align-items:center}.crop-card{height:460px;border-radius:28px;overflow:hidden;border:1px solid var(--line);background:#fff;box-shadow:0 22px 50px rgba(35,70,125,.10)}.crop-card.tall{height:560px}.crop-card img{width:100%;height:100%;object-fit:cover;object-position:top}.studio-title{max-width:820px}.studio-title span{font:700 12px ui-monospace,monospace;color:#3277aa}.studio-grid{display:grid;grid-template-columns:1fr 1fr;gap:48px;margin-top:36px}.studio-grid>p{font-size:20px;line-height:1.65;color:var(--muted)}.service-list{border-top:1px solid #b7c9df}.service-list div{padding:18px 0;border-bottom:1px solid #b7c9df;display:grid;grid-template-columns:180px 1fr;gap:20px}.service-list span{color:var(--muted)}.contact-card{display:grid;grid-template-columns:1fr 1fr;gap:50px;background:#101729;color:#fff;border-radius:30px;padding:54px}.contact-card span{font:700 11px ui-monospace,monospace;letter-spacing:.12em;color:#7f99be}.contact-card h2{font-size:52px;margin:14px 0}.contact-card p{color:#bdc9dc;line-height:1.6}.contact-links{display:flex;flex-direction:column;justify-content:center}.contact-links a{padding:16px 0;border-bottom:1px solid #2d3d56;text-decoration:none;color:#fff}.contact-links a:hover{color:#6fd2ff}footer{max-width:var(--max);margin:0 auto;padding:30px 12px 50px;display:flex;gap:24px;flex-wrap:wrap;color:#667895;font-size:13px}footer a{text-decoration:none}.reveal{opacity:0;transform:translateY(24px);transition:opacity .7s ease,transform .7s ease}.reveal.is-visible{opacity:1;transform:none}.privacy-wrap{max-width:1040px;margin:0 auto;padding:64px 18px 90px}.back{text-decoration:none;color:var(--blue);font-weight:800}.privacy-title{margin:34px 0}.privacy-title span{font:700 11px ui-monospace,monospace;color:#3a79cb}.privacy-title h1{font-size:clamp(56px,8vw,104px);letter-spacing:-.06em;line-height:.9;margin:18px 0}.privacy-title p{color:var(--muted)}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.privacy-grid article{background:#fff;border:1px solid var(--line);border-radius:22px;padding:28px}.privacy-grid article h2{margin-top:0;font-size:24px}.privacy-grid article p{color:#526483;line-height:1.65}.privacy-grid .important{border-color:#79a7ff;background:linear-gradient(180deg,#fff,#f2f7ff)}.privacy-grid a{color:var(--blue)}@media(max-width:900px){.topbar nav{display:none}.desk{margin:18px 14px 0}.desk-grid,.calculator-lab,.local,.studio-grid,.contact-card{grid-template-columns:1fr}.desk-copy{padding:44px 28px}.desk-visual{min-height:620px}.desk h1{font-size:64px}.history-head,.rack-copy{display:block}.ledger-row{grid-template-columns:64px 1fr 90px}.ledger-row em{display:none}.rack{grid-template-columns:1fr}.gallery-grid{grid-template-columns:1fr}.crop-card,.crop-card.tall{height:520px}.privacy-grid{grid-template-columns:1fr}.play-tab{top:auto;bottom:20px}.service-list div{grid-template-columns:1fr}.section{margin:70px auto}.keys{padding:22px}.lab-display{padding:36px}}@media(max-width:560px){.desk-head{font-size:9px}.shot{width:54%}.shot-a{left:3%}.shot-b{right:1%}.float-card{transform:scale(.84)}.desk-visual{min-height:520px}.equation strong{font-size:40px}.ledger-row{grid-template-columns:1fr 90px}.ledger-row time{display:none}.ledger-row div{display:block}.memory-strip div{padding:13px 20px}.contact-card{padding:32px 24px}.contact-card h2{font-size:40px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.memory-strip div{animation:none}.reveal{opacity:1;transform:none;transition:none}.shot,.memory-card,.keys button{transition:none}}