:root{--bg:#f5f7fb;--card:#fff;--text:#162036;--muted:#667085;--line:#dde4ee;--blue:#2457d6;--blue2:#0d2e75;--soft:#eef3ff;--ok:#147a4f;--warn:#9a6300;--bad:#b42318;--purple:#6941c6;--shadow:0 8px 28px rgba(20,38,74,.08)}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;line-height:1.45}.wrap{max-width:1450px;margin:auto;padding:20px}.hero{display:flex;align-items:center;justify-content:space-between;gap:20px;background:linear-gradient(135deg,var(--blue2),var(--blue));color:#fff;border-radius:20px;padding:23px 26px;box-shadow:var(--shadow)}.hero h1{font-size:29px;margin:2px 0 4px}.hero p{margin:0;font-size:13px;opacity:.9}.version{font-weight:900;border:1px solid rgba(255,255,255,.35);border-radius:999px;padding:7px 11px}.eyebrow{font-size:10px;font-weight:950;letter-spacing:.12em;opacity:.78}.eyebrow.dark{color:var(--muted);opacity:1}.modebar{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:15px 0}.modebtn{display:flex;align-items:center;gap:12px;text-align:left;border:1px solid var(--line);background:#fff;border-radius:14px;padding:13px 15px;cursor:pointer;box-shadow:var(--shadow)}.modebtn.active{background:var(--soft);border-color:#a9bdff}.modeicon{font-size:22px}.modebtn b{display:block;font-size:14px;color:var(--text)}.modebtn.active b{color:var(--blue2)}.modebtn small{display:block;color:var(--muted);margin-top:2px}.layout{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(420px,.9fr);gap:18px}.card{background:var(--card);border:1px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:18px}.resultCard{align-self:start;position:sticky;top:12px;max-height:calc(100vh - 24px);overflow:auto}h2{margin:0;font-size:19px}.sectionHeader,.resultTop,.reportHead,.wizardTop{display:flex;align-items:center;justify-content:space-between;gap:12px}.completion{display:flex;justify-content:space-between;background:#f8fafc;border:1px solid var(--line);padding:9px 11px;border-radius:10px;margin:12px 0;font-size:12px}.completion b{color:var(--ok)}details{border:1px solid var(--line);border-radius:12px;background:#fbfcfe;margin:10px 0}summary{cursor:pointer;padding:12px 13px;font-size:13px;font-weight:900;color:#2c3e5d;list-style:none}summary::-webkit-details-marker{display:none}details[open]>summary{border-bottom:1px solid var(--line)}.num{display:inline-flex;width:23px;height:23px;align-items:center;justify-content:center;border-radius:7px;background:var(--soft);color:var(--blue);margin-right:8px}.detailBody{padding:13px}.miniTitle{font-size:11px;font-weight:950;letter-spacing:.08em;text-transform:uppercase;color:var(--muted);margin:8px 0}.formGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.span2{grid-column:1/-1}.field{position:relative}.labelRow{display:flex;align-items:center;gap:5px;margin-bottom:5px}.labelRow label{font-size:12px;font-weight:800}.subLabel{font-size:10px;color:var(--muted);margin:-2px 0 5px}input,select{width:100%;border:1px solid var(--line);border-radius:9px;background:#fff;padding:9px 10px;color:var(--text);font-size:13px}.unitWrap{display:flex;align-items:center;gap:7px}.unitWrap span{font-size:11px;color:var(--muted);min-width:20px}.help{width:18px;height:18px;padding:0;border-radius:50%;border:1px solid #aeb8c8;background:#fff;color:#536071;font-size:11px;font-weight:950;cursor:pointer}.infoBox{font-size:11px;color:#47556b;background:#f1f5fb;border-left:3px solid #7596e8;border-radius:8px;padding:9px 10px;margin-bottom:10px}.topActions,.expertBottom,.reportHead>div:last-child{display:flex;gap:7px;flex-wrap:wrap}button{font-family:inherit}.primary,.secondary,.ghost,.dangerBtn,.linkBtn{border:0;border-radius:9px;padding:9px 12px;font-weight:850;cursor:pointer}.primary{background:var(--blue);color:#fff}.secondary{background:#edf1f7;color:var(--text)}.ghost{background:#fff;color:var(--text);border:1px solid var(--line)}.dangerBtn{background:#fff0ee;color:var(--bad)}.linkBtn{background:transparent;color:var(--blue);padding:3px 0}.large{min-width:180px}.expertBottom{margin-top:14px}.wizard{border:1px solid #ccd8ff;background:#f8faff;border-radius:15px;padding:16px}.progress{display:flex;gap:5px;margin-bottom:12px}.dot{height:7px;flex:1;background:#e5eaf3;border-radius:99px}.dot.done{background:var(--blue)}.dot.current{background:#8da9ed}.stepNo{font-size:10px;font-weight:950;letter-spacing:.1em;color:var(--blue)}.question{font-size:21px;margin:8px 0 4px}.why{font-size:12px;color:#536077;margin:0 0 10px}.guide{background:#fff;border:1px solid #e0e6f5;border-radius:11px;padding:10px 12px}.guideTitle{font-size:12px;font-weight:900}.guide ul{margin:5px 0 0;padding-left:17px;font-size:12px;color:#526077}.guide li{margin:4px 0}.choiceGrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(145px,1fr));gap:8px;margin-top:12px}.choiceGrid button{min-height:42px;border:0;border-radius:9px;font-weight:850;cursor:pointer}.localAlert{border-left:4px solid var(--warn);background:#fff8e8;border-radius:9px;padding:10px 11px;margin-top:10px;font-size:12px}.wizardNav{display:flex;justify-content:space-between;gap:8px;border-top:1px solid var(--line);margin-top:13px;padding-top:11px}.micro{font-size:11px;color:var(--muted)}.metricGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:12px 0}.metric{border:1px solid var(--line);background:#fafbfd;border-radius:10px;padding:9px}.metric span{display:block;font-size:9px;font-weight:900;color:var(--muted);text-transform:uppercase}.metric b{font-size:15px}.badge{font-size:10px;font-weight:950;padding:5px 8px;border-radius:999px;white-space:nowrap}.badge.high{background:#e5f5ed;color:var(--ok)}.badge.mid{background:#fff2d5;color:var(--warn)}.badge.low,.badge.neutral{background:#edf0f4;color:#596273}.sub{font-size:12px;color:#526077;margin:3px 0}.sectionLabel{font-size:10px;font-weight:950;letter-spacing:.09em;text-transform:uppercase;color:var(--muted);margin:15px 0 7px}.noMargin{margin:0}.evidenceList,.refList{display:grid;gap:7px}.evidenceItem,.refItem{border:1px solid var(--line);border-radius:10px;padding:9px 10px;background:#fff}.evidenceHead{display:flex;justify-content:space-between;gap:8px}.evidenceTitle,.refTitle{font-size:12px;font-weight:900}.evidenceDesc,.refMeta{font-size:11px;color:#536077;margin-top:3px}.strength{font-size:9px;font-weight:950;padding:3px 6px;border-radius:999px;height:max-content}.strength.nd{background:#fce8e6;color:var(--bad)}.strength.strong{background:#e8f0ff;color:#1954b7}.strength.support{background:#e7f5ed;color:var(--ok)}.strength.context{background:#eef0f4;color:#5d6573}.strength.against{background:#fff2d5;color:var(--warn)}.nextBox{border-left:4px solid var(--blue);background:#f4f8ff;border-radius:9px;padding:10px 11px;font-size:12px}.refItem a{font-size:10px;color:var(--blue);text-decoration:none}.report{white-space:pre-wrap;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:11px;line-height:1.55;background:#fbfcfe;border:1px solid var(--line);border-radius:10px;padding:11px;min-height:80px}.allRefs{margin-top:12px}.padded{padding:10px}.empty{font-size:11px;color:var(--muted);padding:9px;border:1px dashed var(--line);border-radius:9px}.disclaimer{font-size:10px;color:var(--muted);margin-top:12px}.hidden{display:none!important}.modal{position:fixed;inset:0;background:rgba(15,23,42,.45);display:grid;place-items:center;padding:18px;z-index:100}.modalCard{max-width:570px;width:100%;background:#fff;border-radius:16px;padding:19px;box-shadow:0 18px 60px rgba(0,0,0,.25);position:relative}.modalCard h3{margin:0 32px 7px 0;font-size:17px}.modalCard p{font-size:13px;color:#46566e;line-height:1.6;margin:0}.close{position:absolute;right:11px;top:9px;width:30px;height:30px;border:0;border-radius:50%;font-size:22px;background:#eef1f6;cursor:pointer}@media(max-width:1050px){.layout{grid-template-columns:1fr}.resultCard{position:static;max-height:none}}@media(max-width:650px){.wrap{padding:10px}.hero h1{font-size:24px}.modebar,.formGrid{grid-template-columns:1fr}.metricGrid{grid-template-columns:repeat(2,1fr)}.resultTop,.sectionHeader,.reportHead{align-items:flex-start;flex-direction:column}.choiceGrid{grid-template-columns:1fr}.wizardNav{flex-direction:column}.wizardNav button{width:100%}}


/* ===== v2.5 MAIN-SITE INSPIRED RED CLINICAL THEME ===== */
:root{
  --bg:#f7f5f5;
  --card:#ffffff;
  --text:#201b1c;
  --muted:#74686a;
  --line:#eadfe1;
  --red:#a70f24;
  --red2:#7d0a1b;
  --red3:#c21c34;
  --redSoft:#fff1f3;
  --redSoft2:#fbe5e9;
  --blue:var(--red);
  --blue2:var(--red2);
  --soft:var(--redSoft);
  --ok:#1d7652;
  --warn:#9a6300;
  --bad:#b42318;
  --purple:#7a3557;
  --shadow:0 12px 34px rgba(78,13,25,.08);
  --shadowHover:0 16px 38px rgba(116,13,31,.13);
}
body{
  background:
    radial-gradient(circle at 7% -10%,rgba(167,15,36,.065),transparent 28rem),
    linear-gradient(180deg,#fbf9f9 0,#f6f3f4 100%);
}
.wrap{max-width:1450px;padding:18px 20px 28px}
.hero{
  position:relative;
  overflow:hidden;
  min-height:106px;
  background:linear-gradient(135deg,#710919 0%,#9e1024 54%,#b91931 100%);
  border:1px solid rgba(255,255,255,.14);
  border-radius:20px;
  padding:21px 24px;
  box-shadow:0 15px 38px rgba(104,8,24,.18);
}
.hero:after{
  content:"";
  position:absolute;
  width:300px;height:300px;right:-120px;top:-150px;
  border:1px solid rgba(255,255,255,.10);
  border-radius:50%;
  box-shadow:0 0 0 45px rgba(255,255,255,.025),0 0 0 90px rgba(255,255,255,.018);
  pointer-events:none;
}
.brandBlock,.heroActions{position:relative;z-index:1}
.brandBlock{display:flex;align-items:center;gap:15px}
.brandMark{
  flex:0 0 58px;width:58px;height:58px;border-radius:17px;
  display:grid;place-items:center;
  background:rgba(255,255,255,.97);
  box-shadow:0 8px 22px rgba(54,0,10,.22);
  text-decoration:none;
}
.brandMark svg{width:39px;height:39px}
.brandMark svg path:first-child{fill:#a70f24;stroke:none}
.brandMark svg .pulse{fill:none;stroke:#fff;stroke-width:2.6;stroke-linecap:round;stroke-linejoin:round}
.brandText{min-width:0}
.hero h1{font-size:29px;line-height:1.08;margin:2px 0 5px;letter-spacing:-.025em}
.brandMeta{font-size:12px;color:rgba(255,255,255,.82);font-weight:600;letter-spacing:.01em}
.eyebrow{color:#fff;opacity:.76}
.heroActions{display:flex;align-items:center;gap:9px}
.homeLink{
  display:inline-flex;align-items:center;gap:7px;
  color:#fff;text-decoration:none;font-size:12px;font-weight:800;
  padding:8px 11px;border:1px solid rgba(255,255,255,.24);
  background:rgba(255,255,255,.08);border-radius:10px;
}
.homeLink svg{width:15px;height:15px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.version{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.24)}
.modebar{gap:11px;margin:14px 0}
.modebtn{
  position:relative;overflow:hidden;
  border-color:#e8dadd;border-radius:14px;
  box-shadow:0 5px 18px rgba(72,20,29,.045);
  transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease,background .16s ease;
}
.modebtn:hover{transform:translateY(-1px);border-color:#d9b8bf;box-shadow:var(--shadowHover)}
.modebtn.active{
  background:linear-gradient(180deg,#fff7f8,#fff0f3);
  border-color:#d993a1;
  box-shadow:inset 0 0 0 1px rgba(167,15,36,.04),0 7px 20px rgba(106,12,29,.07)
}
.modebtn.active:before{
  content:"";position:absolute;left:0;top:9px;bottom:9px;width:4px;
  background:var(--red);border-radius:0 5px 5px 0;
}
.modeicon{
  width:36px;height:36px;border-radius:11px;
  display:grid;place-items:center;
  background:#f8eaed;color:var(--red);
}
.modeicon svg{width:21px;height:21px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.modebtn.active .modeicon{background:var(--red);color:#fff}
.modebtn.active b{color:var(--red2)}
.card{border-color:#eadfe1;box-shadow:var(--shadow)}
.wizard{
  border-color:#ead3d8;
  background:linear-gradient(180deg,#fffafa 0,#fff 58%);
  box-shadow:inset 0 4px 0 rgba(167,15,36,.035)
}
.dot{background:#eee5e7}
.dot.done{background:var(--red)}
.dot.current{background:#db7e8f}
.stepNo{color:var(--red);background:var(--redSoft);display:inline-flex;padding:4px 7px;border-radius:6px}
.guide{border-color:#eadfe1;box-shadow:0 4px 15px rgba(79,18,29,.035)}
.localAlert{border-left-color:#b57512}
details{border-color:#eadfe1;background:#fffdfd}
details[open]>summary{border-bottom-color:#eadfe1}
summary{color:#3f2b2f}
.num{background:#f9e7eb;color:var(--red)}
input:focus,select:focus{
  outline:none;border-color:#c9576c;
  box-shadow:0 0 0 3px rgba(167,15,36,.09)
}
.help{
  border-color:#d6b6bd;color:var(--red2);background:#fffafa;
  transition:all .15s ease
}
.help:hover{background:var(--red);border-color:var(--red);color:#fff;transform:scale(1.07)}
.completion{background:#fffafa;border-color:#eadfe1}
.infoBox{background:#fff5f6;border-left-color:#c63b53}
.primary,.secondary,.ghost,.dangerBtn,.linkBtn,.choiceGrid button,.modebtn,.help,.close,.homeLink,.brandMark{
  -webkit-tap-highlight-color:transparent;
  user-select:none;
}
.primary,.secondary,.ghost,.dangerBtn,.choiceGrid button,.homeLink,.brandMark{
  position:relative;overflow:hidden;
  transition:transform .12s ease,box-shadow .15s ease,filter .15s ease,background .15s ease,border-color .15s ease;
}
.primary{background:linear-gradient(180deg,#b5162d,#990d21);color:#fff;box-shadow:0 5px 13px rgba(144,12,33,.18)}
.primary:hover{filter:brightness(1.045);box-shadow:0 7px 18px rgba(144,12,33,.24);transform:translateY(-1px)}
.secondary{background:#f7e9ec;color:#721021}
.secondary:hover{background:#f1dce1;transform:translateY(-1px)}
.ghost{background:#fff;color:#5b343b;border-color:#dfcdd1}
.ghost:hover{background:#fff7f8;border-color:#cfa5ae;transform:translateY(-1px)}
.dangerBtn{background:#fff0f2;color:#a70f24}
.choiceGrid button.primary{background:linear-gradient(180deg,#b5162d,#990d21)}
.choiceGrid button.secondary{background:#f7e9ec;color:#6f1021}
.choiceGrid button:hover{box-shadow:0 6px 15px rgba(112,13,31,.11)}
button:active,.homeLink:active,.brandMark:active{
  transform:translateY(1px) scale(.975)!important;
  box-shadow:0 2px 7px rgba(91,9,24,.13)!important;
}
button:focus-visible,.homeLink:focus-visible,.brandMark:focus-visible{
  outline:3px solid rgba(190,31,57,.25);outline-offset:2px
}
button.is-clicked:after,.homeLink.is-clicked:after,.brandMark.is-clicked:after{
  content:"";position:absolute;left:var(--click-x,50%);top:var(--click-y,50%);
  width:12px;height:12px;border-radius:50%;
  background:rgba(255,255,255,.48);
  transform:translate(-50%,-50%) scale(0);
  animation:clickRipple .42s ease-out forwards;
  pointer-events:none;z-index:5;
}
.secondary.is-clicked:after,.ghost.is-clicked:after,.modebtn.is-clicked:after,.help.is-clicked:after{
  background:rgba(167,15,36,.15)
}
@keyframes clickRipple{
  0%{transform:translate(-50%,-50%) scale(0);opacity:.8}
  100%{transform:translate(-50%,-50%) scale(18);opacity:0}
}
.btnIcon{display:inline-block;margin-right:4px;transition:transform .14s ease}
button:active .btnIcon{transform:scale(.88)}
.metric{border-color:#eadfe1;background:#fffafa}
.badge.high{background:#e6f5ee;color:var(--ok)}
.badge.mid{background:#fff3d9;color:var(--warn)}
.nextBox{border-left-color:var(--red);background:#fff3f5}
.evidenceItem,.refItem{border-color:#eadfe1}
.strength.strong{background:#fae8ec;color:#8e1125}
.refItem a{color:var(--red)}
.report{background:#fffdfd;border-color:#eadfe1}
.close{color:#771126;background:#f8e8eb}
.close:hover{background:#efd1d7}
.modal{background:rgba(42,12,18,.48)}
.modalCard{border:1px solid #eadde0}
.sectionLabel{color:#756064}
.disclaimer{border-top:1px solid #eee3e5;padding-top:10px}
@media(max-width:650px){
  .wrap{padding:9px}
  .hero{padding:17px 15px;min-height:auto;align-items:flex-start}
  .brandMark{width:48px;height:48px;flex-basis:48px;border-radius:14px}
  .brandMark svg{width:33px;height:33px}
  .hero h1{font-size:22px}
  .brandMeta{font-size:10px}
  .heroActions{flex-direction:column;align-items:flex-end}
  .homeLink span{display:none}
  .homeLink{padding:8px}
  .modebtn{padding:12px}
}
@media(prefers-reduced-motion:reduce){
  *,*:before,*:after{scroll-behavior:auto!important;animation:none!important;transition:none!important}
}


/* ===== v2.8 BRAND HEADER ONLY — MODE CARDS REMAIN v2.5 ===== */
.hero{
  min-height:100px;
  padding:16px 22px;
}
.brandBlock{gap:17px;min-width:0}
.brandFull{
  width:205px;
  height:68px;
  flex:0 0 205px;
  display:flex;
  align-items:center;
  justify-content:flex-start;
  overflow:hidden;
  background:transparent;
  border:0;
  box-shadow:none;
}
.brandFull img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:left center;
  display:block;
}
.hero>.version{
  position:relative;
  z-index:2;
  margin-left:auto;
}
@media(max-width:760px){
  .hero{padding:13px 14px;min-height:82px}
  .brandBlock{gap:10px}
  .brandFull{width:132px;height:50px;flex-basis:132px}
  .brandText h1{font-size:20px}
  .brandMeta{display:none}
}
@media(max-width:480px){
  .brandFull{width:105px;height:44px;flex-basis:105px}
  .brandText .eyebrow{font-size:8px}
  .brandText h1{font-size:17px}
  .hero>.version{font-size:9px}
}

/* ===== v2.9 UI REFINEMENTS ===== */
.brandFull{
  width:235px!important;
  height:78px!important;
  flex-basis:235px!important;
  border-radius:18px!important;
  overflow:hidden!important;
  background:#fff!important;
  box-shadow:0 6px 17px rgba(54,0,10,.15)!important;
}
.brandFull img{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
  border-radius:18px!important;
}
.reportActions,
.report-actions,
#reportActions,
.actions:has(#makeReport),
.actions:has(#copyReport){
  margin-top:28px!important;
}
#makeReport,#copyReport{
  margin-top:10px!important;
}
@media(max-width:760px){
  .brandFull{
    width:158px!important;
    height:58px!important;
    flex-basis:158px!important;
    border-radius:14px!important;
  }
  .brandFull img{border-radius:14px!important}
}
@media(max-width:480px){
  .brandFull{
    width:126px!important;
    height:50px!important;
    flex-basis:126px!important;
    border-radius:12px!important;
  }
  .brandFull img{border-radius:12px!important}
}

/* ===== v2.10 LOGO FIT ===== */
.brandFull{
  width:220px!important;
  height:76px!important;
  flex-basis:220px!important;
  padding:7px 10px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-radius:18px!important;
}
.brandFull img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:12px!important;
}
@media(max-width:760px){
  .brandFull{
    width:150px!important;
    height:58px!important;
    flex-basis:150px!important;
    padding:5px 7px!important;
  }
}
@media(max-width:480px){
  .brandFull{
    width:120px!important;
    height:50px!important;
    flex-basis:120px!important;
    padding:4px 6px!important;
  }
}

/* ===== v2.11 LOGO FRAME ===== */
.brandFull{
  width:245px!important;
  height:86px!important;
  flex-basis:245px!important;
  padding:5px 7px!important;
  box-sizing:border-box!important;
  background:#fff!important;
  border-radius:20px!important;
  overflow:hidden!important;
  box-shadow:0 6px 17px rgba(54,0,10,.15)!important;
}
.brandFull img{
  width:100%!important;
  height:100%!important;
  object-fit:contain!important;
  object-position:center!important;
  border-radius:15px!important;
  transform:scale(1.03);
}
@media(max-width:760px){
  .brandFull{
    width:165px!important;
    height:64px!important;
    flex-basis:165px!important;
    padding:4px 5px!important;
    border-radius:15px!important;
  }
}
@media(max-width:480px){
  .brandFull{
    width:132px!important;
    height:54px!important;
    flex-basis:132px!important;
    padding:3px 4px!important;
    border-radius:13px!important;
  }
}

/* ===== v2.12 SPLIT BRAND HEADER ===== */
.brandHero{
  min-height:102px!important;
  padding:0!important;
  display:grid!important;
  grid-template-columns:285px 1fr!important;
  align-items:stretch!important;
  overflow:hidden!important;
  background:#fff!important;
  border:1px solid #eadfe1!important;
  border-radius:20px!important;
  box-shadow:0 15px 38px rgba(104,8,24,.12)!important;
}
.brandHero:after{display:none!important}
.brandLogoZone{
  position:relative;
  z-index:3;
  display:flex;
  align-items:center;
  justify-content:center;
  padding:9px 13px 9px 17px;
  background:#fff;
}
.brandLogoZone img{
  display:block;
  width:100%;
  max-width:250px;
  height:82px;
  object-fit:contain;
  object-position:center;
}
.brandRedZone{
  position:relative;
  z-index:1;
  min-width:0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  padding:18px 23px 18px 42px;
  color:#fff;
  background:linear-gradient(135deg,#710919 0%,#9e1024 54%,#b91931 100%);
}
.brandRedZone:before{
  content:"";
  position:absolute;
  z-index:-1;
  left:-39px;
  top:0;
  width:72px;
  height:100%;
  background:linear-gradient(135deg,#fff 0 31%,#f6dfe4 31.5% 36%,#9e1024 37% 100%);
  clip-path:polygon(0 0,100% 0,55% 100%,0 100%);
}
.brandRedZone:after{
  content:"";
  position:absolute;
  right:-85px;
  top:-105px;
  width:260px;
  height:260px;
  border-radius:50%;
  border:1px solid rgba(255,255,255,.10);
  box-shadow:0 0 0 38px rgba(255,255,255,.025),0 0 0 76px rgba(255,255,255,.015);
  pointer-events:none;
}
.brandRedZone .brandText{position:relative;z-index:2}
.brandRedZone h1{
  margin:3px 0 0!important;
  color:#fff!important;
  font-size:30px!important;
  letter-spacing:-.025em;
}
.brandRedZone .eyebrow{color:rgba(255,255,255,.74)!important}
.brandRedZone .version{
  position:relative;
  z-index:2;
  flex:0 0 auto;
  background:rgba(255,255,255,.09)!important;
  border-color:rgba(255,255,255,.23)!important;
}
@media(max-width:760px){
  .brandHero{
    grid-template-columns:175px 1fr!important;
    min-height:82px!important;
  }
  .brandLogoZone{padding:7px 8px 7px 10px}
  .brandLogoZone img{height:63px;max-width:158px}
  .brandRedZone{padding:13px 12px 13px 26px}
  .brandRedZone:before{left:-28px;width:51px}
  .brandRedZone h1{font-size:21px!important}
}
@media(max-width:480px){
  .brandHero{
    grid-template-columns:132px 1fr!important;
    min-height:72px!important;
    border-radius:15px!important;
  }
  .brandLogoZone{padding:5px 5px 5px 7px}
  .brandLogoZone img{height:55px;max-width:122px}
  .brandRedZone{padding:10px 8px 10px 19px;gap:5px}
  .brandRedZone:before{left:-21px;width:40px}
  .brandRedZone h1{font-size:17px!important;line-height:1.05}
  .brandRedZone .eyebrow{font-size:8px!important}
  .brandRedZone .version{font-size:8px;padding:4px 6px}
}

/* ===== v2.13 POLISH ===== */

/* All "Temizle" controls: identical appearance everywhere */
button.cleanBtn,
.cleanBtn{
  background:#fff!important;
  color:#7d0a1b!important;
  border:1px solid #d9b8bf!important;
  border-radius:10px!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:12px!important;
  font-weight:800!important;
  line-height:1!important;
  letter-spacing:0!important;
  min-height:34px!important;
  padding:9px 13px!important;
  box-shadow:0 3px 9px rgba(93,13,28,.055)!important;
}
button.cleanBtn:hover,
.cleanBtn:hover{
  background:#fff4f6!important;
  border-color:#c97888!important;
  color:#990d21!important;
  transform:translateY(-1px);
}
button.cleanBtn:active,
.cleanBtn:active{
  background:#fbe8ec!important;
  transform:translateY(1px) scale(.975)!important;
}

/* Softer white -> blush -> burgundy transition */
.brandRedZone{
  padding-left:52px!important;
  background:
    radial-gradient(circle at 4% 50%,rgba(255,255,255,.11),transparent 110px),
    linear-gradient(112deg,#8b0b1e 0%,#9e1024 48%,#b91931 100%)!important;
}
.brandRedZone:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  left:-68px!important;
  top:-1px!important;
  width:116px!important;
  height:calc(100% + 2px)!important;
  background:linear-gradient(
    105deg,
    #ffffff 0%,
    #ffffff 30%,
    #fdf7f8 31%,
    #f5dce2 46%,
    #d98d9b 62%,
    #aa2339 78%,
    #8b0b1e 100%
  )!important;
  clip-path:polygon(0 0,100% 0,67% 100%,0 100%)!important;
  filter:none!important;
}
.brandLogoZone:after{
  content:"";
  position:absolute;
  z-index:4;
  right:-22px;
  top:10%;
  width:36px;
  height:80%;
  background:linear-gradient(90deg,rgba(255,255,255,.95),rgba(255,255,255,0));
  transform:skewX(-17deg);
  pointer-events:none;
}
@media(max-width:760px){
  .brandRedZone{padding-left:34px!important}
  .brandRedZone:before{left:-45px!important;width:78px!important}
  .brandLogoZone:after{right:-14px;width:24px}
}
@media(max-width:480px){
  .brandRedZone{padding-left:25px!important}
  .brandRedZone:before{left:-34px!important;width:60px!important}
  .brandLogoZone:after{right:-10px;width:18px}
}

/* ===== v2.14 ELEGANT CURVED HEADER TRANSITION ===== */
.brandRedZone{
  padding-left:48px!important;
  background:linear-gradient(118deg,#820b1d 0%,#9f1025 48%,#ba1a32 100%)!important;
}
.brandRedZone:before{
  content:""!important;
  display:block!important;
  position:absolute!important;
  z-index:-1!important;
  left:-54px!important;
  top:-22%!important;
  width:92px!important;
  height:144%!important;
  background:#fff!important;
  border-radius:0 58% 58% 0 / 0 50% 50% 0!important;
  clip-path:none!important;
  transform:rotate(-3deg)!important;
  box-shadow:
    13px 0 0 rgba(250,237,240,.96),
    22px 0 0 rgba(232,181,191,.52),
    29px 0 18px rgba(126,9,29,.13)!important;
}
.brandLogoZone:after{
  content:""!important;
  position:absolute!important;
  z-index:4!important;
  right:-7px!important;
  top:13%!important;
  width:20px!important;
  height:74%!important;
  background:linear-gradient(90deg,rgba(255,255,255,.98),rgba(255,255,255,0))!important;
  border-radius:50%!important;
  transform:none!important;
  pointer-events:none!important;
}
@media(max-width:760px){
  .brandRedZone{padding-left:31px!important}
  .brandRedZone:before{
    left:-38px!important;
    width:65px!important;
    box-shadow:
      9px 0 0 rgba(250,237,240,.96),
      15px 0 0 rgba(232,181,191,.50),
      20px 0 13px rgba(126,9,29,.12)!important;
  }
}
@media(max-width:480px){
  .brandRedZone{padding-left:23px!important}
  .brandRedZone:before{
    left:-29px!important;
    width:50px!important;
    box-shadow:
      7px 0 0 rgba(250,237,240,.96),
      11px 0 0 rgba(232,181,191,.48),
      15px 0 10px rgba(126,9,29,.11)!important;
  }
}

/* ===== v2.15 LIGHT MONOCHROME HEADER ===== */
.brandHero{
  background:#fbfaf9!important;
  border:1px solid #eee8e8!important;
  box-shadow:0 10px 28px rgba(70,30,35,.07)!important;
}
.brandLogoZone{
  background:#fbfaf9!important;
}
.brandLogoZone:after{
  display:none!important;
}
.brandRedZone{
  background:#fbfaf9!important;
  color:#9f1730!important;
  padding-left:26px!important;
}
.brandRedZone:before,
.brandRedZone:after{
  display:none!important;
}
.brandRedZone h1{
  color:#a31530!important;
}
.brandRedZone .eyebrow{
  color:#b34a5d!important;
}
.brandRedZone .version{
  color:#9f1730!important;
  background:#fff4f5!important;
  border:1px solid #e8cbd1!important;
  box-shadow:none!important;
}
@media(max-width:760px){
  .brandRedZone{padding-left:18px!important}
}
@media(max-width:480px){
  .brandRedZone{padding-left:12px!important}
}

/* ===== v2.16 HEADER — INACTIVE EXPERT CARD LANGUAGE ===== */
.brandHero{
  background:#fff!important;
  border:1.5px solid #d99aa6!important;
  border-radius:16px!important;
  box-shadow:0 5px 16px rgba(116,16,35,.055)!important;
  overflow:hidden!important;
}
.brandLogoZone,
.brandRedZone{
  background:#fff!important;
}
.brandRedZone{
  padding-left:28px!important;
}

/* EPS LABORATUVARI */
.brandRedZone .eyebrow{
  color:#9d263b!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:13px!important;
  font-weight:800!important;
  letter-spacing:.105em!important;
  line-height:1.2!important;
  text-transform:uppercase!important;
}

/* SVT Tanı Aracı */
.brandRedZone h1{
  margin-top:5px!important;
  color:#7f1025!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-size:36px!important;
  font-weight:800!important;
  line-height:1.06!important;
  letter-spacing:-.035em!important;
}

/* Version badge follows same quiet red-outline language */
.brandRedZone .version{
  color:#8f1830!important;
  background:#fff!important;
  border:1px solid #e1b4bd!important;
  border-radius:9px!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:800!important;
}

/* Remove all decorative header overlays from older variants */
.brandHero:before,
.brandHero:after,
.brandLogoZone:before,
.brandLogoZone:after,
.brandRedZone:before,
.brandRedZone:after{
  display:none!important;
}

@media(max-width:760px){
  .brandHero{border-radius:14px!important}
  .brandRedZone{padding-left:18px!important}
  .brandRedZone .eyebrow{font-size:10px!important}
  .brandRedZone h1{font-size:27px!important}
}
@media(max-width:480px){
  .brandHero{border-radius:12px!important}
  .brandRedZone{padding-left:11px!important}
  .brandRedZone .eyebrow{
    font-size:8px!important;
    letter-spacing:.07em!important;
  }
  .brandRedZone h1{
    font-size:20px!important;
    letter-spacing:-.025em!important;
  }
}

/* ===== v2.17 TITLE ALIGNMENT WITH MAIN SITE ===== */
.brandRedZone h1{
  margin-top:13px!important; /* yaklaşık iki tık aşağı */
  color:#111111!important;
  font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif!important;
  font-size:36px!important;
  font-weight:800!important;
  line-height:1.08!important;
  letter-spacing:-.035em!important;
}
@media(max-width:760px){
  .brandRedZone h1{
    margin-top:10px!important;
    font-size:27px!important;
  }
}
@media(max-width:480px){
  .brandRedZone h1{
    margin-top:8px!important;
    font-size:20px!important;
  }
}

/* ===== v2.18 MAIN TITLE FONT ===== */
.brandRedZone h1{
  font-family:"Avenir Next",Avenir,"Helvetica Neue",Helvetica,Arial,sans-serif!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
}

/* ===== v2.19 LOGO SLIGHTLY LARGER ===== */
.brandLogoZone img{
  max-width:265px!important;
  height:88px!important;
}
@media(max-width:760px){
  .brandLogoZone img{
    max-width:166px!important;
    height:67px!important;
  }
}
@media(max-width:480px){
  .brandLogoZone img{
    max-width:127px!important;
    height:58px!important;
  }
}

/* ===== v2.20 MATCH MAIN-SITE HERO TYPOGRAPHY ===== */
.brandRedZone h1{
  font-family:"Montserrat","Inter",system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;
  font-weight:800!important;
  letter-spacing:-.04em!important;
  line-height:1.04!important;
}

/* ===== v2.21 SAME HEADING FONT AS MAIN SITE ===== */
@import url('https://fonts.googleapis.com/css2?family=Cinzel:wght@400;600;700&display=swap');
.brandRedZone h1{
  font-family:"Cinzel",Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
  letter-spacing:-.025em!important;
  line-height:1.05!important;
}

/* ===== v2.22 EXACT "WEB UYGULAMALARI" TYPOGRAPHY FROM SITE BACKUP ===== */
.brandRedZone h1{
  font-family:"Cinzel",Georgia,serif!important;
  font-weight:600!important;
  font-size:clamp(2.5rem,5vw,4rem)!important;
  line-height:1.3!important;
  letter-spacing:normal!important;
  color:#111!important;
  margin-top:13px!important;
  margin-bottom:16px!important;
}
@media(max-width:760px){
  .brandRedZone h1{
    font-size:clamp(2rem,5vw,3rem)!important;
    margin-top:10px!important;
  }
}
@media(max-width:480px){
  .brandRedZone h1{
    font-size:clamp(1.45rem,6.4vw,2rem)!important;
    margin-top:8px!important;
  }
}

/* ===== v2.23 TITLE 3 STEPS SMALLER ===== */
.brandRedZone h1{
  font-size:clamp(1.85rem,3.7vw,3rem)!important;
}
@media(max-width:760px){
  .brandRedZone h1{
    font-size:clamp(1.6rem,4vw,2.35rem)!important;
  }
}
@media(max-width:480px){
  .brandRedZone h1{
    font-size:clamp(1.25rem,5.2vw,1.65rem)!important;
  }
}

/* ===== v2.24 TITLE 1 STEP SMALLER + LOWER ===== */
.brandRedZone h1{
  font-size:clamp(1.65rem,3.35vw,2.7rem)!important;
  margin-top:18px!important;
}
@media(max-width:760px){
  .brandRedZone h1{
    font-size:clamp(1.45rem,3.7vw,2.15rem)!important;
    margin-top:14px!important;
  }
}
@media(max-width:480px){
  .brandRedZone h1{
    font-size:clamp(1.15rem,4.8vw,1.5rem)!important;
    margin-top:12px!important;
  }
}

/* ===== v2.25 HEADER TEXT POSITION ===== */
.brandRedZone .eyebrow{
  position:relative!important;
  top:12px!important; /* EPS LABORATUVARI: 3 tık aşağı */
}
.brandRedZone h1{
  position:relative!important;
  top:4px!important;  /* SVT Tanı Aracı: 1 tık aşağı */
}
@media(max-width:760px){
  .brandRedZone .eyebrow{top:9px!important}
  .brandRedZone h1{top:3px!important}
}
@media(max-width:480px){
  .brandRedZone .eyebrow{top:7px!important}
  .brandRedZone h1{top:3px!important}
}

/* ===== v2.26 EPS LABEL 2 MORE STEPS LOWER ===== */
.brandRedZone .eyebrow{
  top:20px!important;
}
@media(max-width:760px){
  .brandRedZone .eyebrow{top:15px!important}
}
@media(max-width:480px){
  .brandRedZone .eyebrow{top:12px!important}
}

/* ===== v2.27 FORCE CINZEL ON MAIN TITLE ===== */
.brandRedZone h1,
.brandHero .brandRedZone h1,
h1#brandTitle,
.brandRedZone h1 *{
  font-family:"Cinzel", Georgia, "Times New Roman", serif!important;
  font-weight:600!important;
  font-style:normal!important;
  font-synthesis:none!important;
}

/* ===== v2.28 CINZEL BOLD ===== */
.brandRedZone h1,
.brandHero .brandRedZone h1,
h1#brandTitle,
.brandRedZone h1 *{
  font-family:"Cinzel",Georgia,"Times New Roman",serif!important;
  font-weight:700!important;
}

/* ===== v2.29 iPHONE / MOBILE HEADER FINE TUNING ===== */
@media(max-width:480px){
  .brandRedZone h1{
    left:-7px!important;
  }

  .versionBadge,
  .version,
  [class*="version"],
  [class*="Version"]{
    font-size:9px!important;
    padding:3px 6px!important;
  }
}

/* ===== v2.30 iPHONE HEADER REFINEMENT ===== */
@media(max-width:480px){
  /* SVT Tanı Aracı: previous -7px -> -14px */
  .brandRedZone h1{
    left:-14px!important;
  }

  /* Version indicator: smaller than v2.29 */
  .versionBadge,
  .version,
  [class*="version"],
  [class*="Version"]{
    font-size:7.5px!important;
    padding:2px 4px!important;
    line-height:1.1!important;
  }
}

/* ===== v2.31 MOBILE TITLE +3 / VERSION -3 ===== */
@media(max-width:480px){
  .brandRedZone h1{
    font-size:clamp(1.42rem,6vw,1.92rem)!important;
  }
  .versionBadge,
  .version,
  [class*="version"],
  [class*="Version"]{
    font-size:5.5px!important;
    padding:1px 2px!important;
    line-height:1!important;
    border-radius:4px!important;
  }
}

/* ===== v2.32 MOBILE HEADER: EPS / SVT TANI / ARACI ===== */
@media(max-width:480px){
  .brandRedZone{
    text-align:center!important;
    padding-left:0!important;
    padding-right:0!important;
  }

  .brandRedZone .eyebrow{
    display:block!important;
    width:100%!important;
    text-align:center!important;
    left:0!important;
    margin-left:0!important;
    margin-right:0!important;
  }

  .brandRedZone h1{
    width:100%!important;
    text-align:center!important;
    left:0!important;
    margin-left:0!important;
    margin-right:0!important;
    white-space:normal!important;
  }

  .brandRedZone h1 .mobileLine{
    display:block!important;
    width:100%!important;
    text-align:center!important;
  }
}

/* ===== v2.33 MOBILE HEADER POSITION FINE TUNING ===== */
@media(max-width:480px){
  /* Move the centered EPS / SVT Tanı / Aracı group slightly right */
  .brandRedZone .eyebrow,
  .brandRedZone h1{
    transform:translateX(7px)!important;
  }

  /* Version: one step larger and slightly left */
  .versionBadge,
  .version,
  [class*="version"],
  [class*="Version"]{
    font-size:6.5px!important;
    padding:1px 3px!important;
    transform:translateX(-5px)!important;
  }
}

/* ===== v2.34 MOBILE HEADER: 2 MORE STEPS RIGHT ===== */
@media(max-width:480px){
  .brandRedZone .eyebrow,
  .brandRedZone h1{
    transform:translateX(15px)!important;
  }
}

/* ===== v2.35 MOBILE VERSION: MORE LEFT ===== */
@media(max-width:480px){
  .versionBadge,
  .version,
  [class*="version"],
  [class*="Version"]{
    transform:translateX(-10px)!important;
  }
}