:root{--bg: #0b0f14;--card: #111823;--muted: #8aa0b2;--text: #e6edf3;--brand: #2ea3ff;--brand-2: #7c4dff;--border: #1e2937}*{box-sizing:border-box}html,body{min-height:100%}body{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;color:var(--text);background:radial-gradient(1200px 800px at 80% -10%,rgba(46,163,255,.08),transparent 60%),radial-gradient(1000px 600px at -10% 10%,rgba(124,77,255,.08),transparent 60%),var(--bg);background-attachment:fixed;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.container{width:100%;max-width:100%;margin-inline:auto;padding-inline:4%}@media(min-width:1600px){.container{padding-inline:6%}}@media(max-width:768px){.container{padding-inline:20px}}.btn{display:inline-block;border-radius:10px;padding:10px 16px;text-decoration:none;font-weight:600;letter-spacing:.2px;border:1px solid transparent;cursor:pointer;transition:transform .2s,box-shadow .2s}.btn:active{transform:scale(.98)}.btn.primary{background:linear-gradient(135deg,var(--brand),var(--brand-2));color:#fff;box-shadow:0 4px 14px #2ea3ff40}.btn.primary:hover{box-shadow:0 6px 20px #2ea3ff59}.btn.ghost{background:transparent;color:var(--text);border-color:var(--border)}.btn.ghost:hover{background:#ffffff0d;border-color:var(--text)}.link{color:#9bd0ff;text-decoration:none}.link:hover{text-decoration:underline}.card{background:var(--card);border:1px solid var(--border);border-radius:18px;padding:24px;transition:all .3s ease}.card:hover{border-color:#ffffff1a;box-shadow:0 10px 30px #0003}.lead{color:var(--muted);font-size:1.125rem;line-height:1.6}.accent{background:linear-gradient(135deg,var(--brand),var(--brand-2));-webkit-background-clip:text;background-clip:text;color:transparent;display:inline-block}.page-hero{position:relative;display:grid;grid-template-columns:1.2fr .8fr;gap:40px;padding:80px 0;align-items:center}@media(max-width:992px){.page-hero{grid-template-columns:1fr;text-align:center;padding:40px 0;gap:20px}}.page-hero h1{font-size:clamp(36px,5vw,56px);line-height:1.1;margin:0 0 20px;font-weight:800;letter-spacing:-.02em}.hero-graphic{position:relative;height:320px;perspective:1000px;display:flex;justify-content:center;align-items:center}@media(max-width:900px){.hero-graphic{order:-1;height:260px;width:100%;max-width:500px;margin:0 auto}}.orb{position:absolute;border-radius:50%;filter:blur(60px);opacity:.5;z-index:0}.orb-1{width:250px;height:250px;background:radial-gradient(circle at 30% 30%,#7c4dff,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%) translate(-60px,-60px);animation:float 6s ease-in-out infinite}.orb-2{width:300px;height:300px;background:radial-gradient(circle at 40% 40%,#2ea3ff,transparent 70%);top:50%;left:50%;transform:translate(-50%,-50%) translate(60px,60px);animation:float 8s ease-in-out infinite reverse}@keyframes float{0%,to{transform:translate(0)}50%{transform:translateY(-20px)}}@keyframes fade-in-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.section-container{margin-top:80px;margin-bottom:40px;padding-bottom:60px}@media(max-width:768px){.section-container{margin-top:40px;padding-bottom:30px}}.section-container header{margin-bottom:40px;text-align:center}.section-container header h2{margin:0 0 16px;font-size:clamp(1.75rem,4vw,2.2rem);font-weight:700}.section-container header p{margin:0 auto;color:var(--muted);max-width:600px;font-size:clamp(1rem,2vw,1.1rem);line-height:1.5}.responsive-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1100px){.responsive-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.responsive-grid{grid-template-columns:1fr}}