/* =========================================================================
   QoS.com.ro — theme.css
   Variabilele de brand (--qos-primary etc.) vin inline din Customizer.
   Aici: tokeni de design, layout, componente, responsive, accesibilitate.
   ========================================================================= */

:root{
	--qos-primary:#1268fb;            /* fallback; suprascris inline */
	--qos-primary-rgb:18,104,251;
	--qos-primary-dark:#0b46c9;
	--qos-primary-dark-rgb:11,70,201;  /* pentru sticlă: albastrul deschis, translucid, n-ar avea contrast */
	--qos-accent:#22d3ee;
	--qos-ink:#0b1220;
	--qos-navy:#0a1a3f;
	--qos-logo-h:46px;
	--qos-logo-h-footer:40px;

	--qos-bg:#ffffff;
	--qos-tint:#f4f7fe;
	--qos-line:#e6ebf4;
	--qos-muted:#5a6579;
	--qos-white:#ffffff;

	--qos-max:1200px;
	--qos-narrow:760px;
	--qos-gap:clamp(1rem,3vw,2rem);
	--qos-pad:clamp(3rem,7vw,6rem);

	--qos-r:14px;
	--qos-r-lg:22px;
	--qos-r-pill:999px;
	--qos-shadow:0 10px 30px rgba(16,32,64,.08);
	--qos-shadow-lg:0 24px 60px rgba(16,32,64,.14);
	--qos-shadow-primary:0 14px 34px rgba(var(--qos-primary-rgb),.32);

	--qos-font:"Segoe UI",system-ui,-apple-system,Roboto,"Helvetica Neue",Arial,sans-serif;
	--qos-ease:cubic-bezier(.22,.61,.36,1);
}

*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
body{
	margin:0;font-family:var(--qos-font);color:var(--qos-ink);background:var(--qos-bg);
	font-size:17px;line-height:1.65;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;
	overflow-x:hidden;
}
img{max-width:100%;height:auto;display:block}
a{color:var(--qos-primary);text-decoration:none;transition:color .2s var(--qos-ease)}
a:hover{color:var(--qos-primary-dark)}
h1,h2,h3,h4{line-height:1.15;margin:0 0 .5em;font-weight:800;letter-spacing:-.02em;color:var(--qos-ink)}
h1{font-size:clamp(2rem,5vw,3.3rem)}
h2{font-size:clamp(1.6rem,3.4vw,2.4rem)}
h3{font-size:clamp(1.15rem,2vw,1.4rem)}
p{margin:0 0 1rem}
ul{margin:0;padding:0}
:focus-visible{outline:3px solid var(--qos-primary);outline-offset:2px;border-radius:4px}

.qos-icon{width:1.25em;height:1.25em;flex:0 0 auto;vertical-align:middle}
.screen-reader-text{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap;border:0}
.qos-skip{position:absolute;left:-999px;top:0;z-index:1000;background:var(--qos-primary);color:#fff;padding:.6rem 1rem;border-radius:0 0 8px 0}
.qos-skip:focus{left:0;color:#fff}

/* ---------- Layout ---------- */
.qos-container{width:100%;max-width:var(--qos-max);margin:0 auto;padding-inline:clamp(1rem,4vw,2rem)}
.qos-container--narrow{max-width:var(--qos-narrow)}
.qos-section{padding-block:var(--qos-pad)}
.qos-section--tint{background:var(--qos-tint)}
.qos-section__head{max-width:720px;margin:0 auto clamp(2rem,4vw,3rem);text-align:center}
.qos-section__title{margin:0 0 .5rem}
.qos-section__sub{color:var(--qos-muted);font-size:1.08rem;margin:0}
.qos-section__foot{margin-top:clamp(1.6rem,3vw,2.4rem);text-align:center}
.qos-kicker{display:inline-block;font-weight:700;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--qos-primary);margin-bottom:.7rem}

.qos-grid{display:grid;gap:var(--qos-gap)}
.qos-grid--2{grid-template-columns:repeat(2,1fr)}
.qos-grid--3{grid-template-columns:repeat(3,1fr)}
.qos-grid--services{grid-template-columns:repeat(4,1fr)}
.qos-grid--clients{grid-template-columns:repeat(3,1fr)}

/* ---------- Buttons ---------- */
.qos-btn{
	display:inline-flex;align-items:center;justify-content:center;gap:.5rem;
	font:inherit;font-weight:700;line-height:1;cursor:pointer;border:1px solid transparent;
	padding:.85rem 1.4rem;border-radius:var(--qos-r-pill);transition:all .22s var(--qos-ease);
	white-space:nowrap;text-decoration:none;
}
.qos-btn .qos-icon{width:1.1em;height:1.1em}
.qos-btn--lg{padding:1.05rem 1.8rem;font-size:1.02rem}
.qos-btn--block{display:flex;width:100%}
.qos-btn--primary{background:var(--qos-primary);color:#fff;box-shadow:var(--qos-shadow-primary)}
.qos-btn--primary:hover{background:var(--qos-primary-dark);color:#fff;transform:translateY(-2px)}
.qos-btn--ghost{background:transparent;color:var(--qos-primary);border-color:rgba(var(--qos-primary-rgb),.35)}
.qos-btn--ghost:hover{background:rgba(var(--qos-primary-rgb),.08);color:var(--qos-primary-dark);transform:translateY(-2px)}
.qos-btn--white{background:#fff;color:var(--qos-primary)}
.qos-btn--white:hover{background:#f0f5ff;transform:translateY(-2px)}
.qos-btn--glass{background:rgba(255,255,255,.12);color:#fff;border-color:rgba(255,255,255,.35);backdrop-filter:blur(6px)}
.qos-btn--glass:hover{background:rgba(255,255,255,.22);color:#fff;transform:translateY(-2px)}

.qos-iconbtn{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:12px;border:1px solid var(--qos-line);background:#fff;color:var(--qos-ink);cursor:pointer;transition:all .2s var(--qos-ease)}
.qos-iconbtn:hover{border-color:var(--qos-primary);color:var(--qos-primary)}
.qos-iconbtn .qos-icon{width:1.3em;height:1.3em}

/* Telefon: mereu link apelabil, niciodată text inert */
.qos-phone{display:inline-flex;align-items:center;gap:.5rem;font-weight:700}
.qos-phone--icon .qos-phone__label{display:none}

/* ---------- Header ---------- */
.qos-header{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.9);backdrop-filter:saturate(1.4) blur(12px);border-bottom:1px solid var(--qos-line)}
.qos-header__inner{display:flex;align-items:center;gap:1.2rem;min-height:72px}
.qos-header__brand{flex:0 0 auto;margin-right:auto}
.qos-nav{display:flex}
.qos-menu{display:flex;gap:.3rem;list-style:none;align-items:center;flex-wrap:wrap}
.qos-menu a{display:block;padding:.55rem .8rem;color:var(--qos-ink);font-weight:600;font-size:.98rem;border-radius:8px}
.qos-menu a:hover,.qos-menu .current-menu-item>a{color:var(--qos-primary);background:rgba(var(--qos-primary-rgb),.07)}
.qos-menu .sub-menu{display:none}
.qos-header__actions{display:flex;align-items:center;gap:.6rem;flex:0 0 auto}
.qos-header__search{}
.qos-header__call{padding-block:.7rem}

/* Logo cu înălțime FIXĂ (nu iese din meniu, indiferent de fișier) */
.qos-logo{display:inline-flex;align-items:center;gap:.6rem}
.qos-logo__img{height:var(--qos-logo-h);width:auto;max-width:min(60vw,320px);object-fit:contain;display:block}
.qos-logo--footer .qos-logo__img{height:var(--qos-logo-h-footer)}
.qos-logo--text{font-weight:800;font-size:1.3rem;color:var(--qos-ink);letter-spacing:-.02em}
.qos-logo__mark{display:inline-grid;place-items:center;width:36px;height:36px;border-radius:10px;background:var(--qos-primary);color:#fff}
.qos-logo__mark .qos-icon{width:1.3em;height:1.3em}
.qos-logo--footer .qos-logo__word,.qos-footer .qos-logo--text{color:#fff}

.qos-burger{display:none;width:46px;height:46px;border:1px solid var(--qos-line);background:#fff;border-radius:12px;cursor:pointer;place-items:center;color:var(--qos-ink)}
.qos-burger .qos-icon{width:1.5em;height:1.5em}
.qos-burger__close{display:none}
body.qos-menu-open .qos-burger__open{display:none}
body.qos-menu-open .qos-burger__close{display:block}

/* Meniu mobil */
.qos-mobile{position:fixed;inset:72px 0 0;z-index:99;background:#fff;overflow-y:auto;padding:1.2rem;transform:translateX(100%);transition:transform .3s var(--qos-ease)}
body.qos-menu-open .qos-mobile{transform:translateX(0)}
.qos-mobile__menu{list-style:none;display:flex;flex-direction:column;gap:.2rem}
.qos-mobile__menu a{display:block;padding:.9rem .6rem;font-size:1.1rem;font-weight:600;color:var(--qos-ink);border-bottom:1px solid var(--qos-line)}
.qos-mobile__cta{margin-top:1.4rem;display:flex;flex-direction:column;gap:.6rem}

/* ---------- Hero (reproducere CodePen: scrollDist 200% + stage sticky + reveal pe mască) ---------- */
.qos-hero{position:relative;background:#0a1a3f;isolation:isolate}
.qos-hero--parallax{height:170vh}
.qos-hero__scrolldist{position:absolute;top:0;left:0;width:1px;height:100%;pointer-events:none}
.qos-hero__stage{position:sticky;top:0;height:100vh;min-height:540px;overflow:hidden}
.qos-hero--static .qos-hero__stage{position:relative;height:auto;min-height:92vh}
.qos-hero__scene{position:absolute;inset:0;width:100%;height:100%;display:block}
.qos-hero__scene image{will-change:transform}
.qos-hero__word{font-family:var(--qos-font);font-weight:900;font-size:172px;letter-spacing:-5px}
.qos-hero__word--1{fill:#fff}
.qos-hero__word--2{fill:url(#qosWordGrad)}
.qos-hero__content{position:absolute;left:0;right:0;top:0;z-index:3;text-align:center;color:#fff;padding-top:clamp(5.5rem,13vh,9rem);padding-bottom:2rem;will-change:transform,opacity;background:linear-gradient(180deg,rgba(6,14,34,.74) 0%,rgba(6,14,34,.32) 46%,transparent 74%)}
.qos-hero__kicker{display:inline-block;padding:.4rem .95rem;border:1px solid rgba(255,255,255,.32);border-radius:var(--qos-r-pill);font-size:.78rem;letter-spacing:.14em;text-transform:uppercase;font-weight:700;color:#eaf1ff;margin-bottom:1rem;background:rgba(255,255,255,.14);backdrop-filter:blur(6px)}
.qos-hero__title{color:#fff;max-width:20ch;margin:0 auto .8rem;font-size:clamp(2rem,4.8vw,3.5rem);text-shadow:0 4px 30px rgba(0,0,0,.5)}
.qos-hero__sub{color:#eaf1ff;max-width:52ch;margin:0 auto 1.6rem;font-size:clamp(1rem,1.7vw,1.2rem);text-shadow:0 2px 16px rgba(0,0,0,.45)}
.qos-hero__cta{display:flex;gap:.8rem;justify-content:center;flex-wrap:wrap}
.qos-hero__scroll{position:absolute;left:50%;bottom:26px;transform:translateX(-50%);z-index:4;width:48px;height:48px;border-radius:50%;border:1px solid rgba(255,255,255,.5);background:rgba(255,255,255,.14);backdrop-filter:blur(6px);color:#fff;cursor:pointer;display:grid;place-items:center;animation:qos-bob 1.8s var(--qos-ease) infinite}
.qos-hero__scroll .qos-icon{width:1.4em;height:1.4em}
@keyframes qos-bob{0%,100%{transform:translate(-50%,0)}50%{transform:translate(-50%,8px)}}

/* Câmp căutare AI */
.qos-aisearch{position:relative;display:flex;align-items:center;background:#fff;border-radius:var(--qos-r-pill);box-shadow:var(--qos-shadow-lg);padding:.35rem .35rem .35rem 1rem;gap:.5rem}
.qos-aisearch__icon{color:var(--qos-muted);display:flex}
.qos-aisearch__input{flex:1;border:0;outline:0;font:inherit;font-size:1rem;color:var(--qos-ink);background:transparent;min-width:0;padding:.7rem .2rem}
.qos-aisearch__btn{flex:0 0 auto;display:inline-flex;align-items:center;gap:.4rem;border:0;cursor:pointer;background:var(--qos-primary);color:#fff;font:inherit;font-weight:700;padding:.8rem 1.2rem;border-radius:var(--qos-r-pill);transition:background .2s}
.qos-aisearch__btn:hover{background:var(--qos-primary-dark)}
.qos-aisearch__hint{position:absolute;left:1rem;bottom:-1.6rem;font-size:.82rem;color:#ffd9d9}
.qos-aisearch--modal .qos-aisearch__hint,.qos-aisearch--404 .qos-aisearch__hint{color:#c0392b}
@media (max-width:520px){.qos-aisearch__btn-label{display:none}}

/* ---------- Trust bar ---------- */
.qos-trust{background:var(--qos-ink);color:#fff}
.qos-trust__inner{display:flex;flex-wrap:wrap;justify-content:space-between;gap:1rem;padding-block:1.1rem}
.qos-trust__item{display:flex;align-items:center;gap:.6rem;font-weight:600;font-size:.98rem;color:#e7edfb}
.qos-trust__ico{display:grid;place-items:center;color:var(--qos-accent)}
.qos-trust__ico .qos-icon{width:1.4em;height:1.4em}

/* ---------- Cards ---------- */
.qos-card{background:#fff;border:1px solid var(--qos-line);border-radius:var(--qos-r-lg);box-shadow:var(--qos-shadow);transition:transform .25s var(--qos-ease),box-shadow .25s var(--qos-ease),border-color .25s}
.qos-card:hover{transform:translateY(-4px);box-shadow:var(--qos-shadow-lg);border-color:rgba(var(--qos-primary-rgb),.3)}

.qos-card--service{display:flex;flex-direction:column;padding:1.6rem;color:var(--qos-ink)}
.qos-card__icon{display:grid;place-items:center;width:52px;height:52px;border-radius:14px;background:rgba(var(--qos-primary-rgb),.1);color:var(--qos-primary);margin-bottom:1rem}
.qos-card__icon .qos-icon{width:1.6em;height:1.6em}
.qos-card--service .qos-card__title{margin:0 0 .4rem;font-size:1.2rem}
.qos-card__text{color:var(--qos-muted);font-size:.98rem;margin:0 0 1.1rem;flex:1}
.qos-card__foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border-top:1px solid var(--qos-line);padding-top:.9rem}
.qos-card__price{font-weight:700;color:var(--qos-ink);font-size:.92rem}
.qos-card__more{display:inline-flex;align-items:center;gap:.3rem;color:var(--qos-primary);font-weight:700;font-size:.92rem}
.qos-card--service:hover .qos-card__more .qos-icon{transform:translateX(3px)}
.qos-card__more .qos-icon{transition:transform .2s}

/* ---------- About ---------- */
.qos-about__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.qos-about__text{color:var(--qos-muted);font-size:1.05rem}
.qos-about__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.4rem}
.qos-about__figure{border-radius:var(--qos-r-lg);overflow:hidden;box-shadow:var(--qos-shadow-lg);aspect-ratio:4/3;background:linear-gradient(135deg,var(--qos-navy),var(--qos-primary))}
.qos-about__figure--placeholder{display:grid;place-items:center;color:rgba(255,255,255,.5)}
.qos-about__deco{width:40%;height:40%}
.qos-about__img{width:100%;height:100%;object-fit:cover}
.qos-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem;margin-top:1.4rem}
.qos-stat{text-align:center;padding:1rem .5rem;background:var(--qos-tint);border-radius:var(--qos-r)}
.qos-stat__num{display:block;font-size:clamp(1.4rem,3vw,2rem);font-weight:800;color:var(--qos-primary);line-height:1}
.qos-stat__lbl{display:block;font-size:.82rem;color:var(--qos-muted);margin-top:.3rem}

/* ---------- Clients ---------- */
.qos-client{display:flex;flex-direction:column;justify-content:space-between;padding:1.4rem;min-height:150px;color:var(--qos-ink)}
.qos-client__media{display:flex;align-items:center;justify-content:center;flex:1;min-height:64px}
.qos-client__logo{max-height:64px;width:auto;object-fit:contain;filter:grayscale(1);opacity:.75;transition:all .25s}
.qos-client:hover .qos-client__logo{filter:none;opacity:1}
.qos-client__wordmark{font-weight:800;font-size:1.15rem;color:var(--qos-ink);text-align:center}
.qos-client__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:1rem;padding-top:.8rem;border-top:1px solid var(--qos-line)}
.qos-client__domain{font-size:.9rem;color:var(--qos-muted);font-weight:600;word-break:break-all}
.qos-client__arrow{color:var(--qos-primary);width:1.1em;height:1.1em;transition:transform .2s}
.qos-client:hover .qos-client__arrow{transform:translate(2px,-2px)}
.qos-client--nolink{cursor:default}

/* ---------- Blog cards ---------- */
.qos-postcard{display:flex;flex-direction:column;overflow:hidden}
.qos-postcard__thumb{display:block;aspect-ratio:16/10;overflow:hidden;background:var(--qos-tint)}
.qos-postcard__thumb img{width:100%;height:100%;object-fit:cover;transition:transform .4s var(--qos-ease)}
.qos-postcard:hover .qos-postcard__thumb img{transform:scale(1.05)}
.qos-postcard__ph{display:grid;place-items:center;height:100%;color:rgba(var(--qos-primary-rgb),.35)}
.qos-postcard__ph .qos-icon{width:3rem;height:3rem}
.qos-postcard__body{padding:1.3rem;display:flex;flex-direction:column;flex:1}
.qos-postcard__cat{align-self:flex-start;font-size:.76rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;color:var(--qos-primary);background:rgba(var(--qos-primary-rgb),.1);padding:.25rem .6rem;border-radius:var(--qos-r-pill);margin-bottom:.7rem}
.qos-postcard__title{font-size:1.18rem;margin:0 0 .5rem}
.qos-postcard__title a{color:var(--qos-ink)}
.qos-postcard__title a:hover{color:var(--qos-primary)}
.qos-postcard__excerpt{color:var(--qos-muted);font-size:.96rem;flex:1}
.qos-postcard__meta{display:flex;align-items:center;justify-content:space-between;gap:.5rem;margin-top:.9rem;font-size:.86rem;color:var(--qos-muted)}
.qos-postcard__more{display:inline-flex;align-items:center;gap:.3rem;color:var(--qos-primary);font-weight:700}

/* ---------- CTA band ---------- */
.qos-ctaband{background:linear-gradient(135deg,var(--qos-primary),var(--qos-primary-dark));color:#fff;padding-block:clamp(2.6rem,6vw,4.2rem);position:relative;overflow:hidden}
.qos-ctaband::after{content:"";position:absolute;inset:0;background:radial-gradient(600px 300px at 90% 10%,rgba(255,255,255,.14),transparent);pointer-events:none}
.qos-ctaband__inner{position:relative;display:flex;align-items:center;justify-content:space-between;gap:2rem;flex-wrap:wrap}
.qos-ctaband__title{color:#fff;margin:0 0 .4rem;max-width:20ch}
.qos-ctaband__sub{color:rgba(255,255,255,.9);margin:0;max-width:52ch}
.qos-ctaband__actions{display:flex;gap:.8rem;flex-wrap:wrap}

/* ---------- Contact ---------- */
.qos-contact__grid{display:grid;grid-template-columns:1fr 1.1fr;gap:clamp(2rem,5vw,4rem);align-items:start}
.qos-contact__list{list-style:none;display:flex;flex-direction:column;gap:.9rem;margin:1.4rem 0}
.qos-contact__list li{display:flex;align-items:center;gap:.7rem;color:var(--qos-ink);font-weight:600}
.qos-contact__ico{display:grid;place-items:center;width:40px;height:40px;border-radius:10px;background:rgba(var(--qos-primary-rgb),.1);color:var(--qos-primary);flex:0 0 auto}
.qos-contact__form-wrap{background:#fff;border:1px solid var(--qos-line);border-radius:var(--qos-r-lg);box-shadow:var(--qos-shadow-lg);padding:clamp(1.4rem,3vw,2.2rem)}
.qos-contact__form h3{margin:0 0 1.2rem}
.qos-field{margin-bottom:1rem}
.qos-field label{display:block;font-size:.9rem;font-weight:600;margin-bottom:.35rem;color:var(--qos-ink)}
.qos-field input,.qos-field textarea{width:100%;font:inherit;padding:.8rem .9rem;border:1px solid var(--qos-line);border-radius:12px;background:#fbfcfe;color:var(--qos-ink);transition:border-color .2s,box-shadow .2s}
.qos-field input:focus,.qos-field textarea:focus{outline:0;border-color:var(--qos-primary);box-shadow:0 0 0 3px rgba(var(--qos-primary-rgb),.15)}
.qos-hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.qos-contact__status{margin:.8rem 0 0;font-weight:600;min-height:1.2em}
.qos-contact__status.is-ok{color:#0a7d3c}
.qos-contact__status.is-err{color:#c0392b}
.qos-contact__or{margin-top:1rem;font-size:.92rem;color:var(--qos-muted);text-align:center}
.qos-contact__map{margin-top:1.2rem;border-radius:var(--qos-r);overflow:hidden}

/* ---------- Footer ---------- */
.qos-footer{background:var(--qos-navy);color:#c3cfe6}
.qos-footer a{color:#c3cfe6}
.qos-footer a:hover{color:#fff}
/* minmax(0,…) în loc de 1fr: altfel o coloană nu poate coborî sub lățimea
   minimă a conținutului ei (un e-mail lung, de exemplu) și împinge grila afară. */
.qos-footer__grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(0,1fr) minmax(0,1fr) minmax(0,1.2fr);gap:2rem;padding-block:clamp(2.6rem,5vw,4rem)}
.qos-footer__grid>*{min-width:0}
.qos-footer__contact-list a,.qos-footer__contact-list span{overflow-wrap:anywhere}
.qos-footer__about p{margin:1rem 0;font-size:.95rem;color:#9fb0cf}
.qos-footer__title{color:#fff;font-size:1rem;text-transform:uppercase;letter-spacing:.08em;margin:0 0 1rem}
.qos-footer__links{list-style:none;display:flex;flex-direction:column;gap:.55rem;font-size:.96rem}
.qos-footer__contact-list{list-style:none;display:flex;flex-direction:column;gap:.7rem}
.qos-footer__contact-list li{display:flex;align-items:center;gap:.5rem}
.qos-footer__meta{color:#9fb0cf;font-size:.94rem}
.qos-footer__phone,.qos-footer__email{color:#fff;font-weight:700}
.qos-footer__wa{display:inline-flex;align-items:center;gap:.4rem;margin-top:.4rem}
.qos-footer__bar{border-top:1px solid rgba(255,255,255,.1)}
.qos-footer__bar-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-block:1.1rem;font-size:.9rem;color:#8fa1c2}
.qos-totop{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:rgba(255,255,255,.08);color:#fff;transform:rotate(180deg)}
.qos-totop:hover{background:var(--qos-primary);color:#fff}

/* Bară de apel mobil */
/* ---------------------------------------------------------------------------
 * Bara de acțiuni de pe mobil — sticlă lichidă.
 * Bara nu mai e un panou alb opac lipit de ecran: e translucidă și blurează
 * conținutul de sub ea, deci pagina se vede prin ea în timp ce derulezi.
 * Aceeași rețetă ca .qos-glass (blur + saturate + muchie luminoasă), ca să nu
 * inventăm un al doilea limbaj vizual.
 * padding-bottom ține cont de bara de gesturi de pe iPhone (safe-area).
 * ------------------------------------------------------------------------- */
.qos-callbar{
	display:none;position:fixed;left:0;right:0;bottom:0;z-index:90;gap:.45rem;
	padding:.5rem .55rem;
	padding-bottom:calc(.5rem + env(safe-area-inset-bottom,0px));
	background:rgba(255,255,255,.6);
	backdrop-filter:blur(20px) saturate(1.8);
	-webkit-backdrop-filter:blur(20px) saturate(1.8);
	border-top:1px solid rgba(255,255,255,.65);
	box-shadow:0 -1px 0 rgba(16,32,64,.05),0 -10px 30px rgba(16,32,64,.10)
}
.qos-callbar a{
	flex:1 1 0;min-width:0;
	display:inline-flex;align-items:center;justify-content:center;gap:.4rem;
	padding:.8rem .4rem;border-radius:14px;
	font-weight:700;font-size:.9rem;line-height:1;white-space:nowrap;
	backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);
	box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 2px 10px rgba(16,32,64,.07);
	transition:transform .14s var(--qos-ease),background .2s var(--qos-ease)
}
.qos-callbar a:active{transform:scale(.96)}
.qos-callbar .qos-icon{width:1.25em;height:1.25em;flex:0 0 auto}
/* Culorile de aici sunt alese prin măsurare, nu din ochi. Bara e translucidă și
 * plutește peste orice — inclusiv peste banda CTA și subsol, care sunt navy. Când
 * sticla stă peste un fundal închis, se întunecă și ea, iar un text prea deschis
 * devine ilizibil exact acolo. Măsurat, pe alb / tentă / navy:
 *   primary #1268fb ca text  → 2.80 peste navy   (pica)
 *   primary-dark #0b46c9     → 4.67 peste navy   (trece)
 *   alb pe primary @.88      → 3.96 pe alb       (pica)
 *   alb pe primary-dark @.78 → 4.73 pe alb       (trece)
 * Cu nuanțele închise, totul trece pragul WCAG de 4.5 pe ORICE fundal, chiar și
 * cu bara la doar 60% — deci sticla rămâne cât se poate de transparentă. */
.qos-callbar__phone{background:rgba(var(--qos-primary-dark-rgb),.78);border:1px solid rgba(255,255,255,.4);color:#fff}
.qos-callbar__wa{background:rgba(37,211,102,.26);border:1px solid rgba(255,255,255,.6);color:#044324}
.qos-callbar__wa .qos-icon{color:#0b7a41}
.qos-callbar__offer{background:rgba(255,255,255,.42);border:1px solid rgba(255,255,255,.85);color:var(--qos-primary-dark)}
/* Ecrane înguste: rămân iconițele, care spun oricum totul. */
@media (max-width:380px){
	.qos-callbar a{font-size:.82rem;gap:.3rem;padding:.8rem .3rem}
	.qos-callbar .qos-icon{width:1.35em;height:1.35em}
}
@media (max-width:340px){
	.qos-callbar a span{display:none}
	.qos-callbar a{padding:.85rem .4rem}
}

/* ---------- Search modal + AI overlay ---------- */
/* Atributul [hidden] trebuie să învingă display:grid/flex de mai jos (altfel apar la load). */
.qos-searchmodal[hidden],.qos-aioverlay[hidden],.qos-mobile[hidden]{display:none!important}
.qos-searchmodal{position:fixed;inset:0;z-index:200;display:grid;place-items:start center;padding-top:12vh}
.qos-searchmodal__backdrop{position:absolute;inset:0;background:rgba(6,12,28,.6);backdrop-filter:blur(4px)}
.qos-searchmodal__box{position:relative;width:min(640px,92vw);background:#fff;border-radius:var(--qos-r-lg);box-shadow:var(--qos-shadow-lg);padding:2rem;animation:qos-pop .25s var(--qos-ease)}
.qos-searchmodal__close{position:absolute;top:1rem;right:1rem;width:38px;height:38px;border:0;border-radius:10px;background:var(--qos-tint);cursor:pointer;display:grid;place-items:center;color:var(--qos-ink)}
.qos-searchmodal__title{margin:0 0 .3rem}
.qos-searchmodal__sub{color:var(--qos-muted);margin:0 0 1.2rem}
.qos-searchmodal .qos-aisearch{box-shadow:var(--qos-shadow);border:1px solid var(--qos-line)}
@keyframes qos-pop{from{opacity:0;transform:translateY(-12px)}to{opacity:1;transform:none}}

.qos-aioverlay{position:fixed;inset:0;z-index:300;display:grid;place-items:center;background:rgba(6,12,28,.86);backdrop-filter:blur(6px);color:#fff}
.qos-aioverlay__box{text-align:center;max-width:440px;padding:2rem}
.qos-aioverlay__viz{display:flex;gap:.5rem;justify-content:center;margin-bottom:1.6rem}
.qos-aioverlay__viz span{width:14px;height:14px;border-radius:50%;background:var(--qos-accent);animation:qos-load 1.2s var(--qos-ease) infinite}
.qos-aioverlay__viz span:nth-child(2){animation-delay:.15s}
.qos-aioverlay__viz span:nth-child(3){animation-delay:.3s}
.qos-aioverlay__viz span:nth-child(4){animation-delay:.45s}
@keyframes qos-load{0%,100%{transform:translateY(0);opacity:.4}50%{transform:translateY(-12px);opacity:1}}
.qos-aioverlay__step{font-size:1.2rem;font-weight:700;margin:0 0 1.2rem;min-height:1.5em}
.qos-aioverlay__bar{height:6px;border-radius:6px;background:rgba(255,255,255,.15);overflow:hidden}
.qos-aioverlay__bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--qos-accent),#fff);border-radius:6px;transition:width .6s var(--qos-ease)}
.qos-aioverlay__note{margin-top:1.2rem;font-size:.9rem;color:rgba(255,255,255,.7)}

/* ---------- Breadcrumb ---------- */
.qos-breadcrumb{background:var(--qos-tint);border-bottom:1px solid var(--qos-line);font-size:.88rem}
.qos-breadcrumb ol{list-style:none;display:flex;flex-wrap:wrap;gap:.4rem;padding-block:.8rem;margin:0}
.qos-breadcrumb li{display:flex;align-items:center;gap:.4rem;color:var(--qos-muted)}
.qos-breadcrumb li:not(:last-child)::after{content:"/";color:var(--qos-line)}
.qos-breadcrumb a{color:var(--qos-muted)}
.qos-breadcrumb a:hover{color:var(--qos-primary)}
.qos-breadcrumb [aria-current]{color:var(--qos-ink);font-weight:600}

/* ---------- Page head / listing ---------- */
.qos-pagehead{padding-block:clamp(2.4rem,5vw,3.6rem);background:var(--qos-tint);text-align:center}
.qos-pagehead__title{margin:0 auto .5rem;max-width:22ch}
.qos-pagehead__sub{color:var(--qos-muted);max-width:60ch;margin:0 auto}
.qos-pagehead__search,.qos-pagehead__sub{margin-top:.6rem}
.qos-listing{padding-block:var(--qos-pad)}
.qos-catfilter{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;margin-bottom:2rem}
.qos-pill{display:inline-block;padding:.5rem 1rem;border-radius:var(--qos-r-pill);border:1px solid var(--qos-line);background:#fff;color:var(--qos-ink);font-weight:600;font-size:.9rem}
.qos-pill:hover{border-color:var(--qos-primary);color:var(--qos-primary)}
.qos-pill.is-active{background:var(--qos-primary);color:#fff;border-color:var(--qos-primary)}
.qos-noresults{text-align:center;padding:3rem 1rem}

/* Pagination */
.qos-pagination{margin-top:2.6rem}
.qos-pagination .nav-links{display:flex;flex-wrap:wrap;gap:.4rem;justify-content:center;align-items:center}
.qos-pagination .page-numbers{display:inline-grid;place-items:center;min-width:44px;height:44px;padding:0 .6rem;border-radius:12px;border:1px solid var(--qos-line);background:#fff;color:var(--qos-ink);font-weight:600}
.qos-pagination .page-numbers.current{background:var(--qos-primary);color:#fff;border-color:var(--qos-primary)}
.qos-pagination .page-numbers:hover:not(.current){border-color:var(--qos-primary);color:var(--qos-primary)}
.qos-pagination .qos-page-prev{transform:rotate(180deg)}

/* ---------- Article ---------- */
.qos-article__head{padding-block:clamp(1.6rem,4vw,2.6rem);text-align:center;background:var(--qos-tint)}
.qos-article__title{max-width:22ch;margin:.6rem auto .6rem}
.qos-article__meta{color:var(--qos-muted);font-size:.92rem;display:flex;gap:.5rem;justify-content:center;align-items:center}
.qos-article__hero{margin:0}
.qos-article__hero .qos-container{padding-top:0}
.qos-article__img{width:100%;border-radius:var(--qos-r-lg);margin-top:-1px;box-shadow:var(--qos-shadow-lg);max-height:520px;object-fit:cover}
.qos-article__content{padding-block:clamp(2rem,4vw,3rem);font-size:1.08rem;line-height:1.8}
.qos-article__content h2{margin-top:2rem}
.qos-article__content h3{margin-top:1.5rem}
.qos-article__content img{border-radius:var(--qos-r);margin:1.5rem 0}
.qos-article__content blockquote{border-left:4px solid var(--qos-primary);margin:1.5rem 0;padding:.5rem 1.2rem;background:var(--qos-tint);border-radius:0 var(--qos-r) var(--qos-r) 0;font-style:italic}
.qos-article__content ul,.qos-article__content ol{margin:1rem 0 1.4rem;padding-left:1.4rem}
.qos-article__content li{margin-bottom:.5rem}
.qos-article__content a{text-decoration:underline;text-underline-offset:3px}
.qos-tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem;margin:2rem 0 0}
.qos-tags li a{font-size:.85rem;padding:.35rem .8rem;border-radius:var(--qos-r-pill);background:var(--qos-tint);color:var(--qos-muted)}

/* CTA generat AI (adăugat la afișare, cu contact proaspăt) */
.qos-ai-cta{margin:2.5rem 0 0;padding:1.6rem;border-radius:var(--qos-r-lg);background:linear-gradient(135deg,rgba(var(--qos-primary-rgb),.08),rgba(var(--qos-primary-rgb),.02));border:1px solid rgba(var(--qos-primary-rgb),.2)}
.qos-ai-cta h2{margin:0 0 .4rem;font-size:1.3rem}
.qos-ai-cta__actions{display:flex;gap:.7rem;flex-wrap:wrap;margin-top:1rem}

/* ---------- Engine landing pages ---------- */
.qos-lp-hero{background:linear-gradient(160deg,var(--qos-navy),var(--qos-primary-dark));color:#fff;padding-block:clamp(2.6rem,6vw,4.5rem)}
.qos-lp-hero .qos-kicker{color:#bcd0ff}
.qos-lp-hero__title{color:#fff;max-width:20ch}
.qos-lp-hero__lede{color:#cdd9f2;font-size:1.15rem;max-width:60ch;margin:.4rem 0 1.4rem}
.qos-lp-hero__meta{display:flex;flex-wrap:wrap;gap:.6rem;margin-bottom:1.6rem}
.qos-chip{display:inline-flex;align-items:center;gap:.4rem;padding:.45rem .9rem;border-radius:var(--qos-r-pill);background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);font-size:.9rem;font-weight:600}
.qos-chip .qos-icon{width:1.1em;height:1.1em;color:var(--qos-accent)}
.qos-lp-hero__cta{display:flex;gap:.8rem;flex-wrap:wrap}
.qos-lp-body{display:grid;grid-template-columns:1fr 340px;gap:clamp(2rem,4vw,3.5rem);align-items:start}
.qos-lp-content{font-size:1.06rem;line-height:1.8}
.qos-lp-content h2{margin-top:2rem}
.qos-lede-2{font-size:1.18rem;color:var(--qos-ink);font-weight:500}
.qos-checklist{list-style:none;display:grid;gap:.7rem;margin:1.2rem 0}
.qos-checklist li{display:flex;gap:.6rem;align-items:flex-start}
.qos-checklist .qos-icon{color:var(--qos-primary);flex:0 0 auto;margin-top:.2rem}
.qos-lp-aside{position:sticky;top:96px}
.qos-aside-card{background:#fff;border:1px solid var(--qos-line);border-radius:var(--qos-r-lg);box-shadow:var(--qos-shadow-lg);padding:1.6rem}
.qos-aside-card h3{margin:0 0 .3rem}
.qos-aside-card__price{font-size:1.3rem;font-weight:800;color:var(--qos-primary);margin:0 0 .6rem}
.qos-aside-card .qos-btn{margin-top:.6rem}
.qos-aside-card__wa{display:inline-flex;align-items:center;gap:.4rem;margin-top:.8rem;justify-content:center;width:100%}
.qos-feature{display:flex;gap:.8rem;align-items:flex-start;background:#fff;border:1px solid var(--qos-line);border-radius:var(--qos-r);padding:1.1rem}
.qos-feature__ico{display:grid;place-items:center;width:36px;height:36px;border-radius:10px;background:rgba(var(--qos-primary-rgb),.1);color:var(--qos-primary);flex:0 0 auto}
.qos-feature p{margin:0}
.qos-linkgrid{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.6rem}
.qos-linkgrid a{display:flex;align-items:center;gap:.5rem;padding:.7rem .9rem;border-radius:12px;border:1px solid var(--qos-line);background:#fff;color:var(--qos-ink);font-weight:600;font-size:.92rem}
.qos-linkgrid a:hover{border-color:var(--qos-primary);color:var(--qos-primary);background:rgba(var(--qos-primary-rgb),.04)}
.qos-linkgrid .qos-icon{color:var(--qos-primary);flex:0 0 auto}
.qos-links-2col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(1.6rem,4vw,3rem)}

/* FAQ */
.qos-faq{display:flex;flex-direction:column;gap:.7rem}
.qos-faq__item{border:1px solid var(--qos-line);border-radius:var(--qos-r);background:#fff;overflow:hidden}
.qos-faq__item summary{cursor:pointer;padding:1.1rem 1.3rem;font-weight:700;list-style:none;display:flex;justify-content:space-between;gap:1rem;align-items:center}
.qos-faq__item summary::-webkit-details-marker{display:none}
.qos-faq__item summary::after{content:"+";font-size:1.4rem;color:var(--qos-primary);transition:transform .2s}
.qos-faq__item[open] summary::after{transform:rotate(45deg)}
.qos-faq__a{padding:0 1.3rem 1.2rem;color:var(--qos-muted)}
.qos-faq__a p{margin:0}

/* ---------- 404 ---------- */
.qos-404__inner{text-align:center;padding-block:clamp(3rem,7vw,6rem)}
.qos-404__code{font-size:clamp(4rem,14vw,9rem);font-weight:900;line-height:1;color:var(--qos-primary);opacity:.15;letter-spacing:-.05em}
.qos-404__title{margin:.4rem auto .6rem;max-width:20ch}
.qos-404__sub{color:var(--qos-muted);max-width:52ch;margin:0 auto 1.6rem}
.qos-404__search{max-width:560px;margin:0 auto 1.6rem}
.qos-404__cta{display:flex;gap:.7rem;justify-content:center;flex-wrap:wrap;margin-bottom:2.4rem}
.qos-404__links h2{font-size:1.1rem}

/* Comments */
.qos-comments{margin-block:clamp(2rem,4vw,3rem)}
.qos-comments__list{list-style:none}
.qos-comments__list .children{list-style:none;margin-left:1.4rem}
.qos-commentform input,.qos-commentform textarea{width:100%;font:inherit;padding:.7rem .9rem;border:1px solid var(--qos-line);border-radius:10px;margin-bottom:.8rem}

/* ---------- Responsive ---------- */
@media (max-width:1024px){
	.qos-grid--services{grid-template-columns:repeat(2,1fr)}
	.qos-footer__grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:2rem}
	.qos-lp-body{grid-template-columns:1fr}
	.qos-lp-aside{position:static}
}
@media (max-width:860px){
	.qos-nav,.qos-header__call{display:none}
	.qos-burger{display:grid}
	.qos-about__grid,.qos-contact__grid{grid-template-columns:1fr}
	.qos-grid--3{grid-template-columns:repeat(2,1fr)}
	.qos-links-2col{grid-template-columns:1fr}
	.qos-callbar{display:flex}
	body{padding-bottom:66px}
	.qos-ctaband__inner{flex-direction:column;align-items:flex-start}
}
@media (max-width:560px){
	.qos-grid--2,.qos-grid--3,.qos-grid--services,.qos-grid--clients{grid-template-columns:1fr}
	.qos-stats{grid-template-columns:repeat(2,1fr)}
	/* Subsolul rămânea pe 2 coloane până la 0px: pe telefon, coloana de contact
	   ieșea din ecran și era tăiată de overflow:hidden (telefonul și e-mailul
	   dispăreau pur și simplu). Sub 560px trece pe o singură coloană. */
	.qos-footer__grid{grid-template-columns:1fr;gap:2.2rem}
}

/* Reduce motion: hero devine static (fără pin, fără parallax) */
@media (prefers-reduced-motion:reduce){
	.qos-hero--parallax{height:auto}
	.qos-hero--parallax .qos-hero__stage{position:relative;height:auto;min-height:90vh}
	.qos-hero--parallax .qos-hero__content{position:relative;opacity:1;transform:none;background:none}
	.qos-hero__scroll{display:none}
	.qos-hero__scene image{transform:none!important}
	*{scroll-behavior:auto!important}
}

/* Print */
@media print{.qos-header,.qos-footer,.qos-callbar,.qos-hero__scene,.qos-aioverlay,.qos-searchmodal,.qos-scrolltop{display:none!important}}

/* =========================================================================
   REVIZIE — WhatsApp, liquid glass, scroll-top, secțiuni noi/reproiectate
   ========================================================================= */

/* Hero static (parallax off) — conținut centrat în flux normal */
.qos-hero--static .qos-hero__content{position:relative;background:none;padding-top:0;min-height:92vh;display:flex;flex-direction:column;justify-content:center}

/* Buton WhatsApp */
.qos-btn--wa{background:#25D366;color:#fff;box-shadow:0 14px 34px rgba(37,211,102,.32)}
.qos-btn--wa:hover{background:#1fb457;color:#fff;transform:translateY(-2px)}
.qos-btn--wa.qos-btn--glass{background:rgba(255,255,255,.14);color:#fff;box-shadow:none;border-color:rgba(255,255,255,.35)}
.qos-btn--wa.qos-btn--glass:hover{background:rgba(255,255,255,.24);color:#fff}
.qos-header__wa span{display:none}
@media (min-width:1120px){.qos-header__wa span{display:inline}}
.qos-footer__wa,.qos-contact__wa{display:inline-flex;align-items:center;gap:.5rem;color:#25D366;font-weight:700}
.qos-footer__wa:hover,.qos-contact__wa:hover{color:#1fb457}
/* .qos-callbar__wa se definește o singură dată, în blocul barei de acțiuni. */

/* Liquid glass */
.qos-glass{background:rgba(255,255,255,.6);backdrop-filter:blur(18px) saturate(1.5);-webkit-backdrop-filter:blur(18px) saturate(1.5);border:1px solid rgba(255,255,255,.75);box-shadow:0 12px 40px rgba(16,32,64,.12),inset 0 1px 0 rgba(255,255,255,.8);border-radius:18px}

/* Scroll to top (site-wide) */
.qos-scrolltop{position:fixed;right:20px;bottom:24px;z-index:80;width:48px;height:48px;border-radius:50%;border:0;background:var(--qos-primary);color:#fff;box-shadow:var(--qos-shadow-lg);cursor:pointer;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(12px) rotate(180deg);transition:opacity .3s var(--qos-ease),transform .3s var(--qos-ease)}
.qos-scrolltop.is-visible{opacity:1;pointer-events:auto;transform:translateY(0) rotate(180deg)}
.qos-scrolltop:hover{background:var(--qos-primary-dark)}
.qos-scrolltop .qos-icon{width:1.4em;height:1.4em}
@media (max-width:860px){.qos-scrolltop{bottom:80px}}

/* Trust bar (liquid glass) */
.qos-trust{background:linear-gradient(180deg,#fff,var(--qos-tint));border-bottom:1px solid var(--qos-line);padding-block:1.6rem}
.qos-trust__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.qos-trust__item{display:flex;align-items:center;gap:.75rem;padding:1rem 1.15rem;font-weight:700;color:var(--qos-ink);font-size:.98rem}
.qos-trust__ico{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,var(--qos-primary),var(--qos-primary-dark));color:#fff;flex:0 0 auto;box-shadow:0 8px 20px rgba(var(--qos-primary-rgb),.3)}
.qos-trust__ico .qos-icon{width:1.35em;height:1.35em}

/* Secțiunea Căutare AI */
.qos-searchsection{background:radial-gradient(1100px 480px at 50% -10%,rgba(var(--qos-primary-rgb),.1),transparent),var(--qos-bg)}
.qos-searchsection__card{max-width:840px;margin:0 auto;text-align:center;padding:clamp(1.6rem,4vw,3rem);border-radius:var(--qos-r-lg);background:linear-gradient(180deg,#fff,#f6f9ff);border:1px solid var(--qos-line);box-shadow:var(--qos-shadow-lg)}
.qos-searchsection__badge{display:inline-flex;align-items:center;gap:.5rem;padding:.45rem .95rem;border-radius:var(--qos-r-pill);background:rgba(var(--qos-primary-rgb),.1);color:var(--qos-primary);font-weight:700;font-size:.84rem;margin-bottom:1rem}
.qos-searchsection__badge .qos-icon{width:1.2em;height:1.2em}
.qos-searchsection__title{font-size:clamp(1.5rem,3vw,2.2rem);margin:0 0 .5rem}
.qos-searchsection__sub{color:var(--qos-muted);max-width:56ch;margin:0 auto 1.6rem}
.qos-searchsection .qos-aisearch{box-shadow:0 20px 50px rgba(var(--qos-primary-rgb),.18);border:1px solid rgba(var(--qos-primary-rgb),.14)}
.qos-searchsection .qos-aisearch__hint{color:#c0392b}
.qos-aisearch__icon--ai{color:var(--qos-primary)}
.qos-chips{display:flex;flex-wrap:wrap;gap:.5rem;justify-content:center;align-items:center;margin-top:1.5rem}
.qos-chips__label{font-size:.85rem;color:var(--qos-muted);font-weight:600}
.qos-chip--btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem .9rem;border-radius:var(--qos-r-pill);border:1px solid var(--qos-line);background:#fff;color:var(--qos-ink);font:inherit;font-size:.85rem;font-weight:600;cursor:pointer;transition:all .2s}
.qos-chip--btn:hover{border-color:var(--qos-primary);color:var(--qos-primary);background:rgba(var(--qos-primary-rgb),.05);transform:translateY(-1px)}
.qos-chip--btn .qos-icon{width:1em;height:1em;color:var(--qos-primary)}

/* Servicii — carduri cu imagine */
.qos-scard{display:flex;flex-direction:column;background:#fff;border:1px solid var(--qos-line);border-radius:var(--qos-r-lg);overflow:hidden;box-shadow:var(--qos-shadow);transition:transform .3s var(--qos-ease),box-shadow .3s;color:var(--qos-ink)}
.qos-scard:hover{transform:translateY(-6px);box-shadow:var(--qos-shadow-lg)}
.qos-scard__media{position:relative;aspect-ratio:16/10;overflow:hidden;display:block}
.qos-scard__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--qos-ease)}
.qos-scard:hover .qos-scard__media img{transform:scale(1.08)}
.qos-scard__media::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(6,14,34,.58))}
.qos-scard__icon{position:absolute;left:1rem;bottom:1rem;z-index:2;display:grid;place-items:center;width:48px;height:48px;border-radius:12px;background:rgba(255,255,255,.92);color:var(--qos-primary);box-shadow:0 8px 20px rgba(0,0,0,.25)}
.qos-scard__icon .qos-icon{width:1.5em;height:1.5em}
.qos-scard__body{padding:1.4rem;display:flex;flex-direction:column;flex:1}
.qos-scard__title{font-size:1.15rem;margin:0 0 .4rem}
.qos-scard__text{color:var(--qos-muted);font-size:.95rem;margin:0 0 1.1rem;flex:1}
.qos-scard__foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem;border-top:1px solid var(--qos-line);padding-top:.9rem}
.qos-scard__price{font-weight:700;font-size:.92rem;color:var(--qos-ink)}
.qos-scard__more{display:inline-flex;align-items:center;gap:.3rem;color:var(--qos-primary);font-weight:700;font-size:.92rem}
.qos-scard__more .qos-icon{transition:transform .2s}
.qos-scard:hover .qos-scard__more .qos-icon{transform:translateX(3px)}

/* De ce QoS (reproiectat) */
.qos-why__top{display:grid;grid-template-columns:1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center;margin-bottom:clamp(2rem,4vw,3.5rem)}
.qos-why__title{font-size:clamp(1.8rem,3.6vw,2.6rem);margin:.4rem 0 1rem}
.qos-why__text{color:var(--qos-muted);font-size:1.06rem}
.qos-why__cta{display:flex;gap:.8rem;flex-wrap:wrap;margin-top:1.5rem}
.qos-why__figure{position:relative;aspect-ratio:4/3;border-radius:var(--qos-r-lg);background-size:cover;background-position:center;box-shadow:var(--qos-shadow-lg);overflow:hidden;display:flex;align-items:flex-end;padding:1.1rem}
.qos-why__figure::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 40%,rgba(6,14,34,.55))}
.qos-why__stats{position:relative;z-index:2;display:grid;grid-template-columns:repeat(4,1fr);gap:.5rem;width:100%;padding:1rem;background:rgba(10,20,45,.42);border-color:rgba(255,255,255,.28);box-shadow:none}
.qos-why__stat{text-align:center}
.qos-why__num{display:block;font-size:clamp(1.2rem,2.3vw,1.7rem);font-weight:800;color:#fff;line-height:1}
.qos-why__lbl{display:block;font-size:.72rem;color:#cdd9f2;margin-top:.25rem}
.qos-why__reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem}
.qos-why__card{padding:1.6rem;background:linear-gradient(180deg,#fff,#f6f9ff)!important;border:1px solid var(--qos-line)!important;box-shadow:var(--qos-shadow)!important;transition:transform .25s,box-shadow .25s}
.qos-why__card:hover{transform:translateY(-5px);box-shadow:var(--qos-shadow-lg)!important}
.qos-why__cardico{display:grid;place-items:center;width:50px;height:50px;border-radius:14px;background:linear-gradient(135deg,var(--qos-primary),var(--qos-primary-dark));color:#fff;margin-bottom:1rem;box-shadow:0 10px 24px rgba(var(--qos-primary-rgb),.3)}
.qos-why__cardico .qos-icon{width:1.5em;height:1.5em}
.qos-why__card h3{font-size:1.1rem;margin:0 0 .4rem}
.qos-why__card p{color:var(--qos-muted);font-size:.95rem;margin:0}

/* Secțiunea BooGIT / Restaurante */
.qos-pos{background:linear-gradient(180deg,#f7f9fc,#eef2f9)}
.qos-pos__head{display:flex;align-items:center;gap:1.4rem;margin-bottom:2.2rem;flex-wrap:wrap}
.qos-pos__logo{flex:0 0 auto;display:inline-block}
.qos-pos__logo img{height:52px;width:auto;display:block}
.qos-pos__title{font-size:clamp(1.5rem,3.4vw,2.4rem);margin:0}
.qos-pos__grid{display:grid;grid-template-columns:1.1fr .9fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.qos-pos__lead{font-size:1.15rem;font-weight:600;color:var(--qos-ink);margin-bottom:1.4rem}
.qos-pos__list li{margin-bottom:.8rem}
.qos-pos__media{position:relative;display:flex;justify-content:center;align-items:center;min-height:340px}
.qos-pos__phone{max-height:520px;width:auto;position:relative;z-index:2;filter:drop-shadow(0 30px 50px rgba(16,32,64,.28))}
.qos-pos__glow{position:absolute;width:60%;height:70%;background:radial-gradient(circle,rgba(var(--qos-primary-rgb),.28),transparent 70%);filter:blur(34px);z-index:1}
.qos-pos__platforms{display:grid;grid-template-columns:repeat(3,1fr);gap:1.4rem;margin-top:3rem}
.qos-pos__card{padding:1.8rem;text-align:center}
.qos-pos__platlogo{display:block;height:64px;margin-bottom:.6rem}
.qos-pos__platlogo img{height:56px;width:auto;object-fit:contain;margin:0 auto;display:block}
.qos-pos__card h3{margin:.3rem 0}
.qos-pos__card p{color:var(--qos-muted);font-size:.94rem;margin:0}

/* LP hero (pagini serviciu) — imagine + două coloane */
.qos-lp-hero__grid{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,4vw,3.5rem);align-items:center}
.qos-lp-hero__media{position:relative;border-radius:var(--qos-r-lg);overflow:hidden;box-shadow:0 30px 60px rgba(0,0,0,.32);aspect-ratio:4/3}
.qos-lp-hero__media img{width:100%;height:100%;object-fit:cover}
.qos-lp-hero__badge{position:absolute;left:1rem;bottom:1rem;display:inline-flex;align-items:center;gap:.4rem;padding:.5rem .9rem;border-radius:var(--qos-r-pill);background:rgba(10,20,45,.55);border:1px solid rgba(255,255,255,.25);backdrop-filter:blur(8px);color:#fff;font-weight:700;font-size:.85rem}
.qos-lp-hero__badge .qos-icon{width:1.1em;height:1.1em;color:var(--qos-accent)}

/* Responsive revizie */
@media (max-width:1024px){
	.qos-why__reasons{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:860px){
	.qos-why__top,.qos-pos__grid,.qos-lp-hero__grid{grid-template-columns:1fr}
	.qos-lp-hero__media{max-width:520px}
	.qos-trust__grid{grid-template-columns:repeat(2,1fr)}
	.qos-pos__platforms{grid-template-columns:1fr}
	.qos-pos__media{order:-1}
	.qos-header__wa{display:none}
}
@media (max-width:560px){
	.qos-why__reasons{grid-template-columns:1fr}
	.qos-why__stats{grid-template-columns:repeat(2,1fr)}
	.qos-chips{flex-direction:column}
}

/* =========================================================================
   REFINE 2 — lizibilitate hero, bară de încredere distinctă, WhatsApp fin, albastru mai discret
   ========================================================================= */

/* Hero: tint peste poză + scrim mai puternic → text alb clar lizibil */
.qos-hero__tint{fill:rgba(6,12,30,.5)}
.qos-hero__content{background:linear-gradient(180deg,rgba(5,12,30,.86) 0%,rgba(5,12,30,.5) 40%,rgba(5,12,30,.08) 70%,transparent 100%)}
.qos-hero__scene image.qos-l--sky{filter:brightness(.9) saturate(1.06)}
.qos-hero__title{text-shadow:0 4px 34px rgba(0,0,0,.6),0 1px 2px rgba(0,0,0,.4)}
.qos-hero__kicker{background:rgba(10,20,45,.55);border-color:rgba(255,255,255,.38)}

/* Bară de încredere — mică, distinctă, separată de hero (navy, linii fine) */
.qos-trust{background:var(--qos-navy);border:0;padding-block:.85rem}
.qos-trust__grid{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.2rem}
.qos-trust__item{background:none!important;backdrop-filter:none!important;border:0!important;box-shadow:none!important;border-radius:0;color:#cdd9ee;font-weight:600;font-size:.9rem;padding:.35rem 1.6rem;position:relative}
.qos-trust__item:not(:last-child)::after{content:"";position:absolute;right:0;top:50%;transform:translateY(-50%);height:18px;width:1px;background:rgba(255,255,255,.16)}
.qos-trust__ico{width:auto;height:auto;background:none;box-shadow:none;color:var(--qos-accent);border-radius:0}
.qos-trust__ico .qos-icon{width:1.15em;height:1.15em;stroke-width:1.6}

/* WhatsApp — rafinat, nu verde plin/țipător */
.qos-btn--wa{background:rgba(37,167,90,.1);color:#0e7a44;border:1px solid rgba(37,167,90,.38);box-shadow:none}
.qos-btn--wa:hover{background:rgba(37,167,90,.18);color:#0a6337;transform:translateY(-2px)}
.qos-btn--wa .qos-icon{color:#1fa356}
.qos-btn--wa.qos-btn--glass{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.42)}
.qos-btn--wa.qos-btn--glass .qos-icon{color:#54e39a}
.qos-header__wa{background:rgba(37,167,90,.1);color:#0e7a44;border:1px solid rgba(37,167,90,.34);box-shadow:none}

/* Albastru mai discret — umbre fine, iconițe subtile */
.qos-btn--primary{box-shadow:0 8px 20px rgba(var(--qos-primary-rgb),.2)}
.qos-btn--primary:hover{box-shadow:0 12px 26px rgba(var(--qos-primary-rgb),.26)}
.qos-why__cardico{background:rgba(var(--qos-primary-rgb),.1)!important;color:var(--qos-primary);box-shadow:none}
.qos-trust__ico,.qos-card__icon,.qos-scard__icon,.qos-searchsection__badge{stroke-width:1.7}
.qos-icon{stroke-width:1.7}

/* Load-more orașe (hub serviciu) */
.qos-citygrid__item.is-hidden{display:none}
.qos-morecities{text-align:center;margin-top:1.4rem}
.qos-morecities__count{display:block;font-size:.85rem;color:var(--qos-muted);margin-top:.6rem}

/* Pagină generată de AI — arată ca un landing real, nu ca un articol de blog */
.qos-lp-hero--article{background-size:cover!important;background-position:center!important;padding-block:clamp(3rem,7vw,5rem)}
.qos-lp-hero--article .qos-lp-hero__title{color:#fff;max-width:24ch}
.qos-lp-hero--article .qos-lp-hero__lede{max-width:64ch}
.qos-article--lp .qos-article__content{padding-top:clamp(2rem,4vw,3rem);font-size:1.08rem}
.qos-article--lp .qos-article__content h2{margin-top:2.2rem;font-size:clamp(1.4rem,2.6vw,1.9rem)}

/* =========================================================================
   REFINE 3 — credibilitate (logo-uri), CTA „magic", bară de încredere animată
   ========================================================================= */

/* Secțiunea de credibilitate */
.qos-cred__reasons{display:grid;grid-template-columns:repeat(4,1fr);gap:1.2rem;margin-bottom:clamp(2.2rem,5vw,3.4rem)}
.qos-cred__card{padding:1.5rem;background:linear-gradient(180deg,#fff,#f6f9ff);border:1px solid var(--qos-line);border-radius:var(--qos-r-lg);transition:transform .25s,box-shadow .25s}
.qos-cred__card:hover{transform:translateY(-4px);box-shadow:var(--qos-shadow-lg)}
.qos-cred__ico{display:grid;place-items:center;width:48px;height:48px;border-radius:14px;background:rgba(var(--qos-primary-rgb),.1);color:var(--qos-primary);margin-bottom:.9rem}
.qos-cred__ico .qos-icon{width:1.5em;height:1.5em}
.qos-cred__card h3{font-size:1.05rem;margin:0 0 .35rem}
.qos-cred__card p{color:var(--qos-muted);font-size:.92rem;margin:0}
.qos-cred__logos{display:grid;gap:1.8rem;padding:clamp(1.6rem,4vw,2.4rem);background:var(--qos-tint);border-radius:var(--qos-r-lg);border:1px solid var(--qos-line)}
.qos-cred__group{text-align:center}
.qos-cred__label{display:block;font-size:.78rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--qos-muted);margin-bottom:1.1rem}
.qos-cred__row{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:clamp(1.6rem,4vw,3rem)}
.qos-cred__logo img{height:34px;width:auto;max-width:160px;object-fit:contain;filter:grayscale(1);opacity:.55;transition:filter .3s,opacity .3s}
.qos-cred__logo:hover img{filter:grayscale(0);opacity:1}
.qos-cred__cta{display:flex;gap:.8rem;justify-content:center;margin-top:2rem;flex-wrap:wrap}
@media (max-width:900px){.qos-cred__reasons{grid-template-columns:repeat(2,1fr)}}
@media (max-width:520px){.qos-cred__reasons{grid-template-columns:1fr}}

/* CTA band „magic" — aurora flotantă + grilă animată */
.qos-ctaband{position:relative;overflow:hidden}
.qos-ctaband__aurora{position:absolute;inset:0;z-index:0;pointer-events:none}
.qos-ctaband__aurora span{position:absolute;border-radius:50%;filter:blur(55px);opacity:.5;mix-blend-mode:screen}
.qos-ctaband__aurora span:nth-child(1){width:360px;height:360px;background:#22d3ee;left:-6%;top:-45%;animation:qos-float1 9s ease-in-out infinite}
.qos-ctaband__aurora span:nth-child(2){width:300px;height:300px;background:#8fc4ff;right:-4%;top:5%;animation:qos-float2 11s ease-in-out infinite}
.qos-ctaband__aurora span:nth-child(3){width:280px;height:280px;background:#a78bfa;left:32%;bottom:-55%;animation:qos-float3 13s ease-in-out infinite}
.qos-ctaband__aurora span:nth-child(4){width:220px;height:220px;background:#fff;right:24%;bottom:-35%;animation:qos-float1 10s ease-in-out infinite reverse}
@keyframes qos-float1{0%,100%{transform:translate(0,0)}50%{transform:translate(60px,40px)}}
@keyframes qos-float2{0%,100%{transform:translate(0,0)}50%{transform:translate(-52px,32px)}}
@keyframes qos-float3{0%,100%{transform:translate(0,0)}50%{transform:translate(44px,-50px)}}
.qos-ctaband__grid-fx{position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:42px 42px;-webkit-mask-image:radial-gradient(circle at 50% 45%,#000,transparent 78%);mask-image:radial-gradient(circle at 50% 45%,#000,transparent 78%);animation:qos-gridpan 22s linear infinite}
@keyframes qos-gridpan{to{background-position:42px 42px}}
.qos-ctaband__inner{position:relative;z-index:2}

/* Bară de încredere — apar pe rând, glass, cu shimmer (F1) */
.qos-trust__grid{gap:.55rem}
.qos-trust__item{background:rgba(255,255,255,.06)!important;border:1px solid rgba(255,255,255,.14)!important;border-radius:var(--qos-r-pill);backdrop-filter:blur(8px);padding:.5rem 1.15rem!important;overflow:hidden}
.qos-trust__item::after{display:none!important}
.qos-trust.qos-anim .qos-trust__item{opacity:0;transform:translateY(14px) scale(.92)}
.qos-trust.is-inview .qos-trust__item{animation:qos-trustin .5s var(--qos-ease) forwards}
.qos-trust.is-inview .qos-trust__item:nth-child(1){animation-delay:.05s}
.qos-trust.is-inview .qos-trust__item:nth-child(2){animation-delay:.17s}
.qos-trust.is-inview .qos-trust__item:nth-child(3){animation-delay:.29s}
.qos-trust.is-inview .qos-trust__item:nth-child(4){animation-delay:.41s}
@keyframes qos-trustin{0%{opacity:0;transform:translateY(14px) scale(.92)}62%{opacity:1;transform:translateY(-2px) scale(1.03)}100%{opacity:1;transform:none}}
.qos-trust__item::before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 32%,rgba(255,255,255,.22) 50%,transparent 68%);transform:translateX(-130%);pointer-events:none}
.qos-trust.is-inview .qos-trust__item::before{animation:qos-shimmer .85s var(--qos-ease) forwards}
.qos-trust.is-inview .qos-trust__item:nth-child(1)::before{animation-delay:.05s}
.qos-trust.is-inview .qos-trust__item:nth-child(2)::before{animation-delay:.17s}
.qos-trust.is-inview .qos-trust__item:nth-child(3)::before{animation-delay:.29s}
.qos-trust.is-inview .qos-trust__item:nth-child(4)::before{animation-delay:.41s}
@keyframes qos-shimmer{to{transform:translateX(130%)}}

@media (prefers-reduced-motion:reduce){
	.qos-ctaband__aurora span,.qos-ctaband__grid-fx{animation:none}
	.qos-trust.qos-anim .qos-trust__item{opacity:1;transform:none}
	.qos-trust.is-inview .qos-trust__item{animation:none}
	.qos-trust__item::before{display:none}
}

/* =========================================================================
   REFINE 4 — mobile hero word, trust ticker, FA icons glass, servicii scroll, calculator
   ========================================================================= */

/* Hero: cuvântul revelat să încapă pe ecrane mici */
@media (max-width:900px){.qos-hero__word{font-size:108px;letter-spacing:-3px}}
@media (max-width:600px){.qos-hero__word{font-size:78px;letter-spacing:-2px}}
@media (max-width:430px){.qos-hero__word{font-size:62px}}

/* Bară de încredere — news ticker (unul câte unul, bulă liquid-glass) */
.qos-trust__ticker{position:relative;display:flex;justify-content:center;align-items:center;min-height:48px}
.qos-trust__item{position:absolute;display:inline-flex!important;align-items:center;gap:.55rem;background:rgba(255,255,255,.09)!important;border:1px solid rgba(255,255,255,.18)!important;border-radius:var(--qos-r-pill);backdrop-filter:blur(10px);padding:.6rem 1.5rem!important;color:#eaf1ff!important;font-weight:600;font-size:.96rem;white-space:nowrap;opacity:0;transform:translateX(-48px) scale(.9);transition:opacity .55s var(--qos-ease),transform .55s var(--qos-ease);pointer-events:none;box-shadow:0 10px 26px rgba(0,0,0,.22),inset 0 1px 0 rgba(255,255,255,.18)}
.qos-trust__item.is-active{opacity:1;transform:translateX(0) scale(1)}
.qos-trust__item.is-exit{opacity:0;transform:translateX(48px) scale(.9)}
.qos-trust__item::before,.qos-trust__item::after{display:none!important}
.qos-trust__ico{color:var(--qos-accent)!important;width:auto;height:auto;background:none;box-shadow:none}
@media (prefers-reduced-motion:reduce){
	.qos-trust__ticker{flex-wrap:wrap;gap:.5rem}
	.qos-trust__item{position:static;opacity:1!important;transform:none!important;transition:none}
}

/* Iconițe Font Awesome (inline) */
.qos-fa{width:1em;height:1em;fill:currentColor;display:inline-block;vertical-align:middle}

/* Servicii — listă alternantă cu scroll interior + scrollbar în culoarea principală */
.qos-services__scroll{max-height:660px;overflow-x:hidden;overflow-y:auto;padding:.4rem 1.1rem .4rem .2rem;display:flex;flex-direction:column;gap:1.4rem;scrollbar-width:thin;scrollbar-color:var(--qos-primary) var(--qos-tint)}
.qos-services__scroll::-webkit-scrollbar{width:10px}
.qos-services__scroll::-webkit-scrollbar-track{background:var(--qos-tint);border-radius:10px}
.qos-services__scroll::-webkit-scrollbar-thumb{background:linear-gradient(var(--qos-primary),var(--qos-primary-dark));border-radius:10px;border:2px solid var(--qos-tint)}
.qos-srow{display:grid;grid-template-columns:1fr 1fr;gap:0;align-items:stretch;background:#fff;border:1px solid var(--qos-line);border-radius:var(--qos-r-lg);overflow:hidden;box-shadow:var(--qos-shadow);color:var(--qos-ink);transition:transform .25s var(--qos-ease),box-shadow .25s;min-height:230px}
.qos-srow:hover{transform:translateY(-3px);box-shadow:var(--qos-shadow-lg)}
.qos-srow__media{display:block;overflow:hidden}
.qos-srow__media img{width:100%;height:100%;object-fit:cover;transition:transform .5s var(--qos-ease)}
.qos-srow:hover .qos-srow__media img{transform:scale(1.06)}
.qos-srow__body{padding:clamp(1.3rem,2.5vw,2.2rem);display:flex;flex-direction:column;justify-content:center}
.qos-srow--rev .qos-srow__media{order:2}
.qos-srow--rev .qos-srow__body{order:1}
.qos-srow__ico{display:grid;place-items:center;width:60px;height:60px;border-radius:18px;background:rgba(var(--qos-primary-rgb),.1);border:1px solid rgba(var(--qos-primary-rgb),.2);backdrop-filter:blur(8px);color:var(--qos-primary);margin-bottom:1rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.7),0 8px 20px rgba(var(--qos-primary-rgb),.12)}
.qos-srow__ico .qos-fa{width:26px;height:26px}
.qos-srow__title{display:block;font-size:1.3rem;font-weight:800;margin-bottom:.4rem}
.qos-srow__text{display:block;color:var(--qos-muted);margin-bottom:1.1rem;font-size:.98rem}
.qos-srow__foot{display:flex;align-items:center;justify-content:space-between;gap:.6rem}
.qos-srow__price{font-weight:700;color:var(--qos-ink);font-size:.95rem}
.qos-srow__more{display:inline-flex;align-items:center;gap:.3rem;color:var(--qos-primary);font-weight:700}
.qos-srow__more .qos-icon{transition:transform .2s}
.qos-srow:hover .qos-srow__more .qos-icon{transform:translateX(3px)}
@media (max-width:700px){
	.qos-services__scroll{max-height:none;overflow:visible;padding-right:0}
	.qos-srow{grid-template-columns:1fr;min-height:0}
	.qos-srow__media{min-height:190px;order:0!important}
	.qos-srow__body{order:0!important}
}

/* Calculator de preț */
.qos-calc__card{max-width:820px;margin:0 auto;background:linear-gradient(180deg,#fff,#f6f9ff);border:1px solid var(--qos-line);border-radius:var(--qos-r-lg);box-shadow:var(--qos-shadow-lg);padding:clamp(1.6rem,4vw,2.6rem)}
.qos-calc__grid{display:grid;grid-template-columns:1fr 1fr;gap:1.6rem;margin-bottom:1.6rem}
.qos-calc__field>label{display:block;font-weight:700;margin-bottom:.6rem;font-size:.95rem}
.qos-calc__select{position:relative}
.qos-calc__select select{width:100%;font:inherit;padding:.85rem 2.4rem .85rem 1rem;border:1px solid var(--qos-line);border-radius:12px;background:#fff;color:var(--qos-ink);appearance:none;-webkit-appearance:none;cursor:pointer}
.qos-calc__select::after{content:"";position:absolute;right:1.1rem;top:45%;width:8px;height:8px;border-right:2px solid var(--qos-muted);border-bottom:2px solid var(--qos-muted);transform:translateY(-50%) rotate(45deg);pointer-events:none}
.qos-calc__base{margin:.7rem 0 0;color:var(--qos-muted);font-size:.9rem}
.qos-calc__base strong{color:var(--qos-ink)}
.qos-calc__range{display:flex;align-items:center;gap:1rem;margin-top:.2rem}
.qos-calc__range input[type=range]{flex:1;accent-color:var(--qos-primary);height:6px}
.qos-calc__qtyval{min-width:46px;text-align:center;font-weight:800;color:var(--qos-primary);background:rgba(var(--qos-primary-rgb),.1);border-radius:10px;padding:.4rem .5rem}
.qos-calc__result{display:flex;align-items:center;justify-content:space-between;gap:1.4rem;flex-wrap:wrap;padding:1.4rem;background:var(--qos-tint);border-radius:var(--qos-r);border:1px solid var(--qos-line)}
.qos-calc__total-label{display:block;font-size:.8rem;color:var(--qos-muted);text-transform:uppercase;letter-spacing:.06em}
.qos-calc__total-val{font-size:clamp(1.7rem,4vw,2.4rem);font-weight:800;color:var(--qos-primary);line-height:1.15}
.qos-calc__cur{font-size:.62em}
.qos-calc__sfx{font-size:.5em;color:var(--qos-muted);font-weight:600;display:block;text-transform:none;letter-spacing:0}
.qos-calc__cta{display:flex;gap:.7rem;flex-wrap:wrap}
.qos-calc__note{margin:1.1rem 0 0;font-size:.82rem;color:var(--qos-muted);text-align:center}
@media (max-width:640px){.qos-calc__grid{grid-template-columns:1fr}.qos-calc__result{flex-direction:column;align-items:stretch;text-align:center}.qos-calc__cta{justify-content:center}}

/* Secțiuni distincte + spațiere egală (alternăm fundalul) */
.qos-section{padding-block:clamp(3rem,6vw,5.5rem)}
.qos-services{background:var(--qos-tint)}
.qos-calc{background:var(--qos-tint)}
.qos-cred,.qos-clients,.qos-contact{background:var(--qos-bg)}

/* =========================================================================
   REFINE 5 — clienți mari, bară de încredere dinamică, footer cu fundal, fix-uri
   ========================================================================= */

/* Anti-overflow orizontal (nicio dimensiune nu trebuie să scroleze lateral) */
html{overflow-x:hidden}
body{overflow-x:clip}
.qos-main,.qos-section,.qos-hero,.qos-footer,.qos-ctaband{max-width:100%}

/* Clienți — carduri mari, cu ecranul (imaginea) proeminent */
.qos-client{display:flex;flex-direction:column;padding:0;overflow:hidden;min-height:0;color:var(--qos-ink)}
.qos-client__media{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;background:linear-gradient(180deg,#f5f8ff,#e8eef9);padding:1.1rem;overflow:hidden}
.qos-client__img{max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain;filter:grayscale(.12);transition:transform .35s var(--qos-ease),filter .35s}
.qos-client:hover .qos-client__img{transform:scale(1.05);filter:grayscale(0)}
.qos-client__media--text{aspect-ratio:16/9;background:linear-gradient(135deg,rgba(var(--qos-primary-rgb),.08),rgba(34,211,238,.06))}
.qos-client__wordmark{font-weight:800;font-size:1.4rem;color:var(--qos-ink)}
.qos-client__foot{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:1rem 1.4rem;border-top:1px solid var(--qos-line);margin-top:0}
.qos-client__domain{font-size:.98rem;color:var(--qos-ink);font-weight:700}
.qos-client__arrow{color:var(--qos-primary)}

/* Servicii — rândul are înălțime fixă generoasă, textul se centrează perfect în chenarul alb */
.qos-srow{min-height:320px;align-items:stretch}
.qos-srow__media{aspect-ratio:auto}
.qos-srow__media img{height:100%;min-height:100%}
.qos-srow__body{padding:clamp(1.8rem,3vw,2.6rem)!important;display:flex!important;flex-direction:column;justify-content:center}
@media (max-width:700px){
	.qos-srow{min-height:0}
	.qos-srow__media{aspect-ratio:16/9}
	.qos-srow__media img{min-height:auto}
}

/* Bară de încredere — toate 4, dinamice, fundal premium */
.qos-trust{position:relative;overflow:hidden;background:linear-gradient(120deg,#0a1738,#1740a6 52%,#0a1738);border:0;padding-block:1.2rem}
.qos-trust__glow{position:absolute;inset:-60px -120px;pointer-events:none;background:radial-gradient(680px 260px at 25% 20%,rgba(var(--qos-primary-rgb),.45),transparent),radial-gradient(560px 260px at 80% 120%,rgba(34,211,238,.28),transparent);animation:qos-trustglow 10s ease-in-out infinite alternate}
@keyframes qos-trustglow{0%{opacity:.7}100%{opacity:1}}
.qos-trust__grid{position:relative;display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:.7rem;min-height:0}
.qos-trust__item{position:relative;display:inline-flex!important;align-items:center;gap:.6rem;background:rgba(255,255,255,.11)!important;border:1px solid rgba(255,255,255,.22)!important;border-radius:var(--qos-r-pill);backdrop-filter:blur(12px) saturate(1.5);padding:.62rem 1.45rem!important;color:#fff!important;font-weight:600;font-size:.95rem;white-space:nowrap;box-shadow:0 12px 30px rgba(0,0,0,.28),inset 0 1px 0 rgba(255,255,255,.3);overflow:hidden;opacity:0;transform:translateY(16px) scale(.9);transition:none}
.qos-trust__grid.is-inview .qos-trust__item{animation:qos-trustin .6s var(--qos-ease) forwards;animation-delay:calc(var(--d,0)*.13s)}
@keyframes qos-trustin{0%{opacity:0;transform:translateY(16px) scale(.9)}60%{opacity:1;transform:translateY(-3px) scale(1.04)}100%{opacity:1;transform:translateY(0) scale(1)}}
.qos-trust__ico{color:var(--qos-accent)!important;width:auto;height:auto;background:none!important;box-shadow:none!important;border-radius:0}
.qos-trust__ico .qos-icon{width:1.25em;height:1.25em}
.qos-trust__item::before{display:none!important}
.qos-trust__item::after{content:"";position:absolute;top:0;left:0;width:55%;height:100%;background:linear-gradient(100deg,transparent,rgba(255,255,255,.4),transparent);transform:translateX(-200%);pointer-events:none;animation:qos-trustshine 6s ease-in-out infinite;animation-delay:calc(1.2s + var(--d,0)*.6s)}
@keyframes qos-trustshine{0%,55%{transform:translateX(-200%)}78%,100%{transform:translateX(360%)}}

/* Footer — fundal mai bogat (grilă subtilă + glow de brand) */
.qos-footer{position:relative;overflow:hidden}
.qos-footer::before{content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.035) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.035) 1px,transparent 1px);background-size:46px 46px;-webkit-mask-image:radial-gradient(circle at 82% 8%,#000,transparent 68%);mask-image:radial-gradient(circle at 82% 8%,#000,transparent 68%)}
.qos-footer::after{content:"";position:absolute;top:-140px;right:-90px;width:440px;height:440px;border-radius:50%;background:radial-gradient(circle,rgba(var(--qos-primary-rgb),.3),transparent 62%);pointer-events:none}
.qos-footer .qos-container,.qos-footer__bar{position:relative;z-index:1}

@media (prefers-reduced-motion:reduce){
	.qos-trust__glow,.qos-trust__item::after{animation:none}
	.qos-trust__item{opacity:1;transform:none}
}

/* ==========================================================================
 * Cuprins (TOC) pentru paginile generate de AI — coloană stângă, sticky,
 * cu evidențierea secțiunii curente. (single.php, ramura qos-article--lp)
 * ======================================================================== */
.qos-lp-wrap{padding-block:clamp(2rem,4vw,3rem)}
.qos-toc-layout{display:grid;grid-template-columns:clamp(230px,22vw,272px) minmax(0,1fr);gap:clamp(1.6rem,3.6vw,3rem);align-items:start;max-width:var(--qos-max);margin-inline:auto}
.qos-toc-layout--full{grid-template-columns:minmax(0,var(--qos-narrow,760px));justify-content:center}
.qos-toc-layout .qos-article__content--lp{padding-block:0;min-width:0}

.qos-toc{position:sticky;top:84px;align-self:start}
.qos-toc__inner{border:1px solid var(--qos-line);border-radius:var(--qos-r-lg);background:linear-gradient(180deg,#fff,var(--qos-tint));padding:1.05rem 1.1rem;box-shadow:0 10px 30px rgba(10,20,45,.05)}
.qos-toc__title{display:flex;align-items:center;gap:.5rem;margin:0 0 .7rem;font-size:.72rem;font-weight:800;letter-spacing:.12em;text-transform:uppercase;color:var(--qos-muted)}
.qos-toc__title .qos-icon{width:1.05em;height:1.05em;color:var(--qos-primary)}
.qos-toc__nav ol{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:.1rem;max-height:min(70vh,640px);overflow:auto}
.qos-toc__nav li{margin:0}
.qos-toc__nav a{display:block;padding:.4rem .65rem;border-radius:9px;font-size:.9rem;line-height:1.35;color:#46536c;text-decoration:none;border-left:2px solid transparent;transition:background .15s var(--qos-ease),color .15s var(--qos-ease),border-color .15s var(--qos-ease)}
.qos-toc__nav a:hover{background:rgba(var(--qos-primary-rgb),.07);color:var(--qos-primary)}
.qos-toc__nav a.is-active{background:rgba(var(--qos-primary-rgb),.1);color:var(--qos-primary);border-left-color:var(--qos-primary);font-weight:600}
.qos-article--lp .qos-article__content h2{scroll-margin-top:84px}

@media (max-width:880px){
	.qos-toc-layout{grid-template-columns:1fr;gap:1.4rem}
	.qos-toc{position:static;top:auto}
	.qos-toc__inner{background:var(--qos-tint)}
	.qos-toc__nav ol{max-height:none;overflow:visible}
}

/* ---------- Telefon (icon + număr) ---------- */
.qos-phone{display:inline-flex;align-items:center;gap:.45rem}

/* ---------- Pagini legale ---------- */
.qos-legal-id{margin:0 0 2rem;padding:1.2rem 1.4rem;background:var(--qos-tint);border:1px solid var(--qos-line);border-radius:var(--qos-r)}
.qos-legal-id dl{display:grid;grid-template-columns:auto 1fr;gap:.55rem 1.2rem;margin:0}
.qos-legal-id dt{font-weight:700;color:var(--qos-ink);font-size:.95rem}
.qos-legal-id dd{margin:0;color:var(--qos-muted);font-size:.95rem}
.qos-legal-id a{color:var(--qos-primary)}
.qos-legal .qos-article__content h2{font-size:clamp(1.2rem,2.4vw,1.55rem)}
@media (max-width:560px){
	.qos-legal-id dl{grid-template-columns:1fr;gap:.15rem 0}
	.qos-legal-id dd{margin-bottom:.7rem}
	.qos-legal-id dd:last-child{margin-bottom:0}
}

/* ---------- Subsol: bloc legal ---------- */
.qos-footer__legalinfo{display:flex;flex-direction:column;gap:.25rem}
.qos-footer__legalid{color:#7e90b3;font-size:.82rem}
.qos-footer__legal{display:flex;flex-wrap:wrap;gap:.35rem 1.1rem;font-size:.86rem}
@media (max-width:640px){
	.qos-footer__bar-inner{flex-direction:column;align-items:flex-start}
}

/* ---------- Consimțământ cookie-uri ---------- */
.qos-cc[hidden]{display:none!important}
.qos-cc{position:fixed;left:0;right:0;bottom:0;z-index:150;background:#fff;border-top:1px solid var(--qos-line);box-shadow:0 -10px 30px rgba(16,32,64,.16);animation:qos-cc-up .3s var(--qos-ease)}
.qos-cc__inner{display:flex;align-items:center;gap:1.6rem;padding-block:1rem}
.qos-cc__text{flex:1;min-width:0}
.qos-cc__title{display:flex;align-items:center;gap:.4rem;margin:0 0 .25rem;font-weight:700;color:var(--qos-ink)}
.qos-cc__title .qos-icon{color:var(--qos-primary);flex-shrink:0}
.qos-cc__desc{margin:0;font-size:.9rem;line-height:1.55;color:var(--qos-muted)}
.qos-cc__desc a{color:var(--qos-primary);text-decoration:underline;text-underline-offset:2px}
.qos-cc__actions{display:flex;gap:.6rem;flex-shrink:0}
body.qos-cc-open .qos-callbar{display:none}
@keyframes qos-cc-up{from{transform:translateY(100%)}to{transform:none}}
@media (max-width:760px){
	.qos-cc__inner{flex-direction:column;align-items:stretch;gap:.9rem}
	.qos-cc__actions{flex-direction:column-reverse}
	.qos-cc__actions .qos-btn{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.qos-cc{animation:none}}

/* Notă explicativă sub o valoare din blocul de identitate legală */
.qos-legal-id__note{display:block;font-size:.8rem;line-height:1.4;color:var(--qos-muted);opacity:.8;margin-top:.1rem}

/* „Setări cookie-uri” arată ca celelalte linkuri legale din subsol */
.qos-footer__legal button{background:none;border:0;padding:0;font:inherit;color:#c3cfe6;cursor:pointer}
.qos-footer__legal button:hover{color:#fff;text-decoration:underline}