:root{
  --bg:#10100f;
  --bg2:#171819;
  --panel:#171b1f;
  --panel2:#20252b;
  --card:#151b23cc;
  --ink:#f6f8fa;
  --muted:#9aa4b2;
  --line:#2b3440;
  --blue:#3d7eff;
  --cyan:#18b8c7;
  --green:#42d392;
  --purple:#8d6cff;
  --orange:#f6a23a;
  --gold:#f3c969;
  --red:#ff6b6b;
  --shadow:#00000066;
  --radius:22px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:radial-gradient(circle at 12% 0,#34302a 0,#10100f 36%,#070807 100%);color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,Segoe UI,Arial,sans-serif;line-height:1.5;overflow-x:hidden}
body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff05 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,#000,transparent 78%);z-index:-1}
a{color:inherit;text-decoration:none}.nav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 6vw;background:#10100fcc;backdrop-filter:blur(18px);border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:11px}.mark{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:linear-gradient(135deg,var(--orange),var(--cyan));color:white;font-weight:950;font-size:12px;box-shadow:0 10px 30px #f6a23a2a}.brand b{letter-spacing:.1px}.navlinks{display:flex;align-items:center;gap:22px;color:#c9d1d9;font-size:14px}.navlinks a{transition:.18s ease}.navlinks a:hover{color:white}.navcta{padding:9px 14px;border-radius:999px;background:#f6f8fa;color:#0d1117!important;font-weight:850;box-shadow:0 14px 34px #ffffff1b}
.hero{min-height:calc(100vh - 65px);display:grid;grid-template-columns:minmax(0,1.08fr) minmax(340px,.58fr);gap:44px;align-items:center;padding:70px 6vw 64px;position:relative}.hero:before{content:"";position:absolute;right:-12vw;top:8vh;width:52vw;height:52vw;background:radial-gradient(circle,#5b8cff38 0,#22d3ee18 28%,transparent 66%);filter:blur(6px);z-index:-1}.eyebrow{margin:0 0 14px;color:var(--green);text-transform:uppercase;letter-spacing:.18em;font-weight:950;font-size:12px}.hero h1{max-width:980px;margin:0;font-size:clamp(50px,7.4vw,104px);line-height:.86;letter-spacing:-.075em;text-wrap:balance}.sub{max-width:800px;margin:24px 0 0;color:#c4ccd7;font-size:clamp(18px,2vw,23px)}.actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.btn{display:inline-flex;align-items:center;justify-content:center;border:1px solid #ffffff14;border-radius:14px;padding:14px 18px;background:#202938;color:var(--ink);font-weight:900;box-shadow:0 14px 32px #0004;cursor:pointer;transition:.18s ease}.btn:hover{transform:translateY(-1px);border-color:#ffffff2d}.btn.primary{background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;border:0;box-shadow:0 18px 42px #22d3ee29}.btn.ghost{background:transparent;border:1px solid var(--line)}.partnerLine{margin-top:22px;max-width:740px;color:#b7c0cd;font-weight:650}.heroPanel{background:linear-gradient(180deg,#182131,#111821);border:1px solid #344154;border-radius:28px;padding:26px;box-shadow:0 34px 90px var(--shadow);position:relative;overflow:hidden}.heroPanel:before{content:"";position:absolute;inset:-1px;background:linear-gradient(135deg,#5b8cff55,transparent 22%,transparent 70%,#22d3ee33);pointer-events:none}.heroPanel>*{position:relative}.priceBlock{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;border-bottom:1px solid #ffffff14;padding-bottom:20px}.priceBlock span{color:#aeb8c6}.priceBlock b{font-size:72px;line-height:.82;color:white;letter-spacing:-.06em}.includeList{padding:20px 0}.includeList p{margin:0 0 8px}.includeList li{margin:11px 0;color:#d7dee8}.miniScore{display:flex;justify-content:space-between;gap:16px;border-radius:18px;background:#ffffff0a;border:1px solid #ffffff12;padding:16px;color:#aeb8c6}.miniScore b{color:var(--green)}main section{padding:76px 6vw;border-top:1px solid var(--line)}.sectionIntro h2,.roiSection h2,.start h2{font-size:clamp(34px,4.9vw,64px);line-height:.93;letter-spacing:-.06em;margin:0 0 18px;max-width:980px;text-wrap:balance}.sectionIntro p:not(.eyebrow),.roiSection p,.start p{color:var(--muted);font-size:18px;max-width:760px}.methodSection{background:linear-gradient(180deg,#0d111700,#101722)}.methodGrid,.cards,.priorityList{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:28px}.methodGrid article,.cards article,.priorityList article,.calc,form,.trustCard,.reportPage{background:linear-gradient(180deg,#17202c,#111821);border:1px solid var(--line);border-radius:var(--radius);padding:22px;box-shadow:0 20px 60px #00000030}.methodGrid span{color:var(--cyan);text-transform:uppercase;letter-spacing:.12em;font-weight:950;font-size:12px}.methodGrid h3,.cards h3{font-size:23px;margin:10px 0 8px}.methodGrid p,.cards p,.priorityList p{margin:0;color:var(--muted)}.priorities{background:#0b1017}.priorityList{grid-template-columns:repeat(4,minmax(0,1fr))}.priorityList article{position:relative;overflow:hidden}.priorityList article:after{content:"";position:absolute;right:-32px;top:-42px;width:110px;height:110px;border-radius:50%;background:#5b8cff12}.priorityList b{display:inline-grid;place-items:center;width:38px;height:38px;border-radius:13px;background:#243149;color:#8fb3ff}.priorityList h3{margin:16px 0 8px;font-size:20px}.benefits{display:grid;grid-template-columns:.52fr 1fr;gap:36px;align-items:start}.cards{grid-template-columns:repeat(2,minmax(0,1fr));margin-top:0}.cards article:last-child{grid-column:1/-1}.reportSection{background:radial-gradient(circle at 82% 8%,#9b7bff24,transparent 34%),#0a0f16}.reportGrid{display:grid;grid-template-columns:1.12fr .88fr;gap:22px;align-items:stretch;margin-top:28px}.reportPage{background:#f7f9fc;color:#0d1117;border-color:#ffffff18;box-shadow:0 34px 90px #0009}.reportHeader{display:flex;justify-content:space-between;gap:16px;border-bottom:1px solid #d7dde6;padding-bottom:14px;margin-bottom:20px;color:#57606a}.reportPage h3{font-size:18px;margin:20px 0 7px}.reportPage p,.reportPage li{color:#374151}.reportPage .note{margin-top:18px;font-size:13px;color:#667085}.trustCard{background:linear-gradient(180deg,#172234,#111821)}.trustCard h3{font-size:32px;margin:0 0 14px;line-height:1.04;letter-spacing:-.03em}.trustCard li{margin:12px 0;color:#d7dee8}.roiSection{display:grid;grid-template-columns:.68fr 1fr;gap:40px;align-items:center}.muted{color:var(--muted)}.calc{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}label{display:grid;gap:7px;color:#c7d0dc;font-size:14px;font-weight:800}input,textarea,select{width:100%;background:#0d1117;color:var(--ink);border:1px solid #303a49;border-radius:13px;padding:13px 14px;font:inherit;outline:none}input:focus,textarea:focus{border-color:var(--cyan);box-shadow:0 0 0 4px #22d3ee1c}textarea{min-height:118px;grid-column:1/-1}.result{grid-column:1/-1;background:#08150f;border:1px solid #1c4c37;color:#dfffee;border-radius:18px;padding:18px}.result b{display:block;font-size:46px;line-height:1;color:var(--green);margin:7px 0}.result small{color:#9cd9bd}.start{display:grid;grid-template-columns:.7fr 1fr;gap:36px;align-items:start}form{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.start button,.start .fine{grid-column:1/-1}.fine{color:var(--muted);font-size:13px}.disclaimer{padding-top:38px;padding-bottom:38px;background:#090d13}.disclaimer h2{font-size:28px;margin:0 0 10px}.disclaimer p{max-width:980px;color:var(--muted)}footer{padding:30px 6vw;color:#7d8794;border-top:1px solid var(--line);background:#070a0f}
input[type=checkbox]{width:18px;height:18px;accent-color:var(--green);padding:0}.check{grid-column:1/-1;display:flex;align-items:flex-start;gap:10px;background:#101820;border:1px solid var(--line);border-radius:13px;padding:13px 14px;color:#d7dee8;font-weight:700}.check input{flex:0 0 auto;margin-top:2px}
.adminHero{display:grid;grid-template-columns:.7fr 1fr;gap:28px;align-items:end}.adminHero h1,.missionHero h1{font-size:clamp(42px,6vw,78px);line-height:.9;letter-spacing:-.065em;margin:0}.adminStats,.missionMetrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.adminStats article,.missionMetrics article{background:linear-gradient(180deg,#17202c,#111821);border:1px solid var(--line);color:var(--ink);border-radius:18px;padding:18px}.adminStats span,.missionMetrics span{display:block;color:var(--muted);font-size:13px}.adminStats b,.missionMetrics b{display:block;margin-top:8px;font-size:clamp(24px,3vw,38px);line-height:1;color:var(--green)}.dashboard{padding-top:40px}.tableWrap{overflow:auto;border:1px solid var(--line);border-radius:18px;background:#111821;box-shadow:0 18px 50px #0004}table{width:100%;border-collapse:collapse;min-width:980px}th,td{padding:14px 16px;border-bottom:1px solid var(--line);text-align:left;vertical-align:top}th{background:#0d1117;color:#d7dee8;font-size:12px;text-transform:uppercase;letter-spacing:.08em}td span{color:var(--muted);font-size:13px}progress{width:100%;height:10px;accent-color:var(--green)}code{background:#202938;border:1px solid var(--line);border-radius:6px;padding:2px 5px}.missionHero{display:grid;grid-template-columns:1fr 320px;gap:28px;align-items:end;padding:66px 6vw 44px;background:radial-gradient(circle at 75% 10%,#5b8cff33,transparent 40%),#0d1117}.missionStatus,.agentCard,.priorityBoard article{background:linear-gradient(180deg,#17202c,#111821);border:1px solid var(--line);border-radius:22px;padding:22px}.missionStatus b{display:block;font-size:38px;color:var(--green);margin:8px 0}.agentGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:13px;margin-top:24px}.agentCard div{display:flex;align-items:center;gap:9px}.agentCard small{display:block;color:#8fb3ff;font-weight:900;margin-top:8px}.agentCard p{color:var(--muted);min-height:72px}.agentCard em{display:inline-block;background:#202938;border-radius:999px;padding:5px 9px;font-style:normal;font-size:12px;font-weight:800}.pulse{width:10px;height:10px;border-radius:50%;background:var(--green);box-shadow:0 0 0 5px #3ddc9722}.pulse.reviewing{background:var(--orange);box-shadow:0 0 0 5px #ff8a3d22}.pulse.chair,.pulse.always-on{background:var(--purple);box-shadow:0 0 0 5px #9b7bff22}.priorityBoard{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:24px}.priorityBoard b{color:var(--cyan)}.priorityBoard h3{margin:8px 0}.priorityBoard p{color:var(--muted)}.priorityBoard span{display:inline-block;background:#202938;color:#d7dee8;border-radius:999px;padding:6px 10px;font-size:12px;font-weight:800}
@media(max-width:1100px){.priorityList,.priorityBoard{grid-template-columns:repeat(2,minmax(0,1fr))}.agentGrid,.methodGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.missionMetrics,.adminStats{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.hero,.benefits,.reportGrid,.roiSection,.start,.adminHero,.missionHero{grid-template-columns:1fr}.hero{min-height:auto}.navlinks a:not(.navcta){display:none}.cards{grid-template-columns:1fr}.heroPanel{max-width:620px}.priorityList{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.hero,main section,.nav,.missionHero{padding-left:20px;padding-right:20px}.hero h1{font-size:44px}.calc,form,.methodGrid,.priorityList,.priorityBoard,.agentGrid,.missionMetrics,.adminStats{grid-template-columns:1fr}.priceBlock b{font-size:56px}}

/* Mobile QA hardening */
.hero,.heroCopy,.heroPanel,.priceBlock,.nav,.brand{min-width:0}.heroPanel{width:100%;max-width:100%}@media(max-width:650px){body{overflow-x:hidden}.nav{gap:12px}.brand b{font-size:15px;white-space:nowrap}.navcta{padding:8px 10px;font-size:13px;max-width:138px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hero{gap:30px}.hero h1{font-size:38px;line-height:.95;letter-spacing:-.055em;overflow-wrap:normal}.sub{font-size:17px}.partnerLine{font-size:14px}.priceBlock{flex-wrap:wrap}.priceBlock b{font-size:50px}.heroPanel{padding:20px}.miniScore{align-items:center}.miniScore b{white-space:nowrap}}
@media(max-width:650px){.hero h1{font-size:34px;line-height:1;letter-spacing:-.04em;text-wrap:wrap}.priceBlock{display:block}.priceBlock b{display:block;margin-top:10px;font-size:48px}.miniScore{display:block}.miniScore b{display:block;margin-top:6px}.navcta{display:none}}
@media(max-width:650px){.hero{display:block}.heroCopy,.sub,.partnerLine{width:100%;max-width:100%}.hero h1{max-width:330px}.sub,.partnerLine{max-width:330px}.heroPanel{margin-top:30px;max-width:330px}.methodSection,.priorities,.benefits,.reportSection,.roiSection,.start,.disclaimer{overflow:hidden}}

/* Customer-eye gate redesign: public landing experience */
.publicSite{background:radial-gradient(circle at 18% 0,#2a332d 0,#11110f 34%,#070807 100%)}
.publicHero{min-height:auto;padding-top:92px;padding-bottom:86px;grid-template-columns:minmax(0,1fr) minmax(320px,430px)}
.publicHero:before{background:radial-gradient(circle,#f6a23a2e 0,#18b8c71a 34%,transparent 66%)}
.publicHero h1{font-size:clamp(44px,6vw,82px);line-height:.94;letter-spacing:-.055em;max-width:900px}
.publicHero .sub{font-size:clamp(18px,1.7vw,22px);max-width:760px;color:#d3d8df}
.publicNav .mark{background:linear-gradient(135deg,#f6a23a,#42d392)}
.trustbar{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px;max-width:780px}
.trustbar span{border:1px solid #ffffff18;background:#ffffff0b;color:#e8edf2;border-radius:999px;padding:8px 12px;font-size:13px;font-weight:800}
.customerSection{padding-top:82px;padding-bottom:82px}
.fitSection{background:linear-gradient(180deg,#11110f,#111821)}
.fitGrid,.processGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:30px}
.fitGrid article,.processGrid article{background:linear-gradient(180deg,#18202a,#111820);border:1px solid var(--line);border-radius:22px;padding:24px;box-shadow:0 20px 60px #00000030}
.fitGrid h3,.processGrid h3{font-size:23px;margin:0 0 9px;letter-spacing:-.02em}
.fitGrid p,.processGrid p{margin:0;color:var(--muted)}
.auditFinds{background:#0b0f12}
.auditCards article{position:relative;min-height:170px}
.auditCards span{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#283145;color:#f3c969;font-weight:950;margin-bottom:10px}
.processSection{background:radial-gradient(circle at 5% 0,#42d39214,transparent 35%),#10100f}
.processGrid{grid-template-columns:repeat(4,minmax(0,1fr))}
.processGrid b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,#f6a23a,#42d392);color:#10100f;font-size:20px;margin-bottom:16px}
.customerReport{background:radial-gradient(circle at 82% 8%,#f6a23a1f,transparent 34%),#0a0f16}
.decisionCard{background:linear-gradient(180deg,#1b241e,#111821)}
.customerStart form input,.customerStart form textarea{background:#0c1116}
.customerStart .fine{color:#aeb8c6}
.reportPage .fine{color:#4b5563}
@media(max-width:1100px){.processGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:980px){.publicHero,.fitGrid,.processGrid{grid-template-columns:1fr}.publicHero{padding-top:58px}.trustbar{gap:8px}}
@media(max-width:650px){.publicHero h1{font-size:38px;line-height:1;max-width:100%}.publicHero .sub,.partnerLine{max-width:100%}.trustbar span{font-size:12px}.fitGrid,.processGrid{grid-template-columns:1fr}.publicHero .heroPanel{max-width:100%}}

/* AI Tools Assessment $999 model */
.assessmentHero h1{max-width:960px}.guarantee{display:inline-flex;margin-top:18px;border:1px solid #f6a23a66;background:#f6a23a18;color:#ffe4ad;border-radius:14px;padding:12px 14px;font-weight:900;box-shadow:0 18px 44px #0003}.assessmentStrip{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;padding:28px 6vw;background:#f3f5f7;color:#10100f;border-top:0}.assessmentStrip article{display:flex;align-items:center;justify-content:center;gap:12px;min-height:64px;border-radius:14px;border:2px solid #c8d3df;font-weight:950;box-shadow:0 14px 34px #11182714}.assessmentStrip article:nth-child(1){background:#a9d8f7}.assessmentStrip article:nth-child(2){background:#b7f0c8}.assessmentStrip article:nth-child(3){background:#ffd89c}.assessmentStrip span{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:#10100f;color:white;font-size:13px}.assessmentStrip small{font-weight:800;color:#43505c}.centerIntro{text-align:center;margin:0 auto}.centerIntro h2,.centerIntro p{margin-left:auto;margin-right:auto}.phaseSection{background:#f7f8fa;color:#111827}.phaseSection .eyebrow,.expansionSection .eyebrow{color:#64748b}.phaseSection .sectionIntro p:not(.eyebrow),.expansionSection .sectionIntro p:not(.eyebrow){color:#475569}.phaseGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:30px}.phaseCard{border-radius:18px;border:2px solid #cbd5e1;padding:22px;box-shadow:0 18px 40px #11182714;color:#111827}.phaseCard>p:first-child{text-transform:uppercase;letter-spacing:.08em;font-weight:950;font-size:12px;margin:0 0 4px}.phaseCard h3{font-size:28px;margin:0 0 12px;letter-spacing:-.03em}.phaseCard p{color:#1f2937}.phaseCard li{margin:8px 0;color:#1f2937}.bluePhase{background:#a9d8f7;border-color:#6fb6e8}.purplePhase{background:#cdbcf5;border-color:#8b6bd8}.greenPhase{background:#aef0c0;border-color:#49bf70}.orangePhase{background:#ffd89c;border-color:#efae52}.assessmentReport h3{font-size:20px}.expansionSection{background:#f7f8fa;color:#111827}.expansionGrid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px;margin-top:30px}.expansionGrid article{border:2px solid #cbd5e1;border-radius:18px;padding:20px;box-shadow:0 18px 40px #11182712}.expansionGrid h3{font-size:20px;margin:0 0 12px}.expansionGrid b{display:inline-flex;border-radius:9px;padding:7px 13px;color:white;margin-bottom:12px}.expansionGrid p{color:#1f2937}.redOffer{background:#ffc7cc;border-color:#ef7a86!important}.redOffer b{background:#ef4444}.goldOffer{background:#ffdba3;border-color:#f59e0b!important}.goldOffer b{background:#f59e0b}.brownOffer{background:#fff0b8;border-color:#b7791f!important}.brownOffer b{background:#b45309}.purpleOffer{background:#c9bbff;border-color:#7c5ce5!important}.purpleOffer b{background:#6d4de3}.greenOffer{background:#b9f5d0;border-color:#22b66e!important}.greenOffer b{background:#10b981}.assessmentSite .result{background:#111827;border-color:#374151}.assessmentSite .result b{color:#f3c969}.assessmentSite .btn.primary{background:linear-gradient(135deg,#f97316,#10b981)}
@media(max-width:1200px){.phaseGrid,.expansionGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.expansionGrid article:last-child{grid-column:1/-1}}
@media(max-width:760px){.assessmentStrip,.phaseGrid,.expansionGrid{grid-template-columns:1fr}.assessmentStrip{padding-left:20px;padding-right:20px}.guarantee{display:flex}.phaseCard h3{font-size:24px}}

/* Mobile overflow correction for assessment page */
@media(max-width:650px){
  .assessmentSite .hero,
  .assessmentSite .publicHero,
  .assessmentSite .heroCopy,
  .assessmentSite .heroPanel,
  .assessmentSite .phaseCard,
  .assessmentSite .expansionGrid article,
  .assessmentSite .assessmentStrip article{width:100%;max-width:calc(100vw - 40px)!important;min-width:0;overflow:hidden}
  .assessmentSite .hero h1,
  .assessmentSite .publicHero h1{width:100%;max-width:calc(100vw - 40px)!important;font-size:34px!important;line-height:1.02!important;letter-spacing:-.035em!important;text-wrap:wrap;overflow-wrap:break-word;word-break:normal}
  .assessmentSite .sub,
  .assessmentSite .partnerLine,
  .assessmentSite .guarantee{width:100%;max-width:calc(100vw - 40px)!important;overflow-wrap:break-word}
  .assessmentSite .includeList li{overflow-wrap:break-word}
  .assessmentSite .assessmentStrip{overflow:hidden}
}

/* Narrower mobile reading column to prevent edge clipping in headless screenshots */
@media(max-width:650px){
  .assessmentSite .heroCopy,
  .assessmentSite .heroPanel,
  .assessmentSite .sub,
  .assessmentSite .partnerLine,
  .assessmentSite .guarantee{max-width:min(330px,calc(100vw - 64px))!important}
  .assessmentSite .hero h1,
  .assessmentSite .publicHero h1{max-width:min(330px,calc(100vw - 64px))!important;font-size:31px!important}
  .assessmentSite .actions{max-width:min(330px,calc(100vw - 64px))!important}
  .assessmentSite .btn{padding-left:13px;padding-right:13px;font-size:14px}
}

/* Anti-generic redesign: Fix My Flow AI public page */
.flowSite{
  --paper:#f5f1e8;
  --paper2:#fffaf0;
  --ink2:#17212b;
  --soft:#5e6a70;
  --rule:#d9cfbe;
  --brand:#174f62;
  --brand2:#0f766e;
  --accent:#c66a2d;
  --mint:#d9efe9;
  margin:0;
  background:linear-gradient(90deg,#eadfcd 0 1px,transparent 1px),linear-gradient(#eadfcd 0 1px,transparent 1px),var(--paper);
  background-size:32px 32px;
  color:var(--ink2);
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Arial, sans-serif;
  line-height:1.48;
  overflow-x:hidden;
}
.flowSite:before{display:none!important}.flowSite *{box-sizing:border-box}.flowSite a{color:inherit;text-decoration:none}.flowNav{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:16px clamp(20px,5vw,72px);background:#fffaf0e8;backdrop-filter:blur(14px);border-bottom:1px solid var(--rule)}.flowBrand{display:flex;align-items:center;gap:12px}.flowMark{display:grid;place-items:center;width:40px;height:40px;border:2px solid var(--ink2);border-radius:4px;background:#dff3ed;color:var(--ink2);font-weight:950;letter-spacing:-.08em;box-shadow:4px 4px 0 #17212b}.flowBrand strong{display:block;font-size:16px;line-height:1}.flowBrand small{display:block;color:var(--soft);font-size:12px;margin-top:3px}.flowLinks{display:flex;align-items:center;gap:22px;font-size:14px;font-weight:800;color:#33424b}.flowLinks a:not(.flowCta){border-bottom:2px solid transparent}.flowLinks a:not(.flowCta):hover{border-color:var(--accent)}.flowCta{display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink2);border-radius:6px;background:var(--brand);color:white!important;font-weight:950;padding:13px 18px;box-shadow:5px 5px 0 #17212b;cursor:pointer;transition:.14s ease}.flowCta:hover{transform:translate(1px,1px);box-shadow:3px 3px 0 #17212b}.flowCta.small{padding:9px 13px;font-size:13px}.flowHero{display:grid;grid-template-columns:minmax(0,1fr) 390px;gap:44px;align-items:center;padding:clamp(56px,8vw,104px) clamp(20px,5vw,72px) 72px}.flowHeroCopy{max-width:850px}.flowKicker{margin:0 0 14px;color:var(--brand2);font-size:12px;font-weight:950;text-transform:uppercase;letter-spacing:.08em}.flowHero h1,.flowSection h2{margin:0;color:#111b22;font-family:Georgia, 'Times New Roman', serif;letter-spacing:-.035em;line-height:.98;text-wrap:balance}.flowHero h1{font-size:clamp(46px,7.2vw,92px);max-width:860px}.flowLead{font-size:clamp(18px,2vw,24px);max-width:740px;margin:22px 0 0;color:#33424b}.flowActions{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:30px}.flowNote{max-width:390px;color:var(--soft);font-weight:750}.workOrder{position:relative;background:var(--paper2);border:2px solid var(--ink2);border-radius:8px;padding:24px;box-shadow:10px 10px 0 #17212b}.workOrder:before{content:'WORKFLOW CHECK';position:absolute;top:-15px;left:22px;background:#f0c77a;border:2px solid var(--ink2);border-radius:999px;padding:5px 12px;font-size:11px;font-weight:950;letter-spacing:.08em}.workOrderTop{display:flex;justify-content:space-between;gap:18px;border-bottom:2px solid var(--rule);padding-bottom:16px}.workOrderTop span{font-weight:900;color:var(--soft)}.workOrderTop strong{font-size:58px;line-height:.85;letter-spacing:-.06em}.workOrder ol{list-style:none;counter-reset:item;margin:18px 0 0;padding:0}.workOrder li{counter-increment:item;display:grid;grid-template-columns:34px 1fr;gap:12px;padding:15px 0;border-bottom:1px solid var(--rule)}.workOrder li:before{content:counter(item);display:grid;place-items:center;width:30px;height:30px;border:2px solid var(--ink2);border-radius:50%;background:var(--mint);font-weight:950}.workOrder b{display:block}.workOrder span{display:block;color:var(--soft);font-size:14px;margin-top:3px}.workOrderFine{margin:14px 0 0;color:var(--soft);font-size:13px}.flowBand{padding:24px clamp(20px,5vw,72px);background:#17212b;color:#fffaf0;border-top:2px solid #17212b;border-bottom:2px solid #17212b}.flowBand p{margin:0 auto;max-width:1080px;font-size:clamp(17px,1.7vw,22px)}.flowSection{padding:72px clamp(20px,5vw,72px);border-top:1px solid var(--rule)}.flowSectionHead{max-width:860px}.flowSectionHead.compact{max-width:720px}.flowSection h2{font-size:clamp(34px,4.8vw,62px)}.flowSectionHead p:not(.flowKicker),.reportCopy p,.roiWorkshop p,.startCopy p{color:var(--soft);font-size:18px;max-width:760px}.stepLedger{margin-top:34px;border:2px solid var(--ink2);background:var(--paper2);box-shadow:8px 8px 0 #17212b}.stepLedger article{display:grid;grid-template-columns:88px 1fr;gap:18px;padding:24px;border-bottom:1px solid var(--rule)}.stepLedger article:last-child{border-bottom:0}.stepLedger span{font-family:Georgia,'Times New Roman',serif;font-size:44px;line-height:1;color:var(--accent)}.stepLedger h3{margin:0 0 7px;font-size:25px;letter-spacing:-.02em}.stepLedger p{margin:0;color:var(--soft);font-size:17px}.bottlenecks{background:#fffaf0}.bottleneckGrid{margin-top:28px;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));border:2px solid var(--ink2);background:#fffaf0}.bottleneckGrid article{min-height:180px;padding:22px;border-right:1px solid var(--rule);position:relative}.bottleneckGrid article:last-child{border-right:0}.bottleneckGrid article:before{content:'';position:absolute;top:18px;right:18px;width:12px;height:12px;border-radius:50%;background:var(--accent)}.bottleneckGrid b{display:block;font-size:20px;margin-bottom:54px}.bottleneckGrid p{margin:0;color:var(--soft)}.reportWorkshop{display:grid;grid-template-columns:.82fr 1fr;gap:44px;align-items:start;background:#eef5f2}.reportSheet{background:#fff;border:2px solid #17212b;border-radius:4px;padding:28px;box-shadow:10px 10px 0 #17212b;transform:rotate(-.4deg)}.sheetHeader{display:flex;justify-content:space-between;gap:18px;border-bottom:2px solid #17212b;padding-bottom:12px;margin-bottom:18px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;font-weight:950}.reportSheet h3{margin:18px 0 6px;font-size:20px}.reportSheet p{margin:0;color:#394750}.sheetFine{margin-top:18px!important;border-top:1px solid #d9cfbe;padding-top:12px;font-size:13px;color:#66737a!important}.roiWorkshop{display:grid;grid-template-columns:.74fr 1fr;gap:42px;align-items:start}.flowCalc{background:var(--paper2);border:2px solid var(--ink2);border-radius:8px;padding:22px;box-shadow:8px 8px 0 #17212b;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.flowCalc label,.flowForm label{display:grid;gap:7px;color:#33424b;font-size:14px;font-weight:900}.flowCalc input,.flowForm input,.flowForm textarea{width:100%;border:2px solid #cfc3ae;background:white;color:#17212b;border-radius:4px;padding:13px 14px;font:inherit;outline:none}.flowCalc input:focus,.flowForm input:focus,.flowForm textarea:focus{border-color:var(--brand2);box-shadow:0 0 0 4px #0f766e22}.flowResult{grid-column:1/-1;background:#17212b;color:#fffaf0;border-radius:4px;padding:20px}.flowResult b{display:block;font-size:48px;line-height:1;margin:6px 0;color:#f0c77a}.flowResult small{color:#c9d2d3}.startPanel{display:grid;grid-template-columns:.62fr 1fr;gap:42px;background:#fffaf0}.flowForm{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;background:transparent;border:0;border-radius:0;box-shadow:none;padding:0}.flowForm textarea{grid-column:1/-1;min-height:130px}.flowCheck{grid-column:1/-1;display:flex!important;align-items:flex-start;gap:10px;background:#f5f1e8;border:2px solid #d9cfbe;border-radius:6px;padding:13px 14px;color:#33424b}.flowCheck input{width:18px;height:18px;accent-color:var(--brand2);flex:0 0 auto;margin-top:2px}.flowForm button,.formStatus{grid-column:1/-1}.formStatus{margin:0;color:var(--soft);font-size:14px;font-weight:800}.legalNote{padding:34px clamp(20px,5vw,72px);background:#17212b;color:#fffaf0}.legalNote h2{margin:0 0 10px;font-size:24px}.legalNote p{margin:0;max-width:1020px;color:#dce3df}.flowFooter{padding:28px clamp(20px,5vw,72px);background:#111b22;color:#fffaf0;border-top:0}
@media(max-width:1080px){.flowHero,.reportWorkshop,.roiWorkshop,.startPanel{grid-template-columns:1fr}.workOrder{max-width:520px}.bottleneckGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.bottleneckGrid article{border-bottom:1px solid var(--rule)}.bottleneckGrid article:nth-child(2n){border-right:0}.bottleneckGrid article:last-child{grid-column:1/-1;border-right:0}}
@media(max-width:760px){.flowNav{align-items:flex-start}.flowLinks a:not(.flowCta){display:none}.flowHero{padding-top:48px}.flowHero h1{font-size:44px}.flowActions{align-items:flex-start}.workOrderTop strong{font-size:48px}.stepLedger article{grid-template-columns:1fr;gap:8px}.stepLedger span{font-size:34px}.bottleneckGrid,.flowCalc,.flowForm{grid-template-columns:1fr}.bottleneckGrid article,.bottleneckGrid article:nth-child(2n){border-right:0}.reportSheet{transform:none}.flowCta{width:100%}.flowCta.small{width:auto}.flowBrand small{display:none}}

/* Anti-generic QA fixes: readable work-order rows and narrow mobile */
.workOrder li{display:block;position:relative;padding-left:54px;min-height:74px}.workOrder li:before{position:absolute;left:0;top:18px}.workOrder li b,.workOrder li span{display:block}.workOrder li span{max-width:260px}.flowHero,.workOrder,.flowHeroCopy{min-width:0}.workOrder{width:100%;max-width:420px;overflow:hidden}.flowHeroCopy{overflow:hidden}.flowLead,.flowNote{overflow-wrap:break-word}
@media(max-width:760px){.flowLinks .flowCta.small{display:none}.flowNav{padding:14px 24px}.flowHero{padding-left:24px;padding-right:24px;display:block}.flowHero h1{font-size:42px;line-height:1.03;max-width:100%}.flowLead{max-width:100%;font-size:18px}.flowActions{display:block}.flowNote{display:block;margin-top:18px}.workOrder{margin-top:34px;max-width:100%;box-shadow:6px 6px 0 #17212b}.workOrderTop strong{font-size:44px}.workOrder li span{max-width:none}.flowSection{padding-left:24px;padding-right:24px}.flowBrand strong{font-size:15px}.flowMark{width:36px;height:36px;box-shadow:3px 3px 0 #17212b}.flowBand{padding-left:24px;padding-right:24px}}
@media(max-width:420px){.flowHero h1{font-size:38px}.flowNav{padding-left:18px;padding-right:18px}.flowHero,.flowSection,.flowBand,.legalNote,.flowFooter{padding-left:18px;padding-right:18px}.workOrder{box-shadow:4px 4px 0 #17212b}.workOrderTop{display:block}.workOrderTop strong{display:block;margin-top:8px}}

/* Final mobile containment pass */
.flowSite{width:100%;max-width:100vw;overflow-x:hidden}.flowSite main,.flowHero,.flowNav,.flowBand,.flowSection,.legalNote,.flowFooter{width:100%;max-width:100vw;overflow-x:hidden}.flowHeroCopy,.flowLead,.flowNote,.workOrder,.stepLedger,.bottleneckGrid,.reportSheet,.flowCalc,.flowForm{max-width:100%;min-width:0}.flowHero h1{overflow-wrap:normal}.flowLead{overflow-wrap:break-word}.flowCta{max-width:100%}
@media(max-width:760px){.flowHero,.flowSection,.flowBand,.legalNote,.flowFooter{padding-left:20px!important;padding-right:20px!important}.flowHero h1{font-size:36px!important;line-height:1.06!important;letter-spacing:-.025em!important;max-width:100%!important}.flowLead{font-size:17px!important;line-height:1.45!important}.flowCta{width:auto;min-width:0}.flowActions .flowCta{width:100%;box-shadow:none}.workOrder{width:100%;max-width:100%;box-shadow:none}.workOrderTop{display:flex}.workOrderTop strong{font-size:38px}.stepLedger{box-shadow:none}.reportSheet{box-shadow:none}.flowCalc{box-shadow:none}.flowNote{max-width:100%}}
@media(max-width:420px){.flowHero,.flowSection,.flowBand,.legalNote,.flowFooter{padding-left:16px!important;padding-right:16px!important}.flowHero h1{font-size:34px!important}.workOrderTop{display:block}.workOrderTop strong{font-size:40px}}

/* Force a safe mobile reading column when Chrome screenshots use the full scroll width */
@media(max-width:760px){.flowHeroCopy,.flowHero h1,.flowLead,.flowActions,.flowNote,.workOrder{width:100%;max-width:min(330px,calc(100vw - 48px))!important}.flowHero h1{font-size:32px!important}.flowLead{font-size:16px!important}.flowActions .flowCta{width:100%}.workOrder{padding:20px}.workOrderTop strong{font-size:36px}.flowBand p{max-width:min(330px,calc(100vw - 48px))}.stepLedger,.bottleneckGrid,.reportSheet,.flowCalc,.flowForm{max-width:min(700px,calc(100vw - 40px))!important}}

/* Fix clipped work-order badge/card edge after mobile containment pass */
.workOrder{overflow:visible!important;margin-top:18px}.workOrder:before{top:-18px}.flowHero{overflow:visible!important}.flowHeroCopy{overflow:visible!important}
@media(max-width:760px){.workOrder{margin-top:44px!important;overflow:visible!important}.workOrder:before{top:-17px;left:18px;max-width:calc(100% - 36px);white-space:nowrap}.flowHero{overflow:visible!important}.flowSite main,.flowBand,.flowSection,.legalNote,.flowFooter{overflow-x:hidden}}

.statusPill{display:inline-block;background:#202938;border:1px solid var(--line);border-radius:999px;padding:5px 9px;color:#d7dee8;font-size:12px;font-weight:900}.statusControls,.approvalControls{display:grid;grid-template-columns:1fr;gap:8px;background:transparent;border:0;box-shadow:none;padding:0;min-width:220px}.statusControls input,.statusControls select,.approvalControls input,.approvalControls select{padding:9px 10px;border-radius:10px;font-size:13px}.miniBtn{border:1px solid #ffffff14;border-radius:10px;padding:9px 10px;background:linear-gradient(135deg,var(--blue),var(--cyan));color:white;font-weight:900;cursor:pointer}.statusMessage{min-height:18px;color:var(--green);font-size:12px;font-weight:800}.mutedRow{opacity:.68}
.artifactPreview{margin-top:18px;border:1px solid var(--line);border-radius:18px;background:#111821;box-shadow:0 18px 50px #0004;padding:18px}.artifactPreview b{display:block;color:#d7dee8}.artifactPreview span{display:block;color:var(--muted);font-size:13px;margin-top:4px}.artifactPreview pre{max-height:520px;overflow:auto;white-space:pre-wrap;word-break:break-word;background:#0d1117;border:1px solid var(--line);border-radius:14px;padding:16px;color:#d7dee8;font-size:13px;line-height:1.45}.previewArtifact{display:inline-block;margin:3px 4px 3px 0;padding:6px 8px;font-size:12px}

/* Preview-only futuristic design iterations for /design-iterations/*.html */
.futureMix{--future-cyan:#73f7ff;--future-blue:#80a7ff;--future-violet:#ffb24a;--future-ink:#091117;--future-panel:#101c24;--future-line:#70f7ff33}.futureMix .flowNav{border-bottom-color:#174f6244}.futureMix .flowMark{border-radius:12px;box-shadow:0 0 0 1px #73f7ff55,4px 4px 0 #17212b}.futureMix .flowCta{border-radius:999px}.futureMix .workOrder{position:relative}.futureMix .workOrder:after{content:'';position:absolute;inset:12px;border:1px solid #73f7ff33;border-radius:6px;pointer-events:none}.futureMix .workOrderTop strong{font-family:ui-sans-serif,system-ui,sans-serif}.futureMix .stepLedger span{font-family:ui-sans-serif,system-ui,sans-serif;font-weight:950}.futureMix .sheetHeader span:before{content:'> ';color:var(--future-cyan)}

.future10{background:linear-gradient(90deg,#dfeadf 0 1px,transparent 1px),linear-gradient(#dfeadf 0 1px,transparent 1px),radial-gradient(circle at 82% 6%,#73f7ff1a,transparent 24%),var(--paper);background-size:32px 32px,32px 32px,auto}.future10 .flowHero{background:linear-gradient(135deg,#fffaf000 0 72%,#d9efe966)}.future10 .flowKicker{color:#0f766e}.future10 .flowCta{background:linear-gradient(135deg,#174f62,#0f766e)}.future10 .workOrder:before{background:#d9efe9}.future10 .bottleneckGrid article:before{background:#0f766e;box-shadow:0 0 18px #73f7ff}.future10 .reportWorkshop{background:linear-gradient(135deg,#eef5f2,#f7faf8)}

.future25{--paper:#eaf0eb;--paper2:#f9fff9;--ink2:#101923;--rule:#b7c9c6;background:radial-gradient(circle at 80px 70px,#73f7ff26,transparent 210px),radial-gradient(circle at 90% 12%,#9f7cff20,transparent 280px),linear-gradient(90deg,#cddbd6 0 1px,transparent 1px),linear-gradient(#cddbd6 0 1px,transparent 1px),#eaf0eb;background-size:auto,auto,34px 34px,34px 34px}.future25 .flowNav{background:#f9fff9d8;border-bottom-color:#73f7ff44}.future25 .flowHero{background:linear-gradient(180deg,#09111708,#09111700)}.future25 .flowHero h1{color:#08151c;text-shadow:0 0 24px #73f7ff22}.future25 .flowCta{background:linear-gradient(135deg,#0f596b,#7c3aed);box-shadow:0 0 0 2px #08151c,0 16px 34px #0f596b30}.future25 .workOrder{background:linear-gradient(180deg,#fbfffd,#e7f7f5);box-shadow:10px 10px 0 #08151c,0 0 42px #73f7ff30}.future25 .workOrder:before{background:#101923;color:#73f7ff}.future25 .flowBand{background:linear-gradient(90deg,#08151c,#12333b);color:#eaffff}.future25 .stepLedger{box-shadow:8px 8px 0 #08151c,0 0 34px #73f7ff1f}.future25 .bottleneckGrid article:before{background:#73f7ff;box-shadow:0 0 20px #73f7ff}.future25 .reportWorkshop{background:linear-gradient(135deg,#08151c,#12333b);color:#f7fffb}.future25 .reportWorkshop h2,.future25 .reportWorkshop .flowKicker{color:#f7fffb}.future25 .reportCopy p{color:#cde4e4}.future25 .reportSheet{box-shadow:10px 10px 0 #73f7ff55,0 0 52px #73f7ff22}.future25 .flowResult{background:linear-gradient(135deg,#08151c,#12333b)}

.future40{--paper:#071016;--paper2:#0e1921;--ink2:#edfefe;--soft:#b7c9d0;--rule:#73f7ff24;--brand:#73f7ff;--brand2:#ffb24a;--accent:#73f7ff;background:radial-gradient(circle at 14% 10%,#73f7ff22,transparent 260px),radial-gradient(circle at 88% 6%,#ffb24a24,transparent 320px),linear-gradient(90deg,#73f7ff12 0 1px,transparent 1px),linear-gradient(#73f7ff12 0 1px,transparent 1px),#071016;background-size:auto,auto,36px 36px,36px 36px;color:#edfefe}.future40 .flowNav{background:#071016e8;border-bottom-color:#73f7ff33}.future40 .flowBrand small,.future40 .flowLinks,.future40 .flowLead,.future40 .flowNote,.future40 .flowSectionHead p:not(.flowKicker),.future40 .stepLedger p,.future40 .bottleneckGrid p,.future40 .roiWorkshop p,.future40 .startCopy p,.future40 .workOrder span,.future40 .workOrderFine{color:#b7c9d0}.future40 .flowHero h1,.future40 .flowSection h2,.future40 .stepLedger h3,.future40 .bottleneckGrid b,.future40 .legalNote h2{color:#edfefe}.future40 .flowMark{background:#091923;color:#73f7ff;border-color:#73f7ff;box-shadow:0 0 20px #73f7ff66}.future40 .flowCta{background:linear-gradient(135deg,#73f7ff,#ffb24a);color:#071016!important;border-color:#73f7ff;box-shadow:0 0 30px #73f7ff44}.future40 .workOrder,.future40 .stepLedger,.future40 .flowCalc,.future40 .reportSheet{background:#0e1921;border-color:#73f7ff66;box-shadow:0 0 0 1px #73f7ff22,0 0 44px #73f7ff24}.future40 .workOrder:before{background:#73f7ff;color:#071016;border-color:#73f7ff}.future40 .flowBand,.future40 .legalNote,.future40 .flowFooter{background:#02070a;color:#edfefe;border-color:#73f7ff33}.future40 .bottlenecks,.future40 .startPanel{background:#071016}.future40 .bottleneckGrid{background:#0e1921;border-color:#73f7ff66}.future40 .bottleneckGrid article:before{background:#73f7ff;box-shadow:0 0 24px #73f7ff}.future40 .reportWorkshop{background:radial-gradient(circle at 80% 10%,#ffb24a22,transparent 280px),#050b10}.future40 .reportSheet p{color:#cfe3e7}.future40 .sheetHeader{border-bottom-color:#73f7ff66}.future40 .flowCalc input,.future40 .flowForm input,.future40 .flowForm textarea{background:#09141b;color:#edfefe;border-color:#73f7ff33}.future40 .flowCheck{background:#0e1921;border-color:#73f7ff33;color:#d7e8ea}.future40 .flowResult{background:#02070a;border:1px solid #73f7ff66}.future40 .flowResult b{color:#73f7ff}
.visuallyHidden{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
@media(max-width:760px){.future25 .workOrder,.future25 .stepLedger,.future25 .reportSheet,.future25 .flowCalc,.future40 .workOrder,.future40 .stepLedger,.future40 .reportSheet,.future40 .flowCalc{box-shadow:none}.future40 .flowHero h1{font-size:32px!important}}




/* Selected aperture identity: site header, report, and favicon alignment */
.flowBrandLogo{width:44px;height:44px;display:block;border-radius:12px;box-shadow:4px 4px 0 #17212b;flex:0 0 auto}.flowBrand strong{letter-spacing:-.02em}.flowBrand small{text-transform:none;letter-spacing:.01em}.sheetHeaderBrand{display:inline-flex;align-items:center;gap:10px}.sheetHeaderBrand img{width:30px;height:30px;border-radius:8px;box-shadow:2px 2px 0 #17212b}.reportSheet{position:relative}.reportSheet:after{content:'';position:absolute;right:24px;bottom:24px;width:92px;height:92px;background:url('assets/logo-wordmark/aperture-mark.svg') center/contain no-repeat;opacity:.055;pointer-events:none}
@media(max-width:760px){.flowBrandLogo{width:38px;height:38px;box-shadow:3px 3px 0 #17212b}.flowBrand small{display:block;font-size:11px}.sheetHeader{align-items:flex-start}.sheetHeaderBrand img{width:26px;height:26px}.reportSheet:after{width:72px;height:72px}}
@media(max-width:420px){.flowBrand small{display:none}.flowBrandLogo{width:36px;height:36px}}

/* Aperture QA: keep the selected mark centered in sticky mobile nav */
.flowNav{align-items:center}.flowBrand{min-height:48px}.flowBrandLogo{object-fit:contain}
@media(max-width:760px){.flowNav{align-items:center!important;padding-top:16px!important;padding-bottom:16px!important}.flowBrand{min-height:42px}}

/* Hosted Mission Control cockpit */
.operatorCockpit{background:radial-gradient(circle at 78% 4%,#5b8cff22,transparent 32%),radial-gradient(circle at 20% 18%,#3ddc9714,transparent 28%),var(--bg)}
.internalNav{border-bottom:1px solid var(--line)}
.cockpitHero{display:grid;grid-template-columns:1fr 340px;gap:30px;align-items:end;padding:72px 6vw 48px;background:linear-gradient(135deg,#0d1117 0%,#111821 58%,#0d1117 100%)}
.cockpitHero h1{font-size:clamp(42px,6vw,76px);line-height:.92;letter-spacing:-.06em;margin:0;max-width:1000px}
.cockpitGuardrail,.cockpitConnect,.cockpitPanel,.cockpitStrip article{background:linear-gradient(180deg,#17202c,#111821);border:1px solid var(--line);border-radius:22px;box-shadow:0 20px 60px #0004}
.cockpitGuardrail{padding:24px}.cockpitGuardrail span,.cockpitStrip span{display:block;color:var(--muted);font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.08em}.cockpitGuardrail b{display:block;margin:8px 0;color:var(--green);font-size:40px;line-height:1}.cockpitGuardrail small{color:var(--muted)}
.cockpitConnect{display:grid;grid-template-columns:1fr 420px;gap:24px;align-items:start;padding:24px;margin-top:36px}
.connectionForm{box-shadow:none;background:transparent;border:0;padding:0;display:grid;gap:12px}.connectionForm label{font-size:13px;color:#d7dee8;font-weight:900}.connectionForm input{margin-top:6px}.buttonRow{display:flex;gap:10px;flex-wrap:wrap}.ghostBtn{border:1px solid var(--line);border-radius:10px;padding:9px 12px;background:#202938;color:#d7dee8;font-weight:900;cursor:pointer}.fine[data-mode="ok"]{color:var(--green)}.fine[data-mode="error"]{color:#ff8a8a}.fine[data-mode="loading"]{color:var(--cyan)}
.cockpitStrip{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:20px}.cockpitStrip article{padding:18px}.cockpitStrip b{display:block;margin-top:8px;font-size:clamp(24px,3vw,38px);line-height:1;color:var(--green)}
.cockpitGrid{display:grid;grid-template-columns:1.25fr .75fr;gap:18px;margin-top:36px}.cockpitPanel{padding:22px}.compactIntro{margin-bottom:14px}.actionList,.blockerList{margin:0;padding-left:22px;color:#d7dee8}.actionList li,.blockerList li{margin:10px 0}.blockerList b{display:block;color:#ffcf8a}.blockerList span{display:block;color:var(--muted);font-size:13px;margin-top:2px}.priorityPanel{background:linear-gradient(180deg,#172636,#101821)}
@media(max-width:980px){.cockpitHero,.cockpitConnect,.cockpitGrid{grid-template-columns:1fr}.cockpitStrip{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.cockpitHero{padding-left:20px;padding-right:20px}.cockpitHero h1{font-size:34px;line-height:1;letter-spacing:-.04em}.cockpitStrip{grid-template-columns:1fr}.cockpitConnect{padding:18px}.buttonRow{display:grid}.buttonRow button{width:100%}}


/* Assessment path compaction: reduce scroll while keeping the 7-step promise clear */
.flowHero{
  align-items:start;
  padding-top:clamp(42px,6vw,76px);
  padding-bottom:clamp(42px,5vw,58px);
}
.flowHeroCopy{padding-top:10px}
.compactRoute.workOrder{
  max-width:430px;
  padding:22px;
}
.compactRoute .workOrderTop{
  align-items:center;
  padding-bottom:14px;
}
.compactRoute .workOrderTop strong{
  font-size:clamp(42px,5vw,52px);
}
.routeNow{
  margin-top:18px;
  border:2px solid #17212b;
  border-radius:8px;
  background:#d9efe9;
  padding:14px 15px;
  box-shadow:4px 4px 0 #17212b;
}
.routeNow span{
  display:block;
  color:#0f766e;
  font-size:11px;
  font-weight:950;
  letter-spacing:.08em;
  text-transform:uppercase;
}
.routeNow b{
  display:block;
  margin-top:3px;
  color:#111b22;
  font-size:24px;
  line-height:1.05;
  letter-spacing:-.025em;
}
.routeNow small{
  display:block;
  margin-top:6px;
  color:#33424b;
  font-weight:750;
  line-height:1.35;
}
.compactRoute .routeMini{
  list-style:none;
  counter-reset:none;
  display:grid;
  grid-template-columns:repeat(7,minmax(0,1fr));
  gap:6px;
  margin:16px 0 0;
  padding:0;
}
.compactRoute .routeMini li{
  display:grid;
  grid-template-columns:1fr;
  gap:6px;
  min-height:0;
  padding:0;
  border:0;
  color:#33424b;
  font-size:11px;
  font-weight:950;
  text-align:center;
}
.compactRoute .routeMini li:before{display:none!important;content:none!important}
.compactRoute .routeMini span{
  display:grid;
  place-items:center;
  width:100%;
  height:30px;
  margin:0;
  border:2px solid #17212b;
  border-radius:999px;
  background:#fffaf0;
  color:#17212b;
  font-size:13px;
  font-weight:950;
}
.compactRoute .routeMini b{
  display:block;
  overflow:hidden;
  text-overflow:ellipsis;
  white-space:nowrap;
  color:#33424b;
  font-size:10px;
  line-height:1.1;
}
.compactRoute .routeMini li[aria-current="step"] span{
  background:#f0c77a;
}
.routePromise{
  margin-top:14px;
  padding-top:12px;
  border-top:2px solid var(--rule);
  color:#33424b;
  font-size:14px;
  line-height:1.35;
}
.routePromise b,.routePromise span{display:block}.routePromise span{margin-top:3px;color:var(--soft)}

/* Turn the full 7-step explanation into a compact scan grid instead of a long ledger. */
.stepLedger{
  display:grid;
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr));
  gap:12px;
  border:0;
  background:transparent;
  box-shadow:none;
}
.stepLedger article{
  display:grid;
  grid-template-columns:46px 1fr;
  gap:12px;
  align-items:start;
  min-height:142px;
  padding:18px;
  border:2px solid var(--ink2);
  border-radius:8px;
  background:var(--paper2);
  box-shadow:5px 5px 0 #17212b;
}
.stepLedger article:last-child{border-bottom:2px solid var(--ink2)}
.stepLedger span{
  display:grid;
  place-items:center;
  width:42px;
  height:42px;
  border:2px solid var(--ink2);
  border-radius:50%;
  background:#d9efe9;
  color:var(--accent);
  font-size:22px;
  font-weight:950;
}
.stepLedger h3{font-size:20px;margin-bottom:5px}.stepLedger p{font-size:15px;line-height:1.38}

@media(max-width:1080px){
  .flowHero{gap:28px}
  .compactRoute.workOrder{max-width:520px}
}
@media(max-width:760px){
  .flowHero{padding-top:30px!important;padding-bottom:40px!important}
  .flowHeroCopy{padding-top:0;max-width:100%!important}
  .flowHero h1{font-size:33px!important;line-height:1.04!important}
  .flowLead{margin-top:14px!important}
  .flowActions{margin-top:20px!important}
  .workOrder.compactRoute{
    margin-top:26px!important;
    max-width:100%!important;
    padding:18px;
  }
  .compactRoute .workOrderTop{display:flex!important}
  .compactRoute .workOrderTop strong{font-size:34px!important}
  .routeNow{padding:12px;box-shadow:none}
  .routeNow b{font-size:21px}
  .compactRoute .routeMini{gap:4px}
  .compactRoute .routeMini span{height:26px;font-size:12px}
  .compactRoute .routeMini b{font-size:9px}
  .routePromise{font-size:13px}
  .stepLedger{grid-template-columns:1fr!important;gap:10px;max-width:100%!important}
  .stepLedger article{
    grid-template-columns:38px 1fr!important;
    min-height:0;
    padding:14px;
    box-shadow:none;
  }
  .stepLedger span{width:34px;height:34px;font-size:17px}
  .stepLedger h3{font-size:18px}.stepLedger p{font-size:14px}
}
@media(max-width:420px){
  .compactRoute .routeMini{grid-template-columns:repeat(7,minmax(0,1fr))}
  .compactRoute .routeMini b{font-size:8px}
  .compactRoute .routeMini span{height:24px;border-width:1.5px}
}

/* Live mobile launch gate: keep the hero work-order inside the viewport. */
@media(max-width:760px){
  html,
  body,
  .flowSite{width:100%;max-width:100%;overflow-x:hidden!important}
  .flowHero{
    display:block!important;
    width:100%!important;
    max-width:100vw!important;
    overflow-x:hidden!important;
  }
  .flowHeroCopy,
  .flowActions,
  .flowLead,
  .flowNote,
  .workOrder.compactRoute{
    width:100%!important;
    max-width:min(330px,calc(100vw - 64px))!important;
    min-width:0!important;
  }
  .workOrder.compactRoute{
    margin-left:0!important;
    margin-right:0!important;
    overflow:visible!important;
  }
  .compactRoute .routeMini{min-width:0!important;overflow:hidden}
  .compactRoute .routeMini li{min-width:0!important;padding-left:0!important}
  .compactRoute .routeMini span{min-width:0!important}
  .compactRoute .routeMini b{max-width:100%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
  .workOrderTop{min-width:0;gap:10px}
  .workOrderTop strong{flex:0 0 auto}
}
@media(max-width:420px){
  .flowHeroCopy,
  .flowActions,
  .flowLead,
  .flowNote,
  .workOrder.compactRoute{max-width:min(330px,calc(100vw - 56px))!important}
}

/* Private assessment call page */
.assessmentCallPage{min-height:100vh;background:radial-gradient(circle at 18% 0,#d9efe9 0,#f5f1e8 34%,#eadfcd 100%)}
.callShell{min-height:100vh;display:grid;place-items:center;padding:48px 20px}
.callCard{width:min(760px,100%);border:3px solid var(--ink2);border-radius:18px;background:var(--paper2);box-shadow:9px 9px 0 #17212b;padding:32px;color:var(--ink2)}
.callBrand{display:flex;align-items:center;gap:14px;margin-bottom:18px}.callMark{display:grid;place-items:center;width:54px;height:54px;flex:0 0 54px;border:2px solid var(--ink2);border-radius:14px;background:linear-gradient(135deg,#174f62,#c66a2d);color:white;font-size:13px;font-weight:950;letter-spacing:-.04em}.callBrand h1{margin:0;font-size:clamp(34px,6vw,58px);line-height:.92;letter-spacing:-.055em}.callLead{font-size:19px;color:#33424b;margin:0 0 20px}.callChecklist{border:2px solid var(--ink2);background:#d9efe9;border-radius:12px;padding:16px 18px;margin:22px 0}.callChecklist ul{margin:8px 0 0;padding-left:20px}.callChecklist li{margin:7px 0;color:#33424b}.callStatus{border:2px solid var(--rule);background:#fff7df;border-radius:12px;padding:14px 16px;font-weight:850;margin:20px 0}.callStatus[data-tone="ok"]{border-color:#0f766e;background:#d9efe9}.callStatus[data-tone="error"]{border-color:#a83f2f;background:#ffe0da}.callStatus[data-tone="pending"]{border-color:#c66a2d;background:#fff0d2}.callActions{display:flex;gap:12px;flex-wrap:wrap}.primaryCta,.secondaryCta{border:2px solid var(--ink2);border-radius:999px;padding:14px 18px;font-weight:950;cursor:pointer;box-shadow:4px 4px 0 #17212b}.primaryCta{background:#174f62;color:white}.secondaryCta{background:white;color:var(--ink2)}.primaryCta:disabled{opacity:.55;cursor:not-allowed;box-shadow:none}.callFinePrint{font-size:13px;color:#5e6a70;margin:20px 0 0}
@media(max-width:560px){.callCard{padding:22px;box-shadow:none}.callActions{display:grid}.primaryCta,.secondaryCta{width:100%}}



/* Clarity pass: paid deliverable, examples, security/privacy */
.examplesPanel{background:#f8f2e6}
.exampleGrid,.securityGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin-top:28px}
.exampleGrid article,.securityGrid article{border:2px solid var(--ink2);border-radius:8px;background:var(--paper2);box-shadow:5px 5px 0 #17212b;padding:18px}
.exampleGrid b,.securityGrid b{display:block;color:#111b22;font-size:18px;margin-bottom:8px}
.exampleGrid p,.securityGrid p{margin:0;color:#33424b;font-size:14px;line-height:1.42}
.securityPanel{background:#e7f1ed;border-top:2px solid var(--rule);border-bottom:2px solid var(--rule)}
.securityGrid article{background:#f9fff9}
.legalNote p + p{margin-top:10px}
.legalNote{padding-top:24px;padding-bottom:24px}
.legalNote h2{font-size:15px;line-height:1.25;letter-spacing:.02em}
.legalNote p{font-size:12px;line-height:1.45;max-width:980px;color:#cbd6d2}
@media(max-width:760px){.legalNote h2{font-size:14px}.legalNote p{font-size:11.5px;line-height:1.45}}
@media(max-width:1080px){.exampleGrid,.securityGrid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:760px){.exampleGrid,.securityGrid{grid-template-columns:1fr}.exampleGrid article,.securityGrid article{box-shadow:none}.flowBand p{width:100%;max-width:min(300px,calc(100vw - 72px))!important;margin-left:auto;margin-right:auto;overflow-wrap:break-word;font-size:16px!important;line-height:1.42}}