/*!BZX-HOME breathizene.com home sections (1 Oct 2026) - loaded on index.html only; every rule scoped to body.bzx*/
.bzx{--ice:#F3F7FF;--ice2:#E9F0FF;--cob:#1B5CE0;--cob2:#3F7BFF;--cy:#1FB6F0;--mg:#D6248C;--night:#081233}
.bzx main{background:var(--ice)}
/* light bands */
.bzx .sec{isolation:isolate}
.bzx .sec:not(.sec--tint):not(.sec--dark):not(.sec--deep):not(.sec--trustband){background:#fff}
.bzx .sec--tint{background:linear-gradient(180deg,var(--ice),var(--ice2))}
.bzx .sec--tint::after{content:"";position:absolute;inset:0;z-index:-1;pointer-events:none;background-image:radial-gradient(rgba(27,92,224,.10) 1px,transparent 1.3px);background-size:24px 24px;-webkit-mask-image:linear-gradient(180deg,#000,transparent 70%);mask-image:linear-gradient(180deg,#000,transparent 70%)}
/* section heads */
.bzx .sec__head h2{font-family:var(--font-body);font-weight:800;letter-spacing:-.022em;color:#0A1433;line-height:1.1;position:relative;padding-bottom:14px}
.bzx .sec__head h2::after{content:"";position:absolute;left:0;bottom:0;width:84px;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--cy),var(--cob2) 50%,#FF5CB8);transform-origin:left}
.bzx .sec__head--c h2::after{left:50%;margin-left:-42px}
.bzx .kicker{display:inline-flex;align-items:center;gap:8px;padding:7px 13px;border-radius:999px;background:#fff;border:1px solid #CFDDFB;color:var(--cob);font-size:13px;box-shadow:0 4px 14px rgba(27,92,224,.10)}
.bzx .kicker::before{content:"";width:7px;height:7px;border-radius:50%;background:linear-gradient(135deg,var(--cy),#FF5CB8)}
/* dark bands */
.bzx .sec--dark,.bzx .sec--deep{background:radial-gradient(700px 380px at 85% 0%,rgba(255,92,184,.16),transparent 70%),radial-gradient(800px 420px at 10% 100%,rgba(95,216,255,.16),transparent 70%),linear-gradient(170deg,#0B1A4F,#050B24);overflow:hidden}
.bzx .sec--dark .sec__head h2,.bzx .sec--deep .sec__head h2,.bzx .sec--dark h2,.bzx .sec--deep h2{color:#fff}
.bzx .sec--dark .kicker,.bzx .sec--deep .kicker{background:rgba(255,255,255,.06);border-color:rgba(124,231,255,.35);color:#9FE9FF;box-shadow:none}
.bzx .fx-glow{position:absolute;left:0;top:0;width:600px;height:600px;border-radius:50%;pointer-events:none;z-index:0;opacity:0;background:radial-gradient(circle,rgba(95,216,255,.16),transparent 62%);transition:opacity .4s}
.bzx .sec--dark>.shell,.bzx .sec--deep>.shell{position:relative;z-index:1}
.bzx .stats>div{padding:22px 14px;border-radius:18px;background:linear-gradient(160deg,rgba(255,255,255,.08),rgba(255,255,255,.02));border:1px solid rgba(150,190,255,.2)}
.bzx .stats b{font-family:var(--font-body);font-weight:800;background:linear-gradient(92deg,#7CE7FF,#B9C8FF 50%,#FF9AD6);-webkit-background-clip:text;background-clip:text;color:transparent}
.bzx .stats span{color:#C9D5F2}
/* cards */
.bzx .card{background:#fff;border:1px solid #DCE6FB;box-shadow:0 1px 2px rgba(12,21,38,.05),0 10px 26px rgba(27,92,224,.08);position:relative;overflow:hidden}
.bzx .card::before{content:"";position:absolute;left:0;right:0;top:0;height:4px;background:linear-gradient(90deg,var(--cy),var(--cob2),#FF5CB8)}
.bzx .card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(27,92,224,.16)}
.bzx .card__n{border-radius:50%;background:linear-gradient(135deg,#35C9FF,#3F7BFF 60%,#7A5CFF);box-shadow:0 6px 16px rgba(63,123,255,.35)}
.bzx .card h3{color:#0A1433}
/* tables */
.bzx .tablewrap{border:1px solid #D5E1FA;border-radius:18px;box-shadow:0 12px 30px rgba(27,92,224,.08)}
.bzx .tablewrap thead th{background:linear-gradient(90deg,#123A9E,#1B5CE0);color:#fff;border:0}
.bzx .tablewrap tbody tr:nth-child(even) td{background:#F6F9FF}
.bzx .tablewrap tbody tr:hover td{background:#EAF2FF}
.bzx .tablewrap--dark thead th{background:rgba(255,255,255,.12)}
.bzx .tablewrap--dark tbody tr:nth-child(even) td,.bzx .tablewrap--dark tbody tr:hover td{background:rgba(255,255,255,.04)}
/* ingredients */
.bzx .ing figure{border:0;border-radius:20px;background:#fff;box-shadow:0 10px 28px rgba(27,92,224,.10);position:relative}
.bzx .ing figure img{transition:transform .6s cubic-bezier(.2,.8,.2,1)}
.bzx .ing figure:hover img{transform:scale(1.07)}
.bzx .ing figure:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:0 22px 44px rgba(27,92,224,.18)}
.bzx .ing figcaption b{color:#0A1433}
/* steps + checks */
.bzx .steps li{border:0;box-shadow:0 10px 26px rgba(27,92,224,.09);border-radius:20px}
.bzx .steps li::before{background:linear-gradient(135deg,#35C9FF,#3F7BFF 60%,#7A5CFF)!important;color:#fff!important;border-radius:50%!important;box-shadow:0 6px 16px rgba(63,123,255,.35)}
.bzx .bze-check{margin-inline:auto}
.bzx .bze-check li{border:0;border-radius:20px;box-shadow:0 10px 26px rgba(27,92,224,.09)}
.bzx .bze-check li::before{background:linear-gradient(135deg,#0B1A4F,#1B5CE0)}
/* packs */
.bzx .pack{border-radius:22px;border-color:#D5E1FA;overflow:visible}
.bzx .pack:hover{transform:translateY(-6px);box-shadow:0 24px 50px rgba(27,92,224,.18)}
.bzx .pack--best{border:0;box-shadow:0 20px 50px rgba(63,123,255,.30)}
.bzx .pack--best::after{content:"";position:absolute;inset:-2px;z-index:-1;border-radius:24px;background:linear-gradient(135deg,#35C9FF,#7A5CFF 50%,#FF5CB8)}
.bzx .pack--best::before{content:"";position:absolute;inset:-14px;z-index:-2;border-radius:32px;background:radial-gradient(closest-side,rgba(63,123,255,.35),transparent);opacity:.5;pointer-events:none}
.bzx .pack--best .pack__hd{background:linear-gradient(90deg,#1B5CE0,#7A5CFF)}
.bzx .pack--best .pack__hd b,.bzx .pack--best .pack__hd span{color:#fff}
/* notes, labels, reviews, score */
.bzx .note{border-radius:18px}
.bzx .label{border-radius:20px}
.bzx .score__bar{background:#E3ECFF}
.bzx .score__bar::before{background:linear-gradient(90deg,#35C9FF,#3F7BFF 60%,#FF5CB8);transform-origin:left}
.bzx .ratebox{border-radius:20px}
/* FAQ: two columns on wide screens */
@media (min-width:1000px){.bzx .faq{max-width:1180px;grid-template-columns:1fr 1fr;align-items:start}}
.bzx .faq details{border-radius:16px;border-color:#D5E1FA;box-shadow:0 6px 18px rgba(27,92,224,.06)}
.bzx .faq summary{position:relative;padding-right:52px}
.bzx .faq summary::after{content:"";position:absolute;right:18px;top:50%;width:22px;height:22px;margin-top:-11px;border-radius:50%;background:linear-gradient(#fff,#fff) center/10px 2px no-repeat,linear-gradient(#fff,#fff) center/2px 10px no-repeat,linear-gradient(135deg,#35C9FF,#3F7BFF);transition:transform .3s cubic-bezier(.2,.8,.2,1)}
.bzx .faq details[open] summary::after{transform:rotate(45deg)}
.bzx .faq details[open]{border-color:#9DB9F5;box-shadow:0 14px 32px rgba(27,92,224,.14)}
/* final CTA */
.bzx .ctap{position:relative;overflow:hidden;background:radial-gradient(500px 260px at 90% 0%,rgba(255,92,184,.28),transparent 70%),radial-gradient(520px 300px at 0% 100%,rgba(95,216,255,.25),transparent 70%),linear-gradient(160deg,#12307E,#081233)}
.bzx .ctap::after{content:"";position:absolute;inset:-40%;z-index:0;pointer-events:none;background:conic-gradient(from 90deg,transparent,rgba(124,231,255,.12),transparent 30%);opacity:.9}
.bzx .ctap>*{position:relative;z-index:1}

/* night bands: selected card sections turned dark; cards keep their own light surface */
.bzx .bzx-night{background:radial-gradient(700px 420px at 90% 0%,rgba(255,92,184,.18),transparent 70%),radial-gradient(760px 460px at 0% 100%,rgba(95,216,255,.18),transparent 70%),linear-gradient(170deg,#0B1A4F 0%,#070F33 60%,#050B24 100%)!important;color:#D9E3FF;overflow:hidden}
.bzx .bzx-night::after{display:none}
.bzx .bzx-night>.shell{position:relative;z-index:1}
.bzx .bzx-night .sec__head h2{color:#fff}
.bzx .bzx-night .sec__head p,.bzx .bzx-night>.shell>p,.bzx .bzx-night .lede,.bzx .bzx-night .cart__fine{color:#C9D5F2}
.bzx .bzx-night .kicker{background:rgba(255,255,255,.06);border-color:rgba(124,231,255,.35);color:#9FE9FF;box-shadow:none}
.bzx .bzx-night .linkrow a,.bzx .bzx-night>.shell>p a,.bzx .bzx-night .cart__fine a{color:#9FE9FF}
.bzx .bzx-night :is(.card,.pack,.ing figure,.rev,.bze-check li,.ratebox,.note,.tablewrap,.label,.seg){color:var(--ink-2,#33415A)}
.bzx .bzx-night :is(.card,.pack,.ing figure,.rev,.bze-check li,.ratebox,.note,.tablewrap,.label) :is(h3,h4,b,strong,th){color:#0A1433}
.bzx .bzx-night :is(.card,.rev,.bze-check li,.ratebox,.note) a:not(.btn){color:#1B5CE0}
.bzx .bzx-night .card,.bzx .bzx-night .pack,.bzx .bzx-night .ing figure,.bzx .bzx-night .rev,.bzx .bzx-night .bze-check li,.bzx .bzx-night .ratebox,.bzx .bzx-night .note{box-shadow:0 22px 50px rgba(0,0,0,.35),0 0 0 1px rgba(124,231,255,.16)}
.bzx .bzx-night .ing figure:hover,.bzx .bzx-night .card:hover,.bzx .bzx-night .pack:hover{box-shadow:0 26px 60px rgba(0,0,0,.45),0 0 0 1px rgba(124,231,255,.45),0 0 40px rgba(63,123,255,.35)}
.bzx .bzx-orb{position:absolute;z-index:0;width:520px;height:520px;border-radius:50%;pointer-events:none;background:radial-gradient(closest-side,rgba(95,216,255,.20),transparent);filter:blur(2px)}
.bzx .bzx-orb--a{left:-160px;top:-120px}
.bzx .bzx-orb--b{right:-180px;bottom:-160px;background:radial-gradient(closest-side,rgba(255,92,184,.18),transparent)}
@media (prefers-reduced-motion:no-preference){
.bzx .bzx-orb--a{animation:bzxOrb 18s ease-in-out infinite alternate}
.bzx .bzx-orb--b{animation:bzxOrb 22s ease-in-out 2s infinite alternate-reverse}
}
@keyframes bzxOrb{0%{transform:translate(0,0) scale(1)}100%{transform:translate(120px,80px) scale(1.25)}}
/* reading progress */
.bzx .fx-prog{position:fixed;left:0;right:0;top:0;height:3px;z-index:70;transform-origin:left;transform:scaleX(0);background:linear-gradient(90deg,#35C9FF,#3F7BFF 50%,#FF5CB8);pointer-events:none}
/* reveals: hidden only when JS marked them below the fold */
.bzx .fx-r{opacity:0;transform:translateY(26px) scale(.985);transition:opacity .7s cubic-bezier(.2,.8,.2,1),transform .7s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--fx-i,0)*70ms)}
.bzx .fx-r.fx-in{opacity:1;transform:none}
.bzx .sec__head.fx-r h2::after{transform:scaleX(0);transition:transform .9s cubic-bezier(.2,.8,.2,1) .25s}
.bzx .sec__head.fx-in h2::after{transform:scaleX(1)}
.bzx .score__row.fx-r .score__bar::before{transform:scaleX(0);transition:transform 1.1s cubic-bezier(.2,.8,.2,1) .2s}
.bzx .score__row.fx-in .score__bar::before{transform:scaleX(1)}
@media (prefers-reduced-motion:no-preference){
.bzx .pack--best::before{animation:bzxGlow 3.2s ease-in-out infinite}
.bzx .ctap::after{animation:bzxSpin2 14s linear infinite}
}
@keyframes bzxSpin2{to{transform:rotate(360deg)}}
@keyframes bzxGlow{0%,100%{opacity:.35}50%{opacity:.9}}
@media (prefers-reduced-motion:reduce){.bzx .fx-r{opacity:1;transform:none;transition:none}}
/*!END-BZX-HOME*/