:root{--bg:#f2f5f7;--panel:#ffffff;--text:#0d1320;--muted:#667085;--line:#dce3ea;--brand:#1fd6df;--brand2:#0fc0ca;--dark-bg:#041426;--dark-panel:#091f37;--dark-text:#f8fbff;--dark-muted:#a7b5c9;--dark-line:#173451}
*{box-sizing:border-box}
html{font-family:Manrope,sans-serif}
body{margin:0;background:var(--bg);color:var(--text)}
img{display:block;max-width:100%}
.container{width:min(1180px,92vw);margin:0 auto}
.dark body{background:linear-gradient(180deg,#031323 0%,#06182d 55%,#041123 100%);color:var(--dark-text)}
.hidden{display:none}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}

.header{position:sticky;top:0;z-index:40;background:rgba(255,255,255,.92);backdrop-filter:blur(9px);border-bottom:1px solid var(--line)}
.dark .header{background:rgba(5,19,37,.86);border-color:var(--dark-line)}
.header .row{min-height:64px;display:flex;align-items:center;justify-content:space-between;gap:12px}
.brand{display:flex;align-items:center;gap:8px;font-weight:800}
.brand img{width:24px;height:24px;border-radius:6px}
.nav{display:flex;gap:18px}
.nav a{text-decoration:none;color:#1d2939;font-size:13px;font-weight:600}
.dark .nav a{color:#d2deec}
.header-actions{display:flex;gap:8px;align-items:center}
.btn-top{background:var(--brand);color:#042227;text-decoration:none;border-radius:10px;padding:9px 12px;font-size:12px;font-weight:800}
.theme-toggle{width:36px;height:36px;border:1px solid var(--line);border-radius:10px;background:#fff;display:grid;place-items:center;color:#1d2939}
.dark .theme-toggle{background:#0b2743;border-color:#1e4064;color:#eaf2fb}

.hero{padding:56px 0 62px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#f7fbfd 0%,#f2f5f7 100%)}
.dark .hero{background:radial-gradient(circle at 15% 15%,rgba(31,214,223,.22),transparent 50%),linear-gradient(180deg,#041a2f 0%,#031322 100%);border-color:var(--dark-line)}
.hero-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;align-items:center}
.chip{display:inline-flex;padding:7px 10px;border-radius:999px;background:rgba(31,214,223,.16);color:#0f99a1;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}
.dark .chip{background:rgba(31,214,223,.2);color:#66eaf0}
h1{font-size:clamp(40px,6vw,74px);line-height:1.02;letter-spacing:-.03em;margin:12px 0 10px}
h1 .accent{color:var(--brand)}
.hero p{margin:0;color:var(--muted);font-size:18px;line-height:1.6;max-width:48ch}
.dark .hero p{color:var(--dark-muted)}
.hero-actions{margin-top:22px;display:flex;gap:10px;flex-wrap:wrap}
.hero-card{border-radius:14px;overflow:hidden;box-shadow:0 20px 40px rgba(2,6,23,.15);border:1px solid #dbe2ea;min-height:300px}
.dark .hero-card{border-color:#214461;box-shadow:0 20px 50px rgba(0,0,0,.45)}
.hero-card img{width:100%;height:100%;object-fit:cover}

section{padding:56px 0;border-top:1px solid var(--line)}
.dark section{border-color:var(--dark-line)}
.head{text-align:center;max-width:760px;margin:0 auto 20px}
.head h2{margin:0;font-size:38px;letter-spacing:-.02em}
.head p{margin:8px 0 0;color:var(--muted);font-size:15px}
.dark .head p{color:var(--dark-muted)}

.footer{padding:34px 0 14px;background:#edf2f6;border-top:1px solid var(--line)}
.dark .footer{background:#031325;border-color:var(--dark-line)}
.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:12px}
.footer h4{margin:0 0 7px;font-size:14px;text-transform:uppercase;letter-spacing:.08em}
.footer p,.footer a{display:block;color:#667085;text-decoration:none;font-size:13px;line-height:1.6}
.dark .footer p,.dark .footer a{color:#9cb0c7}
.copy{margin-top:10px;padding-top:10px;border-top:1px solid #d8e0e8;font-size:11px;color:#98a2b3;text-transform:uppercase;letter-spacing:.08em;display:flex;justify-content:space-between}
.dark .copy{border-color:#173451}


.brand-compact .brand-icon{width:24px;height:24px;border-radius:6px}
.footer-brand{margin-bottom:10px}
.footer-brand .brand-logo-full{width:clamp(140px,22vw,210px);height:auto;border-radius:0}