/* honeybooest.com */
@layer base, layout, parts, motion;
:root{
  --moss:#2A6F3F; --moss-d:#1D5230; --leaf:#EEF6EA; --leaf-2:#DCEBD5;
  --honey:#F2AE1C; --honey-d:#8A5A00; --comb:#FFF6DC; --comb-2:#FFE8A6;
  --ink:#1F2D25; --txt:#35443B; --mute:#68766D; --line:#E4EBDD;
  --hd:"Young Serif",Georgia,"Times New Roman",serif; --bd:"Albert Sans","Segoe UI",Arial,sans-serif;
}
@layer base{
*,*::before,*::after{box-sizing:border-box}
html{font-size:18px;scroll-behavior:smooth;-webkit-text-size-adjust:100%;overflow-x:hidden}
body{margin:0;background:#fff;color:var(--txt);font-family:var(--bd);font-size:1.15rem;line-height:1.72;overflow-x:hidden;width:100%}
img,svg{display:block;max-width:100%;height:auto}
button,input{font:inherit}
h1,h2,h3{font-family:var(--hd);font-weight:400;color:var(--ink);margin:0 0 .55em;line-height:1.16;overflow-wrap:anywhere}
h1{font-size:clamp(2.1rem,4.3vw,3.2rem)}
h2{font-size:clamp(1.75rem,3.2vw,2.5rem)}
h3{font-size:clamp(1.25rem,1.9vw,1.5rem)}
p{margin:0 0 1em}
a{color:var(--moss);text-underline-offset:.2em}
a:hover{color:var(--honey-d)}
strong,b{color:var(--ink)}
ul,ol{margin:0 0 1.1em;padding-left:1.2em}
li{margin-bottom:.4em}
}
@layer layout{
.qh-in{width:min(1140px,calc(100% - 36px));margin-inline:auto}
.qh-nar{width:min(800px,calc(100% - 36px));margin-inline:auto}
.qh-band{padding-block:clamp(58px,7.5vw,108px)}
.qh-leaf{background:var(--leaf)}
.qh-comb{background:var(--comb)}
.qh-head{max-width:720px;margin-bottom:44px}
.qh-head--c{margin-inline:auto;text-align:center}
.qh-kick{font-weight:700;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:var(--moss);margin:0 0 .8em;display:flex;align-items:center;gap:10px}
.qh-kick::before{content:"";width:14px;height:16px;background:var(--honey);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.qh-head--c .qh-kick{justify-content:center}
.qh-lead{font-size:1.08em;color:var(--mute)}
.qh-fine{font-size:.8rem;color:var(--mute)}
.qh-split{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,80px);align-items:center}
.qh-split>*{min-width:0}
.qh-split--r>:first-child{order:2}
.qh-page{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:60px;align-items:start}
@media (max-width:920px){.qh-split,.qh-page{grid-template-columns:1fr}.qh-split--r>:first-child{order:0}}
}
@layer parts{
.qh-skip{position:absolute;left:-999px;top:8px;background:var(--moss);color:#fff;padding:8px 14px;border-radius:8px;z-index:300}
.qh-skip:focus{left:10px}
/* buttons */
.qh-btn{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;padding:15px 28px;border-radius:12px;font-weight:800;font-size:1.02rem;text-decoration:none;line-height:1.2;cursor:pointer;border:0;transition:transform .25s,box-shadow .25s,background .25s}
.qh-btn--honey{background:var(--honey);color:var(--ink);box-shadow:0 10px 22px -12px rgba(160,100,0,.85)}
.qh-btn--honey:hover{color:var(--ink);transform:translateY(-2px);box-shadow:0 16px 26px -12px rgba(160,100,0,.85)}
.qh-btn--moss{background:var(--moss);color:#fff}
.qh-btn--moss:hover{background:var(--moss-d);color:#fff}
.qh-btn--soft{background:var(--leaf);color:var(--moss-d)}
.qh-btn--soft:hover{background:var(--leaf-2);color:var(--moss-d)}
.qh-btn--lg{padding:18px 34px;font-size:1.1rem}
.qh-btn--wide{width:100%}
/* header */
.qh-top{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--line)}
.qh-top__in{display:flex;align-items:center;gap:22px;min-height:76px}
.qh-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:var(--hd);font-size:1.4rem;color:var(--ink);white-space:nowrap}
.qh-logo svg{flex:none}
.qh-links{display:flex;gap:4px;margin-left:auto}
.qh-links a{position:relative;padding:8px 11px;text-decoration:none;font-weight:700;font-size:.95rem;color:var(--ink);white-space:nowrap}
.qh-links a::after{content:"";position:absolute;left:11px;right:11px;bottom:2px;height:3px;border-radius:2px;background:var(--honey);transform:scaleX(0);transform-origin:left;transition:transform .3s}
.qh-links a:hover::after,.qh-links a[aria-current]::after{transform:scaleX(1)}
.qh-top .qh-btn{padding:12px 22px}
.qh-tog{position:absolute;opacity:0;pointer-events:none}
.qh-burger{display:none;width:50px;height:50px;border-radius:12px;background:var(--leaf);cursor:pointer;align-items:center;justify-content:center;flex-direction:column;gap:6px;margin-left:auto}
.qh-burger i{display:block;width:24px;height:3px;border-radius:2px;background:var(--moss);transition:transform .3s,opacity .3s}
.qh-drawer{position:fixed;inset:0 0 0 auto;width:min(86vw,380px);background:#fff;z-index:200;padding:24px 26px 30px;transform:translateX(105%);transition:transform .4s cubic-bezier(.2,.8,.2,1);box-shadow:-30px 0 60px -30px rgba(31,45,37,.4);overflow-y:auto;visibility:hidden}
.qh-drawer ul{list-style:none;margin:0 0 22px;padding:0}
.qh-drawer li{margin:0}
.qh-drawer li a{display:block;padding:14px 2px;font-family:var(--hd);font-size:1.25rem;color:var(--ink);text-decoration:none;border-bottom:1px solid var(--line)}
.qh-drawer__x{display:flex;justify-content:flex-end;margin-bottom:8px}
.qh-drawer__x label{width:50px;height:50px;border-radius:12px;background:var(--leaf);display:grid;place-items:center;font-size:2rem;color:var(--moss);cursor:pointer;line-height:1}
.qh-veil{position:fixed;inset:0;background:rgba(31,45,37,.4);z-index:150;opacity:0;pointer-events:none;transition:opacity .3s}
body:has(#qh-tog:checked) .qh-drawer{transform:none;visibility:visible}
body:has(#qh-tog:checked) .qh-veil{opacity:1;pointer-events:auto}
body:has(#qh-tog:checked){overflow:hidden}
.qh-tog:focus-visible+.qh-burger{outline:3px solid var(--honey)}
@media (max-width:1120px){.qh-links,.qh-top__in>.qh-btn{display:none}.qh-burger{display:flex}}
.qh-trail{font-size:.85rem;color:var(--mute);padding-top:18px;margin:0}
.qh-trail a{color:var(--mute)}
.qh-trail span{margin:0 6px;color:var(--honey)}

/* hero */
.qh-hero{padding:clamp(26px,4.5vw,60px) 0 clamp(56px,7vw,96px);background:radial-gradient(700px 480px at 92% 6%,var(--comb-2) 0,transparent 70%),radial-gradient(560px 420px at 0 100%,var(--leaf) 0,transparent 70%),#fff;overflow:hidden}
.qh-hero__g{display:grid;grid-template-columns:minmax(0,1.04fr) minmax(0,.96fr);gap:clamp(26px,4vw,64px);align-items:start}
.qh-hero h1 em{font-style:normal;color:var(--moss);background:linear-gradient(transparent 68%,var(--comb-2) 0)}
.qh-hero__p{font-size:1.08em}
.qh-qf{margin:26px 0;display:grid;grid-template-columns:auto 1fr;gap:0 22px;padding:6px 0}
.qh-qf dt{font-weight:800;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--moss);padding:9px 0;border-top:1px dotted #C9D7BF}
.qh-qf dd{margin:0;padding:8px 0;font-size:1.02rem;color:var(--ink);border-top:1px dotted #C9D7BF}
.qh-qf dt:first-of-type,.qh-qf dt:first-of-type+dd{border-top:0}
.qh-qfh{font-family:var(--hd);font-size:1.2rem;color:var(--honey-d);margin:26px 0 0}
.qh-checks{list-style:none;padding:0;margin:0 0 28px}
.qh-checks li{position:relative;padding-left:38px;margin-bottom:10px}
.qh-checks li::before{content:"";position:absolute;left:0;top:.18em;width:26px;height:28px;background:var(--honey);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.qh-checks li::after{content:"";position:absolute;left:9px;top:.62em;width:9px;height:5px;border-left:3px solid var(--ink);border-bottom:3px solid var(--ink);transform:rotate(-45deg)}
.qh-btns{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:30px}
.qh-stats{display:flex;flex-wrap:wrap;gap:12px 40px}
.qh-stats b{display:block;font-family:var(--hd);font-weight:400;font-size:2.1rem;color:var(--moss);line-height:1.1}
.qh-stats span{font-size:.88rem;color:var(--mute)}
.qh-art{position:relative;min-width:0}
.qh-shot{position:relative;padding:62px 6px 70px}
.qh-shot::before{content:"";position:absolute;inset:12% 4% 8%;background:var(--comb-2);opacity:.65;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.qh-shot picture,.qh-shot img{position:relative;z-index:1}
.qh-shot>picture img{width:100%;animation:qh-hover 7s ease-in-out infinite}
.qh-tag{position:absolute;z-index:2;display:flex;align-items:center;gap:10px;background:#fff;border-radius:14px;padding:8px 14px 8px 8px;box-shadow:0 14px 28px -14px rgba(31,45,37,.5);font-size:.8rem;line-height:1.25;max-width:50%;animation:qh-bob 5.5s ease-in-out infinite}
.qh-tag i{flex:none;width:38px;height:42px;display:grid;place-items:center;font-style:normal;font-weight:800;font-size:.76rem;background:var(--moss);color:#fff;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.qh-tag b{display:block;font-size:.92rem}
.qh-tag--1{top:2px;left:0}
.qh-tag--2{top:16px;right:0;animation-delay:.8s}.qh-tag--2 i{background:var(--honey);color:var(--ink)}
.qh-tag--3{bottom:8px;left:0;animation-delay:1.6s}.qh-tag--3 i{background:#3C8D55}
.qh-ribbon{position:absolute;z-index:2;right:0;bottom:16px;background:var(--honey);color:var(--ink);font-weight:800;font-size:.8rem;padding:9px 16px 9px 22px;clip-path:polygon(0 0,100% 0,100% 100%,0 100%,10px 50%)}
.qh-hub{position:relative;margin-top:14px;background:#fff;border-radius:26px;padding:26px 18px 16px;box-shadow:0 26px 50px -36px rgba(31,45,37,.6)}
.qh-hub h2{font-size:1.2rem;text-align:center;margin:0 60px 4px}
.qh-hub svg{width:100%;max-width:440px;margin:0 auto}
.qh-hub .qh-fine{text-align:center;margin:6px 0 0}
.qh-hub__seal{position:absolute;top:-22px;right:-8px;width:88px;rotate:9deg;filter:drop-shadow(0 8px 12px rgba(31,45,37,.3))}
.qh-hx{fill:#fff;stroke:#BFD6B3;stroke-width:3}
.qh-hx--c{fill:var(--moss);stroke:none}
.qh-hx--h{fill:var(--comb);stroke:var(--honey)}
.qh-hl{stroke:#B7CDAA;stroke-width:3;stroke-dasharray:6 8;stroke-linecap:round;animation:qh-dash 14s linear infinite}
.qh-hp{fill:none;stroke:var(--honey);stroke-width:3;transform-origin:220px 150px;animation:qh-ring 3.4s ease-out infinite}
.qh-hp:nth-of-type(2){animation-delay:1.7s}
.qh-ht{font-family:var(--bd);font-weight:800;font-size:15px;fill:var(--ink);text-anchor:middle}
.qh-htw{font-family:var(--hd);font-size:19px;fill:#fff;text-anchor:middle}
@media (max-width:920px){.qh-hero .qh-hub{display:none}.qh-hero__g{grid-template-columns:1fr}.qh-art{order:-1;width:100%;max-width:560px;margin-inline:auto}}
@media (max-width:480px){
  .qh-shot{padding:56px 0 60px}
  .qh-tag{font-size:.68rem;gap:7px;padding:5px 10px 5px 5px;border-radius:12px}
  .qh-tag i{width:30px;height:33px;font-size:.66rem}
  .qh-tag b{font-size:.78rem}
  .qh-ribbon{font-size:.7rem;padding:7px 11px 7px 17px;bottom:0}
  .qh-tag--3{bottom:34px}
  .qh-qf{grid-template-columns:1fr;gap:0}
  .qh-qf dt{padding:10px 0 0;border-top:1px dotted #C9D7BF}
  .qh-qf dd{border-top:0;padding:2px 0 8px}
}
.qh-mob{display:none}
@media (max-width:920px){.qh-mob{display:block;max-width:520px;margin:0 auto 40px}}

/* trust row */
.qh-trust{padding:30px 0;background:var(--leaf)}
.qh-trust ul{list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin:0;padding:0;align-items:center}
.qh-trust li{margin:0;display:flex;align-items:center;gap:14px;font-weight:700;font-size:.92rem;color:var(--ink);line-height:1.3}
.qh-trust img{width:64px;height:auto;flex:none}
@media (max-width:760px){.qh-trust ul{grid-template-columns:1fr 1fr}.qh-trust img{width:52px}}

/* intro */
.qh-shine{border-radius:24px;overflow:hidden;background:#111;box-shadow:0 34px 60px -40px rgba(31,45,37,.8)}
.qh-shine img{width:100%}
.qh-dots{list-style:none;padding:0}
.qh-dots li{position:relative;padding-left:32px}
.qh-dots li::before{content:"";position:absolute;left:2px;top:.55em;width:13px;height:14px;background:var(--honey);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}

/* ritual */
.qh-rit{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:30px;counter-reset:r;list-style:none;padding:0;margin:0 0 54px}
.qh-rit li{counter-increment:r;margin:0;position:relative;padding-top:74px}
.qh-rit li::before{content:counter(r);position:absolute;left:0;top:0;width:58px;height:64px;display:grid;place-items:center;font-family:var(--hd);font-size:1.6rem;color:var(--ink);background:var(--honey);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.qh-rit li::after{content:"";position:absolute;left:72px;right:-18px;top:30px;height:0;border-top:3px dotted #BFD6B3}
.qh-rit li:last-child::after{display:none}
.qh-rit h3{margin-bottom:.2em}
.qh-rit p{margin:0;font-size:1.02rem}
@media (max-width:900px){.qh-rit{grid-template-columns:1fr 1fr}.qh-rit li::after{display:none}}
@media (max-width:540px){.qh-rit{grid-template-columns:1fr}}
.qh-cal{margin:0}
.qh-cal h3{font-size:1.3rem}
.qh-cal__g{display:grid;grid-template-columns:repeat(10,1fr);gap:8px;max-width:560px}
.qh-cal__g i{aspect-ratio:1/1.12;background:var(--leaf-2);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);opacity:.9}
.qh-cal.qh-on .qh-cal__g i{animation:qh-fill .5s calc(var(--n) * 45ms) ease forwards}
.qh-cal figcaption{font-size:.84rem;color:var(--mute);margin-top:12px;max-width:560px}

/* focus areas */
.qh-areas{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 60px}
.qh-area{display:grid;grid-template-columns:64px 1fr;gap:20px;align-items:start}
.qh-area svg{width:64px;height:70px}
.qh-area h3{margin-bottom:.2em}
.qh-area p{margin:0 0 .4em;font-size:1.03rem}
@media (max-width:760px){.qh-areas{grid-template-columns:1fr}}
.qh-combs{display:grid;grid-template-columns:repeat(4,164px);justify-content:center;gap:0 10px;padding-bottom:56px}
.qh-cell{width:164px;height:184px;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;padding:0 24px;text-decoration:none;color:var(--ink);transition:transform .3s;line-height:1.2}
.qh-cell:nth-child(even){translate:0 52px}
.qh-cell:hover{transform:scale(1.07);color:var(--ink)}
.qh-cell b{font-family:var(--hd);font-weight:400;font-size:1.8rem;display:block}
.qh-cell span{font-weight:800;font-size:.9rem}
.qh-cell--a{background:var(--comb-2)}.qh-cell--b{background:var(--leaf-2)}.qh-cell--c{background:#FBD677}.qh-cell--d{background:#CFE5C5}
@media (max-width:760px){.qh-combs{grid-template-columns:repeat(2,140px);gap:0 8px;padding-bottom:44px}.qh-cell{width:140px;height:156px;padding:0 18px}.qh-cell:nth-child(even){translate:0 44px}.qh-cell b{font-size:1.5rem}.qh-cell span{font-size:.8rem}}

/* formula */
.qh-trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px}
.qh-trio h3{margin-bottom:.3em;padding-top:16px;border-top:4px solid var(--honey)}
.qh-trio p{font-size:1.03rem;margin:0}
@media (max-width:820px){.qh-trio{grid-template-columns:1fr;gap:26px}}
.qh-read{max-width:760px;margin:46px auto 0;list-style:none;padding:0;counter-reset:l}
.qh-read li{counter-increment:l;padding:14px 0 14px 60px;position:relative;margin:0;border-top:1px dotted #BDD0B2}
.qh-read li::before{content:counter(l);position:absolute;left:0;top:14px;width:38px;height:42px;display:grid;place-items:center;background:var(--leaf-2);color:var(--moss-d);font-weight:800;clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}

/* rating */
.qh-rate{display:grid;grid-template-columns:240px minmax(0,1fr);gap:clamp(28px,5vw,70px);align-items:center}
.qh-rate__big{text-align:center}
.qh-rate__big b{display:block;font-family:var(--hd);font-weight:400;font-size:5.8rem;line-height:1;color:var(--moss)}
.qh-rate__big p{margin:8px 0 0;color:var(--mute);font-size:.95rem}
.qh-stars{--v:5;position:relative;display:inline-block;font-size:1.35rem;line-height:1;letter-spacing:3px;color:#DCE7D5;white-space:nowrap}
.qh-stars::before{content:"\2605\2605\2605\2605\2605"}
.qh-stars::after{content:"\2605\2605\2605\2605\2605";position:absolute;left:0;top:0;overflow:hidden;width:calc(var(--v) / 5 * 100%);color:var(--honey)}
.qh-rings{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;margin:26px 0 0;list-style:none;padding:0}
.qh-rings li{margin:0;text-align:center;font-size:.92rem;line-height:1.3}
.qh-rings svg{width:94px;height:94px;margin:0 auto 8px}
.qh-ring__bg{fill:none;stroke:var(--leaf-2);stroke-width:9}
.qh-ring__fg{fill:none;stroke:var(--moss);stroke-width:9;stroke-linecap:round;stroke-dasharray:1;stroke-dashoffset:1;transform:rotate(-90deg);transform-origin:50% 50%}
.qh-rings text{font-family:var(--hd);font-size:17px;fill:var(--ink);text-anchor:middle}
.qh-on .qh-ring__fg{animation:qh-draw 1.4s .2s ease forwards}
@media (max-width:860px){.qh-rate{grid-template-columns:1fr;justify-items:center}.qh-rate__rows{width:100%}.qh-rings{grid-template-columns:1fr 1fr}}
.qh-pros{list-style:none;padding:0;margin:48px 0 0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px 44px}
.qh-pros li{margin:0}
.qh-pros b{display:block;font-family:var(--hd);font-weight:400;font-size:1.2rem;margin-bottom:2px;color:var(--moss-d)}
@media (max-width:860px){.qh-pros{grid-template-columns:1fr 1fr}}
@media (max-width:540px){.qh-pros{grid-template-columns:1fr}}

/* reviews */
.qh-voices{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px;align-items:start}
.qh-voice{background:#fff;border-radius:24px;overflow:hidden;box-shadow:0 30px 56px -40px rgba(31,45,37,.7);transition:transform .35s}
.qh-voice:hover{transform:translateY(-6px)}
.qh-voice img{width:100%}
.qh-voice>div{padding:20px 22px 26px}
.qh-voice h3{margin:0}
.qh-voice__s{margin:2px 0 8px;font-size:.9rem;color:var(--moss);font-weight:700}
.qh-voice blockquote{margin:10px 0 0;font-size:1.03rem;line-height:1.6}
@media (max-width:960px){.qh-voices{grid-template-columns:1fr;max-width:480px;margin-inline:auto}}
.qh-after{text-align:center;margin-top:54px}
.qh-after h3{font-size:clamp(1.5rem,2.6vw,2rem)}
.qh-after p{color:var(--mute)}
.qh-after div{display:flex;flex-wrap:wrap;justify-content:center;align-items:center;gap:16px 28px;margin-top:6px}
.qh-more{font-weight:800;text-decoration:none}
.qh-more::after{content:"  \2192"}

/* bundles */
.qh-rows{max-width:1000px;margin-inline:auto}
.qh-row{position:relative;display:grid;grid-template-columns:170px minmax(0,1fr) auto;gap:26px;align-items:center;padding:22px 0;border-top:1px dotted #BDD0B2}
.qh-row:first-child{border-top:0}
.qh-row--top{background:linear-gradient(90deg,var(--comb),#fff 80%);margin-inline:-24px;padding-inline:24px;border-radius:24px;border-top:0}
.qh-row img{width:100%}
.qh-row h3{font-size:1.6rem;margin:0}
.qh-row__mid p{margin:2px 0;font-size:1rem;color:var(--mute)}
.qh-row .qh-save{display:inline-block;margin-top:8px;padding:4px 14px;border-radius:999px;background:var(--leaf);color:var(--moss-d);font-weight:800;font-size:.88rem}
.qh-row__buy{text-align:center}
.qh-price{font-family:var(--hd);font-size:3.3rem;line-height:1;color:var(--ink);margin:0}
.qh-price sup{font-size:1.2rem;vertical-align:1.2em}
.qh-price small{font-family:var(--bd);font-size:.9rem;font-weight:700;color:var(--mute)}
.qh-tot{margin:4px 0 12px;font-size:.96rem}
.qh-tot s{color:var(--mute)}
.qh-flag{position:absolute;top:-4px;left:196px;background:var(--moss);color:#fff;font-weight:800;font-size:.74rem;letter-spacing:.08em;text-transform:uppercase;padding:6px 16px;border-radius:999px}
@media (max-width:820px){.qh-row{grid-template-columns:110px 1fr;padding:22px 0}.qh-row__buy{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 18px;align-items:center;justify-content:space-between}.qh-row__buy .qh-btn{flex:1 1 200px}.qh-flag{left:0;top:0}.qh-row--top{margin-inline:-16px;padding:36px 16px 22px}.qh-price{font-size:2.6rem}}
@media (max-width:420px){.qh-row{grid-template-columns:90px 1fr;gap:14px}.qh-row h3{font-size:1.35rem}}
.qh-ladder{margin:0;max-width:640px}
.qh-ladder h3{font-size:1.3rem}
.qh-ladder__r{display:grid;grid-template-columns:96px 1fr 64px;gap:12px;align-items:center;margin-bottom:12px;font-weight:700;font-size:.95rem}
.qh-ladder__t{height:30px;border-radius:15px;background:var(--leaf-2);position:relative;overflow:hidden}
.qh-ladder__t i{position:absolute;inset:0 auto 0 0;width:var(--w);border-radius:15px;background:var(--moss);transform-origin:left;transform:scaleX(0)}
.qh-ladder__r--top .qh-ladder__t i{background:var(--honey)}
.qh-on .qh-ladder__t i{animation:qh-grow 1.1s calc(var(--n) * 160ms) ease forwards}
.qh-ladder figcaption{font-size:.82rem;color:var(--mute);margin-top:12px}
@media (max-width:480px){.qh-ladder__r{grid-template-columns:78px 1fr 52px;font-size:.88rem}}

/* guarantee, journal, faq */
.qh-gu{display:grid;grid-template-columns:200px minmax(0,1fr) 110px;gap:clamp(24px,5vw,56px);align-items:center;max-width:980px;margin-inline:auto}
.qh-gu>img:first-child{animation:qh-hover 6s ease-in-out infinite}
@media (max-width:760px){.qh-gu{grid-template-columns:1fr;text-align:center;justify-items:center}.qh-gu img{width:160px}}
.qh-jr{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0 52px}
.qh-jr li{margin:0}
.qh-jr a{display:block;padding:26px 0;text-decoration:none;color:inherit;border-top:3px solid var(--honey);height:100%}
.qh-jr small{display:block;font-size:.76rem;letter-spacing:.12em;text-transform:uppercase;color:var(--honey-d);font-weight:800;margin-bottom:6px}
.qh-jr h3{margin:0 0 .3em;transition:color .2s}
.qh-jr a:hover h3{color:var(--moss)}
.qh-jr p{margin:0;font-size:1rem;color:var(--mute)}
@media (max-width:860px){.qh-jr{grid-template-columns:1fr}}
.qh-faq{max-width:860px;margin-inline:auto}
.qh-faq details{border-bottom:1px solid var(--line)}
.qh-faq summary{list-style:none;cursor:pointer;padding:22px 56px 22px 0;position:relative;font-family:var(--hd);font-size:1.2rem;color:var(--ink)}
.qh-faq summary::-webkit-details-marker{display:none}
.qh-faq summary::after{content:"+";position:absolute;right:6px;top:50%;margin-top:-18px;width:36px;height:36px;border-radius:50%;background:var(--leaf);color:var(--moss);display:grid;place-items:center;font-family:var(--bd);font-size:1.5rem;font-weight:700;line-height:1;transition:transform .3s,background .3s}
.qh-faq details[open] summary::after{transform:rotate(45deg);background:var(--honey);color:var(--ink)}
.qh-faq__a{padding:0 0 22px;animation:qh-drop .35s ease}
.qh-faq__a p:last-child{margin:0}
.qh-find{width:100%;padding:16px 22px;border-radius:14px;border:2px solid var(--leaf-2);background:#fff;margin-bottom:12px;font-size:1rem}
.qh-find:focus{outline:none;border-color:var(--moss)}

/* closer */
.qh-end{padding:clamp(60px,8vw,108px) 0;background:linear-gradient(115deg,var(--comb) 0%,#fff 50%,var(--leaf) 100%);overflow:hidden}
.qh-end__in{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:clamp(24px,5vw,64px);align-items:center}
.qh-end__art img{width:100%;animation:qh-hover 8s ease-in-out infinite}
.qh-end h2{font-size:clamp(1.95rem,3.6vw,2.8rem)}
.qh-end__p{margin:4px 0 20px}
.qh-end__p b{font-family:var(--hd);font-weight:400;font-size:2.1rem;color:var(--moss);margin-right:6px}
.qh-end__b{display:flex;flex-wrap:wrap;gap:14px 24px;align-items:center}
.qh-end__t{list-style:none;display:flex;flex-wrap:wrap;gap:6px 22px;padding:0;margin:22px 0 0;font-size:.92rem;color:var(--mute)}
.qh-end__t li{margin:0}
.qh-end__t li::before{content:"\2713\00a0";color:var(--moss);font-weight:800}
@media (max-width:860px){.qh-end__in{grid-template-columns:1fr;text-align:center}.qh-end__art{max-width:440px;margin-inline:auto}.qh-end__b,.qh-end__t{justify-content:center}}

/* inner */
.qh-lede{padding:26px 0 clamp(34px,5vw,60px);background:linear-gradient(180deg,#fff,var(--leaf))}
.qh-lede__g{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,.7fr);gap:36px;align-items:center}
.qh-lede__g img{max-height:340px;width:auto;margin:auto}
@media (max-width:860px){.qh-lede__g{grid-template-columns:1fr}.qh-lede__g img{max-height:230px}}
.qh-copy{font-size:1.06rem}
.qh-copy h2{font-size:clamp(1.5rem,2.5vw,2rem);margin-top:1.5em}
.qh-copy blockquote{margin:1.4em 0;padding:4px 0 4px 22px;border-left:4px solid var(--honey);color:var(--ink);font-family:var(--hd);font-size:1.25rem;line-height:1.4}
.qh-chips{display:flex;flex-wrap:wrap;gap:8px 28px;list-style:none;padding:0;margin:0 0 26px}
.qh-chips li{margin:0}
.qh-chips b{font-size:.74rem;letter-spacing:.12em;text-transform:uppercase;color:var(--moss);display:block}
.qh-aside{position:sticky;top:98px;background:var(--leaf);border-radius:24px;padding:24px}
.qh-aside img{width:86%;margin:0 auto 6px}
.qh-aside h2{font-size:1.2rem}
.qh-aside ul{list-style:none;padding:0;font-size:.98rem}
.qh-aside li{margin:0;padding:6px 0}
@media (max-width:920px){.qh-aside{position:static}}
.qh-num{list-style:none;padding:0;counter-reset:q}
.qh-num li{counter-increment:q;position:relative;padding-left:60px;margin-bottom:18px}
.qh-num li::before{content:counter(q);position:absolute;left:0;top:0;width:42px;height:46px;display:grid;place-items:center;background:var(--honey);font-family:var(--hd);color:var(--ink);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.qh-lost{text-align:center;padding:80px 0 100px}
.qh-lost b{display:block;font-family:var(--hd);font-weight:400;font-size:clamp(5rem,16vw,9rem);line-height:1;color:var(--comb-2)}
.qh-tl{list-style:none;padding:0;margin:0;max-width:640px}
.qh-tl li{position:relative;padding:0 0 28px 62px;margin:0}
.qh-tl li::before{content:"";position:absolute;left:8px;top:2px;width:26px;height:29px;background:var(--honey);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%)}
.qh-tl li::after{content:"";position:absolute;left:20px;top:36px;bottom:2px;width:0;border-left:3px dotted #BFD6B3}
.qh-tl li:last-child::after{display:none}
.qh-tl b{display:block;font-family:var(--hd);font-weight:400;font-size:1.2rem;color:var(--ink)}
.qh-tl span{font-size:1rem;color:var(--mute)}

/* footer */
.qh-foot{background:var(--leaf);padding:62px 0 110px;font-size:.98rem}
.qh-foot__g{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:32px}
.qh-foot__g>*{min-width:0}
.qh-foot__a p{margin:14px 0 0;color:var(--mute)}
.qh-foot nav{display:flex;flex-direction:column;gap:9px}
.qh-foot h2{font-family:var(--bd);font-weight:800;font-size:.82rem;letter-spacing:.14em;text-transform:uppercase;color:var(--moss);margin-bottom:4px}
.qh-foot nav a{color:var(--txt);text-decoration:none}
.qh-foot nav a:hover{color:var(--moss)}
.qh-foot__l{margin-top:34px;padding-top:22px;border-top:1px solid var(--leaf-2);font-size:.84rem;color:var(--mute)}
@media (max-width:860px){.qh-foot__g{grid-template-columns:1fr 1fr}.qh-foot__a{grid-column:1/-1}}
.qh-fab{position:fixed;right:14px;bottom:14px;z-index:90;background:var(--honey);color:var(--ink);font-weight:800;padding:15px 24px;border-radius:14px;text-decoration:none;box-shadow:0 16px 30px -12px rgba(160,100,0,.85);transform:translateY(160%);transition:transform .4s}
.qh-fab.qh-show{transform:none}
@media (min-width:861px){.qh-fab{display:none}}
}
@layer motion{
@keyframes qh-hover{0%,100%{transform:translateY(0)}50%{transform:translateY(-10px)}}
@keyframes qh-bob{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
@keyframes qh-dash{to{stroke-dashoffset:-140}}
@keyframes qh-ring{0%{transform:scale(1);opacity:.55}100%{transform:scale(1.8);opacity:0}}
@keyframes qh-draw{to{stroke-dashoffset:var(--o,0)}}
@keyframes qh-grow{to{transform:scaleX(1)}}
@keyframes qh-fill{to{background:var(--honey);opacity:1}}
@keyframes qh-drop{from{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:none}}
@keyframes qh-rise{from{opacity:0;transform:translateY(40px)}to{opacity:1;transform:none}}
.qh-js [data-q]{opacity:0;transform:translateY(34px);transition:opacity .85s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 110ms),transform .85s cubic-bezier(.2,.7,.2,1) calc(var(--i,0) * 110ms)}
.qh-js [data-q].qh-on{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{animation:none!important;transition:none!important}
  .qh-js [data-q]{opacity:1;transform:none}
  .qh-ring__fg{stroke-dashoffset:var(--o,0)}.qh-ladder__t i{transform:none}.qh-cal__g i{background:var(--honey)}
}
}