/* ─── DESIGN TOKENS ─── */
:root,[data-theme="light"]{
  --color-bg:#f5f8f2;
  --color-surface:#f9faf7;
  --color-surface-2:#fcfcfa;
  --color-surface-offset:#edf2e8;
  --color-divider:#dde6d5;
  --color-border:#cfd9c4;
  --color-text:#1e2618;
  --color-text-muted:#5a6b4a;
  --color-text-faint:#a0b08c;
  --color-text-inverse:#f5f8f2;
  --color-primary:#2d7a2e;
  --color-primary-hover:#1e5c1f;
  --color-primary-active:#154416;
  --color-primary-highlight:#c8e6c9;
  --color-accent:#6a994e;
  --color-accent-light:#d4edba;
  --color-gold:#c8931a;
  --color-gold-light:#f5e8c0;
  --radius-sm:.375rem;
  --radius-md:.5rem;
  --radius-lg:.75rem;
  --radius-xl:1rem;
  --radius-full:9999px;
  --shadow-sm:0 1px 3px oklch(0.2 0.02 140/.07);
  --shadow-md:0 4px 16px oklch(0.2 0.02 140/.1);
  --shadow-lg:0 12px 40px oklch(0.2 0.02 140/.14);
  --transition-interactive:180ms cubic-bezier(0.16,1,0.3,1);
  --font-display:'Playfair Display',Georgia,serif;
  --font-body:'Inter','Helvetica Neue',sans-serif;
  --text-xs:clamp(.75rem,.7rem + .25vw,.875rem);
  --text-sm:clamp(.875rem,.8rem + .35vw,1rem);
  --text-base:clamp(1rem,.95rem + .25vw,1.125rem);
  --text-lg:clamp(1.125rem,1rem + .75vw,1.5rem);
  --text-xl:clamp(1.5rem,1.2rem + 1.25vw,2.25rem);
  --text-2xl:clamp(2rem,1.2rem + 2.5vw,3.5rem);
  --text-3xl:clamp(2.5rem,1rem + 4vw,5rem);
  --space-1:.25rem;--space-2:.5rem;--space-3:.75rem;--space-4:1rem;
  --space-6:1.5rem;--space-8:2rem;--space-10:2.5rem;--space-12:3rem;
  --space-16:4rem;--space-20:5rem;--space-24:6rem;
  --content-narrow:640px;--content-default:960px;--content-wide:1200px;
}
[data-theme="dark"]{
  --color-bg:#131a0e;--color-surface:#192012;--color-surface-2:#1f2817;
  --color-surface-offset:#162010;--color-divider:#253319;--color-border:#2f4020;
  --color-text:#cdd9be;--color-text-muted:#7a9460;--color-text-faint:#4a6035;
  --color-text-inverse:#131a0e;
  --color-primary:#5aaa5c;--color-primary-hover:#3d8a3f;--color-primary-active:#2c6a2e;
  --color-primary-highlight:#1e3a1e;
  --color-accent:#8bc34a;--color-accent-light:#233813;
  --color-gold:#e0a820;--color-gold-light:#2e2510;
  --shadow-sm:0 1px 3px oklch(0 0 0/.25);
  --shadow-md:0 4px 16px oklch(0 0 0/.35);
  --shadow-lg:0 12px 40px oklch(0 0 0/.5);
}
@media(prefers-color-scheme:dark){:root:not([data-theme]){
  --color-bg:#131a0e;--color-surface:#192012;--color-surface-2:#1f2817;
  --color-surface-offset:#162010;--color-divider:#253319;--color-border:#2f4020;
  --color-text:#cdd9be;--color-text-muted:#7a9460;--color-text-faint:#4a6035;
  --color-text-inverse:#131a0e;
  --color-primary:#5aaa5c;--color-primary-hover:#3d8a3f;
  --color-accent:#8bc34a;--color-accent-light:#233813;
  --color-gold:#e0a820;--color-gold-light:#2e2510;
}}

/* ─── BASE ─── */
.wl-landing,.wl-landing *,.wl-landing *::before,.wl-landing *::after{box-sizing:border-box;margin:0}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;scroll-behavior:smooth;scroll-padding-top:80px}
body{min-height:100dvh;line-height:1.6;font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg)}
img,picture,video{display:block;max-width:100%;height:auto}
ul[role="list"]{list-style:none}
input,button,textarea,select{font:inherit;color:inherit}
h1,h2,h3,h4{text-wrap:balance;line-height:1.2}
p,li{text-wrap:pretty;max-width:72ch}
button{cursor:pointer;background:none;border:none}
::selection{background:oklch(from var(--color-primary) l c h/.2);color:var(--color-text)}
:focus-visible{outline:2px solid var(--color-primary);outline-offset:3px;border-radius:var(--radius-sm)}
a,button,[role="button"]{transition:color var(--transition-interactive),background var(--transition-interactive),box-shadow var(--transition-interactive),border-color var(--transition-interactive)}

/* ─── LAYOUT HELPERS ─── */
.container{max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6)}
.container--wide{max-width:var(--content-wide)}
.container--narrow{max-width:var(--content-narrow)}

/* ─── SECTION LABELS ─── */
.section-label{font-family:var(--font-body);font-size:var(--text-xs);font-weight:600;letter-spacing:.12em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-3)}

/* ─── HEADER ─── */
.site-header{position:sticky;top:0;z-index:100;background:oklch(from var(--color-bg) l c h/.92);backdrop-filter:blur(12px);border-bottom:1px solid var(--color-divider)}
.header-inner{display:flex;align-items:center;justify-content:space-between;padding-block:var(--space-4);max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6)}
.logo{display:flex;align-items:center;gap:var(--space-2);text-decoration:none;color:var(--color-text)}
.logo-text{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;color:var(--color-primary)}
.header-nav{display:flex;gap:var(--space-6);align-items:center}
.header-nav a{text-decoration:none;font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500;transition:color var(--transition-interactive)}
.header-nav a:hover{color:var(--color-primary)}
.header-actions{display:flex;align-items:center;gap:var(--space-3)}
.btn-header{background:var(--color-primary);color:var(--color-text-inverse);padding:var(--space-2) var(--space-4);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background var(--transition-interactive),box-shadow var(--transition-interactive)}
.btn-header:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-sm)}
.theme-toggle{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:var(--radius-full);color:var(--color-text-muted);border:1px solid var(--color-border)}
.theme-toggle:hover{background:var(--color-surface-offset);color:var(--color-text)}

/* ─── HERO ─── */
.hero{position:relative;min-height:92vh;display:flex;align-items:center;overflow:hidden;background:linear-gradient(165deg,var(--color-surface-offset) 0%,var(--color-bg) 55%)}
.hero-bg{position:absolute;inset:0;z-index:0}
.wl-landing .hero-bg img{width:100%;height:100%;max-width:none;object-fit:cover;opacity:.22}
.hero-bg-overlay{position:absolute;inset:0;background:linear-gradient(to right,var(--color-bg) 45%,transparent 100%)}
.hero-content{position:relative;z-index:1;max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6);padding-block:var(--space-24) var(--space-16);display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center}
.hero-tag{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-accent-light);color:var(--color-accent);padding:var(--space-1) var(--space-3);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-4)}
.hero-tag svg{flex-shrink:0}
.hero h1{font-family:var(--font-display);font-size:var(--text-3xl);font-weight:700;line-height:1.08;margin-bottom:var(--space-4);color:var(--color-text)}
.hero h1 em{font-style:italic;color:var(--color-primary)}
.hero-sub{font-size:var(--text-lg);color:var(--color-text-muted);line-height:1.55;margin-bottom:var(--space-8);max-width:54ch}
.hero-cta{display:flex;flex-wrap:wrap;gap:var(--space-3);align-items:center}
.btn-primary{display:inline-flex;align-items:center;gap:var(--space-2);background:var(--color-primary);color:#fff;padding:var(--space-3) var(--space-8);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;text-decoration:none;transition:background var(--transition-interactive),box-shadow var(--transition-interactive);box-shadow:var(--shadow-sm)}
.btn-primary:hover{background:var(--color-primary-hover);box-shadow:var(--shadow-md)}
.btn-secondary{display:inline-flex;align-items:center;gap:var(--space-2);background:transparent;color:var(--color-primary);border:1.5px solid var(--color-primary);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:600;text-decoration:none;transition:background var(--transition-interactive),color var(--transition-interactive)}
.btn-secondary:hover{background:var(--color-primary-highlight);color:var(--color-primary-hover)}
.hero-stats{display:flex;gap:var(--space-8);margin-top:var(--space-10)}
.hero-stat strong{display:block;font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;color:var(--color-primary)}
.hero-stat span{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}
.hero-visual{position:relative}
.wl-landing .hero-img-wrap{display:grid;grid-template:1fr / 1fr;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/5}
.wl-landing .hero-img-wrap img{grid-area:1 / 1;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.hero-badge{position:absolute;bottom:var(--space-4);left:var(--space-4);background:oklch(from var(--color-bg) l c h/.9);backdrop-filter:blur(8px);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-3) var(--space-4);display:flex;align-items:center;gap:var(--space-2)}
.hero-badge-icon{width:36px;height:36px;border-radius:var(--radius-md);background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}
.hero-badge-text strong{display:block;font-size:var(--text-sm);font-weight:700;color:var(--color-text)}
.hero-badge-text span{font-size:var(--text-xs);color:var(--color-text-muted)}

/* ─── TRUST BAR ─── */
.trust-bar{background:var(--color-surface);border-top:1px solid var(--color-divider);border-bottom:1px solid var(--color-divider);padding-block:var(--space-6)}
.trust-bar-inner{display:flex;flex-wrap:wrap;gap:var(--space-6) var(--space-8);align-items:center;justify-content:flex-start;width:100%;max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6)}
.trust-item{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-muted);font-weight:500}
.trust-item svg{color:var(--color-primary);flex-shrink:0}
.trust-item strong{color:var(--color-text)}

/* ─── SERVICES ─── */
.services-section{padding-block:clamp(var(--space-16),8vw,var(--space-24))}
.section-intro{margin-bottom:var(--space-12)}
.section-intro h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;margin-bottom:var(--space-3)}
.section-intro p{font-size:var(--text-base);color:var(--color-text-muted);max-width:58ch}
.services-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-6);align-items:stretch}
.service-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:box-shadow var(--transition-interactive),transform var(--transition-interactive);display:flex;flex-direction:column;height:100%}
.service-card-body{display:flex;flex-direction:column;flex:1;align-items:flex-start}
.service-card-link{margin-top:auto}
.service-card:hover{box-shadow:var(--shadow-lg);transform:translateY(-2px)}
.service-card-img{aspect-ratio:16/9;overflow:hidden}
.wl-landing .service-card-img img{width:100%;height:100%;max-width:none;object-fit:cover;transition:transform .4s ease}
.wl-landing .service-card:hover .service-card-img img{transform:scale(1.04)}
.service-card-body{padding:var(--space-6)}
.service-card-tag{display:inline-block;width:fit-content;max-width:100%;flex-shrink:0;background:var(--color-accent-light);color:var(--color-accent);font-size:var(--text-xs);font-weight:600;padding:.2rem .65rem;border-radius:var(--radius-full);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-3);line-height:1.3;white-space:nowrap}
.service-card-body p,.service-card-body h3,.service-card-price{width:100%}
.service-card-body h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}
.service-card-body p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}
.service-card-price{font-size:var(--text-sm);font-weight:700;color:var(--color-primary)}
.service-card-price span{font-weight:400;color:var(--color-text-muted)}
.service-card-link{display:inline-flex;align-items:center;gap:var(--space-1);color:var(--color-primary);font-size:var(--text-sm);font-weight:600;text-decoration:none;margin-top:var(--space-4)}
.service-card-link:hover{color:var(--color-primary-hover)}
.service-card-link svg{transition:transform var(--transition-interactive)}
.service-card-link:hover svg{transform:translateX(3px)}

/* ─── GAZONS ─── */
.gazons-section{padding-block:clamp(var(--space-16),8vw,var(--space-24));background:var(--color-surface)}
.gazons-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(240px,100%),1fr));gap:var(--space-4);margin-top:var(--space-10)}
.gazon-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:var(--space-6);position:relative;transition:box-shadow var(--transition-interactive)}
.gazon-card:hover{box-shadow:var(--shadow-md)}
.gazon-card.featured{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}
.gazon-badge{position:absolute;top:var(--space-4);right:var(--space-4);background:var(--color-primary);color:#fff;font-size:var(--text-xs);font-weight:700;padding:2px var(--space-2);border-radius:var(--radius-full)}
.gazon-card h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}
.gazon-card p{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-4)}
.gazon-card ul{list-style:none;padding:0;margin:0;width:100%;display:flex;flex-direction:column;gap:.2rem}
.gazon-card ul li{margin:0;padding:0;max-width:none;width:100%;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.35;display:flex;align-items:flex-start;gap:.4rem}
.gazon-card ul li::before{content:'';width:5px;height:5px;margin-top:.45em;border-radius:50%;background:var(--color-accent);flex-shrink:0}
.gazon-price{font-weight:700;color:var(--color-primary);font-size:var(--text-base);margin-top:var(--space-4)}

/* ─── PROCESS ─── */
.process-section{padding-block:clamp(var(--space-16),8vw,var(--space-24))}
.process-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--space-6);margin-top:var(--space-10);align-items:stretch}
.process-step{position:relative;padding:var(--space-6);background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl)}
.step-number{font-family:var(--font-display);font-size:clamp(3rem,6vw,5rem);font-weight:700;color:var(--color-primary-highlight);line-height:1;margin-bottom:var(--space-3);transition:color var(--transition-interactive)}
.process-step:hover .step-number{color:var(--color-primary)}
.process-step h3{font-family:var(--font-display);font-size:var(--text-lg);font-weight:700;margin-bottom:var(--space-2)}
.process-step p{font-size:var(--text-sm);color:var(--color-text-muted)}

/* ─── WHY US ─── */
.why-section{padding-block:clamp(var(--space-16),8vw,var(--space-24));background:var(--color-surface-offset)}
.why-layout{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-16);align-items:center;margin-top:var(--space-12)}
.wl-landing .why-img{border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg);aspect-ratio:4/3;display:grid;grid-template:1fr / 1fr}
.wl-landing .why-img img{grid-area:1 / 1;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center}
.why-list{display:flex;flex-direction:column;gap:var(--space-6)}
.why-item{display:flex;align-items:flex-start;gap:var(--space-4)}
.why-icon{width:48px;height:48px;border-radius:var(--radius-lg);background:var(--color-accent-light);display:flex;align-items:center;justify-content:center;color:var(--color-accent);flex-shrink:0}
.why-item-text h4{font-weight:700;font-size:var(--text-base);margin-bottom:var(--space-1)}
.why-item-text p{font-size:var(--text-sm);color:var(--color-text-muted)}

/* ─── PORTFOLIO (CSS columns masonry — без transform, без наложений) ─── */
.wl-landing .gallery-section#portfolio{padding-block:clamp(var(--space-16),8vw,var(--space-24))}
.wl-landing .gallery-section#portfolio .gallery-intro{margin-top:var(--space-10)}

/* ─── OFFERS ─── */
.offers-section{padding-block:clamp(var(--space-16),8vw,var(--space-24));background:var(--color-surface)}
.offers-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(280px,100%),1fr));gap:var(--space-6);margin-top:var(--space-10)}
.offer-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:box-shadow var(--transition-interactive),transform var(--transition-interactive)}
.offer-card:hover{box-shadow:var(--shadow-md);transform:translateY(-2px)}
.offer-card.featured{background:var(--color-primary);color:#fff;border-color:var(--color-primary)}
.offer-card.featured h3,.offer-card.featured .offer-desc{color:#fff}
.offer-card.featured .offer-price{color:#fff}
.offer-card.featured .offer-per{color:rgba(255,255,255,.75)}
.offer-card.featured li{color:rgba(255,255,255,.85)}
.offer-card.featured li::before{background:#fff}
.offer-icon{width:56px;height:56px;border-radius:var(--radius-full);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-4);background:var(--color-accent-light);color:var(--color-accent)}
.offer-card.featured .offer-icon{background:rgba(255,255,255,.2);color:#fff}
.offer-card h3{font-family:var(--font-display);font-size:var(--text-xl);font-weight:700;margin-bottom:var(--space-2)}
.offer-desc{font-size:var(--text-sm);color:var(--color-text-muted);margin-bottom:var(--space-6)}
.offer-price{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:var(--color-primary)}
.offer-per{font-size:var(--text-xs);color:var(--color-text-muted);font-weight:500}
.offer-divider{height:1px;background:var(--color-divider);margin:var(--space-6) 0}
.offer-card.featured .offer-divider{background:rgba(255,255,255,.2)}
.offer-list{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);text-align:left}
.offer-list li{font-size:var(--text-sm);color:var(--color-text-muted);display:flex;align-items:center;gap:var(--space-2)}
.offer-list li::before{content:'';width:6px;height:6px;border-radius:50%;background:var(--color-accent);flex-shrink:0}
.offer-cta{display:block;text-decoration:none;margin-top:var(--space-8);padding:var(--space-3) var(--space-6);border-radius:var(--radius-full);font-weight:700;font-size:var(--text-sm);background:var(--color-primary);color:#fff;transition:background var(--transition-interactive)}
.offer-cta:hover{background:var(--color-primary-hover)}
.offer-card.featured .offer-cta{background:#fff;color:var(--color-primary)}
.offer-card.featured .offer-cta:hover{background:rgba(255,255,255,.9)}

/* ─── REVIEWS ─── */
.reviews-section{padding-block:clamp(var(--space-16),8vw,var(--space-24))}
.reviews-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(min(300px,100%),1fr));gap:var(--space-6);margin-top:var(--space-10)}
.review-card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6)}
.review-stars{display:flex;gap:3px;margin-bottom:var(--space-3);color:var(--color-gold)}
.review-text{font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65;margin-bottom:var(--space-4);font-style:italic}
.review-author{display:flex;align-items:center;gap:var(--space-3)}
.review-avatar{width:40px;height:40px;border-radius:var(--radius-full);background:var(--color-primary-highlight);display:flex;align-items:center;justify-content:center;font-weight:700;font-size:var(--text-sm);color:var(--color-primary);flex-shrink:0}
.review-author-name{font-weight:700;font-size:var(--text-sm)}
.review-author-date{font-size:var(--text-xs);color:var(--color-text-faint)}

/* ─── FAQ ─── */
.faq-section{padding-block:clamp(var(--space-16),8vw,var(--space-24));background:var(--color-surface)}
.faq-section .section-intro{margin-bottom:var(--space-10)}
.faq-list{margin-top:var(--space-10);max-width:var(--content-narrow);margin-inline:auto;display:flex;flex-direction:column;gap:var(--space-4);width:100%}
.faq-item{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden}
.wl-landing .faq-section .faq-question{display:flex;justify-content:space-between;align-items:center;padding:1.25rem 2rem;cursor:pointer;font-weight:600;font-size:var(--text-base);gap:var(--space-4);line-height:1.45;box-sizing:border-box}
.wl-landing .faq-section .faq-question span{flex:1;min-width:0}
.wl-landing .faq-section .faq-question svg{flex-shrink:0;color:var(--color-primary);transition:transform .3s;margin-left:var(--space-3)}
.wl-landing .faq-section .faq-item.open .faq-question svg{transform:rotate(45deg)}
.wl-landing .faq-section .faq-answer{max-height:0;overflow:hidden;transition:max-height .4s ease}
.wl-landing .faq-section .faq-item.open .faq-answer{max-height:400px}
.wl-landing .faq-section .faq-answer p{margin:0;font-size:var(--text-sm);color:var(--color-text-muted);line-height:1.65;padding:0 2rem 1.5rem;box-sizing:border-box}
.wl-landing .faq-section .faq-item.open .faq-answer p{padding-top:var(--space-3)}

/* ─── CTA SECTION ─── */
.cta-section{padding-block:clamp(var(--space-16),8vw,var(--space-24));background:var(--color-primary);color:#fff;text-align:center}
.cta-section .container--narrow{padding-inline:clamp(var(--space-8),6vw,var(--space-12))}
.cta-section h2{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:700;color:#fff;margin-bottom:var(--space-4)}
.cta-section p{font-size:var(--text-base);color:rgba(255,255,255,.8);margin:0 auto var(--space-8);max-width:52ch;padding-inline:var(--space-4)}
.wl-landing .cta-section .cta-form{display:flex;flex-wrap:wrap;gap:var(--space-4);justify-content:center;max-width:540px;margin-inline:auto;padding-inline:var(--space-4);box-sizing:border-box}
.wl-landing .cta-section .cta-form input:not([type="checkbox"]){flex:1 1 220px;min-width:0;padding:1rem 1.5rem;border-radius:var(--radius-full);border:none;background:rgba(255,255,255,.15);color:#fff;font-size:var(--text-sm);outline:none;backdrop-filter:blur(4px);box-sizing:border-box}
.cta-form input:not([type="checkbox"])::placeholder{color:rgba(255,255,255,.6)}
.cta-form input:not([type="checkbox"]):focus{background:rgba(255,255,255,.22)}
.wl-landing .cta-section .btn-white{background:#fff;color:var(--color-primary);padding:1rem 2rem;border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:700;text-decoration:none;display:inline-block;transition:background var(--transition-interactive);flex-shrink:0;box-sizing:border-box}
.btn-white:hover{background:rgba(255,255,255,.9)}
.cta-note{font-size:var(--text-xs);color:rgba(255,255,255,.55);margin-top:var(--space-5);padding-inline:var(--space-4);line-height:1.5}

/* ─── FOOTER ─── */
.site-footer{background:var(--color-surface);border-top:1px solid var(--color-divider);padding-block:var(--space-12)}
.footer-inner{display:grid;grid-template-columns:2fr 1fr 1fr;gap:var(--space-10);max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6)}
.footer-brand p{font-size:var(--text-sm);color:var(--color-text-muted);margin-top:var(--space-3);max-width:34ch}
.footer-col h5{font-weight:700;font-size:var(--text-sm);margin-bottom:var(--space-4)}
.footer-col ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-2)}
.footer-col ul li a{font-size:var(--text-sm);color:var(--color-text-muted);text-decoration:none;transition:color var(--transition-interactive)}
.footer-col ul li a:hover{color:var(--color-primary)}
.footer-bottom{border-top:1px solid var(--color-divider);margin-top:var(--space-8);padding-top:var(--space-6);max-width:var(--content-wide);margin-inline:auto;padding-inline:var(--space-6);display:flex;justify-content:space-between;flex-wrap:wrap;gap:var(--space-4)}
.footer-bottom p{font-size:var(--text-xs);color:var(--color-text-faint)}

/* ─── MOBILE ─── */
@media(max-width:768px){
  .hero-content{grid-template-columns:1fr;padding-block:var(--space-12) var(--space-12)}
  .hero-visual{display:none}
  .hero h1{font-size:clamp(2rem,8vw,3rem)}
  .hero-stats{gap:var(--space-6)}
  .why-layout{grid-template-columns:1fr}
  .why-img{display:none}
  .process-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-inner{grid-template-columns:1fr;gap:var(--space-8)}
  .header-nav{display:none}
  .footer-bottom{flex-direction:column;align-items:center;text-align:center}
}
@media(max-width:600px){
  .services-grid,.process-grid{grid-template-columns:1fr}
}
@media(max-width:480px){
  .hero-stats{flex-direction:column;gap:var(--space-4)}
  .cta-form{flex-direction:column;align-items:stretch}
  .cta-form input:not([type="checkbox"]),.cta-form button.btn-white{width:100%}
}