/* Saitum home page styles. */
.hero{position:relative;isolation:isolate;text-align:center;padding:53px 0 72px;overflow:hidden}.hero:before{content:'';position:absolute;inset:-88px 0 0;z-index:-2;background:linear-gradient(rgba(186,215,247,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(186,215,247,.045) 1px,transparent 1px);background-size:96px 96px;background-position:center top;mask-image:radial-gradient(ellipse 45% 70% at 50% 30%,#000 15%,transparent 100%)}.hero:after{content:'';position:absolute;z-index:-1;top:-90px;left:50%;width:950px;height:1040px;transform:translateX(-50%);background:conic-gradient(from 155deg at 50% 0,transparent 0deg,rgba(122,157,220,.075) 13deg,rgba(162,186,234,.11) 25deg,rgba(122,157,220,.075) 38deg,transparent 50deg),radial-gradient(ellipse at 50% 68%,rgba(52,73,127,.19),transparent 56%);filter:blur(20px);pointer-events:none}.hero .eyebrow{margin-bottom:10px}.wordmark{font-size:clamp(100px,11.5vw,164px);line-height:1.1;font-weight:500;letter-spacing:-.065em;filter:drop-shadow(0 0 34px #9abcff19);margin:0 auto 17px;width:fit-content}.hero h1{font-size:clamp(28px,3vw,40px);max-width:800px;margin:auto;line-height:1.17;letter-spacing:-.035em}.hero-copy{max-width:740px;margin:21px auto 24px;font-size:15px;line-height:1.7}.hero .actions{gap:24px}.hero-stage{position:relative;max-width:930px;margin:58px auto 0;min-height:388px}.plan-preview{width:368px;min-height:385px;margin:auto;text-align:left;padding:28px;z-index:3;background:linear-gradient(160deg,rgba(24,31,51,.96),rgba(9,12,23,.98));transform:translateZ(0)}.preview-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:5px}.preview-heading h2{font-size:21px;letter-spacing:-.03em}.preview-heading svg{width:24px;height:24px;color:var(--fog)}.preview-note{font-size:11px;margin-bottom:22px}.segmented{display:flex;gap:3px;padding:4px;border-radius:999px;background:rgba(5,6,15,.45);border:1px solid var(--edge)}.segmented button{flex:1;min-height:39px;padding:7px 10px;border-radius:999px;background:transparent;color:var(--fog);font-size:13px;transition:background .2s,color .2s;white-space:nowrap}.segmented button[aria-selected=true],.segmented button[aria-pressed=true]{color:var(--frost);background:rgba(186,214,247,.12);box-shadow:inset 0 1px 1px rgba(216,236,248,.15)}.segmented button:hover{color:#fff}.preview-price{font-size:37px;letter-spacing:-.04em;line-height:1.2;margin:21px 0 12px;color:var(--frost)}.preview-price small{font-size:13px;letter-spacing:0;color:var(--fog)}.plan-description{font-size:13px;line-height:1.6;min-height:63px}.check-list{margin:15px 0;font-size:12px;color:var(--moon)}.check-list li{position:relative;padding-left:21px;margin:7px 0}.check-list li:before{content:'✓';color:#9eb8dc;position:absolute;left:0}.preview-more{font-size:12px;border-top:1px solid var(--edge);display:flex;align-items:center;justify-content:space-between;padding-top:13px;margin-top:15px;min-height:42px}.satellite{width:285px;height:282px;position:absolute;top:55px;padding:25px;text-align:left;background:linear-gradient(140deg,rgba(20,26,44,.75),rgba(8,11,21,.92));z-index:1;color:#a8b8d0}.satellite.left{left:35px;transform:perspective(850px) rotateY(12deg) rotateZ(-3deg)}.satellite.right{right:35px;transform:perspective(850px) rotateY(-12deg) rotateZ(3deg)}.satellite .mono{font-size:11px}.mock-toolbar{display:flex;align-items:center;gap:4px;border-bottom:1px solid var(--edge);padding-bottom:16px;margin-bottom:22px}.mock-toolbar i{width:4px;height:4px;border-radius:50%;background:#8d9ab255}.mock-toolbar span{margin-left:10px;font:9px var(--mono);color:var(--fog)}.mock-title{font-size:23px;line-height:1.18;letter-spacing:-.04em}.satellite.right .mini-row{padding:14px 0;border-bottom:1px solid var(--edge);display:flex;flex-direction:column;font-size:11px;gap:3px}.mini-row strong{font-size:22px;font-weight:400;color:var(--moon);letter-spacing:-.02em}.mini-row:last-child{border:0}.trust-line{max-width:980px;margin:42px auto 0;display:grid;grid-template-columns:repeat(4,1fr);gap:25px;text-align:left}.trust-item{font-size:12px;color:var(--fog);display:flex;gap:10px;line-height:1.55}.trust-item svg{width:17px;height:17px;margin-top:2px;color:#8ca3c7}.hero-intro{animation:appear .9s ease both}.hero-stage{animation:appear 1s .15s ease both}
@media(min-width:1600px){.hero{padding-top:72px}.hero-stage{margin-top:62px}}
@media(max-width:900px){.satellite.left{left:0}.satellite.right{right:0}.hero-stage{max-width:780px}.satellite{width:260px}.trust-line{gap:18px}}
@media(max-width:700px){.hero{padding:43px 0 60px}.hero .eyebrow{font-size:10px;gap:10px}.hero .eyebrow:before,.hero .eyebrow:after{width:18px}.wordmark{font-size:106px;margin:13px auto 22px}.hero h1{font-size:30px;max-width:440px}.hero-copy{font-size:14px;max-width:460px;margin-top:20px}.hero .actions{gap:10px;flex-direction:column}.hero .actions .button{font-size:13px;max-width:100%;min-height:46px}.hero-stage{margin-top:35px;min-height:0;max-width:460px}.plan-preview{width:min(368px,100%);padding:25px}.satellite{display:none}.trust-line{grid-template-columns:1fr 1fr;margin-top:30px;gap:20px}.trust-item{font-size:11px;gap:8px}.section-head h2 br{display:none}}
@media(max-width:380px){.wordmark{font-size:93px}.hero h1{font-size:27px}.trust-line{gap:18px 12px}}

.process-top{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.process-copy h2{max-width:450px}.process-copy p{margin:24px 0;font-size:15px}.process-copy .actions{justify-content:flex-start;gap:22px}.terminal{padding:0 26px 26px;font:12px/2.3 var(--mono);color:var(--fog);overflow:hidden}.window-bar{display:flex;align-items:center;gap:6px;height:51px;border-bottom:1px solid var(--edge);margin-bottom:22px}.terminal-command{color:var(--moon);margin-bottom:13px}.terminal-command span{color:#83a4d2}.terminal-row{display:flex;gap:10px}.terminal-row em{font-style:normal;color:#8198bc}.terminal-done{color:var(--frost);border-top:1px solid var(--edge);margin-top:16px;padding-top:12px}.terminal-support{font-size:10px;color:#acbed7}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin-top:66px}.step{border-top:1px solid var(--edge);padding-top:24px}.step-number{display:flex;align-items:center;gap:12px;color:var(--fog);font:11px var(--mono);margin-bottom:22px}.step-number span{color:var(--blue)}.step h3{font-size:21px;max-width:280px;margin-bottom:16px}.step p{font-size:15px;line-height:1.7}.support-section{background:radial-gradient(ellipse 40% 40% at 50% 50%,#19244136,transparent)}.support-scene{position:relative;max-width:890px;min-height:410px;margin:0 auto 52px;display:flex;align-items:center;justify-content:center;isolation:isolate}.support-scene:before{content:'';position:absolute;inset:-40px -60px;background-image:linear-gradient(#b6d9fc06 1px,transparent 1px),linear-gradient(90deg,#b6d9fc06 1px,transparent 1px);background-size:28px 28px;mask-image:radial-gradient(ellipse,#000,transparent 68%);z-index:-2}.circuit{position:absolute;inset:0;width:100%;height:100%;color:#7192cb;opacity:.4;z-index:-1;fill:none;stroke:currentColor;stroke-width:1}.circuit .signal{stroke:#b6d9fc;stroke-dasharray:8 170;animation:flow 8s linear infinite;opacity:.8}.support-hub{width:382px;padding:27px;transform:translateY(9px)}.hub-title{display:flex;align-items:center;gap:11px;margin-bottom:23px}.hub-mark{width:38px;height:38px;border-radius:10px;border:1px solid var(--edge);display:grid;place-items:center;box-shadow:inset 0 0 14px #b6d9fc0d;background:#b6d9fc08}.hub-mark svg{width:28px;height:28px;color:var(--blue)}.hub-title h3{font-size:16px;letter-spacing:-.02em}.hub-title p{font:10px var(--mono);margin-top:4px}.hour-list{font-size:12px;color:var(--moon)}.hour-list li{display:flex;justify-content:space-between;gap:14px;padding:10px 0;border-bottom:1px solid #bad7f70d}.hour-list span:last-child{color:var(--fog);font-family:var(--mono)}.hour-total{display:flex;justify-content:space-between;font-size:11px;color:var(--fog);margin:22px 0 10px}.hour-total strong{color:var(--frost);font-weight:400}.hour-meter{height:5px;background:#c7d3ea0d;border-radius:5px;overflow:hidden}.hour-meter span{display:block;width:72%;height:100%;background:linear-gradient(90deg,#5878aa,#b6d9fc);box-shadow:0 0 12px #b6d9fc4d;border-radius:5px}.network-node{position:absolute;display:flex;flex-direction:column;align-items:center;gap:12px;font:11px var(--mono);color:var(--fog)}.node-icon{width:56px;height:56px;display:grid;place-items:center;background:linear-gradient(145deg,#202a4166,#0a0d19);box-shadow:var(--glass);border:1px solid var(--edge);border-radius:13px}.node-icon svg{width:24px;height:24px;color:#a2badd}.node-a{left:48px;top:55px}.node-b{right:48px;top:55px}.node-c{left:85px;bottom:47px}.node-d{right:85px;bottom:47px}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:48px}.benefit h3{font-size:20px;margin-bottom:17px}.benefit p{font-size:15px;line-height:1.7}.pricing-table{width:100%;border-collapse:collapse;text-align:left;table-layout:fixed}.pricing-table th{font-size:11px;font-weight:400;color:var(--fog);padding:17px 24px;border-bottom:1px solid var(--edge)}.pricing-table th:first-child{width:29%}.pricing-table th:nth-child(2){width:19%}.pricing-table th:nth-child(3){width:12%}.pricing-table th:nth-child(4){width:18%}.pricing-table th:last-child{width:22%}.pricing-table td{padding:29px 24px;border-bottom:1px solid var(--edge);font-size:13px;color:var(--moon)}.pricing-table tbody tr{transition:background .2s}.pricing-table tbody tr:hover{background:#b6d9fc05}.pricing-table .popular{background:linear-gradient(90deg,#bad7f70b,#bad7f705)}.plan-name{display:flex;gap:13px;align-items:center;font-size:24px;line-height:1.2;color:var(--frost);letter-spacing:-.025em;margin-bottom:8px}.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)}.plan-caption{font-size:10px;color:var(--fog)}.price-link{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:46px}.price-link strong{font-weight:500;font-size:22px;white-space:nowrap;color:var(--frost);letter-spacing:-.025em}.price-link small{display:block;font-size:11px;color:var(--fog)}.price-link>span:last-child{font-size:22px;transition:transform .2s}.price-link:hover>span:last-child{transform:translate(3px,-3px)}.pricing-note{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:22px}.pricing-note p{font-size:12px}.calculator-section{padding-top:36px}.calculator{display:grid;grid-template-columns:1.08fr 1fr;overflow:hidden;background:linear-gradient(115deg,#0c101ee6,#10162599)}.calculator-controls{padding:38px;border-right:1px solid var(--edge)}.control-label{display:flex;gap:13px;align-items:center;font-size:13px;color:var(--moon);margin:0 0 16px}.control-label>span{font:11px var(--mono);color:var(--fog)}.calc-plans{margin-bottom:29px}.calc-plans button{min-height:43px}.payment-options{display:grid;gap:10px}.payment-option{position:relative;border:1px solid var(--edge);border-radius:12px;display:flex;align-items:flex-start;gap:12px;padding:16px;cursor:pointer;transition:background .2s,border-color .2s}.payment-option:has(input:checked){background:#b6d9fc0a;border-color:#b6d9fc42;box-shadow:inset 0 1px 0 #d1e4fa0c}.payment-option:has(input:focus-visible){outline:2px solid var(--blue);outline-offset:3px}.payment-option input{appearance:none;flex-shrink:0;width:15px;height:15px;border:1px solid #bad7f749;border-radius:50%;margin:4px 0 0;display:grid;place-items:center;background:#05060f44}.payment-option input:checked:after{content:'';width:5px;height:5px;border-radius:50%;background:var(--blue);box-shadow:0 0 8px #b6d9fc66}.payment-option strong{font-size:14px;font-weight:500;color:var(--frost)}.payment-option small{display:block;color:var(--fog);font-size:12px;line-height:1.5;margin-top:4px}.payment-option .plan-tag{margin-left:9px;font-size:9px;vertical-align:middle}.term-control{display:flex;align-items:center;gap:18px;margin-top:20px;font-size:12px;color:var(--fog)}.term-control .segmented{flex:1}.term-control button{font-size:12px;min-height:34px}.calculator-result{padding:38px;position:relative;background:radial-gradient(ellipse at 80% 0,#bad7f708,transparent 70%)}.result-topline{display:flex;justify-content:space-between;gap:16px;margin-bottom:26px;font:11px var(--mono);color:var(--fog)}.result-topline span:last-child{color:var(--moon)}.result-amount{font-size:48px;letter-spacing:-.045em;line-height:1.15;color:var(--frost);font-variant-numeric:tabular-nums}.result-unit{color:var(--fog);font-size:13px;margin:7px 0 25px}.breakdown>div{display:flex;justify-content:space-between;gap:22px;padding:11px 0;border-bottom:1px solid #bad7f70d;font-size:12px}.breakdown dd{margin:0;text-align:right;white-space:nowrap;color:var(--moon);font-variant-numeric:tabular-nums}.formula{color:#9aafd0;font:10px/1.7 var(--mono);margin:18px 0;overflow-wrap:anywhere}.result-notes{font-size:11px;color:var(--fog);line-height:1.7;padding-left:14px;list-style:disc}.result-notes li{margin-bottom:9px}.result-cta{width:100%;margin-top:24px}.calc-fieldset legend{padding:0;width:100%}.terms-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:80px}.terms-intro h2{margin-bottom:23px}.terms-intro p{font-size:15px}.terms-intro .text-link{margin-top:22px}.comparison{width:100%;border-collapse:collapse;table-layout:fixed;text-align:left}.comparison th,.comparison td{border-bottom:1px solid var(--edge);padding:18px 13px;font-size:12px;font-weight:400}.comparison th:first-child{width:29%}.comparison th:nth-child(2){width:37%;color:var(--frost);font-size:19px}.comparison th:last-child{color:var(--fog)}.comparison td:first-child{color:var(--fog)}.comparison td:nth-child(2){background:#bad7f705;color:var(--moon)}.comparison td:last-child{color:var(--fog)}.comparison-note{font-size:11px;margin:18px 13px 0}dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 48px);border:1px solid #bad7f733;border-radius:16px;background:#0d1220;color:var(--frost);padding:32px;box-shadow:var(--glass);font:14px/1.7 var(--sans)}dialog::backdrop{background:#02040bc9;backdrop-filter:blur(8px)}.dialog-top{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:24px}.dialog-top h2{font-size:27px}.dialog-close{border:1px solid var(--edge);border-radius:50%;background:var(--fill);width:42px;height:42px;font-size:23px;flex-shrink:0}dialog h3{font-size:18px;margin:23px 0 10px}dialog p{font-size:13px}dialog .button{margin-top:25px}.dialog-plan{padding-bottom:22px;border-bottom:1px solid var(--edge)}.dialog-plan .check-list{margin-bottom:0}fieldset{min-width:0}@keyframes flow{to{stroke-dashoffset:-356}}
@media(max-width:1000px){.process-top,.terms-layout,.faq-layout{gap:42px}.pricing-table td,.pricing-table th{padding-inline:14px}.steps,.benefits{gap:30px}.plan-name{gap:7px;font-size:22px}.plan-tag{font-size:8px}.calculator-controls,.calculator-result{padding:28px}.node-a{left:20px}.node-b{right:20px}.node-c{left:43px}.node-d{right:43px}}
@media(max-width:700px){.process-top,.terms-layout,.faq-layout{grid-template-columns:1fr;gap:36px}.process-copy{text-align:center}.process-copy h2{margin:auto}.process-copy p{font-size:14px}.process-copy .actions{justify-content:center;gap:15px}.terminal{max-width:480px;width:100%;margin:auto;font-size:11px;padding-inline:22px}.steps,.benefits{grid-template-columns:1fr;gap:28px}.steps{margin-top:38px}.step-number{margin-bottom:13px}.step h3{max-width:none;font-size:22px}.step p,.benefit p{font-size:14px}.step{padding-top:20px}.support-scene{min-height:355px;margin-bottom:34px}.network-node,.circuit{display:none}.support-hub{width:min(382px,100%);padding:24px;transform:none}.support-scene:before{inset:-20px 0}.benefits{gap:25px}.benefit{border-top:1px solid var(--edge);padding-top:22px}.benefit h3{margin-bottom:13px}.pricing-table,.pricing-table tbody{display:block}.pricing-table thead{display:none}.pricing-table tbody tr{display:grid;grid-template-columns:1fr 1fr;padding:22px;border:1px solid var(--edge);border-radius:16px;margin-bottom:13px;gap:11px 16px}.pricing-table td{display:block;padding:0;border:0;font-size:12px}.pricing-table td:first-child{grid-column:1/-1;margin-bottom:6px}.pricing-table td[data-label]:before{content:attr(data-label);display:block;color:var(--fog);font-size:10px;margin-bottom:2px}.pricing-table td:last-child{grid-column:2;grid-row:2/4;align-self:center}.plan-name{font-size:25px;gap:13px}.plan-tag{font-size:9px}.price-link strong{font-size:24px}.pricing-note{flex-direction:column;text-align:center;gap:5px}.calculator-section{padding-top:18px}.calculator{grid-template-columns:1fr}.calculator-controls{padding:25px;border-right:0;border-bottom:1px solid var(--edge)}.calculator-result{padding:28px 25px}.result-amount{font-size:44px}.terms-intro{text-align:center}.terms-intro h2{max-width:400px;margin-inline:auto}.terms-intro p{font-size:14px}.comparison th,.comparison td{padding:15px 9px;font-size:11px;overflow-wrap:break-word}.comparison th:first-child{width:28%}.comparison th:nth-child(2){width:37%;font-size:18px}.comparison-note{margin-inline:9px}.faq-intro h2{max-width:none}dialog{padding:24px}}
@media(max-width:380px){.pricing-table tbody tr{padding:20px 17px;gap:10px}.price-link strong{font-size:22px}.calculator-controls,.calculator-result{padding:23px 18px}.payment-option{padding:13px 11px;gap:9px}.payment-option strong{font-size:13px}.payment-option .plan-tag{font-size:8px;margin-left:5px}.result-amount{font-size:39px}.breakdown>div{gap:12px;font-size:11px}.comparison th,.comparison td{padding-inline:6px;font-size:10px}.hour-list{font-size:11px}.hour-total{font-size:10px}}
.support-section{overflow:clip}

@media(max-width:700px){.hero h1 br{display:none}}

/* ===== SAITUM HYBRID V3: A HERO SCALE + B HERO CONTENT ===== */
.header-inner{height:100%}
.hero{padding:58px 0 78px;overflow:hidden}
.hero>.wrap{width:min(1200px,calc(100% - 80px));position:relative}
.hero:before{
  inset:-84px 0 -100px;background:
  radial-gradient(ellipse at 50% 30%,rgba(116,162,215,.075),transparent 55%),
  conic-gradient(from 180deg at 50% 0%,transparent 0deg,rgba(124,145,182,.045) 20deg,transparent 40deg,transparent 320deg,rgba(124,145,182,.045) 340deg,transparent 360deg),
  linear-gradient(rgba(186,215,247,.045) 1px,transparent 1px),
  linear-gradient(90deg,rgba(186,215,247,.045) 1px,transparent 1px);
  background-size:auto,auto,80px 80px,80px 80px;
  background-position:center,center,center top,center top;
  mask-image:radial-gradient(ellipse 58% 72% at 50% 30%,#000 20%,transparent 100%)
}
.hero:after{
  top:-130px;left:50%;width:1100px;height:1180px;transform:translateX(-50%);
  background:radial-gradient(ellipse at 50% 35%,rgba(52,73,127,.10),transparent 58%);
  filter:blur(22px)
}
.hero .eyebrow{margin-bottom:10px;font-size:11px;letter-spacing:.12em}
.wordmark{font-size:clamp(112px,14vw,184px);line-height:1.08;letter-spacing:-.075em;margin:4px auto 10px}
.hero h1{font-size:clamp(30px,3.4vw,43px);max-width:860px;line-height:1.17}
.hero-copy{max-width:720px;margin:22px auto 25px;font-size:15px;line-height:1.7}
.hero-stage{margin-top:62px}
.hero-orbit{
  width:700px;height:90px;position:absolute;left:50%;top:155px;transform:translateX(-50%);
  border:1px solid rgba(186,215,247,.13);border-radius:50%;z-index:-1;
  box-shadow:0 -2px 30px #98c0ef08;mask-image:linear-gradient(transparent 8%,black)
}
.hero-side{
  position:absolute;top:185px;display:flex;align-items:center;gap:10px;
  font:10px var(--mono);letter-spacing:.06em;color:var(--fog);writing-mode:vertical-rl;z-index:2
}
.hero-side.left{left:0;transform:rotate(180deg)}
.hero-side.right{right:0}
.hero-side:after{content:'';height:66px;width:1px;background:linear-gradient(var(--edge),transparent)}
@media(max-width:1050px){.hero-side{display:none}.hero>.wrap{width:calc(100% - 48px)}}
@media(max-width:700px){
  .hero{padding:44px 0 60px}.hero>.wrap{width:calc(100% - 36px)}
  .wordmark{font-size:clamp(92px,25vw,148px);margin:14px auto 20px}.hero h1{font-size:30px}
  .hero-copy{max-width:460px;font-size:14px}.hero-stage{margin-top:38px}
  .hero-orbit{top:120px;width:95%;height:65px}
}
@media(max-width:380px){.wordmark{font-size:93px}.hero h1{font-size:27px}}

/* ===== HERO PLAN PREVIEW REDESIGN ===== */
.plan-preview {
    width: 408px;
    min-height: 400px;
    padding: 34px 32px;
    border-radius: 22px;
    background: linear-gradient(165deg, rgba(28, 38, 60, 0.98), rgba(10, 14, 26, 0.99));
    border: 1px solid rgba(186, 215, 247, 0.18);
    box-shadow:
        0 30px 60px rgba(0, 0, 0, 0.6),
        0 0 40px rgba(182, 217, 252, 0.06),
        inset 0 1px 0 rgba(216, 236, 248, 0.12),
        inset 0 0 30px rgba(182, 217, 252, 0.03);
    transition: transform 0.4s cubic-bezier(0.2, 0.8, 0.2, 1), box-shadow 0.4s ease;
}

.plan-preview:hover {
    transform: translateY(-4px);
    box-shadow:
        0 35px 70px rgba(0, 0, 0, 0.7),
        0 0 50px rgba(182, 217, 252, 0.1),
        inset 0 1px 0 rgba(216, 236, 248, 0.2),
        inset 0 0 40px rgba(182, 217, 252, 0.05);
}

.plan-preview.pin::before,
.plan-preview.pin::after {
    color: rgba(186, 215, 247, 0.3);
    font-size: 14px;
    top: 16px;
    left: 18px;
    transition: color 0.3s ease;
}
.plan-preview.pin::after {
    left: auto;
    right: 18px;
}
.plan-preview:hover.pin::before,
.plan-preview:hover.pin::after {
    color: var(--blue);
}

.plan-preview .preview-heading h2 {
    font-size: 24px;
    font-weight: 500;
    letter-spacing: -0.02em;
    background: var(--ice);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
}

.plan-preview .preview-heading svg {
    color: rgba(186, 215, 247, 0.5);
    transition: color 0.3s ease;
}
.plan-preview:hover .preview-heading svg {
    color: var(--blue);
}

.plan-preview .preview-note {
    font-size: 11px;
    margin-bottom: 26px;
    opacity: 0.7;
    letter-spacing: 0.06em;
}

.plan-preview .segmented {
    background: rgba(5, 6, 15, 0.7);
    border: 1px solid rgba(186, 215, 247, 0.08);
    padding: 5px;
    margin-bottom: 24px;
    box-shadow: inset 0 2px 10px rgba(0, 0, 0, 0.4);
    border-radius: 12px;
}

.plan-preview .segmented button {
    min-height: 40px;
    font-size: 13px;
    font-weight: 500;
    border-radius: 8px;
    color: var(--fog);
    transition: all 0.3s ease;
}

.plan-preview .segmented button[aria-selected="true"] {
    background: linear-gradient(180deg, rgba(186, 214, 247, 0.18), rgba(186, 214, 247, 0.06));
    border: 1px solid rgba(216, 236, 248, 0.12);
    color: #fff;
    box-shadow:
        0 4px 12px rgba(0, 0, 0, 0.3),
        inset 0 1px 1px rgba(216, 236, 248, 0.25);
}

.plan-preview .preview-price {
    font-size: 44px;
    line-height: 1.1;
    margin: 22px 0 14px;
    background: var(--ice);
    -webkit-background-clip: text;
    -webkit-text-fill-color: transparent;
    filter: drop-shadow(0 0 24px rgba(182, 217, 252, 0.25));
    font-variant-numeric: tabular-nums;
    display: flex;
    align-items: baseline;
    gap: 8px;
    letter-spacing: -0.04em;
}

.plan-preview .preview-price small {
    font-size: 14px;
    -webkit-text-fill-color: var(--fog);
    color: var(--fog);
    letter-spacing: 0;
    font-weight: 400;
}

.plan-preview .plan-description {
    font-size: 13.5px;
    line-height: 1.65;
    color: var(--moon);
    min-height: 66px;
    margin-bottom: 0;
}

.plan-preview .check-list {
    margin: 22px 0;
    padding-top: 22px;
    border-top: 1px solid rgba(186, 215, 247, 0.08);
}

.plan-preview .check-list li {
    font-size: 13px;
    padding-left: 24px;
    margin: 10px 0;
    color: var(--moon);
}

.plan-preview .check-list li::before {
    content: '✓';
    color: var(--blue);
    font-weight:500;
    text-shadow: 0 0 12px rgba(182, 217, 252, 0.6);
}

.plan-preview .preview-more {
    font-size: 13px;
    padding-top: 18px;
    margin-top: 22px;
    border-top: 1px solid rgba(186, 215, 247, 0.08);
    transition: color 0.3s ease;
    color: var(--moon);
}

.plan-preview .preview-more:hover {
    color: #fff;
}

.plan-preview .preview-more span {
    transition: transform 0.3s cubic-bezier(0.2, 0.8, 0.2, 1);
}

.plan-preview .preview-more:hover span {
    transform: translateX(5px);
    color: var(--blue);
}

@media(max-width: 700px) {
    .plan-preview {
        padding: 28px 24px;
        border-radius: 20px;
    }
    .plan-preview .preview-price {
        font-size: 38px;
    }
    .plan-preview .segmented button {
        font-size: 12px;
    }
}
@media(max-width: 360px) {
    .plan-preview {
        padding: 24px 18px;
    }
    .plan-preview .preview-price {
        font-size: 34px;
    }
}

/* ===== TERMINAL — TYPING & REVEAL ===== */
.terminal {
    transition: none;
}
.terminal:hover {
    transform: none;
}
.terminal-command-text {
    color: var(--moon);
}
.terminal-cursor {
    display: inline-block;
    margin-left: 1px;
    color: var(--blue);
    animation: cursor-blink 1.1s steps(2, start) infinite;
    font-weight: 400;
}
.terminal-cursor.is-hidden {
    display: none;
}
@keyframes cursor-blink {
    0%, 50%   { opacity: 1; }
    50.01%, 100% { opacity: 0; }
}
.js-terminal-armed .terminal-row,
.js-terminal-armed .terminal-done,
.js-terminal-armed .terminal-support {
    opacity: 0;
    transform: translateX(-6px);
}
.terminal-row,
.terminal-done,
.terminal-support {
    transition: opacity .5s ease, transform .5s ease;
}
.terminal-done.is-lit {
    animation: term-done-glow 1s ease-out;
}
@keyframes term-done-glow {
    0%   { color: #9fe0c3; text-shadow: 0 0 16px rgba(135, 203, 176, .55); }
    100% { color: var(--frost); text-shadow: none; }
}

/* ===== SUPPORT HUB — COUNT-UP & FILL ===== */
.support-hub {
    transition: transform .45s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.support-hub:hover {
    transform: translateY(7px);
}
.hour-meter span {
    transition: width .85s cubic-bezier(0.2, 0.8, 0.2, 1);
}
.js-hub-armed .hour-meter span {
    width: 0;
}
.js-hub-armed.is-active .hour-meter span {
    width: 72%;
}
.hour-list [data-count] {
    font-variant-numeric: tabular-nums;
}
.hour-total .pct {
    display: inline-block;
    font-variant-numeric: tabular-nums;
}
.is-active .hour-total .pct {
    animation: breathe 4.2s ease-in-out infinite .9s;
}
@keyframes breathe {
    0%, 100% { opacity: 0.82; }
    50%      { opacity: 1; }
}
@media (prefers-reduced-motion: reduce) {
    .terminal-cursor { animation: none; }
    .terminal-done.is-lit { animation: none; }
    .is-active .hour-total .pct { animation: none; }
}

/* ===== SATELLITES — DEPTH OF FIELD ===== */
.satellite {
    filter: blur(1.8px);
    opacity: 0.78;
}
.satellite.left  { transform: perspective(850px) rotateY(12deg) rotateZ(-3deg) scale(0.985); }
.satellite.right { transform: perspective(850px) rotateY(-12deg) rotateZ(3deg) scale(0.985); }

/* ===== AUDIT FIXES: LOCAL TYPE & READABILITY ===== */

.plan-preview .preview-note{font-size:12px;line-height:1.5;color:var(--moon);opacity:1}
.trust-item{font-size:13px;line-height:1.5}
.payment-option small{font-size:13px;line-height:1.55}
.term-control{font-size:13px}
.term-control button{font-size:13px}
.breakdown>div{font-size:13px;line-height:1.55}
.formula{font-size:12px;line-height:1.7}
.result-notes{font-size:13px;line-height:1.65}
.result-amount{font-size:48px;font-weight:400;line-height:1.15;letter-spacing:-.045em}
.pricing-table th{font-size:12px}
.pricing-table td{font-size:14px;line-height:1.55}
.pricing-note p{font-size:13px;line-height:1.65}
.comparison th,.comparison td{font-size:13px;line-height:1.55}
.comparison-note{font-size:13px;line-height:1.65}
dialog p{font-size:14px;line-height:1.65}
dialog .check-list li{font-size:13px;line-height:1.6}

@media(max-width:700px){
  .plan-preview{width:min(368px,100%)}
  .trust-item{font-size:12px}
  .pricing-table td{font-size:13px}
  .pricing-table td[data-label]::before{font-size:11px}
  .comparison th,.comparison td{font-size:12.5px}
  .comparison-note{font-size:12.5px}
  .result-amount{font-size:44px}
}
@media(max-width:380px){
  .pricing-table td{font-size:12.5px}
  .comparison th,.comparison td{font-size:12px}
  .comparison-note{font-size:12px}
  .result-amount{font-size:39px}
}