*,*:before,*:after{box-sizing:border-box}html,body{margin:0;padding:0}body{font-family:system-ui,-apple-system,BlinkMacSystemFont,SF Pro Text,sans-serif;background:#f3f4f6;color:#0f172a}#root{min-height:100vh}.page{min-height:100vh;display:flex;flex-direction:column;background:#f3f4f6}.page-main{flex:1}.container{max-width:1120px;margin:0 auto;padding:0 16px}.header{border-bottom:1px solid #e5e7eb;background:#fff}.header-inner{height:56px;display:flex;align-items:center;justify-content:space-between}.logo-mark{width:32px;height:32px;border-radius:12px;background:#4f46e5;display:flex;align-items:center;justify-content:center;color:#fff;font-size:14px;font-weight:600}.logo{display:flex;align-items:center;justify-content:center}.logo-text{display:flex;flex-direction:column;margin-left:8px;line-height:1.1}.logo-title{font-size:14px;font-weight:600;color:#020617}.logo-subtitle{font-size:11px;color:#6b7280}.header-left{display:flex;align-items:center}.header-nav{display:none;gap:16px;font-size:13px}.header-nav a{color:#6b7280;text-decoration:none}.header-nav a:hover{color:#020617}.header-cta{display:flex;align-items:center;gap:12px}.button-pill-primary{border-radius:999px;background:#4f46e5;color:#fff;font-size:12px;font-weight:600;padding:6px 16px;border:none;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}.button-pill-primary:hover{background:#4338ca}.hero{border-bottom:1px solid #e5e7eb;background:linear-gradient(to bottom,#fff,#f9fafb);padding:32px 0 48px}.hero-grid{display:grid;gap:32px}.hero-left{display:flex;flex-direction:column;gap:16px}.hero-pill{display:inline-flex;align-items:center;gap:6px;border-radius:999px;background:#e5e7eb;color:#4b5563;font-size:11px;padding:4px 10px}.hero-pill-dot{width:8px;height:8px;border-radius:999px;background:#22c55e}.hero-title{font-size:28px;font-weight:600;color:#020617;line-height:1.15}@media(min-width:640px){.hero-title{font-size:32px}}@media(min-width:1024px){.hero-title{font-size:40px}}.hero-subtitle{max-width:520px;font-size:14px;line-height:1.6;color:#4b5563}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:12px}.hero-actions-note{font-size:12px;color:#6b7280}.hero-right-card{max-width:420px;margin:0 auto;border-radius:18px;border:1px solid #e5e7eb;background:#fff;padding:16px;box-shadow:0 10px 25px #0f172a14;font-size:12px}.hero-card-header{display:flex;justify-content:space-between;margin-bottom:10px;color:#6b7280}.hero-bubbles{display:flex;flex-direction:column;gap:8px}.hero-bubble-row{display:flex}.hero-bubble-row.right{justify-content:flex-end}.hero-bubble{max-width:75%;padding:8px 10px;border-radius:16px}.hero-bubble.outgoing{background:#4f46e5;color:#fff}.hero-bubble.incoming{background:#e5e7eb;color:#111827}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin-top:12px}.hero-stat-card{border-radius:12px;background:#f3f4f6;padding:6px 8px}.hero-stat-label{font-size:11px;color:#6b7280}.hero-stat-value{font-size:13px;font-weight:600;margin-top:2px}.section{padding:40px 0;border-bottom:1px solid #e5e7eb;background:#fff}.section-header{margin-bottom:20px}.section-title{font-size:18px;font-weight:600;color:#020617}.section-subtitle{margin-top:6px;font-size:14px;color:#4b5563}.features-grid{display:grid;gap:14px}@media(min-width:768px){.features-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}.feature-card{border-radius:18px;border:1px solid #e5e7eb;background:#f9fafb;padding:14px;display:flex;flex-direction:column;gap:8px}.feature-icon{width:28px;height:28px;border-radius:12px;background:#e0e7ff;display:flex;align-items:center;justify-content:center;font-size:14px;color:#4f46e5}.feature-icon-svg{width:16px;height:16px;display:block;color:#4f46e5;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round}.feature-title{font-size:14px;font-weight:600;color:#020617}.feature-body{font-size:12px;color:#4b5563;line-height:1.5}.pricing-section{padding:48px 0;background:#f3f4f6}.pricing-grid{display:grid;gap:16px}@media(min-width:768px){.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}.pricing-card{border-radius:22px;border:1px solid #e5e7eb;background:#fff;padding:18px;display:flex;flex-direction:column}.pricing-card.highlight{border-color:#4f46e5;box-shadow:0 14px 35px #4f46e529}.pricing-header{display:flex;justify-content:space-between;margin-bottom:12px}.pricing-name{font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:#6b7280}.pricing-tag{margin-top:4px;font-size:12px;color:#4f46e5}.pricing-chip{border-radius:999px;background:#f3f4f6;padding:8px 10px;font-size:11px;color:#6b7280}.pricing-price-row{display:flex;align-items:baseline;gap:4px;margin-bottom:10px}.pricing-price{font-size:24px;font-weight:600;color:#020617}.pricing-per{font-size:12px;color:#6b7280}.pricing-description{font-size:12px;color:#4b5563;margin-bottom:10px}.pricing-list{list-style:none;padding:0;margin:0 0 14px;font-size:12px;color:#4b5563}.pricing-list li{display:flex;gap:6px;margin-bottom:6px}.pricing-dot{margin-top:5px;width:6px;height:6px;border-radius:999px;background:#22c55e}.button-pill-secondary{border-radius:999px;border:1px solid #d1d5db;padding:7px 16px;font-size:12px;font-weight:600;color:#374151;background:#fff;text-decoration:none;display:inline-flex;align-items:center;justify-content:center;cursor:pointer}.button-pill-secondary:hover{background:#f3f4f6}.footer{background:#fff;padding:14px 0}.footer-inner{display:flex;flex-direction:column;gap:8px;font-size:11px;color:#6b7280}@media(min-width:640px){.header-nav{display:flex}.footer-inner{flex-direction:row;justify-content:space-between;align-items:center}}.footer-links{display:flex;gap:12px}.footer-links a{color:#6b7280;text-decoration:none}.footer-links a:hover{color:#111827}