:root{color-scheme:dark;--bg: #091018;--surface: #131f34;--surface-alt: #172b42;--surface-strong: #1d374c;--text: #edf2fb;--muted: #93a8c1;--accent: #5dda9b;--accent-strong: #30b28a;--border: rgba(255,255,255,.08);--radius: 24px}*{box-sizing:border-box}html,body{margin:0;min-height:100%;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:radial-gradient(circle at top,rgba(93,218,155,.16),transparent 30%),radial-gradient(circle at left center,rgba(48,178,138,.08),transparent 22%),var(--bg);color:var(--text)}body{line-height:1.6}a{color:inherit;text-decoration:none}img{display:block;max-width:100%}button,input,textarea,select{font:inherit}.container{width:min(1160px,calc(100% - 2rem));margin:0 auto}.page-shell{display:flex;min-height:100vh;flex-direction:column}.site-header{border-bottom:1px solid var(--border);background:#0c121ee6;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.header-content{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1rem 0}.brand-link{display:flex;align-items:center;gap:1rem}.brand-logo{width:58px;height:58px;border-radius:18px;background:#ffffff0d;padding:.6rem}.brand-name{display:block;font-weight:800;letter-spacing:-.03em}.brand-tag{display:block;margin-top:.25rem;color:var(--muted);font-size:.92rem}.site-navigation{display:flex;flex-wrap:wrap;gap:1rem;align-items:center}.nav-link{border-radius:999px;padding:.8rem 1rem;color:var(--muted);font-size:.95rem;transition:background .2s ease,color .2s ease}.nav-link:hover{background:#ffffff0f;color:var(--text)}.hero-block{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:2rem;padding:3.4rem 0 2rem}.eyebrow{text-transform:uppercase;letter-spacing:.24em;font-size:.78rem;color:var(--accent);margin-bottom:1rem}.hero-block h1{font-size:clamp(3rem,5vw,4.5rem);line-height:.95;margin:0}.hero-block p{color:var(--muted);max-width:620px}.hero-actions{display:flex;flex-wrap:wrap;gap:1rem;margin-top:1.8rem}.button{display:inline-flex;align-items:center;justify-content:center;border-radius:999px;padding:1rem 1.6rem;font-weight:700;transition:transform .2s ease,background .2s ease}.button:hover{transform:translateY(-2px)}.primary{background:linear-gradient(135deg,var(--accent),var(--accent-strong));color:#07121d}.secondary{border:1px solid rgba(255,255,255,.14);background:#ffffff0a}.hero-visual{display:grid;place-items:center}.hero-card{width:100%;padding:2rem;border-radius:var(--radius);background:linear-gradient(180deg,#5dda9b24,#ffffff0a);border:1px solid rgba(255,255,255,.08)}.hero-card-label{display:inline-flex;padding:.5rem .9rem;border-radius:999px;background:#ffffff14;color:var(--accent);font-size:.85rem;margin-bottom:1rem}.hero-card h2{margin:0;font-size:1.7rem;line-height:1.2}.content-page,.home-page{padding-bottom:3rem}.section-section{padding:2.5rem 0}.section-intro{max-width:760px;margin-bottom:1.8rem}.section-intro h2{margin:0 0 .85rem;font-size:clamp(2rem,2.5vw,2.6rem)}.section-intro p{margin:0;color:var(--muted)}.card-grid,.topic-grid,.feature-list{display:grid;gap:1rem}.card-grid,.topic-grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.feature-card,.topic-card,.feature-row{background:#ffffff08;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius);padding:1.75rem}.feature-card h3,.feature-row h2{margin-top:0}.topic-card{display:block;transition:transform .2s ease,border-color .2s ease,background .2s ease}.topic-card:hover{transform:translateY(-4px);border-color:#5dda9b4d;background:#5dda9b14}.topic-card strong{display:block;font-size:1.2rem;margin-bottom:.65rem}.topic-card p{margin:0;color:var(--muted)}.highlight-panel{padding:2rem;border:1px solid rgba(93,218,155,.16);background:#5dda9b0d;border-radius:var(--radius)}.text-list{list-style:none;padding-left:0;margin:0;display:grid;gap:.9rem}.text-list li{position:relative;padding-left:1.3rem;color:var(--muted)}.text-list li:before{content:"•";position:absolute;left:0;top:0;color:var(--accent)}.site-footer{margin-top:auto;border-top:1px solid var(--border);padding:2.5rem 0 3rem}.footer-content{display:grid;grid-template-columns:1fr 1fr;gap:1rem}.footer-content h3{margin:0 0 .5rem}@media (max-width: 900px){.hero-block,.footer-content{grid-template-columns:1fr}}@media (max-width: 700px){.site-navigation{justify-content:center}.hero-card h2{font-size:1.45rem}}