*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--navy: #0f2144;--blue: #1a3a6e;--blue-mid: #2a5298;--blue-light: #3b7ddd;--blue-pale: #e8f0fe;--gold: #d4a843;--gold-light: #f0d68a;--gold-dark: #b8922f;--white: #ffffff;--gray-50: #f8f9fb;--gray-100: #f0f2f5;--gray-200: #e2e5ea;--gray-400: #9ca3af;--gray-600: #4b5563;--gray-800: #1f2937;--gray-900: #111827;--font: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--max-w: 1140px;--radius: 12px;--radius-sm: 8px}html{scroll-behavior:smooth}body{font-family:var(--font);color:var(--gray-800);background:var(--white);line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}.container{max-width:var(--max-w);margin:0 auto;padding:0 24px}.section{padding:96px 0}.btn{display:inline-flex;align-items:center;gap:8px;font-family:var(--font);font-weight:600;font-size:15px;padding:14px 28px;border-radius:var(--radius-sm);border:none;cursor:pointer;transition:all .2s ease}.btn-primary{background:var(--gold);color:var(--navy)}.btn-primary:hover{background:var(--gold-dark);transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--white);border:1.5px solid rgba(255,255,255,.3)}.btn-secondary:hover{border-color:var(--gold);color:var(--gold)}.btn-outline{background:transparent;color:var(--blue);border:1.5px solid var(--blue-mid)}.btn-outline:hover{background:var(--blue);color:var(--white)}.navbar{position:fixed;top:0;left:0;right:0;z-index:100;background:#0f2144eb;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(255,255,255,.06)}.navbar .container{display:flex;align-items:center;justify-content:space-between;height:72px}.nav-logo{font-size:22px;font-weight:800;color:var(--white);letter-spacing:-.5px}.nav-logo span{color:var(--gold)}.nav-links{display:flex;gap:32px;list-style:none}.nav-links a{color:#ffffffb3;font-size:14px;font-weight:500;transition:color .2s}.nav-links a:hover{color:var(--gold)}.nav-cta .btn{padding:10px 22px;font-size:14px}.hero{background:linear-gradient(165deg,var(--navy) 0%,var(--blue) 50%,var(--blue-mid) 100%);padding:160px 0 120px;text-align:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(212,168,67,.08) 0%,transparent 70%)}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#d4a8431f;border:1px solid rgba(212,168,67,.25);color:var(--gold-light);font-size:13px;font-weight:500;padding:6px 16px;border-radius:20px;margin-bottom:24px}.hero h1{font-size:clamp(40px,5.5vw,64px);font-weight:800;color:var(--white);line-height:1.1;letter-spacing:-1.5px;max-width:720px;margin:0 auto 20px}.hero h1 .highlight{color:var(--gold)}.hero p{font-size:18px;color:#fff9;max-width:540px;margin:0 auto 40px;line-height:1.7}.hero-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.hero-metrics{display:flex;gap:48px;justify-content:center;margin-top:64px;padding-top:48px;border-top:1px solid rgba(255,255,255,.08)}.hero-metrics .metric{text-align:center}.hero-metrics .metric-value{font-size:32px;font-weight:800;color:var(--gold)}.hero-metrics .metric-label{font-size:13px;color:#ffffff73;margin-top:4px}.hero-code{max-width:520px;margin:48px auto 0;background:#00000059;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);text-align:left;overflow:hidden}.hero-code-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#0003;border-bottom:1px solid rgba(255,255,255,.06)}.hero-code-dot{width:10px;height:10px;border-radius:50%}.hero-code-dot:nth-child(1){background:#ff5f57}.hero-code-dot:nth-child(2){background:#febc2e}.hero-code-dot:nth-child(3){background:#28c840}.hero-code pre{padding:20px;font-size:13px;line-height:1.7;color:#ffffffbf;font-family:SF Mono,Fira Code,monospace;overflow-x:auto}.hero-code .kw{color:var(--blue-light)}.hero-code .str{color:var(--gold-light)}.hero-code .cm{color:#ffffff4d}.features{background:var(--white)}.section-header{text-align:center;max-width:560px;margin:0 auto 64px}.section-label{display:inline-block;font-size:13px;font-weight:600;color:var(--gold-dark);text-transform:uppercase;letter-spacing:1.5px;margin-bottom:12px}.section-header h2{font-size:clamp(30px,4vw,42px);font-weight:800;color:var(--navy);line-height:1.15;letter-spacing:-.8px}.section-header p{font-size:17px;color:var(--gray-600);margin-top:16px;line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.feature-card{padding:36px;border-radius:var(--radius);border:1px solid var(--gray-200);background:var(--white);transition:all .25s ease}.feature-card:hover{border-color:var(--gold);box-shadow:0 8px 32px #d4a84314;transform:translateY(-2px)}.feature-icon{width:48px;height:48px;border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:20px;background:var(--blue-pale);color:var(--blue)}.feature-card h3{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:10px}.feature-card p{font-size:15px;color:var(--gray-600);line-height:1.65}.how-it-works{background:var(--gray-50)}.steps{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;counter-reset:step}.step{text-align:center;position:relative}.step-number{width:56px;height:56px;border-radius:50%;background:var(--navy);color:var(--gold);font-size:20px;font-weight:800;display:flex;align-items:center;justify-content:center;margin:0 auto 20px}.step h3{font-size:18px;font-weight:700;color:var(--navy);margin-bottom:8px}.step p{font-size:15px;color:var(--gray-600);line-height:1.6}.pricing{background:var(--white)}.pricing-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px;max-width:960px;margin:0 auto}.pricing-card{padding:40px;border-radius:var(--radius);border:1px solid var(--gray-200);background:var(--white);position:relative;transition:all .25s ease}.pricing-card.featured{border-color:var(--gold);box-shadow:0 12px 48px #d4a8431f}.pricing-card.featured:before{content:"Most Popular";position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--gold);color:var(--navy);font-size:12px;font-weight:700;padding:4px 14px;border-radius:12px}.pricing-card h3{font-size:20px;font-weight:700;color:var(--navy);margin-bottom:8px}.pricing-card .price{font-size:40px;font-weight:800;color:var(--navy);margin:16px 0 4px}.pricing-card .price span{font-size:16px;font-weight:500;color:var(--gray-400)}.pricing-card .price-desc{font-size:14px;color:var(--gray-400);margin-bottom:24px}.pricing-card ul{list-style:none;margin-bottom:32px}.pricing-card li{font-size:15px;color:var(--gray-600);padding:8px 0;border-bottom:1px solid var(--gray-100);display:flex;align-items:center;gap:10px}.pricing-card li:before{content:"✓";color:var(--gold-dark);font-weight:700}.pricing-card .btn{width:100%;justify-content:center}.testimonials{background:var(--navy)}.testimonials .section-label{color:var(--gold-light)}.testimonials .section-header h2{color:var(--white)}.testimonials .section-header p{color:#ffffff80}.testimonials-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:24px}.testimonial-card{padding:32px;border-radius:var(--radius);background:#ffffff0d;border:1px solid rgba(255,255,255,.08)}.testimonial-card p{font-size:15px;color:#ffffffb3;line-height:1.7;margin-bottom:20px;font-style:italic}.testimonial-author{display:flex;align-items:center;gap:12px}.testimonial-avatar{width:40px;height:40px;border-radius:50%;background:var(--blue-mid);color:var(--gold);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:15px}.testimonial-name{font-size:14px;font-weight:600;color:var(--white)}.testimonial-role{font-size:13px;color:#fff6}.faq{background:var(--gray-50)}.faq-list{max-width:720px;margin:0 auto}.faq-item{border-bottom:1px solid var(--gray-200)}.faq-question{width:100%;background:none;border:none;font-family:var(--font);font-size:16px;font-weight:600;color:var(--navy);text-align:left;padding:20px 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between}.faq-question:hover{color:var(--blue-mid)}.faq-toggle{font-size:20px;color:var(--gold);transition:transform .2s;flex-shrink:0;margin-left:16px}.faq-toggle.open{transform:rotate(45deg)}.faq-answer{font-size:15px;color:var(--gray-600);line-height:1.7;padding-bottom:20px;max-height:0;overflow:hidden;transition:max-height .3s ease}.faq-answer.open{max-height:200px}.cta-banner{background:linear-gradient(135deg,var(--navy),var(--blue-mid));text-align:center;padding:80px 0}.cta-banner h2{font-size:clamp(28px,4vw,40px);font-weight:800;color:var(--white);margin-bottom:16px;letter-spacing:-.5px}.cta-banner p{font-size:17px;color:#ffffff8c;max-width:480px;margin:0 auto 32px}.footer{background:var(--gray-900);padding:64px 0 32px}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:48px;margin-bottom:48px}.footer-brand .nav-logo{margin-bottom:12px}.footer-brand p{font-size:14px;color:var(--gray-400);line-height:1.6;max-width:280px}.footer h4{font-size:13px;font-weight:600;color:var(--white);text-transform:uppercase;letter-spacing:1px;margin-bottom:16px}.footer ul{list-style:none}.footer li{margin-bottom:10px}.footer a{font-size:14px;color:var(--gray-400);transition:color .2s}.footer a:hover{color:var(--gold)}.footer-bottom{border-top:1px solid rgba(255,255,255,.06);padding-top:24px;display:flex;align-items:center;justify-content:space-between}.footer-bottom p{font-size:13px;color:var(--gray-400)}@media (max-width: 768px){.nav-links{display:none}.hero{padding:130px 0 80px}.hero-metrics{gap:24px;flex-wrap:wrap}.section{padding:64px 0}.footer-grid{grid-template-columns:1fr 1fr;gap:32px}.pricing-grid{grid-template-columns:1fr}}@media (max-width: 480px){.footer-grid{grid-template-columns:1fr}.footer-bottom{flex-direction:column;gap:12px;text-align:center}}