/* Quiet Nerves – qquietnerves.com · "Evening Calm" theme */
:root{--qn-navy:#12204A;--qn-navy-2:#1B2F66;--qn-royal:#2D4BA0;--qn-gold:#E3A935;--qn-gold-d:#B9821A;--qn-sky:#EBF3FC;--qn-mist:#F6F8FC;--qn-ink:#18213A;--qn-mute:#5B6680;--qn-line:#DFE6F2;--qn-r:20px;--qn-sh:0 22px 50px -28px rgba(18,32,74,.5)}
html{scroll-behavior:smooth;scroll-padding-top:86px}
body{font-family:"Source Sans 3",system-ui,-apple-system,"Segoe UI",Arial,sans-serif;font-size:1.08rem;line-height:1.7;color:var(--qn-ink);background:#fff;overflow-x:hidden}
h1,h2,h3,h4{font-family:Lexend,"Source Sans 3",Arial,sans-serif;font-weight:700;color:var(--qn-navy);letter-spacing:-.015em}
h1{line-height:1.12}h2{font-size:clamp(1.65rem,3.2vw,2.45rem);line-height:1.2}h3{font-size:1.14rem;font-weight:600}
a{color:var(--qn-royal);text-underline-offset:3px}a:hover{color:var(--qn-navy)}
img{max-width:100%;height:auto}
.qn-skip{position:absolute;left:-999px;top:0;background:var(--qn-navy);color:#fff;padding:.6rem 1rem;z-index:3000}.qn-skip:focus{left:8px;top:8px}
:focus-visible{outline:3px solid var(--qn-gold);outline-offset:2px}

.qn-bar{background:linear-gradient(90deg,var(--qn-navy),var(--qn-royal));color:#DCE6FA;font:600 .88rem/1.3 "Source Sans 3",sans-serif;text-align:center;padding:.5rem 1rem}
.qn-bar b{color:var(--qn-gold)}.qn-bar a{color:#fff;font-weight:700}

.qn-nav{position:sticky;top:0;z-index:1030;background:#fff;border-bottom:1px solid var(--qn-line)}
.qn-nav .navbar{padding:.65rem 0}
.qn-brand{display:inline-flex;align-items:center;gap:.55rem;text-decoration:none;font:700 1.3rem/1 Lexend,sans-serif;color:var(--qn-navy)}
.qn-brand em{font-style:normal;color:var(--qn-gold-d)}
.qn-nav .nav-link{font:600 .98rem "Source Sans 3",sans-serif;color:var(--qn-ink);padding:.45rem .8rem!important}
.qn-nav .nav-link:hover{color:var(--qn-royal)}
.qn-nav .navbar-toggler{border:1px solid var(--qn-line);border-radius:10px;box-shadow:none!important}
@media (max-width:991.98px){.qn-nav .navbar-collapse{padding:.6rem 0 1rem}.qn-nav .nav-link{padding:.7rem .3rem!important;border-bottom:1px solid var(--qn-line)}}

.qn-btn{display:inline-flex;align-items:center;justify-content:center;gap:.55rem;font:600 1.04rem/1.15 Lexend,sans-serif;text-decoration:none;color:var(--qn-navy);background:var(--qn-gold);border:0;border-radius:999px;padding:1rem 1.9rem;box-shadow:0 14px 28px -14px rgba(185,130,26,.9),inset 0 -3px 0 rgba(0,0,0,.12);transition:transform .2s,box-shadow .2s,background .2s}
.qn-btn:hover{color:var(--qn-navy);background:#F0B847;transform:translateY(-2px)}
.qn-btn .arr{transition:transform .2s}.qn-btn:hover .arr{transform:translateX(4px)}
.qn-btn-navy{background:var(--qn-navy);color:#fff;box-shadow:0 14px 28px -14px rgba(18,32,74,.9)}.qn-btn-navy:hover{background:var(--qn-royal);color:#fff}
.qn-btn-line{background:transparent;color:var(--qn-navy);border:2px solid var(--qn-navy);box-shadow:none}.qn-btn-line:hover{background:var(--qn-navy);color:#fff}
.qn-btn-sm{padding:.6rem 1.2rem;font-size:.92rem}
.qn-btn-full{width:100%}

.qn-sec{padding:clamp(3.4rem,6.6vw,6rem) 0;position:relative}
.qn-mist{background:var(--qn-mist)}
.qn-sky{background:var(--qn-sky)}
.qn-night{background:radial-gradient(900px 400px at 15% 0,#24408C 0,transparent 60%),var(--qn-navy);color:#C9D5EE}
.qn-night h2,.qn-night h3{color:#fff}
.qn-eyebrow{display:inline-block;font:600 .78rem/1 Lexend,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:var(--qn-gold-d);margin-bottom:.9rem;padding-bottom:.45rem;border-bottom:2px solid var(--qn-gold)}
.qn-night .qn-eyebrow{color:var(--qn-gold)}
.qn-sub{font-size:1.12rem;color:var(--qn-mute);max-width:64ch}
.qn-night .qn-sub{color:#AFC0E2}
.qn-mid{text-align:center}.qn-mid .qn-sub{margin-inline:auto}

/* hero */
.qn-hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#F3F7FE 0,#fff 45%,#FDF7EA 100%);padding:clamp(1.6rem,4vw,3.4rem) 0 clamp(2.6rem,5vw,4.2rem)}
.qn-hero canvas{position:absolute;inset:0;width:100%;height:100%;z-index:0;pointer-events:none}
.qn-hero .container{position:relative;z-index:1}
.qn-hero h1{font-size:clamp(2.05rem,4.6vw,3.45rem);margin:.4rem 0 1rem}
.qn-hero h1 span{color:var(--qn-royal);position:relative}
.qn-hero h1 span::after{content:"";position:absolute;left:0;right:0;bottom:-.08em;height:.14em;border-radius:6px;background:var(--qn-gold);opacity:.7}
.qn-qa{background:#fff;border:1px solid var(--qn-line);border-left:5px solid var(--qn-gold);border-radius:var(--qn-r);padding:1.1rem 1.3rem;box-shadow:var(--qn-sh);margin:1.2rem 0}
.qn-qa .k{display:block;font:600 .74rem Lexend,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:var(--qn-gold-d);margin-bottom:.35rem}
.qn-qa p{margin:0;font-size:1rem}
.qn-stats{display:flex;flex-wrap:wrap;gap:.5rem;margin:0 0 1.4rem;padding:0;list-style:none}
.qn-stats li{background:var(--qn-navy);color:#fff;border-radius:999px;padding:.38rem .9rem;font:600 .86rem "Source Sans 3",sans-serif}
.qn-stats li b{color:var(--qn-gold)}
.qn-cta-row{display:flex;flex-wrap:wrap;gap:.9rem;align-items:center}
.qn-assure{font-size:.9rem;color:var(--qn-mute);margin-top:.9rem}
.qn-assure b{color:var(--qn-navy)}
.qn-stage{position:relative;max-width:520px;margin-inline:auto;aspect-ratio:1/1.08}
.qn-halo{position:absolute;inset:4%;border-radius:50%;background:radial-gradient(circle,#fff 0,#E7EEFB 55%,rgba(231,238,251,0) 72%)}
.qn-orbit{position:absolute;inset:6%;border-radius:50%;border:1.5px solid rgba(45,75,160,.25)}
.qn-orbit::before{content:"";position:absolute;top:-7px;left:50%;width:14px;height:14px;border-radius:50%;background:var(--qn-gold);box-shadow:0 0 14px 4px rgba(227,169,53,.6)}
.qn-orbit{animation:qn-spin 16s linear infinite}
.qn-orbit.o2{inset:16%;animation-duration:24s;animation-direction:reverse;border-style:dashed}
.qn-orbit.o2::before{background:var(--qn-royal);box-shadow:0 0 14px 4px rgba(45,75,160,.5)}
@keyframes qn-spin{to{transform:rotate(360deg)}}
.qn-stage img{position:absolute;left:50%;top:50%;width:46%;transform:translate(-50%,-48%);filter:drop-shadow(0 30px 30px rgba(18,32,74,.3));z-index:2}
.qn-pill{position:absolute;z-index:3;background:#fff;border:1px solid var(--qn-line);border-radius:14px;padding:.55rem .8rem;box-shadow:var(--qn-sh);font:600 .82rem/1.25 Lexend,sans-serif;color:var(--qn-navy)}
.qn-pill small{display:block;font:600 .72rem "Source Sans 3",sans-serif;color:var(--qn-mute)}
.qn-pill.p1{left:0;top:18%}.qn-pill.p2{right:0;top:40%}.qn-pill.p3{left:6%;bottom:12%}
.qn-tagprice{position:absolute;z-index:3;right:6%;bottom:6%;background:var(--qn-navy);color:#fff;border-radius:18px;padding:.6rem 1rem;text-align:center;font:600 .74rem Lexend,sans-serif}
.qn-tagprice b{display:block;font-size:1.7rem;color:var(--qn-gold)}
@media (max-width:575.98px){.qn-pill{font-size:.7rem;padding:.4rem .55rem}.qn-tagprice b{font-size:1.3rem}}

/* badges + timeline */
.qn-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:1rem}
.qn-bdg{text-align:center;background:#fff;border:1px solid var(--qn-line);border-radius:var(--qn-r);padding:1rem .8rem}
.qn-bdg img,.qn-bdg svg{height:80px;width:auto;margin-bottom:.4rem}
.qn-bdg b{display:block;font:600 .98rem Lexend,sans-serif;color:var(--qn-navy)}
.qn-bdg span{font-size:.86rem;color:var(--qn-mute)}
@media (max-width:767.98px){.qn-badges{grid-template-columns:repeat(2,1fr)}}
.qn-tl{margin-top:2.4rem;background:#fff;border-radius:var(--qn-r);border:1px solid var(--qn-line);padding:1.4rem}
.qn-tl .nav{display:grid;grid-template-columns:repeat(4,1fr);gap:.4rem;position:relative;border:0;margin-bottom:1rem}
.qn-tl .nav::before{content:"";position:absolute;left:12%;right:12%;top:22px;height:3px;background:linear-gradient(90deg,var(--qn-gold),var(--qn-royal))}
.qn-tl .nav-link{border:0;background:none;display:flex;flex-direction:column;align-items:center;gap:.4rem;font:600 .9rem Lexend,sans-serif;color:var(--qn-mute);position:relative;z-index:1;padding:0}
.qn-tl .nav-link i{width:44px;height:44px;border-radius:50%;background:#fff;border:3px solid var(--qn-line);display:grid;place-items:center;font-style:normal;color:var(--qn-navy);transition:.25s}
.qn-tl .nav-link.active{color:var(--qn-navy)}
.qn-tl .nav-link.active i{background:var(--qn-gold);border-color:var(--qn-gold)}
.qn-tl .tab-pane{text-align:center;max-width:640px;margin:0 auto}
.qn-tl .tab-pane h3{margin-bottom:.4rem}

/* what is */
.qn-scope{background:#FFF8E8;border:1px solid #F1D79A;border-radius:16px;padding:1rem 1.2rem;font-size:.98rem;margin-top:1.2rem}
.qn-mini-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:.8rem;margin-top:1.4rem}
.qn-mini-stats div{background:var(--qn-navy);color:#fff;border-radius:16px;padding:1rem;text-align:center}
.qn-mini-stats b{display:block;font:700 1.8rem/1 Lexend,sans-serif;color:var(--qn-gold)}
.qn-mini-stats span{font-size:.88rem;color:#C9D5EE}
.qn-frame{position:relative;border-radius:28px;background:linear-gradient(160deg,var(--qn-sky),#fff);padding:2rem;text-align:center}
.qn-frame img{max-height:430px;width:auto}

/* six points checkerboard */
.qn-check{display:grid;grid-template-columns:repeat(3,1fr);border-radius:24px;overflow:hidden;box-shadow:var(--qn-sh);margin-top:2.4rem}
.qn-check div{padding:1.7rem 1.5rem;background:#fff}
.qn-check div:nth-child(even){background:var(--qn-navy);color:#C9D5EE}
.qn-check div:nth-child(even) h3{color:#fff}
.qn-check .n{font:700 2rem/1 Lexend,sans-serif;color:var(--qn-gold);display:block;margin-bottom:.6rem}
.qn-check p{margin:0;font-size:.97rem}
@media (max-width:991.98px){.qn-check{grid-template-columns:1fr 1fr}.qn-check div:nth-child(even){background:#fff;color:var(--qn-ink)}.qn-check div:nth-child(even) h3{color:var(--qn-navy)}.qn-check div:nth-child(4n+2),.qn-check div:nth-child(4n+3){background:var(--qn-navy);color:#C9D5EE}.qn-check div:nth-child(4n+2) h3,.qn-check div:nth-child(4n+3) h3{color:#fff}}
@media (max-width:575.98px){.qn-check{grid-template-columns:1fr}.qn-check div:nth-child(n){background:#fff;color:var(--qn-ink)}.qn-check div:nth-child(n) h3{color:var(--qn-navy)}.qn-check div:nth-child(even){background:var(--qn-sky)}}

/* how it works – signal line */
.qn-signal{position:relative;margin-top:2.6rem}
.qn-signal::before{content:"";position:absolute;left:0;right:0;top:34px;height:2px;background:linear-gradient(90deg,transparent,rgba(227,169,53,.8),transparent)}
.qn-signal::after{content:"";position:absolute;top:29px;left:0;width:12px;height:12px;border-radius:50%;background:var(--qn-gold);box-shadow:0 0 16px 6px rgba(227,169,53,.6);animation:qn-pulse 4.5s linear infinite}
@keyframes qn-pulse{from{left:0}to{left:calc(100% - 12px)}}
.qn-node{text-align:center;position:relative;z-index:1}
.qn-node .dot{width:70px;height:70px;border-radius:50%;margin:0 auto 1rem;display:grid;place-items:center;background:var(--qn-navy-2);border:2px solid rgba(227,169,53,.6);font:700 1.4rem Lexend,sans-serif;color:var(--qn-gold)}
.qn-node p{font-size:.97rem;margin:0}
@media (max-width:767.98px){.qn-signal::before,.qn-signal::after{display:none}}

/* reviews */
.qn-feat{background:#fff;border-radius:28px;box-shadow:var(--qn-sh);padding:2rem;display:grid;grid-template-columns:150px 1fr;gap:1.6rem;align-items:center;height:100%}
.qn-feat img{width:150px;height:150px;border-radius:50%;object-fit:cover;border:5px solid var(--qn-sky)}
.qn-feat .q{font:500 1.3rem/1.45 Lexend,sans-serif;color:var(--qn-navy)}
.qn-small{background:#fff;border-radius:22px;padding:1.4rem;border:1px solid var(--qn-line);display:flex;gap:1rem;align-items:flex-start;height:100%}
.qn-small img{width:72px;height:72px;border-radius:50%;object-fit:cover;flex:0 0 72px}
.qn-small p{font-size:.98rem;margin:0 0 .5rem}
.qn-who{font-size:.92rem;color:var(--qn-mute)}
.qn-who b{color:var(--qn-navy)}
.qn-tagw{display:inline-block;margin-left:.4rem;font:600 .72rem Lexend,sans-serif;background:var(--qn-sky);color:var(--qn-royal);padding:.25rem .6rem;border-radius:999px}
@media (max-width:575.98px){.qn-feat{grid-template-columns:1fr;text-align:center}.qn-feat img{margin:0 auto}}
.qn-fine{font-size:.88rem;color:var(--qn-mute)}

/* pricing */
.qn-pack{background:#fff;border-radius:20px;overflow:hidden;text-align:center;height:100%;display:flex;flex-direction:column;border:1px solid var(--qn-line);box-shadow:0 18px 44px -28px rgba(18,32,74,.6)}
.qn-pack-h{background:linear-gradient(135deg,var(--qn-royal),#4A6CC6);color:#fff;padding:1rem .8rem}
.qn-pack-h h3{color:#fff;margin:0;font-size:1.3rem}
.qn-pack-h small{display:block;font-size:.85rem;opacity:.9}
.qn-pack-b{padding:1.1rem 1.2rem 1.5rem;flex:1;display:flex;flex-direction:column;align-items:center}
.qn-pack-img{height:200px;display:flex;align-items:center;justify-content:center;margin-bottom:.4rem}
.qn-pack-img img{max-height:200px;width:auto}
.qn-cost{display:flex;align-items:flex-start;justify-content:center;gap:.2rem;color:var(--qn-navy);line-height:1}
.qn-cost sup{font:700 1.3rem Lexend,sans-serif;top:.4rem}
.qn-cost b{font:700 3.5rem/1 Lexend,sans-serif}
.qn-cost span{font:600 .8rem/1.1 "Source Sans 3",sans-serif;color:var(--qn-mute);margin-top:.75rem;text-align:left}
.qn-save{display:inline-block;background:var(--qn-sky);color:var(--qn-royal);font:600 .8rem Lexend,sans-serif;padding:.35rem .8rem;border-radius:999px;margin:.6rem 0}
.qn-list{list-style:none;padding:0;margin:0 0 1rem;font-size:.95rem;font-weight:600}
.qn-list li{padding:.18rem 0}
.qn-list li::before{content:"\2714";color:var(--qn-gold-d);margin-right:.45rem}
.qn-cards{max-width:230px;width:100%;margin:.8rem auto .4rem}
.qn-total{font:600 .98rem Lexend,sans-serif;color:var(--qn-navy)}
.qn-total s{color:#C0392B;font-weight:500;margin:0 .25rem}
.qn-free{font:700 .78rem Lexend,sans-serif;letter-spacing:.04em;text-transform:uppercase;color:var(--qn-royal);margin-top:.3rem}
.qn-pack.hero{border:3px solid var(--qn-gold);box-shadow:0 30px 60px -26px rgba(185,130,26,.6)}
.qn-pack.hero .qn-pack-h{background:linear-gradient(135deg,var(--qn-navy),var(--qn-navy-2));padding:1.2rem .8rem}
.qn-pack.hero .qn-pack-h h3{color:var(--qn-gold);font-size:1.5rem}
.qn-pack.hero .qn-pack-b{background:linear-gradient(180deg,#fff,#FFF8E8)}
.qn-ribbon{display:inline-block;background:var(--qn-gold);color:var(--qn-navy);font:700 .72rem Lexend,sans-serif;letter-spacing:.1em;padding:.3rem .7rem;border-radius:4px;margin-bottom:.4rem}
@media (min-width:992px){.qn-pack.hero{transform:scale(1.07);position:relative;z-index:2}}
.qn-secure{display:flex;flex-wrap:wrap;gap:.5rem 1.6rem;justify-content:center;margin-top:2.2rem;font:600 .95rem "Source Sans 3",sans-serif;color:var(--qn-navy)}
.qn-note{font-size:.9rem;color:var(--qn-mute);text-align:center;margin-top:1rem}

/* ingredients vertical tabs */
.qn-vt .nav{gap:.5rem}
.qn-vt .nav-link{text-align:left;border:1px solid var(--qn-line);background:#fff;border-radius:14px;padding:.85rem 1rem;color:var(--qn-navy);font:600 1rem Lexend,sans-serif;display:flex;align-items:center;gap:.7rem;width:100%}
.qn-vt .nav-link i{width:30px;height:30px;border-radius:50%;background:var(--qn-sky);color:var(--qn-royal);display:grid;place-items:center;font-style:normal;font-size:.85rem;flex:0 0 30px}
.qn-vt .nav-link.active{background:var(--qn-navy);color:#fff;border-color:var(--qn-navy)}
.qn-vt .nav-link.active i{background:var(--qn-gold);color:var(--qn-navy)}
.qn-panel{background:#fff;border-radius:24px;border:1px solid var(--qn-line);box-shadow:var(--qn-sh);padding:2rem;height:100%}
.qn-panel .role{display:inline-block;font:600 .72rem Lexend,sans-serif;letter-spacing:.1em;text-transform:uppercase;background:#FFF3D8;color:var(--qn-gold-d);padding:.3rem .65rem;border-radius:6px;margin-bottom:.7rem}
.qn-panel h3{font-size:1.5rem}
.qn-panel .caution{background:var(--qn-mist);border-radius:12px;padding:.8rem 1rem;font-size:.94rem;margin-top:1rem}
@media (max-width:767.98px){.qn-vt .nav{flex-direction:row!important;flex-wrap:nowrap;overflow-x:auto;padding-bottom:.4rem}.qn-vt .nav-link{white-space:nowrap;width:auto}}

/* quality */
.qn-q{display:flex;gap:1rem;align-items:flex-start;background:#fff;border-radius:var(--qn-r);padding:1.3rem;border:1px solid var(--qn-line);height:100%}
.qn-q .n{flex:0 0 46px;height:46px;border-radius:14px;background:var(--qn-navy);color:var(--qn-gold);display:grid;place-items:center;font:700 1.1rem Lexend,sans-serif}
.qn-q p{margin:0;font-size:.97rem}

/* guarantee banner */
.qn-promise{display:grid;grid-template-columns:220px 1fr auto;gap:2rem;align-items:center;background:linear-gradient(120deg,#FFF8E8,#fff);border:2px solid var(--qn-gold);border-radius:28px;padding:2rem}
.qn-promise img{width:200px}
@media (max-width:991.98px){.qn-promise{grid-template-columns:1fr;text-align:center}.qn-promise img{margin:0 auto;width:160px}}

/* benefits */
.qn-benlist{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.qn-benlist li{display:grid;grid-template-columns:54px 1fr;gap:1rem;align-items:start;background:#fff;border-radius:18px;padding:1rem 1.1rem;border:1px solid var(--qn-line)}
.qn-benlist .ic{width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--qn-royal),var(--qn-navy));color:var(--qn-gold);display:grid;place-items:center;font-size:1.4rem}
.qn-benlist p{margin:0;font-size:.97rem}
.qn-bottlecol{position:sticky;top:110px;text-align:center}
.qn-bottlecol img{max-height:470px;width:auto;animation:qn-float 6s ease-in-out infinite}
@keyframes qn-float{50%{transform:translateY(-12px)}}

/* how to use */
.qn-use{counter-reset:u;display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:2rem}
.qn-use div{counter-increment:u;background:#fff;border-radius:18px;padding:1.3rem 1.2rem 1.2rem 3.8rem;position:relative;border:1px solid var(--qn-line)}
.qn-use div::before{content:counter(u);position:absolute;left:1.1rem;top:1.2rem;width:34px;height:34px;border-radius:50%;background:var(--qn-gold);color:var(--qn-navy);display:grid;place-items:center;font:700 1rem Lexend,sans-serif}
.qn-use p{margin:0;font-size:.96rem}
@media (max-width:991.98px){.qn-use{grid-template-columns:1fr 1fr}}@media (max-width:575.98px){.qn-use{grid-template-columns:1fr}}

/* safety */
.qn-safety{border-radius:24px;background:#fff;border:2px solid #E5A43B;overflow:hidden}
.qn-safety header{background:#FFF3D8;padding:1rem 1.4rem;display:flex;gap:.7rem;align-items:center}
.qn-safety header h2{margin:0;font-size:clamp(1.25rem,2.4vw,1.75rem)}
.qn-safety .bd{padding:1.4rem}
.qn-safety h3{font-size:1.02rem;color:#8A5300;margin-bottom:.3rem}
.qn-safety p{font-size:.97rem;margin:0}
.qn-stroke{background:#FDECEC;border-left:5px solid #C0392B;border-radius:0 12px 12px 0;padding:.9rem 1.1rem;margin-top:1.2rem;font-size:.97rem}

/* faq */
.qn-acc .accordion-item{border:0;border-bottom:1px solid var(--qn-line);background:transparent}
.qn-acc .accordion-button{background:transparent;font:600 1.06rem Lexend,sans-serif;color:var(--qn-navy);padding:1.15rem .2rem;box-shadow:none}
.qn-acc .accordion-button:not(.collapsed){color:var(--qn-royal)}
.qn-acc .accordion-button::after{background-image:none;content:"+";font:700 1.4rem/1 Lexend,sans-serif;color:var(--qn-gold-d);width:auto;height:auto;transform:none}
.qn-acc .accordion-button:not(.collapsed)::after{content:"\2013"}
.qn-acc .accordion-body{padding:0 .2rem 1.2rem;font-size:1rem;color:#3e4862}

/* refs */
.qn-refs{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:.6rem}
.qn-refs li a{display:flex;justify-content:space-between;gap:1rem;background:#fff;border:1px solid var(--qn-line);border-radius:14px;padding:.9rem 1.1rem;text-decoration:none;color:var(--qn-navy);font-weight:600}
.qn-refs li a:hover{border-color:var(--qn-royal)}

/* final */
.qn-final{border-radius:32px;background:radial-gradient(700px 300px at 80% 100%,rgba(227,169,53,.35),transparent 70%),linear-gradient(135deg,var(--qn-navy),var(--qn-royal));color:#DCE6FA;padding:clamp(2rem,5vw,3.6rem);overflow:hidden}
.qn-final h2{color:#fff}
.qn-final .was{font:500 1rem Lexend,sans-serif;color:#AFC0E2}.qn-final .was s{color:#FFB3B3}
.qn-final .now{font:700 2.3rem Lexend,sans-serif;color:var(--qn-gold);margin-bottom:1rem}
.qn-final img{max-height:360px;width:auto}

.qn-foot{background:#0C1636;color:#AFC0E2;text-align:center;padding:3.2rem 0 6rem;font-size:.9rem}
.qn-foot .qn-brand{color:#fff;margin-bottom:1rem}
.qn-fn{list-style:none;padding:0;margin:0 0 .6rem;display:flex;flex-wrap:wrap;justify-content:center;gap:.35rem 1.2rem}
.qn-foot .qn-fn a{color:#fff;text-decoration:none;font-weight:600}
.qn-foot .qn-fn a:hover{color:var(--qn-gold)}
.qn-foot .qn-fn2 a{color:#AFC0E2;font-weight:400}
.qn-foot hr{border-color:rgba(255,255,255,.14);max-width:900px;margin:1.4rem auto}
.qn-foot p{max-width:900px;margin:0 auto .8rem}
.qn-foot strong{color:#fff}
.qn-foot a{color:var(--qn-gold)}
.qn-motto{font:600 .98rem Lexend,sans-serif;color:var(--qn-gold)!important}

.qn-float{position:fixed;z-index:1020;left:0;right:0;bottom:0;background:var(--qn-navy);color:#fff;display:flex;align-items:center;justify-content:space-between;gap:.8rem;padding:.6rem 1rem;transform:translateY(120%);transition:transform .35s;box-shadow:0 -10px 30px -16px rgba(0,0,0,.5)}
.qn-float.on{transform:none}
.qn-float span{font-size:.86rem;line-height:1.2}
.qn-float b{font:700 1.25rem Lexend,sans-serif;color:var(--qn-gold)}
.qn-float small{display:block;color:#AFC0E2;font-size:.75rem}
@media (min-width:992px){.qn-float{left:1.2rem;right:auto;bottom:1.2rem;border-radius:18px;padding:.65rem .7rem .65rem 1.1rem}}

.qn-in{opacity:0;transform:translateY(20px);transition:opacity .7s ease,transform .7s ease}
.qn-in.is-in{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important;scroll-behavior:auto!important}.qn-in{opacity:1;transform:none}}

/* inner */
.qn-top{background:linear-gradient(135deg,var(--qn-navy),var(--qn-royal));color:#DCE6FA;padding:2.6rem 0 2.2rem}
.qn-top h1{color:#fff;font-size:clamp(1.8rem,3.8vw,2.7rem)}
.qn-top a{color:#fff}
.qn-crumb{font-size:.88rem;color:#AFC0E2}
.qn-meta{display:flex;flex-wrap:wrap;gap:.3rem 1rem;font-size:.88rem;color:#AFC0E2}
.qn-meta a{color:var(--qn-gold)}
.qn-chip{display:inline-block;background:var(--qn-gold);color:var(--qn-navy);font:600 .7rem Lexend,sans-serif;letter-spacing:.1em;text-transform:uppercase;padding:.32rem .7rem;border-radius:6px}
.qn-art{font-size:1.07rem}
.qn-art h2{font-size:clamp(1.38rem,2.5vw,1.8rem);margin:2.3rem 0 .8rem}
.qn-art h3{margin:1.6rem 0 .6rem}
.qn-art blockquote{background:#FFF8E8;border-left:5px solid var(--qn-gold);padding:1rem 1.3rem;border-radius:0 14px 14px 0;margin:1.4rem 0}
.qn-art blockquote p:last-child{margin:0}
.qn-art table{font-size:.96rem}
.qn-coverimg{border-radius:var(--qn-r);margin-bottom:1.4rem;box-shadow:var(--qn-sh)}
.qn-keys{background:var(--qn-sky);border-radius:var(--qn-r);padding:1.2rem 1.4rem;margin-bottom:1rem}
.qn-keys h2{font-size:1.08rem!important;margin:0 0 .5rem!important}
.qn-keys ul{margin:0;padding-left:1.2rem}
.qn-offer{display:flex;flex-wrap:wrap;gap:1.2rem;align-items:center;background:var(--qn-navy);color:#DCE6FA;border-radius:var(--qn-r);padding:1.3rem 1.5rem;margin:2rem 0}
.qn-offer img{width:120px}
.qn-offer div{flex:1 1 250px}
.qn-offer p{margin:0 0 .7rem}
.qn-offer b{color:var(--qn-gold)}
.qn-aside{position:sticky;top:96px}
.qn-toc{border:1px solid var(--qn-line);border-radius:var(--qn-r);padding:1.1rem 1.3rem;font-size:.94rem}
.qn-toc ol{margin:.5rem 0 0;padding-left:1.2rem}
.qn-toc a{color:var(--qn-ink)}
.qn-side-buy{margin-top:1.2rem;border-radius:var(--qn-r);padding:1.4rem;text-align:center;background:#FFF8E8;border:2px solid var(--qn-gold)}
.qn-side-buy img{max-height:170px;width:auto}
.qn-side-buy h2{font-size:1.15rem!important;margin:.6rem 0 .3rem!important}
.qn-side-buy ul{list-style:none;padding:0;font-size:.9rem;margin:.6rem 0 1rem}
.qn-pc{background:#fff;border:1px solid var(--qn-line);border-radius:var(--qn-r);overflow:hidden;height:100%;display:flex;flex-direction:column;position:relative;transition:transform .25s,box-shadow .25s}
.qn-pc:hover{transform:translateY(-4px);box-shadow:var(--qn-sh)}
.qn-pc img{width:100%;aspect-ratio:1200/630;object-fit:cover}
.qn-pc .b{padding:1.1rem 1.2rem 1.3rem;flex:1;display:flex;flex-direction:column}
.qn-pc h2,.qn-pc h3{font-size:1.05rem!important;margin:.4rem 0!important;line-height:1.35}
.qn-pc h2 a,.qn-pc h3 a{color:var(--qn-navy);text-decoration:none}
.qn-pc h2 a::after,.qn-pc h3 a::after{content:"";position:absolute;inset:0}
.qn-pc p{font-size:.92rem;color:var(--qn-mute);margin:0}
.qn-kick{font:600 .7rem Lexend,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:var(--qn-gold-d)}
.qn-filt{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.6rem 0}
.qn-filt button{border:1px solid var(--qn-line);background:#fff;border-radius:999px;padding:.45rem 1rem;font:600 .9rem Lexend,sans-serif;color:var(--qn-navy)}
.qn-filt button.on{background:var(--qn-navy);color:#fff;border-color:var(--qn-navy)}
.qn-np{display:flex;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.qn-np a{flex:1 1 240px;background:var(--qn-mist);border-radius:14px;padding:.9rem 1.1rem;text-decoration:none;color:var(--qn-navy);font-weight:600;font-size:.96rem}
.qn-np small{display:block;color:var(--qn-mute);font-weight:400}
.qn-legal h2{font-size:1.32rem;margin-top:2rem}
.qn-health{background:#FFF8E8;border-left:5px solid #E5A43B;padding:1rem 1.2rem;border-radius:0 14px 14px 0;font-size:.97rem;margin-top:1.6rem}
.qn-final img{background:#fff;border-radius:24px;padding:1.2rem}