:root {
  --landing-bg: #020f23;
  --landing-bg-2: #031934;
  --landing-panel: rgba(7, 29, 59, .82);
  --landing-panel-strong: #071d3a;
  --landing-border: rgba(55, 142, 255, .34);
  --landing-text: #f5f9ff;
  --landing-muted: #aabbd2;
  --landing-blue: #1687ff;
  --landing-cyan: #14bcff;
  --landing-green: #13d39a;
  --landing-amber: #ffaf18;
  --landing-red: #ff4861;
  --landing-violet: #855cff;
  --header-height: 78px;
}
* { box-sizing: border-box; }
html { scroll-behavior: smooth; scroll-padding-top: calc(var(--header-height) + 18px); background: var(--landing-bg); }
body { min-width: 0; margin: 0; color: var(--landing-text); background: var(--landing-bg); font-family: Poppins, Arial, sans-serif; line-height: 1.5; }
button { color: inherit; font: inherit; }
img { max-width: 100%; }
body::before { content: ''; position: fixed; inset: 0; z-index: -2; background: radial-gradient(circle at 87% 12%, rgba(11, 104, 255, .17), transparent 27rem), radial-gradient(circle at 5% 87%, rgba(55, 39, 210, .14), transparent 24rem), linear-gradient(180deg, #03152f 0%, #020e20 46%, #031630 100%); }
a { color: inherit; }
.skip-link { position: fixed; z-index: 9999; top: 8px; left: 8px; padding: 10px 14px; border-radius: 8px; color: #fff; background: #087cff; transform: translateY(-150%); }
.skip-link:focus { transform: translateY(0); }
.landing-shell, .landing-nav { width: min(1440px, calc(100% - 48px)); margin-inline: auto; }

.landing-header { position: sticky; z-index: 1000; top: 0; border-bottom: 1px solid rgba(61, 136, 234, .22); background: rgba(2, 16, 36, .88); box-shadow: 0 8px 34px rgba(0, 8, 24, .24); backdrop-filter: blur(18px); }
.landing-nav { min-height: var(--header-height); display: flex; align-items: center; gap: 28px; }
.landing-brand { flex: 0 0 auto; display: flex; align-items: center; gap: 11px; text-decoration: none; }
.landing-brand img { width: 50px; height: 50px; object-fit: contain; filter: drop-shadow(0 0 12px rgba(30, 124, 255, .5)); }
.landing-brand strong, .landing-brand small { display: block; white-space: nowrap; }
.landing-brand strong { font-size: .95rem; line-height: 1.15; }
.landing-brand small { margin-top: 4px; color: #8ea9c9; font-size: .55rem; }
.landing-menu { flex: 1; min-width: 0; display: flex; align-items: center; justify-content: flex-end; gap: 24px; }
.landing-links { display: flex; align-items: center; justify-content: center; gap: clamp(9px, 1.15vw, 22px); min-width: 0; margin: 0; padding: 0; list-style: none; }
.landing-links a { position: relative; display: flex; align-items: center; gap: 6px; min-height: 44px; color: #d6e4f7; font-size: clamp(.63rem, .66vw, .74rem); text-decoration: none; white-space: nowrap; transition: color .2s ease; }
.landing-links a::after { content: ''; position: absolute; right: 0; bottom: 3px; left: 0; height: 2px; border-radius: 3px; background: linear-gradient(90deg, var(--landing-cyan), var(--landing-blue)); box-shadow: 0 0 10px var(--landing-blue); transform: scaleX(0); transition: transform .24s ease; }
.landing-links a:hover, .landing-links a.active { color: #fff; }
.landing-links a:hover::after, .landing-links a.active::after { transform: scaleX(1); }
.nav-count { min-width: 19px; height: 19px; display: inline-grid; place-items: center; padding-inline: 5px; border-radius: 999px; color: #fff; font-size: .58rem; font-weight: 800; font-style: normal; }
.nav-count.blue { background: var(--landing-blue); }.nav-count.amber { color: #101827; background: var(--landing-amber); }.nav-count.green { background: #0caa78; }.nav-count.violet { background: #7349e9; }.nav-count.cyan { background: #049bcc; }.nav-count.red { background: #e83d52; }
.landing-auth, .hero-actions { display: flex; align-items: center; gap: 12px; }
.button { min-height: 48px; display: inline-flex; align-items: center; justify-content: center; gap: 10px; padding: 11px 21px; border: 1px solid transparent; border-radius: 10px; font-size: .84rem; font-weight: 700; text-decoration: none; white-space: nowrap; transition: transform .2s ease, border-color .2s ease, background .2s ease, box-shadow .2s ease; }
.button:hover { color: #fff; transform: translateY(-2px); }.button:active { transform: translateY(0) scale(.98); }
.button-small { min-height: 43px; padding: 9px 18px; }
.button-primary { color: #fff; border-color: #1d99ff; background: linear-gradient(135deg, #14a7ff, #0866f4 64%, #174ad5); box-shadow: 0 10px 26px rgba(0, 111, 255, .3), inset 0 1px rgba(255,255,255,.22); }
.button-primary:hover { box-shadow: 0 13px 34px rgba(0, 127, 255, .43), 0 0 18px rgba(12, 145, 255, .18); }
.button-login, .button-outline { color: #e8f3ff; border-color: rgba(107, 168, 239, .55); background: rgba(4, 24, 51, .72); }
.button-login { min-width: 88px; min-height: 43px; padding: 9px 14px; font-size: .74rem; }.button-login:hover, .button-outline:hover { border-color: #36a9ff; background: rgba(10, 55, 105, .7); }
.landing-auth .button-primary { min-width: 104px; font-size: .74rem; }
.nav-toggle { display: none; width: 44px; height: 44px; padding: 11px; margin-left: auto; border: 1px solid var(--landing-border); border-radius: 10px; background: #071f42; }
.nav-toggle span { display: block; height: 2px; margin-block: 5px; border-radius: 2px; background: #ddecff; transition: .2s ease; }

.landing-hero { position: relative; isolation: isolate; overflow: hidden; border-bottom: 1px solid rgba(16, 134, 255, .35); background-color:#03152f; background-image:url('../mountain.png'); background-position:center bottom; background-repeat:no-repeat; background-size:cover; }
.landing-hero::before { content: ''; position: absolute; z-index: 1; inset: 0; background: linear-gradient(105deg, rgba(2,15,35,.55) 0%, rgba(2,17,39,.34) 43%, rgba(2,18,42,.08) 100%); pointer-events:none; }
.landing-hero::after { content: ''; position: absolute; z-index: 1; right: -9%; bottom: -44%; width: 65%; height: 80%; border-radius: 50%; background: radial-gradient(ellipse, rgba(10,87,255,.25), rgba(1,14,35,0) 67%); filter: blur(18px); pointer-events:none; }
.hero-mountains { --mountain-x: 0px; --mountain-y: 0px; position: absolute; z-index: 0; inset: 0; overflow: hidden; background:#03152f url('../mountain.png') center bottom/cover no-repeat; pointer-events: none; }
.mountain-image { position:absolute;inset:-3%;width:106%;height:106%;max-width:none;object-fit:cover;object-position:center bottom;transform:translate3d(var(--mountain-x),var(--mountain-y),0) scale(1.035);will-change:transform;animation:mountain-breathe 16s ease-in-out infinite alternate; }
.mountain-depth { position:absolute;inset:36% -4% -5%;background:url('../mountain.png') center bottom/cover no-repeat; }
.hero-mountains::after { content: ''; position: absolute; inset: 0; background: linear-gradient(180deg,rgba(2,16,37,.02) 0%,rgba(2,16,37,.04) 58%,rgba(1,10,24,.35) 100%); }
.mountain-depth { inset: 36% -4% -5%; opacity: .16; background-position:center bottom; filter:saturate(1.3) brightness(1.2); mix-blend-mode:screen; animation:mountain-depth 12s ease-in-out infinite alternate; }
.mountain-shimmer { position:absolute;z-index:1;right:-25%;bottom:5%;width:72%;height:48%;background:linear-gradient(112deg,transparent 28%,rgba(41,174,255,.18) 45%,rgba(37,104,255,.03) 53%,transparent 68%);filter:blur(9px);transform:skewX(-13deg);animation:ridge-shimmer 9s ease-in-out infinite; }
.mountain-flare { position:absolute;z-index:2;width:5px;height:5px;border-radius:50%;background:#d8f7ff;box-shadow:0 0 6px 2px #4ed1ff,0 0 22px 8px rgba(0,112,255,.8);animation:mountain-flare 4.8s ease-in-out infinite; }.flare-one{left:8%;bottom:10%}.flare-two{right:14%;bottom:8%;animation-delay:-1.7s}.flare-three{right:14.5%;top:18%;animation-delay:-3.2s}
.hero-mantra { position: absolute; z-index: 4; top: 82px; left: calc(50% - 245px); width: 150px; color: rgba(160,198,241,.68); font-family: "Segoe Script", "Brush Script MT", cursive; font-size: 1.65rem; line-height: 1.08; text-align: center; transform: rotate(-8deg); text-shadow: 0 0 14px rgba(68,143,238,.28); pointer-events: none; }
.hero-mantra span { display: block; }.hero-mantra span:nth-child(2){margin-left:18px}.hero-mantra span:nth-child(3){margin-left:30px}.hero-mantra span:nth-child(4){margin-left:48px}
.hero-mantra i { position: relative; display: block; width: 80px; height: 28px; margin: 5px 0 0 73px; border-top: 2px solid #197fff; border-radius: 50%; transform: rotate(-13deg); box-shadow: 0 -5px 12px rgba(23,126,255,.18); }
.hero-mantra i::after { content: ''; position: absolute; top: 7px; right: 8px; width: 42px; border-top: 2px solid #197fff; transform: rotate(-11deg); }
.hero-effects { position: absolute; inset: 0; z-index: 2; overflow: hidden; pointer-events: none; }
.hero-effects::before { content: ''; position: absolute; inset: 0; opacity: .18; background-image: linear-gradient(rgba(48,128,226,.2) 1px, transparent 1px), linear-gradient(90deg, rgba(48,128,226,.16) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, black, transparent 70%); }
.hero-effects i { position: absolute; width: 5px; height: 5px; border-radius: 50%; background: #24b6ff; box-shadow: 0 0 16px 5px rgba(22,133,255,.65); animation: float-light 8s ease-in-out infinite; }.hero-effects i:nth-child(1){left:6%;top:65%}.hero-effects i:nth-child(2){left:36%;top:18%;animation-delay:-3s}.hero-effects i:nth-child(3){right:5%;top:19%;animation-delay:-5s}
.hero-layout { position:relative;z-index:3;min-height:690px;display:grid;grid-template-columns:minmax(420px,.85fr) minmax(620px,1.15fr);align-items:center;gap:36px;padding-block:54px 62px; }
.hero-copy { position: relative; z-index: 2; }
.hero-kicker { display: inline-flex; align-items: center; gap: 8px; padding: 8px 13px; border: 1px solid rgba(34, 144, 255, .38); border-radius: 999px; color: #85caff; background: rgba(5, 41, 84, .55); font-size: .73rem; font-weight: 600; }
.hero-copy h1 { max-width: 610px; margin: 24px 0 18px; color: #f8fbff; font-size: clamp(2.7rem, 3.55vw, 3.85rem); font-weight: 800; line-height: 1.04; letter-spacing: -.055em; }
.hero-copy h1 em { color: #258bff; font-style: normal; text-shadow: 0 0 30px rgba(25, 122, 255, .34); }
.hero-copy > p { max-width: 630px; margin: 0 0 24px; color: #bdcbe0; font-size: .96rem; line-height: 1.75; }
.hero-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; max-width: 620px; margin-top: 30px; }
.hero-stats article { min-width: 0; display: flex; align-items: center; gap: 12px; min-height: 76px; padding: 13px; border: 1px solid rgba(69, 143, 231, .35); border-radius: 13px; background: linear-gradient(145deg, rgba(10,39,77,.88), rgba(4,24,51,.82)); box-shadow: inset 0 1px rgba(255,255,255,.035), 0 14px 35px rgba(0,7,20,.2); }
.hero-stats article > div { min-width: 0; text-align: left; }
.stat-symbol, .feature-icon { flex: 0 0 auto; display: grid; place-items: center; color: #fff; background: linear-gradient(145deg, #159fff, #0754ee); box-shadow: 0 0 20px rgba(20,130,255,.32); }.stat-symbol { width: 43px; height: 43px; border-radius: 12px; font-size: 1.15rem; }.stat-symbol.cyan,.feature-icon.cyan { background: linear-gradient(145deg,#20c9ff,#078ee3); }.stat-symbol.green,.feature-icon.green { background: linear-gradient(145deg,#18dda2,#05a977); }
.hero-stats strong, .hero-stats small { display: block; }.hero-stats strong { font-size: 1.15rem; }.hero-stats small { margin-top: 2px; color: var(--landing-muted); font-size: .67rem; }

.product-stage { position: relative; z-index: 1; min-width: 0; padding: 28px 30px 38px 0; perspective: 1300px; }
.stage-glow { position: absolute; inset: 15% -10% -8% 6%; z-index: -1; border-radius: 50%; background: radial-gradient(ellipse, rgba(7,91,255,.42), transparent 67%); filter: blur(24px); }
.desktop-frame { position: relative; width: 100%; aspect-ratio: 1.66; padding: 10px; border: 1px solid rgba(89,167,255,.72); border-radius: 25px; background: linear-gradient(150deg,#0c4081,#031328 9%,#061b35 91%,#0a53a1); box-shadow: -8px 15px 55px rgba(0,3,14,.55), 0 0 28px rgba(22,111,255,.2), inset 0 0 0 3px #020b18; transform: rotateY(-3deg) rotateX(1deg); }
.desktop-camera { position: absolute; z-index: 3; top: 5px; left: 50%; width: 6px; height: 6px; border-radius: 50%; background: #169aff; box-shadow: 0 0 6px #169aff; }
.preview-app { height: 100%; display: grid; grid-template-columns: 24% 76%; overflow: hidden; border: 1px solid #16477a; border-radius: 16px; background: #03142c; }
.preview-sidebar { min-width: 0; padding: 14px 10px; border-right: 1px solid #123963; background: linear-gradient(180deg,#061d3c,#04172f); }
.preview-logo { display: flex; align-items: center; gap: 6px; margin: 0 3px 17px; font-size: clamp(.38rem,.52vw,.62rem); }.preview-logo img { width: 24px; height: 24px; }.preview-sidebar a { display: flex; align-items: center; gap: 7px; margin-bottom: 3px; padding: 7px 8px; border-radius: 5px; color: #a9bed9; font-size: clamp(.34rem,.48vw,.57rem); text-decoration: none; }.preview-sidebar a.selected { color: #fff; background: linear-gradient(90deg,#0f73ed,#0956c5); }.preview-sidebar i { width: 11px; color: #bfe0ff; text-align: center; }
.preview-main { min-width: 0; padding: 13px; overflow: hidden; background: radial-gradient(circle at 85% 0,rgba(17,88,173,.15),transparent 35%),#04172f; }.preview-main h2 { margin: 8px 0; font-size: clamp(.54rem,.75vw,.9rem); }.preview-top { display: flex; justify-content: space-between; align-items: center; color: #7894b5; font-size: clamp(.3rem,.4vw,.48rem); }.preview-top label { width: 55%; padding: 6px 8px; border: 1px solid #14385e; border-radius: 5px; background: #092143; }.preview-top label i { margin-right: 5px; }.preview-top span { display: flex; gap: 9px; font-size: .65rem; }
.preview-metrics { display: grid; grid-template-columns: repeat(4,1fr); gap: 7px; }.preview-metrics article { padding: 8px 9px; border: 1px solid #175a9c; border-radius: 7px; background: #082349; }.preview-metrics small,.preview-metrics b { display: block; }.preview-metrics small { color: #a5bad3; font-size: clamp(.29rem,.38vw,.46rem); }.preview-metrics b { margin-top: 2px; font-size: clamp(.58rem,.8vw,.95rem); }.preview-metrics .metric-amber { border-color: #754b13;background:#28200f}.preview-metrics .metric-green{border-color:#08785b;background:#07362e}.preview-metrics .metric-red{border-color:#793044;background:#2d1424}
.preview-chart-card { margin-top: 8px; padding: 9px; border: 1px solid #143a64; border-radius: 8px; background: rgba(5,27,56,.84); }.preview-chart-card > div:first-child { display: flex; align-items: center; justify-content: space-between; font-size: clamp(.34rem,.48vw,.56rem); }.preview-chart-card small { color: #89a1bf; }.preview-chart-card small span { display: inline-block; width: 5px; height: 5px; border-radius: 50%; background: var(--landing-green); }.chart-box { position: relative; height: clamp(76px,7.2vw,110px); margin-top: 5px; }
.preview-bottom { display: grid; grid-template-columns: 1fr 1fr; gap: 8px; margin-top: 8px; }.preview-bottom article { padding: 8px 9px; border: 1px solid #143a64; border-radius: 8px; background: rgba(5,27,56,.82); font-size: clamp(.3rem,.4vw,.47rem); }.preview-bottom p { display: flex; align-items: center; gap: 5px; margin: 5px 0 0; color: #93a9c4; }.preview-bottom p strong { margin-left: auto; color: #eaf4ff; }.dot { width: 5px; height: 5px; border-radius: 50%; background: var(--landing-blue); }.dot.amber{background:var(--landing-amber)}.dot.green{background:var(--landing-green)}.dot.violet{background:var(--landing-violet)}
.phone-frame { position: absolute; z-index: 5; right: 0; bottom: 0; width: 24%; aspect-ratio: .53; padding: 20px 10px 10px; overflow: hidden; border: 2px solid #47a7ff; border-radius: 26px; background: linear-gradient(160deg,#082850,#031329); box-shadow: 0 18px 45px rgba(0,4,15,.62),0 0 18px rgba(23,132,255,.32),inset 0 0 0 4px #020c1b; transform: rotate(4deg); }.phone-speaker { position: absolute; top: 7px; left: 50%; width: 27%; height: 4px; border-radius: 5px; background: #020914; transform: translateX(-50%); }.phone-top { display: flex; align-items: center; gap: 5px; font-size: clamp(.27rem,.4vw,.47rem); }.phone-top b { flex:1 }.phone-top img { width: 18px;height:18px }.phone-frame > p { margin: 10px 0 7px; color: #d8e9ff; font-size: clamp(.31rem,.42vw,.5rem); }.phone-frame > p i{margin-right:4px;color:#39a9ff}.phone-metrics { display:grid;grid-template-columns:1fr 1fr;gap:5px }.phone-metrics article { padding:6px;border:1px solid #18518c;border-radius:6px;background:#092347 }.phone-metrics small,.phone-metrics b{display:block;font-size:clamp(.27rem,.37vw,.44rem)}.phone-metrics small{color:#88a3c2}.phone-metrics b{font-size:clamp(.47rem,.62vw,.72rem)}.phone-bars { height: 46px; display:flex;align-items:flex-end;gap:4px;margin:11px 4px 8px;border-bottom:1px solid #184574 }.phone-bars i{flex:1;height:25%;background:linear-gradient(#20b6ff,#155eea);border-radius:2px 2px 0 0}.phone-bars i:nth-child(2){height:43%}.phone-bars i:nth-child(3){height:34%}.phone-bars i:nth-child(4){height:67%}.phone-bars i:nth-child(5){height:58%}.phone-bars i:nth-child(6){height:82%}.phone-frame>a{display:block;padding:7px;border-radius:5px;color:#fff;background:linear-gradient(90deg,#0d8dff,#1357ef);font-size:clamp(.27rem,.38vw,.45rem);font-weight:700;text-align:center;text-decoration:none}

.public-warning { margin-top: 18px; padding: 12px 16px; border: 1px solid rgba(255,175,24,.45); border-radius: 10px; color: #ffd991; background: rgba(87,55,4,.24); font-size: .82rem; }
.features-section { position: relative; padding: 48px 0 58px; }.section-heading { margin-bottom: 26px; text-align: center; }.section-heading span { color: #55b7ff; font-size: .7rem; font-weight: 700; letter-spacing: .12em; text-transform: uppercase; }.section-heading h2 { margin: 7px 0 6px; font-size: clamp(1.55rem,2.25vw,2.25rem); font-weight: 750; letter-spacing: -.025em; }.section-heading p { margin: 0; color: var(--landing-muted); font-size: .83rem; }
.feature-grid { display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px }.feature-card { position:relative; min-width:0; min-height:112px; display:grid;grid-template-columns:52px minmax(0,1fr) 15px;align-items:center;gap:13px;padding:17px;border:1px solid var(--landing-border);border-radius:13px;background:linear-gradient(145deg,rgba(8,34,69,.9),rgba(3,22,47,.88));box-shadow:0 12px 32px rgba(0,6,19,.16);transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease }.feature-card:hover { transform:translateY(-4px);border-color:rgba(52,163,255,.78);box-shadow:0 18px 38px rgba(0,8,26,.32),0 0 20px rgba(11,113,255,.1) }.feature-icon { width:50px;height:50px;border-radius:50%;font-size:1.15rem }.feature-icon.violet{background:linear-gradient(145deg,#976aff,#5c35e7)}.feature-icon.amber{background:linear-gradient(145deg,#ffc72a,#f48b00)}.feature-card h3 { margin:0 0 5px;font-size:.78rem }.feature-card p { margin:0;color:#a8bad0;font-size:.67rem;line-height:1.55 }.feature-arrow { color:#dceaff;font-size:.72rem;transition:transform .2s ease }.feature-card:hover .feature-arrow{transform:translateX(4px)}.feature-card:hover .feature-icon i{animation:icon-pop .4s ease}
.closing-section { position:relative;isolation:isolate;overflow:hidden;padding:34px 0 48px }.closing-band { position:relative;min-height:118px;display:grid;grid-template-columns:1.4fr repeat(4,.75fr) 1.05fr;align-items:center;gap:12px;padding:22px 30px;border:1px solid rgba(35,151,255,.72);border-radius:58px;background:linear-gradient(110deg,rgba(5,30,62,.97),rgba(4,21,47,.98));box-shadow:0 18px 55px rgba(0,8,25,.32),0 0 28px rgba(17,110,255,.2),inset 0 1px rgba(89,181,255,.13) }.closing-band::before,.closing-band::after{content:'';position:absolute;z-index:-1;top:50%;width:190px;height:150px;border:1px solid #195dff;border-radius:50%;background:radial-gradient(circle at 55% 45%,rgba(36,75,255,.42),transparent 64%);filter:blur(.2px);transform:translateY(-50%)}.closing-band::before{right:96%}.closing-band::after{left:96%}.closing-shine{position:absolute;top:-1px;left:9%;width:38%;height:1px;background:linear-gradient(90deg,transparent,#36b9ff,transparent);box-shadow:0 0 13px #168cff}.closing-band blockquote { margin:0;padding-right:20px;border-right:1px solid #1675ca;color:#72bdff;font-family:Georgia,serif;font-size:1rem;font-style:italic }.closing-band blockquote small { display:block;margin-top:6px;color:#a9bdd5;font-family:Poppins,sans-serif;font-size:.62rem;font-style:normal }.closing-stat { text-align:center }.closing-stat strong,.closing-stat span{display:block}.closing-stat strong{font-size:1.15rem}.closing-stat span{margin-top:4px;color:#aebed2;font-size:.61rem}.closing-band .button{justify-self:end}.closing-orbit{position:absolute;z-index:-1;bottom:-80px;width:310px;height:180px;border-radius:50%;background:radial-gradient(ellipse,rgba(42,61,255,.58),rgba(14,72,215,.1) 55%,transparent 70%);filter:blur(8px)}.orbit-left{left:-120px}.orbit-right{right:-105px}
.landing-footer { padding:20px 0;border-top:1px solid rgba(57,132,221,.18);color:#8298b3;background:rgba(1,10,24,.58);font-size:.68rem}.landing-footer>div{display:flex;justify-content:space-between;gap:18px}
.reveal { opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease }.reveal[data-delay="1"]{transition-delay:.1s}.reveal[data-delay="2"]{transition-delay:.16s}.reveal[data-delay="3"]{transition-delay:.22s}.reveal.is-visible{opacity:1;transform:none}.stat-changed{animation:stat-change .55s ease}
@keyframes float-light{50%{transform:translateY(-15px);opacity:.55}}@keyframes icon-pop{50%{transform:scale(1.14) rotate(-5deg)}}@keyframes stat-change{45%{color:#54c8ff;text-shadow:0 0 15px rgba(43,177,255,.75);transform:translateY(-2px)}}@keyframes mountain-breathe{0%{transform:translate3d(var(--mountain-x),var(--mountain-y),0) scale(1.035)}100%{transform:translate3d(calc(var(--mountain-x) - 9px),calc(var(--mountain-y) - 4px),0) scale(1.055)}}@keyframes mountain-depth{0%{transform:translate3d(-8px,5px,0) scale(1.04)}100%{transform:translate3d(10px,-3px,0) scale(1.07)}}@keyframes ridge-shimmer{0%,24%{opacity:0;transform:translateX(-12%) skewX(-13deg)}52%{opacity:.9}78%,100%{opacity:0;transform:translateX(28%) skewX(-13deg)}}@keyframes mountain-flare{0%,100%{opacity:.42;transform:scale(.72)}50%{opacity:1;transform:scale(1.22)}}



@media (max-width: 1260px) {
  .landing-shell,.landing-nav{width:min(1180px,calc(100% - 32px))}.landing-nav{gap:16px}.landing-brand strong{font-size:.92rem}.landing-brand small{font-size:.55rem}.landing-links{gap:9px}.landing-links a{font-size:.66rem}.landing-auth{gap:7px}.landing-auth .button{padding-inline:12px;font-size:.7rem}.hero-layout{grid-template-columns:minmax(390px,.85fr) minmax(540px,1.15fr);min-height:620px}.feature-grid{grid-template-columns:repeat(3,1fr)}.closing-band{grid-template-columns:1.2fr repeat(4,.65fr) 1fr}
}
@media (max-width: 1023.98px) {
  :root{--header-height:70px}.landing-nav{min-height:var(--header-height);flex-wrap:wrap}.landing-brand img{width:44px;height:44px}.nav-toggle{display:block}.landing-menu{position:absolute;top:100%;right:0;left:0;display:block;max-height:0;overflow:hidden;border-bottom:1px solid transparent;background:rgba(2,17,38,.98);box-shadow:0 20px 36px rgba(0,6,18,.38);transition:max-height .3s ease,border-color .3s ease}.landing-menu.open{max-height:calc(100dvh - var(--header-height));overflow-y:auto;border-color:var(--landing-border)}.landing-links{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:14px 18px}.landing-links a{justify-content:space-between;padding-inline:10px;font-size:.79rem}.landing-auth{padding:0 18px 18px}.landing-auth .button{flex:1}.hero-layout{grid-template-columns:1fr;min-height:0;padding-block:54px 70px}.hero-copy{text-align:center}.hero-copy h1,.hero-copy>p,.hero-stats{margin-inline:auto}.hero-actions{justify-content:center}.hero-mantra{top:47%;left:auto;right:8%;opacity:.72}.hero-mountains::before,.mountain-depth{background-position:62% bottom}.product-stage{width:min(780px,100%);margin:auto;padding-top:10px}.feature-grid{grid-template-columns:repeat(2,1fr)}.closing-band{grid-template-columns:repeat(4,1fr);border-radius:28px}.closing-band blockquote{grid-column:1/3}.closing-band .button{grid-column:3/5;grid-row:1;justify-self:stretch}.closing-stat{padding-top:12px;border-top:1px solid rgba(42,126,218,.22)}
}
@media (max-width: 639.98px) {
  .landing-shell,.landing-nav{width:min(100% - 22px,560px)}.landing-brand strong{font-size:.82rem}.landing-brand small{font-size:.5rem}.landing-links{grid-template-columns:1fr}.landing-auth{flex-direction:column}.landing-auth .button{width:100%}.landing-hero::after{right:-45%;width:130%}.hero-layout{padding-top:38px;padding-bottom:52px}.hero-kicker{font-size:.62rem}.hero-copy h1{margin-top:18px;font-size:clamp(2.25rem,11.7vw,3.2rem);letter-spacing:-.05em}.hero-copy>p{font-size:.82rem;line-height:1.65}.hero-actions{flex-direction:column}.hero-actions .button{width:100%}.hero-stats{grid-template-columns:1fr;gap:8px}.hero-stats article{min-height:64px}.hero-mantra{display:none}.hero-mountains::before,.mountain-depth{background-position:67% bottom}.mountain-depth,.mountain-shimmer{opacity:.09}.product-stage{margin-top:16px;padding:8px 5% 25px 0}.desktop-frame{border-radius:15px;padding:6px}.preview-app{border-radius:10px}.preview-sidebar{padding:8px 5px}.preview-sidebar a{padding:4px 3px;gap:3px}.preview-logo{margin-bottom:8px}.preview-logo img{width:15px;height:15px}.preview-main{padding:7px}.preview-top label{padding:3px}.preview-main h2{margin:4px 0}.preview-metrics{gap:3px}.preview-metrics article{padding:4px}.preview-chart-card{margin-top:4px;padding:4px}.chart-box{height:48px}.preview-bottom{display:none}.phone-frame{width:25%;padding:13px 6px 6px;border-radius:16px}.phone-top img{width:11px;height:11px}.phone-frame>p{margin:5px 0}.phone-metrics{gap:2px}.phone-metrics article{padding:3px}.phone-bars{height:25px;margin:4px 2px}.phone-frame>a{padding:4px}.features-section{padding-block:38px}.section-heading p{font-size:.75rem}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:104px}.closing-section{padding-top:20px}.closing-band{grid-template-columns:1fr 1fr;padding:24px 18px;border-radius:24px}.closing-band blockquote{grid-column:1/-1;padding:0 0 18px;border-right:0;border-bottom:1px solid #1675ca;text-align:center}.closing-band .button{grid-column:1/-1;grid-row:auto;margin-top:8px}.closing-stat{padding-block:10px}.landing-footer>div{flex-direction:column;align-items:center;text-align:center}
}
@media (max-width: 359.98px) { .landing-brand img{width:38px;height:38px}.landing-brand strong{font-size:.72rem}.landing-brand small{font-size:.45rem}.hero-copy h1{font-size:2.12rem}.button{padding-inline:14px}.feature-card{grid-template-columns:44px minmax(0,1fr) 12px;padding:13px}.feature-icon{width:43px;height:43px}.phone-frame{right:-2px} }
@media (max-width: 1023.98px) { .mountain-image{object-position:62% bottom} }
@media (max-width: 639.98px) { .mountain-image{object-position:67% bottom} }
@media (prefers-reduced-motion: reduce) { html{scroll-behavior:auto}*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.reveal{opacity:1;transform:none} }