:root {
  --gold:#C9A227; --gold-light:#E0C266; --gold-pale:#FBF4E0;
  --gold-text:#856209; /* WCAG AA-passing gold for text on cream/white (4.8:1+); --gold itself is decorative-only (2:1) */
  --maroon:#7A1F2B; --maroon-dark:#5A1620; --maroon-pale:#F9ECED;
  --brown:#3A2A1E; --brown-dark:#241811;
  --cream:#F6EEDC; --cream-deep:#EFE3C6; --sand:#E4D3AA;
  --ink:#2A1B12; --muted:#7A6858; --white:#FFFFFF;
  --ff-display:'Fraunces',serif; --ff-body:'Manrope',sans-serif;
  --r-pill:999px; --r-md:14px; --r-lg:20px; --r-sm:8px;
  --sh-md:0 8px 24px rgba(36,24,17,.12);
  --sh-lg:0 20px 60px rgba(36,24,17,.18),0 4px 16px rgba(36,24,17,.06);
  --wrap:1120px;
}

*,*::before,*::after{box-sizing:border-box;margin:0;padding:0;}

html{scroll-behavior:smooth;}
#features,#pricing,#how-it-works,#whatsapp,#what-we-build,#process{scroll-margin-top:76px;}
.btn:active{transform:translateY(0) scale(.97);}
img{max-width:100%;height:auto;}

body{font-family:var(--ff-body);color:var(--ink);background:var(--cream);line-height:1.6;-webkit-font-smoothing:antialiased;padding-bottom:56px;}

a{color:inherit;text-decoration:none;}

img,svg{display:block;max-width:100%;}

h1,h2,h3,h4{font-family:var(--ff-display);line-height:1.15;}

.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px;}

.wrap-sm{max-width:720px;}

.section{padding:72px 0;}

.eyebrow{display:block;font-family:var(--ff-body);font-weight:800;text-transform:uppercase;letter-spacing:.1em;font-size:.72rem;color:var(--gold-text);margin-bottom:10px;}

.eyebrow.center{text-align:center;}

.section-title{font-weight:600;font-size:clamp(1.7rem,4vw,2.4rem);color:var(--brown-dark);margin-bottom:14px;}

.section-title.center{text-align:center;}

.section-lead{font-size:1.02rem;color:var(--muted);max-width:580px;line-height:1.7;}

.section-lead.center{text-align:center;margin:0 auto;}

.ink-ul{background:linear-gradient(180deg,transparent 60%,rgba(201,162,39,.3) 60%);}

.btn{display:inline-flex;align-items:center;gap:7px;font-family:var(--ff-body);font-weight:700;padding:13px 26px;border-radius:var(--r-pill);font-size:.95rem;transition:transform .15s,box-shadow .15s;cursor:pointer;border:none;}

.btn-primary{background:var(--maroon);color:var(--white);box-shadow:0 6px 20px rgba(122,31,43,.28);}

.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(122,31,43,.38);}

.btn-gold{background:var(--gold);color:var(--brown-dark);box-shadow:0 6px 20px rgba(201,162,39,.3);}

.btn-gold:hover{transform:translateY(-2px);}

.btn-ghost{background:transparent;color:var(--brown-dark);border:1.5px solid var(--sand);}

.btn-ghost:hover{border-color:var(--gold);color:var(--maroon);}

.divider{height:10px;background-image:repeating-linear-gradient(45deg,var(--gold) 0,var(--gold) 7px,var(--maroon) 7px,var(--maroon) 14px);opacity:.88;}

.site-header{position:sticky;top:0;z-index:50;background:rgba(246,238,220,.93);backdrop-filter:blur(10px);border-bottom:1px solid var(--sand);}

.header-inner{display:flex;align-items:center;justify-content:space-between;padding:14px 24px;max-width:var(--wrap);margin:0 auto;}

.logo-link{display:flex;align-items:center;gap:10px;}

.main-nav{display:flex;align-items:center;gap:24px;font-weight:600;font-size:.9rem;}
.nav-toggle{display:none;background:none;border:none;cursor:pointer;padding:11px 6px;flex-direction:column;justify-content:center;gap:5px;width:44px;height:44px;}
.nav-toggle span{display:block;height:2px;width:100%;background:var(--brown-dark);border-radius:2px;transition:transform .25s ease,opacity .25s ease;}
.nav-toggle.open span:nth-child(1){transform:translateY(7px) rotate(45deg);}
.nav-toggle.open span:nth-child(2){opacity:0;}
.nav-toggle.open span:nth-child(3){transform:translateY(-7px) rotate(-45deg);}

.main-nav a{color:var(--ink);opacity:.8;transition:opacity .15s,color .15s;}

.main-nav a:hover,.main-nav a.active{opacity:1;color:var(--maroon);}

.nav-pill{background:var(--maroon);color:var(--white)!important;opacity:1!important;padding:9px 20px;border-radius:var(--r-pill);}

.nav-pill:hover{background:var(--maroon-dark)!important;}

.sticky-bar{position:fixed;bottom:0;left:0;right:0;display:flex;z-index:60;box-shadow:0 -3px 14px rgba(36,24,17,.12);}

.sticky-btn{flex:1;text-align:center;padding:15px 0;font-family:var(--ff-body);font-weight:700;font-size:.92rem;transition:background .15s;display:block;}

.sticky-wa{background:var(--white);color:var(--maroon);border-top:1px solid var(--sand);}

.sticky-wa:hover{background:var(--cream);}

.sticky-cta{background:var(--maroon);color:var(--white);}

.sticky-cta:hover{background:var(--maroon-dark);}

.reveal{opacity:0;transform:translateY(18px);transition:opacity .5s ease,transform .5s ease;}

.reveal.visible{opacity:1;transform:translateY(0);}

.tag{display:inline-flex;align-items:center;gap:5px;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 9px;border-radius:var(--r-pill);margin-bottom:10px;}

.tag-live{background:rgba(122,31,43,.1);color:var(--maroon);}

.tag-soon{background:rgba(201,162,39,.15);color:#8a6a0a;}

.site-footer{background:var(--cream-deep);border-top:1px solid var(--sand);padding:48px 0 20px;}

.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:32px;margin-bottom:40px;}

.footer-brand-desc{font-size:.88rem;color:var(--muted);margin-top:12px;max-width:220px;line-height:1.6;}

.footer-social{display:flex;gap:10px;margin-top:14px;}

.soc-link{width:32px;height:32px;border-radius:50%;background:var(--white);border:1px solid var(--sand);display:flex;align-items:center;justify-content:center;font-size:.72rem;font-weight:700;color:var(--muted);transition:border-color .15s,color .15s;}

.soc-link:hover{border-color:var(--maroon);color:var(--maroon);}

.footer-col-title{font-family:var(--ff-display);font-weight:600;font-size:.95rem;color:var(--brown-dark);margin-bottom:14px;}

.footer-links{display:flex;flex-direction:column;gap:9px;}

.footer-links a{font-size:.88rem;color:var(--muted);transition:color .15s;}

.footer-links a:hover{color:var(--maroon);}

.footer-legal{border-top:1px solid var(--sand);padding-top:20px;text-align:center;font-size:.8rem;color:var(--muted);}

@media(max-width:900px){.footer-grid{grid-template-columns:1fr 1fr;gap:24px;}
.nav-toggle{display:flex;}
.main-nav{position:fixed;top:64px;left:0;right:0;background:var(--cream);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 24px 20px;border-bottom:1px solid var(--sand);box-shadow:0 16px 32px rgba(36,24,17,.1);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:49;}
.main-nav.open{opacity:1;transform:translateY(0);pointer-events:auto;}
.main-nav a{padding:12px 0;width:100%;border-bottom:1px solid rgba(228,211,170,.5);}
.main-nav a:last-of-type{border-bottom:none;}
.main-nav .nav-pill{margin-top:10px;text-align:center;width:100%;justify-content:center;display:flex;}
}

@media(max-width:600px){.footer-grid{grid-template-columns:1fr;}}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important;}html{scroll-behavior:auto;}}

a:focus-visible,button:focus-visible,summary:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px;}

/* ═══ HERO ═══════════════════════════════════════════ */
.hero {
  padding: 64px 0 0;
  background:
    radial-gradient(ellipse at 80% -10%, rgba(201,162,39,.18), transparent 50%),
    radial-gradient(ellipse at 5% 100%, rgba(122,31,43,.07), transparent 45%),
    var(--cream);
}

.hero-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; padding-bottom: 56px; }

.live-badge { display: inline-flex; align-items: center; gap: 5px; background: rgba(122,31,43,.1); color: var(--maroon); padding: 4px 10px; border-radius: var(--r-pill); font-size: .7rem; font-weight: 800; text-transform: uppercase; letter-spacing: .06em; border: 1px solid rgba(122,31,43,.2); margin-bottom: 14px; }

.live-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--maroon); animation: livePulse 1.5s infinite; }

@keyframes livePulse { 0%,100%{opacity:1}

50%{opacity:.3}

}
.hero h1 { font-size: clamp(2.1rem, 5vw, 3.3rem); font-weight: 600; color: var(--brown-dark); margin-bottom: 16px; }

.hero-subhead { font-size: 1.08rem; font-weight: 600; color: var(--maroon); margin-bottom: 10px; }

.hero-body { font-size: .97rem; color: var(--muted); max-width: 500px; margin-bottom: 28px; line-height: 1.75; }

.hero-actions { display: flex; flex-wrap: wrap; gap: 12px; margin-bottom: 20px; }

.hero-proof { font-size: .82rem; color: var(--muted); display: flex; align-items: center; gap: 6px; }

.hero-proof::before { content: ''; width: 20px; height: 1px; background: var(--sand); }

/* ═══ META DM CHAT WINDOW ═══════════════════════════ */
.chat-card { background: var(--white); border-radius: var(--r-lg); box-shadow: var(--sh-lg); overflow: hidden; max-width: 360px; width: 100%; margin-left: auto; }

.ig-topbar { background: var(--white); border-bottom: 1px solid #efefef; padding: 10px 14px; display: flex; align-items: center; gap: 10px; }

.ig-back { color: #0095f6; flex-shrink: 0; }

.ig-av-wrap { padding: 2px; background: linear-gradient(45deg,#f09433,#e6683c,#dc2743,#cc2366,#bc1888); border-radius: 50%; flex-shrink: 0; }

.ig-av-inner { background: var(--white); border-radius: 50%; padding: 2px; }

.ig-av-face { width: 30px; height: 30px; border-radius: 50%; background: linear-gradient(135deg,var(--gold),var(--maroon)); display: flex; align-items: center; justify-content: center; color: var(--white); font-weight: 700; font-size: .8rem; }

.ig-info { flex: 1; }

.ig-name { font-weight: 700; font-size: .88rem; color: #050505; line-height: 1.2; }

.ig-status { font-size: .7rem; color: #8e8e8e; display: flex; align-items: center; gap: 4px; }

.ig-active-dot { width: 6px; height: 6px; border-radius: 50%; background: #42b72a; }

.ig-actions { display: flex; gap: 10px; color: #0095f6; }

.chat-feed { background: var(--white); padding: 12px 12px 8px; display: flex; flex-direction: column; gap: 7px; }

.chat-time { text-align: center; font-size: .68rem; color: #8e8e8e; margin-bottom: 2px; }

.msg { display: flex; align-items: flex-end; gap: 6px; opacity: 0; transform: translateY(8px); transition: opacity .3s ease, transform .3s ease; }

.msg.show { opacity: 1; transform: translateY(0); }

.msg.out { flex-direction: row-reverse; }

.msg-av { width: 24px; height: 24px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg,var(--gold),var(--maroon)); display: flex; align-items: center; justify-content: center; font-size: .58rem; font-weight: 700; color: var(--white); }

.bubble { max-width: 78%; padding: 9px 13px; border-radius: 20px; font-size: .82rem; line-height: 1.45; }

.msg.in  .bubble { background: #efefef; color: #050505; border-bottom-left-radius: 4px; }

.msg.out .bubble { background: linear-gradient(135deg,#0095f6,#a855f7); color: var(--white); border-bottom-right-radius: 4px; }

.chips { display: flex; flex-wrap: wrap; gap: 5px; margin-top: 4px; }

.chip { font-size: .72rem; font-weight: 600; border: 1.5px solid #0095f6; color: #0095f6; padding: 3px 10px; border-radius: var(--r-pill); background: var(--white); }

.typing-row { display: flex; align-items: center; gap: 6px; opacity: 0; transition: opacity .25s; }

.typing-row.show { opacity: 1; }

.typing-bub { background: #efefef; border-radius: 16px; border-bottom-left-radius: 4px; padding: 9px 13px; display: flex; gap: 4px; align-items: center; }

.tdot { width: 6px; height: 6px; border-radius: 50%; background: #8e8e8e; animation: tBounce 1.1s infinite; }

.tdot:nth-child(2){ animation-delay:.18s; }

.tdot:nth-child(3){ animation-delay:.36s; }

@keyframes tBounce { 0%,60%,100%{transform:translateY(0)}

30%{transform:translateY(-5px)}

}
.order-card { background: linear-gradient(135deg,var(--maroon-dark),var(--maroon)); border-radius: var(--r-md); padding: 13px 14px; color: var(--white); font-size: .79rem; opacity: 0; transform: scale(.94) translateY(6px); transition: opacity .38s ease,transform .38s ease; max-width: 86%; margin-left: 30px; }

.order-card.show { opacity: 1; transform: scale(1) translateY(0); }

.order-hdr { display: flex; align-items: center; gap: 8px; margin-bottom: 9px; }

.order-check { width: 22px; height: 22px; border-radius: 50%; background: var(--gold); display: flex; align-items: center; justify-content: center; font-size: .72rem; color: var(--brown-dark); font-weight: 800; flex-shrink: 0; }

.order-title { font-weight: 700; font-size: .86rem; color: var(--gold-light); }

.order-row { display: flex; justify-content: space-between; gap: 8px; padding: 3px 0; border-bottom: 1px solid rgba(255,255,255,.1); font-size: .76rem; }

.order-row:last-of-type { border: none; font-weight: 700; color: var(--gold-light); }

.order-row span:first-child { color: rgba(255,255,255,.55); flex-shrink: 0; }

.order-foot { margin-top: 9px; text-align: center; font-size: .68rem; color: rgba(255,255,255,.5); }

.order-foot strong { color: var(--gold-light); }

.woo-badge { display: flex; align-items: center; justify-content: center; gap: 7px; background: #f9f6fe; padding: 7px 14px; font-size: .7rem; font-weight: 700; color: #7f54b3; border-top: 1px solid #f0eafa; opacity: 0; transition: opacity .4s; }

.woo-dot { width: 7px; height: 7px; border-radius: 50%; background: #42b72a; animation: wPulse 1.4s infinite; }

@keyframes wPulse { 0%,100%{opacity:1}

}
.ig-input { border-top: 1px solid #efefef; padding: 8px 12px; display: flex; align-items: center; gap: 8px; }

.ig-input-field { flex: 1; background: #efefef; border-radius: 20px; padding: 7px 14px; font-size: .78rem; color: #8e8e8e; font-family: var(--ff-body); }

.replay-btn { display: none; width: 100%; text-align: center; padding: 6px; font-size: .7rem; color: #0095f6; font-weight: 700; cursor: pointer; background: none; border: none; font-family: var(--ff-body); }

.replay-btn.show { display: block; }

/* ═══ WHATSAPP SECTION ═══════════════════════════════ */
.wa-section { padding: 72px 0; background: var(--cream-deep); }

.flow-mini { display: flex; align-items: center; gap: 10px; margin-top: 28px; flex-wrap: wrap; }

.flow-mini-step { display: flex; align-items: center; gap: 10px; background: var(--white); border: 1px solid var(--sand); border-radius: var(--r-md); padding: 12px 14px; flex: 1; min-width: 150px; }

.flow-mini-icon { font-size: 1.3rem; flex-shrink: 0; }

.flow-mini-step strong { display: block; font-size: .85rem; color: var(--brown-dark); font-weight: 700; }

.flow-mini-step span { display: block; font-size: .74rem; color: var(--muted); margin-top: 2px; }

.flow-mini-arrow { font-size: 1.1rem; color: var(--gold); flex-shrink: 0; }

.wa-system-note { text-align: center; margin: 4px 0; opacity: 0; transition: opacity .35s ease; }

.wa-system-note.show { opacity: 1; }

.wa-system-note span { display: inline-block; background: #d4f0ea; color: #0a5c4a; font-size: .72rem; font-weight: 600; padding: 5px 12px; border-radius: var(--r-pill); }

.wa-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 56px; align-items: center; }

.wa-window { background: var(--white); border-radius: var(--r-lg); box-shadow: var(--sh-lg); overflow: hidden; max-width: 360px; width: 100%; margin-left: auto; }

.wa-topbar { background: #075E54; padding: 10px 14px; display: flex; align-items: center; gap: 10px; }

.wa-av { width: 36px; height: 36px; border-radius: 50%; flex-shrink: 0; background: linear-gradient(135deg,var(--gold),var(--maroon)); display: flex; align-items: center; justify-content: center; color: var(--white); font-weight: 700; font-size: .85rem; }

.wa-info { flex: 1; }

.wa-name { font-weight: 700; font-size: .88rem; color: var(--white); }

.wa-status-text { font-size: .7rem; color: rgba(255,255,255,.75); }

.wa-actions { display: flex; gap: 12px; }

.wa-feed { background: #e5ddd5; padding: 12px; display: flex; flex-direction: column; gap: 6px; }

.wa-time-pill { display: block; text-align: center; margin-bottom: 4px; }

.wa-time-text { display: inline-block; background: rgba(255,255,255,.65); font-size: .68rem; color: #5f6368; padding: 3px 10px; border-radius: var(--r-pill); }

.wa-msg { display: flex; flex-direction: column; opacity: 0; transform: translateY(6px); transition: opacity .3s,transform .3s; }

.wa-msg.show { opacity: 1; transform: translateY(0); }

.wa-msg.out { align-items: flex-end; }

.wa-msg.in  { align-items: flex-start; }

.wa-bubble { max-width: 80%; padding: 7px 11px 14px; border-radius: 8px; font-size: .8rem; line-height: 1.4; position: relative; }

.wa-msg.in  .wa-bubble { background: var(--white); border-top-left-radius: 0; color: #111; }

.wa-msg.out .wa-bubble { background: #d9fdd3; border-top-right-radius: 0; color: #111; }

.wa-tick { position: absolute; bottom: 4px; right: 8px; font-size: .62rem; color: #53bdeb; }

.wa-typing-row { display: flex; align-items: center; gap: 6px; opacity: 0; transition: opacity .25s; }

.wa-typing-row.show { opacity: 1; }

.wa-typing-bub { background: var(--white); border-radius: 8px; border-top-left-radius: 0; padding: 9px 12px; display: flex; gap: 4px; }

.wdot { width: 6px; height: 6px; border-radius: 50%; background: #8e8e8e; animation: tBounce 1.1s infinite; }

.wdot:nth-child(2){ animation-delay:.18s; }

.wdot:nth-child(3){ animation-delay:.36s; }

.wa-order-card { background: var(--white); border-radius: 8px; border-top-right-radius: 0; padding: 11px 13px; font-size: .79rem; color: #111; border-left: 3px solid var(--gold); opacity: 0; transform: translateY(6px); transition: opacity .35s,transform .35s; max-width: 86%; align-self: flex-start; }

.wa-order-card.show { opacity: 1; transform: translateY(0); }

.wa-order-hdr { display: flex; align-items: center; gap: 7px; margin-bottom: 8px; }

.wa-order-check { width: 20px; height: 20px; border-radius: 50%; background: var(--gold); display: flex; align-items: center; justify-content: center; font-size: .68rem; color: var(--brown-dark); font-weight: 800; flex-shrink: 0; }

.wa-order-title { font-weight: 700; font-size: .84rem; color: var(--maroon); }

.wa-order-row { display: flex; justify-content: space-between; gap: 8px; padding: 3px 0; border-bottom: 1px solid #f0f0f0; font-size: .74rem; }

.wa-order-row:last-of-type { border: none; font-weight: 700; }

.wa-order-row span:first-child { color: var(--muted); }

.wa-plat-pills { display: flex; gap: 6px; margin-top: 8px; flex-wrap: wrap; }

.wa-pill { display: flex; align-items: center; gap: 5px; padding: 3px 9px; border-radius: var(--r-pill); font-size: .68rem; font-weight: 700; }

.wa-pill.woo-p { background: #f9f6fe; color: #7f54b3; }

.wa-pill-dot { width: 6px; height: 6px; border-radius: 50%; }

.woo-p .wa-pill-dot { background: #7f54b3; }

.wa-input-bar { background: #f0f2f5; padding: 8px 12px; display: flex; align-items: center; gap: 8px; border-top: 1px solid #e0e0e0; }

.wa-input-field { flex: 1; background: var(--white); border-radius: 20px; padding: 7px 14px; font-size: .78rem; color: #8e8e8e; font-family: var(--ff-body); }

.wa-send-circle { width: 36px; height: 36px; border-radius: 50%; background: #25D366; display: flex; align-items: center; justify-content: center; flex-shrink: 0; }

.wa-replay-btn { display: none; width: 100%; text-align: center; padding: 6px; font-size: .7rem; color: var(--gold-text); font-weight: 700; cursor: pointer; background: none; border: none; font-family: var(--ff-body); }

.wa-replay-btn.show { display: block; }

/* ═══ STEPS ══════════════════════════════════════════ */
.steps-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 20px; }

.step-card { background: var(--white); border: 1px solid var(--sand); border-radius: var(--r-md); padding: 24px; transition: transform .2s,box-shadow .2s; position: relative; overflow: hidden; }

.step-card:hover { transform: translateY(-3px); box-shadow: var(--sh-md); }

.step-card::before { content:''; position:absolute; top:0; left:0; right:0; height:3px; }

.step-card:nth-child(1)::before { background:var(--gold); }

.step-card:nth-child(2)::before { background:var(--maroon); }

.step-card:nth-child(3)::before { background:var(--brown-dark); }

.step-card:nth-child(4)::before { background:var(--gold); }

.step-num { font-family:var(--ff-display); font-size:2rem; font-weight:300; color:var(--sand); line-height:1; margin-bottom:8px; }

.step-card h3 { font-size:1.05rem; font-weight:600; color:var(--brown-dark); margin-bottom:8px; }

.step-card p { font-size:.88rem; color:var(--muted); line-height:1.55; }

/* ═══ FEATURES ═══════════════════════════════════════ */
.feat-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:20px; }

.feat-card { background:var(--white); border:1px solid var(--sand); border-radius:var(--r-md); padding:24px; transition:transform .2s,box-shadow .2s; }

.feat-card:hover { transform:translateY(-3px); box-shadow:var(--sh-md); }

.feat-card.muted { background:transparent; border-style:dashed; }

.feat-icon { font-size:1.5rem; margin-bottom:12px; }

.feat-card h3 { font-size:1.05rem; font-weight:600; color:var(--brown-dark); margin-bottom:8px; }

.feat-card p { font-size:.88rem; color:var(--muted); line-height:1.55; margin:0; }

/* ═══ SERVICES TEASER ════════════════════════════════ */
.svc-grid { display:grid; grid-template-columns:1fr 1fr; gap:20px; }

.svc-card { border-radius:var(--r-lg); padding:44px 36px; position:relative; overflow:hidden; transition:transform .2s,box-shadow .2s; display:block; }

.svc-card:hover { transform:translateY(-4px); box-shadow:0 24px 48px rgba(36,24,17,.22); }

.svc-card.dark { background:linear-gradient(135deg,var(--brown-dark),var(--brown)); color:var(--white); }

.svc-card.maroon { background:linear-gradient(135deg,var(--maroon-dark),var(--maroon)); color:var(--white); }

.svc-bg-num { font-family:var(--ff-display); font-size:5rem; font-weight:300; opacity:.1; position:absolute; top:16px; right:24px; line-height:1; color:var(--white); }

.svc-label { display:inline-block; font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.1em; padding:4px 10px; border-radius:var(--r-pill); margin-bottom:14px; }

.dark .svc-label { background:rgba(201,162,39,.2); color:var(--gold-light); }

.maroon .svc-label { background:rgba(255,255,255,.15); color:rgba(255,255,255,.85); }

.svc-card h3 { font-size:1.45rem; font-weight:600; margin-bottom:10px; line-height:1.25; }

.dark h3 { color:var(--gold-light); }

.maroon h3 { color:var(--white); }

.svc-card p { font-size:.9rem; opacity:.78; margin-bottom:24px; max-width:300px; }

.svc-link-arrow { font-weight:700; font-size:.9rem; display:inline-flex; align-items:center; gap:6px; }

.dark .svc-link-arrow { color:var(--gold-light); }

.maroon .svc-link-arrow { color:rgba(255,255,255,.9); }

/* ═══ PRICING ════════════════════════════════════════ */
.pricing-bg { background:var(--white); }

.price-grid { display:grid; grid-template-columns:1fr 1fr; gap:24px; max-width:780px; margin:0 auto; }

.price-card { border:1.5px solid var(--sand); border-radius:var(--r-lg); padding:40px 32px; position:relative; transition:transform .2s,box-shadow .2s; }

.price-card:hover { transform:translateY(-3px); box-shadow:var(--sh-md); }

.price-card.featured { border-color:var(--maroon); box-shadow:0 0 0 3px rgba(122,31,43,.07); }

.feat-badge { position:absolute; top:-14px; left:50%; transform:translateX(-50%); background:var(--maroon); color:var(--white); font-size:.68rem; font-weight:800; text-transform:uppercase; letter-spacing:.06em; padding:5px 14px; border-radius:var(--r-pill); white-space:nowrap; }

.price-card h3 { font-size:1.3rem; margin-bottom:6px; }

.price-sub { font-size:.82rem; color:var(--gold-text); font-weight:700; margin-bottom:16px; text-transform:uppercase; letter-spacing:.04em; }

.price-amount { font-family:var(--ff-display); font-size:2.6rem; font-weight:700; color:var(--brown-dark); line-height:1; }

.price-period { font-size:.85rem; color:var(--muted); margin-left:4px; }

.price-desc { font-size:.88rem; color:var(--muted); margin:14px 0 20px; line-height:1.6; }

.price-features { list-style:none; display:flex; flex-direction:column; gap:9px; margin-bottom:28px; }

.price-features li { font-size:.9rem; display:flex; align-items:flex-start; gap:8px; }

.price-features li::before { content:'✓'; color:var(--maroon); font-weight:800; flex-shrink:0; margin-top:1px; }

.price-card .btn { width:100%; justify-content:center; }

.price-note { margin-top:14px; font-size:.78rem; color:var(--muted); text-align:center; font-style:italic; }

/* ═══ FAQ ════════════════════════════════════════════ */
.faq-list { display:flex; flex-direction:column; gap:12px; }

.faq-item { background:var(--white); border:1px solid var(--sand); border-radius:var(--r-md); overflow:hidden; }

.faq-item summary { padding:18px 22px; font-weight:700; font-size:1rem; cursor:pointer; display:flex; align-items:center; justify-content:space-between; font-family:var(--ff-display); color:var(--brown-dark); list-style:none; }

.faq-item summary::-webkit-details-marker { display:none; }

.faq-chev { transition:transform .25s; flex-shrink:0; color:var(--gold); }

details[open] .faq-chev { transform:rotate(180deg); }

.faq-item p { padding:0 22px 18px; font-size:.93rem; color:var(--muted); line-height:1.7; }

/* ═══ FINAL CTA ══════════════════════════════════════ */
.cta-section { background:var(--brown-dark); padding:88px 0; position:relative; overflow:hidden; }

.cta-section::before { content:''; position:absolute; inset:0; background:radial-gradient(ellipse at 30% 50%,rgba(201,162,39,.12),transparent 55%),radial-gradient(ellipse at 80% 50%,rgba(122,31,43,.12),transparent 50%); }

.cta-inner { position:relative; text-align:center; max-width:540px; margin:0 auto; }

.cta-inner .eyebrow { color:var(--gold-light); margin-bottom:14px; }

.cta-inner h2 { font-size:clamp(1.9rem,4vw,2.7rem); color:var(--white); margin-bottom:14px; }

.cta-inner p { color:rgba(255,255,255,.68); margin-bottom:32px; font-size:1.05rem; }

.cta-actions { display:flex; justify-content:center; gap:14px; flex-wrap:wrap; }

/* ═══ RESPONSIVE ═════════════════════════════════════ */
@media(max-width:900px){
  .hero-grid,.wa-grid,.svc-grid { grid-template-columns:1fr; gap:40px; }

.chat-card,.wa-window { max-width:360px; margin:0 auto; }

.steps-grid { grid-template-columns:repeat(2,1fr); }

.feat-grid { grid-template-columns:repeat(2,1fr); }

.price-grid { grid-template-columns:1fr; max-width:400px; }

}
@media(max-width:600px){
  .steps-grid,.feat-grid { grid-template-columns:1fr; }

}

.footer-simple{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;}

.footer-nav-sm{display:flex;gap:20px;flex-wrap:wrap;}

.footer-nav-sm a{font-size:.88rem;color:var(--muted);}

.footer-nav-sm a:hover{color:var(--maroon);}

.footer-legal-sm{font-size:.8rem;color:var(--muted);text-align:center;padding-top:12px;border-top:1px solid var(--sand);margin-top:12px;}

@media(max-width:900px){.footer-simple{flex-direction:column;}
.nav-toggle{display:flex;}
.main-nav{position:fixed;top:64px;left:0;right:0;background:var(--cream);flex-direction:column;align-items:flex-start;gap:2px;padding:8px 24px 20px;border-bottom:1px solid var(--sand);box-shadow:0 16px 32px rgba(36,24,17,.1);transform:translateY(-12px);opacity:0;pointer-events:none;transition:opacity .22s ease,transform .22s ease;z-index:49;}
.main-nav.open{opacity:1;transform:translateY(0);pointer-events:auto;}
.main-nav a{padding:12px 0;width:100%;border-bottom:1px solid rgba(228,211,170,.5);}
.main-nav a:last-of-type{border-bottom:none;}
.main-nav .nav-pill{margin-top:10px;text-align:center;width:100%;justify-content:center;display:flex;}
}

a:focus-visible,button:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px;}

/* STORES HERO */
.stores-hero{padding:80px 0;background:linear-gradient(135deg,var(--brown-dark) 0%,#4a3020 55%,var(--brown) 100%);position:relative;overflow:hidden;}

.stores-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 30%,rgba(201,162,39,.16),transparent 50%),radial-gradient(ellipse at 5% 80%,rgba(122,31,43,.12),transparent 45%);}

.stores-hero-grid{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}

.stores-hero h1{font-size:clamp(2rem,5vw,3rem);color:var(--white);margin-bottom:14px;}

.stores-hero h1 span{color:var(--gold-light);}

.stores-hero-sub{font-size:1.08rem;color:rgba(255,255,255,.75);max-width:460px;margin-bottom:28px;line-height:1.7;}

.stores-hero-actions{display:flex;gap:12px;flex-wrap:wrap;}

.perf-card{background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);border-radius:var(--r-lg);padding:32px;backdrop-filter:blur(4px);}

.perf-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;}

.perf-stat{text-align:center;padding:16px 0;}

.perf-num{font-family:var(--ff-display);font-size:2.2rem;font-weight:600;color:var(--gold-light);line-height:1;margin-bottom:4px;}

.perf-label{font-size:.75rem;color:rgba(255,255,255,.55);font-weight:700;text-transform:uppercase;letter-spacing:.05em;}

.perf-sep{border:none;border-top:1px solid rgba(255,255,255,.1);margin:0;}

/* BUILD CARDS */
.build-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;}

.build-grid-4{grid-template-columns:repeat(4,1fr);}

.build-card.website::after{background:linear-gradient(90deg,var(--brown-dark),var(--gold));}

.website .build-icon{background:var(--gold-pale);}

.build-card{background:var(--white);border:1px solid var(--sand);border-radius:var(--r-lg);padding:32px;transition:transform .2s,box-shadow .2s;position:relative;overflow:hidden;}

.build-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);}

.build-card::after{content:'';position:absolute;top:0;left:0;right:0;height:4px;}

.build-card.woo::after{background:linear-gradient(90deg,#7f54b3,#c9a0dc);}

.build-card.shopify::after{background:linear-gradient(90deg,#5a8a1f,#96bf48);}

.build-card.lp::after{background:linear-gradient(90deg,var(--maroon),var(--gold));}

.build-icon{width:48px;height:48px;border-radius:var(--r-sm);display:flex;align-items:center;justify-content:center;font-size:1.5rem;margin-bottom:16px;}

.woo .build-icon{background:#f9f6fe;}

.shopify .build-icon{background:#f0faf2;}

.lp .build-icon{background:var(--gold-pale);}

.build-card h3{font-size:1.2rem;font-weight:600;margin-bottom:10px;color:var(--brown-dark);}

.build-card .build-lead{font-size:.9rem;color:var(--muted);margin-bottom:18px;line-height:1.6;}

.build-list{list-style:none;display:flex;flex-direction:column;gap:7px;}

.build-list li{font-size:.85rem;color:var(--ink);display:flex;align-items:flex-start;gap:7px;}

.build-list li::before{content:'✓';color:var(--maroon);font-weight:800;flex-shrink:0;}

/* SEO SECTION */
.seo-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}

.seo-visual{background:var(--cream-deep);border-radius:var(--r-lg);padding:32px;border:1px solid var(--sand);}

.seo-item{display:flex;gap:16px;padding:16px 0;border-bottom:1px solid var(--sand);align-items:flex-start;}

.seo-item:last-child{border:none;}

.seo-icon{width:38px;height:38px;border-radius:var(--r-sm);background:var(--maroon-pale);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}

.seo-item h4{font-size:.95rem;font-weight:700;color:var(--brown-dark);margin-bottom:4px;}

.seo-item p{font-size:.83rem;color:var(--muted);line-height:1.5;}

/* PROCESS */
.process-row{display:grid;grid-template-columns:repeat(4,1fr);gap:0;position:relative;margin-top:48px;}

.process-row::before{content:'';position:absolute;top:27px;left:calc(12.5%);right:calc(12.5%);height:2px;background:linear-gradient(90deg,var(--gold),var(--maroon));z-index:0;}

.proc-step{position:relative;z-index:1;text-align:center;padding:0 16px;}

.proc-dot{width:56px;height:56px;border-radius:50%;display:flex;align-items:center;justify-content:center;margin:0 auto 14px;font-weight:700;font-size:.95rem;color:var(--white);}

.proc-step:nth-child(1) .proc-dot{background:var(--gold);}

.proc-step:nth-child(2) .proc-dot{background:var(--maroon);}

.proc-step:nth-child(3) .proc-dot{background:var(--brown-dark);}

.proc-step:nth-child(4) .proc-dot{background:var(--gold);}

.proc-time{display:inline-block;font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:3px 8px;border-radius:var(--r-pill);background:rgba(122,31,43,.1);color:var(--maroon);margin-bottom:8px;}

.proc-step h3{font-size:1rem;font-weight:600;margin-bottom:6px;color:var(--brown-dark);}

.proc-step p{font-size:.84rem;color:var(--muted);line-height:1.5;}

/* WHY GRID */
.why-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.why-card{padding:24px;border-radius:var(--r-md);background:var(--white);border:1px solid var(--sand);transition:transform .2s,box-shadow .2s;}

.why-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}

.why-icon{font-size:1.8rem;margin-bottom:10px;}

.why-card h3{font-size:1.05rem;font-weight:600;margin-bottom:8px;color:var(--brown-dark);}

.why-card p{font-size:.88rem;color:var(--muted);line-height:1.55;}

/* PAGE CTA */
.page-cta{background:var(--maroon);padding:80px 0;text-align:center;position:relative;overflow:hidden;}

.page-cta::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 50%,rgba(201,162,39,.15),transparent 60%);}

.page-cta-inner{position:relative;max-width:500px;margin:0 auto;}

.page-cta h2{color:var(--white);font-size:clamp(1.9rem,4vw,2.5rem);margin-bottom:12px;}

.page-cta p{color:rgba(255,255,255,.72);margin-bottom:28px;line-height:1.7;}

@media(max-width:900px){
  .stores-hero-grid,.seo-grid{grid-template-columns:1fr;}
  .build-grid,.why-grid{grid-template-columns:repeat(2,1fr);}
  .process-row{grid-template-columns:repeat(2,1fr);gap:24px;}
  .process-row::before{display:none;}
}

@media(max-width:600px){.build-grid,.why-grid{grid-template-columns:1fr;}}

/* AIOC HERO */
.aioc-hero{padding:80px 0;background:linear-gradient(135deg,var(--maroon-dark) 0%,var(--maroon) 60%,#9a2535 100%);position:relative;overflow:hidden;}

.aioc-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 85% 25%,rgba(201,162,39,.18),transparent 48%),radial-gradient(ellipse at 5% 85%,rgba(36,24,17,.25),transparent 45%);}

.aioc-hero::after{content:'';position:absolute;inset:0;background-image:repeating-linear-gradient(60deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 28px),repeating-linear-gradient(-60deg,rgba(255,255,255,.025) 0,rgba(255,255,255,.025) 1px,transparent 1px,transparent 28px);pointer-events:none;}

.aioc-hero-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}

.aioc-hero h1{font-size:clamp(2rem,4.5vw,2.9rem);color:var(--white);margin-bottom:14px;}

.aioc-hero h1 em{font-style:normal;color:var(--gold-light);}

.aioc-hero-sub{font-size:1.08rem;color:rgba(255,255,255,.78);max-width:480px;margin-bottom:28px;line-height:1.7;}

.aioc-hero-actions{display:flex;gap:12px;flex-wrap:wrap;}

.first-badge{display:inline-block;background:var(--gold);color:var(--brown-dark);font-size:.7rem;font-weight:800;text-transform:uppercase;letter-spacing:.08em;padding:5px 12px;border-radius:var(--r-pill);margin-bottom:14px;}

.guarantee-card{background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.18);border-radius:var(--r-lg);padding:36px;backdrop-filter:blur(6px);text-align:center;}

.guarantee-seal{width:104px;height:104px;border-radius:50%;background:var(--gold);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 0 0 8px rgba(201,162,39,.18),0 0 0 16px rgba(201,162,39,.08);}

.seal-top{font-family:var(--ff-display);font-size:1.5rem;font-weight:700;color:var(--brown-dark);line-height:1;}

.seal-btm{font-size:.58rem;font-weight:800;text-transform:uppercase;color:var(--brown-dark);letter-spacing:.06em;margin-top:2px;}

.guarantee-card-title{font-family:var(--ff-display);font-size:1.2rem;font-weight:600;color:var(--white);margin-bottom:8px;}

.guarantee-card-body{font-size:.85rem;color:rgba(255,255,255,.68);line-height:1.55;}

/* WHAT IS AIOC */
.aioc-what-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}

.aioc-flow{background:var(--cream-deep);border-radius:var(--r-lg);padding:28px;border:1px solid var(--sand);display:flex;flex-direction:column;gap:0;}

.flow-step{display:flex;align-items:flex-start;gap:16px;padding:14px 0;position:relative;}

.flow-step:not(:last-child)::after{content:'';position:absolute;left:17px;top:52px;width:2px;height:calc(100% - 24px);background:var(--sand);}

.flow-dot{width:36px;height:36px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:700;font-size:.8rem;color:var(--white);flex-shrink:0;}

.flow-step:nth-child(1) .flow-dot{background:var(--gold);}

.flow-step:nth-child(2) .flow-dot{background:var(--maroon);}

.flow-step:nth-child(3) .flow-dot{background:var(--brown-dark);}

.flow-step:nth-child(4) .flow-dot{background:var(--gold);}

.flow-label{font-weight:700;font-size:.95rem;color:var(--brown-dark);margin-bottom:3px;}

.flow-sub{font-size:.82rem;color:var(--muted);line-height:1.5;}

/* PRICING — AIOC specific */
.aioc-price-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;max-width:780px;margin:0 auto;}

.aioc-price-card{border:1.5px solid var(--sand);border-radius:var(--r-lg);padding:40px 32px;position:relative;background:var(--white);transition:transform .2s,box-shadow .2s;}

.aioc-price-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}

.aioc-price-card.featured{border-color:var(--maroon);box-shadow:0 0 0 3px rgba(122,31,43,.07);}

.aioc-feat-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--maroon);color:var(--white);font-size:.68rem;font-weight:800;text-transform:uppercase;letter-spacing:.06em;padding:5px 14px;border-radius:var(--r-pill);white-space:nowrap;}

.aioc-price-card h3{font-size:1.3rem;margin-bottom:4px;}

.aioc-price-type{font-size:.8rem;color:var(--gold-text);font-weight:700;text-transform:uppercase;letter-spacing:.05em;margin-bottom:16px;}

.aioc-amount{font-family:var(--ff-display);font-size:2.6rem;font-weight:700;color:var(--brown-dark);line-height:1;}

.aioc-period{font-size:.85rem;color:var(--muted);margin-left:4px;}

.aioc-starting{font-size:.78rem;color:var(--muted);margin-bottom:4px;}

.aioc-desc{font-size:.88rem;color:var(--muted);margin:14px 0 20px;line-height:1.6;}

.aioc-features{list-style:none;display:flex;flex-direction:column;gap:9px;margin-bottom:28px;}

.aioc-features li{font-size:.9rem;display:flex;align-items:flex-start;gap:8px;}

.aioc-features li::before{content:'✓';color:var(--maroon);font-weight:800;flex-shrink:0;margin-top:1px;}

.aioc-price-card .btn{width:100%;justify-content:center;}

.aioc-note{margin-top:14px;font-size:.78rem;color:var(--muted);text-align:center;font-style:italic;}

/* RESULTS */
.results-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.result-card{background:var(--white);border:1px solid var(--sand);border-radius:var(--r-lg);padding:32px;text-align:center;transition:transform .2s,box-shadow .2s;}

.result-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}

.result-num{font-family:var(--ff-display);font-size:2.8rem;font-weight:700;line-height:1;margin-bottom:6px;}

.result-card:nth-child(1) .result-num{color:var(--maroon);}

.result-card:nth-child(2) .result-num{color:var(--gold);}

.result-card:nth-child(3) .result-num{color:var(--brown-dark);}

.result-label{font-weight:700;font-size:.9rem;color:var(--brown-dark);margin-bottom:6px;}

.result-desc{font-size:.82rem;color:var(--muted);line-height:1.55;}

/* HOW */
.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.how-card{border-radius:var(--r-md);padding:28px;border:1px solid var(--sand);background:var(--white);transition:transform .2s,box-shadow .2s;}

.how-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}

.how-num{font-family:var(--ff-display);font-size:1.8rem;font-weight:300;color:var(--sand);margin-bottom:10px;}

.how-card h3{font-size:1.05rem;font-weight:600;color:var(--brown-dark);margin-bottom:8px;}

.how-card p{font-size:.88rem;color:var(--muted);line-height:1.55;}

/* GUARANTEE */
.guarantee-section{background:var(--brown-dark);padding:80px 0;position:relative;overflow:hidden;}

.guarantee-section::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 20% 50%,rgba(201,162,39,.1),transparent 55%),radial-gradient(ellipse at 85% 50%,rgba(122,31,43,.15),transparent 50%);}

.guarantee-inner{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}

.guarantee-inner h2{color:var(--white);font-size:clamp(1.8rem,4vw,2.5rem);margin-bottom:14px;}

.guarantee-inner p{color:rgba(255,255,255,.68);margin-bottom:20px;line-height:1.7;}

.guarantee-pts{list-style:none;display:flex;flex-direction:column;gap:12px;}

.guarantee-pts li{display:flex;align-items:flex-start;gap:10px;color:rgba(255,255,255,.82);font-size:.92rem;line-height:1.5;}

.guarantee-pts li::before{content:'✓';color:var(--gold-light);font-weight:800;flex-shrink:0;margin-top:1px;}

.guarantee-badge{background:rgba(201,162,39,.1);border:2px solid rgba(201,162,39,.3);border-radius:var(--r-lg);padding:44px;text-align:center;}

.guarantee-badge .g-seal{width:120px;height:120px;border-radius:50%;background:linear-gradient(135deg,var(--gold),#a8780f);display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto 20px;box-shadow:0 0 0 10px rgba(201,162,39,.12),0 0 0 20px rgba(201,162,39,.06);}

.g-seal-text{font-family:var(--ff-display);font-weight:700;font-size:1.1rem;color:var(--brown-dark);line-height:1.3;text-align:center;}

.guarantee-badge h3{color:var(--white);font-size:1.25rem;margin-bottom:8px;}

.guarantee-badge p{color:rgba(255,255,255,.6);font-size:.85rem;max-width:240px;margin:0 auto;line-height:1.55;}

@media(max-width:900px){
  .aioc-hero-inner,.aioc-what-grid,.guarantee-inner{grid-template-columns:1fr;}
  .aioc-price-grid{grid-template-columns:1fr;max-width:400px;}
  .results-grid,.how-grid{grid-template-columns:1fr;}
}

a:focus-visible,button:focus-visible,input:focus-visible,textarea:focus-visible{outline:2.5px solid var(--gold);outline-offset:3px;}

/* CONTACT PAGE SPECIFIC */
.contact-hero{padding:64px 0 40px;text-align:center;background:radial-gradient(ellipse at 50% 0%,rgba(201,162,39,.14),transparent 55%),var(--cream);}

.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:48px;align-items:start;}

.contact-info-card{background:var(--white);border:1px solid var(--sand);border-radius:var(--r-lg);padding:32px;}

.contact-info-item{display:flex;gap:14px;align-items:flex-start;padding:16px 0;border-bottom:1px solid var(--sand);}

.contact-info-item:last-child{border:none;}

.contact-icon{width:40px;height:40px;border-radius:var(--r-sm);background:var(--gold-pale);display:flex;align-items:center;justify-content:center;font-size:1.1rem;flex-shrink:0;}

.contact-info-item h4{font-size:.92rem;font-weight:700;color:var(--brown-dark);margin-bottom:3px;}

.contact-info-item a,.contact-info-item span{font-size:.88rem;color:var(--muted);}

.contact-info-item a:hover{color:var(--maroon);}

.contact-social{display:flex;gap:10px;margin-top:20px;}

.contact-form-card{background:var(--white);border:1px solid var(--sand);border-radius:var(--r-lg);padding:36px;}

.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-bottom:16px;}

.form-group{display:flex;flex-direction:column;gap:6px;}

.form-group.full{grid-column:1/-1;}

.form-group label{font-size:.85rem;font-weight:700;color:var(--brown-dark);}

.form-group input,.form-group textarea,.form-group select{
  font-family:var(--ff-body);font-size:.92rem;padding:12px 14px;
  border:1.5px solid var(--sand);border-radius:var(--r-sm);
  background:var(--cream);color:var(--ink);transition:border-color .15s;
}

.form-group input:focus,.form-group textarea:focus,.form-group select:focus{border-color:var(--gold);outline:none;background:var(--white);}

.form-group textarea{resize:vertical;min-height:120px;font-family:var(--ff-body);}

.form-submit{width:100%;justify-content:center;margin-top:8px;}

.form-note{font-size:.78rem;color:var(--muted);text-align:center;margin-top:14px;}

@media(max-width:900px){.contact-grid{grid-template-columns:1fr;}.form-row{grid-template-columns:1fr;}}

/* ABOUT PAGE */
.about-hero{padding:72px 0;background:linear-gradient(135deg,var(--brown-dark) 0%,var(--brown) 100%);position:relative;overflow:hidden;}

.about-hero::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 80% 20%,rgba(201,162,39,.16),transparent 50%);}

.about-hero-inner{position:relative;max-width:680px;}

.about-hero h1{font-size:clamp(2rem,5vw,3rem);color:var(--white);margin-bottom:16px;}

.about-hero h1 span{color:var(--gold-light);}

.about-hero p{font-size:1.08rem;color:rgba(255,255,255,.78);line-height:1.7;}

.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:start;}

.story-text p{margin-bottom:16px;font-size:.98rem;color:var(--ink);line-height:1.8;}

.mission-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;}

.mission-card{background:var(--white);border:1px solid var(--sand);border-radius:var(--r-lg);padding:28px;text-align:center;transition:transform .2s,box-shadow .2s;}

.mission-card:hover{transform:translateY(-3px);box-shadow:var(--sh-md);}

.mission-icon{font-size:2rem;margin-bottom:14px;}

.mission-card h3{font-size:1.05rem;font-weight:600;margin-bottom:8px;color:var(--brown-dark);}

.mission-card p{font-size:.88rem;color:var(--muted);line-height:1.55;}

.values-list{display:flex;flex-direction:column;gap:0;}

.value-row{display:grid;grid-template-columns:60px 1fr;gap:20px;padding:22px 0;border-bottom:1px solid var(--sand);align-items:flex-start;}

.value-row:last-child{border:none;}

.value-num{font-family:var(--ff-display);font-size:1.6rem;font-weight:300;color:var(--gold);}

.value-row h3{font-size:1.05rem;font-weight:600;margin-bottom:6px;color:var(--brown-dark);}

.value-row p{font-size:.9rem;color:var(--muted);line-height:1.65;}

.origin-card{background:var(--maroon-pale);border-left:3px solid var(--maroon);border-radius:var(--r-md);padding:28px;}

.origin-card h3{font-size:1.05rem;font-weight:700;color:var(--maroon);margin-bottom:10px;}

.origin-card p{font-size:.92rem;color:var(--ink);line-height:1.7;}

.page-cta{background:var(--maroon);padding:80px 0;text-align:center;position:relative;overflow:hidden;}

@media(max-width:900px){.story-grid{grid-template-columns:1fr;}.mission-grid{grid-template-columns:1fr;}}
/* ═══════════════════════════════════════════════════════════
   MOBILE EXPERIENCE PASS
   Real fixes: touch targets, iOS zoom prevention, safe areas,
   tap feedback, spacing discipline on small screens.
═══════════════════════════════════════════════════════════ */

/* Remove ugly gray tap-flash on iOS/Android, rely on our own :active states */
a, button, .btn, .chip {
  -webkit-tap-highlight-color: transparent;
}

/* Respect iPhone home-indicator / notch safe areas */
.sticky-bar {
  padding-bottom: env(safe-area-inset-bottom, 0px);
}
.sticky-btn {
  padding-bottom: calc(15px + env(safe-area-inset-bottom, 0px));
}

/* Prevent iOS Safari auto-zoom-on-focus (triggers below 16px) */
@media (max-width: 900px) {
  .form-group input,
  .form-group textarea,
  .form-group select {
    font-size: 16px;
  }
}

/* Tighter, calmer spacing on small screens — desktop padding feels bloated on a 375px screen */
@media (max-width: 640px) {
  .section { padding: 48px 0; }
  .hero { padding: 40px 0 32px; }
  .wa-section { padding: 48px 0; }
  .cta-section, .page-cta, .guarantee-section { padding: 56px 0; }
  .wrap { padding: 0 18px; }

  .build-card, .price-card, .aioc-price-card, .step-card, .feat-card,
  .result-card, .how-card, .mission-card, .why-card {
    padding: 22px 20px;
  }

  .steps-grid, .feat-grid, .build-grid, .results-grid, .how-grid,
  .mission-grid, .why-grid { gap: 14px; }

  .price-grid, .aioc-price-grid { gap: 18px; }
}

/* Stack CTA button groups full-width on small phones — easier to tap, no awkward wrapping */
@media (max-width: 480px) {
  .hero-actions, .cta-actions, .aioc-hero-actions, .stores-hero-actions {
    flex-direction: column;
    align-items: stretch;
  }
  .hero-actions .btn, .cta-actions .btn,
  .aioc-hero-actions .btn, .stores-hero-actions .btn {
    width: 100%;
    justify-content: center;
  }
}

/* Ensure every tappable nav/menu link has a real touch target, not just visual padding */
@media (max-width: 900px) {
  .main-nav a { min-height: 44px; display: flex; align-items: center; }
}

/* Chat demo cards: guarantee no horizontal overflow on the narrowest phones (320–360px) */
@media (max-width: 380px) {
  .chat-card, .wa-window { max-width: 100%; }
}

/* Sticky bar buttons: guarantee comfortable 44px+ tap height regardless of font metrics */
.sticky-btn { min-height: 44px; display: flex; align-items: center; justify-content: center; }

/* Prevent any stray element from causing horizontal scroll on mobile */
@media (max-width: 900px) {
  html, body { overflow-x: hidden; }
}

/* Sticky bar grows taller on notched phones (safe-area padding) —
   body's bottom padding must grow with it or content hides behind the bar */
body { padding-bottom: calc(56px + env(safe-area-inset-bottom, 0px)); }