/* V85: the product owns the stage. Details open only on request. */
.hero-discovery-v85{--detail-line:color-mix(in srgb,var(--primary-light) 25%,transparent);--detail-muted:var(--brand-tint-strong);color:var(--text-light)}
.hero-discovery-v85 svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex:none}
.hero-discovery-heading{position:absolute;left:5.2%;top:calc(var(--header-height) + 35px);pointer-events:none}
.hero-discovery-heading p{margin:0 0 13px;font-size:9px;line-height:1.4;letter-spacing:.17em;color:var(--primary-light)}
.hero-discovery-heading h2{font-size:clamp(34px,3vw,48px);line-height:1.04;font-weight:450;letter-spacing:-.055em;margin:0}
.hero-discovery-heading em{font-style:normal;color:var(--primary-light)}
/* V89: only SULOOK uses the existing Lemon Milk Bold font. */
.hero-discovery-heading .hero-wordmark{font-family:LemonMilkBold,sans-serif;font-weight:700}
.hero-discovery-controls{position:absolute;left:50%;bottom:94px;transform:translateX(-50%);display:flex;gap:10px;z-index:2}
.hero-detail-trigger{display:flex;align-items:center;justify-content:space-between;gap:12px;min-width:143px;min-height:46px;padding:0 15px;border:1px solid var(--detail-line);border-radius:30px;background:color-mix(in srgb,var(--hero-deep) 68%,transparent);backdrop-filter:blur(14px);font:inherit;font-size:12px;color:var(--text-light);cursor:pointer;transition:background .2s,border-color .2s}
.hero-detail-trigger svg{width:19px;height:19px;color:var(--primary-light)}
.hero-detail-trigger i{font:inherit;font-size:19px;line-height:1;font-style:normal;color:var(--primary-light);transition:transform .2s}
.hero-detail-trigger:hover,.hero-detail-trigger[aria-expanded=true]{background:var(--hero-mid);border-color:var(--primary-light)}
.hero-detail-trigger[aria-expanded=true] i{transform:rotate(45deg)}
.hero-detail-trigger span{flex:1;text-align:left}
.hero-detail[hidden]{display:none}
.hero-detail{position:absolute;left:5.2%;top:52%;transform:translateY(-50%);width:clamp(285px,25vw,355px);max-height:calc(100svh - var(--header-height) - 115px);overflow:auto;overscroll-behavior:contain;touch-action:pan-y;pointer-events:auto;padding:22px;border:1px solid var(--detail-line);border-radius:22px;background:color-mix(in srgb,var(--hero-deep) 97%,transparent);box-shadow:0 14px 50px color-mix(in srgb,var(--bg-darker) 18%,transparent);backdrop-filter:blur(20px);animation:hero-detail-in .2s ease-out;scrollbar-width:thin;scrollbar-color:var(--primary-dark) transparent}
.hero-detail-safety{left:auto;right:5.2%}
.hero-detail-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0 0 21px}
.hero-detail-heading p{font-size:8px;letter-spacing:.18em;color:var(--primary-light);margin:0 0 9px}
.hero-detail-heading h3{font-size:21px;font-weight:450;letter-spacing:-.025em;line-height:1.1;margin:0}
.hero-detail-close{border:1px solid var(--detail-line);background:transparent;color:var(--primary-light);border-radius:50%;width:32px;height:32px;display:grid;place-items:center;padding:0;flex:none;cursor:pointer}
.hero-detail-close svg{width:17px;height:17px}
.hero-detail-close:hover{background:var(--hero-mid)}
.hero-detail-measures,.hero-detail-capacities{display:grid;margin:0;gap:15px;border-bottom:1px solid var(--detail-line);padding-bottom:18px}
.hero-detail-measures{grid-template-columns:repeat(3,1fr)}.hero-detail-capacities{grid-template-columns:1fr 1fr}
.hero-detail-measures>div,.hero-detail-capacities>div{display:flex;flex-direction:column-reverse;gap:6px}
.hero-detail dt{font-size:11px;line-height:1.4;color:var(--detail-muted)}
.hero-detail dd{font-size:26px;line-height:1;margin:0;font-weight:450;letter-spacing:-.035em;white-space:nowrap}
.hero-detail dd small{font-size:10px;font-weight:400;letter-spacing:0;color:var(--primary-light)}
.hero-detail-capacities dd{font-size:38px}.hero-detail-capacities small{font-size:12px}
.hero-detail-lines{margin:12px 0 18px}.hero-detail-lines>div{display:flex;align-items:center;justify-content:space-between;padding:9px 0;gap:16px}.hero-detail-lines dd{font-size:20px}
.hero-detail-note{font-size:10px;line-height:1.5;color:var(--detail-muted);margin:6px 0 0}
.hero-detail-link{display:flex;align-items:center;justify-content:space-between;text-decoration:none;color:var(--primary-light);border-top:1px solid var(--detail-line);font-size:12px;margin-top:16px;padding-top:15px}
.hero-detail-link:hover{color:white}
.hero-sensors{list-style:none;margin:0;padding:0}
.hero-sensors li{display:flex;align-items:center;gap:10px;font-size:12px;line-height:1.4;min-height:43px;padding:8px 0;border-top:1px solid var(--detail-line)}
.hero-sensor-icon{display:grid;place-items:center;width:24px;height:24px;color:var(--primary-light);flex:none}
.hero-sensor-icon svg{width:20px;height:20px}
.hero-otis{display:flex;align-items:center;gap:10px;border-top:1px solid var(--detail-line);padding-top:17px;margin-top:8px}
.hero-otis-icon{color:var(--primary-light)}.hero-otis p{margin:0;flex:1}.hero-otis strong{font-size:13px;font-weight:500}.hero-otis p>span{display:block;font-size:10px;color:var(--detail-muted);line-height:1.5;margin-top:3px}.hero-otis p>span br{display:none}
.hero-otis-signal{display:flex;gap:3px;align-items:flex-end;height:18px}.hero-otis-signal i{display:block;width:3px;height:7px;border-radius:2px;background:var(--primary-light);animation:hero-signal-v85 2.4s ease-in-out infinite}.hero-otis-signal i:nth-child(2){height:12px;animation-delay:.18s}.hero-otis-signal i:nth-child(3){height:17px;animation-delay:.36s}
.hero-iot-note{padding-left:32px;font-size:9px;color:var(--primary-light)}
.hero-discovery-v85[inert] .hero-otis-signal i{animation-play-state:paused}
.hero-discovery-v85 :is(button,a):focus-visible{outline:2px solid var(--primary-light);outline-offset:4px}
@keyframes hero-detail-in{from{opacity:0;filter:blur(3px)}to{opacity:1;filter:blur(0)}}
@keyframes hero-signal-v85{0%,75%,100%{opacity:.4}35%{opacity:1}}
@media(orientation:landscape) and (max-width:1150px){
 .hero-discovery-heading{left:4%}.hero-discovery-heading h2{font-size:34px}.hero-discovery-heading p{font-size:7px}
 .hero-detail{left:3%;width:280px;padding:18px}.hero-detail-safety{left:auto;right:3%}.hero-detail-heading h3{font-size:19px}.hero-detail-measures dd{font-size:24px}
}
@media(orientation:landscape) and (max-height:600px){
 .hero-discovery-heading{top:calc(var(--header-height) + 20px)}.hero-discovery-heading h2{font-size:29px}.hero-discovery-heading p{font-size:7px;margin-bottom:9px}
 .hero-discovery-controls{left:auto;right:5%;top:50%;bottom:auto;transform:translateY(-40%);flex-direction:column;gap:8px}
 .hero-detail-trigger{min-height:40px;min-width:142px;padding:0 12px;font-size:11px}
 .hero-detail{left:4%;right:auto;top:calc(var(--header-height) + 15px);transform:none;max-height:calc(100svh - var(--header-height) - 65px);width:285px;z-index:3;padding:16px;border-radius:18px}
 .hero-detail-heading{margin-bottom:14px}.hero-detail-heading h3{font-size:18px}.hero-detail-heading p{margin-bottom:7px}
 .hero-sensors li{min-height:35px;padding:5px 0;font-size:11px}.hero-otis{padding-top:12px}
}
@media(orientation:portrait){
 .hero-discovery-heading{top:calc(var(--header-height) + 24px);left:0;right:0;text-align:center}
 .hero-discovery-heading p{font-size:7px;letter-spacing:.15em;margin-bottom:10px}.hero-discovery-heading h2{font-size:33px}
 .hero-discovery-controls{bottom:87px;gap:7px;width:min(calc(100% - 36px),430px)}
 .hero-detail-trigger{min-width:0;flex:1;gap:7px;padding:0 11px;min-height:44px;font-size:11px}.hero-detail-trigger svg{width:17px;height:17px}.hero-detail-trigger i{font-size:18px}
 .hero-detail{left:50%;right:auto;top:auto;bottom:143px;transform:translateX(-50%);width:min(calc(100% - 36px),430px);max-height:calc(100svh - var(--header-height) - 180px);padding:20px;z-index:3}
 .hero-detail-heading{margin-bottom:16px}.hero-detail-heading h3{font-size:21px}.hero-detail-heading p{font-size:7px;margin-bottom:7px}
 .hero-detail-capacities dd{font-size:38px}.hero-detail-measures dd{font-size:27px}
 .hero-sensors li{min-height:36px;padding:6px 0;font-size:12px}.hero-sensor-icon{height:22px}.hero-otis{margin-top:8px;padding-top:14px}
}
@media(orientation:portrait) and (min-width:650px){
 .hero-discovery-heading h2{font-size:44px}.hero-discovery-heading p{font-size:9px}.hero-discovery-controls{width:440px}.hero-detail-trigger{min-height:46px;font-size:13px;padding:0 15px}
}
@media(orientation:portrait) and (max-height:650px){
 .hero-discovery-heading{top:calc(var(--header-height) + 16px)}.hero-discovery-heading p{font-size:6px;margin-bottom:7px}.hero-discovery-heading h2{font-size:29px}
 .hero-discovery-controls{bottom:76px;width:calc(100% - 30px);gap:6px}.hero-detail-trigger{padding:0 9px;min-height:42px;font-size:10px;gap:5px}.hero-detail-trigger svg{width:15px;height:15px}
 .hero-detail{bottom:128px;max-height:calc(100svh - var(--header-height) - 152px);padding:17px;width:calc(100% - 30px);border-radius:19px}
 .hero-detail-heading{margin-bottom:13px}.hero-detail-heading h3{font-size:19px}.hero-detail-measures dd{font-size:23px}.hero-detail dt{font-size:10px}
 .hero-sensors li{font-size:11px;min-height:32px;padding:4px 0}.hero-otis{padding-top:12px}
}
@media(prefers-reduced-motion:reduce){.hero-detail{animation:none}.hero-otis-signal i{animation:none;opacity:1}.hero-detail-trigger,.hero-detail-trigger i{transition:none}}