/* TwistShift Round 11 refinements — v1.0.1 — loaded after the theme stylesheet */

/* Marquee band: dark glow treatment (purple/blue glows drift slowly) */
.marquee-band{background:radial-gradient(45% 140% at 18% 50%,rgba(139,44,247,.55),transparent 70%),radial-gradient(45% 140% at 82% 50%,rgba(30,174,252,.45),transparent 70%),#101016;background-size:220% 100%,220% 100%,auto;animation:marqueeGlow 14s ease-in-out infinite alternate}
@keyframes marqueeGlow{from{background-position:0% 50%,100% 50%,0 0}to{background-position:100% 50%,0% 50%,0 0}}

/* Hero chips backdrop: original theme mesh gradient (no override) */

/* Hero stats: removed at owner's request */
.hero-proof{display:none!important}

/* Hero background wash */
.hero{position:relative;overflow:hidden}
.hero::before{content:"";position:absolute;inset:0;background:radial-gradient(52% 62% at 10% 16%,var(--wash-blue) 0%,transparent 66%),radial-gradient(46% 56% at 90% 10%,var(--wash-lav) 0%,transparent 66%),radial-gradient(56% 52% at 82% 94%,var(--wash-peach) 0%,transparent 68%),radial-gradient(42% 46% at 6% 92%,var(--wash-mint) 0%,transparent 66%);opacity:.5;pointer-events:none}
.hero .wrap{position:relative;z-index:1}

/* Roots band: flush under the marquee (slight overlap, marquee stays on top) */
.marquee-band{margin-bottom:-32px;position:relative;z-index:3}
.roots{padding:64px 0 100px}
.roots-bg{background-position:center 55%}
.roots::after{background:linear-gradient(90deg,rgba(251,250,247,.95) 0%,rgba(251,250,247,.60) 48%,rgba(251,250,247,.16) 100%)}

/* CTA: hide ribbon picture, keep previous layout */
.cta-art{display:none!important}

/* Pillars: modern sticky-split editorial layout (left-aligned, not centered) */
.pillars{background:var(--paper);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.pillars .wrap{display:grid;grid-template-columns:minmax(300px,400px) 1fr;gap:clamp(40px,6vw,90px);align-items:start}
.pillars .sec-head{position:sticky;top:110px;text-align:left;margin:0;max-width:none}
.pillars .sec-head h2{margin-left:0;margin-right:0}
.pillars .sec-head .lede{margin-left:0;margin-right:0}
.pillar-grid{display:grid;grid-template-columns:1fr;gap:0;counter-reset:plr;max-width:none;margin:0}
.pillar{background:transparent;border:0;border-radius:0;border-top:1px solid var(--line);padding:38px 0;display:grid;grid-template-columns:88px 1fr;gap:6px 26px;align-items:start;counter-increment:plr;transition:padding-left .3s ease}
.pillar:last-child{border-bottom:1px solid var(--line)}
.pillar::before{content:"0" counter(plr);grid-row:span 2;font-family:var(--font-display);font-weight:700;font-size:clamp(2.4rem,3.6vw,3.2rem);line-height:1;background:linear-gradient(120deg,var(--blue-deep),var(--purple));-webkit-background-clip:text;background-clip:text;color:transparent}
.pillar:hover{transform:none;box-shadow:none;padding-left:10px}
.pillar .p-ico{display:none}
.pillar h3{grid-column:2;font-size:clamp(1.35rem,2vw,1.65rem);margin-bottom:10px}
.pillar p{grid-column:2;font-size:16.5px;max-width:600px;color:var(--ink-soft)}

/* Header CTA: keep white text on the dark pill (menu link color was winning) */
.nav-links a.btn-dark{color:#fff}
.nav-links a.btn-dark:hover{color:#fff}

/* Center ALL section heads except the pillars block */
.sec-head{text-align:center;margin-left:auto;margin-right:auto}
.sec-head h2{margin-left:auto;margin-right:auto}
.sec-head .lede{margin-left:auto;margin-right:auto}

@media(max-width:640px){
.hero-proof{flex-direction:column;max-width:100%}
.hero-proof div+div{border-left:none;border-top:1px solid var(--line)}
.pillars .wrap{grid-template-columns:1fr;gap:0}
.pillars .sec-head{position:static;margin-bottom:40px}
.pillar{grid-template-columns:72px 1fr;gap:6px 20px;padding:34px 0}
.roots{padding:56px 0 80px}
}