/* ════════════════════════════════════════════════════════
   VJR HOMEPAGE — EXACT STYLES FROM LAYOUT
   ════════════════════════════════════════════════════════ */

/* ════════ BLOCK 02 — HERO ══════════════════════════ */
.hero{background:#fff;padding-top:148px;padding-bottom:80px;position:relative;overflow:hidden}
.hero::before{content:'';position:absolute;top:0;right:0;width:48%;height:100%;background:linear-gradient(135deg,#f0eaff 0%,#fff9f6 100%);z-index:0;pointer-events:none}
.hero .container{position:relative;z-index:1}
.hero__grid{display:grid;grid-template-columns:55fr 45fr;gap:60px;align-items:center}

/* Left */
.hero__eyebrow{font-family:var(--fh);font-size:12px;font-weight:700;color:var(--primary);text-transform:uppercase;letter-spacing:2px;margin-bottom:16px;display:flex;align-items:center;gap:6px}
.hero__h1{font-family:var(--fh);font-weight:800;font-size:clamp(50px,6.5vw,84px);line-height:.92;letter-spacing:-.04em;color:var(--h1-orange);max-width:580px}
.hero__sub{font-size:18px;color:var(--text-sec);line-height:1.6;max-width:460px;margin-top:18px}
.trust-micro{display:flex;flex-wrap:wrap;gap:8px 18px;margin:22px 0;padding:0}
.trust-micro li{display:flex;align-items:center;gap:6px;font-size:13px;font-weight:500;color:var(--body-text)}
.trust-micro li svg{color:var(--primary);flex-shrink:0}

/* ─── QUOTE FORM CARD — THE HERO PIECE ─────────────── */
.qf-outer{position:relative}
.qf-shadow{position:absolute;inset:0;background:var(--bg-lavender);border-radius:16px;transform:translate(8px,8px);z-index:0}
.qf-card{position:relative;z-index:1;background:#fff;border-radius:16px;padding:28px;box-shadow:var(--shadow-lg)}

/* Step pills inside card */
.qf-pills{display:flex;align-items:center;gap:5px;flex-wrap:wrap;margin-bottom:18px}
.qf-pill{display:flex;align-items:center;gap:4px;font-family:var(--fh);font-size:10px;font-weight:700;letter-spacing:.05em;text-transform:uppercase;padding:3px 9px;border-radius:20px;white-space:nowrap}
.qf-pill.done{background:rgba(39,174,96,.1);color:#27AE60}
.qf-pill.active{background:rgba(222,100,59,.12);color:var(--primary)}
.qf-pill.pending{background:rgba(45,29,56,.06);color:#bbb}
.qf-pill-dot{width:5px;height:5px;border-radius:50%;flex-shrink:0}
.qf-pill.done .qf-pill-dot{background:#27AE60}
.qf-pill.active .qf-pill-dot{background:var(--primary);animation:dot-pulse .9s ease infinite}
.qf-pill.pending .qf-pill-dot{background:#ccc}
.qf-pill-sep{color:#ddd;font-size:10px;flex-shrink:0}
@keyframes dot-pulse{0%,100%{opacity:1}50%{opacity:.3}}

/* Progress bar in card */
.qf-progress{height:3px;background:#E6E6E6;border-radius:2px;margin-bottom:18px;overflow:hidden}
.qf-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .35s ease;width:0}

.qf-title{font-family:var(--fh);font-weight:800;font-size:16px;color:var(--dark);letter-spacing:-.01em;margin-bottom:16px}

/* Form inputs */
.fi-lbl{display:block;font-family:var(--fh);font-weight:700;font-size:11px;color:var(--dark);text-transform:uppercase;letter-spacing:.08em;margin-bottom:5px}
.fi{width:100%;height:52px;padding:0 14px;border:1.5px solid var(--border);border-radius:6px;font-family:var(--fb);font-size:15px;color:var(--dark);background:#fff;outline:none;transition:border-color var(--t),box-shadow var(--t);-webkit-appearance:none;margin-bottom:10px}
.fi::placeholder{color:var(--text-muted)}
.fi:focus{border-color:var(--primary);border-width:2px;padding:0 13px;box-shadow:0 0 0 3px rgba(222,100,59,.1)}
.fi.fi--ok{border-color:var(--success);border-width:2px;padding:0 13px}
.fi.fi--err{border-color:var(--error);box-shadow:0 0 0 3px rgba(176,0,32,.07)}
.sel-wrap{position:relative;margin-bottom:10px}
.sel-wrap svg{position:absolute;right:13px;top:50%;transform:translateY(-50%);pointer-events:none;color:var(--body-text)}
.fi-sel{width:100%;height:52px;padding:0 38px 0 14px;border:1.5px solid var(--border);border-radius:6px;font-family:var(--fb);font-size:15px;color:var(--dark);background:var(--bg-page);outline:none;cursor:pointer;-webkit-appearance:none;transition:border-color var(--t)}
.fi-sel:focus{border-color:var(--primary);border-width:2px}

.fv{font-size:11px;display:none;align-items:center;gap:4px;margin:-6px 0 8px}
.fv.show{display:flex}
.fv--e{color:var(--error)}.fv--ok{color:var(--success)}

/* CTA button inside form */
.qf-btn{width:100%;height:52px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-family:var(--fh);font-size:12px;font-weight:800;letter-spacing:2px;text-transform:uppercase;cursor:pointer;display:flex;align-items:center;justify-content:center;gap:8px;transition:background var(--t),transform var(--t);box-shadow:0 4px 14px rgba(222,100,59,.3);margin-bottom:10px}
.qf-btn:hover{background:var(--hover);transform:translateY(-1px)}
.qf-btn:disabled{background:#DDD;box-shadow:none;cursor:not-allowed;transform:none}
.qf-btn-spin{width:16px;height:16px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .7s linear infinite;display:none}
.qf-btn.loading .qf-btn-spin{display:block}
.qf-btn.loading .qf-btn-txt{display:none}
@keyframes spin{to{transform:rotate(360deg)}}
.qf-sub{text-align:center;font-size:12px;color:var(--text-sec)}
.qf-sub a{color:var(--primary);font-weight:600}

/* ─── INLINE STATES (loading / confirmed / notfound) ─ */
.qf-state{display:none;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:28px 12px;animation:fadeIn .22s ease}
.qf-state.active{display:flex}
@keyframes fadeIn{from{opacity:0;transform:scale(.98)}to{opacity:1;transform:scale(1)}}

/* Loading */
.qf-spinner{position:relative;width:48px;height:48px}
.qf-spin-track{position:absolute;inset:0;border-radius:50%;border:3px solid rgba(222,100,59,.12)}
.qf-spin-ring{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-top-color:var(--primary);animation:spin .75s linear infinite}
.qf-spin-ring2{position:absolute;inset:0;border-radius:50%;border:3px solid transparent;border-bottom-color:rgba(222,100,59,.3);animation:spin 1.4s linear infinite reverse}
.qf-spin-pulse{position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(222,100,59,.18);animation:pulse-ring 1.8s ease-out infinite}
@keyframes pulse-ring{0%{transform:scale(.8);opacity:.8}100%{transform:scale(1.35);opacity:0}}
.qf-loading-h{font-family:var(--fh);font-weight:700;font-size:15px;color:var(--dark)}
.qf-loading-zip{color:var(--primary)}
.qf-progress-bar{width:100%;height:3px;background:rgba(222,100,59,.1);border-radius:2px;overflow:hidden}
.qf-progress-bar-fill{height:100%;background:var(--primary);border-radius:2px;width:0;transition:width .35s}

/* Confirmed */
.qf-confirmed{background:var(--bg-yellow);border-radius:12px;padding:24px 16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center}
.check-spring{animation:springPop .45s cubic-bezier(.175,.885,.32,1.5) both}
@keyframes springPop{0%{transform:scale(0);opacity:0}70%{transform:scale(1.1)}100%{transform:scale(1);opacity:1}}
.qf-conf-h{font-family:var(--fh);font-weight:800;font-size:21px;color:var(--dark);letter-spacing:-.01em}
.qf-conf-p{font-size:13px;color:var(--text-sec)}
.dots{display:inline-flex;gap:3px}
.dot{width:5px;height:5px;border-radius:50%;background:var(--text-sec);animation:dot-b 1.1s ease infinite}
.dot:nth-child(2){animation-delay:.18s}.dot:nth-child(3){animation-delay:.36s}
@keyframes dot-b{0%,80%,100%{transform:translateY(0);opacity:.4}40%{transform:translateY(-4px);opacity:1}}
.auto-bar{width:100%;height:3px;background:rgba(45,29,56,.1);border-radius:2px;overflow:hidden;margin-top:4px}
.auto-bar-fill{height:100%;background:var(--primary);width:0;animation:autoFill 1.2s linear .1s forwards}
@keyframes autoFill{to{width:100%}}

/* Not found */
.qf-nf{background:var(--bg-yellow);border-radius:12px;padding:24px 16px;width:100%;display:flex;flex-direction:column;align-items:center;gap:10px;text-align:center}
.qf-nf-h{font-family:var(--fh);font-weight:800;font-size:19px;color:var(--dark)}
.qf-nf-p{font-size:13px;color:var(--body-text);max-width:280px}
.btn-check-call{width:100%;height:46px;background:var(--primary);color:#fff;border:none;border-radius:6px;font-family:var(--fh);font-weight:700;font-size:14px;display:flex;align-items:center;justify-content:center;gap:6px;transition:background var(--t);cursor:pointer;text-decoration:none}
.btn-check-call:hover{background:var(--hover)}
.nf-secondary{font-size:12px;color:var(--text-sec);background:none;border:none;cursor:pointer;text-decoration:underline;text-underline-offset:2px;font-family:var(--fb)}
.email-expand{display:none;flex-direction:column;gap:7px;width:100%;margin-top:4px}
.email-expand.open{display:flex}
.btn-notify{height:42px;background:var(--dark);color:#FAFAFA;border:none;border-radius:6px;font-family:var(--fh);font-weight:700;font-size:13px;cursor:pointer;transition:opacity var(--t)}
.btn-notify:hover{opacity:.85}
.nf-done{display:none;font-size:12px;color:var(--dark);background:rgba(255,255,255,.65);border-radius:6px;padding:8px 12px;text-align:center}
.nf-done.show{display:block}

/* Hero right */
.hero__right{position:relative}
.hero__img{width:100%;max-width:480px;aspect-ratio:4/5;object-fit:cover;border-radius:16px;background:linear-gradient(135deg,#d8d0e8 0%,#c0bcd0 100%);display:flex;align-items:center;justify-content:center;font-size:64px;min-height:260px}
.hero__badge{position:absolute;bottom:-18px;left:-18px;z-index:2;background:#fff;border-radius:12px;padding:11px 15px;box-shadow:0 4px 16px rgba(45,29,56,.14);display:flex;align-items:center;gap:9px}
.hero__badge-rating{font-family:var(--fh);font-weight:800;font-size:21px;color:var(--primary)}
.hero__badge-label{font-family:var(--fb);font-size:11px;color:var(--text-sec);white-space:nowrap}

/* ════════ BLOCK 03 — TICKER ═══════════════════════ */
.ticker{background:var(--bg-yellow);height:48px;overflow:hidden;display:flex;align-items:center}
.ticker__track{display:flex;animation:tickerScroll 30s linear infinite;white-space:nowrap}
.ticker__track:hover{animation-play-state:paused}
.ticker__item{font-family:var(--fh);font-size:13px;font-weight:700;color:var(--dark);letter-spacing:1px;padding:0 22px;display:inline-flex;align-items:center;gap:6px}
.ticker__sep{color:var(--primary);opacity:.5;padding:0 2px}
@keyframes tickerScroll{from{transform:translateX(0)}to{transform:translateX(-50%)}}

/* ════════ BLOCK 04 — TRUST BAR ═══════════════════ */
.trust-bar{background:var(--bg-page);padding:56px 0}
.trust-bar__grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.stat-card{border-radius:12px;padding:28px 20px;text-align:center;transition:transform var(--t)}
.stat-card:hover{transform:translateY(-4px)}
.stat-card.one{background:var(--bg-yellow)}
.stat-card.two{background:var(--primary)}
.stat-card.three{background:var(--bg-lavender)}
.stat-card.four{background:var(--dark)}
.sc-icon{width:36px;height:36px;margin:0 auto 12px}
.stat-card.one .sc-icon svg,.stat-card.three .sc-icon svg{color:var(--dark)}
.stat-card.two .sc-icon svg{color:#fff}
.stat-card.four .sc-icon svg{color:var(--bg-lavender)}
.sc-num{font-family:var(--fh);font-weight:800;font-size:32px;line-height:1;margin-bottom:5px}
.stat-card.one .sc-num,.stat-card.three .sc-num{color:var(--dark)}
.stat-card.two .sc-num{color:#fff}
.stat-card.four .sc-num{color:var(--bg-lavender)}
.sc-lbl{font-family:var(--fb);font-size:14px;font-weight:500;line-height:1.4}
.stat-card.one .sc-lbl,.stat-card.three .sc-lbl{color:rgba(45,29,56,.8)}
.stat-card.two .sc-lbl{color:rgba(255,255,255,.9)}
.stat-card.four .sc-lbl{color:var(--bg-lavender)}

/* ════════ BLOCK 05 — SERVICES GRID ════════════════ */
.services{background:#fff;padding:72px 0}
.svc-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-bottom:24px}
.svc-card{border-radius:16px;padding:30px 22px;transition:transform .25s ease,box-shadow .25s ease;cursor:default}
.svc-card:hover{transform:translateY(-6px);box-shadow:0 8px 24px rgba(0,0,0,.11)}
.svc-card:nth-child(1){background:var(--bg-yellow)}
.svc-card:nth-child(2){background:var(--primary)}
.svc-card:nth-child(3){background:var(--bg-lavender)}
.svc-card:nth-child(4){background:var(--dark)}
.svc-card:nth-child(5){background:var(--bg-cream)}
.svc-card:nth-child(6){background:var(--primary)}
.svc-card__ico{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin-bottom:16px}
.svc-card:nth-child(1) .svc-card__ico{background:rgba(45,29,56,.1)}
.svc-card:nth-child(2) .svc-card__ico,.svc-card:nth-child(6) .svc-card__ico{background:rgba(255,255,255,.2)}
.svc-card:nth-child(3) .svc-card__ico{background:rgba(45,29,56,.1)}
.svc-card:nth-child(4) .svc-card__ico{background:rgba(230,207,227,.15)}
.svc-card:nth-child(5) .svc-card__ico{background:rgba(222,100,59,.12)}
.svc-card__ico svg{width:24px;height:24px}
.svc-card:nth-child(1) .svc-card__ico svg,.svc-card:nth-child(3) .svc-card__ico svg{color:var(--dark)}
.svc-card:nth-child(2) .svc-card__ico svg,.svc-card:nth-child(6) .svc-card__ico svg{color:#fff}
.svc-card:nth-child(4) .svc-card__ico svg{color:var(--bg-lavender)}
.svc-card:nth-child(5) .svc-card__ico svg{color:var(--primary)}
.svc-card__h3{font-family:var(--fh);font-weight:800;font-size:20px;line-height:1.2;margin-bottom:7px}
.svc-card:nth-child(1) .svc-card__h3,.svc-card:nth-child(3) .svc-card__h3{color:var(--dark)}
.svc-card:nth-child(2) .svc-card__h3,.svc-card:nth-child(6) .svc-card__h3{color:#fff}
.svc-card:nth-child(4) .svc-card__h3{color:var(--bg-lavender)}
.svc-card:nth-child(5) .svc-card__h3{color:var(--dark)}
.svc-card__desc{font-size:13px;line-height:1.55;margin-bottom:14px;opacity:.85}
.svc-card:nth-child(1) .svc-card__desc,.svc-card:nth-child(3) .svc-card__desc,.svc-card:nth-child(5) .svc-card__desc{color:var(--dark)}
.svc-card:nth-child(2) .svc-card__desc,.svc-card:nth-child(6) .svc-card__desc{color:rgba(255,255,255,.85)}
.svc-card:nth-child(4) .svc-card__desc{color:rgba(230,207,227,.8)}
.svc-card__link{font-family:var(--fb);font-size:12px;font-weight:600;display:inline-flex;align-items:center;gap:3px;transition:gap var(--t)}
.svc-card:hover .svc-card__link{gap:7px}
.svc-card:nth-child(1) .svc-card__link,.svc-card:nth-child(3) .svc-card__link{color:var(--dark)}
.svc-card:nth-child(2) .svc-card__link,.svc-card:nth-child(6) .svc-card__link{color:rgba(255,255,255,.9)}
.svc-card:nth-child(4) .svc-card__link{color:var(--bg-lavender)}
.svc-card:nth-child(5) .svc-card__link{color:var(--primary)}
.svc-more{text-align:center;font-family:var(--fb);font-size:14px;font-weight:600;color:var(--primary)}
.svc-more a:hover{text-decoration:underline}

/* ════════ BLOCK 06 — HOW IT WORKS ═════════════════ */
.hiw{background:var(--primary);padding:72px 0}
.hiw .h2--white{text-align:center;margin-bottom:48px}
.steps{display:grid;grid-template-columns:1fr 36px 1fr 36px 1fr;align-items:start;margin-bottom:40px}
.step-arrow{display:flex;align-items:flex-start;padding-top:48px;justify-content:center;color:var(--bg-yellow);opacity:.6}
.step-card{border-radius:16px;padding:28px 22px}
.step-card:nth-child(1){background:var(--bg-cream)}
.step-card:nth-child(3){background:var(--bg-yellow)}
.step-card:nth-child(5){background:var(--bg-lavender)}
.step-card__num{font-family:var(--fh);font-weight:800;font-size:44px;color:var(--primary);line-height:1;margin-bottom:12px;letter-spacing:-.02em}
.step-card__ico{width:36px;height:36px;color:var(--primary);margin-bottom:10px}
.step-card__h3{font-family:var(--fh);font-weight:800;font-size:19px;color:var(--dark);margin-bottom:7px}
.step-card__body{font-size:13px;color:var(--body-text);line-height:1.6}
.hiw__cta{text-align:center}

/* ════════ BLOCK 07 — ECO MISSION ══════════════════ */
.eco{background:var(--bg-beige);padding:72px 0}
.eco__grid{display:grid;grid-template-columns:55fr 45fr;gap:60px;align-items:center}
.eco__p{font-size:16px;color:var(--body-text);line-height:1.75;margin-bottom:12px}
.eco__bullets{display:flex;flex-direction:column;gap:13px;margin-top:24px}
.eco__bullet{display:flex;align-items:flex-start;gap:13px}
.eco__bullet-ico{width:34px;height:34px;min-width:34px;border-radius:50%;background:rgba(222,100,59,.1);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0}
.eco__bullet-title{font-family:var(--fh);font-weight:700;font-size:14px;color:var(--dark);margin-bottom:2px}
.eco__bullet-desc{font-size:13px;color:var(--text-sec)}
.eco__visual{position:relative}
.eco__img-box{width:100%;aspect-ratio:4/3;background:linear-gradient(135deg,var(--bg-lavender) 0%,var(--bg-yellow) 100%);border-radius:16px;display:flex;align-items:center;justify-content:center;padding:28px}
.eco__big{font-family:var(--fh);font-weight:900;font-size:72px;color:var(--primary);line-height:1;text-align:center}
.eco__big-label{font-size:14px;color:var(--dark);font-weight:600;margin-top:7px;text-align:center}
.eco__tag{position:absolute;bottom:-10px;right:-10px;background:var(--bg-lavender);border-radius:7px;padding:7px 14px;font-family:var(--fh);font-size:11px;font-weight:700;color:var(--dark);text-transform:uppercase;letter-spacing:.5px;box-shadow:var(--shadow-sm)}

/* ════════ BLOCK 08 — REVIEWS ══════════════════════ */
.reviews{background:var(--bg-page);padding:72px 0}
.rev-sub{font-size:15px;color:var(--text-sec);text-align:center;margin-top:6px;margin-bottom:40px}
.featured-wrap{position:relative;margin-bottom:20px;max-width:860px;margin-left:auto;margin-right:auto}
.featured-offset{position:absolute;inset:0;background:var(--bg-lavender);border-radius:16px;transform:translate(8px,8px);z-index:0}
.featured-card{position:relative;z-index:1;background:#fff;border-radius:16px;padding:32px;box-shadow:var(--shadow-sm)}
.stars{display:flex;gap:3px;margin-bottom:12px}
.stars svg{color:var(--primary)}
.rev-text{font-family:var(--fb);font-size:17px;color:var(--dark);font-style:italic;line-height:1.7;margin-bottom:18px}
.rev-author{display:flex;align-items:center;gap:12px}
.rev-avatar{width:42px;height:42px;border-radius:50%;background:var(--primary);display:flex;align-items:center;justify-content:center;font-family:var(--fh);font-weight:800;font-size:17px;color:#fff;flex-shrink:0}
.rev-name{font-family:var(--fh);font-weight:700;font-size:14px;color:var(--dark)}
.rev-meta{font-size:12px;color:var(--text-sec)}
.rev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:32px;max-width:860px;margin-left:auto;margin-right:auto}
.rev-card{background:#F4EEF7;border-radius:11px;padding:22px;transition:background var(--t),transform var(--t)}
.rev-card:hover{transform:translateY(-3px)}
.rev-card:nth-child(1):hover{background:var(--primary)}
.rev-card:nth-child(2):hover{background:var(--bg-lavender)}
.rev-card:nth-child(3):hover{background:var(--bg-yellow)}
.rev-card:nth-child(1):hover .rc-text,.rev-card:nth-child(1):hover .rc-name,.rev-card:nth-child(1):hover .rc-loc{color:#fff}
.rc-text{font-size:13px;color:var(--body-text);line-height:1.6;margin-bottom:12px}
.rc-name{font-family:var(--fh);font-weight:700;font-size:12px;color:var(--dark)}
.rc-loc{font-size:11px;color:var(--text-sec);margin-top:2px}
.trust-logos{display:flex;align-items:center;justify-content:center;gap:32px;flex-wrap:wrap;padding-top:8px}
.trust-logo{font-family:var(--fh);font-size:12px;font-weight:700;color:#bbb;filter:grayscale(1);transition:filter var(--t),color var(--t);display:flex;align-items:center;gap:5px}
.trust-logo:hover{filter:grayscale(0);color:var(--dark)}

/* ════════ BLOCK 09 — SERVICE AREAS ════════════════ */
.areas{background:#fff;padding:72px 0}
.areas__grid{display:grid;grid-template-columns:1fr 1fr;gap:52px;align-items:start}
.areas__map{aspect-ratio:4/3;background:#e8e8e8;border-radius:12px;overflow:hidden}
.areas__cols{display:grid;grid-template-columns:1fr 1fr;gap:28px}
.areas__group h3{font-family:var(--fh);font-weight:800;font-size:18px;color:var(--dark);margin-bottom:12px;padding-bottom:7px;border-bottom:2px solid var(--primary);display:inline-block}
.areas__list{display:flex;flex-direction:column;gap:6px}
.areas__list a{font-family:var(--fb);font-weight:500;font-size:14px;color:var(--dark);display:flex;align-items:center;gap:4px;transition:color var(--t)}
.areas__list a::before{content:'→';font-size:11px;color:var(--primary)}
.areas__list a:hover{color:var(--primary)}
.areas__note{margin-top:18px;font-size:13px;color:var(--text-sec);grid-column:1/-1}
.areas__note a{color:var(--primary);font-weight:600}

/* ════════ BLOCK 10 — FAQ ══════════════════════════ */
.faq{background:var(--bg-beige);padding:72px 0}
.faq__list{max-width:800px;margin:0 auto}
.faq-item{border-bottom:1px solid rgba(45,29,56,.1)}
.faq-item:last-child{border-bottom:none}
.faq-item__btn{width:100%;display:flex;align-items:center;justify-content:space-between;padding:18px 0;background:none;border:none;text-align:left;font-family:var(--fh);font-size:17px;font-weight:700;color:var(--dark);gap:14px;cursor:pointer;transition:color var(--t)}
.faq-item--open .faq-item__btn{color:var(--primary);padding-left:12px;border-left:3px solid var(--primary)}
.faq-item__icon{width:24px;height:24px;min-width:24px;border-radius:50%;background:rgba(222,100,59,.1);border:1.5px solid var(--primary);display:flex;align-items:center;justify-content:center;color:var(--primary);flex-shrink:0;transition:transform var(--t),background var(--t)}
.faq-item--open .faq-item__icon{transform:rotate(45deg);background:var(--primary);color:#fff}
.faq-item__body{max-height:0;overflow:hidden;transition:max-height .3s ease}
.faq-item--open .faq-item__body{max-height:360px}
.faq-item__content{padding:0 0 18px 15px;font-size:15px;color:var(--body-text);line-height:1.75}
.faq-item__content a{color:var(--primary);font-weight:600}

/* ════════ BLOCK 11 — FINAL CTA ═════════════════════ */
.final-cta{background:var(--primary);padding:72px 0;text-align:center}
.final-cta .h2--white{margin-bottom:12px}
.final-cta__sub{font-size:18px;color:#FAFAFA;max-width:500px;margin:0 auto 32px;line-height:1.6}
.final-cta__btns{display:flex;align-items:center;justify-content:center;gap:14px;flex-wrap:wrap}
.final-cta__note{margin-top:16px;font-size:12px;color:var(--bg-yellow);letter-spacing:.5px}

/* Responsive */
@media(max-width:1024px){
  .hero__grid{gap:36px}
  .trust-bar__grid{grid-template-columns:1fr 1fr}
  .svc-grid{grid-template-columns:1fr 1fr}
  .steps{grid-template-columns:1fr;gap:20px}
  .step-arrow{display:none}
  .eco__grid{grid-template-columns:1fr}
}
@media(max-width:768px){
  .hero{padding-top:104px;padding-bottom:48px}
  .hero__grid{grid-template-columns:1fr;gap:28px}
  .hero__h1{font-size:clamp(38px, 9vw, 54px)}
  .hero__sub{font-size:16px}
  .hero__img{aspect-ratio:16/9;max-width:100%;font-size:48px;min-height:auto}
  .hero__badge{bottom:8px;right:8px;left:auto}
  .hero::before{display:none}
  .trust-bar__grid{grid-template-columns:1fr 1fr;gap:10px}
  .stat-card{padding:22px 14px}
  .sc-num{font-size:26px}
  .svc-grid{grid-template-columns:1fr}
  .rev-grid{grid-template-columns:1fr}
  .featured-wrap,.rev-grid{max-width:100%}
  .areas__grid{grid-template-columns:1fr}
  .areas__cols{grid-template-columns:1fr 1fr}
  .final-cta__btns{flex-direction:column;max-width:340px;margin-left:auto;margin-right:auto}
  .final-cta__btns .btn{width:100%}
}
@media(max-width:480px){
  .areas__cols{grid-template-columns:1fr}
  .trust-logos{gap:18px}
}