.fixed{position:fixed}.top-0{top:0}.left-0{left:0}.right-0{right:0}
 .z-50{z-index:50}.px-3{padding-left:.75rem;padding-right:.75rem}.pt-3{padding-top:.75rem}
 .flex{display:flex}.inline-flex{display:inline-flex}.grid{display:grid}
 .items-center{align-items:center}.justify-between{justify-content:space-between}
 .mx-auto{margin-left:auto;margin-right:auto}
 .max-w-6xl{max-width:72rem}
 .rounded-2xl{border-radius:1rem}
 .shadow-heavy{box-shadow:0 1px 6px rgba(0,0,0,.12)}
 .scroll-smooth{scroll-behavior:auto}
 .text-ink{color:var(--ink)}

 .show-desktop{display:none}
 .hide-desktop{display:flex}
 .hide-desktop-block{display:block}
 .show-desktop-grid{display:none}
 .hide-desktop-swiper{display:block}
 @media(min-width:1024px){
 .show-desktop{display:flex !important}
 .hide-desktop{display:none !important}
 .hide-desktop-block{display:none !important}
 .show-desktop-grid{display:grid !important}
 .hide-desktop-swiper{display:none !important}
 }

:root {
 --bg: #0A0A0A;
 --surface: #111111;
 --elevated: #161616;
 --card: #131313;
 --ink: #F5F5F7;
 --muted: rgba(245,245,247,0.58);
 --muted2: rgba(245,245,247,0.35);
 --line: rgba(255,255,255,0.07);
 --line-s: rgba(255,255,255,0.13);
 --accent: #D4920A;
 --accent-2:#F6C35A;
 --secondary: #2F8DFF;
 --secondary-d: rgba(47,141,255,0.14);
 --secondary-glow: rgba(47,141,255,0.28);
 --accent-d: rgba(212,146,10,0.12);
 --accent-glow: rgba(212,146,10,0.22);
 --shadow: rgba(0,0,0,0.55);
 --glass: rgba(10,10,10,0.82);
 --label-c: rgba(245,245,247,0.38);
 --grid-line: rgba(255,255,255,0.018);
 --logo-filter: brightness(0) invert(1) opacity(0.35);
}

:root {
 --safe-top: env(safe-area-inset-top, 0px);
 --safe-bottom: env(safe-area-inset-bottom, 0px);
 --safe-left: env(safe-area-inset-left, 0px);
 --safe-right: env(safe-area-inset-right, 0px);
}
body { -webkit-tap-highlight-color: transparent; touch-action: pan-y; }
button, a { -webkit-tap-highlight-color: transparent; }

.carousel-track { -webkit-overflow-scrolling: touch; }

footer { padding-bottom: calc(2rem + var(--safe-bottom)); }

header { padding-top: calc(.75rem + var(--safe-top)); }

.reo-logo-badge {
  width: 34px;
  height: 34px;
  border-radius: 10px;
  background: var(--elevated);
  border: 1px solid var(--line-s);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  overflow: hidden;
  transition: border-color .18s, box-shadow .18s;
  position: relative;
}
.reo-logo-badge::after {
  content: '';
  position: absolute;
  inset: 0;
  border-radius: 10px;
  background: linear-gradient(135deg, rgba(212,146,10,.09) 0%, transparent 60%);
  pointer-events: none;
}
a:hover .reo-logo-badge {
  border-color: rgba(212,146,10,.35);
  box-shadow: 0 0 0 3px var(--accent-glow);
}
.reo-logo-img {
  width: 20px;
  height: 20px;
  object-fit: contain;
  position: relative;
  z-index: 1;
}

html { -webkit-text-size-adjust: 100%; text-size-adjust: 100%; }

.btn-p, .btn-s, .carousel-btn, .pref-dropup-btn { min-height: 44px; }
.carousel-btn { width:44px !important; height:44px !important; }

[data-theme="light"] {
 --bg: #F0F0F5;
 --surface: #FFFFFF;
 --elevated: #E8E8EF;
 --card: #F7F7FB;
 --ink: #1C1C1E;
 --muted: rgba(28,28,30,0.58);
 --muted2: rgba(28,28,30,0.38);
 --line: rgba(0,0,0,0.08);
 --line-s: rgba(0,0,0,0.14);
 --accent: #E6A212;
 --accent-2:#F5C86B;
 --secondary: #0B78F2;
 --secondary-d: rgba(11,120,242,0.13);
 --secondary-glow: rgba(11,120,242,0.24);
 --accent-d: rgba(230,162,18,0.13);
 --accent-glow: rgba(230,162,18,0.22);
 --shadow: rgba(0,0,0,0.12);
 --glass: rgba(248,248,252,0.88);
 --label-c: rgba(28,28,30,0.4);
 --grid-line: rgba(0,0,0,0.04);
 --logo-filter: brightness(0) opacity(0.3);
}

*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;color-scheme:dark;scroll-behavior:auto;overflow-x:hidden}
[data-theme="light"]{color-scheme:light}
a{text-decoration:none;opacity:.72;transition:opacity .2s ease,color .2s ease}
a:hover{opacity:1}
h1,h2{letter-spacing:-0.022em}
#hero-h1,.section-duotone{max-width:min(22ch,100%);text-wrap:balance}
#hero-h1{position:relative;display:inline-block;padding-bottom:.7rem;text-shadow:0 10px 24px color-mix(in srgb,var(--accent) 28%,transparent)}
#hero-h1::after{content:"";position:absolute;left:0;bottom:0;width:74px;height:2px;border-radius:999px;background:linear-gradient(90deg,var(--accent),var(--accent-2),transparent)}
.hero-word-wrap{display:inline-grid;min-width:9ch;vertical-align:baseline;position:relative}
.hero-word{display:inline-block;background:linear-gradient(120deg,var(--accent),var(--accent-2));-webkit-background-clip:text;background-clip:text;color:transparent;animation:heroWordIn .9s cubic-bezier(.2,.9,.2,1) both;filter:drop-shadow(0 0 20px color-mix(in srgb,var(--accent) 45%,transparent))}
.hero-word.out{animation:heroWordOut .72s cubic-bezier(.7,0,.84,0) both}
@keyframes heroWordIn{0%{opacity:0;transform:translateY(18px) scale(.93) rotateX(70deg);filter:blur(12px)}65%{opacity:1}100%{opacity:1;transform:translateY(0) scale(1) rotateX(0);filter:blur(0)}}
@keyframes heroWordOut{0%{opacity:1;transform:translateY(0) scale(1);filter:blur(0)}100%{opacity:0;transform:translateY(-16px) scale(1.05);filter:blur(9px)}}

.section-duotone {
  background: linear-gradient(110deg, var(--accent) 0%, var(--accent-2) 42%, var(--ink) 100%);
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
  color: transparent !important;
}

#int-heading,
#svc-heading,
#prot-heading,
#eco-heading,
#faq-heading,
#reoos-heading,
#out-heading,
#cta-heading {
  position: relative;
  display: inline-block;
  padding-bottom: .55rem;
  margin-bottom: .2rem;
}
#int-heading::after,
#svc-heading::after,
#prot-heading::after,
#eco-heading::after,
#faq-heading::after,
#reoos-heading::after,
#out-heading::after,
#cta-heading::after {
  content: "";
  position: absolute;
  left: 0;
  bottom: 0;
  width: 58px;
  height: 1px;
  border-radius: 999px;
  background: var(--line-s);
}
body{background:var(--bg);color:var(--ink);font-family:'Inter',system-ui,sans-serif;transition:background .3s ease,color .3s ease;overflow-x:hidden}
::selection{background:rgba(212,146,10,.25);color:var(--ink)}

.grid-bg{
 background-image:
 linear-gradient(var(--grid-line) 1px,transparent 1px),
 linear-gradient(90deg,var(--grid-line) 1px,transparent 1px);
 background-size:42px 42px;
}

.bg-base {background:var(--bg)}
.bg-surface {background:var(--surface)}
.bg-elevated {background:var(--elevated)}
.bg-card {background:var(--card)}
.text-ink {color:var(--ink)}
.text-muted {color:var(--muted)}
.text-muted2 {color:var(--muted2)}
.text-accent {color:var(--accent)}
.text-secondary {color:var(--secondary)}
.border-line {border-color:var(--line)}
.border-lines{border-color:var(--line-s)}
.label {font-size:.68rem;letter-spacing:.14em;text-transform:uppercase;color:var(--label-c)}

.glass{backdrop-filter:blur(18px) saturate(180%);background:var(--glass);border:1px solid rgba(255,255,255,.12)}

.btn-p{background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#1E1400;border-radius:999px;padding:.62rem 1.4rem;font-size:.82rem;font-weight:700;letter-spacing:.01em;transition:transform .18s ease,box-shadow .18s ease,opacity .18s ease,filter .18s ease;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer;border:1px solid rgba(255,255,255,.14);box-shadow:0 10px 22px rgba(212,146,10,.25)}
.btn-p:hover{transform:translateY(-2px);box-shadow:0 16px 34px rgba(212,146,10,.34);filter:saturate(1.03)}
.btn-s{background:var(--secondary-d);color:var(--secondary);border-radius:999px;padding:.62rem 1.4rem;font-size:.82rem;font-weight:600;border:1px solid color-mix(in srgb,var(--secondary) 40%,transparent);transition:border-color .18s ease,transform .18s ease,box-shadow .18s ease,background .18s ease;display:inline-flex;align-items:center;gap:.5rem;cursor:pointer}
.btn-s:hover{border-color:var(--secondary);box-shadow:0 0 0 3px var(--secondary-glow);transform:translateY(-1px);background:color-mix(in srgb,var(--secondary) 18%,transparent)}
.btn-ghost{background:transparent;color:var(--muted);border:1px solid var(--line);border-radius:10px;padding:.4rem .8rem;font-size:.72rem;font-weight:500;cursor:pointer;transition:border-color .15s,color .15s,background .15s}
.btn-ghost:hover,.btn-ghost.active{border-color:var(--line-s);color:var(--ink);background:var(--elevated)}
.btn-ghost.active{border-color:var(--accent) !important;color:var(--accent) !important}
.nav-link{font-size:.78rem;color:var(--muted);text-decoration:none;opacity:.72;padding:.4rem .6rem;border-radius:8px;transition:opacity .2s,color .15s,background .15s,transform .15s;font-weight:500}
.nav-link:hover,.nav-link:focus-visible{opacity:1;color:var(--ink);background:rgba(255,255,255,.04)}
.nav-link:active{transform:translateY(1px)}

.nav-action-btn{width:36px;height:36px;border-radius:10px;border:1px solid var(--line);background:var(--elevated);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s,background .15s,transform .15s;flex-shrink:0}
.nav-action-btn:hover,.nav-action-btn:focus-visible{border-color:rgba(212,146,10,.35);background:var(--surface);color:var(--ink)}
.nav-action-btn:active{transform:translateY(1px)}

button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

[data-theme="light"] .nav-link:hover{background:rgba(0,0,0,.04)}
[data-theme="light"] .nav-link:focus-visible{background:rgba(0,0,0,.04)}

.switcher-group{display:inline-flex;gap:2px;padding:3px;border:1px solid var(--line);border-radius:12px;background:var(--elevated)}
.switcher-item{padding:.3rem .65rem;border-radius:9px;font-size:.68rem;font-weight:500;cursor:pointer;color:var(--muted);transition:all .15s ease;border:none;background:transparent;font-family:inherit}
.switcher-item:hover{color:var(--ink)}
.switcher-item.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 4px var(--shadow)}
[data-theme="light"] .switcher-item.active{background:var(--bg)}

.card{background:var(--surface);border:1px solid rgba(255,255,255,0.08);border-radius:20px;box-shadow:inset 0 1px 1px rgba(255,255,255,0.03);transition:transform .2s ease,border-color .2s ease}
.card:hover{transform:translateY(-3px);border-color:var(--line-s)}
@media (hover:none){.card:hover{transform:none}}
.ui-overlay-card{position:relative;overflow:hidden}
.ui-overlay-card::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 88% 12%,color-mix(in srgb,var(--accent) 20%,transparent),transparent 40%);pointer-events:none}
.card-overlay-icon{position:absolute;top:.75rem;right:.75rem;width:30px;height:30px;border-radius:10px;border:1px solid var(--line-s);display:grid;place-items:center;background:color-mix(in srgb,var(--surface) 80%,transparent);color:var(--accent);box-shadow:0 8px 22px color-mix(in srgb,var(--accent-glow) 58%,transparent)}
.card-overlay-icon i{font-size:.72rem}
.card-elevated{background:var(--elevated);border:1px solid rgba(255,255,255,0.08);border-radius:20px;box-shadow:inset 0 1px 1px rgba(255,255,255,0.03)}

.swiper-button-next,.swiper-button-prev{width:36px !important;height:36px !important;border-radius:999px;border:1px solid var(--line) !important;background:var(--elevated) !important;color:var(--ink) !important;transition:border-color .2s,background .2s;margin-top:0 !important}
.swiper-button-next:hover,.swiper-button-prev:hover{border-color:var(--line-s) !important}
.swiper-button-next::after,.swiper-button-prev::after{font-size:11px !important;font-weight:800 !important}
.swiper-pagination-fraction{color:var(--muted) !important;font-size:.72rem !important;font-family:'DM Mono',monospace;letter-spacing:.04em}
.swiper-slide{height:auto !important}

.services-shell{position:relative;border:1px solid var(--line);border-radius:28px;background:radial-gradient(120% 120% at 90% 0%,rgba(212,146,10,.16) 0%,transparent 48%),linear-gradient(155deg,var(--surface),var(--elevated));padding:clamp(1rem,2.8vw,1.8rem);overflow:hidden}
.services-shell::before{content:"";position:absolute;inset:auto -18% -45% auto;width:320px;height:320px;border-radius:999px;background:radial-gradient(circle,rgba(212,146,10,.22) 0%,transparent 64%);pointer-events:none}
.service-card{height:100%;display:flex;flex-direction:column;gap:.8rem;padding:1.2rem;border-radius:18px;border:1px solid var(--line);background:linear-gradient(160deg,var(--card),var(--surface));box-shadow:inset 0 1px 1px rgba(255,255,255,.04)}
.service-icon{width:42px;height:42px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:1rem;color:var(--accent);background:rgba(212,146,10,.11);border:1px solid rgba(212,146,10,.26)}
.service-tag{display:inline-flex;align-items:center;gap:6px;font-size:.62rem;letter-spacing:.08em;text-transform:uppercase;color:var(--muted2);font-family:'DM Mono',monospace}
.service-list{margin:0;padding-left:1.05rem;display:grid;gap:.3rem;color:var(--muted);font-size:.75rem;line-height:1.6}

.logo-track .swiper-wrapper{transition-timing-function:linear !important}
.logo-slide{display:flex;align-items:center;justify-content:center}
.logo-slide svg{filter:var(--logo-filter);transition:filter .25s ease}
.logo-slide:hover svg{filter:brightness(0) invert(1) opacity(0.7)}
[data-theme="light"] .logo-slide:hover svg{filter:brightness(0) opacity(0.55)}

.faq-item{border-bottom:1px solid var(--line);transition:background .2s;padding:0 clamp(.6rem,1.8vw,1.2rem)}
.faq-item:last-child{border-bottom:none}
.faq-q{width:100%;background:none;border:none;color:var(--ink);font-family:inherit;font-size:.92rem;font-weight:500;text-align:left;padding:1.35rem 0;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;line-height:1.5}
.faq-q .faq-icon{width:24px;height:24px;border-radius:50%;border:1px solid var(--line);background:var(--elevated);display:flex;align-items:center;justify-content:center;flex-shrink:0;transition:transform .3s ease,border-color .2s,background .2s}
.faq-item.open .faq-icon{transform:rotate(45deg);border-color:var(--accent);background:var(--accent-d)}
.faq-item.open .faq-icon i{color:var(--accent)}
.faq-a{max-height:0;overflow:hidden;transition:max-height .38s cubic-bezier(.4,0,.2,1),padding .3s ease}
.faq-item.open .faq-a{max-height:400px;padding-bottom:1.5rem}
.faq-a p{font-size:.85rem;line-height:1.85;color:var(--muted);padding-right:.5rem;padding-left:.1rem}

.reveal,.reveal.visible{opacity:1;transform:none;transition:none}
.reveal-delay-1{transition-delay:.1s}
.reveal-delay-2{transition-delay:.2s}
.reveal-delay-3{transition-delay:.3s}

@keyframes scan-v{0%,100%{transform:translateY(0);opacity:.7}50%{transform:translateY(12px);opacity:1}}
@keyframes pulse-r{0%{transform:scale(.9);opacity:.8}70%{transform:scale(1.15);opacity:0}100%{opacity:0}}
@keyframes float-y{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
@keyframes blink{0%,49%{opacity:1}50%,100%{opacity:0}}
@keyframes spin-slow{from{transform:rotate(0deg)}to{transform:rotate(360deg)}}
@keyframes dash-move{to{stroke-dashoffset:-20}}
@keyframes scan-page{0%{top:5%;opacity:0}15%{opacity:.5}85%{opacity:.35}100%{top:92%;opacity:0}}
@keyframes fade-in-up{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}

.scan-beam{position:absolute;height:1px;left:0;right:0;background:linear-gradient(90deg,transparent,rgba(212,146,10,.5),transparent);pointer-events:none;animation:scan-page 7s ease-in-out infinite}
.float-anim{animation:float-y 5s ease-in-out infinite}
.pulse-ring{animation:pulse-r 2.8s ease-out infinite}
.scan-anim{animation:scan-v 3.5s ease-in-out infinite}
.cursor-blink{display:inline-block;width:6px;height:11px;background:var(--accent);animation:blink 1s step-start infinite;vertical-align:middle;margin-left:2px;border-radius:1px}
.dash-anim{stroke-dasharray:4 4;animation:dash-move .6s linear infinite}

.dropdown{position:relative}
.dropdown-menu{position:absolute;top:calc(100% + 8px);right:0;min-width:140px;background:var(--elevated);border:1px solid var(--line);border-radius:14px;padding:6px;z-index:200;opacity:0;pointer-events:none;transform:translateY(-6px);transition:opacity .2s ease,transform .2s ease;box-shadow:0 16px 40px var(--shadow)}
.dropdown-menu.open{opacity:1;pointer-events:auto;transform:none}
.dropdown-item{display:block;width:100%;text-align:left;background:none;border:none;color:var(--muted);font-family:inherit;font-size:.78rem;padding:.55rem .8rem;border-radius:9px;cursor:pointer;transition:background .15s,color .15s;white-space:nowrap}
.dropdown-item:hover,.dropdown-item.active{background:var(--surface);color:var(--ink)}
.dropdown-item.active{color:var(--accent)}

#drawer-overlay{position:fixed;inset:0;background:rgba(0,0,0,.6);z-index:49;opacity:0;pointer-events:none;transition:opacity .3s ease;backdrop-filter:blur(6px)}
#drawer-overlay.open{opacity:1;pointer-events:all}
#mobile-drawer{position:fixed;top:0;right:0;bottom:0;width:min(340px,88vw);z-index:60;background:var(--surface);border-left:1px solid var(--line);transform:translateX(102%);transition:transform .38s cubic-bezier(.4,0,.2,1),box-shadow .25s ease;display:flex;flex-direction:column;box-shadow:none}
#mobile-drawer.open{transform:translateX(0);box-shadow:-20px 0 60px rgba(0,0,0,.5)}
.drawer-header{padding:1.1rem 1.3rem;border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;flex-shrink:0}
.drawer-close{width:32px;height:32px;border-radius:50%;border:1px solid var(--line);background:var(--elevated);display:flex;align-items:center;justify-content:center;cursor:pointer;color:var(--muted);transition:border-color .15s,color .15s,background .15s;flex-shrink:0}
.drawer-close:hover{border-color:var(--line-s);color:var(--ink)}
.drawer-nav{flex:1;padding:1.25rem 1rem;display:flex;flex-direction:column;gap:.2rem;overflow-y:auto}
.drawer-link{display:flex;align-items:center;gap:11px;padding:.8rem .9rem;border-radius:13px;color:var(--muted);text-decoration:none;font-size:.88rem;font-weight:500;text-decoration:none;transition:background .15s,color .15s,transform .15s;border:1px solid transparent}
.drawer-link:hover,.drawer-link:active{background:var(--elevated);color:var(--ink);border-color:var(--line)}
.drawer-link-icon{width:28px;height:28px;border-radius:8px;background:var(--elevated);border:1px solid var(--line);display:flex;align-items:center;justify-content:center;font-size:.68rem;color:var(--muted2);flex-shrink:0;transition:background .15s,color .15s,border-color .15s}
.drawer-link:hover .drawer-link-icon,.drawer-link:active .drawer-link-icon{background:var(--accent-d);color:var(--accent);border-color:var(--accent-glow)}
.drawer-footer-area{padding:1.1rem 1.3rem;border-top:1px solid var(--line);flex-shrink:0}

.foot-ctrl-wrap{background:var(--elevated);border:1px solid var(--line);border-radius:20px;padding:1.5rem 1.5rem}
.foot-seg{display:inline-flex;align-items:center;gap:2px;padding:3px;background:var(--bg);border:1px solid var(--line);border-radius:12px}
.foot-seg-btn{padding:.36rem .8rem;border-radius:9px;font-size:.72rem;font-weight:500;cursor:pointer;color:var(--muted);transition:all .18s ease;border:none;background:transparent;font-family:inherit;letter-spacing:.01em;white-space:nowrap}
.foot-seg-btn:hover{color:var(--ink)}
.foot-seg-btn.active{background:var(--surface);color:var(--ink);box-shadow:0 1px 6px var(--shadow)}
[data-theme="light"] .foot-seg-btn.active{background:var(--elevated)}
.foot-theme-btn{display:flex;align-items:center;gap:9px;cursor:pointer;padding:.5rem .85rem;border-radius:12px;border:1px solid var(--line);background:var(--bg);transition:border-color .18s,background .18s;font-family:inherit;font-size:.72rem;font-weight:500;color:var(--muted)}
.foot-theme-btn:hover{border-color:var(--line-s);background:var(--elevated);color:var(--ink)}
.foot-theme-track{width:36px;height:20px;border-radius:10px;background:var(--elevated);border:1px solid var(--line);position:relative;transition:background .25s,border-color .25s;flex-shrink:0}
[data-theme="light"] .foot-theme-track{background:rgba(212,146,10,.14);border-color:rgba(212,146,10,.28)}
.foot-theme-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;border-radius:50%;background:var(--muted);transition:transform .28s cubic-bezier(.4,0,.2,1),background .25s;box-shadow:0 1px 4px rgba(0,0,0,.35)}
[data-theme="light"] .foot-theme-knob{transform:translateX(16px);background:var(--accent)}

.social-btn{width:36px;height:36px;border-radius:50%;border:1px solid var(--line);background:var(--elevated);display:inline-flex;align-items:center;justify-content:center;color:var(--muted);font-size:.82rem;transition:border-color .2s,color .2s,transform .2s,background .2s;cursor:pointer}
.social-btn:hover{border-color:var(--line-s);color:var(--ink);transform:translateY(-2px)}
.social-btn.whatsapp:hover{color:#25D366;border-color:rgba(37,211,102,.3);background:rgba(37,211,102,.06)}
.social-btn.instagram:hover{color:#E1306C;border-color:rgba(225,48,108,.3);background:rgba(225,48,108,.06)}
.social-btn.twitter:hover{color:var(--ink);border-color:var(--line-s)}
.social-btn.facebook:hover{color:#1877F2;border-color:rgba(24,119,242,.3);background:rgba(24,119,242,.06)}

.inp{background:var(--elevated);border:1px solid var(--line);border-radius:12px;padding:.72rem 1rem;color:var(--ink);font-size:.83rem;font-family:inherit;outline:none;transition:border-color .2s,box-shadow .2s;width:100%}
.inp:focus{border-color:rgba(212,146,10,.4);box-shadow:0 0 0 3px rgba(212,146,10,.1)}
.inp::placeholder{color:var(--muted2)}

.hero-board{filter:drop-shadow(0 20px 60px var(--il-shadow))}
[data-theme="light"] .hero-board{filter:drop-shadow(0 12px 40px var(--il-shadow))}

:root {

  --il-bg:        #0C0E14;
  --il-bg2:       #080A0E;
  --il-panel:     rgba(12,14,20,1);
  --il-screen:    rgba(4,6,12,1);

  --il-line:      rgba(255,255,255,.08);
  --il-line-s:    rgba(255,255,255,.14);
  --il-line-m:    rgba(255,255,255,.06);

  --il-label:     rgba(245,245,247,.18);
  --il-mono:      rgba(245,245,247,.25);

  --il-dot:       rgba(255,255,255,.055);

  --il-fill-d:    rgba(255,255,255,.04);
  --il-fill-m:    rgba(255,255,255,.07);

  --il-a0:        rgba(212,146,10,0);
  --il-a1:        rgba(212,146,10,.08);
  --il-a2:        rgba(212,146,10,.14);
  --il-a3:        rgba(212,146,10,.25);
  --il-a4:        rgba(212,146,10,.4);
  --il-a5:        rgba(212,146,10,.65);
  --il-a6:        rgba(212,146,10,.9);
  --il-a-text:    rgba(212,146,10,.55);
  --il-a-text-b:  rgba(212,146,10,.8);

  --il-g1:        rgba(52,199,89,.07);
  --il-g2:        rgba(52,199,89,.15);
  --il-g3:        rgba(52,199,89,.35);
  --il-g4:        rgba(52,199,89,.7);
  --il-g5:        rgba(52,199,89,.9);
  --il-g-text:    rgba(52,199,89,.5);

  --il-r1:        rgba(255,60,60,.06);
  --il-r2:        rgba(255,60,60,.12);
  --il-r3:        rgba(255,60,60,.35);
  --il-r5:        rgba(255,60,60,.8);

  --il-p1:        rgba(130,80,255,.07);
  --il-p2:        rgba(130,80,255,.14);
  --il-p3:        rgba(130,80,255,.28);
  --il-p4:        rgba(130,80,255,.55);

  --il-b1:        rgba(0,122,255,.03);
  --il-b2:        rgba(0,122,255,.09);
  --il-b3:        rgba(0,122,255,.18);
  --il-b4:        rgba(0,122,255,.38);
  --il-b5:        rgba(0,122,255,.65);
  --il-b6:        rgba(0,160,255,.95);
  --il-b-text:    rgba(0,160,255,.65);

  --il-shadow:    rgba(0,0,0,.35);
}

[data-theme="light"] {

  --il-bg:        #EEF0F5;
  --il-bg2:       #E6E8F0;
  --il-panel:     rgba(238,240,245,1);
  --il-screen:    rgba(230,232,242,1);

  --il-line:      rgba(0,0,0,.09);
  --il-line-s:    rgba(0,0,0,.16);
  --il-line-m:    rgba(0,0,0,.06);

  --il-label:     rgba(28,28,30,.25);
  --il-mono:      rgba(28,28,30,.35);

  --il-dot:       rgba(0,0,0,.045);

  --il-fill-d:    rgba(0,0,0,.04);
  --il-fill-m:    rgba(0,0,0,.07);

  --il-a1:        rgba(180,110,0,.1);
  --il-a2:        rgba(180,110,0,.18);
  --il-a3:        rgba(180,110,0,.3);
  --il-a4:        rgba(180,110,0,.5);
  --il-a5:        rgba(180,110,0,.75);
  --il-a6:        rgba(160,100,0,.95);
  --il-a-text:    rgba(140,80,0,.65);
  --il-a-text-b:  rgba(130,75,0,.9);

  --il-g1:        rgba(30,160,60,.08);
  --il-g2:        rgba(30,160,60,.16);
  --il-g3:        rgba(30,160,60,.38);
  --il-g4:        rgba(30,160,60,.75);
  --il-g5:        rgba(30,160,60,.95);
  --il-g-text:    rgba(20,130,50,.6);

  --il-r1:        rgba(200,30,30,.06);
  --il-r2:        rgba(200,30,30,.12);
  --il-r3:        rgba(200,30,30,.38);
  --il-r5:        rgba(200,30,30,.85);

  --il-p1:        rgba(100,50,220,.07);
  --il-p2:        rgba(100,50,220,.15);
  --il-p3:        rgba(100,50,220,.3);
  --il-p4:        rgba(100,50,220,.6);

  --il-b1:        rgba(0,80,200,.04);
  --il-b2:        rgba(0,80,200,.1);
  --il-b3:        rgba(0,80,200,.2);
  --il-b4:        rgba(0,80,200,.4);
  --il-b5:        rgba(0,80,200,.7);
  --il-b6:        rgba(0,100,200,.9);
  --il-b-text:    rgba(0,80,200,.7);

  --il-shadow:    rgba(0,0,0,.12);
}

@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none !important;transition:none !important}.reveal{opacity:1;transform:none}}

@media(max-width:640px){
 .hero-wrap{padding:1.75rem 1.25rem !important}
 .hero-metrics{grid-template-columns:repeat(2,minmax(0,1fr)) !important}
 .faq-q{font-size:.85rem !important}
 .foot-ctrl-wrap{padding:1.25rem !important}
 .foot-seg{flex-wrap:wrap}
 .foot-seg-btn{padding:.3rem .6rem !important;font-size:.68rem !important}
 section{padding-left:.75rem !important;padding-right:.75rem !important}
 .card{border-radius:16px !important}
}

.carousel { position:relative; }
.carousel-track {
 display:flex;
 gap:14px;
 overflow-x:auto;
 scroll-snap-type:x mandatory;
 -webkit-overflow-scrolling:touch;
 scrollbar-width:none;
 padding-bottom:4px;
}
.carousel-track::-webkit-scrollbar { display:none; }
.carousel-track { overscroll-behavior-x: contain; scroll-snap-stop: always; scroll-behavior: smooth; }

.carousel-clone { pointer-events: none; user-select: none; }

.carousel-slide {
 scroll-snap-align:start;
 flex:0 0 calc(91% );
 min-width:260px;
}
@media(min-width:640px){ .carousel-slide{ flex:0 0 calc(62%); } }
@media(min-width:768px){ .carousel-slide{ flex:0 0 calc(46%); } }
@media(min-width:1024px){ .carousel-slide{ flex:0 0 calc(32%); } }
.carousel-btn {
 width:36px;height:36px;border-radius:10px;
 border:1px solid var(--line);background:var(--elevated);
 color:var(--muted);cursor:pointer;font-size:1rem;
 display:flex;align-items:center;justify-content:center;
 transition:border-color .15s,color .15s,background .15s;
}
.carousel-btn:hover { border-color:var(--line-s);background:var(--surface);color:var(--ink); }
#cart-btn:hover{border-color:var(--line-s);background:var(--surface);color:var(--ink)}

#protocol-carousel{
  gap:12px !important;
  padding:.15rem .15rem .65rem !important;
  scroll-padding-inline:.15rem;
}
.protocol-mobile-card{
  position:relative;
  background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 88%, transparent),var(--elevated));
  border:1px solid rgba(255,255,255,.11);
  border-radius:20px;
  padding:1.1rem 1rem 1.05rem;
  box-shadow:0 12px 24px rgba(0,0,0,.16), inset 0 1px 0 rgba(255,255,255,.06);
  overflow:hidden;
}
.protocol-mobile-card::before{
  content:"";
  position:absolute;
  inset:0 0 auto 0;
  height:62%;
  background:radial-gradient(120% 90% at 0% 0%, rgba(212,146,10,.13), transparent 72%);
  pointer-events:none;
}
.protocol-mobile-card-accent{
  border-color:rgba(212,146,10,.35);
  box-shadow:0 14px 32px rgba(212,146,10,.16), inset 0 1px 0 rgba(255,255,255,.08);
}
.protocol-mobile-card > *{position:relative;z-index:1}
.protocol-mobile-card .step-chip{
  font-family:monospace;
  font-size:.65rem;
  color:var(--muted2);
  border:1px solid var(--line);
  background:color-mix(in srgb,var(--elevated) 90%, transparent);
  padding:.3rem .58rem;
  border-radius:999px;
}
.protocol-mobile-card-accent .step-chip{
  color:var(--accent);
  border-color:rgba(212,146,10,.32);
  background:rgba(212,146,10,.08);
}

.hero-bento-shell{position:relative;min-height:340px;display:flex;align-items:center;justify-content:center;width:100%;max-width:100%;min-width:0}
.hero-bento-main{width:100%;max-width:100%;min-width:0;display:flex;align-items:center;justify-content:center;border:1px solid var(--line);background:linear-gradient(140deg,var(--elevated),var(--surface));border-radius:24px;padding:1rem;overflow:hidden}
.hero-bento-mini{display:none}

@media(min-width:1024px){
  .hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,.98fr) !important;gap:1.25rem !important;align-items:stretch !important}
  .hero-bento-shell{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));grid-template-rows:repeat(2,minmax(0,1fr));gap:14px;min-height:100%}
  .hero-bento-main{grid-column:1 / 3;grid-row:1;padding:1.2rem;border-radius:26px;backdrop-filter:blur(20px) saturate(120%);-webkit-backdrop-filter:blur(20px) saturate(120%)}
  .hero-bento-mini{display:flex;flex-direction:column;justify-content:space-between;border:1px solid var(--line);border-radius:20px;padding:1rem;background:linear-gradient(155deg,var(--surface),var(--elevated));min-height:138px}
  .hero-bento-mini .mini-title{font-size:.64rem;letter-spacing:.12em;text-transform:uppercase;color:var(--muted2);font-family:'DM Mono',monospace}
  .hero-bento-mini .mini-value{font-size:1.2rem;font-weight:600;color:var(--ink);letter-spacing:-.01em;margin-top:.45rem}
  .hero-bento-mini .mini-foot{font-size:.72rem;color:var(--muted);display:flex;align-items:center;gap:7px;margin-top:.55rem}
}

@media(min-width:1024px){


  .bento-wrapper .carousel-nav{ display:none !important }
  .bento-hide{ display:none !important }


  .bento-wrapper .carousel-track{
    display:grid !important;
    overflow:visible !important;
    scroll-snap-type:none !important;
    -webkit-overflow-scrolling:unset !important;
    pointer-events:auto;
    gap:16px;
    padding-bottom:0;
  }


  .interventions-bento .carousel-track{
    grid-template-columns: 2fr 1fr 1fr;
    grid-template-rows: 1fr 1fr;
    min-height:620px;
  }

  .interventions-bento .carousel-track .carousel-slide:nth-child(1){
    grid-column: 1;
    grid-row: 1 / 3;
    flex:unset !important; min-width:unset !important;
  }

  .interventions-bento .carousel-track .carousel-slide:nth-child(2){
    grid-column: 2;
    grid-row: 1;
    flex:unset !important; min-width:unset !important;
  }

  .interventions-bento .carousel-track .carousel-slide:nth-child(3){
    grid-column: 2;
    grid-row: 2;
    flex:unset !important; min-width:unset !important;
  }

  .interventions-bento .carousel-track .carousel-slide:nth-child(4){
    grid-column: 3;
    grid-row: 1 / 3;
    flex:unset !important; min-width:unset !important;
  }

  .interventions-bento .carousel-track .carousel-slide:nth-child(4) .card{
    height:100%;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,0.08) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.05),inset 0 0 0 1px rgba(120,80,255,0.06) !important;
  }
  .interventions-bento .carousel-track .carousel-slide:nth-child(4) .card > div:first-child{
    height:220px;
    flex-shrink:0;
  }
  .interventions-bento .carousel-track .carousel-slide:nth-child(4) h3{
    font-size:1.15rem;
    margin-top:.85rem;
  }


  .interventions-bento .carousel-track .carousel-slide:nth-child(1) .card{
    height:100%;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,0.08) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.06),inset 0 0 0 1px rgba(212,146,10,0.1) !important;
    background:var(--surface);
  }

  .interventions-bento .carousel-track .carousel-slide:nth-child(1) .card > div:first-child{
    height:280px;
    flex-shrink:0;
  }
  .interventions-bento .carousel-track .carousel-slide:nth-child(1) h3{
    font-size:1.35rem;
    margin-top:.9rem;
  }
  .interventions-bento .carousel-track .carousel-slide:nth-child(1) p[data-i18n]{
    font-size:.9rem;
  }


  .interventions-bento .carousel-track .carousel-slide:nth-child(n+2) .card{
    height:100%;
    display:flex;
    flex-direction:column;
    border:1px solid rgba(255,255,255,0.08) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.05) !important;
  }
  .interventions-bento .carousel-track .carousel-slide:nth-child(n+2) .card > div:first-child{
    height:110px;
    flex-shrink:0;
  }


  .outcomes-bento .carousel-track{
    grid-template-columns: repeat(2, 1fr);
    grid-template-rows: repeat(2, 1fr);
    min-height:480px;
    gap:16px;
  }
  .outcomes-bento .carousel-track .carousel-slide{
    flex:unset !important; min-width:unset !important;
  }
  .outcomes-bento .carousel-track .carousel-slide > div{
    height:100%;
    border:1px solid rgba(255,255,255,0.08) !important;
    box-shadow:inset 0 1px 0 rgba(255,255,255,0.05) !important;
  }


  .bento-card:hover .card,
  .bento-card:hover > div.outcome-card{
    transform:translateY(-2px);
    border-color:rgba(255,255,255,0.13) !important;
    transition:transform .22s cubic-bezier(0.16,1,0.3,1), border-color .22s ease !important;
  }


  .bento-wrapper .carousel-track{ touch-action:auto !important; overscroll-behavior-y:auto; }
}

.pref-dropup{
  position:relative;
  display:flex;
  flex-direction:column;
  gap:0;
}
.pref-dropup-btn{
  display:flex;align-items:center;gap:7px;
  padding:.5rem .9rem;
  height:36px;
  border-radius:10px;
  border:1px solid var(--line);
  background:var(--bg);
  color:var(--muted);
  cursor:pointer;
  font-family:inherit;font-size:.72rem;font-weight:500;
  white-space:nowrap;
  transition:border-color .15s,background .15s,color .15s;
  text-decoration:none;
  box-sizing:border-box;
}
.pref-dropup-btn:hover{ border-color:var(--line-s); color:var(--ink); opacity:1; }
.pref-dropup-btn .pref-chevron{
  font-size:.48rem; margin-left:auto; opacity:.45;
  transition:transform .2s ease;
}
.pref-dropup-btn.open .pref-chevron{ transform:rotate(180deg); }
.pref-dropup-menu{
  position:absolute;
  bottom:calc(100% + 8px); left:0;
  min-width:148px;
  background:var(--glass);
  backdrop-filter:blur(16px);
  -webkit-backdrop-filter:blur(16px);
  border:1px solid var(--line-s);
  border-radius:13px;
  padding:5px;
  z-index:300;
  opacity:0; pointer-events:none;
  transform:translateY(6px);
  transition:opacity .18s ease, transform .18s ease;
  box-shadow:0 16px 48px rgba(0,0,0,.4);
}
.pref-dropup-menu.open{
  opacity:1 !important;
  pointer-events:auto !important;
  transform:translateY(0) !important;
}
.pref-opt-btn{
  display:flex;align-items:center;gap:8px;
  width:100%;padding:.42rem .75rem;
  border-radius:9px;border:none;
  background:none;color:var(--muted);
  font-family:inherit;font-size:.72rem;font-weight:500;
  cursor:pointer;text-align:left;
  transition:background .12s,color .12s;
  text-decoration:none;
}
.pref-opt-btn:hover{ background:var(--surface);color:var(--ink); opacity:1; }
.pref-opt-btn.active{ color:var(--accent); }

.outcome-card {
  background: var(--surface);
  border: 1px solid var(--line);
  border-radius: 20px;
  padding: 1.5rem;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 0;
  transition: border-color .22s ease, transform .22s ease, box-shadow .22s ease;
}
.outcome-card:hover {
  border-color: var(--line-s);
  transform: translateY(-3px);
  box-shadow: 0 16px 40px var(--shadow);
}
@media (hover:none){.outcome-card:hover{transform:none;box-shadow:none}}
.oc-header {
  display: flex;
  align-items: center;
  gap: 10px;
  margin-bottom: 1rem;
}
.oc-avatar {
  width: 38px;
  height: 38px;
  border-radius: 50%;
  background: var(--accent-d);
  border: 1px solid rgba(212,146,10,.2);
  display: flex;
  align-items: center;
  justify-content: center;
  flex-shrink: 0;
  font-size: .85rem;
  font-weight: 700;
  color: var(--accent);
  letter-spacing: 0;
}
.oc-meta { flex: 1; min-width: 0; }
.oc-name {
  font-size: .88rem;
  font-weight: 600;
  color: var(--ink);
  line-height: 1.3;
}
.oc-location {
  font-size: .7rem;
  color: var(--muted2);
  margin-top: 1px;
  font-family: 'DM Mono', monospace;
  letter-spacing: .03em;
}
.oc-badge {
  flex-shrink: 0;
  border: 1px solid var(--accent-d);
  background: var(--accent-d);
  border-radius: 8px;
  padding: .22rem .65rem;
  font-size: .62rem;
  font-weight: 600;
  color: var(--accent);
  letter-spacing: .02em;
  white-space: nowrap;
}
[data-theme="light"] .oc-badge {
  border-color: rgba(212,146,10,.18);
  background: rgba(212,146,10,.08);
}
.oc-stars {
  display: flex;
  gap: 3px;
  margin-bottom: .85rem;
}
.oc-stars i {
  font-size: .72rem;
  color: #F5A623;
}
.oc-quote {
  font-size: .84rem;
  line-height: 1.8;
  color: var(--muted);
  flex: 1;
  margin: 0;
}
.oc-footer {
  display: flex;
  align-items: center;
  gap: 6px;
  margin-top: 1.1rem;
  padding-top: .85rem;
  border-top: 1px solid var(--line);
}
.oc-verified {
  font-family: 'DM Mono', monospace;
  font-size: .64rem;
  color: var(--accent);
  letter-spacing: .05em;
  text-transform: uppercase;
}
.oc-order-mask{
  margin-left:auto;
  max-width:100%;
  border:1px dashed var(--line-s);
  border-radius:999px;
  padding:.12rem .5rem;
  font-family:'DM Mono',monospace;
  font-size:.58rem;
  color:var(--muted2);
  white-space:nowrap;
  overflow:hidden;
  text-overflow:ellipsis;
}

.star-row{ display:flex; gap:3px; margin-bottom:.75rem; }
.star{ font-size:9px; color:#F5A623; }

.legal-block{
  font-size:.85rem;
  line-height:1.85;
  color:var(--muted2);
  max-width:900px;
  letter-spacing:.005em;
}

:root{--accent:#e1aa3f;--accent-2:#f6d184;--secondary:#5a8fff;--shadow-deep:0 24px 68px rgba(0,0,0,.42)}
[data-theme="light"]{--accent:#c98918;--accent-2:#e8bb66;--secondary:#2c66d8}
body{background:
 radial-gradient(980px 560px at 102% -10%,color-mix(in srgb,var(--secondary) 26%,transparent),transparent 58%),
 radial-gradient(760px 420px at -12% 28%,color-mix(in srgb,var(--accent) 22%,transparent),transparent 56%),
 var(--bg);}
header .glass,.glass{backdrop-filter:blur(15px) saturate(118%);box-shadow:var(--shadow-deep)}
.card,.svc-card,.outcome-card,.faq-item,.protocol-step{border-color:color-mix(in srgb,var(--line) 72%,white 6%) !important;box-shadow:0 16px 34px rgba(0,0,0,.18)}
.btn-p{background:linear-gradient(120deg,var(--accent),var(--accent-2));border:none;color:#1a1304;box-shadow:0 10px 24px color-mix(in srgb,var(--accent) 34%,transparent)}
.btn-p:hover{filter:saturate(1.08) brightness(1.03)}
.section-eyebrow,.chip{border-color:color-mix(in srgb,var(--accent) 44%,var(--line));background:color-mix(in srgb,var(--accent) 10%,transparent)}

@media(min-width:900px){.hero-grid{grid-template-columns:1fr 460px}}
@keyframes float-badge-a{0%,100%{transform:translateY(0)}50%{transform:translateY(-5px)}}
@keyframes float-badge-b{0%,100%{transform:translateY(0)}50%{transform:translateY(-4px)}}

.hero-board pattern circle { fill: var(--il-dot) }

.hero-board > rect:nth-child(2)                         { fill: var(--il-dot) }

.hero-board #boardG stop:first-child { stop-color: var(--il-bg) }
.hero-board #boardG stop:last-child  { stop-color: var(--il-bg2) }
.hero-board #screenG stop:first-child{ stop-color: var(--il-screen) }
.hero-board #screenG stop:last-child { stop-color: var(--il-bg2) }

[data-theme="light"] .hero-board rect[fill="var(--il-fill-d)"],
[data-theme="light"] .hero-board rect[fill="var(--il-fill-d)"],
[data-theme="light"] .hero-board rect[fill="var(--il-fill-d)"]
  { fill: var(--il-fill-d) }

[data-theme="light"] .hero-board rect[fill="var(--il-fill-m)"],
[data-theme="light"] .hero-board rect[fill="var(--il-fill-m)"],
[data-theme="light"] .hero-board rect[fill="var(--il-fill-m)"]
  { fill: var(--il-fill-m) }

[data-theme="light"] .hero-board rect[fill="var(--il-fill-m)"]
  { fill: var(--il-fill-m) }

[data-theme="light"] .hero-board rect[stroke="var(--il-line)"],
[data-theme="light"] .hero-board rect[stroke="var(--il-line)"],
[data-theme="light"] .hero-board rect[stroke="var(--il-line)"]
  { stroke: var(--il-line) }

[data-theme="light"] .hero-board rect[stroke="var(--il-line-s)"]
  { stroke: var(--il-line-s) }

[data-theme="light"] .hero-board rect[fill="var(--il-mono)"]
  { fill: rgba(0,0,0,.22) }

[data-theme="light"] .hero-board rect[fill="var(--il-panel)"]
  { fill: var(--il-panel) }
[data-theme="light"] .hero-board #screenG stop:first-child
  { stop-color: #E2E4EE }
[data-theme="light"] .hero-board #screenG stop:last-child
  { stop-color: #D8DAE8 }

[data-theme="light"] .hero-board rect[fill="rgba(0,0,0,.45)"]
  { fill: rgba(255,255,255,.7) }

[data-theme="light"] .hero-board ellipse[fill="var(--il-shadow)"]
  { fill: rgba(0,0,0,.12) }

[data-theme="light"] .hero-board rect[fill="var(--il-g4)"]
  { fill: rgba(30,160,60,.65) }

[data-theme="light"] .hero-board text[fill="rgba(0,122,255,.28)"],
[data-theme="light"] .hero-board text[fill="rgba(0,122,255,.25)"]
  { fill: var(--il-b3) }

[data-theme="light"] .hero-board circle[fill="#34C759"]
  { fill: #28B84F }

.hero-board #auraG stop:first-child { stop-color: var(--il-b2) }

[data-theme="light"] #int-card-a1 rect[fill="var(--il-panel)"],
[data-theme="light"] #int-card-s2 rect[fill="var(--il-panel)"],
[data-theme="light"] #int-card-f3 rect[fill="var(--il-panel)"],
[data-theme="light"] #int-card-m4 rect[fill="var(--il-panel)"]
  { fill: var(--il-panel) }

[data-theme="light"] #int-card-s2 rect[fill="var(--il-screen)"]
  { fill: var(--il-screen) }

[data-theme="light"] #int-card-a1 rect[fill="var(--il-fill-d)"],
[data-theme="light"] #int-card-s2 rect[fill="var(--il-fill-d)"],
[data-theme="light"] #int-card-s2 rect[fill="var(--il-fill-m)"],
[data-theme="light"] #int-card-f3 rect[fill="var(--il-fill-d)"],
[data-theme="light"] #int-card-f3 rect[fill="var(--il-fill-m)"],
[data-theme="light"] #int-card-m4 rect[fill="var(--il-fill-d)"]
  { fill: var(--il-fill-d) }

[data-theme="light"] #int-card-f3 rect[fill="var(--il-fill-d)"],
[data-theme="light"] #int-card-s2 rect[fill="var(--il-fill-m)"],
[data-theme="light"] #int-card-s2 rect[fill="var(--il-mono)"]
  { fill: var(--il-fill-m) }

[data-theme="light"] #int-card-a1 rect[stroke="var(--il-line)"],
[data-theme="light"] #int-card-a1 rect[stroke="var(--il-line)"],
[data-theme="light"] #int-card-f3 rect[stroke="var(--il-line)"],
[data-theme="light"] #int-card-s2 rect[stroke="var(--il-line)"],
[data-theme="light"] #int-card-m4 rect[stroke="var(--il-line)"]
  { stroke: var(--il-line) }

[data-theme="light"] #int-card-f3 line { stroke: var(--il-line) }
[data-theme="light"] #int-card-f3 path[stroke="var(--il-line)"]
  { stroke: var(--il-line) }

[data-theme="light"] #int-card-a1 rect[fill="var(--il-a1)"],
[data-theme="light"] #int-card-a1 rect[fill="var(--il-a1)"]
  { fill: var(--il-a1) }
[data-theme="light"] #int-card-a1 rect[fill="var(--il-a1)"]
  { fill: var(--il-a1) }

[data-theme="light"] #int-card-s2 circle[fill="var(--il-r2)"]
  { fill: var(--il-r2) }

[data-theme="light"] #int-card-m4 rect[fill="var(--il-panel)"]:first-of-type
  { fill: var(--il-panel) }

[data-theme="light"] svg .ai-panel-fill
  { fill: var(--il-panel) }

[data-theme="light"] #int-card-a1 line,
[data-theme="light"] #int-card-m4 line[stroke="rgba(255,255,255,.03)"]
  { stroke: rgba(0,0,0,.04) }

[data-theme="light"] #a1-bg stop:first-child { stop-color: rgba(180,110,0,.08) }
[data-theme="light"] #s2-bg stop:first-child { stop-color: rgba(200,30,30,.05) }
[data-theme="light"] #f3-bg stop:first-child { stop-color: rgba(180,110,0,.06) }
[data-theme="light"] #m4-bg stop:first-child { stop-color: rgba(100,50,220,.06) }

[data-theme="light"] #int-card-s2 circle[fill="var(--il-fill-m)"]
  { fill: rgba(0,0,0,.06) }
[data-theme="light"] #int-card-s2 circle[fill="var(--il-fill-d)"]
  { fill: rgba(0,0,0,.04) }

[data-theme="light"] #int-card-f3 circle[fill="var(--il-bg)"]
  { fill: rgba(240,242,248,.6) }
[data-theme="light"] #int-card-f3 circle[fill="var(--il-bg)"]
  { fill: rgba(238,240,246,.8) }

.hero-board rect, .hero-board circle, .hero-board path,
.hero-board line, .hero-board text, .hero-board ellipse,
#int-card-a1 svg rect, #int-card-a1 svg circle,
#int-card-a1 svg path, #int-card-a1 svg text,
#int-card-s2 svg rect, #int-card-s2 svg circle,
#int-card-s2 svg path, #int-card-s2 svg text,
#int-card-f3 svg rect, #int-card-f3 svg circle,
#int-card-f3 svg path, #int-card-f3 svg text, #int-card-f3 svg line,
#int-card-m4 svg rect, #int-card-m4 svg circle,
#int-card-m4 svg path, #int-card-m4 svg text {
  transition: fill .32s ease, stroke .32s ease;
}

.dash-anim, .pulse-ring, .scan-anim, .float-anim,
.spin-ring, .spin-ring-rev, .scan-beam,
#int-card-s2 path[d*="animateTransform"],
circle > animateMotion { transition: none !important; }

.premium-stats-wrap{padding:.3rem 1rem 3.2rem}
.premium-stats-shell{max-width:72rem;margin:0 auto;display:grid;grid-template-columns:repeat(1,minmax(0,1fr));gap:.8rem;position:relative;isolation:isolate}
.premium-stats-shell::before{content:"";position:absolute;inset:-14px;border-radius:24px;background:radial-gradient(circle at 12% 30%,var(--accent-glow),transparent 55%),radial-gradient(circle at 88% 70%,var(--secondary-glow),transparent 52%);z-index:-1;opacity:.55;filter:blur(8px)}
.premium-stat-card{position:relative;overflow:hidden;padding:1rem 1rem .95rem;background:linear-gradient(155deg,color-mix(in srgb,var(--surface) 84%,transparent),color-mix(in srgb,var(--elevated) 90%,transparent));border:1px solid color-mix(in srgb,var(--line-s) 74%,var(--accent) 26%);border-radius:18px;box-shadow:0 14px 34px color-mix(in srgb,var(--shadow) 62%,transparent);transform:translateY(16px) scale(.985);opacity:0;animation:statRise .72s cubic-bezier(.2,.7,.2,1) forwards;transition:transform .35s ease,border-color .35s ease,box-shadow .35s ease}
.premium-stat-card::before{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 12%,color-mix(in srgb,var(--accent) 14%,transparent) 42%,transparent 72%);transform:translateX(-125%);animation:statShine 7s ease-in-out infinite}
.premium-stat-card::after{content:"";position:absolute;left:1rem;right:1rem;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--accent-2),transparent);opacity:.4}
.premium-stat-card:nth-child(2){animation-delay:.1s}
.premium-stat-card:nth-child(3){animation-delay:.2s}
.premium-stat-card:nth-child(4){animation-delay:.3s}
.premium-stat-card:hover{transform:translateY(-5px);border-color:color-mix(in srgb,var(--accent) 42%,var(--line-s));box-shadow:0 20px 42px color-mix(in srgb,var(--accent-glow) 45%,transparent)}
.premium-stat-eyebrow{font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted2);margin:0 0 .7rem;font-family:'DM Mono',monospace}
.premium-stat-value{margin:0;font-size:clamp(1.45rem,3.3vw,2.1rem);font-weight:700;letter-spacing:-.025em;color:var(--ink);line-height:1.06;text-shadow:0 8px 20px color-mix(in srgb,var(--accent) 20%,transparent)}
.premium-stat-value span{font-size:.53em;color:var(--accent-2);letter-spacing:.06em;text-transform:uppercase;font-weight:600;margin-left:5px}
.premium-stat-note{margin:.52rem 0 0;font-size:.78rem;line-height:1.65;color:var(--muted)}
@keyframes statRise{to{opacity:1;transform:translateY(0) scale(1)}}
@keyframes statShine{0%,72%,100%{transform:translateX(-120%)}88%{transform:translateX(128%)}}
@media(min-width:640px){.premium-stats-shell{grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.premium-stat-card{padding:1.15rem 1.1rem 1.05rem}}
@media(min-width:1024px){.premium-stats-shell{grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}}

.brand-marquee-track{overflow:hidden;white-space:nowrap}
.brand-marquee-inner{display:inline-flex;gap:0;animation:marquee-scroll 32s linear infinite}
.brand-marquee-inner:hover{animation-play-state:paused}
.brand-chip{display:inline-flex;align-items:center;margin:0 .4rem;padding:.42rem 1.1rem;border:1px solid var(--line);border-radius:999px;font-size:.8rem;font-weight:500;color:var(--muted2);letter-spacing:.02em;background:var(--elevated);white-space:nowrap;transition:color .2s,border-color .2s;cursor:default}
.brand-chip:hover{color:var(--ink);border-color:var(--line-s)}
@keyframes marquee-scroll{0%{transform:translateX(0)}100%{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.brand-marquee-inner{animation:none}}

.spin-cw-xs { animation: spin-cw 6s linear infinite; transform-origin: 260px 260px; }
.spin-cw-s  { animation: spin-cw 10s linear infinite; transform-origin: 260px 260px; }
.spin-cw-m  { animation: spin-cw 16s linear infinite; transform-origin: 260px 260px; }
.spin-cw-l  { animation: spin-cw 24s linear infinite; transform-origin: 260px 260px; }
.spin-cw-xl { animation: spin-cw 38s linear infinite; transform-origin: 260px 260px; }
.spin-ccw-xs{ animation: spin-ccw 7s linear infinite; transform-origin: 260px 260px; }
.spin-ccw-s { animation: spin-ccw 11s linear infinite; transform-origin: 260px 260px; }
.spin-ccw-m { animation: spin-ccw 19s linear infinite; transform-origin: 260px 260px; }
.spin-ccw-l { animation: spin-ccw 30s linear infinite; transform-origin: 260px 260px; }
.flow-a { stroke-dasharray:6 10; animation: dash-a 1.1s linear infinite; }
.node-blink { animation: nblink 2.4s ease-in-out infinite; }
.float-a { animation: float-a 7s ease-in-out infinite; }
.float-b { animation: float-b 5.5s ease-in-out infinite 1.2s; }
.halo-a { animation: halo 2.8s ease-out infinite; transform-origin: 260px 260px; }
.halo-b { animation: halo 2.8s ease-out infinite 1.4s; transform-origin: 260px 260px; }
@keyframes spin-cw  { to { transform: rotate(360deg); } }
@keyframes spin-ccw { to { transform: rotate(-360deg); } }
@keyframes dash-a   { to { stroke-dashoffset: -60; } }
@keyframes nblink   { 0%,100%{opacity:.9}50%{opacity:.3} }
@keyframes float-a  { 0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)} }
@keyframes float-b  { 0%,100%{transform:translateY(0)}50%{transform:translateY(4px)} }
@keyframes halo     { 0%{transform:scale(.9);opacity:.7}100%{transform:scale(1.8);opacity:0} }

#reoos-framework a{text-decoration:none;opacity:.4;transition:opacity .2s ease}
#reoos-framework a:hover{opacity:1}
#reoos-framework .reoos-module{background:linear-gradient(145deg,var(--surface),rgba(255,255,255,.01));border:1px solid var(--line);border-radius:24px;padding:1.35rem;box-shadow:0 18px 44px var(--shadow), inset 0 1px 0 rgba(255,255,255,.05)}
.reoos-visual-wrap{position:relative;min-height:360px;background:radial-gradient(circle at 20% 20%,rgba(212,146,10,.1),transparent 46%),radial-gradient(circle at 80% 80%,rgba(0,122,255,.12),transparent 42%),rgba(255,255,255,.01);border:1px solid rgba(255,255,255,.08);border-radius:20px;overflow:hidden;display:flex;align-items:center;justify-content:center;perspective:1000px}
.reoos-ambient{position:absolute;border-radius:50%;filter:blur(2px);pointer-events:none}
.reoos-ambient-a{width:180px;height:180px;top:-45px;right:-45px;background:radial-gradient(circle,rgba(212,146,10,.4),rgba(212,146,10,0));animation:reoos-ambient 8s ease-in-out infinite}
.reoos-ambient-b{width:220px;height:220px;left:-70px;bottom:-80px;background:radial-gradient(circle,rgba(0,122,255,.34),rgba(0,122,255,0));animation:reoos-ambient 10s ease-in-out infinite reverse}
.reoos-legend{position:absolute;left:1rem;bottom:1rem;display:grid;gap:.38rem;padding:.7rem .8rem;border:1px solid var(--line);background:var(--glass);border-radius:12px;backdrop-filter:blur(10px)}
.reoos-legend span{font-family:'DM Mono',monospace;font-size:.62rem;letter-spacing:.09em;color:var(--muted);display:flex;align-items:center;gap:.45rem}
.reoos-legend i{width:8px;height:8px;border-radius:50%;display:inline-block;background:linear-gradient(145deg,var(--accent),var(--secondary))}
.reoos-pill-row{display:flex;flex-wrap:wrap;gap:.45rem}
.reoos-pill{display:inline-flex;align-items:center;gap:.45rem;padding:.35rem .62rem;font-size:.66rem;border-radius:999px;background:var(--elevated);color:var(--muted);border:1px solid var(--line)}
.reoos-pill i{color:var(--accent);font-size:.62rem}
.reoos-stats{margin-top:1.15rem;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.6rem}
.reoos-stat{background:var(--elevated);border:1px solid var(--line);border-radius:12px;padding:.72rem .75rem;display:flex;flex-direction:column;gap:.2rem}
.reoos-stat strong{font-family:'DM Mono',monospace;font-size:.88rem;color:var(--ink);letter-spacing:.03em}
.reoos-stat span{font-size:.68rem;color:var(--muted)}
.reoos-actions{margin-top:1.15rem;display:flex;flex-wrap:wrap;gap:.6rem}
.reoos-visual{width:min(100%,540px);aspect-ratio:1/1;display:flex;align-items:center;justify-content:center;transform-style:preserve-3d;transition:transform .25s ease;opacity:0;transform:scale(.12)}
.reoos-visual svg{width:100%;height:100%;transform-style:preserve-3d}
.reoos-rings{transform-origin:260px 260px;transform-style:preserve-3d}
.reoos-ring{fill:none;stroke:rgba(255,255,255,.1);stroke-width:.5;filter:drop-shadow(0 0 4px rgba(255,255,255,.16))}
.ring-x{transform:rotateX(68deg);animation:reoos-spin-x 14s linear infinite}
.ring-y{transform:rotateY(72deg);animation:reoos-spin-y 18s linear infinite reverse}
.ring-z{transform:rotateZ(32deg);animation:reoos-spin-z 22s linear infinite}
.ring-a{transform:rotateX(40deg) rotateY(16deg);animation:reoos-spin-a 30s linear infinite reverse}
.reoos-mesh{transform-style:preserve-3d}
.reoos-stream{stroke:rgba(255,255,255,.12);stroke-width:.8;stroke-dasharray:2 8;animation:reoos-stream 2.4s linear infinite}
.reoos-node{fill:rgba(255,255,255,.65)}
.reoos-label{font-family:'DM Mono',monospace;font-size:12px;letter-spacing:.06em;fill:rgba(255,255,255,.6)}
.reoos-firmware{fill:none;stroke:rgba(212,146,10,.65);stroke-width:1.15;stroke-linecap:round;stroke-dasharray:8 18;animation:reoos-firmware 4.6s linear infinite}
.reoos-firmware:nth-child(2){animation-delay:1.1s}
.reoos-firmware:nth-child(3){animation-delay:2.1s}
.reoos-hex{fill:rgba(0,122,255,.08);stroke:rgba(0,122,255,.4);stroke-width:1;animation:reoos-hex-pulse 5s ease-in-out infinite}
.reoos-hex:nth-child(2){animation-delay:1.2s}
.reoos-hex:nth-child(3){animation-delay:2.3s}
.reoos-sector{stroke:rgba(255,255,255,.22);stroke-width:1;fill:none;stroke-dasharray:3 7;animation:reoos-sector-spin 12s linear infinite}
.reoos-sector.rev{animation-direction:reverse;animation-duration:16s}
.reoos-glyph{stroke:rgba(212,146,10,.35);stroke-width:1.2;fill:none;stroke-linecap:round;stroke-dasharray:6 10;animation:reoos-glyph 8s ease-in-out infinite}
.reoos-glyph:nth-child(2){animation-delay:1.4s}
.reoos-glyph:nth-child(3){animation-delay:.8s}
.reoos-shards polygon{fill:rgba(212,146,10,.08);stroke:rgba(212,146,10,.42);stroke-width:1;animation:reoos-shard 6s ease-in-out infinite}
.reoos-shards polygon:nth-child(2){animation-delay:1s}
.reoos-shards polygon:nth-child(3){animation-delay:1.9s}
.reoos-core-pulse{fill:#007AFF;filter:drop-shadow(0 0 16px rgba(0,122,255,.85));transform-origin:260px 260px;animation:reoos-pulse 1.8s ease-in-out infinite}
.reoos-core-ring{fill:none;stroke:rgba(0,122,255,.45);stroke-width:1.2;transform-origin:260px 260px;animation:reoos-core-ring 4.2s ease-in-out infinite}
.reoos-core-halo{fill:none;stroke:rgba(0,122,255,.3);stroke-width:1;transform-origin:260px 260px;animation:reoos-halo 3.2s ease-out infinite}
.reoos-visual-boot{position:absolute;width:8px;height:8px;border-radius:50%;background:#007AFF;box-shadow:0 0 22px rgba(0,122,255,.85);opacity:0;transform:scale(.6)}
.reoos-spec-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.8rem}
.reoos-spec-card{background:var(--elevated);border:1px solid var(--line);border-radius:14px;padding:.85rem .9rem}
.reoos-spec-key{font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.12em;color:var(--muted)}
.reoos-spec-val{margin-top:.34rem;font-size:.8rem;line-height:1.5;color:var(--ink)}
.reoos-core-mobile{display:none;flex-direction:column;align-items:center;gap:.65rem}
.reoos-core-dot{width:16px;height:16px;border-radius:50%;background:#007AFF;box-shadow:0 0 24px rgba(0,122,255,.95);animation:reoos-pulse 1.8s ease-in-out infinite}
[data-theme="light"] #reoos-framework .reoos-label{fill:rgba(28,28,30,.62)}
[data-theme="light"] #reoos-framework .reoos-node{fill:rgba(28,28,30,.56)}
[data-theme="light"] #reoos-framework .reoos-ring{stroke:rgba(28,28,30,.22)}
[data-theme="light"] #reoos-framework .reoos-spec-key{color:rgba(28,28,30,.64)}
[data-theme="light"] #reoos-framework .reoos-visual-wrap{background:radial-gradient(circle at 20% 20%,rgba(212,146,10,.13),transparent 46%),radial-gradient(circle at 80% 80%,rgba(0,122,255,.14),transparent 42%),rgba(0,0,0,.012)}
#reoos-framework.booted .reoos-visual-boot{animation:reoos-boot-dot 1.5s cubic-bezier(.16,1,.3,1) forwards}
#reoos-framework.booted .reoos-visual{animation:reoos-boot-sphere 1.5s cubic-bezier(.16,1,.3,1) forwards}
@keyframes reoos-spin-x{to{transform:rotateX(68deg) rotateZ(360deg)}}
@keyframes reoos-spin-y{to{transform:rotateY(72deg) rotateX(360deg)}}
@keyframes reoos-spin-z{to{transform:rotateZ(392deg)}}
@keyframes reoos-spin-a{to{transform:rotateX(40deg) rotateY(16deg) rotateZ(360deg)}}
@keyframes reoos-stream{to{stroke-dashoffset:-40}}
@keyframes reoos-glyph{0%,100%{opacity:.35}50%{opacity:1}}
@keyframes reoos-firmware{0%{stroke-dashoffset:0;opacity:.3}50%{opacity:1}100%{stroke-dashoffset:-160;opacity:.35}}
@keyframes reoos-hex-pulse{0%,100%{transform:scale(1);opacity:.35}50%{transform:scale(1.12);opacity:.9}}
@keyframes reoos-sector-spin{to{transform:rotate(360deg)}}
@keyframes reoos-core-ring{0%,100%{transform:scale(1);opacity:.4}50%{transform:scale(1.35);opacity:.9}}
@keyframes reoos-shard{0%,100%{transform:scale(1)}50%{transform:scale(1.08)}}
@keyframes reoos-pulse{0%,100%{transform:scale(1);opacity:.85}50%{transform:scale(1.35);opacity:1}}
@keyframes reoos-halo{0%{opacity:.6;transform:scale(.9)}100%{opacity:0;transform:scale(1.9)}}
@keyframes reoos-boot-dot{0%{opacity:1;transform:scale(.9)}60%{opacity:1;transform:scale(11)}100%{opacity:0;transform:scale(12)}}
@keyframes reoos-boot-sphere{0%{opacity:0;transform:scale(.12)}45%{opacity:.35}100%{opacity:1;transform:scale(1)}}
@media(min-width:1024px){
 #reoos-framework .reoos-module{grid-template-columns:1fr 1fr;padding:1.8rem}
 .reoos-copy{order:1}
 .reoos-visual-wrap{order:2;min-height:430px}
}
@media(max-width:1023px){
 .reoos-visual-wrap{order:1;min-height:300px}
 .reoos-copy{order:2}
}
@media(max-width:767px){
 .reoos-visual{display:none}
 .reoos-visual-boot{display:none}
 .reoos-legend{display:none}
 .reoos-core-mobile{display:flex}
 .reoos-spec-grid{grid-template-columns:1fr}
 .reoos-stats{grid-template-columns:1fr}
 .reoos-actions{flex-direction:column}
 .reoos-actions .btn-p,.reoos-actions .btn-s{justify-content:center;width:100%}
}

.footer-main-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit,minmax(150px,1fr));
  gap: 1.25rem;
  align-items: start;
}

.footer-brand-col {
  grid-column: 1 / -1;
}

@media(min-width: 1024px) {
  .footer-main-grid {
    grid-template-columns: minmax(170px,220px) repeat(5,minmax(0,1fr));
    gap: 1.5rem 2rem;
  }
  .footer-brand-col {
    grid-column: 1;
    grid-row: 1;
  }
}

.footer-brand-col {
  display: flex;
  flex-direction: column;
  gap: .85rem;
}
@media(min-width: 480px) {
  .footer-brand-col {
    flex-direction: row;
    align-items: center;
    gap: 1.25rem;
    flex-wrap: wrap;
  }
}
@media(min-width: 900px) {
  .footer-brand-col {
    flex-direction: column;
    align-items: flex-start;
    gap: .85rem;
  }
}


@media(max-width: 900px) {
  .footer-main-grid {
    grid-template-columns: repeat(2,minmax(0,1fr));
    gap: 1.1rem;
  }
}
@media(max-width: 560px) {
  .footer-main-grid {
    grid-template-columns: 1fr;
    gap: 1rem;
  }
}
.footer-col-label {
  font-size: .6rem;
  letter-spacing: .15em;
  text-transform: uppercase;
  color: var(--muted2);
  margin: 0 0 .9rem;
  font-family: 'DM Mono', monospace;
}

.footer-contact-item {
  display: flex;
  align-items: center;
  gap: 8px;
  font-size: .78rem;
  color: var(--muted);
}
a.footer-contact-item {
  opacity: .72;
  transition: opacity .18s, color .18s;
  text-decoration: none;
}
a.footer-contact-item:hover { opacity: 1; color: var(--ink); }

.footer-link {
  display: inline-flex;
  align-items: center;
  min-height: 26px;
}
.footer-nav-link {
  font-size: .78rem;
  color: var(--muted);
  opacity: .72;
  transition: opacity .18s, color .18s;
}
.footer-nav-link::before {
  content: "";
  width: 6px;
  height: 6px;
  border-radius: 50%;
  border: 1px solid rgba(212,146,10,.5);
  margin-right: 8px;
  flex-shrink: 0;
  transition: background .2s, border-color .2s;
}
.footer-nav-link:hover { opacity: 1; color: var(--ink); }
.footer-nav-link:hover::before {
  background: var(--accent);
  border-color: var(--accent);
}

.foot-ctrl-wrap .pref-dropup { flex-shrink: 0; }
@media(max-width: 479px) {
  .foot-ctrl-wrap > div { gap: .75rem !important; }
  .foot-seg-btn { padding: .28rem .55rem !important; font-size: .65rem !important; }
}

.footer-bottom-bar {
  border-top: 1px solid var(--line);
  padding-top: 1.25rem;
  display: flex;
  flex-wrap: wrap;
  gap: .9rem;
  justify-content: space-between;
  align-items: flex-start;
}
.footer-bottom-bar > div{min-width:0;flex:1 1 280px}
.footer-bottom-bar .footer-link{display:inline-flex;align-items:center}
.footer-legal-inline{display:flex;gap:1rem;flex-wrap:wrap}
@media(max-width: 860px) {
  .footer-bottom-bar { gap: 1rem; }
  .footer-bottom-bar > div { flex-basis: 100%; }
  .footer-bottom-bar .footer-link { font-size:.72rem !important; opacity:.74 !important; }
  .footer-legal-inline { gap: .75rem; }
}
@media(max-width: 480px) {
  .footer-legal-inline {
    flex-direction: column;
    align-items: flex-start;
    gap: .35rem;
  }
}
@media(max-width: 480px) {
  .reo-seal svg { width: 64px !important; height: 64px !important; }
}

.hours-widget {
  margin-top: .75rem;
  background:
    linear-gradient(165deg, rgba(212,146,10,.14), transparent 35%),
    linear-gradient(165deg, var(--surface), var(--elevated));
  border: 1px solid rgba(212,146,10,.22);
  border-radius: 16px;
  padding: .95rem 1rem 1rem;
  display: flex;
  flex-direction: column;
  gap: .8rem;
  box-shadow: 0 10px 22px rgba(0,0,0,.2), inset 0 1px 1px rgba(255,255,255,.04);

  max-width: 340px;
}

@media(min-width: 900px) {
  .hours-widget {
    max-width: 100%;
  }
}

.hours-status-row {
  display: flex;
  align-items: center;
  gap: 8px;
  background: rgba(0,0,0,.16);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: .4rem .55rem;
}
.hours-live-dot {
  width: 7px;
  height: 7px;
  border-radius: 50%;
  flex-shrink: 0;
  background: #34C759;
  box-shadow: 0 0 7px rgba(52,199,89,.55);
  transition: background .3s, box-shadow .3s;
}
.hours-live-dot.closed {
  background: var(--muted2);
  box-shadow: none;
}
.hours-live-label {
  font-size: .7rem;
  font-weight: 600;
  color: var(--ink);
  letter-spacing: .01em;
}
.hours-next-info {
  font-size: .6rem;
  color: var(--muted2);
  font-family: 'DM Mono', monospace;
  margin-left: auto;
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
  max-width: 110px;
}

.hours-day-track {
  display: flex;
  gap: 4px;
}
.hdd {
  flex: 1;
  min-width: 0;
  height: 22px;
  border-radius: 7px;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .58rem;
  font-weight: 700;
  letter-spacing: .01em;
  color: var(--muted2);
  background: var(--bg);
  border: 1px solid var(--line);
  transition: background .2s, color .2s, border-color .2s, box-shadow .2s;
  cursor: default;
  font-family: 'DM Mono', monospace;
}
.hdd.open-day {
  background: rgba(212,146,10,.1);
  border-color: rgba(212,146,10,.25);
  color: var(--accent);
}
.hdd.today {
  background: var(--accent);
  border-color: var(--accent);
  color: #fff;
  box-shadow: 0 2px 8px var(--accent-glow);
}
.hdd.closed-day {
  opacity: .38;
}

.hours-schedule {
  display: flex;
  flex-direction: column;
  gap: .45rem;
  background: rgba(0,0,0,.14);
  border: 1px solid var(--line);
  border-radius: 10px;
  padding: .5rem .45rem;
}
.hrow {
  display: grid;
  grid-template-columns: 44px minmax(0,1fr) max-content;
  align-items: center;
  gap: .35rem;
  min-width: 0;
}
.hrow-days {
  display: flex;
  align-items: center;
  gap: 1px;
  min-width: 0;
  overflow: hidden;
}
.hday {
  font-size: .6rem;
  font-weight: 600;
  color: var(--muted);
  font-family: 'DM Mono', monospace;
  transition: color .2s;
  white-space: nowrap;
}
.hday.today { color: var(--accent); }
.hday-sep {
  font-size: .52rem;
  color: var(--muted2);
  margin: 0 1px;
}
.hrow-bar {
  height: 5px;
  border-radius: 99px;
  background: var(--bg);
  border: 1px solid var(--line);
  position: relative;
  overflow: hidden;
  min-width: 0;
}
.hrow-fill {
  position: absolute;
  top: 0; bottom: 0;
  border-radius: 99px;
  background: linear-gradient(90deg, var(--accent), rgba(212,146,10,.45));
  left: calc((var(--start) - 8) / 14 * 100%);
  width: calc((var(--end) - var(--start)) / 14 * 100%);
}
.hrow.active-row .hrow-fill {
  background: linear-gradient(90deg, #34C759, rgba(52,199,89,.45));
  box-shadow: 0 0 6px rgba(52,199,89,.35);
}
.hrow-bar-closed {
  height: 5px;
  border-radius: 99px;
  background: var(--bg);
  border: 1px solid var(--line);
  position: relative;
  overflow: visible;
}
.hrow-closed-label {
  position: absolute;
  inset: 0;
  display: flex;
  align-items: center;
  justify-content: center;
  font-size: .52rem;
  color: var(--muted2);
  font-family: 'DM Mono', monospace;
  letter-spacing: .06em;
  text-transform: uppercase;
  white-space: nowrap;
}
.hrow-time {
  font-size: .58rem;
  color: var(--muted2);
  font-family: 'DM Mono', monospace;
  text-align: right;
  white-space: nowrap;
}
.hrow.active-row .hrow-time { color: #34C759; font-weight: 600; }
.hrow-time-closed { opacity: .35; }

.search-header-btn {
  width: 36px; height: 36px;
  border-radius: 10px;
  border: 1px solid var(--line);
  background: var(--elevated);
  color: var(--muted);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: border-color .18s, color .18s, background .18s, box-shadow .18s;
  flex-shrink: 0;
  position: relative;
  overflow: visible;
}
.search-header-btn:hover {
  border-color: rgba(212,146,10,.4);
  color: var(--accent);
  background: rgba(212,146,10,.08);
  box-shadow: 0 0 0 3px var(--accent-glow);
}
.search-header-btn.active {
  border-color: rgba(212,146,10,.5);
  color: var(--accent);
  background: rgba(212,146,10,.1);
}
.search-btn-ring {
  position: absolute;
  inset: -3px;
  border-radius: 13px;
  border: 1.5px solid transparent;
  background: linear-gradient(var(--elevated), var(--elevated)) padding-box,
              linear-gradient(135deg, rgba(212,146,10,0) 0%, rgba(212,146,10,.85) 40%, rgba(230,162,18,.7) 60%, rgba(212,146,10,0) 100%) border-box;
  background-size: 200% 200%;
  animation: ring-rotate 4s linear infinite;
  opacity: 0;
  transition: opacity .3s;
  pointer-events: none;
}
.search-header-btn:hover .search-btn-ring,
.search-header-btn.active .search-btn-ring {
  opacity: 1;
}
@keyframes ring-rotate {
  0%   { background-position: 0% 50% }
  50%  { background-position: 100% 50% }
  100% { background-position: 0% 50% }
}

#search-overlay {
  position: fixed;
  inset: 0;
  background: rgba(0,0,0,.72);
  backdrop-filter: blur(20px) saturate(150%);
  -webkit-backdrop-filter: blur(20px) saturate(150%);
  z-index: 90;
  opacity: 0;
  pointer-events: none;
  transition: opacity .28s cubic-bezier(0.16,1,0.3,1);
}
#search-overlay.open {
  opacity: 1;
  pointer-events: auto;
}
#search-modal {
  position: fixed;
  top: 0; left: 0; right: 0;
  z-index: 91;
  padding: 5rem 1rem 1rem;
  pointer-events: none;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#search-modal.open { pointer-events: auto; }

#search-panel {
  width: 100%;
  max-width: 680px;
  display: flex;
  flex-direction: column;
  gap: 0;
  opacity: 0;
  transform: translateY(-18px) scale(.97);
  transition: opacity .32s cubic-bezier(0.16,1,0.3,1), transform .32s cubic-bezier(0.16,1,0.3,1);
}
#search-modal.open #search-panel {
  opacity: 1;
  transform: none;
}

.search-input-wrap {
  position: relative;
  border-radius: 20px;
  background: var(--surface);
  border: 1px solid var(--line-s);
  overflow: hidden;
  box-shadow: 0 24px 64px rgba(0,0,0,.55), 0 0 0 1px var(--line);
  transition: border-color .2s, box-shadow .2s;
}
.search-input-wrap:focus-within {
  border-color: rgba(212,146,10,.45);
  box-shadow: 0 24px 64px rgba(0,0,0,.6), 0 0 0 4px var(--accent-glow);
}

.search-shimmer-bar {
  height: 2px;
  background: linear-gradient(90deg,
    transparent 0%,
    rgba(212,146,10,0) 15%,
    rgba(212,146,10,.9) 40%,
    rgba(120,80,255,.9) 55%,
    rgba(0,200,180,.7) 70%,
    rgba(212,146,10,0) 85%,
    transparent 100%
  );
  background-size: 200% 100%;
  animation: search-sweep 3s ease-in-out infinite;
}
@keyframes search-sweep {
  0%   { background-position: 100% 0 }
  50%  { background-position: -100% 0 }
  100% { background-position: 100% 0 }
}

.search-top-row {
  display: flex;
  align-items: center;
  justify-content: space-between;
  padding: .85rem 1.1rem .7rem;
}
.search-ai-badge {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: .22rem .7rem;
  border: 1px solid rgba(212,146,10,.28);
  border-radius: 999px;
  background: rgba(212,146,10,.09);
  font-size: .6rem;
  font-weight: 700;
  letter-spacing: .1em;
  text-transform: uppercase;
  color: var(--accent);
  font-family: 'DM Mono', monospace;
}
.search-ai-dot {
  width: 5px; height: 5px;
  border-radius: 50%;
  background: var(--accent);
  animation: search-pulse 1.8s ease-in-out infinite;
  box-shadow: 0 0 5px var(--accent-glow);
}
@keyframes search-pulse {
  0%,100% { opacity: 1; transform: scale(1); }
  50%      { opacity: .5; transform: scale(.7); }
}
.search-close-btn {
  width: 28px; height: 28px;
  border-radius: 50%;
  border: 1px solid var(--line);
  background: var(--elevated);
  color: var(--muted);
  cursor: pointer;
  display: flex; align-items: center; justify-content: center;
  transition: border-color .15s, color .15s, background .15s;
  flex-shrink: 0;
}
.search-close-btn:hover {
  border-color: var(--line-s);
  color: var(--ink);
  background: var(--surface);
}

.search-input-row {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: 0 1.1rem .9rem;
}
.search-icon-wrap {
  width: 32px; height: 32px;
  border-radius: 10px;
  background: var(--accent-d);
  border: 1px solid rgba(212,146,10,.22);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
}
#search-input {
  flex: 1;
  background: transparent;
  border: none;
  outline: none;
  font-family: 'Inter', sans-serif;
  font-size: 1rem;
  font-weight: 400;
  color: var(--ink);
  caret-color: var(--accent);
  line-height: 1.4;
  min-width: 0;
  padding: .2rem 0;
}
#search-input::placeholder { color: var(--muted2); }
.search-kbd {
  display: flex;
  align-items: center;
  gap: 3px;
  flex-shrink: 0;
}
.search-kbd kbd {
  display: inline-flex;
  align-items: center;
  justify-content: center;
  padding: .15rem .42rem;
  border: 1px solid var(--line-s);
  border-radius: 5px;
  background: var(--elevated);
  font-family: 'DM Mono', monospace;
  font-size: .6rem;
  color: var(--muted2);
  line-height: 1;
}

.search-divider {
  height: 1px;
  background: var(--line);
  margin: 0 1.1rem;
}

.search-quick {
  padding: .85rem 1.1rem 1rem;
}
.search-quick-label {
  font-size: .58rem;
  letter-spacing: .14em;
  text-transform: uppercase;
  color: var(--muted2);
  font-family: 'DM Mono', monospace;
  margin-bottom: .65rem;
  display: block;
}
.search-quick-grid {
  display: flex;
  flex-wrap: wrap;
  gap: .4rem;
}
.search-chip {
  display: inline-flex;
  align-items: center;
  gap: 6px;
  padding: .32rem .75rem;
  border: 1px solid var(--line);
  border-radius: 999px;
  background: var(--elevated);
  color: var(--muted);
  font-size: .72rem;
  font-weight: 500;
  cursor: pointer;
  transition: border-color .15s, color .15s, background .15s, transform .15s;
  white-space: nowrap;
  text-decoration: none;
}
.search-chip:hover {
  border-color: rgba(212,146,10,.35);
  color: var(--accent);
  background: rgba(212,146,10,.07);
  transform: translateY(-1px);
  opacity: 1;
}
.search-chip i { font-size: .65rem; }

.search-results {
  padding: 0 1.1rem .5rem;
  display: none;
  flex-direction: column;
  gap: .35rem;
}
.search-results.visible { display: flex; }
.search-result-item {
  display: flex;
  align-items: center;
  gap: .75rem;
  padding: .65rem .8rem;
  border-radius: 12px;
  border: 1px solid transparent;
  cursor: pointer;
  transition: background .15s, border-color .15s;
  text-decoration: none;
  opacity: 1;
}
.search-result-item:hover {
  background: var(--elevated);
  border-color: var(--line);
}
.search-result-icon {
  width: 30px; height: 30px;
  border-radius: 8px;
  background: var(--elevated);
  border: 1px solid var(--line);
  display: flex; align-items: center; justify-content: center;
  flex-shrink: 0;
  font-size: .7rem;
  color: var(--accent);
}
.search-result-text { flex: 1; min-width: 0; }
.search-result-title {
  font-size: .82rem;
  font-weight: 500;
  color: var(--ink);
  line-height: 1.3;
}
.search-result-sub {
  font-size: .68rem;
  color: var(--muted2);
  margin-top: 1px;
  font-family: 'DM Mono', monospace;
}
.search-result-arrow {
  font-size: .6rem;
  color: var(--muted2);
  flex-shrink: 0;
}

.search-panel-footer {
  padding: .65rem 1.1rem .9rem;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .5rem;
}
.search-panel-footer-note {
  font-size: .62rem;
  color: var(--muted2);
  font-family: 'DM Mono', monospace;
}

.search-result-item.active{background:var(--elevated);border-color:rgba(212,146,10,.35)}
.search-result-title mark{background:rgba(212,146,10,.18);color:var(--ink);padding:0 .15rem;border-radius:4px}
@media(max-width:640px){
  #search-modal{padding:4.2rem .6rem .8rem}
  #search-panel{max-width:100%}
  .search-input-row{padding:0 .8rem .8rem}
  .search-top-row{padding:.75rem .8rem .62rem}
  .search-divider{margin:0 .8rem}
  .search-quick,.search-results,.search-panel-footer{padding-left:.8rem;padding-right:.8rem}
  .search-panel-footer{flex-direction:column;align-items:flex-start}
}
@media(max-width:520px){
  #consult .btn-p,#consult .btn-s{width:100%;justify-content:center}
}


.footer-link{text-decoration:none}

.social-btn.tiktok:hover{color:var(--ink);border-color:var(--line-s)}
.social-btn.youtube:hover{color:#FF0000;border-color:rgba(255,0,0,.3);background:rgba(255,0,0,.06)}

@media(min-width:700px){.foot-divider{display:block !important}}

a, a:visited, a:hover, a:active { text-decoration:none !important; }

.cart-action-btn{display:flex;align-items:center;gap:12px;padding:.8rem .9rem;border-radius:14px;border:1px solid var(--line);background:var(--elevated);text-decoration:none;opacity:1;transition:border-color .15s,background .15s,box-shadow .15s;cursor:pointer}
.cart-action-btn:hover{border-color:var(--line-s);background:var(--surface);box-shadow:0 0 0 3px var(--btn-glow,rgba(212,146,10,.12))}

.cart-reoos-log{margin-bottom:1rem;border:1px solid var(--line-s);border-radius:14px;background:linear-gradient(145deg,rgba(255,255,255,.02),rgba(0,122,255,.05));padding:.72rem .75rem;box-shadow:inset 0 1px 0 rgba(255,255,255,.06),0 10px 26px rgba(0,0,0,.25)}
.cart-reoos-log-head{display:flex;align-items:center;gap:.45rem;font-family:'DM Mono',monospace;font-size:.64rem;letter-spacing:.1em;color:rgba(255,255,255,.8);margin-bottom:.55rem}
.cart-reoos-dot{width:6px;height:6px;border-radius:50%;background:#007AFF;box-shadow:0 0 9px rgba(0,122,255,.85);display:inline-block}
.cart-reoos-build{margin-left:auto;color:rgba(255,255,255,.52)}
.cart-reoos-log-rows{display:flex;flex-direction:column;gap:.35rem}
.cart-reoos-log-row{display:flex;gap:.5rem;align-items:center;font-family:'DM Mono',monospace;font-size:.63rem;line-height:1.45;color:rgba(255,255,255,.64);opacity:.6;transition:opacity .2s ease,color .2s ease}
.cart-reoos-log-row.active{opacity:1;color:rgba(186,224,255,.95)}
.cart-log-ts{color:rgba(255,255,255,.4);min-width:54px;flex-shrink:0}
.cart-log-msg{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

#cart-modal-overlay.open{opacity:1 !important;pointer-events:auto !important}
#cart-modal.open{pointer-events:auto !important}
#cart-modal.open #cart-modal-inner{opacity:1 !important;transform:translateY(0) scale(1) !important}

#cart-btn:hover{border-color:var(--line-s) !important;background:var(--surface) !important;color:var(--ink) !important}

.theme-opt-btn{display:flex;align-items:center;gap:8px;width:100%;padding:.42rem .75rem;border-radius:9px;border:none;background:none;color:var(--muted);font-family:inherit;font-size:.72rem;font-weight:500;cursor:pointer;text-align:left;transition:background .12s,color .12s}
.theme-opt-btn:hover{background:var(--surface);color:var(--ink)}
.theme-opt-btn.active{color:var(--accent)}
#theme-dropup-menu.open{opacity:1 !important;pointer-events:auto !important;transform:translateY(0) !important}
#theme-dropup-btn:focus-visible{outline:2px solid var(--accent);outline-offset:2px}

.reo-auth-wrap{display:none;align-items:center;gap:.45rem;justify-content:flex-end}
@media (max-width: 900px){.reo-auth-wrap{display:inline-flex}}
.reo-auth-trigger,.reo-seal{border:1px solid var(--line);background:var(--elevated);color:var(--muted);cursor:pointer}
.reo-auth-trigger{width:36px;height:36px;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;transition:border-color .2s,color .2s,opacity .2s}
.reo-auth-trigger:hover,.reo-seal:hover{border-color:var(--line-s);color:var(--ink)}
.reo-seal{position:relative;overflow:hidden;min-height:36px;padding:.42rem .8rem;border-radius:999px;font-family:'DM Mono',monospace;font-size:.66rem;letter-spacing:.12em;text-transform:uppercase;display:inline-flex;align-items:center;justify-content:center;opacity:.84;transition:opacity .2s,border-color .2s,color .2s}
.reo-seal:hover{opacity:1}
.reo-seal-glint{position:absolute;inset:-1px auto -1px -52%;width:34%;background:linear-gradient(95deg,transparent,rgba(255,255,255,.35),transparent);transform:skewX(-16deg);animation:reoSealShimmer 3.2s linear infinite}
@keyframes reoSealShimmer{0%{left:-52%}100%{left:128%}}

#reo-scanner-overlay{position:fixed;inset:0;z-index:10000;background:rgba(4,6,10,.72);backdrop-filter:blur(20px);display:flex;align-items:center;justify-content:center;padding:2rem 1rem;opacity:0;pointer-events:none;transition:opacity .28s ease}
#reo-scanner-overlay.open{opacity:1;pointer-events:auto}
.reo-scanner-shell{width:min(92vw,740px);display:flex;flex-direction:column;align-items:center;gap:1rem;padding:1.1rem;border:1px solid var(--line-s);border-radius:24px;background:linear-gradient(160deg,rgba(14,18,30,.92),rgba(10,10,14,.86));box-shadow:0 24px 80px rgba(0,0,0,.55), inset 0 1px 0 rgba(255,255,255,.08)}
.reo-scanner-close{align-self:flex-end;font-family:'DM Mono',monospace;font-size:.72rem;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:999px;padding:.45rem .95rem;text-decoration:none;opacity:.4;transition:opacity .2s,border-color .2s;cursor:pointer}
.reo-scanner-close:hover{opacity:1;border-color:var(--line-s)}
.reo-scanner-kicker{margin:0;font-family:'DM Mono',monospace;font-size:.76rem;letter-spacing:.16em;color:rgba(245,245,247,.88);text-align:center;text-shadow:0 0 14px rgba(0,122,255,.35)}
.reo-viewfinder{position:relative;width:min(78vw,430px);aspect-ratio:1/1;border:1px solid rgba(147,200,255,.9);border-radius:22px;overflow:hidden;background:radial-gradient(circle at 20% 18%,rgba(0,122,255,.2),rgba(0,0,0,.35) 45%,rgba(0,0,0,.65));box-shadow:0 0 0 1px rgba(255,255,255,.1) inset,0 16px 34px rgba(0,122,255,.2);transition:border-color .25s,box-shadow .25s}
.reo-viewfinder.state-auth{border-color:#007AFF;box-shadow:0 0 0 1px rgba(0,122,255,.45) inset,0 0 24px rgba(0,122,255,.2)}
.reo-viewfinder.state-fail{border-color:#FF3B30;box-shadow:0 0 0 1px rgba(255,59,48,.45) inset,0 0 24px rgba(255,59,48,.2)}
#reo-scanner-video,#reo-scanner-canvas{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
#reo-scanner-canvas{display:none}
.reo-viewfinder-corners,.reo-viewfinder-corners::before,.reo-viewfinder-corners::after{position:absolute;inset:0;content:"";pointer-events:none}
.reo-viewfinder-corners::before{background:linear-gradient(#fff,#fff) left 16px top 16px/20px 1px no-repeat,linear-gradient(#fff,#fff) left 16px top 16px/1px 20px no-repeat,linear-gradient(#fff,#fff) right 16px top 16px/20px 1px no-repeat,linear-gradient(#fff,#fff) right 16px top 16px/1px 20px no-repeat,linear-gradient(#fff,#fff) left 16px bottom 16px/20px 1px no-repeat,linear-gradient(#fff,#fff) left 16px bottom 16px/1px 20px no-repeat,linear-gradient(#fff,#fff) right 16px bottom 16px/20px 1px no-repeat,linear-gradient(#fff,#fff) right 16px bottom 16px/1px 20px no-repeat}
.reo-laser-line{position:absolute;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,rgba(0,122,255,.92),transparent);filter:drop-shadow(0 0 8px rgba(0,122,255,.85));animation:reoLaser 2.4s linear infinite}
@keyframes reoLaser{0%{top:12%}100%{top:88%}}
.reo-dropzone{position:absolute;inset:auto 1rem 1rem 1rem;border:1px dashed rgba(147,200,255,.7);border-radius:12px;min-height:50px;display:none;align-items:center;justify-content:center;font-family:'DM Mono',monospace;font-size:.68rem;letter-spacing:.08em;color:rgba(214,236,255,.92);background:linear-gradient(145deg,rgba(6,18,38,.72),rgba(8,10,14,.5));box-shadow:0 10px 24px rgba(0,0,0,.35)}
.reo-dropzone.active{display:flex}
#reo-drop-input{position:absolute;inset:0;opacity:0;cursor:pointer}
.reo-terminal-log{margin:0;font-family:'DM Mono',monospace;color:rgba(214,236,255,.95);font-size:.76rem;letter-spacing:-0.022em;text-align:center;padding:.45rem .9rem;border:1px solid rgba(147,200,255,.35);border-radius:999px;background:rgba(5,20,40,.46)}

#precision-cursor-dot,#precision-cursor-ring{position:fixed;top:0;left:0;pointer-events:none;z-index:9999;mix-blend-mode:difference;opacity:0;transform:translate3d(-50%,-50%,0);display:none}
#precision-cursor-dot{width:4px;height:4px;border-radius:50%;background:#007AFF;transition:width .18s,height .18s,opacity .15s}
#precision-cursor-ring{width:30px;height:30px;border-radius:50%;border:1px solid rgba(255,255,255,.3);transition:width .22s,height .22s,border-style .22s,opacity .15s}
body.cursor-targeting #precision-cursor-dot{width:8px;height:8px}
body.cursor-targeting #precision-cursor-ring{width:20px;height:20px;border-style:dashed}
html.precision-cursor-active,
html.precision-cursor-active body,
html.precision-cursor-active a,
html.precision-cursor-active button,
html.precision-cursor-active [role="button"],
html.precision-cursor-active .card,
html.precision-cursor-active .btn,
html.precision-cursor-active .btn-p,
html.precision-cursor-active .btn-s,
html.precision-cursor-active .reo-seal{cursor:none !important}
html.precision-cursor-active input,
html.precision-cursor-active textarea,
html.precision-cursor-active select,
html.precision-cursor-active [contenteditable="true"],
html.precision-cursor-active [contenteditable=""],
html.precision-cursor-active [contenteditable]:not([contenteditable="false"]){cursor:auto !important}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  html.precision-cursor-active #precision-cursor-dot,
  html.precision-cursor-active #precision-cursor-ring{display:block}
  #precision-cursor-dot,#precision-cursor-ring{opacity:1}
}
@media (hover:none), (pointer:coarse), (prefers-reduced-motion:reduce){
  html.precision-cursor-active,
  html.precision-cursor-active body,
  html.precision-cursor-active a,
  html.precision-cursor-active button,
  html.precision-cursor-active [role="button"],
  html.precision-cursor-active .card,
  html.precision-cursor-active .btn,
  html.precision-cursor-active .btn-p,
  html.precision-cursor-active .btn-s,
  html.precision-cursor-active .reo-seal{cursor:auto !important}
  #precision-cursor-dot,#precision-cursor-ring{display:none !important}
}

/* utility classes extracted from former inline styles */
.u-s1{padding:.7rem 1.1rem;gap:.5rem}
.u-s2{flex-shrink:0;text-decoration:none}
.u-s3{display:flex;align-items:center;gap:10px}
.u-s4{display:flex;flex-direction:column;line-height:1;gap:2px}
.u-s5{font-size:1rem;font-weight:800;letter-spacing:.01em;color:var(--ink);line-height:1}
.u-s6{font-size:.58rem;color:var(--muted2);font-family:'DM Mono',monospace;letter-spacing:.04em}
.u-s7{gap:.25rem}
.u-s8{display:flex;align-items:center;gap:8px;flex-shrink:0}
.u-s9{font-size:.78rem;position:relative;z-index:1}
.u-s10{font-size:.8rem}
.u-s11{border-radius:11px;color:var(--ink)}
.u-s12{display:flex;align-items:center;gap:9px}
.u-s13{width:28px;height:28px;border-radius:8px}
.u-s14{width:16px;height:16px}
.u-s15{display:flex;flex-direction:column;gap:1px;line-height:1}
.u-s16{font-size:.85rem;font-weight:800;letter-spacing:.01em;color:var(--ink)}
.u-s17{font-size:.54rem;color:var(--muted2);font-family:'DM Mono',monospace;letter-spacing:.04em}
.u-s18{font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);padding:.25rem .9rem .75rem;font-family:'DM Mono',monospace}
.u-s19{font-size:.55rem;color:var(--muted2);margin-left:auto;opacity:.5}
.u-s20{margin-top:1.25rem;padding:.75rem .9rem;background:var(--elevated);border:1px solid var(--line);border-radius:12px;display:flex;align-items:center;gap:8px}
.u-s21{width:7px;height:7px;border-radius:50%;background:var(--accent);flex-shrink:0;box-shadow:0 0 6px var(--accent-glow)}
.u-s22{font-size:.72rem;font-weight:500;color:var(--ink)}
.u-s23{font-size:.64rem;color:var(--muted2);margin-top:1px}
.u-s24{width:100%;justify-content:center;display:flex;align-items:center;gap:8px;border:none;cursor:pointer}
.u-s25{font-size:.75rem}
.u-s26{padding-top:7rem;padding-bottom:4rem;padding-left:1rem;padding-right:1rem}
.u-s27{max-width:72rem;margin:0 auto}
.u-s28{border:1px solid var(--line);background:linear-gradient(165deg,var(--surface),var(--elevated));border-radius:30px;padding:clamp(1.4rem,3vw,2.8rem) clamp(1.1rem,3vw,2.2rem);position:relative;overflow:hidden}
.u-s29{display:grid;grid-template-columns:minmax(0,1fr);gap:2.5rem;align-items:center}
.u-s30{position:relative;z-index:2}
.u-s31{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--line);background:var(--elevated);border-radius:999px;padding:.3rem .9rem;margin-bottom:1.25rem}
.u-s32{width:7px;height:7px;border-radius:50%;background:var(--accent);display:inline-block;box-shadow:0 0 8px var(--accent-glow)}
.u-s33{font-size:.62rem}
.u-s34{font-size:clamp(2.2rem,5.6vw,4.4rem);font-weight:800;letter-spacing:-.03em;line-height:1.04;margin:0 0 1rem;text-wrap:balance}
.u-s35{color:var(--muted)}
.u-s36{font-size:clamp(.92rem,1.25vw,1rem);line-height:1.78;color:var(--muted);max-width:31ch;margin:0 0 1.5rem}
.u-s37{display:flex;flex-wrap:wrap;gap:.75rem;margin-bottom:2rem}
.u-s38{font-size:.76rem}
.u-s39{margin:0 0 1.35rem;max-width:31rem}
.u-s40{font-size:.58rem;margin-bottom:.45rem}
.u-s41{border:1px solid var(--line);border-radius:999px;background:var(--elevated);padding:.18rem .2rem}
.u-s42{animation-duration:22s}
.u-s43{padding:.3rem .85rem;font-size:.67rem}
.u-s44{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.55rem;max-width:30rem;margin:0 0 1.4rem}
.u-s45{border:1px solid var(--line);background:var(--elevated);border-radius:12px;padding:.65rem .75rem}
.u-s46{font-size:.63rem;color:var(--muted2);text-transform:uppercase;letter-spacing:.09em;margin:0}
.u-s47{font-size:.86rem;color:var(--ink);font-weight:600;margin:.18rem 0 0}
.u-s48{display:flex;flex-wrap:wrap;gap:1rem}
.u-s49{display:flex;align-items:center;gap:7px;font-size:.72rem;color:var(--muted2)}
.u-s50{color:var(--accent);font-size:.8rem}
.u-s51{display:block;width:100%;max-width:480px;height:auto}
.u-s52{animation-delay:.35s}
.u-s53{animation-delay:.7s}
.u-s54{animation-delay:.2s}
.u-s55{animation-delay:.55s}
.u-s56{transform-origin:240px 205px}
.u-s57{animation:float-badge-a 6s ease-in-out infinite}
.u-s58{animation:float-badge-b 5.5s ease-in-out infinite;animation-delay:.8s}
.u-s59{animation:float-badge-a 7s ease-in-out infinite;animation-delay:1.4s}
.u-s60{color:var(--accent);font-size:.68rem}
.u-s61{padding:4rem 1rem}
.u-s62{margin-top:.5rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.022em;color:var(--ink)}
.u-s63{margin-top:.75rem;max-width:38rem;font-size:.88rem;line-height:1.75;color:var(--muted)}
.u-s64{margin-top:2.5rem}
.u-s65{padding:1.5rem;height:100%;cursor:default}
.u-s66{height:140px;border-radius:14px;border:1px solid var(--line);background:var(--elevated);overflow:hidden;position:relative;margin-bottom:1.25rem}
.u-s67{position:absolute;inset:0;width:100%;height:100%}
.u-s68{position:absolute;top:10px;right:10px;background:var(--bg);border:1px solid var(--line);border-radius:999px;padding:.2rem .55rem;font-family:monospace;font-size:.58rem;color:var(--muted2)}
.u-s69{font-size:.58rem;margin-bottom:.5rem}
.u-s70{font-size:1.05rem;font-weight:600;letter-spacing:-.012em;color:var(--ink)}
.u-s71{margin-top:.5rem;font-size:.83rem;line-height:1.72;color:var(--muted)}
.u-s72{margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between}
.u-s73{font-size:.7rem;color:var(--muted2)}
.u-s74{display:flex;align-items:center;gap:5px;font-size:.7rem;color:var(--accent)}
.u-s75{font-size:.45rem;opacity:.7}
.u-s76{margin-top:1.25rem;display:flex;align-items:center;justify-content:space-between}
.u-s77{font-family:monospace;font-size:.72rem;color:var(--muted)}
.u-s78{display:flex;gap:8px}
.u-s79{font-size:.65rem}
.u-s80{padding:4rem 1rem;border-top:1px solid var(--line)}
.u-s81{margin-top:.75rem;max-width:42rem;font-size:.88rem;line-height:1.75;color:var(--muted)}
.u-s82{margin-top:2rem}
.u-s83{font-size:1rem;font-weight:650;margin:0}
.u-s84{font-size:.8rem;line-height:1.7;color:var(--muted);margin:0}
.u-s85{margin-top:1rem;display:flex;align-items:center;justify-content:space-between}
.u-s86{display:flex;gap:.5rem}
.u-s87{grid-template-columns:repeat(5,1fr);margin-top:2.5rem;border:1px solid var(--line);border-radius:20px;overflow:hidden;background:var(--surface)}
.u-s88{padding:1.5rem 1.25rem;border-right:1px solid var(--line)}
.u-s89{width:32px;height:32px;border-radius:10px;border:1px solid var(--line);background:var(--elevated);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.u-s90{font-family:monospace;font-size:.65rem;color:var(--muted2)}
.u-s91{font-size:1.2rem;color:var(--muted2);margin-bottom:.75rem;display:block}
.u-s92{font-size:.9rem;font-weight:600;color:var(--ink);margin-bottom:.5rem}
.u-s93{font-size:.78rem;line-height:1.7;color:var(--muted)}
.u-s94{font-size:1.2rem;color:var(--accent);margin-bottom:.75rem;display:block}
.u-s95{padding:1.5rem 1.25rem}
.u-s96{width:32px;height:32px;border-radius:10px;border:1px solid rgba(212,146,10,.3);background:rgba(212,146,10,.08);display:flex;align-items:center;justify-content:center;margin-bottom:1rem}
.u-s97{font-family:monospace;font-size:.65rem;color:var(--accent)}
.u-s98{margin-top:1.5rem;overflow-x:auto;-webkit-overflow-scrolling:touch;scroll-snap-type:x mandatory;display:flex;gap:14px;padding-bottom:.5rem}
.u-s99{}
.u-s100{display:flex;align-items:center;gap:10px;margin-bottom:1rem}
.u-s101{color:var(--muted2)}
.u-s102{font-size:.92rem;font-weight:600;color:var(--ink);margin-bottom:.5rem}
.u-s103{font-size:.8rem;line-height:1.7;color:var(--muted)}
.u-s104{color:var(--accent)}
.u-s105{padding:2.5rem 0;border-top:1px solid var(--line)}
.u-s106{max-width:72rem;margin:0 auto;padding:0 1rem;margin-bottom:1.5rem;text-align:center}
.u-s107{position:relative;overflow:hidden}
.u-s108{position:absolute;left:0;top:0;bottom:0;width:100px;background:linear-gradient(to right,var(--bg),transparent);z-index:2;pointer-events:none}
.u-s109{position:absolute;right:0;top:0;bottom:0;width:100px;background:linear-gradient(to left,var(--bg),transparent);z-index:2;pointer-events:none}
.u-s110{padding:1.5rem;height:100%;display:flex;flex-direction:column;gap:.75rem}
.u-s111{font-size:2rem;color:var(--muted2)}
.u-s112{font-size:.58rem}
.u-s113{font-size:.95rem;font-weight:600;color:var(--ink)}
.u-s114{margin-top:auto;display:flex;flex-wrap:wrap;gap:5px}
.u-s115{font-size:.65rem;color:var(--muted2);border:1px solid var(--line);border-radius:6px;padding:.2rem .5rem}
.u-s116{display:grid;gap:1.5rem;align-items:center}
.u-s117{width:100%;display:block}
.u-s118{font-family:'DM Mono',monospace;font-size:.72rem;letter-spacing:.12em;color:var(--muted)}
.u-s119{margin-top:1rem;font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted2);font-family:'DM Mono',monospace}
.u-s120{margin-top:.55rem;font-size:clamp(1.75rem,4vw,2.5rem);font-weight:700;letter-spacing:-.022em;color:var(--ink)}
.u-s121{margin-top:.85rem;max-width:42rem;font-size:.9rem;line-height:1.8;color:var(--muted)}
.u-s122{margin-top:1rem}
.u-s123{font-size:.72rem;color:var(--accent)}
.u-s124{margin-top:2.5rem;background:var(--surface);border:1px solid var(--line);border-radius:20px;overflow:hidden}
.u-s125{font-size:.65rem;color:var(--muted)}
.u-s126{border-bottom:none}
.u-s127{padding:2rem 1rem 4rem}
.u-s128{background:var(--elevated);border:1px solid var(--line);border-radius:28px;padding:3rem 2rem;position:relative;overflow:hidden;text-align:center}
.u-s129{position:absolute;top:0;right:0;opacity:.35;pointer-events:none}
.u-s130{position:absolute;bottom:0;left:0;opacity:.25;pointer-events:none}
.u-s131{position:relative;z-index:2;max-width:520px;margin:0 auto}
.u-s132{margin-bottom:.75rem}
.u-s133{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;letter-spacing:-.025em;color:var(--ink)}
.u-s134{margin-top:1rem;font-size:.9rem;line-height:1.75;color:var(--muted)}
.u-s135{margin-top:1rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.5rem}
.u-s136{font-size:.68rem;padding:.34rem .62rem;border:1px solid var(--line);border-radius:999px;color:var(--muted)}
.u-s137{margin-top:2rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.75rem}
.u-s138{margin-top:1.25rem;display:inline-flex;align-items:center;gap:6px;font-size:.82rem;color:var(--accent);opacity:.85;transition:opacity .2s}
.u-s139{font-size:.95rem}
.u-s140{border-top:1px solid var(--line);padding-top:0;padding-bottom:calc(2rem + var(--safe-bottom))}
.u-s141{padding:3rem 1rem 2rem}
.u-s142{max-width:72rem;margin:0 auto;display:flex;flex-direction:column;gap:3rem}
.u-s143{display:flex;gap:7px;flex-wrap:wrap}
.u-s144{display:flex;flex-direction:column;gap:.5rem}
.u-s145{font-size:.65rem;color:var(--accent);width:13px}
.u-s146{font-size:.72rem;color:#25D366;width:13px}
.u-s147{font-size:.65rem;color:var(--muted2);width:13px}
.u-s148{opacity:.72}
.u-s149{--start:9;--end:19}
.u-s150{--start:10;--end:17}
.u-s151{display:flex;flex-wrap:wrap;gap:.65rem;align-items:stretch}
.u-s152{margin-right:2px}
.u-s153{margin-right:6px}
.u-s154{width:1px;height:28px;background:var(--line);flex-shrink:0;display:none}
.u-s155{color:#F7931A;font-weight:600}
.u-s156{display:flex;flex-direction:column;gap:.5rem;position:relative}
.u-s157{display:flex;align-items:center;gap:8px;padding:.5rem .9rem;height:36px;box-sizing:border-box;border-radius:10px;border:1px solid var(--line);background:var(--bg);color:var(--muted);cursor:pointer;font-family:inherit;font-size:.72rem;font-weight:500;transition:border-color .15s,background .15s,color .15s;white-space:nowrap}
.u-s158{font-size:.5rem;margin-left:2px;opacity:.5}
.u-s159{position:absolute;bottom:calc(100% + 8px);left:0;min-width:142px;background:var(--elevated);border:1px solid var(--line-s);border-radius:14px;padding:5px;z-index:200;opacity:0;pointer-events:none;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease;box-shadow:0 16px 40px rgba(0,0,0,.4)}
.u-s160{font-size:.65rem;width:14px}
.u-s161{height:36px;box-sizing:border-box;white-space:nowrap}
.u-s162{display:inline-flex;align-items:center;gap:7px}
.u-s163{transform:translateX(0)}
.u-s164{display:flex;flex-direction:column;gap:.35rem}
.u-s165{font-size:.72rem;color:var(--muted2)}
.u-s166{font-size:.68rem;color:var(--muted2);opacity:.65}
.u-s167{position:fixed;inset:0;background:rgba(0,0,0,.6);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);z-index:80;opacity:0;pointer-events:none;transition:opacity .25s ease}
.u-s168{position:fixed;inset:0;z-index:81;display:flex;align-items:center;justify-content:center;padding:1rem;pointer-events:none}
.u-s169{background:var(--glass);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid var(--line-s);border-radius:24px;padding:2rem 1.75rem;width:100%;max-width:380px;box-shadow:0 32px 80px rgba(0,0,0,.55),inset 0 1px 1px rgba(255,255,255,.06);opacity:0;transform:translateY(16px) scale(.97);transition:opacity .28s cubic-bezier(0.16,1,0.3,1),transform .28s cubic-bezier(0.16,1,0.3,1)}
.u-s170{display:flex;align-items:center;justify-content:space-between;margin-bottom:1.4rem}
.u-s171{width:30px;height:30px;border-radius:9px;border:1px solid var(--line);background:var(--elevated);display:flex;align-items:center;justify-content:center}
.u-s172{font-size:.88rem;font-weight:600;color:var(--ink);letter-spacing:-.01em}
.u-s173{width:28px;height:28px;border-radius:50%;border:1px solid var(--line);background:var(--elevated);color:var(--muted);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:border-color .15s,color .15s}
.u-s174{font-size:.7rem}
.u-s175{height:1px;background:var(--line);margin-bottom:1.25rem}
.u-s176{font-size:.85rem;line-height:1.75;color:var(--muted);margin-bottom:1rem}
.u-s177{display:flex;flex-direction:column;gap:.65rem}
.u-s178{--btn-glow:rgba(212,146,10,.2)}
.u-s179{width:32px;height:32px;border-radius:9px;background:rgba(212,146,10,.1);border:1px solid rgba(212,146,10,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-s180{display:block;font-size:.78rem;font-weight:500;color:var(--ink)}
.u-s181{display:block;font-size:.68rem;color:var(--muted);font-family:'DM Mono',monospace;margin-top:1px}
.u-s182{font-size:.6rem;color:var(--muted2);margin-left:auto}
.u-s183{--btn-glow:rgba(37,211,102,.18)}
.u-s184{width:32px;height:32px;border-radius:9px;background:rgba(37,211,102,.1);border:1px solid rgba(37,211,102,.25);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-s185{font-size:.9rem;color:#25D366}
.u-s186{--btn-glow:rgba(245,245,247,.08)}
.u-s187{width:32px;height:32px;border-radius:9px;background:var(--elevated);border:1px solid var(--line-s);display:flex;align-items:center;justify-content:center;flex-shrink:0}
.u-s188{font-size:.72rem;color:var(--muted)}
.u-s189{margin-top:1.25rem;font-size:.65rem;color:var(--muted2);text-align:center;letter-spacing:.01em}