/* ============================================================
   TEMPLATE: Main Site Styles
   Scope: index.html and all service pages
   Architecture: Separate file — loaded via <link rel="stylesheet" href="styles.css" />

   PALETTE: Replace the hex values in :root with niche palette.
   See PLACEHOLDERS-REFERENCE.md → Trade Color Guide.
   ============================================================ */

:root{
  /* PALETTE: Jesup Gravel — deep steel blue / white / teal (Jesup Blue Devils city character) */
  --primary:#1e3e58;
  --primary-light:#2a556f;
  --primary-mid:#234a65;
  --primary-dark:#122c3e;
  --primary-rgb:30,62,88;

  /* PALETTE: steel blue accent — CTAs, highlights, borders */
  --accent-rgb:41,128,185;
  --accent:#2980b9;
  --accent-light:#3498db;
  --accent-dark:#2471a3;
  --accent-gradient:linear-gradient(135deg,var(--accent),var(--accent-light));
  --accent-secondary:#17a589;
  --ice-blue:#e0f2fe;
  --ice-blue-dark:#bae6fd;

  /* PALETTE: teal secondary accent — niche identity color for gravel driveway */
  --accent-warm:#17a589;
  --accent-warm-rgb:23,165,137;
  --accent-warm-light:#1abc9c;
  --accent-warm-dark:#148f77;
  --accent-warm-gradient:linear-gradient(135deg,var(--accent-warm),var(--accent-warm-light));

  /* PALETTE: deep steel blue header / depth layers */
  --header-navy:#0f2438;
  --header-navy-rgb:15,36,56;
  --red-urgent-rgb:192,57,43;

  /* Derived gradients — reference vars above */
  --slate-gradient:linear-gradient(135deg,var(--primary-light),var(--primary));
  --depth-gradient:linear-gradient(135deg,var(--primary),var(--primary-dark));
  --depth-dark:#0c1e2e;
  --depth-darker:#071522;

  /* Complementary accent — mid steel blue for badges, dividers, mid-tone elements */
  --accent-mid:#5b9bd5;
  --accent-mid-rgb:91,155,213;
  /* Light surface — soft sky blue for alternating sections */
  --surface-blue:#f0f7ff;
  --surface-blue-mid:#daeaf8;

  /* Neutral colors — keep as-is */
  --white:#ffffff;
  --warm-white:#f5f6f7;
  --off-white:#edf0f2;
  --surface-chat:#f8fafc;
  --surface-alt:var(--ice-blue);
  --gray:#5d6d7e;
  --gray-light:#d5dce3;
  --gray-dark:#2c3e50;
  --text-muted:#7f8c9a;
  --red-urgent:#c0392b;  /* always #c0392b — never change */
  --success:#27ae60;
  --warning:#e67e22;

  /* Shadows — reference vars, no changes needed */
  --shadow-sm:0 2px 4px rgba(var(--primary-rgb),.15);
  --shadow-md:0 4px 12px rgba(var(--primary-rgb),.22);
  --shadow-lg:0 8px 24px rgba(var(--primary-rgb),.28);
  --shadow-xl:0 16px 48px rgba(var(--primary-rgb),.34);
  --shadow-blue:0 8px 28px rgba(var(--accent-rgb),.28);
  --shadow-blue-lg:0 12px 40px rgba(var(--accent-rgb),.35);
  --shadow-warm:0 8px 28px rgba(var(--accent-warm-rgb),.30);

  /* Transitions */
  --transition-fast:.2s ease;
  --transition-base:.3s ease;
  --transition-slow:.5s ease;

  /* Border radius */
  --radius-sm:3px;
  --radius-md:6px;
  --radius-lg:10px;
  --radius-xl:14px;

  /* Spacing */
  --space-xs:.5rem;
  --space-sm:1rem;
  --space-md:1.5rem;
  --space-lg:2rem;
  --space-xl:3rem;
  --space-2xl:4.5rem
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:'Plus Jakarta Sans',system-ui,sans-serif;font-size:1rem;line-height:1.65;color:var(--gray-dark);background:var(--white);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:inherit;text-decoration:none}
ul{list-style:none}
button{cursor:pointer;font-family:inherit;border:none;background:none}
input,select,textarea{font-family:inherit}
h1,h2,h3,h4{font-family:'Outfit',sans-serif;font-weight:700;line-height:1.2}
.skip-link{position:absolute;top:-100%;left:1rem;background:var(--accent);color:var(--white);padding:.5rem 1rem;border-radius:var(--radius-sm);z-index:9999;font-weight:600;font-size:.875rem}
.skip-link:focus{top:.5rem}
.section-heading{display:inline-block;position:relative;padding:.2em .5em .2em .75em;margin-bottom:var(--space-sm)}
.section-heading::before{content:'';position:absolute;inset:0;background:var(--accent);opacity:.15;border-radius:var(--radius-sm);z-index:-1}
.section-heading::after{content:'';position:absolute;left:0;top:0;bottom:0;width:3px;background:var(--accent);border-radius:var(--radius-sm) 0 0 var(--radius-sm)}
.diagonal-bottom{clip-path:polygon(0 0,100% 0,100% calc(100% - 3vw),0 100%);padding-bottom:calc(var(--space-2xl) + 3vw)}
.diagonal-top{clip-path:polygon(0 3vw,100% 0,100% 100%,0 100%);padding-top:calc(var(--space-2xl) + 3vw);margin-top:-3vw}

/* ── Header ─────────────────────────────────────────────── */
.site-header{position:fixed;top:0;left:0;right:0;z-index:1000;height:68px;display:flex;align-items:center;background:rgba(var(--header-navy-rgb),.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border-bottom:1px solid rgba(var(--accent-rgb),.15);transition:background var(--transition-base),box-shadow var(--transition-base)}
.site-header.scrolled{background:rgba(var(--header-navy-rgb),.97);box-shadow:0 2px 20px rgba(0,0,0,.4)}
.header-inner{max-width:1200px;width:100%;margin:0 auto;padding:0 var(--space-lg);display:flex;align-items:center;justify-content:space-between;gap:var(--space-lg)}
.site-logo img{height:44px;width:auto}
.site-nav{display:flex;align-items:center;gap:var(--space-lg)}
.site-nav a{color:rgba(255,255,255,.85);font-size:.925rem;font-weight:500;letter-spacing:.01em;transition:color var(--transition-fast)}
.site-nav a:hover{color:var(--accent-light)}
.nav-cta{background:var(--accent-gradient)!important;color:var(--white)!important;padding:.55rem 1.3rem;border-radius:var(--radius-md);font-weight:700!important;font-size:.85rem!important;letter-spacing:.01em;box-shadow:0 3px 12px rgba(var(--accent-rgb),.35);transition:transform var(--transition-fast),box-shadow var(--transition-fast)!important}
.nav-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.50)!important}
.nav-toggle{display:none;flex-direction:column;gap:5px;padding:8px;border-radius:var(--radius-sm)}
.nav-toggle span{display:block;width:24px;height:2px;background:var(--white);border-radius:2px;transition:transform var(--transition-base),opacity var(--transition-base)}
.nav-toggle[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}
.nav-toggle[aria-expanded="true"] span:nth-child(2){opacity:0}
.nav-toggle[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.mobile-nav{display:none;position:fixed;top:68px;left:0;right:0;background:var(--depth-dark);border-bottom:2px solid var(--accent);padding:var(--space-md) var(--space-lg);z-index:999;flex-direction:column;gap:var(--space-sm)}
.mobile-nav.open{display:flex}
.mobile-nav a{color:rgba(255,255,255,.9);font-size:1rem;font-weight:500;padding:.6rem 0;border-bottom:1px solid rgba(255,255,255,.08);transition:color var(--transition-fast)}
.mobile-nav a:last-child{border-bottom:none}
.mobile-nav a:hover{color:var(--accent-light)}
.mobile-nav .nav-cta{text-align:center;display:block;padding:.8rem!important;margin-top:var(--space-xs);border-radius:var(--radius-md)}

/* ── Hero ───────────────────────────────────────────────── */
.hero{min-height:100vh;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden;background:var(--primary-dark);padding:calc(68px + var(--space-2xl)) var(--space-lg) var(--space-2xl)}
.hero-bg{position:absolute;inset:0;background-image:url('images/hero-bg.webp');background-size:cover;background-position:center 40%;opacity:.38;z-index:0}
/* Multi-layer hero atmosphere */
.hero-grid-overlay{position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.05) 1px,transparent 1px);background-size:60px 60px;z-index:1;pointer-events:none}
.hero-accent-tint{position:absolute;top:0;right:0;width:55%;height:65%;background:radial-gradient(ellipse at top right,rgba(var(--accent-rgb),.14),transparent 65%);z-index:1;pointer-events:none}
/* Teal glow bottom-left for depth and complementary color interest */
.hero-teal-glow{position:absolute;bottom:0;left:0;width:45%;height:50%;background:radial-gradient(ellipse at bottom left,rgba(var(--accent-warm-rgb),.12),transparent 70%);z-index:1;pointer-events:none}
.hero-stripe{position:absolute;top:0;right:8%;width:2px;height:100%;background:linear-gradient(to bottom,transparent,rgba(var(--accent-rgb),.55),transparent);transform:rotate(12deg);transform-origin:top center;z-index:1;pointer-events:none}
.hero-stripe-warm{position:absolute;top:0;right:16%;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(var(--accent-warm-rgb),.50),transparent);transform:rotate(12deg);transform-origin:top center;z-index:1;pointer-events:none}
.hero-stripe-mid{position:absolute;top:0;left:12%;width:1px;height:100%;background:linear-gradient(to bottom,transparent,rgba(var(--accent-mid-rgb),.30),transparent);transform:rotate(-8deg);transform-origin:top center;z-index:1;pointer-events:none}
.hero-corner-badge{position:absolute;top:calc(68px + var(--space-lg));right:var(--space-xl);z-index:2;background:rgba(var(--accent-warm-rgb),.20);border:1px solid rgba(var(--accent-warm-rgb),.45);border-radius:var(--radius-md);padding:.4rem .9rem;font-size:.72rem;font-weight:700;color:rgba(255,255,255,.95);letter-spacing:.06em;text-transform:uppercase;display:flex;align-items:center;gap:.4rem;pointer-events:none;backdrop-filter:blur(4px)}
.hero-corner-badge::before{content:'';width:7px;height:7px;border-radius:50%;background:var(--accent-warm-light);flex-shrink:0;box-shadow:0 0 6px rgba(var(--accent-warm-rgb),.7)}
.hero-inner{position:relative;z-index:2;max-width:880px;text-align:center}
.hero-eyebrow{display:inline-flex;align-items:center;gap:.5rem;background:rgba(var(--accent-warm-rgb),.15);border:1px solid rgba(var(--accent-warm-rgb),.40);border-radius:50px;padding:.38rem 1.1rem;color:var(--accent-warm-light);font-size:.78rem;font-weight:600;letter-spacing:.08em;text-transform:uppercase;margin-bottom:var(--space-md)}
.hero-eyebrow-dot{width:7px;height:7px;border-radius:50%;background:var(--accent-warm-light);box-shadow:0 0 8px rgba(var(--accent-warm-rgb),.6)}
.hero h1{font-size:clamp(2.5rem,6.5vw,4.2rem);color:var(--white);line-height:1.08;margin-bottom:var(--space-md);letter-spacing:-.025em}
.hero h1 .accent-text{background:linear-gradient(135deg,var(--accent-light),var(--accent-mid));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}
.hero-subtitle{font-size:clamp(1rem,2vw,1.15rem);color:rgba(255,255,255,.78);max-width:680px;margin:0 auto var(--space-xl);line-height:1.75}
/* Hero CTA */
.hero-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-gradient);color:var(--white);font-family:'Outfit',sans-serif;font-weight:700;font-size:.85rem;padding:.55rem 1.3rem;border-radius:var(--radius-md);box-shadow:0 3px 12px rgba(var(--accent-rgb),.35);transition:transform var(--transition-fast),box-shadow var(--transition-fast);letter-spacing:.01em}
.hero-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.50)}
.hero-cta svg{width:15px;height:15px;flex-shrink:0}
.hero-scroll-hint{position:absolute;bottom:var(--space-lg);left:50%;transform:translateX(-50%);z-index:2;display:flex;flex-direction:column;align-items:center;gap:.35rem;color:rgba(255,255,255,.38);font-size:.68rem;letter-spacing:.12em;text-transform:uppercase}
.scroll-arrow{width:20px;height:20px;animation:bounce-arrow 2s ease-in-out infinite}
@keyframes bounce-arrow{0%,100%{transform:translateY(0)}50%{transform:translateY(6px)}}

/* ── Trust Stats ─────────────────────────────────────────── */
.trust-stats{background:linear-gradient(135deg,var(--primary) 0%,var(--primary-dark) 100%);padding:var(--space-xl) var(--space-lg);position:relative;overflow:hidden}
.trust-stats::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.trust-stats-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto;display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-md)}
.trust-stat{text-align:center;padding:var(--space-md) var(--space-sm);border-top:3px solid var(--accent);position:relative}
.trust-stat:nth-child(2n){border-top-color:var(--accent-warm)}
.trust-stat-number{font-family:'Outfit',sans-serif;font-weight:700;font-size:clamp(2.4rem,5vw,3.8rem);color:var(--accent-light);line-height:1;display:block;margin-bottom:.3rem}
.trust-stat:nth-child(2n) .trust-stat-number{color:var(--accent-warm-light)}
.trust-stat-label{font-size:.875rem;color:rgba(255,255,255,.82);font-weight:500;line-height:1.4}

/* ── Services ────────────────────────────────────────────── */
.services{background:var(--surface-blue);padding:var(--space-2xl) var(--space-lg);position:relative}
.services::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:linear-gradient(90deg,var(--accent-dark),var(--accent),var(--accent-warm),var(--accent-warm-light));opacity:.7}
.services-inner{max-width:1200px;margin:0 auto}
.services-header{text-align:center;margin-bottom:var(--space-xl)}
.services-header .section-heading{font-size:clamp(1.8rem,4vw,2.5rem)}
.services-intro{max-width:700px;margin:var(--space-sm) auto 0;color:var(--gray);font-size:1.05rem;line-height:1.7}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-md)}
.service-card{background:var(--white);border-radius:var(--radius-lg);border:1px solid var(--surface-blue-mid);border-top:3px solid var(--accent);overflow:hidden;box-shadow:0 2px 12px rgba(var(--primary-rgb),.10),0 0 0 1px rgba(var(--accent-rgb),.04);transition:transform var(--transition-base),box-shadow var(--transition-base),border-top-color var(--transition-fast);padding:0}
.service-card:hover{transform:translateY(-6px);box-shadow:0 16px 40px rgba(var(--primary-rgb),.18),0 0 0 1px rgba(var(--accent-rgb),.12)}
.service-card:nth-child(2n){border-top-color:var(--accent-warm)}
.service-card:nth-child(3n){border-top-color:var(--accent-mid)}
.service-card-img{width:100%;height:180px;object-fit:cover;display:block}
.service-card-body{padding:var(--space-md) var(--space-md) var(--space-lg)}
.service-icon-wrap{width:48px;height:48px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(var(--accent-rgb),.12),rgba(var(--accent-rgb),.06));display:flex;align-items:center;justify-content:center;margin-bottom:var(--space-sm);color:var(--accent);border:1px solid rgba(var(--accent-rgb),.15)}
.service-icon-wrap svg{width:24px;height:24px}
.service-card:nth-child(2n) .service-icon-wrap{background:linear-gradient(135deg,rgba(var(--accent-warm-rgb),.12),rgba(var(--accent-warm-rgb),.06));color:var(--accent-warm);border-color:rgba(var(--accent-warm-rgb),.15)}
.service-card:nth-child(3n) .service-icon-wrap{background:linear-gradient(135deg,rgba(var(--accent-mid-rgb),.14),rgba(var(--accent-mid-rgb),.06));color:var(--accent-mid);border-color:rgba(var(--accent-mid-rgb),.18)}
.service-card h3{font-size:1.05rem;color:var(--primary);margin-bottom:.5rem}
.service-card p{font-size:.88rem;color:var(--gray);line-height:1.65}
.service-card-link{display:inline-block;margin-top:var(--space-sm);font-size:.875rem;font-weight:600;color:var(--accent);text-decoration:none;transition:color var(--transition-fast)}
.service-card-link:hover{color:var(--accent-dark);text-decoration:underline}

/* ── Conditions Panel ────────────────────────────────────── */
.conditions{display:grid;grid-template-columns:1fr 1fr}
.conditions-left{background:var(--primary);padding:var(--space-2xl) var(--space-xl);position:relative;overflow:hidden}
.conditions-left::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.conditions-left-inner{position:relative;z-index:1;max-width:480px;margin:0 auto}
.conditions-right{background:var(--surface-blue);padding:var(--space-2xl) var(--space-xl);border-left:3px solid rgba(var(--accent-warm-rgb),.35)}
.conditions-right-inner{max-width:480px;margin:0 auto}
.condition-point{display:flex;gap:var(--space-md);margin-bottom:var(--space-lg);align-items:flex-start}
.condition-number{font-family:'Outfit',sans-serif;font-weight:700;font-size:1.6rem;color:var(--accent-warm-light);line-height:1;flex-shrink:0;min-width:2.5rem;opacity:1}
.condition-point h3{font-size:1rem;color:var(--white);margin-bottom:.4rem}
.condition-point p{font-size:.88rem;color:rgba(255,255,255,.72);line-height:1.6}
.conditions-right h2{font-size:1.4rem;color:var(--primary);margin-bottom:var(--space-md)}
.conditions-right-subheading{margin-top:var(--space-lg)}
.signal-list{list-style:none;margin-bottom:var(--space-lg)}
.signal-list li{display:flex;align-items:flex-start;gap:.6rem;padding:.55rem 0;border-bottom:1px solid var(--ice-blue-dark);font-size:.9rem;color:var(--gray-dark);line-height:1.5}
.signal-list li::before{content:'';width:8px;height:8px;border-radius:50%;background:var(--accent-warm);flex-shrink:0;margin-top:.42rem;box-shadow:0 0 5px rgba(var(--accent-warm-rgb),.4)}
.signal-list li:last-child{border-bottom:none}
.conditions-crew-img{display:block;margin-top:var(--space-md);border-radius:var(--radius-md);overflow:hidden}
.conditions-crew-img img{width:100%;height:220px;object-fit:cover;object-position:center top;display:block}
.about-crew{background:var(--surface-blue);padding:var(--space-2xl) var(--space-xl);border-top:3px solid rgba(var(--accent-warm-rgb),.3)}
.about-crew-inner{max-width:1100px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-2xl);align-items:center}
.about-crew-text p{color:var(--gray);line-height:1.7;margin-bottom:var(--space-sm)}
.about-crew-img img{display:block;width:100%;height:auto;border-radius:var(--radius-lg);box-shadow:0 8px 32px rgba(var(--primary-rgb),.15)}
.conditions-cta{display:inline-flex;align-items:center;gap:.5rem;background:var(--accent-gradient);color:var(--white);font-family:'Outfit',sans-serif;font-weight:700;font-size:.85rem;padding:.55rem 1.3rem;border-radius:var(--radius-md);margin-top:var(--space-md);box-shadow:0 3px 12px rgba(var(--accent-rgb),.35);transition:transform var(--transition-fast),box-shadow var(--transition-fast);letter-spacing:.01em}
.conditions-cta:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.50)}

/* ── FAQ ─────────────────────────────────────────────────── */
.faq{background:var(--white);padding:var(--space-2xl) var(--space-lg);position:relative}
.faq::before{content:'';position:absolute;top:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-warm),var(--accent),transparent);opacity:.5}
.faq-inner{max-width:860px;margin:0 auto}
.faq-header{text-align:center;margin-bottom:var(--space-xl)}
.faq-header .section-heading{font-size:clamp(1.6rem,3.5vw,2.2rem)}
details{background:var(--white);border-radius:var(--radius-md);border:1px solid var(--gray-light);margin-bottom:var(--space-sm);overflow:hidden;box-shadow:var(--shadow-sm);transition:box-shadow var(--transition-base)}
details[open]{box-shadow:0 4px 16px rgba(var(--accent-warm-rgb),.12);border-color:rgba(var(--accent-warm-rgb),.30);border-top:2px solid var(--accent-warm)}
details summary{padding:var(--space-md) var(--space-lg);cursor:pointer;font-family:'Outfit',sans-serif;font-weight:700;font-size:.975rem;color:var(--primary);list-style:none;display:flex;justify-content:space-between;align-items:center;gap:var(--space-sm);user-select:none}
details summary::-webkit-details-marker{display:none}
.faq-arrow{width:20px;height:20px;flex-shrink:0;color:var(--accent-warm);transition:transform var(--transition-base)}
details[open] .faq-arrow{transform:rotate(90deg)}
.faq-answer{padding:0 var(--space-lg) var(--space-md);border-top:1px solid rgba(var(--accent-rgb),.15);animation:faq-open .25s ease}
.faq-answer p{font-size:.925rem;color:var(--gray-dark);line-height:1.75;padding-top:var(--space-sm)}
@keyframes faq-open{from{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}
.cluster-links{max-width:860px;margin:0 auto var(--space-xl);background:linear-gradient(135deg,rgba(var(--accent-warm-rgb),.10),rgba(var(--accent-rgb),.06));border:1px solid rgba(var(--accent-warm-rgb),.30);border-left:4px solid var(--accent-warm);border-radius:0 var(--radius-md) var(--radius-md) 0;padding:var(--space-lg) var(--space-xl);font-size:.925rem;color:var(--gray-dark);line-height:1.8;box-shadow:0 2px 10px rgba(var(--accent-warm-rgb),.08)}
.cluster-links a{color:var(--accent);font-weight:600;text-decoration:underline;text-underline-offset:2px}
.cluster-links a:hover{color:var(--accent-dark)}

/* ── Service Area ────────────────────────────────────────── */
.service-area{background:linear-gradient(160deg,var(--primary-light) 0%,var(--primary) 50%,var(--primary-dark) 100%);padding:var(--space-2xl) var(--space-lg);position:relative;overflow:hidden}
.service-area::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-warm-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}
.service-area::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(var(--accent-warm-rgb),.07),transparent 70%);pointer-events:none}
.service-area-inner{position:relative;z-index:1;max-width:1000px;margin:0 auto;text-align:center}
.service-area-intro{color:rgba(255,255,255,.76);margin-top:var(--space-sm);margin-bottom:var(--space-xl);font-size:1rem;line-height:1.75}
.city-chips{display:flex;flex-wrap:wrap;justify-content:center;gap:var(--space-sm);margin-bottom:var(--space-xl)}
.city-chip{display:inline-block;padding:.5rem 1.1rem;border:1px solid rgba(var(--accent-warm-rgb),.50);background:rgba(var(--accent-warm-rgb),.14);border-radius:50px;color:rgba(255,255,255,.96);font-size:.88rem;font-weight:600;letter-spacing:.01em;transition:background var(--transition-fast),border-color var(--transition-fast),box-shadow var(--transition-fast)}
.city-chip:hover{background:rgba(var(--accent-warm-rgb),.26);border-color:var(--accent-warm-light);box-shadow:0 0 12px rgba(var(--accent-warm-rgb),.35)}
.service-area-sub{font-size:.875rem;color:rgba(255,255,255,.68);margin-top:var(--space-sm)}
.service-area-sub a{color:var(--accent-warm-light);text-decoration:underline;text-underline-offset:2px}

/* ── Cost Overview ───────────────────────────────────────── */
.cost-overview{background:var(--off-white);padding:var(--space-2xl) var(--space-lg);border-top:1px solid var(--gray-light)}
.cost-overview-inner{max-width:860px;margin:0 auto;text-align:center}
.cost-overview-inner .section-heading{margin-bottom:var(--space-md)}
.cost-overview-inner p{color:var(--gray-dark);line-height:1.75;font-size:.975rem}

/* ── Contact Form ────────────────────────────────────────── */
.contact{background:linear-gradient(160deg,var(--primary-mid) 0%,var(--primary) 55%,var(--primary-dark) 100%);padding:var(--space-2xl) var(--space-lg);position:relative;overflow:hidden}
/* Teal accent glow bottom-right for complementary depth */
.contact-teal-accent{position:absolute;bottom:0;right:0;width:50%;height:60%;background:radial-gradient(ellipse at bottom right,rgba(var(--accent-warm-rgb),.10),transparent 65%);pointer-events:none;z-index:0}
.contact::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.contact-inner{position:relative;z-index:1;max-width:680px;margin:0 auto}
.contact-header{text-align:center;margin-bottom:var(--space-xl)}
.contact-header .section-heading{font-size:clamp(1.6rem,3.5vw,2.2rem)}
.contact-header p{color:rgba(255,255,255,.70);margin-top:var(--space-sm);font-size:1rem}
.form-card{background:var(--white);border-radius:var(--radius-xl);padding:var(--space-xl);box-shadow:var(--shadow-xl),0 0 60px rgba(0,0,0,.2)}
.form-group{margin-bottom:var(--space-md)}
.form-group label{display:block;font-size:.875rem;font-weight:600;color:var(--gray-dark);margin-bottom:.4rem}
.form-group input,.form-group select,.form-group textarea{width:100%;padding:.75rem 1rem;border:1.5px solid var(--gray-light);border-radius:var(--radius-md);font-size:.95rem;color:var(--gray-dark);background:var(--white);transition:border-color var(--transition-fast),box-shadow var(--transition-fast);-webkit-appearance:none}
.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--accent);box-shadow:0 0 0 3px rgba(var(--accent-rgb),.15)}
.form-group textarea{resize:vertical;min-height:110px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-md)}
.btn-submit{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;background:var(--accent-gradient);color:var(--white);font-family:'Outfit',sans-serif;font-weight:700;font-size:.85rem;padding:.55rem 1.3rem;border-radius:var(--radius-md);border:none;cursor:pointer;box-shadow:0 3px 12px rgba(var(--accent-rgb),.35);transition:transform var(--transition-fast),box-shadow var(--transition-fast);letter-spacing:.01em}
.btn-submit:hover{transform:translateY(-1px);box-shadow:0 6px 20px rgba(var(--accent-rgb),.50)}
.btn-submit:disabled{opacity:.7;cursor:not-allowed;transform:none}
.form-error{display:none;background:rgba(var(--red-urgent-rgb),.07);border:1px solid rgba(var(--red-urgent-rgb),.35);border-radius:var(--radius-md);padding:.75rem 1rem;color:var(--red-urgent);font-size:.875rem;margin-bottom:var(--space-md)}
.form-error.visible{display:block}
/* Honeypot hidden field — visually hidden but present in DOM so bots fill it */
.field-hidden{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden;opacity:0;pointer-events:none}

/* ── Maps ────────────────────────────────────────────────── */
.maps-section{background:var(--primary-dark);padding:var(--space-lg) 0 0}
.maps-section iframe{display:block;width:100%;height:220px;border:none;filter:grayscale(20%) brightness(.85)}

/* ── Section heading on dark bg ─────────────────────────── */
.section-heading--light{color:var(--white)}

/* ── Footer ──────────────────────────────────────────────── */
.site-footer{background:radial-gradient(ellipse at center,var(--header-navy) 0%,var(--depth-darker) 100%);position:relative;overflow:hidden}
.site-footer::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.04) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
.footer-main{position:relative;z-index:1;max-width:1200px;margin:0 auto;padding:var(--space-2xl) var(--space-lg) var(--space-xl);display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:var(--space-xl)}
.footer-brand p{color:rgba(255,255,255,.82);font-size:.88rem;line-height:1.7;margin-top:var(--space-sm);max-width:280px}
.footer-logo{margin-bottom:var(--space-sm)}
.footer-logo img{height:38px;width:auto}
.footer-contact-item{display:flex;align-items:flex-start;gap:.5rem;color:rgba(255,255,255,.82);font-size:.875rem;margin-top:var(--space-sm);line-height:1.5}
.footer-contact-item svg{width:16px;height:16px;flex-shrink:0;margin-top:2px;color:var(--accent)}
.footer-contact-item a{color:var(--accent-light);font-weight:500;transition:color var(--transition-fast)}
.footer-contact-item a:hover{color:var(--white)}
.footer-col h4{font-family:'Outfit',sans-serif;font-weight:700;font-size:.875rem;color:var(--white);letter-spacing:.06em;text-transform:uppercase;margin-bottom:var(--space-md);padding-bottom:.5rem;border-bottom:1px solid rgba(var(--accent-rgb),.25)}
.footer-col ul li{padding:.3rem 0}
.footer-col ul li a,.footer-col ul li span{color:rgba(255,255,255,.80);font-size:.875rem;transition:color var(--transition-fast)}
.footer-col ul li a:hover{color:var(--accent-light)}
.footer-bottom{border-top:1px solid rgba(255,255,255,.12);padding:var(--space-md) var(--space-lg);max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;gap:var(--space-md);color:rgba(255,255,255,.78)}
.footer-bottom a{color:rgba(255,255,255,.78);transition:color var(--transition-fast)}
.footer-bottom a:hover{color:var(--accent-light)}

/* ── Mobile Toolbar ──────────────────────────────────────── */
.mobile-toolbar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:998;background:var(--depth-dark);border-top:1px solid rgba(var(--accent-rgb),.25);padding:.6rem var(--space-md);padding-bottom:calc(.6rem + env(safe-area-inset-bottom));gap:var(--space-sm)}
.toolbar-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:.4rem;padding:.7rem;border-radius:var(--radius-md);font-family:'Outfit',sans-serif;font-weight:700;font-size:.875rem;min-height:44px;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}
.toolbar-quote{background:var(--accent-gradient);color:var(--white);box-shadow:0 3px 12px rgba(var(--accent-rgb),.35);letter-spacing:.01em}
.toolbar-chat{background:rgba(var(--accent-rgb),.12);border:1px solid rgba(var(--accent-rgb),.35);color:var(--accent-light)}
.toolbar-btn svg{width:18px;height:18px}
.toolbar-btn:active{transform:scale(.97)}

/* ── Chat Widget ─────────────────────────────────────────── */
.chat-btn{position:fixed;bottom:var(--space-lg);right:var(--space-lg);width:56px;height:56px;border-radius:50%;background:var(--accent-gradient);color:var(--white);box-shadow:0 4px 18px rgba(var(--accent-rgb),.42);display:flex;align-items:center;justify-content:center;z-index:990;transition:transform var(--transition-fast),box-shadow var(--transition-fast)}
.chat-btn:hover{transform:scale(1.08);box-shadow:0 0 24px rgba(var(--accent-rgb),.58)}
.chat-btn svg{width:26px;height:26px}
.chat-badge{position:absolute;top:-2px;right:-2px;width:14px;height:14px;border-radius:50%;background:var(--success);border:2px solid var(--white)}
.chat-panel{position:fixed;bottom:calc(var(--space-lg) + 68px);right:var(--space-lg);width:340px;max-height:480px;background:var(--white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 40px rgba(0,0,0,.15);display:none;flex-direction:column;z-index:991;overflow:hidden;border:1px solid rgba(var(--accent-rgb),.2)}
.chat-panel.open{display:flex}
.chat-header{background:var(--accent-gradient);padding:var(--space-sm) var(--space-md);display:flex;align-items:center;justify-content:space-between}
.chat-header-info{display:flex;align-items:center;gap:.6rem}
.chat-avatar{width:36px;height:36px;border-radius:50%;background:rgba(255,255,255,.2);display:flex;align-items:center;justify-content:center}
.chat-avatar svg{width:20px;height:20px;color:var(--white)}
.chat-name{font-family:'Outfit',sans-serif;font-weight:700;font-size:.9rem;color:var(--white)}
.chat-status{font-size:.75rem;color:rgba(255,255,255,.78)}
.chat-close{color:rgba(255,255,255,.8);padding:4px;border-radius:var(--radius-sm);transition:background var(--transition-fast)}
.chat-close:hover{background:rgba(255,255,255,.15)}
.chat-close svg{width:18px;height:18px}
.chat-messages{flex:1;overflow-y:auto;padding:var(--space-md);background:var(--surface-chat);display:flex;flex-direction:column;gap:var(--space-sm)}
.chat-bubble{max-width:85%;padding:.6rem .9rem;border-radius:var(--radius-lg);font-size:.875rem;line-height:1.55}
.chat-bubble.bot{background:var(--white);color:var(--gray-dark);border:1px solid var(--gray-light);align-self:flex-start;border-radius:var(--radius-sm) var(--radius-lg) var(--radius-lg) var(--radius-lg)}
.chat-bubble.user{background:var(--accent);color:var(--white);align-self:flex-end;border-radius:var(--radius-lg) var(--radius-sm) var(--radius-lg) var(--radius-lg)}
.chat-typing{display:none;align-self:flex-start;background:var(--white);border:1px solid var(--gray-light);border-radius:var(--radius-sm) var(--radius-lg) var(--radius-lg) var(--radius-lg);padding:.6rem .9rem}
.chat-typing.active{display:flex;align-items:center;gap:4px}
.dot{width:7px;height:7px;border-radius:50%;background:var(--accent-secondary)}
.dot:nth-child(1){animation:typing-dots 1.2s ease 0s infinite}
.dot:nth-child(2){animation:typing-dots 1.2s ease .2s infinite}
.dot:nth-child(3){animation:typing-dots 1.2s ease .4s infinite}
@keyframes typing-dots{0%,60%,100%{transform:translateY(0);opacity:.5}30%{transform:translateY(-6px);opacity:1}}
@keyframes spin{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
.spin-icon{animation:spin 1s linear infinite}
.chat-input-row{display:flex;padding:var(--space-sm) var(--space-md);gap:.5rem;border-top:1px solid var(--gray-light);background:var(--white);align-items:flex-end}
.chat-input{flex:1;border:1.5px solid var(--gray-light);border-radius:var(--radius-lg);padding:.55rem .9rem;font-size:.875rem;resize:none;min-height:38px;max-height:90px;line-height:1.5;color:var(--gray-dark);transition:border-color var(--transition-fast)}
.chat-input:focus{outline:none;border-color:var(--accent)}
.chat-send{width:36px;height:36px;border-radius:50%;background:var(--accent);color:var(--white);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:background var(--transition-fast),transform var(--transition-fast)}
.chat-send:hover{background:var(--accent-dark);transform:scale(1.05)}
.chat-send svg{width:17px;height:17px}

/* ── Color divider bar ───────────────────────────────────── */
.color-bar{height:4px;background:linear-gradient(90deg,var(--accent-dark) 0%,var(--accent) 25%,var(--accent-mid) 50%,var(--accent-warm) 75%,var(--accent-warm-dark) 100%);display:block;width:100%}

/* ── Badge pill ──────────────────────────────────────────── */
.badge-pill{display:inline-flex;align-items:center;gap:.4rem;background:rgba(var(--accent-warm-rgb),.10);border:1px solid rgba(var(--accent-warm-rgb),.30);border-radius:50px;padding:.3rem .85rem;font-size:.78rem;font-weight:600;color:var(--accent-warm);letter-spacing:.05em;text-transform:uppercase;margin-bottom:var(--space-sm)}
.badge-pill-dot{width:5px;height:5px;border-radius:50%;background:var(--accent-warm)}

/* ── Process strip ───────────────────────────────────────── */
.process-strip{background:linear-gradient(135deg,var(--primary-light) 0%,var(--primary-mid) 100%);padding:var(--space-xl) var(--space-lg);position:relative;overflow:hidden}
.process-strip::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-warm-rgb),.04) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-warm-rgb),.04) 1px,transparent 1px);background-size:50px 50px;pointer-events:none}
.process-strip-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.process-strip h2{font-family:'Outfit',sans-serif;font-weight:700;font-size:clamp(1.2rem,2.5vw,1.6rem);color:var(--white);text-align:center;margin-bottom:var(--space-xl)}
.process-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-lg);position:relative}
.process-steps::before{content:'';position:absolute;top:28px;left:12.5%;right:12.5%;height:2px;background:linear-gradient(90deg,var(--accent),var(--accent-warm));opacity:.4;pointer-events:none}
.process-step{text-align:center}
.process-step-num{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:'Outfit',sans-serif;font-weight:700;font-size:1.1rem;margin:0 auto var(--space-sm);position:relative;z-index:1}
.process-step:nth-child(odd) .process-step-num{background:var(--accent-gradient);color:var(--white);box-shadow:0 4px 16px rgba(var(--accent-rgb),.35)}
.process-step:nth-child(even) .process-step-num{background:var(--accent-warm-gradient);color:var(--white);box-shadow:0 4px 16px rgba(var(--accent-warm-rgb),.35)}
.process-step h3{font-family:'Outfit',sans-serif;font-weight:700;font-size:.875rem;color:var(--white);margin-bottom:.35rem}
.process-step p{font-size:.8rem;color:rgba(255,255,255,.70);line-height:1.55}

/* ── Responsive ──────────────────────────────────────────── */
@media(max-width:768px){.process-steps{grid-template-columns:repeat(2,1fr)}.process-steps::before{display:none}.hero-corner-badge{display:none}}
@media(max-width:480px){.process-steps{grid-template-columns:1fr}}

/* ── Trust Block (2×2 icon grid) ────────────────────────── */
.trust-block{background:linear-gradient(160deg,var(--primary) 0%,var(--primary-light) 50%,var(--primary) 100%);padding:var(--space-2xl) var(--space-lg);position:relative;overflow:hidden}
.trust-block::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(var(--accent-rgb),.05) 1px,transparent 1px),linear-gradient(90deg,rgba(var(--accent-rgb),.05) 1px,transparent 1px);background-size:40px 40px;pointer-events:none}
/* Teal glow accent top-right for depth */
.trust-block::after{content:'';position:absolute;top:0;right:0;width:40%;height:100%;background:radial-gradient(ellipse at top right,rgba(var(--accent-warm-rgb),.09),transparent 65%);pointer-events:none}
.trust-block-inner{position:relative;z-index:1;max-width:1100px;margin:0 auto}
.trust-block-header{text-align:center;margin-bottom:var(--space-xl)}
.trust-block-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-md)}
.trust-card{background:rgba(255,255,255,.06);border:1px solid rgba(var(--accent-rgb),.22);border-radius:var(--radius-lg);border-top:2px solid rgba(var(--accent-rgb),.5);padding:var(--space-lg);display:flex;gap:var(--space-md);align-items:flex-start;transition:background var(--transition-base),border-color var(--transition-base),transform var(--transition-base);position:relative;overflow:hidden}
.trust-card::after{content:'';position:absolute;bottom:0;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(var(--accent-rgb),.3),transparent)}
.trust-card:hover{background:rgba(255,255,255,.11);border-color:rgba(var(--accent-rgb),.50);transform:translateY(-3px)}
.trust-card:nth-child(2n){border-top-color:rgba(var(--accent-warm-rgb),.6);border-color:rgba(var(--accent-warm-rgb),.22)}
.trust-card:nth-child(2n):hover{border-color:rgba(var(--accent-warm-rgb),.50)}
.trust-card:nth-child(2n)::after{background:linear-gradient(90deg,transparent,rgba(var(--accent-warm-rgb),.3),transparent)}
.trust-card-icon{width:54px;height:54px;border-radius:var(--radius-md);background:linear-gradient(135deg,rgba(var(--accent-rgb),.22),rgba(var(--accent-rgb),.10));display:flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--accent-light);border:1px solid rgba(var(--accent-rgb),.25)}
.trust-card:nth-child(2n) .trust-card-icon{background:linear-gradient(135deg,rgba(var(--accent-warm-rgb),.22),rgba(var(--accent-warm-rgb),.10));color:var(--accent-warm-light);border-color:rgba(var(--accent-warm-rgb),.25)}
.trust-card-icon svg{width:26px;height:26px}
.trust-card-body h3{font-size:1.05rem;color:var(--white);margin-bottom:.4rem}
.trust-card-body p{font-size:.875rem;color:rgba(255,255,255,.70);line-height:1.65}

/* ── Scroll Reveal ───────────────────────────────────────── */
.reveal{opacity:0;transform:translateY(22px);transition:opacity .55s ease,transform .55s ease}
.reveal.visible{opacity:1;transform:translateY(0)}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.18s}
.reveal-delay-3{transition-delay:.26s}
.reveal-delay-4{transition-delay:.34s}
.reveal-delay-5{transition-delay:.42s}
.reveal-delay-6{transition-delay:.50s}

/* ── Form Trust Badges ───────────────────────────────────── */
.form-trust-badges{display:flex;justify-content:center;flex-wrap:wrap;gap:.75rem;margin-bottom:var(--space-lg)}
.form-trust-badge{display:inline-flex;align-items:center;gap:.45rem;background:rgba(255,255,255,.10);border:1px solid rgba(255,255,255,.20);border-radius:50px;padding:.4rem 1rem;font-size:.78rem;font-weight:600;color:rgba(255,255,255,.90);letter-spacing:.01em;backdrop-filter:blur(4px)}
.form-trust-badge svg{width:13px;height:13px;color:var(--accent-warm-light);flex-shrink:0}

/* ── Reduced Motion ──────────────────────────────────────── */
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.scroll-arrow,.hero-cta,.dot,.chat-badge{animation:none}.reveal{opacity:1;transform:none;transition:none}}

/* ── 1024px breakpoint ───────────────────────────────────── */
@media(max-width:1024px){.footer-main{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.services-grid{grid-template-columns:repeat(2,1fr)}.trust-stats-inner{grid-template-columns:repeat(2,1fr)}}

/* ── 768px breakpoint ────────────────────────────────────── */
@media(max-width:768px){:root{--space-xl:2.5rem;--space-2xl:3.5rem}.about-crew-inner{grid-template-columns:1fr}.about-crew-img{order:-1}.trust-block-grid{grid-template-columns:1fr}.site-nav{display:none}.nav-toggle{display:flex}.conditions{grid-template-columns:1fr}.conditions-left,.conditions-right{padding:var(--space-xl) var(--space-lg)}.conditions-left-inner,.conditions-right-inner{max-width:100%;margin:0}.diagonal-bottom{clip-path:polygon(0 0,100% 0,100% calc(100% - 5vw),0 100%);padding-bottom:calc(var(--space-xl) + 5vw)}.diagonal-top{clip-path:polygon(0 5vw,100% 0,100% 100%,0 100%);padding-top:calc(var(--space-xl) + 5vw);margin-top:-5vw}.footer-main{grid-template-columns:1fr 1fr;gap:var(--space-lg)}.chat-panel{width:calc(100vw - 2rem);right:1rem}.mobile-toolbar{display:flex}.chat-btn{bottom:calc(var(--space-lg) + 72px)}.form-row{grid-template-columns:1fr}}

/* ── 480px breakpoint ────────────────────────────────────── */
@media(max-width:480px){:root{--space-xl:2rem;--space-2xl:3rem;--space-lg:1.75rem}.hero{padding-top:calc(68px + 2rem)}.hero-subtitle{font-size:.97rem}.header-inner{padding:0 var(--space-md)}.services-grid{grid-template-columns:1fr}.trust-block-grid{grid-template-columns:1fr}.trust-stats-inner{grid-template-columns:1fr 1fr;gap:var(--space-sm)}.footer-main{grid-template-columns:1fr}.footer-bottom{flex-direction:column;text-align:center}.form-card{padding:var(--space-lg) var(--space-md)}.form-group input,.form-group select,.form-group textarea,.chat-input{font-size:16px}.trust-card{flex-direction:row;gap:var(--space-sm)}.city-chip{padding:.4rem .9rem;font-size:.84rem}}

/* ── 390px breakpoint (iPhone 14 / iPhone 15) ───────────── */
@media(max-width:390px){
  .hero h1{font-size:2.1rem}
  .hero-subtitle{font-size:.95rem}
  .hero-cta{font-size:.92rem;padding:.8rem 1.5rem}
  .hero-corner-badge{display:none}
  .services-grid{grid-template-columns:1fr}
  .trust-block-grid{grid-template-columns:1fr}
  .trust-card{flex-direction:column;gap:var(--space-sm)}
  .trust-card-icon{width:44px;height:44px}
  .service-card-body{padding:var(--space-sm) var(--space-sm) var(--space-md)}
  .conditions-left,.conditions-right{padding:var(--space-lg) var(--space-md)}
  .footer-main{gap:var(--space-md)}
  .faq-inner{padding:0}
  details summary{padding:var(--space-sm) var(--space-md);font-size:.9rem}
  .faq-answer{padding:0 var(--space-md) var(--space-sm)}
  .form-card{padding:var(--space-md) var(--space-sm)}
}

/* ── 375px breakpoint ────────────────────────────────────── */
@media(max-width:375px){.trust-stat-number{font-size:2.2rem}.city-chips{gap:.4rem}.city-chip{font-size:.8rem;padding:.35rem .7rem}.hero h1{font-size:2rem}}