@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap');
:root{--brand-bg:#090909;--brand-panel:#151515;--brand-text:#f5f5f1;--brand-muted:#a3a3a3;--brand-border:#333;--bg:var(--brand-bg);--text:var(--brand-text);--muted:var(--brand-muted);--mint:var(--brand-text)}
html,body,button,input,select,textarea{font-family:Inter,Arial,sans-serif!important}
body{background-color:var(--brand-bg);color:var(--brand-text);-webkit-font-smoothing:antialiased}
h1,h2,h3{font-family:Inter,Arial,sans-serif!important;font-weight:600;letter-spacing:-.045em}
p{line-height:1.6}.eyebrow,.panel-kicker{font-weight:500;letter-spacing:.16em}
.button,.brief-button{font-weight:600;letter-spacing:-.015em;border-radius:12px}
.button{background:#f5f5f1;color:#090909}.button.dark{background:#151515;color:#f5f5f1;border:1px solid #444}
.system-card,.feature,.step,.price-card,.review,.connect-panel{background-color:#111;border-color:#333;border-radius:20px}
.system-icon{background:none;border:0;box-shadow:none;width:92px;height:92px}
.system-icon svg{stroke:#f5f5f1;width:60px;height:60px;stroke-width:2;fill:none}
.system-card:hover .system-icon{box-shadow:none;transform:none}
.logo{font-weight:700;letter-spacing:.055em}.checklist li:before{color:#f5f5f1}
@media(max-width:560px){.hero h1{font-size:clamp(38px,10.6vw,52px);line-height:1.04}.section h2{font-size:clamp(32px,9vw,42px)}.system-icon{width:76px;height:76px}.system-icon svg{width:52px;height:52px}}