*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--c-bg: #FFFFFF;--c-bg-alt: #F8FAFC;--c-bg-dark: #0F172A;--c-text: #1E293B;--c-text-muted: #64748B;--c-primary: #3B82F6;--c-primary-dark: #2563EB;--c-accent: #06B6D4;--c-gradient: linear-gradient(135deg, #3B82F6, #06B6D4);--c-border: #E2E8F0;--font: "Inter", system-ui, -apple-system, sans-serif;--max-w: 1120px;--radius: 12px}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--c-text);background:var(--c-bg);line-height:1.6;-webkit-font-smoothing:antialiased}img,svg{display:block;max-width:100%}a{color:var(--c-primary);text-decoration:none}a:hover{color:var(--c-primary-dark)}.container{max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.section{padding:5rem 0}.section--alt{background:var(--c-bg-alt)}.section--dark{background:var(--c-bg-dark);color:#f1f5f9}h1,h2,h3,h4{font-weight:700;line-height:1.2;color:var(--c-text)}h1{font-size:clamp(2.2rem,5vw,3.2rem)}h2{font-size:clamp(1.6rem,3.5vw,2.2rem);margin-bottom:1rem}h3{font-size:1.25rem;margin-bottom:.5rem}.section--dark h1,.section--dark h2,.section--dark h3{color:#f1f5f9}.text-muted{color:var(--c-text-muted)}.text-gradient{background:var(--c-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.text-center{text-align:center}.subtitle{font-size:1.15rem;color:var(--c-text-muted);max-width:640px;margin:0 auto 2.5rem}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.8rem 1.8rem;border-radius:8px;font-weight:600;font-size:1rem;transition:all .2s;border:none;cursor:pointer;text-decoration:none}.btn--primary{background:var(--c-gradient);color:#fff}.btn--primary:hover{opacity:.9;transform:translateY(-1px);color:#fff}.btn--outline{border:2px solid var(--c-primary);color:var(--c-primary);background:transparent}.btn--outline:hover{background:var(--c-primary);color:#fff}.btn--white{background:#fff;color:var(--c-text)}.btn--white:hover{background:#f1f5f9;color:var(--c-text)}.header{position:fixed;top:0;left:0;right:0;z-index:100;background:#ffffffeb;backdrop-filter:blur(12px);border-bottom:1px solid var(--c-border)}.header__inner{display:flex;align-items:center;justify-content:space-between;max-width:var(--max-w);margin:0 auto;padding:1rem 1.5rem}.header__logo img{height:36px}.header__nav{display:flex;align-items:center;gap:2rem;list-style:none}.header__nav a{color:var(--c-text);font-weight:500;font-size:.95rem}.header__nav a:hover{color:var(--c-primary)}.header__nav .btn{font-size:.9rem;padding:.6rem 1.4rem}.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:.5rem}.nav-toggle span{display:block;width:24px;height:2px;background:var(--c-text);margin:5px 0;transition:.3s}@media(max-width:768px){.nav-toggle{display:block}.header__nav{display:none;position:absolute;top:100%;left:0;right:0;flex-direction:column;background:#fff;padding:1.5rem;gap:1rem;border-bottom:1px solid var(--c-border);box-shadow:0 4px 12px #00000014}.header__nav.active{display:flex}}.hero{padding:8rem 0 5rem;background:var(--c-bg-dark);color:#f1f5f9;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 70% 20%,rgba(59,130,246,.15) 0%,transparent 60%),radial-gradient(ellipse at 30% 80%,rgba(6,182,212,.1) 0%,transparent 50%)}.hero__inner{position:relative;max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.hero__tag{display:inline-block;padding:.4rem 1rem;border-radius:20px;background:#3b82f626;color:var(--c-accent);font-size:.85rem;font-weight:600;margin-bottom:1.5rem;border:1px solid rgba(59,130,246,.2)}.hero h1{color:#f1f5f9;margin-bottom:1.5rem;max-width:700px}.hero p{font-size:1.2rem;color:#94a3b8;max-width:600px;margin-bottom:2.5rem;line-height:1.7}.hero__actions{display:flex;gap:1rem;flex-wrap:wrap}.grid{display:grid;gap:2rem}.grid--3{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.grid--2{grid-template-columns:repeat(auto-fit,minmax(400px,1fr))}.card{background:#fff;border:1px solid var(--c-border);border-radius:var(--radius);padding:2rem;transition:all .2s}.card:hover{border-color:var(--c-primary);box-shadow:0 4px 20px #3b82f614;transform:translateY(-2px)}.card__icon{width:48px;height:48px;border-radius:10px;background:linear-gradient(135deg,#3b82f61a,#06b6d41a);display:flex;align-items:center;justify-content:center;margin-bottom:1.2rem;font-size:1.5rem}.card h3{margin-bottom:.75rem}.card p{color:var(--c-text-muted);font-size:.95rem;line-height:1.6}.steps{counter-reset:step}.step{display:flex;gap:2rem;align-items:flex-start;padding:2rem 0;border-bottom:1px solid var(--c-border)}.step:last-child{border-bottom:none}.step__number{counter-increment:step;flex-shrink:0;width:48px;height:48px;border-radius:50%;background:var(--c-gradient);color:#fff;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:1.1rem}.step__number:before{content:counter(step)}.cta{padding:5rem 0;background:var(--c-bg-dark);text-align:center;position:relative;overflow:hidden}.cta:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at center,rgba(59,130,246,.12) 0%,transparent 70%)}.cta__inner{position:relative}.cta h2{color:#f1f5f9;margin-bottom:1rem}.cta p{color:#94a3b8;font-size:1.1rem;max-width:550px;margin:0 auto 2rem}.footer{background:#0b1120;color:#94a3b8;padding:3rem 0 2rem}.footer__inner{display:flex;justify-content:space-between;align-items:flex-start;flex-wrap:wrap;gap:2rem;max-width:var(--max-w);margin:0 auto;padding:0 1.5rem}.footer__logo img{height:32px;margin-bottom:.75rem}.footer__links{list-style:none;display:flex;gap:1.5rem;flex-wrap:wrap}.footer__links a{color:#94a3b8;font-size:.9rem}.footer__links a:hover{color:#f1f5f9}.footer__bottom{max-width:var(--max-w);margin:2rem auto 0;padding:1.5rem 1.5rem 0;border-top:1px solid rgba(255,255,255,.08);text-align:center;font-size:.85rem}.form{max-width:560px;margin:0 auto}.form__group{margin-bottom:1.25rem}.form__label{display:block;font-weight:500;margin-bottom:.4rem;font-size:.9rem}.form__input,.form__textarea{width:100%;padding:.75rem 1rem;border:1px solid var(--c-border);border-radius:8px;font-family:var(--font);font-size:1rem;transition:border-color .2s;background:#fff}.form__input:focus,.form__textarea:focus{outline:none;border-color:var(--c-primary);box-shadow:0 0 0 3px #3b82f61a}.form__textarea{resize:vertical;min-height:120px}.mb-1{margin-bottom:.5rem}.mb-2{margin-bottom:1rem}.mb-3{margin-bottom:1.5rem}.mb-4{margin-bottom:2rem}.mt-4{margin-top:2rem}