@font-face{font-family:'Inter';font-style:normal;font-weight:400 800;font-display:swap;
  src:url('/fonts/inter-400-800.woff2?v=f11d729bb0') format('woff2')}
/* P112 — @font-face 'Archivo' (archivo-400.woff2) eliminat: nu era folosit de niciun selector.
   Raman 'Inter' (text) si 'Archivo Black' (doar cifra scorului). */
@font-face{font-family:'Archivo Black';font-style:normal;font-weight:400;font-display:swap;
  src:url('/fonts/archivo-black.woff2?v=1f96570960') format('woff2')}
:root{
  --bg:#f5f5f7;--card:#ffffff;--hairline:rgba(0,0,0,.06);
  --text:#1d1d1f;--text-2:#57575e;--text-3:#5a5a62;
  --accent:#c2410c;--accent-ink:#9a3412;--ok:#34c759;--warn-bg:rgba(255,159,10,.12);--warn-tx:#a8290b;
  /* LIQUIDBTN (Sergiu, 2026-08-07) — SURSA UNICA a butonului primar: acelasi ink ca pilulele din
     hero/profil (P114C). Orice buton primar din site citeste tokenii astia; nu se copiaza stiluri.
     Umbra e neutra, nu colorata, iar highlight-ul intern de 1px da cita de "liquid glass". */
  --btn-ink:#121a24;--btn-ink-hover:#1b2634;
  --btn-ink-hi:inset 0 1px 0 rgba(255,255,255,.14);
  --btn-ink-shadow:0 4px 12px rgba(10,20,30,.28);--btn-ink-shadow-h:0 6px 18px rgba(10,20,30,.36);
  --bad:#ff3b30;--sky-1:#a9c9ee;--sky-2:#e8f2fc;
  --bad-tx:#c20009;--ok-tx:#1a7431;
  /* P19 — tokeni DERIVATI (culoare=sens). NU modifica tokenii P4 de mai sus; doar nuante noi. */
  --ok-bg:rgba(52,199,89,.07);--warn-card:rgba(255,159,10,.09);--bad-bg:rgba(255,59,48,.06);--bad-bg2:rgba(255,59,48,.12);
  --accent-2:#fb923c;--accent-glow:rgba(249,115,22,.25);--stat-blue:#3d8bd4;--stat-amber:#e08a1e;
  --ease-out-3:cubic-bezier(.25,0,.3,1);--ease-in-3:cubic-bezier(.5,0,1,.5);
  --ease-spring:linear(0,0.007,0.029 2.2%,0.118 4.7%,0.625 14.4%,0.826 19%,0.902,0.962,1.008 26.1%,1.041 28.7%,1.064 32.1%,1.07 36%,1.061 40.5%,1.015 53.4%,0.999 61.6%,0.995 71.2%,1);
  --panel-open-dur:400ms;--panel-close-dur:350ms;--panel-translate-y:100px;--panel-blur:2px;
  --panel-ease:cubic-bezier(0.22,1,0.36,1);
  --sans:'Inter',-apple-system,'SF Pro Text','Segoe UI',Roboto,sans-serif;
  --display:'Inter',-apple-system,'SF Pro Display','Segoe UI',sans-serif;
  --mono:ui-monospace,'SF Mono',Menlo,Consolas,'Liberation Mono',monospace;
  /* P62 ledger */
  --ledger-ink:#1d1d1f;--ledger-cream:#f8f6f1;--ledger-chip-border:rgba(29,29,31,.22);--display-black:'Archivo Black',var(--sans);
}
*{box-sizing:border-box}
html{-webkit-text-size-adjust:100%}
body{margin:0;background:var(--bg);color:var(--text);font:15px/1.55 var(--sans);font-variant-numeric:tabular-nums;-webkit-font-smoothing:antialiased}
a{color:var(--accent);text-decoration:none}
a:hover{text-decoration:underline}
/* P74 Q-01 — a11y: in-text links must be distinguishable by more than colour (axe link-in-text-block) */
.mut a, .small a, .crumbs a, .oauth-consent a, .data a, .rec-main a, a[href^="mailto:"]{ text-decoration: underline; }
:focus-visible{outline:2px solid var(--accent-ink);outline-offset:2px}
.skip-link{position:absolute;left:8px;top:-48px;z-index:100;display:inline-flex;align-items:center;min-height:44px;background:var(--card);color:var(--accent-ink);border:2px solid var(--accent-ink);border-radius:10px;padding:8px 14px;font:600 15px/1 var(--sans);transition:top .15s}
.skip-link:focus{top:8px;outline:none}
main:focus{outline:none}
.mono{font-family:var(--mono)}

/* P17 — container principal mai lat (1080→1200) + padding lateral consistent (clamp) peste tot */
.wrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
main{flex:1;padding:32px 0 64px}
.container{max-width:720px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.container.flush{max-width:none;padding:0}

/* ---- header + status strip ---- */
header.site{background:var(--card);border-bottom:.5px solid var(--hairline)}
header.site .wrap{display:flex;align-items:center;gap:8px 20px;min-height:58px;padding-top:8px;padding-bottom:8px}
a.brand{display:inline-flex;align-items:center;gap:8px;min-height:44px;color:var(--text);white-space:nowrap}
a.brand:hover{text-decoration:none}
.brand-mark{display:block;width:30px;height:30px;flex:none;overflow:visible}
.brand-shield{fill:#14213d;stroke:#14213d;stroke-width:1.2;stroke-linejoin:round}
.brand-route{fill:none;stroke:#fff;stroke-width:5.2;stroke-linecap:round}
.brand-lane{fill:none;stroke:#14213d;stroke-width:1.4;stroke-linecap:round}
.brand-check{fill:none;stroke:var(--accent-ink);stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.brand-word{font-size:16px;font-weight:700;letter-spacing:-.01em;line-height:1;color:inherit}
.brand-word>span{color:var(--accent-ink)}
nav.nav{display:flex;gap:4px 16px;font-size:13px;flex-wrap:wrap}
.nav a{color:var(--text-2)}
.nav a:hover{color:var(--text);text-decoration:none}
.nav a[aria-current="page"]{color:var(--accent);font-weight:500}
.header-live{display:flex;align-items:center;gap:7px 13px;min-width:0;flex:1;color:var(--text-3);font-size:12px;white-space:nowrap;overflow:hidden}
.header-live .live-item{display:inline-flex;align-items:center;gap:3px}.header-live b{color:var(--text-2);font-weight:600}.header-live .sdot{display:inline-block;width:6px;height:6px;border-radius:50%;margin:0}.header-live .s-warn b{color:var(--warn-tx)}.header-live .s-bad b{color:var(--bad-tx)}
.header-affil{margin:0;padding:2px 16px 7px;text-align:center;font-size:12px;line-height:1.3;color:var(--text-3)}
header.site nav.nav,header.site .menu{margin-left:auto;flex:none}
@media(max-width:900px){header.site .wrap{flex-wrap:wrap}.header-live{order:3;flex-basis:100%;padding-top:7px;border-top:1px solid var(--hairline);overflow-x:auto;scrollbar-width:none}.header-live::-webkit-scrollbar{display:none}}

/* ---- type (P112): text = Inter; Archivo Black doar pe cifra scorului (--display-black) ---- */
h1,h2,h3{line-height:1.2;margin:0;font-weight:600;color:var(--text)}
h1,h2{text-wrap:balance}
h1{font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:-.02em;line-height:1.1;margin:0 0 8px}
/* section titles (interior pages): restrained content title, NOT display/uppercase — display stays on H1, scores, big numbers only */
h2{font-family:var(--sans);font-weight:600;font-size:17px;letter-spacing:-.01em;text-transform:none;line-height:1.2;margin:32px 0 12px}
h3{font-size:15px;font-weight:600;margin:24px 0 8px}
/* card header: tiny uppercase label on a white card (WATCHLIST, NOTIFICATIONS, …) */
.card-h{display:flex;align-items:baseline;justify-content:space-between;gap:8px 12px;margin:0 0 12px}
.card-h .lbl{font-family:var(--sans);font-size:13px;font-weight:600;text-transform:none;color:var(--text-3)}
.card-h .lbl .n{color:var(--text-2)}
.card-h .act{font-size:13px;font-weight:600;color:var(--accent-ink);white-space:nowrap}
.card-h .act:hover{text-decoration:none;color:#9a3412}
.card-h button.act{background:none;border:0;padding:0;cursor:pointer;font-family:var(--sans)}
p{margin:8px 0}
.kicker{font-family:var(--sans);font-size:12px;text-transform:none;color:var(--text-3);font-weight:700;margin:0 0 8px}
.kicker.accent{color:var(--accent)}
.idline{font-size:15px;color:var(--text-2);margin:2px 0 0}
.mut{color:var(--text-2)}
.faint{color:var(--text-3)}
.small{font-size:13px}
.lead{font-size:17px;color:var(--text-2)}
.c-ok{color:var(--ok-tx)}.c-warn{color:var(--warn-tx)}.c-bad{color:var(--bad-tx)}
.nowrap{white-space:nowrap}

/* ---- carduri ---- */
.panel{background:var(--card);border:.5px solid var(--hairline);border-radius:16px;padding:16px 24px;margin:12px 0}
.panel>:first-child{margin-top:0}
.panel>:last-child{margin-bottom:0}
.cards{display:grid;gap:12px;margin:16px 0}
@media(min-width:560px){.cards{grid-template-columns:1fr 1fr}}
.card{background:var(--card);border:.5px solid var(--hairline);border-radius:16px;padding:16px}
.card b{display:block;font-family:var(--display);font-weight:700;font-size:28px;letter-spacing:-.02em}
.card span{font-size:13px;color:var(--text-3)}
.dashbox{background:var(--card);border:.5px solid var(--hairline);border-radius:16px;padding:16px 24px;margin:24px 0}

/* ---- settings-list (ledger) ---- */
table.ledger{width:100%;border-collapse:collapse;margin:0}
.ledger tr+tr th,.ledger tr+tr td{border-top:.5px solid var(--hairline)}
.ledger th{text-align:left;font-weight:400;color:var(--text-3);font-size:15px;padding:12px 12px 12px 0;vertical-align:top}
.ledger td{text-align:right;font-weight:500;font-size:15px;padding:12px 0;vertical-align:top}
.ledger .why{display:inline-block;background:transparent;border:0;border-radius:0;margin:0 0 0 4px;vertical-align:1px}
.ledger .why>summary{display:inline-flex;align-items:center;justify-content:center;position:relative;width:17px;height:17px;padding:0;border:.5px solid var(--hairline);border-radius:50%;list-style:none;color:var(--text-3);font-size:12px;font-weight:600;line-height:1}
.ledger .why>summary::before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:44px;height:44px;border-radius:50%}
.ledger .why>summary::-webkit-details-marker{display:none}
.ledger .why>summary:hover{background:var(--bg);color:var(--text-2)}
.ledger .why[open]{display:block;margin:8px 0 0}
.ledger .why[open]>summary{border-bottom:.5px solid var(--hairline);border-radius:50%}
.ledger .why-text{display:block;margin-top:4px;max-width:52ch;line-height:1.45}
.slist{padding:0}
.slist .ledger{margin:0}
.slist .ledger th{padding-left:16px}
.slist .ledger td{padding-right:16px}

/* ---- card identitate broker ---- */
.idlabel{font-family:var(--mono);font-size:12px;color:var(--text-3);margin:0 0 8px}
.panel.idcard{border:1px solid var(--ledger-ink);border-radius:8px}
.panel.idcard .idlabel{font:600 12px/1 var(--mono);text-transform:none;color:var(--text-3);margin:0 0 8px}
.idcard h1{font-family:var(--sans);font-weight:700;font-size:24px;letter-spacing:-.02em;line-height:1.15;text-transform:none;margin:0}
.idcard .verdict{border-top:.5px solid var(--hairline);margin:16px 0 0;padding-top:16px}
/* P66 — Monitor quick-action (ledger style: 1px ink border, mono uppercase, no shadow/animation) */
.idcard-watch{margin:14px 0 2px}
.idcard-watch-btn{display:inline-flex;align-items:center;gap:6px;min-height:40px;padding:10px 14px;font:600 12px/1 var(--sans);text-transform:none;color:var(--ledger-ink);background:var(--ledger-cream);border:1px solid var(--ledger-ink);border-radius:6px;cursor:pointer;text-decoration:none}
.idcard-watch-btn:hover:not(:disabled){background:var(--card)}
.idcard-watch-btn:disabled{cursor:default}
.idcard-watch-btn.is-watching{color:var(--ok-tx);border-color:var(--ledger-chip-border);cursor:default}
.idcard-watch-btn.is-limit{color:var(--bad-tx);border-color:var(--ledger-chip-border)}
.idcard-watch .watch-note{text-align:left;max-width:none;margin-top:6px}

/* ---- verdict (punct + text + scor) ---- */
.verdict{display:flex;align-items:center;justify-content:space-between;gap:16px;margin:16px 0 0}
.demo-verdict .vleft{display:flex;align-items:center;gap:9px;min-width:0}
.vdot{width:9px;height:9px;border-radius:50%;flex:0 0 auto;background:var(--text-3)}
.v-green .vdot{background:var(--ok)}
.v-yellow .vdot{background:#ff9f0a}
.v-red .vdot{background:var(--bad)}
.v-stale .vdot{background:#ff9f0a}
.vtext{font-weight:600;font-size:13px;line-height:1.35;color:var(--text)}
.v-green .vtext{color:var(--ok-tx)}.v-yellow .vtext,.v-stale .vtext{color:var(--warn-tx)}.v-red .vtext{color:var(--bad-tx)}
.score-box{flex:0 0 auto;text-align:center;border:1px solid var(--ledger-ink);border-radius:6px;padding:7px 12px 5px;min-width:64px;background:var(--card)}
.score-box .n{font-family:var(--display-black);font-size:26px;line-height:1;letter-spacing:-.5px}
.score-box .d{font:600 12px/1 var(--sans);text-transform:none;color:var(--text-3);margin-top:4px}

/* ---- pills ---- */
.pills{display:flex;flex-wrap:wrap;gap:8px;margin:16px 0}
.pill{display:inline-flex;align-items:center;border-radius:20px;padding:8px 16px;font-size:13px;font-weight:500;background:rgba(0,0,0,.04);color:var(--text-2);line-height:1.45}
.pill.warn{background:var(--warn-bg);color:var(--warn-tx)}
.pill.bad{background:rgba(255,59,48,.1);color:var(--bad-tx)}
.tag{display:inline-block;background:rgba(0,0,0,.04);color:var(--text-2);font-size:12px;border-radius:20px;padding:2px 9px;font-weight:500;vertical-align:2px;text-transform:none}
.tag.c-ok{background:rgba(52,199,89,.15);color:var(--ok-tx)}

/* ---- butoane + forme ---- */
.btn{display:inline-block;background:var(--btn-ink);color:#fff;border:1px solid var(--btn-ink);border-radius:8px;font:700 15px/1.2 var(--sans);padding:13px 22px;min-height:46px;cursor:pointer;text-align:center;text-decoration:none;box-shadow:var(--btn-ink-shadow),var(--btn-ink-hi)}
.btn:hover{background:var(--btn-ink-hover);border-color:var(--btn-ink-hover);text-decoration:none;transform:translateY(-1px);box-shadow:var(--btn-ink-shadow-h),var(--btn-ink-hi)}
/* focus vizibil pe fundal DESCHIS: inelul global e --accent-ink, dar pe pilula ink e prea slab.
   Contur intunecat + offset, ca sa se vada si pe alb, si pe carduri. */
.btn:focus-visible{outline:2px solid var(--btn-ink);outline-offset:3px}
.btn[disabled],.btn:disabled{box-shadow:none;transform:none}
.btn:active{transform:translateY(0) scale(.985)}
.btn.block{display:block;width:100%}
.btn.round{width:48px;height:48px;border-radius:7px;padding:0;font-size:17px;flex:0 0 auto}
.btn[disabled]{opacity:.55;cursor:default}
button.linky{background:none;border:0;padding:0;font:inherit;color:var(--accent);font-weight:500;cursor:pointer}
label{display:block;font-size:13px;color:var(--text-2);font-weight:500}
input,select,textarea{font:15px/1.4 var(--sans);color:var(--text);background:var(--bg);border:1px solid rgba(20,33,61,.10);border-radius:8px;padding:12px;width:100%}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent-ink);outline-offset:0;border-color:var(--accent-ink)}
input[type="checkbox"]{width:auto}
input[type="file"]{padding:8px 12px;font-size:13px}
textarea{min-height:96px;resize:vertical}
form.stack{display:grid;gap:12px;max-width:430px;margin:12px 0}
.legal-check{display:grid;grid-template-columns:auto minmax(0,1fr);gap:14px;align-items:start}
.legal-check>input{margin-top:2px;width:auto}
.legal-check label{display:inline;color:var(--text);font-weight:500}
.legal-check p{margin:3px 0 0;font-size:13px;color:var(--text-2)}
.formbox{background:var(--card);border:.5px solid var(--hairline);border-radius:16px;padding:16px 24px;margin:16px 0;max-width:470px}
.formbox .stack{margin:0;max-width:none}

/* ---- P8: Continue with Google ---- */
.gbtn{display:flex;align-items:center;justify-content:center;gap:12px;width:100%;max-width:470px;background:var(--card);border:1px solid rgba(20,33,61,.18);border-radius:8px;padding:13px 16px;margin:16px 0 0;font:600 15px/1.2 var(--sans);color:var(--text)}
.gbtn:hover{text-decoration:none;background:#fafafa;border-color:rgba(0,0,0,.3)}
.gbtn:active{transform:scale(.995)}
.gbtn svg{flex:none}
.orsep{display:flex;align-items:center;gap:12px;width:100%;max-width:470px;margin:16px 0 0;color:var(--text-3);font-size:12px}
.orsep::before,.orsep::after{content:"";flex:1;height:.5px;background:rgba(0,0,0,.12)}

/* ---- search + autocomplete ---- */
.search{display:flex;align-items:center;background:var(--card);border:1px solid rgba(20,33,61,.10);border-radius:10px;padding:7px 7px 7px 16px;gap:12px;margin:16px 0;position:relative;box-shadow:0 8px 24px rgba(20,33,61,.08)}
.search input{border:0;background:transparent;font-size:16px;padding:8px 0;min-height:44px;flex:1;border-radius:0}
.search input:focus{outline:none}
.search:focus-within{border-color:#5c6f8d;box-shadow:0 0 0 3px rgba(20,33,61,.13)}
.search .btn{flex:none;padding:13px 16px;border-radius:7px}
.ac{position:absolute;top:calc(100% + 8px);left:0;right:0;z-index:30;margin:0;padding:8px;list-style:none;background:var(--card);border:.5px solid var(--hairline);border-radius:14px;max-height:330px;overflow-y:auto;box-shadow:0 16px 40px rgba(0,0,0,.12)}
.ac li{display:flex;gap:8px;align-items:baseline;padding:8px 12px;border-radius:9px;cursor:pointer;font-size:13px}
.ac li.sel,.ac li:hover{background:rgba(0,0,0,.04)}
.ac .nm{flex:1 1 auto;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-weight:500}
.ac .mc{color:var(--text-3);font-size:12px;white-space:nowrap;font-family:var(--mono)}
.ac .sc{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.01em;white-space:nowrap}

/* ---- events (istoric / alerts) ---- */
.events{margin:4px 0 0}
.events .row{display:flex;gap:16px;padding:12px 0;border-bottom:.5px solid var(--hairline);font-size:15px;align-items:baseline}
.events .row:last-child{border-bottom:0}
/* P117 R3 — data unui rand e METADATA, nu status: acelasi gri neutru peste tot (alerts + profil). */
.events time,.events .d{color:#6b7280;flex:0 0 88px;font-size:13px}
/* P117 R3 — si reversul: .events .d (0,2,0) batea .c-bad (0,1,0), deci eticheta de status
   ("Auth inactive", "Bond cancel") se randa GRI, iar culoarea ajunsese pe data. Culoarea se intoarce
   pe CUVANT, cu specificitatea necesara. Zero culori noi: exact tokenii semantici existenti. */
.events .d.c-ok{color:var(--ok-tx)}
.events .d.c-warn{color:var(--warn-tx)}
.events .d.c-bad{color:var(--bad-tx)}
.events.alerts .d{flex:0 0 118px;font-size:13px;font-weight:500}
/* P117 R4 — densitate de lista: rand 10px, numele 15px/600 (dupa title-case nu mai tipa),
   descrierea 13px pe gri de meta, data 13px/500 pe acelasi gri. */
.alerts-page .events .row{padding:10px 0;font-size:13px}
.alerts-page .events .row a{font-size:15px;font-weight:600}
.alerts-page .events .row>div{color:#6b7280}
.alerts-page .events .row>div a{color:var(--text)}
.alerts-page .events .src{font-size:13px;color:#6b7280}
.events .src{display:block;font-size:12px;color:var(--text-3);margin-top:4px}
.events a{color:var(--text);font-weight:500}
.events a:hover{color:var(--accent);text-decoration:none}
/* Alerts: current upcoming facts separate from newly detected 7-day changes. */
/* P117 addendum — un singur rand de meta sub H1, in locul introului de doua propozitii. */
.alerts-page-meta{max-width:78ch;margin:0 0 24px;font-size:13px;line-height:1.5;color:#6b7280}
.alert-block{margin:0 0 40px}
/* Titlul de sectiune nu mai are kicker deasupra (fereastra de timp s-a mutat in pastila), deci
   h2 si pastila sunt frati directi si se aliniaza pe centru. */
.alert-title{display:flex;align-items:center;justify-content:space-between;gap:12px 24px}
.alert-title h2{margin:0;font-size:20px}
.alert-count{flex:none;border:.5px solid var(--hairline);border-radius:999px;background:var(--card);padding:5px 11px;
  color:var(--text-2);font-size:12px;font-weight:600;white-space:nowrap}
.alert-count.c-warn{background:var(--warn-bg);border-color:rgba(255,159,10,.26);color:var(--warn-tx)}
/* P117 addendum — nota sectiunii e footnote sub titlu: 13px, gri de meta. */
.alert-footnote{margin:8px 0 0;max-width:72ch;font-size:13px;line-height:1.5;color:#6b7280}
.alert-block .panel{margin-top:12px}
/* P117 addendum (cerere Sergiu) — linia verticala portocalie din stanga cardurilor iese peste tot.
   Cardul ramane pe bordura hairline normala a lui .panel. */
/* P117 R3 — aici statea, de fapt, rosul de pe data (nu pe clasa c-warn, ci pe selectorul asta).
   Data trece pe gri de meta, la fel ca in restul listelor; amberul ramane pe badge-ul sectiunii
   ("N scheduled") si pe bordura panoului, adica pe status, nu pe cifra. */
.upcoming-alerts .d{font-weight:500;color:#6b7280}
@media(max-width:560px){
  .alert-title{align-items:flex-start}.alert-title h2{font-size:20px;flex:1;min-width:0}
  .alerts-page .events .row{display:grid;grid-template-columns:94px minmax(0,1fr);gap:8px 10px;align-items:start}
  .alerts-page .events.alerts .d{flex:none;font-size:13px}
}

/* ---- tabel date (directory) ---- */
.tablewrap{overflow-x:auto}
table.data{width:100%;border-collapse:collapse;font-size:15px;margin:4px 0}
.data th{text-align:left;font-size:12px;text-transform:none;color:var(--text-3);font-weight:700;border-bottom:.5px solid var(--hairline);padding:8px 12px 8px 0}
.data td{padding:12px 12px 12px 0;border-bottom:.5px solid var(--hairline);vertical-align:top}
.data tr:last-child td{border-bottom:0}
.data td.r,.data th.r{text-align:right;padding-right:0}
.data td.mc{font-family:var(--mono);font-size:13px;white-space:nowrap}
.data a{color:var(--text);font-weight:500}
.data a:hover{color:var(--accent);text-decoration:none}

/* ---- diverse ---- */
.flash{background:rgba(52,199,89,.12);color:var(--ok-tx);border-radius:14px;padding:12px 16px;margin:0 0 16px;font-size:15px;font-weight:500}
.flash.err{background:rgba(255,59,48,.1);color:var(--bad-tx)}
details{background:var(--card);border:.5px solid var(--hairline);border-radius:16px;margin:12px 0}
summary{cursor:pointer;padding:16px;font-size:15px;font-weight:500;border-radius:16px}
summary:hover{background:rgba(0,0,0,.02)}
details[open]>summary{border-bottom:.5px solid var(--hairline);border-radius:16px 16px 0 0}
details .inner{padding:12px 16px 16px}
/* P68 — jumping to the score breakdown (the "see full breakdown" CTA opens it via JS) must land it
   below the sticky header.site (~74px; taller on mobile where the live strip wraps into the header). */
/* P88.6 — acelasi tratament pentru #history, tinta noua a randului "Authority age" din BROKER DETAILS. */
#score-breakdown,#history{scroll-margin-top:90px}
@media(max-width:900px){#score-breakdown,#history{scroll-margin-top:132px}}
.pager{display:flex;gap:16px;align-items:baseline;margin:16px 2px;font-size:13px;color:var(--text-2);flex-wrap:wrap}
.pager a{font-weight:500}
.statelist{font-size:13px;line-height:2.2;margin:10px 2px}
.statelist a{margin-right:10px;white-space:nowrap;color:var(--text-2)}
.statelist a:hover{color:var(--accent);text-decoration:none}
.linkrow{margin:16px 0;font-size:15px;display:flex;flex-wrap:wrap;gap:8px 12px;align-items:baseline}
.linkrow a{color:var(--accent);font-weight:500}
.linkrow .sep{color:var(--text-3)}
.typed{white-space:pre-wrap;background:var(--card);border:.5px solid var(--hairline);border-radius:16px;padding:16px;font-size:15px;overflow-x:auto}
.article{max-width:680px;font-size:16px;line-height:1.7}
.article p{margin:14px 0}
.article h2{text-transform:none;font-size:20px;letter-spacing:-.01em;margin-top:30px}
.article ul{padding-left:22px;margin:12px 0}
.article li{margin:6px 0}
hr{border:0;border-top:.5px solid var(--hairline);margin:26px 0}

/* ---- footer ---- */
footer{background:var(--bg);border-top:.5px solid var(--hairline);margin-top:0;padding:32px clamp(20px,4vw,40px) 40px;text-align:center;font-size:12px;color:var(--text-2);line-height:1.7}
footer .fbrand{font-weight:600;color:var(--text)}
footer .legal{margin:8px auto 12px;padding:0;list-style:none;max-width:720px}
footer .legal li{margin:3px 0}
footer .flinks{margin:0;font-size:12px}
footer .faffil{margin:6px auto 12px;max-width:720px}
footer .flinks a{color:var(--text-2)}
footer .flinks a:hover{color:var(--accent);text-decoration:none}

/* ---- hero homepage "Justice in the clouds" ----
   Imaginea, norii si continutul sunt straturi separate. Miscarea foloseste exclusiv
   transform/opacity (compositor/GPU), fara video sau WebGL. */
/* HERO (preview) — compozitie: TEXT SUS pe cer, CAMION INTREG dedesubt, SEARCH pe sosea, apoi cardul.
   Poza v24 e PORTRET 941x1671 (derivat 1280x2273).
   Trei variabile controleaza tot; la o schimbare de poza doar ele se ating:
     --hero-band-h  inaltimea benzii de imagine
     --hero-focus   background-position (unde se ancoreaza subiectul cand banda decupeaza)
     --hero-sky     unde se stinge scrim-ul de cer */
.hero{--hero-band-h:1300px;--hero-focus:center 63%;--hero-sky:54%;
  position:relative;isolation:isolate;min-height:100vh;min-height:100svh;overflow:hidden;color:#fff;
  background:#767175 linear-gradient(180deg,#767175 0%,#14213d 72%,#1b2e4d 100%);perspective:1200px}
/* Pe ecran lat, poza PORTRET nu poate merge pe cover: la 1454x1300 ar fi scalata la 202% si
   camionul ar iesi taiat. Deci pe desktop sta centrata la inaltimea benzii (auto 100%, deci INTREAGA),
   iar lateralele se prelungesc cu gradientul existent. Swap-ul v24 pastreaza acest gradient desktop
   in perimetrul ingust si schimba doar fotografia, LQIP-ul si fallback-ul cerut. */
.hero-scene{position:absolute;z-index:0;inset:0 0 auto 0;width:100%;height:var(--hero-band-h);pointer-events:none;
  /* auto 128% + ancorare sus = poza se mareste si i se taie partea de jos (drumul gol de sub
     camion), pastrand cerul si camionul intreg. Fara masca la baza: masca insemna intunecare. */
  /* Straturile, de sus in jos: poza reala -> LQIP (30px, blurat, inline base64) -> gradientul
     lateral -> culoarea de ultima instanta. Pana se descarca poza pe retea lenta se vede CERUL
     blurat, nu o perdea plata. Culoarea finala e cerul sunset esantionat din poza (#767175), nu navy-ul
     de brand — daca pica si LQIP-ul, fundalul ramane tot cer, nu bloc de culoare. */
  background:
    url('/img/hero-truck.jpg?v=d97244df5a') center top/auto 128% no-repeat,
    url('data:image/jpeg;base64,/9j/2wBDABIMDRANCxIQDhAUExIVGywdGxgYGzYnKSAsQDlEQz85Pj1HUGZXR0thTT0+WXlaYWltcnNyRVV9hnxvhWZwcm7/2wBDARMUFBsXGzQdHTRuST5Jbm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm7/wAARCAA1AB4DASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAMCBAUBBv/EACcQAAICAQMDBAIDAAAAAAAAAAECAAMRBBIhBUFREzFhcSKBFJHB/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAIDAf/EABgRAQEBAQEAAAAAAAAAAAAAAAABAhES/9oADAMBAAIRAxEAPwDNUJZwDgyYQoDzkCJWss2QefiMVmGQxP0Zsy4OSSAeDHU6dypJka0NvbaQfHEsG2xVCVruxHXeKW9t2cEHPtG2XM2B7fqW69NU7fkGb64k7dEtCGyxtlQ5JbtMvcaeKpad3V8knHjM0qrEasD03+WXnMVor+nW2enVetj+ADL2ls099liM1avWcMtjbcfUa1wzmVnp1+tDxpiP32/qL1nV2axaxXW1bbWCN+Xuecn/ACZXrEHKgSm+kDuW3kZOcCRnEl6q6tnHpdT/AANAVdV3XAlh6IGPJ78Tzut1B1PUbr03IthyARnwIV6Za85djn37RoKKMIoUfEtJeTDcYQgcLGcyYQgf/9k=') center top/auto 128% no-repeat,
    linear-gradient(180deg,#5f769f 0%,#6b7d9d 22%,#74879f 42%,#8d9fbb 52%,#6a6c71 63%,#57565c 76%,#4a4950 100%),
    #767175;
  will-change:transform;animation:hero-scene-drift 12s ease-in-out infinite alternate}
.hero-photo{display:none}
/* Derivatul v24 este JPEG progresiv 1280x2273; nu are o varianta @2x separata. */
/* Norii decorativi (hero-depth + .hero-cloud-*, mosteniti de la designul cu statuia) NU se mai
   randeaza: puful alb se suprapunea peste roti si peste partea de jos a camionului. Poza noua isi
   are propriul cer, nu are nevoie de straturi peste ea. */
.hero-depth,.hero-cloud,.hero .cl,.hero .cl1,.hero .cl2,.hero .cl3{display:none}
.hero-depth{position:absolute;z-index:1;inset:0 0 auto 0;width:100%;height:calc(var(--hero-band-h) * 0.46);overflow:hidden;pointer-events:none;transform-style:preserve-3d;
  transform:translate3d(0,var(--hero-depth-y,0px),0);mix-blend-mode:screen;will-change:transform}
.hero-cloud{position:absolute;left:-14%;top:-12%;width:128%;height:124%;opacity:0;pointer-events:none;
  background-repeat:repeat-x;background-position:center;background-size:2048px 100%;transform-origin:50% 60%;
  will-change:transform,opacity;animation-name:hero-cloud-flight;animation-timing-function:linear;animation-iteration-count:infinite}
.hero-cloud-far{--cloud-opacity:.24;background-image:url('/img/clouds1.png?v=1386518875');animation-duration:21s;animation-delay:-4s}
.hero-cloud-mid{--cloud-opacity:.30;background-image:url('/img/clouds2.png?v=3f681e79b5');animation-duration:15s;animation-delay:-9s}
.hero-cloud-near{--cloud-opacity:.68;left:-6%;top:-4%;width:112%;height:112%;background-image:url('/img/hero-clouds-foreground-v1.webp?v=001f171c0e');
  background-repeat:no-repeat;background-size:cover;animation-name:hero-cloud-rush;animation-duration:9.5s;animation-delay:-2s}
/* Legacy cloud classes remain harmless if an older cached page still contains them. */
.hero .cl{position:absolute;left:0;top:0;width:calc(100% + 2048px);height:100%;pointer-events:none;
  background-repeat:repeat-x;background-size:2048px 100%}
.hero .cl1{background-image:url('/img/clouds1.png?v=1386518875');opacity:.65;animation-duration:95s}
.hero .cl2{background-image:url('/img/clouds2.png?v=3f681e79b5');opacity:.75;animation-duration:55s}
.hero .cl3{background-image:url('/img/clouds3.png?v=1020f0733e');opacity:.85;animation-duration:30s}
/* Compatibility class for any previously rendered visual media. */
.hero-media{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:right center}
@media(prefers-reduced-motion:reduce){
  .hero-scene{animation:none!important;transform:none!important}.hero-depth{display:none}.hero-media{display:none}
  .demo-mc .caret{animation:none;opacity:0}.site-curtain{display:none!important}
  .hero-nav{animation:none!important;opacity:1!important;transform:translateX(-50%)!important;filter:none!important}
  .hero .eyebrow,.hero-title-line>span,.hero .sub,.hero .search,.hero .hstats,.hero .hero-proof{animation:none!important;opacity:1!important;transform:none!important;filter:none!important}
}
/* Degradeul de la baza hero-ului venea din designul cu cer luminos: peste panoul de cerneala e o
   banda lunga si goala intre card si prima sectiune. Nu se mai randeaza. */
.hero .fade{display:none;position:absolute;left:0;right:0;bottom:0;height:120px;
  z-index:3;background:linear-gradient(180deg,transparent,var(--bg))}
/* P17 E2 — voal intunecat subtil DOAR in stanga (sub text) ca albul sa iasa clar pe cerul deschis */
/* Scrim-ul se masoara fata de BANDA, nu fata de tot hero-ul: cand era inset:0, procentele se
   raportau la 1163px, asa ca stopul de 46% cadea la 535px si acoperea cabina. Acum se opreste
   in interiorul benzii, iar sub --hero-sky nu mai exista NICIO intunecare. */
.hero::before{content:"";position:absolute;inset:0 0 auto 0;height:var(--hero-band-h);z-index:2;pointer-events:none;
  /* Gradient DOAR peste zona de sus (cer), stins la --hero-sky. Sub el nu mai exista velo:
     cabina si soseaua raman la luminozitatea lor naturala. */
  background:linear-gradient(180deg,rgba(16,26,44,.92) 0%,rgba(16,26,44,.90) 28%,rgba(16,26,44,.82) 38%,rgba(16,26,44,.62) 44%,rgba(16,26,44,.30) 49%,rgba(16,26,44,.10) 52%,transparent var(--hero-sky))}
/* Ritm de sectiune uniform: hero-ul se termina la card, iar prima banda isi da singura cei 72px.
   Inainte se adunau 24px padding + un degrade de 120px + 48px padding = ~144px de banda goala. */
.hero .wrap{position:relative;z-index:4;padding-top:72px;padding-bottom:0}
.hband:first-of-type{padding-top:72px}
.hero-proof{margin-bottom:0}
.hero-nav{position:fixed;z-index:90;top:0;left:50%;width:min(calc(100% - 48px),1400px);height:72px;padding:0 16px;
  display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);align-items:center;column-gap:36px;
  transform:translateX(-50%)}
.hero-nav::before{content:"";position:absolute;z-index:-1;top:0;bottom:0;left:50%;width:100vw;transform:translateX(-50%);
  background:rgba(9,16,28,.96);box-shadow:0 1px 0 rgba(255,255,255,.08),0 10px 24px rgba(0,0,0,.12);
  opacity:.50;pointer-events:none;transition:opacity .24s ease}
.hero-nav.is-scrolled::before{opacity:1}
.hero-nav-side{display:flex;align-items:center;gap:34px;min-width:0}
.hero-nav-left{justify-content:flex-end}.hero-nav-right{justify-content:flex-start}
.hero-nav-side a{color:rgba(255,255,255,.92);font-size:12px;font-weight:700;line-height:22px;text-transform:none;white-space:nowrap;text-shadow:0 1px 12px rgba(0,0,0,.5)}
.hero-nav-side a:hover,.hero-nav-side a[aria-current="page"]{color:#fff;text-decoration:none}
.hero-nav .brand{color:#fff;text-shadow:0 1px 8px rgba(30,60,110,.35)}
.hero-nav .brand-mark{width:32px;height:32px}.hero-nav .brand-word{font-size:20px;font-weight:700;letter-spacing:-.01em}
.hero-nav .brand-shield{fill:rgba(8,28,58,.72);stroke:rgba(255,255,255,.9)}
.hero-nav .brand-lane{stroke:rgba(8,28,58,.9)}
.hero-nav .brand-word>span{color:#fff}
.hero-nav>.menu{display:none}
.hero-content{margin-top:clamp(150px,21vh,220px);max-width:660px;padding-bottom:112px}
.eyebrow{display:flex;align-items:center;gap:9px;font-family:var(--sans);font-size:12px;font-weight:700;letter-spacing:2px;text-transform:uppercase;margin:0;color:#fff;opacity:1;text-shadow:0 1px 12px rgba(0,0,0,.58)}
.hero .eyebrow::before{content:"";width:18px;height:2px;border-radius:2px;background:var(--accent-2);box-shadow:0 1px 5px rgba(0,0,0,.22)}
.hero h1{font-family:var(--display);font-weight:800;font-size:clamp(42px,4.15vw,64px);letter-spacing:-.02em;line-height:1.06;text-transform:none;color:#fff;
  margin:15px 0 0;text-shadow:0 2px 14px rgba(0,0,0,.32)}
.hero-title-line{display:block;overflow:hidden}
.hero-title-line>span{display:block;will-change:transform}
.hero-mobile-break{display:none}
.hero .sub{font-size:16px;line-height:1.5;max-width:590px;margin:17px 0 0;color:#fff;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.85),0 2px 14px rgba(0,0,0,.5)}
/* P114C — varianta B aleasa de Sergiu: sticla NEUTRA (fara tenta calda) + buton ink.
   Perimetru: DOAR .hero .search si butonul ei; .search de pe restul site-ului ramane neatins. */
/* Search-ul coboara pe SOSEA, imediat sub camion: 85% din banda, minus inaltimea blocului de text
   de deasupra lui (masurata: se termina la y=568 pe desktop). */
.hero .search{max-width:600px;margin:calc(var(--hero-band-h) * 0.975 - 568px) 0 0;padding:7px 7px 7px 16px;position:relative;z-index:30;
  border-radius:999px;border:0;
  background:rgba(255,255,255,.42);
  -webkit-backdrop-filter:blur(20px) saturate(1.15);
  backdrop-filter:blur(20px) saturate(1.15);
  box-shadow:0 10px 30px rgba(10,20,30,.18),
    inset 0 -8px 16px -10px rgba(15,40,70,.15)}
/* inel specular (calmat) */
.hero .search::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1.2px;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.8),rgba(255,255,255,.22) 30%,rgba(255,255,255,.05) 58%,rgba(255,255,255,.45) 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
/* sheen (calmat) */
.hero .search::after{content:"";position:absolute;inset:1px;border-radius:inherit;pointer-events:none;
  background:linear-gradient(180deg,rgba(255,255,255,.22),rgba(255,255,255,.04) 46%,transparent 60%)}
.hero .search input{position:relative;z-index:1;color:#1d1d1f}
.hero .search input::placeholder{color:rgba(29,29,31,.83);opacity:1}
.hero .search:focus-within{box-shadow:0 10px 30px rgba(10,20,30,.18),
    inset 0 -8px 16px -10px rgba(15,40,70,.15),
    0 0 0 3px rgba(255,255,255,.38)}
/* Fara backdrop-filter (browser vechi) → cardul alb de azi, cu umbra de azi. */
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hero .search{background:var(--card);box-shadow:0 16px 42px rgba(10,22,42,.22)}
  .hero .search::before,.hero .search::after{display:none}
}
/* butonul: ink solid (fara gradient portocaliu, fara arc specular, fara glow colorat) */
.hero .search .btn.round{position:relative;z-index:1;
  width:46px;height:46px;min-height:46px;padding:0;border-radius:50%;
  display:inline-flex;align-items:center;justify-content:center;color:#fff;
  background:#121a24;
  border:1px solid rgba(255,255,255,.22);
  box-shadow:0 4px 12px rgba(10,20,30,.35),inset 0 1px 0 rgba(255,255,255,.18);
  transition:transform 150ms ease,box-shadow 150ms ease}
.hero .search .btn.round:hover{background:#121a24;border-color:rgba(255,255,255,.3);transform:none;
  box-shadow:0 6px 16px rgba(10,20,30,.45),inset 0 1px 0 rgba(255,255,255,.22)}
.hero .search .btn.round:active{transform:scale(.96)}
.hero .search .btn.round:focus-visible{outline:2px solid #fff;outline-offset:3px;
  box-shadow:0 4px 12px rgba(10,20,30,.35),inset 0 1px 0 rgba(255,255,255,.18)}
.hero .search .btn.round svg{position:relative;z-index:1;width:20px;height:20px;display:block}
.hero .hstats{margin:16px 0 0;font-size:13px;color:#fff;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.85),0 2px 12px rgba(0,0,0,.5)}
/* P96 — varianta pe chip-uri a aceleiasi linii: sub H1, deasupra propozitiei de suport. Ramane
   .hstats ca sa mosteneasca reveal-ul, print-ul si pozitia; is-chips doar schimba forma. */
.hero .hstats.is-chips{display:flex;flex-wrap:wrap;gap:7px;margin-top:15px;text-shadow:none}
/* P114D — chip-urile din hero pe liquid glass, consistent cu varianta B de la search:
   bordura uniforma inlocuita de inelul specular; textul (alb, 12px w600) si padding-ul raman. */
.hero .hstats.is-chips>span{position:relative;display:inline-flex;align-items:center;padding:5px 11px;border-radius:999px;
  border:0;background:rgba(22,30,40,.38);
  -webkit-backdrop-filter:blur(14px) saturate(1.15);backdrop-filter:blur(14px) saturate(1.15);
  box-shadow:0 4px 14px rgba(8,14,22,.25),inset 0 1px 0 rgba(255,255,255,.18);
  font-size:13px;font-weight:600;white-space:nowrap}
/* inel specular pe suprafata inchisa (aceeasi tehnica mask-composite ca la bara de search).
   E un chenar mascat de 1px: nu acopera niciodata glifele, deci textul ramane deasupra vizual. */
.hero .hstats.is-chips>span::before{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;pointer-events:none;
  background:linear-gradient(125deg,rgba(255,255,255,.45),rgba(255,255,255,.12) 30%,rgba(255,255,255,.03) 58%,rgba(255,255,255,.25) 94%);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);
  -webkit-mask-composite:xor;mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask-composite:exclude}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  .hero .hstats.is-chips>span{background:rgba(20,28,38,.55)}
}
.hero-proof{width:min(100%,480px);margin-top:17px}
.hero-proof .demo-card{max-width:none;color:var(--text)}
.hero-proof .demo-card-top{padding:6px 18px 5px}
.hero-proof .demo-meta{gap:8px;padding:5px 18px 0}
.hero-proof .demo-name{font-size:16px;padding:4px 18px 6px}
.hero-proof .demo-card .demo-verdict{padding:8px 18px}
.hero-proof .score-box{padding:5px 10px 4px;min-width:58px}.hero-proof .score-box .n{font-size:20px}.hero-proof .score-box .d{font-size:12px;margin-top:3px}
.hero-proof .demo-card .pills{gap:6px;padding:0 18px 6px}.hero-proof .demo-card .pill{padding:5px 9px;font-size:12px}
.hero-proof .demo-source{padding:7px 18px}.hero-proof .demo-note{padding:0 18px 9px;font-size:12px}
@media(max-width:1120px){.hero-nav{column-gap:22px}.hero-nav-side{gap:20px}.hero-nav-side a{font-size:12px}}
@media(max-width:768px){
  .hero .wrap{padding-top:64px}
  .hero .eyebrow{display:none}
  .hero-nav{width:calc(100% - 28px);height:64px;grid-template-columns:1fr auto;padding:0 4px;column-gap:12px}
  .hero-nav-side{display:none}.hero-nav .brand{grid-column:1;justify-self:start}.hero-nav>.menu{display:block;grid-column:2;justify-self:end}
  .hero-nav .menu>summary{color:#fff;text-shadow:0 1px 10px rgba(0,0,0,.55)}
  .hero-nav .brand-word{font-size:15px;letter-spacing:-.01em}.hero-nav .brand-mark{width:26px;height:26px}
}
/* Tablet crop: keep Lady Justice to the right of the product copy. The desktop "right"
   crop otherwise places her face directly behind the heading between 641px and 899px. */
@media(min-width:641px) and (max-width:899px){
  .hero{--hero-band-h:1040px}
  .hero .search{margin-top:calc(var(--hero-band-h) * 0.975 - 520px)}
  .hero-content{max-width:560px}
}
/* linia de acoperire de sub search (era opacity redusa) — alba clara pe cer */
.hero .cover-line{font-size:15px;margin:12px 0 0;color:#fff;opacity:1;text-shadow:0 1px 3px rgba(0,0,0,.85),0 2px 12px rgba(0,0,0,.5)}
/* P79 reveal restaurat: starea de baza e display:none si tot hero-ul ramane vizibil. Doar clasele
   adaugate de app.js la DOMContentLoaded pornesc wipe-ul. Panourile pastreaza timing-urile originale,
   dar sunt translucide: fotografia sau LQIP-ul inline raman texturate sub ele, niciodata navy plat. */
.site-curtain{display:none;position:fixed;z-index:999;inset:0;overflow:hidden;pointer-events:none}
.js.hero-reveal .site-curtain{display:block;animation:curtain-done 0s 1.1s forwards}
.site-curtain>span{position:absolute;inset:0;will-change:transform;transform:translateX(0)}
.curtain-back{z-index:1;background:rgba(10,16,28,.76)}
.curtain-front{z-index:2;background:rgba(20,33,61,.52)}
.js.hero-reveal .curtain-back{animation:curtain-exit .8s .24s cubic-bezier(.67,0,.3,1) forwards}
.js.hero-reveal .curtain-front{animation:curtain-exit .8s .1s cubic-bezier(.67,0,.3,1) forwards}
@keyframes curtain-exit{to{transform:translateX(-102%)}}
@keyframes curtain-done{to{visibility:hidden}}
@keyframes hero-nav-in{from{opacity:0;transform:translate(-50%,-14px)}to{opacity:1;transform:translate(-50%,0)}}
@keyframes hero-line-in{from{transform:translateY(200%)}to{transform:translateY(0)}}
@keyframes hero-detail-in{from{opacity:0;transform:translateY(14px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-scene-drift{
  from{transform:translate3d(calc(var(--hero-pointer-x,0px) - 8px),calc(var(--hero-pointer-y,0px) + var(--hero-scroll-y,0px) + 4px),0) scale(1.04)}
  to{transform:translate3d(calc(var(--hero-pointer-x,0px) + 8px),calc(var(--hero-pointer-y,0px) + var(--hero-scroll-y,0px) - 8px),0) scale(1.065)}
}
@keyframes hero-cloud-flight{
  0%{opacity:0;transform:translate3d(-5%,7%,-30px) scale(.78)}
  18%{opacity:var(--cloud-opacity)}
  76%{opacity:var(--cloud-opacity)}
  100%{opacity:0;transform:translate3d(4%,-6%,80px) scale(1.32)}
}
@keyframes hero-cloud-rush{
  0%{opacity:0;transform:translate3d(0,10%,-80px) scale(.82)}
  16%{opacity:var(--cloud-opacity)}
  58%{opacity:var(--cloud-opacity)}
  100%{opacity:0;transform:translate3d(0,-7%,180px) scale(1.52)}
}
.js.hero-ready .hero-nav{animation:hero-nav-in .68s cubic-bezier(.22,1,.36,1) both}
.js.hero-ready .hero-title-line>span{animation:hero-line-in 1.3s cubic-bezier(.16,1,.3,1) both}
.js.hero-ready .hero-title-line:nth-child(1)>span{animation-delay:.12s}
.js.hero-ready .hero-title-line:nth-child(2)>span{animation-delay:.34s}
.js.hero-ready .hero .eyebrow,.js.hero-ready .hero .sub,.js.hero-ready .hero .search,
.js.hero-ready .hero .hstats,.js.hero-ready .hero .hero-proof{animation:hero-detail-in .72s cubic-bezier(.16,1,.3,1) both}
/* Timing-urile originale urmeaza ordinea DOM: eyebrow -> H1 -> chips -> sub -> search -> card. */
.js.hero-ready .hero .eyebrow{animation-delay:.12s}.js.hero-ready .hero .hstats{animation-delay:.74s}
.js.hero-ready .hero .sub{animation-delay:.88s}.js.hero-ready .hero .search{animation-delay:1.06s}
.js.hero-ready .hero .hero-proof{animation-delay:1.30s}
.hero.hero-offscreen .hero-scene,.hero.hero-offscreen .hero-cloud{animation-play-state:paused;will-change:auto}
.hero.hero-offscreen .hero-depth{will-change:auto}
/* homepage banded: main fara padding (benzile isi gestioneaza ritmul), altfel padding standard */
body.has-hero main{padding:0}

/* ---- homepage sections P5: "produsul e decorul" (demo card + mock rate-con + record editorial) ---- */
.home-split{display:grid;gap:24px 32px;align-items:center}
@media(min-width:620px){
  .home-split{grid-template-columns:1fr minmax(280px,360px)}
  .home-split.rev .hs-copy{order:2}
  .home-split.rev .hs-visual{order:1}
}
.hs-copy h2{margin-top:0}
.hs-copy p{max-width:40ch}
.accent-link{color:var(--accent-ink);font-weight:600}
/* standalone card CTA links get a 44px tap target (inline prose accent-links stay inline) */
.accent-link.cta{display:inline-flex;align-items:center;min-height:44px}
.accent-link:hover{text-decoration:none;color:#9a3412}

.tilt-stage{perspective:1000px}
.demo-card{display:block;background:var(--card);border:1px solid var(--ledger-ink);border-radius:8px;padding:0;color:inherit;text-decoration:none;overflow:hidden;transition:box-shadow .18s ease,transform .18s ease}
.demo-card:hover{box-shadow:0 10px 28px rgba(0,0,0,.10);transform:translateY(-1px);text-decoration:none}
.demo-card-top{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 18px 10px;border-bottom:.5px solid var(--hairline)}
.demo-card-top .ledger-label{font:600 13px/1 var(--sans);text-transform:none;color:var(--text-3)}
.demo-open{font:600 13px/1 var(--sans);text-transform:none;color:var(--accent);white-space:nowrap}
.demo-meta{display:flex;align-items:center;gap:10px;flex-wrap:wrap;padding:14px 18px 0}
.demo-mc{margin:0;font:600 13px/1 var(--mono);color:var(--text-2)}
.vchip{display:inline-block;font:500 13px/1 var(--sans);text-transform:none;color:var(--text-2);background:var(--ledger-cream);border:1px solid var(--ledger-chip-border);border-radius:4px;padding:4px 7px}
.demo-name{font-family:var(--sans);font-weight:700;font-size:20px;line-height:1.15;letter-spacing:-.01em;padding:7px 18px 14px;border-bottom:.5px solid var(--hairline)}
.demo-card .demo-verdict{margin:0;padding:14px 18px}
.demo-card .pills{display:flex;flex-wrap:wrap;gap:7px;margin:0;padding:0 18px 14px}
.demo-card .pill{font:600 12px/1 var(--sans);text-transform:none;color:var(--text);background:var(--ledger-cream);border:1px solid var(--ledger-chip-border);border-radius:4px;padding:6px 9px}
.demo-source{margin:0;padding:10px 18px 12px;border-top:.5px solid var(--hairline);font:400 13px/1.5 var(--sans);color:var(--text-3)}
.demo-note{margin:0;padding:0 18px 14px;font-size:12px;color:var(--text-3)}
.demo-mc .caret{display:inline-block;width:2px;height:.95em;background:var(--accent);margin-left:2px;
  vertical-align:-1px;animation:blink 1.05s step-end 4}
@keyframes blink{50%{opacity:0}}

.ratecon{background:#fff;border:.5px solid var(--hairline);border-radius:8px;padding:16px 24px;max-width:400px;
  box-shadow:0 14px 34px rgba(0,0,0,.09);transform:rotateZ(1.4deg);transition:transform .3s ease}
.ratecon:hover{transform:rotateZ(0)}
.rc-head{font-size:12px;color:var(--text-2);padding-bottom:12px;
  border-bottom:.5px solid var(--hairline);margin-bottom:16px}
.rc-skel{height:8px;border-radius:4px;background:rgba(0,0,0,.07);margin:8px 0}
.rc-skel.w60{width:60%}
.rc-checks{margin-top:16px;display:grid;gap:12px;font-size:13px}
.rc-check{display:flex;gap:8px;align-items:baseline}
.rc-mark{font-weight:700;flex:0 0 auto}

.record-panel{margin-top:24px;background:var(--card);border:.5px solid var(--hairline);border-radius:16px;
  overflow:hidden;box-shadow:0 1px 2px rgba(0,0,0,.025)}
.record-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px 14px;
  border-bottom:.5px solid var(--hairline)}
.record-head .kicker{margin:0 0 4px;color:var(--text-3)}
.record-head h3{margin:0;font-size:17px;line-height:1.25;letter-spacing:-.01em}
.record-all{display:inline-flex;align-items:center;gap:6px;min-height:44px;color:var(--accent-ink);font-size:13px;
  font-weight:700;white-space:nowrap}
.record-all:hover{text-decoration:none;color:#9a3412}
.record-note{margin:0;padding:11px 20px;background:var(--bg);border-bottom:.5px solid var(--hairline);
  color:var(--text-2);font-size:13px;line-height:1.45}
.record-note::before{content:'';display:inline-block;width:7px;height:7px;border-radius:50%;margin-right:8px;
  background:var(--stat-blue);vertical-align:1px}
.record-list{margin:0}
.rec-row{display:flex;gap:14px;padding:12px 20px;border-bottom:.5px solid var(--hairline);align-items:center}
.rec-row:last-child{border-bottom:0}
.rec-date{font-family:var(--sans);font-weight:700;font-size:12px;color:var(--text-2);
  flex:0 0 64px;min-width:64px;padding:7px 8px;border:.5px solid var(--hairline);border-radius:8px;
  background:var(--bg);text-align:center}
.rec-main{flex:1;min-width:0}
.rec-main a,.rec-main>span{font-weight:600;color:var(--text)}
.rec-main a{display:inline-flex;align-items:center;min-height:44px}
.rec-main a:hover{color:var(--accent);text-decoration:none}
.rec-sub{display:block;font-size:13px;color:var(--text-3);margin-top:3px;line-height:1.4}
.rec-go{flex:0 0 auto;color:var(--text-3);font-size:16px}
.record-empty{margin:0;padding:20px;color:var(--text-3);font-size:13px}
@media(max-width:560px){
  .record-head{align-items:flex-start;padding:16px;gap:10px;flex-direction:column}
  .record-all{min-height:44px}
  .record-note{padding:10px 16px}
  .rec-row{padding:12px 16px;gap:10px}
  .rec-date{flex-basis:58px;min-width:58px;padding:6px}
  .rec-go{display:none}
}

/* ===== P17 — homepage: benzi full-bleed alternante, ritm, how-it-works, metric-cards, CTA final ===== */
/* P96 — titlurile de grup din rezultatul scanarii. Aceleasi verificari ca inainte, doar impartite
   tematic; primul grup nu primeste margine de sus, ca sa nu se desprinda de banda de verdict. */
.scan-gh{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:22px 0 4px}
#scanresult>.scan-gh:first-of-type{margin-top:18px}
.scan-gs{margin:0 2px 8px}

/* P96 — pillar pages /guides/*. Blocul de raspuns din cap e singurul element cu fundal: raspunsul
   direct la intrebarea din titlu trebuie sa fie evident inainte de a derula. Restul foloseste
   .article existent. */
.guide-answer{background:#F1F4F9;border-radius:10px;
  padding:14px 16px;margin:0 0 26px}
.guide-answer p{margin:0;font-size:16px;line-height:1.6}
.guide-quote{margin:16px 0;padding:0 0 0 16px;border-left:3px solid var(--hairline)}
.guide-quote p{margin:0;font-size:16px;line-height:1.6;color:var(--text-2)}
.guide-sources{padding-left:22px;margin:12px 0;font-size:15px;line-height:1.6}
.guide-sources li{margin:6px 0}
.guide .faq-q{font-weight:700;margin:20px 0 4px}
.guide .faq-a{margin:0 0 4px;color:var(--text-2)}
.guide-updated{margin-top:28px;padding-top:14px;border-top:1px solid var(--hairline)}
.guide .data{font-size:15px}

/* P96 — banda "rutina manuala" (RESEARCH §F.2). Latimea de citit e limitata la ~68ch pe intro,
   tabelul foloseste .panel.tablewrap existent, deci nu apare niciun stil nou de tabel. */
.routine{max-width:860px;margin:0 auto}
.routine-head{margin:0 0 18px}
.routine-head h2{margin:0;font-size:clamp(22px,3vw,28px);line-height:1.15;letter-spacing:-.02em;text-wrap:balance}
.routine-sub{margin:10px 0 0;max-width:68ch;color:var(--text-2);line-height:1.55}
.routine-note{margin:12px 2px 0;font-size:13px;color:var(--text-3)}
.routine .data th[scope=row]{font-weight:600}

.hwrap{max-width:1200px;margin:0 auto;padding:0 clamp(20px,4vw,40px)}
.hband{padding:clamp(48px,7vw,64px) 0;border-top:.5px solid var(--hairline)}
.hband:first-of-type{border-top:0}
.hband.alt{background:#eef2f7}
.hband h2{font-size:clamp(20px,2.5vw,27px);letter-spacing:-.02em;line-height:1.15;margin:0 0 12px}
.hband-sub{max-width:62ch;margin:0 0 24px;font-size:15px}
/* primul modul continua hero-ul: o suprafata de date, nu o a doua pagina */
.bridge-band{position:relative;z-index:3;margin-top:-58px;padding:0 0 clamp(48px,7vw,64px);background:linear-gradient(to bottom,transparent 58px,var(--bg) 58px)}
.bridge-band .hwrap{position:relative}
.ledger-bridge{position:relative;isolation:isolate;padding:24px;border:.5px solid rgba(255,255,255,.82);border-radius:22px;
  background:rgba(255,255,255,.97);box-shadow:0 20px 44px rgba(29,29,31,.10),0 3px 10px rgba(29,29,31,.045)}
.ledger-bridge::before{content:'';position:absolute;z-index:0;left:30px;right:30px;bottom:-6px;height:12px;
  border:.5px solid var(--hairline);border-radius:0 0 18px 18px;background:rgba(255,255,255,.66);pointer-events:none;
  transform:none}
.bridge-copy{position:relative;z-index:1;display:grid;grid-template-columns:minmax(240px,.8fr) minmax(300px,1.2fr);gap:16px 40px;align-items:end;margin-bottom:20px}
.bridge-copy h2{margin:0;grid-row:2}.bridge-sub{grid-column:2;grid-row:1 / span 2;align-self:end;max-width:52ch;margin:0;color:var(--text-2)}
.bridge-kicker{display:flex;align-items:center;gap:8px;margin:0;grid-row:1}
.bridge-kicker span{width:7px;height:7px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 4px var(--ok-bg)}
.ledger-bridge .metric-cards{position:relative;z-index:1}
.ledger-bridge .mcard{box-shadow:0 10px 24px rgba(29,29,31,.055)}
.ledger-bridge .mcard:hover{transform:translateY(-2px)}
.bridge-band .record-panel{margin-top:18px}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){.ledger-bridge{background:var(--card)}}

/* Panel reveal — sursa transitions-dev; fara JS si cu reduced-motion sigur. */
.t-panel-slide {
  transform: translateY(var(--panel-translate-y));
  opacity: 0;
  filter: blur(var(--panel-blur));
  pointer-events: none;
  transition:
    transform var(--panel-close-dur) var(--panel-ease),
    opacity   var(--panel-close-dur) var(--panel-ease),
    filter    var(--panel-close-dur) var(--panel-ease);
  will-change: transform, opacity, filter;
}
.t-panel-slide[data-open="true"] {
  transform: translateY(0);
  opacity: 1;
  filter: blur(0);
  pointer-events: auto;
  transition:
    transform var(--panel-open-dur) var(--panel-ease),
    opacity   var(--panel-open-dur) var(--panel-ease),
    filter    var(--panel-open-dur) var(--panel-ease);
}
@media (prefers-reduced-motion: reduce) {
  .t-panel-slide { transition: none !important; }
}
.ledger-bridge.t-panel-slide[data-open="true"]{transform:translateY(0);filter:none}
@starting-style{
  .ledger-bridge.t-panel-slide[data-open="true"]{transform:translateY(36px);opacity:0;filter:none}
}
@media(hover:hover) and (pointer:fine){.ledger-bridge.t-panel-slide[data-open="true"]:hover{transform:translateY(-2px)}}
@media(max-width:760px){
  .bridge-band{margin-top:-28px;padding-bottom:48px;background:linear-gradient(to bottom,transparent 28px,var(--bg) 28px)}
  .ledger-bridge{padding:18px;border-radius:18px}
  .ledger-bridge::before{left:22px;right:22px;bottom:-5px;height:10px}
  .bridge-copy{display:block;margin-bottom:16px}.bridge-copy h2{margin:4px 0 8px}.bridge-sub{font-size:15px}
  .ledger-bridge.t-panel-slide[data-open="true"]{transform:none}
}
@media(prefers-reduced-motion:reduce){
  .ledger-bridge.t-panel-slide[data-open="true"],.ledger-bridge.t-panel-slide[data-open="true"]:hover{transform:none}
  .ledger-bridge .mcard,.ledger-bridge .mcard:hover{transform:none}
}
/* home-split respira mai spre margini pe ecran lat + zigzag (.rev aplicat alternativ in markup) */
@media(min-width:900px){.hband .home-split{gap:32px 64px;grid-template-columns:1fr minmax(300px,420px)}}
/* Product workflow — the product itself is the visual, with Free / Pro boundaries visible. */
.workflow-head{text-align:center;max-width:680px;margin:0 auto}.workflow-head .kicker{color:var(--accent-ink)}
.workflow-head h2{font-size:clamp(28px,3vw,38px);letter-spacing:-.02em;margin:5px 0 9px}
.workflow-intro{max-width:54ch;margin:0 auto;color:var(--text-2)}
/* P64 — feature cards as mini-ledgers (pixel-match design/mock-p64-feature-ledger.html), P62 tokens only */
.steps{display:grid;gap:20px;grid-template-columns:1fr;margin-top:28px}
@media(min-width:900px){.steps{grid-template-columns:repeat(3,1fr)}}
.fcard{background:var(--card);border:1px solid var(--ledger-ink);border-radius:8px;padding:22px 22px 18px;display:flex;flex-direction:column}
.fcard-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:14px}
.fnum{font:600 12px/1 var(--sans);color:var(--text-3)}
.fbadges{display:flex;gap:6px}
.fchip{font:600 12px/1 var(--sans);text-transform:none;background:var(--ledger-cream);border:1px solid var(--ledger-chip-border);border-radius:4px;padding:4px 7px;color:var(--text-2)}
.fchip.ok{color:var(--ok-tx)}
.fchip.pro{color:var(--accent-ink)}
.fcard h3{font-size:20px;letter-spacing:-.01em;margin:0 0 8px}
.fcard .desc{color:var(--text-2);font-size:15px;margin:0 0 18px}
.mini-ledger{border:1px solid var(--hairline);border-radius:6px;overflow:hidden;margin-bottom:18px}
.ml-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 14px}
.ml-row+.ml-row{border-top:.5px solid var(--hairline)}
.ml-label{font-size:13px;color:var(--text)}
.ml-tag{font:600 12px/1 var(--sans);text-transform:none;color:var(--text-2);background:var(--ledger-cream);border:1px solid var(--ledger-chip-border);border-radius:4px;padding:4px 7px;white-space:nowrap}
.ml-tag.ok{color:var(--ok-tx)}
.fcta{margin-top:auto;display:flex;align-items:center;justify-content:space-between;font-weight:600;font-size:15px}
.fcta a{color:var(--accent);text-decoration:none}
.fcta a:hover{text-decoration:underline}
.fcta .arr{color:var(--accent)}
/* de ce noi — 4 metric-cards colorate, cifre LIVE cu count-up */
.metric-cards{display:grid;gap:16px;grid-template-columns:repeat(2,1fr)}
@media(min-width:760px){.metric-cards{grid-template-columns:repeat(4,1fr)}}
.mcard{background:var(--card);border:.5px solid var(--hairline);border-radius:16px;padding:16px;text-align:center;
  box-shadow:0 1px 2px rgba(0,0,0,.025);transition:transform .2s ease,box-shadow .2s ease}
.mcard:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.08)}
.mnum{font-family:var(--display);font-weight:700;font-size:clamp(26px,3.3vw,40px);letter-spacing:-.02em;line-height:1;color:var(--text)}
.mcard.total .mnum{color:var(--text)}
.mcard.ok .mnum{color:var(--ok-tx)}
.mcard.bad .mnum{color:var(--bad-tx)}
.mcard.warn .mnum{color:var(--warn-tx)}
.mcard.carrier .mnum{color:var(--stat-blue)}
.mlbl{font-size:13px;color:var(--text-3);margin-top:8px;line-height:1.35}
/* hover subtil pe cardurile de continut din benzi */
.hband .card{transition:transform .2s ease,box-shadow .2s ease}
.hband .card:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,0,0,.07)}
/* CTA final inainte de footer (foloseste banda alt = gri deschis) */
.hband.cta{text-align:center}
.hband.cta .hwrap{max-width:640px}
.hband.cta h2{font-size:clamp(23px,3.2vw,32px)}
.hband.cta .search{margin:16px auto 0}

/* One factual commercial band: explain the paid promise before asking for an email. */
.hband.commercial-band{background:var(--text);border-top:0;color:var(--card)}
.commercial-bridge{display:grid;gap:24px;align-items:center}
.commercial-copy{max-width:720px}
.commercial-band h2{color:var(--card);font-size:clamp(24px,3vw,34px);margin-bottom:12px}
.commercial-copy>p:last-child{max-width:68ch;margin:0;color:var(--card);opacity:.78}
.commercial-offer{padding-top:24px;border-top:1px solid rgba(255,255,255,.18)}
.commercial-offer .plan-name{color:var(--card);opacity:.72}
.commercial-price{font-family:var(--display);font-weight:700;font-size:32px;line-height:1;margin:8px 0 16px;color:var(--card)}
.commercial-offer .small{margin:10px 0 0;color:var(--card);opacity:.7}
@media(min-width:760px){
  .commercial-bridge{grid-template-columns:minmax(0,1fr) 280px;gap:40px}
  .commercial-offer{padding:4px 0 4px 40px;border-top:0;border-left:1px solid rgba(255,255,255,.18)}
}

/* ---- pricing (P6) — foloseste doar tokenii existenti ---- */
.pricing{display:grid;gap:16px;margin:22px auto;max-width:600px}
.plan{background:var(--card);border:.5px solid var(--hairline);border-radius:16px;padding:24px}
.plan.featured{border-color:rgba(249,115,22,.4);box-shadow:0 8px 30px rgba(249,115,22,.08)}
.plan-name{font-family:var(--sans);font-weight:600;font-size:13px;text-transform:none;color:var(--text-3);margin:0}
.plan-price{font-family:var(--display);font-weight:700;font-size:32px;letter-spacing:-.02em;line-height:1;margin:8px 0 16px}
.plan-price span{font-family:var(--sans);font-size:15px;font-weight:500;color:var(--text-3)}
.plan-summary{min-height:44px;margin:0 0 12px;color:var(--text-2);font-size:13px;line-height:1.55}
.plan-includes-title{margin:0 0 4px;font-size:12px;font-weight:700;text-transform:none;color:var(--text-3)}
.plan-feat{list-style:none;padding:0;margin:0 0 16px;font-size:15px}
.plan-feat li{padding:8px 0 8px 24px;position:relative;border-top:.5px solid var(--hairline)}
.plan-feat li:first-child{border-top:0}
.plan-feat li::before{content:"✓";position:absolute;left:0;top:8px;color:var(--ok);font-weight:700}
.waitlist{display:flex;gap:8px;flex-wrap:wrap;margin:0}
.waitlist input{flex:1 1 160px;width:auto}
.waitlist .btn{flex:0 0 auto}
.pricing-status-note{text-align:center;margin:0 0 18px}
.plan-reservation-note{margin:10px 0 0}
.plan-founding-label{margin:6px 0 0;font-size:13px;font-weight:600;color:var(--text-2)}
.plan-roadmap{margin:0 0 16px;padding:10px 12px;border-radius:10px;background:var(--warn-bg);border:.5px solid rgba(201,52,0,.35);color:var(--warn-tx);font-weight:600;font-size:13px;line-height:1.45}
.pricing-footnote{margin:20px 2px}

/* ---- recovery kit (P6): document radio-cards + facts grid ---- */
.doc-cards{display:grid;gap:12px;margin:8px 0 4px}
@media(min-width:640px){.doc-cards{grid-template-columns:1fr 1fr 1fr}}
.doc-card{display:block;background:var(--card);border:.5px solid var(--hairline);border-radius:14px;padding:16px;cursor:pointer;position:relative}
.doc-card input{position:absolute;top:16px;right:16px;width:auto;accent-color:var(--accent)}
.doc-card:has(input:checked){border-color:rgba(249,115,22,.55);box-shadow:0 0 0 1px rgba(249,115,22,.35)}
.doc-b{display:block;font-weight:600;font-size:15px;padding-right:22px}
.doc-d{display:block;font-size:13px;color:var(--text-3);margin-top:5px;line-height:1.45}
.doc-surety{display:block;color:var(--text-2);margin-top:4px}
.rec-grid{display:grid;gap:12px 16px}
@media(min-width:560px){.rec-grid{grid-template-columns:1fr 1fr}}

/* ================= P9: account dashboard + micro-consistency ================= */
.container.wide{max-width:1200px}

/* account header: H1 left, identity meta right */
.acct-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:8px 16px;margin:0 0 4px}
.acct-head h1{margin:0}
.acct-meta{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:15px;color:var(--text-2)}
.acct-meta form{margin:0}

/* unverified banner — warn pill with inline resend */
.banner-warn{background:var(--warn-bg);color:var(--warn-tx);border-radius:14px;padding:12px 16px;margin:12px 0 0;font-size:13px;font-weight:500;display:flex;flex-wrap:wrap;gap:4px 12px;align-items:baseline}
.banner-warn form{margin:0}
.banner-warn .linky{color:var(--warn-tx);font-weight:600;text-decoration:underline}
/* P15 — banner rosu (broker cu autoritate inactiva/revocata) + filtru status + card "not in database" */
.banner-bad{background:rgba(255,59,48,.1);color:var(--bad-tx);border:.5px solid rgba(255,59,48,.28);border-radius:14px;padding:12px 16px;margin:0 0 16px;font-size:13px;line-height:1.5}
.banner-bad strong{color:var(--bad-tx);font-weight:700}
.banner-bad a{color:var(--bad-tx);text-decoration:underline;font-weight:600}
.statusfilter{display:flex;gap:6px;flex-wrap:wrap;margin:0 0 14px}
.statusfilter a{font-size:13px;padding:6px 13px;border-radius:20px;border:.5px solid var(--hairline);color:var(--text-2);background:var(--card)}
.statusfilter a.on{background:var(--accent-ink);color:#fff;border-color:var(--accent-ink);font-weight:600}

.ac .ac-nf{cursor:default}
.ac .ac-nf:hover{background:transparent}
.ac .ac-nf a{color:var(--accent);font-weight:500;display:block;width:100%}
/* P16 — checkbox click-through UPL (Recovery Kit) + linia "disclosed facts" de sub verdict */
.ack-check{display:flex;gap:12px;align-items:flex-start;margin:16px 0 0;padding:12px 16px;background:var(--bg);border:.5px solid var(--hairline);border-radius:12px;cursor:pointer}
.ack-check input{margin-top:3px;flex:none;width:18px;height:18px;accent-color:var(--accent)}
.ack-check span{color:var(--text-2);line-height:1.5}
.disclosed{color:var(--text-2);max-width:65ch;margin:12px 0 4px!important}

/* .ucard/.ulabel raman DOAR pentru /admin (admin.js uc(), wrapper .astats) — /account a trecut pe quota-strip (P21 E5) */
.ucard{background:var(--card);border:.5px solid var(--hairline);border-radius:14px;padding:14px 16px}
.ucard b{display:block;font-family:var(--display);font-weight:700;font-size:26px;letter-spacing:-.02em;line-height:1}
.ucard .ulabel{font-size:12px;color:var(--text-3);margin-top:5px;line-height:1.3}

/* P21 E5 — /account: search-first, quota compacta, feed public si empty rows vii */
.account-search .search{margin:16px 0 12px}
.account-search .search input{min-width:0;font-size:17px;padding:12px 0}
.quota-strip{display:flex;align-items:center;flex-wrap:wrap;gap:4px 8px;margin:12px 2px 16px;color:var(--text-2);font-variant-numeric:tabular-nums}
.quota-strip .qsep{color:var(--text-3)}
.quota-strip .cn{display:inline-block;font-weight:600;color:var(--text);animation:quota-pop .24s var(--ease-spring) both}
@keyframes quota-pop{from{opacity:0;transform:translateY(4px) scale(.92)}to{opacity:1;transform:none}}

.today-panel{margin:12px 0 16px}
.today-panel.is-cold{padding-left:24px;box-shadow:0 2px 4px rgba(0,0,0,.04),0 12px 32px rgba(0,0,0,.08)}
.today-rows{margin:0}
.today-row{display:grid;grid-template-columns:104px minmax(0,1fr) auto;gap:12px;align-items:center;min-height:64px;padding:8px 0;border-top:.5px solid var(--hairline)}
.today-row:first-child{border-top:0}
.today-kind{font-size:13px;font-weight:600;line-height:1.35}
.today-day{display:block;color:var(--text-3);font-weight:400;white-space:nowrap}
.today-main{min-width:0}
.today-main strong{display:block;font-size:15px;font-weight:600;line-height:1.35}
.today-main strong a{color:var(--text)}
.today-main strong a:hover{color:var(--accent);text-decoration:none}
.today-main .sub{display:block;margin-top:4px;color:var(--text-2);font-size:13px;line-height:1.45;max-width:65ch}
.today-main .mono{font-variant-numeric:tabular-nums;white-space:nowrap}
.watch-action{display:flex;flex-direction:column;align-items:flex-end;min-width:96px}
.watch-btn{min-width:92px;min-height:44px;border:.5px solid rgba(0,0,0,.16);border-radius:12px;padding:8px 12px;background:var(--card);color:var(--text-2);font:600 13px/1.2 var(--sans);cursor:pointer;transition:background-color .18s var(--ease-out-3),color .18s var(--ease-out-3),border-color .18s var(--ease-out-3),transform .18s var(--ease-spring),opacity .18s var(--ease-out-3)}
.watch-btn:hover:not(:disabled){border-color:var(--accent);color:var(--accent);transform:translateY(-1px)}
.watch-btn:active:not(:disabled){transform:scale(.98)}
.watch-btn:disabled{cursor:default;opacity:.72}
.watch-btn.is-watching{background:var(--ok-bg);border-color:rgba(52,199,89,.3);color:var(--ok-tx);opacity:1}
.watch-btn.is-limit{background:var(--warn-bg);border-color:rgba(255,159,10,.3);color:var(--warn-tx);opacity:1}
.watch-note{display:block;max-width:180px;margin-top:4px;color:var(--bad-tx);font-size:13px;line-height:1.3;text-align:right}

.compact-row{display:flex;align-items:baseline;justify-content:space-between;gap:8px 16px;max-width:100%}
.compact-row a{font-weight:600;white-space:nowrap}
.section-copy{margin:0 0 8px;max-width:65ch}
.account-compact{margin:12px 4px 0;padding:16px 0;border-top:.5px solid var(--hairline)}
.account-compact .card-h{margin-bottom:4px}
.start-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}
.start-step{display:flex;align-items:center;gap:8px;min-height:44px;padding:8px 12px;border:.5px solid var(--hairline);border-radius:12px;color:var(--text-2);font-size:13px}
.start-step:hover{border-color:rgba(0,0,0,.16);color:var(--text);text-decoration:none}
.start-step>span{display:inline-flex;align-items:center;justify-content:center;width:24px;height:24px;flex:none;border:1px solid rgba(0,0,0,.16);border-radius:50%;font-variant-numeric:tabular-nums}
.start-step strong{font-weight:600}
.start-step.done{color:var(--ok-tx)}
.start-step.done>span{background:var(--ok-bg);border-color:rgba(52,199,89,.3)}

@media(max-width:600px){
  .account-search .search{padding-left:12px;gap:8px}
  .account-search .search .btn{padding-left:16px;padding-right:16px}
  .quota-strip{gap:4px 8px}
  .today-panel.is-cold{padding-left:16px}
  .today-row{grid-template-columns:minmax(0,1fr) auto;gap:4px 8px;padding:12px 0}
  .today-kind{grid-column:1;grid-row:1}
  .today-main{grid-column:1;grid-row:2}
  .watch-action{grid-column:2;grid-row:1 / span 2;align-self:center}
  .today-day{display:inline;margin-left:8px}
  .compact-row{align-items:flex-start;flex-direction:column;gap:4px}
  .compact-row a{white-space:normal}
  .start-steps{grid-template-columns:1fr}
}

/* content rows inside a card (watchlist / notifications / reports) */
.drows{margin:0}
/* P117 R4 — aceeasi densitate ca listele de pe /alerts: rand 10px. Regula mobila de mai jos
   (min-height:48px) ramane neatinsa, ca tinta de atingere sa nu scada sub prag. */
.drow{display:flex;gap:12px;align-items:baseline;padding:10px 0;border-top:.5px solid var(--hairline)}
.drows>.drow:first-child{border-top:0}
.drow .main{flex:1;min-width:0}
.drow .main a{color:var(--text);font-size:15px;font-weight:600}
.drow .main a:hover{color:var(--accent);text-decoration:none}
.drow .sub{display:block;font-size:13px;color:#6b7280;margin-top:2px}
.drow .rt{margin-left:auto;font-weight:600;white-space:nowrap;align-self:center}
.drow time,.drow .dt{color:#6b7280;font-size:13px;font-weight:500;flex:0 0 84px}
.wdot{width:9px;height:9px;border-radius:50%;flex:none;background:var(--text-3);align-self:center}
.wdot.c-ok{background:var(--ok)}.wdot.c-warn{background:#ff9f0a}.wdot.c-bad{background:var(--bad)}
.n-unseen{color:var(--text);font-weight:600}
.u-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--accent);margin-right:8px;vertical-align:1px}
.drow .js-unwatch{align-self:center}

/* disclosure list — compact "View" rows for letters & scans */
.dl{margin:0}
.dl details{border:0;border-radius:0;margin:0;background:transparent;border-top:.5px solid var(--hairline)}
.dl>details:first-child{border-top:0}
.dl summary{list-style:none;cursor:pointer;padding:12px 0;font-size:15px;font-weight:400;display:flex;gap:12px;align-items:baseline;border-radius:0}
.dl summary::-webkit-details-marker{display:none}
.dl summary .grow{flex:1 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.dl summary .tag{flex:none}
.dl summary::after{content:"View";color:var(--accent);font-size:13px;font-weight:600;white-space:nowrap;flex:none}
.dl details[open]>summary::after{content:"Hide";color:var(--text-3)}
.dl summary:hover::after{text-decoration:underline}
.dl details[open]>summary{border-bottom:0}
.dl .dt{color:var(--text-3);font-size:13px;flex:0 0 84px}
.dl .inner{padding:0 0 16px}

/* empty-state: muted sentence + action */
.empty{margin:0}
.empty p{margin:0 0 12px}
.btn.sm{padding:8px 16px;font-size:15px;border-radius:12px}

/* small status pill variants (one rounded pill family with .tag/.pill) */
.tag.c-warn{background:var(--warn-bg);color:var(--warn-tx)}
.tag.c-bad{background:rgba(255,59,48,.1);color:var(--bad-tx)}

/* telex not selectable (was showing a stray text-selection highlight) */
.strip{-webkit-user-select:none;user-select:none}

/* ================= P10: admin dashboard (owner-only, read-only) ================= */
.container.xwide{max-width:1000px}
.astats{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(120px,1fr));margin:16px 0 6px}
.arec{display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));margin:6px 0 0}
.arec .panel{margin:0}
.arec .drow{padding:9px 0}
/* compact admin tables (scroll horizontal on mobile via .tablewrap, never the page) */
.data.compact{font-size:13px}
.data.compact th{padding:7px 10px 7px 0}
.data.compact td{padding:8px 10px 8px 0}
/* signups mini bar chart (14 days) */
.sbars{margin:6px 0 0}
.sbar{display:flex;align-items:center;gap:10px;padding:3px 0;font-size:13px}
.sbar .d{flex:0 0 46px;color:var(--text-3);font-family:var(--sans);font-size:12px}
.sbar .t{flex:1;height:8px;background:rgba(0,0,0,.06);border-radius:4px;overflow:hidden}
.sbar .t>i{display:block;height:100%;background:var(--accent);border-radius:4px;min-width:1px}
.sbar .n{flex:0 0 30px;text-align:right;font-weight:600;color:var(--text-2)}

/* ================= P11: trust strip + demand-letter mock + text pages ================= */
/* trust strip — thin band between hero and content (--card, border-y hairline) */
.trust-strip{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;background:var(--card);border-top:.5px solid var(--hairline);border-bottom:.5px solid var(--hairline);margin:0 0 8px;padding:8px 16px;font-size:13px;color:var(--text-2);text-align:center}
.trust-strip .t{padding:4px 16px;white-space:nowrap}
.trust-strip .t+.t{border-left:1px solid var(--hairline)}
.trust-strip b{font-weight:600;color:var(--text)}
@media(max-width:560px){.trust-strip .t+.t{border-left:0}.trust-strip .t{padding:4px 8px}}

/* demand-letter mock (home) — tilted paper like .ratecon, opposite lean */
.demand{background:#fff;border:.5px solid var(--hairline);border-radius:8px;padding:16px 24px;max-width:400px;box-shadow:0 14px 34px rgba(0,0,0,.09);transform:rotateZ(-1.2deg);transition:transform .3s ease}
.demand:hover{transform:rotateZ(0)}
.demand-h{font-family:var(--mono);font-size:12px;color:var(--text-2);padding-bottom:12px;border-bottom:.5px solid var(--hairline);margin-bottom:16px}
.demand-re{font-weight:600;font-size:13px;margin:0 0 12px}
.demand-frag{font-size:13px;color:var(--text-2);line-height:1.5;margin:12px 0;font-style:italic}
.demand-cc{font-family:var(--mono);font-size:12px;color:var(--bad-tx);margin-top:16px;padding-top:12px;border-top:.5px solid var(--hairline)}

/* text pages (about / faq / terms / privacy) — readable prose, 680 max, headings 16/600 */
.textpage{max-width:65ch}
.textpage p{font-size:16px;line-height:1.7;margin:12px 0;color:var(--text)}
.textpage h2{font-family:var(--sans);font-weight:600;font-size:17px;text-transform:none;color:var(--text);margin:24px 0 8px;line-height:1.35}
.textpage ul{padding-left:24px;margin:12px 0;font-size:16px;line-height:1.7}
.textpage li{margin:4px 0}
.textpage a{color:var(--accent);font-weight:500}
.tlabel{font-family:var(--sans);font-weight:600;font-size:13px;text-transform:none;color:var(--text-3);margin:24px 0 4px}
.faq-q{font-weight:600;font-size:16px;margin:24px 0 4px;color:var(--text)}
.faq-a{font-size:16px;line-height:1.7;color:var(--text-2);margin:0 0 4px}
.faq-a a{color:var(--accent);font-weight:500}
.legal-meta{font-size:13px;color:var(--text-3);margin:0 0 16px}

@media(max-width:600px){
  h1{font-size:26px;letter-spacing:-.02em}
  main{padding:24px 0 48px}
  .idcard h1{font-size:24px}
  .hero-content{margin-top:16vh;padding-bottom:56px}
  .hero{min-height:100vh;min-height:100svh}
}

/* ================= P12 mobile — etapa 1: fundatia touch (public = truckeri, 90% pe telefon) ================= */
/* fara flash gri la tap pe touch (efect doar pe touch → desktop neschimbat vizual) */
html{-webkit-tap-highlight-color:transparent}
@media(max-width:768px){
  /* iOS zoom-eaza automat orice camp text focusat sub 16px — ridica TOATE controalele la 16px pe telefon
     (search, login, register, report, recovery, waitlist, scan). Desktop ramane 15px (regulile de mai sus). */
  input,select,textarea{font-size:16px}
  input[type="file"]{font-size:16px}
  /* touch targets ≥44px prin padding (nu doar height) — butoane + variante */
  .btn{padding:16px 24px}
  .btn.sm{padding:12px 16px;font-size:15px}
  .btn.round{width:46px;height:46px}
  .gbtn{padding:16px}
  /* butoane text inline (Remove / Mark all read / Log out / Resend) — zona de tap reala.
     selectorii au specificitatea egala cu regula de baza (button.linky / .card-h button.act) ca override-ul sa prinda */
  button.linky{padding:8px}
  .card-h .act,.card-h button.act{padding:8px 0}
  /* stari :active vizibile (tap-highlight e stins) */
  .btn:active{opacity:.85}
  a:active,.linky:active,.act:active,summary:active{opacity:.6}
  .doc-card:active,.ac li:active{background:rgba(0,0,0,.06)}
}

/* ================= P12 mobile — etapa 2: navigatie mobila (meniu CSS-only + bottom tab bar) ================= */
/* desktop: meniul hamburger si bara de jos sunt ascunse → nav orizontal ramane exact ca inainte */
.menu{display:none}
.tabbar{display:none}

@media(max-width:768px){
  /* ---- header: ascunde nav-ul orizontal, arata un singur control hamburger ---- */
  nav.nav{display:none}
  .menu{display:block;position:relative;margin:0;background:none;border:0;border-radius:0}
  .menu>summary{display:inline-flex;align-items:center;justify-content:center;list-style:none;cursor:pointer;
    width:44px;height:44px;padding:0;color:var(--text);border-radius:10px}
  .menu>summary::-webkit-details-marker{display:none}
  .menu-bars{position:relative;display:block;width:20px;height:14px}
  .menu-bars::before,.menu-bars::after,.menu-bars>i{content:"";position:absolute;left:0;width:20px;height:2px;border-radius:2px;background:currentColor;
    transition:transform .22s cubic-bezier(.22,1,.36,1),opacity .15s ease}
  .menu-bars::before{top:0}.menu-bars>i{top:6px}.menu-bars::after{top:12px}
  .menu[open] .menu-bars::before{transform:translateY(6px) rotate(45deg)}
  .menu[open] .menu-bars>i{opacity:0}
  .menu[open] .menu-bars::after{transform:translateY(-6px) rotate(-45deg)}
  .menu[open]>summary{border-bottom:0;border-radius:10px}
  /* dropdown vertical (mnav) — panou pe card, item-uri 48px ---- */
  .menu[open] .mnav{display:flex;flex-direction:column;position:absolute;top:calc(100% + 8px);right:0;z-index:40;
    min-width:210px;background:var(--card);border:.5px solid var(--hairline);border-radius:14px;
    box-shadow:0 16px 40px rgba(0,0,0,.16);padding:8px}
  .menu[open] .mnav a{display:block;padding:0 16px;min-height:48px;line-height:48px;color:var(--text);
    border-radius:9px;font-size:15px;font-weight:500}
  .menu[open] .mnav a[aria-current="page"]{color:var(--accent)}
  .menu[open] .mnav a:active{background:rgba(0,0,0,.05)}
  /* hero: doar butonul Menu e alb pe imagine; item-urile dropdown mostenesc regulile .mnav de mai sus (card, text inchis) */
  .hero-nav .menu>summary{color:#fff;text-shadow:0 1px 8px rgba(30,60,110,.35)}

  .brand-mark{width:28px;height:28px}
  .brand-word{font-size:15px}

  /* ---- bottom tab bar (4 tab-uri text, fara iconite) ---- */
  .tabbar{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:50;background:var(--card);
    border-top:.5px solid var(--hairline);padding-bottom:env(safe-area-inset-bottom);
    opacity:1;visibility:visible;
    -webkit-transition:-webkit-transform .24s cubic-bezier(.22,1,.36,1),opacity .16s ease-out;
    transition:transform .24s cubic-bezier(.22,1,.36,1),opacity .16s ease-out;
    will-change:transform,opacity}
  /* Opacity + visibility are deliberate iOS fallbacks: some WebKit builds drop a calc()-based
     percentage transform on fixed elements while the browser chrome is also moving. */
  .tabbar--hidden{-webkit-transform:translateY(120%);transform:translateY(120%);opacity:0;visibility:hidden;pointer-events:none}
  .tabbar .tab{flex:1;display:flex;align-items:center;justify-content:center;height:52px;
    font-size:12px;font-weight:600;color:var(--text-2);border-top:2px solid transparent}
  .tabbar .tab:hover{text-decoration:none}
  .tabbar .tab.on{color:var(--accent);border-top-color:var(--accent)}
  .tabbar .tab:active{background:rgba(0,0,0,.04)}
  /* fiecare pagina lasa loc barei de jos (52px + safe-area) sa nu acopere continut/footer */
  body{padding-bottom:calc(52px + env(safe-area-inset-bottom))}
  /* telex: single-row deja (nowrap+overflow-x, fara scrollbar) — adaug inertie iOS */
  .strip .wrap{-webkit-overflow-scrolling:touch}
}
/* reduced-motion: the tab bar still hides, but it jumps instead of sliding (motion only on transform) */
@media(prefers-reduced-motion:reduce){.tabbar{transition:none}}

/* ================= P12 mobile — etapa 3: tabele si liste ================= */
@media(max-width:768px){
  /* tabele late (.data: directory, admin, similar, scan) scroleaza curat in container,
     cu min-width rezonabil ca sa nu se strivesca coloanele. Ledger-ele 2-col (facts/scor) nu-s .data → raman fluide. */
  .tablewrap{-webkit-overflow-scrolling:touch}
  .tablewrap>.data{min-width:520px}
  /* randuri liste (watchlist / notifications / reports / record / events): ≥48px, confort la tap.
     alinierea ramane cea din P9 (baseline + dot/scor/remove deja centrate) — doar inaltime + tap mai mare */
  .drow{min-height:48px;padding-top:12px;padding-bottom:12px}
  .drow .main a{display:inline-block;padding:3px 0}
  .rec-row{min-height:48px;padding-top:16px;padding-bottom:16px}
  .rec-main a{display:inline-flex;align-items:center;padding:2px 0}
  .events .row{min-height:46px}
  /* disclosure rows (View/Hide letters & scans) — summary confortabil */
  .dl summary{padding-top:16px;padding-bottom:16px}
}
@media(max-width:600px){
  .data.dir{min-width:0!important}
  .data.dir,.data.dir tbody,.data.dir tr,.data.dir td{display:block}
  .data.dir thead{position:absolute;left:-9999px}
  .data.dir tr{background:var(--card);border:.5px solid var(--hairline);border-radius:12px;padding:10px 14px;margin:0 0 10px}
  .data.dir td{border:0;padding:4px 0;display:flex;justify-content:space-between;gap:12px;text-align:right}
  .data.dir td::before{content:attr(data-label);color:var(--text-3);font-weight:600;text-align:left}
  .data.dir td.r{text-align:right}
  footer{padding:22px clamp(16px,4vw,24px) 28px;font-size:12px}
  footer .legal{margin:6px auto 10px}
  /* footer nav links become 44px tap targets on mobile — kept in normal inline flow so the
     "·" separators stay as inline text (no orphaned dots at line starts) */
  footer .flinks{line-height:1.9}
  footer .flinks a{display:inline-flex;align-items:center;min-height:44px;vertical-align:middle;padding:0 4px}
}
@media(max-width:480px){
  /* grid-uri → 1 coloana (majoritatea deja auto-fit); usage ramane 2-up (design P9, citeste mai bine ca 4 stivuite) */
  .pricing{gap:10px}
}

/* ================= P12 mobile — etapa 4: hero & media pe telefon ================= */
@media(max-width:640px){
  /* Portretul v24 941x1671: compozitie full-body, nu thumbnail landscape intins. */
  /* Pe telefon poza portret se potriveste nativ: banda = latimea x 16/9, deci se vede INTREAGA,
     fara decupaj. cover + focus raman setate, ca sa se comporte corect daca inaltimea se schimba. */
  /* Banda = poza INTREAGA (aspect 16/9 pe verticala). Fasia de sosea de sub camion nu mai e
     "drum gol": pe ea stau sub-paragraful si search-ul. Ancorata sus, camionul intreg. */
  .hero{--hero-band-h:calc(100vw * 16 / 9);--hero-focus:center top;--hero-sky:57%;--hero-photo-y:-9.7436vw}
  /* Sunset-ul e luminos sub paragraf: alfa minima robusta care pastreaza 4.5:1 este .58 pana la
     54%%, apoi voalul se stinge la 57%%. Restul cabinei, rotile si soseaua raman neintunecate. */
  .hero::before{background:linear-gradient(180deg,rgba(16,26,44,.10) 0%,rgba(16,26,44,.56) 9%,rgba(16,26,44,.64) 30%,rgba(16,26,44,.58) 40%,rgba(16,26,44,.58) 54%,transparent var(--hero-sky))}
  /* Scrim-ul de sosea a iesit odata cu textul: nu mai sta nimic pe sosea, deci nu are ce sustine
     si ar intuneca degeaba. */
  .hero-scene{inset:0 0 auto 0;width:100%;height:var(--hero-band-h);
    background:url('/img/hero-truck.jpg?v=d97244df5a') var(--hero-focus)/cover no-repeat,
      url('data:image/jpeg;base64,/9j/2wBDABIMDRANCxIQDhAUExIVGywdGxgYGzYnKSAsQDlEQz85Pj1HUGZXR0thTT0+WXlaYWltcnNyRVV9hnxvhWZwcm7/2wBDARMUFBsXGzQdHTRuST5Jbm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm7/wAARCAA1AB4DASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAMCBAUBBv/EACcQAAICAQMDBAIDAAAAAAAAAAECAAMRBBIhBUFREzFhcSKBFJHB/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAIDAf/EABgRAQEBAQEAAAAAAAAAAAAAAAABAhES/9oADAMBAAIRAxEAPwDNUJZwDgyYQoDzkCJWss2QefiMVmGQxP0Zsy4OSSAeDHU6dypJka0NvbaQfHEsG2xVCVruxHXeKW9t2cEHPtG2XM2B7fqW69NU7fkGb64k7dEtCGyxtlQ5JbtMvcaeKpad3V8knHjM0qrEasD03+WXnMVor+nW2enVetj+ADL2ls099liM1avWcMtjbcfUa1wzmVnp1+tDxpiP32/qL1nV2axaxXW1bbWCN+Xuecn/ACZXrEHKgSm+kDuW3kZOcCRnEl6q6tnHpdT/AANAVdV3XAlh6IGPJ78Tzut1B1PUbr03IthyARnwIV6Za85djn37RoKKMIoUfEtJeTDcYQgcLGcyYQgf/9k=') var(--hero-focus)/cover no-repeat,
      #767175;
    inset:var(--hero-photo-y) 0 auto 0;height:auto;aspect-ratio:1280/2273;
    background-size:contain,contain,auto;background-position:center,center,center;
    transform:none;animation:none;will-change:auto;overflow:visible}
  .hero-photo{display:block;width:100%;height:100%;object-fit:contain;object-position:center;user-select:none}
  .hero-depth{inset:0 0 auto 0;width:100%;height:var(--hero-band-h)}
  /* Doua planuri pe telefon, dar prim-planul este acum un nor apropiat si clar vizibil. */
  .hero-cloud{left:-22%;top:-11%;width:144%;height:122%;background-repeat:no-repeat;background-size:100% 100%}
  .hero-cloud-mid{display:none;background-image:none}
  .hero-cloud-far{--cloud-opacity:.24;animation-duration:18s}
  .hero-cloud-near{--cloud-opacity:.72;left:-18%;top:-8%;width:136%;height:116%;background-size:auto 100%;background-position:center bottom;animation-duration:9s}
  .hero .cl3{display:none}
  .hero .cl1,.hero .cl2{opacity:.2}
  /* demo-uri: latime plina, zero overflow la 360px */
  .demo-card{max-width:100%}
  .ratecon{transform:rotateZ(.5deg);max-width:100%}
  .demand{transform:rotateZ(-.5deg);max-width:100%}
  /* Mobile hero = brand + un mesaj + o propozitie + search + un trust chip. */
  /* P116 — cerul mort de sub topbar era 127px (h1 la 191px la 390x844). Acum 48px: h1 la ~112px,
     search-ul complet in primul ecran, iar marginea de sus a cardului exemplu devine scroll cue.
     Valoare fixa, nu vh: pe telefoanele scunde 15vh dadea acelasi gol proportional. Desktop neatins. */
  .hero-content{margin-top:18px;padding-bottom:0}
  .hero .eyebrow{display:none}
  .hero h1{margin:0;font-size:clamp(33px,9.5vw,41px);line-height:1.07;letter-spacing:-.02em}
  .hero .sub{max-width:35ch;margin-top:13px;font-size:15px;line-height:1.44}
  .hero .search{margin-top:17px}
  .hero .hstats{display:inline-flex;align-items:center;margin-top:12px;padding:5px 10px;border:1px solid rgba(255,255,255,.22);
    border-radius:999px;background:rgba(9,16,28,.34);font-size:12px}
  /* P96 — pe mobil chip-urile SUNT pastilele; containerul nu mai e el insusi o pastila (altfel
     iese pastila-in-pastila). Ordinea din DOM le pune sub H1, deci marginea de sus scade. */
  .hero .hstats.is-chips{display:flex;margin-top:11px;padding:0;border:0;background:none;border-radius:0;gap:6px}
  .hero .hstats.is-chips>span{padding:4px 9px;font-size:13px}
  .hero-proof{width:100%;margin-top:13px}
  /* P67 — while the search autocomplete is open, the decorative demo-card link must not intercept
     taps meant for the suggestion list beneath it (mobile only; card link works normally otherwise) */
  .ac-open .hero-proof{pointer-events:none}
  .hero-proof .demo-card-top{padding:6px 14px 5px}
  .hero-proof .demo-meta{gap:6px;padding:5px 14px 0}
  .hero-proof .demo-name{font-size:15px;padding:4px 14px 5px}
  .hero-proof .demo-card .demo-verdict{padding:8px 14px}.hero-proof .demo-card .vtext{font-size:12px;line-height:1.3}
  .hero-proof .score-box{padding:5px 9px 4px;min-width:54px}.hero-proof .score-box .n{font-size:20px}
  .hero-proof .demo-card .pills{padding:0 14px 5px}.hero-proof .demo-card .pill{font-size:12px;padding:5px 8px}
  .hero-proof .demo-source{padding:7px 14px}.hero-proof .demo-note{padding:0 14px 9px;font-size:12px}
}

/* ================= P12 mobile — etapa 5: fluxurile-cheie pe telefon ================= */
/* scan: pe desktop input-ul nativ ramane (neschimbat); butonul stilizat e ascuns */
.filebtn{display:none}
/* broker profil: butonul sticky de report e doar pe mobil.
   selector .btn.report-sticky (0,2,0) ca sa bata .btn.block{display:block} (0,2,0) prin ordine — altfel apare si pe desktop */
.btn.report-sticky{display:none}

@media(max-width:768px){
  /* /scan: ascunde input-ul nativ, arata butonul mare "Upload or take a photo" (accept image/* → camera/galerie) */
  #scanform input[type="file"]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);border:0}
  .filebtn{display:flex;align-items:center;justify-content:center;min-height:52px;width:100%;
    background:var(--bg);border:1px dashed rgba(0,0,0,.25);border-radius:12px;padding:16px;
    font:600 16px/1.3 var(--sans);color:var(--text-2);cursor:pointer;text-align:center;word-break:break-word}
  .filebtn:active{border-color:var(--accent);color:var(--text)}
  #s-file:focus-visible + .filebtn{outline:2px solid var(--accent-ink);outline-offset:2px}

  /* broker profil: buton sticky "Report a payment" deasupra tab bar-ului; inline-ul (desktop) ascuns */
  .report-inline{display:none}
  .btn.report-sticky{display:block;position:sticky;bottom:calc(64px + env(safe-area-inset-bottom));z-index:45;
    margin:16px 0;box-shadow:0 10px 26px rgba(0,0,0,.20);transition:transform .25s ease,opacity .25s ease}
  .btn.report-sticky.is-hidden{transform:translateY(180%);opacity:0;pointer-events:none}

  /* /recovery + account: draftul/scrisorile in mono 13px, mai document-like pe telefon */
  .typed{font-size:13px;font-family:var(--sans);line-height:1.55}

  /* autocomplete: full-width (deja left/right 0 in .search), item-uri 52px, max-height 50vh scroll */
  .ac{max-height:50vh}
  .ac li{min-height:52px;padding:16px 12px;font-size:15px}
}

/* ================= P40 — page bands: stable flag loop at left + clear sky at right ================= */
.sky-band{position:relative;overflow:hidden;background:linear-gradient(165deg,var(--sky-1) 0%,var(--sky-2) 100%);
  border-bottom:.5px solid var(--hairline)}
.sky-clouds{display:none}
.sky-flag-media{position:absolute;z-index:1;inset:0 auto 0 0;width:min(48%,920px);overflow:hidden;pointer-events:none;
  background:url('/img/us-flag-wave-normal-poster.webp?v=fbfe3164dc') center/cover no-repeat;filter:saturate(.94) contrast(.98);
  -webkit-mask-image:linear-gradient(90deg,#000 0,#000 68%,rgba(0,0,0,.72) 80%,transparent 100%);
  mask-image:linear-gradient(90deg,#000 0,#000 68%,rgba(0,0,0,.72) 80%,transparent 100%)}
.sky-flag-video{display:block;width:100%;height:100%;object-fit:cover;object-position:center;pointer-events:none}
/* P107 — iOS in Low Power Mode refuza autoplay-ul chiar si pe un video "muted playsinline" corect, si
   deseneaza PESTE el butonul nativ de play. Pe o banda decorativa (aria-hidden, pointer-events:none)
   ala nu e un control, e un artefact: nu-l poate apasa nimeni, dar acopera steagul. Se ascunde doar
   pentru acest video, nu global. Degradarea ramane cea corecta — posterul static. */
.sky-flag-video::-webkit-media-controls-start-playback-button{display:none!important;-webkit-appearance:none}
.sky-flag-video::-webkit-media-controls{display:none!important}
.sky-inner{position:relative;z-index:2;display:flex;flex-direction:column;justify-content:center;min-height:160px;max-width:1200px;
  padding-top:24px;padding-right:clamp(20px,4vw,40px);padding-bottom:24px;padding-left:clamp(300px,52vw,760px)}
.sky-band.low .sky-inner{min-height:90px}
/* kicker pe cer: --text-3 gri pică sub AA pe --sky-1 (~2.1:1) → slate închis (non-accent) / portocaliu ars (accent), ambele lizibile */
.sky-band .kicker{margin:0 0 8px;color:#17324d}
.sky-band .kicker.accent{color:#7c2d12}
.sky-band h1{margin:0;color:var(--text)}
.sky-sub{margin:8px 0 0;font-size:15px;color:#44515f;max-width:54ch;line-height:1.5}
main.has-sky{padding-top:0}
@media(max-width:640px){
  /* Keep the Retina flag sharp on mobile. A transparent navy veil gives white copy enough
     contrast without the milky wash that made the old 180px rendition look blurred. */
  .sky-flag-media{width:100%;opacity:1;filter:saturate(1.02) contrast(1.02);
    -webkit-mask-image:none;mask-image:none}
  .sky-band::before{content:"";position:absolute;z-index:1;inset:0;
    background:linear-gradient(90deg,rgba(9,28,49,.72) 0%,rgba(9,28,49,.52) 58%,rgba(9,28,49,.28) 100%);
    pointer-events:none}
  .sky-inner{min-height:120px;padding:16px clamp(20px,4vw,40px)}
  .sky-inner>.kicker,.sky-inner>h1,.sky-inner>.sky-sub{max-width:100%}
  .sky-band .kicker,.sky-band .kicker.accent{color:rgba(255,255,255,.86);text-shadow:0 1px 5px rgba(0,0,0,.28)}
  .sky-band h1{color:#fff;text-shadow:0 2px 12px rgba(0,0,0,.34)}
  .sky-sub{color:rgba(255,255,255,.88);text-shadow:0 1px 6px rgba(0,0,0,.28)}
  .sky-band.low .sky-inner{min-height:100px}
  main.has-sky{padding-top:0}
  .sky-sub{font-size:15px}
}
@media(prefers-reduced-motion:reduce){.sky-flag-video{display:none}}

/* ================= P13 — etapa 2: glass + depth (Figma-feel) ================= */
/* header sticky global (paginile cu header.site — homepage foloseste hero-nav-ul propriu):
   sticla peste continut/cer, cu fallback solid unde backdrop-filter nu-i suportat */
header.site{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.72);
  -webkit-backdrop-filter:saturate(1.5) blur(12px);backdrop-filter:saturate(1.5) blur(12px)}
@supports not ((backdrop-filter:blur(1px)) or (-webkit-backdrop-filter:blur(1px))){
  header.site{background:rgba(255,255,255,.96)}}
/* depth: umbra stratificata subtila pe carduri */
.panel,.card,.formbox,.plan,.dashbox{box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06)}
/* carduri CLICABILE (recovery doc-cards, blog covers .lift): hover translateY(-2px) + umbra marita */
.card.lift,.doc-card{transition:transform .16s ease,box-shadow .16s ease}
.card.lift:hover,.doc-card:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 14px 32px rgba(0,0,0,.10)}
/* autocomplete deasupra header-ului sticky (z-60) — altfel rândurile de sus dispar sub sticlă când search-ul e lângă top */
.ac{z-index:70}
/* buton primar: umbra calda + :active scale */
.btn{box-shadow:var(--btn-ink-shadow),var(--btn-ink-hi)}
.btn:hover{box-shadow:var(--btn-ink-shadow-h),var(--btn-ink-hi)}
.btn:active{transform:scale(.98)}

/* ================= P13 — etapa 3: mișcare cu măsură ================= */
/* reveal on scroll — gated pe .js (adăugat de app.js): fără JS nu ascundem nimic (totul vizibil) */
.js .reveal{opacity:0;transform:translateY(12px);transition:opacity .45s ease,transform .45s ease}
.js .reveal.in{opacity:1;transform:none}
/* Red attention cue runs briefly, then stops. */
.verdict.v-red .vdot{animation:pulse-red 2.4s ease-in-out 2}
@keyframes pulse-red{0%,100%{box-shadow:0 0 0 0 rgba(255,59,48,.45)}50%{box-shadow:0 0 0 6px rgba(255,59,48,0)}}
@media(prefers-reduced-motion:reduce){
  .js .reveal{opacity:1;transform:none;transition:none}
  .verdict.v-red .vdot{animation:none}
  .btn,.btn:hover,.demo-card,.demo-card:hover,.hero-proof .demo-card,.hero-proof .demo-card:hover,.ratecon,.ratecon:hover{
    transition:none!important;transform:none!important}
}

/* ================= P13 — etapa 4: blog viu (index editorial cu covers) ================= */
.bloglist{display:grid;gap:16px;margin:16px 0}
@media(min-width:620px){.bloglist{grid-template-columns:1fr 1fr}}
.blogcard{display:block;background:var(--card);border:.5px solid var(--hairline);border-radius:16px;overflow:hidden;
  text-decoration:none;color:var(--text);box-shadow:0 1px 2px rgba(0,0,0,.04),0 8px 24px rgba(0,0,0,.06);
  transition:transform .16s ease,box-shadow .16s ease}
.blogcard:hover{transform:translateY(-2px);box-shadow:0 2px 4px rgba(0,0,0,.05),0 16px 34px rgba(0,0,0,.12);text-decoration:none}
/* cover: bandă 120px de cer, hue rotit determinist din slug (4 variante) + titlul peste */
.bc-cover{height:120px;display:flex;align-items:flex-end;padding:16px 18px;
  background:linear-gradient(135deg,var(--sky-1),var(--sky-2))}
.bc-1 .bc-cover{background:linear-gradient(135deg,#a9c9ee,#dfeafd)}
.bc-2 .bc-cover{background:linear-gradient(135deg,#b6cfe8,#e9f2fb)}
.bc-3 .bc-cover{background:linear-gradient(135deg,#a9d2e0,#e6f4fb)}
.bc-title{font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:-.01em;line-height:1.2;color:var(--text);
  text-shadow:0 1px 10px rgba(255,255,255,.55)}
.bc-meta{padding:12px 18px 15px;font-size:13px;color:var(--text-3);line-height:1.5}
.bc-meta time{color:var(--text-2);font-weight:500}

/* ================= P13 — etapa 5: micro-finisaje ================= */
/* selection color pe brand */
::selection{background:rgba(249,115,22,.2);color:var(--text)}
/* focus vizibil pe interactive: global la :focus-visible (2px --accent, offset 2px).
   Excepție: input-urile din .search au outline:none (input fara bordura proprie) → focusul
   se arata pe wrapper prin .search:focus-within (bordura accent + ring), vezi mai sus. */
/* scrollbar subtire, discret, pe containerele cu overflow (webkit) */
.tablewrap::-webkit-scrollbar,.typed::-webkit-scrollbar,.ac::-webkit-scrollbar{height:8px;width:8px}
.tablewrap::-webkit-scrollbar-thumb,.typed::-webkit-scrollbar-thumb,.ac::-webkit-scrollbar-thumb{background:rgba(0,0,0,.16);border-radius:4px}
.tablewrap:hover::-webkit-scrollbar-thumb,.typed:hover::-webkit-scrollbar-thumb,.ac:hover::-webkit-scrollbar-thumb{background:rgba(0,0,0,.26)}
.tablewrap::-webkit-scrollbar-track,.typed::-webkit-scrollbar-track,.ac::-webkit-scrollbar-track{background:transparent}

/* ---- print: alb curat ---- */
@media print{
  body{background:#fff;font-size:12px}
  header.site nav,.hero-nav .nav,.strip,.btn,form,details,.search,.pager,.linkrow,.dashbox,.noprint,.cl,.hero-media,.fade,.tabbar,.sky-clouds{display:none!important}
  .sky-band{background:#fff!important;border:0}.sky-band.has-art::after{display:none!important}.sky-inner{min-height:0!important;padding:0!important}
  .hero{background:#fff!important;color:#000;min-height:0}
  .hero h1,.hero .sub,.eyebrow,.hstats,.hero-nav .brand{color:#000;text-shadow:none}
  .panel,.card,.formbox,.plan{border-color:#ddd;box-shadow:none}
  a{color:#000;text-decoration:none}
  .vdot,.pill,.tag,.flash{-webkit-print-color-adjust:exact;print-color-adjust:exact}
  .demo-card,.ratecon,.demand{transform:none!important;box-shadow:none}
  .demo-mc .caret{display:none}
  footer{margin-top:20px}
}

/* ================= P19 — DESIGN v3 "COLOR = MEANING" (peste P4/P17, tokeni P4 neatinsi) ================= */
/* E1 — verdictul pastreaza tenta discreta; P62 muta marginea la tratamentul ledger uniform. */
.idcard{position:relative}
.idcard.v-green{background:var(--ok-bg)}
.idcard.v-yellow{background:var(--warn-card)}
.idcard.v-red{background:var(--bad-bg)}
.idcard.v-stale{background:var(--warn-card)}
.idcard.idcard-dead{background:var(--bad-bg2)}
@media print{.idcard{background:#fff!important}}
/* E2 — scor = gauge circular animat (pathLength=100 → dashoffset=100-scor; cifra=cerneala, inel=verdict) */
.gauge{position:relative;width:64px;height:64px;flex:none}
.gauge svg{width:100%;height:100%;display:block;transform:rotate(-90deg)}
.g-track{fill:none;stroke:rgba(0,0,0,.07);stroke-width:3.4}
.g-fill{fill:none;stroke:var(--text-3);stroke-width:3.4;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--off);animation:g-fill 1.05s cubic-bezier(.22,1,.36,1)}
@keyframes g-fill{from{stroke-dashoffset:100}}
.v-green .g-fill{stroke:var(--ok)}
.v-yellow .g-fill{stroke:#ff9f0a}
.v-red .g-fill{stroke:var(--bad)}
.g-num{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;font-family:var(--display);font-weight:700;font-size:20px;letter-spacing:-.01em;color:var(--text);line-height:.92}
.g-num small{font-family:var(--sans);font-size:12px;font-weight:600;color:var(--text-3);margin-top:2px}
.demo-card .gauge{width:54px;height:54px}
.demo-card .g-num{font-size:17px}
.demo-card .g-num small{font-size:12px}
@media(prefers-reduced-motion:reduce){.g-fill{animation:none}}
@media print{.g-fill{animation:none}}
/* E3 — sparkline istoric scor (2px verdict). Latent azi (broker_snapshots single-state → <2 puncte → ascuns) */
.sparkrow{display:flex;align-items:center;gap:12px;margin:12px 0 0}
.spark{flex:none;display:block}
.spark-line{fill:none;stroke:var(--text-3);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.spark-dot{fill:var(--text-3);stroke:var(--card);stroke-width:1.5}
.spark.v-green .spark-line{stroke:var(--ok)}.spark.v-green .spark-dot{fill:var(--ok)}
.spark.v-yellow .spark-line{stroke:#ff9f0a}.spark.v-yellow .spark-dot{fill:#ff9f0a}
.spark.v-red .spark-line{stroke:var(--bad)}.spark.v-red .spark-dot{fill:var(--bad)}
.spark.v-stale .spark-line{stroke:#ff9f0a}.spark.v-stale .spark-dot{fill:#ff9f0a}
.sparktrend{font-size:12px;color:var(--text-3);font-weight:500}
.sparkrow.compact{margin:8px 0 0;gap:8px}.sparkrow.compact .sparktrend{font-size:12px}
/* E4 — stampila peste coltul cardului, DOAR revoked/inactive. aria-hidden (bannerul o anunta la SR). */
.idcard .stamp,.p84-summary .stamp{position:absolute;top:15px;right:14px;transform:rotate(-6deg);transform-origin:center;
  border:3px solid var(--bad);border-radius:9px;padding:5px 12px 4px;display:flex;flex-direction:column;
  align-items:center;gap:1px;color:var(--bad-tx);background:rgba(255,255,255,.5);pointer-events:none;
  line-height:1;text-transform:none;box-shadow:0 1px 6px rgba(255,59,48,.12)}
.idcard .stamp b,.p84-summary .stamp b{font-family:var(--display);font-weight:700;font-size:17px}
.idcard .stamp i,.p84-summary .stamp i{font-style:normal;font-family:var(--sans);font-weight:700;font-size:12px}
@media(max-width:560px){.idcard .stamp,.p84-summary .stamp{top:10px;right:10px;transform:rotate(-6deg) scale(.8)}}
@media print{.idcard .stamp,.p84-summary .stamp{border-color:#000;color:#000;background:none;box-shadow:none}}
/* P19 E5 — watchlist + notificari colorate */
#watchlist .wdot{width:12px;height:12px}
#watchlist .drow{border-radius:8px;transition:background .14s ease}
#watchlist .drow.wl-c-ok:hover{background:var(--ok-bg)}
#watchlist .drow.wl-c-warn:hover{background:var(--warn-card)}
#watchlist .drow.wl-c-bad:hover{background:var(--bad-bg)}
/* P117 addendum (cerere Sergiu) — fara degrade colorat pe randul necitit. Starea „unseen" ramane
   marcata discret, prin greutatea fontului de pe .n-unseen (acelasi rand). Padding-ul de 12px era
   compensarea barei accent scoase mai devreme, deci iese si el, altfel randul necitit ar fi indentat
   fata de restul listei fara niciun motiv vizibil. */
/* E6 — puls global */
/* (a) CTA primar: accent contrastant + umbra colorata la hover */
.btn{background:var(--btn-ink);transition:background-color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .12s ease}
.btn:hover{background:var(--btn-ink-hover);border-color:var(--btn-ink-hover);box-shadow:var(--btn-ink-shadow-h),var(--btn-ink-hi)}
/* (b) metricile folosesc culoare semantic: total neutru, status verde/rosu, carrier albastru */
/* (c) telex: dot colorat pe tip eveniment + puls o singura data pe itemul lead (bond cancel) */
.strip .sdot{display:inline-block;width:6px;height:6px;border-radius:50%;margin-right:4px;vertical-align:1px}
.sd-ok{background:var(--ok)}.sd-warn{background:#ff9f0a}.sd-bad{background:var(--bad)}
.strip .pulse1{animation:s-pulse 1.9s ease-out 1}
@keyframes s-pulse{0%{box-shadow:0 0 0 0 var(--accent-glow)}70%{box-shadow:0 0 0 7px transparent}100%{box-shadow:0 0 0 0 transparent}}
@media(prefers-reduced-motion:reduce){
  .btn,.watch-btn{transition:none}
  .quota-strip .cn,.strip .pulse1{animation:none}
  .watch-btn:hover:not(:disabled),.watch-btn:active:not(:disabled){transform:none}
  #watchlist .drow{transition:none}
}
@media print{.mcard .mnum{-webkit-text-fill-color:#000;color:#000}.btn{background:#000!important}}
@media print{
  .today-panel.is-cold{box-shadow:none}
  .watch-action,.getting-started,.quota-strip a{display:none!important}
  .account-compact{border-top-color:#ddd}
}
/* P19-ANCHOR (etapele P19 urmatoare se insereaza deasupra acestei linii) */

/* ===== P20 E4 — breadcrumb profil (crawl path + orientare) ===== */
.crumbs{font-size:13px;color:var(--text-3);margin:2px 2px 12px;line-height:1.6}
.crumbs a{color:var(--text-2)}
.crumbs a:hover{color:var(--accent);text-decoration:none}
.crumbs .sep{margin:0 8px;color:var(--text-3)}
.crumbs [aria-current]{color:var(--text-2);font-weight:600}
@media print{.crumbs{display:none}}

/* ===== P30 — Monitoring Center + private Load Files ===== */
.monitor-hero{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;margin:20px 0 12px;padding:22px 24px;border:1px solid var(--hairline);border-radius:18px;background:var(--card);box-shadow:0 14px 38px rgba(17,24,39,.07)}
.monitor-hero h2{font-size:clamp(21px,2.5vw,28px);margin:3px 0 5px}.monitor-hero p{margin:0;color:var(--text-2);max-width:75ch}.monitor-hero .lbl{font-size:12px;font-weight:700;color:var(--text-3)}
.monitor-signal{width:42px;height:42px;border-radius:50%;display:grid;place-items:center;background:var(--ok-bg)}.monitor-signal span{width:12px;height:12px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 7px rgba(52,199,89,.13)}
.monitor-hero.attention{border-color:rgba(255,159,10,.35);background:linear-gradient(120deg,var(--card),var(--warn-card))}.monitor-hero.attention .monitor-signal{background:var(--warn-bg)}.monitor-hero.attention .monitor-signal span{background:#ff9f0a;box-shadow:0 0 0 7px rgba(255,159,10,.14)}
.monitor-hero.empty .monitor-signal{background:var(--bg)}.monitor-hero.empty .monitor-signal span{background:var(--text-3);box-shadow:0 0 0 7px rgba(0,0,0,.05)}
.monitor-review{font-size:13px;font-weight:700;white-space:nowrap}
.monitor-kpis{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 12px;border:1px solid var(--hairline);border-radius:16px;background:var(--card);overflow:hidden}.monitor-kpis>div{padding:16px 20px;border-left:1px solid var(--hairline)}.monitor-kpis>div:first-child{border-left:0}.monitor-kpis span{display:block;font-family:var(--display);font-size:28px;font-weight:700;line-height:1}.monitor-kpis small{display:block;margin-top:5px;color:var(--text-3);font-size:12px}
.quick-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:8px;margin:12px 0}.quick-actions a{display:flex;align-items:center;gap:10px;min-height:52px;padding:10px 14px;border:1px solid var(--hairline);border-radius:14px;background:var(--card);color:var(--text);font-size:13px}.quick-actions a:hover{border-color:rgba(201,52,0,.35);box-shadow:0 8px 20px rgba(17,24,39,.05);text-decoration:none;transform:translateY(-1px)}.quick-actions span{font-size:12px;color:var(--accent);font-weight:700}.quick-actions strong{font-weight:600}
.monitor-search .search{margin:12px 0 16px}.monitor-grid{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(300px,.85fr);gap:16px;align-items:start}.monitor-grid>.panel{margin:0}.monitor-attention{position:sticky;top:88px}
.load-list{margin:0}.load-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto auto;gap:11px;align-items:center;padding:13px 0;border-top:1px solid var(--hairline);color:var(--text)}.load-row:first-child{border-top:0}.load-row:hover{text-decoration:none}.load-row:hover strong{color:var(--accent)}.load-dot{width:9px;height:9px;border-radius:50%;background:var(--text-3)}.load-dot.c-ok{background:var(--ok)}.load-dot.c-warn{background:#ff9f0a}.load-dot.c-bad{background:var(--bad)}.load-main{min-width:0}.load-main strong,.load-main span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.load-main strong{font-size:15px}.load-main span{margin-top:3px;color:var(--text-3);font-size:12px}.load-amount{font-size:13px;font-weight:600;font-variant-numeric:tabular-nums;white-space:nowrap}
.load-status{display:inline-flex;align-items:center;justify-content:center;width:max-content;border-radius:999px;padding:5px 9px;background:var(--bg);color:var(--text-2);font-size:12px;font-weight:700;white-space:nowrap}.load-status.c-ok{background:var(--ok-bg);color:var(--ok-tx)}.load-status.c-warn{background:var(--warn-bg);color:var(--warn-tx)}.load-status.c-bad{background:var(--bad-bg);color:var(--bad-tx)}
.attention-row{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:10px;align-items:center;padding:12px 0;border-top:1px solid var(--hairline);color:var(--text)}.attention-row:first-child{border-top:0}.attention-row:hover{text-decoration:none}.attention-row strong,.attention-row small{display:block}.attention-row strong{font-size:13px}.attention-row small{margin-top:3px;color:var(--text-3);font-size:12px;line-height:1.35}.monitor-empty{padding:18px 0 6px}.monitor-empty p{margin:0 0 12px;color:var(--text-2)}.monitor-empty.compact{padding:10px 0 0}.monitor-empty.compact p{margin:0}
.load-page{max-width:980px;margin:0 auto}.load-intro{max-width:66ch}.load-form{margin-top:18px}.load-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px 16px}.load-form-grid .span-2{grid-column:1/-1}.load-form-grid label{display:block;margin:0 0 6px;font-size:12px;font-weight:700;color:var(--text-2)}.load-form-grid input,.load-form-grid textarea,.load-form-grid select{width:100%;margin:0}.load-form-actions,.load-actions{display:flex;align-items:center;gap:14px;margin-top:18px}.load-detail-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:18px}.load-detail-head h1{margin:2px 0 5px}.load-detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.load-detail-grid>.panel{margin:0;padding:18px}.load-detail-grid .lbl{margin:0 0 9px;font-size:12px;font-weight:700;color:var(--text-3)}.load-detail-grid strong{display:block;font-size:17px}.load-detail-grid p:last-child{margin:5px 0 0;color:var(--text-3);font-size:12px}.load-money strong{font-family:var(--display);font-size:24px;font-weight:700}
.load-context{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;margin:0 0 16px;padding:12px 14px;border:1px solid var(--hairline);border-radius:14px;background:var(--card)}.load-context strong,.load-context small{display:block}.load-context small{margin-top:2px;color:var(--text-3)}.load-context>a{font-size:12px;font-weight:700;white-space:nowrap}
.btn.secondary{background:var(--card);color:#14213d;border:1px solid rgba(20,33,61,.20);box-shadow:none}.btn.secondary:hover{background:#f7f9fc;border-color:rgba(20,33,61,.38);box-shadow:none}
.monitor-welcome{margin:26px auto 0;max-width:860px;padding:clamp(26px,5vw,54px);border:1px solid var(--hairline);border-radius:24px;background:var(--card);box-shadow:0 18px 54px rgba(17,24,39,.08)}.welcome-copy{text-align:center}.welcome-copy h2{margin:4px 0 10px;font-size:clamp(25px,3.5vw,36px)}.welcome-copy>p:last-child{margin:0 auto;color:var(--text-2);max-width:52ch}.welcome-search .search{margin:28px 0 20px}.welcome-next{display:grid;grid-template-columns:1fr 1fr;gap:10px}.welcome-next a{display:grid;grid-template-columns:minmax(0,1fr) auto;padding:16px 18px;border:1px solid var(--hairline);border-radius:14px;color:var(--text);background:var(--bg)}.welcome-next a:hover{border-color:rgba(201,52,0,.32);text-decoration:none}.welcome-next span,.welcome-next strong{grid-column:1;display:block}.welcome-next span{font-size:12px;color:var(--text-3);margin-bottom:4px}.welcome-next strong{font-size:13px;line-height:1.35}.welcome-next i{grid-column:2;grid-row:1/span 2;align-self:center;color:var(--accent);font-style:normal}
@media(max-width:760px){.monitor-hero{grid-template-columns:auto minmax(0,1fr);padding:18px}.monitor-review{grid-column:2}.monitor-kpis{grid-template-columns:1fr 1fr}.monitor-kpis>div:nth-child(3){border-left:0;border-top:1px solid var(--hairline)}.monitor-kpis>div:nth-child(4){border-top:1px solid var(--hairline)}.monitor-grid{grid-template-columns:1fr}.monitor-attention{position:static}.load-detail-grid{grid-template-columns:1fr}.load-form-grid{grid-template-columns:1fr}.load-form-grid .span-2{grid-column:auto}.welcome-next{grid-template-columns:1fr}}
@media(max-width:520px){.monitor-signal{width:34px;height:34px}.monitor-kpis>div{padding:14px}.quick-actions{grid-template-columns:1fr}.load-row{grid-template-columns:auto minmax(0,1fr) auto}.load-amount{display:none}.load-detail-head{flex-direction:column}.load-detail-head .load-status{order:-1}.load-actions{align-items:stretch;flex-direction:column}.load-actions .btn{width:100%}}

/* ===== P33 — Freight Control Desk (account only) ===== */
.control-desk{--cd-bg:#f3f4f6;--cd-ink:#172033;--cd-muted:#667085;--cd-line:#d0d5dd;--cd-navy:#17324d;--cd-copper:#9a4526;--cd-red:#9f2d2d;--cd-blue:#315b73;--cd-bronze:#8a6116;--cd-green:#28634a;color:var(--cd-ink);margin:-8px 0 0}
.control-head{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin:0 0 22px}.control-head .kicker{color:var(--cd-muted);margin-bottom:6px}.control-title{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.control-title h1{color:var(--cd-ink);font-size:clamp(32px,4vw,46px);letter-spacing:-.02em;margin:0}.control-title>span{display:inline-flex;align-items:center;min-height:32px;padding:5px 12px;border:1px solid rgba(159,45,45,.22);border-radius:999px;background:#f8eded;color:var(--cd-red);font-size:12px;font-weight:700}
.control-actions{display:flex;align-items:center;justify-content:flex-end;gap:10px;min-height:46px}.control-plan{display:inline-flex;align-items:center;justify-content:center;min-height:30px;padding:4px 10px;border:1px solid var(--cd-line);border-radius:999px;color:var(--cd-muted);background:#fff;font-size:12px;font-weight:700;text-transform:none}.control-plan:hover{text-decoration:none;border-color:#98a2b3}.control-plan.pro{background:#eaf2ed;border-color:rgba(40,99,74,.2);color:var(--cd-green)}.control-new{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:46px;padding:10px 18px;border-radius:12px;background:var(--cd-copper);color:#fff;box-shadow:0 3px 10px rgba(23,32,51,.12);font-size:13px}.control-new:hover{background:#7e3820;color:#fff;text-decoration:none}.control-new>span{font-size:20px;font-weight:400;line-height:1}.control-new b{font-weight:600}
.control-search .search{margin:0 0 18px;border:1px solid var(--cd-line);border-radius:14px;box-shadow:0 3px 12px rgba(23,32,51,.035);background:#fff}.control-search .search:focus-within{border-color:#98a2b3;box-shadow:0 0 0 3px rgba(23,50,77,.08)}.control-search .search input{font-size:16px;color:var(--cd-ink)}.control-search .search .btn{background:var(--cd-navy);box-shadow:none}.control-search .search .btn:hover{background:#102a43;box-shadow:none}
.control-tabs{display:grid;grid-template-columns:repeat(4,1fr);margin:0 0 18px;border:1px solid var(--cd-line);border-radius:14px;background:#fff;overflow:hidden}.control-tabs a{display:flex;align-items:center;justify-content:center;gap:9px;min-height:58px;padding:9px 14px;border-left:1px solid #e4e7ec;color:var(--cd-muted);position:relative;font-size:13px}.control-tabs a:first-child{border-left:0}.control-tabs a:hover{text-decoration:none;background:#f8fafc}.control-tabs a.on{color:var(--cd-ink);font-weight:600}.control-tabs a.on::after{content:"";position:absolute;left:0;right:0;bottom:0;height:3px;background:var(--cd-navy)}.control-tabs a>span{min-width:0}.control-tabs a i{display:block;color:var(--cd-copper);font-size:12px;font-style:normal;font-weight:700;line-height:1.15;text-transform:none}.control-tabs a>b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;padding:0 7px;border-radius:999px;background:#eef0f3;color:var(--cd-muted);font-size:12px}.control-tabs a:first-child b:not(:empty){color:var(--cd-red);background:#f8eded}
.control-view{min-height:260px;margin:0 0 16px}.signal-list{position:relative;padding-left:38px}.signal-list::before{content:"";position:absolute;left:13px;top:18px;bottom:18px;width:1px;background:#c9ced6}.control-row{display:grid;grid-template-columns:18px minmax(240px,1.4fr) minmax(105px,.45fr) minmax(200px,.8fr) 22px;gap:16px;align-items:center;min-height:126px;margin:0 0 14px;padding:20px 22px 20px 0;border:1px solid var(--cd-line);border-radius:14px;background:#fff;color:var(--cd-ink);box-shadow:0 4px 14px rgba(23,32,51,.045);position:relative}.control-row::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;border-radius:14px 0 0 14px;background:var(--cd-green)}.control-row:hover{border-color:#aeb6c2;box-shadow:0 7px 20px rgba(23,32,51,.07);text-decoration:none;transform:translateY(-1px)}.control-row.state-overdue::before{background:var(--cd-red)}.control-row.state-due_soon::before,.control-row.state-disputed::before{background:var(--cd-bronze)}.control-row.state-alert::before{background:var(--cd-blue)}
.signal-dot{grid-column:1;width:13px;height:13px;border-radius:50%;background:var(--cd-green);box-shadow:0 0 0 5px #fff,0 0 0 6px var(--cd-line);position:relative;left:-39px;z-index:1}.state-overdue .signal-dot{background:var(--cd-red)}.state-due_soon .signal-dot,.state-disputed .signal-dot{background:var(--cd-bronze)}.state-alert .signal-dot{background:var(--cd-blue)}
.control-broker{min-width:0}.control-broker strong,.control-broker small{display:block}.control-broker strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:var(--cd-ink);font-size:17px;letter-spacing:-.01em}.control-broker small{margin-top:7px;color:var(--cd-muted);font-size:12px}.control-money{font-family:var(--display);font-size:20px;font-weight:700;letter-spacing:-.01em;color:var(--cd-ink);white-space:nowrap}.control-state b,.control-state small{display:block}.control-state b{width:max-content;max-width:100%;padding:5px 9px;border:1px solid rgba(40,99,74,.14);border-radius:8px;background:#eaf2ed;color:var(--cd-green);font-size:12px;line-height:1.2;text-transform:none}.control-state small{margin-top:7px;color:var(--cd-muted);font-size:12px;line-height:1.35}.state-overdue .control-state b{border-color:rgba(159,45,45,.15);background:#f8eded;color:var(--cd-red)}.state-due_soon .control-state b,.state-disputed .control-state b{border-color:rgba(138,97,22,.14);background:#f5f0e4;color:var(--cd-bronze)}.state-alert .control-state{grid-column:3/5}.state-alert .control-state b{border-color:rgba(49,91,115,.14);background:#eaf0f4;color:var(--cd-blue)}.control-go{color:var(--cd-muted);font-size:17px;text-align:right}
.control-read{display:block;margin:10px 0 0 auto;border:0;background:transparent;color:var(--cd-navy);font:600 12px/1.4 var(--sans);cursor:pointer}.control-read:hover{text-decoration:underline}.control-empty{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:34px;border:1px solid var(--cd-line);border-radius:16px;background:#fff}.empty-signal{width:12px;height:12px;border-radius:50%;background:var(--cd-green);box-shadow:0 0 0 7px #eaf2ed;margin-bottom:17px}.control-empty h2{margin:0 0 7px;color:var(--cd-ink);font-size:20px}.control-empty p{max-width:52ch;margin:0;color:var(--cd-muted);font-size:13px}.control-empty a{margin-top:17px;color:var(--cd-copper);font-size:13px;font-weight:700}
.control-watch,.control-history{border:1px solid var(--cd-line);border-radius:16px;background:#fff;padding:10px 22px}.control-watch .drow{min-height:62px}.control-history details{border-top:1px solid #e4e7ec}.control-history details:first-child{border-top:0}.control-history summary{display:flex;align-items:center;justify-content:space-between;min-height:58px;cursor:pointer;color:var(--cd-ink);font-size:13px;font-weight:600}.control-history summary b{display:inline-flex;align-items:center;justify-content:center;min-width:24px;height:24px;border-radius:999px;background:#eef0f3;color:var(--cd-muted);font-size:12px}.control-history details>.drows,.control-history details>.dl,.control-history details>.section-copy{margin-left:4px;margin-right:4px}.control-usage{margin:8px 2px;color:var(--cd-muted);font-size:12px}.control-usage>summary{cursor:pointer;width:max-content}.control-usage .quota-strip{margin:8px 0}.control-account{display:flex;align-items:center;justify-content:flex-end;gap:12px;margin:22px 2px 0;padding-top:14px;border-top:1px solid var(--cd-line);color:var(--cd-muted);font-size:12px}.control-account form{margin:0}.control-account .linky{font-size:12px;color:var(--cd-copper)}
.control-desk .monitor-welcome{border-color:var(--cd-line);background:#fff;box-shadow:0 8px 28px rgba(23,32,51,.06)}.control-desk .welcome-copy h2{color:var(--cd-ink)}.control-desk .welcome-copy>p:last-child{color:var(--cd-muted)}.control-desk .welcome-search .search{border:1px solid var(--cd-line);box-shadow:none}.control-desk .welcome-search .btn{background:var(--cd-navy);box-shadow:none}.control-desk .welcome-next a{border-color:var(--cd-line);background:#f8fafc;color:var(--cd-ink)}.control-desk .welcome-next a:hover{border-color:#98a2b3}.control-desk .welcome-next i{color:var(--cd-copper)}
.is-account footer{display:none}.is-account main{min-height:calc(100vh - 86px)}
@media(max-width:760px){.control-desk{margin-top:-16px}.control-head{align-items:center;margin-bottom:18px}.control-title h1{font-size:32px}.control-title>span{display:none}.control-actions{gap:8px}.control-new{width:44px;height:44px;padding:0;border-radius:50%}.control-new b{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}.control-plan{min-height:28px}.control-tabs{display:flex;overflow-x:auto;scrollbar-width:none}.control-tabs::-webkit-scrollbar{display:none}.control-tabs a{flex:0 0 auto;min-width:122px;min-height:54px}.control-view{min-height:0}.signal-list{padding-left:28px}.signal-list::before{left:9px}.control-row{grid-template-columns:14px minmax(0,1fr) auto;gap:8px 12px;min-height:0;padding:17px 16px 17px 0}.signal-dot{grid-column:1;grid-row:1/3;left:-29px}.control-broker{grid-column:2;grid-row:1}.control-broker strong{font-size:15px}.control-broker small{margin-top:4px;font-size:12px}.control-money{grid-column:3;grid-row:1;font-size:17px;text-align:right}.control-state{grid-column:2/4;grid-row:2;display:flex;align-items:center;justify-content:space-between;gap:8px}.control-state small{margin:0;text-align:right}.control-go{display:none}.state-alert .control-state{grid-column:2/4}.state-alert .control-broker{grid-column:2/4}.control-empty{min-height:220px;padding:28px 18px}.control-watch,.control-history{padding:8px 14px}.control-account{justify-content:space-between}.control-desk .monitor-welcome{margin-top:12px;padding:26px 18px}.control-desk .welcome-next{grid-template-columns:1fr}.control-desk .welcome-next a{min-height:62px}}
@media(max-width:430px){.control-head .kicker{display:none}.control-title h1{font-size:28px}.control-head{gap:10px}.control-actions{margin-left:auto}.control-search .search{padding-left:13px}.control-search .search input{font-size:15px}.control-search .search .btn{padding-left:14px;padding-right:14px}.control-tabs a{min-width:112px;padding-left:10px;padding-right:10px}.control-row{margin-bottom:11px}.control-money{font-family:var(--sans);font-weight:700}.control-state b{font-size:12px}.control-state small{font-size:12px;max-width:48%}}

/* ===== P58 — broker profile verdict redesign ===== */
.reason-codes{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px 24px;margin:12px 0 0;padding-top:12px;border-top:.5px solid var(--hairline);font-size:13px;line-height:1.45}
.reason-codes.rc-positive-only{grid-template-columns:1fr}.rc-line,.rc-pos{display:flex;align-items:flex-start;gap:8px}.rc-pos{justify-content:flex-end}.rc-mark{flex:none;font-weight:700;font-variant-numeric:tabular-nums}.rc-neg .rc-mark{color:var(--warn-tx)}.rc-pos .rc-mark{color:var(--ok-tx)}.rc-copy,.rc-note{color:var(--text-2)}.rc-more{display:inline-block;grid-column:1 / -1;margin:6px 0 0;font-size:12px}
.reason-codes .accent-link,.reason-codes .accent-link:hover,.broker-status .accent-link,.broker-status .accent-link:hover,.legal-line .accent-link,.legal-line .accent-link:hover,.public-summary .accent-link,.public-summary .accent-link:hover{color:var(--accent)}
.reason-codes .rc-more,.reason-codes .rc-more:hover{color:var(--accent-ink)}
.panel.broker-status{background:var(--card);border:1px solid var(--ledger-ink);border-radius:8px;padding:0;overflow:hidden}
.bs-head{background:var(--ledger-ink);color:var(--card);font:600 12px/1 var(--sans);text-transform:none;padding:11px 18px}
.status-row{display:grid;grid-template-columns:30px minmax(0,1fr) minmax(172px,auto);gap:14px;align-items:center;padding:16px 18px}
.status-row+.status-row{border-top:.5px solid var(--hairline)}
.status-num{font:600 12px/1 var(--sans);color:var(--text-3)}
.status-fact strong{display:block;font-size:15px;line-height:1.35}.status-fact span{display:block;font-size:13px;color:var(--text-2);margin-top:2px}
.status-check{text-align:right}.status-check .chk{display:block;font:600 12px/1 var(--sans);text-transform:none;color:var(--text-3);margin-bottom:5px}.status-check a{display:block;font-size:13px;color:var(--accent);font-weight:400}
.status-check .accent-link{display:inline-flex;align-items:center;min-height:24px}
.legal-line{max-width:none;margin:8px 2px 24px;color:var(--text-2)}.score-scope-title{margin-top:24px}.score-scope{display:grid;grid-template-columns:1fr 1fr;padding:0;overflow:hidden}.score-scope-col{padding:16px 18px}.score-scope-col+.score-scope-col{border-left:.5px solid var(--hairline)}.score-scope .tlabel{margin:0 0 8px}.score-scope ul{margin:0;padding-left:0;list-style:none;color:var(--text-2);font-size:13px}.score-scope li{position:relative;margin:6px 0;padding-left:24px;line-height:1.45}.score-scope li::before{position:absolute;left:0;top:0;width:17px;height:17px;border-radius:50%;font:700 12px/17px var(--sans);text-align:center}.scope-show li::before{content:"\2713";background:var(--ok-bg);color:var(--ok-tx)}.scope-limit li::before{content:"\2212";background:var(--bad-bg);color:var(--bad-tx)}.public-summary .disclosed{max-width:none;margin:0!important}
@media(max-width:768px){
  .reason-codes{grid-template-columns:1fr}.rc-pos{justify-content:flex-start}
  .score-scope{grid-template-columns:1fr}.score-scope-col+.score-scope-col{border-left:0;border-top:.5px solid var(--hairline)}
}
@media(max-width:560px){
  .demo-verdict{align-items:flex-start}
  .status-row{grid-template-columns:30px minmax(0,1fr);align-items:start}
  .status-check{grid-column:2;text-align:left;margin-top:6px}
}

/* ================= P84 — profil broker, dupa design/mockup-p84-profil-v2.html =================
   Geometrie mobile-first: valorile din mockup (canvas 810px) x 0.4815, cu prag de lizibilitate
   (nimic sub ~10px la text de continut), apoi scalate in sus de la 768px.
   Tokenii P4 din :root raman NEATINSI; mai jos sunt DOAR tokeni derivati noi, prefixati --p84-. */
:root{
  /* P117 R3 — --p84-muted era #98A2B3 = 2.58:1 pe alb, dar e folosit ca TEXT in ~12 locuri
     (disclaimerul panoului, legenda semnalelor, sursa din timeline, etichetele foii de reclamatie).
     Scanarile pe color:#hex nu-l vedeau, fiind ascuns dupa variabila. Mapat la tokenul de meta. */
  --p84-ink:#101828;--p84-sec:#667085;--p84-muted:#6b7280;
  --p84-blue:#2563EB;--p84-blue-bg:#EFF6FF;
  --p84-green:#16A34A;--p84-green-dark:#15803D;--p84-green-bg:#F1FAF3;--p84-green-line:#DCF2E3;
  --p84-amber:#F59E0B;--p84-amber-bg:#FFFBEB;--p84-amber-line:#FDE9C8;
  --p84-red:#EF4444;--p84-red-bg:#FEF2F2;--p84-red-line:#FBD9D9;
  --p84-purple:#7C3AED;
  --p84-line:#E7E9EE;--p84-hair:#EEF0F4;--p84-chip:#F5F7FA;
  /* P86.2 — sistemul de iconite descriptive: cerneala navy pe container albastru pal */
  --p84-icon-ink:#16233F;--p84-icon-bg:#EAF1FE;
  --p84-shadow:0 5px 13px rgba(16,24,40,.05);
}
.p84-card,.p84-summary{background:#FEFEFE;border:1px solid #EFF0F4;border-radius:13px;box-shadow:var(--p84-shadow)}
.p84-card svg,.p84-summary svg{display:block;flex:none}
.p84-sh{font-family:var(--sans);font-size:12px;font-weight:700;color:var(--p84-ink);text-transform:none;margin:0}

/* --- 2. stats card --- */
.p84-stats{display:flex;align-items:center;min-height:46px;margin:0 0 7px}
.p84-stat{flex:1;display:flex;align-items:center;justify-content:center;gap:8px;min-width:0}
.p84-stat-i{display:block;flex:none}
.p84-stat-i .p84-i{width:15px;height:16px}
.p84-stat-i.is-amber{color:var(--p84-amber)}.p84-stat-i.is-red{color:var(--p84-red)}.p84-stat-i.is-green{color:var(--p84-green)}
.p84-stat-n{font-size:12px;font-weight:700;line-height:1.1;color:var(--p84-ink)}
.p84-stat-l{font-size:12px;color:var(--p84-sec);margin-top:1px}
.p84-vsep{width:1px;height:21px;background:#E9EBEF;flex:none}

/* --- 3. summary card --- */
.p84-summary{position:relative;padding:17px 14px 16px 16px;margin:0 0 7px}
.p84-summary.is-dead{background:var(--bad-bg)}
/* stampila revoked/inactive intra in fluxul coloanei de identitate — absolut pozitionata (ca pe
   vechiul .idcard) ar cadea exact peste inelul de scor din dreapta */
.p84-summary .stamp{position:static;display:inline-flex;margin:14px 0 0;transform:rotate(-3deg)}
.p84-summary-top{display:flex;flex-direction:column;gap:16px}
.p84-id{width:100%;min-width:0}
.p84-kick{display:flex;align-items:center;gap:6px;margin:0 0 11px;color:var(--p84-blue)}
.p84-kick-i{width:12px;height:12px;color:var(--p84-icon-ink)}
.p84-kick span{font-size:12px;font-weight:700}
h1.p84-name{font-family:var(--display);font-size:17px;font-weight:700;letter-spacing:-.01em;line-height:1.05;color:var(--p84-ink);text-transform:none;margin:0;overflow-wrap:anywhere}
.p84-dba{font-size:12px;color:var(--p84-sec);margin:6px 0 0}
.p84-loc{display:flex;align-items:center;gap:5px;margin:12px 0 0;font-size:12px;font-weight:500;color:#3D4A63}
.p84-pin{width:11px;height:12px}
/* P84.2 — chip-urile stau in coloana de identitate, sub localitate si langa panoul de scor (ca in
   mockup), ca inaltimea coloanei sa se apropie de a panoului si sa nu ramana gol sub locatie.
   Impart randul in parti egale; sub 360px cad una sub alta. */
.p84-chips{display:flex;flex-wrap:nowrap;gap:8px;margin:14px 0 0}
/* dimensionate DUPA CONTINUT (nu jumatati egale): chip-ul MC cere mai putin decat cel USDOT,
   iar surplusul lui e exact ce lipseste ca "USDOT 3210262" sa incapa intreg la 390px */
.p84-chip{flex:0 1 auto;border-radius:7px;background:var(--p84-chip);padding:7px 8px 8px;min-width:0}
.p84-chip-v,.p84-chip-s{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p84-chip-v{font-size:12px;font-weight:700;color:var(--p84-ink)}
.p84-chip-s{font-size:12px;color:var(--p84-sec);margin-top:2px}
.p84-panel{width:100%;border:1px solid #E5E7EB;border-radius:12px;padding:18px 16px;text-align:center;display:flex;flex-direction:column;align-items:center}
/* P107 B-2 — randul de sub inel e ASCUNS pe mobil, unde panoul are 78px si textul se rupe pe patru
   randuri intr-o coloana ingusta. Nu se pierde nimic: imediat sub card, bannerul de verdict spune
   acelasi lucru pe toata latimea („Filing issues found — review record"), deci pe ecran mic mesajul
   ramane o singura data, nu de doua ori. Reapare de la 768px, unde panoul are 132px. */
.p84-panel-note{display:none}
.p84-ring{position:relative;width:64px;height:64px;margin:0 auto}
.p84-ring svg{width:100%;height:100%;transform:rotate(-90deg)}
.p84-ring-track{fill:none;stroke:#E9EBEF;stroke-width:6.25}
.p84-ring-fill{fill:none;stroke-width:6.25;stroke-linecap:round;stroke-dasharray:100;stroke-dashoffset:var(--p84-off);animation:p84-ring 1.05s cubic-bezier(.22,1,.36,1)}
@keyframes p84-ring{from{stroke-dashoffset:100}}
.p84-ring-c{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center}
.p84-ring-c b{font-family:var(--sans);font-size:26px;font-weight:500;letter-spacing:-.055em;line-height:.9;color:var(--p84-ink)}
.p84-ring-c span{font:400 12px/1 var(--sans);color:var(--p84-muted);margin-top:3px}
.p84-panel-l{font-size:12px;font-weight:700;letter-spacing:-.01em;margin-top:11px;line-height:1.2;color:var(--p84-ink)}
/* P111B — numele scorului e NEUTRU (tonul sta pe banda de tier, nu pe nume). */
.p84-panel-sub{font-size:12px;line-height:1.4;color:var(--p84-sec);margin:5px 0 0;max-width:36ch}
.p84-panel-disc{font-size:12px;line-height:1.45;color:var(--p84-muted);margin:11px auto 0;padding-top:10px;border-top:.5px solid var(--p84-hair);max-width:44ch}
/* butonul Watch (P66) ramane functional identic; doar imbracat in limbajul vizual P84 */
.p84-summary .idcard-watch{margin:14px 0 0}
.p84-summary .idcard-watch-btn{font:600 12px/1 var(--sans);text-transform:none;color:var(--p84-blue);background:var(--p84-blue-bg);border:1px solid #C7DBFE;border-radius:8px;min-height:44px;padding:12px 16px}
.p84-summary .idcard-watch-btn:hover:not(:disabled){background:#E0EBFF}
.p84-summary .idcard-watch-btn.is-watching{color:var(--p84-green-dark);background:var(--p84-green-bg);border-color:var(--p84-green-line)}
.p84-summary .idcard-watch-btn.is-limit{color:#B42318;background:var(--p84-red-bg);border-color:var(--p84-red-line)}

/* --- 4. status banner --- */
/* P84.1 — butonul Watch nu se mai randeaza in card; banda urca strans sub chip-uri */
.p84-banner{display:flex;align-items:center;gap:11px;margin:13px 0 0;padding:10px 13px;border-radius:8px;border:1px solid}
.p84-banner.is-green{background:var(--p84-green-bg);border-color:var(--p84-green-line)}
.p84-banner.is-amber{background:var(--p84-amber-bg);border-color:var(--p84-amber-line)}
.p84-banner.is-red{background:var(--p84-red-bg);border-color:var(--p84-red-line)}
.p84-banner-ic{width:27px;height:27px;border-radius:7px;display:grid;place-items:center;flex:none}
.p84-banner.is-green .p84-banner-ic{background:#18A155}
.p84-banner.is-amber .p84-banner-ic{background:var(--p84-amber)}
.p84-banner.is-red .p84-banner-ic{background:var(--p84-red)}
.p84-banner-i{width:15px;height:15px}
.p84-banner-t{font-size:15px;font-weight:700;letter-spacing:-.01em;margin:0}
.p84-banner.is-green .p84-banner-t{color:var(--p84-green-dark)}
.p84-banner.is-amber .p84-banner-t{color:#92400E}
.p84-banner.is-red .p84-banner-t{color:#B42318}
.p84-banner-s{font-size:12px;color:#5D6B7E;margin:4px 0 0;line-height:1.4}
.p84-banner-s a{color:var(--p84-blue);font-weight:600;text-decoration:underline}

/* --- 5. score breakdown --- */
.p84-bd{margin:22px 0 0}
.p84-bd .p84-sh{margin-bottom:7px}
.p84-bd-row{display:flex;align-items:center;padding:11px 0;gap:4px}
.p84-bd-row+.p84-bd-row{border-top:1px solid var(--p84-hair)}
.p84-bd-v{width:52px;flex:none;font-size:13px;font-weight:700;font-variant-numeric:tabular-nums}
.p84-bd-v.is-neg{color:#BC3A1E}.p84-bd-v.is-pos{color:#1A7F39}
.p84-bd-t{flex:1;min-width:0;font-size:12px;color:#364152;line-height:1.5;padding-right:8px}
.p84-bd-n{color:var(--p84-sec)}
.p84-info{width:12px;height:12px;flex:none;color:#6b7280}
.p84-more{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:44px;padding-top:8px;border-top:1px solid var(--p84-hair);color:var(--p84-blue)}
.p84-more span{font-size:13px;font-weight:600}
.p84-more:hover{text-decoration:none}
.p84-chev{width:11px;height:11px;flex:none}

/* P96 — rezumatul de scor pe un singur rand de aritmetica (directiva "un fapt = un loc"). */
.p84-bd-sum{display:flex;align-items:baseline;flex-wrap:wrap;gap:6px 14px;margin:9px 0 2px}
.p84-bd-part{display:inline-flex;align-items:baseline;gap:5px}
.p84-bd-part b{font-size:17px;font-weight:700;letter-spacing:-.01em;color:var(--p84-ink);
  font-variant-numeric:tabular-nums}
.p84-bd-part b.is-pos{color:var(--p84-green)}
.p84-bd-part b.is-neg{color:#B42318}
.p84-bd-part b.is-total{font-size:17px}
.p84-bd-part i{font-style:normal;font-size:12px;color:var(--p84-sec)}
.p84-bd-eq{color:var(--p84-muted);font-weight:700}

/* P98 — stampila de recalcul + gap-lista "Why not 100" (sub ecuatie, deasupra linkului). */
.p98-stamp{font:600 12px/1.45 var(--sans);text-transform:none;
  color:#6b7280;margin:7px 0 0}
.p98-stamp b{color:var(--p84-sec);font-weight:700}
.p98-gap{margin:11px 0 3px;padding-top:10px;border-top:1px solid var(--p84-hair)}
.p98-gap-h{font:700 12px/1.3 var(--sans);text-transform:none;
  color:var(--p84-ink);margin:0 0 7px}
.p98-gap-l{list-style:none;margin:0;padding:0}
.p98-gap-i{display:flex;align-items:baseline;flex-wrap:wrap;gap:3px 8px;padding:5px 0;font-size:13px}
.p98-gap-i+.p98-gap-i{border-top:1px solid var(--p84-hair)}
.p98-gap-p{flex:none;min-width:34px;font-weight:700;color:#B42318;font-variant-numeric:tabular-nums}
.p98-gap-i.is-unearned .p98-gap-p{color:var(--p84-sec);min-width:0}
.p98-gap-t{flex:1;min-width:0;color:var(--p84-ink);font-weight:600;overflow-wrap:anywhere}
.p98-gap-t i{font-style:normal;font-weight:400;color:var(--p84-sec)}
.p98-gap-a{flex:none;font-size:12px;font-weight:600;color:var(--p84-blue)}
.p98-gap-n{font-size:12px;line-height:1.45;color:var(--p84-sec);margin:8px 0 0}
.p98-gap-n a{color:var(--p84-blue);font-weight:600}

/* P98 — checklistul complet de factori (continutul lui "View full breakdown"). */
.p98-ck{list-style:none;margin:0;padding:0}
.p98-ck-i{display:flex;align-items:flex-start;gap:9px;padding:9px 0}
.p98-ck-i+.p98-ck-i{border-top:1px solid var(--hairline)}
.p98-ck-m{flex:none;width:19px;height:19px;border-radius:50%;display:flex;align-items:center;
  justify-content:center;font-size:12px;font-weight:700;background:var(--p84-chip);color:var(--p84-muted)}
.p98-ck-i.is-on .p98-ck-m{background:var(--p84-green-bg);color:var(--p84-green-dark)}
.p98-ck-i.is-hit .p98-ck-m{background:var(--p84-red-bg);color:#B42318}
.p98-ck-b{flex:1;min-width:0}
.p98-ck-t{display:block;font-size:13px;font-weight:700;color:var(--text)}
.p98-ck-i.is-off .p98-ck-t,.p98-ck-i.is-clear .p98-ck-t{font-weight:600;color:var(--text-2)}
.p98-ck-n{display:block;font-size:12px;line-height:1.45;color:var(--text-2);margin-top:2px}
.p98-ck-p{flex:none;font-size:13px;font-weight:700;color:var(--text-2);font-variant-numeric:tabular-nums;white-space:nowrap}
.p98-ck-i.is-on .p98-ck-p{color:var(--ok-tx)}
.p98-ck-i.is-hit .p98-ck-p{color:var(--bad-tx)}
.p98-ck .why{display:inline-block;vertical-align:middle}

/* P98 (livrabil 5) — BANDA INAINTEA CIFREI: eticheta de banda primara, cifra secundara in inel. */
.p84-band{font-family:var(--display);font-size:15px;font-weight:700;letter-spacing:-.01em;
  line-height:1.15;margin:0 0 8px;padding:0 4px}
.p84-panel.tone-good .p84-band,.p89-score.tone-good .p84-band{color:var(--p84-green-dark)}
.p84-panel.tone-caution .p84-band,.p89-score.tone-caution .p84-band{color:#B45309}
.p84-panel.tone-risk .p84-band,.p89-score.tone-risk .p84-band{color:#B42318}

/* --- 6. broker details --- */
.p84-details{padding:13px 15px;margin:0 0 7px}
.p84-details .p84-sh{display:block;margin-bottom:8px}
.p84-drow{display:flex;align-items:center;gap:8px;border:1px solid var(--p84-line);border-radius:8px;padding:7px 8px 7px 7px;min-height:55px;color:inherit;transition:background .14s ease,border-color .14s ease}
.p84-drow+.p84-drow{margin-top:7px}
a.p84-drow:hover{background:#FAFBFD;border-color:#D0D5DD;text-decoration:none}
a.p84-drow:active{background:#F2F4F7}
/* P86.2 — container unic pentru iconitele descriptive: #EAF1FE, radius 11. Variantele colorate
   (verde plin la bond, gri la lipsa, mov la calendar) au disparut: semnalul sta in text si in
   elementele de status, nu in fundalul iconitei. */
.p84-dic{width:44px;height:44px;border-radius:11px;background:var(--p84-icon-bg);display:grid;place-items:center;flex:none}
.p84-di{width:23px;height:23px;fill:none;stroke:var(--p84-icon-ink);stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.p84-dm{flex:1;min-width:0;display:block}
.p84-dt{display:block;font-size:15px;font-weight:700;letter-spacing:-.01em;color:var(--p84-ink);line-height:1.25}
/* subtitlul se rupe normal — a-l trunchia ar ascunde fapte (ex. data "in business since").
   Ellipsis DOAR pe varianta caps (numele asiguratorului), exact ca in mockup. */
.p84-ds{display:block;font-size:12px;color:var(--p84-sec);margin-top:2px;overflow-wrap:anywhere}
.p84-ds.is-caps{font-size:12px;text-transform:none;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.p84-dc{display:block;font:500 13px/1 var(--sans);color:#6b7280;margin-top:5px}
/* P91.3 — limita faptului ("what this does not prove"), in acelasi rand cu faptul. Mai linistita
   decat sub-linia, dar deliberat NU sub pragul de lizibilitate: e o mentiune juridica, nu decor. */
.p84-dn{display:block;font-size:12px;line-height:1.35;color:var(--p84-sec);margin-top:6px;overflow-wrap:anywhere}
.p84-dl{flex:none;display:flex;align-items:center;gap:5px;max-width:96px;min-height:40px;padding-left:8px;border-left:1px solid var(--p84-hair);color:var(--p84-sec)}
.p84-dl-t{font-size:12px;line-height:1.35}
.p84-dl-t b{display:block;font-weight:600;color:var(--p84-blue)}

/* --- 6c. P96 panoul "Double-broker risk signals" ---
   Acelasi limbaj ca BROKER DETAILS (card, kicker .p84-sh, fapt 14px, meta mono, limita 11px):
   panoul e o continuare a registrului, nu un widget nou. Zero culoare semantica pe randuri —
   un fapt divulgat nu e un verdict, deci nu primeste rosu/amber (design-craft §4). */
.p96-panel{padding:13px 15px;margin:0 0 7px}
.p96-sub{font-size:12px;line-height:1.45;color:var(--p84-sec);margin:6px 0 11px;max-width:62ch}
.p96-row{border:1px solid var(--p84-line);border-radius:8px}
.p96-row+.p96-row{margin-top:7px}
/* Randul compact. summary e tinta de tap: min 44px inaltime, cursor pointer, marker nativ scos. */
.p96-sum{display:flex;align-items:center;gap:9px;padding:8px 10px;min-height:44px;
  cursor:pointer;list-style:none;border-radius:8px;transition:background .14s ease}
.p96-sum::-webkit-details-marker{display:none}
.p96-sum:hover{background:#FAFBFD}
.p96-sum:focus-visible{outline:2px solid var(--p84-blue);outline-offset:2px}
/* P99 — linia inchisa: icon-chip + categoria + pastila factuala, pe UN singur rand. Categoria se
   scurteaza cu ellipsis daca nu incape; faptul complet e la un tap distanta, in corp. */
/* Badge-ul de autoritate noua sta pe acelasi rand cu eticheta cand incape, si trece pe randul
   urmator cand nu — inainte, cu flex-wrap oprit, eticheta se comprima pana la "A." pe 390px. */
.p96-sum-main{flex:1;min-width:0;display:flex;align-items:center;gap:6px 8px;flex-wrap:wrap}
/* Icon-chip duotone: container cu tint moale pe tonul randului, iconita Tabler stroke-2 deasupra.
   Tonul vine din STAREA randului (vezi SIGNAL_LEGEND), nu din iconita — iconita numeste categoria. */
.p99-chip{flex:none;width:42px;height:42px;border-radius:12px;display:flex;align-items:center;
  justify-content:center}
/* Dimensiunea sta si pe atributele width/height ale SVG-ului, si aici, si e PLAFONATA: un SVG
   fara marime intrinseca se intinde cat containerul daca foaia de stil lipseste sau e veche in
   cache — exact bug-ul raportat live (scutul din starea goala pe tot ecranul). */
.p99-ic{width:22px;height:22px;max-width:72px;max-height:72px;display:block;flex:none}
.p99-chip.is-green{background:var(--p84-green-bg);color:var(--p84-green-dark)}
.p99-chip.is-amber{background:var(--p84-amber-bg);color:#B45309}
.p99-chip.is-grey{background:var(--p84-chip);color:var(--p84-sec)}
/* Pastila factuala: vocabular INCHIS de stari de fapt, niciodata evaluativ. Verdele apare doar
   acolo unde randul nu are semnal; chihlimbariul, doar acolo unde are. */
.p99-pill{flex:none;font:700 12px/1 var(--sans);text-transform:none;
  border-radius:99px;padding:5px 9px;border:1px solid transparent;white-space:nowrap}
.p99-pill.is-green{background:var(--p84-green-bg);border-color:var(--p84-green-line);color:var(--p84-green-dark)}
.p99-pill.is-amber{background:var(--p84-amber-bg);border-color:var(--p84-amber-line);color:#B45309}
.p99-pill.is-grey{background:var(--p84-chip);border-color:var(--p84-line);color:var(--p84-sec)}
/* P111B — pastilele de STARE financial-security (pending/open) sunt propozitii, nu 1-2 cuvinte:
   in randul de semnal se lasa sa se rupa pe 2 randuri si se plafoneaza latimea; pastilele scurte
   (ON FILE / NONE FOUND) raman pe un rand, sub plafon. */
.p99-pill.is-wide{text-transform:none;white-space:normal;max-width:60%;text-align:right;line-height:1.3}
.p96-k{flex:0 1 auto;min-width:0;max-width:100%;font-size:13px;font-weight:700;color:var(--p84-ink);
  margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
/* Starea punctului, pentru cine nu vede culoarea (citita de screen-reader, ascunsa vizual). */
.p96-sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.p96-f{font-size:15px;font-weight:700;letter-spacing:-.01em;line-height:1.35;color:var(--p84-ink);
  margin:0;overflow-wrap:anywhere}
/* Faptul lipsa din cauza datelor vechi ramane lizibil, dar NU se citeste ca o constatare. */
.p96-row.is-unverified .p96-f,.p96-row.is-unverified .p96-k{font-weight:600;color:var(--p84-sec)}
.p96-m{font:600 12px/1.4 var(--sans);text-transform:none;color:#6b7280;margin:7px 0 0}
.p96-chev{flex:none;width:15px;height:15px;color:var(--p84-muted);
  transition:transform .18s var(--ease-out-3,ease)}
.p96-row[open] .p96-chev,.p96-drawer[open] .p96-chev{transform:rotate(180deg)}
.p96-body{padding:2px 10px 11px 12px}
.p96-n{font-size:12px;line-height:1.4;color:var(--p84-sec);margin:8px 0 0;overflow-wrap:anywhere}
.p96-src{margin:8px 0 0;font-size:12px}
.p96-src a{color:var(--p84-blue);font-weight:600}
/* Linkurile unui rand pot fi mai multe (ex. entitatile care impart telefonul): se aseaza pe linie,
   se impacheteaza pe ecran mic, si au separator vizibil intre ele. */
.p96-src{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px}
.p96-sep{color:var(--p84-muted)}
/* Sub 430px randul se stramteaza fara sa taie pastila: chipul si textul cedeaza cateva puncte,
   pastila ramane intreaga — o data taiata in mijloc ("EFFECTIVE 09/01/20…") arata a bug. */
@media(max-width:430px){
  .p96-sum{gap:7px}
  .p96-sum-main{gap:6px}
  .p99-chip{width:38px;height:38px;border-radius:11px}
  .p99-ic{width:20px;height:20px}
  .p96-k{font-size:13px}
  .p99-pill{font-size:12px;padding:4px 7px}
}
.p96-legend{font-size:12px;line-height:1.4;color:var(--p84-muted);margin:10px 0 0}
/* P99 — pasii "Before you book" primesc numerotare in cercuri. Continutul e neschimbat; aceleasi
   <li> se randeaza si in coloana principala, si in cardul din rail (o singura sursa in pages.js). */
.p99-steps{list-style:none;margin:0;padding:0;counter-reset:p99s}
.p99-steps>li{position:relative;padding-left:30px;line-height:1.5}
.p99-steps>li+li{margin-top:9px}
.p99-steps>li::before{counter-increment:p99s;content:counter(p99s);position:absolute;left:0;top:1px;
  width:21px;height:21px;border-radius:50%;background:var(--p84-blue-bg);color:var(--p84-blue);
  font:700 12px/21px var(--sans);text-align:center}
.p96-verify{display:flex;flex-wrap:wrap;align-items:center;gap:2px 8px;font-size:12px;margin:9px 0 0}
/* Sertarul cu registrul brut */
.p96-drawer{padding:0;margin:0 0 7px}
.p96-drawer-sum{display:flex;align-items:center;gap:10px;padding:13px 15px;min-height:44px;cursor:pointer;
  list-style:none;border-radius:13px}
.p96-drawer-sum::-webkit-details-marker{display:none}
.p96-drawer-sum:hover{background:#FAFBFD}
.p96-drawer-sum:focus-visible{outline:2px solid var(--p84-blue);outline-offset:2px}
.p96-drawer-sum>span:first-child{flex:1;min-width:0}
.p96-drawer-t{display:block;font-size:15px;font-weight:700;color:var(--p84-ink)}
.p96-drawer-s{display:block;font-size:12px;color:var(--p84-sec);margin-top:3px}
.p96-drawer .p96-chev{margin-top:0}
.p96-drawer-body{padding:0 15px 15px}
/* WEBKITFIX (2026-08-07) — Safari iOS 18.4+ randeaza continutul <details> inchise prin
   content-visibility si il include eronat in zona de scroll a paginii → "void" gri aparent
   infinit sub footer pe iPhone (raportat de Sergiu pe pagina de broker). display:none explicit
   pe continutul inchis restaureaza semantica clasica in toate engine-urile. Zero impact vizual;
   nu folosim hidden=until-found, deci nu pierdem nimic. Chromium nu e afectat (gap ramane 52/0). */
details:not([open])>:not(summary){display:none}
.p96-group+.p96-group{margin-top:18px}
.p96-group .p84-sh{display:block;margin-bottom:7px}
.p96-group-n{font-size:12px;line-height:1.45;color:var(--p84-sec);margin:0 0 8px}
.p96-empty{font-size:12px;color:var(--p84-sec);margin:0}
.p96-drawer .data{font-size:13px}
/* Badge-ul de autoritate noua: chip neutru, nu pastila de status (nu spune "rau", spune "recent"). */
.p96-badge{flex:none;display:inline-flex;align-items:center;background:var(--p84-chip);border:1px solid var(--p84-line);
  border-radius:99px;padding:3px 8px;font:700 12px/1 var(--sans);text-transform:none;
  color:var(--p84-ink);white-space:nowrap}
.p96-limits{padding:0;margin:0 0 7px}
.p96-limits-sum{display:flex;align-items:flex-start;gap:10px;padding:13px 15px;min-height:44px;
  cursor:pointer;list-style:none;border-radius:13px}
.p96-limits-sum::-webkit-details-marker{display:none}
.p96-limits-sum:hover{background:#FAFBFD}
.p96-limits-sum:focus-visible{outline:2px solid var(--p84-blue);outline-offset:2px}
.p96-limits-main{flex:1;min-width:0}
.p96-limits-main .p84-sh{display:block;margin-bottom:7px}
/* Prima limita se vede INTEGRAL fara interactiune — vezi nota din pageDoesNotProve(). */
.p96-limits-first{display:block;font-size:12px;line-height:1.5;color:#4A5568}
.p96-limits-first strong{color:var(--p84-ink);font-weight:700}
.p96-limits-more{display:block;margin-top:7px;font-size:12px;font-weight:600;color:var(--p84-blue)}
.p96-limits .p96-chev{margin-top:2px}
.p96-limits ul{margin:0;padding:0 15px 14px;list-style:none}
.p96-limits li{font-size:12px;line-height:1.5;color:#4A5568;padding:0 0 0 14px;position:relative}
.p96-limits[open] ul{border-top:1px solid var(--p84-hair);padding-top:12px}
.p96-limits li+li{margin-top:8px}
.p96-limits li::before{content:"";position:absolute;left:0;top:8px;width:5px;height:5px;border-radius:50%;
  background:var(--p84-muted)}
.p96-limits strong{color:var(--p84-ink);font-weight:700}
/* P111B — notele consolidate din "About this score & limitations" (source-notice, disclaimere de
   scor, neafiliere) sub lista de limite. Se vad doar la deschidere; separate de lista printr-un fir. */
.p96-limits-notes{padding:12px 15px 14px;border-top:1px solid var(--p84-hair)}
.p96-limits-note{font-size:12px;line-height:1.5;color:#4A5568;margin:0}
.p96-limits-note+.p96-limits-note{margin-top:10px}
.p96-limits-note a{color:var(--p84-blue);font-weight:600}
@media(min-width:768px){
  .p96-panel{padding:17px 19px}
  .p96-limits-sum{padding:17px 19px}
  .p96-limits ul{padding:0 19px 18px}
  .p96-row{border-radius:11px}
  .p96-sum{padding:10px 13px;border-radius:11px}
  .p96-row+.p96-row{margin-top:10px}
  .p96-f{font-size:15px}
  .p96-brief{font-size:15px}
  .p96-body{padding:2px 13px 13px 31px}
  .p96-limits li{font-size:13px}
}

/* P97 — dosare federale. Fara culoare de status pe randuri: un dosar depus nu e un verdict, iar
   rosul l-ar transforma intr-unul. Eticheta de tip e un chip neutru, ca badge-urile din panou. */
.p97-court{padding:13px 15px;margin:0 0 7px}
.p97-court .p84-sh{display:block;margin-bottom:9px}
.p97-list{list-style:none;margin:0;padding:0}
.p97-row{display:flex;align-items:flex-start;gap:10px;flex-wrap:wrap;padding:10px 0}
.p97-row+.p97-row{border-top:1px solid var(--p84-hair)}
.p97-tag{flex:none;background:var(--p84-chip);border:1px solid var(--p84-line);border-radius:99px;
  padding:3px 9px;font:700 12px/1.3 var(--sans);color:var(--p84-sec)}
.p97-main{flex:1;min-width:0}
.p97-case{display:block;font-size:13px;font-weight:700;color:var(--p84-ink);overflow-wrap:anywhere}
.p97-meta{display:block;font:600 12px/1.4 var(--sans);text-transform:none;
  color:#6b7280;margin-top:4px}
.p97-status{display:block;font-size:12px;color:var(--p84-sec);margin-top:4px}
.p97-link{flex:none;font-size:12px;font-weight:600;color:var(--p84-blue)}
.p97-empty{font-size:13px;color:var(--p84-sec);margin:0}
/* P99 — starea goala a dosarelor federale: scut cu bifa, titlu, subtext, data ultimei cautari. */
.p99-empty{display:flex;flex-direction:column;align-items:center;text-align:center;gap:3px;padding:14px 6px 6px}
.p99-empty-ic{display:flex;align-items:center;justify-content:center;width:46px;height:46px;
  border-radius:14px;background:var(--p84-green-bg);color:var(--p84-green-dark);margin-bottom:5px}
.p99-empty-ic .p99-ic{width:26px;height:26px;margin:0 auto}
.p99-empty-t{font-size:15px;font-weight:700;color:var(--p84-ink);margin:0}
.p99-empty-s{font-size:12px;color:var(--p84-sec);margin:0 0 8px}
.p97-note{font-size:12px;line-height:1.45;color:var(--p84-sec);margin:10px 0 0;padding-top:9px;
  border-top:1px solid var(--p84-hair)}
@media(min-width:768px){ .p97-court{padding:17px 19px} }

/* --- 7. data source notice --- */
.p84-notice{display:flex;align-items:flex-start;gap:8px;background:#F1F4F9;border-radius:8px;padding:10px 11px 11px 12px;margin:0 0 7px}
.p84-notice-ic{flex:none;color:var(--p84-icon-ink);margin-top:2px}
.p84-notice-i{width:15px;height:15px}
.p84-notice p{font-size:12px;color:#4A5568;line-height:1.5;margin:0}
.p84-notice a{display:inline-flex;align-items:center;gap:5px;margin-top:3px;font-size:12px;font-weight:600;color:var(--p84-blue);text-decoration:underline}
.p84-ext{width:11px;height:11px}

/* la latimi foarte mici linkul coboara sub titlu (spec 6), fara sa strice ierarhia */
@media(max-width:360px){
  .p84-chips{flex-wrap:wrap}
  .p84-chip{flex:1 1 100%}
  .p84-drow{flex-wrap:wrap}
  .p84-dl{max-width:none;width:100%;margin-top:7px;padding:7px 0 0 48px;border-left:0;border-top:1px solid var(--p84-hair);min-height:0}
  .p84-dl-t b{display:inline}
}
@media(min-width:768px){
  .p84-card,.p84-summary{border-radius:16px}
  .p84-stats{min-height:58px;margin-bottom:10px}
  .p84-stat{gap:11px}
  .p84-stat-i .p84-i{width:19px;height:21px}
  .p84-stat-n{font-size:15px}.p84-stat-l{font-size:12px}
  .p84-vsep{height:28px}
  .p84-summary{padding:26px 24px 24px 26px;margin-bottom:10px}
  .p84-summary-top{gap:20px}
  .p84-kick{gap:8px;margin-bottom:14px}.p84-kick-i{width:14px;height:14px}
  .p84-kick span{font-size:12px}
  h1.p84-name{font-size:26px;letter-spacing:-.02em}
  .p84-dba{font-size:13px}
  .p84-loc{font-size:15px;margin-top:15px;gap:7px}.p84-pin{width:13px;height:14px}
  .p84-chips{gap:12px;margin-top:20px}
  .p84-chip{flex:0 1 auto;min-width:170px;padding:9px 12px 10px;border-radius:9px}
  .p84-chip-v{font-size:15px}.p84-chip-s{font-size:12px}
  .p84-panel{max-width:460px;margin:0 auto;border-radius:14px;padding:22px 24px}
  .p84-ring{width:100px;height:100px}
  .p84-ring-c b{font-size:40px}
  .p84-ring-c span{font-size:16px}
  .p84-panel-l{font-size:13px;letter-spacing:-.01em;margin-top:13px}
  /* P107 B-2 — de la 768px panoul are 132px: randul incape citibil, deci reapare. */
  .p84-panel-note{display:block;margin:8px 10px 0;font-size:12px;line-height:1.35}
  .p84-band{font-size:17px;margin-bottom:12px}
  .p84-banner{margin-top:18px;padding:14px 18px;gap:16px;border-radius:11px}
  .p84-banner-ic{width:38px;height:38px;border-radius:10px}
  .p84-banner-i{width:21px;height:21px}
  .p84-banner-t{font-size:20px}
  .p84-banner-s{font-size:15px;margin-top:5px}
  .p84-bd{margin-top:30px}
  .p84-sh{font-size:12px}
  .p84-bd .p84-sh{margin-bottom:10px}
  .p84-bd-row{padding:15px 0;gap:8px}
  .p84-bd-v{width:70px;font-size:16px}
  .p84-bd-t{font-size:15px;padding-right:14px}
  .p84-info{width:16px;height:16px}
  .p84-more{padding-top:14px}.p84-more span{font-size:15px}
  .p84-chev{width:15px;height:15px}
  .p84-details{padding:18px 21px 17px 22px;margin-bottom:10px}
  .p84-details .p84-sh{margin-bottom:12px}
  .p84-drow{gap:12px;padding:10px 11px 10px 10px;min-height:76px;border-radius:11px}
  .p84-drow+.p84-drow{margin-top:10px}
  .p84-dic{width:56px;height:56px;border-radius:13px}
  .p84-di{width:30px;height:30px}
  .p84-dt{font-size:17px}
  .p84-ds{font-size:13px;margin-top:3px}.p84-ds.is-caps{font-size:12px}
  .p84-dc{font-size:13px;margin-top:6px}
  .p84-dl{max-width:150px;min-height:56px;padding-left:11px;gap:7px}
  .p84-dl-t{font-size:13px}
  .p84-notice{padding:14px 15px 15px 17px;border-radius:11px;gap:11px}
  .p84-notice-i{width:20px;height:20px}
  .p84-notice p{font-size:15px}
  .p84-notice a{font-size:13px}
  .p84-ext{width:13px;height:13px}
}
@media(prefers-reduced-motion:reduce){.p84-ring-fill{animation:none}}
@media print{.p84-card,.p84-summary{box-shadow:none}.p84-ring-fill{animation:none}.p84-summary.is-dead{background:#fff}}

/* ================= P89 — compozitia DESKTOP a profilului (>=1024px) =================
   Sub 1024px NIMIC nu se schimba: .p89-grid si .p89-main sunt display:contents (cutiile lor nu
   exista, copiii curg exact ca inainte in .container), iar rail-ul e display:none. Tot ce tine
   de compozitia noua traieste in @media(min-width:1024px) de mai jos. */
.p89-grid,.p89-main{display:contents}
.p89-rail{display:none}
@media(min-width:1024px){
  /* shell 1200 DOAR pe profil (.container global ramane 720) */
  body.is-profile .container{max-width:1200px}
  .p89-grid{display:grid;grid-template-columns:minmax(0,1fr) 350px;gap:24px;align-items:start}
  .p89-main{display:block;min-width:0}
  /* headerul .site e sticky (~61px): rail-ul se opreste SUB el. Mockup-ul cerea top ~20px, dar
     acolo nu exista header sticky — 80px = 61 + aceeasi respiratie de 20px. */
  .p89-rail{display:flex;flex-direction:column;gap:10px;position:sticky;top:80px}

  /* --- coloana principala, latita ---
     scop .is-profile: componentele P84 (nume, chips, randuri de detaliu) sunt azi randate doar pe
     profil, dar compozitia asta e a profilului — fara scope s-ar aplica oriunde ar fi refolosite. */
  body.is-profile h1.p84-name{font-size:32px;letter-spacing:-.02em}
  body.is-profile .p84-chip{min-width:196px}
  /* scorul se citeste O SINGURA data pe desktop: panoul din cardul de identitate cedeaza locul
     cardului din rail (acelasi inel, acelasi ton, aceeasi eticheta) */
  body.is-profile .p84-summary .p84-panel{display:none}
  body.is-profile .p84-dic{width:48px;height:48px;border-radius:12px}
  body.is-profile .p84-di{width:26px;height:26px}
  body.is-profile .p84-drow{min-height:80px}
  /* copy-ul legal "Before you book" ramane o singura data pe pagina: pe desktop il arata rail-ul */
  .p89-byb-main{display:none}
  /* "What this score shows — and does not prove": skin-ul P86 il tine pe o coloana la orice latime
     (stivuit, cu hairline orizontal). Pe desktop redevine cardul cu DOUA coloane interne si hairline
     VERTICAL la mijloc — restul stilului (buline, tipografie, radius) ramane al P86. */
  /* selector cu element (0,2,1), nu doar cele doua clase (0,2,0): skin-ul P86 defineste aceleasi
     proprietati mai JOS in fisier, la specificitate egala — media query-ul nu adauga specificitate,
     deci fara elementul din selector regula de aici ar pierde prin ordine. */
  body.is-profile .score-scope{grid-template-columns:1fr 1fr}
  body.is-profile .score-scope-col{padding-right:20px}
  body.is-profile .score-scope-col+.score-scope-col{border-top:0;border-left:1.5px solid var(--p84-hair);
    margin:0;padding:0 0 0 20px}

  /* --- rail: card de scor --- */
  .p89-score{padding:24px 20px 20px;text-align:center}
  .p89-score .p84-ring{width:130px;height:130px}
  .p89-score .p84-ring-c b{font-size:52px}
  .p89-score .p84-ring-c span{font-size:19px;margin-top:4px}
  .p89-score .p84-panel-l{font-size:15px;font-weight:700;letter-spacing:-.01em;margin-top:15px}
  .p89-score .p84-band{font-size:20px;margin-bottom:14px}
  .p89-score .p84-panel-sub{font-size:12px;max-width:none;margin-top:6px}
  .p89-score .p84-panel-disc{font-size:12px;max-width:none;margin-top:12px;padding-top:11px}
  .p89-score-cta{display:block;width:100%;margin-top:18px}

  /* --- rail: quick facts --- */
  .p89-quick{padding:18px 20px 8px}
  .p89-quick .p84-sh{display:block;margin-bottom:4px}
  .p89-qf-row{display:flex;align-items:baseline;justify-content:space-between;gap:14px;padding:11px 0;font-size:13px}
  .p89-qf-row+.p89-qf-row{border-top:1px solid var(--p84-hair)}
  .p89-qf-l{flex:none;color:var(--p84-sec)}
  .p89-qf-v{min-width:0;text-align:right;font-weight:600;color:var(--p84-ink);overflow-wrap:anywhere}
  .p89-qf-v .mono{font-family:var(--mono);font-weight:600;font-size:12px}

  /* --- rail: before you book --- */
  .p89-byb-rail{padding:18px 20px 20px}
  .p89-byb-rail ol{font-size:13px;color:var(--text-2);line-height:1.5}
  .p89-byb-rail li+li{margin-top:8px}
}

/* ================= P85 — HOME in limbajul vizual P84 =================
   Scope STRICT home: cardul demo din hero (.hero-proof .demo-card, folosit doar pe home) si
   sectiunile de sub hero, prefixate cu .has-hero (clasa pusa pe <body> DOAR cand layout primeste
   hero, adica exclusiv pe "/"). Zero text schimbat — doar skin.
   Hero-ul in sine (titlu, statuie/video, search, pill) ramane NEATINS. */

/* --- cardul demo din hero (design/mockup-p85-hero-card.html) --- */
.hero-proof .demo-card{background:#FEFEFE;border:1px solid #EFF0F4;border-radius:14px;
  box-shadow:0 16px 40px rgba(8,14,28,.22);padding:13px 15px 12px;overflow:visible}
.hero-proof .demo-card:hover{box-shadow:0 20px 46px rgba(8,14,28,.26);transform:translateY(-1px)}
.hero-proof .demo-card-top{padding:0 0 9px;margin-bottom:11px;border-bottom:1.5px solid var(--p84-hair);gap:10px}
.hero-proof .demo-card-top .ledger-label{font:700 13px/1 var(--sans);color:var(--p84-blue)}
.hero-proof .demo-open{font:700 13px/1 var(--sans);color:var(--p84-blue)}
.hero-proof .demo-meta{padding:0;margin-bottom:5px;gap:10px}
.hero-proof .demo-mc{font:600 13px/1 var(--mono);color:var(--p84-sec)}
.hero-proof .vchip{font:500 13px/1 var(--sans);color:#6b7280;background:none;border:0;padding:0}
.hero-proof .demo-name{font-family:var(--sans);font-weight:700;font-size:17px;letter-spacing:-.01em;
  color:var(--p84-ink);padding:0;border-bottom:0;line-height:1.15}
.hero-proof .demo-mid{display:flex;align-items:center;gap:12px;margin-top:11px}
.hero-proof .demo-band{flex:1;min-width:0;display:flex;align-items:center;gap:9px;min-height:48px;
  border-radius:10px;border:1.5px solid;padding:8px 11px}
.hero-proof .demo-band.is-green{background:var(--p84-green-bg);border-color:var(--p84-green-line)}
.hero-proof .demo-band.is-amber{background:var(--p84-amber-bg);border-color:var(--p84-amber-line)}
.hero-proof .demo-band.is-red{background:var(--p84-red-bg);border-color:var(--p84-red-line)}
.hero-proof .demo-band-ic{width:22px;height:22px;border-radius:6px;flex:none;display:grid;place-items:center}
.hero-proof .demo-band.is-green .demo-band-ic{background:#18A155}
.hero-proof .demo-band.is-amber .demo-band-ic{background:var(--p84-amber)}
.hero-proof .demo-band.is-red .demo-band-ic{background:var(--p84-red)}
.hero-proof .demo-band-ic svg{width:13px;height:13px}
.hero-proof .demo-band-t{font-size:13px;font-weight:700;line-height:1.25}
.hero-proof .demo-band.is-green .demo-band-t{color:var(--p84-green-dark)}
.hero-proof .demo-band.is-amber .demo-band-t{color:#92400E}
.hero-proof .demo-band.is-red .demo-band-t{color:#B42318}
.hero-proof .p84-ring{width:62px;height:62px}
.hero-proof .p84-ring-track,.hero-proof .p84-ring-fill{stroke-width:6.25}
.hero-proof .p84-ring-c b{font-size:26px}
.hero-proof .p84-ring-c span{font-size:12px;margin-top:2px}
.hero-proof .demo-card .pills{gap:8px;margin-top:11px;padding:0}
.hero-proof .demo-card .pill{font:700 12px/1 var(--sans);text-transform:none;
  color:#3D4A63;background:var(--p84-chip);border:0;border-radius:8px;padding:7px 11px}
.hero-proof .demo-source{margin-top:11px;padding:9px 0 0;border-top:1.5px solid var(--p84-hair);
  font:500 13px/1.65 var(--sans);color:var(--p84-muted)}
.hero-proof .demo-note{margin-top:5px;padding:0;font-size:12px;color:#6b7280}
.hero-proof .demo-mc .caret{background:var(--p84-blue)}

/* --- sectiunile de sub hero: aceleasi tokens --- */
.has-hero .kicker{color:var(--p84-blue);font-weight:700;font-size:12px}
.has-hero .kicker.accent{color:var(--p84-blue)}
/* punctul din fata kicker-ului urmeaza culoarea kicker-ului (verde langa text albastru zgaria) */
.has-hero .bridge-kicker span{background:var(--p84-blue);box-shadow:0 0 0 4px var(--p84-blue-bg)}
.has-hero .mcard,.has-hero .record-panel,.has-hero .fcard{background:#FEFEFE;border:1px solid #EFF0F4;
  border-radius:14px;box-shadow:0 8px 26px rgba(16,24,40,.055)}
.has-hero .mcard{border-radius:13px}
.has-hero .mcard:hover,.has-hero .fcard:hover{box-shadow:0 14px 34px rgba(16,24,40,.09)}
.has-hero .ledger-bridge .mcard{box-shadow:0 8px 26px rgba(16,24,40,.055)}
.has-hero .record-head,.has-hero .record-note,.has-hero .rec-row{border-bottom-color:var(--p84-hair)}
.has-hero .record-note{background:#F8FAFC}
.has-hero .record-note::before{background:var(--p84-blue)}
/* P117 R3 — pastila asta sta pe fundal tentat (var(--bg)), nu pe alb: tokenul de meta ar da 4.44:1.
   Acelasi tratament ca la .p111c-faffil — rolul ramane "meta", dar culoarea urca pe --text-2
   (6.58:1 pe aceeasi pastila). Zero culori noi. */
.has-hero .rec-date{border-color:var(--p84-hair);border-radius:8px;color:var(--text-2)}
.has-hero .mini-ledger{border:1px solid var(--p84-hair);border-radius:8px}
.has-hero .ml-row+.ml-row{border-top-color:var(--p84-hair)}
.has-hero .ml-label{color:var(--p84-ink)}
/* chip-uri: fundal #F5F7FA, fara bordura; mono ramane DOAR la date si numere de identificare */
.has-hero .fchip,.has-hero .ml-tag{font-family:var(--sans);font-weight:700;
  background:var(--p84-chip);border:0;border-radius:8px;padding:5px 9px;color:#3D4A63}
.has-hero .fchip.ok,.has-hero .ml-tag.ok{color:var(--p84-green-dark)}
.has-hero .fchip.pro{color:var(--p84-blue)}
.has-hero .fnum{color:var(--p84-muted)}
.has-hero .fcard h3,.has-hero .record-head h3{color:var(--p84-ink)}
.has-hero .fcard .desc{color:var(--p84-sec)}
@media print{.has-hero .mcard,.has-hero .record-panel,.has-hero .fcard,.hero-proof .demo-card{box-shadow:none}}

/* ================= P86 — profil broker, jumatatea de jos (design/mockup-p86-profil-full.html)
   INTEGRAL CSS: zero modificari de DOM, deci textul vizibil ramane byte-identic prin constructie.
   Iconitele si numerele de pas sunt pseudo-elemente (::before) — nu intra in innerText.
   Scope: body.is-profile (doar /broker/:key). Clasele vizate (.ledger, .events, details, .btn,
   .pill, .tag, .linkrow) sunt folosite si pe alte pagini, de aceea scoparea e obligatorie. */
.is-profile{--p86-icon:42px}
.is-profile .tlabel{font-size:12px;font-weight:700;color:var(--p84-ink)}
/* linkurile de pe profil trec pe albastru (bat regula P58 care le forta pe accent) */
.is-profile .accent-link,.is-profile .accent-link:hover{color:var(--p84-blue)}
.is-profile .legal-line{font-size:13px;line-height:1.6;color:var(--p84-sec)}
.is-profile .small a,.is-profile .mut a,.is-profile .legal-line a{color:var(--p84-blue);font-weight:600}
/* prefixul main e obligatoriu: fara el regula prinde si linkurile din footer (.flinks) */
.is-profile main .idline a,
.is-profile main :not(.p84-summary):not(.p84-card)>p a:not(.btn):not(.accent-link){border-bottom:1.5px solid #BFD2F8;text-decoration:none}

/* (b) "What this score shows" — un card, hairline la mijloc, buline colorate */
.is-profile .score-scope-title{font-size:17px;font-weight:700;letter-spacing:-.01em;margin:26px 2px 12px}
.is-profile .score-scope{grid-template-columns:1fr;background:#FEFEFE;border:1px solid #EFF0F4;
  border-radius:13px;box-shadow:0 8px 24px rgba(16,24,40,.05);padding:15px 16px 14px;overflow:hidden}
.is-profile .score-scope-col{padding:0}
.is-profile .score-scope-col+.score-scope-col{border-left:0;border-top:1.5px solid var(--p84-hair);
  margin:13px -16px 0;padding:12px 16px 0}
.is-profile .score-scope .tlabel{font-size:12px;margin:0 0 10px}
.is-profile .scope-show .tlabel{color:var(--p84-green-dark)}
.is-profile .scope-limit .tlabel{color:#3D4A63}
.is-profile .score-scope ul{list-style:none;padding-left:0;font-size:13px}
/* P99 — pe profil, marcajele erau puncte colorate; devin bifa verde / minus rosu. Restul (glif,
   dimensiune, tinta de fundal) vine din regula de baza de mai sus: aici doar alinierea verticala. */
.is-profile .score-scope li{position:relative;margin:0;padding:5px 0 5px 24px;color:#364152;line-height:1.45}
.is-profile .score-scope li::before{top:5px}

/* (c)+(j)+(l) folduri: card + chevron albastru.
   SCOPE OBLIGATORIU (main ... :not(.menu)): fara el regula prindea si details.menu din
   header (butonul de meniu mobil) si ii punea chevron albastru + card alb, scotand barele hamburger
   din container — regresia P86.1 raportata pe live. .why (info-ul din breakdown) e alt pattern. */
.is-profile main details:not(.why):not(.menu):not(.p96-row):not(.p96-drawer):not(.p96-limits){background:#FEFEFE;border:1px solid #EFF0F4;border-radius:13px;
  box-shadow:0 8px 24px rgba(16,24,40,.05);margin:12px 0}
/* P96 — randurile de semnal si sertarul isi aduc PROPRIUL chevron (SVG in summary, la dreapta) si
   propriul padding, deci sunt excluse din skin-ul generic de <details> al profilului; altfel primeau
   doua chevron-uri, unul stanga si unul dreapta. */
.is-profile main details:not(.why):not(.menu):not(.p96-row):not(.p96-drawer):not(.p96-limits)>summary{display:flex;align-items:center;gap:11px;padding:14px 16px;
  font-size:15px;font-weight:700;color:var(--p84-ink);border-radius:13px;list-style:none}
.is-profile main details:not(.why):not(.menu):not(.p96-row):not(.p96-drawer):not(.p96-limits)>summary::-webkit-details-marker{display:none}
.is-profile main details:not(.why):not(.menu):not(.p96-row):not(.p96-drawer):not(.p96-limits)>summary::before{content:"";flex:none;width:17px;height:17px;
  transition:transform .18s ease;
  background:center/17px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%232563EB' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E")}
.is-profile main details:not(.why):not(.menu):not(.p96-row):not(.p96-drawer):not(.p96-limits)[open]>summary::before{transform:rotate(180deg)}
.is-profile main details:not(.why):not(.menu):not(.p96-row):not(.p96-drawer):not(.p96-limits)[open]>summary{border-bottom:1.5px solid var(--p84-hair);border-radius:13px 13px 0 0}
@media(prefers-reduced-motion:reduce){.is-profile main details:not(.why):not(.menu):not(.p96-row):not(.p96-drawer):not(.p96-limits)>summary::before{transition:none}}
/* plasa de siguranta: meniul din header nu primeste NICIODATA marker nativ sau chevron de fold */
.is-profile .menu,.is-profile .menu>summary{background:none;border:0;border-radius:0;box-shadow:none;margin:0}
.is-profile .menu>summary{list-style:none;padding:0;font-size:inherit;font-weight:inherit}
.is-profile .menu>summary::-webkit-details-marker{display:none}
.is-profile .menu>summary::marker{content:""}
.is-profile .menu>summary::before{content:none}

/* (e) REGULATORY STATUS — randurile tabelului devin carduri cu icon; iconita e ::before absolut,
   ca sa nu intre in fluxul de text (si deci nici in innerText). */
.is-profile .slist{background:none;border:0;box-shadow:none;padding:0;overflow:visible}
.is-profile .slist .ledger{border-collapse:separate;border-spacing:0 9px;margin:0}
.is-profile .slist .ledger th,.is-profile .slist .ledger td{border-top:1.5px solid #E7E9EE;
  border-bottom:1.5px solid #E7E9EE;background:#FEFEFE;vertical-align:middle}
.is-profile .slist .ledger th{position:relative;border-left:1.5px solid #E7E9EE;border-radius:11px 0 0 11px;
  padding:12px 8px 12px 60px;font-size:13px;font-weight:700;color:var(--p84-ink);line-height:1.3;width:38%}
.is-profile .slist .ledger td{border-right:1.5px solid #E7E9EE;border-radius:0 11px 11px 0;
  padding:12px 11px 12px 0;font-size:13px;font-weight:600;color:var(--p84-ink);line-height:1.5}
.is-profile .slist .ledger tr+tr th,.is-profile .slist .ledger tr+tr td{border-top:1.5px solid #E7E9EE}
.is-profile .slist .ledger th::before{content:"";position:absolute;left:10px;top:50%;transform:translateY(-50%);
  width:var(--p86-icon);height:var(--p86-icon);border-radius:10px;background-repeat:no-repeat;background-position:center}
/* P86.2 — acelasi set unificat ca in BROKER DETAILS: outline navy %2316233F pe container #EAF1FE.
   Scutul verde / docul albastru / clopotnita si calendarul mov au disparut. */
.is-profile .slist .ledger th::before{background-color:var(--p84-icon-bg);background-size:22px}
.is-profile .slist .ledger tr:nth-child(1) th::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316233F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 2.4 20.4 5.6v6.1c0 5.2-3.4 8.9-8.4 11.1-5-2.2-8.4-5.9-8.4-11.1V5.6Z'/%3E%3Cpath d='m8.4 12 2.6 2.6 4.8-5.2'/%3E%3C/svg%3E")}
.is-profile .slist .ledger tr:nth-child(2) th::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316233F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M14 2.6H7a2 2 0 0 0-2 2v14.8a2 2 0 0 0 2 2h10a2 2 0 0 0 2-2V7.6Z'/%3E%3Cpath d='M14 2.6v5h5'/%3E%3Ccircle cx='15.4' cy='16.2' r='3.3'/%3E%3Cpath d='m14 16.3 1 1 1.9-2'/%3E%3C/svg%3E")}
.is-profile .slist .ledger tr:nth-child(3) th::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316233F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M3 21h18M4.4 21V9.8M19.6 21V9.8M2.6 9.8 12 3.4l9.4 6.4'/%3E%3Cpath d='M7.6 21v-8.4M12 21v-8.4M16.4 21v-8.4'/%3E%3C/svg%3E")}
.is-profile .slist .ledger tr:nth-child(4) th::before{
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316233F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3.4' y='5' width='17.2' height='16' rx='2.4'/%3E%3Cpath d='M8 2.8v4M16 2.8v4M3.4 10h17.2'/%3E%3Ccircle cx='15.8' cy='16.4' r='3.2'/%3E%3Cpath d='M15.8 15v1.5l1.1.9'/%3E%3C/svg%3E")}
.is-profile .slist .ledger td .c-ok{color:var(--p84-green-dark);font-weight:700}
.is-profile .slist .ledger td .c-bad{color:#B42318;font-weight:700}
/* "· checked <data>" — mono muted. Ramane INLINE: mockup-ul il pune pe rand separat, dar un
   display:block l-ar muta pe linie proprie in innerText si ar strica gate-ul de copy byte-identic
   (verificat: diff-ul l-a prins). La fel, fara text-transform — ar schimba "checked" in "CHECKED". */
/* nowrap: fara el data se rupe la mijloc ("2026-07-" / "19") pe coloana ingusta de la 390px */
.is-profile .slist .ledger td .mut.small{font:500 13px/1.4 var(--sans);
  color:#6b7280;white-space:nowrap}
.is-profile .slist .ledger td .mono{font-family:var(--sans);font-size:13px;font-weight:700}
.is-profile .slist .ledger td .accent-link.small{display:inline-flex;align-items:center;gap:5px;
  margin-top:5px;font-size:12px;font-weight:600}

/* (f) pastila de revocation */
.is-profile .pills{gap:9px;margin:12px 0 0}
.is-profile .pill{border-radius:11px;padding:10px 13px;font-size:13px;font-weight:600;line-height:1.5}
.is-profile .pill.warn{background:#FDF3E7;border:1.5px solid #F5E3C8;color:#B2470E}
.is-profile .pill.bad{background:var(--p84-red-bg);border:1.5px solid var(--p84-red-line);color:#B42318}

/* (g) BEFORE YOU BOOK — numerele pasilor sunt counters CSS (nu text), deci innerText nu se schimba */
.is-profile .panel>ol{list-style:none;counter-reset:byb;padding-left:0;margin:0}
.is-profile .panel>ol>li{counter-increment:byb;position:relative;margin:0;padding:9px 0 9px 33px;
  font-size:13px;line-height:1.55;color:#364152}
.is-profile .panel>ol>li+li{border-top:1.5px solid var(--p84-hair)}
.is-profile .panel>ol>li::before{content:counter(byb);position:absolute;left:0;top:9px;width:22px;height:22px;
  border-radius:50%;background:var(--p84-chip);color:#3D4A63;font-size:12px;font-weight:700;
  display:grid;place-items:center}
.is-profile .panel>ol>li strong{color:var(--p84-ink)}
.is-profile .panel>ol>li a[href^="tel:"]{color:var(--p84-blue);font-weight:700;border-bottom:0}
/* DOAR titlul panoului "Before you book" (copil direct de .panel). Selectorul descendent prindea
   si .tlabel-urile din .score-scope — care e tot un .panel — si punea (i) pe "THIS SHOWS". */
.is-profile .panel>.tlabel{display:flex;align-items:center;gap:10px}
.is-profile .panel>.tlabel::before{content:"";flex:none;width:26px;height:26px;border-radius:50%;
  background:var(--p84-icon-bg) center/14px no-repeat url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%2316233F' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='9.4'/%3E%3Cpath d='M12 11v5.4M12 7.6h.01'/%3E%3C/svg%3E")}

/* (h) History — timeline cu puncte verzi si linie verticala (ambele pseudo-elemente) */
.is-profile .events .row{position:relative;padding:11px 0 13px 26px;border-bottom:1.5px solid var(--p84-hair);
  align-items:flex-start;gap:12px}
.is-profile .events .row::before{content:"";position:absolute;left:0;top:16px;width:8px;height:8px;
  border-radius:50%;background:var(--p84-green)}
.is-profile .events .row:not(:last-child)::after{content:"";position:absolute;left:3px;top:28px;bottom:0;
  width:1.5px;background:var(--p84-hair)}
.is-profile .events time{flex:0 0 76px;font:500 13px/1.4 var(--sans);color:#6b7280;margin-top:2px}
.is-profile .events .row>div{font-size:13px;font-weight:700;line-height:1.4;color:var(--p84-ink)}
.is-profile .events .src{font-size:12px;font-weight:400;color:var(--p84-muted);margin-top:4px}

/* (i) Carrier payment experiences + nav-ul inline */
/* :not(.p84-sh) — headingurile din jumatatea de sus (SCORE BREAKDOWN / BROKER DETAILS) sunt tot
   <h2>, dar apartin P84 si raman kickere mici; fara excludere deveneau titluri de 19px. */
.is-profile main h2:not(.p84-sh){font-size:17px;font-weight:700;letter-spacing:-.01em}
.is-profile main h2 .tag{background:var(--p84-chip);border-radius:7px;padding:4px 9px;font-size:12px;
  font-weight:700;color:var(--p84-sec)}
.is-profile .linkrow a{color:var(--p84-blue);font-weight:600}
.is-profile .linkrow .sep{color:#6b7280}

/* LIQUIDBTN — butoanele Monitor si report-sticky erau singurele primare pe albastru (--p84-blue).
   Culoarea iese, GEOMETRIA ramane (raza 11px + greutatea), ca ierarhia sa nu se aplatizeze.
   Fundalul si umbra vin acum din tokenii comuni, deci nu mai exista un al doilea albastru de intretinut. */
.is-profile form[action*="watch-form"] .btn,.is-profile .btn.report-sticky{
  border-radius:11px;font-weight:700}
.is-profile .formbox{background:#FEFEFE;border:1px solid #EFF0F4;border-radius:13px;
  box-shadow:0 8px 24px rgba(16,24,40,.05);padding:14px 15px 15px}

/* P110 — Financial Security Information. Faptele FMCSA, istoricul si template-ul blank sunt
   deliberat separate vizual: utilizatorul trebuie sa copieze singur fiecare camp, nu sa creada ca
   documentul a fost pregatit ori completat de site. Culorile folosesc exclusiv tokenii existenti. */
.is-profile .p110-security{scroll-margin-top:80px;margin-top:30px}
.is-profile .p110-security>h2{margin-bottom:6px}
.is-profile .p110-cta{margin:0 0 12px;color:var(--p84-blue);font-weight:700}
.is-profile .p110-panel{padding:20px}
.is-profile .p110-panel>h3{margin:0 0 12px;font-size:16px}
.is-profile .p110-fields{display:grid;gap:8px}
.is-profile .p110-field{display:grid;grid-template-columns:minmax(150px,.8fr) minmax(0,1.4fr) auto;
  gap:10px;align-items:center;padding:9px 0;border-bottom:1px solid var(--p84-hair)}
.is-profile .p110-field:last-child{border-bottom:0}
.is-profile .p110-field-label{font-size:12px;font-weight:700;color:var(--p84-muted)}
.is-profile .p110-field-value{min-width:0;overflow-wrap:anywhere;font-size:13px;color:var(--p84-ink)}
.is-profile .p110-copy{min-height:36px;padding:7px 11px;border:1px solid var(--p84-hair);
  border-radius:8px;background:var(--p84-blue-bg);color:var(--p84-blue);font:700 12px/1 var(--sans);
  cursor:pointer}
.is-profile .p110-copy:hover{border-color:var(--p84-blue)}
.is-profile .p110-copy.is-copied{color:var(--p84-green-dark)}
.is-profile .p110-channel-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:16px}
.is-profile .p110-channel-grid>div{padding:12px;border:1px solid var(--p84-hair);border-radius:10px;
  background:var(--p84-chip)}
.is-profile .p110-channel-grid strong{display:block;font-size:12px;color:var(--p84-ink)}
.is-profile .p110-channel-grid p{margin:5px 0 0;font-size:13px;color:var(--p84-muted)}
.is-profile .p110-current,.is-profile .p110-history-accordion{padding:0}
.is-profile .p110-current>summary>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.is-profile .p110-current-inner{padding:16px 20px 20px}
.is-profile .p110-history-accordion{margin-bottom:12px}
.is-profile .p110-history-body{padding:14px}
.is-profile .p110-history-intro{margin:0 0 10px}
.is-profile .p110-history-accordion .p110-history{display:grid;gap:8px;margin:0}
.is-profile main details.p110-history-row{margin:0!important;padding:0;border:1px solid var(--p84-hair);
  border-radius:10px;box-shadow:none!important}
.is-profile main details.p110-history-row>summary{min-height:42px;padding:10px 12px!important;
  font-size:13px!important;line-height:1.35}
.is-profile .p110-history-row>summary>span{min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.is-profile .p110-history-inner{padding:14px}
.is-profile .p110-history-row h4{margin:0 0 8px;font-size:13px;color:var(--p84-ink)}
.is-profile .p110-history-copy{margin:14px 0 0;padding:12px;border-left:3px solid var(--p84-blue);
  background:var(--p84-blue-bg);font-size:13px;line-height:1.55;color:var(--p84-sec)}
.is-profile .p110-education ul{margin-bottom:0;padding-left:20px}
.is-profile .p110-education li+li{margin-top:9px}
.is-profile .p110-audience{padding:12px;border-radius:10px;background:var(--p84-blue-bg);
  color:var(--p84-ink)}
.is-profile .p110-how{margin-bottom:0}
.is-profile .p110-how-inner,.is-profile .p110-accordion-body{padding:14px 16px 16px}
.is-profile .p110-how-inner>h3{margin:0 0 12px;font-size:16px}
.is-profile .p110-template{margin:12px 0;padding:0;border:1px solid var(--p84-hair);
  border-radius:16px;background:var(--card)}
.is-profile .p110-template-inner{padding:16px 20px 20px}
.is-profile .p110-template pre{max-height:520px;margin:0;padding:16px;overflow:auto;white-space:pre-wrap;
  overflow-wrap:anywhere;border:1px solid var(--p84-hair);border-radius:10px;background:var(--bg);
  color:var(--p84-ink);font:12px/1.55 var(--mono)}
.is-profile .p110-template-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}
.is-profile .p110-template-actions .btn{min-height:40px;padding:10px 14px;font-size:12px}
.is-profile .p110-master{border-left:4px solid var(--p84-blue);font-size:13px;line-height:1.6}
/* P-CLAIMSTYLE (2026-08-01, owner-approved varianta A) — sample claim notice ca foaie de document.
   Tinta: qa-tests/pre-live/mock-claim-notice-A.html. Textul avizat sta verbatim in pre.cmbdoc-src
   (ascuns, sursa byte-identica pt Copy/.txt); .cmbdoc-sheet e doar prezentarea. */
.is-profile .p110-template pre.cmbdoc-src{display:none}
.is-profile .p110-template .cmbdoc-sheet{background:#fff;border:1px solid #e2e8f0;border-top:3px solid #c2410c;
  border-radius:14px;padding:22px 18px 20px;box-shadow:0 10px 28px rgba(15,23,42,.08);color:#0f172a;font-size:15px}
.is-profile .p110-template .cmbdoc-title{font-size:16px;font-weight:600;line-height:1.35;letter-spacing:-.01em;margin:0 0 18px}
.is-profile .p110-template .cmbdoc-kicker{font-size:12px;font-weight:700;text-transform:none;color:#475569;margin:16px 0 9px}
.is-profile .p110-template .cmbdoc-field{margin:0 0 14px}
.is-profile .p110-template .cmbdoc-label{font-size:13px;color:#475569;margin-bottom:7px}
.is-profile .p110-template .cmbdoc-line{height:22px;border-bottom:1px solid #cbd5e1}
.is-profile .p110-template .cmbdoc-static{font-size:13px;color:#0f172a;font-weight:500;margin:0 0 12px}
.is-profile .p110-template .cmbdoc-rule{border:0;border-top:1px solid #e2e8f0;margin:18px 0}
@media(max-width:640px){
  .is-profile .p110-field{grid-template-columns:minmax(0,1fr) auto}
  .is-profile .p110-field-value{grid-column:1/2}
  .is-profile .p110-field-label{grid-column:1/3}
  .is-profile .p110-copy{grid-column:2;grid-row:2}
  .is-profile .p110-channel-grid{grid-template-columns:1fr}
}
@media print{.is-profile details:not(.why),.is-profile .score-scope,.is-profile .formbox{box-shadow:none}}
/* ===== P115 — cardul exemplu de pe homepage: varianta hibrid (aprobata Sergiu) =====
   Perimetru: DOAR interiorul cardului. Shell-ul (fundal/bordura/raza/umbra) ramane cel din P85
   (.hero-proof .demo-card), de aceea containerul pastreaza clasa .demo-card. */
/* specificitate: .hero-proof .demo-card (0,2,0) bate .p115-card (0,1,0) — padding-ul cardului
   trebuie scris la acelasi nivel, altfel ramane cel din P85 (13/15/12). Vertical 15px (cerere
   Sergiu), orizontal ramane 15px ca pana acum. */
.hero-proof .demo-card.p115-card{padding:15px}
/* cardul nu mai e link (CTA-ul e singura actiune) → fara lift la hover */
.hero-proof .demo-card.p115-card:hover{box-shadow:0 16px 40px rgba(8,14,28,.22);transform:none}
.p115-kicker{margin:0 0 6px;font-size:13px;font-weight:600;color:#70757a}
.p115-name{margin:0;font-size:24px;font-weight:700;letter-spacing:-.01em;line-height:1.15;color:var(--text)}
.p115-ids{margin:3px 0 0;font-size:13px;color:#70757a}
.p115-ids .demo-mc{display:inline;color:#57575e}
.p115-hr{height:1px;background:rgba(0,0,0,.07);margin:8px 0}
.p115-verdict{display:flex;align-items:center;gap:10px;padding:4px 0}
.p115-dot{width:10px;height:10px;border-radius:50%;flex:0 0 auto;background:#2fae52}
.p115-verdict.tone-caution .p115-dot{background:#F59E0B}
.p115-verdict.tone-risk .p115-dot{background:#EF4444}
.p115-vtext{flex:1;min-width:0;font-size:15px;font-weight:600;line-height:1.3;color:var(--text)}
.p115-verdict .p84-ring{width:58px;height:58px;margin:0;flex:0 0 auto}
.p115-verdict .p84-ring-track,.p115-verdict .p84-ring-fill{stroke-width:6.25}
.p115-verdict.ring-good .p84-ring-fill{stroke:#2fae52}
.p115-verdict .p84-ring-c b{font-family:var(--sans);font-weight:500;font-size:21px;letter-spacing:-.055em;line-height:.9}
.p115-verdict .p84-ring-c span{font:400 12px/1 var(--sans);color:#6b7280;margin-top:2px}
.p115-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px;padding:9px 0}
.p115-row+.p115-row{border-top:1px solid rgba(0,0,0,.07)}
.p115-row .k{font-size:15px;color:#57575e}
.p115-row .v{font-size:15px;font-weight:600;color:var(--text);text-align:right}
.p115-rowdate{font-weight:400;color:#6b7280;white-space:nowrap}
.p115-cta{display:block;margin:8px 0 0;padding:12px 16px;border-radius:13px;background:#121a24;color:#fff;
  font-size:15px;font-weight:600;text-align:center;text-decoration:none;
  box-shadow:0 4px 14px rgba(10,20,30,.25);transition:transform 150ms ease,box-shadow 150ms ease}
.p115-cta:hover{color:#fff;text-decoration:none;box-shadow:0 6px 18px rgba(10,20,30,.32)}
.p115-cta:active{transform:scale(.99)}
.p115-foot{margin:8px 0 0;font-size:12px;line-height:1.45;color:#6b7280;text-align:center;text-wrap:balance}
@media(prefers-reduced-motion:reduce){.p115-cta{transition:none}}

/* ================== P119 — DESKTOP PASS (>=1024px) ==================================
   Perimetru strict: TOT ce urmeaza traieste intr-un singur @media(min-width:1024px), deci
   randarea la 390px nu se poate schimba — nu e o promisiune, e o proprietate a media query-ului.
   Cauza masurata: 28 de valori distincte de max-width in foaie si un .container de 720px care
   lasa continutul intr-o coloana ingusta cu margini uriase pe laptop.
   Blocul e ULTIMUL din foaie: la specificitate egala, ordinea il face sa castige, fara !important.
   NOTA pentru audit: punctele de CULOARE (kickere, linkuri, gradiente, bordura Pro) sunt, ca sens,
   independente de latimea ecranului. Sunt scoase aici DOAR pe desktop pentru ca perimetrul cerut
   interzice atingerea mobilului. Dupa aprobare, ele ar trebui promovate global intr-o faza scurta,
   altfel cele doua breakpoint-uri raman divergente. */
@media(min-width:1024px){
  /* --- 1. GRID UNIC: un singur container pe TOATE rutele, 1200 max, 32px padding ----------- */
  /* .hwrap e al doilea wrapper de sectiune (benzile de pe home) — fara el, tabelul "manual
     routine" ramanea pe axa veche (masurat: left=160 in loc de 152). */
  .wrap,.hwrap,.container,.container.wide,.container.xwide,body.is-profile .container{max-width:1200px}
  .wrap,.hwrap,.container{padding-left:32px;padding-right:32px}
  .hband.cta .hwrap{max-width:1200px}
  /* Sub-latimi derivate (permise de spec): blocurile de TEXT raman inguste IN container,
     aliniate la stanga — nu mai sunt o coloana centrata cu doua margini goale. */
  .article,.routine-head,.routine-sub,.workflow-head,.alerts-page-meta,.alert-footnote{max-width:760px;margin-left:0;margin-right:0}

  /* --- 2. BANNERE CU STEAG: titlul la STANGA in container, inaltime constanta -------------- */
  /* Steagul RAMANE (decizia proprietarului). Inainte: .sky-inner avea
     padding-left:clamp(300px,52vw,760px) => la 1440 titlul pornea de la x=869, adica plutea in
     dreapta, in afara axei containerului. Acum porneste din aceeasi margine ca restul paginii. */
  .sky-inner{max-width:1200px;margin:0 auto;padding-left:32px;padding-right:32px;min-height:180px}
  .sky-band.low .sky-inner{min-height:180px}
  /* Steagul se retrage in dreapta, ca sa nu treaca pe sub text. */
  .sky-flag-media{inset:0 0 0 auto;width:min(46%,760px);
    -webkit-mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.72) 20%,#000 32%,#000 100%);
    mask-image:linear-gradient(90deg,transparent 0,rgba(0,0,0,.72) 20%,#000 32%,#000 100%)}

  /* --- 3. HERO: cardul si search-ul pe axa containerului ----------------------------------- */
  .hero-proof{width:min(100%,640px)}
  .hero .search{max-width:720px}

  /* --- 4. STATS: cifra fixata la 40px (fara vw care o umfla), 4 coloane in container -------- */
  .mnum{font-size:40px}
  .metric-cards{grid-template-columns:repeat(4,minmax(0,1fr))}

  /* --- 5. KICKERE pe UN SINGUR token: albastrul de brand/link existent (--p84-blue) --------- */
  /* Inainte, patru tokene pentru acelasi rol: --p84-blue (home), --accent-ink (workflow),
     --text-3 (record-head + baza), #17324d (banda). Zero culori noi. */
  .kicker,.has-hero .kicker,.workflow-head .kicker,.record-head .kicker,
  .kicker.accent,.has-hero .kicker.accent,.sky-band .kicker,.sky-band .kicker.accent{color:var(--p84-blue)}

  /* --- 6. LINKURI DE GHID + UTILITARE pe tokenul de link, nu pe rosu-accent ---------------- */
  /* Rosul/portocaliul ars ramane rezervat statusurilor negative si CTA-ului primar. */
  .accent-link,.record-all,.small a,.mut a,p.small a{color:var(--p84-blue)}
  .btn,.btn:hover,.hband.cta .btn{color:#fff}

  /* --- 7. RITM VERTICAL: o singura valoare intre sectiuni ---------------------------------- */
  .hband{padding:72px 0}

  /* --- 8. TABELUL "manual routine" intra in container -------------------------------------- */
  .routine{max-width:none;margin:0}

  /* --- 9. BLOG + GHIDURI: 2 coloane la 1024, 3 la 1280; coperti neutre, fara gradient ------- */
  .bloglist{grid-template-columns:repeat(2,minmax(0,1fr))}
  /* Coperta trece pe fundalul neutru de card + o linie de hairline; gradientele (percepute mov
     pe ecranele calde) ies complet. Titlul nu mai are nevoie de text-shadow pe fundal plat. */
  .bc-cover,.bc-1 .bc-cover,.bc-2 .bc-cover,.bc-3 .bc-cover{background:var(--bg);border-bottom:.5px solid var(--hairline)}
  .bc-title{text-shadow:none}

  /* --- 10. SCAN: input de fisier stilizat, nu butonul implicit al sistemului --------------- */
  input[type=file]{font-size:13px;color:var(--text-2)}
  input[type=file]::file-selector-button{margin-right:12px;padding:9px 16px;border:1px solid var(--hairline);
    border-radius:8px;background:var(--card);color:var(--text);font:600 13px/1 var(--sans);cursor:pointer;
    transition:background .14s ease,border-color .14s ease}
  input[type=file]::file-selector-button:hover{background:var(--bg);border-color:var(--p84-blue)}

  /* --- 11. PRICING: cardurile in container, bordura Pro pe hairline ------------------------ */
  .pricing{max-width:none;margin:22px 0;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}
  .plan.featured{border-color:var(--hairline);box-shadow:0 8px 30px rgba(29,29,31,.06)}
}
@media(min-width:1280px){
  .bloglist{grid-template-columns:repeat(3,minmax(0,1fr))}
}

/* HERO mobil — ULTIMELE reguli din foaie, ca sa bata regulile mobile anterioare pe aceiasi selectori.
   Tipografia revine la proportiile mockului sunset: H1 la 9.5vw si sub-paragraful pe patru randuri.
   Reducerea e limitata la .hero si la <=640px; restul paginii nu se atinge. */
@media(max-width:640px){
  .hero h1{font-size:clamp(33px,9.5vw,41px);line-height:1.07;margin:0;letter-spacing:-.02em}
  .hero .hstats{margin-top:11px;gap:6px}
  .hero .hstats>*{font-size:12px}
  /* Ordinea finala: eyebrow + H1 + chips + sub-paragraf pe CER -> camion intreg -> search la bara. */
  .hero .sub{font-size:15px;line-height:1.44;max-width:35ch;margin-top:13px}
}
@media(max-width:430px){
  /* Tinte absolute la 390x844, masurate de la varful hero-ului: H1=70px, search=550px, hero=844px.
     Cardul de proba ramane integral vizibil sub limita hero-ului; marginea rezerva exact overflow-ul
     lui inainte de prima banda, fara sa elimine sau sa suprapuna vreun continut. */
  .hero{--hero-band-h:180vw;--hero-copy-y:70px;--hero-search-y:550px;
    height:auto;min-height:100svh;overflow:visible;margin-bottom:0}
  /* Potrivire SIFT cu mock-reference: boxul pastreaza raportul JPEG-ului si sta la latimea
     viewportului; pozitia verticala proportionala pune bara la search-y=510. Imaginea din box
     este un <img> cu object-fit:contain, deci nu mai exista crop de aspect sau zoom de cover. */
  .hero-scene{background:url('/img/hero-truck.jpg?v=d97244df5a') center top/auto 100% no-repeat,
    url('data:image/jpeg;base64,/9j/2wBDABIMDRANCxIQDhAUExIVGywdGxgYGzYnKSAsQDlEQz85Pj1HUGZXR0thTT0+WXlaYWltcnNyRVV9hnxvhWZwcm7/2wBDARMUFBsXGzQdHTRuST5Jbm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm7/wAARCAA1AB4DASIAAhEBAxEB/8QAGgAAAgMBAQAAAAAAAAAAAAAAAAMCBAUBBv/EACcQAAICAQMDBAIDAAAAAAAAAAECAAMRBBIhBUFREzFhcSKBFJHB/8QAFwEBAQEBAAAAAAAAAAAAAAAAAAIDAf/EABgRAQEBAQEAAAAAAAAAAAAAAAABAhES/9oADAMBAAIRAxEAPwDNUJZwDgyYQoDzkCJWss2QefiMVmGQxP0Zsy4OSSAeDHU6dypJka0NvbaQfHEsG2xVCVruxHXeKW9t2cEHPtG2XM2B7fqW69NU7fkGb64k7dEtCGyxtlQ5JbtMvcaeKpad3V8knHjM0qrEasD03+WXnMVor+nW2enVetj+ADL2ls099liM1avWcMtjbcfUa1wzmVnp1+tDxpiP32/qL1nV2axaxXW1bbWCN+Xuecn/ACZXrEHKgSm+kDuW3kZOcCRnEl6q6tnHpdT/AANAVdV3XAlh6IGPJ78Tzut1B1PUbr03IthyARnwIV6Za85djn37RoKKMIoUfEtJeTDcYQgcLGcyYQgf/9k=') center top/auto 100% no-repeat,
    #767175;
    inset:var(--hero-photo-y) 0 auto 0;height:auto;aspect-ratio:1280/2273;
    background-size:contain,contain,auto;background-position:center,center,center}
  .hero-content{display:grid;margin-top:calc(var(--hero-copy-y) - 64px);grid-template-rows:calc(var(--hero-search-y) - var(--hero-copy-y)) auto auto}
  .hero-copy{display:block;align-self:start}
  .hero-mobile-break{display:inline}
  .hero .search{margin:0;padding:5px 5px 5px 14px}
}

/* Banda goala de sub cardul din hero venea din padding-bottom-ul lui .hero-content (112px desktop,
   86px mobil, 56px pe tableta), mostenit din designul cu cer luminos. Ritmul intre hero si prima
   sectiune il da acum .hband:first-of-type (72px), deci padding-ul asta iese peste tot. */
.hero-content{padding-bottom:0}
@media(max-width:640px){.hero-content{padding-bottom:0}}

/* ================== P120 — homepage sub hero ==============================================
   Mockurile aprobate folosesc un singur limbaj: fundal calm, card alb cu hairline, punct verde
   la kicker si text sentence case. Clasele sunt prefixate ca sa nu schimbe profile/directorul. */
.has-hero .p120-band,.has-hero .p120-band.alt{padding:72px 0;border-top:0;background:var(--bg)}
.p120-section-head{max-width:760px;margin:0 0 24px}
.p120-kicker{display:flex;align-items:center;gap:9px;margin:0 0 12px;color:var(--text-2);
  font-size:12px;font-weight:700;line-height:1.25;text-transform:none}
.p120-kicker-dot{width:7px;height:7px;flex:none;border-radius:50%;background:var(--p84-green)}
.p120-band h2.p120-title{margin:0;font-size:clamp(28px,3.2vw,42px);font-weight:700;
  line-height:1.08;letter-spacing:-.025em;color:var(--text);text-wrap:balance}
.p120-lead{max-width:67ch;margin:11px 0 0;color:var(--text-2);font-size:16px;line-height:1.55}
.p120-check-card,.p120-stats-card,.p120-feed-card,.p120-steps-card{background:var(--card);
  border:1px solid var(--p84-hair);border-radius:14px;box-shadow:var(--p84-shadow)}

/* A — four checks */
.p120-checks-shell{max-width:820px}
.p120-check-card{padding:0 16px 16px;overflow:hidden}
.p120-check-list{list-style:none;margin:0;padding:0}
.p120-check-item{display:grid;grid-template-columns:38px minmax(0,1fr) auto;align-items:center;
  gap:12px;min-height:82px;padding:15px 0}
.p120-check-item+.p120-check-item{border-top:1px solid var(--p84-hair)}
.p120-check-num{align-self:start;padding-top:3px;color:var(--p84-muted);font-size:13px;font-weight:700}
.p120-check-copy{min-width:0}
.p120-check-copy strong,.p120-check-copy>span{display:block}
.p120-check-copy strong{color:var(--p84-ink);font-size:16px;line-height:1.3}
.p120-check-copy>span{margin-top:3px;color:var(--text-2);font-size:14px;line-height:1.4}
.p120-source{justify-self:end;border:1px solid var(--p84-hair);border-radius:7px;background:var(--bg);
  padding:6px 8px;color:var(--text-2);font-size:12px;font-weight:600;line-height:1;white-space:nowrap}
.p120-ink-cta{display:flex;align-items:center;justify-content:center;gap:8px;min-height:50px;
  border-radius:10px;background:var(--text);color:var(--card);font-size:15px;font-weight:700;text-align:center}
.p120-ink-cta:hover{color:var(--card);text-decoration:none}
.p120-meta{margin:12px 0 0;text-align:center;color:var(--text-2);font-size:13px;line-height:1.45}
.p120-method{margin:7px 0 0;text-align:center;font-size:14px}
.p120-method a{color:var(--p84-blue);font-weight:600;text-decoration:underline;text-underline-offset:3px}

/* C — two live stats */
.p120-records{max-width:900px}
.p120-stats-card{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));overflow:hidden}
.p120-stat{display:flex;min-width:0;min-height:112px;padding:24px 14px;align-items:center;
  justify-content:center;flex-direction:column;text-align:center}
.p120-stat+.p120-stat{border-left:1px solid var(--p84-hair)}
.p120-stat-value{display:block;color:var(--text);font-family:var(--display);font-size:clamp(34px,5vw,56px);
  font-weight:700;letter-spacing:-.035em;line-height:1}
.p120-stat-label{display:block;margin-top:10px;color:var(--text-2);font-size:14px;line-height:1.35}
.p120-stats-foot{grid-column:1/-1;display:flex;min-height:76px;padding:17px;align-items:center;
  justify-content:center;flex-direction:column;border-top:1px solid var(--p84-hair);text-align:center}
.p120-stats-foot strong{font-size:18px;line-height:1.25}
.p120-stats-foot span{margin-top:5px;color:var(--text-2);font-size:13px;line-height:1.35}

/* D — filing feed */
.p120-feed{margin-top:54px}
.p120-feed-head{max-width:760px;margin:0 0 20px}
.p120-feed-card{overflow:hidden}
.p120-feed-row{display:grid;grid-template-columns:92px minmax(0,1fr) 18px;gap:14px;
  min-height:82px;padding:13px 16px;align-items:start;color:var(--text);text-decoration:none}
.p120-feed-row+.p120-feed-row{border-top:1px solid var(--p84-hair)}
.p120-feed-row:hover{background:var(--p84-chip);text-decoration:none}
.p120-feed-tag{justify-self:start;margin-top:2px;border:1px solid var(--p84-hair);border-radius:6px;
  background:var(--bg);padding:6px 8px;color:var(--text-2);font-size:12px;font-weight:600;line-height:1;white-space:nowrap}
.p120-feed-main{display:block;min-width:0}
.p120-feed-name,.p120-feed-desc,.p120-feed-date{display:block}
.p120-feed-name{color:var(--text);font-size:15px;line-height:1.3;overflow-wrap:anywhere}
.p120-feed-desc{margin-top:3px;color:var(--text);font-size:14px;line-height:1.35}
.p120-feed-date{margin-top:2px;color:var(--text-2);font-size:12px;line-height:1.35}
.p120-feed-go{align-self:center;color:var(--text-2);font-size:24px;line-height:1}
.p120-feed-empty{margin:0;padding:22px;color:var(--text-2);font-size:14px}
.p120-feed-cta{display:flex;min-height:46px;margin:12px;align-items:center;justify-content:center;gap:8px;
  border:1px solid var(--text);border-radius:8px;color:var(--text);font-size:14px;font-weight:600}
.p120-feed-cta:hover{background:var(--p84-chip);color:var(--text);text-decoration:none}
.p120-feed-foot{margin:9px 0 0;text-align:center;color:var(--text-2);font-size:13px;line-height:1.4}

/* B — vertical product steps + dark scanner */
.p120-work-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);
  gap:24px;align-items:stretch}
.p120-steps-card{padding:0 16px;overflow:hidden}
.p120-steps{position:relative;list-style:none;margin:0;padding:0}
.p120-steps::before{content:"";position:absolute;left:14px;top:28px;bottom:28px;width:1px;background:var(--p84-hair)}
.p120-step{position:relative;display:grid;grid-template-columns:42px minmax(0,1fr);gap:14px;
  padding:8px 0}
.p120-step+.p120-step{border-top:1px solid var(--p84-hair)}
.p120-step-num{position:relative;z-index:1;display:grid;width:28px;height:28px;place-items:center;
  margin-top:6px;border-radius:50%;background:var(--text);color:var(--card);font-size:12px;font-weight:700;line-height:1}
.p120-step-body{min-width:0}
.p120-price{display:inline-block;border:1px solid var(--p84-line);border-radius:5px;padding:2px 6px;
  color:var(--text-2);font-size:12px;font-weight:600;line-height:1}
.p120-step-body h3{margin:3px 0 1px;color:var(--text);font-size:17px;font-weight:700;line-height:1.2}
.p120-step-body p{margin:0;color:var(--text-2);font-size:13px;line-height:1.35}
.p120-step-link{display:inline-flex;min-height:44px;align-items:center;gap:6px;margin:-7px 0 -9px;
  padding:8px 0;color:var(--text);font-size:13px;font-weight:600;line-height:1.3}
.p120-step-link:hover{color:var(--text);text-decoration:underline}
.p120-scanner{display:flex;min-width:0;padding:16px;flex-direction:column;border-radius:14px;
  background:var(--text);box-shadow:var(--p84-shadow);color:var(--card)}
.p120-scanner-kicker{margin:0 0 6px;color:var(--card);font-size:12px;font-weight:600;line-height:1.25;opacity:.78}
.p120-scanner h3{margin:0;color:var(--card);font-size:18px;font-weight:700;line-height:1.18;letter-spacing:-.015em}
.p120-scanner-copy{margin:5px 0 0;color:var(--card);font-size:12px;line-height:1.4;opacity:.86}
.p120-rate-card{margin:10px 0 0;overflow:hidden;border-radius:7px;background:var(--card);color:var(--text)}
.p120-rate-head{margin:0;padding:6px 10px;border-bottom:1px solid var(--p84-hair);
  font-size:12px;font-weight:700;line-height:1.25}
.p120-rate-row{display:grid;grid-template-columns:18px minmax(0,1fr);gap:8px;
  padding:3px 10px;align-items:center;font-size:12px;line-height:1.35}
.p120-rate-row+.p120-rate-row{border-top:1px solid var(--p84-hair)}
.p120-rate-mark{font-size:15px;font-weight:800;text-align:center}
.p120-rate-mark.is-ok{color:var(--ok-tx)}
.p120-rate-mark.is-warn{color:var(--warn-tx)}
.p120-scanner-cta{display:flex;min-height:44px;margin-top:8px;align-items:center;justify-content:center;
  gap:8px;border-radius:7px;background:var(--card);color:var(--text);font-size:14px;font-weight:600}
.p120-scanner-cta:hover{color:var(--text);text-decoration:none}
.p120-scanner-foot{margin:8px 0 0;color:var(--card);font-size:12px;line-height:1.4;opacity:.72}

@media(max-width:760px){
  .has-hero .p120-band,.has-hero .p120-band.alt{padding:40px 0}
  .has-hero .hband:not(.p120-band){padding:47px 0}
  body.has-hero footer{padding-top:24px}
  .p120-band .hwrap{padding-left:24px;padding-right:24px}
  .p120-section-head{margin-bottom:18px}
  .p120-band h2.p120-title{font-size:26px;line-height:1.08}
  .p120-lead{font-size:14px;line-height:1.45}
  .p120-work-grid{grid-template-columns:1fr;gap:14px}
  .p120-step{padding:4px 0}
  .p120-step-body h3{font-size:16px}
  .p120-step-body p{font-size:12px}
  .p120-scanner{padding:12px}
  .p120-scanner-kicker{margin-bottom:4px}
  .p120-scanner h3{font-size:16px;line-height:1.15}
  .p120-scanner-copy{margin-top:4px;line-height:1.2}
  .p120-rate-card{margin-top:8px}
  .p120-rate-head{padding:4px 8px;line-height:1.2}
  .p120-rate-row{gap:6px;padding:2px 8px;line-height:1.2}
  .p120-scanner-cta{margin-top:6px}
  .p120-scanner-foot{margin-top:6px;line-height:1.2}
  .p120-records,.p120-checks-shell{max-width:none}
  .p120-feed{margin-top:80px}
  .p120-feed h2.p120-title{font-size:24px}
}
@media(max-width:430px){
  .hero-proof .demo-card.p115-card{padding:8px 15px}
  .p115-name{font-size:22px}
  .p115-hr{margin:3px 0}
  .p115-verdict{padding:1px 0}
  .p115-verdict .p84-ring{width:44px;height:44px}
  .p115-row{padding:8px 0}
  .p115-cta{min-height:44px;padding:8px 16px}
  .p115-foot{margin-top:3px}
  .p120-stat{min-height:94px;padding:18px 8px}
  .p120-stat-value{font-size:32px}
  .p120-stat-label{font-size:13px}
  .p120-stats-foot{min-height:72px;padding:14px}
  .p120-check-item{grid-template-columns:30px minmax(0,1fr) auto;gap:10px;min-height:80px}
  .p120-feed-row{grid-template-columns:74px minmax(0,1fr) 14px;gap:8px;min-height:72px;padding:8px}
  .p120-feed-tag{padding:4px 6px}
  .p120-feed-name{font-size:14px;line-height:1.25}
  .p120-feed-desc{font-size:13px;line-height:1.3}
  .p120-feed-cta{margin:10px}
}

/* Tranzitia hero -> continut: muchia vizuala taie cardul la jumatate. Overhang-ul este jumatatea
   cardului; tail-ul este partea de la hard-stop pana la limita DOM existenta. Prima banda urca la
   acelasi hard-stop si rezerva overhang + 48px. */
body.has-hero{--hero-card-overhang:187px;--hero-transition-tail:187px}
.hero.has-proof{overflow:visible}
.hero.has-proof .hero-proof{position:relative;z-index:2}
.hero.has-proof .fade{display:block;height:var(--hero-transition-tail);background:var(--bg)}
.hero.has-proof+main .p120-checks-band{margin-top:calc(-1 * var(--hero-transition-tail));
  padding-top:calc(var(--hero-card-overhang) + 120px)}
@media(max-width:640px){body.has-hero{--hero-card-overhang:195px;--hero-transition-tail:195px}}
@media(max-width:430px){
  body.has-hero{--hero-card-overhang:79px;--hero-transition-tail:73px}
  .hero.has-proof,.hero:not(.has-proof){margin-bottom:0}
  .hero.has-proof .hero-proof{margin-bottom:calc(-1 * var(--hero-card-overhang))}
  /* Rezerva se ia DOAR din padding, fara margin negativ: singura marime care conteaza e overhang-ul,
     iar el e acum garantat constant. 88px peste overhang pastreaza exact ritmul masurat (gap 115px)
     si ramane cu mult peste pragul de 48px al invariantului P120. */
  .hero.has-proof+main .p120-checks-band{margin-top:0;padding-top:calc(var(--hero-card-overhang) + 88px)}
}

/* P121 — compozitie dedicata desktopului. Fotografia landscape are propriul crop, fallback si
   LQIP; regulile mobile aprobate de mai sus raman byte-for-byte neatinse si continua sa castige
   sub 1024px. Hero-ul se opreste in primul ecran, iar cardul ramane pe zona libera din stanga. */
/* Pe desktop miscarea ramane un zoom discret, dar este ancorata dreapta-jos si nu translateaza.
   Astfel fiecare cadru taie exclusiv din cer/stanga; muchiile sursei cu trailerul si soseaua raman. */
@keyframes hero-scene-drift-bottom{from{transform:scale(1.02)}to{transform:scale(1.035)}}
@media(min-width:1024px){
  .hero{--hero-band-h:880px;--hero-sky:100%;height:880px;min-height:0;
    overflow:visible;background:#555863}
  /* Parentul decupeaza exclusiv fotografia animata. Hero-ul insusi ramane overflow:visible pentru
     card; altfel scala de 1.02–1.035 a scenei lasa o dunga sub muchia hero-ului. */
  .hero-scene{height:100%;overflow:hidden;background:#555863;animation:none;transform:none;will-change:auto}
  .hero-scene::before{content:"";position:absolute;inset:0;transform-origin:right bottom;
    will-change:transform;animation:hero-scene-drift-bottom 12s ease-in-out infinite alternate;
    background:
      url('/hero-truck-desktop.png?v=eba1f50d40') right bottom/cover no-repeat,
      url('data:image/jpeg;base64,/9j/2wBDABIMDRANCxIQDhAUExIVGywdGxgYGzYnKSAsQDlEQz85Pj1HUGZXR0thTT0+WXlaYWltcnNyRVV9hnxvhWZwcm7/2wBDARMUFBsXGzQdHTRuST5Jbm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm5ubm7/wgARCAASACADASIAAhEBAxEB/8QAGAAAAwEBAAAAAAAAAAAAAAAAAAIDAQT/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAAHlZLGtOArAYwH/xAAbEAACAwADAAAAAAAAAAAAAAAAAQIREhMgIf/aAAgBAQABBQJFFGfVI3RyqptyfT//xAAVEQEBAAAAAAAAAAAAAAAAAAARIP/aAAgBAwEBPwEj/8QAFREBAQAAAAAAAAAAAAAAAAAAESD/2gAIAQIBAT8BY//EABUQAQEAAAAAAAAAAAAAAAAAACBh/9oACAEBAAY/AlV//8QAGhABAQEBAAMAAAAAAAAAAAAAAQAhERAxYf/aAAgBAQABPyHUPsbkHC3ysvULonXmR4Cb/9oADAMBAAIAAwAAABC072H/xAAXEQEAAwAAAAAAAAAAAAAAAAABABAR/9oACAEDAQE/EATC/wD/xAAXEQEAAwAAAAAAAAAAAAAAAAABABAR/9oACAECAQE/EFzW/wD/xAAaEAEBAQEBAQEAAAAAAAAAAAABABExIVFh/9oACAEBAAE/EC+mR+LYj4v2AEGY7Qq5t9uOQrYk55FvC5v/2Q==') right bottom/cover no-repeat,
      #555863}
  .hero::before{height:100%;background:linear-gradient(90deg,
    rgba(9,16,28,.84) 0%,rgba(9,16,28,.82) 34%,rgba(9,16,28,.62) 48%,
    rgba(9,16,28,.20) 61%,transparent 74%)}
  .hero .wrap{height:100%}
  .hero-content{display:flex;width:600px;max-width:600px;margin-top:36px;
    padding-bottom:0;flex-direction:column}
  .hero h1{margin-top:12px;font-size:clamp(44px,4vw,58px);line-height:1.02}
  .hero .hstats.is-chips{gap:6px;margin-top:12px}
  .hero .hstats.is-chips>span{padding:4px 9px;font-size:12px}
  .hero .sub{max-width:570px;margin-top:12px;font-size:15px;line-height:1.4}
  .hero .search{width:100%;max-width:600px;margin:18px 0 0}
  .hero-proof{width:440px;max-width:440px;margin-top:10px}

  /* Desktopul nu mai foloseste tranzitia cu overhang: fotografia ajunge pana la limita hero-ului,
     cardul ramane integral inauntru, iar prima banda reia ritmul global de 72px. */
  body.has-hero{--hero-card-overhang:0px;--hero-transition-tail:0px}
  .hero.has-proof .fade{display:none;height:0}
  .hero.has-proof+main .p120-checks-band{margin-top:0;padding-top:72px}
  .hero.hero-offscreen .hero-scene::before{animation-play-state:paused}

  /* Modulele inguste isi pastreaza latimea aprobata, dar impart aceeasi axa centrala cu toate
     benzile de 1200px; la 1920 nu mai raman agatate de marginea stanga a containerului. */
  .p120-checks-shell,.p120-records{margin-left:auto;margin-right:auto}
}
@media(min-width:1024px) and (prefers-reduced-motion:reduce){
  .hero-scene::before{animation:none!important;transform:none!important}
}