@property --ang { syntax: '<angle>'; initial-value: 0deg; inherits: false; }

:root {
  --bg:#f0f4ff; --bgc:#fff; --ink:#0d1a3a;
  --idim:rgba(13,26,58,.65); --ifa:rgba(13,26,58,.40);
  --glass:rgba(255,255,255,.78); --gbd:rgba(58,91,173,.18); --shad:rgba(37,73,168,.12);
  --g1:#2549a8; --g2:#0284c7; --g3:#6b8dd6;
  --grad:linear-gradient(120deg,#2549a8,#3A5BAD 50%,#0284c7);
  --actbg:rgba(240,244,255,.92); --actbd:rgba(58,91,173,.15);
}
*{margin:0;padding:0;box-sizing:border-box}
html{scroll-behavior:smooth}
body{background:var(--bg);color:var(--ink);font-family:'Outfit',sans-serif;font-weight:300;
  -webkit-font-smoothing:antialiased;min-height:100vh;line-height:1.5;
  padding-bottom:96px;overflow-x:hidden;transition:background .4s,color .4s}
a{color:inherit;text-decoration:none}
button{font:inherit;color:inherit;background:none;border:0;cursor:pointer}
img,svg{display:block;max-width:100%}

/* ── CONTROL BAR (demo controller — visually separate from microsite) ── */
.ctrl-bar{
  position:fixed;top:8px;left:50%;transform:translateX(-50%);
  width:calc(100% - 24px);max-width:460px;z-index:200;
  border:1px solid rgba(255,255,255,.14);
  border-radius:16px;
  box-shadow:0 8px 32px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.07);
  transition:box-shadow .4s,border-radius .3s;
  overflow:visible;
  isolation:auto;
}
.ctrl-bar::before{
  content:'';position:absolute;inset:0;border-radius:inherit;
  background:rgba(12,12,22,.92);
  backdrop-filter:blur(28px) saturate(1.8);
  -webkit-backdrop-filter:blur(28px) saturate(1.8);
  z-index:-1;
  pointer-events:none;
}
.ctrl-rows{
  border-radius:0 0 14px 14px;
  overflow-y:auto;
  max-height:calc(100vh - 80px);
  overscroll-behavior-y:contain;
  position:relative;
}
.ctrl-bar.collapsed .ctrl-rows{display:none}
.ctrl-bar.collapsed{border-radius:999px}
.ctrl-trigger{
  display:flex;align-items:center;justify-content:space-between;
  padding:7px 12px;cursor:pointer;user-select:none;
  border-bottom:1px solid rgba(255,255,255,.07);
  transition:border-color .2s;
  border-radius:14px 14px 0 0;
  position:relative;
}
.ctrl-bar.collapsed .ctrl-trigger{border-bottom:none}
.ctrl-trigger:hover{background:rgba(255,255,255,.04)}
.ctrl-trigger-left{display:flex;align-items:center;gap:8px}
.ctrl-trigger-badge{
  font-size:8px;font-weight:700;letter-spacing:.16em;text-transform:uppercase;
  color:#60a5fa;background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.25);
  border-radius:99px;padding:2px 8px;
}
.ctrl-trigger-label{font-size:11px;color:rgba(255,255,255,.6);font-family:'Outfit'}
.ctrl-trigger-arrow{
  font-size:10px;color:rgba(255,255,255,.35);
  transition:transform .25s;
}
.ctrl-bar.collapsed .ctrl-trigger-arrow{transform:rotate(180deg)}

.ctrl-bar .ctrl-row{border-bottom:1px solid rgba(255,255,255,.08)}
.ctrl-bar .ctrl-row:last-child{border-bottom:none}
.ctrl-bar .ctrl-lbl{color:rgba(255,255,255,.45)}
.ctrl-bar .tbar-pill{color:#60a5fa;background:rgba(96,165,250,.12);border-color:rgba(96,165,250,.25)}
.ctrl-bar .sw{border-color:transparent}
.ctrl-bar .sw.on{border-color:rgba(255,255,255,.8)}
.ctrl-bar .sw-tip{background:#fff;color:#000}
.ctrl-bar .anim-dropdown-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.85)}
.ctrl-bar .anim-dropdown-btn:hover{background:rgba(255,255,255,.14)}
.ctrl-bar .anim-dropdown{background:rgba(20,20,35,.96);border-color:rgba(255,255,255,.12)}
.ctrl-bar .anim-opt{color:rgba(255,255,255,.75);border-bottom-color:rgba(255,255,255,.07)}
.ctrl-bar .anim-opt:hover{background:rgba(255,255,255,.07)}
.ctrl-bar .anim-opt.on{color:#60a5fa;background:rgba(96,165,250,.1)}
.ctrl-bar .ld-toggle{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.15)}
.ctrl-bar .ld-toggle:hover{background:rgba(255,255,255,.18)}
.ctrl-row{display:flex;align-items:center;gap:8px;padding:6px 14px}
.ctrl-row-theme{border-bottom:1px solid var(--gbd)}
.ctrl-lbl{font-size:9px;letter-spacing:.28em;text-transform:uppercase;color:var(--ifa);font-weight:600;white-space:nowrap;flex-shrink:0;min-width:42px}
.swatch-row{display:flex;gap:4px;flex:1;overflow-x:auto;scrollbar-width:none;padding:2px 0;align-items:center}
.swatch-row::-webkit-scrollbar{display:none}
.sw{width:18px;height:18px;border-radius:50%;flex-shrink:0;cursor:pointer;border:2px solid transparent;transition:transform .2s,border-color .2s;position:relative}
.sw.on{border-color:var(--ink);transform:scale(1.35)}
.sw:hover{transform:scale(1.2)}
.sw-tip{position:absolute;bottom:calc(100%+6px);left:50%;transform:translateX(-50%);background:var(--ink);color:var(--bg);font-size:8.5px;white-space:nowrap;padding:3px 7px;border-radius:5px;pointer-events:none;opacity:0;transition:opacity .15s;font-family:'Outfit';z-index:10}
.sw:hover .sw-tip{opacity:1}
.ld-toggle{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--glass);border:1px solid var(--gbd);font-size:14px;cursor:pointer;flex-shrink:0;transition:.2s}
.ld-toggle:hover{background:color-mix(in srgb,var(--g1) 12%,transparent);border-color:color-mix(in srgb,var(--g1) 30%,transparent)}
.tbar-pill{font-size:8px;color:var(--g1);font-weight:700;padding:2px 8px;border-radius:999px;background:color-mix(in srgb,var(--g1) 10%,transparent);border:1px solid color-mix(in srgb,var(--g1) 22%,transparent);white-space:nowrap;flex-shrink:0;transition:all .3s;max-width:90px;overflow:hidden;text-overflow:ellipsis}
/* Anim dropdown */
.anim-dropdown-wrap{position:relative;flex-shrink:0}
.anim-dropdown-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:var(--glass);border:1px solid var(--gbd);font-size:10.5px;font-weight:600;font-family:'Outfit';color:var(--ink);cursor:pointer;transition:.2s;white-space:nowrap}
.anim-dropdown-btn svg{width:12px;height:12px;transition:transform .2s;flex-shrink:0}
.anim-dropdown-btn.open svg{transform:rotate(180deg)}
.anim-dropdown-btn:hover{background:color-mix(in srgb,var(--g1) 10%,transparent);border-color:color-mix(in srgb,var(--g1) 28%,transparent)}
.anim-dropdown{
  position:fixed;
  background:var(--actbg);backdrop-filter:blur(20px);
  border:1px solid var(--gbd);border-radius:12px;
  box-shadow:0 8px 28px rgba(0,0,0,.28);
  min-width:160px;z-index:9999;
  display:none;overflow:hidden;
}
.anim-dropdown.open{display:block}
.anim-opt{display:flex;align-items:center;gap:8px;padding:9px 14px;font-size:11px;font-family:'Outfit';color:var(--ink);cursor:pointer;transition:.15s;border-bottom:1px solid var(--gbd)}
.anim-opt:last-child{border-bottom:none}
.anim-opt:hover{background:color-mix(in srgb,var(--g1) 8%,transparent)}
.anim-opt.on{color:var(--g1);font-weight:600;background:color-mix(in srgb,var(--g1) 6%,transparent)}
.anim-opt-dot{width:10px;height:10px;border-radius:50%;background:var(--grad);flex-shrink:0}

/* ── ATMOSPHERE ── */
/* ── ATMOSPHERE ── */
.atmos{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden}
.bk{position:absolute;border-radius:50%;filter:blur(80px);opacity:.26;animation:drift 28s ease-in-out infinite}
.bk.a{width:500px;height:500px;background:radial-gradient(circle,var(--g1),transparent 60%);top:-150px;left:-150px}
.bk.b{width:400px;height:400px;background:radial-gradient(circle,var(--g2),transparent 60%);top:40%;right:-180px;animation-delay:-8s;opacity:.16}
.bk.c{width:360px;height:360px;background:radial-gradient(circle,var(--g3),transparent 60%);bottom:-120px;left:20%;animation-delay:-14s;opacity:.14}
@keyframes drift{0%,100%{transform:translate(0,0)scale(1)}33%{transform:translate(28px,-18px)scale(1.06)}66%{transform:translate(-18px,28px)scale(.96)}}
/* ── SITE BACKDROP SYSTEM ── */
#siteBackdrop{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;}
/* bokeh */
.bd-bokeh .bokeh-dot{
  position:absolute;border-radius:50%;filter:blur(10px);
  animation:bokeh-drift linear infinite;
}
@keyframes bokeh-drift{
  0%{transform:translate(0,0) scale(1);opacity:.55}
  50%{opacity:.2}
  100%{transform:translate(var(--dx),var(--dy)) scale(1.3);opacity:.55}
}
/* particles */
.bd-particles .p-particle{
  position:absolute;width:1.5px;border-radius:99px;
  background:var(--g1);opacity:.35;
  animation:particle-rise linear infinite;
}
@keyframes particle-rise{0%{transform:translateY(0);opacity:.4}100%{transform:translateY(-100vh);opacity:0}}
/* aurora */
.bd-aurora .aurora-band{
  position:absolute;left:-20%;right:-20%;height:55%;
  border-radius:50%;filter:blur(60px);
  animation:aurora-wave ease-in-out infinite alternate;
}
@keyframes aurora-wave{0%{transform:translateY(0) scaleX(1)}100%{transform:translateY(-30px) scaleX(1.12)}}
/* geo */
.bd-geo .geo-line{
  position:absolute;background:color-mix(in srgb,var(--g1) 20%,transparent);
  animation:geo-shift linear infinite;
}
@keyframes geo-shift{0%{opacity:.5}50%{opacity:.1}100%{opacity:.5}}
/* sparkle */
.bd-sparkle .sparkle-pt{
  position:absolute;font-size:12px;
  animation:sparkle-pop ease-in-out infinite;
}
@keyframes sparkle-pop{0%,100%{transform:scale(0);opacity:0}50%{transform:scale(1);opacity:.5}}
/* steam */
@keyframes steam-rise{
  0%{transform:translateY(0) scaleX(1);opacity:.05}
  50%{opacity:.1}
  100%{transform:translateY(-60vh) scaleX(1.6);opacity:0}
}
/* petal */
@keyframes petal-fall{
  0%{transform:translateY(-40px) rotate(0deg);opacity:.5}
  100%{transform:translateY(105vh) rotate(360deg);opacity:0}
}
/* ecg */
@keyframes ecg-move{
  0%{stroke-dasharray:500;stroke-dashoffset:500}
  100%{stroke-dasharray:500;stroke-dashoffset:-500}
}
/* ripple */
@keyframes ripple-out{
  0%{transform:translate(-50%,-50%) scale(.3);opacity:.5}
  100%{transform:translate(-50%,-50%) scale(3);opacity:0}
}
/* grain */
.bd-grain{background:transparent;}
/* mist */
.bd-mist{background:transparent;}
@keyframes mist-drift{
  0%{transform:translate(0,0) scale(1);}
  100%{transform:translate(6%,4%) scale(1.08);}
}
/* ctrl-bar backdrop row option */
.bd-pill-row{display:flex;gap:5px;flex:1;overflow-x:auto;scrollbar-width:none;align-items:center;padding:2px 0}
.bd-pill-row::-webkit-scrollbar{display:none}
.bd-pill{
  display:flex;align-items:center;gap:4px;
  padding:3px 9px;border-radius:99px;
  background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);
  font-size:9.5px;color:rgba(255,255,255,.65);
  cursor:pointer;white-space:nowrap;transition:.15s;flex-shrink:0;
}
.bd-pill:hover{background:rgba(255,255,255,.13)}
.bd-pill.on{background:rgba(96,165,250,.18);border-color:rgba(96,165,250,.35);color:#60a5fa;}
.bd-pill-em{font-size:12px;line-height:1;}


/* ── CONTAINER + GLOW BORDER ── */
.wrap{position:relative;z-index:1;max-width:480px;margin:0 auto;min-height:100vh;padding-top:106px;display:flex;flex-direction:column}
/* ── SECTIONS SYSTEM (controllable via SECTIONS in site-data.js) ── */
.msec{display:flex;flex-direction:column;order:0}
.msec[data-sec-hidden="true"]{display:none!important}
.msec-footer{padding:6px 20px 0;text-align:center;font-size:10.5px;color:var(--idim);line-height:1.5}
.msec-footer:empty{display:none}
.msec-footer a{color:var(--g1);font-weight:500}
@media(min-width:768px){
  .wrap{border-radius:40px;background:color-mix(in srgb,var(--bg) 65%,transparent);backdrop-filter:blur(12px);overflow:hidden}
  .wrap::before{
    content:"";position:absolute;inset:-2px;border-radius:42px;z-index:-1;
    background:conic-gradient(from var(--ang,0deg),var(--g1) 0%,var(--g2) 25%,var(--g3) 50%,var(--g2) 75%,var(--g1) 100%);
    animation:spin 4s linear infinite;filter:blur(3px);opacity:.8;transition:background .5s;
  }
  .wrap::after{content:"";position:absolute;inset:1px;border-radius:39px;z-index:-1;background:var(--bg);transition:background .4s}
  @keyframes spin{to{--ang:360deg}}
}

/* ── PAGE LOADER ── 10 selectable styles, set via SITE_CONFIG.loadingScreen ── */
#pageLoader{
  position:fixed;inset:0;z-index:9999;
  display:flex;align-items:center;justify-content:center;
  background:var(--bg);
  transition:opacity .4s ease, visibility .4s ease;
}
#pageLoader.pl-hidden{opacity:0;visibility:hidden;pointer-events:none}
.pl-inner{display:flex;flex-direction:column;align-items:center;gap:14px;padding:20px}
.pl-avatar-wrap{position:relative;width:72px;height:72px;display:flex;align-items:center;justify-content:center}
.pl-avatar{width:64px;height:64px;border-radius:50%;object-fit:cover;position:relative;z-index:1;border:2px solid var(--bg)}
.pl-avatar-ring{position:absolute;inset:0;border-radius:50%;background:conic-gradient(from 0deg,var(--g1),var(--g2),var(--g3),var(--g1));animation:plspin 1.4s linear infinite}
.pl-name{font-family:var(--font-display);font-weight:700;font-size:14px;color:var(--ink);letter-spacing:.02em}
.pl-progress{width:120px;height:3px;border-radius:99px;background:var(--glass);border:1px solid var(--gbd);overflow:hidden;display:none}
.pl-progress-fill{height:100%;width:0%;border-radius:99px;background:var(--grad)}
.pl-spinner{width:22px;height:22px;border-radius:50%;border:2.5px solid var(--gbd);border-top-color:var(--g1);display:none;animation:plspin .8s linear infinite}
.pl-dots{display:none;gap:6px}
.pl-dots span{width:6px;height:6px;border-radius:50%;background:var(--g1);opacity:.3;animation:pldot 1.2s ease-in-out infinite}
.pl-dots span:nth-child(2){animation-delay:.15s}
.pl-dots span:nth-child(3){animation-delay:.3s}
@keyframes plspin{to{transform:rotate(360deg)}}
@keyframes pldot{0%,100%{opacity:.3;transform:scale(1)}50%{opacity:1;transform:scale(1.3)}}
@keyframes plpulsebg{0%,100%{opacity:1}50%{opacity:.55}}
@keyframes plbreathe{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes plslide{0%{transform:translateX(-40px);opacity:0}100%{transform:translateX(0);opacity:1}}
@keyframes plfadein{0%{opacity:0;transform:translateY(8px)}100%{opacity:1;transform:translateY(0)}}
@keyframes plshimmerbar{0%{background-position:200% 0}100%{background-position:-200% 0}}
.pl-style-fade .pl-progress{display:block}
.pl-style-spinner .pl-spinner{display:block}
.pl-style-spinner .pl-avatar-ring{display:none}
.pl-style-dots .pl-dots{display:flex}
.pl-style-pulse .pl-avatar-ring{display:none}
.pl-style-pulse .pl-inner{animation:plpulsebg 1.1s ease-in-out infinite}
.pl-style-pulse .pl-progress{display:block}
.pl-style-breathe .pl-avatar-wrap{animation:plbreathe 1.6s ease-in-out infinite}
.pl-style-breathe .pl-progress{display:block}
.pl-style-minimal .pl-avatar-wrap{display:none}
.pl-style-minimal .pl-progress{display:block}
.pl-style-slidein .pl-name{animation:plslide .5s ease-out}
.pl-style-slidein .pl-spinner{display:block}
.pl-style-slidein .pl-avatar-ring{display:none}
.pl-style-brandbar .pl-avatar-ring{display:none}
.pl-style-brandbar .pl-progress{display:block;width:160px;height:4px;background:linear-gradient(90deg,var(--gbd) 25%,var(--g2) 50%,var(--gbd) 75%);background-size:200% 100%;animation:plshimmerbar 1.3s linear infinite}
.pl-style-brandbar .pl-progress-fill{display:none}
.pl-style-card .pl-inner{background:var(--glass);border:1px solid var(--gbd);border-radius:24px;box-shadow:0 8px 30px var(--shad);padding:28px 36px}
.pl-style-card .pl-progress{display:block}
.pl-style-logoonly .pl-name{display:none}
.pl-style-logoonly .pl-progress{display:none}
.pl-style-logoonly .pl-avatar-wrap{animation:plfadein .5s ease-out}
.pl-pill-row{display:flex;gap:5px;flex:1;overflow-x:auto;scrollbar-width:none;align-items:center;padding:2px 0}
.pl-pill-row::-webkit-scrollbar{display:none}
.pl-pill{display:flex;align-items:center;gap:4px;padding:3px 9px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:9.5px;color:rgba(255,255,255,.65);cursor:pointer;white-space:nowrap;transition:.15s;flex-shrink:0}
.pl-pill:hover{background:rgba(255,255,255,.13)}
.pl-pill.on{background:rgba(96,165,250,.18);border-color:rgba(96,165,250,.35);color:#60a5fa}
.dp-pill-row{display:flex;gap:5px;flex:1;align-items:center;padding:2px 0;overflow-x:auto;scrollbar-width:none}
.dp-pill-row::-webkit-scrollbar{display:none}
.dp-pill{padding:3px 12px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:9.5px;color:rgba(255,255,255,.65);cursor:pointer;white-space:nowrap;transition:.15s}
.dp-pill:hover{background:rgba(255,255,255,.13)}
.dp-pill.on{background:rgba(96,165,250,.18);border-color:rgba(96,165,250,.35);color:#60a5fa}
.ring-pill{padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:9.5px;color:rgba(255,255,255,.65);cursor:pointer;white-space:nowrap;transition:.15s}
.ring-pill:hover{background:rgba(255,255,255,.13)}
.ring-pill.on{background:rgba(167,139,250,.18);border-color:rgba(167,139,250,.35);color:#a78bfa}

/* ── CUSTOM COLORS PANEL ── */
/* Day/Night sub-toggle */
.cc-dn-row{display:flex;align-items:center;gap:6px;padding:5px 14px;border-bottom:1px solid rgba(255,255,255,.07);margin-bottom:2px}
.cc-dn-btn{padding:3px 10px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.45);font-size:9.5px;cursor:pointer;transition:.15s;display:flex;align-items:center;gap:4px}
.cc-dn-btn:hover{background:rgba(255,255,255,.11);color:rgba(255,255,255,.8)}
.cc-dn-btn.on{background:rgba(167,139,250,.15);border-color:rgba(167,139,250,.35);color:#a78bfa}
.cc-dn-tip{font-size:8px;color:rgba(255,255,255,.18);margin-left:auto;letter-spacing:.04em}

/* Preview row */
.cc-preview-row{display:flex;align-items:center;gap:8px;padding:6px 14px 2px}
.cc-preview{display:flex;height:40px;flex:1;border-radius:10px;overflow:hidden;border:1px solid rgba(255,255,255,.1)}
.cc-grad-zone{flex:0 0 56%;height:100%}
.cc-bg-zone{flex:0 0 28%;height:100%;display:flex;align-items:center;justify-content:center}
.cc-aa{font-size:14px;font-weight:700;line-height:1}
.cc-ring-zone{flex:0 0 16%;height:100%;display:flex;align-items:center;justify-content:center}
.cc-ring-dot{width:24px;height:24px;border-radius:50%}
.cc-reset{padding:4px 9px;border:1px solid rgba(255,255,255,.12);background:rgba(255,255,255,.05);color:rgba(255,255,255,.45);font-size:10px;font-weight:600;border-radius:8px;cursor:pointer;white-space:nowrap;transition:all .15s;flex-shrink:0}
.cc-reset:hover{border-color:rgba(255,255,255,.3);color:rgba(255,255,255,.9);background:rgba(255,255,255,.08)}

/* Color pickers */
.cc-groups{display:flex;gap:6px;padding:4px 14px 10px;align-items:flex-start}
.cc-group{flex:1;display:flex;flex-direction:column;gap:3px}
.cc-glbl{font-size:8px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:rgba(255,255,255,.28);padding-left:2px}
.cc-dots{display:flex;gap:8px;align-items:center;padding:3px 0}
.cc-dot-wrap{position:relative;display:flex;flex-direction:column;align-items:center;gap:2px;cursor:pointer;-webkit-tap-highlight-color:transparent}
.cc-dot{width:28px;height:28px;border-radius:50%;border:2px solid rgba(255,255,255,.18);transition:all .18s;box-shadow:0 2px 8px rgba(0,0,0,.45)}
.cc-dot-wrap:hover .cc-dot,.cc-dot-wrap:focus-within .cc-dot{border-color:rgba(255,255,255,.7);transform:scale(1.14);box-shadow:0 0 0 3px rgba(255,255,255,.12),0 2px 10px rgba(0,0,0,.5)}
.cc-inp{position:absolute;top:0;left:0;width:28px;height:28px;opacity:0;cursor:pointer;border:none;padding:0;border-radius:50%}
.cc-key{font-size:7px;font-weight:700;letter-spacing:.06em;color:rgba(255,255,255,.28);text-align:center;text-transform:lowercase;line-height:1}

/* Action Bar section — actbg + actbd with alpha sliders */
.cc-ab-section{padding:6px 14px 10px;border-top:1px solid rgba(255,255,255,.06)}
.cc-ab-section .cc-glbl{display:block;margin-bottom:4px}
.cc-slider-row{display:flex;align-items:center;gap:7px;padding:3px 0}
.cc-slider-dot-wrap .cc-dot{width:22px;height:22px}
.cc-slider-dot-wrap .cc-inp{width:22px;height:22px}
.cc-slider-key{font-size:8px;color:rgba(255,255,255,.3);min-width:30px;flex-shrink:0}
.cc-slider{flex:1;height:3px;-webkit-appearance:none;appearance:none;background:rgba(255,255,255,.15);border-radius:2px;cursor:pointer;accent-color:var(--g1,#6366f1)}
.cc-slider::-webkit-slider-thumb{-webkit-appearance:none;width:12px;height:12px;border-radius:50%;background:var(--g1,#6366f1);cursor:pointer;box-shadow:0 0 0 2px rgba(0,0,0,.4)}
.cc-slider-val{font-size:9px;color:rgba(255,255,255,.4);min-width:26px;text-align:right;font-variant-numeric:tabular-nums}

/* ── SECTION LABEL ── */
.slbl{display:flex;align-items:center;justify-content:center;gap:14px;margin:28px 20px 14px;color:var(--ifa);font-size:10px;letter-spacing:.36em;text-transform:uppercase;font-weight:500}
.slbl::before,.slbl::after{content:"";flex:1;max-width:60px;height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--g1) 45%,transparent) 50%,transparent)}

/* ── GLASS CARD ── */
.gc{background:var(--glass);border:1px solid var(--gbd);border-radius:20px;box-shadow:0 4px 20px var(--shad);overflow:hidden}

/* ── HERO ── */
.hero{position:relative;padding:0 0 20px;text-align:center;z-index:1;order:-1000}
.hero-banner{position:relative;width:100%;height:200px;overflow:hidden;border-radius:0}
@media(min-width:768px){.hero-banner{border-radius:40px 40px 0 0}}
.hero-banner-img{width:100%;height:100%;object-fit:cover;object-position:center;display:block;transition:transform 8s ease}
.hero-banner:hover .hero-banner-img{transform:scale(1.04)}
.hero-banner-overlay{display:none;position:absolute;inset:0}
body[data-dp-style="hero"] .hero-banner-overlay{display:block;background:linear-gradient(0deg,rgba(0,0,0,.75) 0%,rgba(0,0,0,.18) 50%,transparent 100%)}
.hero-banner-gradient{position:absolute;inset:0;background:linear-gradient(135deg,color-mix(in srgb,var(--g1) 70%,rgba(0,0,0,.4)) 0%,color-mix(in srgb,var(--g2) 55%,rgba(0,0,0,.3)) 50%,color-mix(in srgb,var(--g3) 45%,rgba(0,0,0,.5)) 100%);transition:background .5s}
.hero-inner{position:relative;margin-top:-56px;padding:0 24px 0}
.hero-inner .aring{box-shadow:0 0 0 4px var(--bg),0 0 40px color-mix(in srgb,var(--g1) 40%,transparent)}

/* ── DP placement styles (data-driven via SITE_DATA.dp_style) ────────────── */
/* 'center' = default, no overrides needed */
/* 'left' = avatar + text left-aligned */
body[data-dp-style="left"] .hero{text-align:left}
body[data-dp-style="left"] .hero-inner{padding-left:20px}
body[data-dp-style="left"] .aring-wrap{margin:0}
body[data-dp-style="left"] .aring{margin:0}
body[data-dp-style="left"] .uname,
body[data-dp-style="left"] .utag,
body[data-dp-style="left"] .usig{text-align:left}
/* 'hero' = editorial magazine cover — avatar fills the banner, text overlays bottom */
body[data-dp-style="hero"] .hero-banner{height:360px}
body[data-dp-style="hero"] .hero-banner-img{filter:brightness(.58) saturate(1.15);object-position:top center}
body[data-dp-style="hero"] .hero{text-align:left;position:relative}
body[data-dp-style="hero"] .hero-inner{position:absolute;bottom:0;left:0;right:0;margin-top:0;padding:0 22px 20px}
body[data-dp-style="hero"] .aring{display:none}
body[data-dp-style="hero"] .uname{color:#fff;text-align:left;margin-top:0;font-size:19px;letter-spacing:.06em}
body[data-dp-style="hero"] .utag{color:rgba(255,255,255,.86);text-align:left;font-size:12px}
body[data-dp-style="hero"] .usig{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.22)!important;color:rgba(255,255,255,.92)!important;text-align:left;width:fit-content}
.aring-wrap{position:relative;width:112px;height:112px;margin:0 auto}
.aring{position:relative;width:112px;height:112px;border-radius:50%;padding:3px;background:conic-gradient(from 0deg,var(--g1),var(--g2),var(--g3),var(--g1));box-shadow:0 0 40px color-mix(in srgb,var(--g1) 40%,transparent)}
.hero-inner .aring{box-shadow:0 0 0 4px var(--bg),0 0 40px color-mix(in srgb,var(--g1) 40%,transparent)}
.avt{width:100%;height:100%;border-radius:50%;background:#fff;overflow:hidden}
.avt img{width:100%;height:100%;object-fit:cover;border-radius:50%}

/* ── DP RING ANIMATIONS ── */
/* ── DP RING ANIMATIONS ─────────────────────────────────────────────────── */
/* Shared keyframe for ring rotation — used by spin & thunder */
@keyframes dpRingRot{to{transform:rotate(360deg)}}
/* Counter-rotation keeps the avatar image upright when parent rotates */
@keyframes dpRingRotRev{to{transform:rotate(-360deg)}}

/* SPIN — ring rotates, avatar stays upright via counter-rotation */
body[data-dp-ring="spin"] .aring{animation:dpRingRot 3s linear infinite}
body[data-dp-ring="spin"] .aring .avt{animation:dpRingRotRev 3s linear infinite}

/* PULSE — ripple glow expanding outward */
body[data-dp-ring="pulse"] .aring{animation:dpRingPulse 2s ease-in-out infinite}
@keyframes dpRingPulse{
  0%,100%{box-shadow:0 0 0 4px var(--bg),0 0 8px 0 color-mix(in srgb,var(--g1) 40%,transparent)}
  50%{box-shadow:0 0 0 4px var(--bg),0 0 0 10px transparent,0 0 30px 4px color-mix(in srgb,var(--g2) 65%,transparent)}
}

/* BREATHE — ring blurs and brightens rhythmically */
body[data-dp-ring="breathe"] .aring{animation:dpRingBreathe 3s ease-in-out infinite}
@keyframes dpRingBreathe{
  0%,100%{filter:blur(.5px) brightness(1);box-shadow:0 0 0 4px var(--bg),0 0 12px color-mix(in srgb,var(--g1) 30%,transparent)}
  50%{filter:blur(2px) brightness(1.45);box-shadow:0 0 0 4px var(--bg),0 0 40px color-mix(in srgb,var(--g2) 70%,transparent)}
}

/* RAINBOW — hue shifts continuously around the colour wheel */
body[data-dp-ring="rainbow"] .aring{animation:dpRingRainbow 4s linear infinite}
@keyframes dpRingRainbow{0%{filter:hue-rotate(0deg)}100%{filter:hue-rotate(360deg)}}

/* NEON — pulsing neon box-shadow */
body[data-dp-ring="neon"] .aring{animation:dpRingNeon 2s ease-in-out infinite}
@keyframes dpRingNeon{
  0%,100%{box-shadow:0 0 0 4px var(--bg),0 0 10px var(--g1),0 0 20px var(--g2)}
  50%{box-shadow:0 0 0 4px var(--bg),0 0 25px var(--g1),0 0 50px var(--g2),0 0 80px var(--g3)}
}

/* THUNDER — spin + lightning opacity flicker */
body[data-dp-ring="thunder"] .aring{animation:dpRingRot 4s linear infinite,dpRingThunder 2.5s ease-in-out infinite}
body[data-dp-ring="thunder"] .aring .avt{animation:dpRingRotRev 4s linear infinite}
@keyframes dpRingThunder{
  0%,88%,100%{opacity:1}
  90%{opacity:.2}92%{opacity:1}94%{opacity:.1}96%{opacity:1}
}

/* WAVE — hue + brightness sweeps like a wave */
body[data-dp-ring="wave"] .aring{animation:dpRingWave 3s ease-in-out infinite}
@keyframes dpRingWave{
  0%,100%{filter:hue-rotate(0deg) brightness(1)}
  33%{filter:hue-rotate(40deg) brightness(1.25)}
  66%{filter:hue-rotate(-20deg) brightness(.85)}
}

/* OFF — static ring, no animation (default .aring behaviour) */

/* GLOW — soft radial pulse (original) */
body[data-dp-ring="glow"] .aring{animation:dpRingGlow 2.8s ease-in-out infinite}
@keyframes dpRingGlow{
  0%,100%{box-shadow:0 0 0 4px var(--bg),0 0 12px 4px color-mix(in srgb,var(--g1) 40%,transparent)}
  50%{box-shadow:0 0 0 4px var(--bg),0 0 32px 12px color-mix(in srgb,var(--g2) 65%,transparent)}
}

/* AURORA — hue-rotate shifting colours (original) */
body[data-dp-ring="aurora"] .aring{animation:dpRingAurora 5s linear infinite}
@keyframes dpRingAurora{
  0%{filter:hue-rotate(0deg) brightness(1)}
  50%{filter:hue-rotate(60deg) brightness(1.2)}
  100%{filter:hue-rotate(360deg) brightness(1)}
}

/* DASH — dashed border orbiting (original) */
body[data-dp-ring="dash"] .aring{background:none;box-shadow:none;padding:0}
body[data-dp-ring="dash"] .aring::before{
  content:'';position:absolute;inset:0;border-radius:50%;
  border:3px dashed var(--g1);
  animation:dpRingRot 2s linear infinite;
  filter:drop-shadow(0 0 6px var(--g1));
}
body[data-dp-ring="dash"] .aring .avt{position:absolute;inset:3px;width:auto;height:auto;border-radius:50%}

/* ELECTRIC — flicker + fast spin (original) */
body[data-dp-ring="electric"] .aring{animation:dpRingRot 2s linear infinite,dpRingElec 0.14s linear infinite}
body[data-dp-ring="electric"] .aring .avt{animation:dpRingRotRev 2s linear infinite}
@keyframes dpRingElec{
  0%,100%{opacity:1;filter:brightness(1)}
  48%{opacity:.8;filter:brightness(1.3)}
  50%{opacity:.3;filter:brightness(2)}
  52%{opacity:.9;filter:brightness(1.1)}
  85%{opacity:.7}87%{opacity:1}
}

/* ORBIT — satellite dot orbits the avatar */
body[data-dp-ring="orbit"] .aring{overflow:visible}
body[data-dp-ring="orbit"] .aring::after{
  content:'';position:absolute;width:12px;height:12px;border-radius:50%;
  background:var(--g1);box-shadow:0 0 8px var(--g1),0 0 16px var(--g2);
  top:50%;left:50%;margin:-6px 0 0 -6px;
  transform-origin:0 0;
  animation:dpRingOrbit 2.4s linear infinite;
}
@keyframes dpRingOrbit{
  0%{transform:rotate(0deg) translateX(calc(var(--aring-r,38px) + 6px))}
  100%{transform:rotate(360deg) translateX(calc(var(--aring-r,38px) + 6px))}
}

/* FLARE — bright bloom sweeps around */
body[data-dp-ring="flare"] .aring{animation:dpRingFlare 2.6s ease-in-out infinite}
@keyframes dpRingFlare{
  0%{box-shadow:0 0 0 4px var(--bg),2px 0 18px 4px color-mix(in srgb,var(--g1) 70%,transparent),-2px 0 4px 0 transparent}
  25%{box-shadow:0 0 0 4px var(--bg),0 2px 18px 4px color-mix(in srgb,var(--g2) 70%,transparent)}
  50%{box-shadow:0 0 0 4px var(--bg),-2px 0 18px 4px color-mix(in srgb,var(--g3) 70%,transparent)}
  75%{box-shadow:0 0 0 4px var(--bg),0 -2px 18px 4px color-mix(in srgb,var(--g1) 70%,transparent)}
  100%{box-shadow:0 0 0 4px var(--bg),2px 0 18px 4px color-mix(in srgb,var(--g1) 70%,transparent)}
}

/* FROST — icy shimmer with scale breathe */
body[data-dp-ring="frost"] .aring{animation:dpRingFrost 4s ease-in-out infinite}
@keyframes dpRingFrost{
  0%,100%{filter:brightness(1) saturate(.8) hue-rotate(0deg);box-shadow:0 0 0 4px var(--bg),0 0 14px 2px rgba(148,226,255,.4)}
  33%{filter:brightness(1.2) saturate(.5) hue-rotate(20deg);box-shadow:0 0 0 4px var(--bg),0 0 22px 5px rgba(186,240,255,.5)}
  66%{filter:brightness(.9) saturate(1) hue-rotate(-10deg);box-shadow:0 0 0 4px var(--bg),0 0 10px 1px rgba(99,214,255,.25)}
}

/* PLASMA — rapid color shift + scale micro-pulse */
body[data-dp-ring="plasma"] .aring{animation:dpRingPlasma 1.4s linear infinite}
@keyframes dpRingPlasma{
  0%{filter:hue-rotate(0deg) brightness(1.1);box-shadow:0 0 0 4px var(--bg),0 0 12px var(--g1)}
  33%{filter:hue-rotate(120deg) brightness(1.3);box-shadow:0 0 0 4px var(--bg),0 0 18px var(--g2)}
  66%{filter:hue-rotate(240deg) brightness(1.1);box-shadow:0 0 0 4px var(--bg),0 0 12px var(--g3)}
  100%{filter:hue-rotate(360deg) brightness(1.1);box-shadow:0 0 0 4px var(--bg),0 0 12px var(--g1)}
}

/* ── STATUS ROW (Available + Open Now side-by-side) ── */
.status-row{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:8px;margin-top:12px;animation:rise .9s .3s both}

/* ── OPEN NOW BADGE — inline in status-row ── */
.open-now-badge{
  display:inline-flex;align-items:center;gap:5px;
  padding:5px 13px;border-radius:999px;
  font-size:11px;font-weight:500;letter-spacing:.02em;
  white-space:nowrap;
  border:1px solid;
  cursor:default;
}
.open-now-badge.open{background:rgba(2,132,199,.1);border-color:rgba(2,132,199,.22);color:#0284c7}
.open-now-badge.closed{background:rgba(239,68,68,.1);border-color:rgba(239,68,68,.2);color:#dc2626}
.open-now-badge .ondot{width:6px;height:6px;border-radius:50%;flex-shrink:0}
.open-now-badge.open .ondot{background:#0284c7;box-shadow:0 0 6px #0284c7;animation:pd 1.8s ease-out infinite}
.open-now-badge.closed .ondot{background:#dc2626}
/* keep .usig margin override — status-row now handles spacing */
.status-row .usig{margin-top:0;animation:none}
/* ── OPEN NOW BADGE — positional variants ── */
body[data-open-now-pos="beside_avatar"] .hero-inner{position:relative}
body[data-open-now-pos="beside_avatar"] .open-now-badge{
  position:absolute;top:84px;left:50%;
  transform:translateX(36px);
  font-size:9px;padding:3px 8px;z-index:5;
  box-shadow:0 2px 8px rgba(0,0,0,.3);
}
body[data-open-now-pos="overlay"] .open-now-badge{
  position:fixed;top:16px;left:50%;
  transform:translateX(-50%);
  z-index:500;padding:6px 16px;
  box-shadow:0 4px 20px rgba(0,0,0,.3);
  backdrop-filter:blur(14px);
}

/* ── COVER: avatar centered ON tall header image ── */
body[data-dp-style="cover"] .hero-banner{height:65vh;min-height:320px}
body[data-dp-style="cover"] .hero-banner-img{filter:brightness(.58) saturate(1.12);object-position:center}
body[data-dp-style="cover"] .hero-banner-overlay{display:block;background:linear-gradient(0deg,rgba(0,0,0,.72) 0%,rgba(0,0,0,.12) 55%,transparent 100%)}
body[data-dp-style="cover"] .hero{text-align:center;position:relative}
body[data-dp-style="cover"] .hero-inner{position:absolute;bottom:0;left:0;right:0;margin-top:0;padding:0 20px 28px;display:flex;flex-direction:column;align-items:center}
body[data-dp-style="cover"] .aring{box-shadow:0 0 0 4px rgba(255,255,255,.2),0 0 40px color-mix(in srgb,var(--g1) 55%,transparent)}
body[data-dp-style="cover"] .uname{color:#fff;margin-top:12px;text-shadow:0 2px 14px rgba(0,0,0,.55)}
body[data-dp-style="cover"] .utag{color:rgba(255,255,255,.82);text-shadow:0 1px 8px rgba(0,0,0,.5)}
body[data-dp-style="cover"] .usig{background:rgba(255,255,255,.13)!important;border-color:rgba(255,255,255,.22)!important;color:rgba(255,255,255,.92)!important}
body[data-dp-style="cover"] .status-row{margin-top:8px}

/* ── SEAL: header image + avatar as wax seal at seam ── */
body[data-dp-style="seal"] .hero-banner{height:42vh;min-height:200px}
body[data-dp-style="seal"] .hero-banner-img{filter:brightness(.78) saturate(1.05)}
body[data-dp-style="seal"] .hero-banner-overlay{display:block;background:linear-gradient(0deg,rgba(0,0,0,.3) 0%,transparent 55%)}
body[data-dp-style="seal"] .hero{text-align:center}
body[data-dp-style="seal"] .hero-inner{position:relative;margin-top:-60px;padding:0 20px 0}
body[data-dp-style="seal"] .aring{box-shadow:0 0 0 5px var(--bg),0 0 0 7px color-mix(in srgb,var(--g1) 55%,transparent),0 8px 32px rgba(0,0,0,.28)}

/* ── BANNER ONLY HERO MODE ── */
body[data-dp-style="banner_only"] .hero-banner{height:280px}
body[data-dp-style="banner_only"] .aring-wrap{display:none}
body[data-dp-style="banner_only"] .hero-inner{position:absolute;bottom:0;left:0;right:0;margin-top:0;padding:0}
body[data-dp-style="banner_only"] .uname,
body[data-dp-style="banner_only"] .utag,
body[data-dp-style="banner_only"] .usig{display:none}
body[data-dp-style="banner_only"] .hero-banner-overlay{display:block;background:linear-gradient(0deg,rgba(0,0,0,.65) 0%,rgba(0,0,0,.1) 55%,transparent 100%)}
/* with text overlay */
body[data-hero-overlay="1"][data-dp-style="banner_only"] .uname,
body[data-hero-overlay="1"][data-dp-style="banner_only"] .utag{display:block;color:#fff;text-align:left;padding:0 22px}
body[data-hero-overlay="1"][data-dp-style="banner_only"] .hero-inner{padding-bottom:18px}
body[data-hero-overlay="1"][data-dp-style="banner_only"] .uname{font-size:19px;letter-spacing:.06em;margin-top:0}
body[data-hero-overlay="1"][data-dp-style="banner_only"] .utag{color:rgba(255,255,255,.8);font-size:12px;margin-top:5px}

/* ── GALLERY LIGHTBOX ── */
.lb-overlay{position:fixed;inset:0;z-index:9000;background:rgba(0,0,0,.93);display:flex;flex-direction:column;align-items:center;justify-content:center;backdrop-filter:blur(4px);animation:lbIn .2s ease}
@keyframes lbIn{from{opacity:0}to{opacity:1}}
.lb-stage{flex:1;display:flex;align-items:center;justify-content:center;width:100%;overflow:hidden;padding:56px 50px 12px}
.lb-img-wrap{position:relative;max-width:100%;max-height:100%;display:flex;align-items:center;justify-content:center;transition:transform .2s;touch-action:pinch-zoom}
.lb-img-wrap img{max-width:100%;max-height:calc(100vh - 140px);object-fit:contain;border-radius:8px;box-shadow:0 8px 60px rgba(0,0,0,.6);user-select:none;-webkit-user-drag:none;transition:transform .25s ease}
.lb-close{position:fixed;top:16px;right:20px;width:38px;height:38px;border-radius:50%;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.18);color:#fff;font-size:16px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9010;transition:.2s;backdrop-filter:blur(8px)}
.lb-close:hover{background:rgba(255,255,255,.25)}
.lb-nav{position:fixed;top:50%;transform:translateY(-50%);width:42px;height:42px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);color:#fff;font-size:24px;cursor:pointer;display:flex;align-items:center;justify-content:center;z-index:9010;transition:.2s;backdrop-filter:blur(8px);line-height:1}
.lb-nav:hover{background:rgba(255,255,255,.22)}
.lb-prev{left:12px}.lb-next{right:12px}
.lb-footer{padding:10px 20px 20px;text-align:center;flex-shrink:0}
.lb-caption{font-size:12px;color:rgba(255,255,255,.75);font-weight:500;letter-spacing:.04em;margin-bottom:5px}
.lb-counter{font-size:10px;color:rgba(255,255,255,.38);letter-spacing:.08em}
@media(max-width:480px){.lb-prev{left:6px}.lb-next{right:6px}.lb-stage{padding:56px 46px 12px}}
.uname{font-family:'Unbounded';font-weight:700;font-size:21px;color:var(--ink);letter-spacing:-.015em;margin-top:16px;animation:rise .9s both}
@keyframes rise{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}
.utag{margin-top:7px;font-size:10px;letter-spacing:.26em;text-transform:uppercase;color:var(--idim);font-weight:500;animation:rise .9s .15s both}
.utag em{font-style:normal;color:var(--g2)}
.usig{display:inline-flex;align-items:center;gap:7px;margin-top:12px;padding:5px 13px;border-radius:999px;background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.22);font-size:11px;color:#15803d;font-weight:500;animation:rise .9s .3s both}
.dot{width:6px;height:6px;border-radius:50%;background:#16a34a;box-shadow:0 0 8px #16a34a;animation:pd 1.8s ease-out infinite}
@keyframes pd{0%{box-shadow:0 0 0 0 rgba(22,163,74,.5)}70%{box-shadow:0 0 0 8px transparent}100%{box-shadow:0 0 0 0 transparent}}

/* ── VENTURE CARDS ── */
.grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;padding:0 20px}
.card{position:relative;aspect-ratio:1/.73;border-radius:18px;overflow:hidden;background:var(--bgc);border:1px solid var(--gbd);box-shadow:0 4px 20px var(--shad);display:block;transition:transform .4s cubic-bezier(.2,.7,.1,1),box-shadow .4s}
.card:hover{transform:translateY(-5px);box-shadow:0 24px 50px -16px color-mix(in srgb,var(--g1) 30%,transparent)}
.cbg{position:absolute;inset:0;transition:transform .55s cubic-bezier(.2,.7,.1,1)}
.card:hover .cbg{transform:scale(1.07)}
.clogo{position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);width:48%;aspect-ratio:1;background-size:contain;background-repeat:no-repeat;background-position:center;filter:drop-shadow(0 8px 18px rgba(0,0,0,.25));z-index:1;transition:transform .5s}
.card:hover .clogo{transform:translate(-50%,-56%)scale(1.04)}
.cshade{position:absolute;inset:0;background:linear-gradient(180deg,transparent 0%,rgba(0,0,0,.25) 55%,rgba(0,0,0,.85) 100%);z-index:1}
.ctag{position:absolute;top:7px;left:7px;z-index:3;padding:3px 8px;border-radius:999px;background:rgba(255,255,255,.88);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.4);font-size:8px;letter-spacing:.14em;text-transform:uppercase;color:#1a1a2e;font-weight:700}
.cinfo{position:absolute;left:10px;right:10px;bottom:8px;z-index:3}
.ctitle{font-family:'Unbounded';font-weight:700;color:#fff;font-size:10px;line-height:1.1}
.csub{font-size:8px;color:rgba(255,255,255,.72);margin-top:2px;letter-spacing:.07em;text-transform:uppercase}
.crole{font-size:8px;color:rgba(255,255,255,.55);margin-top:1px;font-style:italic}
/* Venture-card backgrounds and logos are set inline per-card by buildVentureCards() — no per-id CSS needed */

/* ── LINK ROWS ── */
.links{padding:0 20px;display:flex;flex-direction:column;gap:9px}
.li{display:flex;align-items:center;gap:13px;padding:12px 15px;border-radius:16px;background:var(--glass);border:1px solid var(--gbd);box-shadow:0 3px 14px var(--shad);transition:transform .3s cubic-bezier(.2,.7,.1,1),box-shadow .3s;cursor:pointer}
.li:hover{transform:translateX(4px)translateY(-2px);box-shadow:0 10px 28px color-mix(in srgb,var(--g1) 15%,transparent)}
.li-ic{width:42px;height:42px;border-radius:12px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:17px;box-shadow:0 3px 10px rgba(0,0,0,.15)}
.li-ic svg{width:19px;height:19px;color:#fff}
.li-txt{flex:1;min-width:0}
.li-title{font-family:'Unbounded';font-weight:600;font-size:11.5px;color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.li-desc{font-size:10.5px;color:var(--idim);margin-top:2px;line-height:1.4;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.li-arr{width:26px;height:26px;border-radius:999px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--g1) 8%,transparent);border:1px solid color-mix(in srgb,var(--g1) 15%,transparent);transition:.25s}
.li:hover .li-arr{background:var(--grad);border-color:transparent}
.li:hover .li-arr svg{color:#fff}
.li-arr svg{width:11px;height:11px;color:var(--g3);transition:.25s}

/* ── PDF BOX ── */
.pdfbox{margin:0 20px}
.pdfbox .gc{overflow:hidden}
.pdf-hdr{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid var(--gbd)}
.pdf-ic{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center}
.pdf-ic svg{width:19px;height:19px;color:#fff}
.pdf-ic.red{background:linear-gradient(135deg,#dc2626,#f97316);box-shadow:0 3px 10px rgba(220,38,38,.25)}
.pdf-ic.amber{background:linear-gradient(135deg,#d97706,#ea580c);box-shadow:0 3px 10px rgba(217,119,6,.25)}
.pdf-ic.blue{background:linear-gradient(135deg,#1d4ed8,#3b82f6);box-shadow:0 3px 10px rgba(29,78,216,.25)}
.pdf-ic.green{background:linear-gradient(135deg,#15803d,#22c55e);box-shadow:0 3px 10px rgba(21,128,61,.25)}
.pdf-ic.violet{background:linear-gradient(135deg,#6d28d9,#a855f7);box-shadow:0 3px 10px rgba(109,40,217,.25)}
.pdf-hdr-txt{flex:1}
.pdf-hdr-title{font-family:'Unbounded';font-weight:700;font-size:12px;color:var(--ink)}
.pdf-hdr-meta{font-size:10px;color:var(--idim);margin-top:2px}
.pdf-tbtn{padding:6px 13px;border-radius:999px;font-size:11px;font-weight:500;background:var(--grad);color:#fff;border:none;cursor:pointer;box-shadow:0 3px 10px color-mix(in srgb,var(--g1) 30%,transparent);transition:.25s;font-family:'Outfit'}
.pdf-tbtn:hover{filter:brightness(1.1)}
.pdf-body{display:grid;grid-template-rows:0fr;transition:grid-template-rows .6s cubic-bezier(.2,.7,.1,1)}
.pdf-body.open{grid-template-rows:1fr}
.pdf-body-inner{overflow:hidden}
.menu-wrap{height:800px;overflow:hidden;position:relative;transition:height .7s cubic-bezier(.2,.7,.1,1)}
.menu-wrap.full{height:auto;overflow:visible}
.menu-fade{position:absolute;bottom:0;left:0;right:0;height:120px;background:linear-gradient(to top,var(--bgc),transparent);pointer-events:none;transition:opacity .4s}
.menu-wrap.full .menu-fade{opacity:0;pointer-events:none}
.pdf-canvas{padding:8px;background:rgba(0,0,0,.03)}
.pdf-canvas canvas{width:100%!important;height:auto!important;border-radius:8px;display:block;margin-bottom:6px;box-shadow:0 2px 12px rgba(0,0,0,.12)}
.pdf-more-bar{text-align:center;padding:10px;border-top:1px solid var(--gbd)}
.pdf-more-btn{padding:6px 18px;border-radius:999px;font-size:11px;font-weight:500;background:color-mix(in srgb,var(--g1) 8%,transparent);border:1px solid color-mix(in srgb,var(--g1) 20%,transparent);color:var(--g1);cursor:pointer;font-family:'Outfit';transition:.25s}
.pdf-more-btn:hover{background:color-mix(in srgb,var(--g1) 14%,transparent)}
.menu-exp-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:12px;border:none;cursor:pointer;font-family:'Unbounded';font-size:11px;font-weight:700;letter-spacing:.05em;color:#fff;background:var(--grad);transition:filter .25s}
.menu-exp-btn:hover{filter:brightness(1.1)}
.menu-exp-btn svg{width:14px;height:14px;transition:transform .3s}
.menu-exp-btn.open svg{transform:rotate(180deg)}

/* ── PHOTO GALLERY ── */
.gal-sec{padding:0 20px}
.gal-header{display:flex;align-items:center;gap:12px;padding:13px 15px;border-radius:16px;background:var(--glass);border:1px solid var(--gbd);box-shadow:0 3px 14px var(--shad);cursor:pointer;transition:border-color .25s;margin-bottom:0}
.gal-header:hover{border-color:color-mix(in srgb,var(--g1) 35%,transparent)}
.gal-header-left{display:flex;align-items:center;gap:12px;flex:1}
.gal-ic{width:40px;height:40px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#ec4899);box-shadow:0 3px 10px rgba(124,58,237,.25)}
.gal-ic svg{width:20px;height:20px;color:#fff}
.gal-hdr-title{font-family:'Unbounded';font-weight:700;font-size:12px;color:var(--ink)}
.gal-hdr-meta{font-size:10px;color:var(--idim);margin-top:2px}
.gal-tbtn{padding:6px 13px;border-radius:999px;font-size:11px;font-weight:500;background:var(--grad);color:#fff;border:none;cursor:pointer;box-shadow:0 3px 10px color-mix(in srgb,var(--g1) 30%,transparent);transition:.25s;font-family:'Outfit';white-space:nowrap}
.gal-body{overflow:hidden;max-height:0;transition:max-height .6s cubic-bezier(.2,.7,.1,1);margin-top:6px}
.gal-body.open{max-height:2400px}
.gal-body-inner{overflow:visible;padding:0 0 4px}
.gal-grid{columns:2;column-gap:6px;padding:6px 0 0}
.gphoto{break-inside:avoid;border-radius:12px;overflow:hidden;display:block;position:relative;cursor:pointer;transition:transform .3s;margin-bottom:6px}
.gphoto:hover{transform:scale(1.02)}
.gphoto img{width:100%;height:auto;display:block}
.gp-placeholder{aspect-ratio:1;display:flex;align-items:center;justify-content:center;font-size:30px;position:relative}
.gphoto .gpbg{position:absolute;inset:0}
.gphoto .gpem{position:relative;z-index:1;filter:drop-shadow(0 2px 6px rgba(0,0,0,.4))}
.gphoto .gplbl{position:absolute;bottom:0;left:0;right:0;background:linear-gradient(to top,rgba(0,0,0,.65),transparent);padding:12px 8px 6px;font-size:9px;color:#fff;font-weight:500;letter-spacing:.06em;text-transform:uppercase;z-index:2}
.gal-show-more{text-align:center;padding:10px 0 4px}
.gal-more-btn{padding:7px 20px;border-radius:999px;font-size:11px;font-weight:500;background:color-mix(in srgb,var(--g1) 8%,transparent);border:1px solid color-mix(in srgb,var(--g1) 20%,transparent);color:var(--g1);cursor:pointer;font-family:'Outfit';transition:.25s}
.gal-more-btn:hover{background:color-mix(in srgb,var(--g1) 14%,transparent)}

/* ── MEDIA TICKER ── */
.media-sec{padding:0 20px}
.media-box{border-radius:20px;overflow:hidden;background:var(--glass);border:1px solid var(--gbd);box-shadow:0 4px 20px var(--shad)}
.media-lbl{padding:11px 16px 0;font-size:9px;letter-spacing:.36em;text-transform:uppercase;color:var(--ifa);font-weight:500;text-align:center}
.ticker-outer{position:relative;overflow:hidden;padding:10px 0}
.ticker-outer::before,.ticker-outer::after{content:"";position:absolute;top:0;bottom:0;width:32px;z-index:2;pointer-events:none}
.ticker-outer::before{left:0;background:linear-gradient(to right,var(--glass),transparent)}
.ticker-outer::after{right:0;background:linear-gradient(to left,var(--glass),transparent)}
.ticker-track{display:flex;width:max-content;animation:tick 30s linear infinite}
.ticker-track:hover{animation-play-state:paused}
@keyframes tick{from{transform:translateX(0)}to{transform:translateX(-50%)}}
.m-item{display:flex;flex-direction:column;align-items:center;gap:4px;padding:5px 14px;cursor:pointer;flex-shrink:0;transition:transform .2s}
.m-item:hover{transform:scale(1.1)}
.m-chip{height:28px;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:10px;color:var(--idim);padding:3px 10px;border-radius:8px;background:color-mix(in srgb,var(--bgc) 80%,transparent);border:1px solid var(--gbd);white-space:nowrap;transition:.2s;min-width:68px;text-align:center}
.m-item:hover .m-chip{color:var(--g1);border-color:color-mix(in srgb,var(--g1) 35%,transparent);background:var(--bgc)}
.m-note{font-size:8px;color:var(--ifa);letter-spacing:.05em}

/* ── VIDEO BLOCK ── */
.vid-sec{padding:0 20px}
.vid-box{border-radius:20px;overflow:hidden;background:var(--glass);border:1px solid var(--gbd);box-shadow:0 4px 20px var(--shad)}
.vid-hdr{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid var(--gbd)}
.vid-ic{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#dc2626,#c2410c);box-shadow:0 3px 10px rgba(220,38,38,.25)}
.vid-ic svg{width:19px;height:19px;color:#fff}
.vid-hdr-txt{flex:1}
.vid-hdr-title{font-family:'Unbounded';font-weight:700;font-size:12px;color:var(--ink)}
.vid-hdr-meta{font-size:10px;color:var(--idim);margin-top:2px}
.vid-frame{position:relative;padding-bottom:56.25%;background:#000}
.vid-frame iframe{position:absolute;inset:0;width:100%;height:100%;border:none}

/* ── PRODUCTS (Netflix style) ── */
.prod-sec{padding:0}.prod-sec-hdr{padding:0 20px;margin-bottom:10px}
.prod-hdr{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}
.prod-hdr-left{display:flex;align-items:center;gap:10px}
.prod-ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--grad);box-shadow:0 3px 10px color-mix(in srgb,var(--g1) 30%,transparent)}
.prod-ic svg{width:19px;height:19px;color:#fff}
.prod-title{font-family:'Unbounded';font-weight:700;font-size:13px;color:var(--ink)}
.prod-scroll{display:flex;gap:12px;overflow-x:auto;padding:2px 0 10px;scrollbar-width:none;scroll-snap-type:x mandatory}
.prod-scroll::-webkit-scrollbar{display:none}
.pcard{flex-shrink:0;width:200px;border-radius:18px;overflow:hidden;background:var(--glass);border:1px solid var(--gbd);box-shadow:0 4px 20px var(--shad);scroll-snap-align:start;transition:transform .3s}
.pcard:hover{transform:translateY(-4px);box-shadow:0 14px 36px color-mix(in srgb,var(--g1) 20%,transparent)}
.pcard-top{height:100px;display:flex;align-items:center;justify-content:center;font-size:36px;position:relative}
.pcard-badge{position:absolute;top:8px;right:8px;padding:2px 8px;border-radius:999px;background:rgba(255,255,255,.9);font-size:8px;font-weight:700;letter-spacing:.08em;color:#1a1a2e;text-transform:uppercase}
.pcard-body{padding:12px 14px 14px}
.pcard-title{font-family:'Unbounded';font-weight:700;font-size:11px;color:var(--ink);line-height:1.3}
.pcard-desc{font-size:10px;color:var(--idim);margin-top:5px;line-height:1.5}
.pcard-price{font-family:'Unbounded';font-weight:800;font-size:14px;margin-top:10px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.pcard-cta{display:block;margin-top:10px;padding:7px 0;border-radius:999px;text-align:center;background:var(--grad);color:#fff;font-size:10.5px;font-weight:600;font-family:'Outfit';letter-spacing:.04em;transition:.25s}
.pcard-cta:hover{filter:brightness(1.1)}

/* ── WORKING HOURS ── */
.hrs-sec{padding:0 20px}
.hrs-hdr{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid var(--gbd)}
.hrs-ic{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#1d4ed8,#0891b2);box-shadow:0 3px 10px rgba(29,78,216,.25)}
.hrs-ic svg{width:19px;height:19px;color:#fff}
.hrs-hdr-txt{flex:1}
.hrs-hdr-title{font-family:'Unbounded';font-weight:700;font-size:12px;color:var(--ink)}
.hrs-status{display:inline-flex;align-items:center;gap:5px;font-size:10px;font-weight:600;padding:3px 9px;border-radius:999px}
.hrs-status.open-now{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.22);color:#15803d}
.hrs-status.closed-now{background:rgba(239,68,68,.1);border:1px solid rgba(239,68,68,.22);color:#dc2626}
.sdot{width:5px;height:5px;border-radius:50%;background:#16a34a;animation:pd 1.8s ease-out infinite}
.sdot.red{background:#ef4444;animation:none}
.hrs-grid{padding:10px 15px;display:flex;flex-direction:column;gap:2px}
.hrow{display:flex;justify-content:space-between;align-items:center;padding:6px 0;border-bottom:1px solid color-mix(in srgb,var(--g1) 6%,transparent)}
.hrow:last-child{border-bottom:none}
.hday{font-size:11px;color:var(--idim)}
.htime{font-size:11px;color:var(--ink);font-weight:500}
.hrow.today .hday,.hrow.today .htime{color:var(--g1);font-weight:700}
.hrow.closed .htime{color:var(--ifa);font-style:italic;font-weight:300}

/* ── MAP ── */
.map-sec{padding:0 20px}
.map-hdr{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid var(--gbd)}
.map-pic{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#16a34a,#0891b2);box-shadow:0 3px 10px rgba(22,163,74,.22)}
.map-pic svg{width:19px;height:19px;color:#fff}
.map-hdr-txt{flex:1}
.map-hdr-title{font-family:'Unbounded';font-weight:700;font-size:12px;color:var(--ink)}
.map-addr{font-size:10px;color:var(--idim);margin-top:2px;line-height:1.5}
.map-frame{position:relative;height:260px;background:#e8eeff}
.map-frame iframe{width:100%;height:100%;border:none;display:block}
.map-ov{position:absolute;bottom:10px;right:10px;display:flex;gap:6px}
.mbtn{display:inline-flex;align-items:center;gap:5px;padding:6px 11px;border-radius:999px;background:rgba(255,255,255,.92);backdrop-filter:blur(12px);border:1px solid rgba(58,91,173,.2);font-size:10px;color:#2549a8;font-weight:500;box-shadow:0 3px 12px rgba(0,0,0,.12);transition:.25s;cursor:pointer}
.mbtn:hover{background:#fff}
.mbtn svg{width:10px;height:10px}

/* ── REVIEWS ── */
.rev-sec{padding:0 20px}
.rev-hdr{display:flex;align-items:center;gap:11px;padding:13px 15px;border-bottom:1px solid var(--gbd)}
.rev-ic{width:38px;height:38px;border-radius:10px;flex-shrink:0;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d97706,#f59e0b);box-shadow:0 3px 10px rgba(217,119,6,.22)}
.rev-ic svg{width:19px;height:19px;color:#fff}
.rev-hdr-txt{flex:1}
.rev-hdr-title{font-family:'Unbounded';font-weight:700;font-size:12px;color:var(--ink)}
.rev-meta{font-size:10px;color:var(--idim);margin-top:2px;display:flex;align-items:center;gap:5px}
.rnum{font-weight:700;color:var(--ink);font-size:12px}
.str{color:#f59e0b;font-size:11px}
.gbadge{display:inline-flex;align-items:center;gap:4px;padding:3px 8px;border-radius:999px;background:color-mix(in srgb,var(--bgc) 80%,transparent);border:1px solid var(--gbd);font-size:10px;color:var(--idim)}
.rev-body{overflow:hidden}
.rev-card.rev-clamped{display:none}
.rev-card{padding:13px 15px;border-bottom:1px solid color-mix(in srgb,var(--g1) 6%,transparent)}
.rev-card:last-child{border-bottom:none}
.rev-top{display:flex;align-items:flex-start;gap:10px;margin-bottom:7px}
.rav{width:35px;height:35px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-family:'Unbounded';font-weight:700;font-size:12px;color:#fff}
.rinfo{flex:1}
.rname{font-weight:600;font-size:12px;color:var(--ink)}
.rdate{font-size:10px;color:var(--ifa);margin-top:1px}
.rstars{display:flex;gap:2px;margin-top:2px}
.rtxt{font-size:11.5px;color:var(--idim);line-height:1.65}
.rev-footer{padding:11px 15px;border-top:1px solid var(--gbd);display:flex;gap:8px;align-items:center;justify-content:center}
.revtog{padding:7px 18px;border-radius:999px;font-size:11px;font-weight:500;background:color-mix(in srgb,var(--g1) 8%,transparent);border:1px solid color-mix(in srgb,var(--g1) 20%,transparent);color:var(--g1);cursor:pointer;transition:.25s;font-family:'Outfit';letter-spacing:.04em}
.revtog:hover{background:color-mix(in srgb,var(--g1) 14%,transparent)}

/* ── PREV/BIO/STATS ── */
.prev-sec{padding:0 20px}
.prev-logos{display:flex;align-items:center;justify-content:center;gap:20px;flex-wrap:wrap;padding:16px}
.prev-li{display:flex;flex-direction:column;align-items:center;gap:5px}
.prev-img{height:40px;width:auto;max-width:110px;object-fit:contain;border-radius:8px;filter:grayscale(20%);transition:.25s}
.prev-img:hover{filter:grayscale(0%);transform:scale(1.05)}
.prev-lbl{font-size:8px;color:var(--ifa);letter-spacing:.08em}
.bio-sec{padding:0 24px;text-align:center}
.bio-sec p{font-size:13px;color:var(--idim);line-height:1.7;max-width:380px;margin:0 auto;font-weight:300}
.bio-sec strong{color:var(--ink);font-weight:500}
.bio-sec em{font-style:normal;color:var(--g1);font-weight:500}
.pills{padding:0 20px;margin-top:8px;display:flex;flex-wrap:wrap;gap:5px;justify-content:center}
.pill{padding:5px 11px;border-radius:999px;background:var(--glass);border:1px solid var(--gbd);font-size:10px;color:var(--idim);font-weight:400;transition:.25s}
.pill:hover{color:var(--g1);border-color:color-mix(in srgb,var(--g1) 35%,transparent)}

/* ── CONNECT ── */
.soc-sec{padding:0 20px;margin-top:28px}
.soc-box{border-radius:20px;overflow:hidden;background:var(--glass);border:1px solid var(--gbd);box-shadow:0 4px 20px var(--shad);padding:16px}
.soc-lbl{font-size:9px;letter-spacing:.36em;color:var(--ifa);text-align:center;margin-bottom:12px;font-weight:500}
.socs{display:flex;flex-wrap:wrap;gap:7px;justify-content:center}
.soc{display:inline-flex;align-items:center;gap:6px;padding:7px 12px;border-radius:999px;background:var(--glass);border:1px solid var(--gbd);font-size:11px;color:var(--ink);font-weight:400;transition:.25s}
.soc svg{width:12px;height:12px;flex-shrink:0}
.soc.ln:hover{background:rgba(0,119,181,.1);border-color:rgba(0,119,181,.35);color:#0077b5}
.soc.ig:hover{background:rgba(225,48,108,.08);border-color:rgba(225,48,108,.35);color:#e1306c}
.soc.fb:hover{background:rgba(24,119,242,.08);border-color:rgba(24,119,242,.35);color:#1877f2}
.soc.tw:hover{background:rgba(0,0,0,.06);border-color:rgba(0,0,0,.2);color:#000}
.soc.web:hover{background:color-mix(in srgb,var(--g1) 8%,transparent);border-color:color-mix(in srgb,var(--g1) 35%,transparent);color:var(--g1)}
.hero-ld-pill{position:absolute;top:10px;right:10px;z-index:10;width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.32);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.22);display:flex;align-items:center;justify-content:center;font-size:15px;cursor:pointer;transition:.2s;box-shadow:0 2px 10px rgba(0,0,0,.35)}
.hero-ld-pill:hover{background:rgba(0,0,0,.5);transform:scale(1.1)}
.attr-v1 .attr-sec{padding:6px 20px 0;text-align:center}
.attr-v1 .attr-inner{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:color-mix(in srgb,var(--g1) 7%,transparent);border:1px solid color-mix(in srgb,var(--g1) 18%,transparent);font-size:11px;color:var(--ink);transition:.25s;text-decoration:none}
.attr-v1 .attr-inner:hover{border-color:color-mix(in srgb,var(--g1) 35%,transparent);transform:translateY(-1px)}
.attr-v1 .attr-brand strong{font-family:'Unbounded';font-weight:700;color:var(--ink)}
.attr-v1 .attr-brand strong em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.attr-v2 .attr-sec{padding:6px 20px 0;text-align:center}
.attr-v2 .attr-inner{display:inline-flex;align-items:center;gap:6px;font-size:9px;letter-spacing:.2em;text-transform:uppercase;color:var(--ifa);text-decoration:none;transition:.2s}
.attr-v2 .attr-inner:hover{color:var(--g1)}
.attr-v2 .attr-dot{width:4px;height:4px;border-radius:50%;background:var(--g2);opacity:.5}
.attr-v2 .attr-brand{font-family:'Unbounded';font-weight:600;font-size:8px;letter-spacing:.15em;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.attr-v3 .attr-sec{padding:6px 0 0;text-align:center;position:relative}
.attr-v3 .attr-glow-line{height:1px;background:linear-gradient(90deg,transparent,color-mix(in srgb,var(--g1) 50%,transparent) 30%,color-mix(in srgb,var(--g2) 60%,transparent) 50%,color-mix(in srgb,var(--g3) 50%,transparent) 70%,transparent);margin-bottom:10px;animation:attr-glow-pulse 3s ease-in-out infinite}
@keyframes attr-glow-pulse{0%,100%{opacity:.5}50%{opacity:1}}
.attr-v3 .attr-inner{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;font-size:11px;color:var(--ifa);text-decoration:none;transition:.2s}
.attr-v3 .attr-inner:hover{color:var(--g1)}
.attr-v3 .attr-brand{font-family:'Unbounded';font-weight:700;font-size:10px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.attr-v4 .attr-sec{padding:10px 20px 0;text-align:center}
.attr-v4 .attr-inner{display:inline-flex;align-items:center;gap:10px;padding:10px 18px;border-radius:16px;background:var(--glass);border:1px solid var(--gbd);box-shadow:0 2px 14px var(--shad);font-size:11px;color:var(--ink);text-decoration:none;transition:.25s}
.attr-v4 .attr-inner:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--g1) 14%,transparent)}
.attr-v4 .attr-logo-dot{width:22px;height:22px;border-radius:6px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:900;color:#fff;font-family:'Unbounded';flex-shrink:0}
.attr-v4 .attr-text{display:flex;flex-direction:column;align-items:flex-start;gap:1px}
.attr-v4 .attr-label{font-size:8px;letter-spacing:.18em;text-transform:uppercase;color:var(--ifa)}
.attr-v4 .attr-brand{font-family:'Unbounded';font-weight:700;font-size:10px;color:var(--ink)}
.attr-v4 .attr-brand em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.attr-v5 .attr-sec{padding:6px 20px 0;text-align:center}
.attr-v5 .attr-inner{display:inline-flex;align-items:center;gap:7px;padding:5px 12px 5px 5px;border-radius:999px;background:var(--bg);border:1px solid var(--gbd);font-size:10.5px;color:var(--ink);text-decoration:none;transition:.2s;box-shadow:0 2px 10px var(--shad)}
.attr-v5 .attr-inner:hover{box-shadow:0 6px 18px color-mix(in srgb,var(--g1) 14%,transparent);transform:translateY(-1px)}
.attr-v5 .attr-avatar{width:22px;height:22px;border-radius:50%;background:var(--grad);flex-shrink:0;animation:spin 6s linear infinite}
.attr-v5 .attr-brand{font-family:'Unbounded';font-weight:700;font-size:9.5px}
.attr-v5 .attr-brand em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.attr-v5 .attr-chip-arr{font-size:9px;color:var(--ifa)}

/* v6 — Neon Ink: dark glass pill with neon glow border */
.attr-v6 .attr-sec{padding:8px 20px 0;text-align:center}
.attr-v6 .attr-inner{display:inline-flex;align-items:center;gap:8px;padding:7px 16px;border-radius:12px;background:rgba(0,0,0,.45);border:1px solid color-mix(in srgb,var(--g1) 55%,transparent);box-shadow:0 0 12px color-mix(in srgb,var(--g1) 25%,transparent),inset 0 1px 0 rgba(255,255,255,.07);backdrop-filter:blur(12px);text-decoration:none;color:rgba(255,255,255,.85);transition:.2s}
.attr-v6 .attr-inner:hover{box-shadow:0 0 20px color-mix(in srgb,var(--g1) 40%,transparent);border-color:color-mix(in srgb,var(--g1) 75%,transparent)}
.attr-v6 .attr-brand{font-family:'Unbounded';font-weight:700;font-size:9px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

/* v7 — Stamp: uppercase letterpress style */
.attr-v7 .attr-sec{padding:8px 20px 0;text-align:center}
.attr-v7 .attr-inner{display:inline-flex;align-items:center;gap:7px;padding:6px 14px;border-radius:4px;background:transparent;border:2px solid var(--ink);text-decoration:none;color:var(--ink);transition:.2s;opacity:.65}
.attr-v7 .attr-inner:hover{opacity:1}
.attr-v7 .attr-brand{font-family:'Unbounded';font-weight:800;font-size:9px;letter-spacing:.22em;text-transform:uppercase;color:var(--ink)}
.attr-v7 .attr-pfx{font-size:7px;letter-spacing:.24em;text-transform:uppercase;opacity:.6}

/* v8 — Gradient Pill (bold, full-bleed gradient badge) */
.attr-v8 .attr-sec{padding:8px 20px 0;text-align:center}
.attr-v8 .attr-inner{display:inline-flex;align-items:center;gap:7px;padding:8px 20px;border-radius:999px;background:var(--grad);text-decoration:none;color:#fff;box-shadow:0 4px 16px color-mix(in srgb,var(--g1) 35%,transparent);transition:.2s}
.attr-v8 .attr-inner:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--g1) 45%,transparent)}
.attr-v8 .attr-brand{font-family:'Unbounded';font-weight:700;font-size:10px;color:#fff}
.attr-v8 .attr-icon{font-size:13px}

/* v9 — Typewriter: monospace terminal vibe */
.attr-v9 .attr-sec{padding:8px 20px 0;text-align:center}
.attr-v9 .attr-inner{display:inline-flex;align-items:center;gap:5px;padding:5px 12px;border-radius:6px;background:color-mix(in srgb,var(--ink) 5%,transparent);border:1px solid color-mix(in srgb,var(--ink) 15%,transparent);text-decoration:none;transition:.2s}
.attr-v9 .attr-inner:hover{background:color-mix(in srgb,var(--g1) 8%,transparent)}
.attr-v9 .attr-cursor{width:2px;height:12px;background:var(--g1);animation:attr-blink .8s step-end infinite;flex-shrink:0}
@keyframes attr-blink{0%,100%{opacity:1}50%{opacity:0}}
.attr-v9 .attr-brand{font-family:'Courier New',monospace;font-weight:700;font-size:11px;color:var(--g1);letter-spacing:.08em}

/* v10 — Floating Beacon: icon + gradient text, larger */
.attr-v10 .attr-sec{padding:8px 20px 0;text-align:center}
.attr-v10 .attr-inner{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border-radius:18px;background:color-mix(in srgb,var(--bgc) 85%,transparent);border:1px solid var(--gbd);backdrop-filter:blur(20px);box-shadow:0 4px 24px var(--shad);text-decoration:none;transition:.25s}
.attr-v10 .attr-inner:hover{transform:translateY(-3px);box-shadow:0 12px 36px color-mix(in srgb,var(--g1) 18%,transparent)}
.attr-v10 .attr-beacon{width:32px;height:32px;border-radius:10px;background:var(--grad);display:flex;align-items:center;justify-content:center;font-size:16px;flex-shrink:0;box-shadow:0 4px 12px color-mix(in srgb,var(--g1) 30%,transparent)}
.attr-v10 .attr-text{display:flex;flex-direction:column;align-items:flex-start;gap:0}
.attr-v10 .attr-label{font-size:8px;letter-spacing:.2em;text-transform:uppercase;color:var(--ifa)}
.attr-v10 .attr-brand{font-family:'Unbounded';font-weight:700;font-size:11px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}

.brand-dropdown-wrap{position:relative;flex-shrink:0}

/* ── CTRL TRIGGER REDESIGN ── */
.ctrl-trigger-left{display:flex;align-items:center;gap:8px;flex:1;min-width:0}
.ctrl-trigger-brand{display:flex;align-items:center;gap:6px;flex-shrink:0}
.ctrl-trigger-name{font-family:'Unbounded';font-weight:700;font-size:9.5px;background:var(--grad,linear-gradient(135deg,#6366f1,#3b82f6));-webkit-background-clip:text;background-clip:text;color:transparent}
.ctrl-trigger-name em{font-style:normal}
.ctrl-trigger-scroll{font-size:9.5px;color:rgba(255,255,255,.42);font-family:'Outfit';white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0}
.ctrl-trigger-right{display:flex;align-items:center;gap:6px;flex-shrink:0}
.ctrl-demo-launch{font-size:8.5px;font-weight:700;letter-spacing:.08em;padding:3px 10px;border-radius:99px;background:linear-gradient(135deg,var(--g1,#6366f1),var(--g2,#3b82f6));color:#fff;border:none;cursor:pointer;font-family:'Outfit';transition:.18s;white-space:nowrap}
.ctrl-demo-launch:hover{filter:brightness(1.15);transform:scale(1.04)}
.ctrl-hide-btn{font-size:8px;color:rgba(255,255,255,.28);background:none;border:none;cursor:pointer;padding:2px 6px;border-radius:6px;font-family:'Outfit';transition:.15s;white-space:nowrap}
.ctrl-hide-btn:hover{color:rgba(255,100,100,.7)}

/* ── CC HEX INPUT ── */
.cc-hex-row{display:flex;align-items:center;gap:5px;margin-top:2px}
.cc-hex{width:62px;font-size:9px;font-family:'Courier New',monospace;font-weight:600;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.14);border-radius:5px;color:rgba(255,255,255,.8);padding:2px 5px;text-transform:uppercase;letter-spacing:.05em;outline:none;transition:.15s}
.cc-hex:focus{border-color:var(--g1,#6366f1);background:rgba(255,255,255,.1)}
.cc-hex-lbl{font-size:7.5px;color:rgba(255,255,255,.3);min-width:22px}

/* ── OPEN NOW POSITION PILLS in ctrl ── */
.on-pos-row{display:flex;gap:4px;margin-top:4px;flex-wrap:wrap}
.on-pos-pill{font-size:8.5px;padding:2px 8px;border-radius:99px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.12);color:rgba(255,255,255,.5);cursor:pointer;font-family:'Outfit';transition:.15s;white-space:nowrap}
.on-pos-pill:hover{background:rgba(255,255,255,.12)}
.on-pos-pill.on{background:rgba(96,165,250,.15);border-color:rgba(96,165,250,.35);color:#60a5fa}
.brand-dropdown-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-size:10.5px;font-weight:600;font-family:'Outfit';color:rgba(255,255,255,.85);cursor:pointer;transition:.2s;white-space:nowrap}
.brand-dropdown-btn svg{width:12px;height:12px;transition:transform .2s;flex-shrink:0}
.brand-dropdown-btn.open svg{transform:rotate(180deg)}
.brand-dropdown-btn:hover{background:rgba(255,255,255,.14)}
.brand-dropdown{position:fixed;background:rgba(20,20,35,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.4);min-width:160px;z-index:9999;display:none;overflow:hidden}
.brand-dropdown.open{display:block}
.brand-opt{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:11px;font-family:'Outfit';color:rgba(255,255,255,.75);cursor:pointer;transition:.15s;border-bottom:1px solid rgba(255,255,255,.07)}
.brand-opt:last-child{border-bottom:none}
.brand-opt:hover{background:rgba(255,255,255,.07)}
.brand-opt.on{color:#60a5fa;font-weight:600;background:rgba(96,165,250,.1)}
.brand-opt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;background:linear-gradient(135deg,#60a5fa,#818cf8)}
@keyframes lava-morph{
  0%{border-radius:40% 60% 70% 30%/40% 50% 60% 50%;transform:translate(0,0) scale(1)}
  25%{border-radius:70% 30% 50% 50%/30% 60% 40% 70%;transform:translate(20px,-18px) scale(1.04)}
  50%{border-radius:30% 70% 40% 60%/50% 40% 60% 40%;transform:translate(-10px,22px) scale(.97)}
  75%{border-radius:60% 40% 60% 40%/60% 30% 70% 40%;transform:translate(-22px,-10px) scale(1.06)}
  100%{border-radius:40% 60% 70% 30%/40% 50% 60% 50%;transform:translate(0,0) scale(1)}
}
@keyframes orb-float{
  0%,100%{transform:translate(0,0) scale(1);opacity:.18}
  33%{transform:translate(30px,-25px) scale(1.08);opacity:.28}
  66%{transform:translate(-20px,30px) scale(.94);opacity:.15}
}
@keyframes prism-slide{
  0%{transform:translateX(-30%) skewX(-12deg);opacity:.12}
  50%{transform:translateX(110%) skewX(-12deg);opacity:.22}
  100%{transform:translateX(-30%) skewX(-12deg);opacity:.12}
}
@keyframes nebula-drift{
  0%,100%{transform:translate(0,0) scale(1);opacity:.08}
  40%{transform:translate(-35px,20px) scale(1.12);opacity:.14}
  70%{transform:translate(25px,-30px) scale(.92);opacity:.1}
}
@keyframes wave-rise{
  0%,100%{transform:translateY(0) scaleX(1.1);opacity:.1}
  50%{transform:translateY(-28px) scaleX(1.0);opacity:.18}
}
.attr-link{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:color-mix(in srgb,var(--g1) 7%,transparent);border:1px solid color-mix(in srgb,var(--g1) 18%,transparent);font-size:11px;color:var(--ink);transition:.25s}
.attr-link:hover{border-color:color-mix(in srgb,var(--g1) 35%,transparent);transform:translateY(-1px)}
.sparkle{display:inline-block;width:12px;height:12px;background:radial-gradient(circle,var(--g1),var(--g2) 30%,transparent 70%);clip-path:polygon(50% 0,58% 42%,100% 50%,58% 58%,50% 100%,42% 58%,0 50%,42% 42%);filter:drop-shadow(0 0 5px var(--g1));animation:twk 2.4s ease-in-out infinite}
@keyframes twk{50%{transform:scale(.65)rotate(45deg)}}
.attr-link strong{font-family:'Unbounded';font-weight:700;color:var(--ink)}
.attr-link strong em{font-style:normal;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent}
.url-disp{font-family:'Unbounded';font-size:10px;color:var(--ifa);margin-top:8px;letter-spacing:.04em;text-align:center}
.url-disp b{color:var(--g1);font-weight:600}
footer{padding:14px 20px;text-align:center}
footer p{font-size:10px;color:var(--ifa);letter-spacing:.06em}
footer em{font-style:normal;color:var(--g1);font-weight:500}
.share-fab{position:fixed;bottom:calc(var(--actbar-h,82px) + 20px);left:50%;transform:translateX(calc(-240px + 12px));z-index:50;transition:bottom .25s ease}
@media(max-width:480px){.share-fab{left:12px;transform:none}}
.share-btn{width:44px;height:44px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:var(--grad);box-shadow:0 4px 18px color-mix(in srgb,var(--g1) 45%,transparent);border:none;cursor:pointer;transition:transform .25s,box-shadow .25s}
.share-btn:hover{transform:scale(1.1)}
.share-btn svg{width:17px;height:17px;color:#fff}
.vc-wrap{position:fixed;bottom:calc(var(--actbar-h,82px) + 22px);right:50%;transform:translateX(calc(240px - 54px));z-index:51;pointer-events:none;width:196px;transition:bottom .25s ease}
@media(max-width:480px){.vc-wrap{right:14px;transform:none}}
.vc-tip{opacity:0;transform:translateY(14px)scale(.88);transition:none;pointer-events:none}
.vc-tip.show{opacity:1;transform:translateY(0)scale(1);transition:opacity .55s cubic-bezier(.16,1,.3,1),transform .55s cubic-bezier(.16,1,.3,1);pointer-events:all}
.vc-card{background:linear-gradient(135deg,color-mix(in srgb,var(--g1) 85%,rgba(0,0,0,.3)),color-mix(in srgb,var(--g2) 85%,rgba(0,0,0,.3)));backdrop-filter:blur(28px)saturate(2);-webkit-backdrop-filter:blur(28px)saturate(2);border:1px solid rgba(255,255,255,.28);border-radius:18px;padding:13px 13px 10px;box-shadow:0 12px 40px rgba(0,0,0,.25),inset 0 1px 0 rgba(255,255,255,.25);position:relative;overflow:hidden}
.vc-card::before{content:"";position:absolute;inset:0;border-radius:18px;background:linear-gradient(110deg,transparent 40%,rgba(255,255,255,.18) 50%,transparent 60%);animation:vshin 3.5s ease-in-out infinite 1.2s;pointer-events:none}
@keyframes vshin{0%{transform:translateX(-100%)}100%{transform:translateX(220%)}}
.vc-close{position:absolute;top:6px;right:6px;width:26px;height:26px;border-radius:50%;background:rgba(255,255,255,.2);border:1.5px solid rgba(255,255,255,.35);display:flex;align-items:center;justify-content:center;font-size:14px;color:#fff;cursor:pointer;pointer-events:all;transition:.2s;line-height:1;font-weight:700;z-index:10}
.vc-close:hover{background:rgba(255,255,255,.4);transform:scale(1.1)}
.vc-close:active{transform:scale(.95)}
.vc-em{font-size:22px;display:block;margin-bottom:4px;animation:flem 2.2s ease-in-out infinite}
@keyframes flem{0%,100%{transform:translateY(0)scale(1)}50%{transform:translateY(-4px)scale(1.08)}}
.vc-title{font-family:'Unbounded';font-weight:800;font-size:11.5px;color:#fff;letter-spacing:-.01em;line-height:1.2;text-shadow:0 2px 8px rgba(0,0,0,.2)}
.vc-sub{font-size:9.5px;color:rgba(255,255,255,.78);margin-top:3px;line-height:1.45}
.vc-cta{display:inline-flex;align-items:center;gap:5px;margin-top:8px;padding:4px 9px;border-radius:999px;background:rgba(255,255,255,.18);border:1px solid rgba(255,255,255,.28);font-size:9px;color:#fff;letter-spacing:.06em;font-weight:600}
.cdot{width:5px;height:5px;border-radius:50%;background:#4ade80;box-shadow:0 0 6px #4ade80;animation:pd 1.8s ease-out infinite;flex-shrink:0}
.vc-caret{width:14px;height:8px;margin-left:auto;margin-right:16px;margin-top:-1px;overflow:hidden}
.vc-caret::after{content:"";display:block;width:14px;height:14px;background:color-mix(in srgb,var(--g1) 85%,rgba(0,0,0,.3));border-right:1px solid rgba(255,255,255,.2);border-bottom:1px solid rgba(255,255,255,.2);transform:rotate(45deg)translateY(-7px)}

/* ── VC POPUP VARIANTS (body[data-vc-style="vN"]) ── */
/* v1 = default gradient card — no overrides needed */

/* v2: Dark Minimal */
body[data-vc-style="v2"] .vc-card{background:#111827;backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:14px;box-shadow:0 8px 30px rgba(0,0,0,.4)}
body[data-vc-style="v2"] .vc-card::before{display:none}
body[data-vc-style="v2"] .vc-close{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.2)}
body[data-vc-style="v2"] .vc-caret::after{background:#111827;border-color:rgba(255,255,255,.12)}

/* v3: Neon Frame */
body[data-vc-style="v3"] .vc-card{background:rgba(0,0,0,.85);backdrop-filter:blur(20px);border:1.5px solid var(--g1);border-radius:16px;box-shadow:0 0 24px color-mix(in srgb,var(--g1) 35%,transparent),inset 0 0 20px color-mix(in srgb,var(--g1) 6%,transparent)}
body[data-vc-style="v3"] .vc-card::before{display:none}
body[data-vc-style="v3"] .vc-title{color:var(--g1);text-shadow:0 0 12px var(--g1)}
body[data-vc-style="v3"] .cdot{background:var(--g1);box-shadow:0 0 8px var(--g1)}
body[data-vc-style="v3"] .vc-caret::after{background:rgba(0,0,0,.85);border-color:var(--g1)}

/* v4: Compact Pill */
body[data-vc-style="v4"] .vc-wrap{width:auto;max-width:240px}
body[data-vc-style="v4"] .vc-card{border-radius:999px;padding:8px 14px 8px 10px;display:flex;flex-direction:row;align-items:center;gap:8px}
body[data-vc-style="v4"] .vc-card::before{display:none}
body[data-vc-style="v4"] .vc-em{font-size:16px;margin-bottom:0;flex-shrink:0;animation:none}
body[data-vc-style="v4"] .vc-title{font-size:9.5px;white-space:nowrap}
body[data-vc-style="v4"] .vc-sub,body[data-vc-style="v4"] .vc-cta{display:none}
body[data-vc-style="v4"] .vc-close{top:50%;right:4px;transform:translateY(-50%);width:22px;height:22px;font-size:11px}

/* v5: Bold Type */
body[data-vc-style="v5"] .vc-card{border-radius:12px;padding:16px 14px 12px;background:linear-gradient(135deg,rgba(0,0,0,.7),color-mix(in srgb,var(--g2) 40%,rgba(0,0,0,.7)));backdrop-filter:blur(30px);border:none;box-shadow:0 16px 48px rgba(0,0,0,.35)}
body[data-vc-style="v5"] .vc-em{font-size:28px;margin-bottom:6px;animation:none}
body[data-vc-style="v5"] .vc-title{font-size:16px;letter-spacing:-.03em;line-height:1.1}
body[data-vc-style="v5"] .vc-sub{font-size:9px;margin-top:4px}

/* v6: Toast Bar — centered, horizontal layout */
body[data-vc-style="v6"] .vc-wrap{right:50%;transform:translateX(50%);width:280px}
body[data-vc-style="v6"] .vc-card{border-radius:12px;padding:9px 12px;display:flex;flex-direction:row;align-items:center;gap:10px;background:rgba(15,23,42,.92);backdrop-filter:blur(24px);border:1px solid rgba(255,255,255,.1);box-shadow:0 6px 24px rgba(0,0,0,.4)}
body[data-vc-style="v6"] .vc-card::before{display:none}
body[data-vc-style="v6"] .vc-em{font-size:18px;margin-bottom:0;flex-shrink:0;animation:none}
body[data-vc-style="v6"] .vc-title{font-size:10px;white-space:nowrap}
body[data-vc-style="v6"] .vc-sub,body[data-vc-style="v6"] .vc-cta{display:none}
body[data-vc-style="v6"] .vc-close{position:static;width:20px;height:20px;font-size:10px;margin-left:auto;flex-shrink:0;transform:none;top:auto;right:auto}
body[data-vc-style="v6"] .vc-caret{display:none}

/* v7: Soft Warm — light translucent card */
body[data-vc-style="v7"] .vc-card{background:color-mix(in srgb,var(--g1) 10%,rgba(255,255,255,.92));backdrop-filter:blur(20px);border:1px solid color-mix(in srgb,var(--g1) 20%,rgba(255,255,255,.5));border-radius:18px;box-shadow:0 10px 36px rgba(0,0,0,.15)}
body[data-vc-style="v7"] .vc-card::before{display:none}
body[data-vc-style="v7"] .vc-title{color:#1e293b;text-shadow:none}
body[data-vc-style="v7"] .vc-sub{color:rgba(30,41,59,.65)}
body[data-vc-style="v7"] .vc-cta{background:color-mix(in srgb,var(--g1) 14%,rgba(0,0,0,.06));border-color:color-mix(in srgb,var(--g1) 20%,rgba(0,0,0,.12));color:#1e293b}
body[data-vc-style="v7"] .vc-close{background:rgba(0,0,0,.1);border-color:rgba(0,0,0,.15);color:#334155}
body[data-vc-style="v7"] .vc-caret::after{background:color-mix(in srgb,var(--g1) 10%,rgba(255,255,255,.92));border-color:color-mix(in srgb,var(--g1) 20%,rgba(255,255,255,.5))}

/* v8: Frosted Sheet — wider, blurred glass */
body[data-vc-style="v8"] .vc-wrap{width:220px}
body[data-vc-style="v8"] .vc-card{background:rgba(255,255,255,.07);backdrop-filter:blur(40px)saturate(1.8);-webkit-backdrop-filter:blur(40px)saturate(1.8);border:1px solid rgba(255,255,255,.1);border-radius:22px;box-shadow:none;padding:16px}
body[data-vc-style="v8"] .vc-card::before{background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.1) 50%,transparent 70%)}

/* v9: Stamp — dashed border, no fill */
body[data-vc-style="v9"] .vc-card{background:transparent;border:2px dashed rgba(255,255,255,.45);border-radius:8px;box-shadow:none;padding:12px}
body[data-vc-style="v9"] .vc-card::before{display:none}
body[data-vc-style="v9"] .vc-title{font-size:10.5px;letter-spacing:.12em;text-transform:uppercase}
body[data-vc-style="v9"] .vc-close{background:transparent;border:1.5px dashed rgba(255,255,255,.45)}
body[data-vc-style="v9"] .vc-caret::after{background:transparent;border:1.5px dashed rgba(255,255,255,.45)}

/* v10: Minimal Chip — small pill, emoji + text only */
body[data-vc-style="v10"] .vc-wrap{width:auto;max-width:200px}
body[data-vc-style="v10"] .vc-card{background:rgba(0,0,0,.82);backdrop-filter:blur(16px);border:1px solid rgba(255,255,255,.2);border-radius:999px;padding:7px 12px 7px 10px;display:flex;flex-direction:row;align-items:center;gap:7px;box-shadow:0 4px 16px rgba(0,0,0,.35)}
body[data-vc-style="v10"] .vc-card::before{display:none}
body[data-vc-style="v10"] .vc-em{font-size:14px;margin-bottom:0;animation:none;flex-shrink:0}
body[data-vc-style="v10"] .vc-title{font-size:9px;white-space:nowrap}
body[data-vc-style="v10"] .vc-sub,body[data-vc-style="v10"] .vc-cta{display:none}
body[data-vc-style="v10"] .vc-close{top:50%;right:4px;transform:translateY(-50%);width:20px;height:20px;font-size:10px;background:rgba(255,255,255,.15);border-color:rgba(255,255,255,.25)}
body[data-vc-style="v10"] .vc-caret{display:none}

/* vcpop dropdown wrapper — reuses anim-dropdown styles */
.vcpop-dropdown-wrap{position:relative}
.vcpop-dropdown-btn{min-width:100px}

.actbar{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;display:flex;gap:5px;padding:8px 10px calc(8px + env(safe-area-inset-bottom));background:var(--actbg);backdrop-filter:blur(28px)saturate(1.3);border-top:1px solid var(--actbd);z-index:100;box-shadow:0 -8px 30px -8px color-mix(in srgb,var(--g1) 18%,transparent);transition:background .4s,border-color .4s}
.abtn{flex:1;display:flex;flex-direction:column;align-items:center;gap:3px;padding:9px 4px;border-radius:13px;background:color-mix(in srgb,var(--bgc) 70%,transparent);border:1px solid color-mix(in srgb,var(--g1) 12%,transparent);font-size:8.5px;color:var(--ink);font-weight:500;letter-spacing:.04em;text-align:center;transition:.25s;cursor:pointer}
.abtn svg{width:15px;height:15px;color:var(--g1)}
.abtn:hover{transform:translateY(-2px);box-shadow:0 6px 20px color-mix(in srgb,var(--g1) 18%,transparent)}
.abtn.wa svg{color:#16a34a}
.abtn.tg svg{color:#229ed9}
.abtn.save{background:var(--grad);border-color:transparent;box-shadow:0 4px 16px color-mix(in srgb,var(--g1) 35%,transparent)}
.abtn.save svg,.abtn.save span{color:#fff}
.abtn.save:hover{filter:brightness(1.1)}
.actbar-v2,.actbar-v3,.actbar-v5,.actbar-v6{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:100;display:none}
.actbar-v2.ab-active,.actbar-v3.ab-active,.actbar-v5.ab-active,.actbar-v6.ab-active{display:block}
.actbar.ab-hide{display:none}
.actbar-v2{padding:0 16px calc(16px + env(safe-area-inset-bottom));background:transparent}
.ab-island-inner{background:color-mix(in srgb,var(--bg) 88%,transparent);backdrop-filter:blur(28px) saturate(1.4);-webkit-backdrop-filter:blur(28px) saturate(1.4);border:1px solid color-mix(in srgb,var(--g1) 22%,transparent);border-radius:22px;padding:10px 6px;display:flex;align-items:center;justify-content:space-around;box-shadow:0 8px 32px rgba(0,0,0,.3),0 -4px 20px color-mix(in srgb,var(--g1) 8%,transparent)}
.isl-btn{display:flex;flex-direction:column;align-items:center;gap:3px;width:38px;cursor:pointer;text-decoration:none;color:inherit}
.isl-ico{width:36px;height:36px;border-radius:11px;display:flex;align-items:center;justify-content:center;transition:.2s}
.isl-ico svg{width:17px;height:17px}
.isl-lbl{font-size:7px;color:var(--ifa);letter-spacing:.04em;font-weight:500}
.isl-div{width:1px;height:30px;background:color-mix(in srgb,var(--g1) 10%,transparent)}
.isl-btn:hover .isl-ico{transform:translateY(-2px)}
.isl-btn.isl-call .isl-ico{background:color-mix(in srgb,var(--g1) 12%,transparent)}
.isl-btn.isl-call .isl-ico svg{color:var(--g1)}
.isl-btn.isl-wa .isl-ico{background:rgba(22,163,74,.1)}
.isl-btn.isl-wa .isl-ico svg{color:#16a34a}
.isl-btn.isl-tg .isl-ico{background:rgba(34,158,217,.1)}
.isl-btn.isl-tg .isl-ico svg{color:#229ed9}
.isl-btn.isl-mail .isl-ico{background:color-mix(in srgb,var(--g2) 10%,transparent)}
.isl-btn.isl-mail .isl-ico svg{color:var(--g2)}
.isl-btn.isl-save .isl-ico{background:var(--grad);box-shadow:0 0 12px color-mix(in srgb,var(--g1) 30%,transparent)}
.isl-btn.isl-save .isl-ico svg{color:#fff}
.isl-btn.isl-save .isl-lbl{color:var(--g1);font-weight:600}
.actbar-v3{background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(24px) saturate(1.3);border-top:1px solid color-mix(in srgb,var(--g1) 10%,transparent);padding:9px 12px calc(13px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px -8px color-mix(in srgb,var(--g1) 15%,transparent)}
.split-row{display:flex;gap:7px;align-items:center;margin-bottom:6px}
.split-primary{flex:1;height:44px;border-radius:11px;background:var(--grad);color:#fff;font-family:'Outfit',sans-serif;font-size:10.5px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:7px;border:none;cursor:pointer;box-shadow:0 4px 18px color-mix(in srgb,var(--g1) 35%,transparent);
  position:relative;overflow:hidden;transition:filter .2s;text-decoration:none;
}
.split-primary:hover{filter:brightness(1.1)}
.split-primary::before{content:'';position:absolute;top:0;left:-100%;width:60%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);animation:ab-shimmer 3s ease-in-out infinite}
@keyframes ab-shimmer{0%,100%{left:-100%}50%{left:140%}}
.split-primary svg{width:17px;height:17px;flex-shrink:0}
.split-icons{display:flex;gap:6px}
.spl-ico{width:44px;height:44px;border-radius:11px;background:color-mix(in srgb,var(--bgc) 60%,transparent);border:1px solid color-mix(in srgb,var(--g1) 12%,transparent);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:.2s;text-decoration:none}
.spl-ico:hover{transform:translateY(-2px);box-shadow:0 6px 16px color-mix(in srgb,var(--g1) 14%,transparent)}
.spl-ico svg{width:17px;height:17px;color:var(--g1)}
.spl-ico.wa svg{color:#16a34a}
.spl-ico.tg svg{color:#229ed9}
.split-save{height:32px;border-radius:9px;width:100%;background:color-mix(in srgb,var(--g1) 7%,transparent);border:1px solid color-mix(in srgb,var(--g1) 18%,transparent);display:flex;align-items:center;justify-content:center;gap:7px;color:var(--g1);font-size:9px;font-weight:600;letter-spacing:.1em;text-transform:uppercase;cursor:pointer;transition:.2s;font-family:'Outfit',sans-serif}
.split-save:hover{background:color-mix(in srgb,var(--g1) 12%,transparent)}
.split-save svg{width:14px;height:14px}
.actbar-v5{background:color-mix(in srgb,var(--bg) 97%,transparent);backdrop-filter:blur(30px) saturate(1.4);border-top:1px solid color-mix(in srgb,var(--g1) 8%,transparent);padding:9px 11px calc(13px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px -8px color-mix(in srgb,var(--g1) 15%,transparent)}
.stk-top{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:6px}
.stk-card{height:48px;border-radius:12px;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;transition:.2s}
.stk-card:hover{transform:translateY(-2px)}
.stk-card svg{width:17px;height:17px;flex-shrink:0}
.stk-card span{font-size:11px;font-weight:600;font-family:'Outfit',sans-serif}
.stk-card.stk-call{background:color-mix(in srgb,var(--g1) 12%,transparent);border:1px solid color-mix(in srgb,var(--g1) 22%,transparent)}
.stk-card.stk-call svg,.stk-card.stk-call span{color:var(--g1)}
.stk-card.stk-wa{background:rgba(22,163,74,.1);border:1px solid rgba(22,163,74,.2)}
.stk-card.stk-wa svg,.stk-card.stk-wa span{color:#16a34a}
.stk-bot{display:grid;grid-template-columns:repeat(3,1fr);gap:6px}
.stk-pill{height:34px;border-radius:9px;background:color-mix(in srgb,var(--bgc) 60%,transparent);border:1px solid color-mix(in srgb,var(--g1) 10%,transparent);display:flex;align-items:center;justify-content:center;gap:5px;font-size:9px;font-weight:500;cursor:pointer;color:var(--ink);transition:.2s;text-decoration:none}
.stk-pill:hover{transform:translateY(-1px);box-shadow:0 4px 14px color-mix(in srgb,var(--g1) 12%,transparent)}
.stk-pill svg{width:14px;height:14px;color:var(--g1)}
.stk-pill.tg svg{color:#229ed9}
.stk-pill.stk-save{background:var(--grad);border:none;color:#fff;box-shadow:0 3px 12px color-mix(in srgb,var(--g1) 30%,transparent)}
.stk-pill.stk-save svg{color:#fff}
.stk-pill.stk-save:hover{filter:brightness(1.1)}
.actbar-v6{background:var(--bg);border-top:1px solid color-mix(in srgb,var(--g1) 8%,transparent)}
.neon-line{height:1px;background:linear-gradient(90deg,transparent 0%,color-mix(in srgb,var(--g1) 80%,transparent) 20%,color-mix(in srgb,var(--g2) 80%,transparent) 50%,color-mix(in srgb,var(--g3) 70%,transparent) 80%,transparent 100%);animation:neon-glide 4s ease-in-out infinite}
@keyframes neon-glide{0%,100%{opacity:.5}50%{opacity:1}}
.neon-row{display:flex;align-items:stretch}
.neon-btn{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:10px 2px calc(10px + env(safe-area-inset-bottom));cursor:pointer;border-right:1px solid color-mix(in srgb,var(--g1) 6%,transparent);transition:background .15s;position:relative;text-decoration:none}
.neon-btn:last-child{border-right:none}
.neon-btn:hover{background:color-mix(in srgb,var(--g1) 5%,transparent)}
.neon-btn::after{content:'';position:absolute;top:0;left:20%;right:20%;height:2px;border-radius:0 0 2px 2px;opacity:0;transition:opacity .2s}
.neon-btn:hover::after{opacity:1}
.neon-btn.nb-call::after,.neon-btn.nb-call .neon-ico svg{color:var(--g1)}
.neon-btn.nb-call::after{background:var(--g1)}
.neon-btn.nb-wa .neon-ico svg{color:#16a34a}
.neon-btn.nb-wa::after{background:#16a34a}
.neon-btn.nb-tg .neon-ico svg{color:#229ed9}
.neon-btn.nb-tg::after{background:#229ed9}
.neon-btn.nb-mail .neon-ico svg{color:var(--g2)}
.neon-btn.nb-mail::after{background:var(--g2)}
.neon-btn.nb-save .neon-ico svg{color:var(--g1)}
.neon-btn.nb-save::after{background:var(--g1)}
.neon-ico{display:flex;align-items:center;justify-content:center}
.neon-ico svg{width:16px;height:16px}
.neon-lbl{font-size:7px;letter-spacing:.1em;text-transform:uppercase;color:var(--ifa);font-weight:500}
/* ── ACTION BAR V7: Floating Bubble ── */
.actbar-v7{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:100;display:none;padding:10px 16px calc(12px + env(safe-area-inset-bottom));background:transparent;pointer-events:none}
.actbar-v7.ab-active{display:flex;justify-content:center}
.bub-inner{display:flex;align-items:center;gap:4px;background:color-mix(in srgb,var(--bg) 85%,transparent);backdrop-filter:blur(32px) saturate(1.5);-webkit-backdrop-filter:blur(32px) saturate(1.5);border:1px solid color-mix(in srgb,var(--g1) 20%,transparent);border-radius:99px;padding:6px 10px;box-shadow:0 8px 32px rgba(0,0,0,.35),0 2px 8px color-mix(in srgb,var(--g1) 12%,transparent);pointer-events:all}
.bub-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:7px 11px;border-radius:99px;cursor:pointer;text-decoration:none;color:var(--ink);transition:.18s;border:none;background:none;font-family:inherit}
.bub-btn:hover{background:color-mix(in srgb,var(--g1) 12%,transparent)}
.bub-ico svg{width:17px;height:17px;display:block}
.bub-lbl{font-size:7px;font-weight:600;letter-spacing:.06em;color:var(--ifa);text-transform:uppercase;white-space:nowrap}
.bub-div{width:1px;height:24px;background:color-mix(in srgb,var(--g1) 14%,transparent);flex-shrink:0;margin:0 2px}
.bub-btn.b-call .bub-ico svg{color:var(--g1)}
.bub-btn.b-save{background:var(--grad);border-radius:99px}
.bub-btn.b-save .bub-ico svg,.bub-btn.b-save .bub-lbl{color:#fff}

/* ── ACTION BAR V8: Flat Strip ── */
.actbar-v8{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:100;display:none;background:var(--actbg);border-top:2px solid var(--g1);backdrop-filter:blur(24px) saturate(1.3)}
.actbar-v8.ab-active{display:flex}
.flt-btn{flex:1;height:56px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding-bottom:env(safe-area-inset-bottom);border-right:1px solid color-mix(in srgb,var(--g1) 10%,transparent);cursor:pointer;text-decoration:none;color:var(--ink);transition:.15s;border-top:none;border-left:none;border-bottom:none;background:none;font-family:inherit}
.flt-btn:last-child{border-right:none}
.flt-btn:hover{background:color-mix(in srgb,var(--g1) 6%,transparent)}
.flt-ico svg{width:16px;height:16px;display:block}
.flt-lbl{font-size:7.5px;font-weight:700;letter-spacing:.1em;text-transform:uppercase;color:var(--idim)}
.flt-btn.f-call .flt-ico svg{color:var(--g1)}
.flt-btn.f-save{background:var(--grad)}
.flt-btn.f-save .flt-ico svg,.flt-btn.f-save .flt-lbl{color:#fff}

/* ── ACTION BAR V9: Icon Only ── */
.actbar-v9{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:100;display:none;background:var(--actbg);backdrop-filter:blur(28px) saturate(1.3);border-top:1px solid var(--actbd);}
.actbar-v9.ab-active{display:flex;justify-content:center;gap:12px;padding:10px 20px calc(14px + env(safe-area-inset-bottom))}
.ico-btn{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;cursor:pointer;text-decoration:none;transition:.18s;border:1px solid var(--gbd);background:var(--bgc)}
.ico-btn:hover{background:color-mix(in srgb,var(--g1) 12%,transparent);border-color:color-mix(in srgb,var(--g1) 30%,transparent);transform:scale(1.08)}
.ico-btn svg{width:20px;height:20px;display:block}
.ico-btn.ic-call svg{color:var(--g1)}
.ico-btn.ic-wa svg{color:#16a34a}
.ico-btn.ic-tg svg{color:#229ed9}
.ico-btn.ic-mail svg{color:var(--g2)}
.ico-btn.ic-save{background:var(--grad);border-color:transparent}
.ico-btn.ic-save svg{color:#fff}

/* ── ACTION BAR V10: Duo Row ── */
.actbar-v10{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:100;display:none;flex-direction:column;background:color-mix(in srgb,var(--bg) 96%,transparent);backdrop-filter:blur(24px) saturate(1.3);border-top:1px solid color-mix(in srgb,var(--g1) 10%,transparent);padding:9px 12px calc(12px + env(safe-area-inset-bottom));gap:6px;box-shadow:0 -8px 30px -8px color-mix(in srgb,var(--g1) 15%,transparent)}
.actbar-v10.ab-active{display:flex}
.duo-top{display:flex;gap:6px}
.duo-primary{flex:1;height:44px;border-radius:11px;background:var(--grad);color:#fff;font-family:'Outfit',sans-serif;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;display:flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;text-decoration:none;box-shadow:0 4px 18px color-mix(in srgb,var(--g1) 35%,transparent);border:none}
.duo-primary svg{width:16px;height:16px}
.duo-save{width:48px;height:44px;border-radius:11px;display:flex;align-items:center;justify-content:center;background:color-mix(in srgb,var(--g1) 10%,transparent);border:1px solid color-mix(in srgb,var(--g1) 22%,transparent);cursor:pointer;flex-shrink:0;text-decoration:none}
.duo-save svg{width:16px;height:16px;color:var(--g1)}
.duo-bot{display:flex;gap:5px}
.duo-pill{flex:1;height:34px;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:5px;background:color-mix(in srgb,var(--bgc) 80%,transparent);border:1px solid var(--gbd);cursor:pointer;text-decoration:none;color:var(--ink);font-size:9px;font-weight:600;letter-spacing:.04em;transition:.18s}
.duo-pill:hover{background:color-mix(in srgb,var(--g1) 8%,transparent)}
.duo-pill svg{width:13px;height:13px;color:var(--g2)}
.duo-pill.dp-wa svg{color:#16a34a}
.duo-pill.dp-tg svg{color:#229ed9}

/* ── ACTION BAR V11: Minimal Dock ── */
.actbar-v11{position:fixed;bottom:0;left:50%;transform:translateX(-50%);width:100%;max-width:480px;z-index:100;display:none;padding:12px 20px calc(14px + env(safe-area-inset-bottom));background:transparent;pointer-events:none}
.actbar-v11.ab-active{display:flex;justify-content:center}
.dock-inner{display:flex;align-items:flex-end;gap:8px;background:color-mix(in srgb,var(--bg) 80%,transparent);backdrop-filter:blur(40px) saturate(2);-webkit-backdrop-filter:blur(40px) saturate(2);border:1px solid rgba(255,255,255,.12);border-radius:28px;padding:10px 16px;box-shadow:0 12px 40px rgba(0,0,0,.4),inset 0 1px 0 rgba(255,255,255,.1);pointer-events:all}
.dock-btn{display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;text-decoration:none;color:var(--ink);transition:.2s;padding:2px;border:none;background:none;font-family:inherit}
.dock-btn:hover{transform:translateY(-4px) scale(1.12)}
.dock-ico{width:44px;height:44px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:var(--bgc);border:1px solid var(--gbd);box-shadow:0 4px 12px rgba(0,0,0,.3)}
.dock-ico svg{width:20px;height:20px;display:block}
.dock-lbl{font-size:7px;font-weight:600;letter-spacing:.04em;color:var(--ifa);text-align:center}
.dock-btn.dk-call .dock-ico{background:linear-gradient(135deg,var(--g1),var(--g2));border-color:transparent}
.dock-btn.dk-call .dock-ico svg{color:#fff}
.dock-btn.dk-save .dock-ico{background:var(--grad);border-color:transparent}
.dock-btn.dk-save .dock-ico svg{color:#fff}
.dock-btn.dk-wa .dock-ico svg{color:#16a34a}
.dock-btn.dk-tg .dock-ico svg{color:#229ed9}
.dock-btn.dk-mail .dock-ico svg{color:var(--g2)}

/* ── Open Now ctrl clock ── */
.on-ctrl-clock{font-size:8px;color:rgba(255,255,255,.3);margin-top:1px;display:block;line-height:1.3}
.on-ctrl-clock.is-open{color:#4ade80}
.on-ctrl-clock.is-closed{color:rgba(255,100,100,.7)}

.ab-dropdown-wrap{position:relative;flex-shrink:0}
.ab-dropdown-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:var(--glass);border:1px solid var(--gbd);font-size:10.5px;font-weight:600;font-family:'Outfit',sans-serif;color:var(--ink);cursor:pointer;transition:.2s;white-space:nowrap}
.ab-dropdown-btn svg{width:12px;height:12px;transition:transform .2s;flex-shrink:0}
.ab-dropdown-btn.open svg{transform:rotate(180deg)}
.ab-dropdown-btn:hover{background:color-mix(in srgb,var(--g1) 10%,transparent);border-color:color-mix(in srgb,var(--g1) 28%,transparent)}
.ab-dropdown{position:fixed;background:rgba(20,20,35,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.4);min-width:170px;z-index:9999;display:none;overflow:hidden}
.ab-dropdown.open{display:block}
.ab-opt{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:11px;font-family:'Outfit',sans-serif;color:var(--ink);cursor:pointer;transition:.15s;border-bottom:1px solid color-mix(in srgb,var(--g1) 8%,transparent)}
.ab-opt:last-child{border-bottom:none}
.ab-opt:hover{background:color-mix(in srgb,var(--g1) 8%,transparent)}
.ab-opt.on{color:var(--g1);font-weight:600;background:color-mix(in srgb,var(--g1) 6%,transparent)}
.ab-opt-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0}
.ab-thumb{width:44px;height:16px;flex-shrink:0;opacity:.55;transition:opacity .15s}
.ab-opt:hover .ab-thumb{opacity:.8}
.ab-opt.on .ab-thumb{opacity:1}
.ab-opt.on .ab-thumb rect,.ab-opt.on .ab-thumb circle,.ab-opt.on .ab-thumb line{stroke:#60a5fa}
.ctrl-bar .ab-dropdown-btn{background:rgba(255,255,255,.08);border-color:rgba(255,255,255,.15);color:rgba(255,255,255,.85)}
.ctrl-bar .ab-dropdown-btn:hover{background:rgba(255,255,255,.14)}
.ctrl-bar .ab-dropdown{background:rgba(20,20,35,.96);border-color:rgba(255,255,255,.12)}
.ctrl-bar .ab-opt{color:rgba(255,255,255,.75);border-bottom-color:rgba(255,255,255,.07)}
.ctrl-bar .ab-opt:hover{background:rgba(255,255,255,.07)}
.ctrl-bar .ab-opt.on{color:#60a5fa;background:rgba(96,165,250,.1)}
.tz-dropdown-wrap{position:relative;flex-shrink:0}
.tz-btn{display:flex;align-items:center;gap:5px;padding:4px 10px;border-radius:8px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.15);font-size:10.5px;font-weight:600;font-family:'Outfit',sans-serif;color:rgba(255,255,255,.85);cursor:pointer;transition:.2s;white-space:nowrap}
.tz-btn svg{width:12px;height:12px;transition:transform .2s;flex-shrink:0}
.tz-btn.open svg{transform:rotate(180deg)}
.tz-btn:hover{background:rgba(255,255,255,.14)}
.tz-dropdown{position:fixed;background:rgba(20,20,35,.97);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.12);border-radius:12px;box-shadow:0 8px 28px rgba(0,0,0,.4);min-width:200px;z-index:9999;display:none;overflow:hidden}
.tz-dropdown.open{display:block}
.tz-opt{display:flex;align-items:center;gap:10px;padding:9px 14px;font-size:11px;font-family:'Outfit',sans-serif;color:rgba(255,255,255,.75);cursor:pointer;transition:.15s;border-bottom:1px solid rgba(255,255,255,.07)}
.tz-opt:last-child{border-bottom:none}
.tz-opt:hover{background:rgba(255,255,255,.07)}
.tz-opt.on{color:#60a5fa;font-weight:600;background:rgba(96,165,250,.1)}
.tz-flag{font-size:14px;flex-shrink:0}
.tz-info{flex:1}
.tz-name{font-size:11px;font-weight:500}
.tz-offset{font-size:9px;color:rgba(255,255,255,.4);margin-top:1px}
.tz-inline{display:flex;align-items:center;gap:5px;padding:3px 8px;border-radius:8px;background:color-mix(in srgb,var(--g1) 8%,transparent);border:1px solid color-mix(in srgb,var(--g1) 18%,transparent);font-size:9px;color:var(--g1);font-weight:600;cursor:pointer;transition:.2s;font-family:'Outfit',sans-serif;white-space:nowrap}
.tz-inline:hover{background:color-mix(in srgb,var(--g1) 14%,transparent)}
.tz-inline svg{width:10px;height:10px}
.tz-your-time{font-size:9.5px;color:var(--ifa);padding:6px 15px 2px;letter-spacing:.04em}
.links-wrap{position:relative}
.links-clamp .li.li-clamped{display:none}
.links-show-more{display:flex;align-items:center;justify-content:center;gap:7px;margin:8px 20px 0;padding:10px;border-radius:14px;background:color-mix(in srgb,var(--g1) 6%,transparent);border:1px solid color-mix(in srgb,var(--g1) 16%,transparent);font-size:11px;color:var(--g1);font-weight:500;cursor:pointer;transition:.2s;font-family:'Outfit',sans-serif;letter-spacing:.04em}
.links-show-more:hover{background:color-mix(in srgb,var(--g1) 12%,transparent)}
.links-show-more svg{width:13px;height:13px}
.banners-sec{padding:0}
.banners-hdr{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:10px}
.banners-hdr-left{display:flex;align-items:center;gap:10px}
.banner-ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:var(--grad);box-shadow:0 3px 10px color-mix(in srgb,var(--g1) 30%,transparent)}
.banner-ic svg{width:19px;height:19px;color:#fff}
.banner-title{font-family:'Unbounded';font-weight:700;font-size:13px;color:var(--ink)}
.banner-clip{overflow:hidden;position:relative}
.banner-clip::before,.banner-clip::after{content:"";position:absolute;top:0;bottom:0;width:24px;z-index:2;pointer-events:none}
.banner-clip::before{left:0;background:linear-gradient(to right,var(--bg),transparent);transition:background .4s}
.banner-clip::after{right:0;background:linear-gradient(to left,var(--bg),transparent);transition:background .4s}
.banner-rail{display:flex;gap:12px;padding:4px 20px 10px;width:max-content;transition:transform .12s cubic-bezier(.25,.1,.25,1);will-change:transform;min-width:100%}
.bcard{flex-shrink:0;width:clamp(260px, calc(100vw - 56px), 320px);border-radius:20px;overflow:hidden;position:relative;cursor:pointer;box-shadow:0 4px 20px rgba(0,0,0,.25);transition:transform .3s;height:160px}
.bcard:hover{transform:translateY(-3px);box-shadow:0 16px 40px rgba(0,0,0,.35)}
.bcard-bg{position:absolute;inset:0;background-size:cover;background-position:center}
.bcard-overlay{position:absolute;inset:0;background:linear-gradient(160deg,rgba(0,0,0,.15) 0%,rgba(0,0,0,.65) 60%,rgba(0,0,0,.85) 100%)}
.bcard-badge{position:absolute;top:12px;left:12px;padding:4px 10px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);font-size:9px;font-weight:700;color:#fff;letter-spacing:.1em;text-transform:uppercase;z-index:2}
.bcard-badge.hot{background:rgba(239,68,68,.8);border-color:rgba(255,100,100,.4)}
.bcard-badge.new{background:rgba(16,185,129,.8);border-color:rgba(50,200,150,.4)}
.bcard-badge.ltd{background:rgba(245,158,11,.85);border-color:rgba(255,200,50,.4)}
.bcard-content{position:absolute;left:14px;right:14px;bottom:14px;z-index:2}
.bcard-title{font-family:'Unbounded';font-weight:700;font-size:14px;color:#fff;line-height:1.2;margin-bottom:5px}
.bcard-desc{font-size:10.5px;color:rgba(255,255,255,.75);line-height:1.5;margin-bottom:10px}
.bcard-cta{display:inline-flex;align-items:center;gap:5px;padding:6px 13px;border-radius:999px;background:rgba(255,255,255,.18);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.3);font-size:10px;font-weight:600;color:#fff;letter-spacing:.04em;transition:.2s}
.bcard:hover .bcard-cta{background:rgba(255,255,255,.28)}
.bcard-cta svg{width:11px;height:11px}
.banners-progress{height:3px;background:color-mix(in srgb,var(--g1) 10%,transparent);margin:3px 20px 0;border-radius:999px;overflow:hidden}
.banners-progress-fill{height:100%;background:var(--grad);border-radius:999px;width:0%;transition:width .1s linear}
.banner-clip[style*="--no-scroll: 1"]::before,.banner-clip[style*="--no-scroll: 1"]::after{display:none}
.showcase-clip[style*="--no-scroll: 1"]::before,.showcase-clip[style*="--no-scroll: 1"]::after{display:none}
.showcase-sec{padding:0}
.showcase-hdr{display:flex;align-items:center;justify-content:space-between;padding:0 20px;margin-bottom:10px}
.showcase-hdr-left{display:flex;align-items:center;gap:10px}
.showcase-ic{width:38px;height:38px;border-radius:10px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#7c3aed,#a855f7);box-shadow:0 3px 10px rgba(124,58,237,.3)}
.showcase-ic svg{width:19px;height:19px;color:#fff}
.showcase-title{font-family:'Unbounded';font-weight:700;font-size:13px;color:var(--ink)}
.showcase-clip{overflow:hidden;position:relative}
.showcase-clip::before,.showcase-clip::after{content:"";position:absolute;top:0;bottom:0;width:24px;z-index:2;pointer-events:none}
.showcase-clip::before{left:0;background:linear-gradient(to right,var(--bg),transparent);transition:background .4s}
.showcase-clip::after{right:0;background:linear-gradient(to left,var(--bg),transparent);transition:background .4s}
.showcase-rail{display:flex;gap:10px;padding:4px 20px 10px;width:max-content;transition:transform .12s cubic-bezier(.25,.1,.25,1);will-change:transform;min-width:100%}
.sccard{flex-shrink:0;width:clamp(140px, 38vw, 175px);border-radius:16px;overflow:hidden;position:relative;background:var(--glass);border:1px solid var(--gbd);box-shadow:0 4px 16px var(--shad);transition:transform .3s;cursor:pointer}
.sccard:hover{transform:translateY(-4px);box-shadow:0 14px 32px color-mix(in srgb,var(--g1) 18%,transparent)}
.sccard-img{height:130px;display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}
.sccard-img-bg{position:absolute;inset:0;background-size:cover;background-position:center;transition:transform .4s}
.sccard:hover .sccard-img-bg{transform:scale(1.06)}
.sccard-em{position:relative;z-index:1;font-size:40px;filter:drop-shadow(0 3px 8px rgba(0,0,0,.4))}
.sccard-ovl{position:absolute;inset:0;background:rgba(0,0,0,0);display:flex;align-items:center;justify-content:center;transition:.2s;z-index:2}
.sccard:hover .sccard-ovl{background:rgba(0,0,0,.2)}
.sccard-link-ic{color:#fff;font-size:18px;opacity:0;transition:.2s;position:relative;z-index:3}
.sccard:hover .sccard-link-ic{opacity:1}
.sccard-body{padding:10px 10px 12px}
.sccard-title{font-family:'Unbounded';font-weight:700;font-size:10px;color:var(--ink);margin-bottom:3px;line-height:1.3}
.sccard-caption{font-size:9.5px;color:var(--idim);line-height:1.4}
.showcase-progress{height:3px;background:color-mix(in srgb,var(--g1) 10%,transparent);margin:3px 20px 0;border-radius:999px;overflow:hidden}
.showcase-progress-fill{height:100%;background:var(--grad);border-radius:999px;width:0%;transition:width .1s linear}
.vid-carousel{position:relative}
.vid-track-clip{overflow:hidden}
.vid-track{display:flex;transition:transform .45s cubic-bezier(.2,.7,.1,1)}
.vid-track .vid-box{min-width:100%;flex-shrink:0}
.vid-dots{display:flex;align-items:center;justify-content:center;gap:7px;padding:12px 0 4px}
.vid-dot{width:6px;height:6px;border-radius:50%;background:color-mix(in srgb,var(--g1) 25%,transparent);border:1px solid color-mix(in srgb,var(--g1) 35%,transparent);cursor:pointer;transition:.25s}
.vid-dot.on{background:var(--g1);border-color:transparent;width:18px;border-radius:3px;box-shadow:0 0 8px color-mix(in srgb,var(--g1) 50%,transparent)}
.vid-nav{position:absolute;top:50%;transform:translateY(-50%);width:32px;height:32px;border-radius:50%;background:rgba(0,0,0,.45);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;cursor:pointer;z-index:5;transition:.2s}
.vid-nav:hover{background:rgba(0,0,0,.7)}
.vid-nav svg{width:14px;height:14px;color:#fff}
.vid-nav.prev{left:8px}
.vid-nav.next{right:8px}
.prod-section{position:relative;padding-bottom:4px;transition:outline .2s}
.prod-section.wheel-active{outline:2px solid color-mix(in srgb,var(--g1) 25%,transparent);outline-offset:2px;border-radius:16px}
.prod-shdr{padding:0 20px 8px;display:flex;align-items:center;justify-content:space-between}
.prod-clip{overflow:hidden;position:relative}
.prod-clip::before,.prod-clip::after{content:"";position:absolute;top:0;bottom:0;width:28px;z-index:2;pointer-events:none}
.prod-clip::before{left:0;background:linear-gradient(to right,var(--bg),transparent);transition:background .4s}
.prod-clip::after{right:0;background:linear-gradient(to left,var(--bg),transparent);transition:background .4s}
.prod-rail{display:flex;gap:12px;padding:4px 20px 10px;width:max-content;transition:transform .12s cubic-bezier(.25,.1,.25,1);will-change:transform}
.prod-progress{height:3px;background:color-mix(in srgb,var(--g1) 10%,transparent);margin:3px 20px 0;border-radius:999px;overflow:hidden}
.prod-progress-fill{height:100%;background:var(--grad);border-radius:999px;width:0%;transition:width .1s linear}
.prod-harrow{display:inline-flex;gap:1px;animation:harrow 1.4s ease-in-out infinite}
@keyframes harrow{0%,100%{transform:translateX(0)}50%{transform:translateX(5px)}}
.prod-done-hint{text-align:center;padding:6px 20px 2px;font-size:10px;color:var(--ifa);letter-spacing:.06em;opacity:0;transition:opacity .4s;pointer-events:none}
.prod-done-hint.show{opacity:1}
.clogo-ph{position:absolute;top:50%;left:50%;transform:translate(-50%,-52%);width:44%;aspect-ratio:1;z-index:1;display:flex;align-items:center;justify-content:center;background:rgba(255,255,255,.12);border-radius:12px;border:1.5px solid rgba(255,255,255,.2);backdrop-filter:blur(4px);transition:transform .5s cubic-bezier(.2,.7,.1,1)}
.card:hover .clogo-ph{transform:translate(-50%,-56%) scale(1.04)}
.clogo-ph svg{width:50%;height:50%;opacity:.85}
.stats-strip{display:flex;align-items:center;justify-content:center;gap:8px;padding:0 20px;margin:18px 0 4px;flex-wrap:wrap}
.stat-badge{display:inline-flex;align-items:center;gap:7px;padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--gbd);box-shadow:0 2px 12px var(--shad);transition:transform .25s,box-shadow .25s;cursor:default}
.stat-badge:hover{transform:translateY(-2px);box-shadow:0 8px 24px color-mix(in srgb,var(--g1) 16%,transparent);border-color:color-mix(in srgb,var(--g1) 30%,transparent)}
.stat-badge-num{font-family:'Unbounded';font-weight:800;font-size:15px;background:var(--grad);-webkit-background-clip:text;background-clip:text;color:transparent;line-height:1}
.stat-badge-label{font-size:10px;color:var(--idim);font-weight:400;letter-spacing:.04em;border-left:1px solid var(--gbd);padding-left:7px;line-height:1.3}
.stat-divider{width:4px;height:4px;border-radius:50%;background:color-mix(in srgb,var(--g1) 35%,transparent);flex-shrink:0;display:none}
.demo-popup-overlay{position:fixed;inset:0;z-index:500;background:rgba(0,0,0,.55);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);display:flex;align-items:flex-end;justify-content:center;padding-bottom:0;opacity:0;pointer-events:none;transition:opacity .4s cubic-bezier(.16,1,.3,1)}
.demo-popup-overlay.show{opacity:1;pointer-events:all}
.demo-popup{width:100%;max-width:480px;background:linear-gradient(170deg,rgba(20,20,35,.97) 0%,rgba(10,10,20,.99) 100%);border:1px solid rgba(255,255,255,.12);border-radius:28px 28px 0 0;padding:8px 0 0;transform:translateY(100%);transition:transform .5s cubic-bezier(.16,1,.3,1);overflow:hidden;box-shadow:0 -20px 60px rgba(0,0,0,.5), 0 0 0 1px rgba(255,255,255,.06)}
.demo-popup-overlay.show .demo-popup{transform:translateY(0)}
.demo-popup-handle{width:36px;height:4px;border-radius:999px;background:rgba(255,255,255,.18);margin:0 auto 20px}
.demo-popup-inner{padding:0 24px 32px}
.demo-popup-top{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:16px}
.demo-popup-badge{display:inline-flex;align-items:center;gap:6px;padding:4px 10px;border-radius:999px;background:rgba(96,165,250,.15);border:1px solid rgba(96,165,250,.25);font-size:9.5px;font-weight:700;letter-spacing:.18em;text-transform:uppercase;color:#60a5fa;font-family:'Outfit'}
.demo-popup-badge .bdot{width:6px;height:6px;border-radius:50%;background:#60a5fa;box-shadow:0 0 8px #60a5fa;animation:pd 1.8s ease-out infinite;flex-shrink:0}
.demo-popup-close{width:28px;height:28px;border-radius:50%;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.15);display:flex;align-items:center;justify-content:center;font-size:14px;color:rgba(255,255,255,.6);cursor:pointer;transition:.2s;flex-shrink:0}
.demo-popup-close:hover{background:rgba(255,255,255,.2);color:#fff}
.demo-popup-title{font-family:'Unbounded';font-weight:800;font-size:22px;color:#fff;letter-spacing:-.02em;line-height:1.15;margin-bottom:10px}
.demo-popup-title em{font-style:normal;
  background:linear-gradient(120deg,#60a5fa,#a78bfa 50%,#34d399);
  -webkit-background-clip:text;background-clip:text;color:transparent;
}
.demo-popup-sub{font-size:13px;color:rgba(255,255,255,.58);line-height:1.6;margin-bottom:20px;font-weight:300}
.demo-popup-sub strong{color:rgba(255,255,255,.85);font-weight:500}
.demo-popup-features{display:flex;gap:7px;flex-wrap:wrap;margin-bottom:22px}
.demo-feat{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.1);font-size:10.5px;color:rgba(255,255,255,.7);font-weight:400;letter-spacing:.02em}
.demo-feat .fi{font-size:12px}
.demo-popup-swatches{display:flex;gap:6px;margin-bottom:20px;align-items:center}
.demo-sw-preview{width:26px;height:26px;border-radius:50%;flex-shrink:0;cursor:pointer;border:2px solid rgba(255,255,255,.08);transition:transform .2s,border-color .2s}
.demo-sw-preview:hover{transform:scale(1.2);border-color:rgba(255,255,255,.4)}
.demo-popup-swatch-label{font-size:10px;color:rgba(255,255,255,.4);letter-spacing:.08em;margin-left:4px}
.demo-popup-cta{display:flex;align-items:center;justify-content:center;gap:10px;width:100%;padding:14px 20px;border-radius:16px;background:linear-gradient(120deg,#2549a8,#3A5BAD 50%,#0284c7);color:#fff;font-family:'Unbounded';font-size:13px;font-weight:700;letter-spacing:-.01em;border:none;cursor:pointer;box-shadow:0 6px 28px rgba(37,73,168,.5);transition:filter .25s,transform .25s}
.demo-popup-cta:hover{filter:brightness(1.1);transform:translateY(-1px)}
.demo-popup-cta:active{transform:scale(.97)}
.demo-popup-cta svg{width:16px;height:16px;flex-shrink:0}
.demo-popup-note{text-align:center;margin-top:12px;font-size:10px;color:rgba(255,255,255,.28);letter-spacing:.04em}
.demo-popup-note a{color:rgba(255,255,255,.45);text-decoration:underline;text-underline-offset:3px}
.theme-hint-bubble{position:absolute;top:calc(100% + 8px);left:50%;transform:translateX(-50%);background:rgba(15,15,25,.95);backdrop-filter:blur(12px);border:1px solid rgba(255,255,255,.12);border-radius:12px;padding:8px 14px;white-space:nowrap;font-size:10.5px;color:rgba(255,255,255,.8);font-family:'Outfit';box-shadow:0 6px 20px rgba(0,0,0,.3);opacity:0;pointer-events:none;transition:opacity .3s .5s, transform .3s .5s;transform:translateX(-50%) translateY(-6px);z-index:201}
.theme-hint-bubble.show{opacity:1;transform:translateX(-50%) translateY(0)}
.theme-hint-bubble::after{content:"";position:absolute;top:-5px;left:50%;transform:translateX(-50%) rotate(45deg);width:9px;height:9px;background:rgba(15,15,25,.95);border-left:1px solid rgba(255,255,255,.12);border-top:1px solid rgba(255,255,255,.12)}

/* ════════════════════════════════════════════════════════
   EVENTS SECTION
════════════════════════════════════════════════════════ */
.ev-section{padding:0 0 8px}
.ev-clip{display:flex;gap:14px;overflow-x:auto;padding:0 20px 12px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.ev-clip::-webkit-scrollbar{display:none}
.ev-rail{display:contents}
.ev-card{scroll-snap-align:start;width:min(300px,82vw);flex-shrink:0;background:var(--glass);border:1px solid var(--gbd);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}
.ev-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--shad)}
.ev-card-img{width:100%;height:130px;object-fit:cover;display:block}
.ev-card-img-placeholder{width:100%;height:130px;background:linear-gradient(135deg,color-mix(in srgb,var(--g1) 20%,var(--bg)),color-mix(in srgb,var(--g2) 25%,var(--bg)));display:flex;align-items:center;justify-content:center;font-size:28px}
.ev-card-body{padding:14px 16px;flex:1;display:flex;flex-direction:column;gap:8px}
.ev-card-head{display:flex;align-items:flex-start;gap:12px}
.ev-date-block{flex-shrink:0;width:46px;text-align:center;background:linear-gradient(135deg,var(--g1),var(--g2));border-radius:10px;padding:6px 4px;color:#fff}
.ev-date-day{font-size:22px;font-weight:800;line-height:1;font-family:'Unbounded',sans-serif}
.ev-date-mon{font-size:9px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;opacity:.9}
.ev-card-info{flex:1;min-width:0}
.ev-card-title{font-size:14px;font-weight:700;color:var(--ink);line-height:1.3;margin-bottom:3px}
.ev-card-time{font-size:11px;color:var(--idim);display:flex;align-items:center;gap:5px}
.ev-card-loc{font-size:11px;color:var(--ifa);display:flex;align-items:center;gap:5px;margin-top:2px}
.ev-card-desc{font-size:12px;color:var(--idim);line-height:1.5;flex:1}
.ev-card-foot{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:4px}
.ev-badge{font-size:9px;font-weight:700;letter-spacing:.07em;text-transform:uppercase;padding:3px 8px;border-radius:20px;flex-shrink:0}
.ev-badge-free{background:rgba(34,197,94,.15);color:#22c55e;border:1px solid rgba(34,197,94,.3)}
.ev-badge-limited{background:rgba(245,158,11,.15);color:#f59e0b;border:1px solid rgba(245,158,11,.3)}
.ev-badge-sold_out{background:rgba(239,68,68,.12);color:#ef4444;border:1px solid rgba(239,68,68,.25);text-decoration:line-through}
.ev-badge-rsvp{background:color-mix(in srgb,var(--g1) 15%,transparent);color:var(--g2);border:1px solid color-mix(in srgb,var(--g1) 30%,transparent)}
.ev-card-cta{font-size:11px;font-weight:600;padding:6px 14px;border-radius:20px;background:linear-gradient(90deg,var(--g1),var(--g2));color:#fff;text-decoration:none;white-space:nowrap;transition:opacity .15s}
.ev-card-cta:hover{opacity:.85}
.ev-card-cta:active{transform:scale(.97)}
.ev-badge-vip{background:rgba(168,85,247,.15);color:#a855f7;border:1px solid rgba(168,85,247,.3)}
.ev-price{font-size:13px;font-weight:700;color:var(--g1)}
.ev-progress{height:2px;background:var(--gbd);margin:0 20px 4px;border-radius:2px;overflow:hidden}
.ev-progress-fill{height:100%;background:linear-gradient(90deg,var(--g1),var(--g2));border-radius:2px;transition:width .25s}

/* ════════════════════════════════════════════════════════
   FAQ SECTION
════════════════════════════════════════════════════════ */
.faq-sec{padding:0 20px 8px}
.faq-item{border:1px solid var(--gbd);border-radius:14px;margin-bottom:8px;overflow:hidden;background:var(--glass);transition:border-color .2s}
.faq-item.open{border-color:color-mix(in srgb,var(--g1) 45%,transparent)}
.faq-q{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:14px 16px;cursor:pointer;user-select:none}
.faq-q-text{font-size:13px;font-weight:600;color:var(--ink);line-height:1.4;flex:1}
.faq-icon{width:22px;height:22px;flex-shrink:0;border-radius:50%;background:color-mix(in srgb,var(--g1) 12%,transparent);border:1px solid color-mix(in srgb,var(--g1) 25%,transparent);display:flex;align-items:center;justify-content:center;color:var(--g2);font-size:13px;font-weight:300;line-height:1;transition:transform .25s,background .2s}
.faq-item.open .faq-icon{transform:rotate(45deg);background:var(--g1);color:#fff;border-color:transparent}
.faq-a{display:none;padding:0 16px 14px;font-size:13px;color:var(--idim);line-height:1.65}
.faq-a a{color:var(--g2);text-decoration:underline;text-underline-offset:3px}
.faq-item.open .faq-a{display:block}

/* ════════════════════════════════════════════════════════
   TEAM SECTION
════════════════════════════════════════════════════════ */
.team-section{padding:0 0 8px}
.team-clip{display:flex;gap:14px;overflow-x:auto;padding:0 20px 10px;scroll-snap-type:x mandatory;-webkit-overflow-scrolling:touch;scrollbar-width:none}
.team-clip::-webkit-scrollbar{display:none}
.team-rail{display:contents}
.team-card{scroll-snap-align:start;width:200px;flex-shrink:0;background:var(--glass);border:1px solid var(--gbd);border-radius:18px;overflow:hidden;display:flex;flex-direction:column;align-items:center;padding:20px 16px 16px;text-align:center;transition:transform .2s,box-shadow .2s}
.team-card:hover{transform:translateY(-2px);box-shadow:0 12px 32px var(--shad)}
.team-photo{width:72px;height:72px;border-radius:50%;object-fit:cover;border:2px solid color-mix(in srgb,var(--g1) 35%,transparent);margin-bottom:10px}
.team-photo-placeholder{width:72px;height:72px;border-radius:50%;background:linear-gradient(135deg,var(--g1),var(--g2));display:flex;align-items:center;justify-content:center;font-size:26px;font-weight:700;color:#fff;margin-bottom:10px;border:2px solid color-mix(in srgb,var(--g1) 35%,transparent);font-family:'Unbounded',sans-serif;flex-shrink:0}
.team-name{font-size:13px;font-weight:700;color:var(--ink);margin-bottom:3px}
.team-role{font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--g2);margin-bottom:8px}
.team-bio{font-size:11px;color:var(--idim);line-height:1.55;flex:1}
.team-social{display:inline-flex;align-items:center;gap:5px;margin-top:10px;font-size:11px;color:var(--g2);text-decoration:none;padding:4px 10px;border-radius:20px;border:1px solid color-mix(in srgb,var(--g1) 25%,transparent);transition:all .15s}
.team-social:hover{background:color-mix(in srgb,var(--g1) 12%,transparent)}


/* ── Page scrollbar — matches active theme ── */
html{scrollbar-width:thin;scrollbar-color:var(--g1) transparent}
::-webkit-scrollbar{width:4px}
::-webkit-scrollbar-track{background:transparent}
::-webkit-scrollbar-thumb{background:var(--g1);border-radius:99px;transition:background .4s}