/* Fonturi găzduite pe site (fără apel la Google, pentru GDPR). Licență: SIL Open Font License. */
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Schibsted Grotesk';font-style:normal;font-weight:700 900;font-display:swap;src:url(/assets/fonts/schibsted-grotesk-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}
@font-face{font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/atkinson-hyperlegible-next-latin-ext.woff2) format('woff2');unicode-range:U+0100-02BA, U+02BD-02C5, U+02C7-02CC, U+02CE-02D7, U+02DD-02FF, U+0304, U+0308, U+0329, U+1D00-1DBF, U+1E00-1E9F, U+1EF2-1EFF, U+2020, U+20A0-20AB, U+20AD-20C4, U+2113, U+2C60-2C7F, U+A720-A7FF}
@font-face{font-family:'Atkinson Hyperlegible Next';font-style:normal;font-weight:400 700;font-display:swap;src:url(/assets/fonts/atkinson-hyperlegible-next-latin.woff2) format('woff2');unicode-range:U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0304, U+0308, U+0329, U+2000-206F, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD}

/* RomanGroupAer.ro V2: stilul paginii.
   Lumea: placa de test de pe masa laboratorului. Alb de laborator, câmpuri chihlimbar pentru problemă,
   verdele Qualifresh pentru soluție, cerneală verde-negru pentru text. O singură temă, deschisă, aleasă deliberat. */
:root{
  --white:#FFFFFF; --bench:#F2F5F4; --line:#DCE3E1; --field:#B9C6C2;
  --ink:#0F1E1A; --ink-2:#43524E; --ink-3:#6A7874;
  --agar:#F2B544; --agar-deep:#B9780D; --agar-soft:#FBE3AE;
  --green:#13804A; --green-field:#0E6B3D; --green-dark:#0B5A33; --mint:#CDEFD9; --mint-2:#9ED9B5;
  --marker:#1E3A8A; --tbc:#FFE39A;
  --f-display:"Schibsted Grotesk","Segoe UI",Roboto,Arial,sans-serif;
  --f-body:"Atkinson Hyperlegible Next","Segoe UI",Roboto,Arial,sans-serif;
  --f-hand:"Caveat","Segoe Print","Comic Sans MS",cursive;
  --r:12px; --r-sm:10px; --wrap:1200px; --head:76px;
  --shadow:0 18px 40px -18px rgba(15,30,26,.28),0 2px 6px rgba(15,30,26,.06);
  color-scheme:light;
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:calc(var(--head) + 12px);scrollbar-color:var(--green) var(--bench)}
body{margin:0;background:var(--white);color:var(--ink);font:400 1.125rem/1.6 var(--f-body);-webkit-font-smoothing:antialiased;caret-color:var(--green)}
body::before{content:"";position:fixed;inset:0 0 auto;height:env(safe-area-inset-top,0px);z-index:60;background:var(--white)}
::selection{background:var(--agar);color:var(--ink)}
img{max-width:100%;height:auto;display:block}
h1,h2,h3{margin:0;font-family:var(--f-display);line-height:1.04;letter-spacing:-.02em;text-wrap:balance;color:inherit}
p{margin:0}
a{color:inherit;text-underline-offset:.18em;text-decoration-thickness:1.5px}
svg{flex:none}
:focus-visible{outline:3px solid var(--green);outline-offset:3px;border-radius:6px}
.sprite{position:absolute;width:0;height:0;overflow:hidden}
.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
[hidden]{display:none!important}

.wrap{max-width:var(--wrap);margin-inline:auto;padding-left:max(20px,env(safe-area-inset-left,0px));padding-right:max(20px,env(safe-area-inset-right,0px))}
.sec{padding-block:clamp(72px,10vw,128px)}
.sec--bench{background:var(--bench)}
.sec--agar{background:var(--agar);color:var(--ink)}
.sec--green{background:var(--green-field);color:var(--white)}
.h2{font-size:clamp(2.1rem,4.6vw,3.6rem);font-weight:800}
.h2--sm{font-size:clamp(1.9rem,3.6vw,2.8rem)}
.lede{font-size:clamp(1.15rem,1.7vw,1.35rem);line-height:1.5;color:var(--ink-2);max-width:40em}
.sec--agar .lede{color:#3A2C0E}
.sec--green .lede{color:var(--mint)}
.head{display:grid;gap:20px;max-width:48rem;margin-bottom:clamp(40px,5vw,64px)}

/* ---------- marcaje „de confirmat” (doar în dezvoltare) ---------- */
.devbar{background:var(--ink);color:var(--tbc);font:500 .86rem/1.4 var(--f-body)}
.devbar .wrap{display:flex;flex-wrap:wrap;gap:6px 16px;align-items:center;justify-content:space-between;padding-block:9px}
.devbar button{font:700 .82rem/1 var(--f-body);background:var(--tbc);color:var(--ink);border:0;border-radius:6px;padding:8px 12px;cursor:pointer}
.tbc{background:linear-gradient(transparent 55%,var(--tbc) 0);border-bottom:2px dotted var(--agar-deep)}
.sec--agar .tbc{background:linear-gradient(transparent 55%,rgba(255,255,255,.6) 0);border-bottom-color:var(--ink)}
.sec--green .tbc,.site-foot .tbc,.talk .tbc{background:rgba(255,227,154,.22);border-bottom-color:var(--tbc)}
.tbc-off .tbc{background:none;border-bottom:0}

/* ---------- butoane ---------- */
.btn{--h:58px;display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:var(--h);padding:0 28px;border-radius:var(--r-sm);
  font:700 1.06rem/1.15 var(--f-body);text-decoration:none;text-align:center;cursor:pointer;border:2px solid transparent;
  transition:background-color .18s ease,color .18s ease,border-color .18s ease,box-shadow .18s ease,transform .18s ease}
.btn svg{width:22px;height:22px}
.btn--go{background:var(--green);color:var(--white);box-shadow:0 10px 22px -12px rgba(19,128,74,.9)}
.btn--go:hover{background:var(--green-dark);transform:translateY(-1px)}
.btn--wa{background:var(--white);color:var(--ink);border-color:var(--ink)}
.btn--wa .wa{color:#1FAF54}
.btn--wa:hover{background:var(--ink);color:var(--white)}
.btn--light{background:var(--white);color:var(--green-field)}
.btn--light:hover{background:var(--mint)}
.btn--ghost{background:transparent;color:var(--white);border-color:rgba(255,255,255,.6)}
.btn--ghost .wa{color:#5BE38F}
.btn--ghost:hover{background:var(--white);color:var(--green-field)}
.btn--sm{--h:46px;padding:0 20px;font-size:.98rem}
.actions{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.trust{display:flex;flex-wrap:wrap;gap:8px 22px;font-size:.95rem;color:var(--ink-2)}
.trust span{display:inline-flex;align-items:center;gap:8px}
.trust svg{width:18px;height:18px;color:var(--green)}
.sec--green .trust{color:var(--mint)}
.sec--green .trust svg{color:var(--mint-2)}

/* ---------- header ---------- */
.site-head{position:sticky;top:env(safe-area-inset-top,0px);z-index:50;background:rgba(255,255,255,.96);border-bottom:1px solid transparent;transition:border-color .2s ease,box-shadow .2s ease}
.scrolled .site-head{border-bottom-color:var(--line);box-shadow:0 8px 24px -18px rgba(15,30,26,.35)}
.site-head .wrap{display:flex;align-items:center;gap:30px;min-height:var(--head)}
.brand{display:inline-flex;align-items:baseline;gap:6px;text-decoration:none;white-space:nowrap}
.brand b{font:900 1.22rem/1 var(--f-display);letter-spacing:-.01em}
.brand span{font:700 1.22rem/1 var(--f-display);color:var(--green);letter-spacing:-.01em}
.nav{display:flex;gap:28px;margin-left:auto;font-weight:500;font-size:1rem}
.nav a{text-decoration:none;color:var(--ink-2);padding-block:8px}
.nav a:hover{color:var(--ink);text-decoration:underline}
.head-tel{display:inline-flex;align-items:center;gap:8px;font-weight:700;text-decoration:none;white-space:nowrap}
.head-tel svg{width:19px;height:19px;color:var(--green)}
.menu-btn{display:none;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:0 14px;border:1.5px solid var(--line);border-radius:var(--r-sm);background:var(--white);color:var(--ink);font:700 .95rem/1 var(--f-body);cursor:pointer}
.menu-btn i{display:grid;gap:4px}
.menu-btn i::before,.menu-btn i::after{content:"";width:18px;height:2px;border-radius:2px;background:currentColor;display:block}
.menu-btn em{font-style:normal}
.mnav{display:none;border-top:1px solid var(--line);background:var(--white)}
.mnav ul{list-style:none;margin:0;padding:6px 0 18px}
.mnav a{display:block;padding:15px 0;text-decoration:none;font:700 1.2rem/1.2 var(--f-display);border-bottom:1px solid var(--line)}
.menu-open .mnav{display:block}
@media (max-width:1040px){
  .nav,.site-head .wrap > .btn{display:none}
  .head-tel{margin-left:auto}
  .menu-btn{display:inline-flex}
}
@media (max-width:560px){
  .site-head .wrap{gap:10px}
  .brand b,.brand span{font-size:1.08rem}
  .head-tel span,.menu-btn em{display:none}
  .head-tel,.menu-btn{flex:none;width:46px;height:46px;padding:0;justify-content:center;border:1.5px solid var(--line);border-radius:var(--r-sm)}
}

/* ---------- hero: placa de test ---------- */
.hero{position:relative;overflow:hidden;background:linear-gradient(180deg,var(--white) 0%,var(--white) 62%,var(--bench) 100%)}
.hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(24px,4vw,56px);align-items:center;padding-block:clamp(28px,4vw,56px) clamp(56px,6vw,88px)}
.hero-copy{display:grid;gap:26px;position:relative;z-index:2}
.hero h1{font-size:clamp(2.5rem,5.4vw,4.6rem);font-weight:900;line-height:.98;letter-spacing:-.035em}
.hero h1 em{font-style:normal;color:var(--green)}
.hero .lede{max-width:31em}

.callback{background:var(--white);border:1.5px solid var(--line);border-radius:16px;box-shadow:var(--shadow);padding:20px;display:grid;gap:14px;max-width:620px}
.callback-title{display:flex;flex-wrap:wrap;justify-content:space-between;gap:6px 16px;align-items:baseline}
.callback-title b{font:800 1.15rem/1.2 var(--f-display)}
.callback-title span{font-size:.92rem;color:var(--ink-3)}
.callback-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr) auto;gap:10px}
.callback .ok{background:var(--mint);color:var(--green-dark);border-radius:var(--r-sm);padding:12px 14px;font-weight:700}
.alt-line{display:flex;flex-wrap:wrap;gap:6px 18px;align-items:center;font-size:.98rem;color:var(--ink-2)}
.alt-line a{font-weight:700;text-decoration:none;display:inline-flex;align-items:center;gap:7px;color:var(--ink)}
.alt-line a:hover{text-decoration:underline}
.alt-line svg{width:20px;height:20px}
.alt-line .wa{color:#1FAF54}
@media (max-width:620px){.callback-row{grid-template-columns:1fr}.callback-row .btn{width:100%}}

input,select,textarea{font:400 1.05rem/1.3 var(--f-body);color:var(--ink);background:var(--white);border:1.5px solid var(--field);border-radius:var(--r-sm);padding:14px 15px;min-height:56px;width:100%;transition:border-color .15s ease,box-shadow .15s ease}
textarea{min-height:110px;resize:vertical}
input::placeholder,textarea::placeholder{color:#7C8986}
input:hover,select:hover,textarea:hover{border-color:var(--ink-3)}
input:focus,select:focus,textarea:focus{outline:none;border-color:var(--green);box-shadow:0 0 0 4px rgba(19,128,74,.18)}
input:user-invalid{border-color:#B42318;box-shadow:0 0 0 4px rgba(180,35,24,.12)}

.plate-stage{position:relative;justify-self:end;width:min(43vw,580px,calc(100svh - 230px));min-width:min(380px,100%);margin-right:calc(-1 * clamp(40px,6vw,120px));display:grid;gap:16px;justify-items:center}
.plate{position:relative;width:100%;aspect-ratio:1/1}
.plate canvas{position:absolute;inset:0;width:100%;height:100%}
.plate-label{position:absolute;left:12%;top:9%;transform:rotate(-7deg);font:600 clamp(1.25rem,2vw,1.6rem)/1 var(--f-hand);color:var(--marker);pointer-events:none;white-space:nowrap}
.plate-controls{display:grid;gap:10px;justify-items:center;margin-right:clamp(40px,6vw,120px)}
.toggle{position:relative;display:inline-grid;grid-template-columns:1fr 1fr;background:var(--bench);border:1.5px solid var(--line);border-radius:999px;padding:5px}
.toggle::before{content:"";position:absolute;top:5px;bottom:5px;left:5px;width:calc(50% - 5px);border-radius:999px;background:var(--ink);transition:transform .45s cubic-bezier(.2,.8,.2,1)}
.toggle[data-state="cu"]::before{transform:translateX(100%);background:var(--green)}
.toggle button{position:relative;z-index:1;border:0;background:none;font:700 1rem/1 var(--f-body);color:var(--ink-2);padding:13px 22px;border-radius:999px;cursor:pointer;white-space:nowrap;transition:color .3s ease}
.toggle button[aria-pressed="true"]{color:var(--white)}
.plate-note{font-size:.92rem;color:var(--ink-3);text-align:center;max-width:34ch}
.plate-note b{color:var(--ink)}
@media (max-width:900px){
  .hero-grid{grid-template-columns:1fr;gap:24px}
  .hero-copy{display:contents}
  .hero h1{order:1}
  .hero .lede{order:2}
  .plate-stage{order:3;justify-self:center;width:min(88vw,460px);margin-right:0}
  .plate-controls{margin-right:0}
  .callback{order:4}
  .hero .trust{order:5}
}

/* ---------- problema (chihlimbar) ---------- */
.problem-top{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:end;margin-bottom:clamp(40px,5vw,64px)}
.problem-top .head{margin-bottom:0}
.problem-top .lede{font-size:clamp(1.2rem,2vw,1.55rem);color:var(--ink)}
@media (max-width:860px){.problem-top{grid-template-columns:1fr}}
.ruler{background:var(--white);border-radius:16px;padding:clamp(22px,3vw,40px);display:grid;gap:14px;box-shadow:0 24px 50px -30px rgba(80,50,0,.55)}
.ruler-head{display:flex;flex-wrap:wrap;justify-content:space-between;gap:8px 32px;align-items:baseline;margin-bottom:10px}
.ruler-head h3{font-size:1.45rem;font-weight:800}
.ruler-head p{font-size:.98rem;color:var(--ink-2);max-width:54ch}
.rrow{display:grid;grid-template-columns:14rem minmax(0,1fr);gap:6px 22px;align-items:center}
.rlab{display:flex;justify-content:space-between;gap:12px;font-weight:700;font-size:1.02rem;min-width:0}
.rlab span{font-weight:400;font-size:.92rem;color:var(--ink-3);white-space:nowrap;font-variant-numeric:tabular-nums}
.rtrack{position:relative;height:16px;background:var(--bench);border-radius:999px}
.rtrack::before{content:"";position:absolute;left:3.66%;top:-9px;bottom:-9px;border-left:2px dashed var(--green);z-index:1}
.rtrack i{position:absolute;top:0;bottom:0;left:var(--a);width:calc(var(--b) - var(--a));min-width:6px;background:var(--agar-deep);border-radius:999px;transform-origin:left center}
.ruler.play .rtrack i{animation:grow 1.1s cubic-bezier(.2,.8,.2,1) both;animation-delay:var(--d,0s)}
.rrow--q{margin-top:8px;padding-top:14px;border-top:1px solid var(--line)}
.rrow--q .rlab b{color:var(--green)}
.rrow--q .rtrack i{background:var(--green)}
.raxis{position:relative;height:34px;margin-left:calc(14rem + 22px);font-size:.82rem;color:var(--ink-3);font-variant-numeric:tabular-nums}
.raxis span{position:absolute;top:10px;transform:translateX(-50%);white-space:nowrap}
.raxis span::before{content:"";position:absolute;left:50%;top:-10px;height:6px;border-left:1px solid var(--ink-3)}
.raxis span:first-child{transform:none}
.raxis span:first-child::before{left:0}
.raxis span:last-child{transform:translateX(-100%)}
.raxis span:last-child::before{left:100%}
@keyframes grow{from{transform:scaleX(.06)}to{transform:scaleX(1)}}
@media (max-width:700px){.rrow{grid-template-columns:1fr}.raxis{margin-left:0;font-size:.74rem}}

.ledger{margin-top:clamp(64px,8vw,104px)}
.ledger h3{font-size:clamp(1.6rem,3vw,2.3rem);font-weight:800;margin-bottom:22px;max-width:24ch}
.ledger ul{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.ledger li{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.3fr);gap:8px 40px;padding:22px 0;border-bottom:1px solid rgba(15,30,26,.22);align-items:baseline}
.ledger li b{font:800 clamp(1.45rem,2.6vw,2rem)/1.1 var(--f-display);letter-spacing:-.02em}
.ledger li span{font-size:1.18rem;color:#3A2C0E}
@media (max-width:700px){.ledger li{grid-template-columns:1fr}}
.turn{margin-top:clamp(48px,6vw,72px);display:grid;grid-template-columns:minmax(0,1.2fr) auto;gap:24px 48px;align-items:center}
.turn p{font:800 clamp(1.6rem,3vw,2.4rem)/1.12 var(--f-display);letter-spacing:-.02em;max-width:22ch}
@media (max-width:860px){.turn{grid-template-columns:1fr}}

/* ---------- soluția (verde) ---------- */
.sol{position:relative;overflow:hidden;padding-top:0}
.sol-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(28px,5vw,72px);align-items:start}
.sol-copy{padding-top:clamp(72px,10vw,128px);display:grid;gap:26px}
.sol-copy .h2{color:var(--white)}
.device{position:relative;margin:0}
.device img{width:100%;transform-origin:50% 0;animation:sway 10s ease-in-out infinite}
@keyframes sway{0%,100%{transform:rotate(-.3deg)}50%{transform:rotate(.3deg)}}
.device::after{content:"";position:absolute;left:22%;right:0;top:62%;height:36%;pointer-events:none;background:radial-gradient(50% 45% at 58% 26%,rgba(220,255,232,.22),transparent 72%)}
.pin{position:absolute;z-index:2;display:flex;align-items:center;gap:10px}
.pin b{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:var(--white);color:var(--green-field);font:800 1.1rem/1 var(--f-display);box-shadow:0 0 0 8px rgba(255,255,255,.18);animation:ping 2.6s ease-out infinite}
.pin span{background:var(--white);color:var(--ink);font-weight:700;font-size:.95rem;padding:8px 12px;border-radius:8px;box-shadow:0 10px 20px -12px rgba(0,0,0,.5);white-space:nowrap}
.pin--1{left:8%;top:46%}
.pin--2{left:42%;top:74%}
@keyframes ping{0%{box-shadow:0 0 0 0 rgba(255,255,255,.45)}70%{box-shadow:0 0 0 14px rgba(255,255,255,0)}100%{box-shadow:0 0 0 0 rgba(255,255,255,0)}}
.steps2{list-style:none;margin:0;padding:0;display:grid;gap:0;border-top:1px solid rgba(255,255,255,.3)}
.steps2 li{display:grid;grid-template-columns:52px minmax(0,1fr);gap:16px;padding:22px 0;border-bottom:1px solid rgba(255,255,255,.3)}
.steps2 li > b{display:grid;place-items:center;width:44px;height:44px;border-radius:50%;background:var(--white);color:var(--green-field);font:800 1.15rem/1 var(--f-display)}
.steps2 h3{font-size:1.45rem;font-weight:800;margin-bottom:6px}
.steps2 p{color:var(--mint)}
.facts{list-style:none;margin:clamp(40px,5vw,64px) 0 0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-top:1px solid rgba(255,255,255,.3)}
.facts li{padding:22px 20px 4px 0;display:grid;gap:6px;align-content:start}
.facts li + li{padding-left:20px;border-left:1px solid rgba(255,255,255,.3)}
.facts svg{width:28px;height:28px;color:var(--mint-2)}
.facts b{font:800 1.12rem/1.2 var(--f-display)}
.facts span{color:var(--mint);font-size:.98rem}
@media (max-width:900px){
  .sol-grid{grid-template-columns:1fr}
  .device{max-width:520px;margin-inline:auto;order:-1}
  .sol-copy{padding-top:0}
  .facts{grid-template-columns:1fr 1fr}
  .facts li:nth-child(3){padding-left:0;border-left:0}
  .facts li:nth-child(n+3){border-top:1px solid rgba(255,255,255,.3)}
}
@media (max-width:440px){.pin span{display:none}}

/* ---------- la tine în hală ---------- */
.split{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.split--rev > :first-child{order:2}
.split-txt{display:grid;gap:22px;align-content:start}
.photo{position:relative;margin:0;border-radius:18px;overflow:hidden;box-shadow:var(--shadow)}
.photo img{width:100%;height:100%;object-fit:cover}
.photo figcaption{position:absolute;left:14px;bottom:14px;font-size:.8rem;font-weight:700;background:rgba(255,255,255,.92);color:var(--ink);padding:6px 10px;border-radius:6px}
.photo--sq img{aspect-ratio:1/1}
.photo--wide img{aspect-ratio:16/10}
.prose{display:grid;gap:14px;font-size:1.15rem;max-width:36em}
.prose b{font-weight:700}
@media (max-width:900px){.split{grid-template-columns:1fr}.split--rev > :first-child{order:0}}

/* ---------- comparație ---------- */
.table-wrap{overflow-x:auto;border-radius:16px;border:1.5px solid var(--line);background:var(--white)}
.cmp{width:100%;min-width:760px;border-collapse:collapse;font-size:1.02rem}
.cmp th,.cmp td{padding:18px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:middle}
.cmp thead th{font:800 1rem/1.2 var(--f-display);color:var(--ink-2);vertical-align:bottom}
.cmp thead th.us{color:var(--white);background:var(--green-field);font-size:1.1rem}
.cmp tbody th{font-weight:700;width:32%}
.cmp td.us{background:#EAF6EF}
.cmp tbody tr:last-child > *{border-bottom:0}
.y,.n,.m{display:inline-flex;align-items:center;gap:9px}
.y svg,.n svg,.m svg{width:24px;height:24px;border-radius:50%;padding:4px}
.y svg{background:var(--green);color:var(--white)}
.y{font-weight:700}
.n{color:var(--ink-3)}
.n svg{background:var(--bench);color:var(--ink-3)}
.m{color:var(--ink-3)}
.m svg{background:var(--agar-soft);color:var(--agar-deep)}
.footnote{font-size:.9rem;color:var(--ink-3);margin-top:16px;max-width:80ch}

/* ---------- aplicații ---------- */
.dir{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;column-gap:clamp(24px,4vw,56px);border-top:2px solid var(--ink)}
.dir a{display:grid;grid-template-columns:44px minmax(0,1fr) 28px;gap:16px;align-items:center;padding:24px 4px;border-bottom:1px solid var(--line);text-decoration:none;transition:background-color .2s ease,padding .2s ease}
.dir a:hover{background:var(--white);padding-inline:14px}
.dir .ic{width:36px;height:36px;color:var(--green)}
.dir b{display:block;font:800 1.3rem/1.2 var(--f-display);letter-spacing:-.01em}
.dir span{color:var(--ink-2);font-size:1rem}
.dir .arr{width:24px;height:24px;color:var(--ink);transition:transform .2s ease}
.dir a:hover .arr{transform:translateX(4px)}
@media (max-width:760px){.dir{grid-template-columns:1fr}}

/* ---------- camere frigorifice ---------- */
.cold{background:var(--white);border:1.5px solid var(--line);border-radius:18px;padding:clamp(22px,3vw,36px);display:grid;gap:22px;box-shadow:var(--shadow)}
.cold-top{display:flex;justify-content:space-between;gap:12px;font-weight:700;color:var(--ink-2)}
.cold-scale{position:relative;height:100px}
.cold-track{position:absolute;left:0;right:0;top:40px;height:14px;border-radius:999px;background:linear-gradient(90deg,#3E7CB1,#5FA3C2 40%,#8CC9A6 70%,#C9DE8E)}
.cold-mark{position:absolute;top:0;transform:translateX(-50%);display:grid;justify-items:center;gap:6px;font-weight:700;font-size:.95rem;white-space:nowrap}
.cold-mark::after{content:"";width:3px;height:26px;border-radius:2px;background:var(--ink)}
.cold-zone{position:absolute;top:32px;height:30px;border:2px dashed var(--green);border-radius:8px;background:repeating-linear-gradient(-45deg,rgba(19,128,74,.16) 0 6px,transparent 6px 12px)}
.cold-zlab{position:absolute;top:72px;transform:translateX(-50%);font-weight:700;font-size:.95rem;color:var(--green);white-space:nowrap}
.cold-ticks{display:flex;justify-content:space-between;font-size:.88rem;color:var(--ink-3);border-top:1px solid var(--line);padding-top:10px;font-variant-numeric:tabular-nums}
.cold-rows{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.cold-rows li{display:grid;grid-template-columns:7rem minmax(0,1fr);gap:14px;padding:14px 0;border-bottom:1px solid var(--line)}
.cold-rows b{font-weight:700}
.cold-rows span{color:var(--ink-2)}
.fine{font-size:.92rem;color:var(--ink-3)}
.go{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--green);text-decoration:none}
.go svg{width:20px;height:20px;transition:transform .2s ease}
.go:hover{text-decoration:underline}
.go:hover svg{transform:translateX(4px)}

/* ---------- dovezi ---------- */
.proof{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:start}
.minis{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.mini{margin:0;display:grid;gap:10px;text-align:center}
.mini .plate{width:100%;justify-self:stretch}
.mini figcaption{font-weight:700}
.mini figcaption span{display:block;font-weight:400;font-size:.92rem;color:var(--ink-3)}
.reports{list-style:none;margin:0;padding:0;border-top:2px solid var(--ink)}
.reports li{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:6px 20px;padding:22px 0;border-bottom:1px solid var(--line)}
.reports b{font:800 1.3rem/1.2 var(--f-display)}
.reports em{font-style:normal;font-weight:700;color:var(--green);font-size:.95rem;white-space:nowrap}
.reports p{grid-column:1/-1;color:var(--ink-2)}
.reports small{grid-column:1/-1;font-size:.88rem;color:var(--ink-3)}
@media (max-width:900px){.proof{grid-template-columns:1fr}}

/* ---------- pași ---------- */
.steps{list-style:none;margin:0 0 clamp(40px,5vw,56px);padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:28px;counter-reset:s}
.steps li{counter-increment:s;position:relative;display:grid;gap:10px;align-content:start;padding-top:70px}
.steps li::before{content:counter(s);position:absolute;top:0;left:0;width:52px;height:52px;border-radius:50%;display:grid;place-items:center;font:800 1.35rem/1 var(--f-display);background:var(--white);color:var(--ink);border:2px solid var(--ink)}
.steps li:first-child::before{background:var(--green);border-color:var(--green);color:var(--white)}
.steps li::after{content:"";position:absolute;top:26px;left:66px;right:-14px;border-top:2px dotted var(--field)}
.steps li:last-child::after{display:none}
.steps h3{font-size:1.32rem;font-weight:800}
.steps p{color:var(--ink-2)}
@media (max-width:900px){.steps{grid-template-columns:1fr 1fr}.steps li:nth-child(2)::after{display:none}}
@media (max-width:540px){.steps{grid-template-columns:1fr;gap:26px}.steps li{padding:4px 0 0 72px;min-height:52px}.steps li::after{display:none}}

/* ---------- fără presiune ---------- */
.calm-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(28px,5vw,72px);align-items:center}
.calm{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid var(--line)}
.calm li{display:grid;grid-template-columns:34px minmax(0,1fr);gap:12px;padding:18px 0;border-bottom:1px solid var(--line);font-size:1.12rem}
.calm svg{width:26px;height:26px;color:var(--green);margin-top:1px}
.talk{background:var(--ink);color:var(--white);border-radius:20px;padding:clamp(26px,3vw,40px);display:grid;gap:18px;box-shadow:var(--shadow)}
.talk h3{font-size:1.7rem;font-weight:800}
.talk p{color:#C8D3D0}
.talk .btn{width:100%}
.talk dl{margin:0;display:grid;grid-template-columns:auto minmax(0,1fr);gap:10px 18px;border-top:1px solid rgba(255,255,255,.18);padding-top:18px}
.talk dt{color:#9FB0AB}
.talk dd{margin:0;font-weight:700}
.talk a{text-decoration:none}
@media (max-width:860px){.calm-grid{grid-template-columns:1fr}}

/* ---------- alte soluții ---------- */
.others{display:grid;grid-template-columns:1fr 1fr;gap:22px}
.other{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--white);border:1.5px solid var(--line);border-radius:18px;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}
.other:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.other img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.other div{padding:24px 26px;display:grid;gap:8px;align-content:center}
.other h3{font-size:1.4rem;font-weight:800}
.other p{color:var(--ink-2)}
@media (max-width:900px){.others{grid-template-columns:1fr}}
@media (max-width:480px){.other{grid-template-columns:1fr}}

/* ---------- întrebări ---------- */
.faq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(28px,5vw,80px);align-items:start}
.faq-side{display:grid;gap:22px;position:sticky;top:calc(var(--head) + 32px)}
.faq-side .btn{justify-self:start}
.faq{border-top:2px solid var(--ink)}
.faq details{border-bottom:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:22px 52px 22px 0;font:800 1.2rem/1.35 var(--f-display);position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"";position:absolute;right:6px;top:50%;width:30px;height:30px;margin-top:-15px;border-radius:50%;background:var(--bench) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M12 6v12M6 12h12' stroke='%230F1E1A' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") center/16px no-repeat;transition:transform .25s ease,background-color .25s ease}
.faq details[open] summary::after{transform:rotate(45deg);background-color:var(--mint)}
.faq details > p{padding:0 0 24px;max-width:62ch;color:var(--ink-2)}
@media (max-width:860px){.faq-grid{grid-template-columns:1fr}.faq-side{position:static}}

/* ---------- formularul final (verde) ---------- */
.form-grid{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(28px,5vw,72px);align-items:start}
.form-side{display:grid;gap:26px}
.form-side .h2{color:var(--white)}
.bens{list-style:none;margin:0;padding:0;display:grid;border-top:1px solid rgba(255,255,255,.3)}
.bens li{display:grid;grid-template-columns:38px minmax(0,1fr);gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid rgba(255,255,255,.3);font-weight:700}
.bens svg{width:26px;height:26px;color:var(--mint-2)}
.form-side .alt-line,.form-side .alt-line a{color:var(--white)}
.form-side .alt-line .wa{color:#5BE38F}
.lead-form{background:var(--white);color:var(--ink);border-radius:20px;padding:clamp(22px,3vw,40px);display:grid;grid-template-columns:1fr 1fr;gap:18px;box-shadow:0 30px 60px -30px rgba(0,0,0,.55)}
.lead-form h3{grid-column:1/-1;font-size:1.6rem;font-weight:800}
.full{grid-column:1/-1}
.field{display:grid;gap:8px;font-weight:700;font-size:.98rem}
.field i{font-style:normal;font-weight:400;color:var(--ink-3)}
.consent{display:grid;grid-template-columns:24px minmax(0,1fr);gap:10px;font-size:.95rem;color:var(--ink-2);align-items:start}
.consent input{width:22px;height:22px;min-height:0;margin:1px 0 0;accent-color:var(--green)}
.lead-form .btn{width:100%}
.form-note{font-size:.92rem;color:var(--ink-3);text-align:center}
.form-ok{grid-column:1/-1;background:var(--mint);color:var(--green-dark);border-radius:var(--r-sm);padding:16px 18px;font-weight:700}
@media (max-width:900px){.form-grid{grid-template-columns:1fr}}
@media (max-width:520px){.lead-form{grid-template-columns:1fr}}

/* ---------- footer ---------- */
.site-foot{background:var(--ink);color:var(--white)}
.site-foot .wrap{padding-block:60px 30px;display:grid;gap:38px}
.fcols{display:grid;grid-template-columns:1.5fr repeat(4,minmax(0,1fr));gap:28px}
.fcols h4{margin:0 0 14px;font:700 .95rem/1 var(--f-display);color:#9FB0AB}
.fcols ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.fcols a{text-decoration:none;color:#DCE5E2}
.fcols a:hover{color:var(--white);text-decoration:underline}
.f-brand{display:grid;gap:16px;align-content:start}
.f-brand .brand b{color:var(--white)}
.f-brand .brand span{color:var(--mint-2)}
.f-brand p{color:#C8D3D0;max-width:34ch}
.legal{font-size:.88rem;color:#9FB0AB;border-top:1px solid rgba(255,255,255,.15);padding-top:20px}
@media (max-width:900px){.fcols{grid-template-columns:1fr 1fr}.f-brand{grid-column:1/-1}}

/* ---------- bara de contact pe mobil ---------- */
.mbar{display:none}
@media (max-width:760px){
  .mbar{display:grid;grid-template-columns:1fr 1.15fr 1.45fr;gap:8px;position:fixed;left:0;right:0;bottom:0;z-index:55;background:rgba(255,255,255,.97);
    border-top:1px solid var(--line);box-shadow:0 -10px 30px -12px rgba(15,30,26,.25);transition:transform .25s ease;
    padding:8px max(10px,env(safe-area-inset-right,0px)) calc(8px + env(safe-area-inset-bottom,0px)) max(10px,env(safe-area-inset-left,0px))}
  .mbar .btn{--h:52px;padding:0 8px;font-size:.95rem;gap:6px;box-shadow:none}
  .mbar .btn svg{width:20px;height:20px}
  .mbar.away{transform:translateY(110%)}
  body{padding-bottom:calc(72px + env(safe-area-inset-bottom,0px))}
}
.toast{position:fixed;left:50%;bottom:calc(96px + env(safe-area-inset-bottom,0px));transform:translateX(-50%);z-index:70;max-width:min(92vw,440px);
  background:var(--ink);color:var(--white);padding:14px 18px;border-radius:var(--r-sm);font-size:.98rem;box-shadow:0 14px 30px rgba(0,0,0,.25)}

@media (prefers-reduced-motion: reduce){
  html{scroll-behavior:auto}
  *,*::before,*::after{animation:none!important;transition:none!important}
}

/* RomanGroupAer.ro V3: se încarcă după v2.css și păstrează culorile, fonturile și componentele lui.
   Ce schimbă: titluri late (un rând sau două pline), mai puțin text, poze mari,
   pagina curge pe alb, fără benzi colorate între secțiuni (rămâne doar verdele pentru soluție și formular). */

.sec{padding-block:clamp(64px,8vw,112px)}
.sec--tight-top{padding-top:0}
.title{font-family:var(--f-display);font-size:clamp(2.3rem,4.8vw,4.3rem);font-weight:900;line-height:1.02;letter-spacing:-.032em;text-wrap:pretty;max-width:none;margin:0}
.title em{font-style:normal;color:var(--green);display:block}
.title--side{font-size:clamp(2rem,3.5vw,3.1rem)}
.intro{font-size:clamp(1.15rem,1.6vw,1.35rem);line-height:1.5;color:var(--ink-2);max-width:42em;margin-top:18px}
.sec-top{margin-bottom:clamp(32px,4vw,56px)}
.sec--green .title{color:var(--white)}
.sec--green .intro{color:var(--mint)}

/* ---------- hero ---------- */
.hero3{padding-block:clamp(28px,4vw,52px) clamp(48px,6vw,80px)}
.hero3 .title{font-size:clamp(2.5rem,5.1vw,4.5rem);margin-bottom:clamp(24px,3vw,40px)}
.hero3-row{display:grid;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:clamp(24px,4vw,56px);align-items:stretch}
.hero3-left{display:grid;gap:24px;align-content:start}
.hero3-left .lede{max-width:28em}
.hero3-photo{position:relative;margin:0;border-radius:28px;overflow:hidden;min-height:380px;box-shadow:var(--shadow);background:var(--bench)}
.hero3-photo img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:58% 35%}
.chip{position:absolute;left:18px;bottom:18px;display:inline-flex;align-items:center;gap:10px;background:rgba(255,255,255,.95);color:var(--ink);font-weight:700;font-size:.95rem;padding:11px 16px;border-radius:999px;box-shadow:0 10px 24px -12px rgba(15,30,26,.5)}
.chip svg{width:20px;height:20px;color:var(--green)}
@media (max-width:900px){
  .hero3 .callback{order:0}
  .hero3-row{grid-template-columns:1fr}
  .hero3-photo{min-height:0;aspect-ratio:4/3}
}

/* ---------- problema: placa ---------- */
.plate-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:center}
.plate-row .plate-stage{justify-self:center;width:min(100%,520px);min-width:0;margin:0}
.plate-row .plate-controls{margin:0}
.plate-copy{display:grid;gap:18px;align-content:center}
.plate-copy .big{font:800 clamp(1.5rem,2.5vw,2.1rem)/1.18 var(--f-display);letter-spacing:-.02em;color:var(--ink)}
.plate-copy p{font-size:1.15rem;color:var(--ink-2);max-width:32em}
.hint{display:inline-flex;gap:10px;align-items:center;font-weight:700;color:var(--green)}
.hint svg{width:20px;height:20px}
.ruler{background:none;box-shadow:none;border-radius:0;padding:0;margin-top:clamp(64px,8vw,104px)}
@media (max-width:900px){.plate-row{grid-template-columns:1fr}}

/* ---------- ce te costă ---------- */
.cost3{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(28px,5vw,80px);align-items:center}
.cost3 figure{margin:0;border-radius:28px;overflow:hidden;aspect-ratio:4/5;box-shadow:var(--shadow)}
.cost3 figure img{width:100%;height:100%;object-fit:cover}
.cost-list{list-style:none;margin:clamp(28px,3vw,40px) 0 0;padding:0;display:grid;gap:26px}
.cost-list li{display:grid;grid-template-columns:48px minmax(0,1fr);gap:18px;align-items:start}
.cost-list i{width:48px;height:48px;border-radius:50%;background:var(--agar-soft);color:var(--agar-deep);display:grid;place-items:center}
.cost-list i svg{width:24px;height:24px}
.cost-list b{display:block;font:800 1.4rem/1.2 var(--f-display);letter-spacing:-.015em;margin-bottom:4px}
.cost-list span{color:var(--ink-2);font-size:1.08rem}
@media (max-width:900px){.cost3{grid-template-columns:1fr}.cost3 figure{aspect-ratio:16/10}}

/* ---------- banda foto ---------- */
.band-photo{position:relative;min-height:min(74vh,660px);display:grid;align-items:end;color:var(--white);overflow:hidden;isolation:isolate}
.band-photo > img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:60% 50%;z-index:-2}
.band-photo::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(90deg,rgba(9,20,17,.86) 0%,rgba(9,20,17,.6) 42%,rgba(9,20,17,.08) 78%)}
.band-photo .wrap{width:100%;padding-block:clamp(56px,8vw,104px)}
.band-photo p{font:900 clamp(2.1rem,4.4vw,3.9rem)/1.04 var(--f-display);letter-spacing:-.03em;max-width:15ch;margin-bottom:30px}
@media (max-width:700px){.band-photo::before{background:linear-gradient(0deg,rgba(9,20,17,.9) 0%,rgba(9,20,17,.55) 55%,rgba(9,20,17,.1) 100%)}}

/* ---------- soluția ---------- */
.sol .sol-copy .title{font-size:clamp(2.2rem,4vw,3.6rem)}
.steps2 p{font-size:1.05rem}

/* ---------- unde ajută: plăci foto ---------- */
.tiles{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:clamp(230px,23vw,320px);gap:16px}
.tile{position:relative;border-radius:22px;overflow:hidden;display:flex;align-items:flex-end;text-decoration:none;color:var(--white);isolation:isolate;background:var(--ink)}
.tile--wide{grid-column:span 2}
.tile img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;z-index:-2;transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.tile::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(180deg,rgba(9,20,17,0) 38%,rgba(9,20,17,.82) 100%)}
.tile:hover img{transform:scale(1.045)}
.tile > div{padding:22px 24px;display:grid;gap:4px;width:100%}
.tile b{font:800 clamp(1.25rem,1.7vw,1.5rem)/1.15 var(--f-display);letter-spacing:-.015em}
.tile span{color:rgba(255,255,255,.88);font-size:1rem}
.tile .arr{position:absolute;top:16px;right:16px;width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.95);color:var(--ink);display:grid;place-items:center;transition:transform .25s ease}
.tile .arr svg{width:20px;height:20px}
.tile:hover .arr{transform:translateX(3px)}
.tile--ask{background:var(--green-field)}
.tile--ask::before{display:none}
.tile--ask > div{align-self:stretch;display:grid;align-content:space-between}
@media (max-width:900px){.tiles{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.tiles{grid-template-columns:1fr;grid-auto-rows:230px}.tile--wide{grid-column:auto}}

/* ---------- povești: poză + text ---------- */
.story{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,88px);align-items:center}
.story--rev > figure{order:2}
.story figure{position:relative;margin:0;border-radius:28px;overflow:hidden;box-shadow:var(--shadow);background:var(--bench)}
.story figure img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/5}
.story figure.wide img{aspect-ratio:5/4}
.story figcaption{position:absolute;left:16px;bottom:16px;font-size:.8rem;font-weight:700;background:rgba(255,255,255,.92);color:var(--ink);padding:6px 10px;border-radius:6px}
.story .copy{display:grid;gap:20px;align-content:center}
.story .prose{font-size:1.12rem}
.story .prose p{color:var(--ink-2)}
.story .prose b{color:var(--ink)}
.cold{background:none;border:0;box-shadow:none;padding:0;gap:14px;margin-top:6px}
@media (max-width:900px){
  .story{grid-template-columns:1fr}
  .story--rev > figure{order:0}
  .story figure img{aspect-ratio:16/11}
}

/* ---------- dovezi ---------- */
.reports{border-top:0}
.reports li{padding:18px 0}
.reports li:last-child{border-bottom:0}

/* ---------- formularul final ---------- */
.final .bens li{font-weight:700}

/* ---------- alte soluții (bandă mică) ---------- */
.more{display:flex;flex-wrap:wrap;align-items:center;gap:16px 28px;padding-block:28px;border-top:1px solid var(--line)}
.more > b{font:800 1.1rem/1.2 var(--f-display);margin-right:auto}
.more a{display:inline-flex;align-items:center;gap:14px;text-decoration:none;font-weight:700}
.more img{width:64px;height:64px;border-radius:14px;object-fit:cover}
.more small{display:block;font-weight:400;color:var(--ink-3);font-size:.92rem}

/* RomanGroupAer.ro V4: se încarcă după v2.css și v3.css.
   Ideea: pagina spune povestea prin lumină. Hero luminos, apoi pagina se întunecă treptat la problemă
   (praf care plutește, colonii în fundal), iar când apare Qualifresh se luminează mult, ca aerul curățat.
   Secțiunile se topesc una în alta prin gradiente, fără tăieturi. WhatsApp e acțiunea principală. */
:root{
  --dark:#0E1B18; --dark-2:#16302A; --on-dark:#E8F0ED; --on-dark-2:#B6C7C1; --on-dark-3:#8FA39D;
  --mint-bg:#E8F5EE; --wa:#25D366; --amber-glow:#E7A93C; --green-glow:#3FCF85;
}
.tbc{background:none!important;border:0!important}

/* ---------- butoane: WhatsApp e principal ---------- */
.btn{white-space:nowrap;flex-shrink:0}
.btn--wa-main{background:var(--ink);color:var(--white);border-color:var(--ink);box-shadow:0 14px 28px -14px rgba(15,30,26,.75)}
.btn--wa-main:hover{background:#000;border-color:#000;transform:translateY(-1px)}
.btn .wa-logo{width:28px;height:28px}
.btn--call{background:transparent;color:var(--ink);border-color:var(--ink)}
.btn--call svg{color:var(--green)}
.btn--call:hover{background:var(--ink);color:var(--white)}
.btn--call:hover svg{color:var(--mint-2)}
.on-dark .btn--wa-main,.final4 .btn--wa-main{background:var(--white);color:var(--ink);border-color:var(--white)}
.on-dark .btn--wa-main:hover,.final4 .btn--wa-main:hover{background:var(--mint)}
.on-dark .btn--call,.final4 .btn--call{color:var(--white);border-color:rgba(255,255,255,.6)}
.on-dark .btn--call svg,.final4 .btn--call svg{color:var(--mint-2)}
.on-dark .btn--call:hover,.final4 .btn--call:hover{background:var(--white);color:var(--ink)}
.textlink{display:inline-flex;align-items:center;gap:8px;font-weight:700;color:var(--ink);text-decoration:none}
.textlink svg{width:18px;height:18px;transition:transform .2s ease}
.textlink:hover{text-decoration:underline}
.textlink:hover svg{transform:translateX(4px)}
.site-head .btn--wa-main{--h:46px;padding:0 18px;font-size:.98rem;box-shadow:none}
.site-head .btn--wa-main .wa-logo{width:24px;height:24px}

/* ---------- hero 50 / 50 ---------- */
.hero4{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:min(86vh,800px);background:var(--white)}
.hero4-left{display:flex;align-items:center;padding:clamp(32px,4vw,64px) clamp(24px,4vw,64px) clamp(40px,5vw,72px) max(20px,calc((100vw - var(--wrap)) / 2 + 20px))}
.hero4-copy{display:grid;gap:26px;max-width:600px}
.hero4 h1{font-family:var(--f-display);font-size:clamp(2.5rem,4.5vw,4.2rem);font-weight:900;line-height:.98;letter-spacing:-.035em;text-wrap:balance}
.hero4 h1 em{font-style:normal;color:var(--green);display:block}
.hero4 .lede{max-width:30em}
.hero4 .actions{gap:12px}
.hero4-right{position:relative;display:grid;place-items:center;align-content:center;gap:18px;padding:clamp(28px,4vw,56px);overflow:hidden;
  background:linear-gradient(180deg,rgba(255,255,255,0) 72%,#FFFFFF 100%),radial-gradient(110% 85% at 50% 42%,#FBFCFC 0%,#EEF3F1 52%,#DFE8E5 100%)}
.hero4-right .plate-stage{width:min(100%,580px);min-width:0;margin:0;justify-self:center}
.hero4-right .plate{aspect-ratio:1/0.98}
.hero4-right .plate-controls{margin:0}
.trust--sm{font-size:.92rem}
@media (max-width:900px){
  .hero4{grid-template-columns:1fr;min-height:0}
  .hero4-left{padding:28px 20px 12px}
  .hero4-right{padding:20px 20px 36px;background:linear-gradient(180deg,var(--white) 0%,#EEF3F1 30%,#E3EBE8 100%)}
}

/* ---------- zona întunecată: problema ---------- */
.dark-zone{position:relative;isolation:isolate;color:var(--on-dark);
  background:linear-gradient(180deg,#FFFFFF 0,#9FB0AB 140px,#2A433D 290px,var(--dark) 420px,var(--dark) 100%)}
.dark-zone{overflow:clip}
.dark-zone > canvas.dust{position:absolute;inset:0;width:100%;height:100%;z-index:-1;pointer-events:none}
.dark-zone .title{color:var(--white)}
.dark-zone .intro{color:var(--on-dark-2)}
.problem4{position:relative;padding-top:clamp(160px,17vw,230px)}
.problem4 .bgimg{position:absolute;right:0;top:clamp(120px,12vw,180px);width:min(54vw,820px);height:auto;aspect-ratio:1.17;object-fit:cover;opacity:.34;z-index:-1;pointer-events:none;
  -webkit-mask-image:radial-gradient(closest-side,#000 35%,transparent);mask-image:radial-gradient(closest-side,#000 35%,transparent)}
.problem4 .intro{font-size:clamp(1.2rem,1.9vw,1.5rem);max-width:30em}
@media (max-width:700px){.problem4 .bgimg{opacity:.2;width:80vw}}
.dark-zone .ruler{margin-top:clamp(56px,7vw,96px)}
.dark-zone .ruler-head h3,.dark-zone .rlab b{color:var(--white)}
.dark-zone .ruler-head p,.dark-zone .rlab span{color:var(--on-dark-3)}
.dark-zone .rtrack{background:rgba(255,255,255,.08)}
.dark-zone .rtrack i{background:var(--amber-glow);box-shadow:0 0 14px rgba(231,169,60,.45)}
.dark-zone .rtrack::before{border-color:var(--green-glow)}
.dark-zone .rrow--q{border-top-color:rgba(255,255,255,.12)}
.dark-zone .rrow--q .rlab b{color:var(--green-glow)}
.dark-zone .rrow--q .rtrack i{background:var(--green-glow);box-shadow:0 0 16px rgba(63,207,133,.5)}
.dark-zone .raxis{color:var(--on-dark-3)}
.dark-zone .raxis span::before{border-color:var(--on-dark-3)}
.dark-zone .cost3 figure{box-shadow:0 40px 80px -40px rgba(0,0,0,.8)}
.dark-zone .cost-list b{color:var(--white)}
.dark-zone .cost-list span{color:var(--on-dark-2)}
.dark-zone .cost-list i{background:rgba(231,169,60,.14);color:var(--amber-glow)}
.dark-zone .band-photo::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(180deg,var(--dark) 0,rgba(14,27,24,0) 22%,rgba(14,27,24,0) 70%,var(--dark) 100%)}

/* ---------- soluția: lumina vine înapoi ---------- */
.sol4{position:relative;color:var(--ink);padding-top:clamp(190px,20vw,280px);
  background:linear-gradient(180deg,var(--dark) 0,#24493D 90px,#5F9A80 170px,#B9E1CA 250px,var(--mint-bg) 330px,var(--mint-bg) 100%)}
.sol4 .title{color:var(--ink)}
.sol4-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,72px);align-items:center}
.sol4-copy{display:grid;gap:26px}
.device4{position:relative;margin:0}
.device4 img{width:100%;transform-origin:50% 0;animation:sway 10s ease-in-out infinite;
  -webkit-mask-image:linear-gradient(to bottom,transparent 0,#000 20%);mask-image:linear-gradient(to bottom,transparent 0,#000 20%)}
.device4 .pin--1{left:12%;top:50%}
.device4 .pin--2{left:42%;top:74%}
.sol4 .pin b{background:var(--green);color:var(--white);animation:ping-g 2.6s ease-out infinite}
@keyframes ping-g{0%{box-shadow:0 0 0 0 rgba(19,128,74,.45)}70%{box-shadow:0 0 0 14px rgba(19,128,74,0)}100%{box-shadow:0 0 0 0 rgba(19,128,74,0)}}
.sol4 .steps2{border-top-color:rgba(15,30,26,.14)}
.sol4 .steps2 li{border-bottom-color:rgba(15,30,26,.14)}
.sol4 .steps2 li > b{background:var(--green);color:var(--white)}
.sol4 .steps2 p{color:var(--ink-2)}
.sol4 .facts{border-top-color:rgba(15,30,26,.14)}
.sol4 .facts li + li{border-left-color:rgba(15,30,26,.14)}
.sol4 .facts svg{color:var(--green)}
.sol4 .facts span{color:var(--ink-2)}
@media (max-width:900px){
  .sol4-grid{grid-template-columns:1fr}
  .device4{max-width:520px;margin-inline:auto;order:-1}
  .sol4 .facts li:nth-child(3){border-left:0}
  .sol4 .facts li:nth-child(n+3){border-top:1px solid rgba(15,30,26,.14)}
}

/* ---------- trecerile mai departe ---------- */
.after-sol{background:linear-gradient(180deg,var(--mint-bg) 0,var(--white) 260px)}
.soft-bench{background:linear-gradient(180deg,var(--white) 0,var(--bench) 180px,var(--bench) calc(100% - 180px),var(--white) 100%)}
.final4{color:var(--white);padding-top:clamp(180px,18vw,260px);
  background:linear-gradient(180deg,var(--white) 0,#CDEBD9 90px,#4FA37A 200px,var(--green-field) 300px,var(--green-field) 100%)}
.final4 .title{color:var(--white)}
.final4 .lede{color:var(--mint)}
.final4 .bens{border-top-color:rgba(255,255,255,.3)}

/* câmp-capcană pentru roboți: invizibil pentru oameni */
.hp{position:absolute;left:-9999px;width:1px;height:1px;opacity:0}

/* ---------- tabel: doar semne ---------- */
.cmp{min-width:600px}
.cmp td{text-align:center}
.cmp thead th:not(:first-child){text-align:center}
.cmp .y svg,.cmp .n svg,.cmp .m svg{width:30px;height:30px;padding:6px}
.cmp tbody th{width:40%}

/* ---------- mișcare: informația plutește în pagină ----------
   Animații legate de scroll (CSS). Unde browserul nu le are, totul e vizibil, fără animație. */
@supports (animation-timeline: view()){
  @media (prefers-reduced-motion: no-preference){
    .rv{animation:rv-rise linear both;animation-timeline:view();animation-range:entry 0% cover 26%}
    .rv-2{animation-range:entry 8% cover 32%}
    .rv-3{animation-range:entry 16% cover 38%}
    .rv-img img{animation:rv-par linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
    .problem4 .bgimg{animation:rv-drift linear both;animation-timeline:view();animation-range:cover 0% cover 100%}
  }
}
@keyframes rv-rise{from{opacity:0;transform:translateY(56px)}to{opacity:1;transform:none}}
@keyframes rv-par{from{transform:scale(1.14) translateY(-5%)}to{transform:scale(1.14) translateY(5%)}}
@keyframes rv-drift{from{transform:translateY(-6%) rotate(-4deg)}to{transform:translateY(8%) rotate(3deg)}}

/* ---------- bara de pe mobil: Sună + WhatsApp ---------- */
@media (max-width:760px){
  .mbar{grid-template-columns:1fr 1.9fr}
  .mbar .btn--wa-main{box-shadow:none}
}

/* RomanGroupAer.ro: componentele paginilor interioare. Același sistem ca homepage-ul (v2 + v3 + v4). */

/* firimituri de pâine */
.crumbs{display:flex;flex-wrap:wrap;gap:6px 10px;align-items:center;font-size:.92rem;color:var(--ink-3);padding-block:18px 0}
.crumbs a{color:var(--ink-2);text-decoration:none}
.crumbs a:hover{text-decoration:underline}
.crumbs i{font-style:normal;color:var(--field)}
.crumbs [aria-current]{color:var(--ink)}

/* hero de pagină: aceeași împărțire 50/50, cu poză în dreapta */
.hero4--page{min-height:min(70vh,640px)}
.hero4-media{position:relative;overflow:hidden;background:var(--bench)}
.hero4-media img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.hero4-media figcaption{position:absolute;left:16px;bottom:16px;font-size:.8rem;font-weight:700;background:rgba(255,255,255,.92);color:var(--ink);padding:6px 10px;border-radius:6px}
.hero4-media.on-mint{background:var(--mint-bg);display:grid;place-items:center;padding:clamp(24px,4vw,56px)}
.hero4-media.on-mint img{position:static;width:min(100%,560px);height:auto;object-fit:contain}
@media (max-width:900px){.hero4-media{min-height:0;aspect-ratio:4/3}.hero4-media.on-mint{aspect-ratio:auto}}
.kicker-line{display:inline-flex;align-items:center;gap:10px;font-weight:700;color:var(--green)}
.kicker-line svg{width:22px;height:22px}

/* secțiune text simplă, în același ritm */
.lead-block{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(28px,5vw,80px);align-items:start}
.lead-block .prose{font-size:1.15rem}
@media (max-width:900px){.lead-block{grid-template-columns:1fr}}

/* pașii numerotați pe fundal deschis */
.steps2--light{border-top-color:rgba(15,30,26,.14)}
.steps2--light li{border-bottom-color:rgba(15,30,26,.14)}
.steps2--light li > b{background:var(--green);color:var(--white)}
.steps2--light p{color:var(--ink-2)}

/* listă cu bife */
.checks2{list-style:none;margin:0;padding:0;display:grid;gap:14px}
.checks2 li{display:grid;grid-template-columns:30px minmax(0,1fr);gap:12px;font-size:1.08rem}
.checks2 svg{width:24px;height:24px;color:var(--green);margin-top:2px}
.on-dark .checks2 svg{color:var(--green-glow)}

/* specificații */
.spec{width:100%;border-collapse:collapse;font-size:1.02rem;background:var(--white);border-radius:16px;overflow:hidden;border:1.5px solid var(--line)}
.spec th,.spec td{padding:16px 20px;text-align:left;border-bottom:1px solid var(--line);vertical-align:top}
.spec th{width:38%;font-weight:700;color:var(--ink)}
.spec td{color:var(--ink-2)}
.spec tr:last-child > *{border-bottom:0}

/* hub: listă de pagini cu poză */
.hub{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}
.hub a{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);background:var(--white);border:1.5px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}
.hub a:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.hub img{width:100%;height:100%;object-fit:cover;aspect-ratio:4/3}
.hub div{padding:24px 26px;display:grid;gap:8px;align-content:center}
.hub b{font:800 1.35rem/1.15 var(--f-display);letter-spacing:-.015em}
.hub span{color:var(--ink-2)}
@media (max-width:900px){.hub{grid-template-columns:1fr}}
@media (max-width:480px){.hub a{grid-template-columns:1fr}}

/* text lung: pagini legale și articole */
.doc{max-width:760px;margin-inline:auto;font-size:1.1rem;line-height:1.7;color:var(--ink-2)}
.doc h1{font-family:var(--f-display);font-size:clamp(2.2rem,4.4vw,3.4rem);font-weight:900;line-height:1.02;letter-spacing:-.03em;color:var(--ink);margin:0 0 18px}
.doc h2{font-family:var(--f-display);font-size:clamp(1.45rem,2.6vw,1.9rem);font-weight:800;letter-spacing:-.02em;color:var(--ink);margin:48px 0 14px;line-height:1.15}
.doc h3{font-family:var(--f-display);font-size:1.2rem;font-weight:800;color:var(--ink);margin:30px 0 10px}
.doc p,.doc ul,.doc ol,.doc table{margin:0 0 16px}
.doc ul,.doc ol{padding-left:1.3em}
.doc li{margin-bottom:6px}
.doc a{color:var(--green);font-weight:700}
.doc strong{color:var(--ink)}
.doc table{width:100%;border-collapse:collapse;font-size:1rem}
.doc th,.doc td{border-bottom:1px solid var(--line);padding:12px 10px;text-align:left;vertical-align:top}
.doc th{color:var(--ink)}
.doc .meta{font-size:.95rem;color:var(--ink-3);margin-bottom:28px}
.doc .note{background:var(--bench);border-radius:14px;padding:18px 20px;font-size:1rem}
.doc figure{margin:28px 0;border-radius:18px;overflow:hidden}
.doc figure img{width:100%}
.doc figcaption{font-size:.88rem;color:var(--ink-3);padding-top:8px}
.doc .summary{background:var(--mint-bg);border-radius:18px;padding:22px 24px;color:var(--ink);font-size:1.12rem;margin-bottom:28px}
.doc .summary b{display:block;font-family:var(--f-display);font-size:.95rem;letter-spacing:.02em;margin-bottom:6px;color:var(--green-dark)}
.doc .sources{font-size:.92rem}
.doc .sources li{word-break:break-word}
.doc-wrap{padding-top:clamp(28px,4vw,48px)}

/* articole: hub */
.posts{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.post{display:grid;grid-template-rows:auto 1fr;background:var(--white);border:1.5px solid var(--line);border-radius:20px;overflow:hidden;text-decoration:none;transition:box-shadow .2s ease,transform .2s ease}
.post:hover{box-shadow:var(--shadow);transform:translateY(-2px)}
.post img{width:100%;aspect-ratio:16/10;object-fit:cover}
.post div{padding:22px 24px 26px;display:grid;gap:8px;align-content:start}
.post small{font-size:.86rem;color:var(--ink-3)}
.post b{font:800 1.3rem/1.2 var(--f-display);letter-spacing:-.015em}
.post span{color:var(--ink-2);font-size:1rem}
.post--soon{opacity:.75;pointer-events:none}
@media (max-width:900px){.posts{grid-template-columns:1fr 1fr}}
@media (max-width:560px){.posts{grid-template-columns:1fr}}

/* autorul articolului */
.byline{display:flex;align-items:center;gap:12px;font-size:.98rem;color:var(--ink-2);margin-bottom:28px}
.byline b{color:var(--ink)}
.avatar{width:44px;height:44px;border-radius:50%;background:var(--green);color:#fff;display:grid;place-items:center;font:800 1rem/1 var(--f-display)}

/* contact */
.contact-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.contact-card{background:var(--white);border:1.5px solid var(--line);border-radius:20px;padding:26px;display:grid;gap:10px;align-content:start}
.contact-card svg{width:30px;height:30px;color:var(--green)}
.contact-card b{font:800 1.25rem/1.2 var(--f-display)}
.contact-card a{font-weight:700;color:var(--ink);text-decoration:none;font-size:1.08rem}
.contact-card span{color:var(--ink-2)}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}

/* 404 */
.notfound{min-height:60vh;display:grid;place-items:center;text-align:center;padding-block:80px}
.notfound .title{margin-bottom:18px}

/* produs pe fundal mentă, fără legănare (LEPIDO) */
.device4--still img{animation:none;border-radius:20px;box-shadow:var(--shadow)}

/* galerie de poze pătrate cu legendă (TAI-LOR) */
.gallery{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}
.gallery figure{margin:0;display:grid;gap:12px}
.gallery img{width:100%;aspect-ratio:1/1;object-fit:cover;border-radius:18px}
.gallery figcaption{font:800 1.12rem/1.2 var(--f-display);letter-spacing:-.01em;color:var(--ink)}
@media (max-width:900px){.gallery{grid-template-columns:1fr 1fr}}

/* tabel de modele (LEPIDO) */
.models-title{font:800 1.35rem/1.2 var(--f-display);letter-spacing:-.015em;margin:clamp(48px,6vw,72px) 0 16px}
.models{width:100%;min-width:620px;border-collapse:collapse;background:var(--white);font-size:1rem}
.models th,.models td{padding:14px 18px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}
.models thead th{font-size:.9rem;color:var(--ink-3);font-weight:700}
.models tbody th{color:var(--ink)}
.models td{color:var(--ink-2);font-variant-numeric:tabular-nums}
.models tbody tr:last-child > *{border-bottom:0}

/* hub cu un singur card, pe toată lățimea (articole) */
.hub--one{grid-template-columns:1fr}
.hub small{font-size:.88rem;color:var(--ink-3)}
.doc .faq{margin:0 0 16px}

/* flux în pași, cu săgeți (exemplu LEPIDO) */
.flow{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;counter-reset:none}
.flow li{position:relative;background:var(--white);border:1.5px solid var(--line);border-radius:20px;padding:26px 24px;display:grid;gap:8px;align-content:start}
.flow li + li::before{content:"";position:absolute;left:-17px;top:50px;width:14px;height:14px;border-top:2.5px solid var(--green);border-right:2.5px solid var(--green);transform:rotate(45deg)}
.flow b{font:800 1.25rem/1.2 var(--f-display);letter-spacing:-.015em;color:var(--ink)}
.flow span:not(.flow-ic){color:var(--ink-2)}
.flow-ic{width:52px;height:52px;border-radius:50%;display:grid;place-items:center;background:var(--mint-bg);color:var(--green);margin-bottom:6px}
.flow-ic svg{width:26px;height:26px}
.flow-ic--hot{background:#FBE9E1;color:#B4441B}
.flow-ic--cold{background:#E3EEF9;color:#1F5FA8}
@media (max-width:900px){
  .flow{grid-template-columns:1fr;gap:22px}
  .flow li + li::before{left:40px;top:-17px;transform:rotate(135deg)}
}

/* etichete scurte */
.chips{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.chips li{background:var(--mint-bg);color:var(--ink);font-weight:700;padding:10px 16px;border-radius:999px;font-size:1.02rem}

/* articole: imagine îngustă în text, nu deasupra lui; autor cu link */
.doc figure img{aspect-ratio:16/9;object-fit:cover}
.byline a{color:var(--ink);text-decoration:none}
.byline a:hover{text-decoration:underline}
.nowrap{white-space:nowrap}

/* logo Roman Group (SVG oficial: negru în antet, alb în subsol) */
.brand--logo{display:inline-flex;align-items:center;line-height:0}
.brand--logo img{height:44px;width:auto}
.f-brand .brand--logo img{height:52px}
@media (max-width:640px){.brand--logo img{height:36px}}