@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;600;700;800&family=Space+Grotesk:wght@500;600;700&display=swap');

:root{--ink:#1d2524;--paper:#f4efe4;--yellow:#e4b83f;--red:#d86f51;--sage:#dfe7d9;--muted:#66706b;--line:rgba(29,37,36,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}.wrap{max-width:1320px;margin:auto;padding:0 5vw}.mono{font:500 10px/1.4 "DM Mono",monospace;letter-spacing:.18em;text-transform:uppercase}.topbar{padding:11px 20px;background:var(--ink);color:#d9ded5;text-align:center}.topbar b{color:var(--yellow);font-weight:400;margin:0 10px}.header{position:sticky;top:0;z-index:10;background:rgba(244,239,228,.95);border-bottom:1px solid var(--line);backdrop-filter:blur(12px)}.nav{height:76px;display:flex;align-items:center;justify-content:space-between}.logo{display:flex;gap:12px;align-items:center}.logo-mark{position:relative;display:grid;place-items:center;width:40px;height:40px;background:var(--yellow);font:700 20px "Space Grotesk"}.logo-mark:after{content:"";position:absolute;right:-5px;bottom:-5px;width:10px;height:10px;background:var(--red)}.logo-text strong{display:block;font:700 15px "Space Grotesk";letter-spacing:.08em}.logo-text small{display:block;margin-top:4px;color:#67706a;font:10px "DM Mono";letter-spacing:.14em;text-transform:uppercase}.links{display:flex;gap:32px;font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.links a:hover{color:var(--red)}.quote-link{padding:13px 16px;background:var(--ink);color:var(--paper)}.mobile-toggle{display:none;background:transparent;border:1px solid var(--line);padding:10px;font-size:20px}
.hero{position:relative;overflow:hidden;background:var(--ink);color:var(--paper);padding:120px 0}.hero:after{content:"";position:absolute;right:-140px;top:90px;width:440px;height:440px;border:1px solid rgba(228,184,63,.2);border-radius:50%}.hero-grid{display:grid;grid-template-columns:1fr .95fr;align-items:center;gap:50px}.hero h1,.page-hero h1{margin:25px 0 0;font:700 clamp(54px,7vw,112px)/.88 "Space Grotesk";letter-spacing:-.07em}.accent{color:var(--yellow)}.hero p,.page-hero p{max-width:540px;margin:30px 0 0;color:#bdc5bb;font-size:18px;line-height:1.6}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:34px}.button{display:inline-flex;align-items:center;gap:13px;padding:15px 20px;background:var(--yellow);border:0;color:var(--ink);font-weight:800;cursor:pointer}.button.dark{background:var(--ink);color:var(--paper);border:1px solid rgba(244,239,228,.3)}.button.red{background:var(--red);color:var(--paper)}.hero-photo{min-height:480px;background-position:center;background-size:cover;background-image:linear-gradient(90deg,rgba(29,37,36,.75),transparent 55%),url("assets/storefront.jpeg")}.stats{display:flex;gap:36px;border-top:1px solid rgba(244,239,228,.16);margin-top:58px;padding-top:20px}.stats strong{display:block;color:var(--yellow);font:700 28px "Space Grotesk"}.stats small{color:#9ea99d;font:9px "DM Mono";letter-spacing:.14em;text-transform:uppercase}.ticker{overflow:hidden;padding:15px;background:var(--yellow);font:10px "DM Mono";letter-spacing:.17em;text-transform:uppercase;white-space:nowrap}.ticker span{margin-right:42px}.section{padding:105px 0}.section.sage{background:var(--sage)}.section.yellow{background:var(--yellow)}.section h2{max-width:700px;margin:14px 0 0;font:700 clamp(42px,5vw,76px)/.93 "Space Grotesk";letter-spacing:-.06em}.section-intro{max-width:560px;margin:22px 0 0;color:var(--muted);line-height:1.7}.cards{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:55px;background:var(--line);border:1px solid var(--line)}.card{min-height:260px;padding:38px;background:var(--paper)}.card h3{margin:55px 0 12px;font:700 28px "Space Grotesk";letter-spacing:-.04em}.card p,.step p{max-width:400px;color:var(--muted);line-height:1.7}.card .tag{color:var(--red);font:10px "DM Mono";letter-spacing:.14em;text-transform:uppercase}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:55px}.step{border-left:2px solid var(--yellow);padding-left:25px}.step h3{font:700 28px "Space Grotesk"}.page-hero{padding:120px 0;background:var(--ink);color:var(--paper)}.page-hero p{max-width:650px}.split{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:center}.dark-panel{padding:45px;background:var(--ink);color:var(--paper)}.dark-panel h3{font:700 42px/.95 "Space Grotesk";letter-spacing:-.05em}.dark-panel p{color:#b9c1b8;line-height:1.7}.contact-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.form-box{padding:36px;background:var(--sage)}form{display:grid;gap:18px}label{display:grid;gap:8px;font-size:12px;font-weight:800}input,select,textarea{width:100%;padding:14px;border:1px solid var(--line);background:transparent;color:var(--ink);font:14px Manrope}textarea{min-height:100px;resize:vertical}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:18px}.success{padding:30px 0}.success h3{font:700 42px "Space Grotesk";letter-spacing:-.05em}.footer{padding:60px 0;background:var(--ink);color:var(--paper)}.footer-grid{display:grid;grid-template-columns:1.2fr .8fr .8fr;gap:50px}.footer p,.footer a{color:#c3ccc2;line-height:1.7}.footer a:hover{color:var(--yellow)}.float{position:fixed;right:24px;bottom:24px;z-index:9;background:var(--red);color:var(--paper);padding:14px 18px;font-size:12px;font-weight:800;box-shadow:0 8px 25px rgba(0,0,0,.2)}
@media(max-width:800px){.links,.header-actions{display:none}.mobile-toggle{display:block}.nav{height:68px}.hero-grid,.split,.contact-grid{grid-template-columns:1fr}.hero{padding:80px 0}.hero-photo{min-height:330px}.hero h1,.page-hero h1{font-size:62px}.section{padding:75px 0}.cards,.steps,.footer-grid{grid-template-columns:1fr}.form-row{grid-template-columns:1fr}.float{right:14px;bottom:14px}.mobile-nav{display:grid!important}.mobile-nav a{padding:15px 5vw;border-top:1px solid var(--line);font-size:12px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}}
.mobile-nav{display:none;padding:10px 0 20px}

/* Floating WhatsApp Button */
.float {
  position: fixed;
  right: 24px;
  bottom: 24px;
  z-index: 9;
  background: #25d366; /* WhatsApp Green */
  color: #ffffff;
  padding: 14px 18px;
  font-size: 12px;
  font-weight: 800;
  border-radius: 50px;
  box-shadow: 0 8px 25px rgba(0, 0, 0, 0.2);
}