/* Breathizen — "Night Air" · breathizennn.com */
:root{--bg:#070B18;--bg2:#0C1226;--card:#111A33;--line:#22305A;--ink:#EEF3FF;--ink2:#A9B6D6;--cyan:#4FD8FF;--cyan-d:#1BA9D6;--pink:#FF4F9A;--amber:#F2A541;--amber-d:#C97F1E;--ok:#5CE0A4;--r:18px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:80px}
body{background:var(--bg);color:var(--ink);font-family:"Space Grotesk",system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;font-size:1.03rem;line-height:1.7;overflow-x:hidden;-webkit-user-select:none;user-select:none}
input,textarea{-webkit-user-select:text;user-select:text}
img{max-width:100%;height:auto;-webkit-user-drag:none}
h1,h2,h3,h4{font-family:"Unbounded","Space Grotesk",system-ui,sans-serif;font-weight:600;line-height:1.16;color:#fff;letter-spacing:-.02em}
h1{font-size:clamp(1.9rem,4.6vw,3.3rem)}h2{font-size:clamp(1.45rem,3vw,2.25rem)}h3{font-size:1.08rem;line-height:1.35}
p,li{color:var(--ink2)}strong,b{color:var(--ink)}
a{color:var(--cyan);text-underline-offset:3px}a:hover{color:#fff}
.zn-skip{position:absolute;left:-999px}.zn-skip:focus{left:8px;top:8px;background:#fff;color:#000;padding:8px 12px;z-index:2000}
/* nav */
.zn-nav{background:rgba(7,11,24,.88);backdrop-filter:blur(10px);border-bottom:1px solid var(--line)}
.zn-nav .navbar-brand{font-family:"Unbounded",sans-serif;font-weight:600;color:#fff;display:flex;align-items:center;gap:.55rem;font-size:1.15rem}
.zn-nav .navbar-brand i{display:inline-block;width:12px;height:12px;border-radius:50%;background:var(--pink);box-shadow:0 0 0 0 rgba(255,79,154,.7);animation:zn-blink 2.4s infinite}
.zn-nav .nav-link{color:var(--ink2);font-weight:500;font-size:.93rem}.zn-nav .nav-link:hover,.zn-nav .nav-link:focus,.zn-nav .nav-link.active{color:#fff}
.zn-nav .navbar-toggler{border-color:var(--line)}
.zn-nav .dropdown-menu{background:var(--card);border:1px solid var(--line)}.zn-nav .dropdown-item{color:var(--ink2)}.zn-nav .dropdown-item:hover{background:var(--line);color:#fff}
@keyframes zn-blink{0%{box-shadow:0 0 0 0 rgba(255,79,154,.75)}70%{box-shadow:0 0 0 12px rgba(255,79,154,0)}100%{box-shadow:0 0 0 0 rgba(255,79,154,0)}}
/* buttons */
.zn-btn{display:inline-block;background:linear-gradient(180deg,#FFC163,var(--amber));color:#1A1003!important;font-weight:700;text-decoration:none;border-radius:14px;padding:.9rem 1.6rem;border:0;box-shadow:0 0 0 1px rgba(255,255,255,.15) inset,0 10px 30px rgba(242,165,65,.28);transition:transform .15s,box-shadow .15s;text-align:center}
.zn-btn:hover{transform:translateY(-2px);box-shadow:0 0 0 1px rgba(255,255,255,.2) inset,0 14px 38px rgba(242,165,65,.42)}
.zn-btn--sm{padding:.5rem 1rem;font-size:.9rem;border-radius:10px}
.zn-btn--line{background:transparent;color:var(--cyan)!important;box-shadow:inset 0 0 0 1.5px var(--cyan)}.zn-btn--line:hover{box-shadow:inset 0 0 0 1.5px #fff;color:#fff!important}
/* sections */
.zn-sec{padding:4.6rem 0;position:relative}.zn-sec--alt{background:var(--bg2)}
.zn-kicker{display:inline-flex;align-items:center;gap:.5rem;font-size:.74rem;font-weight:700;letter-spacing:.16em;text-transform:uppercase;color:var(--cyan);margin-bottom:.8rem}
.zn-kicker:before{content:"";width:22px;height:2px;background:var(--pink)}
.zn-lead{font-size:1.12rem;color:#C9D4EE}
.zn-card{background:var(--card);border:1px solid var(--line);border-radius:var(--r);padding:1.4rem;height:100%}
.zn-card h3{margin-bottom:.5rem}.zn-card p:last-child{margin-bottom:0}
.zn-glow{position:relative}.zn-glow:after{content:"";position:absolute;inset:-1px;border-radius:inherit;pointer-events:none;background:linear-gradient(135deg,rgba(79,216,255,.5),transparent 40%,transparent 60%,rgba(255,79,154,.5));-webkit-mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);-webkit-mask-composite:xor;mask-composite:exclude;padding:1px}
/* hero */
.zn-hero{padding:3.4rem 0 0;background:radial-gradient(900px 500px at 78% 30%,rgba(79,216,255,.16),transparent 60%),radial-gradient(700px 480px at 12% 90%,rgba(255,79,154,.12),transparent 60%)}
.zn-hero p{max-width:35rem}
.zn-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:420px}
.zn-stage img{position:relative;z-index:2;width:min(100%,440px);filter:drop-shadow(0 30px 50px rgba(0,0,0,.55))}
.zn-ring{position:absolute;left:50%;top:50%;width:300px;height:300px;margin:-150px 0 0 -150px;border-radius:50%;border:1.5px solid rgba(79,216,255,.55);animation:zn-breathe 10s ease-in-out infinite}
.zn-ring:nth-child(2){animation-delay:-.6s;border-color:rgba(255,79,154,.4);width:380px;height:380px;margin:-190px 0 0 -190px}
.zn-ring:nth-child(3){animation-delay:-1.2s;border-color:rgba(79,216,255,.22);width:460px;height:460px;margin:-230px 0 0 -230px}
@keyframes zn-breathe{0%{transform:scale(.82);opacity:.55}40%{transform:scale(1.08);opacity:1}100%{transform:scale(.82);opacity:.55}}
.zn-pacer{display:inline-flex;align-items:center;gap:.7rem;border:1px solid var(--line);background:rgba(17,26,51,.8);border-radius:999px;padding:.4rem 1rem .4rem .5rem;font-size:.86rem;color:#C9D4EE;margin-bottom:1.1rem}
.zn-pacer i{width:22px;height:22px;border-radius:50%;background:radial-gradient(circle,var(--cyan),var(--cyan-d));animation:zn-breathe 10s ease-in-out infinite}
.zn-chips{list-style:none;padding:0;margin:1.2rem 0 1.6rem;display:flex;flex-wrap:wrap;gap:.5rem}.zn-chips li{border:1px solid var(--line);border-radius:999px;padding:.25rem .8rem;font-size:.84rem;color:#C9D4EE;background:rgba(17,26,51,.6)}
.zn-fine{font-size:.82rem;color:#8291B5;margin-top:1rem}
/* monitor */
.zn-monitor{margin-top:2.4rem;border-top:1px solid var(--line);border-bottom:1px solid var(--line);background:#050814;position:relative;overflow:hidden}
.zn-monitor svg{display:block;width:200%;height:84px;animation:zn-scroll 10s linear infinite}
@keyframes zn-scroll{to{transform:translateX(-50%)}}
.zn-monitor__hud{position:absolute;inset:0;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.74rem;color:var(--ok);pointer-events:none;text-shadow:0 0 8px #050814}
.zn-monitor__hud b{color:var(--ok);font-size:1.3rem;font-weight:700}.zn-live{display:inline-block;width:8px;height:8px;border-radius:50%;background:var(--pink);margin-right:.4rem;animation:zn-flash 1.2s steps(2) infinite}
@keyframes zn-flash{50%{opacity:.15}}
/* lungs */
.zn-lungs{width:100%;max-width:420px;display:block;margin:0 auto;overflow:visible}
.zn-lobe{transform-box:fill-box;transform-origin:50% 12%;animation:zn-lung 10s ease-in-out infinite}
@keyframes zn-lung{0%{transform:scale(.93)}40%{transform:scale(1.05)}100%{transform:scale(.93)}}
.zn-o2{animation:zn-o2 10s ease-in infinite;opacity:0}.zn-o2:nth-of-type(2){animation-delay:.5s}.zn-o2:nth-of-type(3){animation-delay:1s}.zn-o2:nth-of-type(4){animation-delay:1.5s}
@keyframes zn-o2{0%{transform:translateY(-10px);opacity:0}8%{opacity:1}36%{transform:translateY(95px);opacity:1}42%,100%{transform:translateY(110px);opacity:0}}
.zn-cilia line{transform-box:fill-box;transform-origin:50% 100%;animation:zn-cilia 1.1s ease-in-out infinite alternate}
.zn-cilia line:nth-child(2n){animation-delay:.12s}.zn-cilia line:nth-child(3n){animation-delay:.24s}
@keyframes zn-cilia{from{transform:rotate(-24deg)}to{transform:rotate(24deg)}}
.zn-scene{background:linear-gradient(180deg,#0A1024,#070B18);border:1px solid var(--line);border-radius:24px;padding:1.4rem;text-align:center}
.zn-scene figcaption{font-size:.86rem;color:#8291B5;margin-top:.6rem}
.zn-readout{display:flex;justify-content:center;gap:1.6rem;margin-top:.8rem;font-family:ui-monospace,Menlo,Consolas,monospace;font-size:.8rem;color:#8291B5}.zn-readout b{display:block;font-size:1.35rem;color:var(--cyan)}
/* journey */
.zn-journey{width:100%;height:auto;display:block}
.zn-steps{list-style:none;padding:0;margin:0;counter-reset:z}.zn-steps li{counter-increment:z;position:relative;padding:0 0 1.3rem 3.2rem}
.zn-steps li:before{content:"0" counter(z);position:absolute;left:0;top:0;font-family:"Unbounded",sans-serif;font-size:.95rem;color:var(--bg);background:var(--cyan);width:38px;height:38px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-weight:600}
.zn-steps li strong{display:block;color:#fff}
.zn-img{display:block;margin:0 auto;border-radius:var(--r)}.zn-img--frame{border:1px solid var(--line);box-shadow:0 24px 60px rgba(0,0,0,.45)}
/* facts */
.zn-tablewrap{overflow-x:auto}.zn-facts{width:100%;border-collapse:collapse;font-size:.95rem}
.zn-facts th,.zn-facts td{padding:.65rem .9rem;border-bottom:1px solid var(--line);text-align:left;vertical-align:top;color:var(--ink2)}.zn-facts th{color:#fff;font-weight:600;width:38%}.zn-facts thead th{color:var(--cyan);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase}
.zn-answer{border:1px solid var(--cyan);background:rgba(79,216,255,.07);border-radius:var(--r);padding:1.05rem 1.25rem;margin:1.3rem 0}.zn-answer p{margin:0;color:#DDE7FF}.zn-answer b:first-child{color:var(--cyan)}
.zn-warn{border:1px solid rgba(242,165,65,.6);background:rgba(242,165,65,.08);border-radius:var(--r);padding:1rem 1.2rem;margin:1.2rem 0}.zn-warn p{margin:0;color:#F5E3C6}.zn-warn b{color:var(--amber)}
.zn-meter{height:8px;border-radius:99px;background:#1B2748;overflow:hidden;margin:.5rem 0 .2rem}.zn-meter span{display:block;height:100%;border-radius:99px;background:linear-gradient(90deg,var(--cyan),var(--pink))}
.zn-ing img{width:96px;height:96px;border-radius:24px;object-fit:cover;float:right;margin:0 0 .6rem .9rem;border:1px solid var(--line)}
.zn-ing small{color:var(--pink);font-weight:600;letter-spacing:.04em}
.zn-check{list-style:none;padding:0;margin:0}.zn-check li{position:relative;padding:.35rem 0 .35rem 1.9rem}.zn-check li:before{content:"";position:absolute;left:.1rem;top:.78rem;width:13px;height:7px;border-left:2.5px solid var(--ok);border-bottom:2.5px solid var(--ok);transform:rotate(-45deg)}
.zn-x li:before{content:"×";border:0;transform:none;top:.25rem;left:.15rem;color:var(--pink);font-size:1.3rem;line-height:1.2;width:auto;height:auto}
/* pricing */
.zn-price{background:var(--card);border:1px solid var(--line);border-radius:22px;padding:1.6rem 1.3rem;text-align:center;height:100%;display:flex;flex-direction:column;position:relative}
.zn-price--top{border-color:var(--cyan);box-shadow:0 0 50px rgba(79,216,255,.18)}
.zn-price__tag{position:absolute;top:-12px;left:50%;transform:translateX(-50%);background:var(--pink);color:#fff;font-size:.7rem;font-weight:700;letter-spacing:.1em;text-transform:uppercase;border-radius:99px;padding:.2rem .8rem;white-space:nowrap}
.zn-price img{width:min(100%,190px);margin:.3rem auto .7rem;display:block}
.zn-price__amt{font-family:"Unbounded",sans-serif;font-size:2.5rem;color:#fff;line-height:1}.zn-price__amt small{font-family:"Space Grotesk",sans-serif;font-size:.9rem;color:var(--ink2)}
.zn-price ul{list-style:none;padding:0;margin:.9rem 0 1.3rem;font-size:.92rem}.zn-price li{color:var(--ink2)}.zn-price .zn-btn{margin-top:auto}
.zn-seal{width:140px;height:140px;border-radius:50%;margin:0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;border:2px dashed var(--amber);color:var(--amber);text-align:center;line-height:1.05;box-shadow:0 0 40px rgba(242,165,65,.18) inset}
.zn-seal b{font-family:"Unbounded",sans-serif;font-size:2.4rem;color:var(--amber)}.zn-seal span{font-size:.66rem;letter-spacing:.14em;text-transform:uppercase}
/* reviews */
.zn-rev{display:flex;gap:.8rem;align-items:center;margin-bottom:.8rem}.zn-rev img{width:54px;height:54px;border-radius:16px;flex:0 0 54px}.zn-rev b{display:block;line-height:1.2}.zn-rev span{font-size:.82rem;color:#8291B5}
.zn-stars{color:var(--amber);letter-spacing:.12em;font-size:.9rem}
/* faq */
.zn-faq details{border-bottom:1px solid var(--line)}.zn-faq summary{cursor:pointer;list-style:none;padding:1.05rem 2rem 1.05rem 0;font-weight:600;color:#fff;position:relative}
.zn-faq summary::-webkit-details-marker{display:none}.zn-faq summary:after{content:"+";position:absolute;right:.2rem;top:.75rem;font-size:1.5rem;color:var(--cyan);transition:transform .2s}.zn-faq details[open] summary:after{transform:rotate(45deg);color:var(--pink)}
.zn-faq details p{margin:0 0 1.1rem}
.zn-src{padding-left:1.1rem;font-size:.93rem}.zn-src li{margin-bottom:.35rem}
.zn-author{display:flex;gap:1rem;align-items:flex-start;border:1px solid var(--line);background:var(--bg2);border-radius:var(--r);padding:1.1rem 1.2rem;margin-top:2.2rem;font-size:.92rem}.zn-author i{flex:0 0 14px;width:14px;height:14px;margin-top:.4rem;border-radius:50%;background:var(--pink);animation:zn-blink 2.4s infinite}.zn-author p{margin:0}
.zn-crumb{font-size:.84rem;color:#8291B5;padding-top:1.4rem}.zn-crumb a{color:#8291B5}
.zn-page{padding-top:.6rem;padding-bottom:4.5rem}.zn-page h1{margin:.7rem 0 1rem}.zn-page h2{margin:2.4rem 0 .9rem;font-size:clamp(1.25rem,2.4vw,1.7rem)}.zn-page h3{margin:1.5rem 0 .5rem}
.zn-meta{font-size:.84rem;color:#8291B5}
.zn-cta{border-radius:24px;padding:2rem 1.5rem;text-align:center;background:radial-gradient(500px 200px at 50% 0,rgba(79,216,255,.18),transparent 70%),var(--card);border:1px solid var(--line);margin:2.2rem 0}.zn-cta h3{font-size:1.3rem}.zn-cta p{margin-bottom:1.2rem}
.zn-links{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:.7rem}.zn-links a{display:block;border:1px solid var(--line);border-radius:14px;padding:.8rem 1rem;text-decoration:none;color:#DDE7FF;background:var(--card);height:100%}.zn-links a:hover{border-color:var(--cyan)}
.zn-trust{display:flex;flex-wrap:wrap;gap:1rem 2.2rem;align-items:center;justify-content:center;padding:1.6rem 0}.zn-trust img{height:54px;width:auto;background:#fff;border-radius:12px;padding:6px 10px}
.zn-foot{background:#04060F;border-top:1px solid var(--line);padding:3rem 0 1.4rem;font-size:.9rem}.zn-foot h4{font-family:"Space Grotesk",sans-serif;font-size:.76rem;letter-spacing:.14em;text-transform:uppercase;color:#fff;margin-bottom:.8rem}
.zn-foot ul{list-style:none;padding:0;margin:0}.zn-foot li{margin-bottom:.4rem}.zn-foot a{color:var(--ink2);text-decoration:none}.zn-foot a:hover{color:#fff}
.zn-legal{border-top:1px solid var(--line);margin-top:2rem;padding-top:1.2rem;font-size:.78rem}.zn-legal p{color:#7483A8;margin-bottom:.6rem}
.zn-sticky{display:none}
.zn-reveal{opacity:1}
.js .zn-reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.js .zn-reveal.is-in{opacity:1;transform:none}
@media (max-width:991.98px){.zn-sec{padding:3.2rem 0}.zn-stage{min-height:340px}.zn-ring{width:230px;height:230px;margin:-115px 0 0 -115px}.zn-ring:nth-child(2){width:290px;height:290px;margin:-145px 0 0 -145px}.zn-ring:nth-child(3){display:none}
.zn-sticky{display:flex;position:fixed;left:0;right:0;bottom:0;z-index:1020;background:rgba(7,11,24,.96);border-top:1px solid var(--line);padding:.55rem .9rem calc(.55rem + env(safe-area-inset-bottom,0px));justify-content:space-between;align-items:center;font-size:.85rem;color:#DDE7FF}body{padding-bottom:62px}}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}html{scroll-behavior:auto}.js .zn-reveal{opacity:1;transform:none}}
.zn-nav .nav-link,.zn-nav .dropdown-item{white-space:nowrap}
@media (min-width:1200px){.zn-nav .nav-link{font-size:.84rem;padding-left:.42rem!important;padding-right:.42rem!important}.zn-nav .navbar-brand{font-size:1rem;margin-right:.5rem}}
.zn-scene{overflow-x:auto}.zn-journey{min-width:600px}