/* Marketing pages: hero, product mockups, pricing, testimonials */
.hero{padding:var(--sp-9) 0 var(--sp-8);text-align:center}.hero.sm{padding:var(--sp-8) 0 var(--sp-6)}.hero .lead{font-size:var(--fs-lg);max-width:660px;margin:0 auto var(--sp-5)}
.hero-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}.hero h1 em{font-style:normal}
.pill{display:inline-flex;gap:8px;align-items:center;padding:6px 14px;border:1px solid var(--c-border);border-radius:var(--r-pill);background:var(--c-surface);font-size:var(--fs-xs);color:var(--c-muted);margin-bottom:var(--sp-4)}.pill b{color:var(--c-lime)}
.mock{border:1px solid var(--c-border);border-radius:var(--r-lg);background:var(--panel);box-shadow:var(--sh-2),0 0 90px rgba(124,92,255,.2);overflow:hidden;text-align:left}
.mock-bar{display:flex;gap:6px;padding:12px 16px;border-bottom:1px solid var(--c-border);align-items:center}.mock-bar i{width:10px;height:10px;border-radius:50%;background:#ff5f56}.mock-bar i:nth-child(2){background:#ffbd2e}.mock-bar i:nth-child(3){background:#27c93f}
.mock-body{display:grid;grid-template-columns:150px minmax(0,1fr);min-height:300px}.mock-side{padding:14px;border-right:1px solid var(--c-border);display:flex;flex-direction:column;gap:10px}.mock-side b{display:block;height:10px;border-radius:6px;background:var(--c-surface2)}.mock-side b.on{background:var(--c-lime);width:70%}
.mock-body.solo{grid-template-columns:minmax(0,1fr);min-height:0}.mock-main{padding:16px;display:grid;gap:12px}.mock-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.mock-stat{padding:12px;border-radius:12px;background:var(--c-surface);border:1px solid var(--c-border)}.mock-stat small{color:var(--c-muted);font-size:var(--fs-xs)}.mock-stat strong{display:block;font-size:1.3rem}
.mock-chart{height:120px;border-radius:12px;background:var(--c-surface)}.mock-chart svg{width:100%;height:100%}.pv{padding:18px;display:grid;gap:12px}
.hero-mock{margin:var(--sp-7) auto 0;max-width:960px;transform:perspective(1400px) rotateX(6deg);transform-origin:50% 0}
.stats-strip{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--sp-5);text-align:center}.stats-strip strong{display:block;font-size:var(--fs-2xl);letter-spacing:-.03em}
.logos{display:flex;gap:var(--sp-6);flex-wrap:wrap;justify-content:center;color:var(--c-muted);font-weight:800;letter-spacing:.12em;opacity:.8;margin-top:var(--sp-6)}
.steps{counter-reset:s}.step::before{counter-increment:s;content:"0" counter(s);font-size:var(--fs-xs);font-weight:800;color:var(--c-lime);letter-spacing:.12em;display:block;margin-bottom:var(--sp-3)}
.quote p{color:var(--c-text)}.who{display:flex;gap:12px;align-items:center;margin-top:var(--sp-4)}.who small{display:block;color:var(--c-muted)}
.price-toggle{display:flex;align-items:center;gap:12px;justify-content:center;margin-bottom:var(--sp-6);color:var(--c-muted)}.price-toggle .on{color:var(--c-text);font-weight:600}.price-toggle #bill-y{display:inline-flex;align-items:center;gap:8px}
.price{display:flex;flex-direction:column}.price.pop{border-color:var(--c-lime);box-shadow:0 0 0 1px var(--c-lime),0 20px 60px rgba(198,255,61,.12)}.price .tag{position:absolute;top:-13px;left:50%;transform:translateX(-50%);background:var(--c-bg);border:1px solid var(--c-lime);z-index:1}
.price .amt{font-size:2.6rem;font-weight:800;letter-spacing:-.03em;margin:var(--sp-3) 0}.price .amt small{font-size:var(--fs-sm);color:var(--c-muted);font-weight:500}.price .amt .amt-note{display:block;margin-top:2px;font-size:var(--fs-xs);font-weight:500;letter-spacing:0;color:var(--c-muted)}
.price ul,.feat-list{list-style:none;padding:0;display:grid;gap:10px;color:var(--c-muted);font-size:var(--fs-sm)}.price ul{margin:var(--sp-4) 0 var(--sp-5);flex:1}.price li::before,.feat-list li::before{content:"✓";color:var(--c-lime);margin-right:10px;font-weight:700}
.cta-band{text-align:center;padding:var(--sp-8) var(--sp-5);border-radius:var(--r-lg);border:1px solid var(--c-border);background:radial-gradient(70% 120% at 50% 0%,rgba(124,92,255,.32),var(--c-surface))}
.tile{display:flex;gap:12px;align-items:center}.tile .ico-box{margin:0;flex:none}.tile strong{display:block}.tile small{color:var(--c-muted)}
.team .avatar{width:64px;height:64px;font-size:1.3rem;margin-bottom:var(--sp-3)}.compare td:not(:first-child),.compare th:not(:first-child){text-align:center}
.kan{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.kan .mock-stat{font-size:var(--fs-xs)}