:root{--color-navy:#0f1b2e;--color-green:#109b81;--color-green-dark:#0c7c68;--color-background:#f7fafc;--color-surface:#fff;--color-border:#e5e7eb;--color-text:#111827;--color-muted:#6b7280;--color-danger:#b42318;--shadow-soft:0 16px 40px #0f1b2e14;--radius-sm:8px;--radius-md:12px;--radius-lg:16px;--container-width:1180px}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{background:var(--color-background);color:var(--color-text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}a{color:inherit;text-decoration:none}img{max-width:100%;display:block}button,input,textarea{font:inherit}input,textarea{border:1px solid var(--color-border);border-radius:var(--radius-sm);background:var(--color-surface);width:100%;color:var(--color-text);padding:.9rem 1rem}textarea{resize:vertical}.container{width:min(var(--container-width), calc(100% - 2rem));margin:0 auto}.app-shell--marketing{flex-direction:column;min-height:100vh;display:flex}.main-content{flex:1}.site-header{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f7fafce0;border-bottom:1px solid #e5e7ebb3;position:sticky;top:0}.site-header__inner,.site-footer__inner,.hero,.hero__actions,.section-heading,.field-grid{display:flex}.site-header__inner,.site-footer__inner{justify-content:space-between;align-items:center;gap:1rem;padding:1rem 0}.site-nav{gap:1.25rem;display:flex}.site-nav__toggle,.mobile-menu{display:none}.hero{align-items:center;gap:2rem;padding:3rem 0 2rem}.hero__content,.auth-card,.form-card{gap:1rem;display:grid}.hero__content{flex:1}.hero__media{object-fit:cover;border-radius:var(--radius-lg);width:min(48%,520px);min-height:420px;box-shadow:var(--shadow-soft)}.section{padding:2rem 0 4rem}.section-heading{flex-direction:column;gap:.5rem;margin-bottom:1.5rem}.feature-grid,.pricing-grid,.timeline{gap:1rem;display:grid}.feature-grid,.pricing-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.timeline{grid-template-columns:repeat(2,minmax(0,1fr))}.narrow{max-width:760px}@media (width<=900px){.site-nav{display:none}.site-nav__toggle,.mobile-menu{display:block}.mobile-menu{padding-bottom:1rem}.hero,.feature-grid,.pricing-grid,.timeline,.field-grid{flex-direction:column;grid-template-columns:1fr}.hero__media{width:100%;min-height:280px}}.brand{color:var(--color-navy);align-items:center;gap:.75rem;font-weight:700;display:inline-flex}.brand__mark{width:34px;height:34px}.site-nav__link,.mobile-menu__link,.muted,.eyebrow{color:var(--color-muted)}.site-nav__link.active{color:var(--color-text)}.mobile-menu__link{border-top:1px solid var(--color-border);padding:.75rem 0;display:block}.hero h1,.section h1,.section h2{color:var(--color-navy);margin:0;line-height:1.05}.hero h1{font-size:clamp(2.4rem,5vw,4.6rem)}.section h1{font-size:clamp(2rem,4vw,3rem)}.section h2{font-size:clamp(1.7rem,3vw,2.4rem)}.hero__copy,.muted{line-height:1.6}.eyebrow{text-transform:uppercase;letter-spacing:0;font-size:.78rem;font-weight:700}.button,.icon-button{border-radius:var(--radius-sm);cursor:pointer;border:0;justify-content:center;align-items:center;gap:.5rem;display:inline-flex}.button{padding:.9rem 1.15rem;font-weight:600}.button--primary{background:var(--color-green);color:#fff}.button--primary:hover{background:var(--color-green-dark)}.button--secondary,.icon-button{background:var(--color-surface);color:var(--color-text);border:1px solid var(--color-border)}.icon-button{width:40px;height:40px}.panel,.auth-card,.form-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:var(--shadow-soft)}.panel{padding:1.25rem}.panel h3,.price-tag{margin:0 0 .5rem}.panel__icon{color:var(--color-green)}.auth-card,.form-card{padding:1.5rem}.field{gap:.4rem;display:grid}.status-badge{border-radius:999px;align-items:center;gap:.45rem;padding:.45rem .8rem;font-size:.88rem;font-weight:600;display:inline-flex}.status-badge--ok{color:var(--color-green-dark);background:#109b811f}.status-badge--error{color:var(--color-danger);background:#b423181f}.status-badge--loading{color:var(--color-navy);background:#0f1b2e14}.spin{animation:.9s linear infinite spin}.timeline__item{gap:.75rem;display:grid}.timeline__index,.price-tag{color:var(--color-green-dark);font-weight:700}.site-footer{border-top:1px solid var(--color-border);background:var(--color-surface)}@keyframes spin{to{transform:rotate(360deg)}}