/* ElektroBubbles 5.0 — standalone, zero-dependency 3D experience */
:root{--eb-lime:#abf56e;--eb-ink:#061710}
.header{background:rgba(3,20,16,.94)}
.hero.eb5-hero{display:grid;grid-template-columns:minmax(380px,42%) minmax(0,58%);height:min(770px,calc(100svh - 76px));min-height:650px;position:relative;background:#031712;border-bottom:1px solid #25563e;overflow:hidden}
.eb5-hero>.container{grid-area:auto!important;grid-column:1;grid-row:1;margin:0!important;width:100%!important;max-width:none!important;position:relative;z-index:3;display:flex;align-items:center;padding:54px 0 70px max(28px,calc((100vw - 1170px)/2));background:radial-gradient(circle at 14% 38%,#0d3229 0,transparent 65%),#051b16}
.eb5-hero .hero-content{padding:0 34px 0 0;max-width:630px;position:relative}
.eb5-hero .eyebrow{font-size:.7rem;letter-spacing:.22em}.eb5-hero h1{font-size:clamp(2.5rem,4.2vw,5.1rem);max-width:680px;font-weight:830;line-height:1.08;margin:20px 0 27px;letter-spacing:-.052em}
.eb5-hero .lead{color:#c7ded1;font-size:clamp(.95rem,1.15vw,1.07rem);line-height:1.85;max-width:490px}.eb5-hero .btn{border-radius:4px}.eb5-hero .actions{margin-top:33px}
.eb5-hero .hero-visual{grid-column:2;grid-row:1;inset:auto!important;position:relative!important;min-height:0!important;width:100%;height:100%;opacity:1!important;background:radial-gradient(circle at 48% 36%,#163c30 0%,#081d19 44%,#031510 90%);isolation:isolate;overflow:hidden}
#factory3d{display:block;position:absolute;inset:0;width:100%;height:100%;touch-action:pan-y;cursor:grab}#factory3d:active{cursor:grabbing}
.eb5-gridmask{position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#93f97b0a 1px,transparent 1px),linear-gradient(90deg,#93f97b09 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,#0008,transparent 80%)}
.eb5-scene-label{position:absolute;left:26px;top:29px;pointer-events:none;z-index:1;display:flex;align-items:center;gap:9px;font-size:.66rem;letter-spacing:.2em;color:#c6e7cf;text-transform:uppercase}.eb5-pulse{width:8px;height:8px;border-radius:50%;background:var(--eb-lime);box-shadow:0 0 18px #a8ff73}
.eb5-scene-counter{position:absolute;right:20px;top:24px;pointer-events:none;z-index:1;font:600 11px ui-monospace,monospace;color:#8dd5a2;letter-spacing:.1em}
.eb5-controls{position:absolute;left:22px;right:22px;bottom:20px;z-index:4;background:rgba(4,23,19,.87);border:1px solid #477a60;border-radius:13px;padding:14px;box-shadow:0 15px 45px #0007;backdrop-filter:blur(10px)}
.eb5-controls-top{display:flex;justify-content:space-between;gap:12px;align-items:center;margin-bottom:11px}.eb5-controls-title{color:#a5d9b7;font-size:.68rem;letter-spacing:.17em;text-transform:uppercase}.eb5-controls-hint{font-size:.7rem;color:#a4bdaf;text-align:right}
.eb5-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:7px}.eb5-stage{appearance:none;min-width:0;border:1px solid #3a5a4b;background:#11291f;color:#d5e9dc;text-align:left;border-radius:7px;padding:11px 10px;cursor:pointer;transition:.2s;display:flex;flex-direction:column;gap:5px}.eb5-stage:hover{background:#1a4131;border-color:#a8ff79}.eb5-stage[aria-pressed="true"]{background:#9ef36d;border-color:#9ef36d;color:#0b2316}.eb5-stage-num{font:700 .72rem ui-monospace,monospace;opacity:.7}.eb5-stage-name{font-size:.7rem;font-weight:750;line-height:1.25}
.eb5-stage-detail{margin-top:11px;color:#d6e8dc;min-height:19px;font-size:.73rem}.eb5-toolrow{position:absolute;right:22px;bottom:173px;display:flex;gap:6px;z-index:4}.eb5-tool{background:#0a2720ce;border:1px solid #56816a;border-radius:7px;color:#e9f8ee;padding:8px 10px;cursor:pointer;font-size:.71rem}.eb5-tool:hover{border-color:#adff73;color:#adff73}
.eb5-tagline{display:flex;gap:9px;align-items:center;font:.72rem ui-monospace,monospace;letter-spacing:.12em;color:#9edab0;margin-top:27px}.eb5-tagline:before{content:'';width:25px;height:1px;background:#a8ef66}
.eb5-introband{background:#0b2a20;border-bottom:1px solid #315d43}.eb5-introband .container{display:flex;align-items:center;gap:26px;justify-content:space-between;padding-block:28px}.eb5-introband strong{font-size:1.1rem}.eb5-introband small{display:block;color:#a7bfad;letter-spacing:.11em;font-size:.65rem;text-transform:uppercase}.eb5-introband a{color:var(--eb-lime);white-space:nowrap}
.eb5-annotation{position:absolute;top:32%;left:49%;z-index:2;pointer-events:none;color:#d9fae7;font:.64rem ui-monospace,monospace;letter-spacing:.1em;border-left:1px solid #a8f978;padding:8px 10px;background:#001e158a;transition:transform .5s,opacity .5s}.eb5-annotation strong{display:block;font-weight:750;font-size:.78rem;color:#abf56e;letter-spacing:.02em;margin-bottom:2px}
@media(max-width:1080px){.hero.eb5-hero{grid-template-columns:42% 58%}.eb5-hero>.container{padding-left:28px}.eb5-hero h1{font-size:clamp(2.25rem,3.7vw,3.4rem)}.eb5-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.eb5-controls{bottom:12px}.eb5-toolrow{bottom:226px}.eb5-stage{padding:7px}.eb5-scene-counter{display:none}}
@media(max-width:830px){.hero.eb5-hero{display:flex;flex-direction:column;height:auto;min-height:0}.eb5-hero>.container{order:1;padding:56px 24px 40px;background:#051b16}.eb5-hero .hero-content{padding:0}.eb5-hero h1{font-size:clamp(2.55rem,8vw,4rem)}.eb5-hero .hero-visual{order:2;height:620px;min-height:620px!important}.eb5-stages{grid-template-columns:repeat(4,minmax(0,1fr))}.eb5-toolrow{bottom:178px}.eb5-introband .container{flex-wrap:wrap}.eb5-annotation{display:none}}
@media(max-width:540px){.eb5-hero .hero-visual{height:570px;min-height:570px!important}.eb5-stages{grid-template-columns:repeat(2,minmax(0,1fr))}.eb5-toolrow{bottom:227px}.eb5-controls{left:10px;right:10px;padding:10px}.eb5-controls-hint{font-size:.6rem}.eb5-hero .actions{gap:8px}.eb5-scene-label{left:14px}.eb5-introband .container{padding:20px 0}}
@media(prefers-reduced-motion:reduce){.eb5-stage{transition:none} }