/* Boozuka design system v1 (from homepage, 10 Nov 2026). Shared chrome + primitives.
   All classes prefixed bz- so legacy page CSS can't collide. No global resets here. */
@font-face{font-family:Manrope;src:url(/assets/manrope.woff2) format('woff2');font-weight:200 800;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(/assets/cormorant.woff2) format('woff2');font-weight:300 700;font-display:swap}
@font-face{font-family:'Cormorant Garamond';src:url(/assets/home/cormorant-italic.woff2) format('woff2');font-style:italic;font-weight:500;font-display:swap}
:root{--ink:#0B0F19;--ink2:#10141F;--ink3:#171C29;--iv:#F5F1E8;--iv2:#ECE6D8;--gold:#C9A96E;--gold2:#E2C893;--gold-ink:#9A7A3E;--mute:rgba(245,241,232,.64);--line:rgba(245,241,232,.12);--lineD:rgba(11,15,25,.12);--muteD:rgba(11,15,25,.62);--pad:clamp(20px,5vw,72px);--max:1440px;--ease:cubic-bezier(.2,.7,.1,1);--sans:Manrope,system-ui,-apple-system,'Segoe UI',sans-serif;--ser:'Cormorant Garamond',Georgia,serif;--bz-hd-h:72px}
@media (max-width:640px){:root{--bz-hd-h:64px}}
.bz-sr{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.bz-skip{position:fixed;left:12px;top:-60px;z-index:100;background:var(--gold);color:var(--ink);padding:10px 16px;border-radius:999px;font:700 14px var(--sans)}
.bz-skip:focus{top:12px}
.bz-w{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
/* buttons */
.bz-btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:52px;padding:0 24px;border-radius:999px;font:700 15px/1.1 var(--sans);letter-spacing:-.01em;transition:transform .35s var(--ease),background-color .3s,color .3s;white-space:nowrap;text-decoration:none;border:0;cursor:pointer}
.bz-btn svg{width:18px;height:18px;flex:none}
.bz-btn:active{transform:scale(.97)}
.bz-btn-gold{background:var(--gold);color:var(--ink)}
.bz-btn-gold:hover{background:var(--gold2)}
.bz-btn-line{border:1px solid rgba(245,241,232,.28);color:var(--iv);background:transparent}
.bz-btn-line:hover{background:rgba(245,241,232,.08)}
.bz-btn-wa{background:#25D366;color:#06210f}
.bz-btn-ink{background:var(--ink);color:var(--iv)}
.bz-arr{display:inline-grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--gold);margin-right:-12px;transition:transform .35s var(--ease)}
.bz-btn:hover .bz-arr{transform:translateX(3px) rotate(-45deg)}
.bz-ib{display:inline-grid;place-items:center;width:44px;height:44px;border-radius:50%;border:1px solid var(--line);color:var(--iv);transition:background-color .2s;text-decoration:none}
.bz-ib:hover{background:rgba(245,241,232,.08)}
.bz-ib svg{width:20px;height:20px}
.bz-ib.wa{background:#25D366;border-color:#25D366;color:#06210f}
/* header */
.bz-hd{position:fixed;inset:0 0 auto 0;z-index:1000;transition:background-color .35s,border-color .35s;border-bottom:1px solid transparent;font-family:var(--sans);color:var(--iv)}
.bz-hd.sc,.bz-hd.solid{background:rgba(11,15,25,.88);-webkit-backdrop-filter:saturate(1.4) blur(14px);backdrop-filter:saturate(1.4) blur(14px);border-color:var(--line)}
.bz-hd-in{display:flex;align-items:center;gap:20px;height:var(--bz-hd-h);max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.bz-logo{display:flex;align-items:center;gap:10px;font:800 14px var(--sans);letter-spacing:.22em;color:var(--iv)!important;text-decoration:none}
.bz-logo svg{width:24px;height:25px;flex:none}
.bz-nav{display:flex;align-items:center;gap:4px;margin-left:auto}
.bz-nav>a,.bz-dd>button{padding:10px 13px;border-radius:999px;font:500 14.5px/1.2 var(--sans);color:rgba(245,241,232,.82);transition:color .2s,background-color .2s;text-decoration:none;background:none;border:0;cursor:pointer}
.bz-nav>a:hover,.bz-dd>button:hover,.bz-dd.open>button,.bz-nav>a[aria-current=page]{color:var(--iv);background:rgba(245,241,232,.07)}
.bz-nav .ai{color:var(--gold)}
.bz-dd{position:relative}
.bz-dd>button{display:inline-flex;align-items:center;gap:6px}
.bz-dd>button svg{width:12px;height:12px;transition:transform .3s}
.bz-dd.open>button svg{transform:rotate(180deg)}
.bz-ddp{position:absolute;top:calc(100% + 14px);left:50%;width:min(860px,92vw);transform:translate(-42%,8px);opacity:0;visibility:hidden;transition:opacity .25s,transform .35s var(--ease),visibility 0s .35s;background:var(--ink2);border:1px solid var(--line);border-radius:22px;padding:22px;display:grid;grid-template-columns:repeat(4,1fr) 1.15fr;gap:8px 18px;box-shadow:0 30px 80px rgba(0,0,0,.5);text-align:left}
.bz-dd.open .bz-ddp{opacity:1;visibility:visible;transform:translate(-42%,0);transition:opacity .25s,transform .35s var(--ease)}
.bz-ddp .h4{margin:0 0 6px;font:700 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold)}
.bz-ddp a{display:block;padding:8px 10px;margin:0 -10px;border-radius:12px;font:600 14px/1.3 var(--sans);color:var(--iv);text-decoration:none;transition:background-color .2s}
.bz-ddp a small{display:block;font-weight:400;color:var(--mute);font-size:12.5px;margin-top:2px}
.bz-ddp a:hover{background:rgba(245,241,232,.06)}
.bz-ddp .plans{grid-column:5;grid-row:1/span 3;background:var(--ink3);border-radius:16px;padding:16px}
.bz-ddp .all{grid-column:1/span 4;border-top:1px solid var(--line);padding-top:12px;display:flex;gap:18px;flex-wrap:wrap}
.bz-ddp .all a{display:inline-block;margin:0;color:var(--gold)}
.bz-hd-cta{display:flex;align-items:center;gap:8px;margin-left:14px}
.bz-hd-cta .bz-btn{min-height:42px;padding:0 18px;font-size:14px}
.bz-mtog{display:none;color:var(--iv);background:none;font:700 14px var(--sans);cursor:pointer}
/* full-screen menu */
.bz-mm{position:fixed;inset:0;z-index:1001;background:var(--ink);color:var(--iv);font-family:var(--sans);display:flex;flex-direction:column;padding:0 var(--pad) calc(24px + env(safe-area-inset-bottom));opacity:0;visibility:hidden;transform:translateY(-14px);transition:opacity .35s var(--ease),transform .5s var(--ease),visibility 0s .5s;overflow-y:auto;overscroll-behavior:contain}
.bz-mm.open{opacity:1;visibility:visible;transform:none;transition:opacity .35s var(--ease),transform .5s var(--ease)}
.bz-mm-top{display:flex;align-items:center;justify-content:space-between;height:var(--bz-hd-h);flex:none}
.bz-mm-links{margin-top:10px;display:flex;flex-direction:column}
.bz-mm-links>a,.bz-mm-links summary{display:flex;align-items:baseline;gap:14px;padding:12px 0;border-bottom:1px solid var(--line);font-size:clamp(30px,9.4vw,44px);font-weight:800;letter-spacing:-.045em;line-height:1.08;list-style:none;cursor:pointer;color:var(--iv);text-decoration:none}
.bz-mm-links summary::-webkit-details-marker{display:none}
.bz-mm-links small{font-size:12px;font-weight:600;letter-spacing:.14em;color:var(--gold);min-width:22px}
.bz-mm-links details[open] summary .pl{transform:rotate(45deg)}
.bz-mm-links .pl{margin-left:auto;font-weight:300;transition:transform .3s;font-size:.8em}
.bz-mm-links>a[aria-current=page]{color:var(--gold)}
.bz-mm-sub{display:grid;grid-template-columns:1fr 1fr;gap:4px 16px;padding:12px 0 16px 36px}
.bz-mm-sub a{padding:8px 0;font-size:15px;font-weight:600;color:rgba(245,241,232,.84);text-decoration:none}
.bz-mm-links>*{opacity:0;transform:translateY(22px);transition:opacity .4s var(--ease),transform .6s var(--ease)}
.bz-mm.open .bz-mm-links>*{opacity:1;transform:none}
.bz-mm.open .bz-mm-links>*:nth-child(2){transition-delay:.04s}.bz-mm.open .bz-mm-links>*:nth-child(3){transition-delay:.08s}.bz-mm.open .bz-mm-links>*:nth-child(4){transition-delay:.12s}.bz-mm.open .bz-mm-links>*:nth-child(5){transition-delay:.16s}.bz-mm.open .bz-mm-links>*:nth-child(6){transition-delay:.2s}.bz-mm.open .bz-mm-links>*:nth-child(7){transition-delay:.24s}
.bz-mm-foot{margin-top:auto;padding-top:28px;display:grid;gap:10px}
.bz-mm-foot .bz-btn{width:100%}
.bz-mm-foot p{color:var(--mute);font-size:13px;text-align:center;margin:6px 0 0}
body.bz-lock{overflow:hidden}
/* section number / eyebrow */
.bz-num{font:700 12px var(--sans);letter-spacing:.2em;color:var(--gold);display:block;margin-bottom:18px}
/* reveal (uses `translate`, so it composes with any existing transform) */
.js [data-r]{opacity:0;translate:0 34px;transition:opacity .9s var(--ease),translate 1.1s var(--ease)}
.js [data-r].in{opacity:1;translate:none}
.js [data-r="2"]{transition-delay:.08s}.js [data-r="3"]{transition-delay:.16s}.js [data-r="4"]{transition-delay:.24s}
/* footer */
footer.bz-ft{display:block;background:var(--ink);color:var(--iv);border-top:1px solid var(--line);padding:64px 0 calc(40px + env(safe-area-inset-bottom));font:400 14px/1.6 var(--sans);margin:0}
.bz-ft ul{display:grid;gap:9px;list-style:none;margin:0;padding:0}
.bz-ft li{margin:0}
.bz-ft-g{display:grid;grid-template-columns:1.3fr 1fr 1fr 1fr;gap:36px}
.bz-ft .h4{font:700 11px var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--gold);margin:0 0 14px}
.bz-ft ul a{color:rgba(245,241,232,.72);text-decoration:none;transition:color .2s;min-height:0;display:inline}
.bz-ft ul a:hover{color:var(--iv)}
.bz-ft .tagl{font:italic 500 26px/1.15 var(--ser);margin:18px 0 0;max-width:300px;color:var(--iv)}
.bz-ft-b{display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;margin-top:48px;padding-top:24px;border-top:1px solid var(--line);color:rgba(245,241,232,.5);font-size:12.5px}
.bz-ft-b a{text-decoration:underline;text-underline-offset:3px;color:inherit;min-height:0;display:inline}
.bz-areas{margin-top:22px;display:flex;flex-wrap:wrap;gap:6px 16px;font-size:12.5px}
.bz-areas a{color:rgba(245,241,232,.5);text-decoration:none;min-height:0;display:inline}
.bz-areas a:hover{color:var(--iv)}
/* sticky contact bar */
.bz-sticky{position:fixed;z-index:900;left:12px;right:12px;bottom:calc(12px + env(safe-area-inset-bottom));display:flex;gap:8px;padding:8px;border-radius:999px;background:rgba(16,20,31,.9);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);border:1px solid var(--line);box-shadow:0 18px 40px -8px rgba(0,0,0,.65);transform:translateY(140%);transition:transform .5s var(--ease);font-family:var(--sans)}
.bz-sticky.show{transform:none}
.bz-sticky .bz-btn{flex:1;min-height:52px}
.bz-sticky .bz-ib{width:52px;height:52px;flex:none}
@media (min-width:1101px){.bz-sticky{left:auto;right:24px;bottom:24px;padding:6px}.bz-sticky .bz-btn{flex:none}.bz-sticky .call{display:none}}
@media (max-width:1100px){
  .bz-nav,.bz-hd-cta .bz-btn,.bz-hd-cta .cal{display:none}
  .bz-mtog{display:inline-flex;align-items:center;gap:10px;height:44px;padding:0 16px 0 18px;border-radius:999px;border:1px solid var(--line)}
  .bz-mtog .bars{width:16px;height:10px;position:relative}
  .bz-mtog .bars::before,.bz-mtog .bars::after{content:"";position:absolute;left:0;right:0;height:2px;background:currentColor;border-radius:2px}
  .bz-mtog .bars::before{top:0}.bz-mtog .bars::after{bottom:0}
  .bz-hd-cta{margin-left:auto}
  .bz-ft-g{grid-template-columns:1fr 1fr}
}
@media (max-width:640px){
  .bz-hd-in{gap:10px}
  .bz-hd .bz-logo span{display:none}
  .bz-ft-g{grid-template-columns:1fr 1fr;gap:28px 18px}
  .bz-ft-g>div:first-child{grid-column:1/-1}
}
@media (max-width:370px){.bz-mm-sub{grid-template-columns:1fr}}
@media (prefers-reduced-motion:reduce){
  .bz-hd,.bz-mm,.bz-mm-links>*,.bz-sticky,.bz-btn,.bz-ddp,.bz-arr{transition-duration:.001ms!important}
  .js [data-r]{opacity:1!important;translate:none!important;transition:none!important}
}
/* ---------- v1.1 flow layer: breadcrumbs, next-step band, page transitions ---------- */
.bz-crumb{max-width:var(--max);margin:0 auto;padding:18px var(--pad) 0;font:500 13px/1.4 var(--sans);position:relative;z-index:2}
.bz-crumb ol{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:6px 0}
.bz-crumb li{opacity:.72;margin:0;padding:0;min-height:0;display:flex;align-items:center;list-style:none}
.bz-crumb li+li::before{content:"/";margin:0 10px;opacity:.5}
.bz-crumb li[aria-current]{opacity:1;color:var(--p-accent,var(--gold))}
.bz-crumb a{color:inherit;text-decoration:none;display:inline-flex;align-items:center;min-height:32px;padding:0}.bz-crumb a:hover{text-decoration:underline;text-underline-offset:3px}
section.bz-next{background:#0E1320;color:var(--iv);padding:clamp(72px,9vw,128px) 0 clamp(56px,7vw,96px);border-top:1px solid var(--line);margin:0}
.bz-nx-in{max-width:var(--max);margin:0 auto;padding:0 var(--pad)}
.bz-next .bz-nx-k{font:700 12px/1 var(--sans);letter-spacing:.18em;text-transform:uppercase;color:var(--p-accent,var(--gold));margin:0 0 18px}
.bz-next h2.bz-nx-h{font:800 clamp(28px,3.6vw,52px)/1.05 var(--sans)!important;letter-spacing:-.03em;color:var(--iv);margin:0 0 clamp(28px,4vw,48px);max-width:20ch}
.bz-nx-g{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.bz-nx-c{position:relative;display:flex;flex-direction:column;align-items:flex-start!important;justify-content:flex-start!important;text-align:left!important;gap:10px;padding:28px 28px 72px;border-radius:22px;background:rgba(245,241,232,.04);border:1px solid var(--line);color:var(--iv)!important;text-decoration:none!important;min-height:200px;transition:background .35s var(--ease),border-color .35s var(--ease),transform .35s var(--ease)}
.bz-nx-c:hover,.bz-nx-c:focus-visible{background:rgba(245,241,232,.08);border-color:var(--p-accent,var(--gold));transform:translateY(-3px)}
.bz-nx-n{font:700 12px/1 var(--sans);letter-spacing:.14em;color:var(--p-accent,var(--gold))}
.bz-nx-t{font:800 clamp(20px,1.8vw,26px)/1.15 var(--sans);letter-spacing:-.02em}
.bz-nx-d{font:400 15px/1.5 var(--sans);opacity:.72}
.bz-nx-c .bz-arr{position:absolute;left:28px;bottom:24px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;border:1px solid var(--line);margin:0;background:transparent;color:inherit;transition:transform .35s var(--ease),background .35s var(--ease)}
.bz-nx-c .bz-arr svg{width:18px;height:18px}
.bz-nx-c:hover .bz-arr{transform:translateX(4px);background:var(--iv);color:var(--ink)}
.bz-nx-c.bz-nx-go{background:var(--iv);color:var(--ink)!important;border-color:var(--iv)}
.bz-nx-c.bz-nx-go .bz-nx-n{color:#7a5d2b}.bz-nx-c.bz-nx-go .bz-arr{background:#25D366;border-color:#25D366;color:#fff}
.bz-nx-c.bz-nx-go:hover{background:#fff}
.bz-nx-rel{margin-top:clamp(40px,5vw,64px);padding-top:28px;border-top:1px solid var(--line)}
.bz-nx-rel ul{list-style:none;margin:0;padding:0;display:flex;flex-wrap:wrap;gap:10px}
.bz-nx-rel a{display:inline-flex;align-items:center;min-height:44px;padding:0 18px;border-radius:999px;border:1px solid var(--line);color:var(--iv)!important;text-decoration:none!important;font:600 14px/1 var(--sans);transition:border-color .3s,background .3s}
.bz-nx-rel a:hover{border-color:var(--p-accent,var(--gold));background:rgba(245,241,232,.06)}
.bz-nx-rel a.all{color:var(--p-accent,var(--gold))!important}
@media (max-width:860px){.bz-nx-g{grid-template-columns:1fr;gap:12px}.bz-nx-c{min-height:0;padding:22px 22px 22px 22px;padding-right:76px}.bz-nx-c .bz-arr{left:auto;right:20px;top:50%;bottom:auto;margin-top:-20px}}
/* smooth cross-document page transitions (Chromium/Safari 18+; others just navigate) */
@view-transition{navigation:auto}
::view-transition-old(root){animation:bz-vt-out .18s cubic-bezier(.4,0,1,1) both}
::view-transition-new(root){animation:bz-vt-in .32s cubic-bezier(0,0,.2,1) both}
@keyframes bz-vt-out{to{opacity:0}}
@keyframes bz-vt-in{from{opacity:0;translate:0 10px}}
.bz-hd{view-transition-name:bz-hd}
::view-transition-group(bz-hd){animation:none}
@media (prefers-reduced-motion:reduce){
  @view-transition{navigation:none}
  ::view-transition-group(*),::view-transition-old(*),::view-transition-new(*){animation:none!important}
  .bz-nx-c,.bz-nx-c .bz-arr{transition:none!important}.bz-nx-c:hover{transform:none}
}
