:root{--bg:#f2f3fa;--panel:rgba(242,243,250,.78);--ink:#14163a;--mute:#5b5f84;--line:rgba(20,22,58,.14);--acc:#4a49e8;--pt:#4a49e8;--pt2:#e0568f;--on-acc:#fff;box-sizing:border-box;padding-top:env(safe-area-inset-top,0px);padding-bottom:env(safe-area-inset-bottom,0px)}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:#0b0c1c;--panel:rgba(11,12,28,.72);--ink:#eceefe;--mute:#9a9ec6;--line:rgba(236,238,254,.16);--acc:#8d8cff;--pt:#8d8cff;--pt2:#ff7aa8;--on-acc:#0b0c1c}}:root[data-theme=dark]{--bg:#0b0c1c;--panel:rgba(11,12,28,.72);--ink:#eceefe;--mute:#9a9ec6;--line:rgba(236,238,254,.16);--acc:#8d8cff;--pt:#8d8cff;--pt2:#ff7aa8;--on-acc:#0b0c1c}html{scroll-behavior:smooth;scroll-padding-top:calc(72px + env(safe-area-inset-top,0px))}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font-family:Bricolage Grotesque,system-ui,-apple-system,Segoe UI,sans-serif;font-size:17px;line-height:1.6;overflow-x:hidden}#gl{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}a{color:inherit;text-decoration:none}a:focus-visible,button:focus-visible{outline:2px solid var(--acc);outline-offset:3px;border-radius:4px}header{position:fixed;top:0;left:0;right:0;z-index:10;padding:calc(14px + env(safe-area-inset-top,0px)) clamp(18px,4vw,48px) 14px;display:flex;justify-content:space-between;align-items:center;background:var(--panel);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}header b{font-weight:800;letter-spacing:-.01em}nav{display:flex;gap:clamp(12px,2.4vw,28px);font-size:15px}nav a{color:var(--mute);transition:color .2s}nav a:hover{color:var(--ink)}main{position:relative;z-index:1}section{padding:clamp(72px,12vw,150px) clamp(18px,4vw,48px)}.wrap{max-width:1120px;margin:0 auto}h1,h2,h3{font-weight:800;letter-spacing:-.035em;line-height:1;margin:0}h2{font-size:clamp(34px,6vw,72px);margin-bottom:clamp(28px,5vw,56px)}#top{min-height:100svh;display:flex;align-items:flex-end;padding-bottom:clamp(48px,9vw,110px)}h1{font-size:clamp(52px,12.5vw,176px);line-height:.88}h1 span{display:block;overflow:hidden}h1 i{display:block;font-style:normal;transform:translateY(105%);animation:rise 1s cubic-bezier(.2,.8,.2,1) forwards}h1 span:nth-child(2) i{animation-delay:.12s;font-weight:300}@keyframes rise{to{transform:none}}@media(prefers-reduced-motion:reduce){h1 i{animation:none;transform:none}}.role{font-size:clamp(20px,2.6vw,32px);font-weight:600;letter-spacing:-.02em;margin:28px 0 8px;max-width:22ch}.tag{color:var(--mute);font-size:clamp(17px,1.7vw,21px);max-width:34ch;margin:0 0 32px}.cta{display:flex;gap:12px;flex-wrap:wrap}.btn{display:inline-block;padding:13px 24px;border-radius:999px;font-weight:600;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);transition:transform .2s,background .2s}.btn.p{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}.btn:hover{transform:translateY(-2px)}.about{display:grid;grid-template-columns:1fr 1fr;gap:clamp(24px,5vw,72px)}.about p{margin:0 0 18px;font-size:clamp(18px,1.9vw,24px);line-height:1.5;letter-spacing:-.01em}.facts{display:grid;gap:18px;align-content:start;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;padding:28px}.facts div{display:grid;gap:2px}.facts small{color:var(--mute);font-size:14px}.feat{display:grid;grid-template-columns:1fr;gap:16px;margin-bottom:36px}.feat a{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;padding:28px;display:grid;gap:8px;min-height:170px;align-content:space-between;transition:border-color .2s,transform .2s}.feat a:hover{border-color:var(--acc);transform:translateY(-4px)}.feat h3{font-size:28px}.feat p{margin:0;color:var(--mute)}.list{border-top:1px solid var(--line)}.row{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,2fr) auto;gap:20px;align-items:baseline;padding:22px 8px;border-bottom:1px solid var(--line);background:linear-gradient(90deg,var(--acc),var(--acc)) no-repeat left/0 100%;transition:padding .25s,background-size .3s,color .3s}.row:hover{padding-left:22px;color:var(--on-acc);background-size:100% 100%}.row:hover small{color:inherit}.row h3{font-size:clamp(22px,3vw,36px)}.row small{color:var(--mute);font-size:15px}.row u{text-decoration:none;font-size:22px}.tl{position:relative;margin-left:8px;padding-left:clamp(20px,4vw,48px);border-left:2px solid var(--line)}.job{position:relative;padding-bottom:clamp(34px,5vw,56px)}.job:before{content:"";position:absolute;left:calc(-1*clamp(20px,4vw,48px) - 7px);top:10px;width:12px;height:12px;border-radius:50%;background:var(--bg);border:2px solid var(--acc)}.job.now:before{background:var(--acc);box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 25%,transparent)}.job time{color:var(--acc);font-weight:600;font-size:15px}.job h3{font-size:clamp(24px,3.4vw,38px);margin:6px 0 4px}.job .rl{color:var(--mute);margin-bottom:10px}.job ul{margin:0;padding-left:18px;max-width:68ch}.job li{margin:4px 0}.skills{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.sk{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;padding:26px}.sk h3{font-size:24px;margin-bottom:14px}.chips{display:flex;flex-wrap:wrap;gap:8px}.chips span{padding:6px 14px;border-radius:999px;border:1px solid var(--line);font-size:15px;transition:background .2s,color .2s}.chips span:hover{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}.mail{display:block;font-size:clamp(28px,7.2vw,104px);font-weight:800;letter-spacing:-.04em;line-height:1;word-break:break-all;margin-bottom:36px;transition:color .2s}.mail:hover{color:var(--acc)}.links{display:flex;flex-wrap:wrap;gap:12px 28px;color:var(--mute)}.links a:hover{color:var(--ink)}footer{position:relative;z-index:1;padding:28px clamp(18px,4vw,48px);border-top:1px solid var(--line);background:var(--panel);color:var(--mute);font-size:15px;display:flex;justify-content:space-between;flex-wrap:wrap;gap:8px}@media(max-width:760px){.about,.feat,.skills{grid-template-columns:1fr}.row{grid-template-columns:1fr auto}.row small:nth-of-type(1){grid-column:1/2}nav a:nth-child(n+4){display:none}}#stage{margin:0 auto 0 14px;padding:3px 12px;border:1px solid var(--line);border-radius:999px;font-size:13px;font-weight:600;color:var(--acc);min-width:96px;text-align:center}#bar{position:absolute;left:0;bottom:-1px;height:2px;width:100%;background:linear-gradient(90deg,var(--pt),var(--pt2));transform:scaleX(0);transform-origin:left}.pill{display:inline-block;margin:0 0 28px;padding:6px 14px;border-radius:999px;border:1px solid var(--acc);color:var(--acc);font-size:15px;font-weight:600}.aip{margin:-16px 0 32px;max-width:54ch;font-size:clamp(18px,1.9vw,22px);color:var(--mute)}.aig{display:grid;grid-template-columns:1fr 1fr;gap:16px}.aic{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;padding:28px}.aic.me{border-color:var(--acc)}.aic h3{font-size:26px;margin-bottom:14px}.aic ul{margin:0;padding-left:18px}.aic li{margin:8px 0}.feat a,.sk,.facts,.aic{background-image:radial-gradient(340px circle at var(--mx,-200px) var(--my,-200px),color-mix(in srgb,var(--acc) 22%,transparent),transparent 70%)}.feat a svg{height:40px;width:auto;margin-bottom:6px}.go{color:var(--acc);font-weight:600}.proc{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,6vw,80px);align-items:start}.pl{position:sticky;top:calc(96px + env(safe-area-inset-top,0px))}.live{background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid var(--line);border-radius:20px;padding:24px;display:grid;gap:6px}.live small{color:var(--mute)}.live strong{font-size:clamp(34px,4.6vw,56px);letter-spacing:-.035em;line-height:1;color:var(--acc)}#dots{display:flex;gap:6px;margin-top:14px}#dots i{flex:1;height:4px;border-radius:2px;background:var(--line);transition:background .3s}#dots i.on{background:linear-gradient(90deg,var(--pt),var(--pt2))}#steps{list-style:none;margin:0;padding:0}.step{display:grid;grid-template-columns:52px 1fr;gap:18px;padding:clamp(34px,6vw,70px) 0;border-top:1px solid var(--line);opacity:.32;transition:opacity .4s}.step.on{opacity:1}.sn{width:44px;height:44px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-weight:800;transition:background .3s,color .3s}.step.on .sn{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}.step h3{font-size:clamp(28px,4vw,46px);margin-bottom:10px}.step p{margin:0 0 16px;color:var(--mute);max-width:46ch}@media(max-width:760px){.proc{grid-template-columns:1fr}.pl{position:static}}#process.pin{padding:0;height:510svh}.sticky{position:sticky;top:0;height:100svh;display:flex;align-items:center;padding:calc(76px + env(safe-area-inset-top,0px)) clamp(18px,4vw,48px) 24px}.ps{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:clamp(24px,5vw,72px);align-items:center;width:100%}.pt h2{font-size:clamp(30px,4.4vw,54px);margin-bottom:18px}.ptext h3{font-size:clamp(40px,6vw,78px);color:var(--acc);margin:4px 0 12px}.ptext small{color:var(--mute)}.ptext p{margin:0 0 16px;color:var(--mute);max-width:40ch;min-height:5.2em}.ptext.sw{animation:sw .45s cubic-bezier(.2,.8,.2,1)}@keyframes sw{0%{opacity:0;transform:translateY(14px)}}#dots{margin:22px 0 10px}.hint{color:var(--mute);font-size:14px}.scene{position:relative;width:100%;aspect-ratio:4/3;max-height:68svh;margin:0 auto;--p:0}.frame{position:absolute;inset:0;border:1px solid var(--line);border-radius:20px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .7s cubic-bezier(.2,.8,.2,1)}.fe{position:absolute;border-radius:10px;border:1.5px solid transparent;transition:background .5s,border-color .5s,opacity .5s,outline-color .5s}.scene .bar{left:0;top:0;width:100%;height:9%;border-radius:20px 20px 0 0;background:color-mix(in srgb,var(--ink) 9%,transparent)}.scene .h{left:6%;top:16%;width:46%;height:9%;background:var(--ink)}.scene .l1{left:6%;top:30%;width:40%;height:3%;background:var(--mute)}.scene .l2{left:6%;top:36%;width:32%;height:3%;background:var(--mute)}.scene .btn{left:6%;top:46%;width:18%;height:8%;background:var(--acc)}.scene .img{left:56%;top:16%;width:38%;height:38%;background:linear-gradient(135deg,var(--pt),var(--pt2))}.scene .c1,.scene .c2,.scene .c3{top:64%;width:28%;height:28%;background:color-mix(in srgb,var(--acc) 16%,transparent)}.scene .c1{left:6%}.scene .c2{left:36%}.scene .c3{left:66%}.scene[data-s="0"] .fe{opacity:0}.scene[data-s="1"] .fe{background:transparent;border:1.5px dashed var(--mute)}.fe[data-t]:after{content:attr(data-t);position:absolute;left:0;top:-22px;font-size:11px;font-weight:600;background:var(--acc);color:var(--on-acc);padding:1px 7px;border-radius:5px;opacity:0;transition:opacity .4s}.scene[data-s="3"] .fe{outline:1.5px solid var(--acc);outline-offset:3px}.scene[data-s="3"] .fe:after{opacity:1}.scene[data-s="4"] .frame{transform:translate(-16%) scale(.82)}.cur{position:absolute;width:18px;height:18px;border-radius:50%;background:var(--ink);border:3px solid var(--bg);box-shadow:0 0 0 1.5px var(--ink);left:calc(84% - var(--p)*70%);top:calc(88% - var(--p)*38%);opacity:0;transition:opacity .3s}.scene[data-s="2"] .cur{opacity:1}.heat{position:absolute;width:26%;height:30%;border-radius:50%;background:radial-gradient(circle,var(--pt2),transparent 68%);opacity:0;transition:opacity .5s}.heat.a{left:0;top:36%}.heat.b{left:58%;top:12%}.scene[data-s="5"] .heat{opacity:.75;animation:hp 2s ease-in-out infinite}@keyframes hp{50%{transform:scale(1.18)}}.notes b{position:absolute;left:var(--x);top:var(--y);max-width:38%;padding:14px 16px;border-radius:6px;font-weight:600;font-size:15px;line-height:1.25;color:#2a2200;background:#ffd966;box-shadow:0 12px 24px -12px #00000080;transform:rotate(var(--r)) scale(clamp(.6,calc(.6 + (var(--p)*6 - var(--k))*.4),1));opacity:clamp(0,calc(var(--p)*6 - var(--k)),1);transition:opacity .4s,transform .4s}.scene:not([data-s="0"]) .notes b{opacity:0;transform:translateY(-24px) rotate(var(--r)) scale(.7)}.code{position:absolute;right:0;top:8%;width:54%;margin:0;padding:18px 16px;border-radius:16px;background:var(--ink);color:var(--bg);font:13px/1.9 ui-monospace,Menlo,Consolas,monospace;opacity:0;transform:translate(40px);transition:opacity .5s,transform .6s cubic-bezier(.2,.8,.2,1)}.scene[data-s="4"] .code{opacity:1;transform:none}.code code{display:block;white-space:pre;overflow:hidden;clip-path:inset(0 calc((1 - clamp(0,calc(var(--p)*7 - var(--k)),1))*100%) 0 0)}.checks span{position:absolute;right:3%;bottom:calc(5% + var(--k)*13%);padding:8px 14px;border-radius:999px;background:var(--acc);color:var(--on-acc);font-weight:600;font-size:14px;opacity:0;transform:translateY(10px);transition:opacity .4s,transform .4s}.scene[data-s="5"] .checks span{opacity:clamp(0,calc(var(--p)*4 - var(--k)),1);transform:none}@media(max-width:760px){.ps{grid-template-columns:1fr;gap:14px}.ptext p{min-height:0;font-size:15px}.ptext h3{font-size:34px}.scene{max-height:40svh}.hint{display:none}#dots{margin:12px 0 0}.notes b{font-size:12px;padding:8px 10px}}@media(prefers-reduced-motion:reduce){.scene[data-s="5"] .heat,.ptext.sw{animation:none}}.scene{perspective:1100px;isolation:isolate;--halo:color-mix(in srgb,var(--pt) 50%,transparent)}.scene:before{content:"";position:absolute;inset:-14%;z-index:-1;background:radial-gradient(closest-side,var(--halo),transparent);filter:blur(34px);opacity:.6}.scene[data-s="1"]{--halo:color-mix(in srgb,var(--mute) 45%,transparent)}.scene[data-s="2"],.scene[data-s="5"]{--halo:color-mix(in srgb,var(--pt2) 50%,transparent)}.frame{transform-style:preserve-3d;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:0 40px 80px -40px #00000073;transform:rotateX(calc(5deg - var(--py,0)*8deg)) rotateY(calc(-12deg + var(--p)*8deg + var(--px,0)*10deg))}.scene[data-s="4"] .frame{transform:translate(-16%) scale(.82) rotateX(calc(5deg - var(--py,0)*8deg)) rotateY(calc(-12deg + var(--p)*8deg + var(--px,0)*10deg))}.fe{transition:background .5s,border-color .5s,opacity .5s,outline-color .5s,transform .8s cubic-bezier(.2,.8,.2,1)}.bar{--z:14px}.h{--z:52px}.btn{--z:84px}.img{--z:38px}.c1,.c2,.c3{--z:24px}.scene[data-s="3"] .fe{transform:translateZ(var(--z,30px))}.bar:before{content:"";position:absolute;left:3%;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--mute);box-shadow:12px 0 var(--mute),24px 0 var(--mute)}.frame:after{content:"";position:absolute;left:0;right:0;top:calc(var(--p)*100%);height:2px;background:linear-gradient(90deg,transparent,var(--acc),transparent);box-shadow:0 0 18px var(--acc);opacity:0;transition:opacity .4s;transform:translateZ(90px)}.scene[data-s="1"] .frame:after,.scene[data-s="5"] .frame:after{opacity:1}.ptext>*{position:relative}.ptext:before{content:attr(data-n);position:absolute;left:-.04em;top:-.42em;font-size:clamp(150px,21vw,290px);font-weight:800;letter-spacing:-.06em;line-height:1;color:transparent;-webkit-text-stroke:1.5px var(--line);pointer-events:none}.ptext h3 span{display:inline-block;animation:ch .6s cubic-bezier(.2,.8,.2,1) both;animation-delay:calc(var(--i)*40ms)}@keyframes ch{0%{opacity:0;transform:translateY(70%) rotate(10deg)}}#dots i{cursor:pointer;height:6px}#dots i:hover{background:var(--acc)}@media(prefers-reduced-motion:reduce){.ptext h3 span{animation:none}}.scene{perspective:1300px;isolation:isolate}.scene:before{content:"";position:absolute;inset:-14%;z-index:-1;border-radius:50%;background:conic-gradient(from calc(var(--si,0)*60deg + var(--p)*60deg),var(--pt),var(--pt2),var(--pt));filter:blur(80px);opacity:.3;transition:opacity .6s}.frame{transform-style:preserve-3d;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:color-mix(in srgb,var(--bg) 88%,transparent);box-shadow:0 40px 80px -30px #00000073;transform:rotateX(calc(6deg + var(--ty,0)*-8deg)) rotateY(calc(-12deg + var(--tx,0)*14deg))}.fe{transition:background .5s,border-color .5s,opacity .5s,outline-color .5s,transform .8s cubic-bezier(.2,.8,.2,1),box-shadow .4s}.scene[data-s="1"] .frame,.scene[data-s="3"] .frame{background-image:linear-gradient(var(--line) 1px,transparent 1px),linear-gradient(90deg,var(--line) 1px,transparent 1px);background-size:8.33% 11.1%}.scene .bar{--z:10px}.scene .h{--z:60px}.scene .btn{--z:95px}.scene .img{--z:35px}.scene .c2{--z:75px}.scene .c1,.scene .c3{--z:30px}.scene[data-s="3"] .frame{transform:rotateX(10deg) rotateY(calc(-28deg + var(--tx,0)*14deg))}.scene[data-s="3"] .fe{transform:translateZ(var(--z))}.scene[data-s="2"] .btn{box-shadow:0 0 0 calc(var(--p)*var(--p)*16px) color-mix(in srgb,var(--acc) 28%,transparent)}.scene[data-s="4"] .frame{transform:translate(-16%) scale(.82) rotateY(calc(-10deg + var(--tx,0)*10deg))}.frame:after{content:"";position:absolute;left:0;right:0;top:calc(var(--p)*100%);height:3px;background:linear-gradient(90deg,transparent,var(--pt2),transparent);box-shadow:0 0 26px var(--pt2);opacity:0;transition:opacity .4s}.scene[data-s="5"] .frame:after{opacity:1}.ptext{position:relative}.ptext:before{content:attr(data-n);position:absolute;right:0;top:-64px;z-index:-1;font-size:clamp(120px,15vw,210px);font-weight:800;line-height:1;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1.5px var(--line);pointer-events:none}.ptext h3{background:linear-gradient(90deg,var(--pt),var(--pt2));-webkit-background-clip:text;background-clip:text;color:transparent}@media(max-width:760px){.ptext:before{font-size:110px;top:-30px}}.sk.wide{grid-column:1/-1}.tg{display:grid;grid-template-columns:repeat(auto-fill,minmax(88px,1fr));gap:18px 12px}.tool{display:grid;justify-items:center;gap:9px;text-align:center;font-size:13px}.tool em{font-style:normal;color:var(--mute);line-height:1.2;transition:color .2s}.ti{width:58px;height:58px;border-radius:17px;display:grid;place-items:center;font-weight:800;font-size:19px;letter-spacing:-.03em;box-shadow:0 10px 22px -10px #00000080,inset 0 1px #ffffff2e;transition:transform .25s cubic-bezier(.2,.8,.2,1)}.ti svg{height:30px;width:auto}.tool:hover .ti{transform:translateY(-7px) rotate(-6deg) scale(1.07)}.tool:hover em{color:var(--ink)}.ul{list-style:none;margin:0;padding:0}.ul li{position:relative;padding:11px 0 11px 24px;border-top:1px solid var(--line)}.ul li:before{content:"";position:absolute;left:2px;top:50%;width:8px;height:8px;margin-top:-4px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--pt),var(--pt2))}.sk.ai .ul{-moz-columns:2;columns:2;-moz-column-gap:36px;column-gap:36px}.sk.ai .ul li{-moz-column-break-inside:avoid;break-inside:avoid}@media(max-width:760px){.aig{grid-template-columns:1fr}#stage{display:none}.sk.ai .ul{-moz-columns:1;columns:1}}button.btn{font:inherit;cursor:pointer;color:var(--ink)}button.btn.p{color:var(--on-acc)}.rbtn{font:inherit;font-size:14px;font-weight:600;padding:7px 16px;border-radius:999px;border:1px solid var(--acc);background:var(--acc);color:var(--on-acc);cursor:pointer}.links .btn{margin-right:6px}body:before{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(60vmax 50vmax at 88% -8%,color-mix(in srgb,var(--pt) 17%,transparent),transparent 60%),radial-gradient(50vmax 42vmax at -8% 72%,color-mix(in srgb,var(--pt2) 13%,transparent),transparent 60%)}body:after{content:"";position:fixed;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/64px 64px,linear-gradient(90deg,color-mix(in srgb,var(--ink) 6%,transparent) 1px,transparent 1px) 0 0/64px 64px;-webkit-mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000,transparent);mask-image:radial-gradient(ellipse 80% 70% at 50% 35%,#000,transparent)}main{counter-reset:sec}main>section{counter-increment:sec}#top{counter-increment:none}main>section:nth-of-type(2n):not(#process){background:linear-gradient(180deg,transparent,color-mix(in srgb,var(--acc) 6%,transparent),transparent)}main h2:before{content:counter(sec,decimal-leading-zero) "  /";display:block;margin-bottom:14px;font-size:14px;font-weight:600;letter-spacing:.16em;color:var(--acc)}.feat a,.sk,.facts,.aic{box-shadow:0 28px 50px -36px #0006}.marquee{position:relative;z-index:1;overflow:hidden;border-block:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);padding:20px 0}.marquee div{display:flex;width:-moz-max-content;width:max-content;animation:mq 40s linear infinite;font-size:clamp(20px,3vw,34px);font-weight:600;letter-spacing:-.02em;white-space:nowrap}.marquee span:after{content:"✦";margin:0 40px;color:var(--acc)}@keyframes mq{to{transform:translate(-50%)}}@media(prefers-reduced-motion:reduce){.marquee div{animation:none}}.pt h2{font-size:clamp(26px,3.4vw,40px);margin-bottom:22px}.pt h2:before{margin-bottom:10px}.ptext{background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:24px;padding:clamp(22px,3vw,34px);box-shadow:0 30px 60px -40px #00000073}.ptext:before{content:none}.ptext h3{font-size:clamp(34px,4.2vw,54px);margin:8px 0 14px}.ptext p{min-height:0;margin-bottom:20px}.rail{list-style:none;margin:20px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:4px 18px}.rail li{display:flex;align-items:center;gap:10px;padding:5px 0;color:var(--mute);font-size:15px;opacity:.55;transition:opacity .3s,color .3s}.rail li span{flex:none;width:24px;height:24px;border-radius:50%;border:1px solid var(--line);display:grid;place-items:center;font-size:12px;transition:background .3s,color .3s}.rail li.done{opacity:.85}.rail li.on{opacity:1;color:var(--ink);font-weight:600}.rail li.on span{background:var(--acc);color:var(--on-acc);border-color:var(--acc)}#dots,.hint{display:none}@media(max-width:760px){.rail{display:none}#dots{display:flex;margin:12px 0 0}.ps{gap:12px}.scene{order:-1;max-height:32svh}.pt h2{font-size:24px;margin-bottom:10px}.pt h2:before{display:none}.ptext{padding:16px;border-radius:18px}.ptext h3{font-size:30px;margin:4px 0 8px}.ptext p{font-size:15px;margin-bottom:12px}}:root{--ok:#15803d}@media(prefers-color-scheme:dark){:root:not([data-theme=light]){--ok:#4ade80}}:root[data-theme=dark]{--ok:#4ade80}.wk-tabs{display:inline-flex;flex-wrap:wrap;gap:6px;padding:6px;border:1px solid var(--line);border-radius:999px;background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-bottom:12px}.wk-tabs button{font:inherit;font-weight:600;color:var(--mute);background:none;border:0;padding:9px 18px;border-radius:999px;cursor:pointer;transition:background .25s,color .25s}.wk-tabs button:hover{color:var(--ink)}.wk-tabs button.on{background:var(--acc);color:var(--on-acc)}.wk-tabs sup{margin-left:6px;font-size:12px;opacity:.75}.wk-h{font-size:clamp(24px,3vw,34px);margin:44px 0 18px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}.wk-h small{font-size:15px;font-weight:400;color:var(--mute);letter-spacing:0}.wk-apps,.wk-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.badge{display:inline-flex;align-items:center;gap:8px;padding:4px 12px;border-radius:999px;font-size:13px;font-weight:600;color:var(--ok);background:color-mix(in srgb,var(--ok) 14%,transparent)}.badge i{width:8px;height:8px;border-radius:50%;background:currentColor;animation:ping 2s ease-out infinite}.badge.st{color:var(--mute);background:color-mix(in srgb,var(--mute) 16%,transparent)}.badge.st i{animation:none}@keyframes ping{0%{box-shadow:0 0 color-mix(in srgb,currentColor 55%,transparent)}to{box-shadow:0 0 0 9px transparent}}.wk-app{position:relative;overflow:hidden;display:grid;grid-template-columns:auto 1fr;gap:clamp(18px,3vw,32px);align-items:center;padding:clamp(20px,3vw,32px);border-radius:28px;border:1px solid color-mix(in srgb,var(--acc) 45%,var(--line));background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:transform .3s,border-color .3s}.wk-app:before{content:"";position:absolute;inset:auto -20% -50% auto;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,color-mix(in srgb,var(--g1) 30%,transparent),transparent 65%);pointer-events:none}.wk-app:hover,.wk-card:hover{transform:translateY(-6px);border-color:var(--acc)}.wk-app h3{font-size:clamp(28px,3.4vw,40px);margin:14px 0 4px}.wk-app p,.wk-card p{margin:10px 0 14px;color:var(--mute)}.wk-app .rl,.wk-card .rl{color:var(--mute)}.phone{position:relative;width:clamp(96px,12vw,136px);aspect-ratio:9/18.5;border:5px solid var(--ink);border-radius:26px;overflow:hidden;background:var(--ink);box-shadow:0 24px 40px -18px #00000080;transform:rotate(-5deg);transition:transform .4s}.wk-app:hover .phone{transform:rotate(0) scale(1.05)}.phone .notch{position:absolute;z-index:2;top:5px;left:50%;width:34%;height:6px;margin-left:-17%;border-radius:4px;background:var(--ink)}.scr{position:absolute;inset:0;padding:22px 9px 9px;display:grid;gap:6px;align-content:start;background:linear-gradient(160deg,var(--g1),var(--g2))}.scr b{display:block;height:16%;border-radius:8px;background:#ffffffe0}.scr b:nth-child(2){height:11%;width:70%;background:#ffffff8c}.scr b:nth-child(3){height:22%}.scr em{height:12%;border-radius:999px;background:#fffffff2;margin-top:4px}.wk-card{display:grid;gap:18px;padding:16px;border-radius:24px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:transform .3s,border-color .3s}.wk-card h3{font-size:clamp(24px,2.6vw,30px);margin:12px 0 2px}.bw{border:1px solid var(--line);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--bg) 80%,transparent)}.bb{display:flex;align-items:center;gap:6px;padding:9px 12px;border-bottom:1px solid var(--line)}.bb i{width:9px;height:9px;border-radius:50%;background:var(--line)}.bb i:nth-child(1){background:#ff6a5f}.bb i:nth-child(2){background:#ffbd2e}.bb i:nth-child(3){background:#28c840}.bb span{margin-left:10px;flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;padding:3px 12px;border-radius:999px;background:var(--line);font-size:12px;color:var(--mute)}.bd{display:grid;grid-template-columns:2fr 1fr;gap:8px;padding:14px;height:110px}.bd b{border-radius:8px;background:color-mix(in srgb,var(--acc) 16%,transparent)}.bd b:first-child{grid-row:span 2;background:linear-gradient(135deg,var(--pt),var(--pt2));opacity:.85}.wk-more{margin-top:22px}.wk-fig{margin-top:44px}@media(max-width:760px){.wk-apps,.wk-grid{grid-template-columns:1fr}.wk-app{grid-template-columns:auto 1fr;gap:16px;padding:18px}.phone{width:84px}.wk-tabs{border-radius:22px}}@media(prefers-reduced-motion:reduce){.badge i{animation:none}}.lg{display:grid;place-items:center;height:27%;border-radius:14px;background:#fffffff5;overflow:hidden}.lg img{max-width:80%;max-height:72%;-o-object-fit:contain;object-fit:contain}.lg strong{font-size:20px;font-weight:800;letter-spacing:-.04em;color:var(--g1)}.mockup{display:block;width:clamp(120px,15vw,190px);height:auto;filter:drop-shadow(0 26px 28px rgba(0,0,0,.35));transform:rotate(-4deg);transition:transform .4s cubic-bezier(.2,.8,.2,1)}.wk-app:hover .mockup{transform:rotate(0) translateY(-6px) scale(1.04)}@media(max-width:760px){.mockup{width:96px}}:root[data-theme=dark]{color-scheme:dark}:root[data-theme=light]{color-scheme:light}header nav{margin-right:0}.tt{flex:none;width:40px;height:40px;margin-left:clamp(12px,2vw,24px);border-radius:50%;border:1px solid var(--line);background:var(--panel);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:border-color .2s,transform .3s,color .2s}.tt:hover{border-color:var(--acc);color:var(--acc);transform:rotate(20deg)}body,header,.sk,.facts,.aic,.wk-card,.wk-app,.ptext,.marquee{transition:background-color .35s,color .35s,border-color .35s}:root[data-theme=dark]{--panel:rgba(255,255,255,.06);--line:rgba(255,255,255,.14);--ink:#f4f5ff;--mute:#aeb3da}:root[data-theme=dark] body:before{inset:-12%;animation:orb 26s ease-in-out infinite alternate;background:radial-gradient(48vmax 40vmax at 85% -5%,rgba(141,140,255,.4),transparent 62%),radial-gradient(44vmax 38vmax at -5% 60%,rgba(255,122,168,.32),transparent 62%),radial-gradient(40vmax 34vmax at 70% 95%,rgba(56,189,248,.26),transparent 62%)}@keyframes orb{to{transform:translate3d(3%,-2%,0) scale(1.08)}}@media(prefers-reduced-motion:reduce){:root[data-theme=dark] body:before{animation:none}}:root[data-theme=dark] :where(header,.facts,.feat a,.sk,.aic,.ptext,.wk-card,.wk-app,.marquee,.wk-tabs,.tt,.btn:not(.p),.live,.bw,footer){-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff3d,0 26px 50px -26px #000000b3;background-image:linear-gradient(135deg,#ffffff21,#ffffff05 55%)}:root[data-theme=dark] :where(.feat a,.sk,.facts,.aic){background-image:radial-gradient(340px circle at var(--mx,-200px) var(--my,-200px),rgba(255,255,255,.18),transparent 70%),linear-gradient(135deg,#ffffff21,#ffffff05 55%)}:root[data-theme=dark] header{box-shadow:inset 0 -1px #ffffff1a}:root[data-theme=dark] footer{box-shadow:inset 0 1px #ffffff1a}:root[data-theme=dark] .aic.me{border-color:var(--acc)}:root[data-theme=dark] .wk-app{border-color:#fff3}:root[data-theme=dark] .frame{background-color:#ffffff12;border-color:#fff3;box-shadow:inset 0 1px #ffffff40,0 40px 80px -30px #000000b3}:root[data-theme=dark] .chips span{background:#ffffff0f;border-color:#ffffff29}:root[data-theme=dark] .chips span:hover{background:var(--acc);border-color:var(--acc)}:root[data-theme=dark] .bw{background:#ffffff0a}:root[data-theme=dark] .tool .ti{box-shadow:0 12px 24px -10px #000000b3,inset 0 1px #ffffff4d}:root[data-theme=dark] .row{border-bottom-color:#ffffff1f}:root[data-theme=dark] .list{border-top-color:#ffffff1f}.wk-fig{margin:0 0 30px}.notes b{position:absolute;color:#241b3d;background:linear-gradient(135deg,var(--c1,#ffe27a),var(--c2,#ffb86b));border:1px solid rgba(255,255,255,.55);box-shadow:0 16px 30px -14px color-mix(in srgb,var(--c2,#ffb86b) 70%,#000),inset 0 1px #ffffffb3;overflow:hidden;animation:bob 5.5s ease-in-out infinite;animation-delay:calc(var(--k)*-1.1s)}.notes b:before{content:"";position:absolute;inset:0;background:linear-gradient(115deg,#ffffff8c,#fff0 42%);pointer-events:none}.notes b:after{content:"";position:absolute;right:0;bottom:0;width:18px;height:18px;background:linear-gradient(135deg,transparent 50%,rgba(0,0,0,.16) 50%);pointer-events:none}@keyframes bob{50%{translate:0 -7px}}@media(prefers-reduced-motion:reduce){.notes b{animation:none}}#gl{opacity:.75}#top{position:relative;align-items:center;padding-top:calc(104px + env(safe-area-inset-top,0px));padding-bottom:clamp(60px,8vw,100px)}#top .wrap{max-width:1280px}.hero{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(24px,5vw,72px);align-items:center}#top h1{font-size:clamp(48px,8.6vw,128px);margin:18px 0 6px}#top h1 span:nth-child(2) i{background:linear-gradient(90deg,var(--pt),var(--pt2));-webkit-background-clip:text;background-clip:text;color:transparent}.rotline{margin:14px 0 0;font-size:clamp(22px,3vw,38px);font-weight:300;letter-spacing:-.02em;display:flex;gap:.35em;align-items:flex-end}.rot{display:inline-block;height:1.25em;overflow:hidden;font-weight:800}.rot>span{display:block;animation:rotw 9s cubic-bezier(.7,0,.2,1) infinite}.rot b{display:block;height:1.25em;line-height:1.25;background:linear-gradient(90deg,var(--pt),var(--pt2));-webkit-background-clip:text;background-clip:text;color:transparent}@keyframes rotw{0%,20%{transform:none}25%,45%{transform:translateY(-1.25em)}50%,70%{transform:translateY(-2.5em)}75%,95%{transform:translateY(-3.75em)}to{transform:translateY(-5em)}}#top .role{margin:22px 0 6px;max-width:none}#top .tag{margin-bottom:28px}.stats{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}.stats div{display:grid;padding:14px 20px;border:1px solid var(--line);border-radius:18px;background:var(--panel);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.stats strong{font-size:34px;font-weight:800;letter-spacing:-.04em;line-height:1;background:linear-gradient(90deg,var(--pt),var(--pt2));-webkit-background-clip:text;background-clip:text;color:transparent}.stats span{color:var(--mute);font-size:14px}.hero-art{position:relative;width:min(100%,540px);aspect-ratio:1;margin:0 auto;transform:perspective(1000px) rotateY(calc(var(--hx,0)*12deg)) rotateX(calc(var(--hy,0)*-12deg));transition:transform .5s cubic-bezier(.2,.8,.2,1)}.hero-art:before{content:"";position:absolute;inset:8%;border-radius:50%;background:conic-gradient(from 90deg,var(--pt),var(--pt2),var(--pt));filter:blur(70px);opacity:.35}.orb{position:absolute;border-radius:50%;animation:spin 28s linear infinite}.o1{inset:22%}.o2{inset:2%;animation-duration:40s}.rv{animation-direction:reverse}.ring{position:absolute;inset:0;border-radius:50%;border:1px dashed var(--line)}.ot{position:absolute;inset:0;transform:rotate(var(--a))}.oi{position:absolute;top:0;left:50%;width:46px;height:46px;margin:-23px 0 0 -23px;border-radius:14px;display:grid;place-items:center;font-weight:800;font-size:15px;rotate:calc(var(--a)*-1);animation:spin 28s linear infinite reverse;box-shadow:0 12px 24px -10px #0009,inset 0 1px #ffffff4d}.oi svg{height:24px;width:auto}.o2 .oi{animation-duration:40s;animation-direction:normal}@keyframes spin{to{transform:rotate(360deg)}}.pf{position:absolute;inset:33%;border-radius:50%}.pf:before{content:"";position:absolute;inset:-7px;border-radius:50%;background:conic-gradient(var(--pt),var(--pt2),var(--pt));animation:spin 9s linear infinite}.pf img{position:relative;display:block;width:100%;height:100%;border-radius:50%;-o-object-fit:cover;object-fit:cover;border:4px solid var(--bg)}.fc{position:absolute;padding:10px 16px;border-radius:16px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);font-size:14px;font-weight:600;box-shadow:0 20px 40px -22px #0009;animation:bob 6s ease-in-out infinite}.fc1{top:4%;right:-2%;max-width:200px;line-height:1.3}.fc2{bottom:8%;left:0;animation-delay:-3s}.cue{position:absolute;left:50%;bottom:22px;width:24px;height:38px;margin-left:-12px;border:2px solid var(--mute);border-radius:14px;opacity:.7}.cue i{position:absolute;left:50%;top:7px;width:3px;height:7px;margin-left:-1.5px;border-radius:2px;background:var(--mute);animation:cue 1.8s ease-in-out infinite}@keyframes cue{60%{transform:translateY(12px);opacity:0}}@media(max-width:900px){.hero{grid-template-columns:1fr}.hero-art{width:min(100%,380px)}.oi{width:36px;height:36px;margin:-18px 0 0 -18px;font-size:12px}.oi svg{height:19px}.fc1{right:0;font-size:12px;max-width:150px}.cue{display:none}}@media(prefers-reduced-motion:reduce){.orb,.oi,.me:before,.fc,.rot>span,.cue i{animation:none}.hero-art{transition:none}}.rotline{display:grid;gap:0;margin:18px 0 0;font-size:clamp(28px,3.8vw,48px);line-height:1.25;font-weight:300;letter-spacing:-.025em}.rl1{display:flex;align-items:flex-start;gap:.28em}.rl2{display:block}section{padding-block:clamp(40px,6vw,84px)}h2{margin-bottom:clamp(22px,4vw,40px)}@media(max-width:760px){section{padding-block:36px}}.flow{list-style:none;margin:0 0 20px;padding:0;display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.flow li{position:relative;padding:22px;border-radius:22px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 26px 46px -34px #00000073}.flow li:not(:last-child):after{content:"→";position:absolute;right:-17px;top:50%;width:26px;height:26px;margin-top:-13px;display:grid;place-items:center;border-radius:50%;background:var(--bg);border:1px solid var(--line);font-size:13px;z-index:1}.flow .ai{border-color:var(--acc)}.who{display:inline-block;padding:3px 12px;border-radius:999px;font-size:13px;font-weight:600;background:color-mix(in srgb,var(--acc) 16%,transparent);color:var(--acc)}.flow .ai .who{background:linear-gradient(90deg,var(--pt),var(--pt2));color:#fff}.flow h4{margin:14px 0 6px;font-size:21px;font-weight:800;letter-spacing:-.02em;line-height:1.15}.flow p{margin:0;color:var(--mute);font-size:15px;line-height:1.5}.aic ul{list-style:none;padding:0}.aic li{position:relative;padding-left:24px}.aic li:before{content:"";position:absolute;left:2px;top:.62em;width:8px;height:8px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--pt),var(--pt2))}@media(max-width:900px){.flow{grid-template-columns:1fr 1fr}.flow li:after{display:none}}@media(max-width:560px){.flow{grid-template-columns:1fr}}section{padding-block:clamp(32px,5vw,64px)}#ai{padding-bottom:16px}#process.pin{margin-top:-80px;margin-bottom:-60px}.sticky{padding-top:calc(72px + env(safe-area-inset-top,0px));padding-bottom:12px}@media(max-width:760px){section{padding-block:28px}#process.pin{margin-top:-40px;margin-bottom:-30px}}section{padding-block:clamp(24px,3.6vw,48px)}h2{margin-bottom:clamp(18px,2.6vw,30px)}#top{padding-bottom:clamp(36px,5vw,64px)}#ai{padding-bottom:12px}.wk-h{margin:30px 0 14px}.wk-fig{margin:0 0 20px}.wk-more{margin-top:16px}.mail{margin-bottom:24px}.sticky{padding-top:calc(68px + env(safe-area-inset-top,0px))}@media(max-width:760px){section{padding-block:20px}}.xp{display:grid}.xj{display:grid;grid-template-columns:170px 28px minmax(0,1fr);gap:0 22px;padding-bottom:18px}.xd{display:grid;gap:4px;align-content:start;text-align:right;padding-top:26px}.xd time{color:var(--acc);font-weight:600}.xd span{color:var(--mute);font-size:15px}.rail{position:relative}.rail:before{content:"";position:absolute;left:50%;top:0;bottom:-18px;width:2px;margin-left:-1px;background:linear-gradient(var(--acc),var(--line) 55%)}.xj:last-child .rail:before{bottom:auto;height:36px}.rail i{position:absolute;left:50%;top:30px;width:14px;height:14px;margin-left:-7px;border-radius:50%;background:var(--bg);border:2px solid var(--acc);z-index:1}.xj.now .rail i{background:var(--acc);box-shadow:0 0 0 6px color-mix(in srgb,var(--acc) 25%,transparent)}.xc{padding:clamp(20px,2.6vw,30px);border-radius:24px;border:1px solid var(--line);background:var(--panel);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 26px 46px -34px #00000073;background-image:radial-gradient(340px circle at var(--mx,-200px) var(--my,-200px),color-mix(in srgb,var(--acc) 20%,transparent),transparent 70%);transition:transform .3s,border-color .3s}.xc:hover{transform:translateY(-4px);border-color:var(--acc)}.xc h3{font-size:clamp(26px,3.2vw,38px);margin:10px 0 4px}.xc .badge{margin-bottom:2px}.xc .rl{color:var(--mute);margin-bottom:14px}.xb{list-style:none;margin:0 0 16px;padding:0;max-width:70ch}.xb li{position:relative;padding:5px 0 5px 22px}.xb li:before{content:"";position:absolute;left:2px;top:.85em;width:7px;height:7px;border-radius:2px;transform:rotate(45deg);background:linear-gradient(135deg,var(--pt),var(--pt2))}:root[data-theme=dark] .xc{-webkit-backdrop-filter:blur(22px) saturate(170%);backdrop-filter:blur(22px) saturate(170%);border-color:#ffffff29;box-shadow:inset 0 1px #ffffff3d,0 26px 50px -26px #000000b3;background-image:radial-gradient(340px circle at var(--mx,-200px) var(--my,-200px),rgba(255,255,255,.18),transparent 70%),linear-gradient(135deg,#ffffff21,#ffffff05 55%)}:root[data-theme=dark] .xc:hover{border-color:var(--acc)}@media(max-width:760px){.xj{grid-template-columns:1fr;gap:6px}.xd{text-align:left;grid-auto-flow:column;justify-content:start;gap:12px;padding:0}.rail{display:none}}.xj{grid-template-columns:200px 28px minmax(0,1fr)}.rail:before{background:var(--line)}.xj.now .rail:before{background:linear-gradient(var(--acc),var(--line))}