:root{
  --accent:#f6b21a;
  --accent2:#ffcc4d;
  --text:#0f172a;
  --muted:#6b7280;
  --line: rgba(15,23,42,.10);
  --shadow: 0 18px 50px rgba(0,0,0,.18);
  --radius: 18px;
  --radius2: 22px;
  --container: 1200px;
}

*{box-sizing:border-box}
html,body{height:100%}
body{
  margin:0;
  font-family: ui-sans-serif, system-ui, -apple-system, Segoe UI, Roboto, Arial, "Noto Sans", "Helvetica Neue", sans-serif;
  color:var(--text);
  /* fundal global (vizibil stânga/dreapta pe toate paginile) */
  /* IMPORTANT: nu mai dublăm imaginea fundalului (banner+background).
     Bannerul stă peste fundalul body-ului. */
  background: transparent;
  background-attachment: fixed;
  background-repeat: no-repeat;
  /* layout: fundal fix + doar conținutul paginii scrolabil */
  overflow: hidden;
}

/* (cerință) fără strat semitransparent peste fundal */

.container{
  width:min(var(--container), calc(100% - 40px));
  margin:0 auto;
}

/* dimensiuni fixe folosite pentru layout (header+banner fixe) */
:root{ --topbar-h: 72px; --hero-h: 360px; }

.topbar{
  position:fixed;
  top:0;
  left:0;
  right:0;
  height: var(--topbar-h);
  z-index:100;
  background: rgba(255,255,255,.94);
  backdrop-filter: blur(10px);
  border-bottom: 1px solid rgba(15,23,42,.06);
}
.topbar__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  height: var(--topbar-h);
  padding: 0;
  gap: 12px;
}

.brand{
  display:flex;
  align-items:center;
  gap:12px;
  text-decoration:none;
  color:var(--text);
}
.brand__mark{color: var(--accent); display:flex; align-items:center; justify-content:center}
.brand__text{display:flex; flex-direction:column; line-height:1.05}
.brand__title{font-weight:900; font-size:16px}
.brand__subtitle{font-weight:900; font-size:18px; color:var(--accent)}

.nav{
  display:flex;
  gap:10px;
  align-items:center;
  justify-content:center;
  flex:1;
  min-width:0;
}
.translateTrigger{
  appearance:none;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.86);
  color:var(--text);
  border-radius:999px;
  padding:9px 12px;
  font:inherit;
  font-weight:900;
  display:inline-flex;
  align-items:center;
  gap:8px;
  cursor:pointer;
  white-space:nowrap;
  transition:background .16s ease, transform .16s ease, border-color .16s ease, box-shadow .16s ease;
}
.translateTrigger:hover{
  background:rgba(246,178,26,.12);
  border-color:rgba(246,178,26,.48);
  box-shadow:0 10px 24px rgba(246,178,26,.12);
}
.translateTrigger:active{transform:translateY(1px)}
.translateTrigger__icon{
  width:18px;
  height:18px;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:var(--accent);
}
.translateTrigger__icon svg{width:18px;height:18px}
.translateTrigger--nav{padding:8px 11px;font-size:12.5px;}
.translateMenu{
  position:relative;
  display:inline-flex;
  align-items:center;
}
.translateMenu--nav{flex:0 0 auto;}
.translateDropdown{
  position:absolute;
  top:calc(100% + 12px);
  right:0;
  width:min(320px, calc(100vw - 24px));
  padding:14px;
  border-radius:18px;
  border:1px solid rgba(15,23,42,.10);
  background:rgba(255,255,255,.98);
  box-shadow:0 18px 50px rgba(0,0,0,.20);
  display:none;
  z-index:999;
}
.translateMenu.open .translateDropdown{display:block;}
.translateDropdown__label{
  display:block;
  margin:0 0 8px;
  font-size:13px;
  font-weight:900;
  color:#334155;
}
.translateDropdown__select{
  width:100%;
  min-height:48px;
  border:1px solid rgba(15,23,42,.12);
  background:#fff;
  border-radius:14px;
  padding:12px 14px;
  font:inherit;
  color:var(--text);
}
.translateDropdown__hint{
  margin:10px 0 0;
  color:#64748b;
  font-size:12px;
  line-height:1.45;
}
.translateMenu--mobile{
  display:block;
  margin:12px 14px 18px;
}
.translateMenu--mobile .translateTrigger{
  width:100%;
  justify-content:space-between;
  padding:13px 14px;
  border-radius:16px;
  background:linear-gradient(135deg, rgba(255,248,231,.98), rgba(255,255,255,.98));
}
.translateMenu--mobile .translateDropdown{
  position:static;
  width:100%;
  margin-top:10px;
  box-shadow:none;
  background:rgba(255,255,255,.92);
}
.cmGoogleTranslateRoot{position:absolute;left:-9999px;top:auto;width:1px;height:1px;overflow:hidden}
.goog-te-banner-frame.skiptranslate,
.goog-te-balloon-frame,
.goog-tooltip,
.goog-tooltip:hover{display:none!important}
body{top:0!important}
.goog-text-highlight{background-color:transparent!important;box-shadow:none!important}
.goog-logo-link,
.goog-te-gadget > span{display:none!important}
.goog-te-gadget .goog-te-combo{
  position:absolute!important;
  left:-9999px!important;
  width:1px!important;
  height:1px!important;
  opacity:0!important;
  pointer-events:none!important;
}
body > .skiptranslate,
.goog-te-gadget{font-size:0!important}
@media (max-width: 900px){
  .translateDropdown{
    width:min(320px, calc(100vw - 20px));
    right:0;
  }
}

/* Mobile nav (hamburger + off-canvas) */
.navToggle{
  display:none;
  border:1px solid rgba(15,23,42,.10);
  background: rgba(255,255,255,.92);
  border-radius: 12px;
  height: 44px;
  width: 44px;
  cursor:pointer;
  font-size: 20px;
  font-weight: 900;
}
.mobileNavBackdrop{
  position:fixed;
  inset:0;
  background: rgba(0,0,0,.35);
  opacity:0;
  pointer-events:none;
  transition: opacity .18s ease;
  z-index: 140;
}
.mobileNav{
  position:fixed;
  top: 0;
  right: 0;
  height: 100dvh;
  width: min(92vw, 340px);
  background: rgba(255,255,255,.98);
  border-left: 1px solid rgba(15,23,42,.10);
  box-shadow: -18px 0 50px rgba(0,0,0,.18);
  transform: translateX(105%);
  transition: transform .18s ease;
  z-index: 150;
  padding-top: calc(var(--topbar-h) + 10px);
  overflow:auto;
}
.mobileNav a,
.mobileNav button{
  display:block;
  width:100%;
  text-align:left;
  padding: 12px 14px;
  font-weight: 900;
  color:#0f172a;
  text-decoration:none;
  background: transparent;
  border:0;
  cursor:pointer;
}
.mobileNav a:hover{ background: rgba(246,178,26,.12); }
.mobileNav .mTitle{ padding: 6px 14px; color:#64748b; font-weight: 1000; font-size: 12px; text-transform: uppercase; letter-spacing: .08em; }

body.nav-open .mobileNav{ transform: translateX(0); }
body.nav-open .mobileNavBackdrop{ opacity:1; pointer-events:auto; }
.nav a{
  text-decoration:none;
  color:#334155;
  font-weight:700;
  white-space:nowrap;
  font-size:14px;
}
.nav a:hover{color:#0f172a}

.btn{
  border:0;
  cursor:pointer;
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:10px;
  padding: 12px 18px;
  border-radius: 999px;
  font-weight:900;
  text-decoration:none;
  transition: transform .12s ease, box-shadow .12s ease, background .12s ease;
}
.btn:active{transform: translateY(1px)}
.btn--primary{
  background: linear-gradient(180deg, var(--accent2), var(--accent));
  color:#0f172a;
  box-shadow: 0 10px 26px rgba(246,178,26,.35);
}
.btn--primary:hover{box-shadow: 0 14px 32px rgba(246,178,26,.45)}
.btn--ghost{
  background: rgba(15,23,42,.06);
  color:#0f172a;
}
.btn--ghost:hover{background: rgba(15,23,42,.10)}

 .hero{
  position:fixed;
  top: var(--topbar-h);
  left:0;
  right:0;
  height: var(--hero-h);
  display:flex;
  align-items:center;
  padding: 44px 0 54px;
  overflow:hidden;
  z-index: 20;
}
.hero--small{ height: 240px; }
.hero__bg{
  position:absolute; inset:0;
  /* IMPORTANT: nu mai dublăm imaginea fundalului (banner+background).
     Bannerul stă peste fundalul body-ului. */
  background: transparent;
}
.hero__overlay{
  position:absolute; inset:0;
  background: linear-gradient(180deg, rgba(15,23,42,.55), rgba(15,23,42,.25));
}
.hero__content{position:relative; z-index:2}
.hero h1{
  margin:0 0 12px;
  font-size: clamp(34px, 4.3vw, 68px);
  line-height: 1.04;
  letter-spacing: -0.02em;
  color:#fff;
  text-shadow: 0 18px 60px rgba(0,0,0,.45);
}
.hero__lead{
  margin: 0 0 20px;
  color: rgba(255,255,255,.90);
  font-weight: 700;
  font-size: 18px;
  max-width: 760px;
}
.t-accent{color:var(--accent)}

.card{
  background:#fff;
  border-radius: var(--radius2);
  box-shadow: var(--shadow);
  border: 1px solid rgba(15,23,42,.06);
}
.card--glass{
  background: rgba(255,255,255,.94);
  border: 1px solid rgba(255,255,255,.55);
  box-shadow: 0 18px 60px rgba(0,0,0,.25);
}
.section{padding: 26px 0}

/* zona scrolabilă a paginii (doar conținut + footer) */
.page-scroll{
  position: fixed;
  left: 0;
  right: 0;
  bottom: 0;
  top: calc(var(--topbar-h) + var(--hero-h));
  height: calc(100dvh - (var(--topbar-h) + var(--hero-h)));
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
}
.page-scroll--nohero{ top: var(--topbar-h); height: calc(100dvh - var(--topbar-h)); }
.page-scroll__inner{
  min-height: 100%;
  display: flex;
  flex-direction: column;
}
.page-scroll__inner > main{ flex: 1; }

/* meniu dropdown (Calculatoare) */
.nav .dropdown{position:relative; display:inline-flex; align-items:center;}
.nav .dropbtn{background:none; border:0; font: inherit; color:#334155; font-weight:700; cursor:pointer; padding:0; white-space:nowrap; font-size:14px;}
.nav .dropbtn:hover{color:#0f172a}
.nav .dropdown-menu{
  position:absolute;
  top: 28px;
  left: -10px;
  min-width: 240px;
  background: rgba(255,255,255,.97);
  border: 1px solid rgba(15,23,42,.10);
  border-radius: 12px;
  box-shadow: 0 18px 50px rgba(0,0,0,.20);
  padding: 10px;
  display:none;
  z-index: 999;
}
.nav .dropdown:hover .dropdown-menu{display:block;}
.nav .dropdown.open .dropdown-menu{display:block;}
.nav .dropdown-menu a{display:block; padding:10px 12px; border-radius:10px; font-weight:800;}
.nav .dropdown-menu a:hover{background: rgba(246,178,26,.14)}

.nav .dropdown-menu--narrow{min-width:190px;}
.selectorRow.selectorRow--single{display:grid;grid-template-columns:repeat(5,minmax(0,1fr)) 180px;gap:8px;align-items:center;}
.selectorRow.selectorRow--single .btn{min-width:180px;}
@media (max-width: 1360px){
  .container{width:min(var(--container), calc(100% - 28px));}
  .brand__title{font-size:15px}
  .brand__subtitle{font-size:17px}
  .nav{gap:10px;}
  .nav a,.dropbtn{font-size:13px;}
  .topbar .btn--primary{padding: 10px 14px; font-size:14px;}
  .selectorRow.selectorRow--single{grid-template-columns:repeat(5,minmax(0,1fr)) 160px;}
  .selectorRow.selectorRow--single .btn{min-width:160px;}
}

@media (max-width: 1280px){
  .nav{gap:14px;}
  .brand__title{font-size:15px}
  .brand__subtitle{font-size:17px}
}

@media (max-width: 1024px){
  :root{ --topbar-h: 76px; --hero-h: 0px; }
  .topbar{background: linear-gradient(90deg, rgba(255,255,255,.97), rgba(252,247,233,.94)); backdrop-filter: blur(14px);}
  .topbar__inner{gap:10px;}
  .brand{gap:10px;}
  .brand__mark svg,.brand__mark img{width:34px;height:34px;}
  .brand__title{font-size:15px; line-height:1.0;}
  .brand__subtitle{font-size:18px; line-height:1.0;}
  .nav{display:none !important;}
  .navToggle{display:inline-flex; align-items:center; justify-content:center; width:64px; height:64px; border-radius:22px; background:rgba(255,255,255,.68); border:1px solid rgba(15,23,42,.08); box-shadow:0 8px 24px rgba(15,23,42,.08); font-size:28px;}
  .topbar .btn--primary{min-width:220px; min-height:64px; padding: 0 28px; border-radius:26px; font-size:16px; font-weight:1000; box-shadow:0 16px 34px rgba(246,178,26,.24);}
}

@media (max-width: 900px){
  :root{ --topbar-h: 66px; --hero-h: 0px; }
  /* Pe mobil folosim hamburger + meniu lateral. Ascundem navigația desktop
     ca să nu apară link-uri peste conținut (și să nu blocheze click-urile). */
  .nav{display:none !important;}
  .navToggle{display:inline-flex; align-items:center; justify-content:center;}

  /* butonul din header să încapă pe ecrane mici */
  .topbar .btn--primary{padding: 10px 14px; font-size: 14px;}
}

/* Când meniul mobil este deschis, nu permitem scroll/click pe conținutul de dedesubt */
body.nav-open{overflow:hidden;}
body.nav-open .page-scroll{overflow:hidden !important;}

.selectorCard{
  padding: 16px;
}
.selectorRow{
  display:grid;
  grid-template-columns: 1fr 1fr 1fr auto;
  gap: 10px;
  align-items:center;
}
.select{
  width:100%;
  min-width:0;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.10);
  background:#fff;
  font-weight: 800;
}

.results{padding: 18px}
.results__head{display:flex; align-items:flex-end; justify-content:space-between; gap:12px; margin-bottom: 12px}
.results h2{margin:0}
.muted{color: var(--muted); font-weight: 700}

.form{padding: 18px}
.grid{
  display:grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 14px;
}
.grid--2{grid-template-columns: repeat(2, 1fr);}
.grid--3{grid-template-columns: repeat(3, 1fr);}
.grid--4{grid-template-columns: repeat(4, 1fr);}
.field label{
  display:block;
  font-size: 13px;
  font-weight: 900;
  color:#0f172a;
  margin-bottom: 6px;
}
input, select, textarea{
  width:100%;
  padding: 12px 12px;
  border-radius: 12px;
  border: 1px solid rgba(15,23,42,.12);
  background: #fff;
  outline:none;
  font-weight: 800;
}
.inline2{display:grid; grid-template-columns:1fr 1fr; gap:10px}
.actions{display:flex; gap:10px; margin-top: 14px}

.sketchWrap{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
  margin: 14px 0;
}
.sketchCard{
  border-radius: var(--radius);
  border: 1px solid rgba(15,23,42,.08);
  background:#fff;
}
.sketchTitle{
  padding: 12px 14px;
  font-weight: 1000;
  border-bottom: 1px solid rgba(15,23,42,.08);
  background: linear-gradient(180deg, rgba(246,178,26,.12), rgba(15,23,42,.02));
}
canvas{display:block; width:100%; height:auto; background:#fff}

.tableWrap{overflow:auto; margin-top: 10px}
.table{
  width:100%;
  border-collapse: collapse;
  overflow:hidden;
  border-radius: var(--radius);
  border:1px solid rgba(15,23,42,.08);
}
.table th, .table td{
  padding: 12px 12px;
  border-bottom: 1px solid rgba(15,23,42,.07);
  text-align:left;
  vertical-align:top;
}
.table thead th{
  background: rgba(15,23,42,.03);
  font-weight: 1000;
}
.table tfoot td{
  background: rgba(246,178,26,.10);
  font-weight: 1000;
}

.h3{margin: 18px 0 10px; font-size: 18px}

.cutGrid{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 14px;
}
.cutCard{
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  border-radius: var(--radius);
  overflow:hidden;
  z-index: 20;
}
.cutCard__title{
  padding: 12px 14px;
  font-weight: 1000;
  background: rgba(15,23,42,.03);
  border-bottom:1px solid rgba(15,23,42,.08);
}
.cutCard__meta{
  display:flex;
  justify-content:space-between;
  padding: 10px 14px;
  color:#334155;
  font-weight:900;
  border-bottom:1px solid rgba(15,23,42,.06);
}
.cutTableWrap{overflow:auto}
.cutTable{width:100%; border-collapse:collapse}
.cutTable th,.cutTable td{padding:10px 12px; border-bottom:1px solid rgba(15,23,42,.06); text-align:left}
.cutTable thead th{background: rgba(246,178,26,.10); font-weight: 1000}

.shopping{
  display:grid;
  grid-template-columns: 1fr 1fr;
  gap: 10px;
  background:#fff;
  border: 1px solid rgba(15,23,42,.08);
  border-radius: var(--radius);
  padding: 12px;
}
.shopItem{
  display:flex;
  justify-content:space-between;
  padding: 10px 12px;
  border-radius: 14px;
  background: rgba(15,23,42,.03);
  border: 1px solid rgba(15,23,42,.06);
  font-weight: 900;
}
.shopItem span{color:#334155}
.shopTotal{
  grid-column: 1 / -1;
  display:flex;
  justify-content:space-between;
  padding: 12px 12px;
  border-radius: 14px;
  background: rgba(246,178,26,.16);
  border: 1px solid rgba(246,178,26,.35);
  font-weight: 1000;
}

.note{
  margin-top: 12px;
  padding: 12px 14px;
  border-radius: var(--radius);
  background: rgba(15,23,42,.03);
  border: 1px dashed rgba(15,23,42,.18);
  color:#334155;
  font-weight: 700;
}

.footer{
  padding: 18px 0;
  background:#0b1220;
  color: rgba(255,255,255,.84);
  margin-top: auto;
}
.footer__inner{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:12px;
}
.footer a{color: var(--accent2); text-decoration:none; font-weight: 1000}
.footer a:hover{text-decoration:underline}

/* Print branding header */
.only-print{display:none}
.printHeader{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap: 12px;
  padding: 14px 0 10px;
  border-bottom: 2px solid rgba(15,23,42,.12);
  margin-bottom: 12px;
}
.printHeader__brand{font-weight: 1100; font-size: 18px; color:#0f172a}
.printHeader__meta{color:#334155; font-weight: 800}

@media (max-width: 980px){
  .nav{display:none}
  .navToggle{display:inline-flex; align-items:center; justify-content:center;}
  .selectorRow{grid-template-columns:1fr; }
  .grid{grid-template-columns: 1fr 1fr}
  .sketchWrap{grid-template-columns: 1fr}
  .cutGrid{grid-template-columns: 1fr}
  .shopping{grid-template-columns: 1fr}
}
@media (max-width: 560px){
  :root{ --hero-h: 240px; }
  .grid{grid-template-columns: 1fr}
  .container{width: calc(100% - 22px);}
  .hero{padding: 26px 0 30px;}
  .brand__subtitle{display:none;}
}

/* Print / Export PDF */
@media print{
  .no-print{display:none !important}
  .only-print{display:block !important}
  body{background:#fff}
  .card, .results{box-shadow:none}
  .container{width: 100%; margin:0; padding:0 12px}
  .section{padding: 10px 0}
  .sketchWrap{grid-template-columns: 1fr}
  .cutGrid{grid-template-columns: 1fr}
  canvas{max-width: 100%}
}



.sketchCard canvas{display:block; width:1100px; height:520px; max-width:100%;}

/* Sketch zoom */
.sketchToolbar{display:flex; align-items:center; gap:8px; padding:10px 12px; border-bottom:1px solid rgba(15,23,42,.10); background:rgba(255,255,255,.65); position:sticky; top:0; z-index:2;}
.btn--sm{padding:8px 10px; line-height:1; border-radius:10px; font-weight:1000;}
.sketchViewport{overflow:auto; max-width:100%; max-height:560px; padding:12px; background:#fff;}
.sketchStage{transform-origin:0 0; width:1100px; height:520px;}
.sketchStage canvas{display:block; width:1100px; height:520px;}
@media (max-width: 900px){
  .sketchViewport{max-height:420px;}
}

/* Force sketches stacked vertically */
.sketchWrap{display:flex !important; flex-direction:column !important; gap:16px !important;}

/* --- Sketch images (Beton) --- */
.sketchImg{ position:relative; width:100%; max-width:1100px; margin:0 auto; transform-origin: 50% 50%; }
.sketchImg > img{ display:block; width:100%; height:auto; user-select:none; -webkit-user-drag:none; }
.sketchOverlay{ position:absolute; inset:0; width:100%; height:100%; pointer-events:none; }

/* === BACKGROUND CLEAN (cerință: fără blocuri gri / fără overlay peste fundal) === */
body{
  background: url('../../background.png') no-repeat center center fixed !important;
  background-size: cover !important;
}

/* Elimină orice strat/gradient peste fundal în banner */
.hero__overlay{ display:none !important; }

/* Asigură transparență completă pentru hero */
.hero, .hero__bg{ background: transparent !important; }

/* Dacă mai există pseudo-elemente de overlay pe hero/banner */
.hero::before, .hero::after,
.hero__bg::before, .hero__bg::after{ content:none !important; background:transparent !important; }

/* Conținut în "card" alb (vizibil pe fundal) */
.card, .card--glass{
  background: rgba(255,255,255,.97) !important;
}

/* Wrapper-uri care ar putea fi gri */
main, .section, .page-scroll, .page-scroll__inner{ background: transparent !important; }

/* --- Recommended products cards (for sponsors) --- */
.rec{border:1px solid rgba(15,23,42,.10); border-radius:16px; padding:14px; background:#fff}
.rec__t{font-weight:800; margin-bottom:6px}
.rec__d{color:var(--muted); font-size:13px; line-height:1.35; margin-bottom:10px}
.rec__a{display:inline-block; font-weight:800; color:var(--text); text-decoration:none}
.rec__a:hover{text-decoration:underline}

/* Produse recomandate – layout consistent pe toate paginile */
.recsSection{
  width: 100%;
  max-width: var(--container);
  margin: 18px auto 0;
  padding: 0 18px;
}
.recsTitle{
  margin: 0 0 10px;
}
.recsGrid{
  align-items: stretch;
}
.recsGrid .rec{
  height: 100%;
}


.precisionPanel{width:100%;max-width:var(--container);margin:18px auto 0;padding:20px 22px;border:1px solid rgba(15,23,42,.08)}
.precisionPanel__topline{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;margin-bottom:14px}
.precisionPanel__title{margin:4px 0 0;font-size:24px;line-height:1.2}
.precisionBadge{display:inline-flex;align-items:center;justify-content:center;min-height:34px;padding:0 14px;border-radius:999px;background:rgba(246,178,26,.14);border:1px solid rgba(246,178,26,.30);font-weight:800;color:#7a5600;white-space:nowrap}
.precisionGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.precisionCard{border:1px solid rgba(15,23,42,.08);border-radius:16px;background:#fff;padding:16px 18px;box-shadow:0 10px 24px rgba(15,23,42,.04)}
.precisionCard h4{margin:0 0 10px;font-size:16px;color:#142033}
.precisionCard p{margin:0;color:#526174;line-height:1.6}
.precisionCard ul{margin:0;padding-left:18px;color:#526174;display:grid;gap:8px}
.precisionStatus{margin-top:10px;display:inline-flex;padding:6px 10px;border-radius:999px;background:#f8fafc;color:#334155;font-size:12px;font-weight:800}
@media (max-width: 860px){
  .precisionPanel{padding:16px}
  .precisionPanel__topline{flex-direction:column}
  .precisionGrid{grid-template-columns:1fr}
  .precisionPanel__title{font-size:20px}
}

/* Simple stats blocks */
.stat{border:1px solid rgba(15,23,42,.08); border-radius:14px; padding:12px; background:#fff}
.stat__k{font-size:12px; color:var(--muted)}
.stat__v{font-size:20px; font-weight:900; margin-top:2px}

/* Table-like cost rows */
.table{margin-top:8px}
.trow{display:flex; justify-content:space-between; gap:12px; padding:10px 0; border-bottom:1px solid rgba(15,23,42,.08)}
.trow--total{border-bottom:none; padding-top:12px}

/* Contact form grid */
.offerGrid{ grid-template-columns: 1fr 1fr; }
@media (max-width: 860px){
  .offerGrid{ grid-template-columns: 1fr !important; }
}

/* === Export PDF (unificat) === */
.calc-top-actions{position:absolute; top:12px; right:12px; display:flex; gap:8px; align-items:center; justify-content:flex-end; z-index:8; max-width:calc(100% - 24px); overflow:visible;}
.calc-top-actions .pdf-btn{width:100px; min-width:100px; max-width:100px; height:30px; border-radius:10px; border:2px solid #e11d48; background:#fff; display:inline-flex; align-items:center; justify-content:center; gap:6px; cursor:pointer; padding:0 8px; white-space:nowrap; overflow:hidden; box-sizing:border-box; font-size:12px; font-weight:800; line-height:1; color:#0f172a; text-decoration:none;}
.calc-top-actions .pdf-btn img{width:14px; height:14px; display:block; flex:0 0 14px;}
.calc-top-actions .pdf-btn span{display:inline-block;}
.calc-top-actions .pdf-btn:hover{transform:translateY(-1px)}
.calc-top-actions .reset-btn{height:44px; padding:0 14px; border-radius:12px; border:2px solid #e11d48; background:#fff; color:#e11d48; font-weight:900; cursor:pointer;}
.calc-top-actions .reset-btn:hover{transform:translateY(-1px)}

.cm-legacy-pdf-control{display:none !important;}

/* Asigură poziționare corectă pentru card-ul calculatorului */
.card--form, .calculator-card, .content-card, .calc-card, .card{position:relative;}


/* Schela checkbox */
.chk{display:inline-flex;align-items:center;gap:6px;font-weight:600}

@media (max-width: 980px){
  .selectorRow--single{grid-template-columns:1fr 1fr; }
  .selectorRow--single .btn{grid-column:1 / -1;}
}

.selectorRow.selectorRow--single{
  grid-template-columns: repeat(5, minmax(0, 1fr)) 160px;
  gap: 8px;
}
.selectorRow.selectorRow--single .btn{min-width:160px;}

@media (max-width: 1180px){
  .selectorRow.selectorRow--single{grid-template-columns:1fr 1fr 1fr;}
  .selectorRow.selectorRow--single .btn{grid-column:1 / -1; min-width:0;}
}


/* final fixes */
.hero h1 .t-accent{color:var(--accent) !important;}
.topbar__inner{gap:8px;}
.nav{gap:8px; flex:1 1 auto; min-width:0;}
.nav a,.nav .dropbtn{font-size:13px;}
.topbar .btn--primary{padding:10px 14px; font-size:14px; white-space:nowrap;}
.nav .dropdown-menu--narrow{min-width:170px;}
.selectorRow.selectorRow--single{display:flex !important; flex-wrap:nowrap !important; gap:8px; align-items:center;}
.selectorRow.selectorRow--single > .select{flex:1 1 0; min-width:0;}
.selectorRow.selectorRow--single > .btn{flex:0 0 150px; min-width:150px;}
@media (max-width: 1180px){
  .selectorRow.selectorRow--single{display:grid !important; grid-template-columns:1fr 1fr 1fr; }
  .selectorRow.selectorRow--single .btn{grid-column:1 / -1; min-width:0; flex:initial;}
}

/* === Desktop compact navigation + single-row home selector === */
@media (min-width: 1100px){
  .container{ width:min(1280px, calc(100% - 28px)); }
  .topbar__inner{ gap:8px; }
  .brand{ gap:8px; flex:0 0 auto; }
  .brand__title{ font-size:15px; }
  .brand__subtitle{ font-size:16px; }
  .nav{ gap:8px; flex:1 1 auto; min-width:0; }
  .nav a, .nav .dropbtn{ font-size:13px; }
  .nav .dropdown-menu--narrow{ min-width:165px; }
  .topbar .btn--primary[data-go-selected]{ padding:10px 14px; font-size:14px; }

  #calculatoare .selectorRow.selectorRow--single{
    display:flex !important;
    flex-wrap:nowrap !important;
    align-items:center;
    gap:8px;
  }
  #calculatoare .selectorRow.selectorRow--single > .select{
    flex:1 1 120px;
    min-width:120px;
    padding:10px 10px;
    font-size:14px;
  }
  #calculatoare .selectorRow.selectorRow--single > .btn{
    flex:0 0 128px;
    min-width:128px;
    padding:11px 12px;
  }
}


/* greenhouse-final-nav-tuning */
@media (min-width: 1180px){
  :root{ --container: 1320px; }
  .topbar__inner{ gap:6px; }
  .brand{ gap:7px; }
  .brand__title{ font-size:14px; }
  .brand__subtitle{ font-size:15px; }
  .nav{ gap:6px; }
  .nav a, .nav .dropbtn{ font-size:12.5px; letter-spacing:-.01em; }
  .topbar .btn--primary[data-go-selected]{ padding:9px 12px; font-size:13px; }
  .nav .dropdown-menu--narrow{ min-width:160px; }
  #calculatoare .selectorCard{ padding:14px; }
  #calculatoare .selectorRow.selectorRow--single{ display:flex !important; flex-wrap:nowrap !important; gap:7px; }
  #calculatoare .selectorRow.selectorRow--single > .select{ flex:1 1 100px; min-width:0; padding:10px 9px; font-size:13px; }
  #calculatoare .selectorRow.selectorRow--single > .btn{ flex:0 0 118px; min-width:118px; padding:10px 10px; font-size:13px; }
}


/* v47 – homepage grouped calculator menu */
.home-page{ --hero-h: 560px; }
.nav--simple{gap:18px;}
.homeMega{ padding: 0; overflow: hidden; }
.homeMega__grid{ display:grid; grid-template-columns: 1fr 1fr 1fr; }
.megaGroup{ border-right:1px solid rgba(15,23,42,.08); background: linear-gradient(180deg, rgba(255,248,235,.95), rgba(255,255,255,.95)); }
.megaGroup:last-child{ border-right:0; }
.megaGroup__head{ display:flex; align-items:center; gap:12px; padding:18px 22px; border-bottom:1px solid rgba(15,23,42,.08); background: rgba(255,248,235,.92); }
.megaGroup__head h3{ margin:0; font-size:20px; line-height:1.15; }
.megaGroup__badge{ width:34px; height:34px; border-radius:12px; display:inline-flex; align-items:center; justify-content:center; color:var(--accent); background: rgba(246,178,26,.14); }
.megaGroup__badge svg{ width:20px; height:20px; }
.megaGroup__cols{ display:grid; grid-template-columns:1fr 1fr; gap:0; min-height: 310px; }
.megaGroup__cols > div{ padding: 8px 0; }
.megaGroup__cols > div + div{ border-left:1px solid rgba(15,23,42,.07); }
.megaItem{ display:flex; align-items:center; gap:12px; min-height:52px; padding: 10px 18px; text-decoration:none; color:#1f2937; border-bottom:1px solid rgba(15,23,42,.06); transition: background .14s ease, transform .14s ease; }
.megaItem:hover{ background: rgba(246,178,26,.10); }
.megaItem__icon{ flex:0 0 26px; width:26px; height:26px; display:inline-flex; align-items:center; justify-content:center; color:var(--accent); }
.megaItem__icon svg{ width:20px; height:20px; }
.megaItem__label{ flex:1 1 auto; font-weight:800; line-height:1.2; }
.megaItem__arrow{ color:#9ca3af; font-size:24px; line-height:1; }
.homeMega__ctaWrap{ display:flex; justify-content:center; padding: 12px 0 18px; background: rgba(255,255,255,.94); }
.homeMega__cta{ min-width: 280px; font-size:18px; }
@media (max-width: 1240px){
  .home-page{ --hero-h: 620px; }
  .homeMega__grid{ grid-template-columns:1fr; }
  .megaGroup{ border-right:0; border-bottom:1px solid rgba(15,23,42,.08); }
}
@media (max-width: 900px){
  .home-page{ --hero-h: 780px; }
  .homeMega__grid{ grid-template-columns:1fr; }
  .megaGroup__cols{ grid-template-columns:1fr; min-height:0; }
  .megaGroup__cols > div + div{ border-left:0; border-top:1px solid rgba(15,23,42,.07); }
  .homeMega__cta{ min-width: 0; width: calc(100% - 28px); }
}
@media (max-width: 560px){
  .home-page{ --hero-h: 940px; }
  .hero--mega .hero__lead{ font-size:16px; }
  .megaGroup__head{ padding:16px 16px; }
  .megaGroup__head h3{ font-size:18px; }
  .megaItem{ padding:10px 14px; min-height:48px; }
}


/* v48 homepage cards refinement */
.brand__title{font-size:18px; letter-spacing:-.02em}
.brand__subtitle{font-size:20px; letter-spacing:-.02em}
.hero--mega .hero__content{padding-top:72px; padding-bottom:36px}
.hero--mega h1{margin-bottom:14px}
.hero--mega .hero__lead{max-width:780px; font-size:18px; line-height:1.45; margin-bottom:24px; text-shadow:0 2px 18px rgba(0,0,0,.25)}
.homeMega{padding:0; overflow:hidden; backdrop-filter: blur(10px); box-shadow:0 24px 50px rgba(15,23,42,.18); margin-top:8px}
.homeMega__grid{grid-template-columns:1.08fr 1.08fr .92fr}
.megaGroup{background:linear-gradient(180deg, rgba(255,252,245,.97), rgba(255,255,255,.95))}
.megaGroup__head{padding:14px 18px; gap:10px}
.megaGroup__head h3{font-size:18px; letter-spacing:-.02em}
.megaGroup__badge{width:30px; height:30px; border-radius:10px}
.megaGroup__badge svg{width:17px; height:17px}
.megaGroup__cols{min-height:0}
.megaGroup__cols>div{padding:6px 0}
.megaItem{min-height:42px; padding:8px 14px; gap:10px}
.megaItem__icon{flex:0 0 22px; width:22px; height:22px}
.megaItem__icon svg{width:17px; height:17px; stroke-linecap:round; stroke-linejoin:round}
.megaItem__label{font-weight:800; font-size:13px; line-height:1.18}
.megaItem__arrow{font-size:20px}
.homeMega__ctaWrap{display:flex; align-items:center; justify-content:center; gap:14px; padding:12px 18px 18px; background:rgba(255,255,255,.97); border-top:1px solid rgba(15,23,42,.06)}
.homeMega__ctaLabel{font-size:13px; font-weight:700; color:#6b7280}
.homeMega__cta{min-width:240px; font-size:16px; box-shadow:0 12px 24px rgba(246,178,26,.25)}
.footer{margin-top:18px}
@media (max-width: 1200px){
  .homeMega__grid{grid-template-columns:1fr}
  .homeMega__ctaWrap{flex-direction:column}
}
@media (max-width: 900px){
  .brand__title{font-size:16px}
  .brand__subtitle{font-size:17px}
  .hero--mega .hero__content{padding-top:54px}
  .hero--mega .hero__lead{font-size:16px}
}
@media (max-width: 640px){
  .brand__title{font-size:15px}
  .brand__subtitle{font-size:16px; display:block}
  .megaGroup__head h3{font-size:17px}
  .megaItem__label{font-size:13px}
  .homeMega__cta{width:100%; min-width:0}
}


/* v49 homepage compact translucent mega menu */
.home-page{ --hero-h: 600px; }
.topbar{ background: rgba(255,255,255,.90); }
.brand{ gap:10px; }
.brand__mark svg{ width:30px; height:30px; }
.brand__text{ line-height:1.02; }
.brand__title{ font-size:17px; }
.brand__subtitle{ font-size:17px; }
.hero--mega .hero__content{ padding-top: 26px; padding-bottom: 18px; }
.hero--mega h1{ font-size: clamp(28px, 3.8vw, 58px); line-height: 1.02; margin-bottom: 10px; max-width: 760px; }
.hero--mega .hero__lead{ font-size: 16px; margin-bottom: 16px; max-width: 700px; }
.homeMega{ background: rgba(255,250,242,.58) !important; border:1px solid rgba(255,255,255,.36); backdrop-filter: blur(7px); box-shadow: 0 18px 48px rgba(15,23,42,.16); margin-top: 6px; }
.megaGroup{ background: rgba(255,252,247,.34) !important; }
.megaGroup__head{ padding: 11px 14px; background: rgba(255,248,235,.38); }
.megaGroup__head h3{ font-size: 16px; }
.megaGroup__badge{ width: 26px; height: 26px; border-radius: 9px; background: rgba(246,178,26,.12); }
.megaGroup__badge svg{ width: 15px; height: 15px; }
.megaGroup__cols > div{ padding: 2px 0; }
.megaItem{ min-height: 35px; padding: 6px 12px; gap: 8px; background: transparent; }
.megaItem__icon{ flex:0 0 18px; width:18px; height:18px; }
.megaItem__icon svg{ width:14px; height:14px; }
.megaItem__label{ font-size:12px; line-height:1.14; font-weight:800; }
.megaItem__arrow{ font-size:16px; }
.homeMega__ctaWrap{ padding: 8px 14px 12px; background: rgba(255,255,255,.36); }
.homeMega__ctaLabel{ display:none; }
.homeMega__cta{ min-width: 260px; font-size: 15px; padding: 11px 18px; }
@media (max-width: 1200px){ .home-page{ --hero-h: 760px; } }
@media (max-width: 900px){ .home-page{ --hero-h: 980px; } }
@media (max-width: 640px){ .home-page{ --hero-h: 1120px; } .brand__title,.brand__subtitle{ font-size:15px; } .hero--mega h1{ font-size: clamp(28px, 8.2vw, 46px); } .hero--mega .hero__lead{ font-size:15px; } .homeMega__cta{ width:100%; min-width:0; } }


/* v50 homepage mega menu refinements */
.brand__text{max-width:none}
.brand__title{font-size:19px !important; line-height:1.02}
.brand__subtitle{font-size:19px !important; line-height:1.02}
.home-page .hero__content{padding-top:18px !important}
.home-page .hero--mega h1{font-size:clamp(24px,3.3vw,48px) !important; margin-bottom:8px !important; max-width:680px}
.home-page .hero--mega .hero__lead{font-size:14px !important; margin-bottom:12px !important; max-width:620px}
.homeMega{background:rgba(255,250,242,.32) !important; border:1px solid rgba(255,255,255,.22) !important; backdrop-filter:blur(4px) !important; box-shadow:0 12px 34px rgba(15,23,42,.12) !important}
.megaGroup{background:rgba(255,255,255,.10) !important}
.megaGroup__head{padding:10px 12px !important; background:rgba(255,248,235,.18) !important}
.megaGroup__head h3{font-size:14px !important}
.megaGroup__badge{width:24px !important; height:24px !important; border-radius:8px !important; background:rgba(246,178,26,.10) !important}
.megaGroup__badge svg{width:14px !important; height:14px !important}
.homeMega__grid{grid-template-columns:1.04fr 1.06fr .90fr !important}
.megaGroup__cols>div{padding:0 !important}
.megaItem{min-height:38px !important; padding:8px 12px !important; background:rgba(255,255,255,.06)}
.megaItem__icon{width:18px !important; height:18px !important; margin-right:8px !important}
.megaItem__icon svg{width:14px !important; height:14px !important}
.megaItem__label{font-size:12px !important; line-height:1.15 !important; font-weight:700 !important}
.megaItem__arrow{font-size:18px !important}
.homeMega__ctaWrap{padding:7px 14px 12px !important; background:rgba(255,255,255,.14) !important}
.homeMega__cta{display:inline-flex !important; min-width:240px !important; font-size:14px !important; padding:11px 18px !important; box-shadow:0 10px 20px rgba(246,178,26,.18) !important}
@media (max-width: 1024px){
  .brand__title,.brand__subtitle{font-size:17px !important}
}

/* v51 compact + elegant homepage menu */
.home-page .hero__content{max-width:1180px !important; padding-top:14px !important}
.home-page .hero--mega h1{font-size:clamp(22px,3vw,44px) !important; line-height:0.98 !important; max-width:620px !important; margin-bottom:10px !important; text-shadow:0 2px 14px rgba(0,0,0,.18)}
.home-page .hero--mega .hero__lead{font-size:13px !important; line-height:1.35 !important; max-width:560px !important; color:rgba(255,255,255,.96) !important; text-shadow:0 1px 10px rgba(0,0,0,.18)}
.homeMega{max-width:1120px !important; margin:8px auto 0 !important; background:rgba(255,248,238,.24) !important; border:1px solid rgba(255,255,255,.18) !important; backdrop-filter:blur(5px) saturate(108%) !important; box-shadow:0 14px 34px rgba(15,23,42,.10) !important}
.homeMega__grid{grid-template-columns:1.02fr 1.02fr .86fr !important}
.megaGroup{background:rgba(255,255,255,.05) !important}
.megaGroup__head{padding:9px 11px !important; background:rgba(255,250,243,.14) !important; border-bottom:1px solid rgba(15,23,42,.06) !important}
.megaGroup__head h3{font-size:13px !important; font-weight:800 !important; letter-spacing:-.01em !important; color:#172033 !important}
.megaGroup__badge{width:22px !important; height:22px !important; border-radius:7px !important; background:rgba(246,178,26,.14) !important; border:1px solid rgba(246,178,26,.18) !important}
.megaGroup__badge svg{width:13px !important; height:13px !important}
.megaGroup__cols > div{padding:0 !important}
.megaItem{min-height:34px !important; padding:6px 11px !important; gap:8px !important; background:rgba(255,255,255,.045) !important; border-bottom:1px solid rgba(15,23,42,.05) !important}
.megaItem:hover{background:rgba(255,255,255,.11) !important}
.megaItem__icon{width:17px !important; height:17px !important; margin-right:7px !important; opacity:.98 !important}
.megaItem__icon svg{width:13px !important; height:13px !important}
.megaItem__label{font-size:11px !important; line-height:1.13 !important; font-weight:800 !important; letter-spacing:-.01em !important; color:#1f2937 !important; text-shadow:0 1px 0 rgba(255,255,255,.18) !important}
.megaItem__arrow{font-size:16px !important; color:#64748b !important}
.homeMega__ctaWrap{padding:8px 12px 13px !important; background:rgba(255,255,255,.10) !important; border-top:1px solid rgba(255,255,255,.12) !important}
.homeMega__cta{min-width:220px !important; font-size:13px !important; font-weight:800 !important; padding:10px 18px !important; box-shadow:0 8px 18px rgba(246,178,26,.16) !important}
@media (max-width: 1200px){
  .homeMega{max-width:none !important}
}


/* v53 homepage menu polish */
.topbar__inner{gap:18px}
.nav--simple{gap:18px}
.nav--simple a{font-weight:800}
.home-page .brand{align-items:center; gap:12px}
.home-page .brand__mark{width:40px; height:40px}
.home-page .brand__title{font-size:17px !important; line-height:1.02}
.home-page .brand__subtitle{font-size:18px !important; line-height:1.02; display:block !important}
.home-page .hero--mega h1{font-size:clamp(21px,2.8vw,42px) !important; line-height:0.98 !important; max-width:520px !important; margin-bottom:8px !important}
.home-page .hero--mega .hero__lead{font-size:13px !important; line-height:1.32 !important; max-width:560px !important; margin-bottom:14px !important}
.homeMega{background:rgba(255,251,244,.20) !important; border:1px solid rgba(255,255,255,.24) !important; backdrop-filter:blur(3px) !important; -webkit-backdrop-filter:blur(3px) !important; box-shadow:0 12px 32px rgba(15,23,42,.10) !important; margin-top:4px !important; border-radius:28px !important}
.homeMega__grid{grid-template-columns:1.02fr 1.02fr .86fr !important}
.megaGroup{background:rgba(255,255,255,.05) !important}
.megaGroup__head{padding:9px 12px !important; background:rgba(255,248,235,.12) !important; border-bottom:1px solid rgba(255,255,255,.18) !important}
.megaGroup__head h3{font-size:13px !important; font-weight:900 !important; color:#162235 !important; letter-spacing:-.01em}
.megaGroup__badge{width:22px !important; height:22px !important; border-radius:7px !important; background:rgba(246,178,26,.14) !important}
.megaGroup__badge svg{width:13px !important; height:13px !important}
.megaGroup__cols>div{padding:0 !important}
.megaItem{min-height:32px !important; padding:5px 12px !important; gap:8px !important; background:rgba(255,255,255,.03) !important; border-bottom:1px solid rgba(255,255,255,.10) !important}
.megaItem:hover{background:rgba(246,178,26,.88) !important}
.megaItem:hover .megaItem__label,.megaItem:hover .megaItem__icon,.megaItem:hover .megaItem__arrow{color:#111827 !important}
.megaItem__icon{flex:0 0 16px !important; width:16px !important; height:16px !important; color:#f0ab13 !important}
.megaItem__icon svg{width:13px !important; height:13px !important; stroke-width:2.05 !important}
.megaItem__label{font-size:11px !important; line-height:1.14 !important; font-weight:900 !important; color:#1f2937 !important; text-shadow:0 1px 0 rgba(255,255,255,.38)}
.megaItem__arrow{font-size:15px !important; color:#6b7280 !important}
.homeMega__ctaWrap{padding:8px 14px 14px !important; background:rgba(255,255,255,.08) !important; border-top:1px solid rgba(255,255,255,.16) !important}
.homeMega__cta{min-width:220px !important; font-size:15px !important; padding:11px 20px !important; box-shadow:0 12px 24px rgba(246,178,26,.28) !important}
@media (max-width: 1100px){.home-page .hero--mega h1{max-width:460px !important;}.homeMega__grid{grid-template-columns:1fr !important}.homeMega{border-radius:22px !important}}
@media (max-width: 640px){.home-page .brand__title{font-size:15px !important}.home-page .brand__subtitle{font-size:15px !important}.home-page .hero--mega h1{font-size:clamp(25px,7.2vw,40px) !important; max-width:100% !important}.home-page .hero--mega .hero__lead{font-size:14px !important}.homeMega__cta{width:100% !important; min-width:0 !important}}

/* v56 – uniformizare comercială calculatoare */
.sectionTopline{display:flex; align-items:end; justify-content:space-between; gap:14px; margin-bottom:12px; flex-wrap:wrap}
.sectionTopline__text{margin:0; color:var(--muted); max-width:760px; font-size:14px}
.rec{display:flex; flex-direction:column; gap:10px; border:1px solid rgba(15,23,42,.08); border-radius:18px; padding:16px; background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(255,249,239,.96)); box-shadow:0 10px 24px rgba(15,23,42,.05)}
.rec__t{font-size:18px; font-weight:900; letter-spacing:-.02em}
.rec__d{color:var(--muted); font-size:14px; line-height:1.45; min-height:58px}
.rec__actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:auto}
.rec__a{display:inline-flex; align-items:center; gap:8px; font-weight:800; color:var(--text); text-decoration:none}
.rec__a:hover{text-decoration:underline}
.seoIntroSection,.faqSection,.offerCard{margin-top:22px}
.seoIntroCard{border:1px solid rgba(15,23,42,.08); border-radius:22px; padding:20px; background:linear-gradient(180deg, rgba(255,255,255,.98), rgba(248,250,252,.98)); box-shadow:0 10px 24px rgba(15,23,42,.04)}
.seoIntroCard h2{margin:0 0 10px; font-size:28px; letter-spacing:-.03em}
.seoIntroCard p{margin:0; color:#475569; line-height:1.7}
.seoHighlightGrid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:10px; margin-top:16px}
.seoHighlightItem{padding:12px 14px; border-radius:14px; background:rgba(246,178,26,.10); border:1px solid rgba(246,178,26,.22); font-weight:800; color:#1f2937}
.offerCard{border:1px solid rgba(15,23,42,.08); border-radius:22px; padding:20px; background:linear-gradient(180deg, rgba(255,255,255,.99), rgba(255,249,239,.98)); box-shadow:0 12px 26px rgba(15,23,42,.05)}
.offerCard__head{display:flex; justify-content:space-between; align-items:flex-start; gap:18px; margin-bottom:14px; flex-wrap:wrap}
.offerCard__title{margin:0 0 6px; font-size:26px; letter-spacing:-.03em}
.offerCard__lead{margin:0; color:#475569; max-width:760px}
.offerCard__chips{display:flex; gap:8px; flex-wrap:wrap}
.offerCard__actions{display:flex; gap:10px; flex-wrap:wrap; justify-content:flex-start}
.faqTitle{margin:0 0 12px; font-size:26px; letter-spacing:-.03em}
.faqList{display:grid; gap:10px}
.faqItem{border:1px solid rgba(15,23,42,.08); border-radius:16px; background:rgba(255,255,255,.96); overflow:hidden}
.faqItem summary{cursor:pointer; list-style:none; padding:15px 18px; font-weight:900; position:relative}
.faqItem summary::-webkit-details-marker{display:none}
.faqItem summary::after{content:'+'; position:absolute; right:18px; top:50%; transform:translateY(-50%); color:var(--accent); font-size:22px; font-weight:900}
.faqItem[open] summary::after{content:'−'}
.faqItem p{margin:0; padding:0 18px 16px; color:#475569; line-height:1.65}
@media (max-width: 860px){
  .seoHighlightGrid{grid-template-columns:1fr}
  .rec__d{min-height:0}
  .offerCard__title,.faqTitle,.seoIntroCard h2{font-size:22px}
}


/* Homepage conversion blocks v57 */
.homepageSections{display:grid; gap:18px}
.homeStrip{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; padding:18px 20px}
.homeStrip__item{display:flex; flex-direction:column; gap:4px; padding:10px 12px; border-radius:18px; background:rgba(255,255,255,.46); border:1px solid rgba(255,255,255,.55)}
.homeStrip__item strong{font-size:18px; font-weight:800; color:#0f172a}
.homeStrip__item span{font-size:13px; line-height:1.45; color:#334155}
.homeSection{display:block}
.homeSection--split{display:grid; grid-template-columns:1.15fr .85fr; gap:18px}
.homeCard{padding:24px; border-radius:28px; box-shadow:0 18px 40px rgba(15,23,42,.08)}
.homeCard--accent{background:linear-gradient(180deg,rgba(255,251,235,.96),rgba(255,255,255,.94)); border:1px solid rgba(246,178,26,.18)}
.sectionTag{display:inline-flex; padding:7px 11px; border-radius:999px; background:rgba(246,178,26,.14); color:#8a5a00; font-weight:800; font-size:12px; letter-spacing:.02em; margin-bottom:12px}
.homeCard h2{margin:0 0 12px; font-size:28px; line-height:1.1}
.homeCard p{margin:0; color:#475569; line-height:1.6}
.stepsGrid{display:grid; grid-template-columns:repeat(3,1fr); gap:14px; margin-top:16px}
.stepCard{position:relative; padding:18px; border-radius:22px; background:#fff; border:1px solid rgba(15,23,42,.08)}
.stepCard__nr{display:inline-flex; width:34px; height:34px; align-items:center; justify-content:center; border-radius:50%; background:#f6b21a; color:#111827; font-weight:900; margin-bottom:12px}
.stepCard h3{margin:0 0 8px; font-size:16px}
.stepCard p{font-size:14px}
.quickLinks{display:grid; gap:10px; margin-top:8px}
.quickLinks__item{display:block; padding:14px 16px; border-radius:18px; background:rgba(255,255,255,.9); border:1px solid rgba(15,23,42,.08); color:#0f172a; text-decoration:none; transition:.18s ease}
.quickLinks__item:hover{transform:translateY(-1px); border-color:rgba(246,178,26,.5); box-shadow:0 12px 24px rgba(246,178,26,.16)}
.quickLinks__item span{display:block; font-weight:800; margin-bottom:4px}
.quickLinks__item small{display:block; font-size:13px; line-height:1.45; color:#475569}
.homeLeadCard{display:flex; align-items:center; justify-content:space-between; gap:18px; background:linear-gradient(135deg,rgba(15,23,42,.96),rgba(30,41,59,.94)); color:#fff}
.homeLeadCard h2,.homeLeadCard p{color:#fff}
.homeLeadCard .sectionTag{background:rgba(246,178,26,.18); color:#ffe39c}
.homeLeadCard__actions{display:flex; align-items:center; gap:12px; flex-wrap:wrap}
.btn--ghost{background:rgba(255,255,255,.08); color:#fff; border:1px solid rgba(255,255,255,.18)}
.btn--ghost:hover{background:rgba(255,255,255,.14); color:#fff}
@media (max-width: 1100px){.homeSection--split,.stepsGrid,.homeStrip{grid-template-columns:1fr}.homeLeadCard{flex-direction:column; align-items:flex-start}}
@media (max-width: 640px){.homeCard{padding:18px}.homeCard h2{font-size:22px}.homeStrip{padding:14px}.homeLeadCard__actions .btn{width:100%; justify-content:center}}


/* Homepage flow fix: no internal scrolling under hero */
.home-page .page-scroll{
  position: static !important;
  top: auto !important;
  height: auto !important;
  overflow: visible !important;
}
.home-page .page-scroll__inner{
  min-height: 0 !important;
}
.home-page .homepageSections{
  padding-top: 22px !important;
}


/* Homepage layout fix v60: hero in normal flow, no overlapping lower blocks */
.home-page .hero{
  position: relative !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  height: auto !important;
  min-height: 0 !important;
  margin-top: var(--topbar-h) !important;
  padding: 24px 0 28px !important;
  overflow: visible !important;
}
.home-page .hero__content{
  padding-top: 14px !important;
  padding-bottom: 0 !important;
}
.home-page .page-scroll,
.home-page .page-scroll__inner{
  position: static !important;
  top: auto !important;
  left: auto !important;
  right: auto !important;
  bottom: auto !important;
  height: auto !important;
  min-height: 0 !important;
  overflow: visible !important;
  display: block !important;
}
.home-page .homepageSections{
  margin-top: 22px !important;
  padding-top: 0 !important;
}

/* Homepage scroll fix v61 */
html:has(body.home-page),
body.home-page{
  height: auto !important;
  min-height: 100%;
}
body.home-page{
  overflow-x: hidden !important;
  overflow-y: auto !important;
}


/* v62 homepage lower blocks aligned to mega menu */
.home-page .homepageSections{
  max-width: 1120px !important;
  margin: 0 auto !important;
  gap: 16px !important;
}
.home-page .homeStrip,
.home-page .homeCard{
  background: rgba(255,248,238,.24) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
  backdrop-filter: blur(5px) saturate(108%) !important;
  -webkit-backdrop-filter: blur(5px) saturate(108%) !important;
  box-shadow: 0 14px 34px rgba(15,23,42,.10) !important;
}
.home-page .homeStrip{
  padding: 16px 18px !important;
  border-radius: 28px !important;
}
.home-page .homeStrip__item{
  background: rgba(255,255,255,.10) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}
.home-page .homeStrip__item strong,
.home-page .homeCard h2,
.home-page .stepCard h3,
.home-page .quickLinks__item span,
.home-page .sectionTag,
.home-page .homeLeadCard h2{
  color: #142033 !important;
  text-shadow: 0 1px 0 rgba(255,255,255,.35) !important;
}
.home-page .homeStrip__item span,
.home-page .homeCard p,
.home-page .quickLinks__item small{
  color: #263446 !important;
}
.home-page .stepCard,
.home-page .quickLinks__item{
  background: rgba(255,255,255,.12) !important;
  border: 1px solid rgba(255,255,255,.20) !important;
  backdrop-filter: blur(3px) !important;
  -webkit-backdrop-filter: blur(3px) !important;
}
.home-page .homeCard--accent{
  background: rgba(255,248,238,.24) !important;
  border: 1px solid rgba(255,255,255,.18) !important;
}
.home-page .homeLeadCard{
  background: rgba(15,23,42,.70) !important;
  border: 1px solid rgba(255,255,255,.12) !important;
}
.home-page .homeLeadCard h2,
.home-page .homeLeadCard p{
  color: #fff !important;
  text-shadow: none !important;
}
@media (max-width: 1200px){
  .home-page .homepageSections{max-width:none !important;}
}

/* v63 lead capture + sticky CTA */
.seoIntroSection{margin-top:22px}
.seoIntroCard{
  background: linear-gradient(180deg, rgba(255,247,223,.92), rgba(255,255,255,.96));
  border:1px solid rgba(246,178,26,.24);
  border-radius:20px;
  padding:20px 22px;
  box-shadow:0 12px 26px rgba(15,23,42,.06);
}
.seoIntroCard h2{margin:0 0 8px;font-size:24px}
.seoIntroCard p{margin:0;color:#475569;line-height:1.65}
.seoHighlightGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:14px}
.seoHighlightItem{
  padding:12px 14px;
  border-radius:14px;
  background:#fff;
  border:1px solid rgba(15,23,42,.08);
  color:#142033;
  font-weight:700;
}
.offerCard{
  width:min(100%,1160px);
  margin:22px auto 0;
  padding:22px;
  border-radius:22px;
  background:linear-gradient(180deg,#fffdf8,#ffffff);
  border:1px solid rgba(246,178,26,.24);
  box-shadow:0 18px 42px rgba(15,23,42,.08);
}
.offerCard__head{
  display:flex;gap:18px;align-items:flex-start;justify-content:space-between;flex-wrap:wrap;margin-bottom:16px
}
.offerCard__title{margin:8px 0 8px;font-size:28px;line-height:1.15}
.offerCard__lead{margin:0;color:#526174;max-width:860px;line-height:1.65}
.offerCard__chips{display:flex;gap:8px;flex-wrap:wrap}
.offerReasons{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:12px 0 18px}
.offerReason{background:#fff7df;border:1px solid rgba(246,178,26,.24);border-radius:16px;padding:14px 14px 13px}
.offerReason strong{display:block;font-size:14px;margin-bottom:6px;color:#142033}
.offerReason span{display:block;color:#4b5563;font-size:14px;line-height:1.55}
.offerGrid{gap:14px}
.offerGrid .field label{font-weight:800;color:#18253b}
.offerGrid .field input,.offerGrid .field select,.offerGrid .field textarea{border-radius:14px;border:1px solid rgba(15,23,42,.12);background:#fff}
.offerGrid .field textarea{min-height:120px}
.offerCard__actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-start}
.stickyOfferBar{
  position:sticky;bottom:14px;z-index:60;width:min(100%,1160px);margin:18px auto 0;display:flex;align-items:center;justify-content:space-between;gap:14px;
  padding:14px 16px;border-radius:18px;background:rgba(255,255,255,.92);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  border:1px solid rgba(15,23,42,.08);box-shadow:0 16px 36px rgba(15,23,42,.14)
}
.stickyOfferBar__text{display:flex;flex-direction:column;gap:4px}
.stickyOfferBar__text strong{font-size:16px;color:#142033}
.stickyOfferBar__text span{font-size:14px;color:#526174}
.stickyOfferBar__actions{display:flex;gap:10px;flex-wrap:wrap}
.faqTitle{font-size:24px;margin:22px 0 12px}
.faqItem{border:1px solid rgba(15,23,42,.10);border-radius:14px;background:#fff;padding:0 14px}
.faqItem + .faqItem{margin-top:10px}
.faqItem summary{cursor:pointer;font-weight:800;padding:14px 0;color:#142033}
.faqItem p{margin:0 0 14px;color:#526174;line-height:1.65}
@media (max-width: 900px){
  .seoHighlightGrid,.offerReasons{grid-template-columns:1fr}
  .offerCard__title{font-size:24px}
  .stickyOfferBar{flex-direction:column;align-items:stretch}
  .stickyOfferBar__actions{width:100%}
  .stickyOfferBar__actions .btn{flex:1}
}

.seoLeadMessage{
  margin:10px 0 0;
  padding:12px 14px;
  border-radius:14px;
  background:rgba(246,178,26,.10);
  border:1px solid rgba(246,178,26,.24);
  color:#304154;
  font-weight:600;
}


/* ===== Homepage mobile/tableta V2 ===== */
.homeHeaderIcons{display:none; align-items:center; gap:10px; margin-left:auto;}
.homeHeaderIcon{width:40px; height:40px; border-radius:999px; border:1px solid rgba(148,163,184,.24); background:rgba(255,255,255,.82); color:#6b7280; display:grid; place-items:center; box-shadow:0 10px 22px rgba(15,23,42,.08)}
.homeHeaderIcon svg{width:20px; height:20px}
.homeTouchV1{display:none}
@media (max-width: 1100px){
  .home-page{--topbar-h:96px; --hero-h:auto;}
  .home-page{overflow:auto;}
  .home-page .page-scroll,
  .home-page .page-scroll__inner{position:static; top:auto; height:auto; overflow:visible;}
  .home-page .nav{display:none}
  .home-page .homeHeaderIcons{display:flex}
  .home-page .topbar{position:sticky; height:auto; background:linear-gradient(90deg, rgba(255,255,255,.97), rgba(255,250,240,.95)); box-shadow:0 14px 30px rgba(15,23,42,.08)}
  .home-page .topbar__inner{min-height:96px; align-items:center; gap:14px; padding:16px 0}
  .home-page .brand{flex:1; min-width:0}
  .home-page .brand__mark{width:48px; height:48px; color:var(--accent)}
  .home-page .brand__mark svg{width:30px; height:30px}
  .home-page .brand__title{font-size:24px; line-height:1.02; font-weight:1000}
  .home-page .brand__subtitle{display:none !important}
  .home-page .navToggle{display:grid; order:3; width:84px; height:84px; font-size:38px; border-radius:28px; border:2px solid rgba(15,23,42,.06); background:rgba(255,255,255,.72); color:#111827; box-shadow:0 18px 34px rgba(15,23,42,.08)}
  .home-page .topbar .btn--primary{order:4; min-width:190px; height:84px; border-radius:30px; font-size:28px; font-weight:1000; padding:0 28px; box-shadow:0 20px 34px rgba(246,178,26,.24)}
  .home-page .hero--mega .hero__lead,.home-page .homeMega,.home-page .homepageSections{display:none !important}
  .home-page .hero--mega{position:relative; top:auto; left:auto; right:auto; height:auto; padding:22px 0 28px; overflow:visible}
  .home-page .hero--mega .hero__bg{background:linear-gradient(180deg, rgba(15,23,42,.08), rgba(15,23,42,.20))}
  .home-page .hero--mega .hero__overlay{background:linear-gradient(180deg, rgba(255,255,255,.04), rgba(15,23,42,.12))}
  .home-page .hero--mega .hero__content{padding-top:0; padding-bottom:0}
  .home-page .hero--mega h1{display:none}
  .home-page .homeTouchV1{display:block}
  .homeTouchV1__panel{position:relative; overflow:hidden; border-radius:38px; padding:30px 26px 26px; background:linear-gradient(180deg, rgba(255,255,255,.14), rgba(43,31,24,.52)); border:1px solid rgba(255,255,255,.26); backdrop-filter:blur(12px); box-shadow:0 34px 70px rgba(15,23,42,.24)}
  .homeTouchV1__panel:before{content:""; position:absolute; inset:0; background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.02) 26%, rgba(15,23,42,.16) 100%); pointer-events:none}
  .homeTouchV1__panel > *{position:relative; z-index:1}
  .homeTouchV1__title{display:none}
  .homeTouchTabs{display:grid; grid-template-columns:repeat(3,1fr); background:rgba(245,238,225,.78); border:1px solid rgba(255,255,255,.38); border-radius:26px; overflow:hidden; box-shadow:0 16px 36px rgba(15,23,42,.12)}
  .homeTouchTabs__item{display:flex; align-items:center; justify-content:center; min-height:70px; padding:0 16px; text-align:center; font-weight:900; color:#403b35; border-right:1px solid rgba(148,163,184,.20); font-size:18px}
  .homeTouchTabs__item:last-child{border-right:0}
  .homeTouchTabs__item--active{background:linear-gradient(180deg, #f8c741, #f1b113); color:#1f2937; box-shadow: inset 0 1px 0 rgba(255,255,255,.45), 0 8px 18px rgba(246,178,26,.18)}
  .homeTouchPicker{margin-top:18px}
  .homeTouchPicker__row{display:grid; grid-template-columns:172px 1fr; align-items:center; gap:12px; padding:12px; border-radius:24px; background:rgba(255,255,255,.76); border:1px solid rgba(255,255,255,.38); box-shadow:0 16px 34px rgba(15,23,42,.13)}
  .homeTouchPicker__label{font-size:19px; font-weight:800; color:#667085; padding-left:8px; white-space:nowrap}
  .homeTouchPicker__field{position:relative; display:block}
  .homeTouchPicker__field select{appearance:none; -webkit-appearance:none; width:100%; min-height:62px; border:0; border-radius:18px; padding:0 56px 0 18px; background:rgba(234,239,246,.82); color:#253041; font-size:18px; font-weight:800; box-shadow: inset 0 1px 0 rgba(255,255,255,.65); white-space:nowrap; overflow:hidden; text-overflow:ellipsis}
  .homeTouchPicker__arrow{position:absolute; right:18px; top:50%; transform:translateY(-50%); font-size:30px; color:#374151}
  .homeTouchPicker__submit{display:flex; justify-content:center; width:min(340px, 100%); margin:20px auto 0; min-height:64px; border-radius:999px; font-size:22px; font-weight:1000; box-shadow:0 18px 34px rgba(246,178,26,.30)}
  .homeTouchQuick,.homeTouchPromo{margin-top:22px; border-radius:30px; padding:22px 20px; background:linear-gradient(180deg, rgba(40,29,22,.62), rgba(23,17,14,.78)); border:1px solid rgba(255,255,255,.18); color:#fff; box-shadow:0 20px 40px rgba(15,23,42,.16); backdrop-filter:blur(10px)}
  .homeTouchQuick h3,.homeTouchPromo h3{margin:0 0 16px; font-size:22px; line-height:1.16; color:#fff}
  .homeTouchQuick__grid{display:grid; grid-template-columns:1fr 1fr; gap:12px}
  .homeTouchQuick__item,.homeTouchQuick__pill{display:flex; align-items:center; gap:12px; min-height:60px; padding:0 16px; border-radius:18px; background:rgba(255,248,238,.92); border:1px solid rgba(255,255,255,.30); color:#1f2937; font-weight:900; box-shadow:0 12px 24px rgba(15,23,42,.11)}
  .homeTouchQuick__icon{width:26px; height:26px; color:var(--accent); display:grid; place-items:center; flex:0 0 auto}
  .homeTouchQuick__icon svg{width:22px; height:22px}
  .homeTouchPromo{display:flex; align-items:end; justify-content:space-between; gap:18px}
  .homeTouchPromo p{margin:0; color:rgba(255,255,255,.90); font-size:17px; line-height:1.45}
  .homeTouchPromo .btn{min-width:240px; min-height:60px; border-radius:999px; font-size:18px; font-weight:1000}
  .homeTouchQuick--secondary{display:none}
}
@media (max-width: 760px){
  .home-page{--topbar-h:74px}
  .home-page .topbar__inner{min-height:74px; gap:10px; padding:10px 0}
  .home-page .brand__mark{width:34px; height:34px}
  .home-page .brand__mark svg{width:22px; height:22px}
  .home-page .brand__title{font-size:16px}
  .home-page .brand__subtitle{display:none !important}
  .home-page .homeHeaderIcons{display:none}
  .home-page .navToggle{width:54px; height:54px; font-size:30px; border-radius:18px}
  .home-page .topbar .btn--primary{min-width:118px; height:54px; border-radius:18px; font-size:16px; padding:0 18px}
  .home-page .hero--mega{padding:14px 0 18px}
  .homeTouchV1__panel{padding:18px 14px 18px; border-radius:26px}
  .homeTouchV1__title{display:none}
  .homeTouchTabs{grid-template-columns:1fr 1fr 1fr; border-radius:18px}
  .homeTouchTabs__item{min-height:50px; font-size:14px; padding:0 8px}
  .homeTouchPicker__row{grid-template-columns:132px 1fr; gap:8px; padding:9px; border-radius:18px}
  .homeTouchPicker__label{font-size:15px; padding-left:4px; white-space:nowrap; font-weight:800}
  .homeTouchPicker__field select{min-height:46px; font-size:15px; border-radius:14px; padding-left:12px}
  .homeTouchPicker__arrow{font-size:22px; right:14px}
  .homeTouchPicker__submit{min-height:50px; width:min(240px,100%); margin-top:14px; font-size:17px}
  .homeTouchQuick,.homeTouchPromo{margin-top:16px; padding:16px 14px; border-radius:20px}
  .homeTouchQuick h3,.homeTouchPromo h3{font-size:16px; margin-bottom:12px}
  .homeTouchQuick__grid{grid-template-columns:1fr}
  .homeTouchQuick__item,.homeTouchQuick__pill{min-height:46px; gap:10px; padding:0 12px; border-radius:14px; font-size:14px}
  .homeTouchPromo{display:none}
  .homeTouchQuick--secondary{display:block}
  .homeTouchQuick--primary{display:none}
  .homeTouchQuick__list{display:grid; gap:10px}
}

@media (min-width: 700px) and (max-width: 1024px){
  .home-page .page-scroll{top: var(--topbar-h); height: calc(100dvh - var(--topbar-h));}
  .home-page .container{width:min(100%, calc(100% - 48px));}
  .home-page .hero{display:none;}
  .home-page .homeTouchV1{display:block; padding-top:18px;}
  .home-page .homeTouchQuick__grid{grid-template-columns:1fr 1fr;}
  .home-page .homeTouchPromo{display:flex;}
  .home-page .heroCard,.home-page .heroCardSpace,.home-page .desktopOnly{display:none !important;}
}
@media (max-width: 699px){
  .topbar .btn--primary{min-width:146px; min-height:50px; padding:0 18px; border-radius:20px; font-size:14px;}
  .navToggle{width:50px; height:50px; border-radius:18px; font-size:24px;}
  .brand__title{font-size:13px;}
  .brand__subtitle{display:none !important;}
}


.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important;}



/* Breadcrumbs */
.breadcrumbs{padding:14px 0 0}
.breadcrumbs ol{margin:0; padding:0; list-style:none; display:flex; align-items:center; gap:8px; flex-wrap:wrap}
.breadcrumbs li{display:flex; align-items:center; gap:8px; color:rgba(15,23,42,.64); font-size:13px; line-height:1.4}
.breadcrumbs li+li::before{content:"/"; color:rgba(15,23,42,.34)}
.breadcrumbs a{color:inherit; text-decoration:none}
.breadcrumbs a:hover{color:var(--accent, #f6b21a)}

/* Homepage search + FAQ */
.homeSearchCard{margin-top:18px; padding:18px; border-radius:24px; background:rgba(255,255,255,.92); border:1px solid rgba(15,23,42,.08); box-shadow:0 16px 40px rgba(15,23,42,.08)}
.homeSearchCard h2{margin:0 0 8px}
.homeSearchForm{display:flex; gap:10px; flex-wrap:wrap; margin-top:14px}
.homeSearchForm input{flex:1 1 280px; min-width:220px; border:1px solid rgba(15,23,42,.12); border-radius:14px; padding:14px 16px; font:inherit; background:#fff}
.homeSearchHint{margin-top:8px; font-size:13px; color:rgba(15,23,42,.62)}
.homeSearchResults{margin-top:14px; display:grid; gap:10px}
.homeSearchResult{display:block; padding:14px 16px; border-radius:18px; background:rgba(248,250,252,.92); border:1px solid rgba(15,23,42,.08); text-decoration:none; color:inherit}
.homeSearchResult strong{display:block; margin-bottom:4px}
.homeSearchEmpty{margin-top:14px; padding:14px 16px; border-radius:18px; background:rgba(248,250,252,.92); border:1px dashed rgba(15,23,42,.16)}
.faqList{display:grid; gap:12px}
.faqItem{padding:16px 18px; border-radius:20px; background:rgba(248,250,252,.94); border:1px solid rgba(15,23,42,.08)}
.faqItem h3{margin:0 0 8px}
.faqItem p{margin:0}

/* --- Professional platform extensions --- */
.card--main{content-visibility:auto; contain-intrinsic-size:900px}
.footer--pro{margin-top:28px; background:linear-gradient(180deg, rgba(15,23,42,.985), rgba(18,30,54,.985)); color:#e5edf7; border-top:1px solid rgba(255,255,255,.08)}
.footerPro{padding:34px 0 20px}
.footerPro__hero{display:grid; grid-template-columns:minmax(0,1.35fr) minmax(280px,.85fr); gap:22px; align-items:start}
.footerBrand{min-width:0}
.footerBrand h2{margin:10px 0 8px; color:#fff; font-size:28px; line-height:1.08}
.footerBrand p{margin:0; color:rgba(226,232,240,.84); max-width:720px}
.footerBrand__badge{display:inline-flex; padding:7px 12px; border-radius:999px; background:rgba(246,178,26,.18); color:#fce7a0; border:1px solid rgba(246,178,26,.28); font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.05em}
.footerTrustRow{display:flex; gap:8px; flex-wrap:wrap; margin-top:14px}
.footerTrustChip{display:inline-flex; padding:8px 10px; border-radius:999px; background:rgba(255,255,255,.06); border:1px solid rgba(255,255,255,.08); color:#e2e8f0; font-size:12px; font-weight:800; line-height:1.35}
.footerHighlightCard{min-width:0; padding:20px; border-radius:24px; background:linear-gradient(180deg, rgba(255,255,255,.10), rgba(255,255,255,.04)); border:1px solid rgba(255,255,255,.10); box-shadow:0 20px 40px rgba(2,8,23,.18)}
.footerHighlightCard__eyebrow{display:inline-flex; margin-bottom:10px; color:#fce7a0; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.08em}
.footerHighlightCard strong{display:block; color:#fff; font-size:20px; line-height:1.25}
.footerHighlightCard p{margin:10px 0 0; color:rgba(226,232,240,.82)}
.footerHighlightCard__actions{display:flex; gap:10px; flex-wrap:wrap; margin-top:16px}
.footerActionBtn{display:inline-flex; align-items:center; justify-content:center; min-height:44px; padding:10px 14px; border-radius:14px; border:1px solid rgba(255,255,255,.14); background:rgba(255,255,255,.05); color:#fff; text-decoration:none; font-weight:900}
.footerActionBtn:hover{border-color:rgba(246,178,26,.42); color:#f6b21a; text-decoration:none}
.footerActionBtn--primary{background:#f6b21a; border-color:#f6b21a; color:#0f172a}
.footerActionBtn--primary:hover{background:#ffd26a; border-color:#ffd26a; color:#0f172a}
.footerPro__sections{display:grid; grid-template-columns:repeat(auto-fit,minmax(215px,1fr)); gap:16px; margin-top:22px}
.footerCard{min-width:0; padding:18px 18px 16px; border-radius:22px; background:rgba(255,255,255,.05); border:1px solid rgba(255,255,255,.08)}
.footerCard h3{margin:0 0 12px; color:#fff; font-size:16px}
.footerCard__note{margin:12px 0 0; color:rgba(226,232,240,.68); font-size:12px; line-height:1.5}
.footerContactList,.footerLinkList{list-style:none; margin:0; padding:0}
.footerContactList{display:grid; gap:12px}
.footerContactList li{display:grid; grid-template-columns:18px minmax(0,1fr); gap:10px; align-items:start}
.footerIcon{display:inline-flex; align-items:center; justify-content:center; color:#f6b21a; font-weight:900; line-height:1.2; min-height:18px}
.footerMeta{display:grid; gap:4px; min-width:0}
.footerMeta strong{color:#fff; font-size:12px; font-weight:900; text-transform:uppercase; letter-spacing:.04em}
.footerValue,.footerLinkList a{color:rgba(226,232,240,.88); text-decoration:none; overflow-wrap:anywhere; word-break:break-word; line-height:1.5}
.footerLinkList{display:grid; gap:10px}
.footerLinkList a:hover,.footerValue:hover{color:#f6b21a; text-decoration:none}
.footerPro__bottom{display:flex; justify-content:space-between; gap:12px; flex-wrap:wrap; padding-top:16px; margin-top:20px; border-top:1px solid rgba(255,255,255,.08); color:rgba(226,232,240,.72); font-size:13px}
.footerPro__bottom a{color:#fff; text-decoration:none; overflow-wrap:anywhere}
.footerPro__bottom a:hover{color:#f6b21a}

.calcWorkspace,.businessCta,.proCard,.homeTrustPanel{margin-top:18px}
.calcWorkspace{padding:20px; border:1px solid rgba(15,23,42,.08)}
.calcWorkspace__head{display:flex; justify-content:space-between; gap:16px; flex-wrap:wrap; align-items:flex-start}
.calcWorkspace__head h2,.businessCta h2,.proCard h3{margin:0 0 8px}
.calcWorkspace__head p,.businessCta p{margin:0; max-width:760px}
.calcWorkspace__actions{display:flex; gap:10px; flex-wrap:wrap}
.calcWorkspace__grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; margin-top:16px}
.calcWorkspace__panel{padding:16px; border-radius:20px; background:rgba(248,250,252,.92); border:1px solid rgba(15,23,42,.08)}
.calcWorkspace__panel h3{margin:0 0 10px}
.calcWorkspace__recent{margin-top:14px; padding:14px 16px; border-radius:18px; background:rgba(15,23,42,.03); border:1px dashed rgba(15,23,42,.16)}
.calcWorkspace__recent strong{display:block; margin-bottom:8px}
.calcWorkspace__recentList{display:grid; gap:8px}
.workspaceRecentItem,.savedProjectCard{display:flex; justify-content:space-between; gap:12px; align-items:flex-start; flex-wrap:wrap; padding:12px 14px; border-radius:16px; background:#fff; border:1px solid rgba(15,23,42,.08)}
.workspaceRecentItem small,.savedProjectCard small{display:block; color:rgba(15,23,42,.58)}
.workspaceRecentItem a,.savedProjectCard a{text-decoration:none}
.workspaceList{margin:0; padding-left:18px; display:grid; gap:8px}
.workspaceSteps{margin:0; padding-left:18px; display:grid; gap:8px}
.workspaceLinks{display:flex; gap:8px; flex-wrap:wrap}
.workspaceLinks a,.logoCloud span{display:inline-flex; align-items:center; padding:8px 12px; border-radius:999px; background:rgba(15,23,42,.05); border:1px solid rgba(15,23,42,.08); text-decoration:none; color:#0f172a; font-weight:800; font-size:13px}
.proBlocks{display:grid; gap:18px; margin-top:18px}
.proBlocks__grid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:16px}
.proCard{padding:18px; border-radius:24px; background:rgba(255,255,255,.94); border:1px solid rgba(15,23,42,.08); box-shadow:0 14px 34px rgba(15,23,42,.05); content-visibility:auto; contain-intrinsic-size:480px}
.proCard--accent{background:linear-gradient(180deg, rgba(246,178,26,.14), rgba(255,255,255,.96)); border-color:rgba(246,178,26,.25)}
.processFlow{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.processFlow__item{padding:14px; border-radius:18px; background:rgba(248,250,252,.96); border:1px solid rgba(15,23,42,.08)}
.processFlow__item span{width:34px; height:34px; border-radius:12px; display:inline-grid; place-items:center; background:rgba(246,178,26,.20); font-weight:1000; margin-bottom:10px}
.processFlow__item p{margin:0}
.trustMiniStats{display:flex; gap:8px; flex-wrap:wrap; margin-top:14px}
.trustMiniStats span{display:inline-flex; padding:8px 10px; border-radius:999px; background:rgba(15,23,42,.05); font-size:12px; font-weight:900}
.testimonialGrid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.testimonialCard{padding:16px; border-radius:20px; background:rgba(248,250,252,.96); border:1px solid rgba(15,23,42,.08)}
.testimonialCard p{margin:0 0 12px; color:#334155}
.testimonialCard strong{display:block}
.testimonialCard span{display:block; margin-top:6px; color:rgba(15,23,42,.6); font-size:13px}
.businessCta{display:flex; justify-content:space-between; align-items:center; gap:18px; flex-wrap:wrap; padding:20px; border:1px solid rgba(246,178,26,.24)}
.businessCta__actions{display:flex; gap:10px; flex-wrap:wrap}
.homeTrustPanel{padding:18px}
.trustColumns{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; margin-top:14px}
.trustBlock{padding:16px; border-radius:20px; background:rgba(248,250,252,.94); border:1px solid rgba(15,23,42,.08)}
.logoCloud{display:flex; gap:8px; flex-wrap:wrap}
.legalPage,.contentHub,.workspacePage{display:grid; gap:18px}
.legalIntro,.contentHub__hero{padding:18px; border-radius:24px; background:linear-gradient(180deg, rgba(246,178,26,.14), rgba(255,255,255,.95)); border:1px solid rgba(246,178,26,.24)}
.legalIntro h2,.contentHub__hero h2{margin:8px 0}
.legalIntro p,.contentHub__hero p{margin:0; max-width:860px}
.legalSection{padding:18px; border-radius:22px; background:rgba(255,255,255,.95); border:1px solid rgba(15,23,42,.08)}
.legalSection--accent{background:rgba(248,250,252,.96)}
.legalSection h3{margin-top:0}
.glossaryGrid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px}
.glossaryItem{padding:16px; border-radius:20px; background:rgba(248,250,252,.96); border:1px solid rgba(15,23,42,.08)}
.glossaryItem h3{margin:0 0 8px}
.glossaryItem p{margin:0}
.workspaceDashboard{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.workspaceDashboard__card{padding:16px; border-radius:20px; background:rgba(248,250,252,.96); border:1px solid rgba(15,23,42,.08)}
.workspaceDashboard__card strong{display:block; font-size:28px; margin-bottom:4px}
.savedProjectsList{display:grid; gap:12px; margin-top:14px}
.savedProjectCard__actions{display:flex; gap:8px; flex-wrap:wrap}
.savedProjectCard__summary{color:#334155; max-width:680px}
.compareGrid{display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px}
.compareCard{padding:14px; border-radius:18px; background:rgba(255,255,255,.76); border:1px solid rgba(15,23,42,.08)}
.compareCard strong{display:block; margin-bottom:8px}
.compareCard pre{margin:0; white-space:pre-wrap; font:inherit; color:#334155}

@media (max-width: 1080px){
  .footerPro__hero,.footerPro__sections,.calcWorkspace__grid,.proBlocks__grid,.processFlow,.testimonialGrid,.trustColumns,.workspaceDashboard,.glossaryGrid,.compareGrid{grid-template-columns:1fr 1fr}
}
@media (max-width: 760px){
  .footerPro__hero,.footerPro__sections,.calcWorkspace__grid,.proBlocks__grid,.processFlow,.testimonialGrid,.trustColumns,.workspaceDashboard,.glossaryGrid,.compareGrid{grid-template-columns:1fr}
  .calcWorkspace__actions,.businessCta__actions{width:100%}
  .calcWorkspace__actions .btn,.businessCta__actions .btn{flex:1 1 180px}
}

@media (max-width: 900px){
  .footerHighlightCard__actions .footerActionBtn{flex:1 1 180px}
}
@media (max-width: 520px){
  .footerPro{padding:28px 0 18px}
  .footerCard,.footerHighlightCard{padding:16px}
  .footerBrand h2{font-size:24px}
}


/* --- v160 professional polish, accessibility, cloud workspace, calculator layout fix --- */
body{
  background-image:url('/background.png');
  background-image:image-set(url('/background.webp') type('image/webp'), url('/background.png') type('image/png'));
  background-size:cover;
  background-position:center top;
}
.skipLink{
  position:fixed;
  left:14px;
  top:-56px;
  z-index:2000;
  background:#0f172a;
  color:#fff;
  text-decoration:none;
  border-radius:14px;
  padding:12px 16px;
  font-weight:900;
  box-shadow:0 12px 30px rgba(15,23,42,.34);
  transition:top .18s ease;
}
.skipLink:focus{top:14px}
:focus-visible{
  outline:3px solid rgba(246,178,26,.95);
  outline-offset:3px;
}
input[aria-invalid="true"], select[aria-invalid="true"], textarea[aria-invalid="true"]{
  border-color:#dc2626 !important;
  box-shadow:0 0 0 4px rgba(220,38,38,.10);
}
.appLiveRegion{
  position:fixed;
  right:16px;
  bottom:16px;
  z-index:1600;
  max-width:min(92vw, 420px);
  padding:12px 14px;
  background:rgba(15,23,42,.96);
  color:#fff;
  border-radius:16px;
  box-shadow:0 14px 34px rgba(15,23,42,.28);
  opacity:0;
  transform:translateY(10px);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.appLiveRegion.is-visible{opacity:1;transform:translateY(0)}
.hero--small{
  height:170px;
  min-height:170px;
  padding:26px 0 24px;
}
.hero--small .hero__content{padding-top:6px}
.hero--small h1{font-size:clamp(30px, 3.3vw, 52px); margin-bottom:8px}
.hero--small .hero__lead{font-size:16px; max-width:860px; margin-bottom:0}
.hero--small ~ .page-scroll{
  top:calc(var(--topbar-h) + 170px);
  height:calc(100dvh - (var(--topbar-h) + 170px));
}
.pageMain{
  padding:12px 0 16px;
}
.pageMain--calculator{
  min-height:calc(100dvh - (var(--topbar-h) + 188px));
}
.calculatorShell{
  padding:28px 28px 30px !important;
  min-height:calc(100dvh - (var(--topbar-h) + 250px));
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 22px 70px rgba(15,23,42,.16);
}
.calculatorShell > h2:first-child,
.calculatorShell > h3:first-child,
.calculatorShell > p:first-child{margin-top:0}
.breadcrumbs{padding:10px 0 0}
.card--main{content-visibility:auto; contain-intrinsic-size:1200px}
.calcWorkspace,.businessCta,.proCard,.homeTrustPanel,.homeCard,.panel,.article,.legalSection,.workspaceDashboard__card,.savedProjectCard,.compareCard{
  box-shadow:0 16px 40px rgba(15,23,42,.06);
}
.calcWorkspace{
  padding:22px;
}
.calcWorkspace__cloud{
  width:100%;
  display:flex;
  justify-content:space-between;
  gap:14px;
  align-items:center;
  flex-wrap:wrap;
  margin-top:14px;
  padding:14px 16px;
  border-radius:18px;
  background:linear-gradient(180deg, rgba(246,178,26,.12), rgba(255,255,255,.94));
  border:1px solid rgba(246,178,26,.22);
}
.calcWorkspace__cloud p{margin:4px 0 0; color:#475569}
.accountForm{display:grid; gap:12px}
.accountPage .field input,
.accountPage .field select,
.accountPage .field textarea,
.field input,
.field select,
.field textarea{
  min-height:50px;
  border-radius:14px;
  border:1px solid rgba(15,23,42,.14);
  background:#fff;
}
.accountPage .field textarea,
.field textarea{min-height:120px; padding-top:12px}
.accountPage .field label,
.field label{font-weight:800; display:block; margin-bottom:7px}
.nav a, .mobileNav a{font-weight:800}
.btn{min-height:48px}
.btn--sm{min-height:38px}
.savedProjectCard__badge{
  display:inline-flex;
  padding:5px 10px;
  border-radius:999px;
  background:rgba(15,23,42,.06);
  border:1px solid rgba(15,23,42,.08);
  font-size:12px;
  font-weight:900;
}
@media (max-width: 900px){
  .hero--small{height:154px; min-height:154px; padding:20px 0}
  .hero--small ~ .page-scroll{top:calc(var(--topbar-h) + 154px); height:calc(100dvh - (var(--topbar-h) + 154px))}
  .pageMain--calculator{min-height:calc(100dvh - (var(--topbar-h) + 170px))}
  .calculatorShell{min-height:calc(100dvh - (var(--topbar-h) + 228px)); padding:22px 18px 24px !important}
}
@media (max-width: 760px){
  body{overflow:auto}
  .hero{position:relative; top:var(--topbar-h)}
  .hero--small{height:auto; min-height:0; padding:18px 0 20px}
  .hero--small ~ .page-scroll{position:relative; top:var(--topbar-h); height:auto; overflow:visible}
  .page-scroll{position:relative; top:var(--topbar-h); height:auto; overflow:visible}
  .pageMain{padding:8px 0 14px}
  .pageMain--calculator{min-height:0}
  .calculatorShell{min-height:0; padding:18px 14px 20px !important; border-radius:18px}
  .calcWorkspace{padding:16px}
  .calcWorkspace__cloud{align-items:flex-start}
  .calcWorkspace__cloud .workspaceLinks{width:100%}
}
@media (prefers-reduced-motion: reduce){
  *, *::before, *::after{scroll-behavior:auto !important; transition:none !important; animation:none !important}
}

/* --- v180 product maturity, B2B forms, PWA, tighter calculator layout --- */
.fieldHint{display:block; margin-top:6px; font-size:12px; color:#64748b; font-weight:700}
.formErrorSummary{margin:0 0 14px; padding:14px 16px; border-radius:16px; background:rgba(239,68,68,.08); border:1px solid rgba(239,68,68,.22); color:#7f1d1d}
.formErrorSummary strong{display:block; margin-bottom:8px}
.formErrorSummary ul{margin:0; padding-left:18px}
.turnstileWrap{display:flex; justify-content:flex-start; margin-top:4px}
.businessLeadForm{position:relative}
.calcDocPanel{margin-top:16px; padding:18px 20px}
.calcDocPanel__grid{display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px}
.calcDocPanel__grid article{padding:14px 16px; border-radius:18px; background:rgba(248,250,252,.88); border:1px solid rgba(15,23,42,.08)}
.calcDocPanel__grid h3{margin:0 0 8px; font-size:16px}
.calcDocPanel__grid p{margin:0; color:#475569}
.calcDocPanel__meta{display:flex; flex-wrap:wrap; gap:10px 18px; margin-top:14px; font-size:13px; color:#475569; font-weight:800}
.calcDocPanel__meta a{text-decoration:none}
.savedProjectCard__actions{display:flex; gap:8px; flex-wrap:wrap}
.results,.tableWrap,.shopping{content-visibility:auto; contain-intrinsic-size:900px}

.calc-page .hero--small{
  height:120px !important;
  min-height:120px !important;
  padding:14px 0 12px !important;
}
.calc-page .hero--small .hero__content{padding-top:0 !important}
.calc-page .hero--small h1{font-size:clamp(26px,2.6vw,44px) !important; margin-bottom:4px !important}
.calc-page .hero--small .hero__lead{font-size:15px !important; line-height:1.35 !important; max-width:900px !important}
.calc-page .hero--small ~ .page-scroll{
  top:calc(var(--topbar-h) + 120px) !important;
  height:calc(100dvh - (var(--topbar-h) + 120px)) !important;
}
.calc-page .breadcrumbs{padding:6px 0 0 !important}
.calc-page .pageMain{padding:4px 0 12px !important}
.calc-page .pageMain--calculator{min-height:calc(100dvh - (var(--topbar-h) + 136px)) !important}
.calc-page .calculatorShell{
  padding:18px 20px 24px !important;
  min-height:calc(100dvh - (var(--topbar-h) + 180px)) !important;
  border-radius:24px !important;
}
.calc-page .calculatorShell .card--form:first-child,
.calc-page .calculatorShell > .card:first-child,
.calc-page .calculatorShell > form:first-child{margin-top:0 !important}
.calc-page .calculatorShell h2,
.calc-page .calculatorShell h3{scroll-margin-top:96px}
.calc-page .calcWorkspace,.calc-page .proBlocks,.calc-page .businessCta,.calc-page .faqSection,.calc-page .offerCard,.calc-page .calcDocPanel{margin-top:14px !important}
.calc-page .calcWorkspace{padding:18px 20px !important}
.calc-page .calcWorkspace__head{align-items:stretch}
.calc-page .calcWorkspace__grid{margin-top:14px !important}
.calc-page .card--main{contain-intrinsic-size:1500px}
.calc-page.has-results .calculatorShell{box-shadow:0 26px 80px rgba(15,23,42,.18)}

@media (max-width: 980px){
  .calcDocPanel__grid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .calc-page .hero--small{height:auto !important; min-height:0 !important; padding:10px 0 12px !important}
  .calc-page .hero--small h1{font-size:clamp(24px,6.8vw,34px) !important; margin-bottom:4px !important}
  .calc-page .hero--small .hero__lead{font-size:14px !important}
  .calc-page .page-scroll,.calc-page .hero--small ~ .page-scroll{top:var(--topbar-h) !important; height:auto !important}
  .calc-page .pageMain{padding:4px 0 10px !important}
  .calc-page .calculatorShell{padding:14px 12px 18px !important; min-height:0 !important; border-radius:20px !important}
  .calc-page .calcWorkspace{padding:14px !important}
  .savedProjectCard__actions .btn{flex:1 1 140px}
}

/* --- v210 account verification, sticky result summary, tighter calculator shell --- */
.calcStickySummary{
  position:fixed;
  right:18px;
  bottom:18px;
  top:auto;
  z-index:80;
  width:min(360px, calc(100vw - 36px));
  opacity:0;
  transform:translateY(8px);
  pointer-events:none;
  transition:opacity .18s ease, transform .18s ease;
}
.calcStickySummary.is-visible{opacity:1;transform:translateY(0);pointer-events:auto}
.calcStickySummary__inner{
  display:flex; gap:14px; align-items:flex-start; justify-content:space-between;
  padding:16px; border-radius:20px; background:rgba(255,255,255,.96); border:1px solid rgba(15,23,42,.1);
  box-shadow:0 18px 48px rgba(15,23,42,.14); backdrop-filter:blur(10px);
}
.calcStickySummary__meta{display:grid; gap:5px; min-width:0}
.calcStickySummary__meta small{font-size:11px; text-transform:uppercase; letter-spacing:.06em; color:#64748b; font-weight:900}
.calcStickySummary__meta strong{font-size:16px; color:#0f172a}
.calcStickySummary__meta span{font-size:13px; color:#475569; line-height:1.45}
.calcStickySummary__actions{display:grid; gap:8px; flex:0 0 auto}
.accountInfoGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.accountInfoCard{padding:16px;border-radius:18px;background:rgba(248,250,252,.92);border:1px solid rgba(15,23,42,.08)}
.accountInfoCard h3{margin:0 0 8px}
.accountInfoCard p{margin:0;color:#475569}
.calc-page .hero--small{height:104px !important;min-height:104px !important;padding:10px 0 8px !important}
.calc-page .hero--small h1{font-size:clamp(25px,2.3vw,40px) !important;margin-bottom:3px !important;line-height:1.02 !important}
.calc-page .hero--small .hero__lead{font-size:14px !important;line-height:1.3 !important;max-width:980px !important}
.calc-page .hero--small ~ .page-scroll{top:calc(var(--topbar-h) + 104px) !important;height:calc(100dvh - (var(--topbar-h) + 104px)) !important}
.calc-page .pageMain{padding:2px 0 12px !important}
.calc-page .pageMain--calculator{min-height:calc(100dvh - (var(--topbar-h) + 122px)) !important}
.calc-page .calculatorShell{padding:14px 18px 24px !important;min-height:calc(100dvh - (var(--topbar-h) + 156px)) !important}
.calc-page .calculatorShell > *:first-child{margin-top:0 !important}
.calc-page .seoIntroSection,.calc-page .faqSection{margin-top:12px !important}
.calc-page .businessCta{margin-top:12px !important}
@media (max-width: 980px){
  .calcStickySummary{top:auto;right:14px;left:14px;bottom:16px;width:auto}
  .accountInfoGrid{grid-template-columns:1fr}
}
@media (max-width: 760px){
  .calcStickySummary{left:10px;right:10px;bottom:12px}
  .calcStickySummary__inner{padding:14px;gap:10px;align-items:stretch}
  .calcStickySummary__actions{grid-template-columns:1fr 1fr;display:grid}
  .calc-page .hero--small{padding:8px 0 10px !important}
  .calc-page .hero--small h1{font-size:clamp(22px,6.6vw,32px) !important}
  .calc-page .hero--small .hero__lead{font-size:13px !important}
  .calc-page .calculatorShell{padding:12px 10px 18px !important;border-radius:18px !important}
}

/* === Professional polish 2026.03 === */
:root{
  --surface-soft: rgba(248,250,252,.92);
  --surface-glass: rgba(255,255,255,.9);
  --brand-blue: #0b2c6f;
  --success: #16a34a;
  --warning: #d97706;
  --danger: #dc2626;
}
.btn:focus-visible,
a:focus-visible,
button:focus-visible,
input:focus-visible,
select:focus-visible,
textarea:focus-visible{
  outline: 3px solid rgba(11,44,111,.2);
  outline-offset: 3px;
}
.card--glass{backdrop-filter: blur(14px)}
.proSignalBar{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;padding:14px 16px;margin:0 0 12px}
.proSignalBar__item{display:flex;align-items:center;gap:10px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.74);border:1px solid rgba(15,23,42,.08);font-weight:800;color:#1e293b;min-height:56px}
.proSignalBar__item::before{content:'✓';display:inline-grid;place-items:center;width:24px;height:24px;border-radius:999px;background:rgba(22,163,74,.12);color:var(--success);font-size:13px;font-weight:1000;flex:0 0 24px}
.methodologyCompact,.expertHubPanel,.enterpriseTrust,.b2bPackages{margin-top:14px;padding:18px 20px}
.methodologyCompact__grid,.enterpriseTrust__grid,.expertHubPanel__grid,.b2bPackages__grid{display:grid;gap:14px}
.methodologyCompact__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:12px}
.methodologyCompact__grid article,.enterpriseTrust__grid article,.b2bPackageCard,.expertHubLink{padding:15px 16px;border-radius:18px;background:rgba(255,255,255,.84);border:1px solid rgba(15,23,42,.08)}
.methodologyCompact h3,.enterpriseTrust h2,.b2bPackages h2,.expertHubPanel h2{margin:0 0 8px}
.methodologyCompact p,.b2bPackageCard p,.enterpriseTrust span,.expertHubPanel p{margin:0;color:#475569;line-height:1.6}
.methodologyCompact__actions,.b2bPackages__actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}
.enterpriseTrust{display:grid;gap:14px}
.enterpriseTrust__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.enterpriseTrust__grid article{display:grid;gap:6px}
.enterpriseTrust__grid strong{font-size:13px;text-transform:uppercase;letter-spacing:.05em;color:#64748b}
.b2bPackages__head{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap}
.b2bPackages__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.b2bPackageCard{position:relative;display:grid;gap:10px}
.b2bPackageCard strong{font-size:26px;line-height:1;color:#111827}
.b2bPackageCard ul{margin:0;padding-left:18px;color:#334155;display:grid;gap:8px}
.b2bPackageCard.is-featured{border:2px solid rgba(246,178,26,.45);box-shadow:0 18px 40px rgba(246,178,26,.14)}
.b2bPackageBadge{position:absolute;top:12px;right:12px;display:inline-flex;padding:5px 9px;border-radius:999px;background:#fff7df;color:#7c5a00;font-size:11px;font-weight:1000;text-transform:uppercase}
.expertHubPanel__grid{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:14px}
.expertHubLink{text-decoration:none;color:#0f172a;font-weight:900;display:flex;align-items:center;justify-content:space-between;gap:10px}
.expertHubLink::after{content:'→';font-size:18px;color:#c48a00}
.formHint{margin-top:6px;font-size:12px;color:#64748b;line-height:1.5}
.field.has-error input,.field.has-error select,.field.has-error textarea{border-color:rgba(220,38,38,.45)!important;box-shadow:0 0 0 4px rgba(220,38,38,.08)}
.fieldError{margin-top:6px;font-size:12px;color:var(--danger);font-weight:700}
.formErrorSummary{display:none;margin-bottom:14px;padding:14px 16px;border-radius:18px;background:rgba(220,38,38,.08);border:1px solid rgba(220,38,38,.2);color:#7f1d1d}
.formErrorSummary.is-visible{display:block}
.installPrompt{position:fixed;left:18px;bottom:18px;z-index:180;max-width:min(420px,calc(100vw - 36px));padding:16px 18px;border-radius:22px;background:rgba(15,23,42,.95);color:#fff;box-shadow:0 18px 60px rgba(0,0,0,.28);display:none}
.installPrompt.is-visible{display:block}
.installPrompt h3{margin:0 0 6px;font-size:18px}.installPrompt p{margin:0 0 12px;color:rgba(255,255,255,.8);line-height:1.5}
.installPrompt__actions{display:flex;gap:10px;flex-wrap:wrap}.installPrompt .btn--ghost{background:rgba(255,255,255,.12);color:#fff}
.calc-page .breadcrumbs{padding-top:2px!important}
.calc-page .pageMain{padding:0 0 12px!important}
.calc-page .proSignalBar{margin-top:0}
.calc-page .calculatorShell{padding:12px 18px 24px!important;min-height:calc(100dvh - (var(--topbar-h) + 150px))!important}
.calc-page .calculatorShell > *:first-child{margin-top:0!important}
.calc-page .calculatorShell .grid,
.calc-page .calculatorShell .row,
.calc-page .calculatorShell .panel,
.calc-page .calculatorShell .card--form{margin-top:0}
.calc-page .card--main{border-radius:24px}
.calc-page .calcWorkspace__head{grid-template-columns:1.2fr .9fr auto}
.calc-page .calcWorkspace__actions{align-content:start}
.calc-page .calcWorkspace__cloud{background:rgba(11,44,111,.04);border:1px solid rgba(11,44,111,.12)}
.calc-page .hero--small{height:96px!important;min-height:96px!important;padding:8px 0 6px!important}
.calc-page .hero--small h1{margin-bottom:2px!important}
.calc-page .hero--small .hero__lead{margin-bottom:0!important}
.calc-page .hero--small ~ .page-scroll{top:calc(var(--topbar-h) + 96px)!important;height:calc(100dvh - (var(--topbar-h) + 96px))!important}
.calc-page .pageMain--calculator{min-height:calc(100dvh - (var(--topbar-h) + 112px))!important}
.content-page .pageMain{padding-top:8px}
@media (max-width:1100px){
  .proSignalBar,.methodologyCompact__grid,.enterpriseTrust__grid,.b2bPackages__grid,.expertHubPanel__grid{grid-template-columns:1fr 1fr}
  .calc-page .calcWorkspace__head{grid-template-columns:1fr}
}
@media (max-width:760px){
  .proSignalBar,.methodologyCompact__grid,.enterpriseTrust__grid,.b2bPackages__grid,.expertHubPanel__grid{grid-template-columns:1fr}
  .installPrompt{left:12px;right:12px;bottom:12px;max-width:none}
  .calc-page .hero--small{height:auto!important;min-height:0!important;padding:6px 0 8px!important}
  .calc-page .hero--small ~ .page-scroll{top:var(--topbar-h)!important;height:auto!important}
  .calc-page .calculatorShell{padding:10px 10px 18px!important;min-height:0!important}
  .calc-page .proSignalBar__item{min-height:0}
}

/* Portal maturity upgrade */
.smartRecoPanel{margin:18px 0 0;border:1px solid rgba(15,23,42,.08);border-radius:22px;padding:22px;background:linear-gradient(180deg,rgba(255,248,232,.86),#fff);box-shadow:0 12px 30px rgba(15,23,42,.04)}
.smartRecoPanel__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}.smartRecoPanel__head h3{margin:8px 0}.smartRecoPanel__badge{display:inline-flex;padding:8px 12px;border-radius:999px;background:#0f172a;color:#fff;font-weight:800;font-size:12px;letter-spacing:.04em;text-transform:uppercase}
.smartRecoPanel__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.smartRecoCard{padding:18px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.08)}.smartRecoCard strong{display:block;margin-bottom:8px;color:#0f172a}.smartRecoCard p{margin:0;color:#475569;line-height:1.6}.smartRecoPanel__links{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.smartRecoPanel__links a{display:inline-flex;padding:9px 12px;border-radius:999px;border:1px solid rgba(15,23,42,.1);text-decoration:none;color:#334155;background:#fff;font-weight:700}
.portalGrowthPanel{margin:20px 0;padding:24px;border-radius:24px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 34px rgba(15,23,42,.05)}.portalGrowthPanel h2{margin:10px 0 8px}.portalGrowthGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:14px}.portalGrowthCard,.portalPackageCard{padding:18px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:#f8fafc}.portalGrowthCard strong{display:block;margin-bottom:8px}.portalPackagesRow{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}.portalPackageCard h3{margin:0 0 8px}.portalPackageFocus{font-weight:800;color:#0f172a;margin:0 0 8px}.portalPackageCard ul{margin:0;padding-left:18px;color:#475569}
.offerCard--pro .offerGrid{align-items:start}.offerCard--pro .offerCard__actions--stack{display:flex;gap:10px;flex-wrap:wrap}.offerCard--pro textarea{min-height:130px}.offerCard--pro .field{min-width:0}
.workspaceRecentItem{display:flex;justify-content:space-between;gap:12px;padding:10px 0;border-bottom:1px solid rgba(15,23,42,.08)}.workspaceRecentItem:last-child{border-bottom:none}.savedProjectCard__badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#fff7df;color:#7c5a00;border:1px solid rgba(246,178,26,.28);font-size:12px;font-weight:800}
.pageMain--calculator{padding-top:10px}.breadcrumbs{margin-bottom:10px}.hero--small .hero__content{padding-bottom:38px}.calculatorShell{margin-top:-10px;padding-top:16px}.calculatorShell .card--form:first-child,.calculatorShell > .card--form:first-child{margin-top:0}.calculatorShell > *:first-child{margin-top:0}.calculatorShell .card--form{padding-top:18px}.calcWorkspace.card--glass,.smartRecoPanel,.seoIntroSection,.proBlocks,.offerCard,.businessCta,.faqSection{scroll-margin-top:92px}
body.calc-page .calculatorShell{min-height:calc(100vh - 250px)}
@media (max-width:1100px){.smartRecoPanel__grid,.portalGrowthGrid,.portalPackagesRow{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.smartRecoPanel__grid,.portalGrowthGrid,.portalPackagesRow{grid-template-columns:1fr}.hero--small .hero__content{padding-bottom:26px}.pageMain--calculator{padding-top:6px}.breadcrumbs{margin-bottom:8px}.calculatorShell{margin-top:-6px;padding-top:12px}body.calc-page .calculatorShell{min-height:auto}.offerCard--pro .offerCard__actions--stack .btn{width:100%;justify-content:center}}

/* Professional expansion pack */
.brandTrustWall__head,.portalProductPanel__grid,.partnerReportPanel__grid{display:grid;gap:16px}
.brandTrustWall__head{grid-template-columns:1.15fr .85fr;align-items:start}
.brandTrustWall__meta{display:grid;gap:8px;padding:16px;border-radius:18px;background:rgba(248,250,252,.92);border:1px solid rgba(15,23,42,.08)}
.brandTrustWall__logos{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:16px}
.brandTrustWall__logos span{display:flex;align-items:center;justify-content:center;min-height:58px;padding:10px 12px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.08);font-weight:900;color:#334155;text-align:center}
.brandTrustWall__quotes{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:16px}
.brandTrustWall__quotes article,.partnerReportPanel__grid article,.portalProductPanel__grid article{padding:18px;border-radius:20px;background:#fff;border:1px solid rgba(15,23,42,.08)}
.brandTrustWall__quotes p{margin:0 0 10px;color:#475569;line-height:1.65}
.partnerReportPanel__grid{grid-template-columns:repeat(3,minmax(0,1fr))}
.portalProductPanel__grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.savedProjectCard__badge{display:inline-flex;align-items:center;padding:6px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);font-size:12px;font-weight:800;color:#334155}
.workspaceDashboard__card strong{text-transform:none}
.formErrorSummary.is-visible{display:block}
.compareGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.compareCard{padding:14px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.08)}
.compareCard pre{white-space:pre-wrap;font:inherit;margin:10px 0 0;color:#475569;line-height:1.55}
@media (max-width:1100px){.brandTrustWall__head,.brandTrustWall__logos,.brandTrustWall__quotes,.partnerReportPanel__grid,.portalProductPanel__grid,.compareGrid{grid-template-columns:1fr 1fr}}
@media (max-width:760px){.brandTrustWall__head,.brandTrustWall__logos,.brandTrustWall__quotes,.partnerReportPanel__grid,.portalProductPanel__grid,.compareGrid{grid-template-columns:1fr}}


/* Enterprise suite */
.enterpriseShell{display:grid;gap:18px}
.enterpriseBanner,.enterpriseHero{display:flex;justify-content:space-between;gap:16px;align-items:flex-start;flex-wrap:wrap;padding:18px 20px;border-radius:24px;background:linear-gradient(135deg,#0f172a 0%,#1e3a8a 100%);color:#fff;border:1px solid rgba(255,255,255,.08)}
.enterpriseBanner h2,.enterpriseHero h2{margin:8px 0 8px;color:#fff}
.enterpriseBanner p,.enterpriseHero p{margin:0;max-width:820px;color:rgba(255,255,255,.84)}
.enterpriseHero__aside{display:grid;gap:8px}
.enterprisePill{display:inline-flex;align-items:center;padding:9px 12px;border-radius:999px;background:rgba(255,255,255,.12);font-size:12px;font-weight:800;color:#fff}
.enterpriseKpis{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}
.enterpriseKpi{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.enterpriseKpi small{display:block;color:#64748b;font-size:12px;text-transform:uppercase;letter-spacing:.05em;margin-bottom:8px}
.enterpriseKpi strong{display:block;font-size:28px;color:#0f172a;line-height:1}
.enterpriseGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.enterpriseGrid--cards{grid-template-columns:repeat(3,minmax(0,1fr))}
.enterpriseForm label{display:grid;gap:6px;font-weight:700;color:#0f172a;margin-bottom:12px}
.enterpriseForm input,.enterpriseForm textarea,.enterpriseForm select,.crmLeadCard input,.crmLeadCard textarea,.crmLeadCard select,.enterpriseList select{width:100%;padding:12px 14px;border-radius:14px;border:1px solid #d7e0ea;background:#fff;font:inherit}
.enterpriseForm textarea,.crmLeadCard textarea{min-height:110px;resize:vertical}
.enterpriseForm__grid,.crmLeadCard__grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.enterpriseList{display:grid;gap:10px}
.enterpriseList__row{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:14px 16px;border-radius:18px;background:#fff;border:1px solid rgba(15,23,42,.08)}
.crmLeadList{display:grid;gap:16px}
.crmLeadCard{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 30px rgba(15,23,42,.05)}
.crmLeadCard__head{display:flex;justify-content:space-between;gap:12px;align-items:flex-start;margin-bottom:12px}
.partnerCatalogGrid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.partnerCatalogCard{padding:18px;border-radius:22px;background:#fff;border:1px solid rgba(15,23,42,.08);box-shadow:0 14px 34px rgba(15,23,42,.06)}
.partnerCatalogCard h3{margin:8px 0 10px}
.partnerCatalogTags{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0}
.partnerCatalogTags span{display:inline-flex;padding:7px 10px;border-radius:999px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);font-size:12px;font-weight:800;color:#334155}
.flashBox{padding:14px 16px;border-radius:16px;background:#eff6ff;border:1px solid rgba(59,130,246,.2);color:#1e3a8a}
@media (max-width:1100px){.enterpriseGrid--cards,.partnerCatalogGrid,.enterpriseKpis{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:760px){.enterpriseGrid,.enterpriseGrid--cards,.partnerCatalogGrid,.enterpriseKpis,.enterpriseForm__grid,.crmLeadCard__grid{grid-template-columns:1fr}.enterpriseBanner,.enterpriseHero,.enterpriseList__row,.crmLeadCard__head{flex-direction:column;align-items:flex-start}}

.cm-hidden-reset{display:none !important}
.cm-field-hidden{display:none !important}
.cm-mode-bar{margin:0 0 14px;padding:18px 20px}
.cm-mode-bar__head{display:flex;justify-content:space-between;gap:18px;align-items:flex-start;flex-wrap:wrap}
.cm-mode-bar__head h2{margin:0 0 8px}
.cm-mode-bar__head p{margin:0;color:#475569;max-width:780px;line-height:1.6}
.cm-mode-bar__actions{display:flex;gap:10px;flex-wrap:wrap}
.cm-mode-bar__note{margin-top:12px;padding:12px 14px;border-radius:16px;background:rgba(255,255,255,.76);border:1px solid rgba(15,23,42,.08);color:#334155;font-weight:700}
.cm-pro-shell{margin-top:14px}
.cm-pro-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.cm-pro-card{padding:18px 20px}
.cm-pro-card h3{margin:0 0 8px}
.cm-pro-card p{margin:0;color:#475569;line-height:1.65}
.cm-list{margin:12px 0 0;padding-left:18px;color:#334155;display:grid;gap:8px}
.cm-list li{line-height:1.6}
.cm-empty{margin:10px 0 0;color:#64748b}
.cm-levels,.cm-cost-buckets{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:12px}
.cm-levels > div,.cm-cost-buckets > div{padding:14px 15px;border-radius:18px;background:rgba(248,250,252,.88);border:1px solid rgba(15,23,42,.08)}
.cm-levels strong,.cm-cost-buckets strong{display:block;margin-bottom:8px;color:#0f172a}
.cm-pdf-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-width:100px;height:30px;padding:0 10px;white-space:nowrap;box-sizing:border-box;font-size:12px;font-weight:800;line-height:1}
.cm-pdf-download-btn img{width:14px;height:14px;display:block;flex:0 0 14px}
.calc-top-actions .reset-btn{display:none !important}
@media (max-width: 940px){
  .cm-pro-grid,.cm-levels,.cm-cost-buckets{grid-template-columns:1fr}
}
@media (max-width: 720px){
  .cm-mode-bar,.cm-pro-card{padding:16px}
  .cm-mode-bar__head{align-items:stretch}
  .cm-mode-bar__actions{width:100%}
  .cm-mode-bar__actions .btn{flex:1 1 180px}
}


/* PDF hotfix v5 */
.cm-legacy-pdf-control{display:none !important;}
.calc-top-actions{position:absolute; right:12px; top:12px; z-index:12;}
.calc-top-actions .pdf-btn,
.cm-pdf-download-btn{width:100px !important; min-width:100px !important; max-width:100px !important; height:30px !important; padding:0 8px !important; overflow:hidden !important; white-space:nowrap !important;}
.calc-top-actions .pdf-btn span,
.cm-pdf-download-btn span{display:inline-block; max-width:68px; overflow:hidden; text-overflow:ellipsis; vertical-align:middle;}

/* Print PDF button standardization */
.calc-top-actions{display:none !important;}
.cm-print-download-row{display:flex;justify-content:flex-end;align-items:center;gap:8px;margin-top:12px;}
.cm-print-download-row .cm-pdf-download-btn,
#dvPrint.cm-pdf-download-btn{
  width:100px !important;
  min-width:100px !important;
  max-width:100px !important;
  height:30px !important;
  padding:0 8px !important;
  border-radius:10px !important;
  border:2px solid #e11d48 !important;
  background:#fff !important;
  color:#0f172a !important;
  display:inline-flex !important;
  align-items:center !important;
  justify-content:center !important;
  gap:6px !important;
  box-sizing:border-box !important;
  white-space:nowrap !important;
  overflow:hidden !important;
  font-size:12px !important;
  font-weight:800 !important;
  line-height:1 !important;
  text-decoration:none !important;
}
.cm-print-download-row .cm-pdf-download-btn img,
#dvPrint.cm-pdf-download-btn img{width:14px !important;height:14px !important;display:block !important;flex:0 0 14px !important;}
.cm-print-download-row .cm-pdf-download-btn span,
#dvPrint.cm-pdf-download-btn span{display:inline-block !important;max-width:68px !important;overflow:hidden !important;text-overflow:ellipsis !important;}


/* PDF print button - fixed full image 100x30 */
.calc-top-actions{display:none !important;}
.cm-print-download-row{display:flex !important;justify-content:flex-end !important;align-items:center !important;gap:0 !important;margin-top:12px !important;width:100px !important;max-width:100px !important;margin-left:auto !important;}
.cm-print-download-row .cm-pdf-download-btn,
#dvPrint.cm-pdf-download-btn,
.cm-pdf-download-btn{
  width:100px !important;
  min-width:100px !important;
  max-width:100px !important;
  height:30px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  border-radius:0 !important;
  box-shadow:none !important;
  overflow:visible !important;
  display:inline-block !important;
  line-height:0 !important;
}
.cm-print-download-row .cm-pdf-download-btn img,
#dvPrint.cm-pdf-download-btn img,
.cm-pdf-download-btn img{
  width:100px !important;
  min-width:100px !important;
  max-width:100px !important;
  height:30px !important;
  display:block !important;
}
.cm-print-download-row .cm-pdf-download-btn span,
#dvPrint.cm-pdf-download-btn span,
.cm-pdf-download-btn span{display:none !important;}
@media print{
  .sketchViewport,
  .cutTableWrap,
  .tableWrap,
  .sketchCard,
  .sketchStage{overflow:visible !important; max-height:none !important; max-width:100% !important;}
  .sketchStage{width:100% !important; height:auto !important; transform:none !important;}
  .sketchCard img,
  .results img,
  .card img{max-width:100% !important; width:100% !important; height:auto !important; object-fit:contain !important;}
}

.cm-pro-max-shell{margin-top:18px}
.cm-pro-grid--max{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.cm-mini-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin-top:14px;font-size:14px;color:#475569}
.cm-mini-meta span{display:block;padding:10px 12px;border-radius:12px;background:rgba(248,250,252,.9);border:1px solid rgba(15,23,42,.08)}
.statusOk,.statusWarn{padding:12px 14px;border-radius:12px;font-weight:700}
.statusOk{background:#ecfdf5;color:#166534;border:1px solid rgba(22,101,52,.18)}
.statusWarn{background:#fff7ed;color:#9a3412;border:1px solid rgba(154,52,18,.18)}
.cm-hidden-reset{display:none !important}
@media (max-width: 900px){
  .cm-pro-grid--max{grid-template-columns:1fr}
  .cm-mini-meta{grid-template-columns:1fr}
}
@media print{
  .cm-pro-max-shell,.cm-mode-bar,.recsSection,.faqSection,.stickyOfferBar,.no-print,.cm-pdf-download-btn,.cm-hidden-reset{display:none !important}
}


/* pro-safe v12 */
body[data-cm-home-page="1"] .cm-print-download-row,
body[data-cm-home-page="1"] .cm-pdf-download-btn,
body.home-page .cm-print-download-row,
body.home-page .cm-pdf-download-btn{display:none !important;}

.cm-pro-shell{display:block;margin:18px 0 0;}
.cm-pro-shell + .recsSection{margin-top:18px;}
.recsSection + .precisionPanel{margin-top:18px;}

.cm-pro-card .cm-list strong{color:#0f172a;}
.cm-levels > div,
.cm-cost-buckets > div{min-height:100%;}

@media (max-width: 760px){
  .cm-print-download-row,
  .cm-print-download-row .cm-pdf-download-btn,
  .cm-pdf-download-btn{width:100px !important;min-width:100px !important;max-width:100px !important;height:30px !important;}
  .cm-pro-shell{margin-top:14px;}
}

/* Professional result panels v13 */
.cm-pro-section{margin-top:16px;padding:16px 18px;border:1px solid rgba(15,23,42,.08);border-radius:18px;background:#fbfdff;overflow:hidden}
.cm-pro-section__head{display:flex;justify-content:space-between;align-items:end;gap:16px;flex-wrap:wrap;margin-bottom:12px}
.cm-pro-section__head h3{margin:0;font-size:18px;color:#0f172a}
.cm-pro-section__head p{margin:0;color:#64748b;font-size:13px;max-width:760px}
.cm-pro-card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}
.cm-pro-card-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.cm-pro-card{display:flex;flex-direction:column;gap:6px;padding:14px;border-radius:16px;background:#fff;border:1px solid rgba(148,163,184,.2);box-shadow:0 8px 24px rgba(15,23,42,.04)}
.cm-pro-card__label{font-size:12px;font-weight:800;color:#64748b;text-transform:uppercase;letter-spacing:.03em}
.cm-pro-card__value{font-size:26px;line-height:1.12;color:#0f172a;word-break:break-word}
.cm-pro-card__hint{font-size:12px;color:#64748b}
.cm-pro-list{margin:0;padding-left:18px;color:#334155;display:grid;gap:8px}
.cm-pro-list--warn li{color:#9a3412}
.cm-pro-table{display:grid;gap:8px}
.cm-pro-table__row{display:flex;justify-content:space-between;gap:16px;padding:10px 0;border-bottom:1px solid rgba(15,23,42,.08)}
.cm-pro-table__row:last-child{border-bottom:none}
.cm-pro-table__row strong{color:#0f172a}
.cm-pro-table__row span{color:#334155;text-align:right}
.cm-pro-inline-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:16px;margin-top:16px}
.cm-pro-badge{display:inline-flex;align-items:center;gap:6px;padding:8px 12px;border-radius:999px;background:#eef5ff;border:1px solid rgba(59,130,246,.2);font-size:12px;font-weight:800;color:#1d4ed8}
.recsSection.is-inline-after-results{margin-top:16px !important}
@media (max-width: 980px){.cm-pro-card-grid,.cm-pro-card-grid--3,.cm-pro-inline-grid{grid-template-columns:1fr 1fr}}
@media (max-width: 720px){.cm-pro-card-grid,.cm-pro-card-grid--3,.cm-pro-inline-grid{grid-template-columns:1fr}.cm-pro-card__value{font-size:22px}.cm-pro-table__row{flex-direction:column;align-items:flex-start}.cm-pro-table__row span{text-align:left}}


/* v14 stabilizare calculatoare */
body.calc-page .card--main,
body.calc-page .calculatorShell{
  content-visibility: visible !important;
  contain: none !important;
  contain-intrinsic-size: auto !important;
}
body.calc-page .cm-page-actions{
  display:none;
  justify-content:flex-end;
  margin:12px 0 0;
}
body.calc-page .cm-page-actions.is-inline-after-results{margin-top:16px !important;}
body.calc-page .cm-global-pdf-btn,
body.calc-page [data-cm-print-trigger].cm-pdf-download-btn,
body.calc-page .cm-pdf-download-btn{
  width:100px !important;
  min-width:100px !important;
  max-width:100px !important;
  height:30px !important;
  min-height:30px !important;
  padding:0 !important;
  border:0 !important;
  background:transparent !important;
  box-shadow:none !important;
  border-radius:0 !important;
  overflow:hidden !important;
}
body.calc-page .cm-global-pdf-btn img,
body.calc-page [data-cm-print-trigger].cm-pdf-download-btn img,
body.calc-page .cm-pdf-download-btn img{
  display:block !important;
  width:100px !important;
  height:30px !important;
  object-fit:contain !important;
  max-width:none !important;
}
body.calc-page .cm-global-pdf-btn span,
body.calc-page .cm-pdf-download-btn span{display:none !important}
body.calc-page .proSignalBar{margin-top:16px !important}
body.calc-page .results.card.calc-results{margin-top:18px !important}
body.calc-page .cm-pro-shell{margin-top:18px !important}
@media (max-width:760px){
  body.calc-page .cm-page-actions{justify-content:flex-end;margin-top:10px}
}

body.calc-page #dvPrint{display:none !important}


/* v15 rezultate reale + stabilizare panouri profesionale */
body.calc-page .cm-after-results-zone,
body.calc-page .recsSection,
body.calc-page .precisionPanel,
body.calc-page .resultGuidance,
body.calc-page .guidanceSection,
body.calc-page .methodologyCompact,
body.calc-page .workspaceShell,
body.calc-page .smartRecommendations,
body.calc-page .seoIntroSection,
body.calc-page .cm-pro-shell,
body.calc-page .cm-mode-bar,
body.calc-page .businessCta,
body.calc-page .b2bPackages,
body.calc-page .expertHubPanel,
body.calc-page .stickyOfferBar,
body.calc-page .faqSection{display:none !important;}
body.calc-page.has-calculator-results .cm-after-results-zone{display:block !important;}
body.calc-page.has-calculator-results .recsSection,
body.calc-page.has-calculator-results .precisionPanel,
body.calc-page.has-calculator-results .resultGuidance,
body.calc-page.has-calculator-results .guidanceSection,
body.calc-page.has-calculator-results .methodologyCompact,
body.calc-page.has-calculator-results .workspaceShell,
body.calc-page.has-calculator-results .smartRecommendations,
body.calc-page.has-calculator-results .seoIntroSection,
body.calc-page.has-calculator-results .cm-pro-shell,
body.calc-page.has-calculator-results .cm-mode-bar,
body.calc-page.has-calculator-results .businessCta,
body.calc-page.has-calculator-results .b2bPackages,
body.calc-page.has-calculator-results .expertHubPanel,
body.calc-page.has-calculator-results .stickyOfferBar,
body.calc-page.has-calculator-results .faqSection{display:block !important;}
body.calc-page .cm-page-actions{display:none !important;}
body.calc-page.has-calculator-results .cm-page-actions{display:flex !important;}
body.calc-page .cm-after-results-zone.is-inline-after-results{margin-top:0 !important;}
body.calc-page .cm-after-results-zone.is-inline-after-results > *:first-child{margin-top:16px !important;}
body.calc-page .cm-after-results-zone > .recsSection{margin-top:16px !important;}
body.calc-page .cm-mode-bar{margin-top:16px !important;}
body.calc-page .cm-pro-shell{margin-top:16px !important;}
body.calc-page .cm-page-actions + .cm-after-results-zone{margin-top:0 !important;}


/* v23 sketch visibility + professional layout safety */
body.calc-page canvas,
body.calc-page .sketchCanvas,
body.calc-page #canvasMain,
body.calc-page #canvasSecondary,
body.calc-page #hipPlan,
body.calc-page [id$="Canvas"]{
  display:block;
  max-width:100%;
  background:#fff;
}
body.calc-page .sketchCanvas,
body.calc-page #canvasMain,
body.calc-page #canvasSecondary,
body.calc-page #hipPlan,
body.calc-page [id$="Canvas"]{
  min-height:320px;
}
body.calc-page .cm-pro-card-grid,
body.calc-page .cm-pro-card-grid--3,
body.calc-page .grid.grid--4{
  grid-template-columns:repeat(auto-fit,minmax(220px,1fr)) !important;
}
body.calc-page .cm-pro-inline-grid{
  grid-template-columns:repeat(auto-fit,minmax(320px,1fr)) !important;
}
body.calc-page .cm-pro-card,
body.calc-page .stat,
body.calc-page .gl-box,
body.calc-page .lv-box,
body.calc-page .hz-box,
body.calc-page .pl-box{
  min-width:0;
}


/* v24 sketch placement and clean full-width canvas */
body.calc-page .cm-sketch-card{scroll-margin-top:120px}
body.calc-page .cm-sketch-layout{display:flex;flex-direction:column;gap:16px}
body.calc-page .cm-sketch-canvas-wrap{padding:12px;border:1px solid rgba(15,23,42,.08);border-radius:20px;background:#fff;overflow:hidden}
body.calc-page .cm-sketch-canvas,
body.calc-page .cm-sketch-canvas-wrap canvas,
body.calc-page .cm-sketch-card canvas{display:block;width:100% !important;max-width:100% !important;height:auto;min-height:620px;background:#fff;border-radius:14px}
body.calc-page .cm-sketch-sidegrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:14px}
body.calc-page .cm-sketch-sidegrid > *{margin-top:0 !important}
body.calc-page .cm-sketch-card .gl-box,
body.calc-page .cm-sketch-card .lv-box,
body.calc-page .cm-sketch-card .hz-box,
body.calc-page .cm-sketch-card .pl-box{height:100%}
body.calc-page[data-cm-page="glet.php"] .calcStickySummary,
body.calc-page[data-cm-page="lavabila.php"] .calcStickySummary,
body.calc-page[data-cm-page="hidroizolatie.php"] .calcStickySummary,
body.calc-page[data-cm-page="tencuiala.php"] .calcStickySummary{display:none !important}
@media (max-width: 980px){
  body.calc-page .cm-sketch-canvas,
  body.calc-page .cm-sketch-canvas-wrap canvas,
  body.calc-page .cm-sketch-card canvas{min-height:520px}
}
@media (max-width: 720px){
  body.calc-page .cm-sketch-canvas,
  body.calc-page .cm-sketch-canvas-wrap canvas,
  body.calc-page .cm-sketch-card canvas{min-height:420px}
}


/* v32 safe rollout for remaining calculators */
.cm-hidden-reset{display:none !important}
.cm-sketch-card{position:relative;z-index:1}
.cm-sketch-card canvas,.cm-sketch-card img,.cm-sketch-card svg{display:block;max-width:100%;height:auto}
.cm-sketch-card .bl-layout,.cm-sketch-card .pb-layout,.cm-sketch-card .gl-layout,.cm-sketch-card .lv-layout,.cm-sketch-card .hz-layout,.cm-sketch-card .sp-layout,.cm-sketch-card .ts-layout,.cm-sketch-card .tile-layout,.cm-sketch-card .pt-layout{align-items:start}
@media (max-width:1100px){.cm-sketch-card .bl-layout,.cm-sketch-card .pb-layout,.cm-sketch-card .gl-layout,.cm-sketch-card .lv-layout,.cm-sketch-card .hz-layout,.cm-sketch-card .sp-layout,.cm-sketch-card .ts-layout,.cm-sketch-card .tile-layout,.cm-sketch-card .pt-layout{grid-template-columns:1fr !important}}


/* v38 professional dashboard, catalog and english overview */
.calcOpsStrip__head,.catalogLineTop,.enterpriseList__row,.safetyRow,.adminUserTop{display:flex;justify-content:space-between;gap:14px;align-items:flex-start;flex-wrap:wrap}
.calcOpsStrip__grid,.enterpriseRoleGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.calcOpsStrip__card,.enterpriseRoleCard{padding:16px 18px;border-radius:20px;border:1px solid rgba(15,23,42,.08);background:#fff;box-shadow:0 12px 28px rgba(15,23,42,.05)}
.calcOpsStrip__card strong,.enterpriseRoleCard strong{display:block;margin-bottom:8px;color:#0f172a}
.calcOpsStrip__card p,.enterpriseRoleCard li{margin:0;color:#475569;line-height:1.55}
.enterpriseRoleCard ul{margin:0;padding-left:18px;display:grid;gap:6px}
.trendBars{display:grid;grid-template-columns:repeat(10,minmax(0,1fr));gap:10px;align-items:end}
.trendBars__item{display:grid;gap:6px;text-align:center}
.trendBars__item span,.trendBars__item strong{font-size:11px;color:#475569}
.trendBars__item div{height:88px;border-radius:16px;background:#eef2ff;display:flex;align-items:flex-end;justify-content:center;padding:6px;border:1px solid rgba(15,23,42,.06)}
.trendBars__item i{display:block;width:100%;border-radius:10px;background:linear-gradient(180deg,#2563eb,#1d4ed8)}
.recsGrid--catalog{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.rec--catalog{position:relative}
.catalogPriceChip{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#ecfeff;border:1px solid rgba(14,116,144,.18);color:#0f766e;font-weight:800;font-size:12px}
.catalogMeta{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:10px}
.catalogMeta span{display:inline-flex;padding:6px 9px;border-radius:999px;background:#f8fafc;border:1px solid rgba(15,23,42,.08);font-size:12px;font-weight:700;color:#475569}
.footerLinkList a,.workspaceLinks a{overflow-wrap:anywhere}
@media (max-width: 900px){
  .trendBars{grid-template-columns:repeat(5,minmax(0,1fr))}
}
@media (max-width: 640px){
  .trendBars{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px}
  .calcOpsStrip__head .btn{width:100%}
}