.site-header{position:sticky;top:0;z-index:100;height:var(--header-h);background:#fafbfcd9;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid var(--color-border-subtle);transition:background var(--transition),box-shadow var(--transition)}.site-header.scrolled{box-shadow:var(--shadow)}.site-header-inner{height:100%;display:flex;align-items:center;justify-content:space-between}.site-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text)!important;text-decoration:none!important;transition:color var(--transition-fast)}.site-logo:hover{color:var(--color-accent)!important;text-decoration:none!important}.site-nav{display:flex;align-items:center;gap:.25rem}.site-nav a{color:var(--color-text-muted);font-weight:500;font-size:.9375rem;text-decoration:none;padding:.5rem .75rem;border-radius:var(--radius);transition:color var(--transition-fast),background var(--transition-fast)}.site-nav a:hover{color:var(--color-text);background:var(--color-bg-subtle);text-decoration:none}.site-nav .btn-ghost{margin-left:.5rem;padding:.5rem 1rem}.site-nav .btn-primary{margin-left:.5rem;padding:.5rem 1.125rem}.site-footer{margin-top:auto;position:relative;background:var(--color-bg-dark);color:var(--color-text-on-dark)}.site-footer-accent{position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--color-accent),transparent 60%);opacity:.9}.site-footer a{color:var(--color-text-muted-on-dark);transition:color var(--transition-fast)}.site-footer a:hover{color:var(--color-text-on-dark);text-decoration:none}.site-footer-inner{padding:3.5rem 1.5rem 2.5rem;display:grid;grid-template-columns:1fr auto;gap:3rem;align-items:start;max-width:var(--container);margin:0 auto}.site-footer-brand{max-width:320px}.site-footer-logo{font-family:var(--font-display);font-size:1.5rem;font-weight:700;letter-spacing:-.02em;color:var(--color-text-on-dark)!important;text-decoration:none!important;display:inline-block;margin-bottom:.5rem;transition:color var(--transition-fast)}.site-footer-logo:hover{color:#67e8f9!important;text-decoration:none!important}.site-footer-tagline{margin:0 0 1.25rem;font-size:.9375rem;color:var(--color-text-muted-on-dark);line-height:1.55}.site-footer-cta{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.875rem;font-weight:600;color:var(--color-accent)!important;background:#0891b226;border:1px solid rgba(8,145,178,.35);border-radius:var(--radius);transition:background var(--transition-fast),border-color var(--transition-fast),color var(--transition-fast)}.site-footer-cta:hover{background:#0891b240;border-color:var(--color-accent);color:#67e8f9!important;text-decoration:none}.site-footer-links{display:flex;gap:3rem;flex-wrap:wrap}.site-footer-col{display:flex;flex-direction:column;gap:.5rem}.site-footer-heading{font-size:.6875rem;font-weight:600;text-transform:uppercase;letter-spacing:.1em;color:var(--color-text-muted-on-dark);margin-bottom:.25rem;opacity:.9}.site-footer-col a{font-size:.9375rem;padding:.15rem 0}.site-footer-col a:hover{color:var(--color-text-on-dark)}.site-footer-bottom{padding:1rem 1.5rem;border-top:1px solid rgba(255,255,255,.06)}.site-footer-bottom-inner{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:.75rem;max-width:var(--container);margin:0 auto}.site-footer-copy{margin:0;font-size:.8125rem;color:var(--color-text-muted-on-dark)}.site-footer-legal{display:flex;align-items:center;gap:.5rem;font-size:.8125rem}.site-footer-legal a{color:var(--color-text-muted-on-dark)}.site-footer-legal a:hover{color:var(--color-text-on-dark)}.site-footer-dot{color:var(--color-text-muted-on-dark);opacity:.6;-webkit-user-select:none;user-select:none}@media (max-width: 768px){.site-nav{display:none}.site-header{background:var(--color-bg)}}@media (max-width: 768px){.site-footer-inner{grid-template-columns:1fr;gap:2rem;padding:2.5rem 1rem 2rem;text-align:center}.site-footer-brand{max-width:none;margin-left:auto;margin-right:auto}.site-footer-tagline{margin-left:auto;margin-right:auto}.site-footer-cta{margin:0 auto}.site-footer-links{justify-content:center;gap:2.5rem}.site-footer-col{align-items:center}.site-footer-bottom-inner{flex-direction:column;align-items:center;text-align:center}.site-footer-bottom{padding:1rem}.site-footer-bottom .container{padding-left:1rem;padding-right:1rem}}@media (max-width: 480px){.site-footer-inner{padding:1.75rem .75rem 1.5rem;gap:1.5rem}.site-footer-inner.container{padding-left:.75rem;padding-right:.75rem}.site-footer-links{flex-direction:column;align-items:center;gap:1.5rem}.site-footer-col{align-items:center}.site-footer-bottom{padding:.75rem}.site-footer-bottom-inner{padding-left:.75rem;padding-right:.75rem}.site-footer-copy,.site-footer-legal{font-size:.75rem}}.app-shell{min-height:100vh;background:var(--color-bg-dark);color:var(--color-text-on-dark);display:flex}.app-sidebar{width:260px;flex-shrink:0;background:var(--color-bg-dark-elevated);border-right:1px solid rgba(255,255,255,.06);display:flex;flex-direction:column}.app-sidebar-logo{padding:1.25rem 1.5rem;border-bottom:1px solid rgba(255,255,255,.06)}.app-sidebar-logo a{font-weight:700;font-size:1.125rem;color:var(--color-text-on-dark);text-decoration:none}.app-sidebar-logo a:hover{color:#22d3ee}.app-sidebar-nav{flex:1;padding:1rem .75rem;display:flex;flex-direction:column;gap:.25rem}.app-sidebar-nav a{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;border-radius:var(--radius);color:var(--color-text-muted-on-dark);text-decoration:none;font-size:.9375rem;font-weight:500;transition:color .15s,background .15s}.app-sidebar-nav a:hover{color:var(--color-text-on-dark);background:#ffffff0f}.app-sidebar-nav a.active{color:#22d3ee;background:#22d3ee1a}.app-sidebar-nav svg{flex-shrink:0;width:20px;height:20px}.app-sidebar-profile{padding:1rem 1rem 1.25rem;border-top:1px solid rgba(255,255,255,.06)}.app-sidebar-profile-inner{display:flex;align-items:center;gap:.75rem;padding:.5rem 0}.app-sidebar-avatar{width:40px;height:40px;border-radius:50%;background:#22d3ee33;color:#22d3ee;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:.9375rem;flex-shrink:0}.app-sidebar-user{min-width:0;flex:1}.app-sidebar-user-name{font-size:.875rem;font-weight:600;color:var(--color-text-on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.app-sidebar-user-role{font-size:.75rem;color:var(--color-text-muted-on-dark)}.app-sidebar-logout{display:block;width:100%;margin-top:.5rem;padding:.5rem 1rem;font-size:.8125rem;color:var(--color-text-muted-on-dark);background:transparent;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius);cursor:pointer;transition:color .15s,border-color .15s}.app-sidebar-logout:hover{color:#f87171;border-color:#f871714d}.app-main{flex:1;min-width:0;overflow-x:auto}.app-main-inner{padding:1.5rem 2rem;max-width:1400px;margin:0 auto}.app-main-back{display:inline-flex;align-items:center;color:var(--color-text-muted-on-dark);font-size:.875rem;text-decoration:none;margin-bottom:1rem;transition:color .15s}.app-main-back:hover{color:#22d3ee}@media (max-width: 768px){.app-sidebar{width:72px;padding:.5rem 0}.app-sidebar-logo span,.app-sidebar-nav a span,.app-sidebar-user,.app-sidebar-logout{display:none}.app-sidebar-nav a{justify-content:center;padding:.75rem}.app-sidebar-profile-inner{justify-content:center}}.hero{position:relative;padding:5rem 0 6rem;text-align:center;overflow:hidden}.hero:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 80% 50% at 50% -20%,var(--color-accent-muted),transparent 60%),radial-gradient(ellipse 60% 40% at 80% 50%,rgba(8,145,178,.06),transparent 50%),radial-gradient(ellipse 50% 30% at 20% 80%,rgba(8,145,178,.05),transparent 45%);pointer-events:none}.hero-inner{position:relative;max-width:820px;margin:0 auto}.hero-badge{display:inline-flex;align-items:center;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);background:var(--color-accent-muted);padding:.4rem 1rem;border-radius:var(--radius-full);margin-bottom:1.5rem;border:1px solid rgba(8,145,178,.2);transition:transform var(--transition-fast)}.hero-badge:hover{transform:scale(1.02)}.hero-title{font-family:var(--font-display);font-size:clamp(2.5rem,6vw,3.75rem);font-weight:800;line-height:1.1;margin:0 0 1.25rem;color:var(--color-text);letter-spacing:-.03em;text-wrap:balance}.hero-highlight{color:var(--color-accent);background:linear-gradient(135deg,var(--color-accent),#06b6d4);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-subtitle{font-size:1.25rem;color:var(--color-text-muted);margin:0 0 2rem;line-height:1.7;max-width:640px;margin-left:auto;margin-right:auto}.hero-cta{display:flex;gap:1rem;justify-content:center;flex-wrap:wrap;margin-bottom:3rem}.hero-stats{display:flex;flex-wrap:wrap;justify-content:center;gap:2rem 3rem;font-size:.9375rem;color:var(--color-text-muted)}.hero-stat{display:flex;align-items:center;gap:.5rem}.hero-stat strong{color:var(--color-text);font-weight:700}.hero-trust{margin:2rem 0 0;font-size:.8125rem;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.1em}.section{padding:5rem 0}.section-title{font-family:var(--font-display);font-size:clamp(1.875rem,4vw,2.5rem);font-weight:800;text-align:center;margin:0 0 .5rem;color:var(--color-text);letter-spacing:-.02em;text-wrap:balance}.section-subtitle{text-align:center;color:var(--color-text-muted);margin:0 0 3rem;font-size:1.125rem;max-width:540px;margin-left:auto;margin-right:auto;line-height:1.65}.section-power{background:var(--color-bg)}.power-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;max-width:1100px;margin:0 auto}.power-card{padding:2rem;background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);display:flex;flex-direction:column;box-shadow:var(--shadow-sm)}.power-card:hover{border-color:var(--color-accent);box-shadow:var(--shadow-md),0 0 0 1px #0891b21a;transform:translateY(-4px)}.power-card-header{margin-bottom:1.25rem}.power-card-icon{font-size:2.5rem;display:block;margin-bottom:1rem;line-height:1}.power-card h3{font-family:var(--font-display);font-size:1.375rem;font-weight:700;margin:0 0 .35rem;color:var(--color-text);letter-spacing:-.02em}.power-card-tag{font-size:.8125rem;font-weight:600;color:var(--color-accent);margin:0}.power-card-desc{font-size:.9375rem;color:var(--color-text-muted);line-height:1.65;margin:0 0 1.5rem;flex:1}.power-card-link{font-size:.9375rem;font-weight:600;color:var(--color-accent);margin-top:auto;display:inline-flex;align-items:center;gap:.35rem;transition:gap var(--transition-fast)}.power-card-link:hover{text-decoration:none;gap:.5rem}@media (max-width: 900px){.power-grid{grid-template-columns:1fr;max-width:420px;margin-left:auto;margin-right:auto}}.section-why{background:var(--color-bg-subtle)}.why-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:1.5rem;max-width:1000px;margin:0 auto}.why-item{display:flex;align-items:flex-start;gap:1rem;padding:1.25rem 1.5rem;background:var(--color-bg-card);border-radius:var(--radius);border:1px solid var(--color-border-subtle);font-size:1rem;color:var(--color-text-muted);line-height:1.55;transition:border-color var(--transition),box-shadow var(--transition)}.why-item:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.why-dot{flex-shrink:0;width:10px;height:10px;border-radius:50%;background:var(--color-accent);margin-top:.4rem}.why-item strong{color:var(--color-text)}.section-cta{background:var(--color-bg-dark);color:var(--color-text-on-dark);text-align:center;padding:5rem 0;position:relative;overflow:hidden}.section-cta:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse 70% 60% at 50% 100%,rgba(8,145,178,.15),transparent 60%);pointer-events:none}.cta-inner{position:relative}.cta-title{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:800;margin:0 0 .75rem;letter-spacing:-.02em;color:var(--color-text-on-dark)}.cta-subtitle{color:var(--color-text-muted-on-dark);margin:0 0 2rem;font-size:1.125rem;max-width:480px;margin-left:auto;margin-right:auto}.section-cta .btn-primary{background:var(--color-text-on-dark);color:var(--color-bg-dark)}.section-cta .btn-primary:hover{background:#e2e8f0;color:var(--color-bg-dark);box-shadow:var(--shadow-lg)}.page{padding:4rem 0 5rem}.page-title{font-family:var(--font-display);font-size:clamp(2.25rem,5vw,3rem);font-weight:800;margin:0 0 .75rem;text-align:center;color:var(--color-text);letter-spacing:-.03em;text-wrap:balance}.page-lead{font-size:1.25rem;color:var(--color-text-muted);text-align:center;max-width:600px;margin:0 auto 3.5rem;line-height:1.7}.page-section{margin-bottom:3rem}.page-section h2{font-family:var(--font-display);font-size:1.5rem;font-weight:700;margin:0 0 1rem;color:var(--color-text);letter-spacing:-.02em}.page-section p,.page-section ul{color:var(--color-text-muted);margin:0 0 1rem;line-height:1.7}.page-section ul{padding-left:1.25rem}.page-note{text-align:center;font-size:.9375rem;color:var(--color-text-muted);margin-top:2.5rem;max-width:560px;margin-left:auto;margin-right:auto}.page-hero{padding:2rem 0 1rem}.page-hero .page-lead{margin-bottom:0}.about-hero,.pricing-hero,.contact-hero{background:radial-gradient(ellipse 70% 50% at 50% 0%,var(--color-accent-muted),transparent 55%);padding:3rem 0 2rem}.pricing-hero .page-lead,.contact-hero .page-lead{margin-bottom:0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;margin:2.5rem 0;max-width:1000px;margin-left:auto;margin-right:auto;align-items:stretch}.pricing-card{padding:2rem;border:1px solid var(--color-border);border-radius:var(--radius-lg);background:var(--color-bg-card);position:relative;display:flex;flex-direction:column;transition:border-color var(--transition),box-shadow var(--transition),transform var(--transition);box-shadow:var(--shadow-sm)}.pricing-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-md);transform:translateY(-2px)}.pricing-card-featured{border-color:var(--color-accent);box-shadow:var(--shadow-md),0 0 0 1px #0891b226;transform:scale(1.02)}.pricing-card-featured:hover{box-shadow:var(--shadow-lg),0 0 0 1px #0891b233;transform:scale(1.02) translateY(-2px)}.pricing-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;font-size:.75rem;font-weight:600;padding:.35rem .875rem;border-radius:var(--radius-full);letter-spacing:.02em}.pricing-card h3{font-family:var(--font-display);font-size:1.375rem;font-weight:700;margin:0 0 .75rem;color:var(--color-text);letter-spacing:-.02em}.pricing-price{font-family:var(--font-display);font-size:2.5rem;font-weight:800;margin:0 0 .5rem;color:var(--color-text);letter-spacing:-.03em}.pricing-currency{font-size:1.5rem;font-weight:700}.pricing-period{font-size:1rem;font-weight:500;color:var(--color-text-muted)}.pricing-desc{font-size:.9375rem;color:var(--color-text-muted);margin:0 0 1.5rem;line-height:1.6;flex:1}.pricing-features{list-style:none;padding:0;margin:0 0 1.75rem;font-size:.9375rem;color:var(--color-text-muted);flex:1}.pricing-features li{padding:.4rem 0 .4rem 1.5rem;position:relative;line-height:1.5}.pricing-features li:before{content:"✓";position:absolute;left:0;color:var(--color-accent);font-weight:700}.pricing-card .btn{margin-top:auto;width:100%;justify-content:center}@media (max-width: 900px){.pricing-grid{grid-template-columns:1fr;max-width:400px;margin-left:auto;margin-right:auto}.pricing-card-featured{transform:none}.pricing-card-featured:hover{transform:translateY(-2px)}}.contact-section{max-width:480px;margin:0 auto}.contact-form{display:flex;flex-direction:column;gap:1.25rem}.form-group{display:flex;flex-direction:column;gap:.4rem}.form-group label{font-size:.9375rem;font-weight:600;color:var(--color-text)}.form-group input,.form-group select,.form-group textarea{padding:.75rem 1rem;font-size:1rem;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius);background:var(--color-bg-card);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-accent);box-shadow:0 0 0 3px var(--color-accent-muted)}.contact-note{margin-top:1.25rem;font-size:.875rem;color:var(--color-text-muted)}.features-page{padding-bottom:0}.features-hero{padding:4rem 0 3rem;text-align:center;background:radial-gradient(ellipse 80% 60% at 50% -10%,var(--color-accent-muted),transparent 50%),linear-gradient(180deg,var(--color-bg) 0%,var(--color-bg-subtle) 100%)}.features-hero-badge{display:inline-block;font-size:.8125rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--color-accent);margin-bottom:1rem}.features-hero-title{font-family:var(--font-display);font-size:clamp(2.25rem,5.5vw,3.5rem);font-weight:800;line-height:1.1;margin:0 0 1rem;color:var(--color-text);letter-spacing:-.03em;text-wrap:balance}.features-hero-lead{font-size:1.25rem;color:var(--color-text-muted);max-width:600px;margin:0 auto 2.5rem;line-height:1.65}.features-nav ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}.features-nav li{margin:0}.features-nav-link{display:inline-block;padding:.5rem 1rem;font-size:.9375rem;font-weight:500;color:var(--color-text-muted);background:var(--color-bg-card);border:1px solid var(--color-border);border-radius:var(--radius-full);text-decoration:none;transition:color var(--transition-fast),background var(--transition-fast),border-color var(--transition-fast)}.features-nav-link:hover{color:var(--color-accent);background:var(--color-accent-muted);border-color:var(--color-accent);text-decoration:none}.features-content{padding-top:2rem;padding-bottom:2rem}.feature-section{scroll-margin-top:calc(var(--header-h) + 1rem);margin-bottom:3rem}.feature-section:last-of-type{margin-bottom:0}.feature-section-card{background:var(--color-bg-card);border:1px solid var(--color-border-subtle);border-radius:var(--radius-lg);padding:2.5rem;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition),border-color var(--transition)}.feature-section-card:hover{box-shadow:var(--shadow-md);border-color:var(--color-border)}.feature-section-header{display:flex;align-items:flex-start;gap:1.5rem;margin-bottom:2rem;padding-bottom:2rem;border-bottom:1px solid var(--color-border-subtle)}.feature-section-icon{flex-shrink:0;width:64px;height:64px;border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;line-height:1}.feature-section-icon-inbox{background:#0891b21f;color:var(--color-accent)}.feature-section-icon-crm{background:#6366f11f;color:#6366f1}.feature-section-icon-erp{background:#10b9811f;color:#10b981}.feature-section-icon-auth{background:#f59e0b1f;color:#d97706}.feature-section-heading{flex:1;min-width:0}.feature-section-label{display:inline-block;font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;color:var(--color-text-muted);margin-bottom:.35rem}.feature-section h2{font-family:var(--font-display);font-size:1.75rem;font-weight:700;margin:0 0 .35rem;color:var(--color-text);letter-spacing:-.02em}.feature-section-tagline{font-size:1rem;font-weight:600;color:var(--color-accent);margin:0}.feature-pills-wrap{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.5rem}.features-page .pill{display:inline-block;font-size:.8125rem;font-weight:500;color:var(--color-text);background:var(--color-bg-subtle);border:1px solid var(--color-border);padding:.4rem .875rem;border-radius:var(--radius-full);transition:border-color var(--transition-fast),background var(--transition-fast)}.features-page .pill:hover{border-color:var(--color-accent);background:var(--color-accent-muted)}.feature-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:1rem;margin-bottom:0}.feature-card{padding:1.25rem 1.5rem;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius);border-left:3px solid var(--color-accent);transition:box-shadow var(--transition-fast),border-color var(--transition-fast)}.feature-card:hover{box-shadow:var(--shadow-sm);border-left-color:var(--color-accent-hover)}.feature-card strong{display:block;font-size:.9375rem;font-weight:600;color:var(--color-text);margin-bottom:.35rem}.feature-card p{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.55}.erp-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.25rem}.erp-card{padding:1.5rem;background:var(--color-bg-subtle);border:1px solid var(--color-border-subtle);border-radius:var(--radius);transition:border-color var(--transition-fast),box-shadow var(--transition-fast)}.erp-card:hover{border-color:var(--color-border);box-shadow:var(--shadow-sm)}.erp-card h3{font-family:var(--font-display);font-size:1rem;font-weight:700;margin:0 0 .5rem;color:var(--color-text)}.erp-card p{margin:0;font-size:.875rem;color:var(--color-text-muted);line-height:1.55}@media (max-width: 900px){.erp-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 560px){.erp-grid{grid-template-columns:1fr}}.feature-section-body{margin-bottom:2rem}.feature-section-cta{padding-top:0}.feature-section-cta .btn{display:inline-flex;align-items:center;gap:.35rem}.feature-section-cta .btn:hover{gap:.5rem}.features-cta-bar{margin-top:4rem;padding:4rem 0;background:var(--color-bg-dark);color:var(--color-text-on-dark);text-align:center}.features-cta-inner{max-width:560px;margin:0 auto}.features-cta-title{font-family:var(--font-display);font-size:clamp(1.5rem,3vw,2rem);font-weight:700;margin:0 0 .5rem;color:var(--color-text-on-dark);letter-spacing:-.02em}.features-cta-subtitle{font-size:1rem;color:var(--color-text-muted-on-dark);margin:0 0 1.5rem;line-height:1.5}.features-cta-buttons{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.features-cta-bar .btn-primary{background:var(--color-text-on-dark);color:var(--color-bg-dark)}.features-cta-bar .btn-primary:hover{background:#e2e8f0;color:var(--color-bg-dark)}.features-cta-bar .btn-ghost{color:var(--color-text-muted-on-dark)}.features-cta-bar .btn-ghost:hover{background:#ffffff14;color:var(--color-text-on-dark)}@media (max-width: 768px){.feature-section-card{padding:1.5rem}.feature-section-header{flex-direction:column;align-items:flex-start;gap:1rem;padding-bottom:1.5rem;margin-bottom:1.5rem}.feature-section-icon{width:56px;height:56px;font-size:1.75rem}.feature-section h2{font-size:1.5rem}.feature-cards{grid-template-columns:1fr}}.login-page{min-height:60vh;display:flex;align-items:center;justify-content:center;padding:2rem}.login-card{width:100%;max-width:400px;padding:2rem;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius);box-shadow:var(--shadow-lg)}.login-title{font-size:1.5rem;font-weight:700;margin:0 0 .25rem}.login-subtitle{font-size:.9375rem;color:var(--color-text-muted);margin:0 0 1.5rem}.login-form{display:flex;flex-direction:column;gap:1rem}.login-form .form-group label{font-size:.9375rem;font-weight:500;color:var(--color-text)}.login-form .form-group input{width:100%;padding:.625rem .75rem;font-size:1rem;font-family:inherit;border:1px solid var(--color-border);border-radius:var(--radius)}.login-form .form-group input:focus{outline:none;border-color:var(--color-accent)}.login-error{margin:0;padding:.5rem .75rem;background:#fef2f2;color:#b91c1c;font-size:.875rem;border-radius:var(--radius)}.login-footer{margin:1.5rem 0 0;font-size:.9375rem;color:var(--color-text-muted);text-align:center}.login-footer a{font-weight:600}.dashboard-header{margin-bottom:2rem}.dashboard-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text-on-dark)}.dashboard-header p{color:var(--color-text-muted-on-dark);margin:0;font-size:.9375rem}.dashboard-back{display:inline-flex;align-items:center;gap:.375rem;color:var(--color-text-muted-on-dark);font-size:.875rem;text-decoration:none;margin-bottom:1.5rem;transition:color .15s ease}.dashboard-back:hover{color:#22d3ee}.dashboard-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:1.25rem}.dashboard-tile{display:block;background:var(--color-bg-dark-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.5rem;text-decoration:none;color:var(--color-text-on-dark);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}.dashboard-tile:hover{transform:translateY(-2px);box-shadow:0 12px 24px -8px #00000059;border-color:#22d3ee59}.dashboard-tile-icon{width:48px;height:48px;border-radius:var(--radius);background:#22d3ee1f;color:#22d3ee;display:flex;align-items:center;justify-content:center;margin-bottom:1rem;font-size:1.5rem}.dashboard-tile h2{font-size:1.125rem;font-weight:600;margin:0 0 .375rem;color:var(--color-text-on-dark)}.dashboard-tile p{font-size:.8125rem;color:var(--color-text-muted-on-dark);margin:0;line-height:1.5}.dashboard-loading{color:var(--color-text-muted-on-dark);font-size:.9375rem}.dashboard-empty{color:var(--color-text-muted-on-dark);font-size:.9375rem;padding:2rem 0}.settings-header{margin-bottom:2rem}.settings-header h1{font-size:1.75rem;font-weight:700;margin:0 0 .25rem;color:var(--color-text-on-dark)}.settings-header p{color:var(--color-text-muted-on-dark);margin:0;font-size:.9375rem}.settings-back{display:inline-flex;align-items:center;color:var(--color-text-muted-on-dark);font-size:.875rem;text-decoration:none;margin-bottom:1.5rem;transition:color .15s ease}.settings-back:hover{color:#22d3ee}.settings-section{margin-bottom:2rem}.settings-section h2{font-size:1.125rem;font-weight:600;margin:0 0 1rem;color:var(--color-text-on-dark)}.platform-card{background:var(--color-bg-dark-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);margin-bottom:.75rem;overflow:hidden}.platform-card-header{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;cursor:pointer;transition:background .15s ease}.platform-card-header:hover{background:#ffffff08}.platform-card-header-left{display:flex;flex-direction:column;gap:.25rem}.platform-card-name{font-weight:600;color:var(--color-text-on-dark)}.platform-card-desc{font-size:.8125rem;color:var(--color-text-muted-on-dark)}.platform-badge{font-size:.75rem;font-weight:600;padding:.25rem .5rem;border-radius:6px}.platform-badge-connected{background:#22c55e33;color:#4ade80}.platform-badge-disconnected{background:#ffffff14;color:var(--color-text-muted-on-dark)}.platform-card-body{padding:0 1.25rem 1.25rem;border-top:1px solid rgba(255,255,255,.06)}.platform-form{padding-top:1rem;display:flex;flex-direction:column;gap:1rem}.platform-form-group{display:flex;flex-direction:column;gap:.375rem}.platform-form-group label{font-size:.8125rem;font-weight:500;color:var(--color-text-muted-on-dark)}.platform-form-group input{padding:.5rem .75rem;font-size:.9375rem;font-family:inherit;background:var(--color-bg-dark);border:1px solid rgba(255,255,255,.12);border-radius:var(--radius);color:var(--color-text-on-dark)}.platform-form-group input::placeholder{color:var(--color-text-muted-on-dark);opacity:.8}.platform-form-group input:focus{outline:none;border-color:#22d3ee}.platform-webhook-url{font-size:.75rem;color:var(--color-text-muted-on-dark);margin-top:.25rem;word-break:break-all}.platform-form-actions{display:flex;align-items:center;gap:.75rem;margin-top:.5rem}.platform-form-actions .btn{padding:.5rem 1rem;font-size:.875rem}.settings-message{font-size:.875rem;padding:.5rem 0}.settings-message-success{color:#4ade80}.settings-message-error{color:#f87171}.settings-loading{color:var(--color-text-muted-on-dark);font-size:.9375rem}.settings-tabs{display:flex;gap:.25rem;margin-bottom:1.5rem;border-bottom:1px solid rgba(255,255,255,.1);padding-bottom:0}.settings-tab{padding:.625rem 1rem;font-size:.9375rem;font-weight:500;color:var(--color-text-muted-on-dark);background:transparent;border:none;border-bottom:2px solid transparent;margin-bottom:-1px;cursor:pointer;transition:color .15s,border-color .15s}.settings-tab:hover{color:var(--color-text-on-dark)}.settings-tab-active{color:#22d3ee;border-bottom-color:#22d3ee}.settings-tab-panel{margin-top:0}.settings-tab-section-title{font-size:1rem;font-weight:600;margin:0 0 .25rem;color:var(--color-text-on-dark)}.settings-tab-desc{font-size:.875rem;color:var(--color-text-muted-on-dark);margin:0 0 1rem}.settings-placeholder{min-height:120px;background:#ffffff08;border:1px dashed rgba(255,255,255,.1);border-radius:var(--radius)}.dev-section{margin-bottom:2rem}.dev-section-title{font-size:1.125rem;font-weight:600;margin:0 0 .5rem;color:var(--color-text-on-dark)}.dev-section-desc{font-size:.9375rem;color:var(--color-text-muted-on-dark);margin:0 0 1.25rem;line-height:1.5}.dev-plugin-notice{font-size:.875rem;color:var(--color-text-on-dark);background:#22d3ee14;border:1px solid rgba(34,211,238,.2);border-radius:var(--radius);padding:.625rem 1rem;margin:0 0 1rem;line-height:1.5}.dev-plugin-notice strong{font-weight:600;color:#22d3ee}.dev-block{background:var(--color-bg-dark-elevated);border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-lg);padding:1.25rem;margin-bottom:1rem}.dev-block-title{font-size:1rem;font-weight:600;margin:0 0 .375rem;color:var(--color-text-on-dark)}.dev-block-desc{font-size:.875rem;color:var(--color-text-muted-on-dark);margin:0 0 1rem;line-height:1.5}.dev-block-desc code{background:#ffffff14;padding:.15rem .4rem;border-radius:4px;font-size:.8125rem}.dev-code{margin:0;padding:1rem;background:#00000040;border-radius:var(--radius);font-size:.8125rem;font-family:ui-monospace,monospace;overflow-x:auto;white-space:pre;color:#e2e8f0;border:1px solid rgba(255,255,255,.06)}.dev-code code{font-family:inherit}.dev-block-note{background:#22d3ee0f;border-color:#22d3ee33;font-size:.875rem;color:var(--color-text-muted-on-dark);line-height:1.5}.dev-block-note strong{color:var(--color-text-on-dark)}.dev-site-key-block{max-width:36rem}.dev-site-key-error{color:#f87171;font-size:.875rem;margin:0}.dev-site-key-row{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap;margin-bottom:.5rem}.dev-site-key-value{flex:1;min-width:0;font-size:.8125rem;background:#00000040;padding:.5rem .75rem;border-radius:var(--radius);border:1px solid rgba(255,255,255,.08);word-break:break-all}.dev-site-key-copy{padding:.5rem 1rem;background:#0d9488;color:#fff;border:none;border-radius:var(--radius);font-weight:500;cursor:pointer;font-size:.875rem}.dev-site-key-copy:hover{background:#0f766e}.dev-site-key-hint{font-size:.8125rem;color:var(--color-text-muted-on-dark);margin:0}.dev-download-btn{display:inline-block;padding:.625rem 1.25rem;background:#0d9488;color:#fff;border-radius:var(--radius);font-weight:500;text-decoration:none;font-size:.9375rem}.dev-download-btn:hover{background:#0f766e;color:#fff}.dev-download-block{border-left:3px solid #0d9488;background:#0d948814}.dev-connected-list{list-style:none;margin:0;padding:0}.dev-connected-item{display:flex;flex-wrap:wrap;align-items:baseline;gap:.5rem 1rem;padding:.625rem 0;border-bottom:1px solid rgba(255,255,255,.06)}.dev-connected-item:last-child{border-bottom:none;padding-bottom:0}.dev-connected-domain{font-weight:500;color:#22d3ee;text-decoration:none;font-size:.9375rem}.dev-connected-domain:hover{text-decoration:underline}.dev-connected-meta{font-size:.8125rem;color:var(--color-text-muted-on-dark)}:root{--color-bg: #fafbfc;--color-bg-subtle: #f1f5f9;--color-bg-card: #ffffff;--color-bg-dark: #0c1222;--color-bg-dark-elevated: #131c2e;--color-text: #0f172a;--color-text-muted: #64748b;--color-text-on-dark: #f1f5f9;--color-text-muted-on-dark: #94a3b8;--color-accent: #0891b2;--color-accent-hover: #0e7490;--color-accent-muted: rgba(8, 145, 178, .12);--color-accent-glow: rgba(8, 145, 178, .25);--color-border: #e2e8f0;--color-border-subtle: #f1f5f9;--font-sans: "DM Sans", system-ui, -apple-system, sans-serif;--font-display: "Outfit", var(--font-sans);--text-balance: balance;--container: 1180px;--container-narrow: 720px;--header-h: 72px;--radius: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 1px 2px rgba(15, 23, 42, .05);--shadow: 0 4px 6px -1px rgba(15, 23, 42, .07), 0 2px 4px -2px rgba(15, 23, 42, .05);--shadow-md: 0 10px 15px -3px rgba(15, 23, 42, .08), 0 4px 6px -4px rgba(15, 23, 42, .05);--shadow-lg: 0 20px 25px -5px rgba(15, 23, 42, .08), 0 8px 10px -6px rgba(15, 23, 42, .04);--shadow-glow: 0 0 40px -8px var(--color-accent-glow);--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .15s var(--ease-out);--transition: .25s var(--ease-out)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:var(--font-sans);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased}.app-shell{min-height:100vh;background:var(--color-bg-dark);color:var(--color-text-on-dark)}.app-shell a{color:#22d3ee}.marketing-layout{min-height:100vh;display:flex;flex-direction:column}.marketing-main{flex:1}a{color:var(--color-accent);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--color-accent-hover);text-decoration:none}.container{width:100%;max-width:var(--container);margin:0 auto;padding:0 1.5rem}.container-narrow{max-width:var(--container-narrow)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:.625rem 1.25rem;font-size:.9375rem;font-weight:600;font-family:var(--font-sans);border-radius:var(--radius);border:none;cursor:pointer;transition:background var(--transition),color var(--transition),transform var(--transition),box-shadow var(--transition)}.btn:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.btn-primary{background:var(--color-accent);color:#fff;box-shadow:var(--shadow-sm)}.btn-primary:hover{background:var(--color-accent-hover);color:#fff;text-decoration:none;transform:translateY(-1px);box-shadow:0 4px 12px var(--color-accent-glow)}.btn-secondary{background:transparent;color:var(--color-accent);border:2px solid var(--color-accent)}.btn-secondary:hover{background:var(--color-accent-muted);color:var(--color-accent-hover);border-color:var(--color-accent-hover);text-decoration:none;transform:translateY(-1px)}.btn-ghost{background:transparent;color:var(--color-text)}.btn-ghost:hover{background:var(--color-bg-subtle);color:var(--color-text);text-decoration:none}.btn-lg{padding:.875rem 1.75rem;font-size:1rem;border-radius:var(--radius-lg)}.btn-dark{background:var(--color-text-on-dark);color:var(--color-bg-dark)}.btn-dark:hover{background:#e2e8f0;color:var(--color-bg-dark);text-decoration:none}