.landing-2026{--landing-bg:#030912;--landing-ink:#f3f8fc;--landing-muted:#9bb1c3;--landing-line:rgba(167,207,231,.16);--landing-blue:#9de3ff;--landing-progress:0;position:relative;isolation:isolate;min-height:100vh;background:var(--landing-bg);color:var(--landing-ink);color-scheme:dark;overflow:clip}
.landing-2026+footer.legal-footer{display:none}
.landing-2026 *{box-sizing:border-box}
.landing-2026 a{color:inherit;text-decoration:none}
.landing-2026 p{color:var(--landing-muted)}
.landing-2026 main{min-height:0}
.landing-2026 h1,.landing-2026 h2,.landing-2026 h3{letter-spacing:-.05em}
.landing-2026 h1,.landing-2026 h2{font-weight:600}
.landing-2026 em{font-style:normal;color:#b4e8ff}
.landing-topbar{position:fixed;inset:0 0 auto;height:82px;z-index:60;padding:0 clamp(24px,4.5vw,76px);display:flex;align-items:center;gap:38px;border-bottom:1px solid transparent;transition:background .35s,border-color .35s,backdrop-filter .35s}
.landing-2026[data-scrolled="true"] .landing-topbar{background:rgba(4,13,24,.75);border-color:var(--landing-line);backdrop-filter:blur(18px)}
.landing-logo{display:flex;align-items:center;flex:none;width:224px;height:61px;overflow:hidden}
.landing-logo img{width:100%;height:auto;object-fit:contain;mix-blend-mode:screen}
.landing-topbar nav{display:flex;align-items:center;gap:clamp(14px,2.1vw,33px);margin-left:auto}
.landing-topbar nav a,.landing-signin{font-size:13px;font-weight:550;color:#bed0dd;white-space:nowrap;transition:color .25s}
.landing-topbar nav a:hover,.landing-signin:hover{color:white}
.landing-top-actions{display:flex;align-items:center;gap:23px}
.landing-top-cta{display:inline-flex;align-items:center;gap:15px;padding:13px 18px;border:1px solid rgba(180,232,255,.48);border-radius:999px;background:rgba(128,206,246,.12);font-size:12px;font-weight:650;white-space:nowrap;transition:background .25s,transform .25s}
.landing-top-cta:hover{background:rgba(128,206,246,.25);transform:translateY(-2px)}
.landing-hero{position:relative;min-height:100svh;min-height:max(760px,100svh);overflow:hidden;background:#020812}
.landing-sky,.landing-mountain{position:absolute;inset:0;background-image:linear-gradient(180deg,rgba(1,7,15,.26),transparent 42%,rgba(2,8,17,.13) 72%,#030912 100%),url('/brand/landing/mountain-night.webp');background-size:cover;background-position:center bottom;will-change:transform}
.landing-sky{transform:scale(1.055) translateY(calc(var(--landing-progress)*-8px))}
.landing-hero-content{position:relative;width:min(1200px,100%);margin:auto;padding:clamp(145px,18vh,205px) 24px 200px;text-align:center;display:flex;flex-direction:column;align-items:center}
.landing-eyebrow{display:block;color:#a6d9ed;font-size:10px;font-weight:750;letter-spacing:.24em;text-transform:uppercase}
.landing-hero .landing-eyebrow{position:relative;z-index:2;font-family:ui-monospace,"Cascadia Code",Consolas,monospace;transform:translateY(calc(var(--landing-progress)*-72px));opacity:calc(1 - var(--landing-progress)*1.05)}
.landing-hero h1{position:relative;z-index:2;margin:25px 0 23px;max-width:1000px;font-size:clamp(72px,6.95vw,104px);font-weight:750;line-height:.92;letter-spacing:-.04em;text-wrap:balance;text-shadow:0 8px 50px rgba(1,7,15,.56);transform:translateY(calc(var(--landing-progress)*-72px));opacity:calc(1 - var(--landing-progress)*1.14);will-change:transform,opacity}
.landing-hero-content>p{position:relative;z-index:4;max-width:470px;margin:0;font-size:17px;line-height:1.6;color:#e8f4fc;text-shadow:0 3px 10px #020811,0 0 25px #020811,0 0 44px #020811}
.landing-hero-actions{position:relative;z-index:4;display:flex;align-items:center;justify-content:center;gap:14px;margin-top:34px}
.landing-button{display:inline-flex;align-items:center;justify-content:center;gap:28px;padding:16px 22px;border-radius:999px;font-size:13px;font-weight:700;transition:transform .28s,box-shadow .28s,background .28s}
.landing-button:hover{transform:translateY(-3px)}
.landing-button-primary{background:#d8f2ff;color:#081724!important;box-shadow:0 10px 40px rgba(134,210,244,.19)}
.landing-button-primary:hover{box-shadow:0 16px 46px rgba(134,210,244,.34)}
.landing-button-quiet{border:1px solid rgba(185,220,239,.3);background:rgba(2,12,23,.38);color:#e2f1f8!important}
.landing-button-quiet:hover{background:rgba(36,72,98,.46)}
.landing-mountain{z-index:3;pointer-events:none;clip-path:polygon(0 71%,10% 70%,20% 71%,28% 67%,36% 60%,43% 55%,48% 51%,50% 48%,52% 52%,57% 58%,65% 65%,75% 69%,85% 68%,100% 70%,100% 100%,0 100%);transform:scale(calc(1.055 + var(--landing-progress)*.012)) translateY(calc(var(--landing-progress)*-26px));will-change:transform}
.landing-scroll-cue{position:absolute;bottom:47px;left:50%;z-index:5;display:flex;gap:15px;align-items:center;transform:translateX(-50%);font-size:10px;letter-spacing:.19em;text-transform:uppercase;color:#ccdeea!important}
.landing-scroll-cue span{font-size:21px;font-weight:300}
.landing-section{position:relative;z-index:4;max-width:1248px;margin:auto;padding:142px 24px}
.landing-section-head{max-width:770px;margin-bottom:66px}
.landing-section-head h2,.landing-last h2{font-size:clamp(44px,5vw,76px);line-height:1.05;margin:22px 0 0;text-wrap:balance}
.landing-ecosystem{padding-top:170px}
.landing-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px 38px}
.landing-capability{position:relative;min-height:205px;padding:26px 8px 20px 0;border:0;border-top:1px solid var(--landing-line);border-radius:0;background:transparent;transform:perspective(900px) rotateX(0deg) translateY(0);transition:transform .35s,border-color .35s,background .35s}
.landing-capability:hover{transform:perspective(900px) rotateX(2deg) translateY(-4px);border-color:rgba(155,221,255,.48);background:radial-gradient(ellipse at 15% 5%,rgba(89,175,219,.09),transparent 65%)}
.landing-capability-icon{display:grid;place-items:center;width:32px;height:32px}.landing-capability-icon img{width:29px;height:29px;object-fit:contain}
.landing-capability-index{position:absolute;top:29px;right:8px;color:#6f91a6;font-size:11px;letter-spacing:.15em}
.landing-capability h3{font-size:21px;font-weight:550;margin:35px 0 9px}
.landing-capability p{max-width:260px;font-size:13px;line-height:1.6;margin:0}
.landing-willy{padding-top:145px}
.landing-willy .landing-section-head p{font-size:17px;margin:21px 0 24px}
.landing-text-link{display:inline-flex;gap:18px;padding:0 0 8px;border-bottom:1px solid #a9dbf3;font-size:13px;font-weight:600}
.landing-dashboard-image{position:relative;overflow:hidden;border:1px solid rgba(160,219,247,.34);border-radius:24px;background:#091724;box-shadow:0 40px 110px rgba(1,7,13,.8),0 0 80px rgba(78,174,239,.1);transform:perspective(1100px) rotateX(2deg);transition:transform .5s}
.landing-dashboard-image:hover{transform:perspective(1100px) rotateX(0)}
.landing-dashboard-image img{display:block;width:100%;height:auto}
.landing-pricing{padding-top:155px}
.landing-pricing-switch{display:flex;width:max-content;margin:-15px 0 40px;padding:4px;border:1px solid var(--landing-line);border-radius:999px;background:#0d1a29}
.landing-pricing-switch button{padding:10px 23px;border:0;border-radius:999px;background:transparent;color:#b6c9d6;font:600 12px/1.2 inherit;cursor:pointer}
.landing-pricing-switch button[aria-pressed="true"]{background:#d5f1ff;color:#071723;box-shadow:0 3px 16px rgba(117,207,246,.21)}
.landing-pricing-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}
.landing-plan{display:flex;flex-direction:column;min-height:415px;padding:31px 26px;border:1px solid var(--landing-line);border-radius:23px;background:linear-gradient(170deg,#132536,#091522 75%)}
.landing-plan.is-featured{border-color:rgba(137,211,246,.68);background:linear-gradient(170deg,#1c3b50,#0a1929 78%);box-shadow:0 0 60px rgba(69,151,192,.13)}
.landing-plan-name{text-transform:uppercase;letter-spacing:.17em;font-size:11px;font-weight:700;color:#a6d7ee}
.landing-plan>strong{display:block;margin:34px 0 9px;font-size:clamp(30px,2.5vw,39px);font-weight:550;white-space:nowrap;letter-spacing:-.055em}
.landing-plan>strong small{font-size:13px;color:#96aabd;letter-spacing:0;font-weight:450}
.landing-plan>p{font-size:13px;margin:0 0 21px}
.landing-plan ul{display:grid;gap:13px;padding:20px 0 27px;margin:0;list-style:none;border-top:1px solid var(--landing-line);font-size:12px;color:#c3d5e0;line-height:1.45}
.landing-plan li::before{content:'↗';margin-right:10px;color:#a9dff7}
.landing-plan>a{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding:13px 14px;border:1px solid rgba(173,226,251,.32);border-radius:11px;font-size:12px;font-weight:650;transition:background .2s}
.landing-plan>a:hover{background:rgba(116,202,242,.16)}
.landing-pricing-note{margin:22px 0 0;font-size:12px}
.landing-pricing-note a{text-decoration:underline;text-underline-offset:3px}
.landing-trust{padding-bottom:165px}
.landing-trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--landing-line);border-bottom:1px solid var(--landing-line)}
.landing-trust-grid span{padding:29px 18px;font-size:13px;text-align:center;color:#c1d2dd;border-right:1px solid var(--landing-line)}
.landing-trust-grid span:last-child{border:0}
.landing-last{position:relative;z-index:4;text-align:center;padding:138px 24px 160px;background:radial-gradient(ellipse at 50% 85%,rgba(49,122,164,.22),transparent 55%),#06111c;border-block:1px solid var(--landing-line)}
.landing-last h2{margin:23px auto 41px;max-width:930px}
.landing-footer{position:relative;z-index:4;max-width:1248px;margin:auto;padding:55px 24px 32px;display:grid;grid-template-columns:1fr 1.5fr;gap:35px 45px}
.landing-footer-brand{display:flex;flex-direction:column;gap:6px;color:#9bb5c8;font-size:12px}
.landing-footer-brand img{width:185px;height:auto;mix-blend-mode:screen}
.landing-footer nav{display:flex;flex-wrap:wrap;align-content:flex-start;justify-content:flex-end;gap:16px 23px}
.landing-footer nav a,.landing-footer nav span{font-size:11px;color:#a5b9c8;white-space:nowrap}
.landing-footer nav a:hover{color:white}
.landing-footer nav span{opacity:.68}
.landing-footer small{grid-column:1/-1;padding-top:28px;border-top:1px solid var(--landing-line);color:#7891a4;font-size:10px}
@media(max-width:1200px){.landing-topbar{gap:18px}.landing-logo{width:186px}.landing-topbar nav{gap:15px}.landing-topbar nav a,.landing-signin{font-size:12px}.landing-top-cta{padding:11px 13px}.landing-pricing-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.landing-topbar nav{display:none}.landing-hero-content{padding-left:35px}.landing-mountain{display:none}.landing-hero h1,.landing-hero .landing-eyebrow{transform:translateY(calc(var(--landing-progress)*-44px))}.landing-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-trust-grid{grid-template-columns:repeat(2,1fr)}.landing-trust-grid span:nth-child(2){border-right:0}.landing-trust-grid span:nth-child(-n+2){border-bottom:1px solid var(--landing-line)}}
@media(max-width:600px){.landing-topbar{height:70px;padding:0 16px;gap:9px}.landing-logo{width:150px;height:52px}.landing-signin{display:none}.landing-top-actions{margin-left:auto}.landing-top-cta{font-size:10px;padding:10px 11px;gap:6px}.landing-top-cta span{display:none}.landing-hero{min-height:790px;min-height:100svh}.landing-sky,.landing-mountain{background-size:auto 100%;background-position:50% bottom}.landing-hero-content{padding:175px 23px 170px;align-items:flex-start;text-align:left}.landing-hero h1{font-size:clamp(45px,12vw,67px);margin:21px 0;line-height:1}.landing-hero-content>p{font-size:15px;max-width:330px}.landing-hero-actions{flex-direction:column;align-items:flex-start;gap:10px;margin-top:28px}.landing-hero-actions .landing-button{min-width:220px}.landing-scroll-cue{bottom:22px}.landing-section{padding:95px 20px}.landing-ecosystem{padding-top:120px}.landing-section-head{margin-bottom:40px}.landing-section-head h2,.landing-last h2{font-size:clamp(39px,10vw,53px)}.landing-capabilities{grid-template-columns:1fr}.landing-capability{min-height:175px;padding:24px 0}.landing-capability h3{margin-top:28px}.landing-capability-index{top:29px;right:8px}.landing-dashboard-image{border-radius:14px;transform:none}.landing-pricing-grid{grid-template-columns:1fr}.landing-plan{min-height:350px}.landing-pricing-switch{margin-top:0}.landing-trust-grid{grid-template-columns:1fr}.landing-trust-grid span{border-right:0;border-bottom:1px solid var(--landing-line)}.landing-trust-grid span:last-child{border-bottom:0}.landing-last{padding:100px 20px 115px}.landing-footer{grid-template-columns:1fr;padding:45px 20px 28px}.landing-footer nav{justify-content:flex-start}.landing-footer small{grid-column:auto}}
@media(max-width:390px){.landing-logo{width:126px}.landing-top-cta{font-size:9px}.landing-hero h1{font-size:45px}}
@media(prefers-reduced-motion:reduce){.landing-2026 *, .landing-2026 *::before,.landing-2026 *::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.landing-sky,.landing-mountain,.landing-hero h1,.landing-hero .landing-eyebrow{transform:none!important}.landing-hero h1,.landing-hero .landing-eyebrow{opacity:1!important}}

.landing-2026 .landing-logo img,.landing-2026 .landing-footer-brand img{mix-blend-mode:normal}
.landing-2026 #ecosysteme,.landing-2026 #formules,.landing-2026 #ressources{scroll-margin-top:86px}
.landing-2026 .landing-pricing-switch button{font-family:inherit;font-size:12px;font-weight:600;line-height:1.2}

.landing-mobile-nav{display:none;position:relative}
.landing-mobile-nav>button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;width:41px;height:41px;padding:0;border:1px solid rgba(180,232,255,.35);border-radius:12px;background:rgba(12,31,47,.52);color:#d8f1fc;cursor:pointer}
.landing-mobile-nav>button span{width:17px;height:1px;background:currentColor}
.landing-mobile-nav nav{position:absolute;top:calc(100% + 12px);right:0;width:215px;display:grid;gap:0;padding:10px;border:1px solid rgba(180,232,255,.24);border-radius:16px;background:rgba(7,19,32,.96);box-shadow:0 24px 50px rgba(0,0,0,.35);backdrop-filter:blur(16px)}
.landing-mobile-nav nav a{display:block;padding:12px;border-radius:9px;color:#e7f4fb;font-size:13px}
.landing-mobile-nav nav a:hover{background:rgba(149,217,249,.12)}
@media(max-width:900px){.landing-mobile-nav{display:block;margin-left:auto}.landing-top-actions{margin-left:0}}
@media(max-width:600px){.landing-mobile-nav{order:3}.landing-top-actions{order:2;margin-left:auto}.landing-mobile-nav nav{right:0}.landing-topbar{gap:8px}}

.landing-preview-note{position:absolute;bottom:18px;left:18px;padding:7px 10px;border-radius:7px;background:rgba(3,11,19,.76);color:#d0e0ea;font-size:10px;letter-spacing:.04em;backdrop-filter:blur(7px)}
.landing-2026 :is(a,button):focus-visible{outline:2px solid #b4e8ff;outline-offset:4px}
.landing-2026 [data-reveal="true"]{opacity:.62;translate:0 22px;transition:opacity .8s ease,translate .8s cubic-bezier(.22,1,.36,1)}
.landing-2026 [data-reveal="true"][data-visible="true"]{opacity:1;translate:0 0}
@media(prefers-reduced-motion:reduce){.landing-2026 [data-reveal="true"]{opacity:1!important;translate:none!important}}

/* The sections after the hero share one continuous night-sky surface. */
.landing-journey{position:relative;isolation:isolate;background:radial-gradient(ellipse 55% 15% at 50% 18%,rgba(59,128,169,.16),transparent 78%),radial-gradient(ellipse 55% 17% at 75% 55%,rgba(45,105,145,.11),transparent 80%),linear-gradient(180deg,#030912 0%,#05101b 43%,#030912 100%)}
.landing-story{position:relative;z-index:4;padding:150px 24px 60px;text-align:center}
.landing-story-inner{max-width:1020px;margin:auto}
.landing-story-kicker{display:block;color:#9fc6d9;font:650 11px/1.5 ui-monospace,"Cascadia Code",Consolas,monospace;letter-spacing:.22em}
.landing-story h2{margin:31px auto 78px;max-width:1000px;font-size:clamp(46px,5.5vw,82px);font-weight:600;line-height:1.07;letter-spacing:-.055em;text-wrap:balance}
.landing-willy{padding-top:100px;padding-bottom:145px}
.landing-willy .landing-section-head{max-width:850px}
.landing-dashboard-image{transform:perspective(1200px) rotateX(2deg) translateY(8px);box-shadow:0 48px 115px rgba(1,7,13,.68),0 0 85px rgba(78,174,239,.12)}
.landing-dashboard-image:hover{transform:perspective(1200px) rotateX(.4deg) translateY(0)}
.landing-dashboard-image::after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(130deg,rgba(215,245,255,.075),transparent 25% 75%,rgba(146,216,246,.04))}
.landing-ecosystem{padding-top:110px;padding-bottom:105px}
.landing-capability{min-height:175px;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s,background .24s}
.landing-capability:hover{transform:perspective(900px) rotateX(1.5deg) translateY(-3px)}
.landing-capability h3{font-size:24px;font-weight:600;letter-spacing:-.035em;text-transform:uppercase}
.landing-capability p{max-width:none;color:#91a9b9;font-size:13px;transition:color .24s}
.landing-capability:hover p{color:#d2e6ef}
.landing-proof{padding-top:100px;padding-bottom:170px}
.landing-proof .landing-section-head{margin-bottom:55px}
.landing-proof-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.landing-proof-item{min-width:0;padding-top:16px;border-top:1px solid var(--landing-line)}
.landing-proof-index{color:#84b3c8;font:600 10px/1.2 ui-monospace,Consolas,monospace;letter-spacing:.18em}
.landing-proof-image{overflow:hidden;margin-top:22px;border:1px solid rgba(151,208,237,.19);border-radius:15px;background:#0b1723;box-shadow:0 22px 52px rgba(0,0,0,.25)}
.landing-proof-image img{display:block;width:100%;height:auto;aspect-ratio:2.45;object-fit:cover;transition:transform .38s cubic-bezier(.22,1,.36,1)}
.landing-proof-item:hover img{transform:scale(1.025)}
.landing-proof-caption{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-top:21px}
.landing-proof-caption h3{margin:0;font-size:21px;font-weight:600}
.landing-proof-caption p{margin:0;font-size:12px;text-align:right}
.landing-proof-note{margin:30px 0 0;color:#7792a5!important;font-size:11px}
.landing-pricing{padding-top:155px;padding-bottom:155px}
.landing-pricing::before{content:"";position:absolute;z-index:-1;inset:2% -10% 0;pointer-events:none;background:radial-gradient(ellipse 57% 40% at 50% 40%,rgba(57,118,152,.12),transparent 78%)}
.landing-plan{position:relative;min-height:408px;transition:transform .24s cubic-bezier(.22,1,.36,1),border-color .24s,box-shadow .24s}
.landing-plan:hover{transform:translateY(-5px);border-color:rgba(164,222,250,.48)}
.landing-plan.is-free{background:linear-gradient(170deg,#0e1b29,#08121d 80%)}
.landing-plan.is-solo{background:linear-gradient(170deg,#13283a,#0a1827 80%)}
.landing-plan.is-pro{border-color:rgba(147,218,252,.65);background:linear-gradient(170deg,#1b3a50,#0b1c2e 78%);box-shadow:0 22px 55px rgba(31,85,117,.14)}
.landing-plan.is-business{background:linear-gradient(170deg,#12202d,#070e18 82%);border-color:rgba(157,188,208,.3)}
.landing-plan.is-pro>a{background:rgba(163,222,250,.13);border-color:rgba(180,231,255,.55)}
.landing-trust{padding-top:125px;padding-bottom:150px}
.landing-trust-grid span::before{content:"";display:block;width:3px;height:3px;margin:0 auto 15px;border-radius:50%;background:#91c8e1;box-shadow:0 0 12px rgba(153,222,252,.5)}
.landing-last{overflow:hidden;background:linear-gradient(180deg,#030912,#081724 57%,#08131e);border-block-color:rgba(167,207,231,.1)}
.landing-last::before{content:"";position:absolute;z-index:-1;left:-15%;right:-15%;bottom:-180px;height:360px;pointer-events:none;background:radial-gradient(ellipse 44% 22% at 50% 38%,rgba(165,216,245,.2),transparent 72%),radial-gradient(ellipse 70% 40% at 50% 100%,rgba(28,81,113,.34),transparent 78%);filter:blur(12px)}
.landing-last h2{position:relative}
.landing-2026 [data-reveal="true"]{clip-path:inset(0 0 7% 0);transition:opacity .85s ease,translate .85s cubic-bezier(.22,1,.36,1),clip-path .85s cubic-bezier(.22,1,.36,1)}
.landing-2026 [data-reveal="true"][data-visible="true"]{clip-path:inset(0)}
@media(max-width:900px){.landing-story{padding-top:125px}.landing-story h2{margin-bottom:60px}.landing-proof-grid{gap:15px}.landing-proof-caption{display:block}.landing-proof-caption p{text-align:left;margin-top:8px}}
@media(max-width:600px){.landing-story{padding:115px 20px 35px}.landing-story-kicker{font-size:9px}.landing-story h2{margin:27px 0 50px;font-size:clamp(37px,10vw,52px)}.landing-willy{padding-top:90px;padding-bottom:100px}.landing-dashboard-image{transform:none}.landing-dashboard-image:hover{transform:none}.landing-preview-note{bottom:9px;left:9px;padding:5px 7px;font-size:8px}.landing-ecosystem{padding-top:95px;padding-bottom:80px}.landing-capability{min-height:150px}.landing-capability h3{font-size:22px}.landing-proof{padding-top:75px;padding-bottom:110px}.landing-proof-grid{grid-template-columns:1fr;gap:38px}.landing-proof-image img{aspect-ratio:2.45}.landing-pricing{padding-top:105px;padding-bottom:105px}.landing-trust{padding-top:105px;padding-bottom:110px}.landing-last{padding-top:110px;padding-bottom:130px}}
@media(prefers-reduced-motion:reduce){.landing-2026 [data-reveal="true"]{clip-path:none!important}.landing-dashboard-image,.landing-dashboard-image:hover,.landing-proof-item:hover img,.landing-plan:hover{transform:none!important}}

/* Keep the final sequence spacious without leaving empty screens between chapters. */
.landing-willy{padding-bottom:115px}
.landing-ecosystem{padding-top:100px}
.landing-proof{padding-bottom:110px}
.landing-pricing{padding-top:110px;padding-bottom:115px}
.landing-trust{padding-top:105px;padding-bottom:115px}
.landing-2026 [data-reveal="true"]{translate:0 14px;clip-path:inset(0 0 4% 0);transition:opacity .58s ease,translate .58s cubic-bezier(.22,1,.36,1),clip-path .58s cubic-bezier(.22,1,.36,1)}
@media(max-width:600px){.landing-willy{padding-bottom:65px}.landing-ecosystem{padding-top:65px}.landing-proof{padding-bottom:65px}.landing-pricing{padding-top:75px;padding-bottom:85px}.landing-trust{padding-top:80px;padding-bottom:80px}.landing-last{padding-top:95px;padding-bottom:105px}}

/* Willy turns one intention into a short, replayable sequence. */
.landing-story{isolation:isolate}
.landing-story::before{content:"";position:absolute;z-index:0;inset:17% 0 0;pointer-events:none;background:repeating-radial-gradient(ellipse at 50% 130%,transparent 0 36px,rgba(128,192,221,.1) 37px 38px);mask-image:linear-gradient(180deg,transparent,rgba(0,0,0,.18) 45%,transparent 95%)}
.landing-story-inner{position:relative;z-index:1}
.landing-story h2{margin-bottom:60px}
.landing-willy-demo{max-width:900px;margin:auto;padding:29px 34px 16px;border-block:1px solid rgba(167,207,231,.18);background:linear-gradient(90deg,rgba(22,55,75,.23),transparent 78%);text-align:left}
.landing-demo-flow{display:grid;grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);gap:22px 40px;align-items:start}
.landing-demo-question{padding-top:12px}
.landing-demo-question>span,.landing-demo-reply span,.landing-demo-actions>span{color:#92bacd;font:700 10px/1.4 ui-monospace,"Cascadia Code",Consolas,monospace;letter-spacing:.19em}
.landing-demo-question p,.landing-demo-reply p{margin:12px 0 0;color:#e4edf3;font-size:clamp(16px,1.7vw,21px);line-height:1.4;letter-spacing:-.025em}
.landing-demo-reply{display:flex;gap:13px;align-items:center;min-height:90px;transition:opacity .48s ease,translate .48s ease}
.landing-demo-reply img{display:block;flex:none;width:63px;height:auto}
.landing-demo-actions{grid-column:2;padding-top:18px;border-top:1px solid rgba(167,207,231,.15);transition:opacity .48s ease,translate .48s ease}
.landing-demo-actions ol{display:flex;flex-wrap:wrap;gap:8px 20px;padding:0;margin:15px 0 0;list-style:none}
.landing-demo-actions li{color:#c6d8e3;font-size:12px;line-height:1.5;white-space:nowrap}
.landing-demo-actions li::before{content:"↗";margin-right:7px;color:#87c4df}
.landing-willy-demo[data-stage="0"] .landing-demo-reply,.landing-willy-demo[data-stage="0"] .landing-demo-actions,.landing-willy-demo[data-stage="1"] .landing-demo-actions{opacity:.16;translate:0 6px}
.landing-demo-controls{display:flex;justify-content:flex-end;gap:6px;margin-top:26px;padding-top:13px;border-top:1px solid rgba(167,207,231,.12)}
.landing-demo-controls button{min-height:38px;padding:8px 12px;border:0;border-bottom:1px solid transparent;background:transparent;color:#8da7b8;font-family:inherit;font-size:11px;font-weight:600;line-height:1.3;cursor:pointer;transition:color .2s,border-color .2s}
.landing-demo-controls button span{margin-right:5px;font-family:ui-monospace,Consolas,monospace;font-size:10px}
.landing-demo-controls button[aria-pressed="true"],.landing-demo-controls button:hover,.landing-demo-controls button:focus-visible{color:#e2f5fc;border-color:#a4d9f1}

/* The approved dashboard stays intact; only its viewing angle responds. */
@media(min-width:601px){.landing-dashboard-image,.landing-dashboard-image:hover{transform:perspective(1200px) rotateX(calc(var(--cockpit-pitch,2deg) + var(--cockpit-pointer-pitch,0deg))) rotateY(var(--cockpit-yaw,0deg)) translateY(6px);transition:transform .26s ease,box-shadow .3s ease}}
.landing-capability{cursor:default}
.landing-capability::before{content:"";position:absolute;top:-1px;left:0;width:0;height:1px;background:#8acbe9;transition:width .28s ease}
.landing-capability h3{transition:color .25s ease}
.landing-capability p span{display:inline-block;opacity:.72;translate:0 5px;transition:opacity .25s ease,translate .25s ease}
.landing-capability p span+span::before{content:"·";margin:0 5px;color:#7899aa}
.landing-capability:hover::before,.landing-capability:focus-visible::before{width:68px}
.landing-capability:hover h3,.landing-capability:focus-visible h3{color:#d6effb}
.landing-capability:hover p span,.landing-capability:focus-visible p span{opacity:1;translate:0 0}
.landing-capability:focus-visible{outline:1px solid rgba(170,222,248,.6);outline-offset:6px}

/* A distant, dark horizon closes the ascent without repeating the hero. */
.landing-last::before{z-index:1}
.landing-last::after{content:"";position:absolute;z-index:0;inset:auto 0 -30px;height:310px;pointer-events:none;background:url('/brand/landing/mountain-night.webp') center 30%/cover no-repeat;opacity:.22;filter:grayscale(.85) brightness(.7);mask-image:linear-gradient(180deg,transparent 0%,#000 48%,#000 78%,transparent 100%);translate:0 8px;transition:opacity .7s ease,translate .7s ease}
.landing-last[data-visible="true"]::after{opacity:.34;translate:0 0}
.landing-last>*{position:relative;z-index:2}
.landing-2026 .landing-button:hover,.landing-2026 .landing-top-cta:hover{transform:translateY(-1px)}
.landing-2026 .landing-button span,.landing-2026 .landing-top-cta span,.landing-2026 .landing-plan>a span{display:inline-block;transition:transform .22s ease}
.landing-2026 .landing-button:is(:hover,:focus-visible) span,.landing-2026 .landing-top-cta:is(:hover,:focus-visible) span,.landing-2026 .landing-plan>a:is(:hover,:focus-visible) span{transform:translateX(3px)}
@media(max-width:600px){.landing-story h2{margin-bottom:46px}.landing-willy-demo{padding:20px 0 10px;background:none}.landing-demo-flow{grid-template-columns:1fr;gap:14px}.landing-demo-question{padding-top:3px}.landing-demo-reply{min-height:70px}.landing-demo-reply img{width:51px}.landing-demo-actions{grid-column:auto;padding-top:16px}.landing-demo-actions ol{display:grid;gap:7px}.landing-demo-controls{justify-content:space-between;gap:0;margin-top:18px}.landing-demo-controls button{padding-inline:7px}.landing-last::after{height:230px;opacity:.13}.landing-last[data-visible="true"]::after{opacity:.22}}
@media(prefers-reduced-motion:reduce){.landing-demo-reply,.landing-demo-actions,.landing-capability p span,.landing-last::after{translate:none!important;transition:none!important}.landing-last::after{opacity:.24!important}}

/* Reference-led public landing. The scenery is a bitmap; content and controls remain live HTML. */
.landing-2026{--landing-bg:#02060d;--landing-line:rgba(100,181,233,.37);--landing-blue:#44bfff;background:#02060d}
.landing-topbar{height:76px;gap:32px;padding-inline:clamp(22px,5.3vw,90px);background:linear-gradient(180deg,rgba(1,5,12,.82),rgba(1,5,12,0))}
.landing-logo{width:240px;height:62px}
.landing-topbar nav a{color:#d4e6f6;font-size:12px}
.landing-signin{padding:11px 19px;border:1px solid rgba(146,207,248,.52);border-radius:10px;background:rgba(4,13,26,.64);color:#edf8ff}
.landing-top-cta,.landing-button-primary{border:1px solid #92edff;border-radius:10px;background:linear-gradient(135deg,#00c8ff,#0062ed 80%);color:#fff!important;box-shadow:inset 0 0 12px rgba(224,250,255,.52),0 0 12px rgba(0,144,255,.8),0 0 27px rgba(0,102,255,.5)}
.landing-hero{min-height:660px;height:660px;background:#030b16}
.landing-sky{inset:-2% -2% 0;background-image:linear-gradient(180deg,rgba(1,5,12,.26) 0%,transparent 37%,rgba(1,5,12,.02) 66%,#02060d 100%),url('/brand/landing/mountain-cinematic-v2.png');background-size:cover;background-position:center center;transform:scale(calc(1.035 + var(--landing-progress)*.015)) translate3d(calc(var(--landing-mouse-x,0)*-10px),calc(var(--landing-mouse-y,0)*-7px),0);transition:transform .25s ease-out}
.landing-mountain{display:none}
.landing-hero-content{padding:98px 20px 0;max-width:1060px;pointer-events:none}
.landing-hero h1{margin:0;font-size:clamp(68px,6.4vw,108px);line-height:.86;font-weight:850;letter-spacing:-.052em;color:#f7fbff;text-shadow:0 4px 0 rgba(89,158,221,.22),0 10px 22px rgba(0,0,0,.9),0 0 48px rgba(4,10,19,.85)}
.landing-hero h1 em{background:linear-gradient(180deg,#f8fdff 8%,#8fdfff 57%,#0879f9);background-clip:text;color:transparent;text-shadow:none;filter:drop-shadow(0 5px 15px rgba(0,98,236,.6))}
.landing-hero-aside{position:absolute;z-index:4;top:36%;color:#e5f1fd;font-size:12px;letter-spacing:.42em;font-weight:700;line-height:1.7;text-shadow:0 0 15px #020812}
.landing-hero-aside-left{left:7%}.landing-hero-aside-right{right:6%}
.landing-scroll-cue{bottom:35px;flex-direction:column;gap:8px;font-size:10px;font-weight:800;letter-spacing:.35em;text-shadow:0 0 12px #000}
.landing-scroll-cue span{display:grid;place-items:center;width:23px;height:37px;border:1px solid #c5eaff;border-radius:18px;font-size:16px;letter-spacing:0}
.landing-journey{background:linear-gradient(180deg,#02060d 0%,#02070e 50%,#030912 100%)}
.landing-journey::before{content:"";position:absolute;inset:0 0 auto;height:540px;pointer-events:none;background:url('/brand/landing/mountain-cinematic-v2.png') center bottom/cover no-repeat;opacity:.22;mask-image:linear-gradient(180deg,#000,transparent)}
.landing-ecosystem{padding-top:30px;padding-bottom:35px}
.landing-ecosystem .landing-section-head,.landing-pricing .landing-section-head{text-align:center;max-width:none;margin-bottom:32px}
.landing-ecosystem .landing-section-head h2,.landing-pricing .landing-section-head h2{font-size:clamp(37px,4vw,58px);font-weight:800;line-height:1.02;margin:11px 0 8px;color:#f4f9ff}
.landing-ecosystem .landing-section-head p,.landing-pricing .landing-section-head p{margin:0;font-size:16px;color:#bcd2e5}
.landing-ecosystem .landing-eyebrow,.landing-pricing .landing-eyebrow{font-size:10px;letter-spacing:.38em;color:#a9d3f4}
.landing-capabilities{gap:16px;grid-template-columns:repeat(3,minmax(0,1fr))}
.landing-2026 .landing-capability{display:grid;grid-template-columns:64px 1fr 28px;align-items:center;gap:14px;min-height:122px;padding:16px 17px;border:1px solid rgba(99,175,230,.6);border-radius:12px;background:linear-gradient(135deg,rgba(11,38,63,.82),rgba(4,13,25,.87));box-shadow:inset 0 0 22px rgba(49,144,222,.08),0 3px 18px rgba(0,0,0,.38),0 0 10px rgba(22,128,236,.13);transform:perspective(800px) rotateX(calc(var(--card-pitch,0)*1deg)) rotateY(calc(var(--card-yaw,0)*1deg));transform-style:preserve-3d;transition:transform .24s ease-out,border-color .25s,box-shadow .25s}
.landing-2026 .landing-capability:hover,.landing-2026 .landing-capability:focus-visible{border-color:#7bd7ff;box-shadow:0 0 18px rgba(31,167,255,.35),inset 0 0 24px rgba(53,173,251,.16)}
.landing-capability::before{display:none}
.landing-capability-icon{width:62px;height:62px;border:1px solid rgba(88,163,222,.29);border-radius:16px;background:radial-gradient(circle at 50% 30%,rgba(43,161,255,.42),rgba(8,36,65,.66) 70%);box-shadow:inset 0 0 16px rgba(83,200,255,.16),0 0 15px rgba(36,145,255,.2)}
.landing-capability-icon img{width:37px;height:37px;object-fit:contain;filter:drop-shadow(0 0 7px #189fff)}
.landing-capability-body{min-width:0}.landing-capability h3{margin:0 0 7px;font-size:17px;font-weight:700;letter-spacing:-.025em;text-transform:none;color:#f6fbff}
.landing-capability p{margin:0;font-size:12px;line-height:1.4;color:#b7d1e4}
.landing-capability-arrow{display:grid;place-items:center;width:28px;height:28px;border:1px solid rgba(125,201,247,.45);border-radius:50%;font-size:18px;color:#e9faff}
.landing-pricing{padding-top:48px;padding-bottom:112px;max-width:1320px}
.landing-pricing-grid{gap:16px}
.landing-pricing-switch{margin:0 auto 28px;border-color:#378ac4;background:#071c31}
.landing-pricing-switch button[aria-pressed="true"]{background:#118eea;color:#fff}
.landing-plan,.landing-plan.is-free,.landing-plan.is-solo,.landing-plan.is-pro,.landing-plan.is-business{min-height:416px;padding:27px 25px;border:1px solid rgba(87,167,226,.63);border-radius:13px;background:linear-gradient(135deg,rgba(12,31,49,.96),rgba(3,11,20,.96));box-shadow:inset 0 0 25px rgba(68,154,227,.08),0 0 13px rgba(8,89,175,.17)}
.landing-plan.is-pro{border-color:#54bbff;box-shadow:0 0 25px rgba(0,137,255,.5),inset 0 0 28px rgba(30,143,245,.13)}
.landing-plan-badge{position:absolute;top:-16px;left:50%;transform:translateX(-50%);padding:8px 16px;border:1px solid #5bcdff;border-radius:8px;background:#086de2;box-shadow:0 0 15px rgba(0,137,255,.65);color:#fff;font-size:10px;font-weight:800;text-transform:uppercase;white-space:nowrap}
.landing-2026 .landing-plan[data-reveal]{clip-path:none}
.landing-plan-name{display:flex;align-items:center;gap:10px;color:#f4faff;font-size:15px;letter-spacing:0}
.landing-plan-gem{display:grid;place-items:center;width:43px;height:43px;border:1px solid #25557e;border-radius:11px;background:radial-gradient(circle,#115ca3,#061d36);color:#a4e9ff;font-size:25px;text-shadow:0 0 12px #2acbff}
.landing-plan>strong{margin:16px 0 8px;font-size:36px;font-weight:750}
.landing-plan ul{gap:10px;margin-top:10px;padding-top:14px;border-top:0}
.landing-plan li::before{content:'✓';display:inline-grid;place-items:center;width:17px;height:17px;margin-right:10px;border:1px solid #a6dfff;border-radius:50%;color:#d4f4ff;font-size:11px}
.landing-plan>a,.landing-plan.is-pro>a{justify-content:center;border:1px solid #519bd5;border-radius:9px;background:rgba(7,36,62,.85)}
.landing-plan.is-pro>a{background:linear-gradient(135deg,#00bfff,#0764ef);box-shadow:0 0 13px rgba(0,148,255,.66)}
.landing-last{min-height:390px;text-align:left;padding:90px max(5vw,24px) 110px;background:linear-gradient(90deg,rgba(1,6,13,.89),rgba(2,7,13,.25)),url('/brand/landing/mountain-cinematic-v2.png') center 75%/cover no-repeat}
.landing-last::after{display:none}.landing-last h2{margin:15px 0 25px;font-size:clamp(40px,4.5vw,70px)}
.landing-footer{max-width:1320px}
@media(max-width:1200px){.landing-logo{width:195px}.landing-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.landing-hero{height:720px;min-height:720px}.landing-hero-aside{font-size:9px}.landing-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.landing-topbar{padding-inline:22px}}
@media(max-width:600px){.landing-topbar{height:70px;padding-inline:14px}.landing-logo{width:142px}.landing-hero{height:720px;min-height:720px}.landing-sky{background-size:auto 100%;background-position:51% center}.landing-hero-content{padding:130px 17px 0;align-items:center;text-align:center}.landing-hero h1{font-size:clamp(47px,11.7vw,70px);line-height:.94}.landing-hero-aside{top:49%;font-size:7px;letter-spacing:.18em}.landing-hero-aside-left{left:5%}.landing-hero-aside-right{right:4%}.landing-scroll-cue{bottom:40px}.landing-ecosystem{padding-top:15px;padding-bottom:70px}.landing-ecosystem .landing-section-head h2,.landing-pricing .landing-section-head h2{font-size:38px}.landing-capabilities{grid-template-columns:1fr;gap:10px}.landing-2026 .landing-capability{min-height:96px;grid-template-columns:54px 1fr 26px;padding:12px}.landing-capability-icon{width:52px;height:52px}.landing-capability-icon img{width:31px;height:31px}.landing-capability h3{font-size:16px}.landing-capability p{font-size:11px}.landing-pricing{padding-top:85px}.landing-plan{min-height:390px}.landing-last{min-height:400px;padding:90px 20px}.landing-last h2{font-size:42px}}
@media(max-width:600px){.landing-topbar{gap:5px}.landing-logo{width:124px;min-width:0}.landing-top-actions{flex:none}.landing-top-cta{padding:9px 8px;font-size:9px;gap:0}.landing-mobile-nav{flex:none}.landing-mobile-nav>button{width:36px;height:36px}}
@media(max-width:350px){.landing-top-actions{display:none}}
@media(prefers-reduced-motion:reduce){.landing-sky,.landing-2026 .landing-capability,.landing-2026 .landing-capability:hover{transform:none!important;transition:none!important}}

/* One uninterrupted landscape, with the dark lower area stretched between sections. */
.landing-2026{background-color:#02060d;background-image:linear-gradient(180deg,rgba(1,5,12,.12) 0,rgba(1,5,12,.04) 28vw,#02060d 54vw),url('/brand/landing/mountain-cinematic-v2.png');background-position:center top,center top;background-size:100% 100%,100% auto;background-repeat:no-repeat}
.landing-hero,.landing-journey{background:transparent}
.landing-journey::before{display:none}
.landing-sky{inset:0;background:radial-gradient(ellipse at 50% 10%,rgba(87,187,255,.1),transparent 49%);background-image:none;transform:translate3d(calc(var(--landing-mouse-x,0)*-7px),calc(var(--landing-mouse-y,0)*-5px),0);transition:transform .25s ease-out}
.landing-mountain{display:block;inset:0;z-index:3;clip-path:polygon(0 64%,8% 57%,17% 50%,27% 47%,38% 32%,49% 21%,57% 31%,68% 42%,79% 49%,91% 54%,100% 63%,100% 100%,0 100%);background-color:transparent;background-image:linear-gradient(180deg,rgba(1,5,12,.12) 0,rgba(1,5,12,.04) 28vw,#02060d 54vw),url('/brand/landing/mountain-cinematic-v2.png');background-position:center top,center top;background-size:100% 100%,100% auto;background-repeat:no-repeat;transform:none;pointer-events:none}
.landing-hero-content{z-index:4}
.landing-hero-aside{z-index:2;transform:translate3d(0,var(--landing-hero-scroll,0px),0) rotateX(var(--landing-side-rotate-x,0deg)) rotateY(var(--landing-side-rotate-y,0deg));transform-origin:center center;transform-style:preserve-3d;will-change:transform;transition:rotate .25s ease-out}
.landing-topbar,.landing-2026[data-scrolled="true"] .landing-topbar{background:rgba(7,26,45,.88);border-bottom:1px solid rgba(108,185,232,.31);box-shadow:0 7px 28px rgba(0,9,22,.28),inset 0 -1px 0 rgba(176,226,255,.08);backdrop-filter:blur(18px)}
.landing-topbar::after{content:"";position:absolute;inset:auto 0 -1px;height:1px;pointer-events:none;background:linear-gradient(90deg,transparent 4%,rgba(113,207,255,.56) 23%,transparent 43%,rgba(138,218,255,.48) 70%,transparent 95%);opacity:.8}
.landing-scroll-cue{transition:color .22s,text-shadow .22s}
.landing-scroll-cue span{box-shadow:0 0 0 rgba(120,211,255,0);transition:box-shadow .25s,background .25s}
.landing-scroll-cue:is(:hover,:focus-visible){color:#fff!important;text-shadow:0 0 12px #6bcdff;animation:landing-scroll-fade 1.8s ease-in-out infinite alternate}
.landing-scroll-cue:is(:hover,:focus-visible) span{background:rgba(68,178,255,.17);box-shadow:0 0 14px rgba(116,210,255,.74);animation:landing-scroll-glimmer 1.4s ease-in-out infinite alternate}
@keyframes landing-scroll-glimmer{0%{opacity:1;box-shadow:0 0 17px rgba(137,222,255,.85)}100%{opacity:.2;box-shadow:0 0 2px rgba(137,222,255,.1)}}
@keyframes landing-scroll-fade{0%{opacity:1}100%{opacity:.24}}
.landing-last{background:radial-gradient(ellipse at 75% 65%,rgba(34,112,165,.2),transparent 46%),linear-gradient(180deg,#02060d,#071522 62%,#02060d)}
@media(max-width:900px){.landing-2026,.landing-mountain{background-image:linear-gradient(180deg,rgba(1,5,12,.1) 0,rgba(1,5,12,.04) 34rem,#02060d 55rem),url('/brand/landing/mountain-cinematic-v2.png');background-size:100% 100%,auto 900px}.landing-hero-aside{top:35%}}
@media(max-width:600px){.landing-2026,.landing-mountain{background-image:linear-gradient(180deg,rgba(1,5,12,.1) 0,rgba(1,5,12,.04) 21rem,#02060d 43rem),url('/brand/landing/mountain-cinematic-v2.png');background-size:100% 100%,auto 720px}.landing-mountain{background-position:center top,51% top}.landing-hero-aside{top:49%;transform:rotateX(var(--landing-side-rotate-x,0deg)) rotateY(var(--landing-side-rotate-y,0deg))}.landing-scroll-cue{bottom:40px}}
@media(prefers-reduced-motion:reduce){.landing-hero-aside{transform:none!important}.landing-scroll-cue:is(:hover,:focus-visible),.landing-scroll-cue:is(:hover,:focus-visible) span{animation:none!important;opacity:1!important}}