.landing{background:var(--bg);min-height:100vh;color:var(--text)}.landing-nav{z-index:5;justify-content:space-between;align-items:center;padding:22px clamp(20px,5vw,56px);display:flex;position:absolute;inset:0 0 auto}.landing-nav-brand{color:#fafaf9;align-items:center;gap:12px;display:flex}.landing-nav-word{letter-spacing:-.4px;font-size:18px;font-weight:700}.landing-nav-word em{color:#d6d3d1;font-style:normal;font-weight:400}.landing-nav .btn.primary{background:var(--brass);border-color:var(--brass);color:#1c1917}.landing-nav .btn.primary:hover{filter:brightness(1.06)}.landing-hero{color:#fafaf9;background:#1c1917;align-items:flex-end;min-height:100vh;padding:0 clamp(20px,5vw,56px) clamp(48px,8vh,88px);display:flex;position:relative;overflow:hidden}.landing-hero-media{object-fit:cover;object-position:center right;z-index:0;animation:14s ease-out both landingZoom}.landing-hero-scrim{z-index:1;pointer-events:none;background:linear-gradient(105deg,#0c0a09f2 0%,#0c0a09cc 38%,#0c0a0940 68%,#0c0a0926 100%),linear-gradient(#0c0a0966 0%,#0000 28%,#0c0a09a6 100%);position:absolute;inset:0}.landing-hero-inner{z-index:2;max-width:720px;padding-top:110px;animation:.7s both landingRise;position:relative}.landing-brand-hero{align-items:center;gap:16px;margin-bottom:28px;display:flex}.landing-brand-hero .brandmark{gap:4px;width:42px;height:48px}.landing-brand-name{letter-spacing:-2.4px;margin:0;font-size:clamp(42px,8vw,72px);font-weight:700;line-height:.95}.landing-brand-name em{color:var(--brass);font-style:normal;font-weight:400}.landing-headline{letter-spacing:-.8px;max-width:18ch;margin:0 0 14px;font-size:clamp(22px,3.2vw,34px);font-weight:500;line-height:1.25}.landing-support{color:#a8a29e;max-width:42ch;margin:0 0 28px;font-size:15px;line-height:1.65}.landing-ctas{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.landing-cta{min-height:44px;padding:12px 18px;font-size:13px;background:var(--brass)!important;border-color:var(--brass)!important;color:#1c1917!important}.landing-cta:hover{filter:brightness(1.06)}.landing-cta-quiet{color:#fafaf9;background:0 0;border-color:#ffffff2e;min-height:44px;padding:12px 18px;font-size:13px}.landing-cta-quiet:hover{background:#ffffff12;border-color:#fff5}.landing-section{padding:88px clamp(20px,5vw,56px)}.landing-section-inner{max-width:1100px;margin:0 auto}.landing-section h2{letter-spacing:-1px;margin-bottom:12px;font-size:clamp(26px,3vw,34px)}.landing-section-copy{color:var(--muted);max-width:52ch;margin-bottom:48px;font-size:15px;line-height:1.65}.landing-pillars{grid-template-columns:repeat(3,minmax(0,1fr));gap:36px;display:grid}.landing-pillar{min-width:0}.landing-pillar-icon{width:40px;height:40px;color:var(--primary-text);background:var(--primary-soft);border-radius:10px;place-items:center;margin-bottom:16px;display:grid}.landing-pillar-icon .icon{width:18px;height:18px}.landing-pillar h3{letter-spacing:-.2px;margin-bottom:8px;font-size:16px}.landing-pillar p{color:var(--muted);max-width:32ch;font-size:13px;line-height:1.65}.landing-demo{background:var(--nav);color:#fafaf9;padding:64px clamp(20px,5vw,56px)}.landing-demo-inner{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:28px;display:flex}.landing-demo h2{letter-spacing:-.6px;margin-bottom:10px;font-size:26px}.landing-demo p{color:#a8a29e;max-width:48ch;font-size:14px;line-height:1.65}.landing-demo .btn.primary{background:var(--brass);border-color:var(--brass);color:#1c1917}.landing-foot{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:16px;padding:22px clamp(20px,5vw,56px);font-size:11px;display:flex}@keyframes landingRise{0%{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes landingZoom{0%{transform:scale(1.06)}to{transform:scale(1)}}@media (max-width:800px){.landing-pillars{grid-template-columns:1fr;gap:28px}.landing-hero{align-items:center;padding-bottom:64px}.landing-hero-media{object-position:70% center}.landing-hero-scrim{background:linear-gradient(#0c0a09e8 0%,#0c0a09b8 45%,#0c0a0980 100%)}.landing-nav .btn span,.landing-nav .btn .icon{display:none}.landing-nav .btn{padding:10px 12px}}@media (prefers-reduced-motion:reduce){.landing-hero-inner,.landing-hero-media{animation:none}}
