/* Approved H visual. Homepage-only presentation above the responsive safety layer.
   Prices, reset estimates, content, and analytics remain owned by existing code. */
.home{background:#f7fafb;color:#0b1628;font-family:var(--font-ui)}
.home .wrap{max-width:1440px;width:89%;margin-inline:auto}
.home header.site{background:rgba(249,252,253,.94)}
.home .hero-composition{display:grid;grid-template-columns:minmax(0,1.7fr) minmax(0,1fr);align-items:center;gap:30px;margin:20px 0 10px;min-height:220px}
.home .hero-composition .hero{position:relative;padding:12px 0;min-height:0}
.home .hero-eyebrow{font:600 11px/1.5 var(--font-ui);letter-spacing:1.4px}
.home .hero-composition h1{font:750 clamp(30px,3.35vw,51px)/1.12 var(--font-display);letter-spacing:-1.8px;white-space:normal;margin-bottom:12px}
.home .hero-composition h1 .grad{font-weight:inherit;color:inherit}
.home .hero-composition .hero p.sub{font:400 15px/1.5 var(--font-ui);max-width:680px;margin-bottom:12px}
.home .hero-composition .trustline{font:400 11px/1.6 var(--font-ui);margin-top:0}
.home .hero-handnote{display:none}
/* Frost is on the surface only: portrait, timer and copy stay sharp. */
.home .tibo-watch{--portrait-reserve:0px;display:grid;grid-template-columns:minmax(0,1fr) 40%;grid-template-rows:auto auto auto;gap:12px 10px;align-content:start;position:relative;isolation:isolate;width:100%;max-width:none;min-height:220px;height:auto;padding:18px 20px;border:1px solid rgba(255,255,255,.95);border-radius:17px;background:linear-gradient(115deg,rgba(227,248,242,.86),rgba(216,244,247,.8));box-shadow:inset 0 0 0 1px #b7eadf88,inset 0 2px 7px #fff,0 7px 23px #1c796b1c;backdrop-filter:blur(18px) saturate(115%);-webkit-backdrop-filter:blur(18px) saturate(115%)}
.home .tibo-watch::before{content:"";position:absolute;inset:0;z-index:-1;border-radius:inherit;opacity:1;background:radial-gradient(ellipse at 80% 12%,#ffffffaf,transparent 60%),linear-gradient(135deg,transparent 40%,#ade8d933);mask-image:none;pointer-events:none}
.home .tibo-watch-heading{grid-column:1/-1;grid-row:1;width:auto;margin:0;gap:9px;z-index:2}
.home .tibo-watch-title{font:650 12px/1.4 var(--font-ui);color:#122b30}
.home .tibo-watch-mark{width:11px;height:11px;background:#2faa78;box-shadow:0 0 0 1px #ffffff80}
.home .tibo-watch-main{grid-column:1;grid-row:2;width:auto;padding:0;z-index:2}
.home .tibo-watch-caption{font:400 11px/1.4 var(--font-ui);margin:0 0 7px}
.home .tibo-countdown,.home .tibo-countdown[data-overdue]{width:100%;min-height:34px;font:600 clamp(21px,2vw,30px)/1.25 var(--font-data);letter-spacing:-1.2px;color:#093b32}
.home .tibo-units{width:100%;font:600 7px/1.4 var(--font-ui);letter-spacing:0;margin-top:3px}
.home .tibo-digit{min-width:0}
.home .tibo-profile{position:absolute;top:-13px;right:12px;width:39%!important;height:176px;z-index:1;display:block;overflow:visible}
.home .tibo-avatar{position:static;width:100%;height:100%;object-fit:cover;object-position:center 30%;mask-image:linear-gradient(to bottom,#000 58%,transparent 100%),linear-gradient(to right,transparent,#000 14%,#000 91%,transparent);mask-composite:intersect;-webkit-mask-composite:source-in}
.home .tibo-editorial-caption{position:relative;grid-column:2;grid-row:2;align-self:end;justify-self:end;display:block;max-width:100%;margin:97px 0 0;font:400 8px/1.4 var(--font-ui);text-align:right;z-index:2;color:#355e53}
.home .tibo-editorial-caption strong{font:550 10px/1.5 var(--font-ui);margin-right:4px}
.home .tibo-editorial-caption span{display:block;white-space:normal}
.home .tibo-watch-details{grid-column:1;grid-row:3;width:auto;display:flex;align-items:center;gap:4px 6px;padding-top:9px;margin:0;border-top:1px solid #bcdcd780;font:400 10px/1.5 var(--font-ui);z-index:2}
.home .tibo-meta-label{font-size:10px}.home .tibo-timezone{font-size:9px}
.home .tibo-watch .badge{font-size:8px;padding:1px 5px;border-radius:8px}
.home .tibo-watch-link{display:block;flex-basis:100%;font:550 11px/1.5 var(--font-ui);margin-top:3px}
.home .tibo-watch-note{position:static;grid-column:2;grid-row:3;align-self:end;width:auto;margin:0;font:400 9px/1.5 var(--font-ui);color:#47675e;text-align:left;z-index:2}
.home .tibo-watch-note br{display:none}
/* Strict money grid, softer surrounding surfaces. */
.home .calculator-layout{grid-template-columns:minmax(0,3fr) minmax(0,2fr);gap:1px;background:#e4eeed80;border-radius:12px;overflow:hidden}
.home .calculator-inputs,.home .calculator-presets{background:#ffffffed;padding-left:58px;padding-right:28px}
.home .calculator-inputs{padding-top:22px}.home .calculator-presets{padding-top:14px;padding-bottom:20px}
.home .sec-label[data-step]{font:650 15px/1.35 var(--font-ui);margin-bottom:3px}
.home .sec-label[data-step]::before{content:attr(data-step);border:0;background:linear-gradient(130deg,#f0f5f7,#e4eaef);font:600 14px/1 var(--font-ui);color:#152237;width:28px;height:28px}
.home .step-description{font:400 11px/1.5 var(--font-ui);margin-bottom:9px}
.home .models{grid-template-columns:repeat(3,minmax(0,1fr));gap:9px;margin-bottom:20px}
.home .model{height:auto;min-height:112px;padding:10px 12px;text-align:left;background:#f7fafb;border:1px solid #dce6eb;border-radius:6px}
.home .model b,.home .model b.model-title{font:650 12px/1.4 var(--font-ui);margin:0 0 7px;min-height:20px}
.home .model small.model-rates{display:grid;gap:2px;font:400 10px/1.5 var(--font-ui)}
.home .model-rate{display:flex;justify-content:space-between;gap:5px;white-space:nowrap}
.home .model-rate .money{font:400 10px/1.5 var(--font-data)}
.home .model-rate-unit{display:block;font:400 8px/1.4 var(--font-ui);opacity:.9;margin-top:3px}
.home .model.active{background:linear-gradient(135deg,#07392c,#093c2e);border-color:#338b63;color:#fff}
.home .model.active b,.home .model.active small{color:#fff}.home .model.active .model-rate-unit{color:#e0eee7}
.home .tiers{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px}
.home .tier{height:auto;min-height:55px;padding:8px 5px}.home .tier b{font:600 12px/1.4 var(--font-ui)}.home .tier small{font:400 10px/1.45 var(--font-ui)}
.home .tier.active{background:#eaf7f1;border-color:#2b9b6a}.home .tier:disabled{opacity:.55;cursor:not-allowed}
.home .tier-help{margin:6px 0 17px;height:auto}.home .tier-help>summary{position:static;font:400 10px/1.5 var(--font-ui);min-height:0}
.home .grid{gap:13px 24px}.home label.field{font:500 11px/1.5 var(--font-ui)}
.home input[type=number]{height:34px;font:400 12px/1.4 var(--font-data);padding:7px 10px}
.home .advanced-pricing{margin:10px 0 0}.home .advanced-pricing>summary{font:400 11px/1.5 var(--font-ui)}
.home .preset{min-height:34px}.home .preset b{font:450 11px/1.4 var(--font-ui)}
.home .cost-summary{grid-column:2;grid-row:1/3;padding:26px;background:radial-gradient(ellipse at 12% 30%,#d8f3e888,transparent 70%),linear-gradient(115deg,#f4fbf8,#f0f8fc)}
.home .summary-heading{gap:14px;margin-bottom:18px;flex-wrap:wrap}.home .summary-label{font:750 22px/1.25 var(--font-display);letter-spacing:-.7px}
.home .period-toggle{min-width:150px;max-width:220px}.home .period-toggle button{font:550 11px/1.4 var(--font-ui);min-height:32px}
.home .summary-caption{font:600 12px/1.5 var(--font-ui)}.home .pricing-context{font:400 10px/1.5 var(--font-ui);margin:0 0 8px}
.home .stat.hero-stat .v{font:600 clamp(30px,3.7vw,58px)/1.2 var(--font-data);letter-spacing:-2px;max-width:100%;overflow-wrap:anywhere}
.home .stat .v{font:600 15px/1.5 var(--font-data)}.home .stat .k{font:400 10px/1.5 var(--font-ui)}
.home .compact-comparison{margin-top:20px}.home .compact-comparison td{font:400 11px/1.5 var(--font-ui);padding:8px}.home .compact-comparison td.numeric-cell{font-family:var(--font-data)}
.home .compact-comparison td:last-child{font-size:10px;white-space:normal}.home .verdict{font:400 12px/1.5 var(--font-ui);padding:13px;margin:14px 0}
.home .cost-breakdown>summary{font:550 12px/1.5 var(--font-ui);padding:12px}.home .share-btn{font:400 10px/1.5 var(--font-ui);min-height:34px}
.home .utility-row{margin-top:18px}.home .utility-highlights b{font:650 11px/1.5 var(--font-ui)}.home .utility-highlights p>span{font:400 10px/1.5 var(--font-ui)}
.home :is(a,button,input,select,summary,[role=radio]):focus-visible{outline:3px solid #17845f;outline-offset:3px}
@supports not (backdrop-filter:blur(1px)){.home .tibo-watch{background:linear-gradient(115deg,#e5f7f0,#e2f4f5)}}
@media(max-width:1179px){
 .home .hero-composition{grid-template-columns:minmax(0,1fr);gap:16px}.home .hero-composition h1{font-size:clamp(30px,4.2vw,46px)}
 .home .tibo-watch{max-width:620px;min-height:214px;grid-template-columns:minmax(0,1fr) 40%}.home .tibo-profile{height:180px;width:35%!important}
 .home .calculator-layout{grid-template-columns:minmax(0,1fr)}.home .cost-summary{grid-column:1;grid-row:3}.home .calculator-inputs,.home .calculator-presets{padding-right:28px}
 .home .stat.hero-stat .v{font-size:48px}
}
@media(max-width:760px){
 .home .wrap{width:auto;margin-inline:16px}.home .hero-composition{margin-top:18px}.home .hero-composition .hero p.sub{font-size:13px}.home .hero-eyebrow{font-size:9px}
 .home .tibo-watch{padding:16px;grid-template-columns:minmax(0,1fr) 31%;gap:12px 8px;min-height:218px}.home .tibo-profile{right:0;top:2px;width:31%!important;height:132px}
 .home .tibo-watch-title{font-size:11px}.home .tibo-countdown,.home .tibo-countdown[data-overdue]{font-size:22px;letter-spacing:-1px}.home .tibo-units{font-size:6px}
 .home .tibo-editorial-caption{margin-top:68px;font-size:7px}.home .tibo-editorial-caption strong{font-size:9px}.home .tibo-watch-note{font-size:8px}.home .tibo-watch-details{font-size:9px}.home .tibo-meta-label{display:inline}.home .tibo-watch-details br{display:inline}
 .home .calculator-inputs{padding:20px 16px 0 43px}.home .calculator-presets{padding:13px 16px 18px 43px}.home .sec-label[data-step]{font-size:14px}.home .sec-label[data-step]::before{width:25px;height:25px;right:calc(100% + 9px)}
 .home .models{grid-template-columns:1fr;gap:7px;margin-bottom:18px}.home .model{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.35fr);gap:9px;align-items:center;min-height:85px;padding:9px 10px}.home .model:last-child:nth-child(odd){grid-column:auto}.home .model b,.home .model b.model-title{font-size:12px;margin:0}.home .model .newbadge{font-size:7px}
 .home .tiers{grid-template-columns:repeat(2,minmax(0,1fr))}.home .tier{min-height:55px}.home .grid{gap:12px 10px}.home .step-description{font-size:11px}.home .tier-help>summary,.home .preset-help>summary{min-height:30px;font-size:11px}
 .home .cost-summary{padding:23px 18px}.home .summary-label{font-size:21px}.home .summary-heading{gap:10px}.home .stat.hero-stat .v{font-size:clamp(26px,9.3vw,45px);letter-spacing:-1.5px}.home .stat .v{font-size:12px}.home .compact-comparison td{font-size:10px;padding:7px 5px}.home .compact-comparison td:last-child{font-size:9px}.home .share-btn{min-height:44px}
}
@media(max-width:360px){.home .wrap{margin-inline:12px}.home .tibo-watch{padding:14px 12px}.home .tibo-countdown,.home .tibo-countdown[data-overdue]{font-size:20px}.home .tibo-watch-title{font-size:10px}.home .tibo-editorial-caption span{font-size:7px}.home .grid{grid-template-columns:1fr}.home .period-toggle{min-width:130px}.home .model b,.home .model b.model-title{font-size:11px}}
@media(prefers-reduced-motion:reduce){.home *,.home *::before,.home *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* Keep the existing adaptive money sizing, including very large workloads. */
.home .stat.hero-stat .v{font-size:clamp(24px,calc(100cqw / var(--money-units,5.5)),58px);white-space:nowrap;overflow-wrap:normal;overflow-x:auto}
/* Live-preview refinement: keep portrait attribution out of the clock track. */
.home .tibo-editorial-caption{position:absolute;top:146px;right:16px;width:36%;margin:0}
.home .tibo-watch-main{min-height:67px}
.home .stat.hero-stat .v{padding-block:4px;overflow-y:hidden}
@media(max-width:760px){.home .tibo-editorial-caption{top:127px;right:10px;width:29%}}
/* Attribution has its own measured track; never overlaps the estimate disclaimer. */
.home .tibo-editorial-caption{position:static;grid-column:2;grid-row:3;align-self:start;justify-self:end;width:auto;max-width:100%;margin:0;padding-top:8px}
.home .tibo-watch-note{grid-column:1/-1;grid-row:4;font-size:9px}
.home .tibo-watch{row-gap:8px}
/* Requested plain zero: use the existing Inter face for numbers, retaining tabular alignment. */
.home{--font-data:var(--font-ui)}
.home :is(.money,.numeric-cell,.relative-label,.tibo-countdown,.tibo-digit,input[type=number],output,.stat .v){font-variant-numeric:tabular-nums lining-nums!important}
/* Reference Cost Summary: compact signed percentages and a savings icon, not a chart. */
.home .cost-summary{display:flex;flex-direction:column}
.home .summary-heading{order:1;justify-content:space-between;flex-wrap:nowrap;margin-bottom:22px;gap:12px}
.home .summary-label{font-size:22px;flex:none}.home .period-toggle{min-width:150px;max-width:220px;flex:1}
.home .summary-caption{order:2;margin-bottom:4px}.home .results{order:3;margin-bottom:5px}
.home .stat.hero-stat .v{font-weight:750;letter-spacing:-1.8px}.home .stat:not(.hero-stat) .v{font-weight:650;font-size:16px}
.home .stat:not(.hero-stat){border-right:1px solid #d5e4e5}.home .stat:last-child{border-right:0}
.home .compact-comparison{order:4;margin-top:14px;border-radius:9px;background:#ffffffdb;overflow:hidden}
.home .compact-comparison thead{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}
.home .compact-comparison>p{padding:10px 12px;border-bottom:1px solid #edf1f3;font:600 12px/1.5 var(--font-ui)}
.home .compact-comparison td{padding:9px 10px;font-size:12px;vertical-align:middle;border-bottom:0}
.home .compact-comparison td:nth-child(2){font-weight:600}.home .compact-comparison tr.hl td{font-weight:650;background:#eaf6f0}
.home .compact-comparison td.summary-percent{font:600 12px/1.5 var(--font-data);white-space:nowrap;text-align:right}
.home .summary-percent.lower{color:#177c50}.home .summary-percent.higher{color:#bd343e}.home .summary-percent.neutral{color:#182b32}
.home .verdict{order:5;display:flex;align-items:center;gap:14px;background:#ddf3eb;padding:15px;margin:14px 0 12px;border-radius:6px;font:400 12px/1.6 var(--font-ui);color:#0b4433}
.home .verdict strong{font-weight:650}.home .savings-icon{flex:none;width:33px;height:33px;color:#2a9c69}
.home .cost-breakdown{order:6}.home .cost-breakdown>summary{min-height:45px;border-radius:6px;font:550 13px/1.5 var(--font-ui);display:flex;justify-content:center;align-items:center;gap:12px}
.home .cost-breakdown>summary span{font-size:23px;line-height:1}
.home .summary-footnote{order:7;text-align:center;font:400 10px/1.5 var(--font-ui);color:#748696;margin:16px 0 0}
.home .cost-summary .pricing-context{order:8;display:none}.home .cost-summary .pricing-context.summary-context-alert{display:block;margin:10px 0 0}
.home .share-row{order:9;margin-top:4px}.home .share-btn{font-size:9px;min-height:30px}
@media(max-width:760px){.home .summary-heading{flex-wrap:wrap}.home .summary-label{font-size:21px}.home .compact-comparison td{font-size:11px;padding:8px}.home .compact-comparison td.summary-percent{font-size:11px}.home .stat:not(.hero-stat) .v{font-size:13px}.home .share-btn{min-height:44px}}
.home .compact-comparison td:first-child{width:27%}
.home .compact-comparison td:nth-child(2){width:50%;white-space:nowrap}
.home .compact-comparison td:last-child{width:23%}


/* A pending announcement replaces the estimate without changing the glass card. */
.home .tibo-watch [hidden]{display:none!important}
.home .tibo-watch[data-state="pending"] .tibo-countdown{display:block;white-space:normal;font:600 clamp(19px,1.8vw,25px)/1.2 var(--font-ui);letter-spacing:-.5px}
.home .tibo-announced-time{margin:6px 0 0;font:400 10px/1.4 var(--font-ui);color:#355e53;overflow-wrap:anywhere}