.landing-page{--blue:var(--bg-900);--blue-2:var(--bg-800);--orange:var(--accent);--orange-2:#e6b447;--white:var(--surface);--light:var(--bg-100);--text:var(--text-main);--muted:var(--text-soft);color:var(--text);background:var(--white);margin:0;font-family:inherit}.landing-page *{box-sizing:border-box}.landing-page header{background:linear-gradient(135deg, var(--blue), var(--blue-2));color:var(--white);padding:28px 7vw}.landing-page nav{justify-content:space-between;align-items:center;gap:24px;display:flex}.landing-page .logo{letter-spacing:-.03em;font-size:1.5rem;font-weight:800}.landing-page .logo span{color:var(--orange)}.landing-page .nav-links a{color:var(--white);opacity:.9;margin-left:22px;font-weight:500;text-decoration:none}.landing-page .hero{grid-template-columns:1.2fr .8fr;align-items:center;gap:48px;padding:90px 0 70px;display:grid}.landing-page .hero h1{letter-spacing:-.06em;margin:0 0 24px;font-size:clamp(2.5rem,5vw,5rem);line-height:1}.landing-page .hero p{color:#e5edf7;max-width:680px;margin-bottom:34px;font-size:1.25rem;line-height:1.6}.landing-page .buttons{flex-wrap:wrap;gap:16px;display:flex}.landing-page .btn{border-radius:999px;padding:15px 24px;font-weight:700;text-decoration:none;display:inline-block}.landing-page .btn-primary{background:var(--orange);color:var(--blue)}.landing-page .btn-secondary{color:var(--white);border:1px solid #fff6}.landing-page .app-card{background:var(--white);color:var(--text);border:1px solid var(--border-surface);border-radius:28px;padding:26px;box-shadow:0 30px 80px #0000004d}.landing-page .app-card h3{color:var(--blue);margin-top:0}.landing-page .status-row{border-bottom:1px solid var(--border-surface);justify-content:space-between;align-items:center;padding:14px 0;display:flex}.landing-page .badge{border-radius:999px;padding:6px 12px;font-size:.85rem;font-weight:700}.landing-page .yes{color:#0f766e;background:#e8f6ef}.landing-page .no{color:#b91c1c;background:#fff1f1}.landing-page .open{background:var(--accent-soft);color:#8a630b}.landing-page section{padding:80px 7vw}.landing-page .section-title{max-width:760px;margin-bottom:42px}.landing-page .section-title h2{color:var(--blue);letter-spacing:-.04em;margin:0 0 16px;font-size:clamp(2rem,4vw,3.2rem)}.landing-page .section-title p{color:var(--muted);font-size:1.1rem;line-height:1.7}.landing-page .features{grid-template-columns:repeat(3,1fr);gap:24px;display:grid}.landing-page .feature{background:var(--light);border:1px solid var(--border-surface);border-radius:24px;padding:28px}.landing-page .feature-icon{background:var(--orange);width:46px;height:46px;color:var(--blue);border-radius:14px;place-items:center;margin-bottom:18px;font-weight:900;display:grid}.landing-page .feature h3{color:var(--blue);margin-bottom:10px}.landing-page .feature p{color:var(--muted);line-height:1.6}.landing-page .highlight{background:var(--blue);color:var(--white);border-radius:34px;grid-template-columns:1fr 1fr;align-items:center;gap:40px;padding:54px;display:grid}.landing-page .highlight h2{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(2rem,4vw,3.4rem)}.landing-page .highlight p{color:#dbe7f5;line-height:1.7}.landing-page .steps{gap:18px;display:grid}.landing-page .step{background:var(--orange);color:var(--white);border:1px solid #ffffff59;border-radius:18px;padding:18px}.landing-page .cta{text-align:center;background:linear-gradient(135deg, var(--orange), var(--orange-2));color:var(--blue);border-radius:36px;padding:70px 30px}.landing-page .cta h2{letter-spacing:-.04em;margin:0 0 18px;font-size:clamp(2rem,4vw,3.4rem)}.landing-page .cta p{max-width:720px;margin:0 auto 30px;font-size:1.15rem;line-height:1.7}.landing-page .btn-cta{background:var(--bg-900);color:#fff;border:none}.landing-page footer{background:var(--blue);color:var(--white);flex-wrap:wrap;justify-content:space-between;gap:20px;padding:34px 7vw;display:flex}.landing-page footer a{color:var(--white);opacity:.85;margin-left:18px;text-decoration:none}@media (max-width:900px){.landing-page .hero,.landing-page .highlight,.landing-page .features{grid-template-columns:1fr}.landing-page .nav-links{display:none}.landing-page .hero{padding-top:60px}}
