/* Sales & Unit Economics shared styles */
.sales-hero { background: linear-gradient(135deg, #0F172A, #1E293B, #1E1B4B); padding: 72px 0; color: var(--white); }
.sales-hero__inner { display: grid; grid-template-columns: 1fr auto; gap: 64px; align-items: center; }
.sales-hero__title { font-size: clamp(28px, 4vw, 44px); font-weight: 800; line-height: 1.15; margin: 20px 0; }
.sales-hero__desc { font-size: 17px; color: rgba(255,255,255,.75); max-width: 540px; margin-bottom: 28px; line-height: 1.7; }
.sales-hero__badges { display: flex; gap: 10px; flex-wrap: wrap; }
.sales-hero__badges span { font-size: 13px; font-weight: 600; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.15); padding: 8px 16px; border-radius: 20px; }
.metric-big { text-align: center; background: rgba(255,255,255,.08); border: 1px solid rgba(255,255,255,.15); border-radius: var(--radius); padding: 24px 32px; margin-bottom: 12px; }
.metric-big__num { display: block; font-size: 48px; font-weight: 900; color: #A78BFA; }
.metric-big__label { display: block; font-size: 13px; color: rgba(255,255,255,.6); margin-top: 4px; line-height: 1.4; }

/* Body */
.sales-body { padding: 48px 0 80px; }
.sales-nav {
  display: flex; gap: 4px; flex-wrap: wrap;
  background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius);
  padding: 8px; margin-bottom: 48px; position: sticky; top: 70px; z-index: 50;
}
.sales-nav a { font-size: 13px; font-weight: 600; color: var(--text-2); padding: 8px 16px; border-radius: var(--radius-sm); transition: all .15s; }
.sales-nav a:hover, .sales-nav a.active { background: var(--brand); color: var(--white); }

/* Sections */
.sales-section { margin-bottom: 80px; padding-bottom: 80px; border-bottom: 2px solid var(--bg-2); }
.sales-section:last-child { border-bottom: none; }
.sales-section__num { font-size: 11px; font-weight: 800; letter-spacing: .12em; color: var(--brand); text-transform: uppercase; margin-bottom: 8px; }
.sales-section__title { font-size: 32px; font-weight: 800; margin-bottom: 32px; }
.sales-section h3 { font-size: 18px; font-weight: 700; margin: 32px 0 16px; }

/* Insight boxes */
.insight-box { display: flex; gap: 16px; align-items: flex-start; padding: 20px 24px; border-radius: var(--radius-sm); margin: 24px 0; }
.insight-box--blue { background: #EFF6FF; border: 1px solid #BFDBFE; }
.insight-box--purple { background: var(--brand-light); border: 1px solid #C4B5FD; }
.insight-box--green { background: #ECFDF5; border: 1px solid #A7F3D0; }
.insight-box--yellow { background: #FEF3C7; border: 1px solid #FDE68A; }
.insight-box--red { background: #FEF2F2; border: 1px solid #FECACA; }
.insight-box__icon { font-size: 24px; flex-shrink: 0; }
.insight-box strong { font-size: 15px; }
.insight-box p, .insight-box div { font-size: 15px; color: var(--text-2); line-height: 1.7; }

/* Persona grid */
.persona-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px; }
.persona-card { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; }
.persona-card__emoji { font-size: 32px; margin-bottom: 12px; }
.persona-card h4 { font-size: 15px; font-weight: 700; margin-bottom: 12px; }
.persona-card ul { padding-left: 16px; }
.persona-card li { font-size: 14px; color: var(--text-2); margin-bottom: 6px; line-height: 1.5; }

/* USP Table */
.usp-table { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.usp-row { display: grid; grid-template-columns: 1.5fr 1fr 1.3fr 1.3fr; }
.usp-row span { padding: 12px 16px; font-size: 14px; border-right: 1px solid var(--border); border-bottom: 1px solid var(--border); }
.usp-row span:last-child { border-right: none; background: linear-gradient(135deg, #FAF5FF, #EDE9FE); font-weight: 600; }
.usp-row--head span { font-size: 12px; font-weight: 700; background: var(--bg); text-transform: uppercase; letter-spacing: .04em; color: var(--text-3); }
.usp-row--head span:last-child { background: var(--brand); color: var(--white); }
.usp-row:last-child span { border-bottom: none; }

/* SPIN */
.spin-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 24px; }
.spin-card { border-radius: var(--radius); padding: 28px; display: flex; gap: 20px; border: 2px solid; }
.spin-card--S { border-color: #93C5FD; background: #EFF6FF; }
.spin-card--P { border-color: #86EFAC; background: #F0FDF4; }
.spin-card--I { border-color: #FCA5A5; background: #FEF2F2; }
.spin-card--N { border-color: #A78BFA; background: #FAF5FF; }
.spin-card__letter { font-size: 48px; font-weight: 900; opacity: .25; flex-shrink: 0; line-height: 1; }
.spin-card--S .spin-card__letter { color: #2563EB; }
.spin-card--P .spin-card__letter { color: #16A34A; }
.spin-card--I .spin-card__letter { color: #DC2626; }
.spin-card--N .spin-card__letter { color: #7C3AED; }
.spin-card h3 { font-size: 16px; font-weight: 800; margin-bottom: 8px; }
.spin-card__desc { font-size: 14px; color: var(--text-2); margin-bottom: 12px; }
.spin-card__rule { font-size: 13px; font-weight: 600; padding: 8px 12px; border-radius: 6px; margin-bottom: 16px; background: rgba(255,255,255,.6); }
.questions-list { display: flex; flex-direction: column; gap: 10px; }
.q-item { display: flex; gap: 10px; align-items: flex-start; font-size: 14px; color: var(--text); line-height: 1.5; }
.q-item__num { font-size: 11px; font-weight: 800; background: var(--brand); color: var(--white); padding: 3px 7px; border-radius: 4px; flex-shrink: 0; margin-top: 1px; }

/* Script */
.script-tabs { display: flex; gap: 4px; margin-bottom: 24px; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius-sm); padding: 4px; width: fit-content; }
.script-tab { font-family: inherit; font-size: 14px; font-weight: 600; padding: 10px 20px; border-radius: 8px; border: none; background: none; cursor: pointer; color: var(--text-2); }
.script-tab.active { background: var(--white); color: var(--brand); box-shadow: var(--shadow); }
.script-block { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; margin-bottom: 16px; }
.script-block--prep { background: var(--bg-2); }
.script-block--note { background: #FEF2F2; border-color: #FECACA; }
.script-block__title { font-size: 14px; font-weight: 700; margin-bottom: 12px; }
.script-block__step { font-size: 13px; font-weight: 700; text-transform: uppercase; letter-spacing: .05em; color: var(--brand); margin-bottom: 12px; }
.script-block ul { padding-left: 18px; }
.script-block li { font-size: 14px; color: var(--text-2); margin-bottom: 6px; line-height: 1.6; }
.script-dialog { display: flex; flex-direction: column; gap: 10px; }
.dialog-line { font-size: 14px; line-height: 1.7; padding: 12px 16px; border-radius: var(--radius-sm); max-width: 85%; }
.dialog-line--manager { background: var(--brand-light); color: var(--brand-dark); border-bottom-left-radius: 4px; align-self: flex-start; }
.dialog-line--client { background: var(--bg-2); border: 1px solid var(--border); align-self: flex-end; border-bottom-right-radius: 4px; }
.dialog-tip { font-size: 13px; color: var(--text-3); font-style: italic; padding: 0 4px; }

/* Funnel */
.funnel { display: flex; flex-direction: column; gap: 4px; }
.funnel-stage { border-radius: var(--radius); overflow: hidden; }
.funnel-stage__label { display: flex; align-items: center; gap: 12px; padding: 14px 20px; font-weight: 700; }
.funnel-stage--1 .funnel-stage__label { background: #1E1B4B; color: var(--white); }
.funnel-stage--2 .funnel-stage__label { background: #2563EB; color: var(--white); }
.funnel-stage--3 .funnel-stage__label { background: #7C3AED; color: var(--white); }
.funnel-stage--4 .funnel-stage__label { background: #B45309; color: var(--white); }
.funnel-stage--5 .funnel-stage__label { background: #059669; color: var(--white); }
.funnel-stage__num { font-size: 20px; font-weight: 900; opacity: .5; }
.funnel-stage__name { font-size: 16px; }
.funnel-stage__count { margin-left: auto; font-size: 22px; font-weight: 900; opacity: .8; }
.funnel-stage__body { background: var(--bg); border: 1px solid var(--border); border-top: none; padding: 20px 24px; }
.funnel-stage__sources { display: flex; gap: 10px; flex-wrap: wrap; margin-bottom: 16px; }
.funnel-stage__sources span { font-size: 13px; background: var(--white); border: 1px solid var(--border); padding: 5px 12px; border-radius: 20px; }
.funnel-stage__action { font-size: 14px; color: var(--text-2); line-height: 1.7; margin-bottom: 10px; }
.funnel-stage__kpi { font-size: 13px; font-weight: 600; color: var(--brand); background: var(--brand-light); padding: 8px 14px; border-radius: 6px; display: inline-block; }
.funnel-arrow { text-align: center; font-size: 14px; color: var(--text-3); padding: 4px 0; }
.funnel-metrics { display: flex; align-items: center; justify-content: center; gap: 16px; margin-top: 32px; background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 24px; }
.funnel-metric { text-align: center; }
.funnel-metric__num { display: block; font-size: 32px; font-weight: 900; color: var(--text); }
.funnel-metric__label { display: block; font-size: 12px; color: var(--text-3); }
.funnel-metric--highlight .funnel-metric__num { color: var(--success); }
.funnel-metrics span { font-size: 20px; color: var(--text-3); }

/* Objections */
.objections-list { display: flex; flex-direction: column; gap: 16px; }
.objection-card { border: 1px solid var(--border); border-radius: var(--radius); overflow: hidden; }
.objection-card__q { background: #FEF3C7; border-bottom: 1px solid var(--border); padding: 16px 20px; font-size: 15px; font-weight: 700; color: #92400E; }
.objection-card__a { padding: 16px 20px; font-size: 14px; color: var(--text-2); line-height: 1.7; }
.objection-card__a strong { color: var(--text); }
.objection-card__tip { margin-top: 12px; font-size: 13px; font-weight: 600; color: var(--brand); background: var(--brand-light); padding: 8px 14px; border-radius: 6px; display: inline-block; }

/* KPI grid */
.kpi-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 16px; margin-bottom: 32px; }
.kpi-card { background: var(--bg); border: 1px solid var(--border); border-radius: var(--radius); padding: 20px; }
.kpi-card--highlight { background: var(--brand); border-color: var(--brand); color: var(--white); }
.kpi-card__name { font-size: 13px; color: var(--text-3); margin-bottom: 8px; line-height: 1.4; }
.kpi-card--highlight .kpi-card__name { color: rgba(255,255,255,.7); }
.kpi-card__value { font-size: 32px; font-weight: 900; margin-bottom: 4px; }
.kpi-card__note { font-size: 12px; color: var(--text-3); line-height: 1.4; }
.kpi-card--highlight .kpi-card__note { color: rgba(255,255,255,.6); }

/* CRM Pipeline */
.crm-pipeline { display: flex; align-items: center; gap: 8px; flex-wrap: wrap; margin-top: 16px; }
.crm-stage { background: var(--bg); border: 1.5px solid var(--border); border-radius: var(--radius-sm); padding: 10px 16px; font-size: 13px; font-weight: 600; }
.crm-stage--win { background: #ECFDF5; border-color: #6EE7B7; color: #065F46; }
.crm-stage--lost { background: #FEF2F2; border-color: #FCA5A5; color: #991B1B; }
.crm-pipeline span { color: var(--text-3); }

/* Responsive */
@media (max-width: 900px) {
  .sales-hero__inner { grid-template-columns: 1fr; }
  .spin-grid { grid-template-columns: 1fr; }
  .persona-grid { grid-template-columns: 1fr; }
  .kpi-grid { grid-template-columns: repeat(2, 1fr); }
  .usp-row { grid-template-columns: 1fr; }
  .usp-row span:last-child, .usp-row span { border-right: none; }
}
@media (max-width: 600px) {
  .kpi-grid { grid-template-columns: 1fr; }
  .funnel-metrics { flex-direction: column; }
  .sales-nav { display: none; }
}