/* ERP Readiness Assessment: styles */

:root{--blue:#1b74bc;--sky-blue:#2aafe4;--amber:#fdba13;--amber-soft:#FFF4D6;--brand-grey:#949598;--silver:#b3b3b3;--deep:#1b2d43;--navy:#1b2d43;--sky:#eaf7fc;--ice:#F3F9FC;--ink:#172B3A;--muted:#536676;--line:#C8D8E4;--white:#fff;--red:#E3391D;font-family:Aptos,"Segoe UI",Arial,sans-serif;color:var(--ink)}
*{box-sizing:border-box}body{margin:0;background:linear-gradient(180deg,#CCD7E3 0,#E7ECF1 22%,#F6F8FA 48%,#FFFFFF 100%);min-height:100vh}.shell{max-width:1180px;margin:auto;padding:0 24px 72px}.hero{margin:0 -24px;padding:62px 24px 48px;background:transparent;color:var(--ink);border-bottom:1px solid rgba(0,112,192,.18)}.hero__inner{max-width:1180px;margin:auto}.eyebrow{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--blue);margin:0 0 12px}.hero h1{font-size:48px;line-height:1.08;margin:0 0 18px;max-width:760px;color:#366092}.hero .intro{max-width:820px;font-size:19px;line-height:1.55;margin:0;color:#333C4D}.hero .intro strong{color:#1B2D43}.hero .intro--purpose{margin-top:16px;max-width:820px}.proof{display:grid;grid-template-columns:repeat(3,1fr);gap:0;background:#1b2d43;margin:0 -24px 46px;border-top:3px solid var(--blue)}.proof__item{background:transparent;padding:24px 28px;border-right:1px solid rgba(255,255,255,.16)}.proof__number{font-size:31px;font-weight:800;color:#2aafe4}.proof__label{font-size:14px;line-height:1.4;color:#C9DAE8}.proof__source{grid-column:1/-1;background:#EAF4F9;padding:10px 28px;font-size:12px;color:#536676}.proof__source--lead{background:#0E4F84;color:#DCEEF9;font-size:13px;line-height:1.5;padding:16px 28px;border-bottom:1px solid rgba(255,255,255,.14)}.proof__source a{color:var(--deep)}.layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:42px;align-items:start;background:#FFFFFF;border:1px solid #D5DEE7;border-top:3px solid var(--blue);border-radius:10px;padding:34px;box-shadow:0 12px 30px rgba(27,45,67,.07)}.panel{background:transparent;padding:0}.question.active{display:block}.question h2{color:var(--navy);font-size:34px;line-height:1.18;margin:0 0 9px;max-width:780px}.hint{color:var(--muted);margin:0 0 24px}.options{display:grid;grid-template-columns:1fr;gap:10px}.option{display:flex;align-items:center;gap:12px;min-height:58px;width:100%;text-align:left;padding:14px 16px;background:#F9FBFC;border:1px solid var(--line);border-radius:6px;color:var(--ink);font:650 17.5px/1.45 inherit;cursor:pointer;transition:.15s}.option:hover{border-color:var(--blue);transform:translateY(-2px);box-shadow:0 7px 18px rgba(16,42,67,.09)}.option.selected{border:2px solid var(--blue);background:var(--sky);padding:14px 15px}.dot{width:20px;height:20px;border-radius:50%;border:2px solid #8BA7BA;flex:0 0 auto}.selected .dot{border:6px solid var(--blue)}.side{position:sticky;top:22px;background:#F2FAFD;border-left:4px solid var(--blue);border-radius:0 8px 8px 0;padding:22px}.side .label{color:var(--blue);text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:800}.side h2{color:var(--navy);font-size:23px;line-height:1.25;margin:10px 0}.side p{color:var(--muted);line-height:1.6;margin:0}.meta{margin-top:22px;border-top:1px solid var(--line);padding-top:18px}.meta div{margin-bottom:16px}.meta span{display:block;color:var(--muted);font-size:12px}.meta b{display:block;color:var(--navy);font-size:14px;margin-top:3px}.controls{display:flex;justify-content:space-between;gap:12px;margin-top:28px}.btn{border:0;border-radius:4px;padding:13px 20px;font-weight:800;font-size:15px;cursor:pointer}.btn-primary{background:var(--blue);color:#fff}.btn-primary:hover{background:#005A9B}.btn-secondary{background:#E5EDF2;color:var(--ink)}.btn:disabled{opacity:.35;cursor:not-allowed}.fields{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{background:#fff;border:1px solid var(--line);padding:16px}.field label{display:block;font-weight:750;margin-bottom:7px}.field small{display:block;color:var(--muted);margin-top:5px}.field input{width:100%;padding:12px;border:1px solid var(--line);font:inherit}.result{display:none;margin-top:42px}.result.show{display:block}.result-hero{background:#1b2d43;color:#fff;padding:38px;border-top:3px solid var(--blue);border-radius:10px}.result-hero .rank{font-size:40px;font-weight:800;margin:8px 0}.result-grid{display:grid;grid-template-columns:1fr;gap:16px;margin-top:18px}.result-card{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:8px;padding:26px 30px}
.result-card ul{margin:0;padding-left:20px}
.result-card h3{font-size:19px}
.refcard{margin-top:26px;background:var(--ice);border:1px solid var(--line);border-radius:8px;padding:20px 24px;display:flex;gap:22px;align-items:flex-start;flex-wrap:wrap}
.refcard h3{margin:0 0 6px;font-size:15px;color:var(--navy);display:flex;align-items:center;gap:8px}
.refcard h3 svg{width:17px;height:17px;color:var(--blue)}
.refcard>div{flex:1 1 260px;min-width:0}.result-card h3{margin:0 0 10px;color:var(--navy)}.result-card li{margin:8px 0}.cta{margin-top:18px;background:linear-gradient(160deg,#1b2d43 0,#1b4a75 100%);padding:34px;color:#E8F2F9;box-shadow:0 16px 36px rgba(27,45,67,.2)}
.cta h3{color:#fff;font-size:25px;margin:0 0 10px}
.cta p{color:#CFE3F1;line-height:1.6}.cta a{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:16px 26px;border-radius:5px;font-weight:800;font-size:16px;box-shadow:0 5px 16px rgba(227,57,29,.36)}
.cta a:hover{background:#c72d14}
.cta__actions{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin-top:4px}
.btn-email{display:inline-block;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.5);padding:15px 22px;border-radius:5px;font:800 15px/1 inherit;cursor:pointer;transition:.15s}
.btn-email:hover{background:rgba(255,255,255,.12);border-color:#fff}

/* The one-page summary. Hidden on screen; it is the only thing that prints.
   The Save As PDF button prints it from its own clean frame. If the visitor
   uses Ctrl+P instead, a copy is placed directly under <body> and every other
   part of the website (header, menu, footer) is hidden, so nothing else can
   print and no blank pages are produced. */
#pdfSummary{display:none}
#cfPrintRoot{display:none}
@media print{
 @page{size:A4 portrait;margin:10mm}
 html.cf-printing,html.cf-printing body{background:#fff!important;margin:0!important;padding:0!important;height:auto!important;min-height:0!important;overflow:visible!important}
 html.cf-printing body>*:not(#cfPrintRoot){display:none!important}
 html.cf-printing #cfPrintRoot{display:block!important}
}
#cfPrintRoot,#cfPrintRoot *{-webkit-print-color-adjust:exact;print-color-adjust:exact;box-sizing:border-box}
#cfPrintRoot{font-family:Aptos,"Segoe UI",Arial,sans-serif;font-size:9.2px;line-height:1.38;color:#000;max-width:190mm}
#cfPrintRoot .p-head{display:flex;justify-content:space-between;align-items:center;border-bottom:2px solid #fdba13;padding-bottom:5px;margin-bottom:8px}
#cfPrintRoot .p-logo{height:16px;width:auto;display:block;margin:0 0 3px}
#cfPrintRoot h1{font-size:14px;margin:0;color:#1b2d43}
#cfPrintRoot .p-ref{text-align:right;font-size:7.8px;color:#444;line-height:1.4}
#cfPrintRoot .p-score{margin-bottom:7px}
#cfPrintRoot .p-rank{background:#1b2d43;color:#fff;padding:7px 10px;border-radius:4px}
#cfPrintRoot .p-rank b{display:block;font-size:12.5px;line-height:1.2;margin-bottom:2px}
#cfPrintRoot .p-rank span{font-size:8.6px;opacity:.92}
#cfPrintRoot h2{font-size:9px;text-transform:uppercase;letter-spacing:.08em;color:#1b74bc;margin:8px 0 4px;padding-bottom:2px;border-bottom:1px solid #D8E4ED}
#cfPrintRoot .p-meta{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin:0}
#cfPrintRoot .p-meta b,#cfPrintRoot li b{color:#1b2d43}
#cfPrintRoot ol,#cfPrintRoot ul{margin:0;padding-left:14px}
#cfPrintRoot li{margin:0 0 3px}
#cfPrintRoot .p-two{display:grid;grid-template-columns:1fr 1fr;gap:12px}
#cfPrintRoot .p-bc{background:#F3F9FC;border-left:2px solid #fdba13;padding:6px 9px;border-radius:0 3px 3px 0}
#cfPrintRoot .p-bc b{color:#1b2d43}
#cfPrintRoot p{margin:0 0 4px}
#cfPrintRoot .p-foot{margin-top:8px;padding-top:5px;border-top:1px solid #C8D8E4;font-size:7.2px;color:#555;line-height:1.4}
#cfPrintRoot h1,#cfPrintRoot h2,#cfPrintRoot li,#cfPrintRoot .p-bc{break-inside:avoid;page-break-inside:avoid}
}.ticket{font-family:ui-monospace,Consolas,monospace;font-size:13px;background:#EFF3F6;padding:10px;overflow-wrap:anywhere}.notice{font-size:12px;color:var(--muted)}.hide{display:none!important}@media(max-width:850px){.hero h1{font-size:37px}.hero .intro{font-size:17px}.proof{grid-template-columns:1fr;margin:0 -16px 30px}.proof__source{grid-column:1}.layout{grid-template-columns:1fr}.side{position:static;order:-1}.options,.fields,.result-grid{grid-template-columns:1fr}.shell{padding:0 16px 56px}.hero{margin:0 -16px;padding:48px 16px 42px}.question h2{font-size:28px}}
/* ---------- brand furniture ---------- */
.brandbar{display:flex;align-items:center;gap:20px;margin-bottom:26px}
.brandbar img{height:52px;width:auto;display:block}

.hero{position:relative;overflow:hidden}
.hero__motif{position:absolute;right:-40px;top:-30px;width:430px;opacity:.16;pointer-events:none}
@media(max-width:900px){.hero__motif{width:280px;right:-70px;opacity:.1}}
.hero h1{position:relative}
.rule{height:4px;width:74px;border-radius:3px;background:linear-gradient(90deg,var(--sky-blue) 0,var(--blue) 55%,var(--amber) 100%);margin:0 0 20px}

/* ---------- progress ---------- */
.progress{margin:0 0 24px}
.progress__track{height:6px;border-radius:4px;background:#E4EDF4;overflow:hidden}
.progress__fill{height:100%;border-radius:5px;background:linear-gradient(90deg,var(--sky-blue),var(--blue) 62%,var(--amber));transition:width .35s ease}

/* ---------- question icon ---------- */
.qhead{display:flex;gap:15px;align-items:flex-start;margin-bottom:6px}
.qhead__icon{flex:0 0 auto;width:46px;height:46px;border-radius:11px;background:linear-gradient(150deg,var(--sky) 0,#EAF6FD 100%);border:1px solid #CFE6F5;display:inline-flex;align-items:center;justify-content:center;color:var(--blue)}
.qhead__icon svg{width:25px;height:25px}
.qhead h2{margin:0}

/* ---------- option ticks ---------- */
.option .dot{transition:.15s}
.option.selected .dot{background:var(--amber);border-color:var(--amber)}

/* ---------- result furniture ---------- */
.result-hero{position:relative;overflow:hidden}
.result-hero__logo{position:absolute;right:26px;top:22px;height:42px;width:auto;opacity:.96}
@media(max-width:760px){.result-hero__logo{display:none}}
.rank{position:relative}
.result-card h3{display:flex;align-items:center;gap:9px}
.result-card h3 svg{width:19px;height:19px;color:var(--blue);flex:0 0 auto}

/* ---------- payoff ---------- */
.payoff{margin-top:18px}
.pay{position:relative}
.pay__head{display:flex;gap:15px;align-items:flex-start;margin-bottom:12px}
.pay__badge{flex:0 0 auto;width:52px;height:52px;border-radius:13px;display:inline-flex;align-items:center;justify-content:center;color:#fff;background:linear-gradient(150deg,var(--sky-blue),var(--blue))}
.pay__badge svg{width:27px;height:27px}
.pay--warm .pay__badge{background:linear-gradient(150deg,#FFC93F,var(--amber));color:#5A3F00}
.pay__headings{min-width:0}
.pay__step{margin:0 0 4px}
.paincard{display:flex;gap:13px;align-items:flex-start}
.paincard__icon{flex:0 0 auto;width:38px;height:38px;border-radius:10px;background:#fff;border:1px solid var(--line);display:inline-flex;align-items:center;justify-content:center;color:var(--red)}
.paincard--ok .paincard__icon{color:var(--blue)}
.paincard__icon svg{width:18px;height:18px}
.paincard__body{min-width:0;flex:1 1 auto;display:block;padding-top:2px}
.bctile{display:flex;gap:12px;align-items:flex-start}
.bctile__icon{flex:0 0 auto;width:34px;height:34px;border-radius:8px;background:var(--sky);display:inline-flex;align-items:center;justify-content:center;color:var(--blue)}
.bctile__icon svg{width:17px;height:17px}
.bctile__body{min-width:0}
.pay--bc .bcname{display:flex;align-items:center;gap:12px;flex-wrap:wrap}
.bcmark{width:38px;height:38px;flex:0 0 auto}
.figrow{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin:18px 0 6px}
.figrow div{background:linear-gradient(160deg,#1b2d43 0,#1b3a58 100%);border:0;border-radius:9px;padding:22px 20px}
.figrow b{display:block;font-size:38px;font-weight:800;color:#2aafe4;line-height:1.02;margin-bottom:8px;letter-spacing:-.015em}
.figrow span{font-size:13px;color:#BDD6E7;line-height:1.5;display:block}
@media(max-width:820px){.figrow{grid-template-columns:1fr}}
.pquote{position:relative}
.pquote:before{content:"";position:absolute;left:-3px;top:0;bottom:0;width:3px;background:linear-gradient(180deg,var(--sky-blue),var(--amber))}
.cta{position:relative;overflow:hidden;border-radius:10px;border:1px solid #CFE6F5;border-top:3px solid var(--amber)}
.cta__mark{position:absolute;right:18px;bottom:-16px;width:180px;opacity:.16;pointer-events:none}
.pay{background:#fff;border:1px solid var(--line);border-top:3px solid var(--blue);border-radius:8px;padding:30px;margin-top:16px}
.pay__step{font-size:12px;letter-spacing:.15em;text-transform:uppercase;font-weight:800;color:var(--blue);margin:0 0 8px}
.pay h3{margin:0 0 14px;color:var(--navy);font-size:26px;line-height:1.25}
.pay h4{margin:22px 0 10px;color:var(--navy);font-size:17px}
.pay p{margin:0 0 14px;line-height:1.6;color:var(--ink)}
.pay p.lede{font-size:18px;line-height:1.55}
.pay .muted{color:var(--muted);font-size:14px}
.pquote{margin:18px 0 14px;padding:16px 20px;background:var(--ice);border-inline-start:3px solid var(--deep);border-radius:0 6px 6px 0}
.pquote p{margin:0 0 8px;font-size:17px;line-height:1.55;color:var(--navy)}
.pquote cite{font-style:normal;font-size:13.5px;font-weight:700;color:var(--muted)}
.paylist{list-style:none;margin:0;padding:0}
.paylist li{position:relative;padding:0 0 0 26px;margin:0 0 14px;line-height:1.55}
.paylist li:before{content:"";position:absolute;left:0;top:8px;width:9px;height:9px;background:var(--blue);border-radius:2px}
.paylist li b{color:var(--navy)}
.paincard{border:1px solid var(--line);border-inline-start:3px solid var(--red);background:var(--ice);border-radius:0 6px 6px 0;padding:16px 18px;margin:0 0 12px}
.paincard--ok{border-inline-start-color:var(--blue)}
.paincard__body b{display:block;color:var(--navy);margin-bottom:4px;font-size:16px}
.paincard__body>span{color:var(--muted);font-size:14px;display:block;margin-top:6px;line-height:1.5}
.pay--bc{border:0;border-top:4px solid var(--amber);background:linear-gradient(160deg,#1b2d43 0,#173a5c 62%,#1b74bc 160%);color:#E8F2F9;padding:38px 34px;box-shadow:0 18px 40px rgba(27,45,67,.22)}
.pay--bc h3{color:#fff;font-size:29px}
.pay--bc h4{color:#7ED3F7;font-size:13px;letter-spacing:.13em;text-transform:uppercase;margin:26px 0 12px}
.pay--bc p{color:#CFE3F1}
.pay--bc .pay__step{color:var(--amber)}
.pay--bc .pay__badge{background:linear-gradient(150deg,var(--amber),#e0a300);color:#3A2A00}
.pay--bc .bctile{background:rgba(255,255,255,.055);border-color:rgba(255,255,255,.16)}
.pay--bc .bctile b{color:#fff}
.pay--bc .bctile p{color:#B9D3E6}
.pay--bc .bctile__icon{background:rgba(126,211,247,.16);color:#7ED3F7}
.pay--bc .edition{background:rgba(255,255,255,.075);border:1px solid rgba(255,255,255,.16);color:#DCEBF5}
.pay--bc .edition b{color:#fff}
.pay--bc .bcname{color:#fff}
.bcname{font-size:31px;font-weight:800;color:var(--deep);line-height:1.2;margin:0 0 14px}
.bcgrid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:18px}
.bctile{background:#fff;border:1px solid var(--line);border-radius:6px;padding:16px 18px}
.bctile b{display:block;color:var(--navy);margin-bottom:5px}
.bctile p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
.edition{margin-top:16px;background:var(--sky);border-radius:6px;padding:14px 16px;font-size:14px;line-height:1.5}
.costrow{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin:16px 0 4px}
.costrow div{border:1px solid var(--line);border-radius:6px;padding:16px 18px}
.costrow b{display:block;color:var(--navy);margin-bottom:5px}
.costrow p{margin:0;font-size:14px;line-height:1.5;color:var(--muted)}
@media(max-width:820px){.bcgrid,.costrow{grid-template-columns:1fr}}
:focus-visible{outline:3px solid var(--blue);outline-offset:2px}
/* =====================================================================
   CLEAN, CLINICAL STYLING
   Overrides the decorative styling above: no graphics, gradients or
   shadows; flat colours, thin borders, consistent type.
   ===================================================================== */
body{background:#fff}
.hero{background:#E8EDF2;border-bottom:1px solid #D3DCE5;padding:44px 24px 38px}
.hero h1{color:var(--navy);font-size:40px;letter-spacing:-.01em}
.hero .intro{font-size:17.5px;color:#33404F}
.brandbar img{height:44px}
.rule{background:var(--amber);height:3px;width:56px;border-radius:0;margin:0 0 18px}
.proof{background:var(--navy);border-top:0;margin-bottom:40px}
.proof__source--lead{background:var(--navy);color:#C9D6E2;border-bottom:1px solid rgba(255,255,255,.14)}
.proof__number{font-size:26px;color:#fff}
.proof__label{color:#C9D6E2;font-size:13.5px}

/* graphics and icons removed */
.hero__motif,.cta__mark,.bcmark,.result-hero__logo,
.qhead__icon,.pay__badge,.paincard__icon,.bctile__icon,
.result-card h3 svg,.refcard h3 svg{display:none!important}
.qhead,.pay__head,.paincard,.bctile{gap:0}

/* layout surfaces: thin borders, no shadows, squarer corners */
.layout{box-shadow:none;border:1px solid #D3DCE5;border-top:2px solid var(--navy);border-radius:4px;padding:32px}
.option{background:#fff;border-radius:3px;font-weight:600;font-size:16.5px;min-height:54px}
.option:hover{transform:none;box-shadow:none;border-color:var(--blue);background:#F7FAFC}
.option.selected{background:#F1F6FA;border:2px solid var(--blue)}
.option.selected .dot{background:#fff;border:6px solid var(--blue)}
.question h2{font-size:28px}
.side{background:#F7F9FB;border:1px solid #D3DCE5;border-left:2px solid var(--navy);border-radius:0}
.btn{border-radius:3px}
.progress__track{height:4px;border-radius:0;background:#E3E9EF}
.progress__fill{background:var(--blue);border-radius:0}

/* results */
.result-hero{background:var(--navy);border-top:0;border-radius:4px;padding:32px 34px}
.result-hero .rank{font-size:32px}
.result-card{border-top:1px solid var(--line);border-radius:4px;padding:22px 26px}
.result-card h3{font-size:17px}
.refcard{background:#F7F9FB;border-radius:4px}
.pay{border-top:1px solid var(--line);border-radius:4px;padding:28px}
.pay h3{font-size:23px}
.pay__step{color:var(--blue)}
.pquote{background:#F7F9FB;border-inline-start:2px solid var(--navy);border-radius:0}
.pquote:before{display:none}
.paylist li:before{width:6px;height:6px;top:9px;border-radius:0;background:var(--navy)}
.paincard{background:#fff;border-inline-start:2px solid var(--red);border-radius:0}
.paincard--ok{border-inline-start-color:var(--blue)}
.pay--bc{background:#fff;color:var(--ink);border:1px solid var(--line);border-top:2px solid var(--amber);box-shadow:none;padding:28px}
.pay--bc h3,.pay--bc .bcname{color:var(--navy)}
.pay--bc h4{color:var(--blue)}
.pay--bc p{color:var(--ink)}
.pay--bc .pay__step{color:var(--blue)}
.pay--bc .bctile{background:#F7F9FB;border-color:var(--line)}
.pay--bc .bctile b{color:var(--navy)}
.pay--bc .bctile p{color:var(--muted)}
.pay--bc .edition{background:#F7F9FB;border:1px solid var(--line);color:var(--ink)}
.pay--bc .edition b{color:var(--navy)}
.bcname{font-size:24px}
.bctile,.costrow div,.edition{border-radius:3px}

/* research figures as a plain table */
.figrow{gap:0;border:1px solid var(--line);border-radius:3px}
.figrow div{background:#fff;border-radius:0;border-inline-end:1px solid var(--line);padding:16px 18px}
.figrow div:last-child{border-inline-end:0}
.figrow b{font-size:24px;color:var(--navy);margin-bottom:4px}
.figrow span{color:var(--muted)}
@media(max-width:820px){.figrow div{border-inline-end:0;border-bottom:1px solid var(--line)}.figrow div:last-child{border-bottom:0}}

/* call to action */
.cta{background:var(--navy);box-shadow:none;border:0;border-top:2px solid var(--amber);border-radius:4px;padding:30px}
.cta h3{font-size:22px}
.cta a{background:var(--blue);box-shadow:none;border-radius:3px;padding:14px 22px;font-size:15px}
.cta a:hover{background:#155d97}
.btn-email{border-radius:3px;border:1px solid rgba(255,255,255,.55);padding:14px 22px;font-size:15px}

/* navy header band, white text */
.hero{background:var(--navy);border-bottom:0;margin-bottom:40px}
.hero h1{color:#fff}
.hero .intro{color:#D5E0EA}
.hero .intro strong{color:#fff}
.pay .muted a{color:var(--blue)}

/* =====================================================================
   ACCENTS: draw the eye to the key parts of the results page
   ===================================================================== */
/* header band in the Cloud Factory website navy */
.hero{background:#155a96}
.hero .intro{color:#E3EEF7}

/* result box: amber edge and amber label */
.result-hero{border-left:5px solid var(--amber)}
.result-hero .eyebrow{color:var(--amber)!important}

/* priority areas card picked out in amber */
.result-grid .result-card:nth-child(3){border-left:4px solid var(--amber);background:#FFFCF3}

/* every step: brand-blue top edge and a labelled step tag */
.pay{border-top:3px solid var(--blue)}
.pay__step{display:inline-block;background:#E8F2FA;color:var(--blue);padding:5px 10px;border-radius:2px;letter-spacing:.12em}

/* Step Three: platform fit stands out from the rest */
.pay--bc{background:#EEF6FC;border:1px solid #BFDDF3;border-left:6px solid var(--blue);border-top:1px solid #BFDDF3;padding:32px}
.pay--bc .pay__step{background:var(--blue);color:#fff}
.pay--bc h3{font-size:19px;font-weight:600;color:var(--muted)}
.pay--bc .bcname{font-size:30px;color:var(--blue);margin:2px 0 14px}
.pay--bc .bctile{background:#fff;border:1px solid #CFE3F2;border-left:3px solid var(--blue)}
.pay--bc .edition{background:#fff;border:1px solid #CFE3F2;border-left:4px solid var(--amber);font-size:15px}
.pay--bc .edition b{color:var(--blue)}

/* research figures: amber edge and brand-blue numbers */
.pay--research{border-top:3px solid var(--amber)}
.pay--research .figrow b{color:var(--blue)}

/* pricing calculator: red button, which draws the most clicks */
.cta a{background:var(--red)}
.cta a:hover{background:#c72d14}

/* not-for-profit pricing note */
.nfp-note{margin:18px 0 0;background:#FFFCF3;border:1px solid #F2DFA8;border-left:4px solid var(--amber);border-radius:3px;padding:16px 18px}
.nfp-note b{display:block;color:var(--navy);font-size:16px;margin:0 0 6px}
.nfp-note p{margin:0 0 12px;color:var(--ink);line-height:1.55}
.nfp-note a{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:11px 18px;border-radius:3px;font-weight:800;font-size:14px}
.nfp-note a:hover{background:#c72d14}
.cta .nfp-cta{background:rgba(253,186,19,.12);border-left:3px solid var(--amber);padding:10px 14px;color:#fff}
.cta .nfp-cta b{color:var(--amber)}
.cta .nfp-cta a{display:inline;background:none;box-shadow:none;padding:0;color:#fff;text-decoration:underline;font-size:inherit;font-weight:700}
.cta .nfp-cta a:hover{background:none;color:var(--amber)}
/* backup platform card */
.backup{margin-top:22px;background:#fff;border:1px dashed #9DBBD3;border-left:4px solid var(--brand-grey);border-radius:3px;padding:18px 20px}
.backup__label{margin:0 0 4px;font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;color:var(--muted)!important}
.backup__name{margin:0 0 8px;font-size:20px;font-weight:800;color:var(--navy)!important}
.backup__name span{font-size:13px;font-weight:700;color:var(--muted);margin-left:8px}
.backup p{margin:0 0 10px;line-height:1.55}
.backup a{color:var(--blue);font-weight:800;text-decoration:underline}
.cta a.cta-backup{background:transparent;border:1px solid rgba(255,255,255,.55);box-shadow:none}
.cta a.cta-backup:hover{background:rgba(255,255,255,.12)}
/* big not-for-profit Business Central pricing banner */
.nfp-big{margin:18px 0 0;background:#FFF4D6;border:2px solid var(--amber);border-left:10px solid var(--amber);border-radius:6px;padding:24px 26px}
.nfp-big__eyebrow{margin:0 0 6px;font-size:12px;letter-spacing:.14em;text-transform:uppercase;font-weight:800;color:#8A5A00}
.nfp-big h3{margin:0 0 10px;font-size:26px;line-height:1.2;color:var(--navy)}
.nfp-big p{margin:0 0 14px;font-size:16px;line-height:1.6;color:var(--ink)}
.nfp-big a{display:inline-block;background:var(--red);color:#fff;text-decoration:none;padding:13px 20px;border-radius:3px;font-weight:800;font-size:15px}
.nfp-big a:hover{background:#c72d14}
#cfPrintRoot .p-nfp{border:1.5px solid #fdba13;background:#FFF4D6;padding:6px 9px;margin:6px 0}

/* no logo in the top band. The logo image stays in the code, hidden,
   because the one-page PDF summary uses it. */
.hero .brandbar{display:none!important}


/* ============================================================
   Step Three, brought to life. Each platform carries its own
   brand colour: Business Central teal, MYOB Acumatica purple.
   ============================================================ */
.plat-bc{--pc:#008575;--pc-deep:#005C52;--pc-soft:#E5F4F1;--pc-line:#B3DDD5}
.plat-myob{--pc:#6100A5;--pc-deep:#43007A;--pc-soft:#F4ECFA;--pc-line:#DCC6EE}
.bk-bc{--bk:#008575;--bk-soft:#E5F4F1}
.bk-myob{--bk:#6100A5;--bk-soft:#F4ECFA}
.pay.pay--bc.pay--plat{position:relative;overflow:hidden;background:radial-gradient(90% 60% at 100% 0%,var(--pc-soft) 0%,rgba(255,255,255,0) 70%),linear-gradient(180deg,#FFFFFF 0%,#F7FAFC 100%);border:1px solid var(--pc-line);border-left:6px solid var(--pc);border-top:1px solid var(--pc-line)}
.pay--plat::after{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:linear-gradient(90deg,var(--pc) 0%,var(--pc) 45%,var(--sky-blue) 100%)}
.pay--plat .pay__badge{background:linear-gradient(150deg,var(--pc),var(--pc-deep));color:#fff;box-shadow:0 6px 16px -6px var(--pc)}
.pay--bc.pay--plat .pay__step{background:var(--pc);color:#fff}
.plat-hero{display:flex;align-items:center;gap:18px;margin:16px 0 6px;padding:18px 20px;background:#fff;border:1px solid var(--pc-line);border-radius:10px;box-shadow:0 10px 26px -18px var(--pc)}
.plat-mark{flex:0 0 auto;width:64px;height:64px;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;font-weight:800;font-size:20px;letter-spacing:.02em;color:#fff;background:linear-gradient(150deg,var(--pc),var(--pc-deep))}
.plat-hero__text{min-width:0}
.plat-pill{display:inline-flex;align-items:center;gap:6px;margin:0 0 6px;padding:4px 11px;border-radius:999px;background:var(--pc-soft);color:var(--pc-deep);font-size:11px;font-weight:800;letter-spacing:.13em;text-transform:uppercase}
.plat-pill::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--pc);animation:platPulse 2.4s ease-in-out infinite}
.pay--bc.pay--plat .bcname{font-size:30px;line-height:1.15;color:var(--pc-deep);margin:0}
.plat-route{display:flex;flex-wrap:wrap;gap:10px;margin:14px 0 18px}
.plat-route span,.plat-route a{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;font-size:13px;font-weight:700}
.plat-route .r1{background:var(--pc);color:#fff}
.plat-route .r2{background:#fff;color:var(--bk);border:1.5px dashed var(--bk)}
.plat-route i{font-style:normal;display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:50%;font-size:11px;background:rgba(255,255,255,.25)}
.plat-route .r2 i{background:var(--bk-soft)}
.pay--plat h4{display:flex;align-items:center;gap:10px}
.pay--plat h4::after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--pc-line),rgba(255,255,255,0))}
.pay--bc.pay--plat .bctile{background:#fff;border:1px solid #E1E9F0;border-left:3px solid var(--pc);transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease}
.pay--bc.pay--plat .bctile:hover{transform:translateY(-3px);box-shadow:0 12px 24px -16px var(--pc);border-color:var(--pc-line)}
.pay--plat .bctile__icon{background:var(--pc-soft);color:var(--pc);transition:background .2s ease,color .2s ease}
.pay--plat .bctile:hover .bctile__icon{background:var(--pc);color:#fff}
.pay--bc.pay--plat .edition{background:var(--pc-soft);border:1px solid var(--pc-line);border-left:4px solid var(--pc)}
.pay--bc.pay--plat .edition b{color:var(--pc-deep)}
.pay--plat .backup{background:#fff;border:1px dashed var(--bk);border-left:5px solid var(--bk);position:relative}
.pay--plat .backup__label{display:inline-flex;align-items:center;gap:7px;color:var(--bk)!important}
.pay--plat .backup__label::before{content:"";width:8px;height:8px;border-radius:50%;background:var(--bk)}
.pay--plat .backup a{color:var(--bk)}
.nfp-big{position:relative;display:grid;grid-template-columns:auto 1fr;gap:4px 24px;align-items:start;box-shadow:0 14px 30px -22px #8A5A00}
.nfp-big__stat{grid-row:1 / span 4;display:flex;flex-direction:column;align-items:center;justify-content:center;min-width:130px;padding:16px 14px;border-radius:10px;background:linear-gradient(150deg,#008575,#005C52);color:#fff;text-align:center}
.nfp-big__stat small{font-size:11px;letter-spacing:.13em;text-transform:uppercase;font-weight:800;opacity:.85}
.nfp-big__stat b{font-size:42px;line-height:1;font-weight:800;margin:4px 0}
.nfp-big__stat span{font-size:12px;font-weight:700;opacity:.9}
.nfp-big>:not(.nfp-big__stat){grid-column:2}
.nfp-big a{justify-self:start}
@media(max-width:820px){.nfp-big{grid-template-columns:1fr}.nfp-big__stat{grid-row:auto;flex-direction:row;gap:10px;min-width:0}.nfp-big>:not(.nfp-big__stat){grid-column:1}.plat-hero{align-items:flex-start}.plat-mark{width:52px;height:52px;font-size:17px}.pay--bc.pay--plat .bcname{font-size:24px}}
.cta a.cta-backup{display:inline-flex;align-items:center;gap:8px}
.cta a.cta-backup::before{content:"";width:9px;height:9px;border-radius:50%;background:var(--bk,#fff)}
.cta a.cta-backup.bk-myob::before{background:#B98BE0}
.cta a.cta-backup.bk-bc::before{background:#4FC3B0}
/* reveal: tiles and cards rise in as Step Three scrolls into view */
@keyframes platPulse{0%,100%{box-shadow:0 0 0 0 var(--pc-line)}50%{box-shadow:0 0 0 5px rgba(255,255,255,0)}}
@keyframes platRise{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}
.pay--plat.is-armed .reveal{opacity:0}
.pay--plat.is-in .reveal{animation:platRise .55s cubic-bezier(.2,.7,.2,1) both;animation-delay:calc(var(--i,0) * 70ms)}
@media (prefers-reduced-motion: reduce){.pay--plat.is-armed .reveal{opacity:1}.pay--plat.is-in .reveal{animation:none}.plat-pill::before{animation:none}.pay--bc.pay--plat .bctile:hover{transform:none}}
@media print{.pay--plat.is-armed .reveal{opacity:1!important;animation:none!important}}
#cfPrintRoot .p-bc.p-plat-myob{border-left-color:#6100A5;background:#F7F1FC}
#cfPrintRoot .p-bc.p-plat-bc{border-left-color:#008575;background:#EEF8F6}


.plat-route a.r2{text-decoration:none;cursor:pointer}
.plat-route a.r2:hover{text-decoration:underline}

/* Platform selection switches between assessment result views, not pricing pages. */
.plat-route button.r2 {font:inherit;cursor:pointer;text-align:left;}
.plat-route button.r2:hover,.platform-result-switch:hover {text-decoration:underline;}
.backup .platform-result-switch {cursor:pointer;}