/* ═══ CSS CONSULT RCI CALCULATOR v2.0 — LIGHT MODE (PRINT-READY) ═══ */

/* NUCLEAR RESET */
.cssc,.cssc *,.cssc *::before,.cssc *::after{box-sizing:border-box !important;margin:0 !important;padding:0 !important;border:0 !important;outline:0 !important;float:none !important;list-style:none !important;text-indent:0 !important;text-shadow:none !important;text-decoration:none !important;vertical-align:baseline !important}

/* ROOT CONTAINER — Light / print-ready */
.cssc{
  --bg:#ffffff;--text:#111827;--muted:#374151;
  --muted2:#6B7280;--muted3:#9CA3AF;
  --teal:#0D9488;--teal-light:#0F766E;--teal-glow:rgba(13,148,136,.18);
  --indigo:#4F46E5;--indigo-glow:rgba(79,70,229,.15);
  --red:#DC2626;--red-dark:#991B1B;--red-light:#FCA5A5;--red-bg:#FEF2F2;
  --green:#15803D;--green-dark:#166534;--green-light:#DCFCE7;
  --amber:#D97706;--purple:#7C3AED;
  --stroke:rgba(0,0,0,.12);--panel:rgba(0,0,0,.03);
  --mono:'JetBrains Mono',monospace;--sans:'Inter',system-ui,sans-serif;
  font-family:var(--sans) !important;color:var(--text) !important;font-size:15px !important;line-height:1.6 !important;
  background:#F8FAFC !important;
  min-height:100vh !important;padding:28px 20px 80px !important;max-width:960px !important;margin:0 auto !important;-webkit-font-smoothing:antialiased !important;
}

/* STEPS */
.cssc .cssc-step{display:none !important;animation:csscFadeUp .5s ease !important}
.cssc .cssc-step.active{display:block !important}
@keyframes csscFadeUp{from{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}

/* BRAND */
.cssc .brand-bar{display:flex !important;align-items:center !important;gap:12px !important;margin-bottom:22px !important}
.cssc .brand-logo{display:flex !important;align-items:center !important;gap:8px !important;font-size:18px !important;font-weight:900 !important;letter-spacing:-.3px !important;color:var(--text) !important}
.cssc .brand-icon{width:36px !important;height:36px !important;border-radius:10px !important;background:linear-gradient(135deg,var(--teal),var(--indigo)) !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:18px !important;color:#fff !important;font-weight:900 !important;box-shadow:0 4px 16px var(--teal-glow) !important}
.cssc .brand-sep{width:1px !important;height:20px !important;background:rgba(0,0,0,.15) !important}
.cssc .brand-sub{font-size:12px !important;color:var(--muted2) !important;font-weight:500 !important}

/* STEP NAV */
.cssc .step-nav{display:flex !important;align-items:center !important;justify-content:center !important;margin-bottom:26px !important}
.cssc .step-dot{width:38px !important;height:38px !important;border-radius:999px !important;border:2px solid rgba(0,0,0,.15) !important;background:#fff !important;display:flex !important;align-items:center !important;justify-content:center !important;font-size:13px !important;font-weight:800 !important;color:var(--muted3) !important;transition:all .35s !important}
.cssc .step-dot.active{border-color:var(--teal) !important;color:#fff !important;background:linear-gradient(135deg,var(--teal),var(--indigo)) !important;box-shadow:0 0 22px var(--teal-glow) !important}
.cssc .step-dot.done{border-color:var(--teal-light) !important;color:var(--teal-light) !important;background:rgba(13,148,136,.08) !important}
.cssc .step-line{width:56px !important;height:2px !important;background:rgba(0,0,0,.1) !important}
.cssc .step-line.done{background:linear-gradient(90deg,var(--teal-light),var(--indigo)) !important}

/* HERO */
.cssc header.hero{position:relative !important;border:1px solid var(--stroke) !important;background:#fff !important;border-radius:24px !important;box-shadow:0 4px 24px rgba(0,0,0,.08) !important;overflow:hidden !important}
.cssc .hero-inner{padding:30px 28px 24px !important;display:grid !important;grid-template-columns:1.4fr .9fr !important;gap:20px !important}
.cssc .hero-bg{position:absolute !important;inset:-110px -130px auto auto !important;width:500px !important;height:500px !important;background:radial-gradient(circle at 35% 35%,rgba(13,148,136,.08),transparent 50%),radial-gradient(circle at 70% 50%,rgba(79,70,229,.06),transparent 50%) !important;filter:blur(18px) !important;opacity:.8 !important;transform:rotate(8deg) !important;pointer-events:none !important}
.cssc .badge{display:inline-flex !important;align-items:center !important;gap:10px !important;padding:8px 14px !important;border-radius:999px !important;border:1px solid var(--stroke) !important;background:#F1F5F9 !important;color:var(--muted) !important;font-weight:600 !important;font-size:12.5px !important;letter-spacing:.3px !important;width:fit-content !important;text-transform:uppercase !important}
.cssc .dot{width:10px !important;height:10px !important;border-radius:999px !important;background:radial-gradient(circle at 30% 30%,var(--teal-light),var(--indigo)) !important;box-shadow:0 0 10px var(--teal-glow) !important}
.cssc h1{margin:14px 0 10px !important;font-size:clamp(24px,3vw,36px) !important;line-height:1.08 !important;letter-spacing:-.5px !important;font-weight:900 !important;color:var(--text) !important}
.cssc h2{color:var(--text) !important;font-weight:900 !important}
.cssc .teal{color:var(--teal) !important}
.cssc .sub{margin:0 0 18px !important;color:var(--muted) !important;font-size:15px !important;line-height:1.5 !important;max-width:58ch !important}
.cssc .split{display:flex !important;gap:8px !important;flex-wrap:wrap !important;align-items:center !important}
.cssc .pill{padding:5px 10px !important;border:1px solid rgba(0,0,0,.12) !important;border-radius:999px !important;color:var(--muted) !important;font-size:11.5px !important;font-weight:700 !important;background:#F1F5F9 !important;white-space:nowrap !important}
.cssc .mini{border:1px solid var(--stroke) !important;background:#F8FAFC !important;border-radius:14px !important;padding:14px !important}
.cssc .mini .k{color:var(--muted2) !important;font-size:11.5px !important;letter-spacing:.3px !important;text-transform:uppercase !important;font-weight:700 !important}
.cssc .mini .v{margin-top:5px !important;font-size:15.5px !important;font-weight:700 !important;color:var(--text) !important}
.cssc .mini .v span{font-family:var(--mono) !important;font-weight:800 !important}
.cssc .hero-cards{display:grid !important;gap:10px !important;align-content:start !important}

/* CURRENCY */
.cssc .curr-switch{display:inline-flex !important;border:1px solid rgba(0,0,0,.15) !important;border-radius:999px !important;overflow:hidden !important;background:#F1F5F9 !important}
.cssc .curr{padding:5px 12px !important;border:none !important;border-radius:0 !important;background:transparent !important;color:var(--muted) !important;font-size:11.5px !important;font-weight:700 !important;cursor:pointer !important;white-space:nowrap !important;font-family:var(--sans) !important;display:inline-block !important}
.cssc .curr:hover{color:var(--text) !important;background:rgba(0,0,0,.05) !important}
.cssc .curr.active{background:linear-gradient(135deg,rgba(13,148,136,.20),rgba(79,70,229,.10)) !important;color:var(--teal) !important;box-shadow:none !important}
.cssc .curr+.curr{border-left:1px solid rgba(0,0,0,.1) !important}

/* PANELS */
.cssc .panel{border:1px solid var(--stroke) !important;background:#fff !important;border-radius:16px !important;box-shadow:0 2px 12px rgba(0,0,0,.06) !important;overflow:hidden !important}
.cssc .panel-head{padding:13px 16px 11px !important;border-bottom:1px solid rgba(0,0,0,.08) !important;display:flex !important;align-items:center !important;justify-content:space-between !important;gap:10px !important;background:#F8FAFC !important}
.cssc .panel-title{font-weight:800 !important;font-size:14.5px !important;display:flex !important;align-items:center !important;gap:9px !important;color:var(--text) !important}
.cssc .panel-body{padding:16px !important}

/* FORMS */
.cssc .form-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important}
.cssc .form-grid .full{grid-column:1/-1 !important}
.cssc label{display:block !important;font-weight:700 !important;font-size:12.5px !important;color:var(--muted) !important;margin-bottom:5px !important}
.cssc .req{color:var(--red) !important;font-weight:800 !important}.cssc .opt{color:var(--muted3) !important;font-weight:400 !important;font-size:11px !important}
.cssc .hint{color:var(--muted2) !important;font-size:11.5px !important;line-height:1.35 !important}
.cssc .hr{height:1px !important;background:rgba(0,0,0,.08) !important;margin:14px 0 10px !important}

/* NUCLEAR INPUT/SELECT — Light mode */
.cssc input[type="text"],.cssc input[type="email"],.cssc input[type="tel"],.cssc input[type="number"],.cssc input[type="password"],.cssc select{
  width:100% !important;padding:10px 12px !important;border-radius:10px !important;
  border:1px solid rgba(0,0,0,.18) !important;
  background:#fff !important;background-color:#fff !important;
  -webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;
  color:#111827 !important;font-weight:600 !important;
  font-size:13.5px !important;font-family:var(--sans) !important;
  outline:none !important;box-shadow:none !important;
  -webkit-text-fill-color:#111827 !important;
  transition:border-color .2s,box-shadow .2s !important;
}
/* Autofill — light */
.cssc input:-webkit-autofill,.cssc input:-webkit-autofill:hover,.cssc input:-webkit-autofill:focus,.cssc input:-webkit-autofill:active,.cssc select:-webkit-autofill{
  -webkit-box-shadow:0 0 0 9999px #fff inset !important;
  box-shadow:0 0 0 9999px #fff inset !important;
  -webkit-text-fill-color:#111827 !important;
  background-color:#fff !important;
  border:1px solid rgba(0,0,0,.18) !important;
  caret-color:#111827 !important;
  transition:background-color 600000s 0s,color 600000s 0s !important;
}
.cssc input:autofill,.cssc select:autofill{
  -webkit-text-fill-color:#111827 !important;
  box-shadow:0 0 0 9999px #fff inset !important;
  transition:background-color 600000s 0s,color 600000s 0s !important;
}
.cssc .form-grid input,.cssc .form-grid select,.cssc .panel-body input,.cssc .panel-body select,
.cssc .form-grid input:-webkit-autofill,.cssc .panel-body input:-webkit-autofill{
  background:#fff !important;background-color:#fff !important;
  color:#111827 !important;-webkit-text-fill-color:#111827 !important;
}
.cssc input::placeholder{color:rgba(0,0,0,.35) !important;-webkit-text-fill-color:rgba(0,0,0,.35) !important}
.cssc select{
  cursor:pointer !important;
  -webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;
  background-color:#fff !important;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' fill='rgba(0,0,0,.45)' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E") !important;
  background-repeat:no-repeat !important;background-position:right 12px center !important;
  padding-right:36px !important;
}
.cssc select,.cssc select:focus,.cssc select:hover,.cssc select:active,.cssc select:visited{
  -webkit-appearance:none !important;-moz-appearance:none !important;appearance:none !important;
  background-color:#fff !important;color:#111827 !important;
  outline:none !important;
}
.cssc select option{background:#fff !important;background-color:#fff !important;color:#111827 !important}
.cssc input:focus,.cssc select:focus{border-color:rgba(13,148,136,.7) !important;box-shadow:0 0 0 3px rgba(13,148,136,.12) !important}
.cssc input::placeholder{color:rgba(0,0,0,.32) !important;font-weight:400 !important}

/* CONSENT */
.cssc .consent-area{margin-top:20px !important;display:grid !important;gap:10px !important}
.cssc .consent-box{display:flex !important;gap:13px !important;cursor:pointer !important;padding:14px 16px !important;border-radius:12px !important;border:1px solid rgba(0,0,0,.10) !important;background:#F8FAFC !important;transition:all .25s !important;align-items:flex-start !important;user-select:none !important}
.cssc .consent-box:hover{border-color:rgba(13,148,136,.35) !important;background:#F0FDFA !important}
.cssc .consent-box input[type="checkbox"]{display:none !important;width:0 !important;height:0 !important;opacity:0 !important;position:absolute !important}
.cssc .consent-box .check{flex-shrink:0 !important;width:22px !important;height:22px !important;min-width:22px !important;border:2px solid rgba(0,0,0,.22) !important;border-radius:7px !important;display:flex !important;align-items:center !important;justify-content:center !important;transition:all .2s !important;margin-top:1px !important;background:#fff !important}
.cssc .consent-box input:checked+.check{background:var(--teal) !important;border-color:var(--teal) !important;box-shadow:0 0 8px var(--teal-glow) !important}
.cssc .consent-box input:checked+.check::after{content:'✓' !important;color:#fff !important;font-size:13px !important;font-weight:900 !important;display:block !important}
.cssc .ctxt{font-size:12px !important;color:var(--muted) !important;line-height:1.55 !important}
.cssc .notice-box{background:rgba(13,148,136,.06) !important;border:1px solid rgba(13,148,136,.20) !important;border-radius:12px !important;padding:14px 18px !important;font-size:12.5px !important;color:#0F766E !important;line-height:1.55 !important}
.cssc .notice-box a{color:var(--teal) !important;text-decoration:underline !important;font-weight:700 !important}

/* BUTTONS */
.cssc button,.cssc .btn{cursor:pointer !important;font-family:var(--sans) !important;border:1px solid rgba(0,0,0,.15) !important;padding:11px 18px !important;border-radius:12px !important;font-weight:800 !important;font-size:13.5px !important;transition:all .25s !important;display:inline-flex !important;align-items:center !important;gap:8px !important;background:#F1F5F9 !important;color:var(--text) !important}
.cssc .btn-primary{background:linear-gradient(135deg,var(--teal),var(--indigo)) !important;color:white !important;box-shadow:0 4px 14px rgba(13,148,136,.22) !important;border-color:transparent !important}
.cssc .btn-primary:hover{box-shadow:0 6px 20px rgba(13,148,136,.35) !important;transform:translateY(-1px) !important}
.cssc .btn-secondary{background:#F1F5F9 !important;border-color:rgba(0,0,0,.15) !important}
.cssc .btn-ghost{background:transparent !important;border-color:transparent !important;color:var(--muted) !important}
.cssc .actions-bar{display:flex !important;gap:10px !important;flex-wrap:wrap !important;margin-top:20px !important;justify-content:space-between !important}

/* ═══ ALERT HERO — Red urgency ═══ */
.cssc .alert-hero{background:linear-gradient(135deg,#7F1D1D 0%,#B91C1C 50%,#DC2626 100%) !important;border-radius:20px !important;padding:36px 28px !important;text-align:center !important;margin-bottom:24px !important;position:relative !important;overflow:hidden !important}
.cssc .alert-hero::before{content:'' !important;position:absolute !important;top:0 !important;left:0 !important;right:0 !important;bottom:0 !important;background:radial-gradient(circle at 30% 20%,rgba(255,255,255,.10),transparent 50%) !important;pointer-events:none !important}
.cssc .alert-hero *{color:#fff !important}
.cssc .alert-icon{font-size:52px !important;margin-bottom:10px !important}
.cssc .alert-label{font-size:12px !important;text-transform:uppercase !important;letter-spacing:3px !important;margin-bottom:8px !important;opacity:.85 !important}
.cssc .alert-amount{font-size:clamp(42px,7vw,68px) !important;font-weight:900 !important;font-family:var(--mono) !important;line-height:1 !important;margin-bottom:8px !important}
.cssc .alert-sub{font-size:16px !important;opacity:.85 !important}

/* ═══ ICEBERG ═══ */
.cssc .iceberg{margin:24px 0 !important;border-radius:20px !important;overflow:hidden !important;box-shadow:0 8px 30px rgba(0,0,0,.12) !important}
.cssc .iceberg-title{font-size:18px !important;font-weight:800 !important;text-align:center !important;margin-bottom:18px !important;display:flex !important;align-items:center !important;justify-content:center !important;gap:10px !important;color:var(--text) !important}
.cssc .ice-visible{background:linear-gradient(180deg,#DBEAFE 0%,#EFF6FF 100%) !important;border:2px solid #93C5FD !important;border-bottom:none !important;padding:22px !important;border-radius:20px 20px 0 0 !important}
.cssc .ice-visible *{color:#1E293B !important}
.cssc .ice-header{display:flex !important;align-items:center !important;gap:10px !important;margin-bottom:14px !important}
.cssc .ice-label{font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:1.5px !important}
.cssc .ice-sublabel{font-size:12px !important}
.cssc .ice-visible .ice-label{color:#1E40AF !important}
.cssc .ice-visible .ice-sublabel{color:#3B82F6 !important}
.cssc .cost-row{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:11px 0 !important;border-bottom:1px solid rgba(59,130,246,.2) !important}
.cssc .cost-row:last-of-type{border-bottom:none !important}
.cssc .cost-name{font-size:14px !important;font-weight:600 !important;display:flex !important;align-items:center !important;gap:8px !important}
.cssc .cost-val{font-size:17px !important;font-weight:800 !important;font-family:var(--mono) !important}
.cssc .ice-visible .cost-val{color:#1E40AF !important}
.cssc .subtotal{display:flex !important;justify-content:space-between !important;align-items:center !important;padding:12px 16px !important;border-radius:10px !important;margin-top:10px !important}
.cssc .ice-visible .subtotal{background:rgba(59,130,246,.12) !important}
.cssc .subtotal-label{font-size:13px !important;font-weight:700 !important}
.cssc .subtotal-val{font-size:19px !important;font-weight:900 !important;font-family:var(--mono) !important}
.cssc .ice-visible .subtotal-label,.cssc .ice-visible .subtotal-val{color:#1E40AF !important}

/* WATERLINE */
.cssc .waterline{background:linear-gradient(90deg,#0EA5E9,#38BDF8,#0EA5E9) !important;height:6px !important;position:relative !important;overflow:visible !important;z-index:2 !important}
.cssc .waterline::before{content:'〰️ LIGNE DE FLOTTAISON' !important;position:absolute !important;left:50% !important;top:50% !important;transform:translate(-50%,-50%) !important;background:#0284C7 !important;color:#fff !important;font-size:10px !important;font-weight:700 !important;letter-spacing:1px !important;padding:6px 18px !important;border-radius:20px !important;white-space:nowrap !important;border:2px solid #0EA5E9 !important}

/* HIDDEN PART — light version */
.cssc .ice-hidden{background:linear-gradient(180deg,#FEF2F2 0%,#FFF5F5 100%) !important;border:2px solid #FCA5A5 !important;border-top:none !important;padding:22px !important;border-radius:0 0 20px 20px !important}
.cssc .ice-hidden *{color:#7F1D1D !important}
.cssc .ice-hidden .ice-label{color:#DC2626 !important}
.cssc .ice-hidden .ice-sublabel{color:#EF4444 !important}
.cssc .ice-hidden .cost-row{border-bottom-color:rgba(239,68,68,.18) !important}
.cssc .ice-hidden .cost-val{color:#B91C1C !important}
.cssc .ice-hidden .subtotal{background:rgba(239,68,68,.10) !important}
.cssc .ice-hidden .subtotal-label{color:#991B1B !important}
.cssc .ice-hidden .subtotal-val{color:#DC2626 !important}
.cssc .ice-hidden .cost-name{color:#7F1D1D !important}

/* INFO TOOLTIP */
.cssc .info{display:inline-flex !important;align-items:center !important;justify-content:center !important;width:16px !important;height:16px !important;border-radius:50% !important;font-size:10px !important;font-weight:700 !important;cursor:help !important;position:relative !important;flex-shrink:0 !important}
.cssc .ice-visible .info{background:#BFDBFE !important;color:#1E40AF !important}
.cssc .ice-hidden .info{background:#FECACA !important;color:#B91C1C !important}
.cssc .info:hover::after{content:attr(data-tip) !important;position:absolute !important;bottom:130% !important;left:50% !important;transform:translateX(-50%) !important;background:#1E293B !important;color:#fff !important;font-size:11px !important;font-weight:400 !important;padding:8px 12px !important;border-radius:6px !important;width:200px !important;text-align:center !important;z-index:100 !important;line-height:1.4 !important;pointer-events:none !important}

/* ═══ LOI 27 COUNTDOWN ═══ */
.cssc .loi27-card{background:linear-gradient(135deg,#4C1D95 0%,#7C3AED 100%) !important;border-radius:20px !important;padding:26px !important;margin:24px 0 !important;position:relative !important;overflow:hidden !important}
.cssc .loi27-card *{color:#fff !important}
.cssc .loi27-badge{display:inline-block !important;background:rgba(255,255,255,.22) !important;padding:5px 14px !important;border-radius:999px !important;font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:1px !important;margin-bottom:14px !important}
.cssc .loi27-title{font-size:18px !important;font-weight:800 !important;margin-bottom:16px !important}
.cssc .loi27-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important}
.cssc .loi27-item{background:rgba(255,255,255,.18) !important;border-radius:14px !important;padding:16px !important}
.cssc .loi27-item-label{font-size:12px !important;opacity:.85 !important;margin-bottom:5px !important}
.cssc .loi27-item-val{font-size:24px !important;font-weight:900 !important;font-family:var(--mono) !important}
.cssc .loi27-item-note{font-size:11px !important;opacity:.75 !important;margin-top:3px !important}

/* ═══ COMPARATOR A/B ═══ */
.cssc .comparator{margin:24px 0 !important}
.cssc .comp-title{font-size:18px !important;font-weight:800 !important;text-align:center !important;margin-bottom:16px !important;color:var(--text) !important}
.cssc .comp-grid{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important}
.cssc .scenario{border-radius:16px !important;padding:22px !important;position:relative !important}
.cssc .scenario-a{background:#FEF2F2 !important;border:2px solid #FECACA !important}
.cssc .scenario-a *{color:#991B1B !important}
.cssc .scenario-b{background:#F0FDF4 !important;border:2px solid #BBF7D0 !important}
.cssc .scenario-b *{color:#166534 !important}
.cssc .scenario-badge{display:inline-block !important;font-size:10px !important;font-weight:700 !important;padding:4px 10px !important;border-radius:4px !important;text-transform:uppercase !important;letter-spacing:1px !important;margin-bottom:10px !important}
.cssc .scenario-a .scenario-badge{background:#DC2626 !important;color:#fff !important}
.cssc .scenario-b .scenario-badge{background:#16A34A !important;color:#fff !important}
.cssc .scenario-name{font-size:15px !important;font-weight:800 !important;margin-bottom:8px !important}
.cssc .scenario-amount{font-size:26px !important;font-weight:900 !important;font-family:var(--mono) !important;margin-bottom:14px !important}
.cssc .scenario-a .scenario-amount{color:#DC2626 !important}
.cssc .scenario-b .scenario-amount{color:#16A34A !important}
.cssc .scenario-list li{font-size:12.5px !important;padding:7px 0 !important;display:flex !important;align-items:flex-start !important;gap:7px !important}
.cssc .scenario-a .scenario-list li{border-bottom:1px solid #FECACA !important}
.cssc .scenario-b .scenario-list li{border-bottom:1px solid #BBF7D0 !important}
.cssc .scenario-list li:last-child{border-bottom:0 !important}
.cssc .scenario-a .scenario-list li::before{content:'✗' !important;color:#DC2626 !important;font-weight:700 !important;flex-shrink:0 !important}
.cssc .scenario-b .scenario-list li::before{content:'✓' !important;color:#16A34A !important;font-weight:700 !important;flex-shrink:0 !important}
.cssc .rci-badge{display:inline-block !important;background:linear-gradient(135deg,#16A34A,#22C55E) !important;color:#fff !important;font-size:14px !important;font-weight:700 !important;padding:10px 18px !important;border-radius:10px !important;margin-top:12px !important;text-align:center !important}

/* ═══ PROJECTION TABLE ═══ */
.cssc .projection{margin:24px 0 !important}
.cssc .proj-title{font-size:18px !important;font-weight:800 !important;text-align:center !important;margin-bottom:16px !important;color:var(--text) !important}
.cssc .proj-table{width:100% !important;border-collapse:collapse !important;border-radius:14px !important;overflow:hidden !important;border:1px solid rgba(0,0,0,.12) !important;display:table !important}
.cssc .proj-table thead{display:table-header-group !important}
.cssc .proj-table tbody{display:table-row-group !important}
.cssc .proj-table tr{display:table-row !important}
.cssc .proj-table th{padding:10px !important;font-size:11px !important;text-transform:uppercase !important;letter-spacing:.3px !important;font-weight:700 !important;background:#F1F5F9 !important;color:var(--muted) !important;display:table-cell !important;text-align:center !important}
.cssc .proj-table td{padding:10px !important;font-size:13px !important;font-family:var(--mono) !important;font-weight:700 !important;border-bottom:1px solid rgba(0,0,0,.06) !important;text-align:center !important;display:table-cell !important}
.cssc .proj-table .yr{color:var(--muted) !important;font-family:var(--sans) !important;font-weight:800 !important}
.cssc .proj-table .bad{color:#DC2626 !important}
.cssc .proj-table .good{color:#16A34A !important}
.cssc .proj-table .accent{color:var(--teal) !important}
.cssc .proj-table tr:last-child td{border-bottom:0 !important;background:rgba(13,148,136,.05) !important}

/* RADIO CARDS */
.cssc .confirm-options{display:grid !important;grid-template-columns:1fr 1fr !important;gap:14px !important}
.cssc .radio-card{cursor:pointer !important;border:2px solid rgba(0,0,0,.10) !important;border-radius:16px !important;padding:20px 18px !important;background:#fff !important;transition:all .3s !important;user-select:none !important}
.cssc .radio-card:hover{border-color:rgba(13,148,136,.30) !important;background:#F0FDFA !important}
.cssc .radio-card input[type="radio"]{display:none !important;width:0 !important;height:0 !important;opacity:0 !important;position:absolute !important}
.cssc .radio-card:has(input:checked){border-color:var(--teal) !important;background:rgba(13,148,136,.05) !important;box-shadow:0 0 0 3px rgba(13,148,136,.10) !important}
.cssc .card-icon{font-size:30px !important;margin-bottom:8px !important}
.cssc .card-title{font-weight:900 !important;font-size:15px !important;margin-bottom:5px !important;color:var(--text) !important}
.cssc .card-desc{font-size:12px !important;color:var(--muted) !important;line-height:1.55 !important}

/* SUCCESS */
.cssc .success-icon{font-size:52px !important;margin-bottom:14px !important;animation:csscPop .5s cubic-bezier(.22,1,.36,1) !important}
@keyframes csscPop{0%{transform:scale(0);opacity:0}60%{transform:scale(1.12)}100%{transform:scale(1);opacity:1}}
.cssc .success-title{font-size:24px !important;font-weight:900 !important;margin-bottom:8px !important;color:var(--text) !important}
.cssc .success-sub{color:var(--muted) !important;font-size:14.5px !important;line-height:1.5 !important;max-width:460px !important;margin:0 auto 24px !important}
.cssc .success-sub strong{color:var(--teal) !important}
.cssc .privacy-footer{margin-top:28px !important;padding-top:18px !important;border-top:1px solid rgba(0,0,0,.08) !important}
.cssc .privacy-footer p{font-size:11.5px !important;color:var(--muted3) !important;line-height:1.5 !important}
.cssc .privacy-footer a{color:var(--teal) !important;font-weight:700 !important}

/* ═══ PROJECTION CHART ═══ */
.cssc .proj-bars{display:grid !important;gap:16px !important}
.cssc .proj-bar-group{animation:csscSlideIn .6s ease both !important}
@keyframes csscSlideIn{from{opacity:0;transform:translateX(-30px)}to{opacity:1;transform:translateX(0)}}
.cssc .proj-bar-label{font-size:13px !important;font-weight:800 !important;color:var(--muted) !important;margin-bottom:6px !important}
.cssc .proj-bar-stack{display:grid !important;gap:5px !important}
.cssc .proj-bar-item{display:flex !important;align-items:center !important;gap:10px !important;height:28px !important}
.cssc .proj-bar-fill{height:100% !important;border-radius:6px !important;min-width:8px !important;transition:width 1.2s cubic-bezier(.22,1,.36,1) !important;position:relative !important}
.cssc .bar-red{background:linear-gradient(90deg,#991B1B,#DC2626,#EF4444) !important;box-shadow:0 2px 8px rgba(220,38,38,.2) !important}
.cssc .bar-green{background:linear-gradient(90deg,#166534,#16A34A,#22C55E) !important;box-shadow:0 2px 8px rgba(22,163,74,.2) !important}
.cssc .bar-gold{background:linear-gradient(90deg,#92400E,#D97706,#F59E0B) !important;box-shadow:0 2px 8px rgba(217,119,6,.2) !important}
.cssc .proj-bar-val{font-size:12px !important;font-family:var(--mono) !important;font-weight:700 !important;white-space:nowrap !important}
.cssc .bar-red-text{color:#DC2626 !important}
.cssc .bar-green-text{color:#16A34A !important}
.cssc .bar-gold-text{color:#D97706 !important}
.cssc .proj-total-card{border:1px solid var(--stroke) !important;border-radius:14px !important;padding:16px !important;text-align:center !important;background:#fff !important}
.cssc .proj-total-icon{font-size:24px !important;margin-bottom:6px !important}
.cssc .proj-total-label{font-size:11px !important;color:var(--muted2) !important;line-height:1.4 !important;margin-bottom:6px !important}
.cssc .proj-total-val{font-size:22px !important;font-weight:900 !important;font-family:var(--mono) !important}
.cssc .total-red{border-color:rgba(220,38,38,.20) !important;background:#FEF2F2 !important}
.cssc .total-green{border-color:rgba(22,163,74,.20) !important;background:#F0FDF4 !important}
.cssc .total-gold{border-color:rgba(217,119,6,.20) !important;background:#FFFBEB !important}
.cssc details{color:var(--muted) !important}
.cssc summary{color:var(--teal) !important;font-size:13px !important;font-weight:700 !important;padding:8px 0 !important;cursor:pointer !important}

/* Kill WP/Bootstrap constraints */
.cssc .container,.cssc .row,.cssc .col{max-width:none !important;width:auto !important;padding:0 !important;margin:0 !important;float:none !important;flex:none !important}

/* RESPONSIVE */
@media(max-width:700px){
  .cssc .hero-inner{grid-template-columns:1fr !important}
  .cssc .form-grid,.cssc .comp-grid,.cssc .loi27-grid,.cssc .confirm-options{grid-template-columns:1fr !important}
  .cssc .split{flex-direction:column !important;align-items:flex-start !important}
}

/* ═══ SEVERITY STRIP ═══ */
.cssc .severity-strip{display:none;text-align:center !important;margin-bottom:18px !important;animation:csscFadeUp .6s ease !important}
.cssc .severity-badge{display:inline-block !important;font-size:16px !important;font-weight:900 !important;letter-spacing:1.5px !important;padding:10px 24px !important;border-radius:12px !important;border:2px solid !important}
.cssc .severity-detail{font-size:13px !important;color:var(--muted) !important;margin-top:8px !important;line-height:1.5 !important}

/* ═══ TANGIBLE COMPARISON ═══ */
.cssc .tangible-strip{background:#fff !important;border:1px solid var(--stroke) !important;border-radius:16px !important;padding:20px 22px !important;margin-bottom:22px !important;box-shadow:0 2px 12px rgba(0,0,0,.05) !important;animation:csscFadeUp .6s ease !important}
.cssc .tangible-intro{font-size:13px !important;font-weight:600 !important;color:var(--muted) !important;text-align:center !important;margin-bottom:14px !important;line-height:1.4 !important}
.cssc .tangible-grid{display:grid !important;grid-template-columns:1fr 1fr 1fr !important;gap:14px !important}
.cssc .tangible-card{background:#F8FAFC !important;border:1px solid var(--stroke) !important;border-radius:12px !important;padding:16px 12px !important;text-align:center !important}
.cssc .tangible-icon{font-size:24px !important;margin-bottom:4px !important;line-height:1 !important}
.cssc .tangible-val{font-size:28px !important;font-weight:900 !important;font-family:var(--mono) !important;color:var(--red) !important;line-height:1.1 !important;margin:4px 0 !important}
.cssc .tangible-label{font-size:11.5px !important;color:var(--muted2) !important;font-weight:600 !important;line-height:1.3 !important}

/* ═══ LIVE INVEST SELECTOR (in scenario B) ═══ */
.cssc .invest-selector-wrap{margin:10px 0 6px !important;display:flex !important;align-items:center !important;gap:8px !important;flex-wrap:wrap !important}
.cssc .invest-selector-label{font-size:11px !important;font-weight:700 !important;text-transform:uppercase !important;letter-spacing:.4px !important;color:#166534 !important;margin:0 !important}
.cssc .invest-selector{flex:1 !important;min-width:0 !important;padding:6px 10px !important;font-size:12px !important;font-weight:700 !important;border:1px solid rgba(22,163,74,.35) !important;border-radius:8px !important;background:#fff !important;color:#166534 !important;cursor:pointer !important}
.cssc .invest-selector:focus{outline:none !important;border-color:#16A34A !important;box-shadow:0 0 0 3px rgba(22,163,74,.15) !important}

/* ═══ PRINT ═══ */
@media print{
  .cssc{background:#fff !important;padding:0 !important;min-height:auto !important}
  .cssc button,.cssc .btn,.cssc .step-nav,.cssc .brand-bar,.cssc .consent-area,.cssc .actions-bar,.cssc .curr-switch,.cssc .invest-selector-wrap{display:none !important}
  .cssc .panel,.cssc header.hero{box-shadow:none !important;border:1px solid #d1d5db !important}
  .cssc .proj-bar-fill{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}
  .cssc .alert-hero,.cssc .loi27-card,.cssc .scenario,.cssc .severity-badge,.cssc .tangible-strip{-webkit-print-color-adjust:exact !important;print-color-adjust:exact !important}
}

/* ═══ RESPONSIVE ═══ */
@media(max-width:700px){
  .cssc .tangible-grid{grid-template-columns:1fr !important}
  .cssc .tangible-val{font-size:22px !important}
}