/* ============================================================
   IRONCORE HUB — Homepage sections (LIGHT, motion-led)
   Loaded ONLY by index.html, scoped to body.home-v2.
   Normal light background; soft shadows for depth.
   The pill nav + display font come from theme-upgrade.css.
   ============================================================ */

body.home-v2{
  --acc:var(--primary); --acc2:#2558e6; --acc-soft:rgba(37,99,235,.10);
  --shadow:0 1px 2px rgba(16,24,40,.04), 0 14px 32px -20px rgba(16,24,40,.26);
}
body.home-v2 .section-eyebrow{color:var(--acc2)}
body.home-v2 .hero-h1 em,body.home-v2 .section-title em{color:var(--acc2);font-style:normal}

/* ====================================================
   AMBIENT PARTICLE FIELD — behind the whole homepage
   Fixed canvas at z-index 0; page content sits above it.
   ==================================================== */
body.home-v2 #hv-particles{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
body.home-v2 #main-content,body.home-v2 .site-footer{position:relative;z-index:1}

/* ====================================================
   HERO — light, soft glow, entrance motion
   ==================================================== */
body.home-v2 .hv-hero{
  position:relative; overflow:hidden; text-align:center;
  padding-top:calc(var(--nav-h) + clamp(34px,8vw,92px));
  padding-bottom:clamp(50px,10vw,110px);
  padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px));
}
body.home-v2 .hv-aurora{position:absolute;left:50%;top:-6%;width:min(880px,120%);height:120%;
  transform:translateX(-50%);z-index:0;filter:blur(70px);opacity:.8;pointer-events:none;
  background:radial-gradient(38% 46% at 34% 32%,rgba(37,99,235,.16),transparent 62%),
            radial-gradient(40% 46% at 68% 42%,rgba(7,175,218,.12),transparent 62%);
  animation:hvDrift 20s ease-in-out infinite alternate}
@keyframes hvDrift{to{transform:translateX(-50%) translateY(3%) scale(1.12)}}
body.home-v2 .hv-grid{position:absolute;inset:0;z-index:0;opacity:.5;pointer-events:none;
  background-image:linear-gradient(rgba(20,26,41,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(20,26,41,.045) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask:radial-gradient(70% 60% at 50% 26%,#000,transparent 76%);mask:radial-gradient(70% 60% at 50% 26%,#000,transparent 76%)}
body.home-v2 .hv-inner{position:relative;z-index:1;max-width:1120px;margin:0 auto}
body.home-v2 .hv-hero .hero-h1{font-family:var(--font-display);font-weight:600;line-height:1.02;
  letter-spacing:-.035em;font-size:clamp(42px,8.6vw,88px);margin:0 auto;max-width:15ch;text-wrap:balance;color:var(--ink)}
body.home-v2 .hv-hero .hero-h1 .ln{display:block}
body.home-v2 .hv-cta{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-top:38px}
body.home-v2 .hv-scroll{margin-top:52px;font-size:12px;letter-spacing:.16em;text-transform:uppercase;
  color:var(--ink-faint);display:inline-flex;flex-direction:column;align-items:center;gap:8px}
body.home-v2 .hv-scroll svg{width:16px;height:16px;animation:hvBob 2s ease-in-out infinite}
@keyframes hvBob{50%{transform:translateY(5px)}}
body.home-v2 .hv-hero .hero-h1 .ln,
body.home-v2 .hv-cta{opacity:0;transform:translateY(26px);animation:hvRise .95s cubic-bezier(.2,.7,.2,1) forwards}
body.home-v2 .hv-hero .hero-h1 .ln:nth-child(2){animation-delay:.12s}
body.home-v2 .hv-cta{animation-delay:.3s}
@keyframes hvRise{to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){
  body.home-v2 .hv-aurora,body.home-v2 .hv-scroll svg{animation:none}
  body.home-v2 .hv-hero .hero-h1 .ln,body.home-v2 .hv-cta{opacity:1;transform:none;animation:none}
}

/* ====================================================
   STAT LINE — word reveal + drawn underline
   ==================================================== */
body.home-v2 .hv-stat{text-align:center;padding-block:clamp(54px,9vw,108px)}
body.home-v2 .hv-stat .wrap{max-width:1120px;margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))}
body.home-v2 .hv-stat h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.02em;color:var(--ink);
  font-size:clamp(26px,4.6vw,46px);max-width:22ch;margin:0 auto;line-height:1.14}
body.home-v2 .hv-stat .w{display:inline-block;opacity:0;transform:translateY(16px);
  transition:opacity .55s ease,transform .55s cubic-bezier(.2,.7,.2,1)}
body.home-v2 .hv-stat.visible .w{opacity:1;transform:none}
body.home-v2 .hv-stat .hl{color:var(--acc2)}
@media (prefers-reduced-motion:reduce){
  body.home-v2 .hv-stat .w{opacity:1;transform:none}
}

/* ====================================================
   Section furniture for the new bands
   ==================================================== */
body.home-v2 .hv-section{padding-block:clamp(62px,9vw,116px)}
body.home-v2 .hv-wrap{max-width:1120px;margin:0 auto;padding-inline:max(20px,env(safe-area-inset-left,0px)) max(20px,env(safe-area-inset-right,0px))}
body.home-v2 .hv-head{max-width:620px}
body.home-v2 .hv-head h2{font-family:var(--font-display);font-weight:600;letter-spacing:-.025em;color:var(--ink);
  font-size:clamp(30px,5vw,52px);margin-top:14px;line-height:1.06}
body.home-v2 .hv-note{color:var(--ink-soft);font-size:15px;line-height:1.6;margin-top:14px;max-width:62ch}
body.home-v2 .price-note-box{margin:26px auto 0;max-width:880px;display:flex;align-items:center;gap:14px;
  background:var(--acc-soft);border:1px solid var(--line-accent);border-radius:16px;padding:18px 24px;
  color:var(--ink);font-size:15.5px;line-height:1.55;box-shadow:var(--shadow)}
body.home-v2 .price-note-box svg{width:26px;height:26px;color:var(--acc2);flex:none}
body.home-v2 .price-note-box b{color:var(--acc2);font-weight:700}
@media(max-width:600px){body.home-v2 .price-note-box{flex-direction:column;text-align:center;gap:10px}}

/* Contact form: selects + plan chip */
body.home-v2 .form-select{appearance:none;-webkit-appearance:none;cursor:pointer;padding-right:40px;
  background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23888780' stroke-width='2'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E");
  background-repeat:no-repeat;background-position:right 14px center}
body.home-v2 .form-plan-chip[hidden]{display:none}
body.home-v2 .form-plan-chip{display:inline-flex;align-items:center;gap:4px;margin-top:12px;
  background:var(--acc-soft);color:var(--acc2);border:1px solid var(--line-accent);border-radius:999px;
  padding:7px 15px;font-size:13px;font-weight:600}
body.home-v2 .form-plan-chip b{color:var(--acc2);margin-left:4px}

/* ====================================================
   HOW IT WORKS — connected timeline (tightened)
   ==================================================== */
body.home-v2 .timeline{position:relative;max-width:1060px;margin:48px auto 0}
body.home-v2 .spine{position:absolute;left:50%;transform:translateX(-50%);top:6px;bottom:6px;width:2px;background:var(--line)}
body.home-v2 .spine .fill{position:absolute;left:0;top:0;width:100%;height:var(--fh,0%);
  background:linear-gradient(var(--primary),var(--acc2));transition:height .7s cubic-bezier(.3,.7,.3,1)}
body.home-v2 .tstep{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:74px;align-items:stretch;padding-block:24px}
body.home-v2 .tstep.left .tcard{grid-column:1}
body.home-v2 .tstep.left .tside{grid-column:2}
body.home-v2 .tstep.right .tcard{grid-column:2}
body.home-v2 .tstep.right .tside{grid-column:1}
body.home-v2 .node{position:absolute;left:50%;top:30px;transform:translateX(-50%);width:14px;height:14px;border-radius:50%;
  background:var(--card);border:2px solid var(--line);transition:all .4s ease;z-index:2}
body.home-v2 .tstep.on .node{background:var(--primary);border-color:var(--primary);box-shadow:0 0 0 5px var(--acc-soft)}
body.home-v2 .tcard{display:flex;flex-direction:column;gap:3px;grid-row:1;
  background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;box-shadow:var(--shadow)}
/* animated agent card filling the empty side */
body.home-v2 .tside{display:flex;justify-content:center;align-items:center;grid-row:1}
body.home-v2 .agent{width:min(300px,100%);background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;box-shadow:var(--shadow);animation:agFloat 6s ease-in-out infinite}
@keyframes agFloat{50%{transform:translateY(-8px)}}
body.home-v2 .agent-top{display:flex;align-items:center;gap:12px}
body.home-v2 .orb{width:42px;height:42px;border-radius:50%;flex:none;position:relative;
  background:radial-gradient(circle at 35% 30%,var(--primary-light),var(--primary) 72%)}
body.home-v2 .orb::after{content:"";position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 0 rgba(37,99,235,.45);animation:agPulse 2.6s infinite}
@keyframes agPulse{0%{box-shadow:0 0 0 0 rgba(37,99,235,.45)}70%{box-shadow:0 0 0 13px rgba(37,99,235,0)}100%{box-shadow:0 0 0 0 rgba(37,99,235,0)}}
body.home-v2 .agent-top b{font-size:14px;color:var(--ink);display:block;line-height:1.2}
body.home-v2 .agent-top small{font-size:12px;color:var(--ink-faint)}
body.home-v2 .live-dot{margin-left:auto;width:8px;height:8px;border-radius:50%;background:#0E9F6E;animation:agPulseG 2.6s infinite}
@keyframes agPulseG{0%{box-shadow:0 0 0 0 rgba(14,159,110,.5)}70%{box-shadow:0 0 0 7px rgba(14,159,110,0)}100%{box-shadow:0 0 0 0 rgba(14,159,110,0)}}
body.home-v2 .agent-msg{margin-top:14px;font-size:13px;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:12px;padding:10px 12px;display:flex;align-items:center;gap:9px}
body.home-v2 .typing{display:inline-flex;gap:3px;flex:none}
body.home-v2 .typing i{width:5px;height:5px;border-radius:50%;background:var(--acc2);animation:agBlink 1.4s infinite}
body.home-v2 .typing i:nth-child(2){animation-delay:.2s}
body.home-v2 .typing i:nth-child(3){animation-delay:.4s}
@keyframes agBlink{0%,60%,100%{opacity:.25}30%{opacity:1}}
body.home-v2 .agent-bar{height:6px;border-radius:999px;background:rgba(20,26,41,.08);margin-top:14px;overflow:hidden}
body.home-v2 .agent-bar i{display:block;height:100%;border-radius:999px;background:linear-gradient(90deg,var(--primary),var(--acc2));
  transform-origin:left;animation:agGrow 2.6s ease-in-out infinite alternate}
@keyframes agGrow{from{filter:brightness(.92)}to{filter:brightness(1.08)}}
body.home-v2 .agent-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}
body.home-v2 .agent-chips span{font-size:11px;font-weight:500;color:var(--acc2);background:var(--acc-soft);
  border-radius:999px;padding:4px 10px;display:inline-flex;align-items:center;gap:5px}
@media (prefers-reduced-motion:reduce){
  body.home-v2 .agent,body.home-v2 .orb::after,body.home-v2 .live-dot,body.home-v2 .typing i,body.home-v2 .agent-bar i{animation:none}
}
body.home-v2 .tbignum{font-family:var(--font-display);font-weight:700;font-size:38px;line-height:1;color:var(--acc2);align-self:flex-start;margin-bottom:4px}
body.home-v2 .tstep.right .tbignum{align-self:flex-end}
body.home-v2 .tnum{font-family:var(--font-display);font-size:12px;font-weight:700;color:var(--ink-faint);letter-spacing:.06em;text-transform:uppercase}
body.home-v2 .tcard h3{font-family:var(--font-display);font-weight:600;font-size:clamp(19px,2.6vw,25px);letter-spacing:-.02em;margin-top:3px;line-height:1.08;color:var(--ink)}
body.home-v2 .tcard p{color:var(--ink-soft);font-size:14.5px;margin-top:9px}
body.home-v2 .tvisual{width:100%;margin-top:16px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px}
body.home-v2 .panel-h{display:flex;justify-content:space-between;align-items:flex-start;gap:10px;
  border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:14px}
body.home-v2 .panel-h b{font-weight:600;font-size:14px;color:var(--ink)}
body.home-v2 .panel-h span.s{font-size:12px;color:var(--ink-faint)}
body.home-v2 .spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--primary);
  animation:hvSpin 1s linear infinite;flex:none}
@keyframes hvSpin{to{transform:rotate(360deg)}}
body.home-v2 .metric{display:flex;align-items:center;gap:12px;margin-bottom:13px}
body.home-v2 .metric .ic{width:30px;height:30px;border-radius:8px;background:var(--acc-soft);display:grid;place-items:center;flex:none;color:var(--acc2)}
body.home-v2 .metric .mt{flex:1;min-width:0}
body.home-v2 .metric .mt b{font-size:13px;font-weight:600;display:block;color:var(--ink)}
body.home-v2 .metric .mt small{font-size:11px;color:var(--ink-faint)}
body.home-v2 .bar{height:5px;border-radius:999px;background:rgba(20,26,41,.08);margin-top:6px;overflow:hidden}
body.home-v2 .bar i{display:block;height:100%;background:var(--primary);border-radius:999px;width:0;transition:width 1.1s .2s ease}
body.home-v2 .tstep.on .bar i{width:var(--w)}
body.home-v2 .tool-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;border-bottom:1px solid var(--line)}
body.home-v2 .tool-row:last-child{border-bottom:0}
body.home-v2 .tool-row .l{display:flex;align-items:center;gap:10px;font-size:13px;color:var(--ink)}
body.home-v2 .chipicon{width:26px;height:26px;border-radius:7px;background:var(--surface);border:1px solid var(--line);display:grid;place-items:center;color:var(--acc2)}
body.home-v2 .req{font-size:11px;color:#0E9F6E;border:1px solid var(--line);border-radius:999px;padding:4px 10px}
body.home-v2 .log{display:flex;align-items:center;gap:10px;font-size:12.5px;padding:6px 0;color:var(--ink)}
body.home-v2 .pill{font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.03em;padding:2px 8px;border-radius:999px;flex:none}
body.home-v2 .pill.n{background:rgba(14,159,110,.12);color:#0E9F6E}
body.home-v2 .pill.i{background:var(--acc-soft);color:var(--acc2)}
body.home-v2 .pill.f{background:rgba(180,83,9,.12);color:#B45309}
@media(max-width:760px){
  body.home-v2 .spine{left:17px;transform:none}
  body.home-v2 .tstep{grid-template-columns:1fr;gap:16px;padding-left:46px}
  body.home-v2 .tstep.left .tcard,body.home-v2 .tstep.right .tcard,
  body.home-v2 .tstep.left .tside,body.home-v2 .tstep.right .tside{grid-column:1}
  body.home-v2 .tcard,body.home-v2 .tside{grid-row:auto}
  body.home-v2 .tbignum,body.home-v2 .tstep.right .tbignum{align-self:flex-start}
  body.home-v2 .agent{width:100%}
  body.home-v2 .node{left:17px;top:30px}
}
@media (prefers-reduced-motion:reduce){body.home-v2 .spin{animation:none}}

/* ====================================================
   INTEGRATIONS grid
   ==================================================== */
body.home-v2 .ig{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:42px}
body.home-v2 .ig .tile{background:var(--card);border:1px solid var(--line);border-radius:14px;padding:22px 12px;box-shadow:var(--shadow);
  display:flex;flex-direction:column;align-items:center;gap:12px;text-align:center;transition:border-color .2s,transform .2s}
body.home-v2 .ig .tile:hover{border-color:var(--primary);transform:translateY(-3px)}
body.home-v2 .ig .tile svg{width:28px;height:28px;color:var(--acc2)}
body.home-v2 .ig .tile b{font-size:13px;font-weight:500;color:var(--ink-soft)}
body.home-v2 .ig .tile.more{border-style:dashed;box-shadow:none;background:transparent}
body.home-v2 .ig .tile.more svg,body.home-v2 .ig .tile.more b{color:var(--ink-faint)}
@media(max-width:860px){body.home-v2 .ig{grid-template-columns:repeat(3,1fr)}}
@media(max-width:480px){body.home-v2 .ig{grid-template-columns:repeat(2,1fr)}}

/* ====================================================
   COMPARISON
   ==================================================== */
body.home-v2 .vs{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:42px}
body.home-v2 .vs .col{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:24px;box-shadow:var(--shadow)}
body.home-v2 .vs .col.good{border-color:rgba(37,99,235,.35);background:linear-gradient(180deg,var(--acc-soft),var(--card))}
body.home-v2 .vs .col h4{font-family:var(--font-display);font-size:16px;font-weight:600;margin:0 0 16px;color:var(--ink)}
body.home-v2 .vs ul{margin:0;padding:0;list-style:none}
body.home-v2 .vs li{display:flex;gap:10px;align-items:flex-start;padding:8px 0;font-size:14px;color:var(--ink-soft)}
body.home-v2 .vs .good li{color:var(--ink)}
body.home-v2 .vs .mk{width:18px;height:18px;flex:none;margin-top:2px}
@media(max-width:620px){body.home-v2 .vs{grid-template-columns:1fr}}

/* ====================================================
   PRICING teaser
   ==================================================== */
body.home-v2 .price{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:42px}
body.home-v2 .plan{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:26px;display:flex;flex-direction:column;gap:14px;box-shadow:var(--shadow)}
body.home-v2 .plan.feat{border-color:var(--primary);background:linear-gradient(180deg,var(--acc-soft),var(--card));position:relative}
body.home-v2 .plan.feat .tagf{position:absolute;top:-11px;left:26px;background:var(--primary);color:#fff;font-size:11px;font-weight:700;
  text-transform:uppercase;letter-spacing:.04em;padding:4px 12px;border-radius:999px}
body.home-v2 .plan .pn{font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink)}
body.home-v2 .plan .pp{font-family:var(--font-display);font-weight:700;font-size:30px;letter-spacing:-.02em;color:var(--ink)}
body.home-v2 .plan .pp small{font-size:13px;color:var(--ink-soft);font-weight:400;font-family:var(--font-body)}
body.home-v2 .plan .sub2{font-size:13px;color:var(--ink-faint)}
body.home-v2 .plan ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-direction:column;gap:9px}
body.home-v2 .plan li{display:flex;gap:9px;font-size:13.5px;color:var(--ink-soft)}
body.home-v2 .plan li svg{width:16px;height:16px;flex:none;color:var(--acc2);margin-top:2px}
body.home-v2 .plan .btn-primary,body.home-v2 .plan .btn-ghost{justify-content:center;text-align:center;margin-top:6px}
@media(max-width:860px){body.home-v2 .price{grid-template-columns:1fr}}

/* Platform band trimmed to a compact centered teaser */
body.home-v2 .platform-inner{display:block;max-width:720px;margin:0 auto;text-align:center}
body.home-v2 .platform-inner .section-eyebrow{justify-content:center}
body.home-v2 .platform-actions{justify-content:center}

/* ====================================================
   WHAT WE DO — bento with mini illustrations
   ==================================================== */
body.home-v2 .wd-bento{display:grid;grid-template-columns:repeat(6,1fr);gap:16px;margin-top:44px}
body.home-v2 .wd-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:22px;box-shadow:var(--shadow);
  display:flex;flex-direction:column;gap:10px;overflow:hidden;transition:transform .25s ease,border-color .25s ease}
body.home-v2 .wd-card:hover{transform:translateY(-3px);border-color:var(--line-accent)}
body.home-v2 .wd-ico{width:44px;height:44px;border-radius:12px;background:var(--acc-soft);display:grid;place-items:center;color:var(--acc2);flex:none}
body.home-v2 .wd-ico svg{width:22px;height:22px}
body.home-v2 .wd-card h3{font-family:var(--font-display);font-weight:600;font-size:18px;letter-spacing:-.01em;color:var(--ink);line-height:1.15}
body.home-v2 .wd-card p{font-size:13.5px;color:var(--ink-soft);line-height:1.5}
body.home-v2 .wd-card.wd-top{grid-column:span 3;min-height:308px}
body.home-v2 .wd-card.wd-bot{grid-column:span 2}
body.home-v2 .wd-card.wd-top h3{font-size:clamp(20px,2.3vw,24px)}
body.home-v2 .wd-card.wd-top p{font-size:14.5px;max-width:54ch}
body.home-v2 .wd-hub{margin-top:auto;display:flex;flex-direction:column;gap:12px}
body.home-v2 .wd-hub-core{display:inline-flex;align-items:center;gap:8px;align-self:flex-start;font-size:13px;font-weight:600;color:var(--acc2);background:var(--acc-soft);border:1px solid var(--line-accent);border-radius:10px;padding:9px 13px}
body.home-v2 .wd-hub-core svg{width:16px;height:16px}
body.home-v2 .wd-site{margin-top:auto;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:var(--surface)}
body.home-v2 .wd-site-bar{display:flex;gap:6px;padding:9px 11px;border-bottom:1px solid var(--line)}
body.home-v2 .wd-site-bar i{width:8px;height:8px;border-radius:50%;background:var(--line-accent)}
body.home-v2 .wd-site-body{padding:13px;display:flex;flex-direction:column;gap:7px}
body.home-v2 .wd-site-body .ln{height:8px;border-radius:4px;background:var(--line-accent)}
body.home-v2 .wd-site-body .ln.s{width:62%}
body.home-v2 .wd-site-body .ln.btn{width:42%;height:16px;background:var(--primary);margin-top:4px}
body.home-v2 .wd-flow{margin-top:auto;display:flex;flex-direction:column;gap:11px;background:var(--surface);border:1px solid var(--line);border-radius:14px;padding:15px}
body.home-v2 .wd-task{display:flex;align-items:center;gap:11px;font-size:14px;color:var(--ink)}
body.home-v2 .wd-task b{margin-left:auto;font-size:11px;font-weight:600;color:var(--ink-faint)}
body.home-v2 .wd-task.done b{color:#0E9F6E}
body.home-v2 .wd-task.run b{color:var(--acc2)}
body.home-v2 .wd-check{width:22px;height:22px;border-radius:50%;background:rgba(14,159,110,.15);color:#0E9F6E;display:grid;place-items:center;flex:none}
body.home-v2 .wd-spin{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);border-top-color:var(--primary);animation:hvSpin 1s linear infinite;flex:none}
body.home-v2 .wd-dot{width:18px;height:18px;border-radius:50%;border:2px solid var(--line);flex:none}
body.home-v2 .wd-nodes{display:flex;align-items:center;gap:7px;margin-top:auto}
body.home-v2 .wd-nodes span{font-size:12px;font-weight:600;color:var(--acc2);background:var(--acc-soft);border-radius:9px;padding:8px 10px;white-space:nowrap}
body.home-v2 .wd-nodes i{height:2px;flex:1;min-width:8px;background:repeating-linear-gradient(90deg,var(--line-accent) 0 5px,transparent 5px 11px)}
body.home-v2 .wd-bars{display:flex;align-items:flex-end;gap:9px;height:60px;margin-top:auto}
body.home-v2 .wd-bars i{flex:1;background:linear-gradient(var(--acc2),var(--primary));border-radius:6px 6px 0 0}
body.home-v2 .wd-chips{display:flex;flex-wrap:wrap;gap:8px;margin-top:auto}
body.home-v2 .wd-chips span{font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:999px;padding:6px 12px}
body.home-v2 .wd-pay{display:flex;align-items:center;gap:10px;margin-top:auto}
body.home-v2 .wd-prod{font-size:12px;font-weight:600;color:var(--ink-soft);background:var(--surface);border:1px solid var(--line);border-radius:8px;padding:8px 11px}
body.home-v2 .wd-momo{font-size:12px;font-weight:700;color:#fff;background:var(--primary);border-radius:8px;padding:8px 12px;margin-left:auto}
body.home-v2 .wd-gaugewrap{display:flex;align-items:center;gap:12px;margin-top:auto}
body.home-v2 .wd-gauge{width:70px;height:70px;border-radius:50%;flex:none;position:relative;display:grid;place-items:center;
  background:conic-gradient(var(--primary) 0 86%, rgba(20,26,41,.08) 86% 100%)}
body.home-v2 .wd-gauge::before{content:"";position:absolute;inset:9px;border-radius:50%;background:var(--card)}
body.home-v2 .wd-gauge b{position:relative;font-family:var(--font-display);font-weight:700;font-size:19px;color:var(--ink)}
body.home-v2 .wd-gaugewrap span{font-size:12px;color:var(--ink-faint)}
@media (prefers-reduced-motion:reduce){body.home-v2 .wd-spin{animation:none}}
@media(max-width:900px){
  body.home-v2 .wd-bento{grid-template-columns:1fr}
  body.home-v2 .wd-card.wd-top,body.home-v2 .wd-card.wd-bot{grid-column:auto}
}