.screen-takeover{--grad:linear-gradient(100deg,var(--color-orange),var(--color-teal),var(--color-blue));--mono:var(--font-mono,"Space Mono",monospace);--e:cubic-bezier(0.22,0.9,0.28,1);--pad:clamp(24px,5vw,72px);position:fixed;inset:0;z-index:10010;background:#000;color:#fff;visibility:hidden;clip-path:circle(0 at 50% 50%)}.screen-takeover.on{visibility:visible}.screen-takeover .bg{position:absolute;inset:0;z-index:0;opacity:0;transition:opacity .8s .2s}.screen-takeover.revealed .bg.active{opacity:.5}.screen-takeover .bg-mesh{--tk-glow:color-mix(in oklab,var(--tk-key,transparent) 48%,transparent 52%);background:radial-gradient(62% 58% at 50% 38%,var(--tk-glow),transparent 70%),radial-gradient(40% 40% at 20% 30%,rgba(249,115,22,.5),transparent 70%),radial-gradient(45% 45% at 80% 25%,rgba(59,130,246,.5),transparent 70%),radial-gradient(50% 50% at 55% 85%,rgba(20,184,166,.5),transparent 70%);filter:blur(50px);animation:tkMeshDrift 16s var(--e) infinite alternate}@keyframes tkMeshDrift{to{transform:translate3d(6%,-4%,0) scale(1.15) rotate(6deg)}}.screen-takeover .bg-grid:before{content:"";position:absolute;left:-25%;right:-25%;bottom:-10%;height:130%;background-image:linear-gradient(rgba(255,255,255,.14) 1px,transparent 0),linear-gradient(90deg,rgba(255,255,255,.14) 1px,transparent 0);background-size:44px 44px;transform:perspective(600px) rotateX(66deg);transform-origin:bottom;-webkit-mask-image:linear-gradient(transparent,#000 40%);mask-image:linear-gradient(transparent,#000 40%);animation:tkGridRun 5s linear infinite}@keyframes tkGridRun{to{background-position:0 44px}}.screen-takeover .bg-orbs .orb{position:absolute;border-radius:50%;filter:blur(34px);opacity:.6}.screen-takeover .bg-orbs .o1{width:40vw;height:40vw;left:8%;top:18%;background:radial-gradient(circle,var(--color-orange),transparent 65%);animation:tkOrbit 24s linear infinite}.screen-takeover .bg-orbs .o2{width:34vw;height:34vw;right:6%;top:28%;background:radial-gradient(circle,var(--color-blue),transparent 65%);animation:tkOrbit 30s linear infinite reverse}.screen-takeover .bg-orbs .o3{width:30vw;height:30vw;left:42%;bottom:2%;background:radial-gradient(circle,var(--color-teal),transparent 65%);animation:tkOrbit 36s linear infinite}@keyframes tkOrbit{to{transform:rotate(1turn) translateX(6%)}}.screen-takeover .ghost-title{position:absolute;left:0;right:0;bottom:-4vh;text-align:center;font-size:24vw;font-weight:700;letter-spacing:-.06em;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.05);white-space:nowrap;z-index:1;pointer-events:none;user-select:none;opacity:0;transition:opacity .8s .3s}.screen-takeover.revealed .ghost-title{opacity:1}.screen-takeover .to-nav{position:absolute;top:20px;left:0;right:0;z-index:7;display:flex;align-items:center;justify-content:space-between;padding:12px var(--pad);opacity:0;transition:opacity .5s .4s;background:linear-gradient(rgba(0,0,0,.5),transparent)}.screen-takeover.revealed .to-nav{opacity:1}.screen-takeover .to-nav .brand{font-weight:700;letter-spacing:-.04em;text-shadow:0 1px 12px #000}.screen-takeover .navbtns{display:flex;gap:8px}.screen-takeover .btn{cursor:pointer;font-family:var(--mono);font-size:.66rem;letter-spacing:.14em;text-transform:uppercase;padding:9px 14px;border:1px solid rgba(255,255,255,.3);border-radius:100px;background:rgba(10,10,12,.5);color:#fff;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);min-height:38px}.screen-takeover .btn:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.screen-takeover .btn[hidden]{display:none}.screen-takeover .stage{position:absolute;inset:0;z-index:2;display:flex;align-items:center;justify-content:center;perspective:1500px;perspective-origin:50% 45%}.screen-takeover .scene{position:relative;width:min(1180px,92vw);height:min(80vh,760px);transform-style:preserve-3d;transition:transform .2s var(--e)}.screen-takeover .rig{position:absolute;inset:0;transform-style:preserve-3d;transition:transform .85s var(--e);transform:scale(.5) translateZ(-520px) rotateX(8deg)}.screen-takeover.revealed .rig{transform:none}.screen-takeover .rig.focusing{transition:transform .95s cubic-bezier(.32,1.28,.5,1)}.screen-takeover .tk-block{position:absolute;transition:opacity .55s var(--e),filter .55s var(--e)}.screen-takeover.focused .tk-block.dim{opacity:.12;filter:blur(18px) saturate(.6);pointer-events:none}.screen-takeover.focused .tk-block.active{opacity:1;filter:none;z-index:20}.screen-takeover .focus-scrim{position:absolute;inset:0;z-index:1;pointer-events:none;opacity:0;transition:opacity .55s var(--e);background:radial-gradient(closest-side at 50% 46%,transparent 22%,rgba(0,0,0,.55) 62%,rgba(0,0,0,.82))}.screen-takeover.revealed .focus-scrim{opacity:.4}.screen-takeover.focused .focus-scrim{opacity:1}.screen-takeover.focused .bg.active{opacity:.14}.screen-takeover.focused .ghost-title{opacity:.35}.screen-takeover .exit-hint{position:absolute;left:50%;bottom:24px;transform:translateX(-50%);z-index:9;font-family:var(--mono);font-size:.6rem;letter-spacing:.18em;text-transform:uppercase;opacity:0;transition:.3s;pointer-events:none}.screen-takeover.focused .exit-hint{opacity:.5}.screen-takeover .shot{border-radius:14px;overflow:hidden;border:1px solid rgba(255,255,255,.14);background:#0b0b0e;box-shadow:0 30px 80px rgba(0,0,0,.55);transform-style:preserve-3d;opacity:0;cursor:pointer}.screen-takeover.revealed .shot{opacity:1;transition:opacity .6s var(--e),transform .55s var(--e),box-shadow .4s}.screen-takeover .shot .bar{height:24px;display:flex;align-items:center;gap:6px;padding:0 12px;background:#141418;border-bottom:1px solid rgba(255,255,255,.08)}.screen-takeover .shot .bar i{width:7px;height:7px;border-radius:50%;background:#333}.screen-takeover .shot .bar .u{margin-left:10px;font-family:var(--mono);font-size:.54rem;letter-spacing:.1em;color:#666;white-space:nowrap}.screen-takeover .shot .art{height:calc(100% - 24px);position:relative}.screen-takeover .shot .art .shotimg{width:100%;height:100%;object-fit:cover;object-position:top center;display:block}.screen-takeover .shot .art .a2{position:absolute;inset:0;background:radial-gradient(120% 90% at 80% 110%,#000 8%,transparent 70%);pointer-events:none}.screen-takeover .shot.s1{width:44%;height:56%;left:3%;top:9%;transform:translateZ(40px) rotateY(9deg)}.screen-takeover .shot.s2{width:37%;height:46%;right:5%;top:6%;transform:translateZ(120px) rotateY(-11deg)}.screen-takeover .shot.s3{width:32%;height:40%;right:14%;bottom:5%;transform:translateZ(200px) rotateY(-6deg)}.screen-takeover.idle .shot:not(.active){animation:tkBob 8s var(--e) infinite alternate}.screen-takeover.idle .shot.s2{animation-duration:10s;animation-delay:-2s}.screen-takeover.idle .shot.s3{animation-duration:12s;animation-delay:-4s}@keyframes tkBob{to{transform:translateY(-14px)}}.screen-takeover .shot:hover:not(.active){transform:translateZ(240px) translateY(-10px) rotateY(0deg)!important;box-shadow:0 40px 90px rgba(0,0,0,.7);z-index:9}.screen-takeover .shot .ph{position:absolute;inset:0}.screen-takeover .shot.phone{border-radius:34px;border-width:2px}.screen-takeover .shot.phone .notch{height:28px;position:relative;display:flex;align-items:center;justify-content:center;background:#141418;border-bottom:1px solid rgba(255,255,255,.08)}.screen-takeover .shot.phone .notch .pill{width:34%;height:16px;border-radius:0 0 12px 12px;background:#0b0b0e}.screen-takeover .shot.phone .art{height:calc(100% - 28px)}.screen-takeover .shot.phone .art .shotimg{object-fit:cover;object-position:top center}.screen-takeover .shot.phone.s1{width:27%;aspect-ratio:9/19.5;height:auto;left:4%;top:8%;transform:translateZ(40px) rotateY(9deg)}.screen-takeover .shot.phone.s2{width:23%;aspect-ratio:9/19.5;height:auto;right:6%;top:4%;transform:translateZ(120px) rotateY(-11deg)}.screen-takeover .shot.phone.s3{width:19%;aspect-ratio:9/19.5;height:auto;right:18%;bottom:6%;transform:translateZ(200px) rotateY(-6deg)}.screen-takeover .flow{right:2%;top:6%;width:60%;height:74%;transform:translateZ(80px);z-index:3}.screen-takeover .flow>svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.screen-takeover .edge{fill:none;stroke:url(#tk-eg);stroke-width:.55;stroke-dasharray:2.4 2.4;opacity:0;transition:opacity .5s}.screen-takeover.revealed .edge{opacity:.85;animation:tkDash 1.1s linear infinite}@keyframes tkDash{to{stroke-dashoffset:-4.8}}.screen-takeover .packet{fill:#fff;opacity:0}.screen-takeover.revealed .packet{opacity:.95}.screen-takeover .node{position:absolute;transform:translate(-50%,-50%) scale(.6);opacity:0;display:flex;flex-direction:column;align-items:center;gap:7px;width:130px;text-align:center;cursor:pointer}.screen-takeover.revealed .node{opacity:1;transform:translate(-50%,-50%) scale(1);transition:transform .55s var(--e),opacity .5s var(--e)}.screen-takeover .node .chip{width:58px;height:58px;border-radius:16px;display:grid;place-items:center;background:rgba(12,12,16,.66);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:2px solid #444;position:relative}.screen-takeover .node .chip svg{width:26px;height:26px;fill:none;stroke:#fff;stroke-width:1.7}.screen-takeover .node .chip:after{content:"";position:absolute;inset:-6px;border-radius:20px;filter:blur(14px);opacity:.5;z-index:-1;background:currentColor}.screen-takeover .node.n-trigger .chip{border-color:var(--color-orange);color:var(--color-orange)}.screen-takeover .node.n-ai .chip{border-color:var(--color-teal);color:var(--color-teal)}.screen-takeover .node.n-integration .chip{border-color:var(--color-blue);color:var(--color-blue)}.screen-takeover .node.n-output .chip{border-color:#fff;color:#fff}.screen-takeover .node .lbl{font-size:.82rem;font-weight:600;line-height:1.1}.screen-takeover .node .typ{font-family:var(--mono);font-size:.52rem;letter-spacing:.16em;text-transform:uppercase;opacity:.5}.screen-takeover .node.step-on .chip{box-shadow:0 0 0 3px currentColor}.screen-takeover.idle .node .chip svg{animation:tkNodePulse 1.7s var(--e) infinite}@keyframes tkNodePulse{50%{transform:scale(1.16)}}.screen-takeover .desc{position:absolute;left:0;bottom:5%;width:42%;padding:26px 30px;background:rgba(8,8,10,.82);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid rgba(255,255,255,.12);border-radius:16px;transform:translateZ(280px) translateY(24px);opacity:0;z-index:5}.screen-takeover.revealed .desc{opacity:1;transform:translateZ(280px) translateY(0);transition:transform .7s .35s var(--e),opacity .6s .35s var(--e)}.screen-takeover.focused .desc{opacity:0;transform:translateZ(280px) translateY(24px);pointer-events:none;transition:.35s}.screen-takeover .desc .rule{width:70px;height:3px;background:var(--grad);border-radius:2px;margin-bottom:14px}.screen-takeover .desc .k{font-family:var(--mono);font-size:.64rem;letter-spacing:.22em;text-transform:uppercase;opacity:.6}.screen-takeover .desc h2{font-size:clamp(1.8rem,4vw,3rem);font-weight:700;letter-spacing:-.04em;line-height:.96;text-transform:uppercase;margin:10px 0}.screen-takeover .desc p{opacity:.75;line-height:1.55;font-size:.98rem;max-width:42ch}.screen-takeover .desc .meta{display:flex;flex-wrap:wrap;gap:14px 22px;margin-top:18px}.screen-takeover .desc .meta .m{font-family:var(--mono)}.screen-takeover .desc .meta .m b{display:block;font-size:1.5rem;font-weight:700;font-family:var(--font-grotesk,sans-serif)}.screen-takeover .desc .meta .m span{font-size:.56rem;letter-spacing:.14em;text-transform:uppercase;opacity:.55}.screen-takeover .detail{position:absolute;left:50%;bottom:7%;transform:translateX(-50%) translateY(18px);width:min(560px,80vw);z-index:8;padding:22px 26px;background:rgba(8,8,10,.88);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.14);border-radius:16px;opacity:0;pointer-events:none;transition:opacity .4s .2s var(--e),transform .4s .2s var(--e)}.screen-takeover.focused .detail{opacity:1;transform:translateX(-50%) translateY(0);pointer-events:auto}.screen-takeover .detail .dk{font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;text-transform:uppercase;opacity:.6}.screen-takeover .detail h3{font-size:1.5rem;letter-spacing:-.02em;margin:6px 0 8px}.screen-takeover .detail p{opacity:.8;line-height:1.55;font-size:.96rem}.screen-takeover .detail .io{display:flex;gap:10px;margin-top:14px;flex-wrap:wrap}.screen-takeover .detail .io span{font-family:var(--mono);font-size:.58rem;letter-spacing:.1em;padding:5px 10px;border-radius:100px;border:1px solid rgba(255,255,255,.18);opacity:.8}.screen-takeover .step-count{position:absolute;left:50%;top:76px;transform:translateX(-50%);z-index:8;font-family:var(--mono);font-size:.6rem;letter-spacing:.2em;opacity:0;transition:.3s}.screen-takeover.focused .step-count.show{opacity:.6}.screen-takeover .seg{position:absolute;left:50%;bottom:22px;transform:translateX(-50%);z-index:6;display:flex;gap:4px;padding:4px;background:rgba(10,10,12,.6);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);border-radius:100px;opacity:0;transition:opacity .5s .5s}.screen-takeover.revealed .seg{opacity:1}.screen-takeover.focused .seg{opacity:0;pointer-events:none;transition:.3s}.screen-takeover .seg .lbl{color:#666;padding:8px 8px 8px 14px}.screen-takeover .seg .lbl,.screen-takeover .seg button{font-family:var(--mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase}.screen-takeover .seg button{color:#aaa;background:transparent;border:0;padding:8px 13px;border-radius:100px;cursor:pointer;min-height:36px}.screen-takeover .seg button.active{color:#000;background:var(--grad);font-weight:700}.screen-takeover .seg button:focus-visible{outline:2px solid var(--color-orange);outline-offset:2px}.tk-flip-ghost{position:fixed;z-index:10011;margin:0;border-radius:20px;overflow:hidden;transform-origin:top left;will-change:transform,opacity;pointer-events:none;box-shadow:0 40px 120px rgba(0,0,0,.6)}@media (max-width:860px){.screen-takeover .desc{width:82%}.screen-takeover .flow{width:92%;right:4%}.screen-takeover .shot.s1{width:60%}.screen-takeover .shot.s2{width:52%}.screen-takeover .shot.s3{display:none}}@media (max-width:640px){.screen-takeover{--pad:14px}.screen-takeover .scene{width:94vw;height:84vh}.screen-takeover .shot.s1{width:80%;height:40%;left:3%;top:4%;transform:translateZ(30px) rotateY(6deg)}.screen-takeover .shot.s2{width:66%;height:34%;right:3%;top:26%;transform:translateZ(90px) rotateY(-8deg)}.screen-takeover .shot.s3{display:none}.screen-takeover .shot.phone.s1{width:46%;left:4%;top:6%;transform:translateZ(30px) rotateY(6deg)}.screen-takeover .shot.phone.s2{width:38%;right:5%;top:30%;transform:translateZ(90px) rotateY(-8deg)}.screen-takeover .shot.phone.s3{display:none}.screen-takeover .desc{width:94%;left:3%;bottom:3%;padding:16px 18px;transform:translateZ(120px) translateY(24px)}.screen-takeover.revealed .desc{transform:translateZ(120px) translateY(0)}.screen-takeover .desc h2{font-size:clamp(1.4rem,7vw,1.9rem);margin:6px 0}.screen-takeover .desc p{font-size:.84rem;line-height:1.45;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.screen-takeover .desc .meta{gap:10px 16px;margin-top:12px}.screen-takeover .desc .meta .m b{font-size:1.15rem}.screen-takeover .flow{width:96%;right:2%;top:3%;height:56%}.screen-takeover .node{width:88px;gap:5px}.screen-takeover .node .chip{width:44px;height:44px;border-radius:13px}.screen-takeover .node .chip svg{width:20px;height:20px}.screen-takeover .node .lbl{font-size:.68rem}.screen-takeover .node .typ{font-size:.46rem}.screen-takeover .to-nav{top:12px;padding:0 12px}.screen-takeover .navbtns{gap:6px}.screen-takeover .btn{padding:7px 10px;font-size:.56rem;letter-spacing:.1em;min-height:34px}.screen-takeover .detail{width:92vw;bottom:4%;padding:16px 18px}.screen-takeover .detail h3{font-size:1.25rem}.screen-takeover .detail p{font-size:.86rem}.screen-takeover .seg{bottom:10px;padding:3px}.screen-takeover .seg .lbl{display:none}.screen-takeover .seg button{padding:7px 10px}.screen-takeover .ghost-title{font-size:42vw}}@media (prefers-reduced-motion:reduce){.screen-takeover *{animation:none!important;transition:opacity .2s linear!important}.screen-takeover{clip-path:none!important}.screen-takeover .rig,.screen-takeover .scene{transform:none!important}.screen-takeover.focused .tk-block.dim{filter:none;opacity:.5}.screen-takeover .shot,.screen-takeover .shot:hover:not(.active){transform:none!important}.screen-takeover.idle .shot:not(.active){animation:none!important;transform:none!important}}