/* Boozuka service experience layer */


@keyframes sxOut{to{opacity:0;transform:translateY(-12px)}}@keyframes sxIn{from{opacity:0;transform:translateY(16px)}}
.sl .sl-hero{position:relative;overflow:hidden;isolation:isolate}
.sl .sl-hero:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:radial-gradient(600px 400px at var(--mx,70%) var(--my,30%),rgba(201,169,110,.18),transparent 70%)}
.sl .sl-hero:after{content:'';position:absolute;inset:0;pointer-events:none;opacity:.09;mix-blend-mode:overlay;background:url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' width='220' height='220'><filter id='n'><feTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='3'/></filter><rect width='100%' height='100%' filter='url(%23n)'/></svg>")}
.sx-line{display:block;height:1px;width:0;background:linear-gradient(90deg,#C9A96E,transparent);margin:18px 0 6px;animation:sxLine 1.4s .5s cubic-bezier(.2,.7,.2,1) forwards}
@keyframes sxLine{to{width:min(320px,70%)}}
.sx-h .sxw{display:inline-block;overflow:hidden;vertical-align:top;padding-bottom:.08em}
.sx-h .sxw>span{display:inline-block;transform:translateY(105%);animation:sxUp .9s cubic-bezier(.2,.75,.15,1) forwards;animation-delay:calc(var(--i)*55ms + 120ms)}
@keyframes sxUp{to{transform:none}}
.sx-sec{padding:clamp(64px,9vw,120px) 0;background:#0B0F19;color:#F2ECE1;position:relative;overflow:hidden}
.sx-sec.iv{background:#F4EEE3;color:#0B0F19}
.sx-in{width:min(1180px,92vw);margin:0 auto}
.sx-k{font:600 12px/1 Manrope,sans-serif;letter-spacing:.24em;text-transform:uppercase;color:#C9A96E;margin-bottom:16px}
.sx-sec.iv .sx-k{color:#8E6E37}
.sx-t{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;font-size:clamp(38px,5.4vw,72px);line-height:.98;letter-spacing:-.02em;margin:0 0 18px}
.sx-t em{color:#C9A96E}.sx-sec.iv .sx-t em{color:#8E6E37}
.sx-p{max-width:56ch;opacity:.78;line-height:1.65;font-size:17px}
.sx-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(28px,5vw,72px);align-items:center}
@media(max-width:860px){.sx-grid{grid-template-columns:1fr}}
.sx-card{border:1px solid rgba(201,169,110,.32);border-radius:22px;background:linear-gradient(160deg,rgba(255,255,255,.05),rgba(255,255,255,.01));padding:22px;box-shadow:0 40px 80px -40px rgba(0,0,0,.6)}
.sx-sec.iv .sx-card{background:#fff;box-shadow:0 30px 70px -40px rgba(11,15,25,.35)}
/* before/after */
.sx-ba{position:relative;aspect-ratio:16/10;border-radius:16px;overflow:hidden;user-select:none;touch-action:pan-y;background:#ddd}
.sx-ba img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top}
.sx-ba .sx-old{position:absolute;inset:0;clip-path:inset(0 calc(100% - var(--p,50%)) 0 0);background:#E9E6E0;color:#555;font:14px/1.4 Arial,sans-serif;padding:7% 6%}
.sx-old b{display:block;font:700 22px Arial;color:#333;margin:10px 0}.sx-old i{display:block;height:10px;background:#cfcac2;margin:8px 0;width:80%}.sx-old .bx{height:38%;background:#c9c4bb;margin:16px 0}
.sx-ba .sx-knob{position:absolute;top:0;bottom:0;left:var(--p,50%);width:2px;background:#C9A96E;transform:translateX(-1px)}
.sx-knob:after{content:'⇆';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:46px;height:46px;border-radius:50%;background:#0B0F19;color:#C9A96E;display:grid;place-items:center;border:1px solid #C9A96E;font-size:18px}
.sx-ba input{position:absolute;inset:0;opacity:0;width:100%;cursor:ew-resize}
.sx-tag{position:absolute;bottom:12px;font:600 11px Manrope;letter-spacing:.16em;text-transform:uppercase;padding:7px 10px;border-radius:30px;background:rgba(11,15,25,.8);color:#F2ECE1}
/* demo stage */
.sx-tabs{display:flex;flex-wrap:wrap;gap:8px;margin:22px 0}
.sx-tabs button{font:600 13px Manrope;padding:10px 16px;border-radius:40px;border:1px solid rgba(201,169,110,.45);background:transparent;color:inherit;cursor:pointer;transition:.25s}
.sx-tabs button[aria-pressed=true]{background:#C9A96E;color:#0B0F19;border-color:#C9A96E}
.sx-stage{position:relative}
.sx-lap{background:#111317;border-radius:16px 16px 0 0;padding:10px;box-shadow:0 0 0 1px #2b2d33}
.sx-lap img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;border-radius:4px;display:block;transition:opacity .45s}
.sx-base{height:14px;margin:0 -6%;background:linear-gradient(#d7d9de,#9a9da5);border-radius:0 0 18px 18px}
.sx-open{display:inline-flex;gap:8px;margin-top:18px;font:600 14px Manrope;color:#C9A96E;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:3px}
/* chat */
.sx-chat{max-width:380px;margin:auto;border-radius:30px;background:#0E1B16;padding:16px;border:8px solid #15171c;min-height:470px;display:flex;flex-direction:column;gap:10px;font:14px/1.4 Manrope}
.sx-chat .hd{color:#cfe;font-weight:700;padding-bottom:8px;border-bottom:1px solid #234}
.sx-chat .m{max-width:80%;padding:10px 13px;border-radius:14px;opacity:0;transform:translateY(8px);transition:.4s}
.sx-chat .m.on{opacity:1;transform:none}.sx-chat .u{align-self:flex-end;background:#1f5c45;color:#eafff4}.sx-chat .b{background:#F2ECE1;color:#0B0F19}
.sx-chat .ty{align-self:flex-start;color:#9bb;font-size:12px}
/* serp */
.sx-serp{font:14px/1.4 Manrope}.sx-q{display:flex;gap:10px;align-items:center;border:1px solid #ddd;border-radius:30px;padding:12px 18px;background:#fff;color:#222;margin-bottom:14px}
.sx-r{display:flex;gap:12px;align-items:center;padding:12px;border-radius:12px;background:#fff;color:#333;margin:8px 0;box-shadow:0 4px 14px rgba(0,0,0,.06);transition:transform .8s cubic-bezier(.2,.7,.2,1),background .5s}
.sx-r.you{background:#0B0F19;color:#F2ECE1;outline:1px solid #C9A96E}.sx-r .pin{width:28px;height:28px;border-radius:50%;background:#eee;display:grid;place-items:center;font-weight:700;flex:none}.sx-r.you .pin{background:#C9A96E;color:#0B0F19}
.sx-r small{display:block;opacity:.65}
.sx-check{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.sx-check label{font:600 13px Manrope;padding:9px 14px;border:1px solid rgba(201,169,110,.5);border-radius:30px;cursor:pointer}.sx-check input{accent-color:#C9A96E;margin-right:6px}
/* palette */
.sx-brand{border-radius:18px;padding:36px;min-height:330px;transition:background .5s,color .5s;display:flex;flex-direction:column;justify-content:space-between}
.sx-brand .lg{font-family:"Cormorant Garamond",serif;font-size:58px;line-height:1}.sx-brand .lg em{font-style:italic}
.sx-sw{display:flex;gap:10px;margin-top:20px}.sx-sw button{width:44px;height:44px;border-radius:50%;border:2px solid rgba(255,255,255,.6);cursor:pointer;box-shadow:0 0 0 1px rgba(0,0,0,.2)}
.sx-sw button[aria-pressed=true]{outline:2px solid #C9A96E;outline-offset:3px}
/* feed */
.sx-feed{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;max-width:420px;margin:auto;padding:14px;border-radius:34px;background:#0d0d10;border:1px solid #2a2a30}
.sx-feed img{width:100%;aspect-ratio:4/5;object-fit:cover;display:block;border-radius:4px}
/* planner */
.sx-plan{display:grid;grid-template-columns:1fr 1fr;gap:28px}@media(max-width:860px){.sx-plan{grid-template-columns:1fr}}
.sx-opts{display:grid;grid-template-columns:1fr 1fr;gap:10px;align-content:start}.sx-opts label{display:flex;align-items:center;gap:8px;padding:12px 16px;border:1px solid rgba(201,169,110,.45);border-radius:14px;cursor:pointer;font:600 14px Manrope;transition:.2s}
.sx-opts label:has(input:checked){background:rgba(201,169,110,.16);border-color:#C9A96E}.sx-opts input{accent-color:#C9A96E}
.sx-out .wk{font-family:"Cormorant Garamond",serif;font-size:clamp(56px,7vw,96px);line-height:1;color:#C9A96E}
.sx-out ul{margin:14px 0 0;padding-left:18px;line-height:1.8;opacity:.85}
.sx-bar{height:6px;border-radius:6px;background:rgba(201,169,110,.18);overflow:hidden;margin:16px 0}.sx-bar i{display:block;height:100%;width:var(--w,20%);background:linear-gradient(90deg,#8E6E37,#C9A96E);transition:width .6s}
/* timeline */
.sl-steps{position:relative}.sx-tl.sl-steps li{transition:opacity .6s,transform .6s}.sx-tl.sl-steps li:not(.on){opacity:.35;transform:translateX(10px)}
/* next */
.sx-next{display:block;text-decoration:none;color:#F2ECE1;background:#0B0F19;padding:clamp(70px,10vw,140px) 0;position:relative;overflow:hidden}
.sx-next .sx-t{font-size:clamp(46px,8vw,120px);transition:letter-spacing .6s}.sx-next:hover .sx-t{letter-spacing:.005em}
.sx-next .arr{display:inline-grid;place-items:center;width:clamp(64px,8vw,96px);aspect-ratio:1;border-radius:50%;border:1px solid #C9A96E;color:#C9A96E;font-size:30px;transition:.4s;margin-left:16px;vertical-align:middle}
.sx-next:hover .arr{background:#C9A96E;color:#0B0F19;transform:rotate(-45deg)}
.sx-next .sx-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.sx-next .sx-row span{font:600 13px Manrope;padding:10px 16px;border:1px solid rgba(201,169,110,.4);border-radius:30px}
/* faq */
.sl-faq details{transition:background .3s}.sl-faq details[open]{background:rgba(201,169,110,.07)}.sl-faq details p{animation:sxIn .45s ease}
.sx-prog{position:fixed;left:0;top:0;height:2px;width:var(--sp,0);background:#C9A96E;z-index:9999;pointer-events:none}
.sx-rv{opacity:0;transform:translateY(28px);transition:opacity .9s ease,transform .9s cubic-bezier(.2,.7,.2,1)}.sx-rv.in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,::before,::after{animation:none!important;transition:none!important}.sx-rv{opacity:1;transform:none}.sx-h .sxw>span{transform:none}.sx-line{width:min(320px,70%)}.sx-chat .m{opacity:1;transform:none}@view-transition{navigation:none}}
.sx-bleed{width:100vw;margin-left:calc(50% - 50vw)!important;margin-right:0;max-width:none!important}
main[data-sx] .ar-head,main[data-sx] .page-intro{position:relative}

.sx-rv{animation:sxSafe 0s 2.5s forwards}@keyframes sxSafe{to{opacity:1;transform:none}}
.rv-on main[data-sx] .rv,.rv-on main.sl .rv,.rv-on main[data-sx] .rvw,.rv-on main.sl .rvw,.rv-on main[data-sx] .rv-words .rvw{opacity:1!important;transform:none!important}