/* Saitum pricing page styles. */

.feature-list li{position:relative;padding:11px 0 11px 24px;font-size:13.5px;color:var(--moon);line-height:1.6;border-bottom:1px solid rgba(186,215,247,.06)}
.feature-list li:last-child{border-bottom:0}
.feature-list li:before{content:'✓';position:absolute;left:0;top:11px;color:#9eb8dc}
.feature-list li.na{color:rgba(157,167,186,.55)}
.feature-list li.na:before{content:'—';color:rgba(157,167,186,.4)}

.plan-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.plan-card{padding:30px 28px;display:flex;flex-direction:column;transition:border-color .25s,box-shadow .25s}
.plan-card.is-selected{border-color:rgba(182,217,252,.35);box-shadow:var(--glass),0 0 0 1px rgba(182,217,252,.1)}
.pc-head{display:flex;align-items:center;justify-content:space-between;gap:12px}
.pc-head h3{font-size:24px;letter-spacing:-.02em}
.plan-tag{font-size:10px;letter-spacing:.06em;border:1px solid var(--edge);background:#c7d3ea08;padding:4px 6px;border-radius:6px;font-family:var(--mono);color:var(--moon);white-space:nowrap;flex-shrink:0}
.pc-caption{font-size:13px;line-height:1.6;margin-top:10px;min-height:42px}
.pc-price{display:flex;align-items:baseline;gap:9px;margin:16px 0 14px;font-size:34px;font-weight:400;letter-spacing:-.03em;color:var(--frost);font-variant-numeric:tabular-nums}
.pc-price strong{font-weight:400}
.pc-price small{font-size:13px;font-weight:400;color:var(--fog);letter-spacing:0}
.pc-facts li{position:relative;padding:9px 0 9px 24px;font-size:13px;color:var(--moon);border-bottom:1px solid rgba(186,215,247,.06)}
.pc-facts li:last-child{border-bottom:0}
.pc-facts li:before{content:'—';position:absolute;left:0;top:9px;color:#7d93b8;font-size:12px}
.pc-more{margin-top:auto;padding-top:18px}
.pc-more .text-link{appearance:none;-webkit-appearance:none;background:none;border:0;border-radius:0;padding:0;margin:0;text-align:left;color:var(--frost)}
.pc-more .text-link .pc-arrow{color:var(--blue);transition:transform .25s ease}
.pc-more .text-link:hover .pc-arrow{transform:translateX(4px)}

.principles{display:grid;grid-template-columns:repeat(4,1fr);gap:36px}
.principle{border-top:1px solid var(--edge);padding-top:20px}
.principle>.mono{display:block;color:var(--blue);margin-bottom:12px}
.principle h3{font-size:16px;margin-bottom:9px}
.principle p{font-size:13.5px;line-height:1.7}

.configurator{display:grid;grid-template-columns:1.12fr 1fr;overflow:hidden}
.calc-controls{padding:38px;border-right:1px solid var(--edge);display:flex;flex-direction:column;gap:28px;min-width:0}

.calc-fieldset legend{padding:0}
.control-label{display:flex;gap:12px;align-items:center;font-size:13px;color:var(--moon);margin:0 0 14px}
.control-label .idx{font:11px var(--mono);color:var(--fog);letter-spacing:.08em}
.seg{display:flex;gap:4px;padding:5px;border:1px solid var(--edge);border-radius:999px;background:rgba(5,6,15,.45);box-shadow:inset 0 2px 10px rgba(0,0,0,.25)}
.seg label{flex:1;position:relative;display:flex;min-width:0}
.seg input{position:absolute;inset:0;width:100%;height:100%;opacity:0;margin:0;cursor:pointer}
.seg span{display:flex;justify-content:center;align-items:center;width:100%;min-height:40px;padding:6px 12px;border-radius:999px;font-size:13px;font-weight:500;color:var(--fog);white-space:nowrap;transition:background .2s,color .2s}
.seg label:hover span{color:#fff}
.seg input:checked+span{color:var(--frost);background:linear-gradient(180deg,rgba(186,214,247,.17),rgba(186,214,247,.07));box-shadow:inset 0 1px 1px rgba(216,236,248,.2),0 3px 10px rgba(0,0,0,.28)}
.seg input:focus-visible+span{outline:2px solid var(--blue);outline-offset:3px}
.seg--period span{font-variant-numeric:tabular-nums}
.mode-options{display:grid;gap:10px}
.mode-option{display:flex;gap:12px;align-items:flex-start;padding:15px 17px;border:1px solid var(--edge);border-radius:12px;cursor:pointer;transition:background .2s,border-color .2s}
.mode-option input{appearance:none;-webkit-appearance:none;flex-shrink:0;width:15px;height:15px;border:1px solid rgba(186,215,247,.3);border-radius:50%;margin:4px 0 0;display:grid;place-items:center;background:rgba(5,6,15,.35);cursor:pointer;transition:border-color .2s}
.mode-option input:checked{border-color:rgba(182,217,252,.55)}
.mode-option input:checked:before{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px rgba(182,217,252,.45)}
.mode-option input:focus-visible{outline:2px solid var(--blue);outline-offset:3px}
.mode-option:has(input:checked){background:rgba(182,217,252,.05);border-color:rgba(182,217,252,.28)}
.mode-option strong{display:block;font-size:14px;font-weight:500;color:var(--frost)}
.mode-option small{display:block;color:var(--fog);font-size:12px;line-height:1.55;margin-top:4px}
.period-hint{font-size:12px;color:var(--fog);margin:12px 0 0;line-height:1.6}

.calc-result{padding:38px;display:flex;flex-direction:column;min-width:0;background:radial-gradient(ellipse at 85% 0,rgba(186,215,247,.045),transparent 70%)}
.result-topline{display:flex;justify-content:space-between;align-items:baseline;gap:16px;font:11px var(--mono);letter-spacing:.07em;color:var(--fog);margin-bottom:22px;text-transform:uppercase;min-width:0}
.result-topline span{min-width:0;overflow-wrap:anywhere}
.result-topline span:last-child{color:var(--moon);text-align:right}
.result-amount{font-size:clamp(34px,3.6vw,46px);letter-spacing:-.04em;line-height:1.12;color:var(--frost);font-variant-numeric:tabular-nums;overflow-wrap:anywhere}
.result-unit{color:var(--fog);font-size:13px;margin:9px 0 24px}

.breakdown>div{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:baseline;gap:12px;padding:11px 0;border-bottom:1px solid rgba(186,215,247,.06);font-size:12.5px;min-width:0}

.breakdown dd{margin:0;min-width:0;text-align:right;color:var(--moon);font-variant-numeric:tabular-nums;white-space:normal;overflow-wrap:anywhere}
.breakdown .bd-total dt{color:var(--moon)}
.breakdown .bd-total dd{color:var(--frost);font-size:14px}
.result-notes{margin:18px 0 26px;padding-left:16px;list-style:disc;font-size:11.5px;color:var(--fog);line-height:1.7}
.result-notes li{margin-bottom:8px}
.result-notes li:last-child{margin-bottom:0}

.result-cta{margin-top:auto;width:100%}
.flash{animation:softIn .4s ease}
@keyframes softIn{from{opacity:.55}to{opacity:1}}

.plan-details{margin-top:16px;padding:34px 38px}
.pd-eyebrow{color:rgba(157,167,186,.7)}
.pd-head h3{font-size:clamp(20px,2.2vw,26px);margin-top:12px;letter-spacing:-.02em}
.pd-mode{font-size:13px;margin-top:9px;line-height:1.65}
.pd-note{margin-top:16px;padding:13px 17px;border-left:2px solid rgba(182,217,252,.35);background:rgba(182,217,252,.03);border-radius:0 8px 8px 0;font-size:12.5px;line-height:1.7;color:var(--moon)}
.pd-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:34px 40px;margin-top:30px}
.pd-col>.mono{display:block;color:var(--blue);margin-bottom:12px;letter-spacing:.08em}
.pd-col h4{font-size:15px;font-weight:500;color:var(--frost);margin:0 0 6px;letter-spacing:-.01em}
.pd-col .feature-list li{font-size:13px}
.pd-footnote{margin-top:28px;padding-top:18px;border-top:1px solid var(--edge);font-size:12px;color:var(--fog);line-height:1.75}

.conditions-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:14px 44px;max-width:920px;margin-inline:auto}
.condition{display:flex;gap:16px;align-items:baseline;border-top:1px solid var(--edge);padding-top:16px}
.condition>.mono{color:var(--blue);flex-shrink:0}
.condition p{font-size:13.5px;line-height:1.65}
.nojs-note{border:1px dashed rgba(186,215,247,.22);border-radius:12px;padding:14px 18px;font-size:12.5px;color:var(--fog);line-height:1.6;margin:0}

@media(max-width:980px){
.configurator{grid-template-columns:1fr}
.calc-controls{border-right:0;border-bottom:1px solid var(--edge)}
.principles{grid-template-columns:repeat(2,1fr);gap:28px}
.pd-grid{gap:28px 32px}
}
@media(max-width:860px){
.plan-cards{grid-template-columns:1fr;max-width:560px;margin-inline:auto}
.pc-caption{min-height:0}
.conditions-grid{grid-template-columns:1fr;gap:12px;max-width:560px}
}
@media(max-width:700px){
.calc-controls,.calc-result{padding:26px 22px}
.calc-controls{gap:24px}
.plan-details{padding:26px 22px}
.pd-grid{gap:26px}
.principles{grid-template-columns:1fr;gap:20px}
.seg--period{display:grid;grid-template-columns:1fr 1fr;border-radius:14px;gap:4px}
.seg--period label span{border-radius:10px;white-space:normal;padding:8px 10px;min-height:38px}
.seg--plan{gap:3px}
.seg--plan span{font-size:12.5px;padding:6px 8px}
.result-cta{margin-top:8px}
.plan-tag{font-size:9px;padding:3px 5px}
.breakdown>div{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
}
@media(max-width:380px){
.result-amount{font-size:31px}
.breakdown>div{gap:12px;font-size:12px}
.pc-price{font-size:31px}
}