/*
Theme Name: FoamZone Franchise
Theme URI: https://foamzone.autos
Description: FoamZone Carwash franchise landing theme. Hardcoded front page based on the approved franchise landing page design.
Author: Markethive
Version: 1.0.0
Text Domain: foamzone
*/


:root{--navy:#071b3d;--deep:#06132b;--blue:#0093ff;--cyan:#23c7f7;--ice:#e6f6ff;--text:#183153;--muted:#62758b;--line:#dce8f3;--white:#fff;--radius:18px;--shadow:0 20px 60px rgba(7,27,61,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--text);font:15px/1.7 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.container{max-width:1190px;margin:auto;padding:0 26px}.eyebrow{text-transform:uppercase;font-size:11px;letter-spacing:.19em;font-weight:800;color:#008edb}.section{padding:100px 0}.section-head{max-width:780px;margin-bottom:35px}.section-head h2,.heading{font:800 clamp(34px,4.4vw,60px)/.99 'Barlow Condensed',Impact,sans-serif;text-transform:uppercase;letter-spacing:-.01em;margin:13px 0 17px;color:var(--navy)}.section-head p{font-size:17px;color:var(--muted);margin:0}.pill{display:inline-flex;align-items:center;gap:8px;border:1px solid #3c6a95;border-radius:100px;padding:7px 13px;font-size:11px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.btn{display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 24px;border:0;border-radius:9px;font-weight:800;line-height:1.2;transition:transform .2s,box-shadow .2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 30px rgba(0,147,255,.25)}.btn-primary{background:linear-gradient(110deg,#0085ef,#21c4f8);color:white}.btn-outline{background:transparent;border:1px solid #9fc0dd;color:#fff}.btn-dark{background:var(--navy);color:white}.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);backdrop-filter:blur(14px);border-bottom:1px solid #e7eef7}.nav{min-height:78px;display:flex;align-items:center;gap:25px;justify-content:space-between}.logo{display:block;width:222px;height:auto}.nav-links{display:flex;gap:23px;font-size:12px;font-weight:800;color:#3c5470}.nav-links a:hover{color:var(--blue)}.nav .btn{font-size:12px;padding:12px 17px}.hero{background:radial-gradient(ellipse at 70% 12%,#123f74 0,transparent 42%),linear-gradient(115deg,#05132c,#08234a 70%,#09305b);color:white;overflow:hidden}.hero-wrap{display:grid;grid-template-columns:1.08fr .92fr;gap:32px;min-height:690px;align-items:center;padding-top:65px;padding-bottom:75px}.hero h1{font:900 clamp(56px,6.6vw,94px)/.89 'Barlow Condensed',Impact,sans-serif;letter-spacing:-.02em;text-transform:uppercase;margin:25px 0}.hero h1 span{color:var(--cyan)}.hero .lead{max-width:560px;font-size:17px;color:#c9dcf0}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin:28px 0}.hero-note{font-size:12px;color:#9cb6cf}.hero-visual{position:relative;min-height:500px}.hero-photo{height:465px;width:100%;object-fit:cover;border-radius:18px;border:1px solid #3e75a2;box-shadow:0 35px 80px #0006}.hero-badge{position:absolute;bottom:6px;left:-20px;background:white;color:var(--navy);padding:21px 25px;border-radius:14px;box-shadow:var(--shadow);font-weight:800}.hero-badge strong{display:block;font:900 35px 'Barlow Condensed';color:#008fea}.hero-visual small{position:absolute;right:10px;top:476px;color:#8eb0cc;font-size:10px}.metrics{background:#0b2a52;color:#fff}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric{padding:29px 20px;border-right:1px solid #ffffff25}.metric:last-child{border:0}.metric strong{display:block;font:800 30px 'Barlow Condensed';color:#3bd3ff}.metric span{font-size:12px;color:#c5d7ea}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.card{border:1px solid var(--line);border-radius:var(--radius);padding:28px;background:white;box-shadow:0 10px 30px #0c34540a}.card .icon{font-size:27px;display:grid;place-items:center;width:55px;height:55px;background:#e9f7ff;border-radius:14px;margin-bottom:19px}.card h3{font:800 25px 'Barlow Condensed';text-transform:uppercase;color:var(--navy);margin:0 0 8px}.card p{color:var(--muted);font-size:13px;margin:0}.soft{background:#f4f9fe}.dark-section{background:var(--deep);color:white}.dark-section .section-head h2{color:white}.dark-section .section-head p{color:#b7cce0}.split{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.photo-card{border-radius:20px;overflow:hidden;background:#dceaf4;box-shadow:var(--shadow)}.photo-card img{display:block;width:100%;height:380px;object-fit:cover}.photo-card figcaption{padding:12px 18px;color:#61738a;font-size:11px;background:#fff}.ticks{padding:0;list-style:none}.ticks li{position:relative;padding:0 0 18px 33px}.ticks li:before{content:'✓';position:absolute;left:0;top:2px;background:#dcf7ff;color:#0089dc;font-weight:900;border-radius:50%;width:23px;height:23px;text-align:center;line-height:23px}.tiers{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.tier{border:1px solid var(--line);border-radius:17px;overflow:hidden;background:white}.tier.featured{border:2px solid var(--blue);box-shadow:0 20px 55px #0093ff18}.tier-top{background:#f0f7ff;padding:25px}.tier.featured .tier-top{background:#e3f4ff}.tier-label{font-size:10px;font-weight:900;letter-spacing:.17em;color:#008cda;text-transform:uppercase}.tier h3{font:900 29px 'Barlow Condensed';text-transform:uppercase;color:var(--navy);margin:7px 0}.price{font:900 43px 'Barlow Condensed';color:var(--navy);line-height:1.1}.tier-body{padding:23px 25px}.tier-body p{font-size:13px;color:#5c7187}.mini-table{width:100%;border-collapse:collapse;font-size:12px}.mini-table td{padding:10px 0;border-bottom:1px solid #e8eff6}.mini-table td:last-child{text-align:right;font-weight:800;color:var(--navy)}.tier .btn{width:100%;margin-top:20px}.fine{font-size:11px;color:#72859b}.marketing{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.marketing-item{padding:25px;border:1px solid #315176;background:#0b274a;border-radius:14px}.marketing-item strong{display:block;font:800 24px 'Barlow Condensed';margin:8px 0;color:#fff;text-transform:uppercase}.marketing-item p{font-size:13px;color:#c2d2e3;margin:0}.flow{display:grid;grid-template-columns:repeat(6,1fr);gap:12px;counter-reset:steps}.step{padding:20px 15px;background:white;border:1px solid var(--line);border-radius:12px}.step:before{counter-increment:steps;content:'0' counter(steps);display:block;color:#009dff;font:900 33px 'Barlow Condensed'}.step strong{display:block;font-size:12px;line-height:1.4;color:var(--navy)}.step span{display:block;font-size:11px;color:var(--muted);margin-top:8px}.fin-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.fin{padding:25px;border-radius:15px;background:#fff;border:1px solid var(--line)}.fin h3{margin:0;font:800 24px 'Barlow Condensed';color:var(--navy)}.fin .big{font:900 36px 'Barlow Condensed';color:#008feb}.fin dl{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px}.fin dt{color:#63788e}.fin dd{margin:0;font-weight:800;color:#183153}.faq{max-width:850px;margin:auto}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq summary{font-weight:800;color:var(--navy);cursor:pointer}.faq p{color:var(--muted);font-size:13px}.lead-section{background:linear-gradient(130deg,#061630,#0c3a6b);color:white}.lead-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:55px}.lead-grid h2{color:white}.lead-grid p{color:#c6daeb}.lead-form{background:white;color:var(--text);padding:33px;border-radius:18px;box-shadow:var(--shadow)}.lead-form h3{margin:0 0 5px;color:var(--navy);font:800 29px 'Barlow Condensed';text-transform:uppercase}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.field{margin:12px 0}.field label{display:block;font-size:11px;font-weight:800;color:#415a75;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;border:1px solid #cad9e9;border-radius:8px;padding:12px 13px;background:#fbfdff;color:#173657}.field textarea{min-height:82px}.check{display:flex;align-items:flex-start;gap:9px;font-size:11px;color:#65778c;margin:13px 0}.check input{margin-top:5px}.lead-form .btn{width:100%}.form-status{font-size:12px;color:#9c4d20;margin-top:10px}.footer{background:#061126;color:#a4bbd0;padding:45px 0}.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer h4{color:white;margin:0 0 12px}.footer p,.footer a{font-size:12px}.footer .logo{background:white;border-radius:8px;padding:7px}.foot-bottom{border-top:1px solid #ffffff20;margin-top:25px;padding-top:20px;font-size:11px}.disclosure{background:#eaf4fb;border-left:3px solid #0093ff;padding:17px 20px;font-size:12px;color:#385773;margin-top:25px}.anchor-offset{scroll-margin-top:85px}@media(max-width:950px){.nav-links{display:none}.hero-wrap,.split,.lead-grid{grid-template-columns:1fr}.hero-visual{min-height:380px}.hero-photo{height:350px}.hero-visual small{top:360px}.cards,.tiers,.fin-grid{grid-template-columns:1fr 1fr}.flow{grid-template-columns:repeat(3,1fr)}.marketing{grid-template-columns:1fr 1fr}}@media(max-width:650px){.container{padding:0 19px}.section{padding:68px 0}.nav{min-height:67px}.logo{width:168px}.nav .btn{font-size:10px;padding:10px}.hero-wrap{padding-top:40px;min-height:0}.hero h1{font-size:60px}.hero-visual{min-height:320px}.hero-photo{height:295px}.hero-badge{left:8px;bottom:10px;padding:12px 18px}.hero-visual small{top:300px}.metric-grid{grid-template-columns:1fr 1fr}.metric{padding:17px 10px}.cards,.tiers,.fin-grid,.marketing,.field-grid,.footer-grid{grid-template-columns:1fr}.flow{grid-template-columns:1fr 1fr}.lead-form{padding:22px}.photo-card img{height:290px}}