/* AED100Plus interactive concept. Product asset remains an independent image. */
html{scroll-padding-top:84px}
body{background:#030708}
.site-header{background:transparent;color:#fff}
.site-header .nav-links,.site-header .nav-action{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(-9px);transition:opacity .32s,transform .32s,visibility .32s}
.site-header.journey-nav{background:#061516ed;backdrop-filter:blur(20px);box-shadow:0 10px 38px #0006}
.site-header.journey-nav .nav-links,.site-header.journey-nav .nav-action,.site-header.open .nav-links{opacity:1;visibility:visible;pointer-events:auto;transform:none}
.site-header .brand{transition:opacity .3s}.site-header:not(.journey-nav) .brand{opacity:.82}
.nav-links a.active{color:#9af0b4}
.experience{height:300svh;min-height:1700px;background:#000;color:#fff;position:relative;isolation:isolate}
.experience-scene{position:sticky;top:0;height:100svh;min-height:570px;overflow:hidden;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:86px 20px 45px;z-index:1}
.experience-scene:before{content:"";position:absolute;inset:-20%;z-index:-2;background:radial-gradient(ellipse 38% 38% at 50% 49%,#245c48a1 0%,#11362855 38%,transparent 85%),radial-gradient(ellipse 68% 65% at 50% 15%,#fff4 0%,#a4d9ba14 30%,transparent 68%),linear-gradient(180deg,#0b1618,#020607 75%);opacity:.65;animation:light-breathe 8s ease-in-out infinite alternate}
.experience-scene:after{content:"";position:absolute;inset:auto 0 0;height:29%;pointer-events:none;z-index:-1;background:radial-gradient(ellipse 45% 38% at 50% 53%,#55b47732,transparent 85%)}
.scene-light{position:absolute;z-index:-1;top:-20%;width:30%;height:95%;background:linear-gradient(180deg,#effff021,transparent);filter:blur(58px);transform-origin:50% 0;opacity:.7;pointer-events:none}.scene-light.left{left:23%;transform:rotate(18deg)}.scene-light.right{right:23%;transform:rotate(-18deg)}
.scene-blackout{position:absolute;inset:0;z-index:0;background:#000;opacity:0;pointer-events:none}
.scene-heading{text-align:center;position:relative;z-index:1;margin:0 0 10px;transition:opacity .18s,transform .18s}.scene-heading .kicker{display:inline-flex;align-items:center;gap:11px;color:#a5efbc;font-size:.69rem;letter-spacing:.23em;font-family:Arial,sans-serif;font-weight:700;direction:ltr}.scene-heading .kicker:before,.scene-heading .kicker:after{content:"";display:block;width:26px;height:1px;background:#8ee8ab88}.scene-heading h1{font-family:Arial,sans-serif;direction:ltr;line-height:1.1;letter-spacing:-.06em;margin:5px 0 2px;font-size:clamp(2.6rem,5vw,4.4rem)}.scene-heading h1 span{color:#52d98c}.scene-heading p{margin:0;color:#b4ccc1;font-size:.84rem;letter-spacing:-.01em}
.device-zone{position:relative;container-type:inline-size;z-index:1;width:min(94vw,calc((100svh - 270px)*1.5),1080px);flex:none;filter:drop-shadow(0 34px 44px #000e) drop-shadow(0 0 36px #8fe8b935);transform-origin:50% 55%;transition:filter .65s;will-change:transform,opacity}
.device-zone.powered{filter:drop-shadow(0 34px 45px #000e) drop-shadow(0 0 52px #52db8275)}
.device-image{width:100%;height:auto;aspect-ratio:3/2;object-fit:contain;user-select:none;pointer-events:none;position:relative;z-index:1}
.device-brandplate{position:absolute;z-index:3;left:34%;top:24.05%;width:40.4%;color:#27302e;font:700 1.62cqw/1.3 Arial,sans-serif;text-align:center;white-space:nowrap;letter-spacing:-.025em;transform:rotate(1.4deg);text-shadow:0 1px 0 #fff9;pointer-events:none}
.device-screen{position:absolute;z-index:2;left:33.85%;top:30.08%;width:41.02%;height:42.38%;container-type:inline-size;-webkit-clip-path:url(#device-screen-clip);clip-path:url(#device-screen-clip);overflow:hidden;background:#051117;color:#e0faed;opacity:0;transition:opacity .55s;box-shadow:inset 0 0 18px #000b;direction:ltr}
.device-screen:after{content:"";position:absolute;inset:0;z-index:6;pointer-events:none;background:linear-gradient(137deg,#ffffff10 0%,transparent 35%,transparent 72%,#b6ffe207 100%);box-shadow:inset 0 0 0 1px #afffe325}
.device-zone.powered .device-screen{opacity:1;box-shadow:inset 0 0 14px #0007,0 0 23px #38e88d26}
.boot-screen{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2cqw;padding:6%;background:radial-gradient(ellipse at 50% 38%,#114c37,#06151c 73%);font-family:Arial,sans-serif;transition:opacity .4s;text-align:center}
.boot-emblem{display:grid;place-items:center;width:13cqw;height:13cqw;border:1px solid #b0ffd372;border-radius:3.5cqw;background:#7efebc16;color:#97f6bd;box-shadow:0 0 25px #53e99620}
.boot-emblem .ui-icon{width:8cqw;height:8cqw}
.boot-company{font-size:4.7cqw;font-weight:700;line-height:1.4;max-width:95%;color:#e0ffe9;letter-spacing:-.02em}
.boot-model{font-size:3.5cqw;letter-spacing:.19em;color:#87dbae}
.boot-progress{height:1cqw;width:49%;margin-top:2cqw;background:#ffffff12;border-radius:20px;overflow:hidden}
.boot-dots{display:block;height:100%;width:100%;background:linear-gradient(90deg,#279c6e,#b1ffbe);border-radius:20px;transform:scaleX(0);transform-origin:left}
.device-zone.powered .boot-dots{animation:boot-line 2.1s cubic-bezier(.2,.6,.25,1) both}
.boot-caption{font-size:1.9cqw;letter-spacing:.15em;color:#7dad98;margin-top:1cqw}
.screen-live{position:absolute;inset:0;display:flex;flex-direction:column;padding:3%;gap:2%;opacity:0;transition:opacity .4s;background:radial-gradient(ellipse at 100% 0,#16493933,transparent 70%)}
.device-zone.ready .screen-live{opacity:1}.device-zone.ready .boot-screen{opacity:0;pointer-events:none}
.screen-status{display:flex;justify-content:space-between;align-items:center;flex:0 0 8%;font-family:Arial,sans-serif;font-size:2.55cqw;line-height:1.2;letter-spacing:.025em}
.screen-status strong{font-size:3.1cqw;color:#e8fff2}.screen-status strong span{color:#67e69f}.screen-state{display:flex;align-items:center;gap:1.1cqw;color:#a4c9b9;font-size:1.8cqw;letter-spacing:.07em}.screen-state i{width:1cqw;height:1cqw;border-radius:50%;background:#6df6a9;box-shadow:0 0 5px #80ffb8}.battery{color:#91d8b0;font-size:2.2cqw}
.monitor-panel{display:flex;align-items:stretch;flex:0 0 29%;overflow:hidden;border:1px solid #8bdcba21;border-radius:2cqw;background-color:#081e22;background-image:linear-gradient(#82d4b309 1px,transparent 1px),linear-gradient(90deg,#82d4b309 1px,transparent 1px);background-size:4cqw 4cqw}
.ecg-chart{position:relative;flex:1;min-width:0}.ecg-label{position:absolute;top:8%;left:4%;font:1.8cqw Arial,sans-serif;letter-spacing:.08em;color:#7acbad}
.screen-wave{position:absolute;inset:11% 0 0;width:100%;height:89%;overflow:hidden;filter:drop-shadow(0 0 3px #48f69575)}
.ecg-track{fill:none;stroke:#64f7a8;stroke-width:2.2;stroke-linecap:round;stroke-linejoin:round;animation:ecg-flow 2.5s linear infinite;animation-play-state:paused;will-change:transform}
.device-zone.ready .ecg-track{animation-play-state:running}
.heart-metric{width:21%;display:grid;align-content:center;justify-items:center;position:relative;border-left:1px solid #8bdcba18;font-family:Arial,sans-serif;line-height:1;color:#80f4ae;background:#12392b45}
.heart-metric .ui-icon{width:3.5cqw;height:3.5cqw;fill:currentColor;stroke-width:0;animation:heart-beat .833333333s ease-out infinite;animation-play-state:paused;margin-bottom:1cqw}.device-zone.ready .heart-metric .ui-icon{animation-play-state:running}
.heart-metric strong{font-size:9cqw;font-weight:700;letter-spacing:-.045em}.heart-metric small{font-size:2.1cqw;color:#6cab89;margin-top:.5cqw}
.screen-cards{display:grid;grid-template-columns:1fr 1fr;grid-template-rows:1fr 1fr;gap:5%;flex:1;min-height:0;padding-top:1%}
.screen-card{display:flex;align-items:center;gap:6%;min-width:0;padding:4% 5%;position:relative;isolation:isolate;border:1px solid #95dbb834;border-radius:2.6cqw;background:linear-gradient(135deg,#1f484b,#10272d);color:#ecfff7;box-shadow:inset 0 1px 0 #d4ffe80c,0 4px 8px #0003;transition:transform .18s,background .18s,border-color .18s,box-shadow .18s;overflow:hidden}
.screen-card:before{content:"";position:absolute;inset:0;background:linear-gradient(120deg,transparent 10%,#b3ffd416 40%,transparent 65%);transform:translateX(120%);transition:transform .5s;z-index:-1}
.screen-card:hover,.screen-card:focus-visible{background:linear-gradient(135deg,#23674f,#144133);border-color:#87f9b29e;box-shadow:0 0 17px #3fff8b21;transform:translateY(-2px)}
.screen-card:hover:before,.screen-card:focus-visible:before{transform:translateX(-100%)}.screen-card:active{transform:scale(.97)}.screen-card:focus-visible{outline:2px solid #f2ffe8;outline-offset:-2px}
.card-icon{display:grid;place-items:center;width:8.7cqw;height:8.7cqw;flex-shrink:0;border-radius:2.4cqw;color:#affbc9;background:linear-gradient(135deg,#50d38638,#50d3860a);border:1px solid #71f9ad30}
.card-icon .ui-icon{width:5.4cqw;height:5.4cqw}.card-copy{min-width:0;display:flex;flex-direction:column;gap:.6cqw}.card-copy strong{font-size:3.5cqw;line-height:1.4;white-space:nowrap;font-weight:700}.card-copy small{font-size:2.25cqw;color:#84ad9f;white-space:nowrap;line-height:1.2}.screen-card>.ui-icon{width:3cqw;height:3cqw;flex-shrink:0;margin-right:auto;opacity:.5}
.card-features .card-icon{color:#a0e6f5;background:linear-gradient(135deg,#409ac438,#409ac408);border-color:#7bcbe430}.card-learn .card-icon{color:#d1ebc5;background:linear-gradient(135deg,#76a34a38,#76a34a08);border-color:#bdd58930}.card-contact .card-icon{color:#9eeadd;background:linear-gradient(135deg,#399c9438,#399c9408);border-color:#59cab930}
.screen-hint{font-size:2.1cqw;text-align:center;color:#6c9d89;flex:0 0 auto;line-height:1.3;padding-top:1.7%}
.power-hit{position:absolute;z-index:4;left:82.55%;top:47.05%;transform:translate(-50%,-50%);width:max(7.45%,44px);aspect-ratio:1;border:0;border-radius:50%;background:transparent;color:transparent;outline-offset:3px;cursor:pointer}.power-hit:hover:after{border-color:#bdffd0a3;box-shadow:0 0 24px 9px #30f47048}.power-hit:focus-visible{outline:3px solid #f8ffb8;box-shadow:0 0 0 6px #158b4c99}.device-zone.powered .power-hit:hover:after{box-shadow:0 0 20px 7px #4beb7e58}
.scene-menu{z-index:2;position:relative;display:flex;align-items:center;justify-content:center;gap:7px;flex-wrap:wrap;margin-top:-9px;min-height:44px;opacity:0;transform:translateY(12px);pointer-events:none;transition:opacity .45s,transform .45s}.experience-scene.is-ready .scene-menu{opacity:1;transform:none;pointer-events:auto}.scene-menu a{border:1px solid #8ff0ad58;background:#0d342bbb;color:#d8ffe3;padding:7px 15px;border-radius:100px;font-size:.79rem;font-weight:800;backdrop-filter:blur(12px);transition:background .2s,transform .2s}.scene-menu a:hover,.scene-menu a:focus-visible{background:#26734a;transform:translateY(-3px)}
.scene-instruction{position:relative;z-index:2;color:#b6dfc3;font-size:.82rem;margin-top:5px;min-height:25px;text-align:center;transition:opacity .3s}.scene-instruction span{display:inline-block;color:#93ffae;margin-inline:4px;font-size:1.1rem;animation:point 1.8s ease-in-out infinite}.experience-scene.is-ready .scene-instruction{opacity:0;pointer-events:none;height:0;margin:0;min-height:0}.scene-scroll{position:absolute;bottom:21px;color:#85a999;font-size:.73rem;display:flex;align-items:center;gap:9px}.scene-scroll:after{content:"↓";font-size:1.1rem;color:#9be8ac}.scene-caption{position:absolute;bottom:22px;left:24px;color:#789486;font-family:Arial,sans-serif;font-size:.62rem;letter-spacing:.15em;direction:ltr}
.intro{position:relative;z-index:4;margin-top:-100svh;border-top:1px solid #cbf3d221;border-radius:30px 30px 0 0;box-shadow:0 -28px 80px #0007}
@keyframes light-breathe{from{opacity:.55;transform:scale(1)}to{opacity:.84;transform:scale(1.06)}}@keyframes boot-line{from{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes ecg-draw{0%{stroke-dashoffset:650}55%,100%{stroke-dashoffset:0}}@keyframes point{50%{transform:translateY(5px)}}
@media(max-width:720px){.site-header:not(.journey-nav):not(.open){background:transparent}.site-header.open{background:#061516f2}.site-header .menu-button{display:block}.site-header:not(.journey-nav):not(.open) .menu-button{opacity:.75}.site-header.journey-nav .nav-links{opacity:0;visibility:hidden;pointer-events:none}.site-header.open .nav-links{opacity:1;visibility:visible;pointer-events:auto}.experience{height:270svh;min-height:1350px}.experience-scene{padding:95px 10px 48px}.device-zone{width:min(98vw,calc((100svh - 260px)*1.5))}.scene-heading h1{font-size:2.55rem}.scene-heading p{font-size:.74rem}.scene-menu{max-width:430px;margin-top:0;gap:6px}.scene-menu a{font-size:.73rem;padding:7px 11px}.scene-caption{display:none}.power-hit{width:max(8.6%,44px)}}
@media(max-width:420px){.experience-scene{padding-top:74px}.scene-heading .kicker{font-size:.55rem}.scene-heading h1{font-size:2.15rem}.device-zone{width:100vw}.scene-menu{padding:0 8px}.scene-menu a{padding:6px 9px;font-size:.69rem}.scene-instruction{font-size:.72rem}.scene-scroll{bottom:13px}}
@media(max-height:680px){.scene-heading h1{font-size:2rem}.scene-heading p{font-size:.75rem}.device-zone{width:min(86vw,calc((100svh - 200px)*1.5),940px)}.scene-scroll{display:none}}
@media(prefers-reduced-motion:reduce){.experience-scene:before,.scene-instruction span,.boot-dots,.screen-wave polyline{animation:none!important}.screen-wave polyline{stroke-dashoffset:0!important}.device-zone,.scene-heading,.scene-menu,.device-screen{transition:none!important}}

.icon-library{position:absolute;width:0;height:0;overflow:hidden;pointer-events:none}.ui-icon{display:block;width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round}
html.power-locked{height:100%;overflow:hidden;overscroll-behavior:none}
html.power-locked body{position:fixed;inset:0;width:100%;height:100%;overflow:hidden;touch-action:pinch-zoom}
.power-locked .menu-button{visibility:hidden}.power-locked .scene-scroll{cursor:default;color:#6c9280}.power-locked .scene-scroll:after{content:""}
.device-image{filter:brightness(.91) contrast(1.04);transition:filter 1.1s}.device-zone.powered .device-image{filter:brightness(1.02) contrast(1.025)}
.device-zone:before{content:"";position:absolute;inset:14% 8% 7%;z-index:0;background:radial-gradient(ellipse at 50% 66%,#4cf4a024,transparent 70%);filter:blur(24px);opacity:.3;transition:opacity 1s}.device-zone.powered:before{opacity:1}
.power-hit:after{content:"";position:absolute;left:50%;top:50%;width:7.45cqw;height:7.45cqw;transform:translate(-50%,-50%);border-radius:50%;border:1px solid #aeffc784;box-shadow:0 0 20px #57ff9475;animation:power-beacon 2.4s ease-out infinite;pointer-events:none}.device-zone.powered .power-hit:after{animation:none;border-color:#b6ffdb33;box-shadow:0 0 14px #63ffa4a0}
.scene-menu a{display:flex;align-items:center;gap:8px;padding:10px 16px;font-size:.8rem}.scene-menu .ui-icon{width:19px;height:19px;color:#a8f5c2}.scene-menu a>.ui-icon:last-child{width:14px;height:14px;opacity:.55;margin-right:5px}
.scene-instruction{padding-inline:12px}.scene-instruction.nudge{color:#c6ffbd;animation:hint-glow .55s ease-out}
@keyframes ecg-flow{from{transform:translateX(0)}to{transform:translateX(-600px)}}
@keyframes heart-beat{0%,48%,100%{transform:scale(1);opacity:.8}18%{transform:scale(1.22);opacity:1}}
@keyframes power-beacon{0%{transform:translate(-50%,-50%) scale(1);opacity:.8}80%,100%{transform:translate(-50%,-50%) scale(1.42);opacity:0}}
@keyframes hint-glow{50%{text-shadow:0 0 18px #6bff95}}
@media(max-width:720px){.scene-menu{display:grid;grid-template-columns:1fr 1fr;width:min(92vw,430px);gap:8px;margin-top:10px}.scene-menu a{padding:12px 13px;border-radius:13px;font-size:.88rem;justify-content:flex-start;min-height:48px}.scene-menu a>.ui-icon:last-child{margin-right:auto}.scene-menu .ui-icon{width:22px;height:22px}.card-copy small{display:none}.card-copy strong{font-size:3.65cqw}.screen-hint{font-size:2.2cqw}.scene-instruction{margin-top:12px}.device-brandplate{font-size:1.62cqw}}
@media(max-height:680px) and (min-width:721px){.scene-menu a{padding:6px 12px}.scene-heading .kicker{font-size:.6rem}}
@media(prefers-reduced-motion:reduce){.ecg-track,.heart-metric .ui-icon,.power-hit:after,.device-zone.powered .boot-dots{animation:none!important}.device-zone.powered .boot-dots{transform:scaleX(1)}.screen-card:before{display:none}}

.screen-card.active{border-color:#89efaf85;background:linear-gradient(135deg,#265e48,#143b2f)}.scene-menu a.active{background:#21583e;border-color:#88e9ad80}