/* Profit Calculator - scoped to avoid changes to other HOOK IT pages. */
.calc-page{background:#06132a;color:#eaf5ff}
.calc-page header{background:rgba(238,248,255,.97)}
.calc-page .eyebrow{color:#61e4fa!important}
.calc-page h1,.calc-page h2,.calc-page h3{color:#eef8ff}
.calc-hero{background:radial-gradient(ellipse at 85% 10%,rgba(0,221,248,.14),transparent 55%),linear-gradient(160deg,#020b24,#0a2743);padding:64px 0 52px}
.calc-hero-inner{max-width:820px}
.calc-hero h1{font-size:clamp(1.9rem,4.5vw,2.9rem);line-height:1.35;letter-spacing:-.025em}
.calc-hero .intro{max-width:720px;color:#bdd4e8;font-size:1.05rem;margin:20px 0 0}
.calc-meta{display:flex;gap:10px;flex-wrap:wrap;margin-top:25px}
.calc-meta span{background:rgba(255,255,255,.08);border:1px solid rgba(125,235,250,.16);padding:5px 13px;border-radius:40px;font-size:.83rem;color:#d6f4fb}
.calc-section{padding:0 0 84px;background:linear-gradient(180deg,#081930,#020b24)}
.calc-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);gap:20px;align-items:start}
.calc-card{background:#102440;border:1px solid rgba(125,235,250,.18);border-radius:16px;box-shadow:0 20px 50px rgba(0,0,0,.15);padding:28px}
.calc-card h2{font-size:1.37rem}
.calc-card p{color:#afcbe1}
.calc-currency-row{display:flex;align-items:center;gap:14px;margin-top:20px;flex-wrap:wrap}
.calc-currency-row label{color:#d8eaf7;font-size:.91rem;font-weight:800}
.calc-currency-row select{background:#06152c;color:#f0fbff;border:1px solid rgba(162,218,247,.4);border-radius:9px;padding:11px 38px 11px 12px;font:inherit;font-weight:700;min-height:45px;cursor:pointer}
.calc-currency-row select:focus-visible{outline:2px solid #67e8fa;outline-offset:2px}
.calc-card .calc-currency-note{font-size:.79rem;line-height:1.6;color:#bcd4e6;margin:10px 0 4px}
.calc-grid[data-currency="MYR"] .calc-input-wrap .prefix+input{padding-left:51px}
.calc-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:24px}
.calc-field{display:flex;flex-direction:column;gap:6px}
.calc-field.full{grid-column:1/-1}
.calc-field label{color:#d8eaf7;font-size:.89rem;font-weight:700}
.calc-field .hint{font-size:.76rem;line-height:1.45;color:#a6bdcf}
.calc-input-wrap{display:flex;align-items:center;position:relative}
.calc-input-wrap .prefix,.calc-input-wrap .suffix{position:absolute;color:#9cb7c9;font-weight:700;pointer-events:none}
.calc-input-wrap .prefix{left:13px}
.calc-input-wrap .suffix{right:13px}
.calc-input-wrap input{width:100%;background:#06152c;border:1px solid rgba(162,218,247,.3);border-radius:9px;padding:13px 14px;color:white;font-size:1.1rem;font-weight:700;font-variant-numeric:tabular-nums;min-width:0}
.calc-input-wrap .prefix+input{padding-left:31px}
.calc-input-wrap input.with-suffix{padding-right:32px}
.calc-input-wrap input:focus{outline:2px solid #67e8fa;outline-offset:1px}
.calc-actions{display:flex;justify-content:flex-end;margin-top:18px}
.calc-reset{background:transparent;color:#b7d4e7;border:1px solid #65839b;border-radius:8px;padding:8px 16px;cursor:pointer}
.calc-reset:hover{background:rgba(255,255,255,.1)}
.calc-result-heading{display:flex;align-items:center;justify-content:space-between;gap:8px}
.calc-result-heading .tag{font-size:.72rem;border:1px solid rgba(125,235,250,.3);padding:3px 9px;border-radius:40px;color:#99e9f7}
.calc-main-result{margin:20px 0 22px;padding:20px;border-radius:12px;background:linear-gradient(140deg,rgba(0,80,125,.5),rgba(0,221,248,.11));border:1px solid rgba(0,221,248,.2)}
.calc-main-result small{color:#b4d3e8;display:block;font-size:.85rem}
.calc-main-result strong{font-size:clamp(2rem,5vw,2.7rem);font-weight:850;line-height:1.35;color:#8bf4fc;overflow-wrap:anywhere;font-variant-numeric:tabular-nums}
.calc-main-result.is-unavailable strong{font-size:1.4rem;color:#ffcb92}
.calc-metrics{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.calc-metric{background:#071a33;border-radius:10px;padding:15px;border:1px solid rgba(125,235,250,.12)}
.calc-metric span{color:#a5bed2;font-size:.78rem;display:block}
.calc-metric strong{display:block;color:#f0fbff;font-size:1.36rem;font-variant-numeric:tabular-nums}
.calc-metric em{font-style:normal;color:#acc7d9;font-size:.73rem}
.calc-advice{background:#051930;border-left:3px solid #64e2f5;margin-top:17px;padding:14px 16px;color:#e3f2fb;line-height:1.7;font-size:.91rem}
.calc-advice p{margin:0;color:inherit;font-size:inherit}
.calc-warning{color:#ffcb92!important;font-size:.86rem}
.calc-breakdown{margin-top:20px}
.calc-breakdown h3{font-size:.91rem;margin-bottom:9px}
.calc-bar{display:flex;height:19px;overflow:hidden;border-radius:8px;background:#294059}
.calc-segment{min-width:0}
.calc-segment.cost{background:#4f91d6}
.calc-segment.fee{background:#8a78cc}
.calc-segment.other{background:#f2bb77}
.calc-segment.ad{background:#39bbcb}
.calc-segment.profit{background:#64e0a3}
.calc-legend{display:flex;flex-wrap:wrap;gap:7px 14px;color:#bcd0e2;font-size:.74rem;margin-top:10px}
.calc-legend span::before{content:'';display:inline-block;width:9px;height:9px;background:var(--legend);border-radius:2px;margin-right:5px}
.calc-next{padding:22px 0 0}
.calc-next h2{font-size:1.05rem}
.calc-next p{margin:8px 0 16px}
.calc-next .cta-button{min-height:42px;font-size:.87rem}
.calc-notes{padding:30px 0 65px;background:#020b24}
.calc-notes-inner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.calc-note-card{padding:24px;border-radius:12px;border:1px solid rgba(125,235,250,.17);background:#0c1c35}
.calc-note-card h2{font-size:1.1rem}
.calc-note-card p{color:#abc8d9;font-size:.9rem;line-height:1.75}
/* The footer reuses the dark Meta Checker design from style.css. */
.calc-heading-first,.calc-heading-last{display:block}
@media(max-width:850px){.calc-grid{grid-template-columns:1fr}.calc-hero{padding:48px 0 36px}.calc-section{padding-bottom:55px}}
@media(max-width:550px){.calc-card{padding:18px}.calc-fields{gap:12px}.calc-metrics{grid-template-columns:1fr 1fr}.calc-metric{padding:12px}.calc-metric strong{font-size:1.15rem}.calc-hero h1{font-size:1.85rem}.calc-heading-phrase{display:block}.calc-notes-inner{grid-template-columns:1fr}.calc-page .top-nav a:nth-child(2){display:none}}