/* IntelliMinds Digital — AI Readiness Assessment: flagship page visual system.
   Presentation only. Layered over styles.css + inner-refine.css (Design System v3.0).
   Motif: measure -> understand -> decide. Nodes, rails, diagnostics. */

.page-readiness{
  --rd-navy:#0B1F36;
  --rd-teal:#0B8F8C;
  --rd-blue:#2B78B8;
  --rd-amber:#F2B84B;
  --rd-pale:#F5F8FA;
  --rd-line:#E3EAEF;
  --rd-warm:#B4794A;
}

/* =====================================================================
   0. Page rhythm — white / pale / white / dark cadence
   ===================================================================== */
.page-readiness .section{padding:7.25rem 0;position:relative}
.page-readiness .section--alt{background:var(--rd-pale);border-top:1px solid var(--rd-line);border-bottom:1px solid var(--rd-line)}
.page-readiness .section > .container > .eyebrow{display:block;margin-bottom:1.05rem}
.page-readiness .section > .container > h2{max-width:22ch;margin-bottom:1.05rem;letter-spacing:-.025em}
.page-readiness .section > .container > .lede{max-width:66ch;line-height:1.68;margin-bottom:0}
.page-readiness .section > .container > .grid{margin-top:3.4rem}

/* =====================================================================
   1. Hero — signature two-column diagnostic
   ===================================================================== */
.page-readiness .hero.hero-services{
  padding:5.75rem 0 6.25rem;position:relative;overflow:hidden;
  background:
    linear-gradient(180deg,#FFFFFF 0%,#FBFDFD 55%,#F4F8F9 100%);
}
.page-readiness .hero.hero-services::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(rgba(11,31,54,.045) 1px,transparent 1px),
    linear-gradient(90deg,rgba(11,31,54,.045) 1px,transparent 1px);
  background-size:64px 64px;
  -webkit-mask-image:radial-gradient(ellipse 90% 75% at 60% 35%,#000 10%,transparent 78%);
  mask-image:radial-gradient(ellipse 90% 75% at 60% 35%,#000 10%,transparent 78%);
}
.rd-hero-fx{position:absolute;inset:0;pointer-events:none;overflow:hidden}
.rd-hero-fx svg{width:100%;height:100%;display:block;opacity:.85}
.rd-hero{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);
  gap:4rem;align-items:center}
.rd-hero-copy{max-width:36rem}
.page-readiness .hero .eyebrow{margin-bottom:1.15rem}
.page-readiness .hero h1{font-size:clamp(2.4rem,4.6vw,3.55rem);line-height:1.06;letter-spacing:-.035em;
  max-width:16ch;margin-bottom:1.15rem}
.page-readiness .hero p.lede{max-width:52ch;font-size:1.055rem;line-height:1.68;color:var(--body)}
.page-readiness .hero p.lede:first-of-type{font-size:1.2rem;color:var(--ink);line-height:1.5}
.page-readiness .hero p.lede:first-of-type strong{
  background:linear-gradient(120deg,var(--rd-navy),var(--rd-teal));-webkit-background-clip:text;
  background-clip:text;color:transparent}
.page-readiness .hero .btn-row{margin-top:2.15rem}
.page-readiness .hero-benefits{margin-top:1.75rem;gap:.5rem .55rem}
.page-readiness .hero-benefits li{background:rgba(255,255,255,.82);backdrop-filter:blur(4px);
  border-color:rgba(11,143,140,.22);font-size:.815rem;letter-spacing:.005em}

/* Instrument card */
.rd-instrument{position:relative}
.rd-inst-card{
  position:relative;z-index:2;background:#fff;border:1px solid var(--rd-line);border-radius:18px;
  padding:1.6rem 1.65rem 1.5rem;
  box-shadow:0 1px 2px rgba(11,31,54,.04),0 40px 70px -40px rgba(11,31,54,.35),0 0 0 8px rgba(11,143,140,.035);
}
.rd-inst-card::before{
  content:"";position:absolute;left:1.65rem;right:1.65rem;top:0;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--rd-navy),var(--rd-blue),var(--rd-teal))}
.rd-inst-head{display:flex;justify-content:space-between;align-items:center;gap:.75rem;
  padding-bottom:1.05rem;border-bottom:1px solid var(--rd-line)}
.rd-inst-label{font-size:.665rem;letter-spacing:.17em;text-transform:uppercase;font-weight:700;color:var(--muted)}
.rd-inst-live{display:inline-flex;align-items:center;gap:.4rem;font-size:.72rem;font-weight:600;color:var(--rd-teal)}
.rd-inst-live::before{content:"";width:.4rem;height:.4rem;border-radius:50%;background:var(--rd-teal);
  box-shadow:0 0 0 3px rgba(11,143,140,.18)}
.rd-inst-score{display:flex;align-items:center;gap:1.3rem;padding:1.35rem 0 1.25rem}
.rd-inst-dial{position:relative;width:118px;flex:0 0 118px}
.rd-inst-dial svg{width:100%;height:auto;display:block}
.rd-dial-arc{animation:rdDial 1.6s cubic-bezier(.22,.8,.28,1) both}
@keyframes rdDial{from{stroke-dashoffset:326.7}to{stroke-dashoffset:101.3}}
.rd-dial-value{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;
  font-family:'Space Grotesk',sans-serif;line-height:1}
.rd-dial-value b{font-size:2.15rem;font-weight:700;letter-spacing:-.04em;color:var(--rd-navy)}
.rd-dial-value span{font-size:.7rem;color:var(--muted);font-weight:600;margin-top:.25rem}
.rd-inst-verdict{display:flex;flex-direction:column;gap:.35rem}
.rd-inst-verdict strong{font-family:'Space Grotesk',sans-serif;font-size:1.02rem;color:var(--ink);letter-spacing:-.015em}
.rd-inst-verdict span{font-size:.83rem;color:var(--muted)}
.rd-inst-dims{list-style:none;margin:0;padding:1.15rem 0 0;border-top:1px solid var(--rd-line);
  display:grid;gap:.62rem}
.rd-inst-dims li{display:grid;grid-template-columns:7.4rem 1fr 1.9rem;align-items:center;gap:.7rem;
  font-size:.8rem;color:var(--body)}
.rd-inst-dims li i{display:block;height:5px;border-radius:999px;background:#EDF1F4;position:relative;overflow:hidden}
.rd-inst-dims li i::after{content:"";position:absolute;inset:0 auto 0 0;width:var(--v);border-radius:999px;
  background:linear-gradient(90deg,var(--rd-blue),var(--rd-teal));
  animation:rdBar 1.1s cubic-bezier(.22,.8,.28,1) both;animation-delay:.25s}
@keyframes rdBar{from{width:0}}
.rd-inst-dims li b{font-family:'Space Grotesk',sans-serif;font-size:.83rem;color:var(--ink);text-align:right}
.rd-inst-dims li.is-low i::after{background:linear-gradient(90deg,#C79A57,var(--rd-amber))}
.rd-inst-dims li.is-low b{color:var(--rd-warm)}
.rd-inst-node{position:absolute;border-radius:50%;background:var(--rd-teal);opacity:.5}
.rd-inst-node--a{width:9px;height:9px;top:-18px;left:-22px;box-shadow:0 0 0 6px rgba(11,143,140,.10)}
.rd-inst-node--b{width:6px;height:6px;bottom:-14px;right:16px;background:var(--rd-amber);
  box-shadow:0 0 0 5px rgba(242,184,75,.14)}

@media(max-width:1040px){
  .rd-hero{grid-template-columns:1fr;gap:3.25rem}
  .rd-hero-copy{max-width:none}
  .rd-instrument{max-width:520px}
}
@media(max-width:640px){
  .page-readiness .hero.hero-services{padding:3.5rem 0 4rem}
  .rd-inst-card{padding:1.25rem 1.15rem}
  .rd-inst-score{flex-direction:row;gap:1rem}
  .rd-inst-dial{width:96px;flex-basis:96px}
  .rd-inst-dims li{grid-template-columns:6.2rem 1fr 1.8rem;font-size:.76rem}
}

/* =====================================================================
   2. Scorecard — the hero moment of the page body
   ===================================================================== */
.page-readiness .scorecard{
  grid-template-columns:1.15fr .85fr;gap:2.75rem;padding:3rem 3rem 2.75rem;border-radius:22px;
  background:linear-gradient(180deg,#FFFFFF 0%,#FAFDFD 100%);
  border:1px solid var(--rd-line);
  box-shadow:0 1px 2px rgba(11,31,54,.04),0 50px 90px -55px rgba(11,31,54,.42);
  margin-top:3.25rem;align-items:stretch}
.page-readiness .scorecard::after{
  content:"";position:absolute;left:0;right:0;top:0;height:3px;
  background:linear-gradient(90deg,var(--rd-navy) 0%,var(--rd-blue) 45%,var(--rd-teal) 100%)}
.page-readiness .radar-wrap svg{max-width:440px;overflow:visible}
.page-readiness .radar-wrap{padding-inline:1.5rem}
.page-readiness .scorecard{overflow:visible;border-radius:22px}
.page-readiness .scorecard::before{border-radius:22px;overflow:hidden}
.page-readiness .radar-wrap{padding-top:.5rem}
.page-readiness .score-meta{gap:1.35rem;justify-content:center;
  padding-left:2.75rem;border-left:1px solid var(--rd-line)}
.page-readiness .score-big .num{font-size:clamp(3.6rem,7.5vw,5.2rem)}
.page-readiness .score-bar{height:8px}
.page-readiness .score-verdict{
  border:0;border-left:3px solid var(--rd-teal);border-radius:0 12px 12px 0;padding:1.05rem 1.2rem;
  background:linear-gradient(90deg,rgba(11,143,140,.10),rgba(11,143,140,.02));font-size:1rem;line-height:1.6}
.page-readiness .score-list{gap:.5rem}
.page-readiness .score-list li{border-color:var(--rd-line);border-radius:10px;padding:.55rem .8rem;font-size:.86rem;
  transition:border-color .2s ease,transform .2s ease}
.page-readiness .score-list li:hover{border-color:rgba(11,143,140,.45);transform:translateY(-1px)}
.page-readiness .scorecard-label{font-size:.665rem;letter-spacing:.17em}
@media(max-width:960px){
  .page-readiness .scorecard{grid-template-columns:1fr;padding:1.75rem 1.35rem 2rem;gap:2rem}
  .page-readiness .score-meta{padding-left:0;border-left:0;border-top:1px solid var(--rd-line);padding-top:1.75rem}
}

/* =====================================================================
   3. Benchmark spectrum
   ===================================================================== */
.page-readiness .benchmark-grid{
  margin-top:2.5rem;gap:0;border:1px solid var(--rd-line);border-radius:16px;overflow:hidden;background:#fff;
  box-shadow:0 1px 2px rgba(11,31,54,.04),0 26px 50px -40px rgba(11,31,54,.3);position:relative}
.page-readiness .benchmark-grid::before{
  content:"";position:absolute;left:0;right:0;top:0;height:4px;
  background:linear-gradient(90deg,var(--rd-teal) 0%,#3FA3A0 33%,var(--rd-blue) 66%,#7C8CA0 100%)}
.page-readiness .benchmark-card{
  border:0;border-right:1px solid var(--rd-line);border-radius:0;box-shadow:none;background:transparent;
  padding:2.25rem 1.55rem 2rem;position:relative;transition:background .25s ease}
.page-readiness .benchmark-card:last-child{border-right:0}
.page-readiness .benchmark-card:hover{background:rgba(11,143,140,.035)}
.page-readiness .benchmark-card .bn{
  font-size:1.55rem;letter-spacing:-.03em;color:var(--rd-navy);margin-bottom:.85rem;display:block}
.page-readiness .benchmark-card:nth-child(1) .bn{color:var(--rd-teal)}
.page-readiness .benchmark-card:nth-child(2) .bn{color:#2F8F8C}
.page-readiness .benchmark-card:nth-child(3) .bn{color:var(--rd-blue)}
.page-readiness .benchmark-card:nth-child(4) .bn{color:#7C8CA0}
.page-readiness .benchmark-card h4{font-size:1.02rem;letter-spacing:-.015em;margin-bottom:.5rem}
.page-readiness .benchmark-card p{font-size:.885rem;line-height:1.6}
.page-readiness .benchmark-note{
  margin-top:1.35rem;font-style:normal;font-size:.9rem;padding-left:1rem;border-left:2px solid rgba(11,143,140,.35)}
@media(max-width:840px){
  .page-readiness .benchmark-grid{grid-template-columns:1fr 1fr}
  .page-readiness .benchmark-card:nth-child(2n){border-right:0}
  .page-readiness .benchmark-card:nth-child(-n+2){border-bottom:1px solid var(--rd-line)}
}
@media(max-width:520px){
  .page-readiness .benchmark-grid{grid-template-columns:1fr}
  .page-readiness .benchmark-card{border-right:0;border-bottom:1px solid var(--rd-line)}
  .page-readiness .benchmark-card:last-child{border-bottom:0}
}

/* =====================================================================
   4. Six dimensions — one connected framework
   ===================================================================== */
.page-readiness #six-dimensions,
.page-readiness .section--alt .grid-3{position:relative}
.page-readiness .icon-card{
  padding:2rem 1.75rem 1.85rem;border:1px solid var(--rd-line);border-radius:14px;background:#fff;
  box-shadow:none;position:relative;overflow:hidden;
  transition:border-color .25s ease,box-shadow .25s ease,transform .25s ease}
.page-readiness .icon-card::after{
  content:"";position:absolute;left:0;top:0;bottom:0;width:2px;background:var(--rd-teal);
  transform:scaleY(0);transform-origin:top;transition:transform .3s cubic-bezier(.22,.8,.28,1)}
.page-readiness .icon-card:hover{border-color:rgba(11,143,140,.35);transform:translateY(-3px);
  box-shadow:0 22px 40px -28px rgba(11,31,54,.35)}
.page-readiness .icon-card:hover::after{transform:scaleY(1)}
.page-readiness .icon-card .ic{
  width:42px;height:42px;border-radius:11px;background:rgba(11,143,140,.07);
  border:1px solid rgba(11,143,140,.2);box-shadow:none;color:var(--rd-teal);margin-bottom:1rem;
  transition:background .25s ease,color .25s ease}
.page-readiness .icon-card:hover .ic{background:var(--rd-teal);color:#fff;border-color:var(--rd-teal)}
.page-readiness .icon-card h3{font-size:1.045rem;letter-spacing:-.018em;margin-bottom:.55rem}
.page-readiness .icon-card p{font-size:.9rem;line-height:1.62}

/* Framework numbering on the six dimensions grid */
.page-readiness .section--alt .grid-3{counter-reset:rddim}
.page-readiness .section--alt .grid-3 > .icon-card:not(.fail-card){counter-increment:rddim}
.page-readiness .section--alt .grid-3 > .icon-card:not(.fail-card)::before{
  content:"0" counter(rddim);display:block;opacity:1;inset:auto;height:auto;background:none;position:absolute;top:1.5rem;right:1.5rem;
  font-family:'Space Grotesk',sans-serif;font-size:.78rem;font-weight:700;letter-spacing:.08em;
  color:rgba(11,31,54,.22)}

/* =====================================================================
   5. Credibility — statement of authority
   ===================================================================== */
.page-readiness .credibility-band{
  margin-top:3.5rem !important;padding:3rem 3.25rem;border:1px solid rgba(11,143,140,.22);
  border-left:3px solid var(--rd-teal);border-radius:18px;position:relative;overflow:hidden;
  background:linear-gradient(120deg,rgba(11,143,140,.075) 0%,rgba(255,255,255,.9) 55%);
  box-shadow:0 1px 2px rgba(11,31,54,.04)}
.page-readiness .credibility-band::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:radial-gradient(rgba(11,143,140,.16) 1px,transparent 1px);background-size:22px 22px;
  -webkit-mask-image:linear-gradient(105deg,#000,transparent 60%);
  mask-image:linear-gradient(105deg,#000,transparent 60%);opacity:.7}
.page-readiness .credibility-band > *{position:relative}
.page-readiness .credibility-band h3{
  font-size:clamp(1.5rem,2.6vw,2rem);letter-spacing:-.028em;max-width:20ch;margin:.6rem 0 1.1rem}
.page-readiness .credibility-band p{max-width:74ch;font-size:.98rem;line-height:1.72}
.page-readiness .credibility-band p:first-of-type{font-size:1.08rem;color:var(--ink);line-height:1.65}
@media(max-width:640px){.page-readiness .credibility-band{padding:2rem 1.4rem}}

/* =====================================================================
   6. Why AI projects fail — risk signals
   ===================================================================== */
.page-readiness .section > .container > .grid-3:has(.fail-card){counter-reset:rdfail}
.page-readiness .fail-card{
  counter-increment:rdfail;border-left:1px solid var(--rd-line);
  background:linear-gradient(180deg,#FFFFFF 0%,#FDFBF8 100%);padding-top:2.15rem}
.page-readiness .fail-card::before{
  content:"0" counter(rdfail);display:block;opacity:1;inset:auto;height:auto;background:none;position:absolute;top:1.45rem;right:1.5rem;
  font-family:'Space Grotesk',sans-serif;font-size:1.35rem;font-weight:700;letter-spacing:-.03em;
  color:rgba(180,121,74,.28)}
.page-readiness .fail-card::after{background:var(--rd-warm)}
.page-readiness .fail-card .ic{
  color:var(--rd-warm);background:rgba(180,121,74,.08);border-color:rgba(180,121,74,.26)}
.page-readiness .fail-card:hover{border-color:rgba(180,121,74,.4)}
.page-readiness .fail-card:hover .ic{background:var(--rd-warm);color:#fff;border-color:var(--rd-warm)}
.page-readiness .fail-card:hover::before{color:rgba(180,121,74,.6)}

/* =====================================================================
   7. Assessment -> roadmap journey
   ===================================================================== */
.page-readiness .ddp--gradient{
  background:linear-gradient(180deg,#F4F8F9 0%,#FFFFFF 100%);position:relative;overflow:hidden}
.page-readiness .ddp--gradient::before{
  content:"";position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(90deg,rgba(11,31,54,.045) 1px,transparent 1px);background-size:72px 100%;
  -webkit-mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 72%);
  mask-image:radial-gradient(ellipse at 50% 40%,#000,transparent 72%)}
.page-readiness .ddp--gradient > .container{position:relative}
.page-readiness .rd-map{max-width:1120px;margin:3.75rem auto 0;position:relative}

/* Phase band */
.page-readiness .rd-map-phases{
  display:grid;grid-template-columns:3fr 2fr 1fr;gap:.9rem;margin-bottom:1.5rem}
.page-readiness .rd-phase{
  display:flex;align-items:center;gap:.55rem;padding:.5rem .9rem;border-radius:999px;
  font-family:'Space Grotesk',sans-serif;font-size:.74rem;font-weight:600;letter-spacing:.13em;text-transform:uppercase;
  color:var(--rd-navy);background:rgba(11,31,54,.04);border:1px solid var(--rd-line)}
.page-readiness .rd-phase i{width:.42rem;height:.42rem;border-radius:50%;background:var(--rd-navy)}
.page-readiness .rd-phase--build{color:var(--rd-blue);background:rgba(43,120,184,.07);border-color:rgba(43,120,184,.22)}
.page-readiness .rd-phase--build i{background:var(--rd-blue)}
.page-readiness .rd-phase--run{color:var(--rd-teal);background:rgba(11,143,140,.08);border-color:rgba(11,143,140,.25)}
.page-readiness .rd-phase--run i{background:var(--rd-teal)}

/* Track */
.page-readiness .rd-map-track{
  list-style:none;margin:0;padding:0;counter-reset:none;
  display:grid;grid-template-columns:repeat(6,1fr);gap:.9rem;position:relative}
.page-readiness .rd-map-track::before{
  content:"";position:absolute;left:calc(100%/12);right:calc(100%/12);top:23px;height:2px;border-radius:2px;
  background:linear-gradient(90deg,var(--rd-navy) 0%,var(--rd-blue) 55%,var(--rd-teal) 88%,var(--rd-amber) 100%);
  opacity:.35}
.page-readiness .rd-map-track > li{
  margin:0;padding:0;background:none;border:0;box-shadow:none;position:relative;
  display:flex;flex-direction:column;align-items:center;text-align:center;padding-inline:.4rem}
.page-readiness .rd-map-track > li::before{content:none;display:none}

/* Milestone marker */
.page-readiness .rd-node{
  position:relative;z-index:1;width:46px;height:46px;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:2px solid rgba(11,31,54,.16);
  box-shadow:0 0 0 6px #F7FAFB,0 10px 22px -16px rgba(11,31,54,.5);
  transition:border-color .25s ease,transform .25s ease,box-shadow .25s ease}
.page-readiness .rd-node .n{
  font-family:'Space Grotesk',sans-serif;font-weight:700;font-size:.82rem;letter-spacing:.02em;color:var(--rd-navy)}
.page-readiness .rd-milestone[data-phase="build"] .rd-node{border-color:rgba(43,120,184,.35)}
.page-readiness .rd-milestone[data-phase="build"] .rd-node .n{color:var(--rd-blue)}
.page-readiness .rd-milestone[data-phase="run"] .rd-node{
  border-color:transparent;background:linear-gradient(140deg,var(--rd-navy),var(--rd-teal));
  box-shadow:0 0 0 6px rgba(11,143,140,.1),0 16px 30px -18px rgba(11,143,140,.75)}
.page-readiness .rd-milestone[data-phase="run"] .rd-node .n{color:#fff}

/* Stage copy */
.page-readiness .rd-stage{display:block;margin-top:1.15rem}
.page-readiness .rd-stage .t{
  display:block;font-family:'Space Grotesk',sans-serif;font-weight:600;font-size:.96rem;
  letter-spacing:-.015em;color:var(--rd-navy);line-height:1.3}
.page-readiness .rd-stage .d{
  display:block;margin-top:.45rem;font-size:.85rem;line-height:1.5;color:#5B6B7C;max-width:19ch;margin-inline:auto}
.page-readiness .rd-milestone--dest .rd-stage .t{color:var(--rd-teal)}

/* Hover */
.page-readiness .rd-milestone:hover .rd-node{transform:translateY(-3px);border-color:var(--rd-teal)}
.page-readiness .rd-milestone[data-phase="run"]:hover .rd-node{transform:translateY(-3px)}

.page-readiness .ddp--gradient .container > p:last-child{
  max-width:60ch;margin-left:auto;margin-right:auto;margin-top:2.6rem !important}

/* Vertical roadmap on narrow viewports */
@media(max-width:900px){
  .page-readiness .rd-map{max-width:620px}
  .page-readiness .rd-map-phases{grid-template-columns:1fr;gap:.5rem;margin-bottom:1.75rem}
  .page-readiness .rd-phase{justify-content:flex-start;width:max-content}
  .page-readiness .rd-map-track{grid-template-columns:1fr;gap:1.6rem}
  .page-readiness .rd-map-track::before{
    left:23px;right:auto;top:12px;bottom:12px;height:auto;width:2px;
    background:linear-gradient(180deg,var(--rd-navy) 0%,var(--rd-blue) 55%,var(--rd-teal) 88%,var(--rd-amber) 100%)}
  .page-readiness .rd-map-track > li{flex-direction:row;align-items:flex-start;text-align:left;gap:1.2rem}
  .page-readiness .rd-stage{margin-top:.2rem}
  .page-readiness .rd-stage .d{max-width:46ch;margin-inline:0}
}
@media (prefers-reduced-motion:reduce){
  .page-readiness .rd-milestone:hover .rd-node{transform:none}
}

/* =====================================================================
   8. Deliverables — editorial emphasis
   ===================================================================== */
.page-readiness #deliverables .grid-3,
.page-readiness .section[data-nav-label="What You Receive"] .grid-3{gap:1.25rem}
.page-readiness .section[data-nav-label="What You Receive"] .grid-3 > .icon-card:first-child{
  grid-column:span 2;background:linear-gradient(120deg,rgba(11,143,140,.07),#fff 62%);
  border-color:rgba(11,143,140,.24);display:flex;flex-direction:column;justify-content:center;
  padding:2.5rem 2.4rem}
.page-readiness .section[data-nav-label="What You Receive"] .grid-3 > .icon-card:first-child h3{font-size:1.55rem;letter-spacing:-.028em}
.page-readiness .section[data-nav-label="What You Receive"] .grid-3 > .icon-card:first-child p{font-size:1.02rem;max-width:52ch}
.page-readiness .section[data-nav-label="What You Receive"] .grid-3 > .icon-card:first-child .ic{width:50px;height:50px}
@media(max-width:900px){
  .page-readiness .section[data-nav-label="What You Receive"] .grid-3 > .icon-card:first-child{grid-column:auto;padding:2rem 1.75rem}
  .page-readiness .section[data-nav-label="What You Receive"] .grid-3 > .icon-card:first-child h3{font-size:1.2rem}
}

/* =====================================================================
   9. Typical first projects
   ===================================================================== */
.page-readiness .section[data-nav-label="First Projects"] .grid-2{gap:1.25rem;margin-top:3.25rem !important}
.page-readiness .section[data-nav-label="First Projects"] .icon-card{
  padding:2.1rem 2rem;background:#fff}
.page-readiness .section[data-nav-label="First Projects"] .icon-card h3{font-size:1.18rem;margin-bottom:.6rem;padding-right:2.6rem}
.page-readiness .section[data-nav-label="First Projects"] .icon-card h3 a{
  color:var(--ink);text-decoration:none;background-image:linear-gradient(var(--rd-teal),var(--rd-teal));
  background-size:0 1px;background-repeat:no-repeat;background-position:0 100%;transition:background-size .3s ease}
.page-readiness .section[data-nav-label="First Projects"] .icon-card:hover h3 a{background-size:100% 1px;color:var(--rd-teal)}
.page-readiness .section[data-nav-label="First Projects"] .icon-card::before{
  content:"";display:block;position:absolute;inset:auto;top:2.35rem;right:2rem;width:22px;height:22px;
  background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%230B8F8C' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'><path d='M5 12h13'/><path d='m12 5 7 7-7 7'/></svg>") center/contain no-repeat;
  opacity:.35;transform:translateX(-4px);transition:transform .25s ease,opacity .25s ease}
.page-readiness .section[data-nav-label="First Projects"] .icon-card:hover::before{opacity:1;transform:translateX(0)}
.page-readiness .section[data-nav-label="First Projects"] .icon-card:first-child{
  background:linear-gradient(120deg,rgba(11,143,140,.07),#fff 65%);border-color:rgba(11,143,140,.24)}

/* =====================================================================
   10. Built for SMEs — brand statement
   ===================================================================== */
.page-readiness .section:has(> .container > .sme-band){padding:0}
.page-readiness .sme-band{
  border-radius:0;padding:7.5rem 0;
  background:linear-gradient(135deg,#071426 0%,#0B1F36 42%,#123E56 78%,#0B8F8C 145%);
  padding-inline:max(1.5rem,calc((100% - 1140px) / 2 + 1.5rem))}
.page-readiness .sme-band::after{
  content:"";position:absolute;right:-6%;top:-20%;width:640px;height:640px;border-radius:50%;
  background:radial-gradient(circle,rgba(11,143,140,.35),transparent 62%);pointer-events:none}
.page-readiness .sme-band > *{position:relative;z-index:1}
.page-readiness .sme-band h2{font-size:clamp(2rem,4vw,3rem);letter-spacing:-.032em;max-width:16ch;margin:1.1rem 0 1.3rem}
.page-readiness .sme-band .lede{font-size:1.12rem;line-height:1.7}
.page-readiness .sme-pills{margin-top:2.25rem;gap:.6rem}
.page-readiness .sme-pills span{padding:.6rem 1.1rem;font-size:.85rem}
@media(max-width:900px){
  .page-readiness .sme-band{padding:4.5rem 1.25rem}
}

/* =====================================================================
   11. FAQ — light and generous
   ===================================================================== */
.page-readiness .faq{margin-top:3rem !important;max-width:840px}
.page-readiness .faq details{
  border:0;border-bottom:1px solid var(--rd-line);border-radius:0;background:transparent;
  padding:0;margin-bottom:0;box-shadow:none}
.page-readiness .faq details[open]{box-shadow:none;border-color:rgba(11,143,140,.3)}
.page-readiness .faq summary{
  padding:1.35rem 2.5rem 1.35rem 0;font-size:1.02rem;letter-spacing:-.012em;position:relative;
  transition:color .2s ease}
.page-readiness .faq summary:hover{color:var(--rd-teal)}
.page-readiness .faq summary::after{
  position:absolute;right:.25rem;top:50%;transform:translateY(-50%);float:none;
  font-size:1.3rem;font-weight:400;color:var(--rd-teal);line-height:1}
.page-readiness .faq details p{margin:0 0 1.5rem;max-width:70ch;font-size:.97rem;line-height:1.72}

/* =====================================================================
   12. Final CTA — the closing statement
   ===================================================================== */
.page-readiness .section[data-nav-label="Get Started"]{
  background:linear-gradient(180deg,#FFFFFF 0%,#F2F7F8 100%);
  border-top:1px solid var(--rd-line);overflow:hidden}
.page-readiness .section[data-nav-label="Get Started"]::before{
  content:"";position:absolute;left:50%;top:0;transform:translateX(-50%);width:1px;height:5.5rem;
  background:linear-gradient(180deg,transparent,var(--rd-teal));opacity:.5}
.page-readiness .section[data-nav-label="Get Started"]::after{
  content:"";position:absolute;left:50%;top:5.5rem;transform:translate(-50%,-50%);
  width:9px;height:9px;border-radius:50%;background:var(--rd-teal);box-shadow:0 0 0 7px rgba(11,143,140,.12)}
.page-readiness .section[data-nav-label="Get Started"] > .container{max-width:820px;padding-top:2.5rem}
.page-readiness .section[data-nav-label="Get Started"] h2{
  font-size:clamp(2.1rem,4.4vw,3.15rem);letter-spacing:-.035em;max-width:18ch;margin:1.1rem auto 1.25rem;
  background:linear-gradient(120deg,var(--rd-navy) 0%,#123E56 55%,var(--rd-teal) 100%);
  -webkit-background-clip:text;background-clip:text;color:transparent}
.page-readiness .section[data-nav-label="Get Started"] .lede{max-width:60ch;font-size:1.09rem;line-height:1.68}
.page-readiness .section[data-nav-label="Get Started"] .btn-row{margin-top:2.4rem}

/* =====================================================================
   13. Responsive rhythm + motion
   ===================================================================== */
@media(max-width:900px){.page-readiness .section{padding:4.75rem 0}}
@media(max-width:640px){.page-readiness .section{padding:3.85rem 0}
  .page-readiness .icon-card{padding:1.6rem 1.35rem}}

@media (prefers-reduced-motion:reduce){
  .page-readiness *,.page-readiness *::before,.page-readiness *::after{
    animation:none !important;transition:none !important}
  .rd-dial-arc{stroke-dashoffset:101.3}
  .rd-inst-dims li i::after{width:var(--v)}
}

/* SME band spans full width */
.page-readiness .section:has(> .container > .sme-band) > .container{max-width:none;padding:0}

@media(max-width:900px){
  .rd-hero-fx svg{opacity:.35}
  .page-readiness .hero.hero-services::before{background-size:44px 44px}
}