/* /demo and /start */
.page-hero{padding:72px 0 64px}
.page-hero .lede{max-width:58ch}
.hero-split{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center}
.hero-points{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:10px;color:#D3DCE6}
.hero-points li{position:relative;padding-left:28px}
.hero-points li::before{content:"";position:absolute;left:2px;top:9px;width:13px;height:7px;border-left:2.5px solid var(--orange);border-bottom:2.5px solid var(--orange);transform:rotate(-45deg)}

/* phone simulation */
.sim{display:flex;flex-direction:column;align-items:center;gap:18px}
.phone{
  width:300px;height:560px;background:#0E1E30;border-radius:44px;padding:12px;
  box-shadow:0 30px 70px rgba(0,0,0,.45), inset 0 0 0 2px rgba(255,255,255,.08);position:relative;
}
.phone-screen{width:100%;height:100%;background:#F2F4F7;border-radius:34px;overflow:hidden;display:flex;flex-direction:column;color:var(--ink)}
.phone-top{background:#fff;padding:22px 16px 12px;border-bottom:1px solid var(--line);text-align:center}
.phone-top strong{display:block;font-size:.9rem}
.phone-top span{font-size:.72rem;color:var(--muted)}
.thread{flex:1;padding:14px 12px;display:flex;flex-direction:column;gap:9px;overflow:hidden;justify-content:flex-end}
.msg{max-width:84%;padding:9px 12px;border-radius:16px;font-size:.82rem;line-height:1.38;opacity:0;transform:translateY(8px);transition:opacity .35s ease, transform .35s ease}
.msg.show{opacity:1;transform:none}
.msg.in{align-self:flex-start;background:#fff;border:1px solid var(--line);border-bottom-left-radius:5px}
.msg.out{align-self:flex-end;background:var(--navy);color:#fff;border-bottom-right-radius:5px}
.msg.sys{align-self:center;background:transparent;color:var(--muted);font-size:.72rem;font-weight:600;text-align:center;padding:2px 6px;max-width:100%}
.msg.sys.alert{color:#C0392B}
.msg.sys.ok{color:var(--green)}
.msg .stars{color:#F5A623;letter-spacing:2px}
.msg a{color:inherit;font-weight:700}
.sim-steps{display:flex;gap:8px;flex-wrap:wrap;justify-content:center}
.sim-step{
  font:inherit;font-size:.8rem;font-weight:700;padding:7px 12px;border-radius:999px;cursor:pointer;
  background:rgba(255,255,255,.08);color:#C7D3DF;border:1px solid rgba(255,255,255,.18);
}
.sim-step.active{background:var(--orange);color:#10202f;border-color:var(--orange)}
.sim-replay{font:inherit;font-size:.85rem;font-weight:700;background:none;border:0;color:#fff;text-decoration:underline;cursor:pointer}

.walk .pillar ul{margin:14px 0 0;padding-left:18px;color:var(--muted);font-size:.95rem}
.walk .pillar li{margin-bottom:6px}
.walk .pillar p{margin-bottom:0}

/* dual CTA */
.split-cta{background:var(--surface);border-top:1px solid var(--line)}
.split-grid{display:grid;grid-template-columns:1.2fr .8fr;gap:24px;margin-top:40px;align-items:start}
.panel{background:#fff;border:1px solid var(--line);border-radius:14px;padding:32px}
.panel-dark{background:var(--navy);color:#fff;border-color:var(--navy)}
.panel-dark p{color:#C7D3DF}
.panel h3{font-size:1.4rem}
.panel .lead-form{margin:20px 0 0;background:var(--surface);border-color:var(--line);padding:22px}
.panel .field > span{color:var(--muted)}
.panel .field input,.panel .field select,.panel .field textarea{border-color:var(--line)}
.panel .field input:focus,.panel .field select:focus,.panel .field textarea:focus{border-color:var(--orange)}
.panel .form-note{color:var(--muted)}
.panel .form-status.is-success{color:var(--green)}
.panel .form-status.is-error{color:#C0392B}
.mini-price{font-size:2.6rem;font-weight:900;letter-spacing:-.03em;line-height:1;margin:18px 0 4px;color:#fff}
.mini-price span{font-size:1rem;font-weight:600;color:#9FB2C4}

/* start page */
.start-grid{display:grid;grid-template-columns:1.25fr .75fr;gap:32px;align-items:start}
.plan-options{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:0 0 22px;border:0;padding:0}
.plan-options legend{font-size:.83rem;font-weight:700;letter-spacing:.03em;text-transform:uppercase;color:var(--muted);margin-bottom:10px;padding:0}
.plan{position:relative;display:block;cursor:pointer}
.plan input{position:absolute;opacity:0;pointer-events:none}
.plan-box{display:block;height:100%;background:#fff;border:2px solid var(--line);border-radius:12px;padding:18px 18px 16px;transition:border-color .12s ease, box-shadow .12s ease}
.plan input:checked + .plan-box{border-color:var(--orange);box-shadow:0 0 0 4px rgba(255,107,53,.14)}
.plan input:focus-visible + .plan-box{outline:3px solid var(--navy);outline-offset:2px}
.plan-name{display:block;font-weight:700;font-size:.95rem}
.plan-price{display:block;font-weight:900;font-size:1.9rem;letter-spacing:-.02em;line-height:1.15;margin:4px 0 2px}
.plan-price small{font-size:.9rem;font-weight:600;color:var(--muted)}
.plan-note{display:block;font-size:.85rem;color:var(--muted)}
.plan-tag{position:absolute;top:-10px;right:12px;background:var(--green);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.06em;text-transform:uppercase;padding:3px 9px;border-radius:999px}
.consent-check{display:flex;gap:10px;align-items:flex-start;font-size:.85rem;line-height:1.5;color:var(--muted);margin:6px 0 12px;cursor:pointer}
.consent-check input{margin-top:3px;width:18px;height:18px;flex-shrink:0;accent-color:var(--orange);cursor:pointer}
.consent-check a{color:var(--ink);text-decoration:underline}
.consent-check a:hover{color:var(--orange)}
.agree{display:flex;gap:10px;align-items:flex-start;font-size:.92rem;color:var(--muted);margin:4px 0 8px}
.agree input{margin-top:5px;width:18px;height:18px;accent-color:var(--orange)}
.agree.has-error{color:#C0392B}
.steps{list-style:none;counter-reset:s;padding:0;margin:20px 0 0;display:grid;gap:18px}
.steps li{counter-increment:s;position:relative;padding-left:46px}
.steps li::before{content:counter(s);position:absolute;left:0;top:0;width:32px;height:32px;border-radius:50%;background:var(--orange);color:#10202f;font-weight:900;display:grid;place-items:center;font-size:.95rem}
.steps strong{display:block;color:#fff}
.side-note{font-size:.88rem;color:#9FB2C4;margin:22px 0 0;border-top:1px solid rgba(255,255,255,.14);padding-top:18px}
.trust{display:flex;flex-wrap:wrap;gap:10px 22px;justify-content:center;margin-top:28px;color:var(--muted);font-size:.9rem;font-weight:600}

@media (max-width:960px){
  .hero-split,.split-grid,.start-grid{grid-template-columns:1fr}

}
@media (max-width:520px){
  .plan-options{grid-template-columns:1fr}
  .phone{width:270px;height:520px}
  .panel{padding:24px 18px}
}
@media (prefers-reduced-motion:reduce){
  .msg{transition:none}
}
.lead-form.is-sent .plan-options,.lead-form.is-sent .agree,.lead-form.is-sent .consent-check{display:none}
button.btn{border:0;font-family:inherit;cursor:pointer}
button.btn:disabled{opacity:.7;cursor:wait;transform:none}
.panel-dark a:not(.btn){color:#fff;font-weight:600}