:root{--brand-6:#1456f0;--col-brand00:#3daeff;--col-brand02:#ea5ec1;--color-primary-200:#bfdbfe;--color-primary-light:#60a5fa;--color-primary-500:#3b82f6;--color-primary-600:#2563eb;--color-primary-700:#1d4ed8;--brand-3:#17437d;--col-text00:#222;--col-text04:#45515e;--col-text03:#8e8e93;--brand-2:#5f5f5f;--col-bg13:#fff;--col-bg11:#f0f0f0;--fill-bg-white:#fff6;--border-light:#f2f3f5;--border-gray:#e5e7eb;--dark-bg:#181e25;--success-bg:#e8ffea;--shadow-standard:#00000014 0px 4px 6px;--shadow-soft-glow:#00000014 0px 0px 22.576px;--shadow-brand-purple:#2c1e7429 0px 0px 15px;--shadow-brand-purple-offset:#2c1e741c 6.5px 2px 17.5px;--shadow-card-elevation:#24242414 0px 12px 16px -4px;--font-ui:"DM Sans", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-display:"Outfit", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-mid:"Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif;--font-data:"Roboto", "Helvetica Neue", Helvetica, Arial, sans-serif;--space-1:1px;--space-2:2px;--space-4:4px;--space-6:6px;--space-8:8px;--space-10:10px;--space-11:11px;--space-14:14px;--space-16:16px;--space-24:24px;--space-32:32px;--space-40:40px;--space-50:50px;--space-64:64px;--space-80:80px;--radius-minimal:4px;--radius-standard:8px;--radius-comfortable:13px;--radius-generous:16px;--radius-large:20px;--radius-pill:9999px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-ui);color:var(--col-text00);background-color:var(--col-bg13);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:16px;line-height:1.5}#root{width:100%;min-height:100vh}a{color:inherit;text-decoration:none}button{cursor:pointer;background:0 0;border:none;font-family:inherit}ul,ol{list-style:none}img{max-width:100%;height:auto}.container{max-width:1200px;padding:0 var(--space-24);margin:0 auto}.font-display{font-family:var(--font-display)}.font-ui{font-family:var(--font-ui)}.font-mid{font-family:var(--font-mid)}.font-data{font-family:var(--font-data)}.text-primary{color:var(--col-text00)}.text-secondary{color:var(--col-text04)}.text-muted{color:var(--col-text03)}.navbar{z-index:100;background:var(--col-bg13);border-bottom:1px solid var(--border-light);position:sticky;top:0}.navbar-container{justify-content:space-between;align-items:center;height:64px;display:flex}.navbar-logo{align-items:center;display:flex}.logo-img{width:auto;height:36px;margin-right:10px}.logo-text{font-family:var(--font-display);color:var(--col-text00);font-size:18px;font-weight:600}.navbar-links{gap:var(--space-32);display:flex}.nav-link{color:var(--col-text00);font-size:14px;font-weight:500;transition:opacity .2s}.nav-link:hover{opacity:.7}.navbar-actions{align-items:center;gap:var(--space-16);display:flex}.nav-login{color:var(--col-text00);opacity:.8;font-size:14px;font-weight:500;transition:opacity .2s}.nav-login:hover{opacity:1}.btn-pill-primary{background:var(--brand-6);color:#fff;border-radius:var(--radius-standard);justify-content:center;align-items:center;padding:11px 20px;font-size:14px;font-weight:600;transition:background .2s;display:inline-flex}.btn-pill-primary:hover{background:var(--color-primary-600)}@media (width<=768px){.navbar-links,.nav-login{display:none}}.hero{padding:var(--space-80) 0 var(--space-64);text-align:center}.hero-container{max-width:900px}.hero-title{color:var(--col-text00);margin-bottom:var(--space-24);font-size:80px;font-weight:500;line-height:1.1}.hero-title-accent{background:linear-gradient(135deg, var(--brand-6), var(--col-brand02));-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.hero-subtitle{color:var(--col-text04);margin-bottom:var(--space-40);font-size:20px;font-weight:400}.hero-cta{margin-bottom:var(--space-64)}.btn-hero-primary{align-items:center;gap:var(--space-8);background:var(--dark-bg);color:#fff;border-radius:var(--radius-standard);padding:14px 28px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex}.btn-hero-primary:hover{box-shadow:var(--shadow-card-elevation);transform:translateY(-2px)}.hero-agents{margin-top:var(--space-64)}.hero-agents-label{color:var(--col-text03);margin-bottom:var(--space-24);font-size:14px;font-weight:500}.hero-agents-grid{grid-template-columns:repeat(7,1fr);gap:20px;max-width:900px;margin:0 auto;display:grid}.hero-agent-icon{aspect-ratio:1;border-radius:var(--radius-large);width:100%;box-shadow:var(--shadow-brand-purple);padding:var(--space-12);justify-content:center;align-items:center;min-height:100px;transition:transform .2s;display:flex}.hero-agent-icon:hover{transform:scale(1.08)}.hero-agent-name{color:#fff;text-align:center;word-break:break-word;font-size:13px;font-weight:600;line-height:1.3}@media (width<=768px){.hero{padding:var(--space-40) 0}.hero-title{font-size:40px}.hero-subtitle{font-size:16px}.hero-agents-grid{grid-template-columns:repeat(4,1fr);gap:16px;max-width:500px}.hero-agent-icon{min-height:80px}.hero-agent-name{font-size:12px}}@media (width<=480px){.hero-agents-grid{grid-template-columns:repeat(3,1fr);gap:12px;max-width:320px}.hero-agent-icon{min-height:70px}.hero-agent-name{font-size:11px}}.agent-category{padding:var(--space-80) 0;background:var(--col-bg13)}.section-title{color:var(--col-text00);text-align:center;margin-bottom:var(--space-8);font-size:31px;font-weight:600;line-height:1.5}.section-subtitle{color:var(--col-text04);text-align:center;margin-bottom:var(--space-50);font-size:16px}.category-grid{gap:var(--space-24);grid-template-columns:repeat(4,1fr);display:grid}.category-card{background:var(--col-bg13);border-radius:var(--radius-large);padding:var(--space-24);box-shadow:var(--shadow-brand-purple);border:1px solid #0000000d;transition:transform .2s,box-shadow .2s}.category-card:hover{box-shadow:var(--shadow-brand-purple-offset);transform:translateY(-4px)}.category-header{align-items:center;gap:var(--space-12);margin-bottom:var(--space-16);display:flex}.category-icon{font-size:28px}.category-name{color:var(--col-text00);font-size:18px;font-weight:600}.category-agents{gap:var(--space-8);flex-direction:column;display:flex}.agent-tag{color:var(--col-text04);padding:var(--space-6) var(--space-10);background:var(--col-bg11);border-radius:var(--radius-minimal);font-size:13px;font-weight:500}@media (width<=1024px){.category-grid{grid-template-columns:repeat(2,1fr)}}@media (width<=768px){.category-grid{grid-template-columns:1fr}.agent-category{padding:var(--space-40) 0}.section-title{font-size:24px}}.pricing-section{padding:var(--space-80) 0;background:var(--col-bg11)}.pricing-grid{gap:var(--space-24);grid-template-columns:repeat(4,1fr);align-items:start;display:grid}.pricing-card{background:var(--col-bg13);border-radius:var(--radius-large);padding:var(--space-32) var(--space-24);box-shadow:var(--shadow-standard);transition:transform .2s,box-shadow .2s;position:relative}.pricing-card:hover{box-shadow:var(--shadow-card-elevation);transform:translateY(-4px)}.pricing-card.popular{background:var(--dark-bg);color:#fff;box-shadow:var(--shadow-brand-purple);transform:scale(1.05)}.pricing-card.popular:hover{transform:scale(1.05)translateY(-4px)}.popular-badge{padding:var(--space-4) var(--space-16);background:var(--brand-6);color:#fff;border-radius:var(--radius-pill);white-space:nowrap;font-size:12px;font-weight:600;position:absolute;top:-12px;left:50%;transform:translate(-50%)}.plan-name{text-align:center;margin-bottom:var(--space-16);font-size:20px;font-weight:600}.pricing-card:not(.popular) .plan-name{color:var(--col-text00)}.plan-price{margin-bottom:var(--space-24);justify-content:center;align-items:baseline;display:flex}.price-currency{margin-right:2px;font-size:20px;font-weight:600}.pricing-card.popular .price-currency{color:var(--color-primary-light)}.price-amount{font-family:var(--font-display);font-size:48px;font-weight:600;line-height:1}.price-period{color:var(--col-text03);margin-left:4px;font-size:14px}.pricing-card.popular .price-period{color:#fff9}.plan-features{margin-bottom:var(--space-24)}.plan-feature{padding:var(--space-10) 0;border-bottom:1px solid var(--border-light);justify-content:space-between;font-size:14px;display:flex}.pricing-card.popular .plan-feature{border-bottom-color:#ffffff1a}.plan-feature:last-child{border-bottom:none}.feature-label{color:var(--col-text04)}.pricing-card.popular .feature-label{color:#ffffffb3}.feature-value{color:var(--col-text00);font-weight:600}.pricing-card.popular .feature-value{color:#fff}.btn-plan{text-align:center;border-radius:var(--radius-standard);width:100%;padding:12px 20px;font-size:14px;font-weight:600;transition:all .2s;display:block}.btn-plan-secondary{background:var(--col-bg11);color:var(--col-text00)}.btn-plan-secondary:hover{background:var(--border-gray)}.btn-plan-primary{background:var(--brand-6);color:#fff}.btn-plan-primary:hover{background:var(--color-primary-600)}@media (width<=1024px){.pricing-grid{grid-template-columns:repeat(2,1fr)}.pricing-card.popular{transform:scale(1)}.pricing-card.popular:hover{transform:translateY(-4px)}}@media (width<=768px){.pricing-grid{grid-template-columns:1fr}.pricing-section{padding:var(--space-40) 0}.section-title{font-size:24px}}.footer{background:var(--dark-bg);color:#fffc;padding:var(--space-64) 0 var(--space-32)}.footer-content{gap:var(--space-64);margin-bottom:var(--space-50);grid-template-columns:1fr 2fr;display:grid}.footer-logo{font-family:var(--font-display);color:#fff;margin-bottom:var(--space-12);font-size:20px;font-weight:600}.logo-accent{color:var(--col-brand00)}.footer-tagline{color:#fff9;font-size:14px}.footer-links{gap:var(--space-32);grid-template-columns:repeat(3,1fr);display:grid}.footer-heading{color:#fff;margin-bottom:var(--space-16);font-size:14px;font-weight:600}.footer-list{gap:var(--space-10);flex-direction:column;display:flex}.footer-list a{color:#fff9;font-size:14px;transition:color .2s}.footer-list a:hover{color:#fff}.footer-bottom{padding-top:var(--space-32);border-top:1px solid #ffffff1a}.footer-copyright{color:#fff6;text-align:center;font-size:13px}@media (width<=768px){.footer-content{gap:var(--space-40);grid-template-columns:1fr}.footer-links{grid-template-columns:repeat(2,1fr)}.footer{padding:var(--space-40) 0 var(--space-24)}}@media (width<=480px){.footer-links{grid-template-columns:1fr}}