body.landing-page{margin:0;height:100dvh;overflow:hidden}.landing-page .topbar{position:fixed;inset:0 0 auto;z-index:50;border-bottom:1px solid var(--border);background:color-mix(in srgb,var(--panel) 78%,transparent);backdrop-filter:blur(10px)}.scroll-landing{height:100dvh;overflow-y:auto;scroll-behavior:smooth;scroll-snap-type:y proximity;scrollbar-width:none}.scroll-landing::-webkit-scrollbar{width:0;height:0}.hero-section{--accent: var(--green);--accent-soft: var(--green-soft);--accent-solid: var(--green-solid);--accent-text: var(--green-dark);position:relative;display:grid;min-height:100dvh;overflow:hidden;place-items:center;padding:clamp(88px,13vh,150px) 24px 72px;background:radial-gradient(125% 85% at 50% -10%,var(--accent-soft),transparent 62%),var(--bg);scroll-snap-align:start}.hero-lgs{--accent: var(--green);--accent-soft: var(--green-soft);--accent-solid: var(--green-solid);--accent-text: var(--green-dark)}.hero-yks{--accent: var(--blue);--accent-soft: var(--blue-soft);--accent-solid: var(--blue);--accent-text: var(--blue)}.hero-dgs{--accent: var(--orange);--accent-soft: var(--orange-soft);--accent-solid: var(--orange-solid);--accent-text: var(--orange-text)}.hero-bg{position:absolute;inset:0;display:grid;place-items:center;color:var(--accent);opacity:.13;pointer-events:none}.hero-bg svg{width:min(118vw,1040px);height:auto}.hero-content{position:relative;z-index:1;display:flex;max-width:760px;align-items:center;flex-direction:column;gap:18px;text-align:center}.hero-eyebrow{margin:0;color:var(--accent-text);font-size:13px;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.hero-title{margin:0;color:var(--text);font-size:clamp(42px,8.4vw,88px);letter-spacing:-.025em;line-height:1.02}.hero-copy{max-width:560px;margin:0;color:var(--muted);font-size:clamp(16px,2.2vw,20px);line-height:1.55}.hero-cta{display:inline-flex;align-items:center;gap:9px;margin-top:6px;border-radius:999px;padding:14px 28px;background:var(--accent-solid);box-shadow:0 14px 32px color-mix(in srgb,var(--accent-solid) 34%,transparent);color:#fff;font-size:16px;font-weight:800;text-decoration:none;transition:transform .2s ease,box-shadow .2s ease}.hero-cta:hover{box-shadow:0 18px 40px color-mix(in srgb,var(--accent-solid) 46%,transparent);transform:translateY(-2px)}.hero-cta span{transition:transform .2s ease}.hero-cta:hover span{transform:translate(4px)}.info-fab{position:fixed;right:22px;bottom:22px;z-index:70;min-height:38px;border:1px solid color-mix(in srgb,var(--green) 52%,var(--border));border-radius:999px;padding:9px 16px;background:color-mix(in srgb,var(--panel) 88%,transparent);color:var(--green-dark);font-size:13px;font-weight:800;box-shadow:var(--shadow-soft);backdrop-filter:blur(12px);pointer-events:auto}.info-fab:hover{background:var(--green-solid);color:#fff}.landing-info-modal{z-index:80}.info-copy{display:grid;gap:11px}.info-copy p{margin:0;color:var(--muted);line-height:1.62}.info-copy h3{margin:12px 0 0;color:var(--text);font-size:17px;line-height:1.3}.info-copy ul{display:grid;gap:8px;margin:0;padding-left:20px;color:var(--muted);line-height:1.56}.scroll-hint{position:absolute;bottom:26px;left:50%;color:var(--accent-text);opacity:.75;animation:hero-bounce 1.9s ease-in-out infinite;transform:translate(-50%)}@keyframes hero-bounce{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,7px)}}.scroll-hint-up{animation-name:hero-bounce-up}@keyframes hero-bounce-up{0%,to{transform:translate(-50%)}50%{transform:translate(-50%,-7px)}}.hero-dots{position:fixed;top:50%;right:clamp(12px,2vw,28px);z-index:60;display:flex;flex-direction:column;gap:16px;pointer-events:auto;transform:translateY(-50%)}.hero-dots a{display:flex;align-items:center;gap:9px;color:var(--muted);font-size:11px;font-weight:800;letter-spacing:.08em;opacity:.55;text-decoration:none;transition:opacity .2s ease,color .2s ease}.hero-dots a span{width:11px;height:11px;border:2px solid currentColor;border-radius:50%;transition:transform .2s ease,background .2s ease,border-color .2s ease}.hero-dots a:hover{opacity:.85}.hero-dots a.is-active{color:var(--text);opacity:1}.hero-dots a[data-dot=lgs].is-active span{border-color:var(--green);background:var(--green);transform:scale(1.35)}.hero-dots a[data-dot=yks].is-active span{border-color:var(--blue);background:var(--blue);transform:scale(1.35)}.hero-dots a[data-dot=dgs].is-active span{border-color:var(--orange);background:var(--orange);transform:scale(1.35)}.scroll-landing.reveal-on .hero-bg{opacity:0;transition:transform 1.1s ease,opacity 1.1s ease;transform:scale(1.12)}.scroll-landing.reveal-on .hero-section.in-view .hero-bg{opacity:.13;transform:scale(1)}.scroll-landing.reveal-on .hero-content>*{opacity:0;transition:opacity .7s ease,transform .7s ease;transform:translateY(28px)}.scroll-landing.reveal-on .hero-section.in-view .hero-content>*{opacity:1;transform:none}.scroll-landing.reveal-on .hero-section.in-view .hero-content>*:nth-child(1){transition-delay:.06s}.scroll-landing.reveal-on .hero-section.in-view .hero-content>*:nth-child(2){transition-delay:.14s}.scroll-landing.reveal-on .hero-section.in-view .hero-content>*:nth-child(3){transition-delay:.22s}.scroll-landing.reveal-on .hero-section.in-view .hero-content>*:nth-child(4){transition-delay:.3s}@media(max-width:620px){.hero-dots{gap:6px}.hero-dots a em{display:none}.hero-dots a{min-width:44px;min-height:44px;justify-content:center;gap:0}}@media(prefers-reduced-motion:reduce){.scroll-landing{scroll-behavior:auto;scroll-snap-type:none}.hero-section{scroll-snap-align:none}.scroll-landing.reveal-on .hero-bg,.scroll-landing.reveal-on .hero-content>*{opacity:1;transition:none;transform:none}.scroll-landing.reveal-on .hero-bg{opacity:.13}.scroll-hint{animation:none}}