/* DIYIA / V23 — coherent editorial design system.
   All visual effects use opacity/transform. No video compositing filters or page-wide blur. */
:root {
  --accent:#f58220;
  --accent-2:#f58220;
  --light:#f2f0eb;
  --light-text:#171817;
  --bg:#080909;
  --bg-soft:#0d0f0e;
  --text:#f6f5f2;
  --text-muted:#b5b9b6;
  --container:min(1320px,calc(100vw - 5rem));
  --section-pad:clamp(5.5rem,8.5vw,10rem);
}
html{scroll-padding-top:96px}
body{background:var(--bg);color:var(--text)}
::selection{background:#f58220;color:#161616}
a,button{-webkit-tap-highlight-color:transparent}
button:focus-visible,a:focus-visible,.drag-card:focus-visible{outline:2px solid #ffab5c;outline-offset:4px}
.container{max-width:1320px}
h1,h2,h3{letter-spacing:-.055em}
h2{font-size:clamp(2.5rem,4.9vw,5.25rem);line-height:1.05}
h2 em{font-weight:300;font-style:normal;color:#f58220}
h3{line-height:1.18}
.section-title{max-width:910px;margin-bottom:3.2rem}
.section-title h2{font-size:clamp(2.7rem,4.8vw,4.7rem);line-height:1.08}
.section-title p.lead{max-width:780px}
.section-shell{padding:var(--section-pad) 0}
.eyebrow,.overline{font-size:.72rem;font-weight:600;letter-spacing:.19em;line-height:1.4}
.eyebrow::before,.overline::before{box-shadow:none;width:5px;height:5px}
.lead{color:#b8beb9;line-height:1.7}
.light-surface .lead,.process-strip .lead{color:#525953}
.small{line-height:1.6}

/* A single restrained site bar; no pill-button wall or secondary navigation rail. */
.site-header{inset:0 0 auto;z-index:110}
.site-header .nav-wrap,
.site-header.scrolled .nav-wrap{
  position:relative;
  width:min(1480px,calc(100vw - 4rem));
  min-height:84px;
  display:grid;
  grid-template-columns:minmax(220px,auto) minmax(0,1fr);
  align-items:center;
  padding:0 1rem;
  margin:0 auto;
  background:transparent!important;
  border:0;
  border-radius:0;
  backdrop-filter:none!important;
  -webkit-backdrop-filter:none!important;
  gap:2rem;
}
.site-header{border-bottom:1px solid rgba(255,255,255,.13);background:rgba(6,8,7,.66)}
.site-header.scrolled{background:#0b0d0c;border-bottom-color:rgba(255,255,255,.08)}
.brand{display:inline-flex;gap:.85rem;align-items:center;width:max-content}
.brand-mark{width:42px;height:42px}
.brand-copy{gap:0}
.brand-copy strong{font-size:1.23rem;line-height:1;letter-spacing:-.07em;font-weight:700}
.brand-copy small{margin-top:.35rem;color:#aeb4af;font-size:.62rem;letter-spacing:.18em;white-space:nowrap}
.main-nav{display:flex;align-items:center;justify-content:flex-end;gap:clamp(.3rem,1.2vw,1.5rem);flex-wrap:nowrap}
.nav-link{
  position:relative;white-space:nowrap;background:none;color:#d9dcd8;
  padding:1.25rem .56rem;border:0;border-radius:0;font-weight:500;font-size:.87rem;
  transition:color .2s ease;
}
.nav-link::after{position:absolute;content:'';height:2px;left:.56rem;right:.56rem;bottom:1rem;background:#f58220;transform:scaleX(0);transform-origin:left;transition:transform .26s ease}
.nav-link:hover,.nav-link.active,.nav-link[aria-current="page"]{background:none;border:0;color:#fff}
.nav-link:hover::after,.nav-link[aria-current="page"]::after{transform:scaleX(1)}
.nav-cta{
  margin-left:clamp(.4rem,2vw,2rem);border:1px solid #f58220;background:#f58220;color:#111;
  border-radius:5px;padding:.86rem 1rem;font-weight:700;font-size:.82rem;letter-spacing:0;
  white-space:nowrap;
}
.nav-cta:hover{background:#ff9a42;border-color:#ff9a42;transform:translateY(-1px)}
.nav-cta span{font-size:1.1rem;font-weight:400;line-height:0}
.nav-toggle{grid-column:2;justify-self:end}
/* Sticky second menu in earlier releases was visual clutter. */
.anchor-rail{display:none!important}

/* Cinematic hero: footage and typography are the protagonists, not overlapping cards. */
.hero-cinematic,.page-hero{min-height:100svh;padding:8rem 0 5.6rem;align-items:center;background:#080909}
.hero-panel,.page-hero-panel{
  display:flex!important;align-items:center!important;
  width:var(--container)!important;max-width:1320px;margin:0 auto;
  padding-bottom:0!important;position:relative;
}
.hero-copy,.page-hero-copy{max-width:min(840px,85%)}
.hero-copy h1{font-size:clamp(4rem,7.25vw,7.1rem);line-height:1.025;max-width:850px;font-weight:400;letter-spacing:-.072em}
.page-hero-copy h1{font-size:clamp(3.6rem,6.2vw,6.4rem);line-height:1.05;max-width:870px;font-weight:400}
.hero-copy h1 em,.page-hero-copy h1 em{color:#f78a31;font-style:normal}
.hero-copy .lead,.page-hero-copy .lead{max-width:620px;color:#e4e5e1;font-size:clamp(1.04rem,1.35vw,1.22rem);line-height:1.75}
.hero-actions,.page-actions{margin-top:2.1rem;gap:.75rem}
.button,.nav-cta,.footer-button{border-radius:5px}
.button{background:#f58220;color:#111;border-color:#f58220;padding:.98rem 1.45rem;font-size:.94rem;font-weight:700}
.button:hover{background:#ff9d4c;border-color:#ff9d4c}
.button-ghost,.button-secondary{border:1px solid rgba(255,255,255,.39);color:#fff;padding:.98rem 1.45rem;border-radius:5px;font-size:.94rem}
.button-ghost:hover,.button-secondary:hover{border-color:#fff;background:rgba(255,255,255,.1)}
.hero-meta{margin-top:2.5rem;color:#d3d4cf;font-size:.77rem;letter-spacing:.08em;gap:1.2rem}
.hero-meta span{gap:0}
.hero-bottom-line{background:none;border-top:1px solid rgba(255,255,255,.15);bottom:0;padding:.85rem 0}
.hero-bottom-line .container{width:var(--container);font-size:.64rem;letter-spacing:.16em}
.film-toggle{font-size:.72rem;border-radius:5px;background:rgba(0,0,0,.7);padding:.5rem .7rem}
.hero-media::after,.page-hero-media::after{
  background:linear-gradient(90deg,rgba(0,0,0,.83) 0%,rgba(0,0,0,.55) 38%,rgba(0,0,0,.12) 88%),linear-gradient(0deg,rgba(0,0,0,.7),transparent 45%)!important;
}
.hero-cinematic .floating-card,.page-hero .floating-card{display:none!important}
.page-hero{min-height:83svh}
.page-breadcrumbs{font-size:.72rem;letter-spacing:.04em;color:#b4b8b4;margin-bottom:2rem}
.page-hero .page-hero-panel{padding:3rem 0 1rem!important}
.page-hero .hero-bottom-line{display:none}
/* Fallback art never sits on top of a decoded, playing video. */
.hero-media.video-playing .hero-photo,.page-hero-media.video-playing .page-hero-photo,
.gateway-media.video-playing>img,.cinema-media.video-playing>.cinema-poster,
.feature-video-shell.video-playing>.cinema-poster,.film-interlude-media.video-playing>img{display:none!important}

/* Quiet capability rail; no endless, expensive moving marquee. */
.signal-marquee{background:#111411;border-color:rgba(255,255,255,.08)}
.signal-track{animation:none!important;justify-content:center;gap:clamp(.8rem,2.1vw,2.6rem);min-width:100%;flex-wrap:wrap;padding:1.5rem 1rem}
.signal-track span{font-size:.68rem;letter-spacing:.16em;color:#a9aea9}
.signal-track i{width:4px;height:4px}
.signal-track>*:nth-child(n+13){display:none}

/* Editorial whitespace and one strong statement instead of a yellow billboard. */
.statement-band{
  min-height:0;padding:clamp(6rem,10vw,12rem) 0;background:#f0eee8;color:#131613;
}
.statement-band .container{display:grid;grid-template-columns:minmax(0,.27fr) minmax(0,1fr);align-items:start;gap:2rem}
.statement-band .overline{color:#6f766e;font-size:.7rem;margin-top:.65rem}
.statement-band h2{grid-column:2;max-width:1020px;font-size:clamp(3rem,6vw,6.25rem);font-weight:400;line-height:1.09;letter-spacing:-.07em}
.statement-band p:last-child{grid-column:2;max-width:550px;color:#555d54;font-size:1.05rem;line-height:1.8}

/* Film architecture: strong media blocks, no offset cards or artificial shadows. */
.cinema-showcase{padding:7rem 0 8rem;background:#0a0c0b}
.cinema-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:1.1rem;align-items:stretch}
.cinema-card,.cinema-card.alt{min-height:clamp(490px,47vw,640px);border-radius:8px;transform:none!important;border:1px solid rgba(255,255,255,.07)}
.cinema-card .cinema-copy{max-width:95%;padding:clamp(1.4rem,3vw,3.1rem)}
.cinema-copy h3{font-weight:400;font-size:clamp(2.15rem,3vw,3.6rem);max-width:590px}
.cinema-copy p{font-size:1rem;line-height:1.7;max-width:470px;color:#d6dad5}
.cinema-kicker,.feature-tag{font-size:.63rem;letter-spacing:.2em;padding:.5rem .7rem;border-radius:4px}
.cinema-overlay{background:linear-gradient(0deg,rgba(0,0,0,.9),rgba(0,0,0,.03) 75%)}

.services-gateway{padding:var(--section-pad) 0;background:#101210}
.gateway-grid{gap:1.1rem}
.gateway-card{min-height:580px;border-radius:8px;border-color:#30332f}
.gateway-content{max-width:100%;padding:clamp(1.6rem,3vw,3rem);gap:.75rem}
.gateway-content h3{font-size:clamp(2.5rem,3.6vw,4.15rem);font-weight:400;max-width:590px}
.gateway-content p{max-width:440px;color:#dbdeda;font-size:1rem;line-height:1.7}
.gateway-index{font-size:.65rem;letter-spacing:.2em;color:#ff9d4c}
.gateway-link{font-size:.8rem;letter-spacing:.05em;margin-top:.5rem;border-bottom:1px solid rgba(255,255,255,.65);width:max-content;padding-bottom:.3rem}
.gateway-card::before{background:linear-gradient(0deg,rgba(0,0,0,.93),rgba(0,0,0,.05) 75%)}
.quick-facts{border:0;background:transparent;border-top:1px solid #343731;border-bottom:1px solid #343731;border-radius:0;margin-top:4rem}
.quick-facts article{background:transparent;padding:1.7rem 1.3rem;border-right:1px solid #343731}
.quick-facts article:last-child{border:0}
.quick-facts article b{font-size:1.4rem;color:#f58220;margin-bottom:.85rem}
.quick-facts article span{font-size:.84rem;color:#c9cdc8;line-height:1.6}

/* Definitively eliminate the overlapping workflow cards. All four share one grid row. */
.process-strip{padding:var(--section-pad) 0;background:#f0eee8;color:#171917}
.process-heading{display:grid;grid-template-columns:minmax(0,.45fr) minmax(0,1fr);gap:1rem 3rem;align-items:start;margin-bottom:3.8rem}
.process-heading>.overline{grid-row:span 2;margin-top:.65rem;color:#646b63}
.process-heading h2{max-width:950px;font-size:clamp(3rem,5.2vw,5.2rem);font-weight:400}
.process-heading p{grid-column:2;max-width:620px;font-size:1.06rem;color:#50574f;line-height:1.8}
.system-frame{
  min-height:0;display:block;overflow:hidden;padding:clamp(1.2rem,3vw,2.5rem);
  background:#101310;border-radius:10px;border-color:#303830;
}
.system-head{display:flex;justify-content:space-between;align-items:center;padding-bottom:1.7rem;color:#a7afa6;border-bottom:1px solid #313932;font-size:.64rem;letter-spacing:.22em}
.system-head span:last-child{font-size:1.05rem;color:#f58220;font-weight:600;letter-spacing:.1em}
.system-stage{min-height:0;border:0;border-radius:0;background:none;padding:2.1rem 0 2.6rem;overflow:visible}
.system-stage::before{display:none}
.system-map{position:relative;inset:auto;min-height:0;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:stretch;gap:1rem}
.system-map::before{content:'';position:absolute;top:50%;height:1px;left:3%;right:3%;background:#665039;z-index:0}
.system-node,
.system-node.n1,.system-node.n2,.system-node.n3,.system-node.n4{
  position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;
  width:100%;max-width:none;min-height:192px;transform:none!important;
  display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-end;gap:.5rem;
  text-align:left;padding:1.35rem 1.25rem;
  background:#171b17;border:1px solid #3a423a;border-radius:6px;color:#fff;
  cursor:pointer;z-index:1;box-shadow:none;
  transition:border-color .35s ease,background .35s ease;
}
.system-node:hover{border-color:#c16c26}
.system-node.active{background:#241d14;border-color:#f58220;box-shadow:inset 0 2px 0 #f58220}
.system-node small{margin-bottom:auto;color:#f58220;font-size:.62rem;letter-spacing:.14em}
.system-node strong{font-weight:500;font-size:clamp(1.15rem,1.45vw,1.65rem);letter-spacing:-.04em;line-height:1.2}
.system-node span{font-size:.77rem;line-height:1.4;color:#aeb6ac}
.path-line,.path-branch{display:none!important}
.system-readout{border-top:1px solid #313932;border-bottom:1px solid #313932;display:grid;grid-template-columns:minmax(0,1fr) auto;gap:2rem;align-items:end;padding:1.6rem 0}
.system-readout>div{display:grid;gap:.5rem}
.system-readout-label{font-size:.62rem;letter-spacing:.2em;color:#e68a40}
.system-readout p{max-width:810px;color:#f1f1ed;font-size:clamp(.97rem,1.15vw,1.15rem);line-height:1.65}
.system-hint{color:#b0b7ae;font-size:.75rem;white-space:nowrap}
.system-foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding-top:1.6rem;font-size:.62rem;letter-spacing:.19em;color:#939c92}
.system-controls{display:none}

/* About and final conversion: calm contrast, proper rhythm, zero floating pills. */
#nosotros{background:#0a0c0a}
.about-grid{gap:clamp(2rem,6vw,7rem);grid-template-columns:1.2fr .8fr}
.about-grid .section-title h2{font-size:clamp(2.8rem,4.6vw,4.65rem)}
.about-grid .principles{gap:.55rem}
.principles span{padding:.6rem .8rem;color:#c7cec5;border-color:#3a4139;font-size:.73rem;border-radius:4px}
.footer-cta{padding:0 0 var(--section-pad);background:#0a0c0a}
.footer-cta-panel{background:#f0eee8;border:0;border-radius:8px;color:#141714;padding:clamp(2rem,5vw,5rem)}
.footer-cta-panel h2{font-size:clamp(2.9rem,4.9vw,5rem);max-width:810px}
.footer-cta-panel .lead{color:#525b52}
.footer-cta-panel .overline{color:#6b736b}
.site-footer{background:#080a08;padding:4rem 0 2rem}
.footer-grid{gap:2rem}
.footer-column a,.footer-column p,.footer-brand p{font-size:.86rem;line-height:1.75;color:#aeb8af}
.footer-column a:hover{color:#fff}
.footer-button{background:#171a17;color:#f58220;border:1px solid #444d42;text-align:left}
.footer-button:hover{background:#292c25}
.footer-bottom{font-size:.75rem;letter-spacing:.02em}

/* Refined service-page sections and simulation data are illustrated, never guarantees. */
.content-grid-2{gap:1rem}
.info-card{padding:clamp(1.4rem,2.4vw,2.7rem);border-radius:6px;min-height:230px}
.info-card.light{border-color:#dedfd9;background:#fbfbf9}
.info-card h3{font-size:clamp(1.5rem,2vw,2rem);font-weight:500}
.info-card p{font-size:.95rem;line-height:1.8}
.feature-video-shell,.chart-panel,.metric-card,.calc-form,.calc-result,.payback-box,.faq-item{border-radius:7px}
.feature-grid{gap:clamp(2rem,5vw,6rem)}
.feature-copy h2{font-size:clamp(2.8rem,4.3vw,4.5rem)}
.feature-copy .lead{max-width:540px}
.feature-bullets span{border-radius:4px;color:#d2d8d1;font-size:.8rem}
.chart-shell,.calculator{gap:1.25rem}
.chart-panel,.calc-form,.calc-result{padding:clamp(1rem,2.5vw,2.1rem)}
.segmented button,.year-list button{border-radius:4px}
.segmented button.active{background:#f58220;border-color:#f58220;color:#171717}

/* Custom before/after interaction: one diagram, one action, one understandable outcome. */
.electric-experience{padding:var(--section-pad) 0;background:#0b0e0b;color:#f1f5ef}
.experience-heading{max-width:990px;margin-bottom:4rem}
.experience-heading h2{font-size:clamp(3.1rem,5.3vw,5.5rem);font-weight:400;margin:1.4rem 0}
.experience-heading>p{max-width:690px;color:#b9c0b8;font-size:1.08rem;line-height:1.8}
.experience-layout{display:grid;grid-template-columns:minmax(280px,.37fr) minmax(0,.63fr);gap:clamp(1.5rem,3vw,3.5rem);align-items:start}
.experience-sidebar{padding:1.35rem 0}
.experience-index{color:#f58220;font-size:.69rem;letter-spacing:.18em;font-weight:600}
.experience-sidebar h3{font-size:clamp(2rem,2.7vw,3.15rem);font-weight:400;margin:1.4rem 0}
.experience-sidebar>p{color:#bcc4bb;line-height:1.75;font-size:.95rem}
.drag-card{
  margin:2.4rem 0 .9rem;display:flex;align-items:center;gap:1rem;
  min-height:102px;padding:1.15rem 1.2rem;background:#151a14;
  border:1px solid #f58220;border-radius:7px;cursor:grab;
  transition:background .25s ease,transform .25s ease;
  user-select:none;touch-action:pan-y;
}
.drag-card:hover{background:#1f211a;transform:translateY(-2px)}
.drag-card.dragging{opacity:.5;cursor:grabbing}
.drag-card.applied{background:#162419;border-color:#487e4c}
.drag-grip{color:#d8a36c;font-size:1.45rem;line-height:1}
.drag-name{display:grid;gap:.25rem;flex:1}
.drag-name strong{font-size:1.8rem;line-height:1;letter-spacing:-.08em}
.drag-name small{font-size:.58rem;color:#a5afa1;letter-spacing:.12em}
.drag-arrow{font-size:1.25rem;color:#f58220}
.experience-instruction{font-size:.83rem!important;color:#9ba59b!important}
.experience-actions{display:flex;flex-wrap:wrap;align-items:center;gap:.8rem;margin:1.5rem 0 2rem}
.experience-actions .button{padding:.94rem 1.14rem;font-size:.83rem}
.reset-button{background:transparent;border:0;color:#aeb7ac;padding:.9rem;font-size:.81rem}
.reset-button:hover{color:#fff}
.experience-disclaimer{border-top:1px solid #30372e;padding-top:1rem;font-size:.73rem!important;line-height:1.7!important;color:#859184!important}
.experience-board{min-width:0;border:1px solid #303a2d;background:#111510;border-radius:8px;overflow:hidden}
.board-topline{padding:1.05rem 1.35rem;display:flex;justify-content:space-between;gap:1rem;align-items:center;background:#141914;border-bottom:1px solid #313c2e;font-size:.66rem;letter-spacing:.16em;color:#b0b9ad}
.board-topline>span:first-child{display:inline-flex;align-items:center;gap:.65rem}
.board-led{width:7px;height:7px;border-radius:50%;background:#f58220;display:inline-block}
.board-mode{color:#ffad78;font-weight:600;text-align:right}
.experience-board.is-resolved .board-mode{color:#b4e2a4}
.experience-board.is-resolved .board-led{background:#76c17a}
.chaos-stage{position:relative;height:clamp(360px,34vw,440px);min-height:0;overflow:hidden;background:radial-gradient(ellipse at center,#171c16 0%,#0d120d 70%)}
.chaos-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);background-size:32px 32px;pointer-events:none}
.electrical-plan{position:absolute;inset:0;width:100%;height:100%;overflow:visible;pointer-events:none}
.plan-wire{fill:none;stroke:#a75a37;stroke-width:2.5;stroke-dasharray:8 12;stroke-linecap:round;transition:stroke .7s ease,stroke-dasharray .7s ease}
.plan-node{fill:#ba612e;transition:fill .7s ease}
.chaos-stage.is-resolved .plan-wire{stroke:#8ebe80;stroke-dasharray:none}
.chaos-stage.is-resolved .plan-node{fill:#9aca8b}
.spark{position:absolute;z-index:2;color:#ff9e4a;font-size:2.5rem;line-height:1;text-shadow:0 0 14px #e77945;animation:sparkFlicker 1.5s ease-in-out infinite alternate;transition:opacity .45s ease,transform .45s ease;pointer-events:none}
.spark-a{top:24%;left:27%}.spark-b{top:37%;right:24%;animation-delay:.45s}.spark-c{bottom:24%;left:34%;animation-delay:.8s}
@keyframes sparkFlicker{0%,100%{opacity:.85;transform:scale(1)}55%{opacity:.35;transform:scale(.8)}}
.chaos-alert,.chaos-good{
  position:absolute;z-index:3;padding:.58rem .72rem;font-size:.64rem;font-weight:600;white-space:nowrap;
  border-radius:4px;transition:opacity .5s ease,transform .6s ease;
}
.chaos-alert{color:#ffc4aa;background:#302015;border:1px solid #a75c3c}
.chaos-alert span{display:inline-flex;align-items:center;justify-content:center;margin-right:.3rem;border-radius:50%;background:#f58220;color:#151515;width:16px;height:16px;font-weight:800}
.alert-a{left:7%;top:12%}.alert-b{right:6%;top:19%}.alert-c{left:7%;bottom:15%}
.chaos-good{opacity:0;transform:translateY(14px);color:#d4f0ca;background:#192b1d;border:1px solid #527b4c;pointer-events:none}
.good-security{left:6%;top:14%}.good-order{right:5%;top:18%}.good-bill{left:7%;bottom:15%}
.chaos-stage.is-resolved .spark,.chaos-stage.is-resolved .chaos-alert{opacity:0!important;animation:none;transform:scale(.7);pointer-events:none}
.chaos-stage.is-resolved .chaos-good{opacity:1;transform:translateY(0)}
.chaos-target{
  position:absolute;z-index:4;left:50%;top:50%;transform:translate(-50%,-50%);
  width:clamp(180px,29%,238px);min-height:164px;display:flex;flex-direction:column;
  align-items:center;justify-content:center;gap:.65rem;text-align:center;
  border:1px dashed #f58220;border-radius:7px;background:#101610ed;padding:1rem;
  transition:background .3s ease,border-color .3s ease,box-shadow .3s ease;
}
.target-symbol{font-size:2rem;line-height:1;color:#f58220}
.chaos-target strong{font-size:1rem;letter-spacing:-.02em;font-weight:600}
.chaos-target small{font-size:.58rem;letter-spacing:.13em;color:#a8b2a5;line-height:1.5}
.chaos-stage.drag-over .chaos-target{background:#332216;border-color:#ffb776;box-shadow:0 0 0 5px #f5822020}
.chaos-stage.is-resolved .chaos-target{border-style:solid;border-color:#79b671;background:#14251a}
.chaos-stage.is-resolved .target-symbol{color:#8fd58f}
.board-data{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));border-top:1px solid #334132;border-bottom:1px solid #334132}
.board-data-item{min-width:0;padding:1.3rem 1.12rem;border-right:1px solid #334132;display:flex;flex-direction:column;gap:.45rem}
.board-data-item:last-child{border:0}
.board-data-item>span{font-size:.61rem;line-height:1.4;letter-spacing:.095em;color:#9dab99}
.board-data-item strong{font-size:clamp(1.5rem,2.4vw,2.35rem);letter-spacing:-.04em;line-height:1.1;font-weight:400;color:#ffab70;font-variant-numeric:tabular-nums}
.experience-board.is-resolved .board-data-item strong{color:#a6daa3}
.board-data-item small{font-size:.67rem;color:#9ca99a;line-height:1.5}
.board-message{padding:1.35rem 1.45rem 1.6rem;min-height:140px}
.board-message h3{font-size:clamp(1.3rem,2vw,1.85rem);font-weight:400;letter-spacing:-.04em;margin-bottom:.55rem}
.board-message p{font-size:.87rem;line-height:1.65;color:#afb9af;max-width:640px;margin:0}

/* Mobile: real hierarchy, not a shrunk desktop composition. */
@media(max-width:1080px){
  :root{--container:min(100vw - 2.5rem,960px)}
  .site-header .nav-wrap,.site-header.scrolled .nav-wrap{width:calc(100vw - 2rem);padding:0 .25rem;gap:1rem}
  .main-nav{gap:.2rem}
  .nav-cta{margin-left:.5rem;padding:.85rem .8rem}
  .hero-copy,.page-hero-copy{max-width:90%}
  .cinema-grid{grid-template-columns:1fr 1fr}
  .gateway-content h3{font-size:2.6rem}
  .experience-layout{grid-template-columns:minmax(0,.34fr) minmax(0,.66fr);gap:1.4rem}
}
@media(max-width:900px){
  .site-header .nav-wrap,.site-header.scrolled .nav-wrap{width:calc(100vw - 2rem);min-height:76px;grid-template-columns:1fr auto;display:grid;position:relative}
  .nav-toggle{display:flex;grid-column:2}
  .main-nav{
    position:absolute;top:calc(100% + 1px);left:-.5rem;right:-.5rem;display:flex;
    flex-direction:column;align-items:stretch;gap:.1rem;max-height:calc(100svh - 95px);overflow:auto;
    padding:.65rem;background:#101310;border:1px solid #363e35;border-radius:7px;
    opacity:0;transform:translateY(-9px);pointer-events:none;transition:opacity .2s ease,transform .2s ease;
  }
  .main-nav.open{opacity:1;transform:translateY(0);pointer-events:auto}
  .nav-link{padding:.95rem .85rem;border:0}
  .nav-link::after{display:none}
  .nav-cta{margin:.7rem 0 0;width:100%;justify-content:space-between;padding:1rem}
  .nav-toggle{position:static}
  .statement-band .container,.process-heading{grid-template-columns:1fr}
  .statement-band h2,.statement-band p:last-child,.process-heading p{grid-column:1}
  .process-heading>.overline{grid-row:auto}
  .cinema-grid,.gateway-grid,.about-grid{grid-template-columns:1fr}
  .cinema-card,.cinema-card.alt{min-height:520px}
  .gateway-card{min-height:520px}
  .quick-facts{grid-template-columns:repeat(2,minmax(0,1fr))}
  .quick-facts article:nth-child(2){border-right:0}
  .system-map{grid-template-columns:repeat(2,minmax(0,1fr))}
  .system-map::before{display:none}
  .system-node{min-height:160px}
  .system-readout{grid-template-columns:1fr;gap:.9rem}
  .experience-layout{grid-template-columns:1fr}
  .experience-sidebar{display:grid;grid-template-columns:1fr;max-width:650px}
  .electric-experience .experience-heading{margin-bottom:1.7rem}
  .drag-card{max-width:490px}
  .chaos-stage{height:430px}
  .footer-cta-panel{flex-direction:column;align-items:flex-start}
}
@media(max-width:600px){
  :root{--container:calc(100vw - 2rem);--section-pad:5.5rem}
  h2{font-size:2.6rem}
  .site-header .nav-wrap,.site-header.scrolled .nav-wrap{width:calc(100vw - 2rem);min-height:68px}
  .brand-mark{width:35px;height:35px}
  .brand-copy strong{font-size:1.02rem}
  .brand-copy small{font-size:.51rem;letter-spacing:.13em}
  .hero-cinematic,.page-hero{min-height:100svh;padding:7rem 0 5.5rem}
  .hero-panel,.page-hero-panel{width:var(--container)!important;padding-bottom:0!important;align-items:center!important}
  .hero-copy,.page-hero-copy{max-width:100%}
  .hero-copy h1{font-size:clamp(2.8rem,11vw,4.15rem);letter-spacing:-.062em}
  .page-hero-copy h1{font-size:clamp(2.6rem,10.1vw,4rem);letter-spacing:-.055em}
  .hero-copy .lead,.page-hero-copy .lead{font-size:.98rem;line-height:1.7}
  .hero-actions,.page-actions{gap:.65rem}
  .hero-actions .button,.hero-actions .button-ghost,.page-actions .button,.page-actions .button-secondary{font-size:.79rem;padding:.85rem .9rem}
  .hero-meta{font-size:.65rem;line-height:1.6;gap:.55rem}
  .hero-meta span:nth-child(n+2){display:none}
  .hero-bottom-line .container{width:var(--container);font-size:.59rem}
  .film-chapter{font-size:.59rem;max-width:none}
  .film-toggle{font-size:.6rem;padding:.45rem .5rem}
  .statement-band{padding:6.2rem 0}
  .statement-band h2{font-size:clamp(2.75rem,10.2vw,4rem)}
  .statement-band .container{gap:.8rem}
  .cinema-showcase{padding:4rem 0}
  .cinema-card,.cinema-card.alt{min-height:440px}
  .cinema-copy h3{font-size:2.2rem}
  .cinema-copy p{font-size:.88rem}
  .services-gateway{padding:5rem 0}
  .gateway-card{min-height:440px}
  .gateway-content h3{font-size:2.3rem}
  .quick-facts{grid-template-columns:1fr;margin-top:2.4rem}
  .quick-facts article,.quick-facts article:nth-child(2){border-right:0;border-bottom:1px solid #343731;padding:1rem 0}
  .quick-facts article:last-child{border-bottom:0}
  .process-heading{margin-bottom:2rem;gap:.9rem}
  .process-heading h2{font-size:clamp(2.7rem,10vw,4rem)}
  .system-frame{padding:1.1rem}
  .system-head{font-size:.58rem}
  .system-stage{padding:1.25rem 0}
  .system-map{gap:.65rem}
  .system-node,.system-node.n1,.system-node.n2,.system-node.n3,.system-node.n4{min-height:130px;padding:.85rem .78rem;gap:.33rem}
  .system-node small{font-size:.53rem}
  .system-node strong{font-size:1.13rem}
  .system-node span{font-size:.7rem}
  .system-readout{padding:1.1rem 0}
  .system-hint{display:none}
  .system-foot{flex-direction:column;align-items:flex-start;gap:.55rem;font-size:.53rem}
  .footer-cta-panel{padding:2rem 1.5rem}
  .footer-cta-panel h2{font-size:2.6rem}
  .experience-heading h2{font-size:clamp(2.8rem,10vw,4rem)}
  .experience-sidebar h3{font-size:2.2rem}
  .experience-board{border-radius:6px}
  .board-topline{padding:.9rem .72rem;font-size:.54rem;letter-spacing:.09em}
  .chaos-stage{height:350px}
  .chaos-target{width:160px;min-height:124px;gap:.38rem;padding:.75rem}
  .target-symbol{font-size:1.5rem}
  .chaos-target strong{font-size:.84rem}
  .chaos-target small{font-size:.46rem}
  .chaos-alert,.chaos-good{font-size:.45rem;padding:.43rem .44rem;max-width:126px;white-space:normal}
  .chaos-alert span{width:12px;height:12px}
  .spark{font-size:1.7rem}
  .spark-a{left:22%;top:27%}.spark-b{right:18%;top:36%}
  .alert-a{left:3%;top:13%}.alert-b{right:2%;top:16%}.alert-c{left:4%;bottom:12%}
  .good-security{left:2%;top:14%}.good-order{right:2%;top:17%}.good-bill{left:3%;bottom:12%}
  .board-data-item{padding:.9rem .45rem;gap:.4rem}
  .board-data-item span{font-size:.48rem;letter-spacing:0}
  .board-data-item strong{font-size:clamp(1.13rem,4.6vw,1.45rem)}
  .board-data-item small{font-size:.51rem}
  .board-message{padding:1rem;min-height:0}
  .board-message h3{font-size:1.3rem}
  .board-message p{font-size:.8rem}
  .whatsapp-float{right:.8rem;bottom:5.4rem}
}
@media(prefers-reduced-motion:reduce){
  .spark{animation:none!important}
  .system-node,.chaos-alert,.chaos-good,.plan-wire,.plan-node{transition:none!important}
}


/* === V24 overrides: clearer solar section + automatic electrical sequence === */
.sequence-card{cursor:default;user-select:none;background:linear-gradient(180deg,#1e221c,#171a15)}
.sequence-card:hover{transform:none}
.sequence-card .drag-grip{color:#ffd24a}
.sequence-card .drag-arrow{opacity:.9}
.chaos-stage{background:radial-gradient(ellipse at center,#171914 0%,#0a0c0a 78%)}
.chaos-stage::after{content:'';position:absolute;inset:0;background:radial-gradient(circle at 30% 18%,rgba(255,181,77,.08),transparent 28%),radial-gradient(circle at 75% 72%,rgba(255,74,74,.05),transparent 24%);pointer-events:none}
.chaos-bills{position:absolute;inset:0;pointer-events:none}
.bill-chip{position:absolute;z-index:2;min-width:118px;padding:.72rem .8rem;border:1px solid rgba(255,214,120,.3);border-radius:14px;background:rgba(14,16,16,.86);backdrop-filter:blur(10px);box-shadow:0 10px 28px rgba(0,0,0,.22);transition:all .6s ease}
.bill-chip small{display:block;font-size:.56rem;letter-spacing:.16em;color:#a7ada5;margin-bottom:.32rem}
.bill-chip strong{display:block;font-size:1.1rem;line-height:1;font-weight:600;color:#ffd86f;font-variant-numeric:tabular-nums;transition:color .45s ease,transform .45s ease,opacity .45s ease}
.bill-a{top:62px;left:82px;animation:billFloat 5.6s ease-in-out infinite}
.bill-b{top:78px;right:74px;animation:billFloat 5.9s ease-in-out infinite .4s}
.bill-c{bottom:70px;left:126px;animation:billFloat 6.2s ease-in-out infinite .8s}
@keyframes billFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-7px)}}
.chaos-alert,.chaos-good{font-weight:700;letter-spacing:.07em;border-radius:999px;padding:.58rem .82rem;white-space:nowrap}
.chaos-alert{color:#fff;background:linear-gradient(90deg,#571313,#8b1717 56%,#5b1212);border:1px solid rgba(255,136,136,.48);box-shadow:0 0 0 1px rgba(255,80,80,.1),0 0 22px rgba(255,63,63,.28),inset 0 0 0 1px rgba(255,255,255,.04);animation:alertPulse 1.6s ease-in-out infinite, alertGlitch 3.1s steps(1,end) infinite;transform-origin:center}
.chaos-alert span{width:18px;height:18px;background:#ffd24a;color:#281300;font-size:.85rem;font-weight:900;box-shadow:0 0 18px rgba(255,210,74,.55)}
@keyframes alertPulse{0%,100%{transform:scale(1);filter:brightness(1)}50%{transform:scale(1.05);filter:brightness(1.18)}}
@keyframes alertGlitch{0%,84%,100%{clip-path:inset(0 0 0 0)}85%{clip-path:inset(0 0 42% 0)}86%{clip-path:inset(38% 0 0 0)}87%{clip-path:inset(12% 0 16% 0)}}
.chaos-good{opacity:0;transform:translateY(14px) scale(.97);color:#eaffdf;background:linear-gradient(180deg,#1a321a,#142718);border:1px solid rgba(132,215,127,.45);box-shadow:0 0 24px rgba(120,201,107,.16);pointer-events:none}
.alert-a{top:126px;left:144px}.alert-b{top:144px;right:98px}.alert-c{bottom:92px;right:144px}
.good-security{top:126px;left:148px}.good-order{top:144px;right:110px}.good-bill{bottom:90px;right:148px}
.chaos-target{width:190px;min-height:144px;gap:.52rem;background:rgba(9,10,10,.78);backdrop-filter:blur(8px);border:1px dashed rgba(255,183,118,.42);box-shadow:inset 0 0 0 1px rgba(255,255,255,.02),0 12px 30px rgba(0,0,0,.18)}
.chaos-target strong{font-size:1.08rem}
.chaos-target small{font-size:.61rem}
.diyia-sweep{position:absolute;left:-34%;top:46%;z-index:4;display:inline-flex;flex-direction:column;gap:.18rem;padding:1rem 1.15rem;border-radius:18px;background:linear-gradient(135deg,rgba(255,212,74,.94),rgba(245,130,32,.96));color:#111;border:1px solid rgba(255,255,255,.24);box-shadow:0 18px 36px rgba(245,130,32,.18),0 0 34px rgba(255,186,85,.18);transition:left 1s cubic-bezier(.22,1,.36,1),top 1s cubic-bezier(.22,1,.36,1),transform 1s cubic-bezier(.22,1,.36,1),opacity .45s ease;will-change:left,top,transform,opacity}
.diyia-sweep span{font-size:1.35rem;line-height:1;font-weight:900;letter-spacing:.07em}
.diyia-sweep small{font-size:.56rem;letter-spacing:.18em;font-weight:700}
.chaos-stage.is-sequencing .diyia-sweep{left:6%;top:14%;transform:translateZ(0)}
.chaos-stage.phase-two .diyia-sweep{left:38%;top:46%;transform:translate(-50%,-50%) scale(1.04)}
.chaos-stage.is-resolved .diyia-sweep{left:39%;top:46%;transform:translate(-50%,-50%) scale(1.02)}
.chaos-stage.phase-one .alert-a,.chaos-stage.phase-one .alert-b,.chaos-stage.phase-one .alert-c{opacity:.9}
.chaos-stage.phase-two .alert-a,.chaos-stage.phase-two .alert-b,.chaos-stage.phase-two .alert-c{opacity:.45;transform:scale(.96)}
.chaos-stage.is-resolved .chaos-alert{opacity:0!important;transform:scale(.72);animation:none;pointer-events:none}
.chaos-stage.is-resolved .chaos-good{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.is-resolved .plan-wire{stroke:#8ebe80;stroke-dasharray:none;filter:drop-shadow(0 0 8px rgba(142,190,128,.18))}
.chaos-stage.is-resolved .plan-node{fill:#9aca8b}
.chaos-stage.is-resolved .chaos-target{border-style:solid;border-color:#79b671;background:#132219;box-shadow:0 0 0 4px rgba(118,193,122,.09),0 12px 30px rgba(0,0,0,.18)}
.chaos-stage.is-resolved .target-symbol{color:#9fd89f}
.chaos-stage.is-resolved .bill-chip{border-color:rgba(126,206,121,.36);background:rgba(16,26,16,.92)}
.chaos-stage.is-resolved .bill-chip strong{color:#bde7a4}
.board-data-item strong{transition:color .45s ease,opacity .45s ease,transform .45s ease}
.chaos-stage.is-sequencing .board-data-item strong{opacity:.92}
@media (max-width:980px){
  .diyia-sweep span{font-size:1.18rem}
  .bill-chip{min-width:106px;padding:.64rem .7rem}
  .bill-chip strong{font-size:1rem}
}
@media (max-width:760px){
  .chaos-stage{height:370px}
  .bill-chip{min-width:88px;padding:.5rem .56rem;border-radius:12px}
  .bill-chip small{font-size:.43rem;letter-spacing:.12em}
  .bill-chip strong{font-size:.82rem}
  .bill-a{top:58px;left:42px}.bill-b{top:76px;right:28px}.bill-c{bottom:84px;left:56px}
  .chaos-alert,.chaos-good{font-size:.48rem;padding:.42rem .54rem;max-width:142px;white-space:nowrap}
  .alert-a{top:116px;left:80px}.alert-b{top:140px;right:22px}.alert-c{bottom:86px;right:58px}
  .good-security{top:116px;left:84px}.good-order{top:140px;right:28px}.good-bill{bottom:86px;right:62px}
  .chaos-target{width:156px;min-height:116px;padding:.7rem;right:calc(50% - 78px);top:calc(50% - 58px)}
  .diyia-sweep{padding:.74rem .8rem;border-radius:14px}
  .diyia-sweep span{font-size:.98rem}.diyia-sweep small{font-size:.43rem;letter-spacing:.12em}
  .chaos-stage.is-sequencing .diyia-sweep{left:4%;top:14%}
  .chaos-stage.phase-two .diyia-sweep,.chaos-stage.is-resolved .diyia-sweep{left:50%;top:45%}
}
@media (prefers-reduced-motion:reduce){
  .chaos-alert,.bill-chip,.diyia-sweep{animation:none!important;transition:none!important}
}


/* === V25 overrides: premium navigation + HQ video presentation === */
.site-header{background:rgba(7,9,8,.58);border-bottom-color:rgba(255,255,255,.09);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.site-header.scrolled{background:rgba(10,12,11,.82)}
.site-header .nav-wrap,.site-header.scrolled .nav-wrap{width:min(1460px,calc(100vw - 2.4rem));grid-template-columns:minmax(260px,auto) minmax(0,1fr);gap:1.35rem;padding:.95rem 0;min-height:88px}
.brand{padding:.35rem .4rem .35rem 0}
.main-nav{justify-content:flex-end;gap:.35rem}
.nav-link{padding:.88rem 1rem;border:1px solid transparent;border-radius:999px;background:rgba(255,255,255,.02);font-size:.88rem;letter-spacing:.01em}
.nav-link::after{display:none}
.nav-link:hover,.nav-link[aria-current="page"]{background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.08)}
.nav-cta{margin-left:.7rem;padding:.92rem 1.2rem;border-radius:999px;box-shadow:0 12px 28px rgba(245,130,32,.18)}
.hero-media video,.page-hero-media video,.cinema-video,.feature-video,.gateway-video,.film-interlude-media video{image-rendering:auto;transform:translateZ(0) scale(1.001);backface-visibility:hidden;will-change:transform,opacity}
.hero-media::after,.page-hero-media::after{background:linear-gradient(90deg,rgba(0,0,0,.80) 0%,rgba(0,0,0,.50) 42%,rgba(0,0,0,.10) 88%),linear-gradient(0deg,rgba(0,0,0,.62),transparent 46%)!important}
.hero-copy h1,.page-hero-copy h1{text-wrap:balance}
.hero-copy .lead,.page-hero-copy .lead{max-width:690px}
.cinema-card,.gateway-card,.feature-video-shell,.system-frame,.experience-board,.experience-sidebar,.chart-panel,.metric-card,.info-card,.floating-card{box-shadow:0 18px 44px rgba(0,0,0,.16)}
.cinema-media,.gateway-media,.feature-video-shell,.film-interlude-media{overflow:hidden}
.cinema-media video,.gateway-media video,.feature-video-shell video,.film-interlude-media video{object-fit:cover;filter:none}
.cinema-overlay,.feature-video-overlay,.film-interlude-overlay{background:linear-gradient(180deg,rgba(0,0,0,.02),rgba(0,0,0,.20) 68%,rgba(0,0,0,.42))}
.hero-bottom-line .container{display:flex;align-items:center;justify-content:space-between;gap:1rem;flex-wrap:wrap}
@media (max-width:980px){
  .site-header .nav-wrap,.site-header.scrolled .nav-wrap{width:calc(100vw - 1.4rem);min-height:76px;padding:.55rem 0;gap:.8rem}
  .main-nav{gap:.15rem}
  .nav-link{padding:.76rem .82rem;font-size:.84rem}
  .nav-cta{padding:.82rem 1rem}
}
@media (max-width:760px){
  .site-header{background:rgba(7,9,8,.78)}
  .site-header .nav-wrap,.site-header.scrolled .nav-wrap{width:calc(100vw - 1.1rem);padding:.35rem 0;min-height:68px}
  .main-nav{background:rgba(8,10,9,.96);border:1px solid rgba(255,255,255,.08);border-radius:22px;padding:.7rem}
  .nav-link{background:rgba(255,255,255,.03);border-color:rgba(255,255,255,.04);border-radius:14px;padding:.9rem .95rem}
  .nav-cta{width:100%;margin:.55rem 0 0;border-radius:14px}
  .hero-copy h1{font-size:clamp(2.8rem,12vw,4.3rem)}
  .page-hero-copy h1{font-size:clamp(2.45rem,10.5vw,4rem)}
}


/* === V26 overrides: cleaner automatic electrical sequence === */
.chaos-stage{height:clamp(420px,36vw,500px)}
.chaos-stage::after{background:radial-gradient(circle at 28% 18%,rgba(255,181,77,.10),transparent 30%),radial-gradient(circle at 82% 72%,rgba(255,74,74,.07),transparent 26%)}
.chaos-bills{position:absolute;inset:0;pointer-events:none}
.bill-chip{min-width:214px;padding:.9rem 1rem;border-radius:18px;transform-origin:center}
.bill-chip small{font-size:.58rem;letter-spacing:.18em}
.bill-chip strong{font-size:2.2rem;font-weight:700;letter-spacing:-.04em}
.bill-main{top:56px;right:80px;animation:billChaos 1.05s steps(2,end) infinite}
@keyframes billChaos{0%,100%{transform:translateY(0) scale(1)}20%{transform:translateY(-4px) translateX(2px) scale(1.02)}40%{transform:translateY(5px) translateX(-3px) scale(.985)}60%{transform:translateY(-2px) translateX(5px) scale(1.01)}80%{transform:translateY(4px) translateX(-2px)}}
.chaos-alert,.chaos-good{max-width:none}
.chaos-alert{padding:.72rem 1rem;font-size:.72rem;letter-spacing:.08em;box-shadow:0 0 0 1px rgba(255,80,80,.14),0 0 28px rgba(255,63,63,.34),inset 0 0 0 1px rgba(255,255,255,.05);animation:alertPulse 1.15s ease-in-out infinite, alertGlitch 2.5s steps(1,end) infinite}
.chaos-alert span{width:22px;height:22px;font-size:1rem;margin-right:.45rem}
.alert-a{top:86px;left:54px}
.alert-b{top:206px;right:54px}
.alert-c{bottom:64px;left:96px}
.good-security{top:90px;left:58px}
.good-order{top:206px;right:58px}
.good-bill{bottom:64px;left:100px}
.chaos-target{width:260px;min-height:176px;padding:1.1rem;border-radius:20px;left:50%;top:52%;transform:translate(-50%,-50%)}
.target-symbol{font-size:2.3rem;animation:targetFlicker 1.8s ease-in-out infinite}
@keyframes targetFlicker{0%,100%{opacity:1;filter:drop-shadow(0 0 0 rgba(245,130,32,.1))}35%{opacity:.92;filter:drop-shadow(0 0 8px rgba(245,130,32,.38))}52%{opacity:.72}68%{opacity:1}}
.chaos-target strong{font-size:1.34rem}
.chaos-target small{font-size:.68rem}
.chaos-stage .chaos-target,.chaos-stage .bill-chip{animation-play-state:running}
.chaos-stage:not(.is-sequencing) .chaos-target,.chaos-stage.phase-one .chaos-target,.chaos-stage.phase-two .chaos-target,.chaos-stage.phase-three .chaos-target{animation:targetCardGlitch 3.4s steps(1,end) infinite}
@keyframes targetCardGlitch{0%,84%,100%{transform:translate(-50%,-50%)}85%{transform:translate(calc(-50% + 4px),calc(-50% - 2px)) skewX(2deg)}86%{transform:translate(calc(-50% - 3px),calc(-50% + 2px)) skewX(-2deg)}87%{transform:translate(-50%,-50%)}}
.diyia-sweep{left:-36%;top:49%;padding:1.05rem 1.2rem;border-radius:18px;box-shadow:0 18px 36px rgba(245,130,32,.18),0 0 34px rgba(255,186,85,.18),0 0 0 1px rgba(255,255,255,.15)}
.diyia-sweep span{font-size:1.5rem}
.diyia-sweep small{font-size:.60rem;letter-spacing:.2em}
.chaos-stage.is-sequencing .diyia-sweep{left:5%;top:18%;transform:translateZ(0)}
.chaos-stage.phase-two .diyia-sweep{left:50%;top:50%;transform:translate(-50%,-50%) scale(1.04)}
.chaos-stage.phase-three .diyia-sweep{left:50%;top:50%;transform:translate(-50%,-50%) scale(1.03)}
.chaos-stage.is-resolved .diyia-sweep{left:50%;top:50%;transform:translate(-50%,-50%) scale(1.01)}
.chaos-stage.phase-two .alert-a{opacity:0;transform:scale(.72);animation:none;pointer-events:none}
.chaos-stage.phase-two .alert-b,.chaos-stage.phase-two .alert-c{opacity:1}
.chaos-stage.phase-three .alert-a,.chaos-stage.phase-three .alert-b{opacity:0;transform:scale(.72);animation:none;pointer-events:none}
.chaos-stage.phase-three .alert-c{opacity:.9}
.chaos-stage.phase-two .good-security{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.phase-three .good-security,.chaos-stage.phase-three .good-order{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.is-resolved .good-security,.chaos-stage.is-resolved .good-order,.chaos-stage.is-resolved .good-bill{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.phase-two .bill-main strong{color:#ffe07c}
.chaos-stage.phase-three .bill-main strong{color:#d8e88d}
.chaos-stage.phase-two .bill-main,.chaos-stage.phase-three .bill-main,.chaos-stage.is-resolved .bill-main{animation:none}
.chaos-stage.phase-three .bill-main{right:86px}
.chaos-stage.is-resolved .bill-main{right:88px;border-color:rgba(126,206,121,.36);background:rgba(16,26,16,.92)}
.chaos-stage.is-resolved .bill-main strong{color:#bde7a4}
.chaos-stage.phase-two .plan-wire{stroke:#cb7a47}
.chaos-stage.phase-three .plan-wire{stroke:#d0914e;stroke-dasharray:5 7}
.chaos-stage.phase-three .plan-node{fill:#d99b55}
.chaos-stage.phase-one .board-data-item strong,.chaos-stage.phase-two .board-data-item strong,.chaos-stage.phase-three .board-data-item strong{opacity:.98}
@media (max-width:980px){
  .bill-chip{min-width:184px}
  .bill-chip strong{font-size:1.84rem}
  .bill-main{right:48px}
  .alert-a{left:26px}.alert-b{right:26px}.alert-c{left:48px}
  .good-security{left:28px}.good-order{right:28px}.good-bill{left:50px}
  .chaos-target{width:228px;min-height:164px}
}
@media (max-width:760px){
  .chaos-stage{height:410px}
  .bill-chip{min-width:148px;padding:.68rem .74rem;border-radius:16px}
  .bill-chip small{font-size:.45rem}
  .bill-chip strong{font-size:1.34rem}
  .bill-main{top:52px;right:18px}
  .chaos-alert,.chaos-good{font-size:.52rem;padding:.55rem .68rem;white-space:normal;max-width:170px}
  .alert-a{top:108px;left:16px}
  .alert-b{top:186px;right:14px}
  .alert-c{bottom:58px;left:22px}
  .good-security{top:108px;left:18px}
  .good-order{top:186px;right:16px}
  .good-bill{bottom:58px;left:24px}
  .chaos-target{width:180px;min-height:132px;padding:.8rem;top:50%}
  .chaos-target strong{font-size:1rem}
  .chaos-target small{font-size:.52rem}
  .target-symbol{font-size:1.8rem}
  .diyia-sweep{padding:.74rem .82rem}
  .diyia-sweep span{font-size:1rem}
  .diyia-sweep small{font-size:.42rem}
  .chaos-stage.is-sequencing .diyia-sweep{left:4%;top:16%}
  .chaos-stage.phase-two .diyia-sweep,.chaos-stage.phase-three .diyia-sweep,.chaos-stage.is-resolved .diyia-sweep{left:50%;top:48%}
}

/* === V27 overrides: stronger glitch, better spacing, more electrical alerts === */
.chaos-stage{height:clamp(440px,38vw,520px);overflow:hidden}
.chaos-stage.glitch-heavy{animation:stageJolt 5.6s steps(1,end) infinite}
.chaos-stage.glitch-heavy::before{opacity:.95;animation:gridGlitch 2.2s steps(1,end) infinite}
.chaos-stage.glitch-heavy::after{background:
  radial-gradient(circle at 22% 18%,rgba(255,183,77,.14),transparent 28%),
  radial-gradient(circle at 76% 28%,rgba(255,64,64,.10),transparent 24%),
  radial-gradient(circle at 82% 76%,rgba(255,122,0,.08),transparent 23%);
  animation:glowPulse 2.4s ease-in-out infinite, scanFlicker 1.1s steps(2,end) infinite}
@keyframes stageJolt{0%,87%,100%{transform:translate3d(0,0,0)}88%{transform:translate3d(2px,-1px,0)}89%{transform:translate3d(-3px,1px,0)}90%{transform:translate3d(1px,0,0)}91%{transform:translate3d(0,0,0)}}
@keyframes gridGlitch{0%,74%,100%{transform:none;opacity:.95}75%{transform:translateX(4px);opacity:.55}76%{transform:translateX(-6px);opacity:1}77%{transform:translateY(2px);opacity:.7}78%{transform:none;opacity:.95}}
@keyframes scanFlicker{0%,100%{opacity:1}50%{opacity:.88}}
@keyframes glowPulse{0%,100%{filter:none}50%{filter:brightness(1.08)}}
.bill-chip{z-index:5}
.bill-main{top:38px;right:54px;min-width:240px;animation:billChaosAggressive .8s steps(2,end) infinite, alertGlitch 2.1s steps(1,end) infinite}
@keyframes billChaosAggressive{0%,100%{transform:translate(0,0) scale(1)}18%{transform:translate(8px,-3px) scale(1.05)}36%{transform:translate(-10px,7px) scale(.96)}54%{transform:translate(6px,2px) scale(1.02)}72%{transform:translate(-7px,-4px) scale(.99)}88%{transform:translate(4px,5px) scale(1.01)}}
.bill-main strong{font-size:2.45rem}
.chaos-alert,.chaos-good{z-index:5;max-width:270px}
.chaos-alert{padding:.74rem 1rem;font-size:.7rem;letter-spacing:.07em;text-shadow:0 0 10px rgba(255,80,80,.28);animation:alertPulse 1s ease-in-out infinite, alertGlitch 1.75s steps(1,end) infinite, dangerFlash 2.3s linear infinite}
.chaos-alert span{width:22px;height:22px;font-size:1rem;margin-right:.45rem;box-shadow:0 0 20px rgba(255,210,74,.65)}
@keyframes dangerFlash{0%,100%{filter:brightness(1)}50%{filter:brightness(1.18)}}
.alert-a{top:118px;left:46px}
.alert-b{top:138px;right:36px}
.alert-c{bottom:64px;left:58px}
.alert-d{top:56px;left:252px}
.alert-e{bottom:78px;right:54px}
.good-security{top:118px;left:46px}
.good-order{top:138px;right:36px}
.good-bill{bottom:64px;left:58px}
.good-balance{top:56px;left:252px}
.good-protection{bottom:78px;right:54px}
.chaos-target{width:230px;min-height:150px;top:51%;padding:1rem 1rem .9rem;z-index:6;backdrop-filter:blur(10px);box-shadow:0 20px 36px rgba(0,0,0,.32),0 0 0 1px rgba(255,255,255,.06)}
.chaos-target strong{font-size:1.18rem}
.chaos-target small{font-size:.66rem}
.chaos-stage.glitch-heavy .chaos-target{animation:targetCardGlitchX 1.8s steps(1,end) infinite}
@keyframes targetCardGlitchX{0%,78%,100%{transform:translate(-50%,-50%)}79%{transform:translate(calc(-50% + 8px),calc(-50% - 3px)) skewX(4deg)}80%{transform:translate(calc(-50% - 9px),calc(-50% + 2px)) skewX(-5deg)}81%{transform:translate(calc(-50% + 3px),calc(-50% + 4px)) skewX(2deg)}82%{transform:translate(-50%,-50%)}}
.diyia-sweep{left:-38%;top:50%;padding:.94rem 1.15rem;max-width:420px;z-index:7}
.diyia-sweep span{font-size:1.42rem}
.chaos-stage.is-sequencing .diyia-sweep{left:3.5%;top:14%}
.chaos-stage.phase-two .diyia-sweep,.chaos-stage.phase-three .diyia-sweep,.chaos-stage.is-resolved .diyia-sweep{left:50%;top:49%;transform:translate(-50%,-50%) scale(1.02)}
.chaos-stage.phase-one .alert-d{opacity:0;transform:scale(.72);animation:none;pointer-events:none}
.chaos-stage.phase-two .alert-a,.chaos-stage.phase-two .alert-d{opacity:0;transform:scale(.72);animation:none;pointer-events:none}
.chaos-stage.phase-three .alert-a,.chaos-stage.phase-three .alert-b,.chaos-stage.phase-three .alert-d,.chaos-stage.phase-three .alert-e{opacity:0;transform:scale(.72);animation:none;pointer-events:none}
.chaos-stage.is-resolved .chaos-alert{opacity:0!important;transform:scale(.72);animation:none;pointer-events:none}
.chaos-stage.phase-one .good-balance{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.phase-two .good-security,.chaos-stage.phase-two .good-balance{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.phase-three .good-security,.chaos-stage.phase-three .good-order,.chaos-stage.phase-three .good-balance,.chaos-stage.phase-three .good-protection{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.is-resolved .good-security,.chaos-stage.is-resolved .good-order,.chaos-stage.is-resolved .good-bill,.chaos-stage.is-resolved .good-balance,.chaos-stage.is-resolved .good-protection{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.phase-one .bill-main strong{color:#ffd56d}
.chaos-stage.phase-two .bill-main strong{color:#e4e887}
.chaos-stage.phase-three .bill-main strong{color:#cbe588}
.chaos-stage.phase-two .bill-main,.chaos-stage.phase-three .bill-main,.chaos-stage.is-resolved .bill-main{animation:none}
.chaos-stage.is-resolved .bill-main{border-color:rgba(126,206,121,.36);background:rgba(16,26,16,.92)}
.chaos-stage.is-resolved .bill-main strong{color:#bde7a4}

@media (max-width:980px){
  .bill-main{right:32px;min-width:214px}
  .bill-main strong{font-size:2rem}
  .alert-a{left:24px}.alert-b{right:20px}.alert-c{left:24px}.alert-d{left:206px}.alert-e{right:26px}
  .good-security{left:24px}.good-order{right:20px}.good-bill{left:24px}.good-balance{left:206px}.good-protection{right:26px}
  .chaos-target{width:214px}
}
@media (max-width:760px){
  .chaos-stage{height:430px}
  .bill-main{top:18px;right:12px;min-width:168px}
  .bill-main strong{font-size:1.55rem}
  .chaos-alert,.chaos-good{font-size:.49rem;padding:.5rem .58rem;max-width:154px}
  .alert-a{top:108px;left:10px}
  .alert-b{top:140px;right:10px}
  .alert-c{bottom:50px;left:10px}
  .alert-d{top:78px;left:120px}
  .alert-e{bottom:90px;right:10px}
  .good-security{top:108px;left:10px}
  .good-order{top:140px;right:10px}
  .good-bill{bottom:50px;left:10px}
  .good-balance{top:78px;left:120px}
  .good-protection{bottom:90px;right:10px}
  .chaos-target{width:166px;min-height:122px;top:52%;padding:.72rem}
  .chaos-target strong{font-size:.96rem}
  .chaos-target small{font-size:.48rem}
  .target-symbol{font-size:1.55rem}
  .diyia-sweep{padding:.7rem .78rem}
  .diyia-sweep span{font-size:.95rem}
  .diyia-sweep small{font-size:.4rem}
  .chaos-stage.is-sequencing .diyia-sweep{left:3%;top:13%}
}


/* === V28 overrides: total redesign of electrical cinematic board === */
.chaos-stage{height:clamp(470px,40vw,560px);border-radius:26px;background:radial-gradient(circle at 50% 50%,#121714 0%,#0a0d0b 70%,#070807 100%);overflow:hidden;isolation:isolate}
.chaos-stage::before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(150,176,150,.14) 1px,transparent 1px),linear-gradient(90deg,rgba(150,176,150,.14) 1px,transparent 1px);background-size:46px 46px;opacity:.42;mix-blend-mode:screen;pointer-events:none}
.chaos-stage::after{content:'';position:absolute;inset:-8%;background:radial-gradient(circle at 18% 22%,rgba(245,130,32,.16),transparent 22%),radial-gradient(circle at 84% 18%,rgba(255,72,72,.15),transparent 18%),radial-gradient(circle at 84% 80%,rgba(245,130,32,.12),transparent 22%);filter:blur(8px);pointer-events:none;opacity:.95}
.chaos-stage.glitch-heavy{animation:stageMicroJolt 3.8s steps(1,end) infinite}
.chaos-stage.glitch-heavy::before{animation:gridShiftV28 2.8s steps(1,end) infinite}
.chaos-stage.glitch-heavy::after{animation:glowBreathV28 2.7s ease-in-out infinite, scanLineV28 4.4s linear infinite}
@keyframes stageMicroJolt{0%,91%,100%{transform:translate3d(0,0,0)}92%{transform:translate3d(2px,-1px,0)}93%{transform:translate3d(-2px,1px,0)}94%{transform:translate3d(1px,0,0)}}
@keyframes gridShiftV28{0%,74%,100%{transform:none;opacity:.42}75%{transform:translateX(8px);opacity:.26}76%{transform:translateX(-10px);opacity:.5}77%{transform:translateY(2px)}78%{transform:none;opacity:.42}}
@keyframes glowBreathV28{0%,100%{opacity:.95;filter:blur(8px) brightness(1)}50%{opacity:1;filter:blur(10px) brightness(1.12)}}
@keyframes scanLineV28{0%{transform:translateY(-5%)}100%{transform:translateY(5%)}}

.bill-chip,.chaos-alert,.chaos-good,.chaos-target,.diyia-sweep{position:absolute;will-change:transform,opacity}
.bill-chip{z-index:8;min-width:300px;padding:1rem 1.2rem;border-radius:26px;background:linear-gradient(180deg,rgba(11,14,15,.95),rgba(9,12,13,.9));border:1px solid rgba(255,202,91,.34);box-shadow:0 22px 46px rgba(0,0,0,.36),inset 0 0 0 1px rgba(255,255,255,.03)}
.bill-chip small{display:block;margin-bottom:.35rem;font-size:.7rem;letter-spacing:.22em;color:#c2c9bf}
.bill-chip strong{display:block;font-size:3.45rem;line-height:.96;font-weight:700;letter-spacing:-.05em;color:#ffd45f;text-shadow:0 0 22px rgba(255,204,81,.15)}
.bill-main{top:34px;right:34px;animation:billChaosV28 1.05s ease-in-out infinite, dataGlitchV28 2.8s steps(1,end) infinite}
@keyframes billChaosV28{0%,100%{transform:translate(0,0) scale(1)}16%{transform:translate(7px,-4px) scale(1.03)}32%{transform:translate(-8px,6px) scale(.985)}48%{transform:translate(6px,1px) scale(1.015)}64%{transform:translate(-5px,-4px) scale(.995)}80%{transform:translate(3px,5px) scale(1.008)}}
@keyframes dataGlitchV28{0%,78%,100%{filter:none}79%{filter:drop-shadow(4px 0 0 rgba(255,0,76,.35)) drop-shadow(-4px 0 0 rgba(0,206,255,.28))}80%{filter:none}81%{filter:drop-shadow(-3px 0 0 rgba(255,0,76,.3)) drop-shadow(3px 0 0 rgba(0,206,255,.24))}82%{filter:none}}

.chaos-alert,.chaos-good{display:flex;align-items:center;gap:.62rem;min-height:56px;padding:.82rem 1.12rem;border-radius:999px;font-size:.78rem;font-weight:700;letter-spacing:.09em;line-height:1.1;white-space:nowrap;z-index:7}
.chaos-alert{color:#fff;background:linear-gradient(90deg,rgba(105,10,10,.96),rgba(154,22,22,.97) 52%,rgba(108,10,10,.95));border:1px solid rgba(255,145,145,.44);box-shadow:0 16px 34px rgba(112,5,5,.28),0 0 0 1px rgba(255,61,61,.12),inset 0 0 0 1px rgba(255,255,255,.04);text-shadow:0 0 12px rgba(255,61,61,.28);animation:alertPulseV28 1.35s ease-in-out infinite, dangerJitterV28 3s steps(1,end) infinite;background-clip:padding-box}
.chaos-alert span{display:inline-flex;align-items:center;justify-content:center;flex:0 0 24px;width:24px;height:24px;border-radius:50%;background:#ffd24a;color:#2f1800;font-size:1rem;font-weight:900;box-shadow:0 0 18px rgba(255,210,74,.52)}
.chaos-alert::before{content:'';position:absolute;inset:1px;border-radius:inherit;border:1px solid rgba(255,255,255,.06);pointer-events:none}
@keyframes alertPulseV28{0%,100%{transform:translateY(0) scale(1)}50%{transform:translateY(-1px) scale(1.015)}}
@keyframes dangerJitterV28{0%,86%,100%{filter:none}87%{filter:drop-shadow(4px 0 0 rgba(255,0,85,.34)) drop-shadow(-4px 0 0 rgba(0,212,255,.22))}88%{transform:translateX(3px)}89%{transform:translateX(-2px)}90%{transform:none;filter:none}}

.chaos-good{opacity:0;transform:translateY(12px) scale(.98);color:#e6ffde;background:linear-gradient(180deg,rgba(23,55,29,.92),rgba(17,34,20,.96));border:1px solid rgba(121,202,118,.42);box-shadow:0 14px 30px rgba(6,20,8,.28),0 0 0 1px rgba(113,190,108,.08);pointer-events:none;transition:opacity .65s ease, transform .65s cubic-bezier(.2,.9,.2,1)}

.alert-a{top:92px;left:40px}
.alert-d{top:182px;left:54px}
.alert-b{top:164px;right:48px}
.alert-c{bottom:118px;left:60px}
.alert-e{bottom:86px;right:54px}
.good-security{top:92px;left:40px}
.good-balance{top:182px;left:54px}
.good-order{top:164px;right:48px}
.good-bill{bottom:118px;left:60px}
.good-protection{bottom:86px;right:54px}

.chaos-target{left:50%;top:56%;transform:translate(-50%,-50%);width:320px;min-height:192px;padding:1.15rem 1.2rem 1.05rem;border-radius:28px;background:linear-gradient(180deg,rgba(6,10,11,.9),rgba(8,11,12,.82));border:1px solid rgba(248,169,87,.34);box-shadow:0 24px 52px rgba(0,0,0,.42),inset 0 0 0 1px rgba(255,255,255,.03);backdrop-filter:blur(14px);z-index:9;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:.55rem;overflow:hidden}
.chaos-target::before{content:'';position:absolute;left:-18%;right:-18%;top:32%;height:1px;background:linear-gradient(90deg,transparent,rgba(255,179,87,.65),transparent);opacity:.8}
.target-symbol{font-size:2.6rem;color:#f8a24d;line-height:1;filter:drop-shadow(0 0 10px rgba(245,130,32,.24));animation:targetSymbolPulseV28 1.8s ease-in-out infinite}
@keyframes targetSymbolPulseV28{0%,100%{opacity:1;transform:translateY(0)}50%{opacity:.72;transform:translateY(-2px)}}
.chaos-target strong{font-size:1.58rem;font-weight:600;letter-spacing:-.03em;color:#f5f7f1}
.chaos-target small{font-size:.72rem;letter-spacing:.22em;color:#aeb5aa}
.chaos-stage.glitch-heavy .chaos-target{animation:panelGlitchV28 2.3s steps(1,end) infinite, panelFloatV28 5.8s ease-in-out infinite}
@keyframes panelFloatV28{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 2px))}}
@keyframes panelGlitchV28{0%,82%,100%{filter:none}83%{filter:drop-shadow(5px 0 0 rgba(255,0,72,.25)) drop-shadow(-5px 0 0 rgba(0,201,255,.18))}84%{filter:none}85%{filter:drop-shadow(-4px 0 0 rgba(255,0,72,.2)) drop-shadow(4px 0 0 rgba(0,201,255,.16))}86%{filter:none}}

.diyia-sweep{left:-36%;top:52%;transform:translateY(-50%);padding:1rem 1.15rem;border-radius:20px;background:linear-gradient(135deg,rgba(255,214,92,.98),rgba(245,130,32,.98));color:#111;border:1px solid rgba(255,255,255,.22);box-shadow:0 22px 44px rgba(245,130,32,.24),0 0 0 1px rgba(255,255,255,.16);z-index:10;transition:left 1.15s cubic-bezier(.2,.9,.2,1),top 1.15s cubic-bezier(.2,.9,.2,1),transform 1.15s cubic-bezier(.2,.9,.2,1),opacity .5s ease}
.diyia-sweep span{display:block;font-size:1.56rem;font-weight:900;letter-spacing:.06em}
.diyia-sweep small{display:block;margin-top:.16rem;font-size:.61rem;letter-spacing:.22em;font-weight:700}
.chaos-stage.is-sequencing .diyia-sweep{left:4%;top:16%;transform:translateY(0)}
.chaos-stage.phase-two .diyia-sweep,.chaos-stage.phase-three .diyia-sweep,.chaos-stage.phase-four .diyia-sweep,.chaos-stage.is-resolved .diyia-sweep{left:50%;top:56%;transform:translate(-50%,-50%) scale(1.015)}

.chaos-stage.phase-one .alert-d{opacity:0;transform:scale(.82);animation:none;pointer-events:none}
.chaos-stage.phase-two .alert-d,.chaos-stage.phase-two .alert-a{opacity:0;transform:scale(.82);animation:none;pointer-events:none}
.chaos-stage.phase-three .alert-d,.chaos-stage.phase-three .alert-a,.chaos-stage.phase-three .alert-b{opacity:0;transform:scale(.82);animation:none;pointer-events:none}
.chaos-stage.phase-four .alert-d,.chaos-stage.phase-four .alert-a,.chaos-stage.phase-four .alert-b,.chaos-stage.phase-four .alert-e{opacity:0;transform:scale(.82);animation:none;pointer-events:none}
.chaos-stage.is-resolved .chaos-alert{opacity:0!important;transform:scale(.82);animation:none;pointer-events:none}

.chaos-stage.phase-one .good-balance{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.phase-two .good-balance,.chaos-stage.phase-two .good-security{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.phase-three .good-balance,.chaos-stage.phase-three .good-security,.chaos-stage.phase-three .good-order{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.phase-four .good-balance,.chaos-stage.phase-four .good-security,.chaos-stage.phase-four .good-order,.chaos-stage.phase-four .good-protection{opacity:1;transform:translateY(0) scale(1)}
.chaos-stage.is-resolved .good-balance,.chaos-stage.is-resolved .good-security,.chaos-stage.is-resolved .good-order,.chaos-stage.is-resolved .good-protection,.chaos-stage.is-resolved .good-bill{opacity:1;transform:translateY(0) scale(1)}

.chaos-stage.phase-two .bill-main strong{color:#ffd96f}
.chaos-stage.phase-three .bill-main strong{color:#e0e58a}
.chaos-stage.phase-four .bill-main strong{color:#d2e38c}
.chaos-stage.phase-two .bill-main,.chaos-stage.phase-three .bill-main,.chaos-stage.phase-four .bill-main,.chaos-stage.is-resolved .bill-main{animation:none}
.chaos-stage.is-resolved .bill-main{border-color:rgba(136,206,130,.4);background:linear-gradient(180deg,rgba(15,27,16,.95),rgba(11,22,13,.95))}
.chaos-stage.is-resolved .bill-main strong{color:#b8e39b}
.chaos-stage.is-resolved .chaos-target{border-color:rgba(136,206,130,.42);background:linear-gradient(180deg,rgba(12,23,15,.95),rgba(11,19,14,.92))}
.chaos-stage.is-resolved .target-symbol{color:#9bdc8f}

@media (max-width:1100px){
  .bill-chip{min-width:264px}.bill-chip strong{font-size:3rem}
  .alert-a{left:28px}.alert-d{left:40px}.alert-b{right:28px}.alert-c{left:42px}.alert-e{right:34px}
  .good-security{left:28px}.good-balance{left:40px}.good-order{right:28px}.good-bill{left:42px}.good-protection{right:34px}
}
@media (max-width:760px){
  .chaos-stage{height:470px}
  .bill-chip{min-width:180px;padding:.78rem .86rem;border-radius:18px}.bill-main{top:18px;right:14px}
  .bill-chip small{font-size:.5rem;letter-spacing:.16em}.bill-chip strong{font-size:1.86rem}
  .chaos-alert,.chaos-good{font-size:.5rem;letter-spacing:.06em;padding:.56rem .72rem;min-height:42px;max-width:160px}
  .chaos-alert span{width:18px;height:18px;font-size:.82rem;flex-basis:18px}
  .alert-a{top:88px;left:12px}.alert-d{top:140px;left:18px}.alert-b{top:172px;right:10px}.alert-c{bottom:108px;left:12px}.alert-e{bottom:64px;right:10px}
  .good-security{top:88px;left:12px}.good-balance{top:140px;left:18px}.good-order{top:172px;right:10px}.good-bill{bottom:108px;left:12px}.good-protection{bottom:64px;right:10px}
  .chaos-target{width:188px;min-height:136px;top:55%;padding:.8rem .78rem;border-radius:22px}
  .chaos-target strong{font-size:1rem}.chaos-target small{font-size:.5rem;letter-spacing:.16em}.target-symbol{font-size:1.8rem}
  .diyia-sweep{padding:.72rem .78rem;border-radius:16px}.diyia-sweep span{font-size:1rem}.diyia-sweep small{font-size:.39rem;letter-spacing:.16em}
  .chaos-stage.is-sequencing .diyia-sweep{left:3%;top:14%}
  .chaos-stage.phase-two .diyia-sweep,.chaos-stage.phase-three .diyia-sweep,.chaos-stage.phase-four .diyia-sweep,.chaos-stage.is-resolved .diyia-sweep{top:55%}
}


/* ===== V29 OVERRIDES: electrical cinematic panel clean layout ===== */
.chaos-stage{height:clamp(560px,43vw,640px)!important;border-radius:28px!important}
.chaos-stage .electrical-plan{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:.78}
.chaos-stage .plan-wire{stroke-width:2.5;stroke:rgba(211,141,77,.72)}
.chaos-stage .plan-node{r:7;fill:#c97e45}
.bill-chip,.chaos-alert,.chaos-good,.chaos-target,.diyia-sweep{transform-origin:center center}
.bill-chip{min-width:340px!important;max-width:340px!important;padding:1.05rem 1.2rem!important;border-radius:24px!important;z-index:8;background:linear-gradient(180deg,rgba(8,11,12,.96),rgba(9,12,14,.93))!important;border:1px solid rgba(255,200,95,.28)!important;box-shadow:0 18px 34px rgba(0,0,0,.34), inset 0 0 0 1px rgba(255,255,255,.03)!important}
.bill-chip::before,.chaos-alert::before{display:none!important;content:none!important}
.bill-chip small{font-size:.72rem!important;letter-spacing:.24em!important;color:#bcc5b7!important;margin-bottom:.46rem!important}
.bill-chip strong{font-size:3.2rem!important;letter-spacing:-.06em!important}
.bill-main{top:34px!important;right:34px!important;left:auto!important;bottom:auto!important}

.chaos-alert,.chaos-good{min-height:58px!important;max-width:280px!important;padding:.9rem 1.08rem!important;border-radius:999px!important;font-size:.74rem!important;letter-spacing:.08em!important;line-height:1.05!important;z-index:6;backdrop-filter:blur(10px)}
.chaos-alert{background:linear-gradient(90deg,rgba(121,10,10,.95),rgba(173,22,22,.98) 56%,rgba(115,12,12,.96))!important;border:1px solid rgba(255,164,164,.30)!important;box-shadow:0 12px 24px rgba(107,6,6,.22),0 0 22px rgba(255,67,67,.12)!important;text-shadow:0 0 10px rgba(255,61,61,.22)!important}
.chaos-alert span{width:22px!important;height:22px!important;flex-basis:22px!important;font-size:.96rem!important}
.chaos-good{background:linear-gradient(180deg,rgba(24,56,30,.94),rgba(18,39,22,.96))!important;border:1px solid rgba(127,203,125,.28)!important;box-shadow:0 10px 22px rgba(6,20,8,.22)!important}

/* safe composition zones */
.alert-a,.good-security{top:122px!important;left:36px!important}
.alert-d,.good-balance{top:228px!important;left:54px!important}
.alert-b,.good-order{top:212px!important;right:36px!important}
.alert-c,.good-bill{bottom:86px!important;left:42px!important}
.alert-e,.good-protection{bottom:86px!important;right:42px!important}

.chaos-target{left:50%!important;top:61%!important;transform:translate(-50%,-50%)!important;width:286px!important;min-height:174px!important;padding:1rem 1rem .96rem!important;border-radius:28px!important;z-index:9;background:linear-gradient(180deg,rgba(7,10,11,.96),rgba(8,11,12,.90))!important;border:1px solid rgba(233,160,86,.34)!important;box-shadow:0 18px 42px rgba(0,0,0,.38), inset 0 0 0 1px rgba(255,255,255,.03)!important;gap:.48rem!important}
.chaos-target::before{left:8%!important;right:8%!important;top:32%!important;border-radius:999px!important;opacity:.7!important}
.target-symbol{font-size:2.3rem!important}
.chaos-target strong{font-size:1.42rem!important;font-weight:600!important;letter-spacing:-.03em!important}
.chaos-target small{font-size:.68rem!important;letter-spacing:.22em!important;color:#adb5ab!important}
.chaos-stage.glitch-heavy .chaos-target{animation:panelGlitchV29 2.2s steps(1,end) infinite, panelFloatV29 6.6s ease-in-out infinite!important}
@keyframes panelFloatV29{0%,100%{transform:translate(-50%,-50%)}50%{transform:translate(-50%,calc(-50% - 3px))}}
@keyframes panelGlitchV29{0%,79%,100%{filter:none}80%{filter:drop-shadow(6px 0 0 rgba(255,0,72,.28)) drop-shadow(-6px 0 0 rgba(0,201,255,.18))}81%{transform:translate(-50%,-50%) skewX(.7deg)}82%{filter:none;transform:translate(-50%,-50%)}83%{filter:drop-shadow(-5px 0 0 rgba(255,0,72,.22)) drop-shadow(5px 0 0 rgba(0,201,255,.14))}84%{filter:none}}

.diyia-sweep{left:-34%!important;top:53%!important;padding:.98rem 1.1rem!important;border-radius:18px!important;z-index:10!important}
.diyia-sweep span{font-size:1.44rem!important}.diyia-sweep small{font-size:.58rem!important;letter-spacing:.2em!important}
.chaos-stage.is-sequencing .diyia-sweep{left:4%!important;top:12%!important;transform:none!important}
.chaos-stage.phase-two .diyia-sweep,.chaos-stage.phase-three .diyia-sweep,.chaos-stage.phase-four .diyia-sweep,.chaos-stage.is-resolved .diyia-sweep{left:50%!important;top:61%!important;transform:translate(-50%,-50%) scale(1.01)!important}

/* stronger but controlled glitch only before resolution */
.chaos-stage.glitch-heavy .chaos-alert,.chaos-stage.glitch-heavy .bill-main{animation-duration:1.2s,2.2s!important}
.chaos-stage.glitch-heavy .chaos-alert{animation:alertPulseV28 1.28s ease-in-out infinite, dangerJitterV29 2.2s steps(1,end) infinite!important}
@keyframes dangerJitterV29{0%,78%,100%{filter:none}79%{filter:drop-shadow(5px 0 0 rgba(255,0,85,.38)) drop-shadow(-5px 0 0 rgba(0,212,255,.24))}80%{transform:translateX(4px)}81%{transform:translateX(-3px)}82%{transform:none;filter:none}83%{filter:drop-shadow(-4px 0 0 rgba(255,0,85,.30)) drop-shadow(4px 0 0 rgba(0,212,255,.18))}84%{filter:none}}

/* improved resolved state */
.chaos-stage.is-resolved .bill-main,.chaos-stage.is-resolved .chaos-target{box-shadow:0 16px 30px rgba(0,0,0,.26)!important}

@media (max-width:1100px){
  .chaos-stage{height:560px!important}
  .bill-chip{min-width:300px!important;max-width:300px!important}.bill-chip strong{font-size:2.8rem!important}
  .alert-a,.good-security{left:26px!important}.alert-d,.good-balance{left:34px!important}.alert-b,.good-order{right:26px!important}.alert-c,.good-bill{left:32px!important}.alert-e,.good-protection{right:30px!important}
  .chaos-target{width:266px!important;min-height:166px!important}
}

@media (max-width:760px){
  .chaos-stage{height:560px!important}
  .bill-chip{min-width:210px!important;max-width:210px!important;padding:.76rem .78rem!important;border-radius:18px!important}.bill-main{top:18px!important;right:14px!important}
  .bill-chip small{font-size:.48rem!important;letter-spacing:.15em!important}.bill-chip strong{font-size:1.9rem!important}
  .chaos-alert,.chaos-good{max-width:146px!important;min-height:40px!important;padding:.5rem .58rem!important;font-size:.48rem!important;letter-spacing:.055em!important;gap:.42rem!important}
  .chaos-alert span{width:16px!important;height:16px!important;flex-basis:16px!important;font-size:.74rem!important}
  .alert-a,.good-security{top:98px!important;left:10px!important}
  .alert-d,.good-balance{top:152px!important;left:12px!important}
  .alert-b,.good-order{top:152px!important;right:10px!important}
  .alert-c,.good-bill{bottom:70px!important;left:10px!important}
  .alert-e,.good-protection{bottom:70px!important;right:10px!important}
  .chaos-target{width:188px!important;min-height:124px!important;top:60%!important;padding:.72rem .68rem!important;border-radius:22px!important}
  .target-symbol{font-size:1.62rem!important}.chaos-target strong{font-size:1rem!important}.chaos-target small{font-size:.48rem!important;letter-spacing:.14em!important}
  .diyia-sweep{padding:.68rem .72rem!important;border-radius:15px!important}.diyia-sweep span{font-size:.96rem!important}.diyia-sweep small{font-size:.38rem!important;letter-spacing:.13em!important}
  .chaos-stage.is-sequencing .diyia-sweep{left:3%!important;top:14%!important}
  .chaos-stage.phase-two .diyia-sweep,.chaos-stage.phase-three .diyia-sweep,.chaos-stage.phase-four .diyia-sweep,.chaos-stage.is-resolved .diyia-sweep{top:60%!important}
}


/* v30 — Content-first dashboard. CSS Grid guarantees no overlapping alert cards. */
.chaos-stage{height:auto!important;min-height:0!important;padding:clamp(14px,2.4vw,28px)!important;display:grid!important;grid-template-columns:minmax(0,1fr)!important;gap:clamp(18px,2.4vw,28px)!important;overflow:hidden!important;isolation:isolate!important;transform:none!important}
.chaos-stage.glitch-heavy{animation:none!important}
.electric-stage-top,.electric-stage-core{position:relative;z-index:2;min-width:0}
.electric-stage-top{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:118px;padding:4px 0 18px;border-bottom:1px solid rgba(255,255,255,.10)}
.electric-stage-caption{display:inline-flex;gap:9px;align-items:center;font-size:clamp(.61rem,.9vw,.78rem);letter-spacing:.14em;color:#b8bfb7;font-weight:650}
.electric-stage-caption i{width:7px;height:7px;border-radius:50%;background:#f58220;box-shadow:0 0 13px #f58220}
.electric-stage-top .chaos-bills{position:relative!important;inset:auto!important;display:block;flex:0 1 300px;min-width:0}
.electric-stage-top .bill-main{position:relative!important;top:auto!important;right:auto!important;left:auto!important;bottom:auto!important;width:100%!important;min-width:0!important;max-width:none!important;transform:none!important;padding:17px 20px!important;border-radius:20px!important;animation:none!important;box-shadow:0 12px 28px rgba(0,0,0,.25)!important}
.electric-stage-top .bill-main small{font-size:clamp(.50rem,.8vw,.62rem)!important;letter-spacing:.15em!important}
.electric-stage-top .bill-main strong{font-size:clamp(1.7rem,3.3vw,2.8rem)!important;line-height:1!important;font-variant-numeric:tabular-nums!important;white-space:nowrap}
.electric-stage-core{display:grid!important;grid-template-columns:minmax(0,1fr) minmax(175px,.92fr) minmax(0,1fr)!important;gap:clamp(12px,1.5vw,22px)!important;align-items:stretch;min-height:295px}
.electric-side{position:relative!important;display:flex;flex-direction:column;justify-content:space-evenly;gap:clamp(12px,1.5vw,20px);min-width:0;padding:6px 0}
.electric-side .issue-slot{position:relative;min-width:0;min-height:62px;display:flex;align-items:center}
.electric-side .chaos-alert,.electric-side .chaos-good{position:relative!important;top:auto!important;right:auto!important;bottom:auto!important;left:auto!important;width:100%!important;max-width:none!important;min-height:62px!important;border-radius:17px!important;padding:12px 11px!important;transform:none!important;white-space:normal!important;word-break:normal;overflow-wrap:break-word;font-size:clamp(.61rem,.86vw,.78rem)!important;letter-spacing:.035em!important;line-height:1.28!important;box-sizing:border-box;z-index:2}
.electric-side .chaos-alert{animation:alertGlitchV28 3.1s steps(1,end) infinite!important;filter:none!important}
.electric-side .chaos-alert::before{display:none!important;content:none!important}
.electric-side .chaos-alert span{flex:0 0 20px!important;width:20px!important;height:20px!important;font-size:.82rem!important;margin:0!important}
.electric-side .chaos-good{display:none!important;opacity:0!important;pointer-events:none;animation:none!important;transition:none!important}
.electric-stage-center{position:relative!important;display:flex;align-items:center;justify-content:center;min-width:0;padding:20px 0}
.electric-stage-center .electrical-plan{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.electric-stage-center .chaos-target{position:relative!important;left:auto!important;top:auto!important;right:auto!important;bottom:auto!important;width:100%!important;max-width:290px!important;min-height:170px!important;height:auto!important;transform:none!important;margin:0!important;padding:22px 12px!important;box-sizing:border-box!important;z-index:1!important;border-radius:25px!important;background:#0b1010!important;backdrop-filter:none!important;box-shadow:0 16px 28px rgba(0,0,0,.24)!important;animation:none!important;filter:none!important}
.electric-stage-center .chaos-target::before{display:none!important;content:none!important}
.electric-stage-center .chaos-target strong{font-size:clamp(1.06rem,1.45vw,1.42rem)!important;line-height:1.15!important;text-align:center}
.electric-stage-center .chaos-target small{font-size:clamp(.47rem,.65vw,.59rem)!important;letter-spacing:.1em!important;text-align:center;overflow-wrap:anywhere}
.electric-stage-center .target-symbol{font-size:2rem!important}
.electric-stage-center .diyia-sweep{position:absolute!important;top:50%!important;left:50%!important;right:auto!important;bottom:auto!important;width:min(88%,220px)!important;max-width:220px!important;box-sizing:border-box;transform:translate(-50%,-50%) scale(.82)!important;opacity:0!important;z-index:3!important;padding:13px 10px!important;border-radius:17px!important;pointer-events:none;transition:opacity .8s ease,transform .95s cubic-bezier(.2,.8,.2,1)!important;text-align:center}
.electric-stage-center .diyia-sweep span{font-size:1.34rem!important}
.electric-stage-center .diyia-sweep small{font-size:.49rem!important;letter-spacing:.1em!important}
.chaos-stage.is-sequencing .electric-stage-center .diyia-sweep{opacity:1!important;transform:translate(-50%,-50%) scale(1)!important}
.chaos-stage.is-sequencing .electric-stage-center .chaos-target{opacity:.72!important;transition:opacity .8s ease!important}
.chaos-stage.is-resolved .electric-stage-center .chaos-target{opacity:.20!important}
.chaos-stage.is-resolved .electric-stage-center .diyia-sweep{background:linear-gradient(135deg,#d6f0c1,#89c77c)!important}
/* Each issue is exchanged with its solution in exactly the same reserved slot. */
.chaos-stage.phase-one .alert-d,.chaos-stage.phase-two .alert-d,.chaos-stage.phase-two .alert-a,
.chaos-stage.phase-three .alert-d,.chaos-stage.phase-three .alert-a,.chaos-stage.phase-three .alert-b,
.chaos-stage.phase-four .alert-d,.chaos-stage.phase-four .alert-a,.chaos-stage.phase-four .alert-b,.chaos-stage.phase-four .alert-e,
.chaos-stage.is-resolved .electric-side .chaos-alert{display:none!important}
.chaos-stage.phase-one .good-balance,
.chaos-stage.phase-two .good-balance,.chaos-stage.phase-two .good-security,
.chaos-stage.phase-three .good-balance,.chaos-stage.phase-three .good-security,.chaos-stage.phase-three .good-order,
.chaos-stage.phase-four .good-balance,.chaos-stage.phase-four .good-security,.chaos-stage.phase-four .good-order,.chaos-stage.phase-four .good-protection,
.chaos-stage.is-resolved .electric-side .chaos-good{display:flex!important;opacity:1!important;transform:none!important}
@media(max-width:1020px){
 .electric-stage-core{grid-template-columns:minmax(0,1fr) minmax(145px,.85fr) minmax(0,1fr)!important;gap:12px!important}
 .electric-side .chaos-alert,.electric-side .chaos-good{font-size:.59rem!important;padding:10px 8px!important}
}
@media(max-width:740px){
 .chaos-stage{padding:14px!important;gap:16px!important}
 .electric-stage-top{min-height:80px;gap:9px;padding-bottom:12px}
 .electric-stage-caption{font-size:.54rem;letter-spacing:.09em;max-width:110px;line-height:1.5}
 .electric-stage-top .chaos-bills{flex-basis:190px}
 .electric-stage-top .bill-main{padding:11px 12px!important;border-radius:15px!important}
 .electric-stage-top .bill-main small{font-size:.43rem!important;letter-spacing:.06em!important}
 .electric-stage-top .bill-main strong{font-size:clamp(1.44rem,6vw,2rem)!important}
 .electric-stage-core{grid-template-columns:minmax(0,1fr) minmax(0,1fr)!important;gap:10px!important;min-height:0}
 .electric-stage-center{grid-column:1/-1;grid-row:1;min-height:190px;padding:16px 0}
 .electric-stage-center .chaos-target{max-width:210px!important;min-height:150px!important}
 .electric-side{display:contents!important}
 .electric-side .issue-slot{min-height:54px!important}
 .electric-side .chaos-alert,.electric-side .chaos-good{min-height:54px!important;border-radius:14px!important;font-size:clamp(.55rem,2.15vw,.70rem)!important;padding:9px 8px!important;letter-spacing:.015em!important}
 .electric-side .chaos-alert span{width:17px!important;height:17px!important;flex-basis:17px!important}
 .electric-side .issue-slot:nth-child(1){grid-row:2}
 .electric-side .issue-slot:nth-child(2){grid-row:3}
 .electric-side-left .issue-slot:nth-child(3){grid-row:4;grid-column:1/-1}
 .electric-side-left .issue-slot:nth-child(1),.electric-side-left .issue-slot:nth-child(2){grid-column:1}
 .electric-side-right .issue-slot:nth-child(1),.electric-side-right .issue-slot:nth-child(2){grid-column:2}
 .electric-stage-center .diyia-sweep{width:170px!important}
}
@media(max-width:370px){
 .electric-stage-top{align-items:flex-start}
 .electric-stage-top .chaos-bills{flex:0 1 168px}
 .electric-stage-core{grid-template-columns:1fr!important}
 .electric-stage-center{grid-column:1;grid-row:1}
 .electric-side-left .issue-slot:nth-child(1){grid-row:2;grid-column:1}
 .electric-side-right .issue-slot:nth-child(1){grid-row:3;grid-column:1}
 .electric-side-left .issue-slot:nth-child(2){grid-row:4;grid-column:1}
 .electric-side-right .issue-slot:nth-child(2){grid-row:5;grid-column:1}
 .electric-side-left .issue-slot:nth-child(3){grid-row:6;grid-column:1}
}