*{box-sizing:border-box}html{scroll-behavior:smooth}body{color:#14161a;-webkit-font-smoothing:antialiased;text-rendering:optimizelegibility;background:#f4f5f7;margin:0;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Helvetica Neue,Helvetica,Arial,sans-serif}a{color:#0b5fd6;text-decoration:none}a:hover{color:#084aa8}button{font:inherit}:focus-visible{outline-offset:3px;border-radius:8px;outline:3px solid #2f7bff}@keyframes wgRise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@keyframes wgPulse{0%,to{opacity:1}50%{opacity:.35}}@media (prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.page{min-height:100vh;overflow-x:hidden}.wrap{max-width:1160px;margin:0 auto;padding-left:clamp(20px,4vw,40px);padding-right:clamp(20px,4vw,40px)}.dot{border-radius:50%;flex:none;display:block}.pulse{animation:1.8s ease-in-out infinite wgPulse}.eyebrow{letter-spacing:.08em;text-transform:uppercase;color:#1462e0;font-size:13px;font-weight:600}.dark .eyebrow{color:#7fb0ff}.h2{letter-spacing:-.03em;text-wrap:balance;margin:0;font-size:clamp(32px,4.2vw,48px);font-weight:700;line-height:1.08}.lead{color:#4a505a;text-wrap:pretty;margin:0;font-size:17px;line-height:1.6}.muted{color:#5b616b}.note{color:#6a707a;margin:0;font-size:12.5px}.split{grid-template-columns:repeat(auto-fit,minmax(min(100%,400px),1fr));align-items:center;gap:clamp(40px,6vw,80px);display:grid}.stack{flex-direction:column;display:flex}.row{align-items:center;display:flex}.between{justify-content:space-between;gap:12px;display:flex}.header{z-index:20;-webkit-backdrop-filter:saturate(180%)blur(18px);background:#f4f5f7d1;border-bottom:1px solid #14161a12;position:sticky;top:0}.nav{align-items:center;gap:28px;padding-top:12px;padding-bottom:12px;display:flex}.brand{color:#14161a;letter-spacing:-.01em;align-items:center;gap:10px;margin-right:auto;font-size:17px;font-weight:650;display:flex}.brand:hover{color:#14161a}.navlinks{gap:26px;font-size:14px;display:flex}.navlinks a{color:#3d424b}@media (width<=640px){.navlinks{display:none}}.btn-nav{color:#fff;white-space:nowrap;background:#14161a;border-radius:999px;align-items:center;padding:9px 16px;font-size:14px;font-weight:550;display:inline-flex}.btn-nav:hover{color:#fff;background:#2a2e35}.btn-primary{color:#fff;background:#1462e0;border-radius:14px;align-items:center;padding:15px 24px;font-size:17px;font-weight:600;display:inline-flex;box-shadow:inset 0 1px #ffffff40,0 8px 20px -8px #1462e099}.btn-primary:hover{color:#fff;background:#0f54c4}.btn-secondary{color:#14161a;transition:background .25s,transform .35s var(--spring);background:#fff;border:1px solid #14161a1f;border-radius:14px;align-items:center;padding:14px 20px;font-size:16px;font-weight:600;display:inline-flex}.btn-secondary:hover{color:#14161a;background:#eceef2;transform:translateY(-2px)}.btn-secondary:active{transform:scale(.97)}.link-arrow{color:#7fb0ff;align-self:flex-start;font-size:15px;font-weight:600}.link-arrow:hover{color:#a9c9ff}.hero{flex-wrap:wrap;align-items:center;gap:clamp(44px,5vw,64px);padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(64px,8vw,112px);display:flex}.pill{color:#3d424b;background:#fff;border:1px solid #14161a14;border-radius:999px;align-self:flex-start;align-items:center;gap:8px;padding:6px 12px 6px 8px;font-size:13px;display:inline-flex}.h1{letter-spacing:-.035em;text-wrap:balance;margin:0;font-size:clamp(42px,6.2vw,72px);font-weight:700;line-height:1.02}.frame{background:linear-gradient(160deg,#dfe7f3 0%,#c9d6ea 55%,#b9c9e2 100%);border:1px solid #14161a0f;border-radius:28px;padding:clamp(52px,7vw,64px) clamp(16px,4vw,40px) clamp(28px,4vw,40px);position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9,0 40px 80px -40px #14285059}.menubar{-webkit-backdrop-filter:blur(20px);color:#1d2026;background:#ffffff8c;border-bottom:1px solid #fff6;justify-content:flex-end;align-items:center;gap:18px;height:30px;padding:0 18px;font-size:12.5px;font-weight:500;display:flex;position:absolute;top:0;left:0;right:0}.panel{color:#f2f2f4;background:#242426f7;border:1px solid #ffffff1f;border-radius:18px;width:100%;max-width:360px;margin:0 0 0 auto;padding:18px 18px 14px;font-size:14px;line-height:1.3;position:relative;box-shadow:0 0 0 .5px #0009,0 30px 60px -20px #0a14288c,0 12px 24px -12px #0a142866}.panel-btn{color:#f2f2f4;cursor:pointer;background:#3a3a3d;border:0;border-radius:999px;width:100%;height:36px;margin-top:14px;font-size:15px}.panel-btn:hover{background:#444448}.panel-btn.start{color:#fff;background:#1a6fe8;font-weight:500}.panel-btn.start:hover{background:#2a7cf2}.seg{background:#353538;border-radius:9px;grid-template-columns:1fr 1.45fr;gap:2px;margin-top:12px;padding:2px;display:grid}.seg button{cursor:pointer;color:#f2f2f4;background:0 0;border:0;border-radius:7px;height:30px;font-size:14px}.seg button[aria-checked=true]{background:#5a5a5e}.seg button.agents[aria-checked=true]{color:#fff;background:#1a6fe8}.hr{background:#ffffff1a;height:1px;margin:14px 0}.sub{color:#a5a5ab;font-size:13.5px}.check{background:#1a6fe8;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;display:flex}.select{background:#3a3a3d;border-radius:6px;padding:3px 10px}.dark{color:#f2f3f5;background:#0f1115}.tab{text-align:left;color:#7d838e;cursor:pointer;background:0 0;border:0;flex-direction:column;gap:10px;padding:0 0 10px;font-size:14px;font-weight:600;display:flex}.tab[aria-selected=true]{color:#f2f3f5}.tab-bar{background:#ffffff1f;border-radius:2px;width:100%;height:3px;transition:background .4s;display:block}.phase{opacity:.55;background:#1b1e24;border:1px solid #ffffff0f;border-radius:20px;flex-direction:column;gap:18px;padding:24px;transition:opacity .4s,border-color .4s;display:flex}.phase.on{opacity:1;border-color:#7fb0ff73}.grid3{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:16px;display:grid}.card{background:#fff;border:1px solid #14161a12;border-radius:22px;flex-direction:column;gap:20px;padding:24px;display:flex;box-shadow:0 1px 2px #14161a0a}.card h3{letter-spacing:-.01em;margin:0;font-size:19px}.card p{color:#555b65;text-wrap:pretty;margin:0;font-size:15px;line-height:1.55}.illus{background:#f1f3f6;border-radius:14px;flex-direction:column;justify-content:center;height:132px;padding:0 20px;display:flex}.chip{background:#fff;border:1px solid #dde1e7;border-radius:6px;padding:2px 8px}.bar{gap:2px;display:flex;overflow:hidden}.bar span{display:block}.safety-row{border-top:1px solid #14161a12;grid-template-columns:1fr auto;align-items:baseline;gap:4px 12px;padding:14px 0;display:grid}.tnum{font-variant-numeric:tabular-nums}.step{border-top:2px solid #14161a;flex-direction:column;gap:14px;padding-top:20px;display:flex}.step h3{letter-spacing:-.015em;margin:0;font-size:22px}.step p{color:#555b65;text-wrap:pretty;margin:0;font-size:15.5px;line-height:1.55}.legend{border-radius:3px;width:9px;height:9px;display:block}.summary-row{border-top:1px solid #ffffff14;justify-content:space-between;gap:12px;padding:11px 0;display:flex}.summary-row dt{align-items:center;gap:9px;display:flex}.summary-row dd{font-variant-numeric:tabular-nums;margin:0}.btn-cta{color:#fff;background:#2f7bff;border-radius:14px;align-items:center;padding:16px 28px;font-size:17px;font-weight:600;display:inline-flex}.btn-cta:hover{color:#fff;background:#4a8cff}:root{--ease:cubic-bezier(.16,1,.3,1);--spring:cubic-bezier(.34,1.4,.64,1)}.js .reveal{opacity:0;filter:blur(8px);transition:opacity .9s var(--ease) var(--d),transform 1.2s var(--ease) var(--d),filter 1s var(--ease) var(--d);transform:translateY(32px)scale(.97)}.js .reveal.in{opacity:1;filter:none;transform:none}.js .reveal.slide{filter:none;transform:translate(-14px)}.js .reveal.slide.in{transform:none}.js .reveal.phase.in{opacity:.55}.js .reveal.phase.in.on{opacity:1}.js .reveal.words{opacity:1;filter:none;transform:none}.js .words .w{opacity:0;transform-origin:0 100%;filter:blur(10px);transition:opacity .8s var(--ease),transform 1.1s var(--ease),filter .9s var(--ease);transition-delay:calc(var(--d) + var(--i) * 55ms);display:inline-block;transform:translateY(.5em)rotate(3deg)}.js .words.in .w{opacity:1;filter:none;transform:none}.js .reveal .grow span{transform-origin:0;transition:transform 1.4s var(--ease);transform:scaleX(0)}.js .reveal .grow span:nth-child(2){transform-origin:0;transition-delay:.45s}.js .reveal .grow span:nth-child(3){transition-delay:.7s}.js .reveal.in .grow span{transform:none}.js .reveal .grow span:first-child{transition-delay:.25s}.hero-visual{perspective:1400px;position:relative}.hero-visual .frame{transform:translate3d(0,calc(var(--p,0) * -60px),0) rotateX(calc(var(--p,0) * 10deg)) scale(calc(1 - var(--p,0) * .06));transform-origin:50% 0;will-change:transform}.cta-card{border-radius:calc(56px - var(--p,1) * 24px);transform:scale(calc(.9 + var(--p,1) * .1));transform-origin:50% 100%;will-change:transform}.header{transition:background .4s var(--ease),box-shadow .4s var(--ease),border-color .4s}.header .nav{transition:padding .4s var(--ease)}.header.scrolled{background:#f4f5f7eb;box-shadow:0 8px 24px -16px #14161a40}.header.scrolled .nav{padding-top:8px;padding-bottom:8px}.tab-bar{position:relative;overflow:hidden}.tab-fill{transform-origin:0;transition:transform .5s var(--ease);position:absolute;inset:0;transform:scaleX(0)}.tab-fill.full{transform:none}.tab-fill.run{animation:3.6s linear forwards wgFill}@keyframes wgFill{to{transform:none}}.phase{transition:opacity .5s var(--ease),border-color .5s,transform .5s var(--ease),filter 1s var(--ease)}.js .reveal.phase.in.on{transform:translateY(-4px)}.collapse{opacity:0;transition:grid-template-rows .45s var(--ease),opacity .3s;grid-template-rows:0fr;display:grid}.collapse.open{opacity:1;grid-template-rows:1fr}.collapse>div{overflow:hidden}.panel-btn,.seg button{transition:background .25s var(--ease),transform .2s var(--spring)}.panel-btn:active,.seg button:active{transform:scale(.97)}.btn-nav,.btn-primary,.btn-cta{transition:background .25s,transform .35s var(--spring),box-shadow .35s var(--ease)}.btn-primary:hover,.btn-cta:hover{transform:translateY(-2px)}.btn-primary:active,.btn-cta:active,.btn-nav:active{transform:scale(.97)}.js .reveal.lift.in{transition:opacity .9s var(--ease) var(--d),transform .5s var(--ease),filter 1s var(--ease) var(--d),box-shadow .5s var(--ease)}.lift:hover{box-shadow:0 1px 2px #14161a0a,0 24px 48px -28px #14285059;transform:translateY(-4px)!important}@media (prefers-reduced-motion:reduce){.js .reveal,.js .words .w,.js .reveal .grow span{opacity:1!important;filter:none!important;transform:none!important}.tab-fill.run{transform:none}}.bag{background:linear-gradient(#e4ebf6 0%,#d6e1f1 100%);border:1px solid #14161a0f;border-radius:32px;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));align-items:end;margin:0;display:grid;overflow:hidden}.bag-stage{aspect-ratio:1;justify-self:center;width:100%;max-width:480px;position:relative;overflow:hidden}.bag-stage>div,.bag-bob>div{position:absolute}.bag-walker,.bag-bob{inset:0}.bag-bob{position:absolute}.bag-backdrop{transform:translate3d(0,calc((var(--p,.5) - .5) * 28px),0)}.bag-badge{aspect-ratio:1;z-index:6;width:8%;top:23.5%;left:58%}.bag-badge img{border-radius:24%;width:100%;height:100%;display:block;position:relative;box-shadow:0 6px 14px -4px #143c8c8c}.bag-ring{opacity:0;border:2px solid #1462e073;border-radius:50%;position:absolute;inset:-30%}.glass{-webkit-backdrop-filter:blur(16px);color:#14161a;background:#ffffffd1;border:1px solid #ffffffe6;border-radius:16px;max-width:380px;padding:14px 16px;box-shadow:0 10px 24px -14px #14285059}.js .bag .bag-bldg{transform-origin:50% 100%;transition:transform 1.1s var(--ease);transition-delay:calc(.2s + var(--i) * 90ms);transform:scaleY(0)}.js .bag.in .bag-bldg{transform:translate3d(0,calc((var(--p,.5) - .5) * 28px),0)}.js .bag .bag-walker{opacity:0;transform-origin:50% 100%;transition:opacity .8s var(--ease) .45s,transform 1.4s var(--ease) .45s;transform:translateY(18%)scale(.92)}.js .bag.in .bag-walker{opacity:1;transform:none}.js .bag .bag-badge{transition:transform .7s var(--spring) 1.3s;transform:scale(0)rotate(-20deg)}.js .bag.in .bag-badge{transform:none}.bag.in .bag-bob,html:not(.js) .bag-bob{animation:1.15s ease-in-out 1.8s infinite bagBob}.bag.in .bag-ring,html:not(.js) .bag-ring{animation:bagPing 2.4s var(--ease) 1.9s infinite}.bag.in .bag-glow{animation:5s ease-in-out infinite bagGlow}@keyframes bagBob{0%,to{transform:translate(0,0)rotate(0)}25%{transform:translateY(-1.2%)rotate(-.6deg)}50%{transform:translate(0,0)rotate(0)}75%{transform:translateY(-1.2%)rotate(.6deg)}}@keyframes bagPing{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.5)}}@keyframes bagGlow{0%,to{opacity:1;transform:scale(1)}50%{opacity:.75;transform:scale(1.06)}}@media (prefers-reduced-motion:reduce){.js .bag .bag-bldg,.js .bag .bag-walker,.js .bag .bag-badge{opacity:1!important;transform:none!important}.bag-ring{opacity:.5}}.pl-stage{background:linear-gradient(160deg,#dfe7f3 0%,#c9d6ea 55%,#b9c9e2 100%);border:1px solid #14161a0f;border-radius:28px;padding:clamp(16px,4vw,40px);position:relative;overflow:hidden;box-shadow:inset 0 1px #fff9,0 40px 80px -40px #14285059}.pl-window{color:#14161a;background:#fbfbfc;border:1px solid #14161a1a;border-radius:14px;font-size:14px;overflow:hidden;box-shadow:0 0 0 .5px #14161a0f,0 30px 60px -24px #0a142873,0 10px 20px -10px #0a142840}.pl-titlebar{background:#f1f2f4;border-bottom:1px solid #14161a14;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:10px 12px;display:grid}.pl-tabs{background:#e2e4e8;border-radius:8px;gap:2px;padding:2px;display:flex}.pl-tabs button{cursor:pointer;color:#14161a;transition:background .25s var(--ease),box-shadow .25s;background:0 0;border:0;border-radius:6px;align-items:center;gap:6px;padding:4px 12px;font-size:13px;display:flex}.pl-tabs button[aria-selected=true]{background:#fff;box-shadow:0 1px 2px #14161a26}.pl-count{color:#5b616b;font-variant-numeric:tabular-nums;animation:plBump .5s var(--spring);font-size:11.5px;display:inline-block}@keyframes plBump{0%{color:#1462e0;transform:scale(1.6)}}.pl-row{transition:background .25s var(--ease),box-shadow .25s;animation:plIn .45s var(--ease) both;border-radius:10px;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:10px;display:grid}.pl-row.sel{background:#1462e012;box-shadow:inset 0 0 0 1px #1462e038}@keyframes plIn{0%{opacity:0;filter:blur(3px);transform:translateY(6px)}}.pl-row-main{text-align:left;cursor:pointer;color:inherit;background:0 0;border:0;flex-direction:column;gap:2px;min-width:0;padding:0;display:flex}.pl-icon{background:#e8eefa;border:1px solid #1462e026;border-radius:9px;flex:none;justify-content:center;align-items:center;width:34px;height:34px;display:flex}.pl-badge-dot{position:absolute;top:-4px;right:-4px}.pl-install{color:#1462e0;cursor:pointer;white-space:nowrap;transition:background .2s,transform .3s var(--spring);background:#fff;border:1px solid #1462e059;border-radius:999px;padding:5px 14px;font-size:13px;font-weight:600;position:relative;overflow:hidden}.pl-install:hover{background:#eef3fd}.pl-install:active{transform:scale(.95)}.pl-install.busy{cursor:default;color:#5b7fc4}.pl-install.busy:after{content:"";background:linear-gradient(90deg,#0000,#1462e02e,#0000);animation:.7s linear infinite plShimmer;position:absolute;inset:0}@keyframes plShimmer{0%{transform:translate(-100%)}to{transform:translate(100%)}}.pl-switch{cursor:pointer;color:#5b616b;white-space:nowrap;animation:plIn .4s var(--ease) both;background:0 0;border:0;align-items:center;gap:8px;padding:0;font-size:12.5px;display:flex}.pl-switch.on{color:#1462e0}.pl-track{width:36px;height:21px;transition:background .25s var(--ease);background:#cfd3da;border-radius:999px;flex:none;display:block;position:relative}.pl-switch.on .pl-track{background:#1462e0}.pl-knob{width:17px;height:17px;transition:transform .35s var(--spring),width .2s var(--ease);background:#fff;border-radius:50%;display:block;position:absolute;top:2px;left:2px;box-shadow:0 1px 2px #00000040}.pl-switch:active .pl-knob{width:21px}.pl-switch.on .pl-knob{transform:translate(15px)}.pl-switch.on:active .pl-knob{transform:translate(11px)}.pl-empty{text-align:center;color:#5b616b;animation:plIn .45s var(--ease) both;padding:22px 10px;font-size:13.5px}.pl-detail{background:#f1f3f6;border:1px solid #14161a0f;border-radius:10px;flex-direction:column;gap:12px;margin:0 8px 8px;padding:16px;display:flex}.pl-label{letter-spacing:.06em;text-transform:uppercase;color:#5b616b;font-size:11.5px;font-weight:600}.pl-perm{animation:plIn .4s var(--ease) both;animation-delay:calc(var(--i) * 60ms);border-top:1px solid #14161a12;grid-template-columns:minmax(0,1fr) auto;gap:12px;padding:6px 0;font-size:13px;display:grid}.pl-pop{animation:plIn .45s var(--ease) both}.pl-stat{animation:plIn .5s var(--ease) both;animation-delay:calc(var(--i) * 80ms);background:#fff;border:1px solid #14161a12;border-radius:9px;flex-direction:column;gap:2px;padding:9px 10px;display:flex}.pl-sample{color:#fff;cursor:pointer;transition:background .2s,transform .3s var(--spring);background:#1462e0;border:0;border-radius:999px;padding:7px 14px;font-size:13px;font-weight:600}.pl-sample:hover{background:#0f54c4}.pl-sample:active{transform:scale(.95)}.pl-footer{background:#f6f7f9;border-top:1px solid #14161a14;flex-wrap:wrap;gap:8px;padding:10px 12px;display:flex}.pl-ghost{color:#14161a;cursor:pointer;background:#fff;border:1px solid #14161a24;border-radius:7px;padding:5px 12px;font-size:13px}.pl-ghost:hover{background:#f1f2f4}.pl-reset{color:#0b5fd6;cursor:pointer;background:0 0;border:0;padding:0;font-size:12.5px}.pl-reset:hover{color:#084aa8}.pl-toast-wrap{z-index:5;pointer-events:none;width:min(320px,100% - 28px);position:absolute;top:14px;right:14px}.pl-toast{opacity:0;filter:blur(4px);transition:opacity .35s var(--ease),transform .55s var(--spring),filter .35s var(--ease);-webkit-backdrop-filter:saturate(180%)blur(20px);color:#14161a;background:#fafafce0;border:1px solid #ffffffe6;border-radius:16px;align-items:flex-start;gap:11px;padding:11px 13px;display:flex;transform:translateY(-14px)scale(.96);box-shadow:0 0 0 .5px #14161a1f,0 14px 30px -12px #14285066}.pl-toast.show{opacity:1;filter:none;transform:none}.pl-tag{color:#5b616b;background:#f1f3f6;border-radius:999px;padding:3px 9px;font-size:11.5px;font-weight:600}.card.pl-idea{border-radius:18px;gap:14px;padding:20px}.pl-idea .pl-icon{transition:transform .5s var(--spring)}.pl-idea:hover .pl-icon{transform:rotate(-8deg)scale(1.08)}.card.pl-dev{flex-flow:wrap;align-items:center;gap:24px clamp(24px,4vw,48px);margin-top:clamp(24px,4vw,40px);padding:clamp(20px,3vw,28px)}.pl-link{color:#3d424b;text-underline-offset:3px;font-size:14px;-webkit-text-decoration:underline #14161a40;text-decoration:underline #14161a40}.pl-link:hover{color:#0b5fd6}.pl-code{color:#e6e8ec;background:#0f1115;border-radius:14px;flex:1.3 340px;min-width:0;margin:0;padding:18px 20px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:13.5px;line-height:1.7;overflow-x:auto}.pl-code code{display:block}.pl-punct{color:#8a909b}.pl-line{display:block}.js .pl-dev .pl-line,.js .cap-term .pl-line{opacity:0;clip-path:inset(0 100% 0 0);transition:opacity .3s var(--ease),transform .6s var(--ease),clip-path .9s steps(28,end);transition-delay:calc(.4s + var(--i) * .7s);transform:translate(-8px)}.js .pl-dev.in .pl-line,.js .cap.in .cap-term .pl-line{opacity:1;clip-path:inset(0);transform:none}.pl-caret{vertical-align:-.2em;background:#7fb0ff;width:.55em;height:1.1em;margin-left:4px;animation:1s step-end infinite plBlink;display:inline-block}@keyframes plBlink{50%{opacity:0}}@media (prefers-reduced-motion:reduce){.js .pl-dev .pl-line,.js .cap-term .pl-line{opacity:1!important;clip-path:none!important;transform:none!important}}.lid-stage{perspective:1300px;perspective-origin:50% -20%;transform-origin:50% 60%;width:260px;height:320px;margin:-56px 0 -24px;position:relative;transform:scale(.64)}.lid-shadow{background:radial-gradient(#14285052 0%,#14285000 70%);border-radius:50%;width:380px;height:40px;margin-left:-190px;position:absolute;bottom:0;left:50%}.lid-hinge{width:340px;height:0;transform-style:preserve-3d;margin-left:-170px;position:absolute;top:218px;left:50%}.lid-base{transform-origin:50% 0;background:linear-gradient(#e9ecf0 0%,#cdd2d9 100%);border-radius:14px;width:340px;height:200px;position:absolute;top:0;left:0;transform:rotateX(76deg);box-shadow:inset 0 0 0 1px #14161a1a}.lid{transform-origin:50% 100%;width:340px;height:200px;transform-style:preserve-3d;transition:transform 2.8s cubic-bezier(.45,0,.2,1);position:absolute;top:-204px;left:0}.lid-screen{z-index:1;background:#1b1e24;border:7px solid #2b2f36;border-radius:14px;transition:opacity .25s;position:absolute;inset:0;overflow:hidden}.lid-screen>div{border-radius:2px;height:6px;position:absolute}.lid-back{background:linear-gradient(#f2f4f7 0%,#d3d8df 100%);border-radius:14px;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #14161a1a}.lid-chip{color:#14161a;background:#ffffffe0;border:1px solid #fffffff2;border-radius:16px;align-items:center;gap:12px;max-width:100%;padding:8px 14px 8px 8px;display:inline-flex;box-shadow:0 12px 26px -14px #14285073}.lid-label{color:#4a505a;animation:plIn .5s var(--ease) both;font-size:12.5px}.tick{animation:plIn .45s var(--ease) both;display:inline-block}.beta{letter-spacing:.04em;text-transform:uppercase;color:#fff;background:#1462e0;border-radius:999px;padding:2px 8px;font-size:11px;font-weight:700}.beta.soft{color:#1462e0;background:#e8eefa;padding:2px 7px;font-weight:650}.info-note{color:#4a505a;text-wrap:pretty;align-items:flex-start;gap:10px;max-width:34em;margin:0;font-size:13.5px;line-height:1.5;display:flex}.info-i{color:#5b616b;border:1.5px solid #8a909b;border-radius:50%;flex:none;justify-content:center;align-items:center;width:18px;height:18px;margin-top:1px;font-size:11px;font-weight:700;display:flex}.cap-illus{background:#f1f3f6;border-radius:14px;justify-content:center;align-items:center;height:140px;padding:16px;display:flex}.mini-win{background:#fff;border:1px solid #14161a14;border-radius:9px;width:100%;max-width:240px;overflow:hidden;box-shadow:0 8px 16px -12px #14285059}.mini-bar{background:#f6f7f9;border-bottom:1px solid #14161a0f;align-items:center;gap:5px;padding:6px 8px;display:flex}.mini-url{color:#4a505a;background:#fff;border:1px solid #14161a14;border-radius:5px;flex:1;padding:2px 7px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:10.5px}.cap-focus{outline-offset:3px;border-radius:3px;outline:1.5px solid #0000}.cap-focus:nth-child(2){outline-color:#1462e0}.cap.in .cap-focus,.cap.in .cap-focus:nth-child(2){animation:capFocus 4.5s var(--ease) infinite;animation-delay:calc(var(--i) * 1.5s);outline-color:#0000}@keyframes capFocus{0%,to{outline-color:#0000}8%,30%{outline-color:#1462e0}38%{outline-color:#0000}}.cap-shot{outline-offset:2px;background:#e8eefa;border-radius:4px;outline:1.5px solid #0000;height:34px;display:block}.cap-shot:nth-child(3){outline-color:#1462e0}.cap.in .cap-shot,.cap.in .cap-shot:nth-child(3){animation:3.6s linear infinite capShot;animation-delay:calc(var(--i) * 1.2s);outline-color:#0000}@keyframes capShot{0%{background:#fff;outline-color:#1462e0}8%{background:#e8eefa}33%{outline-color:#1462e0}34%,to{background:#e8eefa;outline-color:#0000}}.cap-term{color:#c9ced6;background:#0f1115;flex-direction:column;justify-content:center;align-items:stretch;gap:5px;padding:16px 18px;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:12px;line-height:1.5}.js .cap-term .pl-line{transition-delay:calc(.5s + var(--i) * .55s)}.cap.in .cap-deploying span{animation:1.2s step-end infinite plBlink}.cap.in .cap-deploying span:nth-child(2){animation-delay:.2s}.cap.in .cap-deploying span:nth-child(3){animation-delay:.4s}.key{color:#14161a;white-space:nowrap;background:#fff;border:1px solid #14161a29;border-radius:6px;align-items:center;padding:1px 8px;font-size:13px;font-weight:600;display:inline-flex;box-shadow:0 1px #14161a29}.step.in .key{animation:keyPress 3.2s var(--ease) infinite;animation-delay:calc(1s + var(--i) * .14s)}@keyframes keyPress{0%,24%,to{background:#fff;transform:none;box-shadow:0 1px #14161a29}6%,18%{background:#e8eefa;transform:translateY(1px);box-shadow:0 0 #14161a29}}
