@font-face{font-family:Bricolage Grotesque;font-style:normal;font-weight:400 700;font-stretch:75% 100%;font-display:swap;src:url(./BricolageGrotesque-subset-CN31FdG0.woff2)format("woff2")}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./JetBrainsMono-400-latin-ext-DIC32ArD.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:400;font-display:swap;src:url(./JetBrainsMono-400-latin-6fWv1k7M.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./JetBrainsMono-400-latin-ext-DIC32ArD.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:500;font-display:swap;src:url(./JetBrainsMono-400-latin-6fWv1k7M.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--bg:#f6f5f2;--paper:#fff;--paper-2:#fbfaf8;--paper-3:#f1efea;--dot:#dedbd4;--ink:#0b0b0d;--ink-2:#3c3b38;--muted:#6b6862;--line:rgba(var(--ink-rgb),.1);--night:#0b0b0d;--night-2:#141417;--night-line:#232328;--shot-bg:#1a1a1e;--night-ink:#f1f0ec;--night-list:#dcdbd6;--night-chip:#e8e7e3;--night-bubble:#f4f3ef;--night-btn:#d6d5d1;--night-sub:#c9c8c4;--night-body:#c4c3bd;--night-text:#a3a2ab;--night-dim:#8f8e97;--blue:#2f6bff;--blue-ink:#2152d6;--blue-soft:#e8efff;--blue-on-night:#7fa3ff;--wa:#25d366;--wa-hover:#3ae07a;--wa-ink:#062b14;--white:#fff;--black:#000;--agent-ahmad:var(--blue);--agent-builder:#f2a33a;--agent-tester:#3ecf8e;--agent-reviewer:#c792ea;--agent-ops:#9aa4b2;--agent-architect:#5cc8e8;--pill-ink:#0b0b0d;--pill-ink-light:#fff;--ink-rgb:11,11,13;--night-rgb:11,11,13;--bg-rgb:246,245,242;--blue-rgb:47,107,255;--white-rgb:255,255,255;--black-rgb:0,0,0;--glass-bubble:#0e0e12e6;--glass-pause:#141418b8;--glass-pause-hover:#24242ad9;--glass-line:rgba(var(--white-rgb),.16);--glass-header:rgba(var(--bg-rgb),.82);--ring-dot:0 0 0 4px rgba(var(--blue-rgb),.25);--glow-text:0 0 60px rgba(var(--blue-rgb),.35);--sans:"Bricolage Grotesque",system-ui,sans-serif;--mono:"JetBrains Mono",ui-monospace,monospace;--ease:cubic-bezier(.16,.84,.3,1)}*{box-sizing:border-box;margin:0;padding:0}html{overflow-x:clip}html.lenis{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:var(--bg);color:var(--ink);font-family:var(--sans);-webkit-font-smoothing:antialiased;overflow-x:clip}a{color:inherit;text-decoration:none}img{max-width:100%;height:auto;display:block}button{font:inherit}::selection{background:var(--blue);color:var(--white)}:focus-visible{outline:2px solid var(--blue);outline-offset:3px;border-radius:8px}.wrap{width:min(1320px,100% - 32px);margin-inline:auto}@media (width>=760px){.wrap{width:min(1320px,100% - 80px)}}.mono{font-family:var(--mono);letter-spacing:.03em;font-size:13px}.skip{z-index:100;background:var(--paper);border-radius:10px;padding:10px 14px;position:fixed;top:-60px;left:12px}.skip:focus{top:12px}.magnetic{transition:transform .5s var(--ease);display:inline-block}.btn{white-space:nowrap;height:54px;transition:background .2s,color .2s,border-color .2s,transform .15s var(--ease);border-radius:99px;align-items:center;gap:10px;padding:0 26px;font-size:16px;font-weight:550;display:inline-flex}.btn svg{flex:none;width:18px;height:18px}.btn.wa{background:var(--wa);color:var(--wa-ink)}.btn.wa:hover{background:var(--wa-hover)}.btn.light{background:var(--paper);color:var(--ink)}.btn.light:hover{background:var(--night-ink)}.btn:active{transform:scale(.98)}.btn.sm{height:40px;padding:0 16px;font-size:14px}.btn.lg{height:64px;padding:0 32px;font-size:18px}.hdr{z-index:50;color:var(--white);transition:background .3s,color .3s,box-shadow .3s;position:fixed;inset:0 0 auto}.hdr .wrap{justify-content:space-between;align-items:center;gap:20px;height:70px;display:flex}.hdr.light{background:var(--glass-header);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);color:var(--ink);box-shadow:0 1px 0 var(--line)}.logo{white-space:nowrap;letter-spacing:-.01em;align-items:center;gap:10px;font-size:17px;font-weight:650;display:flex}.logo .mark{width:30px;height:30px;-webkit-mask:var(--logo-mark) center/contain no-repeat;-webkit-mask:var(--logo-mark) center/contain no-repeat;mask:var(--logo-mark) center/contain no-repeat;background:currentColor}.hdr nav{align-items:center;gap:28px;font-size:15px;display:flex}.hdr nav>a:not(.btn){opacity:.75;transition:opacity .2s}.hdr nav>a:not(.btn):hover{opacity:1}.menu-btn{height:40px;color:inherit;cursor:pointer;background:0 0;border:1.5px solid;border-radius:99px;padding:0 14px;font-size:14px;font-weight:550;transition:background .2s;display:none}.menu-btn:hover,.menu-btn[aria-expanded=true]{background:rgba(var(--white-rgb),.1)}.hdr.light .menu-btn:hover,.hdr.light .menu-btn[aria-expanded=true]{background:rgba(var(--ink-rgb),.06)}.mnav{display:none}@media (width<=820px){.hdr nav>a:not(.btn){display:none}.menu-btn{align-items:center;display:inline-flex}.mnav{z-index:49;background:var(--paper);box-shadow:0 24px 60px -20px rgba(var(--black-rgb),.45);border-radius:18px;flex-direction:column;padding:10px;position:fixed;inset:74px 12px auto}.mnav.open{display:flex}.mnav a{border-radius:12px;padding:14px 16px;font-size:18px;font-weight:550}.mnav a:hover{background:var(--bg)}}.wall-tip{z-index:60;pointer-events:none;background:rgba(var(--white-rgb),.96);color:var(--ink);opacity:0;box-shadow:0 18px 40px -12px rgba(var(--black-rgb),.5);border-radius:12px;padding:9px 13px 10px;transition:opacity .2s;position:fixed;top:0;left:0}.wall-tip.on{opacity:1}.wall-tip b{font-size:15px;font-weight:600;display:block}.wall-tip span{font-family:var(--mono);color:var(--muted);font-size:13px}.wall2d{gap:14px;display:flex;position:absolute;inset:-4% -2%;transform:rotate(-4deg)scale(1.08)}.wall2d .col{min-width:0;animation:drift var(--d) linear infinite;flex-direction:column;flex:1;gap:14px;display:flex}.wall2d .col.rev{animation-direction:reverse}.wall2d.paused .col{animation-play-state:paused}.wall2d .tile{opacity:.45;border-radius:10px;flex:none;overflow:hidden}.wall2d img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}@keyframes drift{to{transform:translateY(-50%)}}@media (width<=760px){.wall2d .col:nth-child(n+4){display:none}}section{padding-block:clamp(100px,12vw,170px)}.sh{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:28px;margin-bottom:clamp(44px,6vw,80px);display:flex}.sh p{max-width:38ch;color:var(--ink-2);font-size:17px;line-height:1.55}h2,.split{font-variation-settings:"wdth" 82;letter-spacing:-.045em;font-size:clamp(44px,6.4vw,104px);font-weight:650;line-height:.92}.split .line{margin-bottom:-.06em;padding-bottom:.06em;display:block;overflow:hidden}.split .w,.split .w>span{display:inline-block}.split .accent{color:var(--blue)}.browser{background:var(--paper);border:1px solid var(--line);box-shadow:0 30px 60px -34px rgba(var(--ink-rgb),.45);border-radius:14px;overflow:hidden}.browser .bar{border-bottom:1px solid var(--line);background:var(--paper-2);align-items:center;gap:6px;height:30px;padding:0 12px;display:flex}.browser .bar i{background:var(--dot);border-radius:50%;width:8px;height:8px}.browser .bar span{font-family:var(--mono);color:var(--muted);background:var(--paper-3);border-radius:6px;margin:0 auto;padding:3px 14px;font-size:13px}.browser img{aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%}.tilt{--rx:0deg;--ry:0deg;transform:perspective(1000px) rotateX(var(--rx)) rotateY(var(--ry));transition:transform .4s var(--ease);display:block;position:relative}.tilt .glare{aspect-ratio:16/10.4;z-index:2;pointer-events:none;opacity:0;background:radial-gradient(circle at var(--gx,50%) var(--gy,50%),rgba(var(--white-rgb),.35),transparent 55%);border-radius:14px;transition:opacity .3s;position:absolute;inset:0 0 auto}.tilt:hover .glare{opacity:1}.site .meta{justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px;display:flex}.site h3{letter-spacing:-.02em;font-size:24px;font-weight:600}.site .meta .mono{color:var(--muted);white-space:nowrap}.site p{color:var(--ink-2);max-width:52ch;margin-top:6px;font-size:15.5px;line-height:1.5}.also{border-top:1px solid var(--line);gap:16px;margin-top:72px;padding-top:28px;display:grid}@media (width>=860px){.also{grid-template-columns:200px 1fr}}.also>.mono{color:var(--muted)}.names{flex-wrap:wrap;gap:8px;display:flex}.names span{background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:7px 13px;font-size:14px}.apps{background:var(--night);color:var(--night-ink)}.apps .sh p{color:var(--night-text)}.app-grid{grid-template-columns:repeat(auto-fill,minmax(min(100%,330px),1fr));gap:16px;display:grid}@media (width>=1100px){.app-grid{grid-template-columns:repeat(3,1fr)}.app.wide{grid-column:span 2}}.app{background:var(--night-2);border:1px solid var(--night-line);transition:transform .4s var(--ease);border-radius:22px;flex-direction:column;gap:14px;padding:26px 26px 24px;display:flex;position:relative;overflow:hidden}.app:before{content:"";background:linear-gradient(140deg,rgba(var(--blue-rgb),.7),transparent 42%);-webkit-mask:linear-gradient(var(--black) 0 0) content-box,linear-gradient(var(--black) 0 0);-webkit-mask-composite:xor;opacity:0;pointer-events:none;border-radius:22px;padding:1px;transition:opacity .4s;position:absolute;inset:-1px;-webkit-mask-composite:xor;mask-composite:exclude}@media (hover:hover){.app:hover{transform:translateY(-4px)}.app:hover:before{opacity:1}}.app-top{height:20px;color:var(--night-text);justify-content:space-between;align-items:center;display:flex}.app-top a{color:var(--blue-on-night);transition:color .2s}.app-top a:hover{color:var(--white)}.app h3{letter-spacing:-.025em;font-size:clamp(22px,2vw,30px);font-weight:600;line-height:1.1}.app.wide h3{font-size:clamp(28px,2.8vw,42px)}.app>p{color:var(--night-body);font-size:15.5px;line-height:1.55}.app ul{gap:8px;margin-top:4px;list-style:none;display:grid}@media (width>=1100px){.app.wide ul{grid-template-columns:1fr 1fr}}.app li{color:var(--night-list);padding-left:20px;font-size:14.5px;line-height:1.45;position:relative}.app li:before{content:"";background:var(--blue);border-radius:2px;width:8px;height:8px;position:absolute;top:.55em;left:0}.app .stat{align-items:baseline;gap:10px;margin-top:4px;display:flex}.app .stat b{letter-spacing:-.04em;color:var(--white);font-size:clamp(34px,3.4vw,52px);font-weight:650}.app .stat span{color:var(--night-text);font-size:14px}.app .stack{border-top:1px solid var(--night-line);color:var(--night-text);margin-top:auto;padding-top:14px}.how-grid{gap:44px;display:grid}@media (width>=960px){.how-grid{grid-template-columns:.8fr 1.2fr;align-items:center;gap:80px}}.how-sec .ph{aspect-ratio:4/5;border-radius:26px;overflow:hidden}.how-sec .ph img{object-fit:cover;object-position:50% 55%;width:100%;height:116%;margin-top:-8%}.how-sec .split{margin-bottom:34px}.steps{border-top:1px solid var(--ink);list-style:none}.steps li{border-bottom:1px solid var(--line);grid-template-columns:44px 1fr;gap:14px;padding:20px 0;display:grid}.steps .n{color:var(--muted);padding-top:5px}.steps h3{letter-spacing:-.02em;font-size:clamp(20px,1.8vw,26px);font-weight:600}.steps p{color:var(--ink-2);max-width:50ch;margin-top:4px;font-size:16px;line-height:1.5}.builds{gap:12px;margin-top:34px;display:grid}.builds>.mono{color:var(--muted)}.builds ul{flex-wrap:wrap;gap:8px;list-style:none;display:flex}.builds li{background:var(--paper);border:1px solid var(--line);border-radius:99px;padding:7px 13px;font-size:14px}.creds{flex-wrap:wrap;gap:10px;margin-top:26px;display:flex}.creds span{background:var(--ink);color:var(--white);letter-spacing:-.005em;border-radius:12px;align-items:baseline;padding:10px 16px;font-size:15px;font-weight:550;display:inline-flex}.strip{scroll-snap-type:x mandatory;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:rgba(var(--ink-rgb),.28) transparent;gap:28px;padding:6px 2px 26px;display:flex;overflow-x:auto}.strip>.site{scroll-snap-align:start;flex:0 0 min(86%,520px)}.strip:focus-visible{outline-offset:6px}.sr-only{clip:rect(0 0 0 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.contact{background:var(--night);color:var(--white);text-align:center;border-radius:36px 36px 0 0;padding-bottom:0;position:relative;overflow:hidden}.contact>.wrap,.contact footer{position:relative}.contact-mark{aspect-ratio:1;background:var(--white);opacity:.06;width:min(1100px,120vw);-webkit-mask:var(--logo-line) center/contain no-repeat;-webkit-mask:var(--logo-line) center/contain no-repeat;mask:var(--logo-line) center/contain no-repeat;pointer-events:none;position:absolute;top:48%;left:50%;transform:translate(-50%,-50%)}.contact .split.big{font-size:clamp(52px,9vw,150px)}.contact>.wrap>p{color:var(--night-body);max-width:44ch;margin:28px auto 42px;font-size:19px;line-height:1.5}.contact .ctas{flex-wrap:wrap;justify-content:center;gap:12px;display:flex}.contact footer{border-top:1px solid var(--night-line);color:var(--night-text);text-align:left;flex-wrap:wrap;justify-content:space-between;gap:12px;margin-top:clamp(90px,12vw,150px);padding-block:28px;font-size:14px;display:flex}@media (width>=820px){.contact footer{padding-bottom:76px}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition:none!important;animation:none!important}}@media (width<=420px){.hdr nav{gap:8px}.hdr .btn.sm{justify-content:center;gap:0;width:40px;padding:0;font-size:0}.hdr .btn.sm svg{width:20px;height:20px}}.hero{background:var(--night);color:var(--white);padding:0;position:relative}@media (width>=820px) and (pointer:fine) and (prefers-reduced-motion:no-preference){.hero{height:160vh}}.hero.three{height:160vh}.hero.flat,.hero.still{height:auto}.hero-pin{pointer-events:none;visibility:hidden;width:1px;height:calc(100% - 100vh);position:absolute;top:0;left:0}.hero-stage{height:100svh;position:sticky;top:0;overflow:hidden}.ws-scene,.ws-in{position:absolute;inset:0}.ws-in{opacity:0;transition:opacity 1.4s var(--ease)}.ws-in.on{opacity:1}.ws3d{z-index:0;inset:0;position:absolute!important}.hero-shade{z-index:1;pointer-events:none;background:radial-gradient(ellipse 70% 92% at 12% 55%,rgba(var(--night-rgb),.96) 0%,rgba(var(--night-rgb),.86) 46%,rgba(var(--night-rgb),0) 100%),linear-gradient(180deg,rgba(var(--night-rgb),.6),transparent 16%,transparent 84%,rgba(var(--night-rgb),.7));position:absolute;inset:0}.ws-cursors{z-index:2;pointer-events:none;position:absolute;inset:0;overflow:hidden}.hero-copy{z-index:3;pointer-events:none;flex-direction:column;justify-content:center;height:100%;padding-top:64px;display:flex;position:relative}.hero-copy>*{pointer-events:auto;max-width:min(38rem,44vw)}.hero-eyebrow{color:var(--night-text);align-items:center;gap:10px;margin-bottom:24px;display:flex}.hero-eyebrow:before{content:"";background:var(--blue);width:8px;height:8px;box-shadow:var(--ring-dot);border-radius:50%}.hero h1{font-variation-settings:"wdth" 80;letter-spacing:-.038em;font-size:clamp(40px,4.7vw,80px);font-weight:700;line-height:.95}.hero h1 span{text-wrap:balance;display:block}.hero h1 span:nth-child(2){color:var(--blue);text-shadow:var(--glow-text)}.hero .sub{max-width:42ch;color:var(--night-sub);margin-top:24px;font-size:clamp(16px,1.2vw,19px);line-height:1.55}.hero .ctas{flex-wrap:wrap;align-items:center;gap:12px 28px;margin-top:32px;display:flex}.hero-link{color:var(--night-text);text-decoration:underline;-webkit-text-decoration-color:color-mix(in srgb,var(--night-text) 45%,transparent);text-decoration-color:color-mix(in srgb,var(--night-text) 45%,transparent);text-underline-offset:5px;font-size:16px;font-weight:550;transition:color .2s,text-decoration-color .2s}.hero-link:hover{color:var(--white);text-decoration-color:currentColor}.hero-caption{color:var(--night-dim);max-width:46ch;margin-top:24px;font-size:13px;line-height:1.6}.cur{z-index:10;visibility:hidden;pointer-events:none;will-change:transform;position:absolute;top:0;left:0}.cur-arrow{filter:drop-shadow(0 2px 3px rgba(var(--black-rgb),.4));margin:-2px 0 0 -2px;display:block}.cur-tag{white-space:nowrap;align-items:center;gap:6px;display:flex;position:absolute;top:17px;left:13px}.cur-name{font-family:var(--sans);letter-spacing:-.005em;box-shadow:0 6px 16px -6px rgba(var(--black-rgb),.7);border-radius:99px;padding:5px 9px 6px;font-size:12px;font-weight:650;line-height:1}.cur.flip .cur-tag{flex-direction:row-reverse;left:auto;right:6px}.cur.flip .cur-bubble{transform-origin:100%}.cur-bubble{font-family:var(--sans);color:var(--night-bubble);background:var(--glass-bubble);border:1px solid var(--glass-line);box-shadow:0 10px 24px -10px rgba(var(--black-rgb),.8);opacity:0;transform-origin:0;border-radius:9px;padding:5px 10px 6px;font-size:12.5px;font-weight:500;line-height:1.2;transition:opacity .18s,transform .18s;transform:translateY(3px)scale(.92)}.cur-bubble.on{opacity:1;transition:opacity .3s ease,transform .45s var(--ease);transform:none}.cur-bubble.cmd{border-color:var(--blue);box-shadow:0 0 0 3px rgba(var(--blue-rgb),.22),0 10px 24px -10px rgba(var(--black-rgb),.8)}.ws2d{justify-content:flex-end;align-items:center;padding:96px clamp(16px,4vw,56px) 48px;display:flex;position:absolute;inset:0}.ws2d-stage{aspect-ratio:10/8;width:min(54vw,780px);position:relative}.ws2d-shot{background:var(--shot-bg);box-shadow:0 0 0 1px rgba(var(--white-rgb),.07),0 30px 60px -24px rgba(var(--black-rgb),.9);border-radius:10px;position:absolute;overflow:hidden}.ws2d-shot img{filter:brightness(.9);width:100%;height:auto}.ws2d .cur-name,.ws2d .cur-bubble{font-size:11px}.pause{z-index:45;height:44px;color:var(--night-btn);cursor:pointer;background:0 0;border:0;border-radius:99px;align-items:center;gap:8px;padding:0 13px 0 11px;font-size:13px;display:inline-flex;position:fixed;bottom:clamp(7px,2vw - 5px,19px);left:clamp(12px,2vw,24px)}.pause:before{content:"";z-index:-1;background:var(--glass-pause);border:1px solid var(--glass-line);-webkit-backdrop-filter:blur(10px);border-radius:99px;transition:background .2s,border-color .2s;position:absolute;inset:5px 0}.pause:hover:before{background:var(--glass-pause-hover)}.pause[aria-pressed=true]{color:var(--white)}.pause[aria-pressed=true]:before{border-color:var(--blue)}.pause:focus-visible{outline-offset:-2px}.pause-ic{flex:none;width:10px;height:10px}@media (width<=819px){.hero{min-height:100svh}.hero-stage{flex-direction:column;height:auto;min-height:100svh;display:flex;position:relative}.ws-scene{flex:none;height:calc(80px + min(100vw - 24px,520px)/1.25);position:relative;inset:auto}.ws2d{justify-content:center;align-items:flex-start;padding:80px 12px 0}.ws2d-stage{width:min(100%,520px)}.hero-shade{background:linear-gradient(180deg,rgba(var(--night-rgb),.5) 0%,transparent 22%,transparent 80%,var(--night) 100%)}.hero-copy{justify-content:flex-start;height:auto;padding-top:20px;padding-bottom:72px}.hero-copy>*{max-width:none}.hero h1{font-size:clamp(34px,10vw,56px)}html{scroll-padding-top:128px}.pause{justify-content:center;width:44px;height:44px;padding:0;inset:78px 8px auto auto}.pause:before{inset:4px}.pause-tx{clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}.hero.still .ws-in,.hero.still .cur-bubble{transition:none}.shift{background:var(--night);height:170vh;color:var(--night-ink);padding:0;position:relative}.shift-stage{height:100svh;position:sticky;top:0;overflow:hidden}.shift3d{z-index:0;inset:0;position:absolute!important}.shift-shade{z-index:2;pointer-events:none;background:radial-gradient(ellipse 46% 60% at 14% 52%,rgba(var(--night-rgb),.88) 0%,rgba(var(--night-rgb),.5) 55%,rgba(var(--night-rgb),0) 100%),linear-gradient(180deg,rgba(var(--night-rgb),.55),transparent 20%,transparent 80%,rgba(var(--night-rgb),.6));position:absolute;inset:0}.shift-copy{z-index:3;pointer-events:none;align-content:center;height:100%;display:grid;position:relative}.shift-line{transition:opacity .8s var(--ease),transform .8s var(--ease),filter .8s var(--ease);grid-area:1/1;align-self:center}.shift-line.b{opacity:0;filter:blur(6px);transform:translateY(40px)}.shift.late .shift-line.a{opacity:0;filter:blur(6px);transform:translateY(-40px)}.shift.late .shift-line.b{opacity:1;filter:none;transform:none}.shift h2{text-wrap:balance;max-width:min(44vw,7.6em)}.shift-sub{max-width:34ch;color:var(--night-sub);text-wrap:pretty;margin-top:22px;font-size:clamp(16px,1.2vw,19px);line-height:1.55}.shift h2 .accent{color:var(--blue);text-shadow:var(--glow-text)}.shift-count{color:var(--night-text);align-items:center;gap:10px;margin-bottom:22px;display:flex}.shift-count:before{content:"";background:var(--blue);width:8px;height:8px;box-shadow:var(--ring-dot);border-radius:50%}.shift-pill{white-space:nowrap;font-family:var(--sans);flex-direction:column;align-items:center;gap:7px;display:flex}.shift-pill b{color:var(--pill-ink);letter-spacing:-.01em;box-shadow:0 0 0 4px rgba(var(--white-rgb),.05),0 12px 30px -10px rgba(var(--black-rgb),.8);border-radius:99px;padding:6px 13px 7px;font-size:14px;font-weight:650;line-height:1.1;display:block}.shift-pill.hub b{box-shadow:0 0 0 5px rgba(var(--blue-rgb),.22),0 0 50px rgba(var(--blue-rgb),.45);padding:9px 20px 10px;font-size:19px}.shift-pill span{font-family:var(--mono);letter-spacing:.03em;color:var(--night-sub);background:rgba(var(--night-rgb),.72);border-radius:99px;padding:3px 9px;font-size:13px}.shift-step{color:var(--night-chip);background:rgba(var(--night-rgb),.82);border:1px solid var(--night-line);white-space:nowrap;border-radius:99px;padding:3px 9px;font-size:13px;display:block}.shift-labels{z-index:1;pointer-events:none;position:absolute;inset:0}.shift-labels>*{opacity:0;visibility:hidden;will-change:transform;position:absolute;top:0;left:0}.shift-wall{z-index:0;opacity:calc(1 - var(--detach,0) * .88);transform:scale(calc(1 - var(--detach,0) * .12));position:absolute;inset:0}.shift-graph{z-index:1;aspect-ratio:1;width:min(86vw,58svh,560px);opacity:clamp(0,calc(var(--detach,0) * 1.4 - .3),1);position:absolute;top:62%;left:50%;transform:translate(-50%,-50%)}.shift-graph svg{width:100%;height:100%;overflow:visible}.shift-graph path{fill:none;stroke-linecap:round;vector-effect:non-scaling-stroke}.shift-graph .edge{stroke-width:2px;stroke-dasharray:1;stroke-dashoffset:calc(1 - clamp(0,(var(--settle,0) - var(--i) * .07) / .6,1));opacity:.55}.shift-graph .edge.hub{stroke-width:1.5px;opacity:.4}.shift-graph .pulse{stroke-width:3.5px;stroke-dasharray:.14 2;stroke-dashoffset:.14px;opacity:var(--settle,0);animation:3.2s linear infinite shift-pulse;animation-delay:calc(var(--i) * .8s)}@keyframes shift-pulse{0%{stroke-dashoffset:.14px}25%,to{stroke-dashoffset:-1px}}.shift.paused .shift-graph .pulse{animation-play-state:paused}.shift-graph .shift-pill,.shift-graph .shift-step{opacity:var(--settle,0);position:absolute;transform:translate(-50%,-50%)}.shift-graph .shift-pill b{font-size:13px}.shift-graph .shift-pill.hub b{font-size:16px}.shift-graph .shift-pill.hub{transform:translate(-50%,-22px)}.shift-graph .shift-pill.hub span{white-space:normal;text-align:center;border-radius:10px;width:15ch;line-height:1.5}.shift-graph .shift-step{font-size:13px}@media (width>=900px){.shift-graph{width:min(46vw,78vh,640px);top:52%;left:68%}}@media (width<=899px){.shift.flat .shift-copy{align-content:start;padding-top:104px}.shift h2{max-width:none;font-size:clamp(40px,11vw,64px)}.shift-shade{background:linear-gradient(180deg,rgba(var(--night-rgb),.92) 0%,rgba(var(--night-rgb),.7) 34%,rgba(var(--night-rgb),.2) 60%,rgba(var(--night-rgb),.5) 100%)}}.shift.static{height:auto}.shift.static .shift-stage{flex-direction:column;height:auto;padding:120px 0 90px;display:flex;position:relative}.shift.static .shift-copy{flex-direction:column;order:0;gap:28px;height:auto;display:flex}.shift.static .shift-line{opacity:1;filter:none;transition:none;transform:none}.shift.static .shift-wall{opacity:.8;order:1;height:38vh;margin-top:40px;position:relative;overflow:hidden;transform:none}.shift.static .shift-graph{opacity:1;order:2;margin:56px auto 0;position:relative;top:auto;left:auto;transform:none}.shift.static .shift-graph .pulse,.shift.static .shift-shade{display:none}.systems{background:var(--bg);color:var(--ink)}.sys-list{display:grid}.sys-case{border-top:1px solid var(--line);align-items:center;gap:clamp(40px,5vw,64px);padding-top:clamp(56px,7vw,96px);display:grid}.sys-case+.sys-case{margin-top:clamp(90px,11vw,160px)}.sys-case>*{min-width:0}@media (width>=960px){.sys-case{grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(48px,6vw,96px)}.sys-case.flip{grid-template-columns:minmax(0,7fr) minmax(0,5fr)}.sys-case.flip .sys-diagram{order:-1}}.sys-text{max-width:560px}.sys-text h3{font-variation-settings:"wdth" 82;letter-spacing:-.035em;text-wrap:balance;margin-bottom:30px;font-size:clamp(32px,3.4vw,50px);font-weight:650;line-height:.98}.sys-text dl>div{border-top:1px solid var(--line);gap:6px;padding-block:15px;display:grid}@media (width>=480px){.sys-text dl>div{grid-template-columns:112px 1fr;gap:20px}}.sys-text dt{color:var(--muted);text-transform:uppercase;letter-spacing:.04em;padding-top:3px;font-size:13px}.sys-text dd{color:var(--ink-2);font-size:16px;line-height:1.55}.sys-text ul{gap:6px;list-style:none;display:grid}.sys-text ul li{padding-left:18px;position:relative}.sys-text ul li:before{content:"";background:var(--blue);width:8px;height:1px;position:absolute;top:.78em;left:0}.sys-link{color:var(--blue-ink);border-bottom:1px solid;margin-top:26px;padding-bottom:2px;font-weight:550;transition:color .2s;display:inline-flex}.sys-link:hover{color:var(--ink)}.sys-diagram{container-type:inline-size}.stack-wrap{--cw:min(400px,52cqi);--ch:calc(var(--cw) * .625);--dx:6cqi;height:calc(var(--cw) * .66 + (var(--n) - 1) * 80px + 40px);perspective:1600px;position:relative}.sys-case.flip .stack-wrap{--dx:-6cqi}.systems .stack{--gap:90px;--p:1;left:calc(50% - var(--cw) / 2 + var(--dx));top:calc(50% - var(--ch) / 2);width:var(--cw);height:var(--ch);transform-style:preserve-3d;list-style:none;position:absolute;transform:rotateX(55deg)rotate(-35deg)}.layer{transform-style:preserve-3d;transform:translateZ(calc((var(--i) - var(--mid)) * max(var(--gap), 6px)));position:absolute;inset:0}.card{background:var(--paper);border:1px solid var(--line);box-shadow:0 1px 2px rgba(var(--ink-rgb),.06),0 34px 60px -28px rgba(var(--ink-rgb),.32);border-radius:10px;position:absolute;inset:0;overflow:hidden}.card.shot img{object-fit:cover;object-position:top;width:100%;height:100%}.card.module{background:radial-gradient(circle,rgba(var(--ink-rgb),.09) 1px,transparent 1.2px) 0 0/14px 14px,var(--paper);flex-direction:column;justify-content:flex-end;gap:8px;padding:7% 8%;display:flex}.card.module .idx{color:var(--blue-ink);position:absolute;top:7%;left:8%}.card.module b{letter-spacing:-.02em;font-size:clamp(17px,2.6cqi,22px);font-weight:650;line-height:1.1}.card.module p{color:var(--muted);max-width:34ch;font-size:13px;line-height:1.45}.tag{transform-origin:0 0;text-align:right;width:max-content;max-width:min(160px,24cqi);opacity:clamp(0,calc(var(--p) * 2.5 - 1.2),1);gap:2px;display:grid;position:absolute;top:0;left:0;transform:rotate(35deg)rotateX(-55deg)translate(calc(-100% - 18px),-50%)}.tag:after{content:"";background:var(--muted);width:10px;height:1px;position:absolute;top:50%;right:-14px}.tag .mono{color:var(--blue-ink);font-size:13px}.tag-name{color:var(--ink);font-size:13px;font-weight:550;line-height:1.25}.tag-note{color:var(--muted);font-size:11.5px;line-height:1.35}@media (width>=960px){.sys-case.flip .tag{text-align:left;top:100%;left:100%;transform:rotate(35deg)rotateX(-55deg)translate(18px,-50%)}.sys-case.flip .tag:after{left:-14px;right:auto}}@media (width<=959px){.stack-wrap,.sys-case.flip .stack-wrap{--cw:min(400px,50cqi);--dx:11cqi}}@media (width<=759px),(prefers-reduced-motion:reduce){.stack-wrap{perspective:none;height:auto}.systems .stack{gap:26px;width:auto;height:auto;padding-left:24px;display:grid;position:relative;top:auto;left:auto;transform:none}.systems .stack:before{content:"";background:var(--line);width:1px;position:absolute;top:8px;bottom:8px;left:3px}.layer{flex-direction:column-reverse;gap:10px;display:flex;position:relative;inset:auto;transform:none}.layer:before{content:"";background:var(--bg);border:1px solid var(--blue);border-radius:50%;width:7px;height:7px;position:absolute;top:4px;left:-24px}.tag,.sys-case.flip .tag{opacity:1;text-align:left;width:auto;max-width:none;position:static;transform:none}.tag:after{display:none}.card{box-shadow:0 1px 2px rgba(var(--ink-rgb),.05),0 18px 34px -26px rgba(var(--ink-rgb),.3);position:relative;inset:auto}.card.shot img{object-fit:fill;height:auto}.card.module{padding:16px 18px}.card.module .idx,.card.module b{display:none}}@media (width>=760px) and (prefers-reduced-motion:reduce){.sys-case{align-items:start}.systems .stack{grid-template-columns:repeat(2,minmax(0,1fr));gap:28px 22px;padding-left:0}.systems .stack:before,.layer:before{display:none}}