/* Home v6: additions on top of home-v5.css (page-home-v6.php). */
.v6 .v6-sub { display:block; color:var(--muted); font-weight:400; font-size:.62em; margin-top:8px; }
.v6 .v6-role { display:inline-block; font-size:12px; font-weight:600; letter-spacing:.06em; text-transform:uppercase; padding:5px 11px; border-radius:999px; }
.v6 .v6-so { color:var(--ink) !important; font-weight:600; font-size:15px; margin-top:8px; }

/* 2. Truth: bill vs circuits */
.v6-truth { background:var(--night); color:#C9D0E4; padding:clamp(80px,12vh,128px) 0; position:relative; overflow:hidden; }
.v6-truth::before { content:""; position:absolute; left:0; right:0; top:0; height:3px; background:linear-gradient(90deg,#4DAAE8 0 25%,#98C355 25% 50%,#F7CA50 50% 75%,#DB4B46 75%); }
.v6-truth::after { content:""; position:absolute; right:-200px; top:-200px; width:640px; height:640px; background:radial-gradient(closest-side,rgba(77,170,232,.14),transparent); pointer-events:none; }
.v6 .v6-truth h2 { color:#fff; font-size:clamp(30px,3.6vw,52px); line-height:1.1; margin:0 0 48px; letter-spacing:-.02em; max-width:900px; }
.v6 .v6-truth h2 span { color:#8FC9F2; }
.v6-truth__vs { display:grid; grid-template-columns:minmax(0,.8fr) auto minmax(0,1.2fr); gap:28px; align-items:center; }
.v6 .v6-bill { background:#F8F6F1; color:#3a3a3a; border-radius:14px; padding:26px 26px 22px; box-shadow:0 30px 60px rgba(0,0,0,.35); transform:rotate(-2deg); }
.v6 .v6-bill__h { display:flex; justify-content:space-between; font-weight:600; font-size:15px; border-bottom:1px dashed #cfcac0; padding-bottom:12px; margin-bottom:14px; }
.v6 .v6-bill__h span { color:#8a8578; font-weight:400; }
.v6 .v6-bill__row { display:flex; justify-content:space-between; margin:0 0 12px; }
.v6 .v6-bill__row i { height:8px; border-radius:4px; background:#E2DED4; }
.v6 .v6-bill__total { display:flex; justify-content:space-between; align-items:baseline; border-top:2px solid #3a3a3a; padding-top:14px; margin:18px 0 10px; font-weight:600; }
.v6 .v6-bill__total b { font-size:28px; }
.v6 .v6-bill__total b span { letter-spacing:.05em; color:#3a3a3a; }
.v6 .v6-bill__q { font-size:14px; color:#6d685d; margin:0; }
.v6 .v6-bill__q em { font-style:normal; color:#DB4B46; font-weight:600; }
.v6 .v6-truth__arrow { color:#8FC9F2; margin:0; }
.v6 .v6-truth__arrow svg { width:36px; height:36px; }
.v6 .v6-grid { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.09); border-radius:18px; padding:24px; }
.v6 .v6-grid__dots { display:grid; grid-template-columns:repeat(20,1fr); gap:6px; }
.v6 .v6-grid__dots i { aspect-ratio:1; border-radius:3px; background:rgba(143,201,242,.16); }
.v6 .v6-grid__dots i:nth-child(7n) { background:rgba(143,201,242,.26); }
.v6 .v6-grid__dots i.on { position:relative; }
.v6 .v6-grid__dots i.on--0 { background:#DB4B46; box-shadow:0 0 12px #DB4B46; }
.v6 .v6-grid__dots i.on--1 { background:#F7CA50; box-shadow:0 0 12px #F7CA50; }
.v6 .v6-grid__dots i.on--2 { background:#4DAAE8; box-shadow:0 0 12px #4DAAE8; }
.v6 .v6-grid__tags { list-style:none; padding:0; margin:20px 0 0; display:grid; gap:8px; }
.v6 .v6-grid__tags li { font-size:15px; color:#C9D0E4; padding-left:20px; position:relative; }
.v6 .v6-grid__tags li::before { content:""; position:absolute; left:0; top:.45em; width:10px; height:10px; border-radius:3px; }
.v6 .v6-grid__tags .t0::before { background:#DB4B46; } .v6 .v6-grid__tags .t1::before { background:#F7CA50; } .v6 .v6-grid__tags .t2::before { background:#4DAAE8; }
.v6 .v6-grid__tags b { color:#fff; }
.v6 .v6-grid__ex { margin:14px 0 0; font-size:12.5px; color:#8F96B0; }
.v6 .v6-roles { list-style:none; padding:0; margin:56px 0 0; display:grid; grid-template-columns:repeat(3,1fr); gap:16px; }
.v6 .v6-roles li { background:rgba(255,255,255,.04); border:1px solid rgba(255,255,255,.08); border-radius:16px; padding:22px; }
.v6 .v6-roles p { color:#E4E8F3; font-size:18px; line-height:1.4; margin:12px 0 0; }
.v6-truth .c-blue { background:rgba(77,170,232,.18); color:#8FC9F2; } .v6-truth .c-yellow { background:rgba(247,202,80,.18); color:#F7CA50; } .v6-truth .c-green { background:rgba(152,195,85,.2); color:#B9DB86; }
.v6 .v6-truth .v5-truth__pay { margin-top:44px; }

/* 3. facts */
.v6 .v6-facts p { margin:0; }
.v6 .v6-facts .v6-so { font-size:14.5px; }

/* 4. 284 ledger */
.v6-cat__top { display:grid; grid-template-columns:auto 1fr; gap:48px; align-items:center; margin-bottom:40px; }
.v6 .v6-cat__big { margin:0; font-size:clamp(110px,14vw,190px); font-weight:700; line-height:.9; letter-spacing:-.05em; background:linear-gradient(120deg,#4DAAE8,#98C355 40%,#F7CA50 70%,#DB4B46); -webkit-background-clip:text; background-clip:text; color:transparent; }
.v6 .v6-cat__top h2 { font-size:clamp(28px,3vw,40px); line-height:1.15; color:var(--ink); margin:6px 0 14px; letter-spacing:-.015em; }
.v6 .v6-cat__top p:not(.v5-eyebrow):not(.v6-cat__big) { font-size:18px; color:var(--muted); max-width:620px; margin:0; }
.v6 .v6-bar { display:flex; gap:4px; height:44px; border-radius:12px; overflow:hidden; margin-bottom:24px; }
.v6 .v6-bar span { display:flex; align-items:center; padding-left:14px; color:#fff; font-size:15px; }
.v6-bar--waste, .v6-row--waste .v6-row__n b { background:#4DAAE8; } .v6-bar--peak { background:#F7CA50; } .v6-bar--health { background:#98C355; } .v6-bar--ops { background:#DB4B46; }
.v6 .v6-bar--peak b { color:#5a4300; }
.v6-ledger { display:grid; gap:12px; }
.v6 .v6-row { display:grid; grid-template-columns:170px 1.1fr 1.1fr 1.3fr; gap:28px; align-items:center; background:#fff; border:1px solid var(--line); border-radius:18px; padding:22px 26px; position:relative; overflow:hidden; }
.v6 .v6-row::before { content:""; position:absolute; left:0; top:0; bottom:0; width:5px; }
.v6-row--waste::before { background:#4DAAE8; } .v6-row--peak::before { background:#F7CA50; } .v6-row--health::before { background:#98C355; } .v6-row--ops::before { background:#DB4B46; }
.v6 .v6-row .v5-power__icons { display:flex; gap:4px; margin-bottom:8px; }
.v6 .v6-row__n { margin:0; font-size:14px; color:var(--muted); }
.v6 .v6-row__n b { background:none !important; font-size:30px; color:var(--ink); margin-right:4px; letter-spacing:-.02em; }
.v6 .v6-row h3 { font-size:20px; color:var(--ink); margin:0 0 6px; }
.v6 .v6-row__eg { font-size:14px; color:var(--muted); margin:0; }
.v6 .v6-row__cost p { margin:0; font-size:15px; color:var(--ink); }
.v6 .v6-row__cost .v6-k { font-size:11px; letter-spacing:.08em; text-transform:uppercase; color:var(--faint); margin-top:8px; }
.v6 .v6-row__cost .v6-k:first-child { margin-top:0; }
.v6 .v6-who { font-weight:600; }
.v6 .v6-row__ex { margin:0; font-size:14.5px; color:var(--body); background:var(--soft); border-radius:12px; padding:12px 14px; }
.v6 .v6-row__ex .v5-pill { margin-right:8px; }
.v5-js .v6-row, .v5-js .v6-story, .v5-js .v6-roles li { opacity:0; transform:translateY(16px); transition:opacity .6s ease, transform .6s ease; transition-delay:calc(var(--k,0) * 80ms); }

/* 5. premium panel */
.v6 .v6-art--panel { display:flex; align-items:center; justify-content:center; }
.v6 .v6-art--panel .v6-panel { height:100%; max-height:200px; width:auto; }
.v6-ct__glow { opacity:.25; transform-box:fill-box; transform-origin:center; animation:v6glow 2.4s ease-in-out infinite; animation-delay:var(--d,0s); }
.v6-led { animation:v6led 1.6s ease-in-out infinite; }
@keyframes v6glow { 0%,100% { opacity:.15; transform:scale(.8); } 50% { opacity:.5; transform:scale(1.25); } }
@keyframes v6led { 50% { opacity:.35; } }

/* 6. stories */
.v6 .v6-story { display:grid; grid-template-columns:1.25fr 1fr; gap:56px; align-items:center; margin-top:56px; }
.v6 .v6-story--flip .v6-story__shot { order:2; }
.v6 .v6-story__shot { position:relative; margin:0; background:#fff; border-radius:18px; padding:12px; box-shadow:0 30px 60px rgba(13,23,88,.10), 0 0 0 1px var(--line); }
.v6 .v6-story__shot img { display:block; width:100%; height:auto; border-radius:10px; }
.v6 .v6-expill { position:absolute; right:22px; bottom:22px; z-index:2; background:#fff; color:#0D1758; border:1px solid #DCE1EC; font-size:11.5px; font-weight:600; padding:4px 10px; border-radius:999px; box-shadow:0 4px 12px rgba(13,23,88,.08); }
.v6 .v6-story__txt h3 { font-size:clamp(24px,2.4vw,32px); line-height:1.15; color:var(--ink); margin:14px 0 12px; letter-spacing:-.01em; }
.v6 .v6-story__txt p { font-size:17px; color:var(--muted); margin:0 0 12px; }
.v6 .v6-story__txt .v6-so { font-size:16px; border-left:3px solid var(--blue); padding-left:14px; }
.v6 .v6-day { padding:26px 26px 22px; }
.v6 .v6-day .v6-expill { top:22px; bottom:auto; }
.v6 .v6-day__h { font-weight:600; color:var(--ink); margin:0 0 18px; }
.v6 .v6-day__chart { position:relative; height:210px; display:flex; align-items:flex-end; gap:4px; border-bottom:1px solid var(--line); }
.v6 .v6-day__open { position:absolute; top:0; bottom:0; background:rgba(77,170,232,.09); border-radius:8px 8px 0 0; }
.v6 .v6-day__open em { position:absolute; top:8px; left:10px; font-style:normal; font-size:12px; color:#1f6fa8; font-weight:600; }
.v6 .v6-day__chart i { position:relative; flex:1; background:#B9C9E6; border-radius:4px 4px 0 0; }
.v6 .v6-day__chart i.off { background:#8F96B0; }
.v6 .v6-day__chart i.pk { background:#DB4B46; }
.v6 .v6-day__x { display:flex; justify-content:space-between; font-size:12px; color:var(--faint); margin:8px 0 14px; }
.v6 .v6-day__key { list-style:none; padding:0; margin:0; display:flex; flex-wrap:wrap; gap:8px 20px; font-size:13.5px; color:var(--body); }
.v6 .v6-day__key i { display:inline-block; width:10px; height:10px; border-radius:3px; margin-right:7px; vertical-align:-1px; }
.k-off { background:#8F96B0; } .k-pk { background:#DB4B46; }
.v6 .v6-shows .v5-shows__tie { margin-top:64px; }

/* 7. proof */
.v6 .v6-logo-card { display:flex; flex-direction:column; align-items:center; gap:10px; }
.v6 .v6-story-link { display:inline-flex; align-items:center; gap:8px; background:#fff; border:1px solid var(--line); padding:12px 22px; border-radius:999px; font-weight:600; color:var(--cta); text-decoration:none; }
.v6 .v6-story-link:hover { border-color:var(--cta); }

/* 8. panels */
.v6 .v6-every__role { font-size:17px; color:var(--ink); font-weight:600; margin:0 0 22px; }
.v6 .v6-panels { position:relative; display:grid; grid-template-columns:.8fr 1.1fr .95fr; align-items:end; gap:14px; padding-bottom:78px; }
.v6 .v6-panels__p .v6-panel { width:100%; height:auto; display:block; }
.v6 .v6-panels__link { position:absolute; left:12%; right:12%; bottom:34px; width:76%; height:40px; }
.v6 .v6-panels__dash { position:absolute; left:50%; bottom:0; transform:translateX(-50%); margin:0; background:#0D1758; color:#fff; font-size:13px; font-weight:600; padding:8px 16px; border-radius:999px; white-space:nowrap; }
.v6 .v6-panels__dash i { display:inline-block; width:8px; height:8px; border-radius:50%; background:#98C355; margin-right:8px; }

@media (max-width:1023px) {
  .v6 .v6-row { grid-template-columns:150px 1fr 1fr; }
  .v6 .v6-row__ex { grid-column:1 / -1; }
}
@media (max-width:800px) {
  .v6-truth__vs { grid-template-columns:1fr; }
  .v6 .v6-truth__arrow { transform:rotate(90deg); justify-self:center; }
  .v6 .v6-roles { grid-template-columns:1fr; }
  .v6-cat__top { grid-template-columns:1fr; gap:8px; }
  .v6 .v6-row { grid-template-columns:1fr; gap:14px; }
  .v6 .v6-story { grid-template-columns:1fr; gap:24px; margin-top:44px; }
  .v6 .v6-story--flip .v6-story__shot { order:0; }
  .v6 .v6-bar span { padding-left:8px; font-size:13px; }
  .v6 .v6-grid__dots { grid-template-columns:repeat(12,1fr); }
  .v6 .v6-grid__dots i:nth-child(n+73) { display:none; }
}
@media (prefers-reduced-motion:reduce) { .v6-ct__glow, .v6-led { animation:none; } }
/* r2 */
.v6 .v6-story--flip { grid-template-columns:1fr 1.25fr; }
.v6 .v6-logo-card { width:100%; text-align:center; }
.v6 .v6-logo-card .v5-logos__n { text-align:center; }
.v6 .v5-every__lead { margin-bottom:14px; }
.v6 .v6-art--panel .v6-panel { max-height:210px; }
@media (max-width:800px) { .v6 .v6-story--flip { grid-template-columns:1fr; } }