/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/inter-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/inter-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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/inter-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/inter-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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/inter-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/inter-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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/inter-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/inter-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;
}
/* latin-ext */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/inter-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Inter';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/inter-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;
}
/* latin-ext */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/jetbrains-mono-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'JetBrains Mono';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/jetbrains-mono-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;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/outfit-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 300;
  font-display: swap;
  src: url(../fonts/outfit-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;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/outfit-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/outfit-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;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/outfit-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/outfit-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;
}
/* latin-ext */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/outfit-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Outfit';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/outfit-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;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/sora-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 400;
  font-display: swap;
  src: url(../fonts/sora-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;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/sora-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 500;
  font-display: swap;
  src: url(../fonts/sora-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;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/sora-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 600;
  font-display: swap;
  src: url(../fonts/sora-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;
}
/* latin-ext */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/sora-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-20C0, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Sora';
  font-style: normal;
  font-weight: 700;
  font-display: swap;
  src: url(../fonts/sora-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;
}

/* =====================================================================
   sitewebgratuit.ro · prototip static
   Ordine: 1 tokeni · 2 bază · 3 efecte (fx, portat din macheta-faza1-sursa/fx.css)
           4 piese comune (antet, subsol, preturi, sitebuild) · 5 pagini (câte o secțiune pe pagină)
   Convenții: blocuri cu nume românești (.antet, .carte, .sb-...), elemente cu __ (.carte__pret),
   variante cu -- (.fantoma--mic). Stări prin atribute ([aria-pressed], [aria-current], [data-pas]).
   ===================================================================== */

/* ---------- 1. Tokeni ---------- */
:root{
  --c-negru:#090A0C;          /* fundal erou, antet, subsol */
  --c-carbune:#111111;        /* secțiuni întunecate, carduri */
  --c-fundal:#F6F6F6;         /* fundalul paginii */
  --c-text:#0B0D10;           /* text pe fundal deschis */
  --c-rama:#0E0F11;
  --c-camp:#16171A;
  --c-alb:#FFFFFF;
  --c-albastru:#3F68C4;
  --c-albastru-hover:#2E4F9E;
  --c-albastru-2:#5683DA;
  --c-albastru-deschis:#A9C0FF;
  --c-albastru-palid:#C4D4FF;
  --c-piersica:#FF8964;
  --c-teracota:#B4461F;
  --g-100:#E5E5E7; --g-200:#D1D1D1; --g-300:#A9A9AA; --g-350:#95979E; --g-400:#8A8B90;
  --g-500:#6B6C6D; --g-600:#5B5D63; --g-650:#4A4B50; --g-700:#3A3B40; --g-800:#303236;
  --f-titlu:Outfit,Inter,sans-serif;
  --f-text:Inter,system-ui,sans-serif;
  --f-sb:Sora,Inter,sans-serif;
  --f-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;
  --r-mic:8px; --r:12px; --r-mare:16px; --r-card:20px; --r-pastila:9999px;
  --umbra:rgba(0,0,0,.5) 0 6px 25px;
  --ease:cubic-bezier(.2,.8,.2,1);
  --lat:1200px;                              /* lățimea conținutului la 1440 */
  --gutter:clamp(16px,4vw,40px);             /* marginea laterală minimă */
  --pad-sectiune:clamp(88px,11.1vw,160px);   /* 160 la 1440 */
  --pad-sectiune-jos:clamp(64px,8.33vw,120px);
  --t-h1:clamp(44px,calc(19px + 4.52vw),84px);
  --t-h2:clamp(38px,calc(16px + 4.45vw),80px);
  --t-lead:clamp(16px,calc(14.6px + .25vw),18px);
}

/* ---------- 2. Bază ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-text-size-adjust:100%;text-size-adjust:100%;background:var(--c-negru);scroll-padding-top:88px}
body{margin:0;font-family:var(--f-text);background:var(--c-fundal);color:var(--c-text)}
img,svg,canvas{max-width:100%}
img{height:auto}
a{color:var(--c-albastru)}a:hover{color:var(--c-albastru-hover)}
button{font-family:inherit;cursor:pointer}
input,select,textarea{font-family:inherit}
h1,h2,h3{text-wrap:balance}
p{text-wrap:pretty}
::selection{background:rgba(86,131,218,.35)}
:focus-visible{outline:2px solid var(--c-albastru-deschis);outline-offset:3px}
.cifre{font-variant-numeric:tabular-nums}
.nb{white-space:nowrap}
.cont{width:min(var(--lat),100% - 2*var(--gutter));margin-inline:auto}
.sari{position:absolute;left:16px;top:-60px;z-index:100;padding:10px 16px;border-radius:var(--r-mic);background:var(--c-alb);color:var(--c-text);font-weight:600;text-decoration:none;transition:top .2s}
.sari:focus{top:12px}
.svg-defs{position:absolute;width:0;height:0;overflow:hidden}
.separator{color:var(--g-650)}

/* Titluri și texte comune */
.titlu-erou{margin:0;font-family:var(--f-titlu);font-size:var(--t-h1);line-height:.92;letter-spacing:-.045em;font-weight:600}
.titlu-sectiune{margin:0;font-family:var(--f-titlu);font-size:var(--t-h2);line-height:.92;letter-spacing:-.05em;font-weight:600;max-width:var(--mw,1100px)}
.titlu-sectiune--alb{letter-spacing:-.03em;font-weight:500}
.titlu-sectiune--ingust{max-width:900px}
.lead{margin:0;font-size:var(--t-lead);line-height:1.4;letter-spacing:-.02em;color:var(--g-800)}
.lead--lat{max-width:700px}
.lead--intuneric{color:var(--g-300);max-width:640px}
.sectiune{position:relative;padding-block:var(--pad-sectiune) var(--pad-sectiune-jos);background:var(--c-fundal)}
.sectiune>.cont{display:flex;flex-direction:column;gap:24px}

/* Etichete tip pastilă */
.eticheta{font-size:11px;font-weight:700;text-transform:uppercase;padding:4px 10px;border-radius:var(--r-pastila);white-space:nowrap}
.eticheta--piersica{color:var(--c-piersica);background:rgba(255,137,100,.12);box-shadow:0 0 14px rgba(255,137,100,.3)}
.eticheta--albastru{color:var(--c-albastru-deschis);background:rgba(86,131,218,.14)}
.eticheta--live{margin-left:auto;padding:3px 8px;box-shadow:none}

/* Glisoare */
.glisor{accent-color:var(--c-piersica);height:24px;width:100%;margin:0}
.glisor--albastru{accent-color:var(--c-albastru-2)}

/* ---------- 3. Efecte (fx) ---------- */
@property --mx{syntax:'<length-percentage>';inherits:true;initial-value:64%}
@property --my{syntax:'<length-percentage>';inherits:true;initial-value:30%}
@property --inc{syntax:'<angle>';inherits:true;initial-value:0deg}
@property --p{syntax:'<percentage>';inherits:false;initial-value:0%}
@property --bf{syntax:'<number>';inherits:true;initial-value:1}
@property --unghi{syntax:'<angle>';inherits:false;initial-value:0deg}
@property --hs{syntax:'<length>';inherits:true;initial-value:0px}
.gradient{background:linear-gradient(to right bottom,#FFFFFF 30%,#D5D8F6 80%,#FDF7FE);-webkit-background-clip:text;background-clip:text;color:transparent;padding:.1em 0 .14em;margin-top:-.1em!important;margin-bottom:-.14em!important}

/* Eroul cu fascicul: --rx/--ry = punctul unde cade fasciculul (muchia de sus a ramei), calculate de fx.js */
.erou{position:relative;overflow:hidden;background:var(--c-negru);color:var(--c-alb);--fx-k:1;animation:fx-orbita 9s ease-in-out infinite;transition:--inc .6s var(--ease),--hs .6s var(--ease)}
.erou.urmareste{animation:none}
.erou.dezvaluie{--hs:300px}
.erou>.fx{position:absolute;z-index:0;pointer-events:none}
.erou>:not(.fx){position:relative;z-index:2}
.erou>.fx-sus{z-index:3}
@keyframes fx-orbita{0%{--mx:calc(var(--rx) + 220px);--my:calc(var(--ry) - 260px);--inc:0deg}25%{--mx:calc(var(--rx) + 40px);--my:calc(var(--ry) - 70px);--inc:0deg}50%{--mx:calc(var(--rx) - 210px);--my:calc(var(--ry) - 250px);--inc:0deg}75%{--mx:calc(var(--rx) + 10px);--my:calc(var(--ry) - 420px);--inc:0deg}100%{--mx:calc(var(--rx) + 220px);--my:calc(var(--ry) - 260px);--inc:0deg}}
.fx-ceata{right:-260px;top:-220px;width:1100px;height:900px;background:radial-gradient(ellipse at 45% 35%,rgba(86,131,218,.26),rgba(86,131,218,.07) 40%,rgba(9,10,12,0) 65%)}
.fx-reflector{inset:0;background:radial-gradient(420px circle at var(--mx) var(--my),rgba(255,170,129,.16),rgba(86,131,218,.12) 42%,rgba(9,10,12,0) 70%);-webkit-mask:radial-gradient(300px circle at var(--mx) var(--my),#000 12%,transparent 100%);mask:radial-gradient(300px circle at var(--mx) var(--my),#000 12%,transparent 100%);mix-blend-mode:screen}
.fx-raza,.fx-miez,.fx-flux{top:-60px;height:calc(var(--ry) + 60px);transform-origin:50% 100%;transform:skewX(var(--inc))}
.fx-raza{left:calc(var(--rx) - 110px);width:220px;background:linear-gradient(180deg,rgba(86,131,218,0) 0%,rgba(86,131,218,.32) 30%,rgba(140,170,255,.62) 76%,rgba(255,255,255,.9) 100%);filter:blur(34px);animation:fx-respira 7s ease-in-out infinite}
.fx-miez{left:calc(var(--rx) - 2px);width:4px;background:linear-gradient(180deg,rgba(255,255,255,0) 0%,rgba(225,233,255,.7) 50%,#FFFFFF 100%);filter:blur(1.2px);box-shadow:0 0 18px 4px rgba(140,170,255,.55);animation:fx-palpaie 4.3s steps(1,end) infinite}
.fx-flux{left:calc(var(--rx) - 26px);width:52px;background-image:radial-gradient(circle,rgba(255,255,255,.95) 0 1px,rgba(255,255,255,0) 1.6px),radial-gradient(circle,rgba(190,210,255,.85) 0 .8px,rgba(190,210,255,0) 1.4px);background-size:17px 61px,23px 43px;background-position:0 0,9px 20px;-webkit-mask:radial-gradient(40% 75% at 50% 100%,#000 25%,transparent 100%);mask:radial-gradient(40% 75% at 50% 100%,#000 25%,transparent 100%);animation:fx-flux 1.4s linear infinite}
.fx-flacara{left:calc(var(--rx) - 380px * var(--fx-k));top:calc(var(--ry) - 130px);width:calc(760px * var(--fx-k));height:260px;background:radial-gradient(ellipse at center,rgba(200,215,255,.5) 0%,rgba(120,155,255,.34) 16%,rgba(86,131,218,.14) 38%,rgba(9,10,12,0) 70%);filter:blur(10px);animation:fx-puls 3.1s ease-in-out infinite}
.erou.cu-fulger>.fx-arc{opacity:.3}
.erou>.fx-fulger{mix-blend-mode:screen}
.fx-arc{left:calc(var(--rx) - 380px * var(--fx-k));top:calc(var(--ry) - 45px);width:calc(760px * var(--fx-k));height:90px}
.fx-impuls{top:-60px;left:calc(var(--rx) - 3px);width:6px;height:calc(var(--ry) + 60px);transform-origin:50% 100%;transform:skewX(var(--inc));background:linear-gradient(180deg,rgba(255,255,255,0),#FFFFFF 50%,rgba(255,255,255,0)) 0 -160px/100% 160px no-repeat;filter:drop-shadow(0 0 6px #A9C0FF) drop-shadow(0 0 14px #5683DA);animation:fx-impuls 2.8s cubic-bezier(.55,0,.9,.4) infinite}
.erou>.fx-fum{left:0;top:0;width:100%;height:100%;mix-blend-mode:screen;opacity:.7}
.erou.ingust>.fx-fum{opacity:.45}
.erou>.fx-schita{left:calc(50% - 720px);top:0;width:1440px;height:1400px;z-index:1;opacity:.75;mix-blend-mode:screen;-webkit-mask:radial-gradient(var(--hs) circle at var(--hx,50%) var(--hy,50%),#000 18%,transparent 100%);mask:radial-gradient(var(--hs) circle at var(--hx,50%) var(--hy,50%),#000 18%,transparent 100%)}
.erou>.fx-fascicul{z-index:1;mix-blend-mode:screen}
.erou.cu-fascicul>.fx-raza,.erou.cu-fascicul>.fx-miez,.erou.cu-fascicul>.fx-flux,.erou.cu-fascicul>.fx-flacara{display:none}
@keyframes fx-respira{0%,100%{opacity:.82;scale:1 1}50%{opacity:1;scale:1.22 1}}
@keyframes fx-palpaie{0%{opacity:1}7%{opacity:.5}9%{opacity:1}31%{opacity:.78}33%{opacity:1}58%{opacity:.58}59%{opacity:1}83%{opacity:.85}}
@keyframes fx-flux{to{background-position:0 61px,9px 63px}}
@keyframes fx-puls{0%,100%{opacity:.78;scale:1}50%{opacity:1;scale:1.08}}
@keyframes fx-impuls{0%{background-position:0 -160px;opacity:1}38%{background-position:0 100%;opacity:1}39%,100%{background-position:0 100%;opacity:0}}

/* Rama (panoul luminat pe muchia de sus) și alimentarea conturului */
.rama{position:relative;background:var(--c-rama);border:1px solid rgba(255,255,255,.1);border-radius:var(--r-mare);box-shadow:var(--umbra),0 -30px 90px -40px rgba(120,160,255,.6);transform-origin:50% 0}
.fx-alimentare{position:absolute;left:0;top:0;z-index:6;overflow:visible;pointer-events:none}
.fx-alimentare .contur,.fx-alimentare .contur-h{fill:none;animation:none;stroke-dasharray:none}
.fx-alimentare .contur{stroke-width:1.4}
.fx-alimentare .contur-h{stroke-width:6;filter:blur(4px);opacity:.8}
.fx-alimentare path:not(.contur):not(.contur-h){fill:none;stroke-linecap:round;stroke-dasharray:.16 1;stroke-dashoffset:.16;animation:fx-alimenteaza 2.8s linear infinite}
.fx-alimentare .miez{stroke:#E4ECFF;stroke-width:1.6}
.fx-alimentare .halou{stroke:#7FA2FF;stroke-width:7;filter:blur(5px);opacity:.9}
@keyframes fx-alimenteaza{0%,38%{stroke-dashoffset:.16}100%{stroke-dashoffset:-1}}
.fx-revarsare{position:absolute;top:0;width:680px;height:340px;z-index:5;pointer-events:none;background:radial-gradient(50% 60% at 50% 0,rgba(196,212,255,.34),rgba(86,131,218,.12) 45%,rgba(86,131,218,0) 75%);mix-blend-mode:screen;animation:fx-revarsa 2.8s ease-out infinite}
@keyframes fx-revarsa{0%,36%{opacity:.35}42%{opacity:1}70%,100%{opacity:.35}}

/* Butonul „soare” (CTA principal) */
.soare{position:relative;isolation:isolate;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:0 64px;border-radius:var(--r-pastila);border:0;background:none;color:#4A1E08;font-family:var(--f-text);font-size:12px;font-weight:700;letter-spacing:-.015em;text-transform:uppercase;text-decoration:none;white-space:nowrap;cursor:pointer;transition:translate .3s var(--ease),--bf .5s cubic-bezier(.22,.9,.3,1)}
.soare:hover{color:#4A1E08;translate:0 -1px}
.soare::before{content:"";position:absolute;z-index:-2;left:-22px;right:-22px;top:-18px;bottom:-18px;border-radius:var(--r-pastila);background:radial-gradient(58px 34px at calc(22px + var(--bf) * (100% - 44px) - 4px) 50%,rgba(255,150,90,.95) 0%,rgba(255,104,44,.78) 34%,rgba(232,72,18,.34) 62%,rgba(232,72,18,0) 100%);filter:blur(7px);animation:fx-soare 3.6s ease-in-out infinite}
.soare::after{content:"";position:absolute;z-index:-1;inset:0;border-radius:inherit;border:1.5px solid transparent;background:radial-gradient(30px 26px at calc(var(--bf) * 100% - 22px) 50%,#FFFFFF 0%,#FFFEF4 34%,rgba(255,244,214,.92) 58%,rgba(255,228,190,0) 100%) padding-box,radial-gradient(96px 44px at calc(var(--bf) * 100% - 26px) 50%,rgba(255,250,228,.95) 0%,rgba(250,224,200,.75) 42%,rgba(226,214,206,0) 100%) padding-box,linear-gradient(180deg,#DCDCDC 0%,#CBCBCB 100%) padding-box,radial-gradient(64px 46px at calc(var(--bf) * 100% - 8px) 50%,#FFE2C6 0%,#FF8A4C 30%,#F2531C 58%,rgba(242,83,28,0) 100%) border-box,linear-gradient(rgba(255,255,255,.7),rgba(255,255,255,.7)) border-box}
.soare svg{transition:transform .3s var(--ease)}
.soare svg path{stroke:#4A1E08}
.soare:hover svg{transform:translateX(4px)}
@keyframes fx-soare{0%,100%{opacity:.86}50%{opacity:1}}

/* Butoane „fantomă” (contur rotitor) și „închis” */
.fantoma{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;height:40px;padding:0 24px;border-radius:var(--r-pastila);border:1px solid transparent;font-family:var(--f-text);font-size:12px;font-weight:700;letter-spacing:-.015em;text-transform:uppercase;text-decoration:none;white-space:nowrap;color:var(--c-alb);cursor:pointer;background:linear-gradient(#090A0C,#090A0C) padding-box,conic-gradient(from var(--unghi),rgba(255,255,255,.14),rgba(255,255,255,.42) 25%,rgba(255,255,255,.14) 50%,rgba(255,255,255,.42) 75%,rgba(255,255,255,.14)) border-box;transition:box-shadow .35s}
.fantoma:hover{color:var(--c-alb);background:linear-gradient(#0E1016,#0E1016) padding-box,conic-gradient(from var(--unghi),rgba(86,131,218,.2),#A9C0FF 18%,#FF8964 28%,rgba(86,131,218,.2) 44%,rgba(86,131,218,.2) 68%,#A9C0FF 84%,rgba(86,131,218,.2)) border-box;animation:fx-roteste 1.8s linear infinite;box-shadow:0 0 24px -4px rgba(120,160,255,.7)}
.fantoma--mic{height:32px;padding:0 16px;font-size:11px}
.inchis{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:10px;border-radius:var(--r-pastila);border:1px solid transparent;color:var(--c-alb);cursor:pointer;text-decoration:none;background:linear-gradient(#0B0D10,#0B0D10) padding-box,linear-gradient(#0B0D10,#0B0D10) border-box;transition:box-shadow .35s,translate .3s}
.inchis:hover{color:var(--c-alb);translate:0 -1px;background:linear-gradient(#0B0D10,#0B0D10) padding-box,conic-gradient(from var(--unghi),#3F68C4,#A9C0FF 20%,#FF8964 30%,#3F68C4 46%,#3F68C4 70%,#A9C0FF 86%,#3F68C4) border-box;animation:fx-roteste 1.8s linear infinite;box-shadow:0 10px 30px -10px rgba(63,104,196,.8)}
@keyframes fx-roteste{to{--unghi:360deg}}

/* Lumina care urmărește cursorul pe carduri: data-lumina (întunecat) sau data-lumina="deschis" */
[data-lumina]{position:relative;isolation:isolate;transition:translate .45s var(--ease)}
[data-lumina]:hover{translate:0 -3px}
[data-lumina]::before{content:"";position:absolute;inset:0;border-radius:inherit;background:radial-gradient(420px circle at var(--cx,50%) var(--cy,0%),rgba(140,170,255,.17),rgba(140,170,255,0) 60%);opacity:0;transition:opacity .4s;pointer-events:none;z-index:-1}
[data-lumina]::after{content:"";position:absolute;inset:0;border-radius:inherit;padding:1px;background:radial-gradient(260px circle at var(--cx,50%) var(--cy,0%),rgba(200,216,255,.95),rgba(200,216,255,0) 65%);-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;opacity:0;transition:opacity .4s;pointer-events:none;z-index:3}
[data-lumina="deschis"]::before{background:radial-gradient(420px circle at var(--cx,50%) var(--cy,0%),rgba(86,131,218,.09),rgba(86,131,218,0) 60%)}
[data-lumina="deschis"]::after{background:radial-gradient(260px circle at var(--cx,50%) var(--cy,0%),rgba(63,104,196,.9),rgba(63,104,196,0) 65%)}
[data-lumina]:hover::before,[data-lumina]:hover::after{opacity:1}

/* Bandă care rulează (se animă doar după ce JS a dublat conținutul: data-dublat) */
.fx-sina{overflow:hidden;-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 78%,transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 6%,#000 78%,transparent 100%)}
.fx-rulare{display:flex;gap:var(--rulare-gap,16px);width:max-content}
.fx-rulare[data-dublat]{animation:fx-rulare 70s linear infinite}
.fx-rulare.repede[data-dublat]{animation-duration:38s}
.fx-sina:hover .fx-rulare{animation-play-state:paused}
@keyframes fx-rulare{to{transform:translateX(calc(-50% - var(--rulare-gap,16px) / 2))}}
/* Bandă care se trage (site.js, trage): JS mută banda, animația CSS se oprește */
.fx-sina[data-trage]{touch-action:pan-y;cursor:grab;-webkit-user-select:none;user-select:none}
.fx-sina[data-trage].trage{cursor:grabbing}
.fx-sina[data-trage-activ] .fx-rulare{animation:none;will-change:transform}
.fx-sina[data-trage] img{-webkit-user-drag:none}
.fx-sina[data-trage]:focus-visible{outline:2px solid var(--c-piersica,#FF8964);outline-offset:-2px}

/* Luciu pe titluri: <h2><span class="fx-luciu">…</span></h2>; fx.js adaugă .vazut */
.fx-luciu,.fx-luciu-alb{padding:.12em 0 .16em;-webkit-box-decoration-break:slice;box-decoration-break:slice;cursor:default}
.fx-luciu.vazut{background-image:linear-gradient(100deg,#0B0D10 0 40%,#3F68C4 47%,#A9C0FF 50%,#FF8964 52%,#0B0D10 60% 100%);background-position:100% 0;background-size:320% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fx-luciu 1.9s cubic-bezier(.3,.6,.2,1) .1s both}
.fx-luciu-alb.vazut{background-image:linear-gradient(100deg,#FFFFFF 0 40%,#A9C0FF 47%,#FFFFFF 50%,#FF8964 53%,#FFFFFF 60% 100%);background-position:100% 0;background-size:320% 100%;background-repeat:no-repeat;-webkit-background-clip:text;background-clip:text;color:transparent;animation:fx-luciu 1.9s cubic-bezier(.3,.6,.2,1) .1s both}
@keyframes fx-luciu{from{background-position:100% 0}to{background-position:0 0}}
.fx-aprinde{background-image:linear-gradient(90deg,#FFFFFF var(--p),#6B6C6D calc(var(--p) + 8%));-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:slice;box-decoration-break:slice}
.fx-aprinde.vazut{animation:fx-aprinde 3.4s cubic-bezier(.45,.05,.3,1) .5s forwards}
@keyframes fx-aprinde{to{--p:100%}}

/* Contur electric (carduri recomandate) */
.fx-el{position:absolute;inset:-1px;border-radius:inherit;pointer-events:none}
.fx-el-linie{border:1.5px solid #C4D4FF;filter:url(#fx-electric)}
.fx-el-halou{border:3px solid #7FA2FF;filter:url(#fx-electric) blur(8px);opacity:.85}
.fx-el-scanteie{padding:1.5px;background:conic-gradient(from var(--unghi),rgba(255,255,255,0) 0 78%,rgba(255,255,255,.95) 86%,rgba(255,137,100,.9) 88%,rgba(255,255,255,0) 93%);-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;animation:fx-roteste 4.5s linear infinite;filter:drop-shadow(0 0 6px rgba(200,216,255,.9))}
.fx-linie-electrica{height:1px;background:linear-gradient(90deg,rgba(86,131,218,0),rgba(169,192,255,.9) 30%,rgba(255,137,100,.8) 50%,rgba(169,192,255,.9) 70%,rgba(86,131,218,0)) 0 0/200% 100%;animation:fx-curent 5s linear infinite;box-shadow:0 0 12px rgba(120,160,255,.6)}
@keyframes fx-curent{to{background-position:-200% 0}}
.punct-live{width:6px;height:6px;border-radius:50%;background:var(--c-piersica);box-shadow:0 0 10px 2px rgba(255,137,100,.6);animation:fx-puls 2.4s ease-in-out infinite;flex-shrink:0}

/* Apariție la derulare (data-apare, data-apare="2|3") și înclinarea ramei */
@supports (animation-timeline: view()){@media (prefers-reduced-motion: no-preference){
  [data-apare]{animation:fx-apare linear both;animation-timeline:view();animation-range:entry 5% entry min(100%,360px)}
  [data-apare="2"]{animation-range:entry min(22%,70px) entry min(100%,380px)}
  [data-apare="3"]{animation-range:entry min(38%,110px) entry min(100%,400px)}
  /* min(): un bloc mai înalt decât ecranul (tabelul de pe /pachete/) ar rămâne încețoșat până îi ajunge capul sus */
  .fx-incline{animation:fx-incline linear both;animation-timeline:view();animation-range:entry 0% cover 42%}
}}
@keyframes fx-apare{from{opacity:0;transform:translateY(56px);filter:blur(10px)}to{opacity:1;transform:none;filter:none}}
@keyframes fx-incline{from{transform:perspective(1600px) rotateX(22deg) scale(.93);opacity:.55}to{transform:none;opacity:1}}
@media (prefers-reduced-motion: reduce){
  .erou,.fx-raza,.fx-miez,.fx-flux,.fx-flacara,.soare::before,.fx-rulare,.fx-el-scanteie,.fx-linie-electrica,.fantoma:hover,.inchis:hover,.punct-live{animation:none!important}
  .fx-impuls,.fx-alimentare path,.fx-revarsare{animation:none!important}
  .fx-impuls,.fx-alimentare{display:none}
}

/* ---------- 4a. Antet ---------- */
/* `sticky`, nu `fixed`: antetul își păstrează locul în flux, deci nu apare salt de layout
   când se lipește sus. Ascunderea la derulare în jos o pune site.js prin .antet--ascuns. */
.antet{position:sticky;top:0;z-index:20;background:var(--c-negru);color:var(--c-alb);font-family:var(--f-text);transition:transform .32s var(--ease)}
.antet--ascuns{transform:translateY(-100%)}
@media (prefers-reduced-motion: reduce){.antet{transition:none}}
.antet__in{height:72px;display:flex;align-items:center;gap:24px}
.sigla{display:flex;align-items:center;gap:10px;color:var(--c-alb);text-decoration:none;flex-shrink:0}
.sigla:hover{color:var(--c-alb)}
.sigla:hover .sigla__punct{filter:drop-shadow(0 0 6px #FF8964)}
.sigla__text{font-family:var(--f-titlu);font-weight:600;font-size:19px;letter-spacing:-.035em;color:var(--c-alb)}
.sigla__ro{color:var(--c-piersica)}
.meniu{display:flex;align-items:center;margin-left:40px;flex-grow:1}
.meniu a{position:relative;height:44px;padding:0 12px;display:flex;align-items:center;font-size:14px;color:var(--g-300);text-decoration:none;transition:color .25s}
.meniu a:hover{color:var(--c-alb)}
.meniu>a::after{content:"";position:absolute;left:12px;right:12px;bottom:8px;height:1px;background:linear-gradient(90deg,rgba(169,192,255,0),#A9C0FF,rgba(255,137,100,.9),rgba(169,192,255,0));opacity:0;scale:.4 1;transition:opacity .3s,scale .4s var(--ease);box-shadow:0 0 8px rgba(169,192,255,.8)}
.meniu>a:hover::after,.meniu>a[aria-current="page"]::after{opacity:1;scale:1 1}
.meniu a[aria-current="page"]{color:var(--c-alb);font-weight:500}
.meniu__mobil-cta{display:none}
.antet__stare{display:flex;align-items:center;gap:8px;font-size:14px;color:var(--c-alb);white-space:nowrap}
.antet__meniu-buton{display:none;align-items:center;gap:10px;height:36px;margin-left:auto;padding:0 14px;border-radius:var(--r-pastila);border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.04);color:var(--c-alb);font-size:13px;font-weight:600}
.antet__burger{display:flex;flex-direction:column;gap:5px;width:16px}
.antet__burger span{display:block;height:1.5px;border-radius:2px;background:currentColor;transition:transform .3s var(--ease)}
.antet__meniu-buton[aria-expanded="true"] .antet__burger span:first-child{transform:translateY(3.25px) rotate(45deg)}
.antet__meniu-buton[aria-expanded="true"] .antet__burger span:last-child{transform:translateY(-3.25px) rotate(-45deg)}
@media (max-width:1199px){.antet__stare{display:none}}
@media (max-width:959px){
  .antet__meniu-buton{display:inline-flex}
  .antet__cta{display:none}
  .meniu{position:absolute;left:0;right:0;top:100%;margin:0;flex-direction:column;align-items:stretch;padding:8px var(--gutter) 24px;background:var(--c-negru);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 30px 60px -20px rgba(0,0,0,.8)}
  .antet:not(.deschis) .meniu{display:none}
  .meniu a{height:48px;padding:0;font-size:16px;border-bottom:1px solid rgba(255,255,255,.06)}
  .meniu>a::after{left:0;right:auto;width:40px;bottom:10px}
  .meniu__mobil-cta{display:flex;flex-wrap:wrap;gap:12px;padding-top:20px}
  .meniu__mobil-cta a{height:40px;padding:0 20px;border-bottom:1px solid transparent;font-size:12px}
}

/* ---------- 4b. Subsol ---------- */
.subsol{position:relative;overflow:hidden;background:var(--c-negru);color:var(--g-300);font-family:var(--f-text);padding-bottom:28px}
.subsol a{color:var(--g-300);text-decoration:none;transition:color .25s}
.subsol a:hover{color:var(--c-alb)}
.subsol .soare,.subsol .soare:hover{color:#4A1E08}
.subsol .fantoma,.subsol .fantoma:hover{color:var(--c-alb)}
.subsol p,.subsol li{text-wrap:pretty}
.subsol__in{position:relative;display:flex;flex-direction:column}
.linie-subsol{position:absolute;left:0;right:0;top:0;height:1px;background:linear-gradient(90deg,rgba(86,131,218,0),rgba(169,192,255,.7) 30%,rgba(255,137,100,.6) 50%,rgba(169,192,255,.7) 70%,rgba(86,131,218,0)) 0 0/200% 100%;animation:curent-subsol 6s linear infinite}
@keyframes curent-subsol{to{background-position:-200% 0}}
.subsol-ceata{position:absolute;left:50%;top:-340px;width:1300px;height:680px;translate:-50% 0;background:radial-gradient(ellipse at center,rgba(86,131,218,.2),rgba(86,131,218,.05) 45%,rgba(9,10,12,0) 70%);pointer-events:none}
.cta-subsol{position:relative;display:flex;align-items:center;gap:88px;padding:56px 0 48px;border-bottom:1px solid rgba(255,255,255,.08)}
.cta-subsol>*{position:relative;z-index:1}
.cta-subsol>.dunga-subsol{position:absolute;z-index:0;left:-420px;top:50%;width:1900px;height:170px;margin-top:-85px;transform:rotate(17deg);transform-origin:32% 50%;pointer-events:none}
.dunga-subsol::before,.dunga-subsol::after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(255,108,48,0) 0%,rgba(255,108,48,.75) 12%,rgba(255,122,70,.5) 24%,rgba(255,122,70,0) 32%,rgba(86,131,218,0) 44%,rgba(86,131,218,.55) 52%,rgba(120,140,255,.3) 66%,rgba(86,131,218,0) 84%)}
.dunga-subsol::before{filter:blur(28px);opacity:.45}
.dunga-subsol::after{-webkit-mask:radial-gradient(circle,#000 0 .9px,transparent 1.3px) 0 0/4px 4px,linear-gradient(180deg,transparent,#000 30% 70%,transparent);-webkit-mask-composite:source-in;mask:radial-gradient(circle,#000 0 .9px,transparent 1.3px) 0 0/4px 4px,linear-gradient(180deg,transparent,#000 30% 70%,transparent);mask-composite:intersect}
.ceas{width:380px;height:380px;flex-shrink:0;border-radius:50%;filter:drop-shadow(0 30px 60px rgba(0,0,0,.7))}
.ceas canvas{display:block;width:100%;height:100%}
.cta-subsol__text{display:flex;flex-direction:column;gap:18px;max-width:640px}
.cta-subsol__titlu{margin:0;font-family:var(--f-titlu);font-size:clamp(34px,calc(14px + 2.92vw),56px);line-height:1;letter-spacing:-.04em;font-weight:600}
.cta-subsol__lead{margin:0;font-size:17px;line-height:1.5;color:var(--g-300);max-width:560px}
.cta-subsol__butoane{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:12px}
.subsol__grila{position:relative;display:grid;grid-template-columns:2.2fr 1fr 1.25fr 1fr;gap:40px;padding:64px 0 56px}
.subsol__despre{display:flex;flex-direction:column;gap:18px;padding-right:48px}
.sigla--subsol .sigla__text{font-size:21px}
.subsol__descriere{margin:0;font-size:15px;line-height:1.6;max-width:420px}
.subsol .subsol__email{display:inline-flex;align-items:center;gap:10px;width:fit-content;height:42px;padding:0 16px;border-radius:var(--r-pastila);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);color:var(--c-alb);font-size:14px;font-weight:500}
.subsol__firma{font-size:13px;color:var(--g-400)}
.col{display:flex;flex-direction:column;gap:12px;font-size:14.5px}
.col-titlu{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--c-alb);margin-bottom:6px}
.col a{display:inline-flex;align-items:center;gap:0;width:fit-content;white-space:nowrap}
.col a::before{content:"";width:0;height:1px;margin-right:0;background:var(--c-piersica);transition:width .3s var(--ease),margin-right .3s var(--ease)}
.col a:hover::before{width:10px;margin-right:8px}
.marca{position:relative;margin:0 -40px calc(-4px - .2em);padding:0 40px .2em;font-family:var(--f-titlu);font-weight:600;font-size:min(178px,calc((100vw - 2 * var(--gutter)) * .1483));line-height:.82;letter-spacing:-.065em;text-align:center;white-space:nowrap;user-select:none;background:radial-gradient(520px circle at var(--sx,50%) var(--sy,30%),rgba(255,255,255,.5),rgba(169,192,255,.16) 40%,rgba(255,255,255,0) 70%),linear-gradient(180deg,rgba(255,255,255,.11),rgba(255,255,255,0) 90%);-webkit-background-clip:text;background-clip:text;color:transparent}
.marca .punct{background-image:linear-gradient(180deg,#FF8964,rgba(255,137,100,.1) 95%);-webkit-background-clip:text;background-clip:text}
.subsol__jos{position:relative;display:flex;align-items:center;justify-content:space-between;gap:24px;padding-top:24px;border-top:1px solid rgba(255,255,255,.08);font-size:13px;color:var(--g-500)}
.subsol__legale{display:flex;align-items:center;gap:20px}
.sus{display:inline-flex;align-items:center;gap:8px;height:34px;padding:0 14px;border-radius:var(--r-pastila);border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.03);color:var(--g-200);font:inherit;font-size:12px;font-weight:600;cursor:pointer;transition:background .25s,border-color .25s,color .25s}
.sus:hover{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.3);color:var(--c-alb)}
.sus svg{transition:transform .3s var(--ease)}
.sus:hover svg{transform:translateY(-2px)}
.subsol .insigna{display:inline-flex;align-items:center;gap:8px;height:32px;padding:0 12px;border-radius:var(--r-mic);border:1px solid rgba(255,255,255,.12);font-size:11.5px;font-weight:600;color:var(--g-200)}
/* Semnătura Emblematic (snippets/made-with-emblematic.html); doar culorile --mw-* se schimbă per proiect */
.facut{--mw-accent:#F58041;--mw-mijloc:#AC795C;--mw-neutru:#61656B;--mw-neutru-2:#716A69}
.facut{position:relative;display:inline-flex;align-items:center;gap:6px;flex-shrink:0;font-size:14px;letter-spacing:-.01em;text-decoration:none}
.facut-text{background:linear-gradient(90deg,var(--mw-neutru),var(--mw-mijloc) 70%,var(--mw-accent));-webkit-background-clip:text;background-clip:text;color:transparent;transition:filter .3s}
.facut-text+svg+.facut-text{background-image:linear-gradient(90deg,var(--mw-accent),var(--mw-mijloc) 30%,var(--mw-neutru-2) 60%,var(--mw-neutru))}
.facut:hover .facut-text{filter:brightness(1.6)}
.inima{margin:0 2px;filter:drop-shadow(0 0 6px rgba(255,110,60,.55)) drop-shadow(0 0 16px rgba(226,97,54,.35));animation:bataie 2.4s ease-in-out infinite}
.facut:hover .inima{animation-duration:.9s}
@keyframes bataie{0%,40%,100%{transform:scale(1)}10%{transform:scale(1.12)}20%{transform:scale(.98)}28%{transform:scale(1.07)}}
@media (prefers-reduced-motion: reduce){.inima,.linie-subsol{animation:none}}
@media (max-width:1100px){
  .cta-subsol{gap:48px}
  .ceas{width:300px;height:300px}
  .subsol__grila{grid-template-columns:1fr 1fr 1fr;row-gap:48px}
  .subsol__despre{grid-column:1/-1;padding-right:0}
  .subsol__jos{flex-wrap:wrap;justify-content:flex-start}
  .subsol__legale{flex-wrap:wrap;gap:12px 20px}
}
@media (max-width:767px){
  /* pe mobil, de la ceas în jos, tot subsolul e centrat pe orizontală */
  .cta-subsol{flex-direction:column;align-items:center;gap:32px;padding:48px 0 40px;text-align:center}
  .ceas{width:220px;height:220px}
  .cta-subsol__text{align-items:center}
  .cta-subsol__butoane{justify-content:center}
  .subsol__grila{grid-template-columns:1fr 1fr;gap:40px 24px;padding:48px 0 40px;text-align:center}
  .subsol__despre{align-items:center}
  .col{align-items:center}
  .subsol__jos{flex-direction:column;align-items:center;gap:16px;text-align:center}
  .subsol__legale{justify-content:center}
}
@media (max-width:420px){.subsol__grila{grid-template-columns:1fr}}

/* ---------- 4c. Prețuri (grila de pachete, piesa preturi.html) ---------- */
.pachete{display:flex;flex-direction:column;gap:32px;font-family:var(--f-text);color:var(--c-alb)}
.pachete button{font-family:inherit;cursor:pointer;transition:background-color .25s,color .25s}
.pachete__sus{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:16px 24px}
.pachete__nota{font-size:14px;color:var(--g-350)}
.comutator{display:flex;padding:4px;gap:4px;border-radius:var(--r-pastila);background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1)}
.comutator button{height:40px;padding:0 18px;border:0;border-radius:var(--r-pastila);background:transparent;color:var(--g-300);font-size:14px;font-weight:500;white-space:nowrap}
.comutator button[aria-pressed="true"]{background:var(--c-alb);color:var(--c-negru);font-weight:600;box-shadow:0 0 20px -4px rgba(169,192,255,.7)}
.comutator--mic{padding:0;gap:6px;background:none;border:0;border-radius:0}
.comutator--mic button{height:36px;padding:0 14px;border:1px solid rgba(255,255,255,.16);font-size:13px}
.comutator--mic button[aria-pressed="true"]{border-color:transparent;background:rgba(255,255,255,.92);box-shadow:none}
.pachete__grila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;align-items:stretch}
.carte{padding:32px;border-radius:var(--r-card);background:linear-gradient(180deg,#141518 0%,#0C0D0F 100%);border:1px solid rgba(255,255,255,.08);display:flex;flex-direction:column;gap:20px}
.carte.electric{border-color:rgba(170,195,255,.5);background:radial-gradient(420px 240px at 30% 0%,rgba(86,131,218,.22),rgba(12,13,15,0) 70%),linear-gradient(180deg,#121419 0%,#0C0D0F 100%);box-shadow:0 0 0 1px rgba(86,131,218,.4),0 0 46px 6px rgba(86,131,218,.32),inset 0 0 26px rgba(86,131,218,.2)}
.carte.electric .fx-el-linie{filter:url(#fx-electric-p)}
.carte.electric .fx-el-halou{filter:url(#fx-electric-p) blur(8px)}
.carte a{color:var(--c-alb);text-decoration:none}
.carte__cap{display:flex;flex-direction:column;gap:8px}
.carte__rand{display:flex;align-items:center;justify-content:space-between;gap:12px}
.carte__nume{font-family:var(--f-titlu);font-size:24px;font-weight:500;letter-spacing:-.03em}
.carte__desc{font-size:16px;line-height:1.45;color:var(--g-200)}
.carte__pret{display:flex;align-items:baseline;gap:8px}
.carte__suma{font-family:var(--f-titlu);font-size:clamp(60px,calc(40px + 3.05vw),84px);line-height:.9;font-weight:600;letter-spacing:-.05em;white-space:nowrap}
.carte__suma--luminoasa{text-shadow:0 0 40px rgba(140,170,255,.45)}
.carte__per{font-size:18px;color:var(--g-300)}
.carte__factura{font-size:13px;line-height:1.45;color:var(--g-350)}
/* Cat costa separat serviciile din Crestere: comparatie, nu suma de plata, deci fara lei. */
.carte__separat{font-size:13px;line-height:1.45;color:var(--g-350);margin-top:6px}
/* Suma în lei, sub prețul în euro (10.10.2026): mai mică, aceeași culoare cu nota */
.carte__lei{margin-top:-4px;font-size:15px;font-weight:500;color:var(--g-300);font-variant-numeric:tabular-nums}
.carte__lista{margin:0;padding:20px 0 0;border-top:1px solid rgba(255,255,255,.1);list-style:none;display:flex;flex-direction:column;gap:12px;font-size:15px;line-height:1.4;color:var(--g-100)}
.carte__lista li{display:flex;gap:10px;align-items:flex-start}
.carte__lista li::before{content:"";flex-shrink:0;width:16px;height:16px;margin-top:2px;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%23A9C0FF' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/16px 16px no-repeat}
.carte__lista--piersica li::before{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='M3 8.5l3 3 7-7' stroke='%23FF8964' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
.carte__lista li[hidden]{display:none}
.carte__buton{margin-top:auto;height:52px;border-radius:var(--r-pastila);font-size:16px;font-weight:600;display:flex;align-items:center;justify-content:center}
.buton-alb{background:var(--c-alb);color:var(--c-negru)!important;transition:box-shadow .35s,translate .3s}
.buton-alb:hover{translate:0 -1px;box-shadow:0 0 0 4px rgba(169,192,255,.25),0 10px 40px -8px rgba(169,192,255,.8)}
.buton-contur{border:1px solid rgba(255,255,255,.18);transition:border-color .3s,box-shadow .3s,background-color .3s}
.buton-contur:hover{border-color:rgba(169,192,255,.8);background:rgba(86,131,218,.08);box-shadow:0 0 22px -6px rgba(120,160,255,.8)}
/* Trei coloane, nu patru: cele sase note scurte umplu exact doua randuri, deci rândul de jos nu
   mai rămâne pe jumatate gol, iar coloana creste de la 214 la circa 290 px, cat sa se citeasca
   un text de 13 px. align-items:start le lipește de sus, in loc sa le intinda pe inaltimea
   celei mai lungi note din rand. */
/* Notele de sub coloanele de preț erau șapte calupuri de text cenușiu puse unul lângă altul, pe
   patru coloane de 214 px: nimic nu arăta unde se termină una și începe alta, iar rândul de jos
   rămânea pe jumatate gol. Acum fiecare notă e un cartonaș cu titlu propriu (primul <b> devine
   rand de titlu), suprafata abia ridicata din fundal, contur subtire si o mustata piersica in
   colt, ca accentul sa se citeasca fara sa tipe. Trei coloane, deci cele sase note scurte umplu
   exact doua randuri. */
.pachete__note{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));align-items:stretch;gap:14px;font-size:13.5px;line-height:1.6;color:var(--g-300)}
.pachete__note>span{position:relative;padding:19px 21px;border:1px solid rgba(255,255,255,.08);border-radius:14px;background:linear-gradient(180deg,rgba(255,255,255,.045),rgba(255,255,255,.012));box-shadow:inset 0 1px 0 rgba(255,255,255,.05);transition:border-color .3s,background-color .3s}
.pachete__note>span::before{content:"";position:absolute;left:21px;top:0;width:34px;height:2px;border-radius:0 0 2px 2px;background:linear-gradient(90deg,var(--c-piersica),rgba(255,137,100,0))}
.pachete__note>span:hover{border-color:rgba(255,255,255,.16)}
.pachete__note>span>b:first-child{display:block;margin-bottom:6px;font-family:var(--f-sb);font-size:14px;letter-spacing:-.01em;color:var(--c-alb);font-weight:600}
.pachete__note b{color:var(--c-alb);font-weight:600}
.pachete__note-lat{grid-column:1/-1}
/* În machetă, grila e întinsă într-o componentă de 1090 px: cartonașele au 918 px, cu aer deasupra butoanelor. */
@media (min-width:1200px){.pachete__grila{min-height:918px}}
@media (max-width:1023px){
  .pachete__grila{grid-template-columns:minmax(0,1fr);max-width:600px;width:100%;margin-inline:auto}
  .pachete__note{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:599px){
  .carte{padding:24px}
  .pachete__note{grid-template-columns:minmax(0,1fr);gap:16px}
  .comutator{width:100%}
  .comutator button{flex:1;padding:0 10px;font-size:13px;white-space:normal;line-height:1.15}
  .comutator--mic{width:auto}
}

/* ---------- 4d. SiteBuild (piesa sitebuild.html, animată de sitebuild.js) ----------
   .sb fluid (se reorganizează sub 600px lățime proprie, prin container query);
   .sb--fix = 880×640 fix, pentru miniaturi scalate cu transform de părinte. */
.sb{position:relative;flex:1 1 auto;min-width:0;height:640px;background:var(--c-alb);border:1px solid rgba(255,255,255,.1);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;box-shadow:var(--umbra);font-family:var(--f-text);color:var(--c-text);container:sb/inline-size;--sb-accent:#B4530A;--sb-pal:#FFEDE0;--sb-luminos:#FFB27A}
.sb--fix{flex:none;width:880px;height:640px}
.sb-bara{position:relative;height:44px;flex-shrink:0;display:flex;align-items:center;gap:12px;padding:0 12px 0 16px;background:var(--c-camp);border-bottom:1px solid rgba(255,255,255,.06)}
.sb-buline{display:flex;gap:6px}
.sb-buline span{width:11px;height:11px;border-radius:50%;background:var(--g-700)}
.sb-adresa{flex:1 1 auto;min-width:0;height:30px;border-radius:var(--r-pastila);background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.08);display:flex;align-items:center;gap:8px;padding:0 14px;font-family:var(--f-mono);font-size:12px;color:var(--g-300)}
.sb-adresa svg{flex-shrink:0}
.sb-adresa__text{overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sb-ctl{display:inline-flex;align-items:center;gap:7px;height:28px;padding:0 10px 0 8px;border-radius:var(--r-pastila);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.04);color:var(--g-200);font-family:var(--f-mono);font-size:10.5px;font-weight:500;text-transform:uppercase;letter-spacing:.02em;cursor:pointer;flex-shrink:0;transition:background .25s,border-color .25s}
.sb-ctl:hover{background:rgba(255,255,255,.09);border-color:rgba(255,255,255,.24)}
.sb-led{width:6px;height:6px;border-radius:50%;background:var(--c-piersica);box-shadow:0 0 8px rgba(255,137,100,.9);animation:sb-led 1.6s ease-in-out infinite}
.sb-manual .sb-led{background:var(--c-albastru-deschis);box-shadow:0 0 8px rgba(169,192,255,.9)}
.sb-oprit .sb-led{animation:none;background:var(--g-500);box-shadow:none}
@keyframes sb-led{50%{opacity:.35}}
.sb-stare{flex-shrink:0;font-family:var(--f-mono);font-size:10.5px;font-weight:700;text-transform:uppercase;color:var(--g-200);background:rgba(255,255,255,.08);padding:6px 10px;border-radius:var(--r-pastila);white-space:nowrap}
.sb[data-pas="5"] .sb-stare{color:var(--c-text);background:var(--c-piersica)}
.sb-progres{position:absolute;left:0;right:0;bottom:-1px;height:2px;background:rgba(255,255,255,.04)}
.sb-progres span{display:block;height:2px;width:0;background:linear-gradient(90deg,#A9C0FF,#FF8964);box-shadow:0 0 10px rgba(255,137,100,.7)}
.sb-vp{flex:1 1 auto;min-height:0;position:relative;overflow-y:auto;overflow-x:hidden;background:var(--c-alb);scrollbar-width:thin;scrollbar-color:rgba(9,10,12,.28) transparent;overscroll-behavior:contain;scroll-behavior:auto}
.sb-vp::-webkit-scrollbar{width:6px}.sb-vp::-webkit-scrollbar-thumb{background:rgba(9,10,12,.28);border-radius:6px}
.sb-vp p,.sb-vp li{text-wrap:pretty}
.sb-nb{white-space:nowrap}
.sb-gol{position:absolute;inset:0;z-index:5;display:none;flex-direction:column;align-items:center;justify-content:center;gap:12px;background:var(--c-alb);text-align:center;padding:0 16px}
.sb[data-pas="0"] .sb-gol{display:flex}
.sb-gol__stare{font-family:var(--f-mono);font-size:13px;color:var(--g-600)}
.sb-gol__intrebare{font-family:var(--f-sb);font-size:30px;font-weight:700;letter-spacing:-.02em}
.sb-gol__cursor{width:2px;height:28px;background:var(--c-text)}
/* Blocurile: sub etapă = stinse, la etapă = conturate, peste = normale */
.sb-bloc{transition:opacity .6s,filter .6s,outline-color .4s}
.sb[data-pas="0"] .sb-bloc,.sb[data-pas="1"] .sb-bloc:not([data-k="1"]),.sb[data-pas="2"] .sb-bloc:is([data-k="3"],[data-k="4"]),.sb[data-pas="3"] .sb-bloc[data-k="4"]{opacity:.1;filter:grayscale(1)}
.sb[data-pas="1"] .sb-bloc[data-k="1"],.sb[data-pas="2"] .sb-bloc[data-k="2"],.sb[data-pas="3"] .sb-bloc[data-k="3"],.sb[data-pas="4"] .sb-bloc[data-k="4"]{outline:2px solid var(--c-piersica);outline-offset:-2px}
.sb-antet{position:sticky;top:0;z-index:4;height:60px;display:flex;align-items:center;gap:14px;padding:0 32px;background:rgba(255,255,255,.88);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border-bottom:1px solid rgba(9,10,12,.06)}
.sb-monograma{width:34px;height:34px;flex-shrink:0;border-radius:10px;background:var(--sb-accent);color:var(--c-alb);font-family:var(--f-sb);font-weight:700;font-size:13px;display:flex;align-items:center;justify-content:center;box-shadow:0 6px 16px -6px var(--sb-accent)}
.sb-antet__nume{font-family:var(--f-sb);font-weight:700;font-size:16px;letter-spacing:-.02em;flex-grow:1;min-width:0;overflow:hidden;white-space:nowrap;text-overflow:ellipsis}
.sb-meniu{display:flex;gap:22px;font-size:13px;font-weight:500;color:#45474D}
.sb-antet__cta{height:34px;padding:0 16px;border-radius:var(--r-pastila);background:var(--c-text);color:var(--c-alb);font-size:12.5px;font-weight:600;display:flex;align-items:center;gap:8px;white-space:nowrap;flex-shrink:0}
.sb-erou{position:relative;height:420px;overflow:hidden;display:flex;align-items:flex-end;padding:0 32px 40px;color:var(--c-alb)}
.sb-poza{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;transition:transform 1.2s var(--ease)}
.sb-erou:hover .sb-poza{transform:scale(1.035)}
.sb-erou__umbra{position:absolute;inset:0;background:linear-gradient(90deg,rgba(8,9,11,.82) 0%,rgba(8,9,11,.55) 45%,rgba(8,9,11,.05) 80%),linear-gradient(0deg,rgba(8,9,11,.55),rgba(8,9,11,0) 45%)}
.sb-erou__text{position:relative;display:flex;flex-direction:column;gap:16px;max-width:470px}
.sb-eticheta{align-self:flex-start;display:inline-flex;align-items:center;gap:8px;height:28px;padding:0 12px;border-radius:var(--r-pastila);background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.22);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:11px;font-weight:600;letter-spacing:.04em;text-transform:uppercase}
.sb-eticheta__punct{width:6px;height:6px;border-radius:50%;background:var(--sb-luminos)}
.sb-erou__titlu{margin:0;font-family:var(--f-sb);font-size:38px;line-height:1.04;font-weight:700;letter-spacing:-.035em;text-wrap:balance}
.sb-erou__lead{margin:0;font-size:14.5px;line-height:1.55;color:rgba(255,255,255,.82)}
.sb-erou__butoane{display:flex;flex-wrap:wrap;gap:10px;margin-top:4px}
.sb-btn{height:42px;padding:0 20px;border-radius:var(--r-pastila);font-size:13.5px;display:flex;align-items:center;white-space:nowrap}
.sb-btn--accent{background:var(--sb-accent);color:var(--c-alb);font-weight:600;box-shadow:0 10px 24px -10px var(--sb-accent)}
.sb-btn--sticla{height:44px;border:1px solid rgba(255,255,255,.4);background:rgba(255,255,255,.08);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-weight:500}
.sb-fapte{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-bottom:1px solid #EDEDEF}
.sb-fapte>div{padding:22px 32px;display:flex;flex-direction:column;gap:4px;border-right:1px solid #EDEDEF}
.sb-fapte__c{font-family:var(--f-sb);font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--sb-accent)}
.sb-fapte__e{font-size:12.5px;line-height:1.45;color:var(--g-600)}
.sb-servicii{padding:52px 32px 48px;display:flex;flex-direction:column;gap:26px;background:#FAFAFA}
.sb-servicii__cap{display:flex;align-items:flex-end;justify-content:space-between;gap:24px}
.sb-servicii__titluri{display:flex;flex-direction:column;gap:8px}
.sb-supratitlu{font-size:11px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;color:var(--sb-accent)}
.sb-h3{margin:0;font-family:var(--f-sb);font-size:28px;line-height:1.1;font-weight:700;letter-spacing:-.03em;max-width:440px;text-wrap:balance}
.sb-h3--mic{font-size:26px;line-height:1.12;max-width:none}
.sb-link{font-size:13px;font-weight:600;color:var(--c-text);border-bottom:1px solid var(--c-text);padding-bottom:2px;white-space:nowrap}
.sb-servicii__grila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.sb-card{padding:20px;background:var(--c-alb);border:1px solid #EAEAEC;border-radius:var(--r-mare);display:flex;flex-direction:column;gap:10px;transition:transform .35s var(--ease),box-shadow .35s}
.sb-card:hover{transform:translateY(-3px);box-shadow:0 18px 40px -22px rgba(9,10,12,.45)}
.sb-servicii .sb-card{min-height:176px}
.sb-card__nr{font-family:var(--f-mono);font-size:11px;color:var(--sb-accent)}
.sb-card__t{font-family:var(--f-sb);font-weight:600;font-size:16px;letter-spacing:-.02em}
.sb-card__d{margin:0;font-size:12.5px;line-height:1.55;color:var(--g-600)}
.sb-card__detalii{margin-top:auto;font-size:12px;font-weight:600;color:var(--c-text)}
.sb-despre{padding:52px 32px;display:flex;gap:32px;align-items:center}
.sb-despre__poza{width:360px;height:280px;flex-shrink:0;border-radius:18px;overflow:hidden;position:relative}
.sb-despre__poza img{width:100%;height:100%;object-fit:cover;object-position:78% 50%;transform:scale(1.35);transform-origin:78% 50%}
.sb-program{position:absolute;left:14px;bottom:14px;display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:var(--r);background:rgba(255,255,255,.92);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:12px;font-weight:600}
.sb-program__punct{width:8px;height:8px;border-radius:50%;background:#22A06B;box-shadow:0 0 0 4px rgba(34,160,107,.18)}
.sb-despre__text{display:flex;flex-direction:column;gap:14px}
.sb-despre__p{margin:0;font-size:13.5px;line-height:1.6;color:#45474D}
.sb-bife{margin:4px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
.sb-bife li{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:500}
.sb-bifa{width:20px;height:20px;border-radius:50%;background:var(--sb-pal);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.sb-bifa svg path{stroke:var(--sb-accent)}
.sb-pasi{margin:0 32px;padding:36px;border-radius:var(--r-card);background:var(--c-text);color:var(--c-alb);display:flex;flex-direction:column;gap:22px}
.sb-pasi__titlu{margin:0;font-family:var(--f-sb);font-size:24px;font-weight:700;letter-spacing:-.03em}
.sb-pasi__grila{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.sb-pas{display:flex;flex-direction:column;gap:8px;padding-top:14px;border-top:1px solid rgba(255,255,255,.14)}
.sb-pas__nr{font-family:var(--f-mono);font-size:11px;color:var(--sb-luminos)}
.sb-pas__t{font-weight:600;font-size:14.5px}
.sb-pas__d{margin:0;font-size:12.5px;line-height:1.55;color:var(--g-300)}
.sb-contact{padding:52px 32px;display:flex;gap:14px}
.sb-google{flex:1}
.sb-google__eticheta{font-size:11px;font-family:var(--f-mono);color:var(--g-600)}
.sb-google__nume{font-family:var(--f-sb);font-weight:600;font-size:17px;letter-spacing:-.02em}
.sb-google__domeniu{font-size:12.5px;color:var(--g-600)}
.sb-google__program{display:flex;align-items:center;gap:8px;font-size:12.5px;color:#1F7A4C;font-weight:600}
.sb-google__punct{width:7px;height:7px;border-radius:50%;background:#22A06B}
.sb-google__butoane{margin-top:auto;display:flex;flex-wrap:wrap;gap:8px}
.sb-google__butoane span{height:32px;padding:0 12px;border-radius:var(--r-pastila);background:#E9EEFB;color:var(--c-albastru-hover);font-size:12px;font-weight:600;display:flex;align-items:center}
.sb-formular{flex:1.3;padding:20px;border-radius:var(--r-mare);background:#FAFAFA;border:1px solid #EAEAEC;display:flex;flex-direction:column;gap:10px}
.sb-formular__titlu{font-family:var(--f-sb);font-weight:600;font-size:17px;letter-spacing:-.02em}
.sb-formular__camp{height:38px;border-radius:10px;border:1px solid #E1E1E4;background:var(--c-alb);font-size:12.5px;color:#8A8C92;display:flex;align-items:center;padding:0 12px}
.sb-formular__trimite{height:38px;border-radius:var(--r-pastila);background:var(--sb-accent);color:var(--c-alb);font-size:13px;font-weight:600;display:flex;align-items:center;justify-content:center}
.sb-subsol{padding:30px 32px 64px;background:var(--c-text);color:var(--g-300);display:flex;justify-content:space-between;gap:24px;font-size:12px}
.sb-subsol__col{display:flex;flex-direction:column;gap:6px}
.sb-subsol__col--dreapta{text-align:right}
.sb-subsol__nume{font-family:var(--f-sb);font-weight:700;font-size:15px;color:var(--c-alb)}
.sb-indiciu{position:absolute;right:16px;bottom:16px;z-index:6;display:flex;align-items:center;gap:8px;height:30px;padding:0 12px;border-radius:var(--r-pastila);background:rgba(11,13,16,.78);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);color:var(--c-alb);font-size:11.5px;font-weight:500;pointer-events:none;transition:opacity .5s,transform .5s}
.sb-manual .sb-indiciu{opacity:0;transform:translateY(8px)}
.sb-rotita{animation:sb-rotita 1.8s ease-in-out infinite}
@keyframes sb-rotita{0%{transform:translateY(0);opacity:1}70%{transform:translateY(5px);opacity:0}100%{transform:translateY(0);opacity:0}}
.sb-demo{position:absolute;left:16px;bottom:16px;z-index:6;font-family:var(--f-mono);font-size:10.5px;color:var(--g-600);background:rgba(255,255,255,.9);padding:5px 9px;border-radius:var(--r-mic);pointer-events:none}
@media (prefers-reduced-motion: reduce){.sb-led,.sb-rotita{animation:none}}
@container sb (max-width:640px){
  .sb-meniu{display:none}
  .sb-antet{padding:0 16px;gap:10px}
  .sb-erou{height:360px;padding:0 16px 28px}
  .sb-erou__titlu{font-size:26px}
  .sb-erou__lead{font-size:13.5px}
  .sb-fapte{grid-template-columns:minmax(0,1fr)}
  .sb-fapte>div{padding:14px 16px;border-right:0;border-bottom:1px solid #EDEDEF}
  .sb-fapte>div:last-child{border-bottom:0}
  .sb-servicii{padding:36px 16px}
  .sb-servicii__cap{flex-wrap:wrap;align-items:flex-start}
  .sb-h3{font-size:22px}
  .sb-h3--mic{font-size:21px}
  .sb-servicii__grila,.sb-pasi__grila{grid-template-columns:minmax(0,1fr)}
  .sb-servicii .sb-card{min-height:0}
  .sb-despre{flex-direction:column;align-items:stretch;padding:36px 16px;gap:20px}
  .sb-despre__poza{width:100%;height:200px}
  .sb-pasi{margin:0 16px;padding:24px}
  .sb-contact{flex-direction:column;padding:36px 16px}
  .sb-subsol{flex-direction:column;padding:24px 16px 72px}
  .sb-subsol__col--dreapta{text-align:left}
  .sb-gol__intrebare{font-size:24px}
}
@container sb (max-width:480px){
  .sb-buline{display:none}
  .sb-bara{gap:8px;padding:0 8px 0 10px}
  .sb-adresa{padding:0 10px;font-size:11px}
  .sb-ctl{padding:0 8px}
  .sb-indiciu{display:none}
  .sb-demo{left:0;right:0;bottom:0;padding:8px 16px;border-radius:0;background:var(--c-alb);border-top:1px solid rgba(0,0,0,.06);text-align:center}
}

/* ---------- 5a. Pagina Acasă ---------- */
.pagina--acasa .erou__in{padding-block:clamp(56px,7.8vw,112px) clamp(64px,8.33vw,120px);display:flex;flex-direction:column}
.erou__text{display:flex;flex-direction:column;gap:24px;max-width:720px}
.erou__lead{margin:0;font-size:var(--t-lead);line-height:1.4;letter-spacing:-.02em;color:var(--g-100);max-width:520px}
.erou__actiuni{display:flex;flex-wrap:wrap;align-items:center;gap:20px 24px;margin-top:16px}
.erou.ingust .erou__termen{text-shadow:0 0 10px rgba(9,10,12,.95),0 0 3px rgba(9,10,12,.9)}
.rama--configurator{margin-top:clamp(48px,6.1vw,88px);padding:12px;display:flex;gap:12px;align-items:stretch}
.configurator{width:284px;flex-shrink:0;padding:12px 10px;display:flex;flex-direction:column;gap:18px}
.configurator__cap{display:flex;align-items:center;gap:10px}
.configurator__icon{width:28px;height:28px;border-radius:var(--r-mic);background:linear-gradient(135deg,#A9C0FF,#3F68C4);box-shadow:0 0 16px rgba(86,131,218,.55);display:flex;align-items:center;justify-content:center}
.configurator__titlu{font-family:var(--f-titlu);font-size:17px;font-weight:500;letter-spacing:-.02em}
.camp-cfg{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:500;color:var(--g-350)}
.camp-cfg__valoare{color:var(--c-alb)}
.camp-cfg__input{height:44px;width:100%;padding:0 10px;border:1px solid rgba(255,255,255,.12);border-radius:var(--r-mic);font-size:14px;color:var(--c-alb);background:var(--c-camp)}
.camp-cfg__input--activ{padding:0 12px;border-color:var(--c-albastru-2);font-size:15px;font-weight:500;box-shadow:0 0 0 3px rgba(86,131,218,.18),0 0 18px rgba(86,131,218,.25)}
.jurnal{margin:0;padding:16px 0 0;border-top:1px solid rgba(255,255,255,.08);list-style:none;display:flex;flex-direction:column;gap:10px;font-size:13px}
.jurnal li{display:flex;gap:8px;align-items:center;color:var(--g-500);transition:color .3s}
.jurnal li::before{content:"";width:6px;height:6px;border-radius:50%;flex-shrink:0;background:var(--g-700);transition:background .3s,box-shadow .3s}
.jurnal li.aprins{color:var(--c-alb)}
.jurnal li.aprins::before{background:var(--c-piersica);box-shadow:0 0 8px rgba(255,137,100,.8)}
.erou__include{margin-top:56px;display:flex;flex-direction:column;gap:10px}
.erou__include-titlu{font-size:14px;color:var(--g-300)}
.erou__include-lista{display:flex;flex-wrap:wrap;align-items:center;gap:8px 12px;font-size:14px;font-weight:600;color:var(--c-alb)}
/* Calculatorul de cost */
.sectiune--calculator{padding-block:var(--pad-sectiune) var(--pad-sectiune-jos)}
.calculator{margin-top:32px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.calc-card{min-height:460px;padding:32px;border-radius:var(--r);color:var(--c-alb);display:flex;flex-direction:column;gap:28px}
.calc-card--intrari{grid-column:span 5;background:radial-gradient(420px 280px at 100% 0%,rgba(255,137,100,.30),rgba(17,17,17,0) 70%),#111111}
.calc-card--rezultat{grid-column:span 7;background:radial-gradient(560px 320px at 0% 100%,rgba(86,131,218,.34),rgba(17,17,17,0) 70%),#111111}
.calc-camp{display:flex;flex-direction:column;gap:10px;font-size:15px;font-weight:500}
.calc-camp__valoare{font-family:var(--f-titlu);font-size:clamp(28px,calc(22px + .6vw),36px);font-weight:500;letter-spacing:-.04em}
.calc-ora{display:flex;flex-direction:column;gap:8px}
.calc-ora__eticheta{font-size:15px;color:var(--g-300)}
.calc-ora__valoare{font-family:var(--f-titlu);font-size:clamp(56px,calc(36px + 3.6vw),88px);line-height:.9;font-weight:600;letter-spacing:-.05em}
.calc-comparatie{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}
.calc-varianta{position:relative;padding:20px;border-radius:var(--r);border:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:8px}
.calc-varianta--noi{background:rgba(255,255,255,.05);border-color:rgba(255,137,100,.45);box-shadow:0 0 30px -8px rgba(255,137,100,.45)}
.calc-varianta__titlu{font-size:11px;font-weight:700;text-transform:uppercase;color:var(--g-300)}
.calc-varianta--noi .calc-varianta__titlu{color:var(--c-piersica)}
.calc-varianta__eticheta{font-size:14px;color:var(--g-300)}
.calc-varianta__suma{font-family:var(--f-titlu);font-size:clamp(28px,calc(22px + .85vw),34px);font-weight:500;letter-spacing:-.04em}
.calc-varianta__plus{margin-top:6px;padding-top:12px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:6px;font-size:13px;line-height:1.4;color:var(--g-200)}
.calc-verdict{margin:auto 0 0;font-size:15px;line-height:1.5;color:var(--g-300)}
.calc-verdict b{color:var(--c-alb);font-weight:600}
/* Portofoliu */
.sectiune--portofoliu{padding-block:24px var(--pad-sectiune)}
.portofoliu{margin-top:56px;padding:8px 0}
.lucrare{width:clamp(260px,72vw,392px);flex-shrink:0;background:var(--c-carbune);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column}
.lucrare__img{display:block;width:100%;height:auto;aspect-ratio:392/280;object-fit:cover}
.lucrare__text{margin:0;padding:20px 24px 24px;font-size:15px;line-height:1.45;color:var(--g-300)}
.lucrare__text b{color:var(--c-alb);font-weight:600}
/* Prețuri pe fundal întunecat */
.intuneric{position:relative;overflow:hidden;background:var(--c-carbune);color:var(--c-alb)}
.intuneric>*{position:relative;z-index:1}
.intuneric::before{content:"";position:absolute;left:50%;top:var(--ceata-sus,380px);width:1400px;height:var(--ceata-h,1000px);transform:translateX(-50%);background:radial-gradient(ellipse at center,rgba(86,131,218,.24),rgba(17,17,17,0) 62%);pointer-events:none}
.sectiune--preturi{padding-block:clamp(80px,9.72vw,140px) clamp(96px,12.5vw,180px)}
.sectiune__preturi{margin-top:48px}
/* Pașii de după comandă (etapa 4, 14.10.2026: pasul activ aprins în buclă, blocul `et4`) */
.sectiune--pasi{padding-block:var(--pad-sectiune)}
.sectiune--pasi .et4-pasi{margin-top:48px}
.sectiune--pasi .et4-eti{margin-bottom:14px}

@media (max-width:1023px){
  .rama--configurator{flex-direction:column}
  .configurator{width:auto;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;padding:12px}
  .configurator__cap{grid-column:1/-1}
  .jurnal{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr))}
  .rama--configurator .sb{flex:none;height:600px}
}
@media (max-width:959px){
  .calc-card--intrari,.calc-card--rezultat{grid-column:1/-1;min-height:0}
}
@media (max-width:767px){
  .configurator{grid-template-columns:minmax(0,1fr);padding:8px 6px}
  .jurnal{grid-template-columns:repeat(2,minmax(0,1fr))}
  .rama--configurator{padding:8px;gap:8px}
  .rama--configurator .sb{height:560px}
  .erou__include{margin-top:40px}
}
@media (max-width:599px){
  .calc-card{padding:24px 20px}
  .calc-comparatie{grid-template-columns:minmax(0,1fr)}
  .soare{padding:0 40px}
  .jurnal{grid-template-columns:minmax(0,1fr)}
}

/* ---------- 5b. Piese comune paginilor din lotul 2 (Pachete, Nișă, Blog, Articol, Comandă) ---------- */
.aplicatie [hidden],.ghiduri [hidden],[data-blog-gol][hidden],[data-formular-mesaj]:empty{display:none!important}
.ascuns{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}
.invizibil{visibility:hidden}
/* Variante de secțiune: 160/160, 120/160, fără sus, fundal alb */
.sectiune--egal{padding-block:var(--pad-sectiune)}
.sectiune--intors{padding-block:var(--pad-sectiune-jos) var(--pad-sectiune)}
.sectiune--fara-sus{padding-top:0}
.sectiune--alba{background:var(--c-alb)}
/* Două secțiuni la rând cu același fundal: spațiul dintre ele e doar cel de jos al primei, nu suma lor */
.sectiune:not(.intuneric):not(.sectiune--alba)+.sectiune:not(.intuneric):not(.sectiune--alba),
.sectiune--alba:not(.intuneric)+.sectiune--alba:not(.intuneric){padding-top:0}
.lead--640{max-width:640px}
.lead--680{max-width:680px}
.lead--fara-limita{max-width:none}
.titlu-sectiune--64{font-size:clamp(36px,calc(26.7px + 2.59vw),64px);line-height:.95;letter-spacing:-.045em}
.titlu-erou--68{font-size:clamp(38px,calc(28px + 2.78vw),68px)}
.titlu-erou--articol{font-size:clamp(36px,calc(26.7px + 2.59vw),64px);line-height:.95}
.intuneric--negru{background:var(--c-negru)}
.intuneric--puncte::after{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle,rgba(210,222,255,.35) 0 1px,rgba(210,222,255,0) 1.6px) 0 0/28px 28px;-webkit-mask:radial-gradient(700px 420px at 50% 20%,#000,transparent 75%);mask:radial-gradient(700px 420px at 50% 20%,#000,transparent 75%);opacity:.5;pointer-events:none}
.eticheta-sus,.cifre-rand__eticheta,.lucrare-mare__eticheta{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--c-piersica)}
.culoare--albastru{color:var(--c-albastru-deschis)}
.culoare--piersica{color:var(--c-piersica)}
.culoare--lavanda{color:#D5D8F6}
/* Firimituri în erou */
.firimituri{display:flex;flex-wrap:wrap;align-items:center;gap:4px 8px;min-height:20px;font-size:14px;color:var(--g-500)}
.firimituri a{color:var(--g-300);text-decoration:none;transition:color .25s}
.firimituri a:hover{color:var(--c-alb)}
.firimituri [aria-current]{color:var(--c-alb)}
/* Câmpuri pe fundal închis */
.camp{width:100%;border:1px solid rgba(255,255,255,.14);border-radius:10px;color:var(--c-alb);background:var(--c-camp);transition:border-color .25s,box-shadow .25s}
.camp:focus{outline:none;border-color:var(--c-albastru-2);box-shadow:0 0 0 3px rgba(86,131,218,.22),0 0 20px rgba(86,131,218,.25)}
.camp::placeholder{color:var(--g-500)}
.camp[aria-invalid="true"]{border-color:var(--c-piersica);box-shadow:0 0 0 3px rgba(255,137,100,.18)}
/* Tabele: înveliș cu derulare proprie la orice lățime, cartonașe sub 640px */
.tabel-invelis{max-width:100%;overflow-x:auto;background:var(--c-alb);border:1px solid var(--g-100);border-radius:var(--r);box-shadow:0 30px 60px -40px rgba(17,17,17,.35)}
.tabel{width:100%;border-collapse:separate;border-spacing:0;font-size:15px;color:var(--c-text)}
.tabel th,.tabel td{padding:14px 24px;text-align:left;vertical-align:top;font-weight:inherit}
.tabel thead th{padding:18px 24px;background:var(--c-carbune);color:var(--c-alb);font-weight:600}
.tabel tbody tr{transition:background-color .2s}
.tabel tbody tr>*{border-top:1px solid #EEEEF0}
.tabel tbody tr:hover{background:#F7F9FF}
.tabel tbody th{color:var(--g-800);font-weight:400}
.tabel--comparatie{table-layout:fixed}
.tabel__col-lata{width:50%}
.tabel__cap-accent{box-shadow:inset 0 -2px 0 var(--c-piersica)}
.tabel thead .tabel__cap-accent{color:var(--c-piersica)}
.tabel__col-accent{background:rgba(255,137,100,.06)}
.tabel .tabel__da{color:var(--c-albastru);font-weight:700}
.tabel .tabel__nu{color:var(--g-300)}
.tabel .tabel__text{font-weight:600}
@media (max-width:639px){
  .tabel,.tabel tbody,.tabel th,.tabel td{display:block}
  .tabel colgroup{display:none}
  .tabel thead{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .tabel tbody tr{display:grid;grid-template-columns:repeat(var(--valori,3),minmax(0,1fr));gap:10px 12px;padding:16px 18px;border-top:1px solid #EEEEF0}
  .tabel tbody tr:first-child{border-top:0}
  .tabel tbody tr>*{border-top:0}
  .tabel tbody th{grid-column:1/-1;padding:0;color:var(--c-text);font-weight:600}
  .tabel td{display:flex;flex-direction:column;gap:4px;padding:0}
  .tabel td::before{content:attr(data-eticheta);min-height:2.6em;font-size:11px;font-weight:700;line-height:1.3;text-transform:uppercase;letter-spacing:.02em;color:var(--g-500)}
  .tabel__col-accent{background:none}
}
/* Întrebări (Pachete, Nișă) */
.sectiune>.intrebari__grila{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:56px}
.intrebari__titlu{grid-column:1/-1}
.intrebari__lead{grid-column:span 4}
.intrebari__lista{grid-column:6/span 7;display:flex;flex-direction:column;border-top:1px solid var(--g-100)}
.intrebare{border-bottom:1px solid var(--g-100);padding:22px 0}
.intrebare__i{display:flex;justify-content:space-between;align-items:center;gap:16px;list-style:none;font-family:var(--f-titlu);font-size:clamp(20px,calc(18px + .42vw),24px);font-weight:400;letter-spacing:-.02em;cursor:pointer;transition:color .25s}
.intrebare__i::-webkit-details-marker{display:none}
.intrebare__i:hover{color:var(--c-albastru)}
.intrebare__i svg{flex-shrink:0;transition:transform .35s var(--ease)}
.intrebare[open] .intrebare__i svg{transform:rotate(45deg)}
.intrebare__r{margin:12px 0 0;font-size:15px;line-height:1.6;color:var(--g-600);max-width:620px}
@media (max-width:959px){
  .sectiune>.intrebari__grila{row-gap:32px}
  .intrebari__lead,.intrebari__lista{grid-column:1/-1}
}
/* Secțiunea finală închisă, cu dunga colorată (Pachete, Blog) */
.final{position:relative;overflow:hidden;background:var(--c-negru);color:var(--c-alb);padding-block:clamp(88px,10.56vw,152px) clamp(80px,9.72vw,140px)}
.final>*{position:relative;z-index:1}
.final>.dunga{position:absolute;z-index:0;left:-200px;top:300px;width:1400px;height:130px;background:linear-gradient(90deg,rgba(255,137,100,0) 0%,rgba(255,137,100,.5) 30%,rgba(86,131,218,.55) 55%,rgba(86,131,218,0) 85%);transform:rotate(-10deg);filter:blur(34px);pointer-events:none;animation:fx-puls 6s ease-in-out infinite}
.final>.dunga--jos{top:260px}
.final__in{display:flex;flex-direction:column;align-items:flex-start;gap:24px}
.final__lead{margin:0;font-size:var(--t-lead);line-height:1.4;letter-spacing:-.02em;color:var(--g-100)}
.final__lead--145{line-height:1.45}
.final__buton{margin-top:16px}
.final__grila{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;row-gap:48px;align-items:center}
.final__text{grid-column:span 6;display:flex;flex-direction:column;gap:20px}
.final__titlu-64{margin:0;font-family:var(--f-titlu);font-size:clamp(36px,calc(26.7px + 2.59vw),64px);line-height:.95;letter-spacing:-.035em;font-weight:500}
@media (prefers-reduced-motion: reduce){.final>.dunga{animation:none}}
/* Formularul pentru ghidul PDF (Blog, Articol); trimiterea e simulată în site.js */
.ghid-form{grid-column:8/span 5;position:relative;padding:32px;border-radius:var(--r-card);background:radial-gradient(360px 220px at 30% 0%,rgba(86,131,218,.22),rgba(12,13,15,0) 70%),var(--c-rama);box-shadow:0 0 46px 4px rgba(86,131,218,.28);display:flex;flex-direction:column;gap:14px}
.ghid-form__eticheta{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--g-300)}
.ghid-form__camp{height:50px;padding:0 16px;font-size:16px}
.ghid-form__camp--mic{height:46px;padding:0 12px;font-size:15px}
.ghid-form__buton{height:48px;width:100%}
.ghid-form__nota{font-size:12px;line-height:1.5;color:var(--g-350)}
.ghid-form__mesaj{margin:0;font-size:13px;line-height:1.5;color:var(--c-albastru-deschis)}
.ghid-form__mesaj.eroare{color:var(--c-piersica)}
@media (max-width:959px){
  .final__text,.ghid-form{grid-column:1/-1}
  .ghid-form{max-width:560px}
}
@media (max-width:599px){.ghid-form{padding:24px 20px}}
/* Imagine-substitut cu luciu la hover (Blog, Articol) */
.imagine{position:relative;overflow:hidden}
.imagine::after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,rgba(255,255,255,0) 40%,rgba(255,255,255,.14) 50%,rgba(255,255,255,0) 60%) 200% 0/250% 100% no-repeat;transition:background-position .9s var(--ease);pointer-events:none}
a:hover .imagine::after{background-position:-50% 0}
.imagine__eticheta{position:relative;z-index:1;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--c-negru);background:rgba(255,255,255,.9);padding:5px 10px;border-radius:var(--r-pastila)}

/* ---------- 5c. Pagina Pachete ---------- */
.pachete-erou{--ceata-sus:560px;padding-block:clamp(72px,8.33vw,120px) var(--pad-sectiune)}
.pachete-erou::before{background:radial-gradient(ellipse at center,rgba(86,131,218,.22),rgba(9,10,12,0) 60%)}
.pachete-erou>.cont{gap:28px}
.pachete-erou__an{font-size:14px;color:var(--g-300)}
.pachete-erou__titlu{margin:0;font-family:var(--f-text);font-size:clamp(24px,calc(19.3px + 1.44vw),40px);line-height:1.3;letter-spacing:-.03em;font-weight:600;max-width:980px}
.pachete-erou__icon{display:inline-flex;width:1.2em;height:1.2em;vertical-align:-.25em;margin:0 4px;border-radius:12px;background:linear-gradient(135deg,#A9C0FF,#3F68C4);box-shadow:0 0 24px rgba(86,131,218,.6);align-items:center;justify-content:center}
.pachete-erou__icon svg{width:.6em;height:.6em}
.pachete-erou__grila{margin-top:clamp(32px,5vw,72px)}
@media (prefers-reduced-motion: reduce){.pachete-erou .fx-aprinde{--p:100%!important}}
.comparatie{margin-top:32px}
.tabel--comparatie{--valori:3}
.gratuit{margin-top:32px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.gratuit__card{min-height:300px;padding:28px;border-radius:var(--r);background:var(--c-carbune);color:var(--c-alb);display:flex;flex-direction:column;justify-content:space-between;gap:16px}
.gratuit__card--1{background:radial-gradient(320px 220px at 100% 0%,rgba(86,131,218,.30),rgba(17,17,17,0) 70%),var(--c-carbune)}
.gratuit__card--2{background:radial-gradient(320px 220px at 0% 0%,rgba(86,131,218,.24),rgba(17,17,17,0) 70%),var(--c-carbune)}
.gratuit__card--4{background:radial-gradient(340px 240px at 100% 100%,rgba(255,137,100,.34),rgba(17,17,17,0) 70%),var(--c-carbune)}
.gratuit__suma{font-family:var(--f-titlu);font-size:clamp(64px,calc(52px + 2.5vw),88px);line-height:.9;font-weight:600;letter-spacing:-.05em}
.gratuit__suma--piersica{color:var(--c-piersica);text-shadow:0 0 36px rgba(255,137,100,.45)}
.gratuit__text{font-size:15px;line-height:1.5;color:var(--g-300)}
.gratuit__text b{color:var(--c-alb);font-weight:600}
@media (max-width:1023px){.gratuit{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:559px){
  .gratuit{grid-template-columns:minmax(0,1fr)}
  .gratuit__card{min-height:220px;padding:24px}
}

/* ---------- 5d. Pagina de nișă (cabinet stomatologic, județul Cluj) ---------- */
.erou--nisa .erou__in{padding-block:clamp(40px,5vw,72px) clamp(64px,8.33vw,120px);display:flex;flex-direction:column}
.nisa-erou__text{margin-top:32px;display:flex;flex-direction:column;gap:24px;max-width:820px}
.nisa-erou__lead{line-height:1.45;max-width:640px}
.nisa-erou__actiuni{display:flex;flex-wrap:wrap;align-items:center;gap:16px;margin-top:16px}
.rama--nisa{margin-top:clamp(48px,5.56vw,80px);padding:12px;display:flex;gap:12px;align-items:stretch}
.pagini-rama{width:284px;flex-shrink:0;padding:12px 6px;display:flex;flex-direction:column;gap:14px}
.pagini-rama__cap{display:flex;align-items:center;gap:10px;padding:0 6px}
.pagini-rama__eticheta{padding:0 8px;font-size:11px;font-weight:700;text-transform:uppercase;color:var(--g-500)}
.lista-pagini{margin:0;padding:0;list-style:none;display:flex;flex-direction:column;gap:2px;font-size:13px}
.lista-pagini li{min-height:36px;padding:0 10px;border-radius:var(--r-mic);display:flex;align-items:center;gap:10px;color:var(--g-300);transition:background-color .2s,color .2s}
.lista-pagini li:hover{background:rgba(255,255,255,.05);color:var(--c-alb)}
.lista-pagini li.activ{background:rgba(86,131,218,.18);color:var(--c-alb);box-shadow:inset 2px 0 0 #A9C0FF}
.lista-pagini__nr{width:16px;flex-shrink:0;font-size:11px;color:var(--g-500)}
.nisa-cautari{margin-top:56px;display:flex;flex-direction:column;gap:14px}
.nisa-cautari__titlu{font-size:14px;color:var(--g-300)}
.fx-rulare--strans{--rulare-gap:10px}
.cautare-cip{flex-shrink:0;height:40px;padding:0 16px;border-radius:var(--r-pastila);border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.03);display:flex;align-items:center;gap:8px;font-size:14px;color:var(--g-100);white-space:nowrap}
/* Momentele pacientului */
.momente{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.moment{min-height:520px;padding:28px;border-radius:var(--r);color:var(--c-alb);display:flex;flex-direction:column;gap:14px}
.moment--1{background:radial-gradient(420px 280px at 100% 0%,rgba(255,137,100,.30),rgba(17,17,17,0) 70%),var(--c-carbune)}
.moment--2{background:radial-gradient(420px 280px at 50% 0%,rgba(86,131,218,.32),rgba(17,17,17,0) 70%),var(--c-carbune)}
.moment--3{background:radial-gradient(420px 280px at 0% 0%,rgba(169,192,255,.22),rgba(17,17,17,0) 70%),var(--c-carbune)}
.moment__eticheta{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--c-piersica)}
.moment--2 .moment__eticheta{color:var(--c-albastru-deschis)}
.moment--3 .moment__eticheta{color:#D5D8F6}
.moment__titlu{margin:0;font-family:var(--f-titlu);font-size:clamp(28px,calc(24px + .7vw),34px);line-height:1;font-weight:400;letter-spacing:-.03em}
.moment__text{margin:0;font-size:15px;line-height:1.55;color:var(--g-300)}
.cautare{margin-top:auto;border-radius:10px;background:var(--c-camp);border:1px solid rgba(255,255,255,.08);box-shadow:0 20px 40px -20px rgba(0,0,0,.8);overflow:hidden}
.cautare__bara{height:40px;padding:0 12px;display:flex;align-items:center;gap:8px;font-size:13px;color:var(--g-500);border-bottom:1px solid rgba(255,255,255,.06)}
.cautare__lista{margin:0;padding:6px;list-style:none;display:flex;flex-direction:column;gap:2px;font-size:13px}
.cautare__lista li{min-height:34px;padding:0 10px;border-radius:6px;display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--g-300);transition:background-color .2s}
.cautare__lista li svg{flex-shrink:0}
.cautare__lista li:hover{background:rgba(86,131,218,.16)}
.cautare__lista li.activ{background:rgba(86,131,218,.22);color:var(--c-alb)}
.moment__pagina{margin:0;font-size:14px;line-height:1.5;color:var(--g-300)}
.moment__pagina b{color:var(--c-alb);font-weight:600}
/* Cele 10 pagini */
.pagini-nisa{margin:32px 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:16px}
.pagina-nisa{min-height:210px;padding:22px;background:var(--c-alb);border:1px solid var(--g-100);border-radius:var(--r);display:flex;flex-direction:column;gap:10px}
.pagina-nisa__nr{align-self:flex-start;padding-bottom:4px;font-family:var(--f-titlu);font-size:44px;line-height:1;font-weight:500;letter-spacing:-.05em;background-image:linear-gradient(135deg,#A9C0FF,#3F68C4);-webkit-background-clip:text;background-clip:text;color:transparent}
.pagina-nisa__titlu{margin-top:auto;font-size:17px;font-weight:600;letter-spacing:-.01em}
.pagina-nisa__text{font-size:14px;line-height:1.5;color:var(--g-600)}
.pagina-nisa--scurt{min-height:0;flex-direction:row;align-items:center;gap:16px;padding:18px 20px}
.pagina-nisa--scurt .pagina-nisa__nr{font-size:30px;padding-bottom:0}
.pagina-nisa--scurt .pagina-nisa__titlu{margin-top:0;font-size:16px}
.pagini-alte{margin-top:32px;display:flex;flex-direction:column;gap:14px}
.pagini-alte__lead{margin:0;font-size:15px;line-height:1.5;color:var(--g-600)}
.pagini-alte__lista{margin:0;padding:0;list-style:none}
.pagini-alte .cip{border-style:dashed}
.pagini-alte .cip:hover{border-color:var(--g-100);color:inherit;box-shadow:none}
/* Regulile profesiei */
.reguli{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:48px}
.regula{display:flex;flex-direction:column;gap:16px}
.regula__icon{width:44px;height:44px;border-radius:var(--r);background:linear-gradient(135deg,#FFC2A8,#E0643C);box-shadow:0 0 24px -4px rgba(255,137,100,.7);display:flex;align-items:center;justify-content:center}
.regula__titlu{margin:0;font-family:var(--f-titlu);font-size:clamp(26px,calc(22px + .7vw),32px);line-height:1;font-weight:400;letter-spacing:-.03em}
.regula__text{margin:0;font-size:15px;line-height:1.6;color:var(--g-300)}
/* Județul în cifre */
.judet{margin-top:32px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:16px}
.judet__card{min-height:320px;padding:32px;border-radius:var(--r);color:var(--c-alb);display:flex}
.judet__card--firme{grid-column:span 5;flex-direction:column;gap:12px;background:radial-gradient(420px 280px at 100% 0%,rgba(86,131,218,.32),rgba(17,17,17,0) 70%),var(--c-carbune)}
.judet__card--orase{grid-column:span 7;gap:32px;align-items:center;background:radial-gradient(420px 280px at 0% 100%,rgba(255,137,100,.24),rgba(17,17,17,0) 70%),var(--c-carbune)}
.judet__cifra{align-self:flex-start;font-family:var(--f-titlu);font-size:clamp(88px,calc(76px + 3.06vw),120px);line-height:.9;font-weight:600;letter-spacing:-.05em}
.judet__eticheta{margin-top:auto;font-size:16px;line-height:1.5;color:var(--g-100)}
.judet__sursa{font-size:12px;color:var(--g-500)}
.judet__orase{display:flex;flex-direction:column;gap:14px;min-width:0}
.judet__subtitlu{font-family:var(--f-titlu);font-size:clamp(24px,calc(20px + .7vw),30px);line-height:1.05;font-weight:400;letter-spacing:-.03em}
.judet__lista{display:flex;flex-wrap:wrap;gap:8px}
.oras{height:32px;padding:0 12px;border-radius:var(--r-pastila);background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);font-size:13px;display:flex;align-items:center}
.cerc-mic{position:relative;width:200px;height:200px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 38% 30%,#262930 0%,#121317 60%,#0B0C0E 100%);display:flex;align-items:center;justify-content:center;box-shadow:0 0 0 1px rgba(255,255,255,.08),0 0 60px -10px rgba(86,131,218,.55)}
.cerc-mic::before{content:"";position:absolute;inset:-6px;border-radius:50%;background:conic-gradient(from var(--unghi),rgba(86,131,218,0),#A9C0FF 20%,#FF8964 28%,rgba(86,131,218,0) 40%);-webkit-mask:radial-gradient(circle,transparent 66%,#000 67%);mask:radial-gradient(circle,transparent 66%,#000 67%);animation:fx-roteste 5s linear infinite;filter:drop-shadow(0 0 6px rgba(169,192,255,.8))}
.cerc-mic__cifra{font-family:var(--f-titlu);font-size:110px;line-height:.9;font-weight:600;letter-spacing:-.05em}
.judet__nota{margin:40px 0 0;font-size:var(--t-lead);line-height:1.55;letter-spacing:-.01em;color:var(--g-800);max-width:900px}
.cipuri{display:flex;flex-wrap:wrap;gap:8px}
.cip{height:40px;padding:0 16px;border-radius:var(--r-pastila);background:var(--c-alb);border:1px solid var(--g-100);font-size:14px;display:flex;align-items:center;transition:border-color .25s,box-shadow .25s,color .25s}
.cip:hover{border-color:var(--c-albastru-2);color:var(--c-albastru);box-shadow:0 0 0 3px rgba(86,131,218,.12)}
.judet__card--specific{grid-column:1/-1;min-height:0;gap:40px;align-items:flex-end;background:radial-gradient(520px 260px at 100% 100%,rgba(255,137,100,.22),rgba(17,17,17,0) 70%),var(--c-carbune)}
.judet__specific{display:flex;flex-direction:column;gap:8px;max-width:560px;padding-bottom:6px}
.judet__specific .judet__eticheta{margin-top:0}
.judet__nota+.judet__nota{margin-top:16px}
.judet__nota:last-of-type{margin-bottom:24px}
@media (prefers-reduced-motion: reduce){.cerc-mic::before{animation:none}}
/* Studiul de caz HappyDent */
.sectiune--lucrare{padding-block:40px var(--pad-sectiune)}
.lucrare-mare{padding:16px 48px 16px 16px;border-radius:var(--r-mare);background:radial-gradient(600px 360px at 100% 100%,rgba(86,131,218,.28),rgba(17,17,17,0) 70%),var(--c-carbune);color:var(--c-alb);display:flex;gap:48px;align-items:center}
.lucrare-mare__img{display:block;flex-shrink:0;width:min(600px,55%);height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:10px;box-shadow:var(--umbra)}
.lucrare-mare__text{display:flex;flex-direction:column;gap:18px;min-width:0}
.lucrare-mare__titlu{margin:0;font-family:var(--f-titlu);font-size:clamp(40px,calc(34px + 1.53vw),56px);line-height:.95;font-weight:500;letter-spacing:-.04em}
.lucrare-mare__desc{margin:0;font-size:16px;line-height:1.6;color:var(--g-300)}
.lucrare-mare__cifre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;padding:8px 0}
.lucrare-mare__cifre div{display:flex;flex-direction:column;gap:6px}
.lucrare-mare__cifre b{align-self:flex-start;font-family:var(--f-titlu);font-size:clamp(40px,calc(34px + 1.53vw),56px);line-height:.9;font-weight:600;letter-spacing:-.05em}
.lucrare-mare__cifre span{font-size:14px;color:var(--g-300)}
.lucrare-mare__buton{align-self:flex-start}
/* Legături spre alte pagini de nișă */
.legaturi{padding-block:72px;background:var(--c-fundal);border-top:1px solid var(--g-100)}
.legaturi__grila{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:40px}
.legaturi__col{display:flex;flex-direction:column;gap:14px}
.legaturi__titlu{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--g-500)}
.legaturi__lista{display:flex;flex-wrap:wrap;gap:10px 20px;font-size:15px}
.legaturi a{color:var(--g-800);text-decoration:none;transition:color .25s}
.legaturi a:hover{color:var(--c-albastru)}
@media (max-width:1023px){
  .rama--nisa{flex-direction:column}
  .pagini-rama{width:auto;padding:12px}
  .lista-pagini{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}
  .rama--nisa .sb{flex:none;height:600px}
  .pagini-nisa{grid-template-columns:repeat(2,minmax(0,1fr))}
  .judet__card--firme,.judet__card--orase{grid-column:1/-1}
  .lucrare-mare{flex-direction:column;align-items:stretch;padding:16px 16px 32px;gap:32px}
  .lucrare-mare__img{width:100%}
  .lucrare-mare__text{padding-inline:8px}
}
@media (max-width:959px){
  .momente{grid-template-columns:minmax(0,1fr)}
  .moment{min-height:0}
  .reguli{grid-template-columns:minmax(0,1fr);gap:40px;margin-top:32px}
}
@media (max-width:767px){
  .rama--nisa{padding:8px;gap:8px}
  .rama--nisa .sb{height:560px}
  .nisa-cautari{margin-top:40px}
  .legaturi{padding-block:56px}
  .legaturi__grila{grid-template-columns:minmax(0,1fr)}
}
@media (max-width:599px){
  .judet__card{min-height:0;padding:24px}
  .judet__card--orase{flex-direction:column;align-items:flex-start;gap:24px}
  .judet__card--specific{flex-direction:column;align-items:flex-start;gap:16px}
  .cerc-mic{width:150px;height:150px}
  .cerc-mic__cifra{font-size:84px}
  .lucrare-mare__cifre{gap:12px}
}
@media (max-width:479px){
  .lista-pagini{grid-template-columns:minmax(0,1fr)}
  .pagini-nisa{grid-template-columns:minmax(0,1fr)}
  .pagina-nisa{min-height:0}
}

/* ---------- 5d'. Hubul Domenii ---------- */
.firimituri--deschis{color:var(--g-500)}
.firimituri--deschis a{color:var(--g-600)}
.firimituri--deschis a:hover{color:var(--c-albastru)}
.firimituri--deschis [aria-current]{color:var(--g-800)}
.sectiune--domenii .firimituri{margin-bottom:32px}
.sectiune--domenii .lead{margin-top:24px}
.domenii{margin-top:56px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.domeniu{padding:24px;background:var(--c-alb);border:1px solid var(--g-100);border-radius:var(--r);display:flex;flex-direction:column;gap:12px;transition:border-color .25s,box-shadow .25s}
.domeniu:hover{border-color:var(--c-albastru-2);box-shadow:0 0 0 3px rgba(86,131,218,.1)}
.domeniu__icon{margin-bottom:6px}
.domeniu__titlu{margin:0;font-family:var(--f-titlu);font-size:22px;line-height:1.1;font-weight:500;letter-spacing:-.03em}
.domeniu__titlu a{color:var(--c-text);text-decoration:none;transition:color .25s}
.domeniu__titlu a:hover{color:var(--c-albastru)}
.domeniu__text{margin:0;font-size:14px;line-height:1.5;color:var(--g-600)}
.domeniu__orase{margin-top:auto;padding-top:12px;border-top:1px solid var(--g-100);display:flex;flex-wrap:wrap;gap:6px 14px;font-size:13.5px}
.domeniu__orase a{color:var(--g-800);text-decoration:none;transition:color .25s}
.domeniu__orase a:hover{color:var(--c-albastru)}
@media (max-width:1023px){.domenii{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (max-width:639px){.domenii{grid-template-columns:minmax(0,1fr);margin-top:40px}.domeniu{padding:20px}}

/* ---------- 5e. Pagina Blog ---------- */
.erou--blog .erou__in{padding-block:clamp(56px,7.8vw,112px) clamp(64px,8.33vw,120px);display:flex;flex-direction:column}
.blog-erou__text{display:flex;flex-direction:column;gap:24px;max-width:900px}
.blog-erou__lead{max-width:600px}
.blog-filtre{margin-top:40px;display:flex;justify-content:space-between;align-items:center;gap:16px 24px}
.categorii{display:flex;flex-wrap:wrap;gap:8px}
.categorii button{height:40px;padding:0 16px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-pastila);background:transparent;color:var(--g-300);font-size:14px;white-space:nowrap;transition:background-color .25s,color .25s,border-color .25s,box-shadow .25s}
.categorii button:hover{border-color:rgba(169,192,255,.6);color:var(--c-alb)}
.categorii button[aria-pressed="true"]{border-color:var(--c-alb);background:var(--c-alb);color:var(--c-negru);font-weight:600;box-shadow:0 0 20px -4px rgba(169,192,255,.7)}
.cauta{position:relative;flex-shrink:0;width:320px;height:44px;padding:0 14px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-pastila);background:rgba(255,255,255,.04);display:flex;align-items:center;gap:10px;transition:border-color .25s,box-shadow .25s}
.cauta:focus-within{border-color:var(--c-albastru-2);box-shadow:0 0 0 3px rgba(86,131,218,.2),0 0 24px rgba(86,131,218,.3)}
.cauta input{flex-grow:1;min-width:0;height:40px;border:0;background:transparent;color:var(--c-alb);font-size:14px;outline:none}
.cauta input::placeholder{color:var(--g-500)}
.recomandat{margin-top:clamp(48px,5.56vw,80px);padding:12px;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;color:var(--c-alb);text-decoration:none}
.recomandat:hover{color:var(--c-alb)}
.recomandat__imagine{grid-column:span 7;height:420px;border-radius:10px;background:radial-gradient(360px 260px at 70% 100%,rgba(255,137,100,.45),rgba(9,10,12,0) 70%),radial-gradient(420px 320px at 20% 0%,rgba(86,131,218,.5),rgba(9,10,12,0) 70%),#121317;display:flex;align-items:flex-end;padding:24px}
.recomandat__text{grid-column:span 5;padding:32px 32px 32px 8px;display:flex;flex-direction:column;gap:18px;justify-content:center}
.recomandat__meta{font-size:13px;color:var(--g-300)}
.recomandat__meta b{color:var(--c-piersica);font-weight:600}
.recomandat__titlu{margin:0;font-family:var(--f-titlu);font-size:clamp(28px,calc(23.3px + 1.16vw),40px);line-height:1;letter-spacing:-.035em;font-weight:500}
.recomandat__rezumat{margin:0;font-size:16px;line-height:1.55;color:var(--g-300)}
.citeste{display:flex;align-items:center;gap:10px;font-size:12px;font-weight:700;text-transform:uppercase;color:var(--c-alb)}
.citeste svg{transition:transform .3s var(--ease)}
a:hover .citeste svg{transform:translateX(4px)}
.ghiduri{margin-top:32px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.ghid{background:var(--c-carbune);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;color:var(--c-alb);text-decoration:none}
.ghid:hover{color:var(--c-alb)}
.ghid__imagine{height:230px;display:flex;align-items:flex-end;padding:16px}
.ghid__imagine--1{background:radial-gradient(260px 200px at 80% 100%,rgba(86,131,218,.55),rgba(18,19,23,0) 70%),#121317}
.ghid__imagine--2{background:radial-gradient(260px 200px at 20% 100%,rgba(255,137,100,.5),rgba(18,19,23,0) 70%),#121317}
.ghid__imagine--3{background:radial-gradient(260px 200px at 50% 0%,rgba(169,192,255,.4),rgba(18,19,23,0) 70%),#121317}
.ghid__imagine .imagine__eticheta{font-size:10px;padding:4px 9px}
.ghid__corp{padding:22px 24px 26px;display:flex;flex-direction:column;gap:12px;flex-grow:1}
.ghid__meta{font-size:13px;color:var(--g-500)}
.ghid__meta b{font-weight:600}
.ghid__titlu{margin:0;font-family:var(--f-titlu);font-size:clamp(22px,calc(20px + .42vw),26px);line-height:1.05;font-weight:400;letter-spacing:-.03em}
.ghid__rezumat{margin:0;font-size:15px;line-height:1.55;color:var(--g-300)}
.ghiduri__gol{margin:32px 0 0;font-size:var(--t-lead);color:var(--g-600)}
@media (max-width:1023px){
  .blog-filtre{flex-direction:column;align-items:stretch}
  .cauta{width:100%}
  .recomandat__imagine{grid-column:1/-1;height:clamp(200px,40vw,420px)}
  .recomandat__text{grid-column:1/-1;padding:24px 12px 12px}
  .ghiduri{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:767px){.cauta input{font-size:16px}}
@media (max-width:639px){.ghiduri{grid-template-columns:minmax(0,1fr)}}
@media (max-width:599px){.recomandat__imagine{padding:16px}}

/* Abonarea la articole, sub grila de ghiduri */
.abonare-blog{margin-top:48px;padding:24px 24px 24px 32px;border-radius:var(--r-mare);background:var(--c-alb);border:1px solid var(--g-100);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,320px) auto;gap:12px 16px;align-items:center}
.abonare-blog__text{display:flex;flex-direction:column;gap:6px;min-width:0}
.abonare-blog__titlu{font-family:var(--f-titlu);font-size:clamp(22px,calc(18px + .7vw),28px);line-height:1.05;font-weight:500;letter-spacing:-.03em}
.abonare-blog__nota{font-size:14px;line-height:1.5;color:var(--g-500)}
.abonare-blog__camp{width:100%}
.abonare-blog__mesaj{grid-column:1/-1;margin:0}
.abonare-blog__mesaj:empty{display:none}
@media (max-width:767px){
  .abonare-blog{grid-template-columns:minmax(0,1fr);padding:24px}
  .abonare-blog__buton{justify-self:start}
}
/* ---------- 5f. Pagina de articol ---------- */
.pagina--articol{background:var(--c-alb)}
.erou--articol .erou__in{padding-block:clamp(40px,5vw,72px) clamp(64px,8.33vw,120px);display:flex;flex-direction:column}
.articol-erou__titlu-bloc{margin-top:32px;max-width:1000px}
.autor-linie{margin-top:28px;display:flex;align-items:center;gap:14px;font-size:15px;color:var(--g-300)}
.autor-linie b{color:var(--c-alb);font-weight:600}
.avatar{width:44px;height:44px;flex-shrink:0;border-radius:50%;background:radial-gradient(circle at 35% 30%,#2A2D35,#0B0C0E);box-shadow:0 0 0 1px rgba(255,255,255,.12),0 0 18px rgba(255,137,100,.35);color:var(--c-piersica);display:flex;align-items:center;justify-content:center;font-family:var(--f-titlu);font-weight:600;font-size:18px}
.avatar--mare{width:64px;height:64px;font-size:24px;box-shadow:none}
.articol-erou__rama{margin-top:clamp(40px,5vw,72px);padding:12px}
.articol-erou__imagine{height:clamp(200px,36.1vw,520px);border-radius:10px;background:radial-gradient(520px 360px at 72% 100%,rgba(255,137,100,.42),rgba(9,10,12,0) 70%),radial-gradient(620px 420px at 18% 0%,rgba(86,131,218,.5),rgba(9,10,12,0) 70%),#121317;display:flex;align-items:flex-end;padding:28px}
.articol__grila{padding-block:clamp(56px,6.67vw,96px) var(--pad-sectiune-jos);display:grid;grid-template-columns:repeat(12,minmax(0,1fr));column-gap:24px;align-items:start}
.cuprins{grid-column:span 2;position:sticky;top:96px;display:flex;flex-direction:column;gap:2px;margin-left:3px;padding-top:8px;border-left:1px solid var(--g-100);font-size:14px}
.cuprins__titlu{padding:0 0 10px 18px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.02em;color:var(--g-500)}
.cuprins a{position:relative;display:block;margin-left:-4px;padding:6px 0 6px 18px;color:var(--g-500);text-decoration:none;transition:color .25s}
.cuprins a:hover{color:var(--c-text)}
.cuprins a::before{content:"";position:absolute;left:0;top:50%;width:7px;height:7px;margin-top:-3.5px;border-radius:50%;background:var(--g-200);transition:background-color .25s,box-shadow .25s}
.cuprins a[aria-current="true"]{color:var(--c-text);font-weight:600}
.cuprins a[aria-current="true"]::before,.cuprins a:hover::before{background:var(--c-albastru-2);box-shadow:0 0 0 3px rgba(86,131,218,.18),0 0 10px rgba(86,131,218,.7)}
.corp{grid-column:3/span 7;min-width:0}
.corp p{margin:0 0 22px;font-size:18px;line-height:1.7;color:var(--g-800)}
.corp .corp__lead{font-size:clamp(19px,calc(17.3px + .46vw),22px);line-height:1.55;color:var(--c-text)}
.corp h2{margin:56px 0 18px;font-family:var(--f-titlu);font-size:clamp(30px,calc(26.6px + .79vw),38px);line-height:1;font-weight:500;letter-spacing:-.035em;color:var(--c-text);scroll-margin-top:24px}
.corp ul{margin:0 0 22px;padding-left:22px}
.corp li{margin-bottom:8px;font-size:18px;line-height:1.65;color:var(--g-800)}
.corp li::marker{color:var(--c-albastru-2)}
.corp a{text-decoration-thickness:1px;text-underline-offset:3px}
.corp__tabel{margin:0 0 22px;box-shadow:0 24px 50px -36px rgba(17,17,17,.4)}
.tabel--preturi{--valori:2;font-size:16px}
.tabel--preturi th,.tabel--preturi td,.tabel--preturi thead th{padding:14px 18px}
.tabel--preturi td{color:var(--g-800)}
.tabel--preturi .tabel__anual{font-weight:700;color:var(--c-albastru)}
.tabel__col-3{width:37.5%}
.tabel__col-2{width:25%}
.tabel--preturi-3{--valori:3}
.tabel__col-31{width:31%}
.tabel__col-23{width:23%}
.cifre-rand{margin:12px 0 26px;padding:28px 30px;border-radius:14px;background:radial-gradient(360px 220px at 100% 100%,rgba(255,137,100,.32),rgba(17,17,17,0) 70%),var(--c-carbune);color:var(--c-alb);display:flex;flex-direction:column;gap:10px}
.cifre-rand__text{font-family:var(--f-titlu);font-size:clamp(21px,calc(19px + .5vw),26px);line-height:1.25;font-weight:400;letter-spacing:-.02em}
.articol-cta{position:relative;overflow:hidden;margin-top:44px;padding:32px;border-radius:var(--r-mare);background:var(--c-negru);color:var(--c-alb);display:flex;justify-content:space-between;align-items:center;gap:24px}
.articol-cta__lumina{position:absolute;right:-80px;top:-120px;width:420px;height:320px;background:radial-gradient(ellipse at center,rgba(86,131,218,.45),rgba(9,10,12,0) 65%);pointer-events:none}
.articol-cta__text{position:relative;font-family:var(--f-titlu);font-size:clamp(26px,calc(23px + .63vw),32px);line-height:1;font-weight:500;letter-spacing:-.03em}
.articol-cta__buton{flex-shrink:0}
.autor-caseta{margin-top:36px;padding-top:28px;border-top:1px solid var(--g-100);display:flex;gap:18px}
.autor-caseta__text{display:flex;flex-direction:column;gap:6px}
.autor-caseta__text b{font-size:17px}
.autor-caseta__text span{font-size:15px;line-height:1.6;color:var(--g-600)}
.ghid-lateral{grid-column:10/span 3;padding:26px;border-radius:var(--r-mare);background:radial-gradient(300px 200px at 30% 0%,rgba(86,131,218,.28),rgba(17,17,17,0) 70%),var(--c-carbune);color:var(--c-alb);display:flex;flex-direction:column;gap:14px;box-shadow:0 30px 60px -30px rgba(17,17,17,.6)}
.ghid-lateral__titlu{font-family:var(--f-titlu);font-size:24px;line-height:1.05;font-weight:500;letter-spacing:-.03em}
.ghid-lateral__form{display:flex;flex-direction:column;gap:14px}
.ghid-lateral__buton{height:44px;width:100%;padding:0 20px}
.inrudite{margin-top:24px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.inrudit{min-height:200px;padding:26px;background:var(--c-carbune);border-radius:var(--r);color:var(--c-alb);text-decoration:none;display:flex;flex-direction:column;gap:12px}
.inrudit:hover{color:var(--c-alb)}
.inrudit__cat{font-size:13px;font-weight:600}
.inrudit__titlu{margin-top:auto;font-family:var(--f-titlu);font-size:clamp(22px,calc(20px + .42vw),26px);line-height:1.05;font-weight:400;letter-spacing:-.03em}
@media (max-width:1199px){
  .cuprins{grid-column:1/span 3}
  .corp{grid-column:4/span 9}
  .ghid-lateral{grid-column:4/span 9;max-width:520px;margin-top:48px}
}
@media (max-width:899px){
  .cuprins{grid-column:1/-1;position:static;margin-bottom:40px}
  .corp,.ghid-lateral{grid-column:1/-1}
  .inrudite{grid-template-columns:minmax(0,1fr)}
  .inrudit{min-height:160px}
}
@media (max-width:767px){.articol-cta{flex-direction:column;align-items:flex-start;padding:28px 24px}}
@media (max-width:599px){
  .articol-erou__imagine{padding:16px}
  .cifre-rand{padding:24px 20px}
  .autor-caseta{gap:14px}
  .avatar--mare{width:48px;height:48px;font-size:20px}
}

/* ---------- 5g. Pagina Comandă (aplicația în pași, fără antetul și subsolul site-ului) ---------- */
.pagina--comanda{background:var(--c-negru)}
.aplicatie{position:relative;overflow:hidden;min-height:100vh;min-height:100dvh;background:var(--c-negru);color:var(--c-alb);display:flex}
.aplicatie::before{content:"";position:absolute;z-index:0;right:-240px;top:-280px;width:900px;height:760px;background:radial-gradient(ellipse at 45% 40%,rgba(86,131,218,.28),rgba(86,131,218,.06) 45%,rgba(9,10,12,0) 68%);animation:fx-puls 8s ease-in-out infinite;pointer-events:none}
.aplicatie::after{content:"";position:absolute;z-index:0;inset:0;background:radial-gradient(circle,rgba(210,222,255,.3) 0 1px,rgba(210,222,255,0) 1.6px) 0 0/28px 28px;-webkit-mask:radial-gradient(600px 400px at 85% 0%,#000,transparent 75%);mask:radial-gradient(600px 400px at 85% 0%,#000,transparent 75%);opacity:.45;pointer-events:none}
.aplicatie__in{position:relative;z-index:1;width:min(1280px,100%);margin-inline:auto;display:flex;flex-direction:column}
.comanda-antet{height:72px;flex-shrink:0;padding:0 32px;display:flex;align-items:center;gap:24px}
.pasi-comanda{margin:0 0 0 auto;padding:0;list-style:none;display:flex;gap:6px}
.pasi-comanda li{height:34px;padding:0 14px 0 6px;border-radius:var(--r-pastila);display:flex;align-items:center;gap:8px;font-size:13px;color:var(--g-500);white-space:nowrap}
.pasi-comanda__nr{width:22px;height:22px;flex-shrink:0;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;background:rgba(255,255,255,.06);color:var(--g-500);transition:background-color .3s,color .3s,box-shadow .3s}
.pasi-comanda li.facut{color:var(--g-200)}
.pasi-comanda li.facut .pasi-comanda__nr{background:rgba(255,137,100,.16);color:var(--c-piersica)}
.pasi-comanda li[aria-current="step"]{background:rgba(255,255,255,.08);color:var(--c-alb);font-weight:600;box-shadow:inset 0 0 0 1px rgba(169,192,255,.35)}
.pasi-comanda li[aria-current="step"] .pasi-comanda__nr{background:var(--c-alb);color:var(--c-negru);box-shadow:0 0 14px rgba(169,192,255,.8)}
.progres{position:relative;height:3px;margin:0 32px;border-radius:3px;background:rgba(255,255,255,.08)}
.progres span{position:absolute;left:0;top:0;bottom:0;width:var(--progres,20%);border-radius:3px;background:linear-gradient(90deg,#3F68C4,#A9C0FF 70%,#FF8964);box-shadow:0 0 12px rgba(169,192,255,.8),0 0 2px #FFFFFF;transition:width .6s var(--ease)}
.progres span::after{content:"";position:absolute;right:-4px;top:50%;width:10px;height:10px;margin-top:-5px;border-radius:50%;background:var(--c-alb);box-shadow:0 0 12px 3px rgba(169,192,255,.9),0 0 24px 6px rgba(255,137,100,.5);animation:fx-puls 1.6s ease-in-out infinite}
.comanda__corp{flex-grow:1;display:flex;gap:24px;padding:28px 32px 32px;min-height:0}
.comanda__panou{flex-grow:1;min-width:0;display:flex;padding:36px 40px;background:var(--c-rama);border:1px solid rgba(255,255,255,.08);border-radius:var(--r-mare);box-shadow:var(--umbra)}
.comanda__form{flex-grow:1;min-width:0;display:flex;flex-direction:column;gap:24px}
.comanda__cap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px}
.comanda__titlu{margin:0;font-family:var(--f-titlu);font-size:clamp(34px,calc(28.5px + 1.52vw),48px);line-height:.95;letter-spacing:-.04em;font-weight:500;outline:none}
.comutator-plata{display:flex;gap:4px;padding:4px;border:1px solid rgba(255,255,255,.1);background:rgba(255,255,255,.04);border-radius:var(--r-pastila)}
.comutator-plata button{height:38px;padding:0 16px;border:0;border-radius:var(--r-pastila);background:transparent;color:var(--g-300);font-size:14px;transition:background-color .25s,color .25s}
.comutator-plata button[aria-pressed="true"]{background:var(--c-alb);color:var(--c-negru);font-weight:600}
.comutator-plata button[data-perioada="6luni"],.comutator button[data-perioada="6luni"]{white-space:nowrap}
.ecran{display:flex;flex-direction:column;gap:24px}
.ecran__bloc{display:flex;flex-direction:column;gap:24px}
.ecran__grup{display:flex;flex-direction:column;gap:10px}
.ecran__eticheta{font-size:13px;font-weight:500;color:var(--g-300)}
.ecran__nota{font-size:14px;line-height:1.5;color:var(--g-300)}
.ecran__intro{margin:0;font-size:15px;line-height:1.5;color:var(--g-300)}
.ecran__acasa{align-self:flex-start}
.optiuni{display:grid;gap:14px}
.optiuni--2{grid-template-columns:repeat(2,minmax(0,1fr))}
.optiuni--3{grid-template-columns:repeat(3,minmax(0,1fr))}
.optiuni-mici{display:flex;flex-wrap:wrap;gap:10px}
.optiune{font-family:inherit;color:var(--c-alb);cursor:pointer;transition:border-color .25s,box-shadow .3s,background-color .25s,translate .3s var(--ease)}
.optiune--card{text-align:left;padding:22px;border:1px solid rgba(255,255,255,.1);border-radius:var(--r);background:#141518}
.optiune--card[aria-pressed="true"]{border-color:#A9C0FF;background:radial-gradient(260px 160px at 0% 0%,rgba(86,131,218,.30),rgba(20,21,24,0) 70%),#141518;box-shadow:0 0 0 1px rgba(86,131,218,.45),0 0 30px -4px rgba(120,160,255,.55)}
.optiune--mic{height:46px;padding:0 20px;border:1px solid rgba(255,255,255,.14);border-radius:var(--r-pastila);background:transparent;color:var(--g-200);font-size:15px}
.optiune--mic[aria-pressed="true"]{border-color:var(--c-alb);background:var(--c-alb);color:var(--c-negru);font-weight:600;box-shadow:0 0 20px -4px rgba(169,192,255,.8)}
.optiune:hover{border-color:rgba(169,192,255,.55);translate:0 -2px}
.optiune__titlu{display:block;font-family:var(--f-titlu);font-size:24px;font-weight:500;letter-spacing:-.03em}
.optiune__titlu--22{font-size:22px}
.optiune__desc{display:block;margin-top:8px;font-size:14px;line-height:1.5;color:var(--g-300)}
.optiune__desc--13{margin-top:12px;font-size:13px}
.optiune__pret{display:block;margin-top:14px;font-family:var(--f-titlu);font-size:clamp(46px,calc(40px + .8vw),56px);line-height:.9;font-weight:600;letter-spacing:-.05em}
.optiune__lei{display:block;margin-top:6px;font-size:14px;color:var(--g-350);font-variant-numeric:tabular-nums}
.optiune__per{font-family:var(--f-text);font-size:14px;font-weight:500;letter-spacing:0;color:var(--g-300)}
.contor{display:flex;flex-wrap:wrap;align-items:center;gap:14px}
.contor__buton{width:44px;height:44px;padding:0;font-size:20px}
.contor__valoare{min-width:56px;text-align:center;font-family:var(--f-titlu);font-size:44px;line-height:1;font-weight:500;letter-spacing:-.04em}
.contor__nota{font-size:14px;color:var(--g-300)}
.camp-cu-eroare{display:flex;flex-direction:column;gap:8px}
.camp-comanda{display:flex;flex-direction:column;gap:8px;font-size:13px;font-weight:500;color:var(--g-300)}
.camp-comanda__optional{font-weight:400;color:var(--g-500)}
.camp-comanda .camp{height:48px;padding:0 14px;font-size:15px}
.camp-comanda .camp[type="url"]{font-size:16px}
.camp-comanda textarea.camp{height:auto;padding:12px 14px;resize:none}
.camp-eroare{font-size:13px;line-height:1.4;color:var(--c-piersica)}
.campuri-2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.acord{display:flex;gap:10px;align-items:flex-start;font-size:14px;line-height:1.5;color:var(--g-300)}
.acord input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--c-albastru-2)}
.acord input[aria-invalid="true"]{outline:2px solid var(--c-piersica);outline-offset:2px}
.acord a{color:var(--c-albastru-deschis)}
.acord a:hover{color:var(--c-alb)}
.rezumat{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.1);border-radius:var(--r);overflow:hidden}
.rezumat__linie{display:flex;align-items:center;gap:16px;padding:16px 20px;border-bottom:1px solid rgba(255,255,255,.06)}
.rezumat__eticheta{width:150px;flex-shrink:0;font-size:14px;color:var(--g-300)}
.rezumat__valoare{flex-grow:1;min-width:0;font-size:15px;font-weight:600}
.rezumat__modifica{flex-shrink:0;height:44px;padding:0 8px;border:0;background:transparent;color:var(--c-albastru-deschis);font-size:14px;font-weight:600;transition:color .25s}
.rezumat__modifica:hover{color:var(--c-alb)}
.comanda__nav{margin-top:auto;display:flex;justify-content:space-between;align-items:center;gap:12px}
.comanda__inapoi{height:48px}
.comanda__inainte{height:48px;padding:0 48px}
.comanda-rezumat{position:relative;width:340px;flex-shrink:0;padding:28px;border-radius:var(--r-mare);background:radial-gradient(320px 260px at 50% 100%,rgba(86,131,218,.28),rgba(14,15,17,0) 70%),var(--c-rama);box-shadow:0 0 46px 2px rgba(86,131,218,.22);display:flex;flex-direction:column;gap:14px}
.comanda-rezumat__linii{display:flex;flex-direction:column;gap:14px}
.comanda-rezumat__linie{display:flex;justify-content:space-between;gap:12px;padding-bottom:12px;border-bottom:1px solid rgba(255,255,255,.08);font-size:14px}
.comanda-rezumat__linie span:first-child{color:var(--g-300)}
.comanda-rezumat__linie span:last-child{text-align:right;font-weight:600}
.comanda-rezumat__total{margin-top:auto;display:flex;flex-direction:column;gap:8px}
.comanda-rezumat__eticheta{font-size:14px;color:var(--g-300)}
.comanda-rezumat__suma{align-self:flex-start;font-family:var(--f-titlu);font-size:clamp(52px,calc(46px + .9vw),64px);line-height:.9;font-weight:600;letter-spacing:-.05em}
.comanda-rezumat__lei{font-size:16px;font-weight:500;color:var(--g-300);font-variant-numeric:tabular-nums}
.comanda-rezumat__apoi{font-size:13px;line-height:1.5;color:var(--g-300)}
.comanda-rezumat__gratuit{align-self:flex-start;margin-top:8px;padding:8px 14px;border-radius:var(--r-pastila);border:1px solid rgba(255,137,100,.35);background:rgba(255,137,100,.12);box-shadow:0 0 20px -6px rgba(255,137,100,.6);font-size:13px;font-weight:600;color:var(--c-piersica)}
@media (prefers-reduced-motion: reduce){.aplicatie::before,.progres span::after{animation:none}.progres span{transition:none}}
@media (max-width:1023px){
  .comanda__corp{flex-direction:column}
  .comanda-rezumat{width:auto}
  .comanda-rezumat__total{margin-top:8px}
}
@media (max-width:899px){.optiuni--3{grid-template-columns:minmax(0,1fr)}}
@media (max-width:767px){
  .comanda-antet{height:auto;flex-wrap:wrap;gap:14px;padding:16px var(--gutter) 14px}
  .pasi-comanda{margin:0;width:100%;flex-wrap:wrap}
  .pasi-comanda li:not([aria-current="step"]){padding:0 6px}
  .pasi-comanda li:not([aria-current="step"]) .pasi-comanda__nume{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
  .progres{margin:0 var(--gutter)}
  .comanda__corp{gap:16px;padding:20px var(--gutter) 24px}
  .comanda__panou{padding:24px 20px}
  .comanda-rezumat{padding:24px 20px}
}
@media (max-width:599px){
  .optiuni--2,.campuri-2{grid-template-columns:minmax(0,1fr)}
  .rezumat__linie{flex-wrap:wrap;gap:2px 12px;padding:12px 16px}
  .rezumat__eticheta{width:100%}
  .rezumat__modifica{height:36px}
  .comanda__nav{flex-direction:column-reverse;align-items:stretch}
  .comanda__inapoi.invizibil{display:none}
  .comanda__inainte{height:auto;min-height:48px;padding:10px 24px;white-space:normal;text-align:center;line-height:1.3}
}

/* Eroul pe telefon. Fasciculul alb cade peste text (titlu, paragraf, termen): un strat închis,
   semitransparent, între fascicul și text, cu marginile de sus și de jos estompate. */
@media (max-width:767px){
  .erou__text,.nisa-erou__text,.blog-erou__text,.articol-erou__text{position:relative;isolation:isolate}
  .erou__text::before,.nisa-erou__text::before,.blog-erou__text::before,.articol-erou__text::before{content:"";position:absolute;z-index:-1;inset:-40px calc(-1 * var(--gutter, 16px));background:rgba(9,10,12,.62);pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 48px,#000 calc(100% - 48px),transparent 100%)}
}
/* Macheta din erou derulează în interior. Pe ecranele tactile, la capătul ei derularea trece
   mai departe, în pagină; `contain` bloca degetul pe machetă. */
@media (hover:none),(max-width:767px){
  .sb-vp{overscroll-behavior-y:auto}
}

/* ---------- WhatsApp în dreapta jos, în locul siglei reCAPTCHA ---------- */
/* Sigla se ascunde (Google permite asta numai dacă nota de mai jos apare în fluxul
   formularului). #128c7e dă 4,1:1 cu pictograma albă (1.4.11); verdele de marcă
   #25d366 dădea 2:1, deci nu trece. */
.grecaptcha-badge{visibility:hidden!important}
.whatsapp{position:fixed;right:16px;bottom:16px;z-index:95;width:52px;height:52px;display:grid;place-items:center;
  border:2px solid var(--c-alb);border-radius:50%;background:#128c7e;color:var(--c-alb);
  box-shadow:0 10px 24px -8px rgba(0,0,0,.55);text-decoration:none}
.whatsapp:hover{background:#075e54;color:var(--c-alb)}
/* Butonul plutește peste secțiuni deschise si peste secțiuni aproape negre, deci un singur
   inel nu poate trece 3:1 pe amandoua (1.4.11): inelul alb se vede pe verde, cel inchis pe fundal deschis. */
.whatsapp:focus-visible{outline:3px solid var(--c-alb);outline-offset:-3px;box-shadow:0 0 0 3px #0b0d10,0 10px 24px -8px rgba(0,0,0,.55)}
.recaptcha-nota{margin:10px 0 0;font-size:13px;line-height:1.45;color:var(--g-500)}
.ghid-form .recaptcha-nota,.ghid-lateral .recaptcha-nota,.comanda__panou .recaptcha-nota{color:var(--g-300)}
.ghid-form .recaptcha-nota a,.ghid-lateral .recaptcha-nota a,.comanda__panou .recaptcha-nota a{color:var(--c-alb)}
@media (max-width:480px){.whatsapp{right:12px;bottom:12px;width:48px;height:48px}}
@media print{.whatsapp{display:none!important}}
/* 2.4.11 (WCAG 2.2): elementul focalizat din tastatură nu ajunge sub butonul fix de jos. */
html{scroll-padding-bottom:88px}

/* nv:start — Navigatorul de pachet (etapa 4 sitesos, 14.10.2026). Baza e comună celor trei
   site-uri; culorile vin din variabilele --nv-* puse mai jos, pe fiecare site. Sursa:
   PROJECTS/emblematic-ro/stil-sitesos-20261012/navigator/nv.css, copiată cu sincronizeaza.py.
   Mișcare doar pe transform și opacity; prefers-reduced-motion oprește tot. */
.nv[hidden],.nv [hidden]{display:none!important}
.nv{position:relative;padding-block:clamp(56px,7vw,104px);background:var(--nv-fundal);color:var(--nv-text);font-size:16px;line-height:1.55}
.nv__in{max-width:1080px;margin-inline:auto;padding-inline:var(--nv-gutter,20px)}
.nv__cap{text-align:center;max-width:720px;margin:0 auto clamp(24px,3vw,40px)}
.nv__eti{display:inline-flex;align-items:center;gap:10px;margin:0 0 10px;font-family:var(--nv-mono);font-size:12px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--nv-eti)}
.nv__cap .nv__eti::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--nv-accent);box-shadow:0 0 10px 2px var(--nv-glow);animation:nv-puls 2.4s ease-in-out infinite}
.nv__h2{margin:0 0 10px;font-family:var(--nv-f-titlu);font-size:clamp(28px,3.4vw,44px);line-height:1.12;font-weight:600;letter-spacing:-.015em;color:var(--nv-titlu);text-wrap:balance}
.nv__lede{margin:0;font-size:clamp(16px,1.3vw,18px);color:var(--nv-moale);text-wrap:pretty}
.nv__panou{position:relative;background:var(--nv-card);border:1px solid var(--nv-linie);border-radius:20px;box-shadow:var(--nv-umbra);overflow:hidden}
.nv__bara{position:relative;display:flex;align-items:center;gap:12px;padding:18px clamp(20px,3.4vw,40px);border-bottom:1px solid var(--nv-linie);overflow:hidden;background:var(--nv-bara,transparent)}
.nv__bara::after{content:"";position:absolute;left:0;bottom:0;width:30%;height:1px;background:linear-gradient(90deg,transparent,var(--nv-accent),transparent);animation:nv-scan 4.2s linear infinite}
.nv__led{flex:0 0 7px;height:7px;border-radius:50%;background:var(--nv-accent);box-shadow:0 0 10px 2px var(--nv-glow);animation:nv-puls 2.4s ease-in-out infinite}
.nv__pas{font-family:var(--nv-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--nv-titlu)}
.nv__prog{margin-left:auto;display:flex;gap:4px;width:min(220px,42%)}
.nv__prog i{flex:1;height:4px;border-radius:2px;background:var(--nv-linie-tare);transition:background-color .3s}
.nv__prog i.gata,.nv__prog i.acum{background:var(--nv-accent)}
.nv__prog i.acum{animation:nv-puls 2s ease-in-out infinite}
.nv__q{padding:clamp(22px,3vw,34px) clamp(20px,3.4vw,40px) 0}
.nv__q:not([hidden]),.nv__rez:not([hidden]){animation:nv-intra .42s cubic-bezier(.2,.8,.2,1) both}
.nv__scurt{margin:0 0 6px;font-family:var(--nv-mono);font-size:12px;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--nv-eti)}
.nv__scurt::before{content:attr(data-nr) " / ";color:var(--nv-accent-text)}
.nv__titlu{margin:0;font-family:var(--nv-f-titlu);font-size:clamp(22px,2.4vw,30px);line-height:1.2;font-weight:600;letter-spacing:-.01em;color:var(--nv-titlu);text-wrap:balance;outline:0}
.nv__sub{margin:8px 0 0;color:var(--nv-moale)}
.nv__opt{list-style:none;margin:20px 0 0;padding:0;display:grid;gap:10px;counter-reset:nvo}
.nv__opt li{position:relative;display:flex;align-items:center;gap:14px;min-height:58px;margin:0;padding:12px 52px 12px 14px;border:1.5px solid var(--nv-linie);border-radius:14px;background:var(--nv-opt);color:var(--nv-titlu);font-size:16px;line-height:1.4;cursor:pointer;counter-increment:nvo;-webkit-tap-highlight-color:transparent;transition:transform .18s cubic-bezier(.2,.8,.2,1),border-color .18s,background-color .18s,box-shadow .18s}
.nv__opt li::before{content:counter(nvo,upper-alpha);flex:0 0 30px;height:30px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-family:var(--nv-mono);font-size:13px;font-weight:600;background:var(--nv-bula);color:var(--nv-moale);transition:background-color .18s,color .18s}
.nv__opt li::after{content:"";position:absolute;right:16px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:var(--nv-bifa-fundal) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.6l3.1 3.1L13 4.8' fill='none' stroke='%23fff' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/13px no-repeat;opacity:0;transform:scale(.6);transition:opacity .18s,transform .18s cubic-bezier(.2,.8,.2,1)}
.nv__opt li:hover{border-color:var(--nv-hover)}
.nv__opt li[aria-checked="true"]{border-color:var(--nv-accent);background:var(--nv-sel);box-shadow:0 2px 0 var(--nv-glow-slab),0 10px 24px -14px var(--nv-umbra-c);transform:translateY(-1px)}
.nv__opt li[aria-checked="true"]::before{background:var(--nv-accent);color:var(--nv-pe-accent)}
.nv__opt li[aria-checked="true"]::after{opacity:1;transform:none}
.nv__opt li:focus-visible,.nv__btn:focus-visible,.nv__inapoi:focus-visible,.nv__reia:focus-visible,.nv a:focus-visible{outline:3px solid var(--nv-focus);outline-offset:2px}
.nv__nav{display:flex;align-items:center;flex-wrap:wrap;gap:12px 16px;padding:22px clamp(20px,3.4vw,40px) clamp(22px,3vw,34px)}
.nv__indiciu{margin:0 0 0 auto;font-size:13.5px;color:var(--nv-moale);transition:opacity .2s}
.nv__indiciu.nv__stins{opacity:0}
.nv__indiciu.nv__atentie{animation:nv-clipeste .45s ease-in-out 2}
.nv__btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 26px;border:0;border-radius:var(--nv-raza-btn,6px);background:var(--nv-btn);color:var(--nv-btn-text);font:inherit;font-size:17px;font-weight:600;line-height:1.2;text-align:center;text-decoration:none;cursor:pointer;transition:transform .18s cubic-bezier(.2,.8,.2,1),filter .18s}
.nv__btn:hover{transform:translateY(-1px);filter:brightness(1.06);color:var(--nv-btn-text)}
.nv__btn[aria-disabled="true"]{background:var(--nv-btn-stins);color:var(--nv-btn-stins-text);cursor:not-allowed;transform:none;filter:none}
.nv__inapoi,.nv__reia{min-height:44px;padding:0 18px;border:1px solid var(--nv-linie-tare);border-radius:var(--nv-raza-btn,6px);background:transparent;color:var(--nv-titlu);font:inherit;font-size:15px;font-weight:500;cursor:pointer}
.nv__inapoi:hover,.nv__reia:hover{border-color:var(--nv-accent)}
.nv__final{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);gap:clamp(20px,3vw,40px);padding:clamp(22px,3vw,34px) clamp(20px,3.4vw,40px)}
.nv__rez-cap{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:16px 28px}
.nv__rez-text{flex:1 1 260px;min-width:0}
.nv__nume{margin:0 0 8px;font-family:var(--nv-f-titlu);font-size:clamp(26px,3vw,36px);line-height:1.12;font-weight:600;letter-spacing:-.015em;color:var(--nv-titlu);text-wrap:balance;outline:0}
.nv__desc{margin:0;color:var(--nv-text)}
.nv__pret{flex:0 0 auto;text-align:right}
.nv__v{display:block;font-family:var(--nv-f-titlu);font-size:clamp(40px,4.6vw,56px);line-height:1;font-weight:700;letter-spacing:-.02em;color:var(--nv-titlu);white-space:nowrap}
.nv__lei{display:block;margin-top:6px;font-size:15px;font-weight:500;color:var(--nv-titlu)}
.nv__per{margin:2px 0 0;font-size:13.5px;color:var(--nv-moale)}
.nv__h4{margin:26px 0 10px;font-family:var(--nv-mono);font-size:12px;line-height:1.3;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--nv-eti)}
.nv__motive{list-style:none;margin:0;padding:0;display:grid;gap:10px}
.nv__motive li{position:relative;margin:0;padding-left:32px}
.nv__motive li::before{content:"";position:absolute;left:0;top:.15em;width:21px;height:21px;border-radius:50%;background:var(--nv-sel);box-shadow:inset 0 0 0 1px var(--nv-linie-tare)}
.nv__motive li::after{content:"";position:absolute;left:4px;top:calc(.15em + 4px);width:13px;height:13px;background:var(--nv-link);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.6l3.1 3.1L13 4.8' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M3 8.6l3.1 3.1L13 4.8' fill='none' stroke='%23000' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center/contain no-repeat}
.nv__rez p{margin:0 0 10px}
.nv__rez .nv__desc,.nv__rez .nv__per{margin-bottom:0}
.nv__cta{display:flex;flex-wrap:wrap;align-items:center;gap:12px 20px;margin:24px 0 0!important}
.nv__fara{padding:12px 14px;border-radius:10px;background:var(--nv-avert-fundal);color:var(--nv-avert-text);font-size:14.5px}
.nv__recap-bloc{align-self:start;padding:20px;border:1px solid var(--nv-linie);border-radius:14px;background:var(--nv-recap)}
.nv__recap-bloc .nv__h4{margin-top:0}
.nv__recap{display:grid;gap:12px;margin:0}
.nv__recap div{min-width:0}
.nv__recap dt{font-family:var(--nv-mono);font-size:11.5px;letter-spacing:.1em;text-transform:uppercase;font-weight:600;color:var(--nv-eti)}
.nv__recap dd{margin:2px 0 0;font-size:15px;line-height:1.4;color:var(--nv-titlu)}
.nv__orientativ,.nv__alte,.nv__linkuri{margin:14px 0 0;font-size:14px;color:var(--nv-moale)}
.nv[data-nv-stare="personalizat"] .nv__doar-pachet{display:none}
.nv__link,.nv__alte a{color:var(--nv-link);font-weight:500}
.nv__reia{margin-top:18px}
.nv__nota{margin:14px 0 0;text-align:center;font-size:13px;color:var(--nv-moale)}
.nv__sr{position:absolute;width:1px;height:1px;margin:-1px;padding:0;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
@media (min-width:900px){.nv__opt:has(li:nth-child(4)){grid-template-columns:1fr 1fr}}
@media (max-width:820px){
  .nv__final{grid-template-columns:1fr}
  .nv__pret{text-align:left}
  .nv__nav .nv__btn{flex:1 1 auto}
  .nv__indiciu{order:3;flex-basis:100%;margin:0;text-align:center}
}
@keyframes nv-puls{0%,100%{opacity:1}50%{opacity:.45}}
@keyframes nv-intra{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}
@keyframes nv-scan{from{transform:translateX(-100%)}to{transform:translateX(340%)}}
@keyframes nv-clipeste{50%{opacity:.35}}
@media (prefers-reduced-motion:reduce){.nv *,.nv *::before,.nv *::after{animation:none!important;transition:none!important}}
/* culorile swg */
.nv{--nv-fundal:radial-gradient(120% 90% at 80% 0%,#15181f 0%,#090A0C 58%,#05060a 100%);--nv-card:#111111;--nv-bara:transparent;
  --nv-linie:rgba(255,255,255,.10);--nv-linie-tare:rgba(255,255,255,.18);--nv-text:#D1D1D1;--nv-titlu:#FFFFFF;--nv-moale:#A9A9AA;--nv-eti:#FF8964;
  --nv-accent:#FF8964;--nv-accent-text:#FF8964;--nv-glow:rgba(255,137,100,.6);--nv-glow-slab:rgba(255,137,100,.3);--nv-umbra-c:rgba(0,0,0,.8);
  --nv-sel:#1d1f24;--nv-opt:#16171A;--nv-bula:#222327;--nv-pe-accent:#0B0D10;--nv-hover:#5B5D63;--nv-bifa-fundal:#3F68C4;
  --nv-btn:#FF8964;--nv-btn-text:#0B0D10;--nv-btn-stins:#2a2b30;--nv-btn-stins-text:#8A8B90;
  --nv-focus:#A9C0FF;--nv-link:#A9C0FF;--nv-recap:#16171A;--nv-avert-fundal:rgba(255,137,100,.12);--nv-avert-text:#FFC7B2;
  --nv-umbra:rgba(0,0,0,.5) 0 6px 25px;
  --nv-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;--nv-f-titlu:Sora,Outfit,Inter,sans-serif;--nv-gutter:var(--gutter,20px);--nv-raza-btn:var(--r-pastila,9999px)}
/* nv:end */

/* et4:start — Etapa 4 sitesos, restul: banda de cifre din erou, „Cum funcționează” cu pasul
   activ aprins în buclă și secțiunea numerotată cu diagramă vie (14.10.2026).
   Baza e comună celor trei site-uri; culorile vin din variabilele --et4-* puse mai jos, pe
   fiecare site. Diagrama din secțiunea numerotată diferă pe site, fiindcă mecanismul diferă,
   deci stă în CSS-ul fiecărui site, nu aici.
   Sursa: PROJECTS/emblematic-ro/stil-sitesos-20261012/etapa4/et4.css, copiată cu sincronizeaza.py.
   Mișcare doar pe transform și opacity; prefers-reduced-motion oprește tot.
   Textul nu se stinge niciodată prin opacity: la 62% un text de 10,6:1 coboară la 3,5:1 și
   pică 1.4.3. Pasul inactiv se citește din bulă, din contur și din ridicare, nu din opacitate. */

/* ---------- eticheta mono, cu numărul secțiunii în data-nr ---------- */
.et4-eti{display:flex;align-items:center;gap:10px;margin:0 0 12px;font-family:var(--et4-mono);font-size:12px;line-height:1.3;letter-spacing:.16em;text-transform:uppercase;font-weight:600;color:var(--et4-eti-c)}
.et4-eti[data-nr]::before{content:attr(data-nr) " /";font-size:15px;letter-spacing:.06em;font-weight:500;color:var(--et4-eti-nr)}

/* ---------- starea cu punct care pulsează ---------- */
.et4-stare{display:inline-flex;align-items:center;gap:8px;white-space:nowrap;padding:6px 13px;border:1px solid var(--et4-stare-linie);border-radius:999px;background:var(--et4-stare-fundal);font-family:var(--et4-mono);font-size:10.5px;line-height:1.3;letter-spacing:.14em;text-transform:uppercase;font-weight:600;color:var(--et4-stare-text)}
.et4-stare::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--et4-accent);box-shadow:0 0 10px 2px var(--et4-glow);animation:et4-puls 2.4s ease-in-out infinite}

/* ---------- banda cu trei cifre, în coloana de text a eroului, sub butoane ---------- */
.et4-cifre{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));margin:18px 0 0;border:1px solid var(--et4-hb-linie);border-radius:14px;background:var(--et4-hb-fundal);overflow:hidden}
.et4-cifre>div{display:flex;flex-direction:column;gap:5px;padding:17px 20px;border-right:1px solid var(--et4-hb-linie)}
.et4-cifre>div:last-child{border-right:0}
.et4-cifre dt{margin:0;font-family:var(--et4-f);font-size:clamp(24px,2.4vw,30px);line-height:1;font-weight:600;letter-spacing:-.01em;color:var(--et4-hb-titlu)}
.et4-cifre dd{margin:0;font-size:13.5px;line-height:1.35;color:var(--et4-hb-moale)}
@media (max-width:760px){
  .et4-cifre{grid-template-columns:1fr}
  .et4-cifre>div{flex-direction:row;align-items:baseline;gap:12px;padding:13px 16px;border-right:0;border-bottom:1px solid var(--et4-hb-linie)}
  .et4-cifre>div:last-child{border-bottom:0}
  .et4-cifre dt{flex:0 0 auto;font-size:25px}
}

/* ---------- „Cum funcționează”: pașii, cu pasul activ aprins în buclă ---------- */
.et4-pasi{position:relative}
.et4-pasi__sina,.et4-pasi__viu{position:absolute;left:var(--et4-s-a,34px);top:var(--et4-s-c,34px);width:var(--et4-s-l,0px);height:2px;border-radius:2px}
.et4-pasi--v .et4-pasi__sina,.et4-pasi--v .et4-pasi__viu{left:var(--et4-s-c,23px);top:var(--et4-s-a,24px);width:2px;height:var(--et4-s-l,0px)}
.et4-pasi__sina{background:var(--et4-p-sina)}
.et4-pasi__viu{background:var(--et4-accent);transform:scaleX(var(--et4-s,0));transform-origin:left center;transition:transform .5s cubic-bezier(.2,.8,.2,1)}
.et4-pasi--v .et4-pasi__viu{transform:scaleY(var(--et4-s,0));transform-origin:center top}
.et4-pasi__l{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(var(--et4-n,3),minmax(0,1fr));gap:22px;align-items:stretch}
.et4-pas{position:relative;margin:0;display:flex;flex-direction:column;gap:12px}
.et4-pas__b{align-self:flex-start;width:68px;height:68px;padding:0;border:1px solid var(--et4-p-linie-tare);border-radius:50%;background:var(--et4-p-card);cursor:pointer;display:flex;align-items:center;justify-content:center;box-shadow:var(--et4-p-umbra-mica);transition:border-color .35s linear,transform .35s cubic-bezier(.2,.8,.2,1)}
.et4-pas__b>span{width:50px;height:50px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--et4-p-bula);font-family:var(--et4-f);font-size:23px;font-weight:600;color:var(--et4-p-titlu);transition:background-color .35s linear,color .35s linear}
/* flex:1 face toate cartonașele unui rand la fel de inalte: altfel fiecare se oprea la textul
   lui si rândul ieșea zimțat (212/284/191/216 px, masurat pe 14.10.2026). */
.et4-pas__card{flex:1 1 auto;display:flex;flex-direction:column;gap:7px;padding:20px 22px;border:1px solid var(--et4-p-linie);border-radius:16px;background:var(--et4-p-card);box-shadow:var(--et4-p-umbra);transition:border-color .35s linear,transform .35s cubic-bezier(.2,.8,.2,1)}
.et4-pas__cand{margin:0;font-family:var(--et4-mono);font-size:11.5px;line-height:1.5;letter-spacing:.12em;text-transform:uppercase;font-weight:600;color:var(--et4-p-eti)}
.et4-pas__card h3{margin:0;font-family:var(--et4-f);font-size:clamp(17px,1.6vw,20px);line-height:1.25;font-weight:600;color:var(--et4-p-titlu);text-wrap:balance}
.et4-pas__card p{margin:0;font-size:15px;line-height:1.55;color:var(--et4-p-text);text-wrap:pretty}
.et4-pas.acum .et4-pas__b,.et4-pas.acum .et4-pas__card{border-color:var(--et4-accent)}
.et4-pas.acum .et4-pas__b>span{background:var(--et4-accent);color:var(--et4-pe-accent)}
.et4-pas.acum .et4-pas__card{transform:translateY(-3px)}
.et4-pas__b:focus-visible,.et4-pasi a:focus-visible{outline:3px solid var(--et4-focus);outline-offset:2px}
@media (max-width:860px){
  .et4-pasi__l{grid-template-columns:1fr;gap:12px}
  .et4-pas{flex-direction:row;align-items:flex-start;gap:14px}
  .et4-pas__b{flex:0 0 48px;width:48px;height:48px}
  .et4-pas__b>span{width:36px;height:36px;font-size:18px}
  .et4-pas__card{flex:1 1 auto;min-width:0;padding:13px 15px;gap:5px}
  .et4-pas.acum .et4-pas__card{transform:translateX(3px)}
}

/* ---------- secțiunea numerotată: text la stânga, diagrama vie la dreapta ---------- */
.et4-num{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,480px);gap:clamp(28px,4vw,44px);align-items:center}
.et4-num__text{display:flex;flex-direction:column;gap:18px;min-width:0}
.et4-num__text h2{margin:0;font-family:var(--et4-f);font-size:clamp(26px,3vw,34px);line-height:1.16;font-weight:700;letter-spacing:-.01em;color:var(--et4-n-titlu);text-wrap:balance}
.et4-num__text>p{margin:0;font-size:clamp(15.5px,1.3vw,16.5px);line-height:1.6;color:var(--et4-n-text);text-wrap:pretty}
.et4-lista{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}
.et4-lista li{display:flex;align-items:flex-start;gap:11px;margin:0;font-size:15.5px;line-height:1.5;color:var(--et4-n-text)}
.et4-lista li::before{content:"";flex:0 0 20px;height:20px;margin-top:2px;background:var(--et4-bifa) center/20px no-repeat}
.et4-num__fig{position:relative;justify-self:center;width:100%;max-width:486px}
@media (max-width:980px){
  .et4-num{grid-template-columns:1fr;gap:26px}
  .et4-num__fig{justify-self:stretch;order:2}
}

@keyframes et4-puls{0%,100%{opacity:1}50%{opacity:.4}}
@keyframes et4-scan{0%{transform:translateX(-100%)}100%{transform:translateX(420%)}}

@media (prefers-reduced-motion:reduce){
  .et4-eti::before,.et4-stare::before,.et4-pasi__viu,.et4-pas__b,.et4-pas__b>span,.et4-pas__card{animation:none!important;transition:none!important}
  .et4-pas.acum .et4-pas__card{transform:none}
}
/* culorile swg */
:root{--et4-mono:'JetBrains Mono',ui-monospace,Menlo,Consolas,monospace;--et4-f:Sora,Outfit,Inter,sans-serif;
  --et4-accent:#FF8964;--et4-pe-accent:#0B0D10;--et4-glow:rgba(255,137,100,.6);--et4-focus:#A9C0FF;
  --et4-eti-c:#FF8964;--et4-eti-nr:#fff;
  --et4-stare-linie:rgba(255,137,100,.28);--et4-stare-fundal:rgba(255,137,100,.12);--et4-stare-text:#FFC7B2;
  --et4-hb-linie:rgba(255,255,255,.12);--et4-hb-fundal:#111;--et4-hb-titlu:#fff;--et4-hb-moale:#A9A9AA;
  --et4-p-card:#111;--et4-p-bula:#16171A;--et4-p-linie:rgba(255,255,255,.12);--et4-p-linie-tare:rgba(255,255,255,.18);--et4-p-sina:rgba(255,255,255,.12);
  --et4-p-titlu:#fff;--et4-p-text:#A9A9AA;--et4-p-eti:#FFC7B2;
  --et4-p-umbra:rgba(0,0,0,.5) 0 6px 25px;--et4-p-umbra-mica:none;
  --et4-n-titlu:#fff;--et4-n-text:#D1D1D1;--et4-n-moale:#A9A9AA;--et4-n-card:#111;--et4-n-linie:rgba(255,255,255,.12);
  --et4-bifa:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath d='M5 12.5l4.2 4L19 7' fill='none' stroke='%23FF8964' stroke-width='2.4' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}
/* Paleta et4 de mai sus e construita pentru secțiuni întunecate. Pe sitewebgratuit, secțiunea
   numerotata (Gazduire) si cea cu pasii stau pe fundalul deschis al paginii (--c-fundal), iar
   titlul alb si textul #D1D1D1 dispareau complet. Se intuneca numai ce sta DIRECT pe fundalul
   paginii: titlul, paragraful, lista si eticheta mono. Cardurile inchise din aceste secțiuni
   (.resurse, .et4-pas__card) folosesc --et4-p-* si --et4-n-card, deci nu se ating. */
.sectiune--gazduire,.sectiune--pasi{
  --et4-n-titlu:var(--c-text);--et4-n-text:var(--g-650);--et4-n-moale:var(--g-600);
  --et4-eti-c:var(--c-teracota);--et4-eti-nr:var(--c-text);
}
.et4-cifre{border-radius:16px}
.et4-pas__b,.et4-pas__b>span{border-radius:50%}
/* et4:end */

/* ---------- etapa 4 (14.10.2026): ce ține de sitewebgratuit.ro în blocurile noi ----------
   Blocul comun celor trei site-uri stă mai sus, între `et4:start` și `et4:end`. Aici rămâne
   nota de sub banda din erou și diagrama secțiunii „02 / GĂZDUIRE”: trei bare pe „nelimitat”,
   adică o limită care nu există. Barele cresc în buclă, cu un decalaj pe rând; rândul aprins
   își colorează doar eticheta, fiindcă un text stins la 55% ar coborî la 2,9:1. */
.erou__nota{margin:14px 0 0;font-size:13.5px;line-height:1.5;color:var(--g-300)}
.erou__nota b{color:var(--c-alb);font-weight:600}
.erou .et4-cifre{max-width:620px}
.sectiune--gazduire{padding-block:var(--pad-sectiune-jos)}
.sectiune--gazduire .fantoma{align-self:flex-start;margin-top:4px}
.resurse{position:relative;border:1px solid rgba(255,255,255,.12);border-radius:20px;background:#111;overflow:hidden}
.resurse::before{content:"";position:absolute;left:0;top:0;width:110px;height:2px;background:linear-gradient(90deg,rgba(255,137,100,0),#FF8964,rgba(255,137,100,0));animation:et4-scan 6s linear infinite}
.resurse__cap{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:18px 22px;border-bottom:1px solid rgba(255,255,255,.1)}
.resurse__k{margin:0;font-family:var(--et4-mono);font-size:11px;letter-spacing:.16em;text-transform:uppercase;color:var(--g-300)}
.resurse__l{margin:0;padding:22px 22px 8px;display:flex;flex-direction:column;gap:20px}
.resurse__l .rand{position:relative;padding-bottom:19px;display:grid;grid-template-columns:1fr auto;align-items:baseline;gap:12px}
.resurse__l dt{margin:0;font-family:var(--et4-mono);font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:var(--g-300);transition:color .4s linear}
.resurse__l dd{margin:0;font-size:15px;font-weight:600;color:var(--c-alb)}
.resurse__l .rand::before,.resurse__l .rand::after{content:"";position:absolute;left:0;right:0;bottom:0;height:10px;border-radius:9999px}
.resurse__l .rand::before{background:#1d1f24}
.resurse__l .rand::after{background:linear-gradient(90deg,rgba(255,137,100,.35),#FF8964);transform-origin:left center;animation:swg-creste 3.6s cubic-bezier(.2,.8,.2,1) infinite;animation-delay:calc(var(--i) * .5s)}
.resurse__l .rand.acum dt{color:var(--c-piersica)}
.resurse__f{margin:0;padding:16px 22px 20px;border-top:1px solid rgba(255,255,255,.1);display:flex;flex-direction:column;gap:10px}
.resurse__f>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:3px 8px}
.resurse__f dt{margin:0;font-size:13.5px;font-weight:600;color:var(--c-alb)}
.resurse__f dd{margin:0;font-size:13.5px;line-height:1.45;color:var(--g-200)}
@keyframes swg-creste{0%{transform:scaleX(.08)}55%,100%{transform:scaleX(1)}}
@media (prefers-reduced-motion:reduce){
  .resurse::before{animation:none;opacity:0}
  .resurse__l .rand::after{animation:none;transform:scaleX(1)}
  .resurse__l dt{transition:none}
}


/* ---------- WordPress: completări peste prototip ---------- */
/* Imaginea reală a unui articol, peste fundalul de rezervă din prototip. */
.imagine__foto{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border-radius:inherit}
/* Bara de administrare împinge pagina în jos doar pentru cei autentificați. Antetul e
   `sticky` cu top:0, deci fără asta s-ar lipi sub bară, ascuns de ea. */
.admin-bar .antet{top:32px}
.admin-bar .cuprins{top:128px}
/* Creditul fotografiei din erou, din legenda atașamentului. */
.articol-erou__credit{position:absolute;right:10px;bottom:8px;z-index:1;max-width:calc(100% - 20px);font-size:11px;line-height:1.4;color:#fff;background:rgba(9,10,12,.62);padding:3px 8px;border-radius:6px}
.articol-erou__credit a{color:inherit;text-decoration:underline}