.landing-page{--landing-deep:oklch(19% .055 236);--landing-blue:oklch(52% .12 215);--landing-aqua:oklch(76% .12 190);--landing-sand:oklch(96% .035 88);background:radial-gradient(circle at 90% 3%, oklch(85% .09 190/.35), transparent 25rem), var(--color-background)}.landing-container{width:min(100% - 2rem,72rem);margin-inline:auto}.landing-header{z-index:40;border-bottom:1px solid color-mix(in oklch, var(--color-border) 75%, transparent);background:color-mix(in oklch, var(--color-background) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);position:sticky;top:0}.landing-skip{z-index:100;background:var(--color-primary);color:var(--color-primary-foreground);border-radius:.5rem;padding:.75rem 1rem;position:fixed;top:.75rem;left:.75rem;translate:0 -200%}.landing-skip:focus{translate:0}.landing-nav-link{min-height:2.75rem;color:var(--color-muted-foreground);border-radius:.5rem;align-items:center;padding-inline:.75rem;font-size:.875rem;font-weight:500;transition:color .18s,background-color .18s}.landing-nav-link:hover{background:var(--color-muted);color:var(--color-foreground)}.landing-hero{isolation:isolate;background:linear-gradient(140deg, transparent 45%, oklch(88% .07 192/.45)), linear-gradient(180deg, var(--color-background), var(--landing-sand));position:relative}.landing-display{text-wrap:balance}.landing-text-gradient{background:linear-gradient(105deg, var(--color-ocean-navy), var(--landing-blue) 55%, var(--color-sea-teal));color:#0000;-webkit-background-clip:text;background-clip:text}.landing-kicker{width:fit-content;color:var(--color-sea-teal);letter-spacing:.14em;text-transform:uppercase;align-items:center;gap:.5rem;font-size:.75rem;font-weight:700;display:flex}.landing-primary-cta{box-shadow:0 14px 36px oklch(24% .06 240/.22)}.landing-check{background:color-mix(in oklch, var(--color-sea-teal) 16%, transparent);width:1.25rem;height:1.25rem;color:var(--color-sea-teal);border-radius:999px;place-items:center;display:inline-grid}.landing-ocean-scene{background:linear-gradient(oklch(84% .075 212),oklch(96% .03 195) 55%,oklch(57% .11 205) 56%);border:1px solid oklch(100% 0 0/.6);border-radius:2.25rem;min-height:28rem;position:relative;overflow:hidden;box-shadow:0 32px 80px oklch(24% .06 240/.18),inset 0 1px oklch(100% 0 0/.75)}.landing-sun{background:oklch(90% .14 88);border-radius:999px;width:5rem;height:5rem;position:absolute;top:3.5rem;right:4rem;box-shadow:0 0 0 1.25rem oklch(94% .1 88/.18)}.landing-cloud{filter:blur(.2px);background:oklch(100% 0 0/.72);border-radius:999px;width:5.5rem;height:1.25rem;position:absolute}.landing-cloud:before,.landing-cloud:after{background:inherit;content:"";border-radius:999px 999px 0 0;position:absolute;bottom:0}.landing-cloud:before{width:2rem;height:2rem;left:1rem}.landing-cloud:after{width:2.75rem;height:2.75rem;right:.75rem}.landing-cloud-one{top:5rem;left:3rem}.landing-cloud-two{opacity:.72;top:10rem;right:1.5rem;scale:.7}.landing-island{background:linear-gradient(oklch(88% .09 85),oklch(72% .1 75));border-radius:48% 52% 42% 58%;width:15rem;height:4.5rem;position:absolute;bottom:6.25rem;right:14%;rotate:-3deg;box-shadow:0 1.25rem 0 -.6rem oklch(33% .08 210/.35)}.landing-palm{background:oklch(49% .08 65);border-radius:999px;width:.65rem;height:7rem;position:absolute;bottom:2.8rem;right:5rem;rotate:9deg}.landing-palm:before,.landing-palm:after,.landing-palm span:before,.landing-palm span:after{transform-origin:0;content:"";background:oklch(48% .13 145);border-radius:100% 0;width:4rem;height:1.2rem;position:absolute;top:-.25rem;left:50%}.landing-palm:before{rotate:-20deg}.landing-palm:after{rotate:35deg}.landing-palm span:before{rotate:150deg}.landing-palm span:after{rotate:205deg}.landing-boat{background:var(--color-ocean-navy);border-radius:0 0 2rem 2rem;width:4.5rem;height:1.25rem;animation:4s ease-in-out infinite landing-float;position:absolute;bottom:8.5rem;left:12%}.landing-boat:before{background:var(--color-ocean-navy);content:"";width:.15rem;height:4rem;position:absolute;bottom:1.25rem;left:2.15rem}.landing-boat:after{clip-path:polygon(0 0,100% 100%,0 100%);content:"";background:oklch(98% .015 190);width:2.4rem;height:2.6rem;position:absolute;bottom:2rem;left:2.3rem}.landing-ocean-lines{gap:.8rem;display:grid;position:absolute;bottom:1.5rem;left:0;right:0}.landing-ocean-lines span{background:repeating-linear-gradient(90deg,#0000 0 8%,oklch(93% .04 190/.52) 8% 19%,#0000 19% 25%);height:.25rem;animation:8s linear infinite landing-current}.landing-ocean-lines span:nth-child(2){animation-direction:reverse;translate:-2rem}.landing-floating-card{color:var(--color-ocean-navy);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:oklch(100% 0 0/.88);border:1px solid oklch(100% 0 0/.8);border-radius:.8rem;align-items:center;gap:.55rem;padding:.75rem .9rem;font-size:.75rem;font-weight:700;display:flex;position:absolute;box-shadow:0 10px 32px oklch(24% .06 240/.15)}.landing-floating-card-one{animation:5s ease-in-out infinite landing-float;top:3rem;left:1.5rem}.landing-floating-card-two{animation:5s ease-in-out .8s infinite landing-float;bottom:2rem;right:1.5rem}.landing-wave{background:linear-gradient(135deg, transparent 45%, var(--color-background) 46%) 0 0 / 2rem 2rem;height:2rem}.landing-section{padding-block:6rem;scroll-margin-top:5rem}.landing-journey{background:linear-gradient(180deg, var(--color-background), color-mix(in oklch, var(--landing-sand) 48%, var(--color-background)))}.landing-journey-grid{gap:1rem;display:grid}.landing-journey-card{border:1px solid var(--color-border);background:color-mix(in oklch, var(--color-card) 93%, transparent);border-radius:1.25rem;min-height:14rem;padding:1.5rem;position:relative;overflow:hidden;box-shadow:0 18px 45px oklch(24% .06 240/.06)}.landing-journey-card:after{background:color-mix(in oklch, var(--color-sea-teal) 9%, transparent);content:"";border-radius:999px;width:8rem;height:8rem;position:absolute;bottom:-3rem;right:-2.5rem}.landing-step-number{color:var(--color-sea-teal);letter-spacing:.16em;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:.75rem;font-weight:700}.landing-device-stage{align-items:end;gap:1.5rem;display:grid;position:relative}.landing-phone,.landing-laptop,.landing-projector{background:oklch(25% .055 235);border:1px solid oklch(100% 0 0/.14);box-shadow:0 30px 80px oklch(4% .04 240/.3)}.landing-phone{border-radius:2.2rem;justify-self:center;width:min(100%,15rem);min-height:24rem;padding:1.25rem}.landing-phone-speaker{background:oklch(100% 0 0/.18);border-radius:999px;width:3rem;height:.3rem;margin:0 auto 2rem}.landing-laptop{border-radius:1.2rem 1.2rem .5rem .5rem;min-height:20rem;padding:1.5rem}.landing-laptop-bar{gap:.3rem;margin-bottom:2rem;display:flex}.landing-laptop-bar span{background:oklch(100% 0 0/.2);border-radius:999px;width:.55rem;height:.55rem}.landing-projector{border-radius:1.2rem;min-height:16rem;padding:1.5rem}.landing-device-label{color:#fff;align-items:center;gap:.5rem;font-size:.875rem;font-weight:700;display:flex}.landing-mini-rank{color:oklch(94% .01 210);background:oklch(100% 0 0/.08);border-radius:.6rem;align-items:center;gap:.7rem;padding:.7rem;font-size:.75rem;display:flex}.landing-mini-rank span{width:1.35rem;height:1.35rem;color:var(--landing-aqua);background:oklch(70% .11 190/.22);border-radius:999px;place-items:center;display:grid}.landing-metric{background:oklch(100% 0 0/.07);border-radius:.7rem;padding:.75rem;display:grid}.landing-metric strong{color:#fff;font-size:1.25rem}.landing-metric span{color:oklch(72% .02 210);font-size:.65rem}.landing-phase-track{background:oklch(100% 0 0/.09);border-radius:999px;height:.5rem;overflow:hidden}.landing-phase-track span{border-radius:inherit;background:linear-gradient(90deg, var(--color-sea-teal), var(--landing-aqua));height:100%;display:block}.landing-projector div:last-child span{background:linear-gradient(180deg, var(--landing-aqua), var(--color-sea-teal));opacity:.8;border-radius:.25rem .25rem 0 0;width:1.25rem}.landing-audience-card{border:1px solid var(--color-border);background:var(--color-card);border-radius:1.25rem;padding:1.5rem;transition:translate .2s,box-shadow .2s}.landing-audience-card:hover{translate:0 -.25rem;box-shadow:0 20px 45px oklch(24% .06 240/.09)}.landing-benefits{background:radial-gradient(circle at 85% 50%, oklch(76% .12 190/.18), transparent 24rem), var(--landing-sand)}.landing-benefit-item{border:1px solid color-mix(in oklch, var(--color-border) 78%, transparent);background:oklch(100% 0 0/.7);border-radius:.9rem;align-items:flex-start;gap:.75rem;min-height:4rem;padding:1rem;font-size:.875rem;font-weight:600;display:flex}.landing-process{gap:1rem;display:grid}.landing-process-step{border-bottom:1px solid var(--color-border);align-items:center;gap:1rem;padding-block:1rem;display:flex}.landing-process-step span{background:var(--color-primary);width:2rem;height:2rem;color:var(--color-primary-foreground);border-radius:999px;place-items:center;font-size:.75rem;display:grid}.landing-pricing{background:linear-gradient(180deg, var(--color-background), color-mix(in oklch, var(--landing-sand) 55%, var(--color-background)))}.landing-pricing-card{border:1px solid color-mix(in oklch, var(--color-border) 70%, transparent);background:radial-gradient(circle at 95% 0%, oklch(76% .12 190/.23), transparent 18rem), var(--color-card);border-radius:2rem;gap:2rem;padding:clamp(1.5rem,5vw,3.5rem);display:grid;box-shadow:0 30px 80px oklch(24% .06 240/.1)}.landing-footer{border-top:1px solid var(--color-border);background:var(--color-card)}[data-reveal]{opacity:0;transition:opacity .65s ease var(--reveal-delay,0s), translate .65s cubic-bezier(.2, .75, .25, 1) var(--reveal-delay,0s);translate:0 1.25rem}[data-reveal].is-visible{opacity:1;translate:0}@keyframes landing-float{0%,to{translate:0}50%{translate:0 -.55rem}}@keyframes landing-current{to{background-position-x:12rem}}@media (width>=40rem){.landing-container{width:min(100% - 3rem,72rem)}.landing-journey-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-process{grid-template-columns:repeat(5,minmax(0,1fr))}.landing-process-step{text-align:center;border-bottom:0;justify-items:center;display:grid}}@media (width>=64rem){.landing-journey-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.landing-device-stage{grid-template-columns:.72fr 1.5fr 1fr}.landing-phone{translate:0 3rem}.landing-pricing-card{grid-template-columns:minmax(0,1fr) auto;align-items:center}}@media (width<=39.999rem){.landing-ocean-scene{min-height:23rem}.landing-floating-card-two{right:.75rem}.landing-island{transform-origin:100% 100%;right:1rem;scale:.8}.landing-section{padding-block:4.5rem}}@media (prefers-reduced-motion:reduce){[data-reveal]{opacity:1;translate:none}.landing-boat,.landing-floating-card,.landing-ocean-lines span{animation:none}.landing-audience-card:hover{translate:none}}