/* HelpmeNapoli site theme: app palette and body font, warm serif headlines in sentence case,
   soft rounded buttons, color blocks, and an app style tab bar on phones. Aim: welcoming, not loud. Loaded after each page's
   own <style>, so it only restyles; page content and scripts are untouched. */
@import url('https://fonts.googleapis.com/css2?family=Big+Shoulders+Display:wght@800;900&display=swap');
:root{--disp:'Big Shoulders Display',Impact,sans-serif;--sea:#2B6F8E;--bg2:#241C16}

/* Headlines: one warm serif, sentence case, comfortable sizes */
h1,h2{font-family:'Playfair Display',Georgia,serif!important;font-weight:700!important;text-transform:none!important;letter-spacing:-.01em!important}
h1{font-size:clamp(36px,5.2vw,64px)!important;line-height:1.12!important}
h2{font-size:clamp(26px,3.2vw,40px)!important;line-height:1.18!important}
.section-title,.cta-banner h2{font-size:clamp(30px,4.2vw,52px)!important;line-height:1.15!important}
/* Accent words keep the headline font; only the color changes. */
h1 em,h2 em{font:inherit!important;font-style:normal!important;text-transform:inherit;letter-spacing:inherit}
.hero-eyebrow,.section-tag,.blog-tag,.handles-tag,.tiers-tag{font-weight:500!important;letter-spacing:.12em!important}
/* Soft buttons: rounded, sentence case, no jumping on hover */
.btn-primary,.btn-outline,.nav-cta,.hmn-btn,.btn-submit,.review-btn,.exp-link.exp-open,.bs-btn{border-radius:999px!important;text-transform:none!important;letter-spacing:.01em!important}
.btn-primary:hover,.btn-outline:hover,.btn-submit:hover{transform:none!important}
.hero{border-bottom:0!important}

/* Top bar */
nav:not(.footer-links){background:#1A1410!important;-webkit-backdrop-filter:none;backdrop-filter:none}
.nav-logo-text,.footer-logo-text{font-family:var(--disp)!important;font-weight:900;text-transform:uppercase;letter-spacing:.02em;font-size:28px!important;line-height:1}
.nav-links a{font-weight:500!important;text-transform:none!important;letter-spacing:.01em!important;font-size:.95rem!important}
.hmn-app-top,.nav-cta{white-space:nowrap}
.nav-cta,.btn-primary{background:#D4A843!important;border-color:#D4A843!important;color:#1A1410!important;font-weight:700!important}
.nav-cta:hover,.btn-primary:hover{background:#E6BC57!important}
.hmn-app-top{display:none}
@media(min-width:900px){.hmn-app-top{display:inline-flex;align-items:center;min-height:40px;padding:0 18px;border:0;border-radius:999px;background:#C8392B;color:#fff;font:700 .85rem 'DM Sans',sans-serif;cursor:pointer}
 .hmn-app-top:hover{background:#a82e22}}

/* Color blocks on the home page */
.testimonials{background:#D4A843!important}
.testimonials .section-tag,.testimonials .section-sub,.testimonials .section-title em{color:#1A1410!important}
.testimonials .rv{border-left-color:#1A1410!important}
.review-btn:not(.alt){background:#1A1410!important;border-color:#1A1410!important;color:#F5F0E8!important}

/* Ticker of Neapolitan words */
.hmn-tick{background:#241C16;color:#F5F0E8;font:700 22px/1 'Playfair Display',Georgia,serif;padding:16px 0;overflow:hidden;white-space:nowrap}
.hmn-tick span{display:inline-block;padding-right:40px;animation:hmn-mq 60s linear infinite}
.hmn-tick i{font:400 18px 'DM Sans',sans-serif;color:#D4A843}
@keyframes hmn-mq{to{transform:translateX(-100%)}}
@media(prefers-reduced-motion:reduce){.hmn-tick span{animation:none}}

/* App block */
.hmn-app{background:var(--bg2);color:#F5F0E8;padding:6rem 4rem;display:grid;gap:2rem}
.hmn-app p{color:#A8998A;max-width:44ch;font-size:1.1rem;line-height:1.6;margin:1rem 0 1.6rem}
@media(max-width:900px){.hmn-app{padding:4rem 1.5rem}}
@media(min-width:900px){.hmn-app{grid-template-columns:1fr 1fr;align-items:center}}

/* Shared button for injected UI */
.hmn-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 24px;background:#D4A843;color:#1A1410;font:700 16px 'DM Sans',sans-serif;border:0;text-decoration:none;cursor:pointer}
.hmn-btn.o{background:transparent;color:#F5F0E8;box-shadow:inset 0 0 0 2px #F5F0E8}

/* Phone tab bar (mirrors the app) */
.hmn-tabs{display:none}
@media(max-width:899px){
 body{padding-bottom:calc(64px + env(safe-area-inset-bottom))}
 .hmn-tabs{position:fixed;left:0;right:0;bottom:0;z-index:200;background:#120D0A;display:grid;grid-template-columns:repeat(5,1fr);padding-bottom:env(safe-area-inset-bottom);border-top:1px solid #3A2E25}
 .hmn-tabs a,.hmn-tabs button{display:grid;place-items:center;gap:2px;min-height:62px;padding:6px 0;text-decoration:none;color:#A8998A;font:500 11px 'DM Sans',sans-serif;background:none;border:0;cursor:pointer}
 .hmn-tabs [aria-current]{color:#D4A843}
 .hmn-tabs svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.7}
}

/* App download dialog */
.hmn-dlg{border:0;padding:28px;max-width:420px;width:calc(100% - 32px);background:var(--bg2);color:#F5F0E8}
.hmn-dlg::backdrop{background:rgba(0,0,0,.75)}
.hmn-dlg{border-radius:20px}
.hmn-dlg h3{font:700 32px/1.15 'Playfair Display',Georgia,serif;margin-bottom:10px}
.hmn-store{border-radius:14px}
.hmn-store{display:flex;flex-direction:column;justify-content:center;min-height:56px;padding:0 16px;background:#F5F0E8;color:#1A1410;text-decoration:none;font-weight:700;margin-top:10px}
.hmn-store small{font-weight:400;opacity:.7;font-size:12px}
.hmn-store[aria-disabled=true]{background:#5A4E44;color:#B9AB9C;cursor:not-allowed}
.hmn-dlg .row{display:flex;gap:10px;flex-wrap:wrap}
.hmn-dlg .soon{font-size:14px;margin:16px 0;color:#A8998A}
:focus-visible{outline:3px solid #D4A843;outline-offset:3px}
.footer-links{flex-wrap:wrap;justify-content:center}
/* Mid widths: keep the top nav on one line */
.nav-links a{white-space:nowrap}
@media(max-width:1379px){nav:not(.footer-links){padding-left:1.5rem!important;padding-right:1.5rem!important}.nav-links{gap:1.3rem!important}.hmn-nav-right{gap:1rem!important}.nav-logo-text{font-size:24px!important}}
@media(max-width:1179px){.hmn-app-top{display:none!important}}