:root{--brand-navy:#1e3a5f;--brand-steel:#2f5d8c;--brand-amber:#d98e2b;--brand-border:#e2e8f0}
body{font-family:'Plus Jakarta Sans',sans-serif}
.font-display{font-family:'Cinzel','Newsreader',Georgia,serif}
.brand-logo-mark{display:inline-flex;align-items:center;flex-shrink:0;gap:12px;vertical-align:middle}
header [data-shared=logo]{white-space:nowrap}
header{background-color:rgba(255,255,255,.95);color:var(--brand-navy)}
header .text-brand-navy{color:var(--brand-navy)}
header [data-shared=logo] .font-display{font-family:'Cinzel',serif;font-size:20px;font-weight:700;letter-spacing:.08em;line-height:1}
header [data-shared=logo] .text-\[8px\]{font-size:8px;line-height:12px}
.brand-nav-dropdown{position:relative}
.brand-nav-menu{display:none;position:absolute;top:100%;left:0;min-width:240px;background:#fff;border:1px solid var(--brand-border);border-radius:12px;padding:8px;box-shadow:0 12px 24px #1e3a5f1a;z-index:60}
.brand-nav-menu a{display:block;color:var(--brand-navy);padding:8px 12px;border-radius:8px;font-size:13px;line-height:20px;white-space:nowrap}
.brand-nav-menu a:hover,.brand-nav-menu a:focus-visible{background:#f2f5f9;color:var(--brand-steel)}
.brand-nav-dropdown:hover>.brand-nav-menu,.brand-nav-dropdown:focus-within>.brand-nav-menu{display:block}
.brand-nav-dropdown:focus-within>.brand-native-dropdown{opacity:1;pointer-events:auto}
.brand-menu-toggle{display:none;width:44px;height:44px;border-radius:8px;color:var(--brand-steel);align-items:center;justify-content:center}
.brand-mobile-menu{position:absolute;right:16px;top:100%;width:min(340px,calc(100vw - 32px));max-height:75vh;overflow:auto;background:#fff;padding:12px;border:1px solid var(--brand-border);border-radius:12px;box-shadow:0 12px 30px #1e3a5f26;z-index:70;font:14px/1.5 'Plus Jakarta Sans',sans-serif}
[hidden]{display:none!important}
.brand-mobile-bar{display:none;position:fixed;bottom:0;left:0;right:0;z-index:70;gap:8px;padding:10px 16px max(10px,env(safe-area-inset-bottom));background:#fff;border-top:1px solid var(--brand-border);box-shadow:0 -3px 15px #1e3a5f0a}
.brand-mobile-bar a{display:flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:10px 6px;border-radius:8px;font-size:13px;font-weight:600;background:#ebf1f7;color:var(--brand-navy)}
.brand-mobile-bar a:nth-child(2){background:#25d366;color:#fff}.brand-mobile-bar a:nth-child(3){background:var(--brand-amber);color:#1b1b1b}
.brand-mobile-bar .material-symbols-outlined{font-size:18px}
.brand-floating-wa{display:flex;position:fixed;right:24px;bottom:24px;z-index:60;width:52px;height:52px;align-items:center;justify-content:center;color:#fff;background:#25d366;border:2px solid #fff;border-radius:999px;box-shadow:0 4px 18px #0002;transition:transform .15s}
.brand-floating-wa:hover{transform:scale(1.05)}
[data-missing-article]{cursor:default}
#mobile-export{display:none}
:focus-visible{outline:2px solid var(--brand-steel);outline-offset:3px}
@media(max-width:1023px){#desktop-export{display:none}#mobile-export{display:block}.brand-menu-toggle{display:inline-flex}header nav:not(.brand-mobile-menu){display:none}header>.max-w-7xl,header>div{gap:8px}header [data-shared=logo] .font-display{font-size:18px}}
@media(min-width:1024px){.brand-mobile-menu{display:none!important}}
@media(max-width:767px){.brand-mobile-bar{display:flex}.brand-floating-wa{bottom:84px;right:16px;width:44px;height:44px}body{padding-bottom:72px}header [data-shared=logo] .font-display{font-size:17px}header [data-shared=logo] .relative.w-9{width:32px;height:32px}header a[href^="tel:"]{white-space:nowrap}header [data-shared=logo]{gap:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
@media(max-width:639px){header>div:first-child{flex-wrap:wrap;padding-left:16px;padding-right:16px;row-gap:8px}header>div:first-child>.flex.items-center.gap-3,header>div:first-child>.flex.items-center.gap-4{flex-wrap:wrap}.brand-menu-toggle{margin-left:auto}}

/* Brandstech porcelain / ink refinement. Source layout and typography retained. */
:root{--brand-navy:#172C3D;--brand-steel:#172C3D;--brand-amber:#B84B1C;--brand-border:#D6DAD8;--brand-page:#F7F5F0;--brand-whatsapp:#087F5B}
body,#desktop-export,#mobile-export{background:#F7F5F0!important;color:#172C3D}
:is(body,#desktop-export,#mobile-export) header{background:#fffefa!important;border-bottom:1px solid #D6DAD8!important}
:is(body,#desktop-export,#mobile-export) [data-surface=hero],:is(body,#desktop-export,#mobile-export) [data-surface=porcelain]{background:#F7F5F0!important}
:is(body,#desktop-export,#mobile-export) [data-surface=white]{background:#fff!important}
:is(body,#desktop-export,#mobile-export) [data-surface=related]{background:#E9E5DD!important;padding:40px!important;border-radius:0!important;box-shadow:none!important}
:is(body,#desktop-export,#mobile-export) [data-surface=feature],:is(body,#desktop-export,#mobile-export) [data-surface=navy]{background:#12343B!important;color:#fff!important}
:is(body,#desktop-export,#mobile-export) [data-surface=closing]{background:linear-gradient(115deg,#12343B,#172C3D)!important;color:#fff!important}
:is(body,#desktop-export,#mobile-export) footer[data-surface]{background:#172C3D!important;color:#fff!important}
:is(body,#desktop-export,#mobile-export) [data-neutral-surface=white]{background-color:#fff!important;background-image:none!important}
:is(body,#desktop-export,#mobile-export) [data-neutral-surface=neutral]{background:#E9E5DD!important}
:is(body,#desktop-export,#mobile-export) [data-neutral-surface=dark]{background-color:#12343B!important}
:is(body,#desktop-export,#mobile-export) [data-surface=hero] [data-neutral-surface=neutral],:is(body,#desktop-export,#mobile-export) nav[aria-label*=readcrumb]{background:transparent!important}
:is(body,#desktop-export,#mobile-export) [data-photo-glow]{position:relative;isolation:isolate}
:is(body,#desktop-export,#mobile-export) [data-photo-glow]::before{content:'';position:absolute;inset:-22px;z-index:-1;background:radial-gradient(ellipse,#D6DAD8 0%,transparent 70%);pointer-events:none}
:is(body,#desktop-export,#mobile-export) [data-ink=heading],:is(body,#desktop-export,#mobile-export) [data-ink=link],:is(body,#desktop-export,#mobile-export) [data-ink=on-amber]{color:#172C3D!important}
:is(body,#desktop-export,#mobile-export) [data-ink=body]{color:#495B68!important}
:is(body,#desktop-export,#mobile-export) [data-ink=on-dark],:is(body,#desktop-export,#mobile-export) [data-ink=heading-dark]{color:#fff!important}
:is(body,#desktop-export,#mobile-export) [data-ink=success]{color:#087F5B!important}
:is(body,#desktop-export,#mobile-export) [data-surface=caption]{background:rgba(18,52,59,.94)!important}
:is(body,#desktop-export,#mobile-export) footer [data-shared=logo] *{color:#fff!important}
:is(body,#desktop-export,#mobile-export) [class*=border-]{border-color:#D6DAD8}
:is(body,#desktop-export,#mobile-export) [class*=shadow-]{box-shadow:0 4px 16px #172c3d0a!important}
:is(body,#desktop-export,#mobile-export) [data-action=quote][data-action-style=filled]{background:#B84B1C!important;border-color:#B84B1C!important;color:#fff!important}
:is(body,#desktop-export,#mobile-export) [data-action=quote][data-action-style=filled] *{color:#fff!important}
:is(body,#desktop-export,#mobile-export) [data-action=quote][data-action-style=filled]:hover{background:#983B14!important;border-color:#983B14!important}
:is(body,#desktop-export,#mobile-export) [data-action=whatsapp]{color:#087F5B!important;border-color:#087F5B!important}
:is(body,#desktop-export,#mobile-export) [data-action=whatsapp] *{color:inherit!important}
:is(body,#desktop-export,#mobile-export) [data-action=whatsapp][data-action-style=filled],:is(body,#desktop-export,#mobile-export) [data-action=whatsapp][data-action-context=dark]{background:#087F5B!important;color:#fff!important;border-color:#087F5B!important}
:is(body,#desktop-export,#mobile-export) [data-action=whatsapp]:hover{background:#066547!important;color:#fff!important}
:is(body,#desktop-export,#mobile-export) [data-action=call]{background:#fff!important;color:#172C3D!important;border-color:#D6DAD8!important}
:is(body,#desktop-export,#mobile-export) [data-action=call] *{color:#172C3D!important}
:is(body,#desktop-export,#mobile-export) [data-action=call]:hover{background:#E9E5DD!important}
:is(body,#desktop-export,#mobile-export) [data-form-surface],:is(body,#desktop-export,#mobile-export) #quote-panel{background:#fff!important;border:1px solid #D6DAD8!important;box-shadow:0 6px 20px #172c3d0a!important;border-radius:12px}
:is(body,#desktop-export,#mobile-export) form[data-form-surface]{padding:16px}
:is(body,#desktop-export,#mobile-export) form label{color:#172C3D!important}
:is(body,#desktop-export,#mobile-export) input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=hidden]),:is(body,#desktop-export,#mobile-export) select,:is(body,#desktop-export,#mobile-export) textarea{background:#fff!important;color:#172C3D!important;border:1px solid #74818A!important}
:is(body,#desktop-export,#mobile-export) input::placeholder,:is(body,#desktop-export,#mobile-export) textarea::placeholder{color:#495B68!important;opacity:1!important}
:is(body,#desktop-export,#mobile-export) input:user-invalid,:is(body,#desktop-export,#mobile-export) select:user-invalid,:is(body,#desktop-export,#mobile-export) textarea:user-invalid{border-color:#A32621!important;outline:1px solid #A32621}
:is(body,#desktop-export,#mobile-export) :disabled{background:#E9E5DD!important;color:#495B68!important;opacity:1!important;cursor:not-allowed}
:is(body,#desktop-export,#mobile-export) :is(a,button,input,select,textarea,summary):focus-visible{outline:2px solid #fff!important;outline-offset:0!important;box-shadow:0 0 0 4px #172C3D!important}
:is(body,#desktop-export,#mobile-export) form label:has(input[name=preferredContact]:checked){background:#172C3D!important;color:#fff!important}
:is(body,#desktop-export,#mobile-export) form label:has(input[name=preferredContact][value=whatsapp]:checked){background:#087F5B!important}
:is(body,#desktop-export,#mobile-export) form label:has(input[name=preferredContact]:checked) *{color:#fff!important}
@media(min-width:768px){:is(body,#desktop-export,#mobile-export) form [type=submit]{width:fit-content!important;justify-self:start;padding:12px 22px!important}}
@media(max-width:767px){:is(body,#desktop-export,#mobile-export) [data-surface=related]{padding:28px 20px!important}}
/* Neutral details and deliberate brand accents. */
:is(body,#desktop-export,#mobile-export) header [data-shared=logo] [class*=bg-brand-amber]{background:#B84B1C!important}
:is(body,#desktop-export,#mobile-export) header [data-shared=logo] [class*=border-brand-steel]{border-color:#172C3D!important}
:is(body,#desktop-export,#mobile-export) [class*=bg-brand-steel-light],:is(body,#desktop-export,#mobile-export) [class*=bg-brand-mist],:is(body,#desktop-export,#mobile-export) [class*="bg-secondary/10"],:is(body,#desktop-export,#mobile-export) [class*="bg-primary/5"]{background-color:#E9E5DD!important;color:#172C3D!important}
:is(body,#desktop-export,#mobile-export) [data-surface=closing]>.absolute{border-color:rgba(255,255,255,.06)!important}
:is(body,#desktop-export,#mobile-export) [data-surface=feature] [data-neutral-surface=white]{color:#172C3D!important}
:is(body,#desktop-export,#mobile-export) footer [data-action=whatsapp][data-action-style=link]{background:transparent!important;color:#fff!important}
:is(body,#desktop-export,#mobile-export) [data-surface=hero] h1,:is(body,#desktop-export,#mobile-export) [data-surface=hero] h1 *{background:transparent!important}
:is(body,#desktop-export,#mobile-export) [data-surface=hero] nav,:is(body,#desktop-export,#mobile-export) nav[aria-label=Breadcrumb]{background:transparent!important}
:is(body,#desktop-export,#mobile-export) #quote-panel form[data-form-surface]{border:0!important;box-shadow:none!important;padding:0!important}
:is(body,#desktop-export,#mobile-export) [data-surface=feature]{background:#12343B!important}
:is(body,#desktop-export,#mobile-export) [data-surface=related]{background:#E9E5DD!important}
:is(body,#desktop-export,#mobile-export) [data-surface=hero]{background:#F7F5F0!important}
/* Extend the stone background across the viewport without moving the section content. */
:is(body,#desktop-export,#mobile-export) [data-surface=related]{box-shadow:0 0 0 100vmax #E9E5DD!important;clip-path:inset(0 -100vmax)}
:is(body,#desktop-export,#mobile-export) input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=hidden]):user-invalid{border-color:#A32621!important}
:is(body,#desktop-export,#mobile-export) input:not([type=radio]):not([type=checkbox]):not([type=file]):not([type=hidden]):disabled,:is(body,#desktop-export,#mobile-export) select:disabled,:is(body,#desktop-export,#mobile-export) textarea:disabled{background:#E9E5DD!important;color:#495B68!important}
:is(body,#desktop-export,#mobile-export) [data-photo-glow]{box-shadow:0 0 42px 12px rgba(18,52,59,.07)!important}
