:root { color-scheme: dark; font-family: Inter, ui-sans-serif, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; background: #0b1011; color: #e8f0ec; font-synthesis: none; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: radial-gradient(circle at 84% 12%, #17352b 0, transparent 31%), #0b1011; }
a { color: inherit; text-underline-offset: 3px; }
.site-header, footer { max-width: 1200px; margin: auto; padding: 26px 38px; display: flex; align-items: center; justify-content: space-between; gap: 24px; }
.site-header { border-bottom: 1px solid #24312d; }
.brand { display: inline-flex; align-items: center; gap: 10px; font-size: 18px; font-weight: 760; letter-spacing: -.04em; text-decoration: none; }
.brand-mark { width: 30px; height: 30px; display: grid; place-items: center; border: 1px solid #83ebad; border-radius: 8px; color: #86ecaf; font-size: 17px; }
nav, footer div { display: flex; align-items: center; gap: 28px; }
nav a, footer a { color: #a6b8ae; font-size: 13px; text-decoration: none; }
nav a:hover, footer a:hover, .text-link:hover { color: #b8ffcf; }
.nav-action { border: 1px solid #486656; border-radius: 999px; padding: 10px 15px; color: #e8f0ec; }
main { max-width: 1200px; margin: auto; padding: 0 38px; }
.hero { padding: 122px 0 130px; max-width: 950px; }
.eyebrow { color: #85dda7; font-size: 11px; font-weight: 750; letter-spacing: .16em; text-transform: uppercase; }
.status-dot { display: inline-block; width: 7px; height: 7px; margin-right: 8px; border-radius: 50%; background: #87e8a7; box-shadow: 0 0 16px #87e8a7; }
h1, h2, h3, p { margin-top: 0; }
h1 { margin: 24px 0 28px; font-size: clamp(48px, 7.2vw, 88px); line-height: 1.03; letter-spacing: -.074em; font-weight: 690; }
h1 em { color: #9de7b4; font-style: normal; }
.intro, .legal-intro { max-width: 690px; color: #b1c2b7; font-size: 19px; line-height: 1.7; }
.hero-actions { display: flex; align-items: center; gap: 30px; flex-wrap: wrap; margin: 36px 0 52px; }
.button { display: inline-block; padding: 15px 19px; border-radius: 8px; background: #9bedb7; color: #102017; text-decoration: none; font-size: 14px; font-weight: 750; }
.button:hover { background: #c4fbd4; }
.text-link { color: #d4ebe0; font-size: 14px; font-weight: 650; text-decoration: none; }
.operator { color: #81948a; font-size: 13px; }
.process { border-top: 1px solid #26362d; padding: 72px 0 95px; }
.section-heading { max-width: 650px; }
h2 { font-size: clamp(31px, 4vw, 48px); line-height: 1.1; letter-spacing: -.055em; }
.section-heading > p:last-child, .trust p { color: #a8b9af; line-height: 1.7; }
.cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 36px; }
.card { min-height: 240px; padding: 28px; border: 1px solid #2a3b31; border-radius: 13px; background: #111a17; }
.number { color: #8feab0; font-size: 12px; font-weight: 700; letter-spacing: .12em; }
h3 { margin: 54px 0 10px; font-size: 23px; letter-spacing: -.03em; }
.card p { color: #a8b9af; font-size: 14px; line-height: 1.65; }
.trust { padding: 65px 0; border-top: 1px solid #26362d; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.trust > div { max-width: 690px; }
.trust p:last-child { margin-bottom: 0; }
.contact { padding: 55px 0 75px; border-top: 1px solid #26362d; display: flex; align-items: end; justify-content: space-between; gap: 30px; }
.contact a { color: #9de7b4; font-size: 18px; }
.legal { max-width: 840px; padding-top: 80px; padding-bottom: 95px; }
.legal h1 { font-size: clamp(46px, 7vw, 72px); }
.legal section { padding-top: 31px; margin-top: 34px; border-top: 1px solid #26362d; }
.legal h2 { font-size: 25px; }
.legal section p { color: #b4c4b9; font-size: 15px; line-height: 1.8; }
.legal section a { color: #a5e8bb; }
footer { border-top: 1px solid #24312d; color: #809187; font-size: 12px; }
@media (max-width: 720px) { .site-header, footer { padding: 22px; } main { padding: 0 22px; } nav { gap: 12px; } nav a:first-child, nav a:nth-child(2) { display: none; } .hero { padding: 85px 0 92px; } .cards { grid-template-columns: 1fr; } .card { min-height: 180px; } h3 { margin-top: 35px; } .trust, .contact { display: block; } .trust .text-link, .contact a { display: inline-block; margin-top: 24px; } footer { align-items: flex-start; } footer div { gap: 12px; flex-wrap: wrap; } }