.elementor-2501 .elementor-element.elementor-element-dfd9996{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2501 .elementor-element.elementor-element-79cd6cd{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2501 .elementor-element.elementor-element-d1057c6{--display:flex;}.elementor-2501 .elementor-element.elementor-element-114aa10{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2501 .elementor-element.elementor-element-2a8c099{--display:flex;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-2501 .elementor-element.elementor-element-491c020{--display:flex;--padding-top:0px;--padding-bottom:20px;--padding-left:0px;--padding-right:0px;}.elementor-2501 .elementor-element.elementor-element-491c020:not(.elementor-motion-effects-element-type-background), .elementor-2501 .elementor-element.elementor-element-491c020 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#071B21;}.elementor-2501 .elementor-element.elementor-element-e75f78e{padding:0px 20px 20px 20px;}.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-alex-carousel .upk-item{border-radius:15px 15px 15px 15px;}.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-alex-carousel .upk-item:hover{box-shadow:0px 0px 10px 0px #000000;}.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-alex-carousel .upk-content-wrap{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);}.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-prev i, .elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-next i{color:#FDE6E6;}.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-prev i,
                .elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-next i{font-size:24px;}.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-prev:hover i, .elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-next:hover i{color:#FF7B00;}.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-prev{left:0px;}.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-next{right:0px;}:root{--page-title-display:none;}@media(max-width:1024px){.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-prev i,
                .elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-next i{font-size:24px;}}@media(max-width:767px){.elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-prev i,
                .elementor-2501 .elementor-element.elementor-element-e75f78e .upk-navigation-next i{font-size:24px;}}/* Start custom CSS for html, class: .elementor-element-6622fe8 */.th1bd *{box-sizing:border-box;margin:0;padding:0;}
.th1bd{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;}
.th1bd a{text-decoration:none;}
.th1bd-bg{background:linear-gradient(135deg,#060d1f 0%,#0d1b40 100%);padding:48px 24px 60px;position:relative;overflow:hidden;}
.th1bd-glow{position:absolute;width:400px;height:400px;background:radial-gradient(circle,rgba(29,78,216,.18) 0%,transparent 68%);top:-120px;right:-60px;pointer-events:none;}
.th1bd-inner{max-width:860px;margin:0 auto;position:relative;z-index:1;}
.th1bd-crumb{display:flex;align-items:center;gap:7px;font-size:13px;color:#64748b;margin-bottom:28px;flex-wrap:wrap;}
.th1bd-crumb a{color:#60a5fa;}.th1bd-crumb a:hover{color:#93c5fd;}
.th1bd-crumb svg{opacity:.5;flex-shrink:0;}
.th1bd-meta{display:flex;align-items:center;gap:10px;margin-bottom:16px;}
.th1bd-cat{display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:600;background:rgba(29,78,216,.2);border:1px solid rgba(29,78,216,.4);color:#60a5fa;padding:5px 14px;border-radius:20px;}
.th1bd-free{font-size:12px;font-weight:600;background:rgba(74,222,128,.14);border:1px solid rgba(74,222,128,.3);color:#4ade80;padding:5px 14px;border-radius:20px;display:inline-flex;align-items:center;gap:5px;}
.th1bd-h1{font-size:36px;font-weight:800;color:#fff;line-height:1.15;letter-spacing:-.025em;margin-bottom:14px;}
.th1bd-sub{font-size:16px;color:#94a3b8;line-height:1.7;max-width:640px;margin-bottom:24px;}
.th1bd-catlink{display:inline-flex;align-items:center;gap:7px;border:1px solid rgba(29,78,216,.4);color:#60a5fa;font-size:13px;font-weight:500;padding:9px 18px;border-radius:9px;}
@media(max-width:600px){.th1bd-h1{font-size:24px;}}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-70a75ef */#bdWrap *{box-sizing:border-box;margin:0;padding:5px;}
#bdWrap{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;width:100%;box-sizing:border-box;padding:24px 16px;background:#f4f6f9;}
#bdWrap .bd-inner{max-width:780px;margin:0 auto;}
.bd-card{background:#fff;border:1.5px solid #e5e7eb;border-radius:14px;padding:24px;margin-bottom:16px;}
.bd-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-bottom:14px;}
.bd-field{display:flex;flex-direction:column;gap:5px;}
.bd-lbl{font-size:11px;font-weight:700;color:#6b7280;text-transform:uppercase;letter-spacing:.05em;}
.bd-sub{font-size:10px;color:#9ca3af;font-weight:500;}
.bd-input{padding:10px 14px;border:1.5px solid #e5e7eb;border-radius:9px;font-size:15px;font-family:monospace;color:#111827;outline:none;width:100%;}
.bd-input:focus{border-color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.1);}
.bd-input.error{border-color:#dc2626;box-shadow:0 0 0 3px rgba(220,38,38,.1);}
.bd-signed{display:inline-flex;align-items:center;gap:10px;font-size:14px;font-weight:500;color:#374151;cursor:pointer;background:#f8fafc;border:1.5px solid #e2e8f0;border-radius:10px;padding:10px 16px;min-height:44px;transition:border-color .15s,background .15s,box-shadow .15s,color .15s;user-select:none;margin-top:4px;}.bd-opts{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 0 4px;border-top:1px solid #f1f5f9;margin-top:4px;}.bd-signed input[type="checkbox"]{width:16px;height:16px;accent-color:#1d4ed8;cursor:pointer;flex-shrink:0;margin:0;}.bd-signed:hover{border-color:#1d4ed8;background:#eff6ff;color:#1d4ed8;box-shadow:0 0 0 3px rgba(29,78,216,.08);}
.bd-empty{padding:28px;text-align:center;color:#9ca3af;font-size:14px;background:#fff;border-radius:14px;border:1.5px dashed #e5e7eb;}
.bd-presets{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px;}
.bd-preset{padding:6px 14px;border:1.5px solid #e5e7eb;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;background:#f9fafb;color:#374151;font-family:monospace;}
.bd-preset:hover{border-color:#1d4ed8;color:#1d4ed8;}
@media(max-width:580px){.bd-grid{grid-template-columns:1fr;}}
/* === Modern Enhancements === */
#bdWrap .bd-card{box-shadow:0 1px 4px rgba(0,0,0,.06),0 2px 10px rgba(0,0,0,.04);transition:box-shadow .22s,transform .22s;}
#bdWrap .bd-card:hover{box-shadow:0 4px 18px rgba(0,0,0,.1),0 1px 4px rgba(0,0,0,.06);transform:translateY(-1px);}
#bdWrap .bd-card2{box-shadow:0 1px 4px rgba(0,0,0,.06);transition:box-shadow .22s,transform .22s;}
#bdWrap .bd-card2:hover{box-shadow:0 4px 14px rgba(0,0,0,.1);transform:translateY(-1px);}
#bdWrap .bd-input{transition:border-color .15s,box-shadow .15s;letter-spacing:.01em;}
#bdWrap .bd-empty{background:linear-gradient(135deg,#fff 0%,#f9fafb 100%);border:1.5px dashed #d1d5db;border-radius:14px;color:#9ca3af;}
#bdWrap .bd-row{transition:background .12s;}
#bdWrap .bd-bd-row{transition:background .12s;}
 
/* === Material Button System === */
#bdWrap button{white-space:nowrap;overflow:visible;}
/* All inline/ghost/secondary btn baseline */
#bdWrap .bd-btn,
#bdWrap .bd-ghost-btn,
#bdWrap .bd-btn-ghost,
#bdWrap .bd-btn-outline,
#bdWrap .bd-swap-btn,
#bdWrap .bd-navbtn,
#bdWrap .bd-todaybtn,
#bdWrap .bd-tab-btn,
#bdWrap .bd-pre-btn,
#bdWrap .bd-fb,
#bdWrap .bd-exbtn,
#bdWrap .bd-dl,
#bdWrap .bd-sugg-use,
#bdWrap .bd-copy-btn{
  min-height:40px;
  padding:10px 20px;
  font-size:14px;
  font-weight:600;
  border-radius:8px;
  white-space:nowrap;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:7px;
  cursor:pointer;
  transition:background .18s,border-color .18s,color .18s,box-shadow .18s,transform .12s;
}
/* Ghost/outline hover → clear accent fill */
#bdWrap .bd-btn-ghost:hover,
#bdWrap .bd-ghost-btn:hover,
#bdWrap .bd-btn-outline:hover,
#bdWrap .bd-navbtn:hover,
#bdWrap .bd-tab-btn:hover{
  background:#eff3ff;
  border-color:#1d4ed8;
  color:#1d4ed8;
  box-shadow:0 2px 8px rgba(29,78,216,.18);
  transform:translateY(-1px);
}
/* Preset/chip buttons hover */
#bdWrap .bd-pre-btn:hover,
#bdWrap .bd-fb:hover,
#bdWrap .bd-exbtn:hover,
#bdWrap .bd-preset:hover,
#bdWrap .bd-sugg-use:hover{
  background:#1d4ed8;
  border-color:#1d4ed8;
  color:#fff;
  box-shadow:0 2px 8px rgba(29,78,216,.18);
}
/* Today / primary outline CTA */
#bdWrap .bd-todaybtn:hover,
#bdWrap .bd-swap-btn:hover{
  background:#1d4ed8;
  color:#fff;
  border-color:#1d4ed8;
  box-shadow:0 4px 14px rgba(29,78,216,.35);
  transform:translateY(-2px);
}
/* Type/segment btn active state */
#bdWrap .bd-type-btn.active,
#bdWrap .bd-tab-btn.active{
  background:#1d4ed8;
  border-color:#1d4ed8;
  color:#fff;
  box-shadow:0 2px 8px rgba(29,78,216,.18);
}
/* Primary CTA full-width buttons — already styled; reinforce active press */
#bdWrap .bd-calc-btn:active,
#bdWrap .bd-btn-primary:active,
#bdWrap .bd-btn:not(.bd-btn-ghost):not(.bd-btn-outline):active{
  transform:translateY(0) scale(.99);
  box-shadow:0 1px 4px rgba(29,78,216,.18)!important;
}
 
 
/* ═══════════════════════════════════════════════
   PRODUCTION INPUT SYSTEM — bdWrap
   ═══════════════════════════════════════════════ */
 
/* ── Field wrapper ── */
#bdWrap .bd-field {
  display:flex;
  flex-direction:column;
  gap:8px;
  margin-bottom:0;
}
 
/* ── Label ── */
#bdWrap .bd-lbl {
  font-size:11.5px;
  font-weight:700;
  color:#374151;
  text-transform:uppercase;
  letter-spacing:.08em;
  display:block;
  margin-bottom:0;
  line-height:1.2;
  user-select:none;
}
 
/* ── Universal input & select baseline ── */
#bdWrap input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]),
#bdWrap select {
  box-sizing:border-box;
  width:100%;
  min-height:48px;
  padding:12px 16px;
  font-size:15px;
  font-family:inherit;
  font-weight:400;
  color:#0f172a;
  background:#ffffff;
  border:1.5px solid #e2e8f0;
  border-radius:10px;
  outline:none;
  -webkit-appearance:none;
  appearance:none;
  transition:border-color .18s,box-shadow .18s,background .18s;
  line-height:1.5;
}
 
/* ── Focus ── */
#bdWrap input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]):focus,
#bdWrap select:focus {
  border-color:#1d4ed8;
  box-shadow:0 0 0 3px rgba(29,78,216,.13);
  background:#fafcff;
}
 
/* ── Hover (not focused) ── */
#bdWrap input:not(:focus):not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="range"]):hover,
#bdWrap select:not(:focus):hover {
  border-color:#cbd5e1;
}
 
/* ── Placeholder ── */
#bdWrap input::placeholder,
#bdWrap textarea::placeholder {
  color:#a8b3c8;
  font-weight:400;
}
 
/* ── Select: custom arrow + right padding ── */
#bdWrap select {
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%236b7280' stroke-width='2.5'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;
  background-position:right 14px center;
  padding-right:42px;
  cursor:pointer;
  background-color:#ffffff;
}
 
/* ── Monospace / inline code inputs (hex, binary) ── */
#bdWrap input[style*="monospace"],
#bdWrap .bd-input[style*="monospace"] {
  font-family:'Fira Code','Courier New',monospace;
  font-size:15px;
  letter-spacing:.04em;
}
 
/* ── Number spinner: visible but subtle ── */
#bdWrap input[type="number"] {
  -moz-appearance:textfield;
}
#bdWrap input[type="number"]::-webkit-inner-spin-button,
#bdWrap input[type="number"]::-webkit-outer-spin-button {
  -webkit-appearance:inner-spin-button;
  opacity:.45;
  margin-right:2px;
  transform:scale(.95);
}
#bdWrap input[type="number"]:focus::-webkit-inner-spin-button,
#bdWrap input[type="number"]:focus::-webkit-outer-spin-button {
  opacity:.7;
}
 
/* ── Color picker ── */
#bdWrap input[type="color"] {
  min-height:44px!important;
  width:44px!important;
  padding:3px!important;
  border-radius:9px!important;
  cursor:pointer;
  background:none!important;
  border:1.5px solid #e2e8f0!important;
}
#bdWrap input[type="color"]:hover {
  border-color:#1d4ed8!important;
}
 
/* ── Regular textarea (output, notes) ── */
#bdWrap textarea:not([class*="textarea"]) {
  box-sizing:border-box;
  width:100%;
  min-height:100px;
  padding:12px 16px;
  font-size:15px;
  font-family:inherit;
  color:#0f172a;
  background:#ffffff;
  border:1.5px solid #e2e8f0;
  border-radius:10px;
  outline:none;
  resize:vertical;
  -webkit-appearance:none;
  appearance:none;
  transition:border-color .18s,box-shadow .18s;
  line-height:1.6;
}
#bdWrap textarea:not([class*="textarea"]):focus {
  border-color:#1d4ed8;
  box-shadow:0 0 0 3px rgba(29,78,216,.13);
  background:#fafcff;
}
 
/* Monospace input for binary-to-decimal-converter */
#bdWrap .bd-input {
  font-family:'Fira Code','Courier New',monospace!important;
  font-size:15px!important;
  letter-spacing:.04em!important;
}
 
 
/* ═══════════════════════════════════════════════
   SPACING & RESPONSIVE SYSTEM — bdWrap
   ═══════════════════════════════════════════════ */
 
/* Outer wrapper: generous, breathable padding */
#bdWrap {
  padding: 40px 24px !important;
  box-sizing: border-box !important;
}
 
/* Inner: centered, never overflows */
#bdWrap .bd-inner {
  width: 100% !important;
  box-sizing: border-box !important;
}
 
/* Cards: safe padding + overflow control */
#bdWrap .bd-card,
#bdWrap .bd-card2,
#bdWrap .bd-out,
#bdWrap .bd-result-card,
#bdWrap .bd-breakdown {
  padding: 28px !important;
  border-radius: 14px !important;
  box-sizing: border-box !important;
  width: 100% !important;
}
 
/* All children of cards: prevent overflow */
#bdWrap .bd-card *,
#bdWrap .bd-card2 * {
  box-sizing: border-box;
  max-width: 100%;
}
 
/* Buttons: always constrained */
#bdWrap button {
  box-sizing: border-box !important;
  max-width: 100% !important;
  overflow: hidden !important;
}
 
/* Full-width CTA buttons: proper margin */
#bdWrap .bd-btn,
#bdWrap .bd-calc-btn,
#bdWrap .bd-btn-primary {
  margin-top: 8px !important;
}
 
/* Type/segment button grids: always wrap */
#bdWrap .bd-type-grid {
  display: flex !important;
  flex-wrap: wrap !important;
  gap: 8px !important;
  margin-bottom: 20px !important;
}
#bdWrap .bd-type-btn {
  flex: 1 1 auto !important;
  min-width: 60px !important;
}
 
/* Standard 2-col rows */
#bdWrap .bd-row {
  gap: 16px !important;
  margin-bottom: 20px !important;
}
 
/* 3-col rows */
#bdWrap .bd-3col,
#bdWrap .bd-opts {
  gap: 14px !important;
  margin-bottom: 20px !important;
}
 
/* Fields: consistent spacing */
#bdWrap .bd-field {
  gap: 8px !important;
  margin-bottom: 4px !important;
}
 
/* Empty/error states */
#bdWrap .bd-empty,
#bdWrap .bd-error {
  padding: 36px 24px !important;
  border-radius: 12px !important;
}
 
/* ── RESPONSIVE ──────────────────────────────── */
@media (max-width: 768px) {
  #bdWrap {
    padding: 28px 16px !important;
  }
  #bdWrap .bd-card,
  #bdWrap .bd-card2 {
    padding: 20px 16px !important;
    border-radius: 12px !important;
  }
}
 
@media (max-width: 540px) {
  #bdWrap {
    padding: 20px 12px !important;
  }
  #bdWrap .bd-card,
  #bdWrap .bd-card2 {
    padding: 16px 14px !important;
  }
  /* All grids collapse to single column */
  #bdWrap .bd-row,
  #bdWrap .bd-3col,
  #bdWrap .bd-grid,
  #bdWrap .bd-macro-grid,
  #bdWrap .bd-hero-grid,
  #bdWrap .bd-info-grid,
  #bdWrap .bd-stats,
  #bdWrap .bd-meals,
  #bdWrap .bd-sched {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }
  /* Type buttons: smaller but still comfortable */
  #bdWrap .bd-type-btn {
    min-width: 48px !important;
    padding: 8px 10px !important;
    font-size: 12px !important;
  }
  /* Full-width buttons: good tap target */
  #bdWrap .bd-btn-primary,
  #bdWrap .bd-calc-btn {
    padding: 14px 20px !important;
    font-size: 15px !important;
    min-height: 50px !important;
  }
}
 
 
/* ════════════════════════════════════════════
   MATERIAL CHECKBOX & SELECT SYSTEM — bdWrap
   ════════════════════════════════════════════ */
 
/* ── Select: visually distinct from text inputs ──
   Tinted bg + arrow icon tells users it's a choice control */
#bdWrap select {
  background-color: #f9fafb !important;
  color: #1e293b !important;
}
#bdWrap select:focus {
  background-color: #fafcff !important;
  border-color: #1d4ed8 !important;
  box-shadow: 0 0 0 3px rgba(29,78,216,.12) !important;
}
#bdWrap select:not(:focus):hover {
  border-color: #cbd5e1 !important;
  background-color: #f4f6f8 !important;
}
 
/* ── Text / number inputs: pure white, distinct from selects ── */
#bdWrap input:not([type="checkbox"]):not([type="radio"]):not([type="color"]):not([type="file"]):not([type="range"]) {
  background-color: #ffffff !important;
}
 
/* ── Checkbox pill: any .xx-chk label ── */
#bdWrap .bd-chk,
#bdWrap .bd-check,
#bdWrap .bd-toggle {
  display: inline-flex !important;
  align-items: center !important;
  gap: 10px !important;
  font-size: 14px !important;
  font-weight: 500 !important;
  color: #374151 !important;
  cursor: pointer !important;
  background: #f8fafc !important;
  border: 1.5px solid #e2e8f0 !important;
  border-radius: 10px !important;
  padding: 10px 16px !important;
  min-height: 44px !important;
  transition: border-color .15s, background .15s, box-shadow .15s, color .15s !important;
  user-select: none !important;
  line-height: 1.4 !important;
}
#bdWrap .bd-chk:hover,
#bdWrap .bd-check:hover,
#bdWrap .bd-toggle:hover {
  border-color: #1d4ed8 !important;
  background: #eff6ff !important;
  color: #1d4ed8 !important;
  box-shadow: 0 0 0 3px rgba(29,78,216,.08) !important;
}
#bdWrap .bd-chk input[type="checkbox"],
#bdWrap .bd-check input[type="checkbox"],
#bdWrap .bd-toggle input[type="checkbox"] {
  width: 16px !important;
  height: 16px !important;
  accent-color: #1d4ed8 !important;
  cursor: pointer !important;
  flex-shrink: 0 !important;
  margin: 0 !important;
}
 
/* ── Opts / options row: proper spacing & separator ── */
#bdWrap .bd-opts {
  display: flex !important;
  align-items: center !important;
  gap: 10px !important;
  flex-wrap: wrap !important;
  padding: 16px 0 4px !important;
  border-top: 1px solid #f1f5f9 !important;
  margin-top: 4px !important;
}
 
/* ── Links inside tool widget: always visible on hover ── */
#bdWrap a {
  color: #1d4ed8;
  text-decoration: none;
  transition: color .15s, text-decoration .15s;
}
#bdWrap a:hover {
  color: #1d4ed8;
  text-decoration: underline;
  text-underline-offset: 3px;
  filter: brightness(.85);
}
 
 
/* ── Solid buttons: always white text on hover, regardless of cascade ── */
#bdWrap .bd-btn-primary:hover,
#bdWrap .bd-btn-green:hover,
#bdWrap .bd-calc-btn:hover,
#bdWrap .bd-min-btn:hover {
  color: #fff !important;
}
 
/* ═══════════════════════════════════════════════
   RESULT OUTPUT SYSTEM — bdWrap
   Styles for classes generated by binary-to-decimal-converter.js
   (bd-results, bd-card, bd-breakdown, bd-bit-cell, etc.)
   These were previously unstyled, causing plain text output.
   ═══════════════════════════════════════════════ */
 
/* ── Empty / error states (referenced by JS) ── */
#bdWrap .bd-empty {
  padding: 36px 24px;
  text-align: center;
  color: #9ca3af;
  font-size: 14px;
  background: linear-gradient(135deg, #fff 0%, #f9fafb 100%);
  border-radius: 14px;
  border: 1.5px dashed #d1d5db;
}
#bdWrap .bd-error {
  padding: 20px 24px;
  text-align: center;
  color: #b91c1c;
  font-size: 13.5px;
  font-weight: 600;
  background: #fef2f2;
  border-radius: 14px;
  border: 1.5px solid #fecaca;
}
 
/* ── Four base-value result cards ── */
#bdWrap .bd-results {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 12px;
  margin-bottom: 20px;
}
#bdWrap .bd-results .bd-card {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-left-width: 4px;
  border-radius: 12px;
  padding: 16px 14px;
  box-shadow: 0 1px 3px rgba(0,0,0,.05);
  transition: transform .15s, box-shadow .15s;
  min-width: 0;
  margin-bottom: 0;
}
#bdWrap .bd-results .bd-card:hover {
  transform: translateY(-2px);
  box-shadow: 0 6px 16px rgba(0,0,0,.08);
}
#bdWrap .bd-card-lbl {
  font-size: 10.5px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .07em;
  color: #9ca3af;
  margin-bottom: 8px;
}
#bdWrap .bd-card-val {
  font-family: 'Fira Code', 'Courier New', monospace;
  font-size: 16px;
  font-weight: 700;
  color: #111827;
  word-break: break-all;
  line-height: 1.35;
}
 
/* Card accent colors, one per number base */
#bdWrap .bd-c-teal    { border-left-color: #0f766e; }
#bdWrap .bd-c-cyan    { border-left-color: #0891b2; }
#bdWrap .bd-c-purple  { border-left-color: #7c3aed; }
#bdWrap .bd-c-orange  { border-left-color: #c2410c; }
#bdWrap .bd-c-teal   .bd-card-lbl { color: #0f766e; }
#bdWrap .bd-c-cyan    .bd-card-lbl { color: #0891b2; }
#bdWrap .bd-c-purple  .bd-card-lbl { color: #7c3aed; }
#bdWrap .bd-c-orange  .bd-card-lbl { color: #c2410c; }
 
/* ── Breakdown section title ── */
#bdWrap .bd-breakdown-title {
  font-size: 12px;
  font-weight: 800;
  text-transform: uppercase;
  letter-spacing: .06em;
  color: #374151;
  margin: 4px 0 12px;
}
#bdWrap .bd-breakdown-note {
  font-size: 11px;
  font-weight: 500;
  text-transform: none;
  letter-spacing: 0;
  color: #9ca3af;
}
 
/* ── Bit-by-bit positional grid ── */
#bdWrap .bd-breakdown-wrap {
  background: #fff;
  border: 1.5px solid #e5e7eb;
  border-radius: 14px;
  padding: 16px;
  overflow-x: auto;
  margin-bottom: 0;
}
#bdWrap .bd-breakdown {
  display: flex;
  gap: 6px;
  min-width: min-content;
}
#bdWrap .bd-bit-cell {
  flex: 1 1 0;
  min-width: 48px;
  border-radius: 10px;
  padding: 10px 6px;
  text-align: center;
  border: 1.5px solid transparent;
  transition: transform .12s;
}
#bdWrap .bd-bit-cell:hover {
  transform: translateY(-2px);
}
#bdWrap .bd-bit-one {
  background: #eff6ff;
  border-color: #bfdbfe;
}
#bdWrap .bd-bit-zero {
  background: #f9fafb;
  border-color: #e5e7eb;
}
#bdWrap .bd-bit-val {
  font-family: 'Fira Code', 'Courier New', monospace;
  font-size: 18px;
  font-weight: 800;
  line-height: 1;
  margin-bottom: 6px;
}
#bdWrap .bd-bit-one .bd-bit-val { color: #1d4ed8; }
#bdWrap .bd-bit-zero .bd-bit-val { color: #cbd5e1; }
#bdWrap .bd-bit-exp {
  font-size: 10.5px;
  color: #9ca3af;
  font-family: 'Fira Code', 'Courier New', monospace;
  margin-bottom: 4px;
}
#bdWrap .bd-bit-dec {
  font-size: 11px;
  font-weight: 700;
  color: #374151;
  font-family: 'Fira Code', 'Courier New', monospace;
}
#bdWrap .bd-bit-zero .bd-bit-dec { color: #cbd5e1; }
 
/* ── Note under breakdown (negative numbers, oversized numbers) ── */
#bdWrap .bd-neg-note {
  font-size: 12px;
  color: #6b7280;
  background: #f8fafc;
  border: 1px solid #eef0f4;
  border-radius: 10px;
  padding: 12px 14px;
  margin-top: 12px;
  line-height: 1.5;
}
 
/* ── Output responsive ── */
@media (max-width: 640px) {
  #bdWrap .bd-results {
    grid-template-columns: 1fr 1fr;
  }
  #bdWrap .bd-bit-cell {
    min-width: 40px;
  }
  #bdWrap .bd-bit-val {
    font-size: 15px;
  }
}
@media (max-width: 420px) {
  #bdWrap .bd-results {
    grid-template-columns: 1fr;
  }
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-f5382b9 */.bdc *{box-sizing:border-box;margin:0;padding:0;}
.bdc{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background:#f8fafc;color:#0f172a;padding:64px 24px;}
.bdc-in{max-width:90%;margin:0 auto;}
.bdc-kicker{display:inline-block;font-size:11px;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#1d4ed8;background:#dbeafe;padding:5px 11px;border-radius:6px;margin-bottom:14px;}
.bdc-h2{font-size:29px;font-weight:800;line-height:1.18;letter-spacing:-.021em;margin-bottom:15px;}
.bdc-h3{font-size:19px;font-weight:800;letter-spacing:-.011em;margin:42px 0 14px;padding-left:12px;border-left:3px solid #1d4ed8;}
.bdc-p{font-size:15px;line-height:1.78;color:#334155;margin-bottom:14px;max-width:760px;text-align:justify;}
.bdc code{font-family:'SF Mono',Menlo,Consolas,monospace;font-size:13px;background:#e2e8f0;padding:2px 6px;border-radius:4px;color:#1d4ed8;}



.bdc-table{width:100%;border-collapse:collapse;font-size:13.5px;margin:14px 0;}
.bdc-table th{text-align:left;font-weight:700;font-size:11.5px;text-transform:uppercase;letter-spacing:.07em;color:#64748b;padding:9px 12px;border-bottom:2px solid #cbd5e1;}
.bdc-table td{padding:11px 12px;border-bottom:1px solid #e2e8f0;color:#334155;vertical-align:top;}
.bdc-table td:first-child{font-weight:700;color:#0f172a;white-space:nowrap;}




.bdc-refs{list-style:none;margin-top:10px;}
.bdc-refs li{font-size:13.5px;line-height:1.75;color:#475569;padding:8px 0;border-bottom:1px solid #e2e8f0;}
.bdc-refs a{color:#1d4ed8;font-weight:600;text-decoration:none;}
.bdc-refs a:hover{text-decoration:underline;}

@media(max-width:768px){.bdc{padding:48px 18px;}.bdc-h2{font-size:24px;}.bdc-table{font-size:12.5px;}}
.bdc-gutter{margin:18px 0;}
.bdc-gitem{display:flex;gap:18px;padding:15px 0;border-bottom:1px solid #cbd5e1;flex-wrap:wrap;}
.bdc-gitem:first-child{border-top:1px solid #cbd5e1;}
.bdc-gnum{flex:0 0 132px;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.1em;color:#1d4ed8;padding-top:2px;}
.bdc-gtxt{flex:1;min-width:230px;font-size:13.8px;line-height:1.72;color:#334155;}
@media(max-width:768px){.bdc-gnum{flex:1 1 100%;}}
.bdc-tags{display:flex;flex-wrap:wrap;gap:18px;margin:14px 0;}
.bdc-tag{font-size:12.5px;font-weight:700;color:#1d4ed8;border-bottom:2px solid #1d4ed8;padding-bottom:3px;}
.bdc-cols{display:grid;grid-template-columns:repeat(2,1fr);gap:0;margin:14px 0;border:1px solid #cbd5e1;border-radius:12px;overflow:hidden;background:#fdfdfe;}
.bdc-col{padding:18px 20px;border-right:1px solid #cbd5e1;}
.bdc-col:last-child{border-right:0;}
.bdc-col h5{font-size:12.5px;font-weight:800;color:#1d4ed8;margin-bottom:8px;text-transform:uppercase;letter-spacing:.06em;}
.bdc-col p{font-size:13.2px;line-height:1.7;color:#334155;}
@media(max-width:768px){.bdc-cols{grid-template-columns:1fr;}.bdc-col{border-right:0;border-bottom:1px solid #cbd5e1;}}
.bdc-banner{border-top:3px solid #3642a9;background:#fcfdfe;padding:17px 20px;border-radius:0 0 10px 10px;font-size:14px;line-height:1.72;color:#232b6e;margin:16px 0;}
.bdc-banner b{color:#3642a9;}
.bdc-listing{background:#0f172a;color:#e2e8f0;border-radius:12px;padding:20px 22px;font-family:'SF Mono',Menlo,Consolas,monospace;font-size:12.5px;line-height:1.85;overflow-x:auto;white-space:pre;margin:14px 0;}
.bdc-listing .c{color:#64748b;}
.bdc-listing .k{color:#99afed;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-cf81267 */.th5bd *{box-sizing:border-box;margin:0;padding:0;}
.th5bd{font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,sans-serif;background:#fff;padding:64px 24px 80px;border-top:1px solid #f1f5f9;}
.th5bd-inner{max-width:720px;margin:0 auto;}
.th5bd-eye{display:inline-block;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#1d4ed8;margin-bottom:12px;}
.th5bd-h2{font-size:26px;font-weight:800;color:#111827;line-height:1.2;letter-spacing:-.02em;margin-bottom:32px;}
.th5bd-item{background:#f9fafb;border:1px solid #e5e7eb;border-radius:14px;margin-bottom:10px;overflow:hidden;}
.th5bd-q{width:100%;display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 20px;background:none;border:none;cursor:pointer;text-align:left;font-family:inherit;}
.th5bd-qt{font-size:15px;font-weight:600;color:#111827;line-height:1.4;}
.th5bd-ico{width:26px;height:26px;border-radius:50%;background:#e9ecef;flex-shrink:0;display:flex;align-items:center;justify-content:center;}
.th5bd-ico svg{transition:transform .25s;width:13px;height:13px;}
.th5bd-item.open .th5bd-ico svg{transform:rotate(180deg);}
.th5bd-a{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px;}
.th5bd-item.open .th5bd-a{max-height:380px;padding:0 20px 18px;}
.th5bd-a p{font-size:14px;color:#374151;line-height:1.7;}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-5732fb6 */.bp-section, .bp-section *, .bp-section *::before, .bp-section *::after {
  box-sizing: border-box;
}
.bp-section {
  font-family: 'Inter', -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;
  background: #071B21;
  padding: 24px 24px;
}
.bp-inner {
  max-width: 1280px;
  margin: 0 auto;
  display: flex;
  align-items: center;
  gap: 56px;
}

.bp-content {
  flex: 0 0 90%;
  max-width: 90%;
}
.bp-eyebrow {
  font-size: 12px;
  font-weight: 700;
  letter-spacing: 0.1em;
  text-transform: uppercase;
  color: #A5B4FC;
  margin-bottom: 10px;
}
.bp-heading {
  font-size: 26px;
  font-weight: 700;
  letter-spacing: -0.02em;
  color: #F8FAFC;
  line-height: 1.25;
  margin-bottom: 12px;
}
.bp-sub {
  font-size: 14.5px;
  color: #A7B2C6;
  line-height: 1.65;
  margin-bottom: 22px;
}

/* Category chips -- reuse the same colored icon pattern as the header
   Tools/Blog dropdowns, wrapped to fill the remaining width */


@media (max-width: 1024px) {
  .bp-inner {
    flex-direction: column;
    align-items: flex-start;
    gap: 32px;
  }
  .bp-content {
    flex: none;
    max-width: 100%;
  }
}
@media (max-width: 560px) {
  .bp-section { padding: 48px 20px; }
  .bp-heading { font-size: 22px; }
  .bp-chip { padding: 8px 12px 8px 8px; font-size: 13px; }
}
@media (prefers-reduced-motion: reduce) {
  .bp-cta, .bp-cta svg, .bp-chip { transition-duration: 0.01ms !important; }
}/* End custom CSS */