/* /ai-consulting (2026-11-12): the blocks site/www/v8.css does not have. Loads after v8.css.
   Approved preview: studio/sites/cta-ai-consulting-preview/ (consulting.css there, and the inner-page rules from
   studio/sites/cta-v8-previews/pages.css and v8.css). The theme switch swaps every white and carbon chapter, so each
   block has a base style for a white chapter and a .carbon override (the v8.css pattern). */

/* ---------- 1. Hero: the search words in a small H1, the outcome claim under it ---------- */
.p-hero{padding:96px 0 104px}
.p-grid{display:grid;grid-template-columns:.95fr 1.05fr;gap:64px;align-items:center}
.p-grid>*{min-width:0}
h1.eyebrow{margin:0}
.claim{font-family:var(--cond);font-weight:800;text-transform:uppercase;font-size:78px;line-height:.9;letter-spacing:-.008em;margin:22px 0 24px}
.claim .l2{display:block;color:var(--blue);white-space:nowrap}
.carbon .claim .l2{color:#6F98FF;text-shadow:0 0 34px rgba(46,107,255,.55)}
.under-hero{margin-top:22px;font-size:17px;color:var(--grey);max-width:560px}
.under-hero b,.under-hero a{color:var(--ink)}
.carbon .under-hero{color:#AEB8C7}.carbon .under-hero b,.carbon .under-hero a{color:#fff}
.stage{position:relative;border-radius:28px;padding:34px;
  background:radial-gradient(60% 70% at 70% 30%,rgba(46,107,255,.10),transparent 70%),
    radial-gradient(circle,rgba(20,24,29,.10) 1px,transparent 1.4px) 0 0/18px 18px,var(--mist);
  border:1px solid var(--line);box-shadow:inset 0 1px 0 #fff}
.stage .lbl{position:absolute;top:-13px;left:26px;font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;background:#fff;border:1px solid var(--line);border-radius:999px;padding:3px 12px;color:var(--grey)}
.carbon .stage{background:radial-gradient(60% 70% at 70% 30%,rgba(46,107,255,.16),transparent 70%),radial-gradient(circle,rgba(255,255,255,.08) 1px,transparent 1.4px) 0 0/18px 18px,#111822;border-color:#243044;box-shadow:inset 0 1px 0 rgba(255,255,255,.05)}
.carbon .stage .lbl{background:#151D29;border-color:#2C3A51;color:#9DB2D6}
.report{background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px;color:var(--ink);box-shadow:0 44px 90px rgba(20,24,29,.16),0 0 0 6px rgba(46,107,255,.05)}
.report .rh{display:flex;justify-content:space-between;align-items:center;margin-bottom:12px}
.report .rh b{font-size:18px}
.report .tag{color:var(--grey);border-color:var(--line);background:#fff}
.fix{display:grid;grid-template-columns:34px 1fr 150px 72px;gap:12px;align-items:center;padding:11px 4px;border-top:1px solid var(--line);font-size:16px}
.fix .n{width:30px;height:30px;border-radius:9px;display:grid;place-items:center;background:var(--mist2);color:var(--ink);font-weight:700;font-size:15px}
.fix.top .n{background:var(--blue);color:#fff}
.fix small{display:block;color:var(--grey);font-size:16px;line-height:1.3}
.fix .t{height:12px;border-radius:6px;background:var(--mist2);overflow:hidden}
.fix .t i{display:block;height:100%;background:linear-gradient(90deg,#5E8BFF,#2E6BFF)}
.fix b.h{font-family:var(--mono);font-size:15px;text-align:right}
.report .small{margin-top:12px;color:var(--grey)}

/* ---------- 2. What changes: three results, one number each ---------- */
.outs{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:56px}
.out-c{position:relative;border-radius:22px;padding:26px 26px 24px;background:#fff;border:1px solid var(--line);box-shadow:0 30px 60px rgba(20,24,29,.09)}
.out-c .ic{width:44px;height:44px;border-radius:12px;display:grid;place-items:center;background:var(--blue-ice);color:var(--blue-dk);border:1px solid rgba(46,107,255,.3)}
.out-c .n{display:block;font-family:var(--cond);font-weight:800;font-size:72px;line-height:.9;color:var(--blue);margin-top:18px}
.out-c .n small{font-size:30px;color:var(--blue-dk);margin-left:6px}
.out-c b{display:block;font-size:21px;margin-top:10px}
.out-c p{font-size:18px;color:var(--ink2);margin-top:6px;line-height:1.42}
.carbon .out-c{background:linear-gradient(180deg,rgba(255,255,255,.055),rgba(255,255,255,.015));border-color:rgba(255,255,255,.10);box-shadow:0 30px 60px rgba(0,0,0,.35)}
.carbon .out-c .ic{background:rgba(46,107,255,.2);color:#A9C2FF;border-color:rgba(110,150,255,.3)}
.carbon .out-c .n{color:#fff;text-shadow:0 0 30px rgba(46,107,255,.45)}
.carbon .out-c .n small{color:#A9C2FF}
.carbon .out-c b{color:#fff}
.carbon .out-c p{color:#B9C3D1}
.exnote{margin-top:22px}

/* ---------- 3. Four steps, then three ways to stay ---------- */
.steps.four{grid-template-columns:repeat(4,1fr);gap:22px}
.steps.four .h3{font-size:38px}
.steps.four p{font-size:18px}
.pill-free,.pill-price{display:inline-block;margin-top:14px;font-family:var(--mono);font-size:13px;letter-spacing:.08em;text-transform:uppercase;border-radius:999px;padding:4px 10px}
.pill-free{color:var(--blue-dk);background:var(--blue-ice);border:1px solid rgba(46,107,255,.35)}
.pill-price{color:var(--ink);background:var(--mist);border:1px solid var(--line2)}
.carbon .pill-free{color:#CFE0FF;background:rgba(46,107,255,.18);border-color:rgba(110,150,255,.4)}
.carbon .pill-price{color:#E8ECF2;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18)}
.stay-h{font-family:var(--cond);font-weight:800;text-transform:uppercase;font-size:44px;line-height:.95;margin:84px 0 0}
.stay{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}
.stay-c{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:20px;padding:22px 22px 24px;box-shadow:0 24px 50px rgba(20,24,29,.08)}
.stay-c .k{font-family:var(--mono);font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--grey)}
.stay-c b{display:block;font-size:24px;margin-top:8px}
.stay-c p{font-size:18px;color:var(--ink2);margin-top:6px;line-height:1.42}
.stay-c .pr{margin-top:14px;padding-top:12px;border-top:1px solid var(--line);font-size:17px;font-weight:600;color:var(--ink)}
.stay-c.lit{border-color:rgba(46,107,255,.45);box-shadow:0 0 0 5px rgba(46,107,255,.07),0 24px 50px rgba(20,24,29,.08)}
.carbon .stay-c{box-shadow:0 24px 50px rgba(0,0,0,.45)}

/* ---------- 4. The foundation: five tools into one place ---------- */
.found5{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-top:56px}
.tool{position:relative;border-radius:20px;background:#fff;border:1px solid var(--line);box-shadow:0 26px 54px rgba(20,24,29,.09)}
.tool a{display:block;height:100%;padding:22px 18px 20px;color:inherit;text-decoration:none;border-radius:20px}
.tool .ic{width:42px;height:42px;border-radius:12px;display:grid;place-items:center;background:var(--blue-ice);color:var(--blue-dk);border:1px solid rgba(46,107,255,.3)}
.tool b{display:block;font-size:20px;margin-top:14px}
.tool p{font-size:16.5px;color:var(--ink2);margin-top:6px;line-height:1.4}
.tool .go{display:block;margin-top:12px;font-size:16px;font-weight:600;color:var(--blue-dk)}
.tool a:hover .go{text-decoration:underline}
.carbon .tool{background:#121A25;border-color:#2A3850;box-shadow:0 26px 54px rgba(0,0,0,.4)}
.carbon .tool .ic{background:rgba(46,107,255,.2);color:#A9C2FF;border-color:rgba(110,150,255,.3)}
.carbon .tool b{color:#fff}
.carbon .tool p{color:#B9C3D1}
.carbon .tool .go{color:#8FB0FF}
.joinbar{position:relative;margin:26px auto 0;height:54px;max-width:1000px}
.joinbar svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}
.joinbar path{fill:none;stroke:url(#jg);stroke-width:2}
.onebox{margin:0 auto;max-width:720px;display:flex;align-items:center;gap:16px;border-radius:20px;padding:18px 22px;background:#fff;border:1px solid rgba(46,107,255,.45);box-shadow:0 0 0 6px rgba(46,107,255,.08),0 24px 50px rgba(20,24,29,.08)}
.onebox .orb{flex:0 0 auto}
.onebox b{display:block;font-size:20px}
.onebox span{color:var(--ink2);font-size:17px}
.carbon .onebox{background:linear-gradient(180deg,#16223A,#111A2B);box-shadow:0 0 0 6px rgba(46,107,255,.08),0 0 44px rgba(46,107,255,.35)}
.carbon .onebox b{color:#fff}
.carbon .onebox span{color:#B9C3D1}

/* ---------- 5. One real example ---------- */
.case{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;margin-top:48px}
.case>*{min-width:0}
.case-card{background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:22px;padding:26px;box-shadow:0 44px 90px rgba(20,24,29,.12),0 0 0 6px rgba(46,107,255,.05)}
.case-card .row{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.case-card .cwho{font-weight:700;font-size:19px}
.case-card .tag{color:var(--grey);border-color:var(--line);background:#fff}
.tl2{margin:18px 0 0;display:grid;gap:12px}
.tl2 li{display:grid;grid-template-columns:120px 1fr;gap:14px;align-items:start;padding:12px 0 0;border-top:1px solid var(--line)}
.tl2 small{font-family:var(--mono);font-size:14px;letter-spacing:.06em;color:var(--grey);text-transform:uppercase;padding-top:3px}
.tl2 span{font-size:18px;color:var(--ink2)}
.tl2 .win span{color:var(--ink);font-weight:700}
.case-big{font-family:var(--cond);font-weight:800;font-size:120px;line-height:.85;color:var(--blue)}
.case-big small{font-size:40px;color:var(--ink);margin-left:8px}
.carbon .case-big{color:#6F98FF}.carbon .case-big small{color:#fff}
.case ul.facts2{margin:22px 0 0;display:grid;gap:10px}
.case .facts2 li{display:flex;gap:10px;font-size:19px;color:var(--ink2)}
.carbon .case .facts2 li{color:#C2CAD6}
.case .facts2 svg{flex:0 0 auto;color:var(--blue);margin-top:4px}

/* ---------- 6. Questions, every answer open (the "People also ask" words stay on the page) ---------- */
.qa2{margin-top:48px;display:grid;grid-template-columns:1fr 1fr;gap:16px}
.qa2>div{border-radius:18px;padding:22px 24px;background:var(--mist);border:1px solid var(--line)}
.qa2 h3{margin:0;font-size:22px;font-weight:700;line-height:1.25}
.qa2 p{margin-top:10px;font-size:18px;color:var(--ink2);line-height:1.48}
.qa2 p b{color:var(--ink)}
.carbon .qa2>div{background:linear-gradient(180deg,rgba(255,255,255,.05),rgba(255,255,255,.015));border-color:rgba(255,255,255,.10)}
.carbon .qa2 h3,.carbon .qa2 p b{color:#fff}
.carbon .qa2 p{color:#C2CAD6}
.cities{margin-top:30px;font-size:17.5px;color:var(--grey);line-height:1.6;max-width:1000px}
.cities b{color:var(--ink)}
.carbon .cities{color:#9AA7BA}.carbon .cities b{color:#DCE4F0}

/* ---------- 7. The close: the home form, unchanged ---------- */
.blue .eyebrow{color:#fff;background:rgba(255,255,255,.12);border-color:rgba(255,255,255,.3);box-shadow:none}

/* ---------- phone ---------- */
@media (max-width:1180px){
  .found5{grid-template-columns:repeat(3,1fr)}
  .joinbar{display:none}
  .onebox{margin-top:22px}
}
@media (max-width:980px){
  .p-grid,.case{grid-template-columns:1fr;gap:40px}
}
@media (min-width:761px) and (max-width:980px){
  .steps.four{grid-template-columns:repeat(2,1fr)}
  .steps.four::before,.steps.four::after{display:none}
}
@media (max-width:760px){
  .p-hero{padding:48px 0 64px}
  .claim{font-size:54px}
  .claim .l2{white-space:normal}
  .outs,.found5,.stay,.qa2{grid-template-columns:1fr}
  .steps.four{grid-template-columns:1fr;gap:34px}
  .out-c .n{font-size:60px}
  .stay-h{font-size:36px;margin-top:64px}
  .found5{gap:10px}
  .tool a{display:grid;grid-template-columns:42px 1fr;column-gap:14px;padding:16px}
  .tool .ic{grid-row:1/4}
  .tool b{margin-top:0}
  .stage{padding:20px 14px}
  .stage .lbl{position:static;display:inline-block;margin:0 0 14px 4px;border-radius:14px}
  .fix{grid-template-columns:30px 1fr 64px}
  .fix .t{display:none}
  .case-big{font-size:96px}
  .tl2 li{grid-template-columns:90px 1fr}
  .cities{font-size:17px}
  /* nothing under 16px on a phone (this page's gate): the small labels v8.css sets at 13 to 15.5px */
  .consult .eyebrow,.consult .tag,.stage .lbl,.fix .n,.fix b.h,.consult .step .k .num,.pill-free,.pill-price,.stay-c .k,
  .tl2 small,.consult .free .fh,.consult .field label,.consult .field label span,.consult .form .note{font-size:16px}
  .consult .eyebrow,.stay-c .k,.tl2 small{letter-spacing:.06em}
}
@media (max-width:380px){
  .claim{font-size:46px}
}