:root{--color-primary: #007ACC;--color-primary-dark: #005a9e;--color-secondary: #10b981;--color-text: #1f2937;--color-text-light: #6b7280;--color-bg: #ffffff;--color-bg-alt: #f9fafb;--color-bg-dark: #1e1e1e;--color-border: #e5e7eb;--color-accent: #f59e0b;--shadow-sm: 0 1px 2px 0 rgb(0 0 0 / .05);--shadow-md: 0 4px 6px -1px rgb(0 0 0 / .1);--shadow-lg: 0 10px 15px -3px rgb(0 0 0 / .1);--shadow-xl: 0 20px 25px -5px rgb(0 0 0 / .1);--radius: 8px;--radius-lg: 12px;--max-width: 1200px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.6;color:var(--color-text);background-color:var(--color-bg)}.skip-link{position:absolute;top:-40px;left:0;background:var(--color-primary);color:#fff;padding:8px 16px;z-index:100;text-decoration:none;border-radius:0 0 var(--radius) 0}.skip-link:focus{top:0}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}nav{background:var(--color-bg);border-bottom:1px solid var(--color-border);position:sticky;top:0;z-index:50;box-shadow:var(--shadow-sm)}.nav-content{display:flex;align-items:center;justify-content:space-between;padding:12px 0}.nav-brand{display:flex;align-items:center;gap:12px;text-decoration:none;color:var(--color-text);font-weight:600;font-size:1.1rem}.nav-brand svg{width:32px;height:32px}.nav-links{display:flex;list-style:none;gap:8px;align-items:center}.nav-links a{color:var(--color-text);text-decoration:none;padding:8px 16px;border-radius:var(--radius);font-weight:500;font-size:.95rem;transition:background-color .2s,color .2s}.nav-links a:hover,.nav-links a:focus{background-color:var(--color-bg-alt);color:var(--color-primary)}.nav-links a:focus{outline:2px solid var(--color-primary);outline-offset:2px}.nav-links .nav-cta{background:var(--color-primary);color:#fff}.nav-links .nav-cta:hover,.nav-links .nav-cta:focus{background:var(--color-primary-dark);color:#fff}.hero{background:linear-gradient(135deg,#1e1e1e,#2d2d2d,#1e1e1e);color:#fff;padding:80px 0 100px;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 50%,rgba(0,122,204,.15) 0%,transparent 50%),radial-gradient(circle at 80% 50%,rgba(16,185,129,.1) 0%,transparent 50%);pointer-events:none}.hero-content{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero-text{display:flex;flex-direction:column;gap:24px}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:#007acc33;border:1px solid rgba(0,122,204,.4);padding:6px 14px;border-radius:20px;font-size:.85rem;font-weight:500;width:fit-content;color:#60a5fa}.hero-badge svg{width:16px;height:16px}.hero h1{font-size:clamp(2.5rem,5vw,3.5rem);font-weight:700;line-height:1.15;letter-spacing:-.02em}.hero h1 span{background:linear-gradient(135deg,#60a5fa,#34d399);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.2rem;opacity:.9;line-height:1.7;max-width:540px}.hero-buttons{display:flex;gap:16px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;border-radius:var(--radius);font-weight:600;font-size:1rem;text-decoration:none;transition:all .2s;cursor:pointer;border:none}.btn-primary{background:var(--color-primary);color:#fff}.btn-primary:hover{background:var(--color-primary-dark);transform:translateY(-2px);box-shadow:var(--shadow-lg)}.btn-secondary{background:#ffffff1a;color:#fff;border:1px solid rgba(255,255,255,.2)}.btn-secondary:hover{background:#ffffff26;border-color:#ffffff4d}.hero-stats{display:flex;gap:32px;margin-top:16px}.hero-stat{display:flex;flex-direction:column}.hero-stat-value{font-size:1.5rem;font-weight:700;color:#60a5fa}.hero-stat-label{font-size:.85rem;opacity:.7}.hero-visual{position:relative}.hero-code-window{background:#1e1e1e;border-radius:var(--radius-lg);box-shadow:var(--shadow-xl);border:1px solid #3c3c3c;overflow:hidden}.code-window-header{display:flex;align-items:center;gap:8px;padding:12px 16px;background:#2d2d2d;border-bottom:1px solid #3c3c3c}.code-window-dot{width:12px;height:12px;border-radius:50%}.code-window-dot.red{background:#ff5f56}.code-window-dot.yellow{background:#ffbd2e}.code-window-dot.green{background:#27ca40}.code-window-title{margin-left:8px;font-size:.8rem;color:#858585}.code-window-content{padding:20px;font-family:Monaco,Menlo,Ubuntu Mono,monospace;font-size:.85rem;line-height:1.6;color:#d4d4d4}.code-comment{color:#6a9955}.code-keyword{color:#569cd6}.code-string{color:#ce9178}.code-function{color:#dcdcaa}.code-variable{color:#9cdcfe}.code-ai-response{background:#007acc1a;border-left:3px solid var(--color-primary);padding:12px;margin-top:16px;border-radius:0 var(--radius) var(--radius) 0}.code-ai-response .ai-label{color:var(--color-primary);font-weight:600;margin-bottom:8px;display:flex;align-items:center;gap:6px}.providers{padding:60px 0;background:var(--color-bg-alt);border-bottom:1px solid var(--color-border)}.providers-title{text-align:center;font-size:.95rem;font-weight:500;color:var(--color-text-light);margin-bottom:32px;text-transform:uppercase;letter-spacing:1px}.providers-grid{display:flex;justify-content:center;align-items:center;flex-wrap:wrap;gap:40px}.provider-item{display:flex;align-items:center;gap:10px;color:var(--color-text-light);font-weight:500;font-size:1rem;transition:color .2s}.provider-item:hover{color:var(--color-text)}.provider-item svg{width:28px;height:28px}.features{padding:100px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 60px}.section-header h2{font-size:2.25rem;font-weight:700;margin-bottom:16px;color:var(--color-text)}.section-header p{font-size:1.1rem;color:var(--color-text-light);line-height:1.7}.features-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:32px}.feature-card{background:var(--color-bg);padding:32px;border-radius:var(--radius-lg);border:1px solid var(--color-border);transition:all .3s}.feature-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-4px);border-color:var(--color-primary)}.feature-icon{width:52px;height:52px;background:linear-gradient(135deg,var(--color-primary),var(--color-primary-dark));border-radius:var(--radius);display:flex;align-items:center;justify-content:center;margin-bottom:20px}.feature-icon svg{width:26px;height:26px;color:#fff}.feature-card h3{font-size:1.25rem;font-weight:600;margin-bottom:12px;color:var(--color-text)}.feature-card p{color:var(--color-text-light);line-height:1.7}.how-it-works{padding:100px 0;background:var(--color-bg-alt)}.steps-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:40px}.step-card{text-align:center;position:relative}.step-number{width:56px;height:56px;background:var(--color-primary);color:#fff;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:1.5rem;font-weight:700;margin:0 auto 20px}.step-card h3{font-size:1.2rem;font-weight:600;margin-bottom:12px;color:var(--color-text)}.step-card p{color:var(--color-text-light);line-height:1.7}.code-actions{padding:100px 0}.code-actions-content{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.actions-list{display:flex;flex-direction:column;gap:20px}.action-item{display:flex;gap:16px;padding:20px;background:var(--color-bg-alt);border-radius:var(--radius);border:1px solid var(--color-border);transition:all .2s}.action-item:hover{border-color:var(--color-primary);box-shadow:var(--shadow-md)}.action-item svg{flex-shrink:0;width:24px;height:24px;color:var(--color-primary)}.action-item h4{font-size:1rem;font-weight:600;margin-bottom:4px;color:var(--color-text)}.action-item p{font-size:.9rem;color:var(--color-text-light)}.installation{padding:100px 0;background:linear-gradient(135deg,#1e1e1e,#2d2d2d);color:#fff}.installation .section-header h2{color:#fff}.installation .section-header p{color:#fffc}.install-methods{display:grid;grid-template-columns:repeat(auto-fit,minmax(350px,1fr));gap:32px;margin-top:48px}.install-card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-lg);padding:32px}.install-card h3{font-size:1.2rem;font-weight:600;margin-bottom:16px;display:flex;align-items:center;gap:10px}.install-card h3 svg{width:24px;height:24px;color:var(--color-primary)}.install-card p{color:#ffffffb3;margin-bottom:20px;line-height:1.7}.install-code{background:#0d0d0d;padding:16px 20px;border-radius:var(--radius);font-family:Monaco,Menlo,monospace;font-size:.9rem;color:#d4d4d4;overflow-x:auto;display:flex;align-items:center;justify-content:space-between;gap:12px}.install-code code{white-space:nowrap}.copy-btn{background:transparent;border:none;color:#ffffff80;cursor:pointer;padding:4px;transition:color .2s}.copy-btn:hover{color:#fff}.stats-section{padding:80px 0;background:var(--color-bg-alt)}.stats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:40px;text-align:center}.stat-item h3{font-size:3rem;font-weight:700;color:var(--color-primary);margin-bottom:8px}.stat-item p{color:var(--color-text-light);font-size:1rem}.cta{padding:100px 0;text-align:center}.cta h2{font-size:2.5rem;font-weight:700;margin-bottom:16px;color:var(--color-text)}.cta p{font-size:1.2rem;color:var(--color-text-light);margin-bottom:32px;max-width:600px;margin-left:auto;margin-right:auto}.cta-buttons{display:flex;gap:16px;justify-content:center;flex-wrap:wrap}.btn-outline{background:transparent;color:var(--color-primary);border:2px solid var(--color-primary)}.btn-outline:hover{background:var(--color-primary);color:#fff}footer{background:#1e1e1e;color:#fff;padding:60px 0 32px}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:40px;margin-bottom:40px}.footer-brand h3{font-size:1.25rem;margin-bottom:12px}.footer-brand p{color:#fff9;line-height:1.7;font-size:.95rem}.footer-column h4{font-size:.9rem;font-weight:600;margin-bottom:16px;text-transform:uppercase;letter-spacing:.5px}.footer-column ul{list-style:none}.footer-column li{margin-bottom:10px}.footer-column a{color:#fff9;text-decoration:none;font-size:.95rem;transition:color .2s}.footer-column a:hover{color:#fff}.footer-bottom{padding-top:32px;border-top:1px solid rgba(255,255,255,.1);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px}.footer-bottom p{color:#ffffff80;font-size:.9rem}.footer-social{display:flex;gap:16px}.footer-social a{color:#ffffff80;transition:color .2s}.footer-social a:hover{color:#fff}@media(max-width:968px){.hero-content{grid-template-columns:1fr;text-align:center}.hero-text{align-items:center}.hero-badge,.hero-description{margin:0 auto}.hero-buttons,.hero-stats{justify-content:center}.hero-visual{max-width:500px;margin:0 auto}.code-actions-content{grid-template-columns:1fr}.footer-content{grid-template-columns:1fr 1fr}}@media(max-width:768px){.nav-links{display:none}.hero{padding:60px 0 80px}.hero h1{font-size:2rem}.hero-description{font-size:1rem}.features,.how-it-works,.code-actions,.installation,.cta{padding:60px 0}.section-header h2{font-size:1.75rem}.footer-content{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.feature-card:hover,.btn-primary:hover{transform:none}}@media print{nav,.hero:before,.cta{display:none}}