.spec{max-width:26rem;margin-inline:auto;position:relative;rotate:-2deg}.spec:before,.spec:after{content:"";border:1px solid var(--color-hairline);border-radius:var(--radius-lg);background-color:var(--color-basalt);position:absolute;inset:0}.spec:before{opacity:.5;translate:.9rem .9rem;rotate:3deg}.spec:after{opacity:.8;translate:.45rem .45rem;rotate:1.5deg}.spec__sheet{z-index:1;border:1px solid color-mix(in oklab, var(--color-signal) 28%, var(--color-hairline));border-radius:var(--radius-lg);background-image:linear-gradient(160deg in oklab, color-mix(in oklab, var(--color-bone) 5%, var(--color-basalt)), var(--color-basalt) 60%);box-shadow:var(--shadow-glow-strong);padding:1.75rem 1.75rem 1.5rem;position:relative}.spec__head{border-bottom:1px solid var(--color-hairline);justify-content:space-between;align-items:baseline;gap:1rem;padding-bottom:1.25rem;display:flex}.spec__name{font-family:var(--font-display);font-size:var(--text-2xl);letter-spacing:-.02em;color:var(--color-bone);font-weight:600}.spec__caption{font-size:var(--text-xs);color:var(--color-lichen)}.spec__row{border-bottom:1px dashed var(--color-hairline);grid-template-columns:1.375rem 4.5rem minmax(0,1fr);align-items:center;gap:.875rem;padding-block:.9rem;display:grid}.spec__box{border:1px solid var(--color-voltage);background-color:var(--color-voltage);border-radius:.375rem;place-items:center;width:1.375rem;height:1.375rem;display:grid}.spec__box svg{width:.875rem;height:.875rem;stroke:var(--color-obsydian);stroke-width:2.6px;fill:none;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;stroke-dashoffset:0}.spec__label{font-size:var(--text-xs);color:var(--color-lichen)}.spec__value{font-size:var(--text-sm);color:var(--color-bone)}.spec__sign{font-size:var(--text-xs);color:var(--color-lichen);justify-content:space-between;align-items:flex-end;gap:1rem;padding-top:1.25rem;display:flex}.spec__sign svg{fill:none;width:7.5rem;height:2.5rem;stroke:var(--color-voltage);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:260;stroke-dashoffset:0}@media (prefers-reduced-motion:no-preference){.spec__box{animation:spec-box .42s var(--ease-out-quart) both;animation-delay:calc(.9s + var(--n) * .38s)}.spec__box svg{animation:spec-check .42s var(--ease-out-quart) both;animation-delay:calc(1s + var(--n) * .38s)}.spec__sign svg{animation:1.1s cubic-bezier(.65,0,.35,1) 2.2s both spec-sign}.spec{animation:7s ease-in-out 3.4s infinite alternate spec-float}}@keyframes spec-box{0%{border-color:var(--color-bone-12);background-color:#0000}}@keyframes spec-check{0%{stroke-dashoffset:20px}}@keyframes spec-sign{0%{stroke-dashoffset:260px}}@keyframes spec-float{to{translate:0 -.5rem;rotate:-1deg}}.includes-check{fill:none;width:1rem;height:1rem;stroke:var(--color-voltage);stroke-width:2.4px;stroke-linecap:round;stroke-linejoin:round;stroke-dasharray:20;flex:none;margin-top:.2rem}@media (prefers-reduced-motion:no-preference){@supports (animation-timeline:view()){.includes-check{animation:linear both spec-check;animation-timeline:view();animation-range:entry 30% cover 35%}}}.steps{gap:2.5rem;display:grid}@media (min-width:64rem){.steps{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);align-items:start;gap:4rem}.steps__visual{order:2;position:sticky;top:7rem}}.step{border-left:1px solid var(--color-hairline);transition:opacity .4s var(--ease-out-quart);padding:1.25rem 0 1.25rem 1.5rem;position:relative}.steps[data-ready] .step:not([data-active]){opacity:.55}.step:before{content:"";background-color:var(--color-voltage);transform-origin:50% 0;width:1px;transition:transform .5s var(--ease-out-expo);position:absolute;top:0;bottom:0;left:-1px;transform:scaleY(0)}.step[data-active]:before{transform:none}.step__button{text-align:left;width:100%;font:inherit;color:inherit;cursor:pointer;align-items:baseline;gap:.875rem;display:flex}.step__button:focus-visible{outline:2px solid var(--color-voltage);outline-offset:4px;border-radius:.25rem}.step__num{font-size:var(--text-sm);font-variant-numeric:tabular-nums;color:var(--color-lichen)}.step[data-active] .step__num{color:var(--color-voltage)}.step__timer{background-color:var(--color-hairline);height:1px;position:absolute;bottom:0;left:1.5rem;right:0;overflow:hidden}.step__timer:after{content:"";background-color:color-mix(in oklab, var(--color-voltage) 70%, transparent);transform-origin:0;animation:step-timer var(--step-dur,4.6s) linear both;animation-play-state:inherit;position:absolute;inset:0}@keyframes step-timer{0%{transform:scaleX(0)}}.pv{--pv-ease:var(--ease-out-expo);position:relative}.pv .browser__viewport{overflow:clip}.pv__url{align-items:center;gap:.5rem;display:flex}.pv__lock{fill:none;width:.7rem;height:.7rem;stroke:var(--color-voltage);stroke-width:2px;display:none}.pv[data-step="3"] .pv__lock,.pv[data-step="4"] .pv__lock{display:block}.pv__status{color:var(--color-voltage);opacity:0;transition:opacity .4s var(--pv-ease);flex:none;align-items:center;gap:.375rem;font-size:.6875rem;display:inline-flex}.pv[data-step="3"] .pv__status,.pv[data-step="4"] .pv__status{opacity:1}.pv__layer{transition:opacity .6s var(--pv-ease), transform .7s var(--pv-ease);padding:7%;position:absolute;inset:0}.pv__brief{align-content:center;gap:.75rem;max-width:70%;margin-inline:auto;display:grid}.pv__line{background-color:var(--color-bone-12);border-radius:999px;height:.5rem}.pv__todo{align-items:center;gap:.625rem;display:flex}.pv__todo i{border:1px solid var(--color-bone-12);width:.875rem;height:.875rem;transition:background-color .3s var(--pv-ease), border-color .3s var(--pv-ease);border-radius:.25rem;flex:none}.pv[data-step="0"] .pv__todo i{background-color:var(--color-voltage);border-color:var(--color-voltage);transition-delay:calc(.35s + var(--n) * .26s)}.pv:not([data-step="0"]) .pv__brief{opacity:0;transform:translateY(-1.5rem)scale(.96)}.pv__site{grid-template-rows:auto 1fr auto;gap:6%;display:grid}.pv[data-step="0"] .pv__site{opacity:0;transform:translateY(1.5rem)scale(.98)}.pv__nav{justify-content:space-between;align-items:center;display:flex}.pv__logo{border-radius:.25rem;width:18%;height:.75rem}.pv__links{gap:.5rem;width:34%;display:flex}.pv__links span{border-radius:999px;flex:1;height:.375rem}.pv__hero{grid-template-columns:1.1fr 1fr;align-items:center;gap:6%;display:grid}.pv__copy{gap:.5rem;display:grid}.pv__title{border-radius:.25rem;height:.9rem}.pv__title+.pv__title{width:70%}.pv__cta{border-radius:999px;width:40%;height:.9rem;margin-top:.5rem}.pv__img{aspect-ratio:4/3;border-radius:.5rem}.pv__cols{grid-template-columns:repeat(3,1fr);gap:5%;display:grid}.pv__cols span{border-radius:.375rem;height:2.25rem}.pv__site :is(.pv__logo,.pv__links span,.pv__title,.pv__cta,.pv__img,.pv__cols span){border:1px dashed color-mix(in oklab, var(--color-signal) 55%, transparent);transition:background-color .6s var(--pv-ease), border-color .6s var(--pv-ease);background-color:#0000}.pv:is([data-step="2"],[data-step="3"],[data-step="4"]) .pv__site :is(.pv__logo,.pv__links span,.pv__title,.pv__cta,.pv__img,.pv__cols span){border-color:#0000}.pv:is([data-step="2"],[data-step="3"],[data-step="4"]) .pv__logo{background-color:var(--color-voltage)}.pv:is([data-step="2"],[data-step="3"],[data-step="4"]) .pv__links span{background-color:var(--color-bone-45)}.pv:is([data-step="2"],[data-step="3"],[data-step="4"]) .pv__title{background-color:var(--color-bone)}.pv:is([data-step="2"],[data-step="3"],[data-step="4"]) .pv__cta{background-color:var(--color-signal)}.pv:is([data-step="2"],[data-step="3"],[data-step="4"]) .pv__img{background-image:radial-gradient(60% 50% at 70% 30%, color-mix(in oklab, var(--color-voltage) 45%, transparent), transparent 70%), linear-gradient(160deg, #1f4a1d, #0c1a0c)}.pv:is([data-step="2"],[data-step="3"],[data-step="4"]) .pv__cols span{background-color:color-mix(in oklab, var(--color-bone) 9%, transparent)}.pv__phone{aspect-ratio:9/18;border:1px solid var(--color-bone-12);background-color:var(--color-obsydian);opacity:0;width:22%;transition:opacity .6s var(--pv-ease), transform .8s var(--pv-ease);border-radius:.875rem;padding:.375rem;position:absolute;bottom:-2%;right:5%;transform:translateY(30%)}.pv__phone span{background-image:linear-gradient(180deg, transparent 0 8%, var(--color-voltage) 8% 11%, transparent 11% 18%), linear-gradient(180deg, transparent 0 20%, var(--color-bone) 20% 25%, transparent 25% 28%, var(--color-bone) 28% 33%, transparent 33%), linear-gradient(160deg, #1f4a1d, #0c1a0c 60%);background-position:12% 0,12% 0,0 0;background-repeat:no-repeat;background-size:50% 100%,80% 100%,100% 100%;border-radius:.5rem;height:100%;display:block}.pv[data-step="2"] .pv__phone{opacity:1;transform:none}.pv__serp{border:1px solid var(--color-bone-12);background-color:color-mix(in oklab, var(--color-obsydian) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .6s var(--pv-ease), transform .7s var(--pv-ease);border-radius:.625rem;gap:.375rem;padding:.875rem 1rem;display:grid;position:absolute;bottom:7%;left:7%;right:7%;transform:translateY(1.5rem)}.pv__serp-url{color:var(--color-lichen);align-items:center;gap:.375rem;font-size:.625rem;display:flex}.pv__serp-url:before{content:"";background-color:var(--color-voltage);border-radius:50%;width:.625rem;height:.625rem}.pv__serp b{background-color:color-mix(in oklab, var(--color-voltage) 75%, var(--color-bone));border-radius:999px;width:62%;height:.6rem;display:block}.pv__serp .pv__line{height:.375rem}.pv[data-step="3"] .pv__serp{opacity:1;transform:none}.pv__care{border:1px solid var(--color-bone-12);background-color:color-mix(in oklab, var(--color-obsydian) 88%, transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);opacity:0;transition:opacity .6s var(--pv-ease), transform .7s var(--pv-ease);border-radius:.625rem;gap:.75rem;padding:.875rem 1rem;display:grid;position:absolute;bottom:7%;left:7%;right:7%;transform:translateY(1.5rem)}.pv[data-step="4"] .pv__care{opacity:1;transform:none}.pv__uptime{grid-template-columns:repeat(30,1fr);gap:2px;height:1rem;display:grid}.pv__uptime span{background-color:color-mix(in oklab, var(--color-signal) 70%, transparent);border-radius:1px}@media (prefers-reduced-motion:no-preference){.pv[data-step="4"] .pv__uptime span:last-child{animation:1.2s ease-in-out infinite uptime-blink}}@keyframes uptime-blink{50%{background-color:var(--color-voltage);box-shadow:0 0 8px var(--color-voltage)}}.pv__checks{color:var(--color-bone-70);flex-wrap:wrap;gap:.375rem 1rem;font-size:.6875rem;display:flex}.pv__checks span{align-items:center;gap:.375rem;display:inline-flex}.pv__checks span:before{content:"";background-color:var(--color-voltage);border-radius:50%;width:.375rem;height:.375rem}@media (max-width:47.99rem){.pv__checks{font-size:.625rem}}