.cRoot{ position:relative;width:100%;background:#FBF9F4;font-family:'Inter',sans-serif; }
.cRoot a{ color:#FF7A54;text-decoration:none; }
.cRoot a:hover{ color:#FFC24A; }
.cContainer{ position:relative;max-width:1120px;margin:0 auto;padding:0 44px;box-sizing:border-box; }

.cRev{ opacity:0;transform:translateY(24px);transition:opacity .8s ease, transform .8s cubic-bezier(.2,.8,.2,1); }
.cRev.in{ opacity:1;transform:translateY(0); }

@keyframes cPing{0%{transform:scale(.5);opacity:.7;}80%{opacity:0;}100%{transform:scale(1.8);opacity:0;}}
@keyframes cBreathe{0%,100%{transform:scale(.82);opacity:.5;}50%{transform:scale(1.16);opacity:1;}}
@keyframes cOrbit{from{transform:rotate(0deg);}to{transform:rotate(360deg);}}
@keyframes cThread{0%{background-position:0% 50%;}100%{background-position:200% 50%;}}
@keyframes cSweep{0%{transform:translateX(-170%) skewX(-18deg);}100%{transform:translateX(280%) skewX(-18deg);}}

/* ---- Header ---- */
.cHeader{ position:relative;width:100%;background:#FBF9F4;box-sizing:border-box;padding:72px 0 96px; }
.cLogo{ height:56px;width:auto;display:block;margin-bottom:44px; }
.cKicker{ font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:rgba(255,122,84,.85);margin-bottom:22px; }
.cH1{ margin:0;max-width:900px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(38px,5.6vw,72px);line-height:1.03;letter-spacing:-.025em;color:#0F1B3D;transition-delay:.06s; }
.cLede{ margin:30px 0 0;max-width:620px;font-size:clamp(17px,1.6vw,18px);line-height:1.6;color:rgba(15,27,61,.75);transition-delay:.14s; }

/* ---- Pick your speed (navy) ---- */
.cSpeedSection{ position:relative;width:100%;background:#0F1B3D;box-sizing:border-box;padding:clamp(80px,9vw,120px) 0;overflow:hidden; }
.cSpectrumBand{ position:absolute;left:0;right:0;top:50%;height:340px;transform:translateY(-50%);background:linear-gradient(90deg,rgba(255,122,84,.12),rgba(255,160,90,.07) 50%,rgba(255,194,74,.12));filter:blur(60px);pointer-events:none;z-index:0; }
.cSpeedInner{ position:relative;z-index:1; }
.cKickerLight{ font-weight:600;font-size:14px;letter-spacing:.16em;text-transform:uppercase;color:#FF9A78;margin-bottom:32px; }

.cSpectrumBar{ margin-bottom:34px; }
.cSpectrumLabels{ display:flex;justify-content:space-between;align-items:baseline;margin-bottom:12px;font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase; }
.specFast{ color:#FF7A54; }
.specDeep{ color:#FFC24A; }
.cThreadBar{ height:2px;width:100%;border-radius:2px;background:linear-gradient(90deg,#FF7A54,#FF9A5A 50%,#FFC24A,#FF7A54);background-size:200% 100%;animation:cThread 7s linear infinite; }

.chanGrid{ display:grid;grid-template-columns:repeat(3,1fr);gap:24px; }

.chanCard{
  position:relative;overflow:hidden;height:100%;display:flex;flex-direction:column;box-sizing:border-box;padding:32px 30px 28px;border-radius:22px;
  background:linear-gradient(160deg,#16264F,#0F1B3D);border:1px solid rgba(255,255,255,.09);text-decoration:none;
  box-shadow:0 12px 30px rgba(6,12,32,.28);transition:transform .45s cubic-bezier(.2,.8,.2,1), box-shadow .45s ease, border-color .45s ease;
}
.chanCard::after{ content:"";position:absolute;top:0;left:0;width:42%;height:100%;pointer-events:none;background:linear-gradient(90deg,transparent,rgba(255,222,175,.32),transparent);transform:translateX(-170%) skewX(-18deg); }
.chanCard:hover{ transform:translateY(-6px); }
.chanCard:hover::after{ animation:cSweep 1s cubic-bezier(.2,.8,.2,1); }
.chanCard:active{ transform:translateY(-4px); }
.chanCard:active::after{ animation:cSweep 1s cubic-bezier(.2,.8,.2,1); }
.chanWA:hover,.chanWA:active{ border-color:rgba(255,122,84,.6);box-shadow:0 22px 48px rgba(6,12,32,.42), 0 0 36px rgba(255,122,84,.34); }
.chanEmail:hover,.chanEmail:active{ border-color:rgba(255,154,90,.55);box-shadow:0 22px 48px rgba(6,12,32,.42), 0 0 36px rgba(255,154,90,.3); }
.chanCall:hover,.chanCall:active{ border-color:rgba(255,194,74,.55);box-shadow:0 22px 48px rgba(6,12,32,.42), 0 0 36px rgba(255,194,74,.3); }
.chanCard:hover .chanGo{ transform:translateX(6px); }
.chanGo{ transition:transform .35s cubic-bezier(.2,.8,.2,1); }

.chanEyebrow{ font-weight:600;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:rgba(245,243,238,.5);margin-bottom:22px; }
.chanNum{}
.specFastColor{ color:#FF7A54; }
.specMidColor{ color:#FF9A5A; }
.specDeepColor{ color:#FFC24A; }

.mBadge{ position:relative;width:54px;height:54px;margin-bottom:26px; }
.mRing{ position:absolute;inset:0;border-radius:50%;border:2px solid;box-sizing:border-box; }
.mCore{ position:absolute;inset:0;margin:auto;border-radius:50%; }

.ringWA1{ border-color:rgba(255,122,84,.6);animation:cPing 1.5s ease-out infinite; }
.ringWA2{ border-color:rgba(255,122,84,.4);animation:cPing 1.5s ease-out infinite .5s; }
.ringWA3{ border-color:rgba(255,122,84,.28);animation:cPing 1.5s ease-out infinite 1s; }
.coreWA{ width:15px;height:15px;background:radial-gradient(circle,#FFB489,#FF7A54);box-shadow:0 0 14px rgba(255,122,84,.85); }

.ringEmail{ border-color:rgba(255,154,90,.55);animation:cBreathe 3s ease-in-out infinite; }
.coreEmail{ width:14px;height:14px;background:radial-gradient(circle,#FFC89A,#FF9A5A);box-shadow:0 0 12px rgba(255,154,90,.7); }

.ringCall{ border-color:rgba(255,194,74,.4); }
.mOrbitWrap{ position:absolute;inset:0;animation:cOrbit 6s linear infinite; }
.mOrbitDot{ position:absolute;top:-4px;left:50%;margin-left:-4px;width:9px;height:9px;border-radius:50%;background:radial-gradient(circle,#FFE6B0,#FFC24A);box-shadow:0 0 12px rgba(255,194,74,.85); }
.coreCall{ width:9px;height:9px;background:rgba(255,194,74,.85);box-shadow:0 0 8px rgba(255,194,74,.6); }

.chanTitle{ font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(24px,2.4vw,30px);letter-spacing:-.015em;color:#F5F3EE; }
.chanSub{ margin-top:12px;font-weight:600;font-size:15px; }
.subWA{ color:#FF9A78; }
.subEmail{ color:#FFAE7A; }
.subCall{ color:#FFCB6A; }
.chanDesc{ margin-top:8px;font-weight:400;font-size:15px;line-height:1.55;color:rgba(245,243,238,.62); }
.chanGoWrap{ margin-top:auto;padding-top:24px;display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:15px; }
.goWA{ color:#FF7A54; }
.goEmail{ color:#FF9A5A; }
.goCall{ color:#FFC24A; }

/* ---- What happens next (cream) ---- */
.cStepsSection{ position:relative;width:100%;background:#FBF9F4;box-sizing:border-box;padding:clamp(80px,9vw,118px) 0; }
.cStepsH2{ margin:0 0 56px;max-width:640px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(26px,3.4vw,40px);line-height:1.08;letter-spacing:-.02em;color:#0F1B3D; }

.cStepsWrap{ position:relative; }
.stepLine{ position:absolute;top:26px;left:8%;right:8%;height:2px;border-radius:2px;background:linear-gradient(90deg,#FF7A54,#FF9A5A 50%,#FFC24A);z-index:0;transform:scaleX(0);transform-origin:left center;transition:transform 1.15s cubic-bezier(.4,0,.2,1) .15s; }
.stepLine.in{ transform:scaleX(1); }
.stepLineV{ display:none;position:absolute;top:26px;bottom:26px;left:26px;width:2px;border-radius:2px;background:linear-gradient(180deg,#FF7A54,#FF9A5A 50%,#FFC24A);z-index:0;transform:scaleY(0);transform-origin:top center;transition:transform 1.15s cubic-bezier(.4,0,.2,1) .15s; }
.stepLineV.in{ transform:scaleY(1); }

.stepGrid{ position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,1fr);gap:36px; }
.stepNum{ width:54px;height:54px;border-radius:50%;background:#FBF9F4;display:flex;align-items:center;justify-content:center;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:20px;box-shadow:0 0 0 6px #FBF9F4; }
.stepNum1{ border:2px solid rgba(255,122,84,.55);color:#FF7A54; }
.stepNum2{ border:2px solid rgba(255,154,90,.55);color:#FF9A5A; }
.stepNum3{ border:2px solid rgba(255,194,74,.6);color:#E9A93A; }
.stepTitle{ margin-top:22px;font-family:'Bricolage Grotesque',sans-serif;font-weight:700;font-size:clamp(19px,2vw,23px);letter-spacing:-.01em;color:#0F1B3D; }
.stepDesc{ margin-top:10px;max-width:300px;font-weight:400;font-size:15px;line-height:1.6;color:rgba(15,27,61,.66); }

@media(max-width:820px){
  .cHeader{ padding:52px 0 56px; }
  .cLogo{ height:48px;margin-bottom:32px; }
  .chanGrid{ grid-template-columns:1fr;gap:16px; }
  .chanCard{ height:auto; }
  .stepGrid{ grid-template-columns:1fr;gap:26px; }
  .stepLine{ display:none; }
  .stepLineV{ display:block; }
  .stepItem{ display:grid;grid-template-columns:54px 1fr;column-gap:20px;align-items:start; }
  .stepItem > div:nth-child(1){ grid-column:1;grid-row:1 / span 2; }
  .stepItem > div:nth-child(2){ grid-column:2;grid-row:1;margin-top:4px; }
  .stepItem > div:nth-child(3){ grid-column:2;grid-row:2;margin-top:6px;max-width:none; }
}

@media (prefers-reduced-motion: reduce){
  .cThreadBar, .ringWA1, .ringWA2, .ringWA3, .ringEmail, .mOrbitWrap, .chanCard:hover::after{ animation:none !important; }
}