.hero{--hero-bg:#121316;--hero-stone:#f2f3f0;--hero-muted:#9a9aa2;--hero-blue:#4350e8;--hero-blue-text:#4350e8;--hero-line:#f2f3f024;--hero-scroll:140dvh;height:calc(100dvh + var(--hero-scroll));background-color:var(--hero-bg);color:var(--hero-stone);position:relative}.hero__stage{height:min(100dvh,900px);padding-top:calc(var(--vs-nav-h) + env(safe-area-inset-top,0px) + 1rem);background-color:var(--hero-bg);align-items:center;padding-bottom:clamp(2rem,5vw,4rem);display:flex;position:sticky;top:0;overflow:hidden}.hero__glow{background:radial-gradient(circle at 58% 48%, color-mix(in srgb, var(--hero-blue) 30%, transparent) 0%, color-mix(in srgb, var(--hero-blue) 12%, transparent) 34%, transparent 64%);pointer-events:none;width:min(1100px,95vw);height:min(1100px,95vw);position:absolute;top:50%;right:-12%;transform:translateY(-50%)}.hero__inner{z-index:1;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);align-items:center;gap:clamp(2rem,5vw,4.5rem);width:100%;max-width:80rem;margin-inline:auto;padding-inline:clamp(1.25rem,5vw,4.5rem);display:grid;position:relative}.hero__label{color:var(--hero-muted);font-family:var(--font-mono);letter-spacing:.2em;text-transform:uppercase;margin:0 0 1.1rem;font-size:.7rem}.hero__title{letter-spacing:-.035em;text-wrap:balance;max-width:20ch;margin:0;font-size:clamp(1.95rem,3.5vw,3.4rem);font-weight:700;line-height:1.03}.hero__tagline{max-width:22ch;color:var(--hero-blue-text);letter-spacing:-.03em;margin:.45rem 0 0;font-size:clamp(1.4rem,2.5vw,2.35rem);font-weight:700;line-height:1.05}.hero__body{max-width:44ch;color:color-mix(in srgb, var(--hero-stone) 78%, transparent);margin:1.4rem 0 0;font-size:clamp(.98rem,1.2vw,1.08rem);line-height:1.55}.hero__actions{flex-wrap:wrap;gap:.8rem;margin-top:1.9rem;display:flex}.hero__cta-primary,.hero__cta-secondary{font-family:var(--font-mono);letter-spacing:.12em;text-transform:uppercase;justify-content:center;align-items:center;padding:.95rem 1.45rem;font-size:.72rem;text-decoration:none;transition:background-color .2s,border-color .2s;display:inline-flex}.hero__cta-primary{background-color:var(--hero-blue);color:#fff}.hero__cta-primary:hover{background-color:color-mix(in srgb, var(--hero-blue) 82%, #fff)}.hero__cta-secondary{border:1px solid var(--hero-line);color:var(--hero-stone)}.hero__cta-secondary:hover{border-color:color-mix(in srgb, var(--hero-stone) 60%, transparent)}.hero__cta-primary:focus-visible,.hero__cta-secondary:focus-visible{outline:2px solid var(--hero-blue-text);outline-offset:3px}.hero__note{color:var(--hero-muted);font-family:var(--font-mono);letter-spacing:.06em;margin:1.1rem 0 0;font-size:.68rem}.hero__devices{justify-content:center;padding-bottom:1.5rem;display:flex;position:relative}.hero__laptop{width:100%;max-width:33rem;position:relative}.hero__lid{background-color:#0c0d10;border:1px solid #26282e;border-radius:12px;padding:.5rem;box-shadow:0 34px 70px -24px #000000d9}.hero__screen{aspect-ratio:16/10;background-color:#f4f5f3;border-radius:5px;position:relative;overflow:hidden}.hero__base{background-image:linear-gradient(#22242a,#0d0e11);border-radius:0 0 10px 10px;height:.65rem;margin-inline:-5%}.hero__phone{width:26%;max-width:8.2rem;position:absolute;bottom:0;right:-1%}.hero__phone-frame{background-color:#0c0d10;border:1px solid #26282e;border-radius:14px;padding:.28rem;box-shadow:0 22px 45px -16px #000000e6}.hero__phone-screen{aspect-ratio:9/18;background-color:#f4f5f3;border-radius:10px;position:relative;overflow:hidden}.hero__badge,.hero__owned{font-family:var(--font-mono);letter-spacing:.1em;text-transform:uppercase;white-space:nowrap;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background-color:#0c0d10eb;border:1px solid #f2f3f029;align-items:center;gap:.4rem;padding:.4rem .65rem;font-size:.62rem;display:inline-flex;position:absolute}.hero__badge{color:#5be08b;border-color:#5be08b66;top:-.85rem;left:-.5rem}.hero__owned{color:var(--hero-stone);bottom:-.4rem;right:-.5rem}.hero__badge-dot{background-color:#5be08b;border-radius:999px;width:.4rem;height:.4rem}.pv{background-color:#f4f5f3;width:100%;height:100%;position:relative;overflow:hidden}.pv-code{width:30%;font-family:var(--font-mono);opacity:0;flex-direction:column;justify-content:center;gap:.22rem;font-size:.5rem;line-height:1.5;display:none;position:absolute;top:8%;bottom:8%}.pv-code i{white-space:pre;color:#767d84;font-style:normal;display:block}.pv-code--l{--dx:2.4rem;left:4%}.pv-code--l i:nth-child(3n+1){color:var(--color-accent)}.pv-code--r{--dx:-2.4rem;right:4%}.pv-code--r i:nth-child(4n+2){color:var(--color-accent)}.pv-frame{opacity:0;background-color:#fff;border:1px solid #cfd3cc;border-radius:2px;width:36%;height:66%;position:absolute;top:50%;left:50%;overflow:hidden;transform:translate(-50%,-50%)}.pv-frame__bar{border-bottom:1px solid #e6e8e3;gap:2px;padding:3px 4px;display:flex}.pv-frame__bar i{background-color:#d3d7d0;border-radius:999px;width:3px;height:3px;display:block}.pv-frame__body{background-color:#eef0ec;height:100%;display:block;position:relative}.pv-frame__body:before{content:"";background-color:#d7dad4;border-radius:1px;height:3px;position:absolute;top:16%;left:12%;right:12%;box-shadow:0 9px #d7dad4,0 18px #dcdfd9,0 27px #dcdfd9}.pv-frame__body:after{content:"";background-color:var(--color-accent);opacity:.55;border-radius:1px;width:38%;height:7px;position:absolute;top:62%;left:12%}.pv-site{opacity:1;background-color:#f4f5f3;flex-direction:column;gap:4%;padding:4.5%;display:flex;position:absolute;inset:0}.pv-site__nav{flex:none;align-items:center;gap:5%;display:flex}.pv-site__logo{color:#15171b;letter-spacing:-.02em;font-size:.52rem;font-weight:700}.pv-site__links{gap:4%;margin-left:auto;display:flex}.pv-site__links i{background-color:#cdd0cb;width:.8rem;height:2px;display:block}.pv-site__mini{background-color:#15171b;border-radius:1px;width:1.5rem;height:.5rem}.pv-site__hero{flex:auto;gap:5%;min-height:0;display:flex}.pv-site__text{flex-direction:column;flex:55%;justify-content:center;gap:.26rem;display:flex}.pv-site__text b{color:#15171b;letter-spacing:-.02em;font-size:.58rem;font-weight:700;line-height:1.15}.pv-site__text em{color:#6b6f76;font-size:.4rem;font-style:normal;line-height:1.35}.pv-site__photo{background-color:#d9dcd6;background-image:url(/assets/mockup.jpg);background-position:50%;background-size:cover;border-radius:2px;flex:0 0 40%}.pv-site__cards{flex:none;grid-template-columns:repeat(3,minmax(0,1fr));gap:3.5%;min-height:2rem;display:grid}.pv-site__card{background-color:#fff;border:1px solid #e2e4e0;flex-direction:column;gap:.16rem;padding:.26rem .28rem;display:flex}.pv-site__card i{background-color:var(--color-accent);border-radius:999px;width:.3rem;height:.3rem;display:block}.pv-site__card s{background-color:#d5d8d2;height:2px;text-decoration:none;display:block}.pv-site__card s:first-of-type{background-color:#b9bdb6;width:76%;margin-top:.12rem}.pv-site__cta{background-color:var(--color-accent);color:#fff;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;flex:none;justify-content:center;align-self:flex-start;align-items:center;padding:.32rem .66rem;font-size:.4rem;display:inline-flex}.pv--mobile .pv-site{gap:6%;padding:7%}.pv--mobile .pv-site__logo{font-size:.34rem}.pv--mobile .pv-site__links,.pv--mobile .pv-site__mini{display:none}.pv--mobile .pv-site__hero{flex-direction:column;gap:.24rem}.pv--mobile .pv-site__text b{font-size:.4rem}.pv--mobile .pv-site__text em{font-size:.28rem}.pv--mobile .pv-site__photo{flex:auto}.pv--mobile .pv-site__cards{grid-template-columns:1fr;gap:.18rem;min-height:1.5rem}.pv--mobile .pv-site__card{padding:.18rem}.pv--mobile .pv-site__cta{width:100%;padding:.28rem;font-size:.3rem}@keyframes heroCodeIn{0%{opacity:1;transform:translate(0)}30%{opacity:1;transform:translate(0)}56%{opacity:0;transform:translateX(var(--dx,0))}to{opacity:0;transform:translateX(var(--dx,0))}}@keyframes heroFrameCycle{0%,30%{opacity:1;transform:translate(-50%,-50%)scale(1)}46%{opacity:0;transform:translate(-50%,-50%)scale(.9)}to{opacity:0;transform:translate(-50%,-50%)scale(.9)}}@keyframes heroSiteIn{0%,34%{opacity:0}54%,to{opacity:1}}@keyframes heroBadgeIn{0%,56%{opacity:0;transform:translateY(5px)scale(.96)}64%,to{opacity:1;transform:none}}@keyframes heroOwnedIn{0%,68%{opacity:0;transform:translate(-7px)}76%,to{opacity:1;transform:none}}@supports (animation-timeline:scroll()){@media (width>=901px) and (prefers-reduced-motion:no-preference){.pv-code{display:flex}.pv-code,.pv-frame,.pv-site,.hero__badge,.hero__owned{animation-duration:1ms;animation-fill-mode:both;animation-timeline:scroll(root);animation-range:0 var(--hero-scroll)}.pv-code{animation-name:heroCodeIn}.pv-frame{animation-name:heroFrameCycle}.pv-site{animation-name:heroSiteIn}.hero__badge{animation-name:heroBadgeIn}.hero__owned{animation-name:heroOwnedIn}}}@media (width<=900px){.hero{height:auto;min-height:0}.hero__stage{align-items:flex-start;height:auto;position:static}.hero__inner{grid-template-columns:minmax(0,1fr);gap:2.6rem}.hero__title{max-width:none;font-size:clamp(1.9rem,7.4vw,2.6rem)}.hero__tagline{max-width:none;font-size:clamp(1.35rem,5.6vw,1.9rem)}.hero__devices{width:100%;max-width:30rem;margin-inline:auto}}@media (prefers-reduced-motion:reduce){.pv-code,.pv-frame{display:none}.pv-site{opacity:1}.hero__badge,.hero__owned{opacity:1;animation:none;transform:none}}.pv--mobile .pv-code,.pv--mobile .pv-frame{display:none}.pv--mobile .pv-site{opacity:1;animation:none}@media (prefers-reduced-motion:reduce){.hero{height:auto}.hero__stage{height:auto;min-height:min(100dvh,900px);position:static}}@supports not (animation-timeline:scroll()){.hero{height:auto}.hero__stage{height:auto;min-height:min(100dvh,900px);position:static}}html[data-motion=off] .hero{height:auto}html[data-motion=off] .hero__stage{height:auto;min-height:min(100dvh,900px);position:static}html[data-motion=off] .pv-code,html[data-motion=off] .pv-frame{display:none}html[data-motion=off] .pv-site{opacity:1;animation:none}html[data-motion=off] .hero__badge,html[data-motion=off] .hero__owned{opacity:1;animation:none;transform:none}