#ask-calculator .calc {
        border: 1px solid var(--line); border-radius: 18px;
        background: var(--card); padding: 28px;
        max-width: 980px; margin: 0 auto;
      }
      #ask-calculator .calc-main {
        display: grid; grid-template-columns: 1fr 320px; gap: 24px; align-items: start;
      }
      @media (max-width: 900px) { #ask-calculator .calc-main { grid-template-columns: 1fr; } }
      #ask-calculator .group {
        background: #ffffff;
        border: 1px solid var(--line); border-radius: 14px; padding: 18px;
        margin-bottom: 14px;
      }
      #ask-calculator .group:last-child { margin-bottom: 0; }
      #ask-calculator .group-label {
        display: block; font-size: 11px; font-weight: 700;
        letter-spacing: .08em; text-transform: uppercase;
        color: var(--muted); margin-bottom: 14px;
        font-family: 'Sora', sans-serif;
      }
      #ask-calculator .seg { display: flex; gap: 8px; flex-wrap: wrap; }
      #ask-calculator .seg button {
        appearance: none; border: 1px solid var(--line);
        background: #f2f8f9; color: var(--text);
        border-radius: 10px; padding: 10px 14px; cursor: pointer;
        font-size: 14px; transition: all .2s; font-family: 'DM Sans', sans-serif;
      }
      #ask-calculator .seg button[aria-pressed="true"] {
        background: #178679;
        color: #ffffff; border-color: transparent; font-weight: 700;
      }
      #ask-calculator .plan-desc { margin-top: 10px; color: var(--muted); font-size: 13px; line-height: 1.5; }
      #ask-calculator .members { display: grid; gap: 8px; }
      #ask-calculator .member-row {
        display: grid; grid-template-columns: 1fr auto; gap: 8px; align-items: center;
        background: #f7fafb; border: 1px solid var(--line);
        border-radius: 10px; padding: 10px 12px;
      }
      #ask-calculator select {
        width: 100%; appearance: none; border: 1px solid var(--line);
        border-radius: 10px; background: #f7fafb;
        color: var(--text); padding: 9px 12px; font-size: 14px;
        font-family: 'DM Sans', sans-serif; cursor: pointer;
      }
      #ask-calculator select option { background: #ffffff; color: #172b3b; }
      #ask-calculator .remove {
        background: none; border: 1px solid var(--line); color: var(--muted);
        border-radius: 8px; padding: 7px 10px; cursor: pointer; font-size: 13px; transition: all .2s;
      }
      #ask-calculator .remove:hover { border-color: rgba(236,72,153,.3); color: #ec4899; }
      #ask-calculator .add-btn {
        margin-top: 8px; width: 100%;
        background: #f2f8f9; border: 1px dashed var(--line);
        color: var(--muted); border-radius: 10px; padding: 10px 12px;
        cursor: pointer; font-size: 14px; transition: all .2s;
      }
      #ask-calculator .add-btn:hover { background: #e8f4f5; color: var(--text); }
      #ask-calculator .addons { display: grid; gap: 9px; }
      #ask-calculator .addon-row {
        display: flex; align-items: center; justify-content: space-between;
        gap: 12px; padding: 11px 13px;
        background: #ffffff; border: 1px solid var(--line);
        border-radius: 12px; transition: border-color .2s, background .2s;
        cursor: pointer; user-select: none;
      }
      #ask-calculator .addon-row.is-on { border-color: rgba(16,212,168,.25); background: #e9f5f0; }
      #ask-calculator .addon-row:hover { border-color: #a5cad2; }
      #ask-calculator .addon-row.is-on:hover { border-color: rgba(16,212,168,.38); }

      #ask-calculator .addon-row.flash-enable {
        animation: flashEnable .55s ease forwards;
      }
      #ask-calculator .addon-row.flash-disable {
        animation: flashDisable .55s ease forwards;
      }
      @keyframes flashEnable {
        0%   { border-color: rgba(16,212,168,.9); background: rgba(16,212,168,.18); box-shadow: 0 0 0 3px rgba(16,212,168,.22); }
        60%  { border-color: rgba(16,212,168,.5); background: rgba(16,212,168,.09); box-shadow: 0 0 0 1px rgba(16,212,168,.1); }
        100% { border-color: rgba(16,212,168,.25); background: #e9f5f0; box-shadow: none; }
      }
      @keyframes flashDisable {
        0%   { border-color: rgba(236,72,153,.9); background: rgba(236,72,153,.15); box-shadow: 0 0 0 3px rgba(236,72,153,.22); }
        60%  { border-color: rgba(236,72,153,.4); background: rgba(236,72,153,.06); box-shadow: 0 0 0 1px rgba(236,72,153,.1); }
        100% { border-color: var(--line); background: #ffffff; box-shadow: none; }
      }

      #ask-calculator .addon-left { display: flex; align-items: center; gap: 10px; }
      #ask-calculator .addon-ico {
        width: 32px; height: 32px; border-radius: 9px; font-size: 16px;
        display: flex; align-items: center; justify-content: center;
        background: #eef5f7; flex-shrink: 0; transition: background .2s;
      }
      #ask-calculator .addon-row.is-on .addon-ico { background: #d9f1e8; }
      #ask-calculator .addon-name { font-size: 14px; font-weight: 600; color: var(--text); }
      #ask-calculator .addon-cost { font-size: 12px; color: var(--muted); margin-top: 2px; }
      #ask-calculator .addon-row.is-on .addon-cost { color: var(--brand); }
      #ask-calculator .addon-dep-hint {
        font-size: 11px; color: rgba(236,72,153,.8); margin-top: 3px;
        display: none; font-style: italic;
      }
      #ask-calculator .addon-row.is-locked .addon-dep-hint { display: block; }
      #ask-calculator .addon-row.is-locked .addon-name { opacity: .7; }
      #ask-calculator .toggle { position: relative; width: 40px; height: 22px; flex-shrink: 0; }
      #ask-calculator .toggle input { opacity: 0; width: 0; height: 0; position: absolute; }
      #ask-calculator .toggle-track {
        position: absolute; inset: 0; border-radius: 999px;
        background: #cbdce1; transition: background .2s; cursor: pointer;
      }
      #ask-calculator .toggle input:checked + .toggle-track {
        background: #178679;
      }
      #ask-calculator .toggle-thumb {
        position: absolute; top: 3px; left: 3px;
        width: 16px; height: 16px; border-radius: 50%;
        background: #fff; transition: transform .2s; pointer-events: none;
      }
      #ask-calculator .toggle input:checked ~ .toggle-thumb { transform: translateX(18px); }
      #ask-calculator .slider-group { padding: 0 2px; }
      #ask-calculator .slider-top { display: flex; justify-content: space-between; align-items: center; margin-bottom: 6px; }
      #ask-calculator .slider-label { font-size: 14px; color: var(--text); font-weight: 500; }
      #ask-calculator .slider-val { font-size: 15px; font-weight: 700; font-family: 'Sora', sans-serif; color: var(--brand); }
      #ask-calculator .slider-hint { font-size: 12px; color: var(--muted); margin-bottom: 12px; line-height: 1.5; }
      #ask-calculator input[type="range"] {
        -webkit-appearance: none; appearance: none;
        width: 100%; height: 4px; border-radius: 999px;
        background: #dbe9ed; outline: none; cursor: pointer;
      }
      #ask-calculator input[type="range"]::-webkit-slider-thumb {
        -webkit-appearance: none; appearance: none;
        width: 20px; height: 20px; border-radius: 50%;
        background: #178679;
        cursor: pointer; border: 2px solid #ffffff;
        box-shadow: 0 2px 8px rgba(16,212,168,.4);
      }
      #ask-calculator input[type="range"]::-moz-range-thumb {
        width: 20px; height: 20px; border-radius: 50%;
        background: #178679;
        cursor: pointer; border: 2px solid #ffffff;
      }
      #ask-calculator .slider-ticks { display: flex; justify-content: space-between; margin-top: 7px; font-size: 11px; color: var(--muted); }
      #ask-calculator .summary-panel {
        position: sticky; top: calc(var(--header-h, 72px) + 16px);
        background: #e9f5f0; border: 1px solid rgba(16,212,168,.2);
        border-radius: 16px; padding: 22px;
      }
      #ask-calculator .summary-eyebrow {
        font-size: 11px; font-weight: 700; letter-spacing: .08em;
        text-transform: uppercase; color: var(--muted);
        font-family: 'Sora', sans-serif; margin-bottom: 16px;
      }
      #ask-calculator .total-block { text-align: center; margin-bottom: 18px; padding-bottom: 18px; border-bottom: 1px solid var(--line); }
      #ask-calculator .total-num {
        font-size: clamp(38px, 5vw, 50px); font-weight: 800; line-height: 1;
        font-family: 'Sora', sans-serif;
        background: #178679;
        -webkit-background-clip: text; -webkit-text-fill-color: transparent;
        background-clip: text; transition: transform .18s ease; display: inline-block;
      }
      #ask-calculator .total-label { font-size: 13px; color: var(--muted); margin-top: 4px; }
      #ask-calculator .savings-badge {
        display: flex; align-items: center; justify-content: center; gap: 6px;
        border-radius: 10px; padding: 9px 12px; margin-bottom: 16px;
        font-size: 13px; font-weight: 600;
        background: rgba(245,158,11,.08); border: 1px solid rgba(245,158,11,.2); color: #f59e0b;
        transition: all .2s;
      }
      #ask-calculator .breakdown { display: grid; gap: 7px; margin-bottom: 16px; }
      #ask-calculator .br-row { display: flex; justify-content: space-between; align-items: center; font-size: 13px; }
      #ask-calculator .br-label { color: var(--muted); }
      #ask-calculator .br-val { font-weight: 600; color: var(--text); }
      #ask-calculator .br-val.saving { color: #f59e0b; }
      #ask-calculator .br-val.added  { color: #ec4899; }
      #ask-calculator .br-divider { height: 1px; background: var(--line); margin: 4px 0; }
      #ask-calculator .br-row.total .br-label { color: var(--text); font-weight: 700; }
      #ask-calculator .br-row.total .br-val   { color: var(--brand); font-size: 15px; }
      #ask-calculator .plan-details { margin-bottom: 18px; }
      #ask-calculator .pd-title {
        font-size: 11px; font-weight: 700; letter-spacing: .06em;
        text-transform: uppercase; color: var(--muted); margin-bottom: 9px;
        font-family: 'Sora', sans-serif;
      }
      #ask-calculator .pd-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 7px; }
      #ask-calculator .pd-tile {
        background: #f7fafb; border: 1px solid var(--line);
        border-radius: 10px; padding: 9px 10px; text-align: center;
      }
      #ask-calculator .pd-val { font-size: 14px; font-weight: 700; color: var(--text); font-family: 'Sora', sans-serif; }
      #ask-calculator .pd-lbl { font-size: 11px; color: var(--muted); margin-top: 2px; }
      #ask-calculator .note {
        background: #e9f5f0; border: 1px solid rgba(16,212,168,.14);
        border-radius: 10px; padding: 10px 12px; color: var(--muted);
        font-size: 12px; display: none; text-align: center; margin-bottom: 14px;
      }


#ask-calculator {
  --text: #172b3b;
  --muted: #536a78;
  --line: #d7e5ea;
  --card: #ffffff;
  --brand: #187d91;
  --brand-2: #17886d;
  background: #eff6f8;
  color: #172b3b;
  padding: clamp(64px, 7vw, 104px) 20px;
}
#ask-calculator .container { width: min(1180px,100%); margin: 0 auto; }
#ask-calculator .section-title { color: #172b3b; font: 800 clamp(32px,4vw,54px)/1.13 'Plus Jakarta Sans',sans-serif; letter-spacing: -.05em; max-width: 840px; margin: 0 auto 12px; }
#ask-calculator .calculator-intro { margin: 0 auto; font-size: 16px; color: #526d7a; line-height: 1.6; }
#ask-calculator .calc { width: 100%; max-width: 1120px; background: #fff; border: 1px solid #dce8ed; padding: clamp(16px,3vw,32px); box-shadow: 0 20px 52px rgba(23,56,75,.08); }
#ask-calculator .calc-main { grid-template-columns: minmax(0,1fr) minmax(280px,320px); gap: clamp(18px,2.6vw,30px); }
#ask-calculator .group { background: #fff; border: 1px solid #dce8ed; }
#ask-calculator .group-label, #ask-calculator .pd-title { color: #526d7a; }
#ask-calculator .seg button { color: #264757; background: #f5f9fa; border-color: #d7e5ea; }
#ask-calculator .seg button[aria-pressed="true"] { color: #fff; background: #187d91; border-color: #187d91; }
#ask-calculator .member-row, #ask-calculator .addon-row, #ask-calculator .pd-tile { background: #f7fafb; border-color: #dce8ed; }
#ask-calculator .addon-row.is-on { background: #eef8f4; border-color: #99d0c2; }
#ask-calculator .addon-row:hover, #ask-calculator .addon-row.is-on:hover { border-color: #178679; }
#ask-calculator .addon-row .addon-ico { background: #e7f1f4; }
#ask-calculator .addon-row.is-on .addon-ico { background: #d8f1e8; }
#ask-calculator select, #ask-calculator select option { background: #fff; color: #172b3b; border-color: #cbdde5; }
#ask-calculator .add-btn { background: #fff; color: #187d91; border-color: #a7cbd3; }
#ask-calculator .summary-panel { background: #eaf6f3; border-color: #c7e6de; color: #172b3b; }
#ask-calculator .total-num { background: none; -webkit-text-fill-color: #178679; color: #178679; }
#ask-calculator .br-val.saving { color: #176e61; }
#ask-calculator .br-val.added { color: #a93d5e; }
#ask-calculator .toggle input:checked + .toggle-track { background: #178679; }
#ask-calculator .slider-val { color: #176e79; }
#ask-calculator input[type="range"]::-webkit-slider-thumb, #ask-calculator input[type="range"]::-moz-range-thumb { background: #178679; }
#ask-calculator .group button:focus-visible, #ask-calculator .group input:focus-visible, #ask-calculator .group select:focus-visible, #ask-calculator a:focus-visible { outline: 3px solid #187d91; outline-offset: 3px; }
@media (max-width: 920px) { #ask-calculator .calc-main { grid-template-columns: 1fr; } #ask-calculator .summary-panel { position: static; } }
@media (max-width: 640px) { #ask-calculator { padding: 55px 16px; } #ask-calculator .calc { padding: 14px; } #ask-calculator .group { padding: 14px; } #ask-calculator .calc-main { gap: 14px; } #ask-calculator .summary-panel { padding: 16px; } }