/* Maquette de la section Tarifs. Palette et typographie reprises du site
   (pricing-refinement.css, homepage-type.css), qui n'existe qu'en clair. */
:root{
  --canvas:#f7f6f2;--card:#fff;--ink:#1c1b19;--muted:#6b6860;--faint:#9b978d;--line:#e6e3dc;--line-soft:#eeece6;--pill:#eceae4;
  --blue:#2b44c4;--blue-deep:#1439a6;--blue-wash:#edf1f9;--save-fill:rgba(43,68,196,.09);
  --comp:#b0603a;
  --dark:#1c1b19;--on-dark:#f7f6f2;--on-dark-muted:#b8b5ad;--on-dark-line:#34322d;--on-dark-track:#2b2925;--accent-dark:#7ca2f6;--accent-dark-hover:#a9c2fa;--comp-dark:#d08a64;
  --radius:16px;--gutter:clamp(16px,4vw,48px)
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;background:var(--canvas);color:var(--ink);font:400 16px/1.5 Archivo,"PingFang SC","Hiragino Sans GB","Microsoft YaHei","Noto Sans CJK SC",system-ui,sans-serif;font-variant-numeric:tabular-nums}
button,input,select{font-family:inherit}
a{color:var(--blue);text-decoration:none}
a:hover{text-decoration:underline}
button{font:inherit;color:inherit}
[hidden]{display:none!important}
:focus-visible{outline:2px solid var(--blue);outline-offset:2px}

/* Notes de relecture */
.draft-notes{background:var(--ink);color:var(--on-dark-muted);font-size:13px;line-height:1.5}
.draft-notes summary{cursor:pointer;text-align:center;padding-block:10px;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.draft-notes summary b{color:var(--accent-dark);font-weight:600}
.draft-notes-body{max-width:1180px;margin:0 auto;display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,320px),1fr));gap:8px 40px;padding-block:4px 24px;padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.draft-notes h2{margin:8px 0 6px;font-size:14px;font-weight:600;color:var(--on-dark)}
.draft-notes ul{margin:0;padding-left:18px;display:grid;gap:4px}
.draft-notes p{margin:10px 0 0}
.draft-notes a{color:var(--accent-dark);text-decoration:underline}

/* Section */
.pr{padding-block:clamp(56px,8vw,112px);padding-left:max(var(--gutter),env(safe-area-inset-left,0px));padding-right:max(var(--gutter),env(safe-area-inset-right,0px))}
.pr-shell{max-width:1180px;margin:0 auto}
.pr-kicker{font-size:12px;font-weight:700;line-height:1.5;letter-spacing:.13em;text-transform:uppercase;color:var(--blue-deep);margin-bottom:14px}
.pr-intro{max-width:none}
.pr-intro h2,.pr-intro p{max-width:760px}
.pr-top{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}
.pr-lang{display:none;gap:2px;padding:3px;background:var(--pill);border-radius:999px;flex:none}
.pr-lang button{min-width:44px;min-height:34px;padding:4px 12px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--muted);font-size:13px;font-weight:600;cursor:pointer}
.pr-lang button[aria-pressed=true]{background:var(--card);color:var(--ink);border-color:var(--line)}
:lang(zh-CN) .pr-kicker,:lang(zh-CN) .pr-result-kicker,:lang(zh-CN) .pr-why-title{letter-spacing:.04em}
.pr-intro h2{margin:0;font-size:clamp(30px,3.4vw,46px);font-weight:500;line-height:1.12;letter-spacing:-.03em;text-wrap:balance}
.pr-intro p{margin:18px 0 0;font-size:clamp(16px,1.25vw,18px);line-height:1.55;color:var(--muted);max-width:640px;text-wrap:pretty}

.pr-cover{display:flex;align-items:center;gap:14px;margin:28px 0 0;padding:14px 18px;max-width:860px;background:var(--card);border:1px solid var(--line);border-radius:14px;font-size:15px;line-height:1.5;color:var(--muted)}
.pr-cover b{color:var(--ink);font-weight:600}
.pr-cover-icon{display:grid;place-items:center;flex:none;width:36px;height:36px;border-radius:10px;background:var(--blue-wash);color:var(--blue)}

.pr-nav{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:44px}
.pr-seg{display:inline-flex;gap:4px;padding:4px;background:var(--pill);border-radius:999px;max-width:100%}
.pr-seg button{flex:1;border:1px solid transparent;background:transparent;color:var(--muted);cursor:pointer;font-size:14px;font-weight:500;line-height:1.3;min-height:44px;padding:8px 18px;border-radius:999px;white-space:nowrap}
.pr-seg button[aria-pressed=true]{background:var(--card);color:var(--ink);border-color:var(--line);box-shadow:0 1px 2px rgba(28,27,25,.06)}
.pr-link{font-size:14px;font-weight:500;min-height:44px;display:inline-flex;align-items:center}
.pr-desc{margin:22px 0 0;font-size:15px;line-height:1.5;color:var(--muted);max-width:760px}

/* Cartes */
.pr-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:24px}
/* Lite: a quiet entry row under the embedded cards, so Starter stays the visible first plan. */
.pr-lite{margin-top:16px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:20px 24px;display:flex;flex-wrap:wrap;gap:16px 24px;justify-content:space-between;align-items:center;scroll-margin-top:24px}
.pr-lite-copy{flex:1 1 320px;max-width:560px}
.pr-lite h3{margin:0;font-size:18px;font-weight:500}
.pr-lite p{margin:4px 0 0;font-size:14px;color:var(--muted)}
.pr-lite .pr-price{padding-top:0}
.pr-lite .pr-price strong{font-size:26px}
.pr-lite .pr-price-note{padding:2px 0 0}
.pr-card{position:relative;display:grid;grid-template-rows:subgrid;grid-row:span 5;row-gap:0;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;scroll-margin-top:24px}
.pr-card.is-featured{border:1.5px solid var(--blue);box-shadow:0 10px 30px -18px rgba(43,68,196,.45)}
.pr-tag{position:absolute;top:-11px;left:22px;background:var(--blue);color:var(--card);font-size:11px;font-weight:600;letter-spacing:.02em;padding:3px 10px;border-radius:999px}
.pr-card-head h3{margin:0;font-size:20px;font-weight:500;letter-spacing:-.01em}
.pr-card-head p{margin:4px 0 0;font-size:14px;line-height:1.45;color:var(--muted);text-wrap:pretty}
.pr-price{display:flex;align-items:baseline;gap:4px;padding-top:20px}
.pr-price strong{font-size:34px;line-height:1;font-weight:500;letter-spacing:-.02em;white-space:nowrap}
.pr-price small{font-size:14px;color:var(--muted)}
.pr-price-note{font-size:13px;line-height:20px;color:var(--muted);padding:6px 0 16px}
.pr-price-note b{font-weight:600;color:var(--ink);white-space:nowrap}
.pr-btn{display:inline-flex;justify-content:center;align-items:center;min-height:44px;padding:9px 20px;border-radius:999px;border:1px solid var(--ink);color:var(--ink);font-size:14px;font-weight:500;text-align:center}
.pr-btn:hover{background:var(--ink);color:var(--canvas);text-decoration:none}
.pr-btn.is-solid{background:var(--ink);color:var(--canvas)}
.pr-btn.is-light{background:var(--canvas);border-color:transparent}
.pr-btn.is-light:hover{background:var(--card);color:var(--ink)}
.pr-feat{list-style:none;margin:20px 0 0;padding:20px 0 0;border-top:1px solid var(--line-soft);display:grid;gap:9px;align-content:start}
.pr-feat li{position:relative;padding-left:24px;font-size:14px;line-height:1.45;text-wrap:pretty}
.pr-feat li b{font-weight:600}
.pr-feat li::before{content:"";position:absolute;left:2px;top:5px;width:10px;height:5px;border-left:1.6px solid var(--blue);border-bottom:1.6px solid var(--blue);transform:rotate(-45deg)}
.pr-feat li.is-minus{color:var(--muted)}
.pr-feat li.is-minus::before{border:0;border-top:1.6px solid var(--faint);width:9px;top:10px;transform:none}
.pr-enterprise{margin-top:16px;background:var(--dark);color:var(--on-dark);border-radius:var(--radius);padding:22px 24px;display:flex;flex-wrap:wrap;gap:20px;justify-content:space-between;align-items:center}
.pr-enterprise h3{margin:0;font-size:18px;font-weight:500}
.pr-enterprise p{margin:4px 0 0;font-size:14px;color:var(--on-dark-muted)}

/* Calculateur */
.pr-calc{margin-top:clamp(64px,8vw,104px);scroll-margin-top:16px}
.pr-calc-head h3{margin:0;font-size:clamp(28px,3vw,40px);font-weight:500;line-height:1.15;letter-spacing:-.025em;text-wrap:balance}
.pr-calc-bar{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:14px 24px;margin-top:24px}
.pr-compare{display:flex;flex-wrap:wrap;align-items:center;gap:10px}
.pr-compare-label{font-size:14px;color:var(--muted)}
.pr-chips{display:flex;flex-wrap:wrap;gap:8px}
.pr-select{min-height:44px;max-width:100%;padding:9px 38px 9px 16px;border:1px solid var(--line);border-radius:999px;background:var(--card) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5l5 5 5-5' fill='none' stroke='%231c1b19' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 16px center;-webkit-appearance:none;appearance:none;color:var(--ink);font:inherit;font-size:14px;font-weight:500;cursor:pointer}
.pr-select:hover{border-color:var(--ink)}
.pr-volume-card>[data-voice-only]{margin-top:24px}
.pr-field .pr-select{width:100%;text-overflow:ellipsis}
.pr-scope button{padding:8px 14px}
.pr-unit{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:16px;font-size:14px;color:var(--on-dark-muted)}
.pr-unit-vals{display:flex;gap:18px;align-items:baseline}
.pr-unit-vals small{font-size:12.5px;color:var(--on-dark-muted);margin-right:6px}
.pr-unit-vals b{font-weight:500;color:var(--on-dark);font-variant-numeric:tabular-nums}
.pr-unit-vals .is-mesh b{font-weight:700;color:var(--accent-dark)}
.pr-chip{display:inline-flex;align-items:baseline;gap:6px;min-height:42px;padding:9px 16px;border-radius:999px;border:1px solid var(--line);background:var(--card);cursor:pointer;font-size:14px;font-weight:500;color:var(--ink)}
.pr-chip small{font-size:12px;font-weight:400;color:var(--muted)}
.pr-chip:hover{border-color:var(--ink)}
.pr-chip[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--canvas)}
.pr-chip[aria-pressed=true] small{color:var(--on-dark-muted)}

/* Hauteur réservée au-delà du contenu le plus long mesuré (4 arguments, FR/EN/中文),
   pour que le panneau de droite ne change pas de taille selon le résultat. */
.pr-calc-grid{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(320px,1fr);grid-template-rows:minmax(clamp(800px,calc(1010px - 15vw),860px),auto);gap:16px;margin-top:16px;align-items:stretch}
.pr-volume-card{display:flex;flex-direction:column;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:24px;min-width:0}
.pr-fields{display:grid;gap:20px}
/* Numbered steps guide the visitor: pick a use case first, then adjust the amount. */
.pr-step{display:grid;gap:16px;padding-bottom:22px;border-bottom:1px solid var(--line-soft)}
.pr-step:last-child{padding-bottom:0;border-bottom:0}
.pr-step-head{display:flex;align-items:center;gap:14px}
.pr-step-num{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:50%;background:var(--blue);color:var(--card);font-size:15px;font-weight:500}
.pr-step-head h4{margin:0;font-size:20px;line-height:1.3;font-weight:600;letter-spacing:-.01em;color:var(--ink)}
.pr-step-body{display:grid;gap:20px;padding-left:46px}
.pr-typical-box{margin:0;padding:18px 22px;border-radius:16px;background:var(--blue-wash);font-size:16px;line-height:1.5;color:var(--ink)}
.pr-typical-box b{font-weight:600}
.pr-pills.is-large button{min-height:48px;padding:10px 22px;font-size:16px}
@media (max-width:600px){.pr-step-body{padding-left:0}.pr-step-head h4{font-size:18px}.pr-pills.is-large button{min-height:44px;padding:8px 16px;font-size:15px}}
.pr-field{display:grid;gap:10px}
.pr-field-head{display:flex;justify-content:space-between;align-items:baseline;gap:12px;font-size:14px;font-weight:500}
.pr-field-head output{font-size:34px;line-height:1;font-weight:500;letter-spacing:-.03em}
.pr-pills{display:flex;flex-wrap:wrap;gap:8px}
.pr-pills button{min-height:40px;padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--canvas);cursor:pointer;font-size:14px;font-weight:500;color:var(--muted)}
.pr-pills button:hover{border-color:var(--ink);color:var(--ink)}
.pr-pills button[aria-pressed=true]{border-color:var(--blue);background:var(--blue-wash);color:var(--blue)}
.pr-peak-track{position:relative;padding-bottom:20px}
.pr-marks{position:absolute;inset:0;pointer-events:none}
.pr-mark{position:absolute;top:0;width:0;height:100%;color:var(--muted)}
.pr-mark::before{content:"";position:absolute;left:-1px;top:6px;width:2px;height:16px;border-radius:1px;background:currentColor}
.pr-mark span{position:absolute;top:28px;transform:translateX(-50%);font-size:11.5px;font-weight:600;white-space:nowrap}
.pr-mark.is-end span{transform:translateX(-88%)}
.pr-mark.is-start span{transform:translateX(-15%)}
.pr-mark.is-comp{color:var(--comp)}
.pr-mark.is-mesh{color:var(--blue)}
.pr-mark.is-over span{text-decoration:line-through;text-decoration-thickness:1.5px}
.pr-peak-note{margin:0;min-height:3em;font-size:13px;line-height:1.5;color:var(--muted)}
.pr-peak-note button{border:0;background:none;padding:0;color:var(--blue);font-size:13px;font-weight:500;cursor:pointer;text-decoration:underline}
.pr-chart .l-mesh.is-capped{stroke-dasharray:6 5}
.pr-equiv{margin:18px 0 0;padding-top:16px;border-top:1px solid var(--line-soft);font-size:14px;line-height:1.5;color:var(--muted)}
.pr-equiv b{color:var(--ink);font-weight:600}

input[type=range]{-webkit-appearance:none;appearance:none;width:100%;height:28px;margin:0;background:transparent;cursor:pointer;--fill:50%}
input[type=range]::-webkit-slider-runnable-track{height:6px;border-radius:999px;background:linear-gradient(90deg,var(--blue) var(--fill),var(--line) var(--fill))}
input[type=range]::-moz-range-track{height:6px;border-radius:999px;background:var(--line)}
input[type=range]::-moz-range-progress{height:6px;border-radius:999px;background:var(--blue)}
input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:22px;height:22px;margin-top:-8px;border-radius:50%;background:var(--card);border:2px solid var(--blue);box-shadow:0 2px 6px rgba(28,27,25,.18)}
input[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--card);border:2px solid var(--blue);box-shadow:0 2px 6px rgba(28,27,25,.18)}
input[type=range]:focus-visible{outline:none}
input[type=range]:focus-visible::-webkit-slider-thumb{box-shadow:0 0 0 4px rgba(43,68,196,.25)}
input[type=range]:focus-visible::-moz-range-thumb{box-shadow:0 0 0 4px rgba(43,68,196,.25)}

.pr-chart{position:relative;flex:1;min-height:210px;margin-top:18px}
.pr-chart svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible}
.pr-chart .grid{stroke:var(--line-soft);stroke-width:1}
.pr-chart .axis{stroke:var(--line);stroke-width:1}
.pr-chart .ylab,.pr-chart .xlab{fill:var(--faint);font-size:11px}
.pr-chart .l-comp{fill:none;stroke:var(--comp);stroke-width:2.25;stroke-linejoin:round}
.pr-chart .l-mesh{fill:none;stroke:var(--blue);stroke-width:2.75;stroke-linejoin:round}
.pr-chart .lab-comp{fill:var(--comp);font-size:12.5px;font-weight:600}
.pr-chart .lab-mesh{fill:var(--blue);font-size:12.5px;font-weight:600}
.pr-chart .a-save{fill:var(--save-fill)}
.pr-chart .quote-range{fill:var(--blue);opacity:.05}
.pr-chart .quote-boundary{stroke:var(--muted);stroke-width:1;stroke-dasharray:4 4}
.pr-chart .quote-label{fill:var(--muted);font-size:12px;font-weight:600}
.pr-chart .quote-contact{font-size:11px;font-weight:400}
.pr-chart .now{stroke:var(--ink);stroke-width:1;stroke-dasharray:3 3}
.pr-chart .d-comp{fill:var(--comp)}
.pr-chart .d-mesh{fill:var(--blue)}
.pr-chart .d-be{fill:var(--card);stroke:var(--ink);stroke-width:1.5}
.pr-chart .be-bg{fill:var(--card);stroke:var(--line);stroke-width:1}
.pr-chart .be-lab{font-size:12px;font-weight:600;fill:var(--ink)}
.pr-chart .be-small{font-size:11px;font-weight:400;fill:var(--muted)}
.pr-chart .now-bg{fill:var(--ink)}
.pr-chart .now-lab{font-size:11.5px;font-weight:600;fill:var(--card)}

/* Résultat */
.pr-result{display:flex;flex-direction:column;background:var(--dark);color:var(--on-dark);border-radius:var(--radius);padding:28px;min-width:0}
.pr-result-kicker{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted)}
/* Dimensions fixes : le titre tient sur une ligne et la phrase dessous sur deux,
   quel que soit le résultat, pour que rien ne bouge pendant qu'on fait glisser un curseur.
   Le bleu est réservé aux cas où MeshLite est moins cher. */
.pr-result-head{margin-top:10px;height:1.1em;font-size:clamp(34px,3.3vw,46px);line-height:1.1;font-weight:500;letter-spacing:-.03em;color:var(--on-dark);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.pr-result.is-win .pr-result-head{color:var(--accent-dark)}
.pr-result-sub{margin-top:8px;height:2.9em;overflow:hidden;font-size:16px;line-height:1.45;color:var(--on-dark-muted)}
.pr-result.is-win .pr-result-sub{color:var(--on-dark)}
.r-inline-select{font:inherit;color:inherit;background:transparent url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='6' viewBox='0 0 10 6'%3E%3Cpath d='M1 1l4 4 4-4' fill='none' stroke='%23f7f6f2' stroke-width='1.5'/%3E%3C/svg%3E") no-repeat right 2px center/10px 6px;border:0;border-bottom:1.5px dashed currentColor;border-radius:0;margin:0 1px;padding:0 16px 1px 0;cursor:pointer;-webkit-appearance:none;appearance:none}
.r-inline-select:focus-visible{outline:2px solid var(--accent-dark);outline-offset:2px}
.r-inline-select option{color:#1c1b19}
.pr-bars{display:grid;gap:14px;margin-top:22px}
.pr-bar-label{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 12px;font-size:14px}
.pr-bar-label span{min-width:0}
.pr-bar-label strong{flex:none;margin-left:auto;font-weight:600;white-space:nowrap}
.pr-bar{height:8px;margin-top:7px;border-radius:999px;background:var(--on-dark-track);overflow:hidden}
.pr-bar i{display:block;height:100%;border-radius:999px;transition:width .25s ease}
.pr-bar i.is-comp{background:var(--comp-dark)}
.pr-bar i.is-mesh{background:var(--accent-dark)}
.pr-bar i.is-mesh.is-flat{background:repeating-linear-gradient(135deg,var(--accent-dark) 0 4px,transparent 4px 7px);box-shadow:inset 0 0 0 1px var(--accent-dark)}
.pr-save{display:flex;justify-content:space-between;align-items:baseline;gap:12px;margin-top:18px}
.pr-save span{min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px;color:var(--on-dark-muted)}
.pr-save strong{font-size:24px;line-height:1.2;font-weight:500;letter-spacing:-.02em;color:var(--on-dark);white-space:nowrap}
.pr-result.is-win .pr-save strong{color:var(--accent-dark)}
.pr-why{margin-top:22px;padding-top:20px;border-top:1px solid var(--on-dark-line)}
.pr-why-title{font-size:12px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--on-dark-muted)}
.pr-why-list{list-style:none;margin:12px 0 0;padding:0;display:grid;gap:12px}
.pr-why-list li{display:grid;grid-template-columns:20px 1fr;gap:10px;font-size:14px;line-height:1.5;color:var(--on-dark-muted)}
.pr-why-list li::before{content:"";width:20px;height:20px;border-radius:50%;background:var(--accent-dark) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3E%3Cpath d='M5.5 10.5l3 3 6-6.5' fill='none' stroke='%231c1b19' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px no-repeat;margin-top:1px}
.pr-why-list b{color:var(--on-dark);font-weight:600}
.pr-why-list.is-pop li{animation:pr-pop .4s ease both}
.pr-why-list.is-pop li:nth-child(2){animation-delay:.07s}
.pr-why-list.is-pop li:nth-child(3){animation-delay:.14s}
.pr-why-list.is-pop li:nth-child(4){animation-delay:.21s}
@keyframes pr-pop{from{opacity:.2;transform:translateY(8px)}to{opacity:1;transform:none}}
.pr-ctas{margin-top:auto;padding-top:24px;display:flex;flex-wrap:wrap;gap:10px}
.pr-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:11px 22px;border-radius:999px;background:var(--accent-dark);color:var(--dark);font-size:15px;font-weight:600}
.pr-cta:hover{background:var(--accent-dark-hover);text-decoration:none}

.pr-calc-note{margin:14px 4px 0;font-size:13.5px;line-height:1.5;color:var(--muted)}
.pr-method{margin-top:12px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);padding:0 20px}
.pr-method summary,.pr-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:center;gap:16px;min-height:52px;font-size:15px;font-weight:500}
.pr-method summary::-webkit-details-marker,.pr-faq summary::-webkit-details-marker{display:none}
.pr-method summary::after,.pr-faq summary::after{content:"+";font-size:20px;font-weight:400;color:var(--muted);transition:transform .2s}
.pr-method[open] summary::after,.pr-faq details[open] summary::after{transform:rotate(45deg)}
.pr-method-body{padding:4px 0 20px;font-size:14px;line-height:1.6;color:var(--muted);display:grid;gap:14px}
.pr-method-body h4{margin:0 0 4px;font-size:13px;font-weight:600;color:var(--ink)}
.pr-method-body p,.pr-method-body ul{margin:0}
.pr-method-body ul{padding-left:18px}
.pr-method-body b{color:var(--ink)}
.pr-method-body table{width:100%;border-collapse:collapse;font-size:13px}
.pr-method-body th,.pr-method-body td{text-align:left;padding:7px 10px 7px 0;border-bottom:1px solid var(--line-soft);vertical-align:top;white-space:nowrap}
.pr-method-body th{font-weight:600;color:var(--ink)}
.pr-method-body .is-current td{color:var(--ink);font-weight:600}
.pr-table-wrap{overflow-x:auto}

.pr-faq{margin-top:clamp(56px,7vw,88px);max-width:820px}
.pr-faq h3{margin:0 0 12px;font-size:24px;font-weight:500;letter-spacing:-.02em}
.pr-faq details{border-bottom:1px solid var(--line)}
.pr-faq summary{min-height:60px;font-size:16px}
.pr-faq p{margin:0 0 20px;color:var(--muted);line-height:1.6;max-width:720px}
.pr-legal{margin:32px 0 0;font-size:12.5px;line-height:1.5;color:var(--muted)}

.pr-sticky{position:fixed;left:calc(12px + env(safe-area-inset-left,0px));right:calc(12px + env(safe-area-inset-right,0px));bottom:calc(12px + env(safe-area-inset-bottom,0px));z-index:5;display:none;align-items:baseline;justify-content:space-between;gap:12px;padding:12px 16px;border-radius:14px;background:var(--dark);color:var(--on-dark);box-shadow:0 12px 30px -10px rgba(0,0,0,.45);transform:translateY(160%);transition:transform .25s ease}
.pr-sticky strong{font-size:18px;font-weight:600;color:var(--on-dark);white-space:nowrap}
.pr-sticky.is-win strong{color:var(--accent-dark)}
.pr-sticky span{font-size:13px;color:var(--on-dark-muted);text-align:right}
.pr-sticky.is-on{transform:none}

@media (max-width:1020px){
  .pr-calc-grid{grid-template-columns:1fr;grid-template-rows:none}
  .pr-chart{flex:none;height:220px}
}
@media (max-width:820px){
  .pr-cards{grid-template-columns:1fr}
  .pr-card{grid-row:auto;grid-template-rows:none}
  .pr-sticky{display:flex}
}
@media (max-width:600px){
  .pr-seg{width:100%;border-radius:18px}
  .pr-seg button{padding:8px 10px;border-radius:14px}
  .pr-cover{align-items:flex-start;padding:14px}
  .pr-volume-card,.pr-result{padding:20px}
  .pr-chart{height:200px}
  .pr-card-head p,.pr-feat li,.pr-desc{font-size:15px}
}
@media (prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .pr-bar i,.pr-sticky{transition:none}
  .pr-why-list.is-pop li{animation:none}
}

.pr-peak-sum{margin:0;font-size:14.5px;color:var(--muted)}
.pr-peak-toggle,.pr-peak-note button{border:0;background:none;padding:0;font:inherit;color:var(--blue);text-decoration:underline;cursor:pointer}
.pr-peak-note[hidden]{display:none}
[data-peak-ctl]{margin-top:12px}
.pr-peak-field{margin-top:26px}
.pr-custom{display:flex;flex-direction:column;gap:6px;margin-top:10px;font-size:14px;color:var(--muted)}
.pr-custom-in{display:flex;align-items:center;gap:8px;color:var(--ink)}
.pr-custom-in input{width:84px;min-height:40px;padding:6px 10px;border:1px solid var(--line);border-radius:10px;background:var(--card);font:inherit;color:var(--ink)}

/* Estimated total: dark blue plan fee, light blue provider cost. */
.pr-bar i.has-voice{display:flex;background:transparent;overflow:hidden}
.pr-bar i.has-voice [data-mesh-segment]{display:block;flex:none;height:100%}
.pr-bar [data-mesh-segment="plan"]{background:#4368bd}
.pr-bar [data-mesh-segment="voice"]{background:var(--accent-dark)}
.pr-footnotes{margin:14px 4px 0;display:grid;gap:4px}
.pr-footnotes p{margin:0;font-size:13.5px;line-height:1.5;color:var(--muted)}