:root{
  --bg:#f7f7f4;--surface:#fff;--surface-soft:#f1f4f0;--ink:#202124;--muted:#686a6d;
  --border:#e3e3de;--primary:#315c4c;--primary-hover:#274a3d;--primary-soft:#eaf0ed;
  --accent:#e6a94a;--accent-soft:#fbf2e2;--success:#2e7d55;--radius:16px;
  --shadow:0 14px 38px rgba(32,33,36,.08);--shell:1120px;--header:68px
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:var(--bg);color:var(--ink);font:16px/1.6 "Noto Sans",system-ui,sans-serif}
a{color:inherit;text-decoration:none}button,input,select{font:inherit}button{color:inherit}svg{display:block;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
h1,h2,h3,p{margin-top:0}h1,h2,h3,.brand,.eyebrow,.result-value{font-family:"Manrope","Noto Sans",sans-serif;line-height:1.13;letter-spacing:-.03em}
.shell{width:min(calc(100% - 28px),var(--shell));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip{position:fixed;top:8px;left:8px;z-index:200;transform:translateY(-150%);padding:8px 12px;background:var(--ink);color:#fff;border-radius:8px}.skip:focus{transform:none}
.site-header{position:sticky;top:0;z-index:100;height:var(--header);border-bottom:1px solid rgba(227,227,222,.9);background:rgba(247,247,244,.92);backdrop-filter:blur(12px)}
.header-inner{height:100%;display:flex;align-items:center;gap:24px}.brand{font-size:23px;font-weight:800;letter-spacing:-.055em}.brand .omi{color:var(--primary)}.brand .deck{color:var(--accent)}
.header-nav{display:flex;gap:4px}.header-nav a{padding:8px 10px;border-radius:8px;color:#555;font-size:13px;font-weight:700}.header-nav a:hover{background:var(--primary-soft);color:var(--primary)}
.header-note{margin-left:auto;color:var(--muted);font-size:12px}.breadcrumb{display:flex;gap:7px;align-items:center;padding:22px 0 10px;color:var(--muted);font-size:12px}.breadcrumb a:hover{color:var(--primary)}
.page-intro{max-width:790px;padding:18px 0 26px}.eyebrow{display:block;margin-bottom:9px;color:var(--primary);font-size:11px;font-weight:800;letter-spacing:.09em;text-transform:uppercase}
.page-intro h1{margin-bottom:13px;font-size:clamp(38px,6vw,60px)}.page-intro p{max-width:720px;margin-bottom:0;color:var(--muted);font-size:17px}
.calculator-layout{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(330px,.95fr);gap:18px;align-items:start}
.card{border:1px solid var(--border);border-radius:20px;background:var(--surface);box-shadow:0 6px 20px rgba(32,33,36,.04)}
.input-card{padding:24px;height:100%;display:flex;flex-direction:column}.card-title{margin-bottom:4px;font-size:22px}.card-subtitle{margin-bottom:22px;color:var(--muted);font-size:15px;line-height:1.55}
.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field label,.mini-field label{display:block;margin-bottom:7px;font-size:14px;font-weight:800}
.input-combo{display:grid;grid-template-columns:1fr auto;border:1px solid #d8dbd7;border-radius:12px;background:#fff;overflow:hidden}.input-combo:focus-within{border-color:var(--primary);box-shadow:0 0 0 3px rgba(49,92,76,.1)}
.input-combo input,.input-combo select{height:50px;border:0;outline:0;background:transparent;color:var(--ink)}.input-combo input{width:100%;min-width:0;padding:0 13px}.input-combo select{padding:0 34px 0 11px;border-left:1px solid var(--border);cursor:pointer}
.presets{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}.preset{padding:7px 11px;border:1px solid var(--border);border-radius:999px;background:#fafaf8;color:#555;font-size:13px;font-weight:700;cursor:pointer}.preset:hover{border-color:#bac9c1;background:var(--primary-soft);color:var(--primary)}
.efficiency{margin-top:20px;padding-top:18px;border-top:1px solid #efefeb}.efficiency-head{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:8px}.efficiency-head label{font-size:14px;font-weight:800}.efficiency-head span{color:var(--primary);font-size:14px;font-weight:800}.efficiency input{width:100%;accent-color:var(--primary)}
.efficiency-scale{display:flex;justify-content:space-between;color:#858585;font-size:12px}.hint{margin:9px 0 0;color:var(--muted);font-size:14px;line-height:1.55}
.result-card{overflow:hidden}.result-main{padding:25px;background:linear-gradient(145deg,#315c4c,#294d40);color:#fff}.result-label{display:block;margin-bottom:6px;color:#cfe0d8;font-size:13px;font-weight:800;text-transform:uppercase;letter-spacing:.07em}
.result-value{margin-bottom:5px;font-size:clamp(36px,5vw,52px);font-weight:800}.result-note{margin:0;color:#d7e3de;font-size:15px;line-height:1.5}
.realistic{margin-top:18px;padding:13px 14px;border:1px solid rgba(255,255,255,.12);border-radius:12px;background:rgba(255,255,255,.08)}.realistic span,.realistic strong{display:block}.realistic span{color:#cfe0d8;font-size:12px;text-transform:uppercase;letter-spacing:.07em}.realistic strong{margin-top:2px;font-family:"Manrope",sans-serif;font-size:21px}
.result-details{display:grid;grid-template-columns:repeat(3,1fr);padding:18px}.detail{padding:4px 12px;border-right:1px solid var(--border)}.detail:last-child{border-right:0}.detail span,.detail strong{display:block}.detail span{margin-bottom:5px;color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.05em}.detail strong{font-size:15px}
.planner{margin-top:18px;padding:22px}.planner-grid{display:grid;grid-template-columns:1fr auto;gap:12px;align-items:end}.planner .input-combo{max-width:270px}.needed{padding:10px 13px;border-radius:11px;background:var(--accent-soft);color:#75501c;text-align:right}.needed span,.needed strong{display:block}.needed span{font-size:12px;text-transform:uppercase}.needed strong{font-family:"Manrope",sans-serif;font-size:19px}
.content-section{padding:66px 0 0}.section-head{max-width:700px;margin-bottom:22px}.section-head h2{margin-bottom:8px;font-size:clamp(28px,4vw,38px)}.section-head p{margin-bottom:0;color:var(--muted)}
.table-wrap{overflow:auto;border:1px solid var(--border);border-radius:16px;background:#fff}table{width:100%;border-collapse:collapse;min-width:520px}th,td{padding:13px 16px;border-bottom:1px solid #eeeeea;text-align:left}th{background:#fafaf8;color:#555;font-size:13px;text-transform:uppercase;letter-spacing:.05em}td{font-size:15px}tbody tr:last-child td{border-bottom:0}td:last-child,th:last-child{text-align:right}
.explain-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.info-card{padding:22px}.info-card h3{margin-bottom:8px;font-size:19px}.info-card p{margin-bottom:0;color:var(--muted);font-size:16px;line-height:1.65}.conversion-box{margin-top:15px;padding:14px;border-radius:12px;background:var(--primary-soft);color:var(--primary)}.conversion-box strong{display:block;font-family:"Manrope",sans-serif;font-size:22px}
.reason-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.reason{padding:18px;border:1px solid var(--border);border-radius:14px;background:#fff}.reason strong{display:block;margin-bottom:7px;font-family:"Manrope",sans-serif;font-size:17px}.reason p{margin:0;color:var(--muted);font-size:15px;line-height:1.6}
.faq{max-width:820px}.faq details{border-bottom:1px solid var(--border)}.faq summary{padding:18px 0;font-size:17px;font-weight:800;cursor:pointer}.faq p{padding:0 0 19px;margin:0;color:var(--muted);font-size:16px;line-height:1.7}
.share-row{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-top:auto;padding-top:22px}.share-button{padding:9px 13px;border:1px solid var(--border);border-radius:10px;background:#fff;color:var(--primary);font-weight:800;cursor:pointer}.share-status{color:var(--muted);font-size:14px}
.site-footer{margin-top:72px;background:#233f35;color:#fff}.footer-inner{display:flex;justify-content:space-between;gap:30px;padding:34px 0}.footer-inner p{margin:7px 0 0;color:#bfd0c9;font-size:12px}.footer-links{display:flex;gap:16px;align-items:center;color:#c9d7d1;font-size:12px}
@media(max-width:850px){.calculator-layout{grid-template-columns:1fr}.reason-grid{grid-template-columns:1fr 1fr}.header-note{display:none}}
@media(max-width:620px){:root{--header:62px}.shell{width:min(calc(100% - 20px),var(--shell))}.header-nav{display:none}.page-intro{padding-top:12px}.page-intro h1{font-size:40px}.page-intro p{font-size:15px}.field-grid,.explain-grid{grid-template-columns:1fr}.input-card{padding:18px}.result-details{grid-template-columns:1fr}.detail{padding:10px 6px;border-right:0;border-bottom:1px solid var(--border)}.detail:last-child{border-bottom:0}.planner-grid{grid-template-columns:1fr}.planner .input-combo{max-width:none}.needed{text-align:left}.reason-grid{grid-template-columns:1fr}.content-section{padding-top:50px}.footer-inner{flex-direction:column}.footer-links{flex-wrap:wrap}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.bit-hook{display:flex;align-items:center;gap:13px;margin:0 0 18px;padding:14px 16px;border:1px solid #d9e2dd;border-radius:14px;background:var(--primary-soft);color:var(--primary);transition:.15s ease}.bit-hook:hover{border-color:#b8cbc1;background:#e3ece7}.bit-hook-icon{display:grid;place-items:center;flex:0 0 36px;height:36px;border-radius:50%;background:var(--primary);color:#fff;font-family:"Manrope",sans-serif;font-size:19px;font-weight:800}.bit-hook-copy{min-width:0}.bit-hook strong{display:block;font-family:"Manrope",sans-serif;font-size:17px}.bit-hook span{display:block;margin-top:2px;color:#557266;font-size:15px}.bit-hook-arrow{margin-left:auto;font-size:19px;font-weight:800}#mbps-vs-mbs{scroll-margin-top:calc(var(--header) + 24px)}

.bit-hook-alert{background:#fff0f0;border-color:#edcaca;color:#a53d3d}
.bit-hook-alert:hover{background:#ffe8e8;border-color:#dfa8a8;color:#922f2f}
.bit-hook-alert .bit-hook-copy{display:block;min-width:0}
.bit-hook-alert strong{display:block;color:#a53d3d;font-size:16px;white-space:nowrap}
.bit-hook-alert .hook-detail{display:inline;color:#a53d3d;font:inherit;font-weight:500}
.bit-hook-alert .hook-separator{display:inline;color:#a53d3d;font:inherit}
.bit-hook-alert .bit-hook-arrow{color:#a53d3d}
@media(max-width:800px){
  .bit-hook-alert strong{white-space:normal}
}

.bit-hook-alert{background:var(--primary-soft);border-color:#d9e2dd;color:var(--primary)}
.bit-hook-alert:hover{background:#e3ece7;border-color:#b8cbc1;color:var(--primary)}
.bit-hook-alert strong,.bit-hook-alert .hook-detail,.bit-hook-alert .hook-separator,.bit-hook-alert .bit-hook-arrow{color:var(--primary)}
.speed-test-nudge{margin:-8px 4px 18px;color:var(--muted);font-size:14px;text-align:right}
.speed-test-nudge a,.field-help-link{color:var(--primary);font-weight:800;text-decoration:underline;text-decoration-color:#b7c8c0;text-underline-offset:3px}
.speed-test-nudge a:hover,.field-help-link:hover{color:var(--primary-hover);text-decoration-color:var(--primary-hover)}
.field-help-link{display:inline-block;margin-top:9px;font-size:13px}

/* v7 blue/black/white */
:root{--bg:#fff;--surface:#fff;--text:#0b0d12;--muted:#667085;--border:#e3e7ed;--primary:#2563eb;--primary-hover:#1d4ed8;--primary-soft:#eef4ff;--accent:#2563eb}
html,body{background:#fff;color:#0b0d12}
.site-header{background:#080b12!important;border-bottom:1px solid #232833!important;box-shadow:none!important}
.brand{color:#fff!important}.brand-omi{color:#fff}.brand-deck{color:#5b8cff}
.site-nav a{color:#b6bdc8!important}.site-nav a:hover{color:#fff!important}
.nav-button{background:#fff!important;color:#0b0d12!important;border-color:#fff!important;border-radius:999px!important}
.tool-hero{background:#fff!important;border:0!important;box-shadow:none!important}
.tool-kicker,.eyebrow,.section-kicker,.result-label{color:#2563eb!important}
.tool-hero h1{color:#0b0d12!important;letter-spacing:-.045em}.tool-hero p{color:#667085!important}
.bit-hook,.bit-hook-alert{background:#f7f9fc!important;border:1px solid #e0e5ec!important;color:#0b0d12!important;border-radius:14px!important;box-shadow:none!important}
.bit-hook:hover,.bit-hook-alert:hover{background:#f1f5ff!important;border-color:#b9cdfd!important}
.bit-hook strong,.bit-hook .hook-detail,.bit-hook .hook-separator,.bit-hook-alert strong,.bit-hook-alert .hook-detail,.bit-hook-alert .hook-separator{color:#0b0d12!important}
.bit-hook-arrow,.speed-test-nudge a,.field-help-link{color:#2563eb!important}
.card,.input-card,.result-card,.need-card{background:#fff!important;border:1px solid #dfe3e9!important;box-shadow:0 14px 38px rgba(13,17,23,.055)!important;border-radius:18px!important}
.card-title,.input-card h2,.result-card h2,.need-card h2{color:#0b0d12!important}
.card-subtitle,.hint,.result-note,.share-status,.section-heading p,.info-card p,.reason p,.faq p{color:#667085!important}
.input-combo{border:1px solid #d8dde5!important;background:#fff!important;border-radius:12px!important;box-shadow:none!important}
.input-combo:focus-within{border-color:#2563eb!important;box-shadow:0 0 0 3px rgba(37,99,235,.10)!important}
.input-combo input,.input-combo select{color:#0b0d12!important;background:#fff!important}
.preset{background:#fff!important;color:#4f5865!important;border:1px solid #d8dde5!important;border-radius:999px!important}
.preset:hover,.preset:focus-visible{color:#1d4ed8!important;border-color:#9db8f8!important;background:#f7f9ff!important}
.preset.active{background:#2563eb!important;border-color:#2563eb!important;color:#fff!important}
input[type=range]{accent-color:#2563eb}
.realistic{background:#f7f9fc!important;border-color:#e2e6ec!important}
.realistic strong,.detail strong{color:#0b0d12!important}.realistic span,.detail span,.needed span{color:#7b8490!important}
.result-card{position:relative;overflow:hidden}.result-card:before{content:"";position:absolute;left:0;top:0;bottom:0;width:4px;background:#2563eb}
.needed{background:#080b12!important;border-color:#080b12!important}.needed strong{color:#fff!important}
.share-button,.primary-button{background:#2563eb!important;color:#fff!important;border-color:#2563eb!important;border-radius:999px!important}
.share-button:hover,.primary-button:hover{background:#1d4ed8!important}
.info-section,.comparison-section,.reasons-section,.faq-section{background:#fff!important}
.section-heading h2,.info-card h2,.comparison-section h2,.reasons-section h2,.faq-section h2,.info-card strong,.reason strong{color:#0b0d12!important}
.info-grid,.reasons-grid{gap:0!important;border-left:1px solid #e5e7eb!important}
.info-card,.reason{background:#fff!important;border:0!important;border-right:1px solid #e5e7eb!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important;box-shadow:none!important}
.table-wrap{border:1px solid #e1e5eb!important;border-radius:14px!important;box-shadow:none!important;background:#fff!important}
table{background:#fff!important}th{background:#f7f9fc!important;color:#667085!important;border-color:#e5e7eb!important}td{color:#20252d!important;border-color:#e9ecf0!important}
.faq details{background:#fff!important;border:0!important;border-bottom:1px solid #e5e7eb!important;border-radius:0!important}.faq details:first-child{border-top:1px solid #0b0d12!important}.faq summary{color:#0b0d12!important}
.site-footer{background:#080b12!important;color:#fff!important;border-top:0!important}.site-footer p,.site-footer a,.footer-meta{color:#8b94a2!important}.site-footer a:hover{color:#fff!important}
@media(max-width:760px){.card,.input-card,.result-card,.need-card{border-radius:15px!important}.info-grid,.reasons-grid{border-left:0!important}.info-card,.reason{border-left:1px solid #e5e7eb!important}}

/* v8 exact shared OmiDeck shell + zero green */
:root{
 --blue:#2563eb!important;--blue2:#1d4ed8!important;
 --primary:#2563eb!important;--primary-hover:#1d4ed8!important;
 --primary-soft:#eef4ff!important;--accent:#2563eb!important;
 --success:#2563eb!important;--warning:#2563eb!important;
 --bg:#fff!important;--surface:#fff!important;--text:#0b0d12!important;
 --border:#e3e7ed!important;--muted:#667085!important;
}
.shell{width:min(1180px,calc(100% - 40px));margin:auto}
.site-header{position:sticky!important;top:0!important;z-index:50!important;background:#080b12!important;border-bottom:1px solid #20242d!important;height:auto!important}
.header-inner{height:68px!important;display:flex!important;align-items:center!important;justify-content:space-between!important}
.brand{font-family:Manrope,sans-serif!important;font-size:22px!important;font-weight:800!important;letter-spacing:-1px!important;text-decoration:none!important}
.brand .omi{color:#fff!important}.brand .deck{color:#5b8cff!important}
.nav{display:flex!important;gap:32px!important;color:#b8bdc7!important;font-size:14px!important}
.nav a{color:#b8bdc7!important;text-decoration:none!important;font-weight:400!important}
.nav a:hover{color:#fff!important}
.header-cta{background:#fff!important;color:#090b10!important;border-radius:999px!important;padding:10px 17px!important;font-size:13px!important;font-weight:700!important;text-decoration:none!important;border:0!important}
.header-cta span{color:#2563eb!important;margin-left:6px!important}

/* Result card: white, black and blue only */
.result-card,.result-panel,.result-main,.result-top{
 background:#fff!important;color:#0b0d12!important;
}
.result-card{
 border:1px solid #dfe3e9!important;
 box-shadow:0 14px 38px rgba(13,17,23,.055)!important;
}
.result-card:before{background:#2563eb!important}
.result-card .result-label,.result-card .eyebrow{color:#2563eb!important}
.result-card .result-value,.result-card .result-value *,
.result-card h1,.result-card h2,.result-card strong{color:#0b0d12!important}
.result-card .result-note{color:#667085!important}
.realistic,.typical,.typical-estimate{
 background:#f7f9fc!important;color:#0b0d12!important;border-color:#e2e6ec!important;
}
.realistic strong,.typical strong,.typical-estimate strong{color:#0b0d12!important}
.details-grid,.result-details{background:#fff!important;color:#0b0d12!important}
.detail{background:#fff!important}
.detail strong{color:#0b0d12!important}
.detail span{color:#7b8490!important}

/* Catch legacy green utility/background classes */
[class*="green"],[class*="success"]{--primary:#2563eb!important}
@media(max-width:700px){
 .shell{width:min(100% - 28px,1180px)}
 .nav{display:none!important}
 .header-cta{padding:9px 13px!important}
}