:root{
  --navy:#031421;
  --navy2:#061d2b;
  --gold:#eeb655;
  --gold2:#ffd07a;
  --cream:#f7f0e7;
  --text:#f7f8fa;
  --muted:#a9b4bd;
  --max:941px;
  --desktop-max:1320px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth;background:var(--navy)}
body{margin:0;background:radial-gradient(circle at 50% 0,#0a2939 0,#031421 42%,#020b12 100%);color:var(--text);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;min-height:100vh}
a{color:inherit}img{max-width:100%}.skip-link{position:fixed;left:12px;top:-60px;z-index:1000;background:#fff;color:#000;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}
.scroll-progress{position:fixed;top:0;left:0;width:100%;height:3px;background:rgba(255,255,255,.08);z-index:1000}.scroll-progress span{display:block;height:100%;width:0;background:linear-gradient(90deg,#b67b28,var(--gold2));transition:width .08s linear}

/* Mobile/base keeps the approved artwork exactly as designed. */
.site-shell{width:min(100%,var(--max));margin:0 auto;background:#031421;box-shadow:0 0 70px rgba(0,0,0,.45);overflow:hidden}
.visual-section{position:relative;isolation:isolate;margin:0;padding:0;background:#031421;line-height:0}
.visual-section+.visual-section{border-top:1px solid rgba(235,182,85,.08)}
.desktop-stage{position:relative}
.artboard{position:relative;width:100%;line-height:0}
.section-image{display:block;width:100%;height:auto;opacity:0;filter:blur(4px);transform:scale(1.002);transition:opacity .45s ease,filter .45s ease}.section-image.loaded,.section-image.eager{opacity:1;filter:none;transform:none}
.cta-hotspot{position:absolute;z-index:4;top:var(--top);left:var(--left);width:var(--width);height:var(--height);border-radius:18px;outline:0;line-height:normal}.cta-hotspot:focus-visible{outline:3px solid #fff;outline-offset:4px}.cta-hotspot:hover{box-shadow:0 0 0 2px rgba(255,255,255,.15),0 0 32px rgba(238,182,85,.18)}
.desktop-summary,.desktop-header{display:none}
.menu-button{position:fixed;top:18px;right:max(18px,calc((100vw - var(--max))/2 + 18px));z-index:950;width:50px;height:50px;border:1px solid rgba(255,255,255,.12);border-radius:15px;background:rgba(2,15,24,.7);backdrop-filter:blur(12px);display:grid;place-content:center;gap:5px;cursor:pointer;box-shadow:0 8px 30px rgba(0,0,0,.25)}
.menu-button span{display:block;width:24px;height:2px;background:#fff;border-radius:2px;transition:.25s}.menu-button[aria-expanded="true"] span:nth-child(1){transform:translateY(7px) rotate(45deg)}.menu-button[aria-expanded="true"] span:nth-child(2){opacity:0}.menu-button[aria-expanded="true"] span:nth-child(3){transform:translateY(-7px) rotate(-45deg)}
.menu-backdrop{position:fixed;inset:0;background:rgba(0,5,9,.65);backdrop-filter:blur(3px);z-index:920}.menu-panel{position:fixed;z-index:940;top:0;right:0;width:min(88vw,390px);height:100dvh;padding:86px 28px 32px;background:linear-gradient(180deg,#061b29,#020c13);box-shadow:-20px 0 60px rgba(0,0,0,.45);transform:translateX(104%);transition:transform .3s ease;overflow:auto}.menu-panel.open{transform:none}.menu-brand{display:flex;align-items:center;gap:12px;margin-bottom:24px}.menu-brand img{width:52px;height:52px;object-fit:contain}.menu-brand div{display:flex;flex-direction:column;letter-spacing:.26em}.menu-brand strong{font-size:16px}.menu-brand span{font-size:13px;color:#d8dde1}.menu-kicker{font-size:12px;letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}.menu-panel>a{display:block;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.08);text-decoration:none;font-size:16px}.menu-panel>a:hover{color:var(--gold2)}.menu-whatsapp{margin-top:18px!important;padding:14px 16px!important;border:0!important;border-radius:12px;background:linear-gradient(135deg,#ffd88d,#d99a3d);color:#0b0b0b!important;font-weight:800;text-align:center}
.sticky-cta{position:fixed;z-index:800;left:50%;bottom:max(12px,env(safe-area-inset-bottom));transform:translate(-50%,130%);width:min(calc(100% - 24px),540px);display:flex;align-items:center;justify-content:center;gap:14px;text-decoration:none;color:#111;background:linear-gradient(135deg,#ffd98f,#dea445);border:1px solid rgba(255,255,255,.35);border-radius:16px;padding:14px 18px;font-weight:850;box-shadow:0 10px 35px rgba(0,0,0,.34);transition:transform .3s ease}.sticky-cta.show{transform:translate(-50%,0)}.sticky-cta b{font-size:22px}
.stage-rail{display:none}
.site-footer{width:min(100%,var(--max));margin:0 auto;padding:34px 24px 110px;text-align:center;background:#020c13;color:#9eabb4;border-top:1px solid rgba(238,182,85,.12)}.site-footer p{margin:0 0 10px;font-size:13px}.site-footer a{color:#d7b16d;text-decoration:none}.site-footer small{display:block;max-width:760px;margin:16px auto 0;line-height:1.55;font-size:11px}.sr-only{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}

/* Desktop / notebook: real two-column experience, not a centered mobile strip. */
@media (min-width:1024px){
  body{padding-top:76px;background:
    radial-gradient(circle at 15% 20%,rgba(238,182,85,.10),transparent 28%),
    radial-gradient(circle at 85% 70%,rgba(20,69,91,.26),transparent 32%),
    linear-gradient(180deg,#020d15 0,#041925 50%,#020b12 100%)}
  .desktop-header{display:block;position:fixed;left:0;right:0;top:0;height:76px;z-index:910;background:rgba(2,13,21,.88);backdrop-filter:blur(18px);border-bottom:1px solid rgba(238,182,85,.14)}
  .desktop-header-inner{height:100%;max-width:var(--desktop-max);margin:0 auto;padding:0 28px;display:flex;align-items:center;gap:28px}
  .desktop-brand{display:flex;align-items:center;gap:10px;text-decoration:none;margin-right:auto}
  .desktop-brand-mark{font-family:Georgia,'Times New Roman',serif;font-size:44px;line-height:.8;color:var(--gold2);text-shadow:0 0 22px rgba(238,182,85,.16)}
  .desktop-brand-word{display:flex;flex-direction:column;letter-spacing:.25em;line-height:1.05}.desktop-brand-word strong{font-size:13px}.desktop-brand-word>span{font-size:11px;color:#dce2e6;margin-top:5px}
  .desktop-nav{display:flex;align-items:center;gap:24px}.desktop-nav a{font-size:13px;text-decoration:none;color:#d5dce1;transition:.2s}.desktop-nav a:hover{color:var(--gold2)}
  .desktop-nav-cta{padding:11px 15px;border-radius:10px;background:linear-gradient(135deg,#ffd98f,#dea445);color:#111!important;font-weight:800;text-decoration:none;white-space:nowrap}
  .menu-button{display:none}
  .site-shell{width:100%;max-width:none;margin:0;background:transparent;box-shadow:none;overflow:visible}
  .visual-section{background:transparent;border-top:1px solid rgba(238,182,85,.07)!important;padding:64px 32px 72px;line-height:normal;overflow:hidden}
  .visual-section:nth-child(even){background:linear-gradient(90deg,rgba(255,255,255,.018),transparent 35%,rgba(238,182,85,.018))}
  .desktop-stage{max-width:var(--desktop-max);margin:0 auto;display:grid;grid-template-columns:minmax(540px,700px) minmax(300px,1fr);gap:72px;align-items:start;position:relative}
  .visual-section:nth-child(even) .artboard{order:2}.visual-section:nth-child(even) .desktop-summary{order:1}
  .artboard{width:100%;max-width:700px;border-radius:26px;overflow:hidden;box-shadow:0 28px 90px rgba(0,0,0,.45),0 0 0 1px rgba(238,182,85,.09);background:#031421;align-self:start}
  .section-image{width:100%;height:auto}
  .cta-hotspot{border-radius:16px}
  .desktop-summary{display:block;position:sticky;top:122px;padding:44px 34px 36px;border-radius:24px;background:linear-gradient(180deg,rgba(5,27,40,.90),rgba(2,14,23,.84));border:1px solid rgba(238,182,85,.16);box-shadow:0 24px 80px rgba(0,0,0,.30);backdrop-filter:blur(12px);line-height:1.3}
  .desktop-summary::before{content:"";display:block;width:52px;height:2px;background:linear-gradient(90deg,var(--gold2),transparent);margin-bottom:20px}
  .desktop-summary-kicker{margin:0 0 14px;color:var(--gold2);font-size:11px;letter-spacing:.24em;text-transform:uppercase;font-weight:800}
  .desktop-summary h2{font-family:Georgia,'Times New Roman',serif;margin:0 0 18px;font-size:clamp(34px,3vw,52px);line-height:1.02;font-weight:500;letter-spacing:-.03em}
  .desktop-summary-copy{margin:0;color:#bac5cc;font-size:17px;line-height:1.6}
  .desktop-flow{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:28px 0;color:#e8d0a0;font-size:12px}.desktop-flow span{padding:8px 10px;border:1px solid rgba(238,182,85,.16);border-radius:999px;background:rgba(255,255,255,.025)}.desktop-flow b{color:var(--gold);font-size:16px}
  .desktop-summary-cta{display:flex;align-items:center;justify-content:center;text-align:center;text-decoration:none;color:#111;background:linear-gradient(135deg,#ffd98f,#dea445);border-radius:13px;padding:15px 16px;font-weight:850;font-size:14px;box-shadow:0 14px 38px rgba(0,0,0,.26)}
  .stage-rail{display:flex;position:fixed;left:18px;top:50%;transform:translateY(-50%);z-index:500;flex-direction:column;gap:8px}.stage-rail a{display:flex;align-items:center;gap:9px;text-decoration:none;color:#74848e;font-size:10px;letter-spacing:.04em;padding:5px 7px;border-radius:8px;transition:.2s;background:rgba(1,10,16,.38)}.stage-rail a span{width:8px;height:8px;border:1px solid #7b8b95;border-radius:50%;transition:.2s}.stage-rail a b{font-weight:650}.stage-rail a.active{color:#e7c27f;background:rgba(3,20,33,.82)}.stage-rail a.active span{background:var(--gold);border-color:var(--gold);box-shadow:0 0 0 4px rgba(238,182,85,.12)}
  .sticky-cta{left:auto;right:24px;transform:translateY(140%);width:330px}.sticky-cta.show{transform:translateY(0)}
  .site-footer{width:100%;max-width:none;padding:42px 24px 48px;background:#020c13}
}

@media (min-width:1400px){
  .visual-section{padding-left:72px;padding-right:72px}
  .desktop-stage{grid-template-columns:minmax(620px,720px) minmax(340px,420px);gap:90px}
  .stage-rail{left:max(20px,calc((100vw - var(--desktop-max))/2 - 125px))}
}

@media (max-width:700px){
  :root{--max:100%}
  .menu-button{top:12px;right:12px;width:44px;height:44px;border-radius:13px;background:rgba(2,15,24,.54)}
  .menu-button span{width:22px}
  .site-footer{padding-left:18px;padding-right:18px}
  .cta-hotspot{border-radius:12px}
}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.section-image,.menu-panel,.sticky-cta,.menu-button span{transition:none!important}}