@font-face{font-family:A9 Display;src:url(/Pokemon%20Solid.ttf) format("truetype");font-display:swap}:root{--shell:1280px;--ease:cubic-bezier(.22,1,.36,1);--body:"Chakra Petch","Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-text-size-adjust:100%}body{background:var(--bg);color:var(--text);font-family:var(--body);line-height:1.55;-webkit-font-smoothing:antialiased;min-height:100dvh}a{color:inherit;text-decoration:none}.brand{display:flex;align-items:center;gap:12px}.logo{width:38px;height:38px;border-radius:50%;flex-shrink:0;display:block;background:var(--accent-soft) center/cover no-repeat;border:1px solid var(--line)}.brand-t{font-family:"A9 Display",var(--body);font-weight:400;letter-spacing:.06em;font-size:.98rem;line-height:1;padding-top:2px}nav{display:flex;align-items:center;gap:clamp(14px,2.6vw,24px)}nav a{font-size:.76rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}nav a:hover{color:var(--text)}nav a.cta{color:var(--accent);border:1px solid var(--accent);border-radius:999px;padding:7px 14px}nav a.cta:hover{background:var(--accent-soft)}.eyebrow{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.h-title{font-weight:800;letter-spacing:-.035em;line-height:.98}.lede{color:var(--muted);max-width:44ch}.h-say{color:var(--accent);font-weight:600;font-size:clamp(1rem,2.2vw,1.35rem);letter-spacing:-.01em}.lede em{font-style:normal;color:var(--text);font-weight:600}.banner{display:block;margin:0 0 16px;padding:12px 18px;background:var(--accent);color:#fff;font:700 clamp(.82rem,2vw,1.05rem) var(--body);letter-spacing:.26em;text-transform:uppercase}.btns{display:flex;flex-wrap:wrap;gap:11px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 22px;border-radius:999px;cursor:pointer;font:650 .8rem var(--body);letter-spacing:.05em;border:1px solid var(--line);color:var(--text);background:var(--surface);transition:transform .14s var(--ease),background .16s,border-color .16s,color .16s}.btn:hover{transform:translateY(-1px);border-color:var(--accent)}.btn.primary{background:var(--accent);border-color:var(--accent);color:var(--ink)}.btn.primary:hover{background:var(--accent-hi);border-color:var(--accent-hi)}.band-h{font-size:.66rem;letter-spacing:.3em;text-transform:uppercase;color:var(--muted)}.svc{display:grid;gap:14px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:20px 18px;background:var(--surface)}.card .n{display:block;font:700 .72rem var(--mono);color:var(--accent);margin-bottom:12px}.card .fill{display:none}.card .t{font:700 .98rem var(--body);margin-bottom:5px}.card .d{color:var(--muted);font-size:.88rem}.cta-box{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.cta-box .t{font:700 clamp(1.1rem,2.4vw,1.5rem) var(--body);flex:1 1 260px;letter-spacing:-.02em}.site-f{display:flex;flex-wrap:wrap;gap:12px;align-items:center;font-size:.74rem;color:var(--muted)}.site-f a:hover{color:var(--accent)}.foot-r{margin-left:auto;display:flex;gap:16px}html[data-look=studio]{--bg:#08060a;--bg2:#0f0b12;--surface:rgba(255,255,255,.04);--line:rgba(255,255,255,.11);--line-soft:rgba(255,255,255,.06);--text:#f6f1ec;--muted:#a99f98;--accent:#ff8a2b;--accent-hi:#ffb066;--accent-soft:rgba(255,138,43,.13);--ink:#120b06;--radius:16px}html[data-look=studio] body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(1000px 620px at 50% -14%,rgba(255,138,43,.2),transparent 62%),radial-gradient(700px 480px at 12% 108%,rgba(120,70,255,.14),transparent 66%),linear-gradient(180deg,var(--bg),var(--bg2))}html[data-look=studio] .page{max-width:var(--shell);margin:0 auto;padding:0 clamp(18px,4vw,30px)}html[data-look=studio] .site-h{display:flex;align-items:center;height:74px;border-bottom:1px solid var(--line-soft)}html[data-look=studio] .site-h nav{margin-left:auto}html[data-look=studio] .site-h .logo{width:30px;height:30px}html[data-look=studio] .hero{min-height:calc(100dvh - 74px);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:20px;padding:40px 0 60px}html[data-look=studio] .hero .h-title{font-size:clamp(2.5rem,7vw,5rem)}html[data-look=studio] .hero .h-title em{font-style:normal;background:linear-gradient(120deg,var(--accent-hi),var(--accent) 55%,#ff5f6d);-webkit-background-clip:text;background-clip:text;color:transparent}html[data-look=studio] .hero .lede{max-width:48ch}html[data-look=studio] .band{padding:70px 0;border-top:1px solid var(--line-soft);text-align:center}html[data-look=studio] .band-h{margin-bottom:26px}html[data-look=studio] .svc{grid-template-columns:repeat(3,1fr);text-align:left}html[data-look=studio] .card{background:linear-gradient(170deg,#ffffff0f,#ffffff05);box-shadow:0 1px #ffffff0f inset,0 18px 40px #00000052}html[data-look=studio] .cta-band{padding:60px 0;border-top:1px solid var(--line-soft)}html[data-look=studio] .cta-box{justify-content:center;text-align:center}html[data-look=studio] .site-f{padding:22px 0 90px;border-top:1px solid var(--line-soft)}html[data-look=editorial]{--bg:#f7f4ee;--bg2:#f2ede4;--surface:#fffdf9;--line:rgba(24,20,16,.16);--line-soft:rgba(24,20,16,.08);--text:#171310;--muted:#6d635b;--accent:#1f5c46;--accent-hi:#2b7a5c;--accent-soft:rgba(31,92,70,.09);--ink:#fffdf9;--radius:3px;--serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Georgia,serif}html[data-look=editorial] .page{display:grid;grid-template-columns:250px minmax(0,1fr);gap:0 clamp(28px,5vw,64px);max-width:1180px;margin:0 auto;padding:0 clamp(18px,4vw,34px)}html[data-look=editorial] .site-h{grid-column:1;grid-row:1/4;align-self:start;position:sticky;top:0;display:flex;flex-direction:column;align-items:flex-start;gap:26px;padding:44px 0;border-right:1px solid var(--line-soft);min-height:100dvh}html[data-look=editorial] .site-h .brand{flex-direction:column;align-items:flex-start;gap:14px}html[data-look=editorial] .site-h .logo{width:64px;height:64px;border-radius:3px}html[data-look=editorial] .brand-t{font-size:1.3rem;line-height:1.1}html[data-look=editorial] .site-h nav{flex-direction:column;align-items:flex-start;gap:9px}html[data-look=editorial] .site-h nav a.cta{padding:6px 13px}html[data-look=editorial] main{grid-column:2;padding:44px 0 0}html[data-look=editorial] .hero{padding-bottom:44px;display:grid;gap:16px}html[data-look=editorial] .hero .h-title{font:400 clamp(2.2rem,5vw,3.9rem)/1.04 var(--serif);letter-spacing:-.02em}html[data-look=editorial] .hero .h-title em{font-style:italic;color:var(--accent)}html[data-look=editorial] .lede{font-family:var(--serif);font-size:1.2rem;color:var(--text)}html[data-look=editorial] .eyebrow{color:var(--accent)}html[data-look=editorial] .band{padding:34px 0;border-top:1px solid var(--line)}html[data-look=editorial] .band-h{margin-bottom:14px}html[data-look=editorial] .svc{grid-template-columns:1fr;gap:0}html[data-look=editorial] .card{background:none;border:none;border-top:1px solid var(--line-soft);border-radius:0;display:grid;grid-template-columns:3rem 1fr;gap:0 20px;padding:20px 0;align-items:baseline}html[data-look=editorial] .card:first-child{border-top:none}html[data-look=editorial] .card .n{grid-row:1/3;font:400 1.4rem/1 var(--serif);color:var(--accent);margin:0}html[data-look=editorial] .card .t{font:600 1rem var(--body)}html[data-look=editorial] .cta-band{padding:34px 0;border-top:1px solid var(--line)}html[data-look=editorial] .cta-box .t{font-family:var(--serif);font-weight:400}html[data-look=editorial] .site-f{grid-column:2;padding:26px 0 90px;border-top:1px solid var(--line-soft)}@media (max-width:900px){html[data-look=editorial] .page{grid-template-columns:1fr}html[data-look=editorial] .site-h{grid-column:1;grid-row:auto;position:static;min-height:0;flex-direction:row;align-items:center;padding:20px 0;border-right:none;border-bottom:1px solid var(--line-soft)}html[data-look=editorial] .site-h .brand{flex-direction:row;align-items:center}html[data-look=editorial] .site-h .logo{width:40px;height:40px}html[data-look=editorial] .site-h nav{flex-direction:row;margin-left:auto}html[data-look=editorial] main,html[data-look=editorial] .site-f{grid-column:1}}html[data-look=console]{--bg:#0b1014;--bg2:#0e151a;--surface:rgba(255,255,255,.03);--line:rgba(126,231,255,.2);--line-soft:rgba(255,255,255,.07);--text:#e6f1f5;--muted:#8ba3ad;--accent:#57e0c6;--accent-hi:#8ff3e0;--accent-soft:rgba(87,224,198,.12);--ink:#04120f;--radius:8px}html[data-look=console] body{background:linear-gradient(rgba(87,224,198,.04) 1px,transparent 1px) 0 0/100% 44px,linear-gradient(90deg,rgba(87,224,198,.04) 1px,transparent 1px) 0 0/44px 100%,linear-gradient(180deg,var(--bg),var(--bg2))}html[data-look=console] .page{display:grid;grid-template-columns:290px minmax(0,1fr);min-height:100dvh}html[data-look=console] .site-h{grid-row:1/4;position:sticky;top:0;align-self:start;height:100dvh;display:flex;flex-direction:column;align-items:flex-start;gap:22px;padding:34px 26px;border-right:1px solid var(--line);background:#00000047}html[data-look=console] .site-h:after{content:"a9://consult \b7  online";margin-top:auto;font:.62rem var(--mono);letter-spacing:.06em;color:var(--accent);opacity:.75}html[data-look=console] .site-h .brand{flex-direction:column;align-items:flex-start;gap:14px}html[data-look=console] .site-h .logo{width:52px;height:52px;border-radius:8px}html[data-look=console] .brand-t{font-size:1.15rem}html[data-look=console] .site-h nav{flex-direction:column;align-items:flex-start;gap:11px}html[data-look=console] nav a{font-family:var(--mono);letter-spacing:.04em}html[data-look=console] main{padding:0 clamp(20px,3.4vw,44px)}html[data-look=console] .hero{padding:clamp(48px,12vh,120px) 0 44px;display:grid;gap:16px}html[data-look=console] .eyebrow{font-family:var(--mono);letter-spacing:.16em}html[data-look=console] .hero .h-title{font-size:clamp(2rem,5vw,3.6rem);font-weight:750}html[data-look=console] .hero .h-title em{font-style:normal;color:var(--accent)}html[data-look=console] .band{padding:26px 0 40px;border-top:1px solid var(--line-soft)}html[data-look=console] .band-h{font-family:var(--mono);margin-bottom:16px}html[data-look=console] .svc{grid-template-columns:1fr;gap:0}html[data-look=console] .card{border:none;border-bottom:1px solid var(--line-soft);border-radius:0;background:none;display:grid;grid-template-columns:64px minmax(0,1fr) minmax(0,1fr);gap:0 18px;align-items:baseline;padding:16px 0}html[data-look=console] .card .n{margin:0}html[data-look=console] .cta-band{padding:30px 0 50px}html[data-look=console] .cta-box{border:1px solid var(--line);border-radius:var(--radius);padding:22px;background:var(--surface)}html[data-look=console] .site-f{padding:20px clamp(20px,3.4vw,44px) 90px;border-top:1px solid var(--line-soft)}html[data-look=console] .foot-l{font-family:var(--mono)}@media (max-width:900px){html[data-look=console] .page{grid-template-columns:1fr}html[data-look=console] .site-h{grid-row:auto;height:auto;min-height:0;flex-direction:row;align-items:center;padding:16px 20px;border-right:none;border-bottom:1px solid var(--line)}html[data-look=console] .site-h:after{display:none}html[data-look=console] .site-h .brand{flex-direction:row}html[data-look=console] .site-h .logo{width:36px;height:36px}html[data-look=console] .site-h nav{flex-direction:row;margin-left:auto}html[data-look=console] .card{grid-template-columns:44px minmax(0,1fr)}html[data-look=console] .card .d{grid-column:2}}html[data-look=neon]{--bg:#05060f;--bg2:#080a1b;--surface:rgba(255,255,255,.045);--line:rgba(160,180,255,.18);--line-soft:rgba(160,180,255,.09);--text:#eef1ff;--muted:#9aa2c8;--accent:#8b7dff;--accent-hi:#b9a8ff;--accent-soft:rgba(139,125,255,.16);--ink:#07061a;--radius:20px;--glow:#38f5d0}html[data-look=neon] body:before{content:"";position:fixed;inset:0;z-index:-1;background:radial-gradient(760px 760px at 82% 8%,rgba(139,125,255,.3),transparent 60%),radial-gradient(620px 620px at 6% 78%,rgba(56,245,208,.16),transparent 62%),linear-gradient(155deg,var(--bg),var(--bg2))}html[data-look=neon] body:after{content:"";position:fixed;left:-10%;right:-10%;top:52%;height:1px;z-index:-1;background:linear-gradient(90deg,transparent,var(--glow),transparent);opacity:.35;transform:rotate(-7deg)}html[data-look=neon] .page{max-width:1220px;margin:0 auto;padding:0 clamp(18px,4vw,40px)}html[data-look=neon] .site-h{display:flex;align-items:center;height:88px}html[data-look=neon] .site-h nav{margin-left:auto}html[data-look=neon] .logo{width:44px;height:44px;border:1px solid transparent;position:relative;box-shadow:0 0 0 1px #a0b4ff59,0 0 26px #8b7dff80}html[data-look=neon] .brand-t{font-size:1.05rem;letter-spacing:.1em}html[data-look=neon] .hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.72fr);align-items:end;gap:26px;padding:clamp(30px,9vh,90px) 0 clamp(40px,10vh,110px)}html[data-look=neon] .hero .eyebrow{grid-column:1;color:var(--glow)}html[data-look=neon] .hero .h-title{grid-column:1;font-size:clamp(2.7rem,9vw,6.4rem);letter-spacing:-.05em;line-height:.92}html[data-look=neon] .hero .h-title em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--glow),var(--accent-hi) 60%,#ff7ad9);-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 24px rgba(139,125,255,.35))}html[data-look=neon] .hero .lede{grid-column:2;grid-row:2/4;align-self:end;padding-bottom:6px;border-left:1px solid var(--line);padding-left:18px}html[data-look=neon] .hero .btns{grid-column:1;margin-top:10px}html[data-look=neon] .btn{backdrop-filter:blur(8px)}html[data-look=neon] .btn.primary{box-shadow:0 8px 30px #8b7dff66}html[data-look=neon] .band{padding:20px 0 60px}html[data-look=neon] .band-h{margin-bottom:20px;color:var(--glow)}html[data-look=neon] .svc{grid-template-columns:repeat(3,1fr);gap:18px;align-items:start}html[data-look=neon] .svc .card:nth-child(2){transform:translateY(26px)}html[data-look=neon] .svc .card:nth-child(3){transform:translateY(52px)}html[data-look=neon] .card{padding:24px 20px 26px;backdrop-filter:blur(14px);background:linear-gradient(160deg,#ffffff17,#ffffff06);box-shadow:0 1px #ffffff1f inset,0 24px 60px #0000006b;transition:transform .24s var(--ease),border-color .2s}html[data-look=neon] .card:hover{border-color:var(--glow)}html[data-look=neon] .svc .card:nth-child(1):hover{transform:translateY(-6px)}html[data-look=neon] .svc .card:nth-child(2):hover{transform:translateY(20px)}html[data-look=neon] .svc .card:nth-child(3):hover{transform:translateY(46px)}html[data-look=neon] .card .n{font-family:var(--mono);color:var(--glow)}html[data-look=neon] .cta-band{padding:100px 0 40px}html[data-look=neon] .cta-box{border:1px solid var(--line);border-radius:var(--radius);padding:26px;background:linear-gradient(140deg,#8b7dff29,#ffffff08);backdrop-filter:blur(14px)}html[data-look=neon] .cta-box .t{letter-spacing:-.03em}html[data-look=neon] .site-f{padding:22px 0 90px;border-top:1px solid var(--line-soft)}@media (max-width:900px){html[data-look=neon] .hero{grid-template-columns:1fr;align-items:start}html[data-look=neon] .hero .lede{grid-column:1;grid-row:auto}html[data-look=neon] .svc .card:nth-child(2),html[data-look=neon] .svc .card:nth-child(3){transform:none}html[data-look=neon] .svc .card:nth-child(n):hover{transform:translateY(-4px)}}@media (prefers-reduced-motion: reduce){.btn,.card{transition:none}}#hud-frame{position:fixed;inset:0;z-index:50;pointer-events:none;display:none}html[data-look^=hud] #hud-frame{display:block}#hud-frame .glass{position:absolute;inset:0;background:radial-gradient(130% 110% at 50% 46%,transparent 52%,rgba(0,0,0,.55) 92%),radial-gradient(120% 90% at 50% 8%,var(--hud-tint),transparent 58%);box-shadow:inset 0 0 90px -20px var(--hud-rim),inset 0 0 3px #ffffff24}#hud-frame .grille{position:absolute;inset:0;opacity:.55;background:repeating-linear-gradient(180deg,var(--hud-line) 0 1px,transparent 1px 3px)}#hud-frame .sweep{position:absolute;left:0;right:0;height:26vh;background:linear-gradient(180deg,transparent,var(--hud-sweep),transparent);opacity:.5;animation:hud-sweep 7.5s linear infinite}@keyframes hud-sweep{0%{transform:translateY(-30vh)}to{transform:translateY(115vh)}}#hud-frame .c{position:absolute;width:54px;height:54px}#hud-frame .c:before,#hud-frame .c:after{content:"";position:absolute;background:var(--accent);box-shadow:0 0 12px var(--accent)}#hud-frame .c:before{width:100%;height:2px}#hud-frame .c:after{width:2px;height:100%}#hud-frame .tl{left:16px;top:16px}#hud-frame .tr{right:16px;top:16px}#hud-frame .bl{left:16px;bottom:16px}#hud-frame .br{right:16px;bottom:16px}#hud-frame .tl:before,#hud-frame .tr:before{top:0}#hud-frame .bl:before,#hud-frame .br:before{bottom:0}#hud-frame .tl:after,#hud-frame .bl:after{left:0}#hud-frame .tr:after,#hud-frame .br:after{right:0}#hud-frame .rail{position:absolute;opacity:.6}#hud-frame .rail.l,#hud-frame .rail.r{top:86px;bottom:86px;width:7px;background:repeating-linear-gradient(180deg,var(--accent) 0 1px,transparent 1px 26px)}#hud-frame .rail.l{left:19px}#hud-frame .rail.r{right:19px}#hud-frame .rail.t,#hud-frame .rail.b{left:86px;right:86px;height:7px;background:repeating-linear-gradient(90deg,var(--accent) 0 1px,transparent 1px 26px)}#hud-frame .rail.t{top:19px}#hud-frame .rail.b{bottom:19px}#hud-frame .tele{position:absolute;font:.56rem var(--mono);letter-spacing:.22em;color:var(--accent);opacity:.8;text-shadow:0 0 10px var(--accent);white-space:nowrap}#hud-frame .t-tl{left:82px;top:24px}#hud-frame .t-tr{right:82px;top:24px}#hud-frame .t-bl{left:82px;bottom:24px}#hud-frame .t-br{right:82px;bottom:24px}#hud-frame .t-tr:after{content:""}#hud-frame .dot{display:inline-block;width:5px;height:5px;border-radius:50%;margin-right:7px;background:var(--ok, #4ec98a);box-shadow:0 0 8px var(--ok, #4ec98a);animation:hud-blip 2.2s ease-in-out infinite;vertical-align:1px}@keyframes hud-blip{0%,to{opacity:.35}50%{opacity:1}}#hud-frame .ret{position:absolute;left:50%;top:50%;width:30px;height:30px;margin:-15px 0 0 -15px;opacity:.22;background:linear-gradient(var(--accent),var(--accent)) center/1px 11px no-repeat,linear-gradient(var(--accent),var(--accent)) center/11px 1px no-repeat}#hud-frame .ret:before{content:"";position:absolute;inset:0;border:1px solid var(--accent);border-radius:50%;opacity:.5}@media (max-width:720px){#hud-frame .rail,#hud-frame .t-bl,#hud-frame .t-br,#hud-frame .ret{display:none}#hud-frame .c{width:34px;height:34px}#hud-frame .t-tl{left:60px}#hud-frame .t-tr{right:60px}}@media (prefers-reduced-motion: reduce){#hud-frame .sweep,#hud-frame .dot{animation:none}}html[data-look^=hud] body{padding:52px 46px}html[data-look^=hud] .page{position:relative;max-width:1180px;margin:0 auto;padding:0}html[data-look^=hud] .site-h{display:flex;align-items:center;height:62px;border-bottom:1px solid var(--line-soft);border-radius:0;margin:0;padding:0;background:none;box-shadow:none}html[data-look^=hud] .site-h:before,html[data-look^=hud] .site-h:after{content:none}html[data-look^=hud] .site-h nav{margin-left:auto}html[data-look^=hud] nav a{font-family:var(--mono);letter-spacing:.14em;font-size:.66rem}html[data-look^=hud] nav a.cta{border-radius:0;clip-path:polygon(9px 0,100% 0,100% calc(100% - 9px),calc(100% - 9px) 100%,0 100%,0 9px)}@media (max-width:720px){html[data-look^=hud] body{padding:44px 26px}}html[data-look^=hud] .brand{position:relative;isolation:isolate}html[data-look^=hud] .logo{position:relative;z-index:2;width:42px;height:42px;border:1px solid rgba(255,255,255,.22);box-shadow:0 0 24px var(--hud-rim),inset 0 0 18px var(--hud-tint)}html[data-look^=hud] .brand:before{content:"";position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border-radius:50%;pointer-events:none;z-index:1;background:conic-gradient(from 0deg,var(--accent) 0 6deg,transparent 6deg 30deg,var(--accent) 30deg 34deg,transparent 34deg 60deg,var(--accent) 60deg 66deg,transparent 66deg 90deg,var(--accent) 90deg 94deg,transparent 94deg 120deg,var(--accent) 120deg 126deg,transparent 126deg 150deg,var(--accent) 150deg 154deg,transparent 154deg 180deg,var(--accent) 180deg 186deg,transparent 186deg 210deg,var(--accent) 210deg 214deg,transparent 214deg 240deg,var(--accent) 240deg 246deg,transparent 246deg 270deg,var(--accent) 270deg 274deg,transparent 274deg 300deg,var(--accent) 300deg 306deg,transparent 306deg 330deg,var(--accent) 330deg 334deg,transparent 334deg);-webkit-mask:radial-gradient(circle,transparent 0 32px,#000 32px 35px,transparent 35px);mask:radial-gradient(circle,transparent 0 32px,#000 32px 35px,transparent 35px);animation:hud-spin 11s linear infinite;opacity:.9}html[data-look^=hud] .brand>.logo:before{content:"";position:absolute;left:50%;top:50%;width:58px;height:58px;margin:-29px 0 0 -29px;border-radius:50%;pointer-events:none;z-index:-1;background:conic-gradient(from 0deg,var(--hud-arc) 0 70deg,transparent 70deg);-webkit-mask:radial-gradient(circle,transparent 0 23px,#000 23px 28px,transparent 28px);mask:radial-gradient(circle,transparent 0 23px,#000 23px 28px,transparent 28px);animation:hud-spin-back 4.5s linear infinite}html[data-look^=hud] .brand>.logo:after{content:"";position:absolute;left:50%;top:50%;width:90px;height:90px;margin:-45px 0 0 -45px;border-radius:50%;pointer-events:none;z-index:-2;background:radial-gradient(circle,var(--hud-tint),transparent 62%);animation:hud-pulse 3.4s ease-in-out infinite}@keyframes hud-spin{to{transform:rotate(360deg)}}@keyframes hud-spin-back{to{transform:rotate(-360deg)}}@keyframes hud-pulse{0%,to{transform:scale(.86);opacity:.5}50%{transform:scale(1.06);opacity:.95}}@media (prefers-reduced-motion: reduce){html[data-look^=hud] .brand:before,html[data-look^=hud] .brand>.logo:before,html[data-look^=hud] .brand>.logo:after{animation:none}}html[data-look^=hud] .hero{display:grid;gap:18px;justify-items:start;perspective:1000px;padding:clamp(40px,10vh,104px) 0 clamp(34px,8vh,86px)}html[data-look^=hud] .eyebrow{font-family:var(--mono);letter-spacing:.32em;color:var(--accent);padding-left:16px;position:relative}html[data-look^=hud] .eyebrow:before{content:"";position:absolute;left:0;top:50%;width:9px;height:9px;margin-top:-5px;background:var(--accent);transform:rotate(45deg);box-shadow:0 0 12px var(--accent)}html[data-look^=hud] .hero .h-title{font-size:clamp(2.4rem,7.4vw,5.4rem);font-weight:700;letter-spacing:-.03em}html[data-look^=hud] .hero .h-title em{font-style:normal;color:transparent;background:linear-gradient(100deg,var(--accent-hi),var(--accent) 45%,var(--hot));-webkit-background-clip:text;background-clip:text;filter:drop-shadow(0 0 24px var(--hud-rim))}html[data-look^=hud] .lede{max-width:46ch;padding-left:16px;border-left:1px solid var(--line-soft)}html[data-look^=hud] .btn{border-radius:0;letter-spacing:.12em;font-family:var(--mono);clip-path:polygon(11px 0,100% 0,100% calc(100% - 11px),calc(100% - 11px) 100%,0 100%,0 11px)}html[data-look^=hud] .btn.primary{box-shadow:0 0 24px var(--hud-rim)}html[data-look^=hud] .band{padding:14px 0 56px}html[data-look^=hud] .band-h{font-family:var(--mono);letter-spacing:.3em;color:var(--accent);margin-bottom:20px}html[data-look^=hud] .svc{grid-template-columns:repeat(3,1fr);gap:18px;perspective:1100px}html[data-look^=hud] .card{position:relative;overflow:hidden;padding:38px 20px 24px;border:1px solid var(--line-soft);border-radius:0;background:linear-gradient(180deg,var(--hud-tint),transparent 46%),linear-gradient(200deg,#ffffff08,#0006);clip-path:polygon(0 0,calc(100% - 22px) 0,100% 22px,100% 100%,22px 100%,0 calc(100% - 22px));transform-style:preserve-3d;transform:rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transition:transform .35s var(--ease),box-shadow .3s,border-color .3s}html[data-look^=hud] .card .n{position:absolute;left:0;top:0;margin:0;width:100%;height:26px;display:flex;align-items:center;gap:8px;padding:0 12px;font:700 .6rem var(--mono);letter-spacing:.28em;color:var(--ink);background:linear-gradient(90deg,var(--accent),var(--hud-arc) 78%,transparent);clip-path:polygon(0 0,100% 0,calc(100% - 14px) 100%,0 100%);text-shadow:none}html[data-look^=hud] .card:before{content:"";position:absolute;left:-2px;bottom:-2px;width:72px;height:72px;pointer-events:none;opacity:.45;background:repeating-linear-gradient(45deg,var(--accent) 0 1px,transparent 1px 7px);-webkit-mask:linear-gradient(45deg,#000 0 34%,transparent 46%);mask:linear-gradient(45deg,#000 0 34%,transparent 46%)}html[data-look^=hud] .card:after{content:"";position:absolute;left:0;top:26px;height:1px;width:0;background:linear-gradient(90deg,var(--accent),transparent);transition:width .45s var(--ease)}html[data-look^=hud] .card:hover:after,html[data-look^=hud] .card.open:after{width:100%}html[data-look^=hud] .card:hover,html[data-look^=hud] .card.open{border-color:var(--accent);box-shadow:0 24px 60px #0000008c,0 0 32px var(--hud-rim)}html[data-look^=hud] .cta-band{padding:0 0 40px}html[data-look^=hud] .cta-box{border:1px solid var(--line);border-radius:0;padding:28px;background:linear-gradient(120deg,var(--hud-tint),rgba(255,255,255,.02) 70%,transparent);clip-path:polygon(22px 0,100% 0,100% calc(100% - 22px),calc(100% - 22px) 100%,0 100%,0 22px)}html[data-look^=hud] .site-f{padding:16px 0 0;border-top:1px solid var(--line-soft);font-family:var(--mono);letter-spacing:.06em;font-size:.66rem}@media (max-width:900px){html[data-look^=hud] .svc{grid-template-columns:1fr}}html[data-look=hud]{--bg:#03060d;--bg2:#050b16;--surface:rgba(0,229,255,.045);--line:rgba(0,229,255,.3);--line-soft:rgba(0,229,255,.14);--text:#dff3ff;--muted:#7ea7bd;--accent:#00e5ff;--accent-hi:#8ff9ff;--accent-soft:rgba(0,229,255,.12);--ink:#00131a;--radius:0;--hot:#ff4d9d;--hud-tint:rgba(0,229,255,.1);--hud-rim:rgba(0,229,255,.45);--hud-line:rgba(0,229,255,.05);--hud-sweep:rgba(0,229,255,.1);--hud-arc:rgba(0,229,255,.42)}html[data-look=hud] body{background:radial-gradient(900px 700px at 78% -6%,rgba(0,229,255,.2),transparent 60%),radial-gradient(700px 600px at 8% 16%,rgba(255,77,157,.12),transparent 62%),linear-gradient(180deg,var(--bg),var(--bg2)) fixed}html[data-look=hud-core]{--bg:#0a0602;--bg2:#120a04;--surface:rgba(255,176,60,.05);--line:rgba(255,176,60,.32);--line-soft:rgba(255,176,60,.14);--text:#fff1de;--muted:#c0a483;--accent:#ffb03c;--accent-hi:#ffd79a;--accent-soft:rgba(255,176,60,.14);--ink:#1b0e00;--radius:0;--hot:#ff6a3d;--hud-tint:rgba(255,176,60,.1);--hud-rim:rgba(255,176,60,.42);--hud-line:rgba(255,176,60,.05);--hud-sweep:rgba(255,176,60,.09);--hud-arc:rgba(255,176,60,.42)}html[data-look=hud-core] body{background:radial-gradient(900px 700px at 22% -8%,rgba(255,176,60,.2),transparent 60%),radial-gradient(800px 640px at 88% 74%,rgba(255,106,61,.14),transparent 62%),linear-gradient(180deg,var(--bg),var(--bg2)) fixed}html[data-look=hud-blue]{--bg:#02100a;--bg2:#03170f;--surface:rgba(80,255,160,.04);--line:rgba(80,255,160,.3);--line-soft:rgba(80,255,160,.13);--text:#d8ffe8;--muted:#7fb99a;--accent:#4dff9f;--accent-hi:#9dffca;--accent-soft:rgba(80,255,160,.12);--ink:#02170d;--radius:0;--hot:#c9ff4d;--hud-tint:rgba(80,255,160,.09);--hud-rim:rgba(80,255,160,.4);--hud-line:rgba(80,255,160,.07);--hud-sweep:rgba(80,255,160,.1);--hud-arc:rgba(80,255,160,.4)}html[data-look=hud-blue] body{background:radial-gradient(1000px 760px at 50% -10%,rgba(80,255,160,.16),transparent 62%),linear-gradient(180deg,var(--bg),var(--bg2)) fixed}html[data-look=hud-blue] #hud-frame .grille{opacity:.9}html[data-look^=hud] .band{display:grid;grid-template-columns:290px minmax(0,1fr);grid-template-rows:auto minmax(0,1fr);gap:14px 24px;padding:6px 0 34px;align-content:start}html[data-look^=hud] .band-h{grid-column:1/-1;margin:0}html[data-look^=hud] .svc{grid-column:1;display:grid;grid-template-columns:1fr;gap:10px;align-content:start;perspective:none}html[data-look^=hud] .card{padding:32px 16px 16px;transform:none}html[data-look^=hud] .card .d{font-size:.8rem}html[data-look^=hud] .card .more{display:none}html[data-look^=hud] .card .tick{margin-top:10px}#codex-stage{display:none}html[data-look^=hud] #codex-stage{display:block;grid-column:2;grid-row:2;position:relative;overflow:hidden;min-height:min(58vh,520px);border:1px solid var(--line-soft);border-radius:0;padding:30px 30px 26px;background:linear-gradient(180deg,var(--hud-tint),transparent 40%),linear-gradient(200deg,#ffffff08,#0000006b);clip-path:polygon(0 0,calc(100% - 30px) 0,100% 30px,100% 100%,30px 100%,0 calc(100% - 30px))}html[data-look^=hud] #codex-stage:before{content:"";position:absolute;inset:10px;pointer-events:none;opacity:.5;background:linear-gradient(var(--accent),var(--accent)) left top/14px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) left top/1px 14px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/14px 1px no-repeat,linear-gradient(var(--accent),var(--accent)) right bottom/1px 14px no-repeat}html[data-look^=hud] #codex-stage .s-h{display:flex;align-items:baseline;gap:12px;margin-bottom:16px;border-bottom:1px solid var(--line-soft);padding-bottom:12px}html[data-look^=hud] #codex-stage .s-h b{font:700 clamp(1.2rem,2.6vw,1.9rem) var(--body);letter-spacing:-.02em}html[data-look^=hud] #codex-stage .s-h i{font-style:normal;font:.6rem var(--mono);letter-spacing:.3em;color:var(--accent)}html[data-look^=hud] #codex-stage p{font-size:.95rem;color:var(--muted);max-width:62ch;line-height:1.65}html[data-look^=hud] #codex-stage ul{list-style:none;margin-top:18px;display:grid;gap:8px;max-width:52ch}html[data-look^=hud] #codex-stage li{font-size:.86rem;padding:8px 12px;position:relative;border-left:2px solid var(--accent);background:#ffffff08}html[data-look^=hud] #codex-stage .s-in{animation:stage-in .32s var(--ease) both}@keyframes stage-in{0%{opacity:0;transform:translate(14px)}}@media (prefers-reduced-motion: reduce){html[data-look^=hud] #codex-stage .s-in{animation:none}}@media (max-width:980px){html[data-look^=hud] .band{grid-template-columns:1fr}html[data-look^=hud] .svc{grid-column:1;grid-template-columns:repeat(3,1fr)}html[data-look^=hud] #codex-stage{grid-column:1;grid-row:auto;min-height:340px}}@media (max-width:640px){html[data-look^=hud] .svc{grid-template-columns:1fr}}html[data-look^=hud] .page{max-width:none}html[data-look^=hud] .hero{padding:clamp(26px,6vh,64px) 0 clamp(22px,5vh,52px)}html[data-look^=hud] .hero .lede{max-width:60ch}html[data-look=dots]{--bg:#fdf9f2;--bg2:#f6f0e5;--surface:#ffffff;--line:#1a1611;--line-soft:#e0d6c6;--text:#1a1611;--muted:#6f6355;--accent:#f2661d;--accent-hi:#ff8340;--accent-soft:#ffeee3;--ink:#ffffff;--radius:14px;--dot:rgba(26,22,17,.15);--dot-hot:rgba(242,102,29,.5);--drop:5px}html[data-look=dots] body{background:radial-gradient(circle,var(--dot-hot) 1px,transparent 1.2px) 0 0/58px 58px,radial-gradient(circle,var(--dot) .9px,transparent 1.1px) 0 0/15px 15px,var(--bg)}html[data-look=dots]{--pad:clamp(18px,4vw,38px)}html[data-look=dots] .page{max-width:1180px;margin:0 auto;padding:0 var(--pad) 40px}html[data-look=dots]{--head:86px}html[data-look=dots] .site-h{height:var(--head);display:flex;align-items:center;border:none;background:none;position:relative}html[data-look=dots] .site-h:after{content:"";position:absolute;left:0;right:0;bottom:0;height:4px;opacity:.55;background:radial-gradient(circle,var(--text) 1.4px,transparent 1.6px) 0 50%/10px 4px}html[data-look=dots] .site-h nav{margin-left:auto;gap:clamp(12px,2.4vw,22px)}html[data-look=dots] nav a{color:var(--muted);letter-spacing:.1em;font-size:.78rem;font-weight:600}html[data-look=dots] nav a:hover{color:var(--text)}html[data-look=dots] nav a.cta{border-radius:12px;border:3px solid var(--text);color:var(--text);padding:10px 18px;background:var(--surface);box-shadow:var(--drop) var(--drop) 0 var(--text);transition:transform .1s ease,box-shadow .1s ease,background .12s}html[data-look=dots] nav a.cta:hover{background:var(--accent);color:#fff;border-color:var(--text)}html[data-look=dots] nav a.cta:active{transform:translate(var(--drop),var(--drop));box-shadow:0 0 0 var(--text)}html[data-look=dots] .logo{width:48px;height:48px;border-radius:12px;border:3px solid var(--text);box-shadow:3px 3px 0 var(--text);background-color:var(--surface)}html[data-look=dots] .brand{position:relative;gap:14px}html[data-look=dots] .brand:before{content:none}html[data-look=dots] .brand-t{color:var(--text);font-size:1.15rem;letter-spacing:.06em}html[data-look=dots] .hero{display:grid;gap:16px;justify-items:start;padding:clamp(30px,6vh,60px) 0 clamp(14px,3vh,26px)}html[data-look=dots] .eyebrow{color:var(--accent);letter-spacing:.28em;font-weight:700;font-size:.72rem}html[data-look=dots] .hero .h-title{font-size:clamp(2rem,4.6vw,3.4rem);font-weight:700;letter-spacing:-.025em;line-height:1.1;color:var(--text);text-shadow:none;max-width:22ch}html[data-look=dots] .lede{font-size:1.16rem}html[data-look=dots] .hero .h-title em{font-style:normal;color:var(--accent);background:none;-webkit-text-fill-color:currentColor;filter:none}html[data-look=dots] .lede{color:var(--muted);max-width:54ch;font-size:1.08rem;border:none;padding:0}html[data-look=dots] .btn{border-radius:12px;border:3px solid var(--text);background:var(--surface);color:var(--text);clip-path:none;letter-spacing:.04em;font-weight:700;font-size:.92rem;padding:14px 26px;box-shadow:var(--drop) var(--drop) 0 var(--text);transition:transform .1s ease,box-shadow .1s ease,background .12s}html[data-look=dots] .btn:hover{transform:none;background:var(--accent-soft);border-color:var(--text);color:var(--text)}html[data-look=dots] .btn:active{transform:translate(var(--drop),var(--drop));box-shadow:0 0 0 var(--text)}html[data-look=dots] .btn.primary{background:var(--accent);color:#fff}html[data-look=dots] .btn.primary:hover{background:var(--accent-hi);color:#fff}#px-bg{display:none}html[data-look=dots] #px-bg{display:block;position:fixed;inset:0;z-index:0;pointer-events:none}html[data-look=dots] .page{position:relative;z-index:1}html[data-look=dots] .card,html[data-look=dots] #codex-stage,html[data-look=dots] .cta-box{background-color:var(--surface)}html[data-look=dots] .band{padding:22px 0 40px;position:relative}html[data-look=dots] .band:before{content:none}html[data-look=dots] .band-h{display:none}html[data-look=dots] .banner{border:3px solid var(--text);border-radius:14px;margin-bottom:18px;box-shadow:var(--drop) var(--drop) 0 var(--text);text-align:center;padding:14px 18px;letter-spacing:.3em}html[data-look=dots] .h-say{font-weight:700}html[data-look=dots] .svc{display:flex;flex-wrap:nowrap;gap:10px;perspective:none;margin-bottom:-3px;position:relative;z-index:1}html[data-look=dots] .card{flex:0 0 auto;padding:11px 20px;background:var(--surface);border:3px solid var(--text);border-radius:12px 12px 0 0;border-bottom-width:3px;clip-path:none;transform:none;box-shadow:none;overflow:visible;position:relative;display:flex;align-items:center;gap:10px;cursor:pointer;transition:background .12s,color .12s,transform .1s ease}html[data-look=dots] .card:before,html[data-look=dots] .card:after{content:none}html[data-look=dots] .card .n{position:static;width:auto;height:auto;margin:0;padding:0;display:inline-block;background:none;color:var(--accent);clip-path:none;letter-spacing:.18em;font:700 .68rem var(--mono);text-shadow:none}html[data-look=dots] .card .t{color:var(--text);font-weight:700;font-size:.92rem;margin:0}html[data-look=dots] .card .d,html[data-look=dots] .card .more,html[data-look=dots] .card .tick{display:none}html[data-look=dots] .card:hover{background:var(--accent-soft)}html[data-look=dots] .card.open{background:var(--surface);border-color:var(--text)}html[data-look=dots] .card.open:after{content:"";position:absolute;left:3px;right:3px;bottom:-3px;height:3px;background:var(--accent)}html[data-look=dots] #codex-stage{display:block;position:relative;overflow:hidden;z-index:2;min-height:min(56vh,460px);border:3px solid var(--text);border-radius:0 14px 14px;background:var(--surface);box-shadow:var(--drop) var(--drop) 0 var(--text);padding:0}html[data-look=dots] #codex-stage .s-in{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-end;padding:clamp(22px,4vw,44px);background:radial-gradient(circle,var(--dot-hot) 2px,transparent 2.4px) 0 0/26px 26px,linear-gradient(160deg,var(--accent-soft),var(--surface) 62%);animation:stage-in .28s var(--ease) both}html[data-look=dots] #codex-stage .s-h{position:absolute;left:clamp(22px,4vw,44px);top:clamp(20px,3vw,32px);display:flex;align-items:center;gap:12px;border:none;padding:0;margin:0}html[data-look=dots] #codex-stage .s-h i{font:700 .72rem var(--mono);letter-spacing:.22em;color:#fff;font-style:normal;background:var(--accent);border-radius:8px;padding:5px 10px}html[data-look=dots] #codex-stage .s-h b{font-size:clamp(1rem,2vw,1.2rem);font-weight:700;color:var(--text);letter-spacing:0}html[data-look=dots] #codex-stage .line{font-size:clamp(1.35rem,3.2vw,2.2rem);font-weight:700;line-height:1.18;letter-spacing:-.02em;color:var(--text);max-width:24ch;margin:0}html[data-look=dots] #codex-stage .line em{font-style:normal;color:var(--accent)}html[data-look=dots] #codex-stage p:not(.line),html[data-look=dots] #codex-stage ul{display:none}@keyframes stage-in{0%{opacity:0;transform:translateY(10px)}}html[data-look=dots] .cta-band{padding:0 0 44px}html[data-look=dots] .cta-box{border:3px solid var(--text);border-radius:14px;background:var(--surface);padding:26px 28px;clip-path:none;box-shadow:var(--drop) var(--drop) 0 var(--text)}html[data-look=dots] .cta-box .t{color:var(--text);font-weight:700;text-shadow:none;font-size:clamp(1.2rem,2.6vw,1.6rem)}html[data-look=dots] .site-f{margin-top:8px;padding:18px 22px;border:3px solid var(--text);border-radius:14px;background:var(--accent);color:#fff;box-shadow:var(--drop) var(--drop) 0 var(--text);font-family:var(--body);letter-spacing:.08em;font-size:.8rem;font-weight:600;text-transform:uppercase;justify-content:center}html[data-look=dots] .site-f:before{content:none}html[data-look=dots] .site-f a{color:#fff}html[data-look=dots] .f input,html[data-look=dots] .f textarea,html[data-look=dots] .f select{background:var(--surface);border:2.5px solid var(--line-soft);border-radius:10px;color:var(--text);font-size:.95rem;padding:11px 13px}html[data-look=dots] .f input:focus,html[data-look=dots] .f textarea:focus{border-color:var(--accent);box-shadow:none}html[data-look=dots] .f label{color:var(--muted);font-weight:600}@media (max-width:700px){html[data-look=dots] .svc{gap:7px}html[data-look=dots] .card{padding:10px 14px;flex:1 1 auto;justify-content:center}html[data-look=dots] #codex-stage{border-radius:14px;min-height:340px}html[data-look=dots] #codex-stage .line{font-size:clamp(1.3rem,6vw,1.9rem)}}.svc .card{cursor:pointer}.svc .card .more{display:grid;grid-template-rows:0fr;opacity:0;transition:grid-template-rows .42s var(--ease),opacity .3s ease,margin .42s var(--ease);margin-top:0}.svc .card .more>*{overflow:hidden;min-height:0}.svc .card.open .more{grid-template-rows:1fr;opacity:1;margin-top:12px}.svc .card .more p{font-size:.86rem;color:var(--muted);line-height:1.6}.svc .card .more ul{list-style:none;margin-top:10px;display:grid;gap:5px}.svc .card .more li{font-size:.78rem;color:var(--text);padding-left:16px;position:relative}.svc .card .more li:before{content:"";position:absolute;left:0;top:.55em;width:7px;height:1px;background:var(--accent)}.svc .card.open{border-color:var(--accent)}.svc .card .tick{display:block;height:2px;margin-top:14px;width:0;background:linear-gradient(90deg,var(--accent),var(--accent-hi));opacity:0;transition:opacity .2s}.svc .card.open .tick{opacity:.9}body.codex-auto .svc .card.open .tick{animation:codex-tick var(--dwell,7s) linear forwards}@keyframes codex-tick{0%{width:0}to{width:100%}}@media (prefers-reduced-motion: reduce){.svc .card .more{transition:none}body.codex-auto .svc .card.open .tick{animation:none;width:100%}}html[data-look=editorial] .svc .card.open,html[data-look=console] .svc .card.open{background:var(--accent-soft)}html[data-look=editorial] .svc .card .more li:before{background:var(--accent)}html[data-look^=hud] .svc .card.open{border-color:var(--accent);box-shadow:0 24px 60px #0000008c,0 0 34px #00e5ff38}html[data-look^=hud] .svc .card.open:after{width:100%}html[data-look=neon] .svc .card.open{border-color:var(--glow)}html[data-look=dots] #motto .run{color:var(--accent)}html[data-look=dots] #motto .caret{display:inline-block;width:.06em;height:.9em;margin-left:.06em;background:var(--accent);vertical-align:-.08em;animation:caret 1s steps(1,end) infinite}html[data-look=dots] #motto.done .caret{display:none}@keyframes caret{0%,50%{opacity:1}50.01%,to{opacity:0}}html[data-look=dots] .lede{font-size:clamp(1.5rem,3.4vw,2.3rem);font-weight:700;line-height:1.2;letter-spacing:-.02em;color:var(--text);max-width:20ch}@media (prefers-reduced-motion: reduce){html[data-look=dots] #motto .caret{animation:none;display:none}}html[data-look=dots] .reveal{opacity:0}html[data-look=dots] .reveal.in{animation:r-pop .62s cubic-bezier(.16,1.14,.3,1) both}@keyframes r-pop{0%{opacity:0;transform:translateY(16px) scale(.965)}62%{opacity:1;transform:translateY(0) scale(1.018)}to{opacity:1;transform:none}}html[data-look=dots] .reveal.set{transform:scale(.965);transform-origin:left top;opacity:.86;transition:transform .5s var(--ease),opacity .5s var(--ease)}html[data-look=dots] .h-cue{color:var(--accent);font-weight:700;letter-spacing:.02em;font-size:clamp(1rem,2.2vw,1.3rem);margin-top:2px}@media (prefers-reduced-motion: reduce){html[data-look=dots] .reveal,html[data-look=dots] .reveal.in{opacity:1;animation:none}html[data-look=dots] .reveal.set{transform:none;opacity:1;transition:none}}html[data-look=dots] .cta-band{display:flex;justify-content:center}html[data-look=dots] .cta-box{width:100%;max-width:640px;display:block;padding:0;overflow:hidden;transition:opacity .5s var(--ease),transform .5s var(--ease)}html[data-look=dots] .talk-face{display:flex;flex-wrap:wrap;align-items:center;gap:16px;padding:26px 28px}html[data-look=dots] .talk-face .t{flex:1 1 240px;margin:0}html[data-look=dots] .talk-chat{display:grid;grid-template-rows:0fr;transition:grid-template-rows .45s var(--ease)}html[data-look=dots] .talk-chat>.talk-inner{overflow:hidden;min-height:0}html[data-look=dots] #talk.open .talk-face{display:none}html[data-look=dots] #talk.open .talk-chat{grid-template-rows:1fr}html[data-look=dots] #talk.gone{opacity:0;transform:translateY(14px) scale(.97);pointer-events:none}html[data-look=dots] .c-log{min-height:min(40vh,320px);max-height:min(46vh,380px);overflow-y:auto;padding:18px 18px 8px;display:flex;flex-direction:column;gap:8px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 26px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 20px,#000 calc(100% - 26px),transparent 100%)}html[data-look=dots] .c-opts{display:flex;flex-wrap:wrap;gap:7px;padding:0 18px 14px}html[data-look=dots] .c-opts:empty{display:none}html[data-look=dots] .c-bar{display:flex;gap:12px;align-items:flex-end;padding:13px 14px 16px;border-top:3px solid var(--text);background:var(--bg2)}html[data-look=dots] .c-bar textarea{flex:1 1 auto;width:100%;min-width:0;resize:none;font:inherit;font-size:.95rem;padding:11px 14px;border:2.5px solid var(--text);border-radius:12px;background:var(--surface);color:var(--text);outline:none;max-height:140px;box-shadow:3px 3px 0 var(--text);min-height:46px;line-height:20px}html[data-look=dots] .c-bar textarea:focus{border-color:var(--accent)}html[data-look=dots] .c-bar button{width:46px;height:46px;flex-shrink:0;border-radius:12px;cursor:pointer;font-size:1.1rem;display:grid;place-items:center;line-height:1;padding:0;border:2.5px solid var(--text);background:var(--accent);color:#fff;box-shadow:3px 3px 0 var(--text);transition:transform .1s ease,box-shadow .1s ease}html[data-look=dots] .c-bar button:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--text)}html[data-look=dots] .c-bub.cap{display:flex;flex-direction:column;gap:10px;max-width:100%}html[data-look=dots] .cap-art{background:#fff;border:2.5px solid var(--line-soft);border-radius:10px;padding:6px;min-height:52px;display:flex;align-items:center;justify-content:center;font-size:.7rem;color:var(--muted)}html[data-look=dots] .cap-art svg{display:block;max-width:100%;height:auto}html[data-look=dots] .c-bub.cap input{font:700 1.05rem var(--mono);letter-spacing:.4em;text-align:center;padding:10px;border:2.5px solid var(--line-soft);border-radius:10px;background:var(--surface);color:var(--text);outline:none;text-transform:uppercase}html[data-look=dots] .c-bub.cap input:focus{border-color:var(--accent)}@media (prefers-reduced-motion: reduce){html[data-look=dots] .talk-chat,html[data-look=dots] .cta-box{transition:none}}html[data-look=dots] .hero{flex:1 1 auto;align-content:center;min-height:0}html[data-look=dots] .cta-band{display:none}html[data-look=dots] body.s4 .cta-band{display:flex}html[data-look=dots] .lede{white-space:nowrap}html[data-look=dots] .lede .wipe,html[data-look=dots] .lede .rise{display:inline-block}html[data-look=dots] .lede .wipe{clip-path:inset(0 100% 0 0)}html[data-look=dots] .lede .rise{opacity:0;transform:translateY(14px)}html[data-look=dots] .lede.in .wipe{animation:l-wipe .72s var(--ease) forwards}html[data-look=dots] .lede.in .rise{animation:l-rise .9s ease-out 1.12s forwards}html[data-look=dots] body.rush .lede.in .wipe{animation-duration:.36s}html[data-look=dots] body.rush .lede.in .rise{animation-duration:.45s;animation-delay:.56s}@keyframes l-wipe{to{clip-path:inset(0 0 0 0)}}@keyframes l-rise{to{opacity:1;transform:none}}html[data-look=dots] .lede em{font-style:normal;color:var(--accent);font-weight:700}@media (prefers-reduced-motion: reduce){html[data-look=dots] .lede .wipe{clip-path:none}html[data-look=dots] .lede .rise{opacity:1;transform:none}html[data-look=dots] .lede.in .wipe,html[data-look=dots] .lede.in .rise{animation:none}}@keyframes hero-pop{0%{opacity:1;transform:none}30%{opacity:1;transform:scale(1.045)}to{opacity:0;transform:scale(.86) translateY(-18px)}}html[data-look=dots] body.rewind .hero,html[data-look=dots] body.past-hero .hero{will-change:transform,opacity}html[data-look=dots] body.past-hero .band{flex:1 1 auto;transition-delay:.7s}html[data-look=dots] body:not(.past-hero) .band{flex:0 0 0;max-height:0;opacity:0;overflow:hidden;padding:0;pointer-events:none}html[data-look=dots] .lede .caret{display:inline-block;width:.055em;height:.88em;margin-left:.06em;background:var(--accent);vertical-align:-.06em;animation:caret 1s steps(1,end) infinite}html[data-look=dots] .lede.done .caret{display:none}html[data-look=dots] .lede .run{color:var(--text)}@media (prefers-reduced-motion: reduce){html[data-look=dots] body.past-hero .hero{animation:none;opacity:0}html[data-look=dots] .lede .caret{display:none}}html[data-look=dots] .hero{justify-items:center;text-align:center}html[data-look=dots] .hero .h-title{max-width:26ch;margin:0 auto}html[data-look=dots] #motto{text-align:center}html[data-look=dots] .lede{max-width:none;margin:0 auto;white-space:nowrap;font-size:clamp(1.05rem,3.1vw,2.2rem)}html[data-look=dots] .cta-box{text-align:left}#skip{display:none}html[data-look=dots] #skip{position:fixed;right:16px;bottom:16px;z-index:21;display:none;font:700 .68rem var(--body);letter-spacing:.08em;padding:9px 14px;border-radius:11px;cursor:pointer;border:2.5px solid var(--line-soft);background:var(--surface);color:var(--muted);transition:opacity .3s,color .15s,border-color .15s}html[data-look=dots] #skip.on{display:block}html[data-look=dots] #skip:hover{color:var(--text);border-color:var(--text)}html[data-look=dots] #skip.gone{opacity:0;pointer-events:none}@media (max-width:600px){html[data-look=dots] .lede{font-size:clamp(.95rem,4.4vw,1.4rem)}html[data-look=dots] #skip{right:10px;bottom:10px}}html[data-look=dots] .c-msg{display:flex;align-items:flex-end;gap:13px}html[data-look=dots] .c-msg.me{justify-content:flex-end}html[data-look=dots] .c-msg.run{margin-top:-4px}html[data-look=dots] .c-ava{width:32px;height:32px;flex-shrink:0;border-radius:50%;align-self:flex-end;border:2.5px solid var(--text);background:var(--accent) center/cover no-repeat;box-shadow:2px 2px 0 var(--text);display:grid;place-items:center;font:800 .62rem var(--body);color:#fff}html[data-look=dots] .c-ava:after{content:"A9"}html[data-look=dots] .c-ava.has-logo:after{content:""}html[data-look=dots] .c-ava.hide{visibility:hidden;box-shadow:none}html[data-look=dots] .c-bub{position:relative;max-width:78%;padding:11px 15px;font-size:.95rem;line-height:1.5;border:2.5px solid var(--text);background:var(--surface);color:var(--text);border-radius:16px 16px 16px 5px;box-shadow:2px 2px 0 var(--text);animation:c-pop .2s cubic-bezier(.22,1.2,.36,1) both;overflow-wrap:anywhere}html[data-look=dots] .c-msg.me .c-bub{background:var(--accent);color:#fff;border-radius:16px 16px 5px}html[data-look=dots] .c-msg.run .c-bub{border-radius:16px}html[data-look=dots] .c-msg:not(.run) .c-bub{border-bottom-left-radius:2px}html[data-look=dots] .c-msg.me:not(.run) .c-bub{border-bottom-left-radius:16px;border-bottom-right-radius:2px}html[data-look=dots] .c-msg:not(.run) .c-bub:before,html[data-look=dots] .c-msg:not(.run) .c-bub:after{content:"";position:absolute;pointer-events:none}html[data-look=dots] .c-msg:not(.run) .c-bub:before{bottom:-2.5px;width:13px;height:13px;background:var(--text)}html[data-look=dots] .c-msg:not(.run) .c-bub:after{bottom:0;width:10.5px;height:9.5px;background:inherit}html[data-look=dots] .c-msg.bot:not(.run) .c-bub:before{left:-13px;clip-path:polygon(100% 0,100% 100%,0 100%)}html[data-look=dots] .c-msg.bot:not(.run) .c-bub:after{left:-8px;clip-path:polygon(100% 0,100% 100%,0 100%)}html[data-look=dots] .c-msg.me:not(.run) .c-bub:before{right:-13px;clip-path:polygon(0 0,100% 100%,0 100%)}html[data-look=dots] .c-msg.me:not(.run) .c-bub:after{right:-8px;clip-path:polygon(0 0,100% 100%,0 100%)}html[data-look=dots] .c-bub.ok{background:#eafaf0;color:var(--text)}html[data-look=dots] .c-bub.bad{background:#ffeceb;color:var(--text)}html[data-look=dots] .c-log{gap:10px}html[data-look=dots],html[data-look=dots] body{height:100%;overflow:hidden;overscroll-behavior:none}html[data-look=dots] .page{height:100dvh;display:flex;flex-direction:column;padding-bottom:0}html[data-look=dots] main{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;gap:0}html[data-look=dots] .hero{flex:0 0 auto;padding:clamp(14px,3.2vh,40px) 0 clamp(10px,2vh,22px);gap:12px}html[data-look=dots] .band{flex:1 1 auto;min-height:0;display:flex;flex-direction:column;padding:0 0 clamp(10px,2vh,20px)}html[data-look=dots] #codex-stage{flex:1 1 auto;min-height:0;height:auto}html[data-look=dots] .cta-band{flex:0 0 auto;padding:0 0 10px}html[data-look=dots] .site-f{flex:0 0 auto;margin:0 0 10px;padding:12px 22px}html[data-look=dots] .talk-face{padding:16px 20px;gap:12px}html[data-look=dots] .talk-face .t{font-size:clamp(1rem,2.2vw,1.35rem)}html[data-look=dots] .hero,html[data-look=dots] .band{transition:opacity .4s var(--ease),transform .45s var(--ease),max-height .5s var(--ease),padding .45s var(--ease);max-height:100vh}html[data-look=dots] body.take .hero,html[data-look=dots] body.take .band{opacity:0;transform:translateY(-26px);max-height:0;padding-top:0;padding-bottom:0;overflow:hidden;pointer-events:none}html[data-look=dots] body.take #more-cue{display:none}html[data-look=dots] body.take .cta-band{flex:1 1 auto;min-height:0;display:flex;align-items:stretch;padding-bottom:10px}html[data-look=dots] body.take #talk{width:100%;max-width:760px;margin:0 auto;display:flex;flex-direction:column;min-height:0;flex:1 1 auto}html[data-look=dots] body.take .talk-chat{flex:1 1 auto;min-height:0}html[data-look=dots] body.take .talk-chat>.talk-inner{display:flex;flex-direction:column;min-height:0}html[data-look=dots] body.take .c-log{flex:1 1 auto;max-height:none;min-height:0}#more-cue{display:none}html[data-look=dots] main{position:relative}html[data-look=dots] #more-cue{position:absolute;left:50%;bottom:2px;transform:translate(-50%);z-index:4;cursor:pointer;display:none;align-items:center;gap:9px;padding:8px 16px 8px 18px;border:3px solid var(--text);border-radius:999px;background:var(--surface);box-shadow:var(--drop) var(--drop) 0 var(--text);font:700 .68rem var(--body);letter-spacing:.22em;text-transform:uppercase;color:var(--text);animation:cue-blink 1.6s ease-in-out infinite;transition:background .14s}html[data-look=dots] #more-cue.on{display:inline-flex}html[data-look=dots] #more-cue:hover{background:var(--accent-soft);animation:none}html[data-look=dots] #more-cue:after{content:"";width:0;height:0;border-left:7px solid transparent;border-right:7px solid transparent;border-top:9px solid var(--accent)}html[data-look=dots] #more-cue.up:after{border-top:none;border-bottom:9px solid var(--accent)}@keyframes cue-blink{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,4px)}}@media (prefers-reduced-motion: reduce){html[data-look=dots] #more-cue{animation:none;opacity:.9}html[data-look=dots] .hero,html[data-look=dots] .band{transition:none}}@media (max-height:720px){html[data-look=dots] .hero{padding-top:10px}html[data-look=dots]{--head:64px}html[data-look=dots] #wave{display:none}}html[data-look=dots] .hero{flex:1 1 auto;min-height:0;display:grid;align-content:center;justify-items:center;text-align:center;gap:clamp(10px,2vh,20px);padding:0}html[data-look=dots] .page{position:relative}html[data-look=dots] body:not(.past-hero) .site-h{position:absolute;left:var(--pad);right:var(--pad);top:0;z-index:3}html[data-look=dots] body.past-hero .hero{flex:0 0 auto}html[data-look=dots] body.past-hero .hero{animation:hero-away .9s cubic-bezier(.32,0,.24,1) forwards;pointer-events:none}@keyframes hero-away{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(-46px)}}@media (prefers-reduced-motion: reduce){html[data-look=dots] body.past-hero .hero,html[data-look=dots] body.take .band{animation:none;opacity:0}}html[data-look=dots] body.past-hero .hero{position:absolute;inset:0;margin:0;padding:0}html[data-look=dots] .band{justify-content:center;gap:0;padding:0 0 clamp(10px,2vh,20px)}html[data-look=dots] #codex-stage{flex:0 1 auto;height:min(52vh,430px);min-height:220px}html[data-look=dots] #more-cue{position:fixed;bottom:19px}html[data-look=dots] .site-f{display:none}html[data-look=dots] body.s4 .site-f{display:flex}html[data-look=dots] .card .tick{display:none}html[data-look=dots] #codex-stage .s-in{animation:stage-swap .55s var(--ease) both}@keyframes stage-swap{0%{opacity:0;transform:translateY(16px) scale(.985)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){html[data-look=dots] #codex-stage .s-in{animation:none}}html[data-look=dots] .card.open{transform:none}html[data-look=dots] #codex-stage{flex:0 1 auto;height:80%;min-height:180px}html[data-look=dots] #codex-stage .s-in{justify-content:flex-end;align-items:flex-start;animation:none}html[data-look=dots] #codex-stage .s-h{display:none}html[data-look=dots] #codex-stage .line{animation:line-in .7s cubic-bezier(.16,.9,.3,1) both}@keyframes line-in{0%{opacity:0;transform:translate(-34px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){html[data-look=dots] #codex-stage .line{animation:none}}html[data-look=dots] body.take .cta-band{align-items:center;justify-content:center}html[data-look=dots] body.take #talk{flex:0 1 auto;max-height:100%;animation:talk-rise .7s cubic-bezier(.16,.9,.3,1) .18s both}@keyframes talk-rise{0%{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}html[data-look=dots] body.take .band{animation:band-away .75s cubic-bezier(.32,0,.24,1) forwards}@keyframes band-away{0%{opacity:1;transform:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 100%);mask-image:linear-gradient(180deg,#000 0% 100%)}to{opacity:0;transform:translateY(-58px);-webkit-mask-image:linear-gradient(180deg,transparent 60%,#000 130%);mask-image:linear-gradient(180deg,transparent 60%,#000 130%)}}@media (prefers-reduced-motion: reduce){html[data-look=dots] body.take #talk{animation:none}html[data-look=dots] body.take .band{animation:none;opacity:0}}html[data-look=dots]{--gap:19px}html[data-look=dots] .band{padding:calc(var(--gap) * 5) 0}html[data-look=dots] #codex-stage{min-height:0}@media (max-height:760px){html[data-look=dots] .band{padding:calc(var(--gap) * 2) 0}}html[data-look=dots] body.past-hero .banner{animation:ban-in .5s cubic-bezier(.16,1,.3,1) .7s both}html[data-look=dots] body.past-hero #codex-stage{transform-origin:center;animation:box-grow 1.05s cubic-bezier(.16,1,.3,1) .98s both}html[data-look=dots] body.past-hero .svc{animation:tabs-in .5s cubic-bezier(.16,1,.3,1) 1.32s both}@keyframes ban-in{0%{opacity:0;transform:translateY(-12px)}}@keyframes box-grow{0%{opacity:0;transform:translateY(-24px) scaleY(.05)}46%{opacity:1;transform:translateY(-24px) scaleY(1)}to{opacity:1;transform:translateY(0) scaleY(1)}}@keyframes tabs-in{0%{opacity:0;transform:translateY(54px)}to{opacity:1;transform:none}}html[data-look=dots] .card{gap:0}html[data-look=dots] .card .t{display:grid;grid-template-columns:0fr;margin:0;transition:grid-template-columns .42s var(--ease),margin-left .42s var(--ease)}html[data-look=dots] .card .t>span{display:block;overflow:hidden;white-space:nowrap;min-width:0}html[data-look=dots] .card.open .t{grid-template-columns:1fr;margin-left:11px;transition-delay:var(--lead,.3s)}html[data-look=dots] .card .fill{position:absolute;inset:0 0 -3px;z-index:1;pointer-events:none;display:flex;align-items:center;gap:0;padding:11px 20px 14px;background:var(--accent);border-radius:9px 9px 0 0;clip-path:inset(0 0 0 100%)}html[data-look=dots] .card .fill .t{color:#fff}html[data-look=dots] .card .fill .n{color:#fff;opacity:.85}html[data-look=dots] .card.open .fill{animation:tab-lit .01s linear var(--lead,.3s) forwards,tab-flash .42s ease-out var(--lead,.3s) both,tab-drain calc(var(--dwell,7s) - var(--hold,1.5s) - var(--lead,.3s)) linear calc(var(--hold,1.5s) + var(--lead,.3s)) forwards}@keyframes tab-lit{to{clip-path:inset(0 0 0 0)}}@keyframes tab-flash{0%{filter:brightness(2.6) saturate(.35)}45%{filter:brightness(1.18) saturate(.9)}to{filter:none}}@keyframes tab-drain{0%{clip-path:inset(0 0 0 0)}to{clip-path:inset(0 0 0 100%)}}html[data-look=dots] .card.was .fill{animation:tab-drain .16s linear forwards}html[data-look=dots] body.driven .card.open .fill{animation:none;clip-path:inset(0 0 0 0)}html[data-look=dots] .card.open:after{background:var(--surface)}@media (prefers-reduced-motion: reduce){html[data-look=dots] .card.open .fill{animation:none;clip-path:inset(0 0 0 0)}html[data-look=dots] .card .t{transition:none}}@media (prefers-reduced-motion: reduce){html[data-look=dots] body.past-hero .banner,html[data-look=dots] body.past-hero #codex-stage,html[data-look=dots] body.past-hero .svc{animation:none}}html[data-look=dots] body.contact{align-items:center}html[data-look=dots] body.contact main{display:flex;justify-content:center}html[data-look=dots] body.contact main .inner{max-width:660px;margin:0 auto;text-align:center;padding-bottom:20px}html[data-look=dots] body.contact main h1{font-family:var(--body);font-weight:700;letter-spacing:-.02em;color:var(--text)}html[data-look=dots] body.contact main .eyebrow{color:var(--accent);letter-spacing:.28em}html[data-look=dots] body.contact main .lede{margin:0 auto}html[data-look=dots] body.contact header{justify-content:center;gap:16px}#chat-card{margin:16px auto 0;width:100%;max-width:620px;text-align:left;display:flex;flex-direction:column;min-height:0;border:3px solid var(--text);border-radius:16px;background:var(--surface);box-shadow:var(--drop) var(--drop) 0 var(--text);overflow:hidden}#chat-log{flex:1 1 auto;min-height:min(46vh,380px);max-height:min(52vh,440px);overflow-y:auto;padding:16px 16px 8px;display:flex;flex-direction:column;gap:8px;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 22px);mask-image:linear-gradient(180deg,transparent 0,#000 22px)}.c-msg{display:flex}.c-msg.me{justify-content:flex-end}.c-bub{max-width:82%;padding:11px 15px;border-radius:14px;font-size:.95rem;line-height:1.5;border:2.5px solid var(--text);background:var(--surface);color:var(--text);animation:c-pop .2s cubic-bezier(.22,1.2,.36,1) both;overflow-wrap:anywhere}.c-msg.me .c-bub{background:var(--accent);color:#fff;border-color:var(--text)}.c-bub.ok{background:#eafaf0}.c-bub.bad{background:#ffeceb}@keyframes c-pop{0%{opacity:0;transform:translateY(6px) scale(.97)}}.c-bub.cap{display:flex;flex-direction:column;gap:10px;max-width:100%}.c-bub.cap #cap-art{position:relative;align-self:flex-start}.c-bub.cap #cap-ans{font:700 1.05rem var(--mono);letter-spacing:.4em;text-align:center;padding:10px;border:2.5px solid var(--line-soft);border-radius:10px;background:var(--surface);color:var(--text);outline:none;text-transform:uppercase}.c-bub.cap #cap-ans:focus{border-color:var(--accent)}#chat-opts{display:flex;flex-wrap:wrap;gap:7px;padding:0 16px 12px}#chat-opts:empty{display:none}.c-opt{font:700 .78rem var(--body);padding:9px 14px;border-radius:11px;cursor:pointer;border:2.5px solid var(--text);background:var(--surface);color:var(--text);box-shadow:3px 3px 0 var(--text);transition:transform .1s ease,box-shadow .1s ease,background .12s}.c-opt:hover{background:var(--accent-soft)}.c-opt:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--text)}.c-opt.quiet{border-color:var(--line-soft);color:var(--muted);box-shadow:none;font-weight:600}.c-opt.quiet:hover{border-color:var(--text);color:var(--text);background:none}#chat-bar{display:flex;gap:9px;align-items:flex-end;padding:12px 14px;border-top:3px solid var(--text);background:var(--bg2)}#chat-in{flex:1;min-width:0;resize:none;font:inherit;font-size:.95rem;padding:11px 13px;border:2.5px solid var(--line-soft);border-radius:11px;background:var(--surface);color:var(--text);outline:none;max-height:120px}#chat-in:focus{border-color:var(--accent)}#chat-go{width:44px;height:44px;flex-shrink:0;border-radius:11px;cursor:pointer;font-size:1.1rem;border:2.5px solid var(--text);background:var(--accent);color:#fff;box-shadow:3px 3px 0 var(--text);transition:transform .1s ease,box-shadow .1s ease}#chat-go:active{transform:translate(3px,3px);box-shadow:0 0 0 var(--text)}@media (max-width:600px){#chat-log{min-height:44vh;max-height:48vh}.c-bub{max-width:88%;font-size:.9rem}}html[data-look] .btn.primary{color:var(--ink)}html[data-look] .btn.ghost{border-color:var(--line);color:var(--text)}html[data-look] .mark{font-family:"A9 Display",var(--body);letter-spacing:.06em}html[data-look=editorial] main h1{font-family:var(--serif);font-weight:400}html[data-look=editorial] .f input,html[data-look=editorial] .f textarea,html[data-look=editorial] .f select{background:var(--surface);border-color:var(--line);color:var(--text)}html[data-look=editorial] .f input::placeholder,html[data-look=editorial] .f textarea::placeholder{color:var(--muted);opacity:.75}html[data-look=console] .f label{font-family:var(--mono)}html[data-look=neon] .f input:focus,html[data-look=neon] .f textarea:focus{box-shadow:0 0 0 3px var(--accent-soft)}#look-pick{position:fixed;right:14px;bottom:14px;z-index:60;display:flex;gap:4px;padding:5px;border-radius:999px;border:1px solid var(--line);background:color-mix(in srgb,var(--bg) 86%,transparent);backdrop-filter:blur(10px);box-shadow:0 10px 30px #0000004d}#look-pick button{font:650 .64rem var(--body);letter-spacing:.08em;text-transform:uppercase;padding:7px 12px;border-radius:999px;cursor:pointer;border:1px solid transparent;background:none;color:var(--muted)}#look-pick button:hover{color:var(--text)}#look-pick button.on{background:var(--accent);border-color:var(--accent);color:var(--ink)}@media (max-width:560px){#look-pick{right:8px;left:8px;justify-content:center}#look-pick button{padding:7px 8px;letter-spacing:.02em}}html[data-look] .mark{display:inline-flex;align-items:center;gap:10px}html[data-look] .mark .logo{width:26px;height:26px}html[data-look=dots] body.take #talk{transition:width .5s var(--ease),max-width .5s var(--ease)}html[data-look=dots] body.take #talk.open{flex:0 0 auto;aspect-ratio:4 / 3;width:min(94vw,860px,93vh);height:auto;max-width:none;max-height:none}@media (max-width: 640px){html[data-look=dots] body.take #talk.open{aspect-ratio:auto;width:100%;height:100%;flex:1 1 auto}}html[data-look=dots] .talk-face{justify-content:center;text-align:center;gap:14px}html[data-look=dots] .talk-face .t{flex:0 1 auto}html[data-look=dots] body.s4 #more-cue.on{display:inline-flex}html[data-look=dots] body.chatting #more-cue{display:none}html[data-look=dots] .talk-chat{grid-template-columns:minmax(0,1fr)}html[data-look=dots] .talk-chat>.talk-inner{width:100%;transform:translateY(52px);opacity:0;transition:transform .52s var(--ease),opacity .34s var(--ease)}html[data-look=dots] #talk.open .talk-chat>.talk-inner{transform:none;opacity:1;transition-delay:.16s}html[data-look=dots] #talk.open .c-bar{animation:c-pop .34s cubic-bezier(.22,1.2,.36,1) .3s both}html[data-look=dots] .c-opts .c-opt{animation:c-pop .24s cubic-bezier(.22,1.2,.36,1) both}html[data-look=dots] .c-opts .c-opt:nth-child(2){animation-delay:.07s}html[data-look=dots] .c-opts .c-opt:nth-child(3){animation-delay:.14s}@media (prefers-reduced-motion: reduce){html[data-look=dots] .talk-chat>.talk-inner{transition:none;transform:none;opacity:1}html[data-look=dots] #talk.open .c-bar,html[data-look=dots] .c-opts .c-opt{animation:none}}html[data-look=dots] body.rewind:not(.past-hero) .hero,html[data-look=dots] body.rewind.s4 .cta-band{animation:come-down .9s cubic-bezier(.16,1,.3,1) both}html[data-look=dots] body.rewind.past-hero .band{animation:band-back .62s cubic-bezier(.16,1,.3,1) both}@keyframes band-back{0%{opacity:0;transform:translateY(-58px);-webkit-mask-image:linear-gradient(180deg,transparent 60%,#000 130%);mask-image:linear-gradient(180deg,transparent 60%,#000 130%)}to{opacity:1;transform:none;-webkit-mask-image:linear-gradient(180deg,#000 0%,#000 100%);mask-image:linear-gradient(180deg,#000 0% 100%)}}@media (prefers-reduced-motion: reduce){html[data-look=dots] body.rewind.past-hero .band{animation:none}}html[data-look=dots] body.rewind .band{transition-delay:0s}@keyframes come-down{0%{opacity:0;transform:translateY(-46px)}to{opacity:1;transform:none}}html[data-look=dots] body.rewind main{-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 94px);mask-image:linear-gradient(180deg,transparent 0,#000 94px)}html[data-look=dots] body.s4 #more-cue{position:fixed;top:calc(var(--head) + var(--gap));bottom:auto}html[data-look=dots] .talk-face{align-items:center;align-content:center;justify-content:center;text-align:center;padding:26px 24px;min-height:96px}html[data-look=dots] .talk-face .t{flex:0 1 auto;margin:0}html[data-look=dots] .talk-chat,html[data-look=dots] .talk-inner,html[data-look=dots] .c-log,html[data-look=dots] .c-opts,html[data-look=dots] .c-bar{width:100%;min-width:0;box-sizing:border-box}html[data-look=dots] .c-bar textarea{flex:1 1 auto;width:auto;min-width:0}html[data-look=dots] #talk.open .c-bar button{animation:c-pop .32s cubic-bezier(.22,1.2,.36,1) .42s both}html[data-look=dots] .c-msg.drop{animation:c-drop .3s cubic-bezier(.4,0,.7,1) forwards;pointer-events:none}@keyframes c-drop{0%{opacity:1;transform:none}to{opacity:0;transform:translateY(10px) scale(.96)}}html[data-look=dots] .c-bub.edit{outline:3px dashed var(--accent);outline-offset:3px;opacity:.62}html[data-look=dots] .c-bub.swap{animation:c-swap .42s cubic-bezier(.22,1.2,.36,1) both}@keyframes c-swap{0%{transform:scale(.92);filter:brightness(1.5)}to{transform:none;filter:none}}html[data-look=dots] .page,html[data-look=dots] #px-bg{-webkit-user-select:none;-moz-user-select:none;-ms-user-select:none;user-select:none}html[data-look=dots] .talk-chat,html[data-look=dots] #chat-card,html[data-look=dots] .c-log,html[data-look=dots] input,html[data-look=dots] textarea{-webkit-user-select:text;-moz-user-select:text;-ms-user-select:text;user-select:text}@media (prefers-reduced-motion: reduce){html[data-look=dots] body.rewind .hero,html[data-look=dots] body.rewind .band,html[data-look=dots] body.rewind .cta-band,html[data-look=dots] #talk.open .c-bar button,html[data-look=dots] .c-msg.drop,html[data-look=dots] .c-bub.swap{animation:none}}html[data-look=dots] .c-log{scrollbar-width:thin;scrollbar-color:var(--accent) transparent}html[data-look=dots] .c-log::-webkit-scrollbar{width:9px;background:transparent}html[data-look=dots] .c-log::-webkit-scrollbar-track,html[data-look=dots] .c-log::-webkit-scrollbar-track-piece,html[data-look=dots] .c-log::-webkit-scrollbar-corner,html[data-look=dots] .c-log::-webkit-scrollbar-button{background:transparent;border:none}html[data-look=dots] .c-log::-webkit-scrollbar-thumb{background:var(--accent);border-radius:999px;border:2.5px solid transparent;background-clip:padding-box}html[data-look=dots] .c-log::-webkit-scrollbar-thumb:hover{background:var(--text)}html[data-look=dots] .c-msg.mid{justify-content:center}html[data-look=dots] .c-msg.mid .c-bub{max-width:min(100%,380px)}html[data-look=dots] .c-msg.mid .c-bub:before,html[data-look=dots] .c-msg.mid .c-bub:after{content:none}html[data-look=dots] .c-msg.mid .c-bub{border-radius:16px}html[data-look=dots] .c-bub.cap{align-items:center;text-align:center}html[data-look=dots] .c-bub.cap .cap-art,html[data-look=dots] .c-bub.cap input{align-self:stretch}html[data-look=dots] .c-msg.back{opacity:.3;filter:saturate(.5);transition:opacity .3s}html[data-look=dots] .c-opts{align-items:flex-end}html[data-look=dots] .c-aside{margin-left:auto;display:flex;flex-direction:column;align-items:flex-end;gap:5px;padding-left:14px;border-left:3px solid var(--line-soft)}html[data-look=dots] .c-lead{font:700 .66rem var(--body);letter-spacing:.1em;text-transform:uppercase;color:var(--muted)}html[data-look=dots] .c-pair{display:flex;gap:7px}html[data-look=dots] .c-opt.go{background:var(--accent);color:#fff;border-color:var(--text);font-weight:700}html[data-look=dots] .c-opt.go:hover{background:var(--text)}html[data-look=dots] .c-bub.rank{display:flex;flex-direction:column;gap:8px;padding:12px}html[data-look=dots] .c-rank{display:flex;align-items:center;gap:10px;padding:9px 12px;cursor:grab;border:2.5px solid var(--text);border-radius:12px;background:var(--bg2);box-shadow:3px 3px 0 var(--text);touch-action:none;user-select:none}html[data-look=dots] .c-rank.held{cursor:grabbing;z-index:2;position:relative;box-shadow:5px 6px 0 var(--text);background:var(--surface)}html[data-look=dots] .c-rank .grip{width:13px;height:13px;flex-shrink:0;background:radial-gradient(circle,var(--muted) 1.4px,transparent 1.6px) 0 0/6px 6px}html[data-look=dots] .c-rank .who{display:flex;flex-direction:column;gap:1px;min-width:0;flex:1 1 auto;text-align:left}html[data-look=dots] .c-rank .who b{font-size:.86rem}html[data-look=dots] .c-rank .who i{font-style:normal;font-size:.76rem;color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}html[data-look=dots] .c-flip{flex-shrink:0;cursor:pointer;padding:5px 11px;border-radius:999px;border:2.5px solid var(--text);background:var(--accent);color:#fff;font:700 .7rem var(--body);letter-spacing:.06em}html[data-look=dots] .c-flip:hover{background:var(--text)}html[data-look=dots] .c-msg.away{animation:c-away .34s cubic-bezier(.4,0,.7,1) both;pointer-events:none}@keyframes c-away{0%{opacity:1;transform:none}to{opacity:0;transform:translate(26px)}}html[data-look=dots] .c-msg.fly .c-bub{display:flex;flex-direction:column;align-items:center;gap:12px;padding:22px 26px;font-weight:700;letter-spacing:.04em}html[data-look=dots] .plane{width:34px;height:34px;display:block;background:var(--accent);-webkit-mask:var(--plane) center/contain no-repeat;mask:var(--plane) center/contain no-repeat;animation:c-fly 1.4s cubic-bezier(.4,0,.5,1) infinite}html[data-look=dots]{--plane:url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M2 21l21-9L2 3v7l15 2-15 2z'/%3E%3C/svg%3E")}@keyframes c-fly{0%{transform:translate(-16px,7px) scale(.9);opacity:0}22%{opacity:1}70%{opacity:1}to{transform:translate(20px,-9px) scale(1.03);opacity:0}}html[data-look=dots] .c-msg.fly .say{animation:c-throb 1.4s ease-in-out infinite}@keyframes c-throb{0%,to{opacity:.55}50%{opacity:1}}html[data-look=dots] .c-msg.done{flex-direction:column;align-items:center;gap:16px;justify-content:center;flex:1 1 auto;animation:c-rise .6s cubic-bezier(.16,1,.3,1) both}html[data-look=dots] .c-msg.done .c-ava{width:76px;height:76px;font-size:1.1rem;box-shadow:4px 4px 0 var(--text)}html[data-look=dots] .c-msg.done .c-bub{max-width:min(100%,420px);text-align:center;font-size:1.02rem;animation:c-rise .6s cubic-bezier(.16,1,.3,1) .22s both}@keyframes c-rise{0%{opacity:0;transform:translateY(18px) scale(.96)}to{opacity:1;transform:none}}@media (prefers-reduced-motion: reduce){html[data-look=dots] .c-msg.away,html[data-look=dots] .c-msg.done,html[data-look=dots] .c-msg.done .c-bub,html[data-look=dots] .plane,html[data-look=dots] .c-msg.fly .say{animation:none}html[data-look=dots] .c-msg.away{opacity:0}}@media (max-width:720px){html[data-look=dots]{--head:96px}html[data-look=dots] .page{padding-left:max(22px,env(safe-area-inset-left));padding-right:max(22px,env(safe-area-inset-right))}html[data-look=dots] .site-h{padding-top:max(18px,env(safe-area-inset-top));padding-bottom:14px}html[data-look=dots] nav a.cta{padding:9px 15px}html[data-look=dots] .site-f{padding-bottom:max(14px,env(safe-area-inset-bottom))}}@media (max-width:900px) and (orientation:landscape){html[data-look=dots]{--head:64px}html[data-look=dots] .site-h{padding-top:8px;padding-bottom:8px}}@media (max-width:720px),(max-height:560px){html[data-look=dots]{--cue:42px}html[data-look=dots] #more-cue{gap:7px;padding:7px 13px 7px 15px;border-width:2.5px;font-size:.6rem;letter-spacing:.16em;bottom:max(4px,env(safe-area-inset-bottom))}html[data-look=dots] #more-cue:after{border-left-width:6px;border-right-width:6px;border-top-width:8px;border-bottom-width:8px}html[data-look=dots] main{padding-bottom:calc(var(--cue) + max(4px,env(safe-area-inset-bottom)))}html[data-look=dots] body.s4 #more-cue{top:calc(var(--head) + max(8px,env(safe-area-inset-top)))}html[data-look=dots] body.s4 .cta-band{padding-top:var(--cue)}html[data-look=dots] body.s4 main{padding-bottom:0}}html[data-look=dots] .card,html[data-look=dots] .svc{min-width:0}html[data-look=dots] .card .t>span{text-overflow:clip}html[data-look=dots] body.take .band{position:absolute;inset:0;max-height:none;padding:calc(var(--gap) * 5) 0;pointer-events:none}@media (max-height:760px){html[data-look=dots] body.take .band{padding:calc(var(--gap) * 2) 0}}html[data-look=dots] body.rewind .band{max-height:none;padding:calc(var(--gap) * 5) 0}@media (max-height:760px){html[data-look=dots] body.rewind .band{padding:calc(var(--gap) * 2) 0}}html[data-look=dots] #codex-stage .s-in{animation:none}html[data-look=dots] .c-opts{position:relative;padding-top:12px}html[data-look=dots] .c-opts:not(:empty):before{content:"";position:absolute;left:0;right:0;bottom:100%;height:34px;pointer-events:none;background:linear-gradient(180deg,transparent,var(--surface) 88%);opacity:.55}@supports (backdrop-filter: blur(4px)) or (-webkit-backdrop-filter: blur(4px)){html[data-look=dots] .c-opts:not(:empty):before{background:none;opacity:1;height:42px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);-webkit-mask-image:linear-gradient(180deg,transparent,#000 78%);mask-image:linear-gradient(180deg,transparent,#000 78%)}html[data-look=dots] .c-opts:not(:empty){-webkit-backdrop-filter:blur(7px);backdrop-filter:blur(7px)}}html[data-look=dots] .c-msg.back{opacity:.26}html[data-look=dots]{--cue:42px}html[data-look=dots] body.s4 .cta-band{padding-top:calc(var(--cue) + var(--gap) * 2)}html[data-look=dots] body.s4 #more-cue{top:calc(var(--head) + var(--gap));height:var(--cue);padding-top:0;padding-bottom:0}html[data-look=dots] body.take #talk.open{width:min(94vw,860px,calc((100vh - var(--head) - var(--cue) - var(--gap) * 4) * 4 / 3))}html[data-look=dots] .band{transition:opacity .5s var(--ease),transform .55s var(--ease),-webkit-mask-position .55s var(--ease),mask-position .55s var(--ease)}html[data-look=dots] body.take .band{animation:none;opacity:0;transform:translateY(-58px);-webkit-mask-image:linear-gradient(180deg,transparent 60%,#000 130%);mask-image:linear-gradient(180deg,transparent 60%,#000 130%)}html[data-look=dots] body.rewind.past-hero .band{animation:none;transition-delay:0s}@media (prefers-reduced-motion: reduce){html[data-look=dots] .band{transition:none}}html[data-look=dots]{--walk:cubic-bezier(.22,.61,.24,1)}html[data-look=dots] .hero,html[data-look=dots] .band,html[data-look=dots] .cta-band,html[data-look=dots] #codex-stage{backface-visibility:hidden}html[data-look=dots] body.past-hero .hero,html[data-look=dots] body.take .band,html[data-look=dots] body.rewind .hero,html[data-look=dots] body.rewind .band,html[data-look=dots] body.rewind .cta-band{will-change:transform,opacity}html[data-look=dots] body.past-hero .hero{animation-timing-function:var(--walk)}html[data-look=dots] body.take .band{transition-timing-function:var(--walk)}html[data-look=dots] body.rewind:not(.past-hero) .hero,html[data-look=dots] body.rewind.s4 .cta-band{animation-timing-function:var(--walk)}html[data-look=dots] body.rewind.past-hero .band{animation-timing-function:var(--walk)}