/*
 * Start Your Business — page-specific components.
 * Reuses the v1.0 token system and shared components (buttons, headings,
 * symptom rail, process track, bento service grid, audit panel, capture
 * panel, FAQ) from saas-v1.css. Only genuinely new components live here.
 */

/* ---------- Split hero (existing .aw-v1-hero is centred-only) ---------- */
.aw-sb-hero{position:relative;padding:172px 0 110px;overflow:hidden;background:radial-gradient(circle at 12% 12%,rgba(193,217,239,.5),transparent 30%),radial-gradient(circle at 88% 30%,rgba(155,195,230,.28),transparent 32%),linear-gradient(150deg,#fdfefe 0%,#f7fafd 52%,#eef5fa 100%)}
.aw-sb-hero .aw-v1-grid{opacity:.7}
.aw-sb-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,.98fr) minmax(480px,1.02fr);gap:clamp(40px,6vw,90px);align-items:center}
.aw-sb-hero-copy h1{margin:24px 0 26px;font-size:clamp(3.6rem,5.6vw,5.7rem);line-height:.95;letter-spacing:-.062em;font-weight:590;color:var(--aw-v1-navy)}
.aw-sb-hero-copy h1 em{font-style:normal;color:transparent;background:linear-gradient(110deg,#406d9f 0%,#86add4 48%,#557fae 100%);background-clip:text;-webkit-background-clip:text;filter:drop-shadow(0 6px 14px rgba(120,165,207,.16))}
.aw-sb-trust-line{margin:26px 0 0;color:#5c6878;font-size:.72rem;font-weight:650;letter-spacing:.02em}

/* ---------- Business launch stack (hero visual) ---------- */
.aw-sb-stack{position:relative;min-height:520px;padding:26px;border:1px solid rgba(255,255,255,.86);border-radius:32px;background:linear-gradient(145deg,rgba(255,255,255,.78),rgba(226,238,248,.57));box-shadow:0 46px 100px rgba(53,92,130,.17),inset 0 1px 0 #fff;backdrop-filter:blur(26px) saturate(140%)}
.aw-sb-stack-top{display:flex;align-items:center;height:44px;padding:0 6px 16px;border-bottom:1px solid var(--aw-v1-line);color:#718196;font-size:.55rem;letter-spacing:.13em;text-transform:uppercase}
.aw-sb-stack-top span{font-weight:760;color:#385c83}
.aw-sb-stack-list{display:grid;gap:9px;margin:18px 0 0;padding:0;list-style:none}
.aw-sb-stack-list li{display:flex;align-items:center;gap:16px;padding:15px 18px;border:1px solid rgba(125,159,190,.2);border-radius:16px;background:rgba(255,255,255,.66);box-shadow:inset 0 1px 0 #fff;transition:transform .3s var(--aw-v1-ease),border-color .3s var(--aw-v1-ease)}
.aw-sb-stack-list li:hover{transform:translateX(4px);border-color:rgba(105,151,199,.4)}
.aw-sb-stack-list i{display:grid;place-items:center;flex:0 0 34px;width:34px;height:34px;border-radius:10px;background:rgba(142,175,212,.16);color:#4676a5;font-style:normal;font-size:.6rem;font-weight:760}
.aw-sb-stack-list b{display:block;font-size:.82rem;color:#1c3350}
.aw-sb-stack-list span{display:block;margin-top:2px;color:#748699;font-size:.65rem}
.aw-sb-stack-list li:after{content:"";margin-left:auto;width:7px;height:7px;border-radius:50%;background:#79a5cf;box-shadow:0 0 0 5px rgba(121,165,207,.13)}

/* ---------- Business-type selector ---------- */
.aw-sb-selector{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:70px}
.aw-sb-type{position:relative;text-align:left;min-height:220px;padding:28px;border:1px solid rgba(125,160,193,.26);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.87),rgba(239,245,250,.66));box-shadow:inset 0 1px 0 #fff,0 16px 40px rgba(37,69,99,.06);cursor:pointer;transition:transform .24s var(--aw-v1-ease),box-shadow .24s var(--aw-v1-ease),border-color .24s var(--aw-v1-ease);font:inherit;color:inherit;appearance:none}
.aw-sb-type:hover{transform:translateY(-4px);border-color:rgba(104,149,192,.42)}
.aw-sb-type h3{margin:0 0 10px;font-size:1.18rem;letter-spacing:-.03em;color:var(--aw-v1-navy)}
.aw-sb-type p{margin:0;font-size:.78rem;line-height:1.6;color:var(--aw-v1-slate)}
.aw-sb-type-check{position:absolute;top:24px;right:24px;display:grid;place-items:center;width:24px;height:24px;border:1px solid rgba(125,160,193,.4);border-radius:50%;background:#fff;color:transparent;font-size:.65rem;transition:all .2s var(--aw-v1-ease)}
.aw-sb-type-foundation{margin-top:16px;padding-top:14px;border-top:1px solid rgba(125,160,193,.18);color:#4676a5;font-size:.68rem;line-height:1.6;max-height:0;opacity:0;overflow:hidden;transition:max-height .3s var(--aw-v1-ease),opacity .3s var(--aw-v1-ease)}
.aw-sb-type-foundation b{display:block;margin-bottom:4px;color:#1c3350;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase}
.aw-sb-type.is-selected{border-color:#6f98c7;background:linear-gradient(145deg,#fff,#edf4fa);box-shadow:inset 0 1px 0 #fff,0 22px 50px rgba(37,69,99,.14),0 0 0 3px rgba(142,175,212,.22)}
.aw-sb-type.is-selected .aw-sb-type-check{border-color:#6f98c7;background:linear-gradient(145deg,#8eafd4,#6f98c7);color:#fff}
.aw-sb-type.is-selected .aw-sb-type-foundation{max-height:120px;opacity:1}
.aw-sb-selector-note{margin-top:22px;color:#728497;font-size:.72rem}

/* ---------- Connected system map ---------- */
.aw-sb-system{position:relative;display:grid;justify-items:center;gap:38px}
.aw-sb-system-hub{display:grid;place-items:center;width:190px;height:190px;border:1px solid rgba(105,151,194,.28);border-radius:50%;background:radial-gradient(circle at 36% 28%,#fff,#dceaf5 42%,#a9c7e3 100%);box-shadow:inset 0 1px 0 #fff,0 20px 50px rgba(75,115,153,.18),0 0 0 14px rgba(170,199,225,.1);text-align:center}
.aw-sb-system-hub span{display:block;color:#4676a5;font-size:.6rem;font-weight:760;letter-spacing:.1em;text-transform:uppercase;line-height:1.4;padding:0 20px}
.aw-sb-system-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;width:100%}
.aw-sb-module{padding:24px;border:1px solid rgba(125,160,193,.24);border-radius:20px;background:rgba(255,255,255,.68);box-shadow:inset 0 1px 0 #fff,0 14px 34px rgba(40,72,102,.06);backdrop-filter:blur(10px)}
.aw-sb-module>span{display:block;margin-bottom:12px;color:#4676a5;font-size:.58rem;font-weight:760;letter-spacing:.13em;text-transform:uppercase}
.aw-sb-module h4{margin:0 0 10px;font-size:.95rem;letter-spacing:-.02em;color:var(--aw-v1-navy)}
.aw-sb-module ul{margin:0;padding:0;list-style:none;display:grid;gap:5px}
.aw-sb-module li{font-size:.68rem;color:#748699}

/* ---------- Platform comparison ---------- */
.aw-sb-platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:60px}
.aw-sb-platform{padding:32px;border:1px solid rgba(125,160,193,.24);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.87),rgba(239,245,250,.66));box-shadow:inset 0 1px 0 #fff,0 16px 40px rgba(37,69,99,.06)}
.aw-sb-platform.is-featured{border-color:rgba(104,149,192,.42);background:radial-gradient(circle at 88% 12%,rgba(150,191,228,.24),transparent 35%),linear-gradient(145deg,#fff,#edf4fa)}
.aw-sb-platform>span{display:block;margin-bottom:16px;color:#718eaa;font-size:.6rem;font-weight:760;letter-spacing:.14em;text-transform:uppercase}
.aw-sb-platform h3{margin:0 0 16px;font-size:1.35rem;letter-spacing:-.03em}
.aw-sb-platform h4{margin:20px 0 10px;font-size:.6rem;letter-spacing:.1em;text-transform:uppercase;color:#87a0b9}
.aw-sb-platform ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.aw-sb-platform li{font-size:.76rem;line-height:1.5;color:#5c6878;padding-left:16px;position:relative}
.aw-sb-platform li:before{content:"";position:absolute;left:0;top:.55em;width:5px;height:5px;border-radius:50%;background:#89add0}
.aw-sb-platform-note{margin-top:44px;padding:22px 26px;border:1px solid rgba(125,160,193,.22);border-radius:18px;background:rgba(255,255,255,.5);color:#3a5573;font-size:.85rem;line-height:1.6;text-align:center}

/* ---------- Audit callout (reframed, no invented price) ---------- */
.aw-sb-audit-panel{margin-top:26px;padding:32px;border:1px solid rgba(255,255,255,.9);border-radius:26px;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(235,243,250,.66));box-shadow:inset 0 1px 0 #fff,0 22px 55px rgba(40,72,102,.1)}
.aw-sb-audit-panel h3{margin:0 0 10px;font-size:1.35rem}
.aw-sb-audit-panel p{margin:0 0 22px;font-size:.85rem;line-height:1.65;color:var(--aw-v1-slate)}

/* ---------- Multi-step assessment form ---------- */
.aw-sb-progress{display:flex;gap:6px;margin-bottom:28px}
.aw-sb-progress i{flex:1;height:4px;border-radius:4px;background:rgba(125,160,193,.22);transition:background .3s var(--aw-v1-ease)}
.aw-sb-progress i.is-active,.aw-sb-progress i.is-done{background:linear-gradient(90deg,#8eafd4,#6f98c7)}
.aw-sb-step-label{margin:0 0 22px;color:#4676a5;font-size:.66rem;font-weight:720;letter-spacing:.14em;text-transform:uppercase}
.aw-sb-step{display:none}
.aw-sb-step.is-active{display:grid;gap:16px}
.aw-sb-field-row{display:grid;grid-template-columns:1fr 1fr;gap:13px}
.aw-sb-form label{display:grid;gap:7px;color:#4f6174;font-size:.72rem}
.aw-sb-form input:not([type=checkbox]),.aw-sb-form select,.aw-sb-form textarea{width:100%;min-height:52px;padding:0 15px;border:1px solid rgba(117,154,189,.32);border-radius:13px;background:rgba(255,255,255,.78);color:#10243a;font:inherit;box-shadow:inset 0 1px 2px rgba(32,62,91,.04)}
.aw-sb-form textarea{padding:12px 15px;min-height:90px}
.aw-sb-form input:focus,.aw-sb-form select:focus,.aw-sb-form textarea:focus{outline:0;border-color:#79a4cc;box-shadow:0 0 0 4px rgba(121,164,204,.14)}
.aw-sb-checks{display:grid;grid-template-columns:1fr 1fr;gap:9px}
.aw-sb-check{display:flex;align-items:center;gap:10px;padding:12px 14px;border:1px solid rgba(125,160,193,.22);border-radius:12px;background:rgba(255,255,255,.5);font-size:.72rem;color:#3a5573;cursor:pointer;transition:border-color .2s,background .2s}
.aw-sb-check:has(input:checked){border-color:#6f98c7;background:rgba(142,175,212,.12)}
.aw-sb-check input{margin:0}
.aw-sb-nav{display:flex;justify-content:space-between;gap:12px;margin-top:8px}
.aw-sb-nav [hidden]{display:none!important}
.aw-sb-back{border:1px solid rgba(126,161,195,.35);background:transparent;border-radius:13px;padding:0 20px;min-height:50px;color:#3a5573;font-size:.76rem;font-weight:650;cursor:pointer}
.aw-sb-next,.aw-sb-submit{border:0;cursor:pointer}
.aw-sb-confirm{display:none;text-align:center;padding:20px 0}
.aw-sb-confirm.is-active{display:block}
.aw-sb-confirm h3{margin:0 0 12px}
.aw-sb-confirm p{margin:0 auto;max-width:440px;color:var(--aw-v1-slate);font-size:.88rem;line-height:1.65}

/* ---------- FAQ (reuses .aw-faq-list details pattern) ---------- */
.aw-sb-faq{max-width:900px;margin:60px auto 0}

@media(max-width:1180px){
  .aw-sb-hero-grid{grid-template-columns:1fr}
  .aw-sb-stack{margin-top:20px}
  .aw-sb-selector{grid-template-columns:1fr 1fr}
  .aw-sb-system-grid{grid-template-columns:repeat(2,1fr)}
  .aw-sb-platforms{grid-template-columns:1fr}
}
@media(max-width:640px){
  .aw-sb-selector{grid-template-columns:1fr}
  .aw-sb-system-grid{grid-template-columns:1fr}
  .aw-sb-field-row,.aw-sb-checks{grid-template-columns:1fr}
  .aw-sb-hero-copy h1{font-size:clamp(2.7rem,11vw,3.6rem)}
}
@media(prefers-reduced-motion:reduce){
  .aw-sb-type,.aw-sb-stack-list li,.aw-sb-progress i,.aw-sb-type-foundation{transition:none!important}
}