@import url("https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Outfit:wght@300;400;500;700;900&family=Space+Mono:ital,wght@0,400;0,700;1,400&display=swap");:root{--bg-primary:#050505;--bg-secondary:#0f0f0f;--text-primary:#fff;--text-secondary:#c1c1c8;--accent-primary:#e11d48;--accent-primary-dim:rgba(225,29,72,.2);--accent-blue:#00f0ff;--border-color:hsla(0,0%,100%,.15);--glass-bg:hsla(0,0%,6%,.75);--glass-border:hsla(0,0%,100%,.12);--glass-card-bg:rgba(25,25,25,.6);--glass-card-hover-bg:rgba(35,35,35,.8);--glass-card-hover-border:hsla(0,0%,100%,.25);--btn-outline-hover-bg:hsla(0,0%,100%,.1);--btn-outline-hover-border:hsla(0,0%,100%,.3);--gradient-stop-1:#fff;--gradient-stop-2:#ccc;--hero-bg-1:#0a0a0a;--hero-bg-2:#050505;--section-bg-dim:hsla(0,0%,6%,.5);--font-sans:"Inter",sans-serif;--font-display:"Outfit",sans-serif;--font-mono:"Space Mono",monospace;--step-number-color:hsla(0,0%,100%,.08)}[data-theme=light]{--bg-primary:#f4f4f5;--bg-secondary:#fff;--text-primary:#09090b;--text-secondary:#3f3f46;--accent-primary:#be123c;--accent-primary-dim:rgba(190,18,60,.15);--border-color:rgba(0,0,0,.15);--glass-bg:hsla(0,0%,100%,.9);--glass-border:rgba(0,0,0,.15);--glass-card-bg:#fff;--glass-card-hover-bg:#fafafa;--glass-card-hover-border:rgba(0,0,0,.25);--btn-outline-hover-bg:rgba(0,0,0,.08);--btn-outline-hover-border:rgba(0,0,0,.3);--gradient-stop-1:#09090b;--gradient-stop-2:#3f3f46;--hero-bg-1:#f4f4f5;--hero-bg-2:#fff;--section-bg-dim:rgba(0,0,0,.04);--step-number-color:rgba(0,0,0,.12)}*{box-sizing:border-box;margin:0;padding:0}body{background-color:var(--bg-primary);color:var(--text-primary);font-family:var(--font-sans);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}.glass{background:var(--glass-bg);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--glass-border)}.glass-card{background:var(--glass-card-bg);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid var(--glass-border);border-radius:16px;padding:2rem;transition:all .3s ease}.glass-card:hover{background:var(--glass-card-hover-bg);border-color:var(--glass-card-hover-border);transform:translateY(-5px)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.2}h1{font-size:clamp(2.5rem,6.5vw,5rem);letter-spacing:-.02em}h2{font-size:clamp(1.8rem,4.5vw,3.2rem);margin-bottom:1.25rem}h3{font-size:clamp(1.3rem,2.5vw,1.8rem)}p{color:var(--text-secondary);font-size:1rem;line-height:1.6;max-width:65ch}.container{max-width:1300px;margin:0 auto;padding:0 2rem}.section{padding:5rem 0}.grid{display:grid;grid-gap:2rem;gap:2rem}.grid-cols-2{grid-template-columns:1fr}@media (min-width:768px){.grid-cols-2{grid-template-columns:repeat(2,1fr)}}.grid-cols-3{grid-template-columns:1fr}@media (min-width:768px){.grid-cols-3{grid-template-columns:repeat(2,1fr)}}@media (min-width:1024px){.grid-cols-3{grid-template-columns:repeat(3,1fr)}}.gradient-text{background:linear-gradient(135deg,var(--gradient-stop-1) 0,var(--gradient-stop-2) 100%);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.accent-text{color:var(--accent-primary)}.btn{display:inline-flex;align-items:center;gap:.5rem;background:var(--text-primary);color:var(--bg-primary);padding:1rem 2rem;border-radius:50px;font-weight:600;text-decoration:none;font-family:var(--font-sans);transition:all .3s ease;border:none;cursor:pointer;font-size:1rem}.btn:hover{background:var(--accent-primary);transform:translateY(-2px)}.btn-outline{background:transparent;color:var(--text-primary);border:1px solid var(--glass-border)}.btn-outline:hover{background:var(--btn-outline-hover-bg);border-color:var(--btn-outline-hover-border)}a:not(.btn){color:var(--text-primary);text-decoration:none;transition:color .3s}a:not(.btn):hover{color:var(--accent-primary)}body,html{overflow-x:hidden;width:100%;position:relative}@media (max-width:768px){.hero-title{font-size:clamp(2.5rem,10vw,4.5rem)!important;letter-spacing:-.03em;margin-bottom:1rem}.hero-sub{font-size:1.1rem!important;line-height:1.5}.section{padding:2.5rem 0}p{font-size:.95rem!important}.container{padding:0 1.25rem}}@media (max-width:480px){.hero-title{font-size:clamp(2rem,12vw,3.5rem)!important;line-height:1}}