/* breathizeon.com — sage / terracotta / oat on white. Bitter headings, Inclusive Sans body. */
:root{
  --bm-ink:#1f2a22;--bm-txt:#36433a;--bm-mut:#627066;--bm-line:#e3e9e4;
  --bm-sage:#4f7d5c;--bm-sageD:#3a5f45;--bm-mist:#eef4ef;
  --bm-terra:#c8643b;--bm-terraD:#a54d28;--bm-oat:#f7f2ea;--bm-sand:#efe5d5;
  --bm-hd:"Bitter",Georgia,serif;--bm-bd:"Inclusive Sans",system-ui,sans-serif;
}
*,*::before,*::after{box-sizing:border-box}
html{font-size:19px;-webkit-text-size-adjust:100%;scroll-behavior:smooth}
body{margin:0;background:#fff;color:var(--bm-txt);font:400 1.08rem/1.75 var(--bm-bd);overflow-x:hidden}
img{max-width:100%;height:auto;display:block}
a{color:var(--bm-sageD);text-underline-offset:3px}
h1,h2,h3,h4{font-family:var(--bm-hd);color:var(--bm-ink);line-height:1.16}
h2{font-size:clamp(1.85rem,3.3vw,2.6rem);font-weight:700;margin:0 0 .8rem}
h3{font-size:1.28rem;font-weight:700;margin:0 0 .5rem}
p{margin:0 0 1rem}
.bm-skip{position:absolute;left:-999px;top:0;background:var(--bm-ink);color:#fff;padding:.6rem 1rem;z-index:99}
.bm-skip:focus{left:8px}
.bm-wrap{max-width:1220px;margin:0 auto;padding:0 28px}

/* reveal: one root scroll() timeline; JS writes each block's pixel animation-range from its offset */
.bm-pinned [data-pace]{animation:bm-up linear both;animation-timeline:scroll(root block)}
@keyframes bm-up{from{opacity:0;transform:translateY(36px)}to{opacity:1;transform:none}}
@media (prefers-reduced-motion:reduce){.bm-pinned [data-pace]{animation:none}}

/* header */
.bm-top{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.95);backdrop-filter:blur(10px);box-shadow:0 1px 0 var(--bm-line)}
.bm-row{max-width:1460px;margin:0 auto;padding:12px 28px;display:flex;align-items:center;gap:20px}
.bm-logo{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.4rem/1 var(--bm-hd);color:var(--bm-ink);flex:none}
.bm-logo span b{color:var(--bm-sage)}
.bm-links{display:flex;gap:2px;margin-left:auto}
.bm-links a{text-decoration:none;color:var(--bm-ink);font-weight:500;font-size:1rem;padding:.5rem .6rem;border-radius:8px;white-space:nowrap}
.bm-links a:hover,.bm-links a[aria-current]{color:var(--bm-sageD);background:var(--bm-mist)}
.bm-buy{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;background:var(--bm-terra);color:#fff;font:600 1.04rem/1 var(--bm-bd);padding:1rem 1.5rem;border-radius:6px;white-space:nowrap;box-shadow:0 12px 26px -14px rgba(200,100,59,.95);transition:transform .2s,background .2s}
.bm-buy:hover{background:var(--bm-terraD);transform:translateY(-2px)}
.bm-row>.bm-buy{flex:none}
.bm-buy.bm-lg{font-size:1.15rem;padding:1.15rem 2rem}
.bm-buy.bm-green{background:var(--bm-sage);box-shadow:0 12px 26px -14px rgba(79,125,92,.9)}
.bm-buy.bm-green:hover{background:var(--bm-sageD)}
.bm-buy.bm-full{display:flex;width:100%}

/* small screens: a bottom tab bar replaces the top menu; "More" opens a sheet above it */
.bm-tabs{display:none;position:fixed;left:0;right:0;bottom:0;z-index:60;background:#fff;box-shadow:0 -10px 30px -18px rgba(31,42,34,.45);padding:6px 6px calc(6px + env(safe-area-inset-bottom))}
.bm-tabs>nav{display:grid;grid-template-columns:repeat(5,1fr);gap:4px}
.bm-tabs>nav>a,.bm-tabs>nav>button{display:flex;flex-direction:column;align-items:center;gap:2px;text-decoration:none;color:var(--bm-mut);font:500 .78rem/1.1 var(--bm-bd);padding:.45rem .2rem;border-radius:10px;border:0;background:none;cursor:pointer}
.bm-tabs>nav>a[aria-current]{color:var(--bm-sageD);background:var(--bm-mist)}
.bm-tabs>nav>a.bm-tabbuy{background:var(--bm-terra);color:#fff}
.bm-tabs>nav>button[aria-expanded="true"]{color:var(--bm-terraD)}
.bm-sheet{position:absolute;left:8px;right:8px;bottom:calc(100% + 8px);background:#fff;border-radius:16px;box-shadow:0 -20px 50px -20px rgba(31,42,34,.5);padding:10px 18px 16px;max-height:70vh;overflow-y:auto;transform:translateY(16px);opacity:0;visibility:hidden;transition:transform .3s,opacity .3s,visibility 0s .3s}
.bm-tabs[data-more] .bm-sheet{transform:none;opacity:1;visibility:visible;transition:transform .3s,opacity .3s}
.bm-sheet a{display:block;text-decoration:none;color:var(--bm-ink);font:600 1.08rem/1.3 var(--bm-hd);padding:.75rem 0;border-bottom:1px solid var(--bm-line)}

/* hero */
.bm-hero{background:linear-gradient(170deg,var(--bm-mist) 0,#fff 55%,var(--bm-oat) 100%);padding:56px 0 76px}
.bm-hgrid{display:grid;grid-template-columns:1.08fr .92fr;grid-template-areas:"text visual" "text diagram";grid-template-rows:auto 1fr;gap:28px 54px;align-items:start}
.bm-text{grid-area:text;min-width:0}
.bm-visual{grid-area:visual;position:relative;min-width:0;min-height:450px;display:grid;place-items:center}
.bm-diagram{grid-area:diagram;min-width:0}
.bm-kicker{display:inline-flex;align-items:center;gap:.5rem;color:var(--bm-terraD);font-weight:600;font-size:.98rem;padding-bottom:.35rem;border-bottom:2px solid var(--bm-terra)}
.bm-text h1{font-size:clamp(2.3rem,4.6vw,3.55rem);font-weight:800;margin:1rem 0 1rem;line-height:1.08}
.bm-text h1 span{display:block;color:var(--bm-sage);font-weight:700}
.bm-intro{font-size:1.2rem;color:var(--bm-mut);margin-bottom:1.6rem}
.bm-qf{margin:0 0 1.5rem;padding:1.4rem 1.6rem;background:#fff;border-radius:8px;box-shadow:0 26px 60px -42px rgba(31,42,34,.6);display:grid;grid-template-columns:1fr 1fr;gap:.95rem 1.6rem;border-left:5px solid var(--bm-sage)}
.bm-qf-h{grid-column:1/-1;font:700 1.2rem/1 var(--bm-hd);color:var(--bm-ink)}
.bm-qf dt{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--bm-sage);font-weight:700}
.bm-qf dd{margin:0;font-weight:600;color:var(--bm-ink);line-height:1.45}
.bm-list{list-style:none;padding:0;margin:0 0 1.7rem;display:grid;grid-template-columns:1fr 1fr;gap:.55rem 1.2rem}
.bm-list li{position:relative;padding-left:2rem;font-weight:600;color:var(--bm-ink)}
.bm-list li::before{content:"";position:absolute;left:0;top:.3em;width:1.25rem;height:1.25rem;border-radius:4px;background:var(--bm-terra) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='white' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12 4 4 8-8'/%3E%3C/svg%3E") center/70% no-repeat}
.bm-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center}
.bm-outline{display:inline-flex;align-items:center;font:600 1.04rem/1 var(--bm-bd);color:var(--bm-sageD);text-decoration:none;padding:1rem 1.4rem;border-radius:6px;box-shadow:inset 0 0 0 2px var(--bm-sage)}
.bm-outline:hover{background:var(--bm-mist)}
.bm-figs{list-style:none;padding:0;margin:2rem 0 0;display:flex;flex-wrap:wrap;gap:2.4rem}
.bm-figs b{display:block;font:800 2rem/1 var(--bm-hd);color:var(--bm-ink)}
.bm-figs b i{font-style:normal;color:var(--bm-terra)}
.bm-figs span{color:var(--bm-mut);font-size:.98rem}
.bm-leaves{position:absolute;inset:0;pointer-events:none}
.bm-leaves path{fill:var(--bm-sage);opacity:.18;transform-box:fill-box;transform-origin:center;animation:bm-sway 7s ease-in-out infinite}
.bm-leaves path:nth-child(2){fill:var(--bm-terra);animation-delay:-2s}
.bm-leaves path:nth-child(3){animation-delay:-4s}
@keyframes bm-sway{50%{transform:rotate(8deg) translateY(-6px)}}
.bm-disc{position:absolute;left:50%;top:50%;width:min(400px,86%);aspect-ratio:1;transform:translate(-50%,-50%);border-radius:50%;background:radial-gradient(circle,#fff 0 45%,var(--bm-mist) 46% 70%,var(--bm-oat) 71%)}
.bm-visual>img{position:relative;width:min(400px,84%);filter:drop-shadow(0 26px 30px rgba(31,42,34,.24));animation:bm-hover 6s ease-in-out infinite}
@keyframes bm-hover{50%{transform:translateY(-10px)}}
.bm-notes{position:absolute;inset:0}
.bm-note{position:absolute;display:flex;align-items:center;gap:.6rem;background:#fff;padding:.6rem 1rem .6rem .6rem;border-radius:8px;box-shadow:0 16px 36px -20px rgba(31,42,34,.55);line-height:1.2;animation:bm-bob 5s ease-in-out infinite}
.bm-note i{width:38px;height:38px;border-radius:6px;display:grid;place-items:center;background:var(--bm-mist);color:var(--bm-sage);flex:none}
.bm-note b{display:block;font:700 1rem/1.2 var(--bm-hd);color:var(--bm-ink)}
.bm-note small{color:var(--bm-mut);font-size:.86rem}
.bm-n1{top:3%;left:0}
.bm-n2{top:14%;right:0;animation-delay:-1.2s}
.bm-n2 i{background:var(--bm-oat);color:var(--bm-terraD)}
.bm-n3{bottom:16%;left:-2%;animation-delay:-2.5s}
.bm-n4{bottom:3%;right:2%;background:var(--bm-sage);animation-delay:-3.5s}
.bm-n4 b,.bm-n4 small{color:#fff}
.bm-n4 i{background:rgba(255,255,255,.18);color:#fff}
@keyframes bm-bob{50%{transform:translateY(-7px)}}
.bm-diagram{position:relative;background:#fff;border-radius:10px;padding:2.2rem 1.4rem 1.2rem;box-shadow:0 30px 70px -46px rgba(31,42,34,.6);text-align:center}
.bm-corner{position:absolute;top:-14px;left:18px;background:var(--bm-terra);color:#fff;font:600 .9rem/1 var(--bm-bd);padding:.62rem 1rem;border-radius:4px;box-shadow:0 10px 20px -10px rgba(200,100,59,.9)}
.bm-diagram h3{font-size:1.25rem;margin:0 0 .4rem}
.bm-tee{width:100%;max-width:440px;display:block;margin:0 auto}
.bm-tee .ln{stroke:var(--bm-sage);stroke-width:3;stroke-dasharray:2 8;stroke-linecap:round;animation:bm-dots 2.4s linear infinite}
@keyframes bm-dots{to{stroke-dashoffset:-60}}
.bm-tee .hub{fill:var(--bm-sage)}
.bm-tee .ring{fill:none;stroke:var(--bm-sage);stroke-width:2;transform-origin:220px 130px;animation:bm-ping 2.6s ease-out infinite}
@keyframes bm-ping{from{transform:scale(1);opacity:.6}to{transform:scale(1.45);opacity:0}}
.bm-tee .ht{font:700 14px var(--bm-hd);fill:#fff}
.bm-tee .box{fill:#fff;stroke-width:2.5}
.bm-tee .b1{stroke:var(--bm-sage)}
.bm-tee .b2{stroke:var(--bm-terra)}
.bm-tee .b3{stroke:#b89a5e}
.bm-tee .bt{font:700 15px var(--bm-hd);fill:var(--bm-ink)}
.bm-tee .bs{font:400 11.5px var(--bm-bd);fill:var(--bm-mut)}
.bm-cap{font-size:.9rem;font-style:italic;color:var(--bm-mut);margin:.4rem 0 0}

/* trust row */
.bm-trust{padding:24px 0;border-bottom:1px solid var(--bm-line)}
.bm-trust .bm-wrap{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:16px 34px}
.bm-trust img{width:132px}
.bm-trust p{max-width:380px;margin:0;color:var(--bm-mut);font-size:.98rem}

/* sections */
.bm-sec{padding:88px 0}
.bm-mistbg{background:var(--bm-mist)}
.bm-oatbg{background:var(--bm-oat)}
.bm-head{max-width:780px;margin:0 0 2.6rem}
.bm-head.bm-c{margin:0 auto 2.6rem;text-align:center}
.bm-tag{display:inline-block;font-size:.85rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--bm-terraD);margin-bottom:.8rem}
.bm-head p{color:var(--bm-mut);font-size:1.14rem;margin:0}
.bm-split{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.bm-split>*{min-width:0}
.bm-pic{border-radius:10px}
.bm-arrow{font-weight:700;margin-top:1.4rem}
.bm-arrow a{text-decoration:none}
.bm-arrow a::after{content:" \2192"}

/* divider: drifting leaves */
.bm-drift{display:block;width:100%;height:48px}
.bm-drift path{fill:var(--bm-sage);opacity:.35;animation:bm-sway 6s ease-in-out infinite;transform-box:fill-box;transform-origin:center}
.bm-drift path:nth-child(3n){fill:var(--bm-terra)}

/* botanicals */
.bm-five{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.bm-five>li{min-width:0}
.bm-five a{display:block;text-decoration:none;color:inherit}
.bm-five img{width:100%;aspect-ratio:1;object-fit:cover;border-radius:8px}
.bm-five .ph{display:grid;place-items:center;width:100%;aspect-ratio:1;border-radius:8px;background:linear-gradient(140deg,var(--bm-mist),var(--bm-oat));color:var(--bm-sage)}
.bm-five h3{font-size:1.12rem;margin:.9rem 0 .3rem}
.bm-five p{margin:0;color:var(--bm-mut);font-size:.97rem;line-height:1.55}
.bm-five .zone{display:block;font-size:.8rem;font-weight:700;letter-spacing:.08em;text-transform:uppercase;margin-top:.8rem}
.bm-petal{margin-top:70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:52px;align-items:center}
.bm-petal>*{min-width:0}
.bm-flower{width:100%;max-width:380px;display:block;margin:0 auto}
.bm-flower .pt{transform-origin:200px 200px;animation:bm-open 1.4s cubic-bezier(.2,.8,.2,1) both}
@keyframes bm-open{from{transform:scale(.2) rotate(-30deg);opacity:0}}
.bm-flower .ce{fill:#fff;stroke:var(--bm-sage);stroke-width:3}
.bm-flower .cn{font:800 22px var(--bm-hd);fill:var(--bm-ink)}
.bm-flower .cs{font:500 12px var(--bm-bd);fill:var(--bm-mut)}
.bm-flower .pl{font:700 13px var(--bm-hd);fill:#fff}
.bm-zones{list-style:none;padding:0;margin:0;display:grid;gap:1rem}
.bm-zones li{display:grid;grid-template-columns:16px 1fr;gap:14px}
.bm-zones i{width:16px;height:16px;border-radius:3px;margin-top:.35em}
.bm-zones b{display:block;font-family:var(--bm-hd);color:var(--bm-ink)}
.bm-small{font-size:.92rem;font-style:italic;color:var(--bm-mut);margin-top:1rem}

/* morning window */
.bm-morning{margin-top:64px;display:grid;grid-template-columns:1.1fr .9fr;gap:52px;align-items:center}
.bm-morning>*{min-width:0}
.bm-dawn{width:100%;height:auto;display:block}
.bm-dawn .hz{stroke:#cfd9d1;stroke-width:2}
.bm-dawn .sunup{fill:#f4c27a;transform-origin:300px 150px;animation:bm-rise 4s ease-out both}
@keyframes bm-rise{from{transform:translateY(60px)}}
.bm-dawn .ray{stroke:#f4c27a;stroke-width:3;stroke-linecap:round;opacity:.7}
.bm-dawn .mk{fill:var(--bm-terra)}
.bm-dawn .mk2{fill:var(--bm-sage)}
.bm-dawn .tl{font:700 15px var(--bm-hd);fill:var(--bm-ink)}
.bm-dawn .ts{font:400 13px var(--bm-bd);fill:var(--bm-mut)}

/* steps */
.bm-steps{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(4,1fr);gap:28px;counter-reset:bs}
.bm-steps>li{min-width:0;counter-increment:bs;padding-left:3.6rem;position:relative}
.bm-steps>li::before{content:counter(bs);position:absolute;left:0;top:0;width:2.8rem;height:2.8rem;display:grid;place-items:center;border-radius:6px;background:var(--bm-sage);color:#fff;font:800 1.3rem/1 var(--bm-hd)}
.bm-steps>li:nth-child(even)::before{background:var(--bm-terra)}
.bm-steps p{margin:0;color:var(--bm-mut)}

/* weeks stones */
.bm-stones{margin-top:64px}
.bm-stones ol{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;grid-template-columns:repeat(8,1fr);gap:10px}
.bm-stones li{min-width:0;text-align:center}
.bm-stones li span{display:block;height:54px;border-radius:50% 50% 46% 54%/60% 60% 40% 40%;background:var(--bm-sand);animation:bm-pop .5s both}
.bm-stones li.on span{background:var(--bm-sage)}
.bm-stones li.hi span{background:var(--bm-terra)}
@keyframes bm-pop{from{transform:scale(.3);opacity:0}}
.bm-stones li small{display:block;margin-top:.4rem;font-weight:600;color:var(--bm-mut);font-size:.85rem}
.bm-key{display:flex;flex-wrap:wrap;gap:.6rem 1.4rem;margin-top:1rem;color:var(--bm-mut);font-size:.95rem}
.bm-key i{display:inline-block;width:14px;height:14px;border-radius:50%;margin-right:.4rem;vertical-align:-2px}

/* benefits */
.bm-gains{display:grid;grid-template-columns:repeat(3,1fr);gap:40px 44px}
.bm-gains>div{min-width:0}
.bm-gains .ico{width:56px;height:56px;border-radius:8px;display:grid;place-items:center;background:var(--bm-sage);color:#fff;margin-bottom:1rem}
.bm-gains>div:nth-child(even) .ico{background:var(--bm-terra)}
.bm-gains p{color:var(--bm-mut);margin:0}

/* reviews */
.bm-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}
.bm-card{background:#fff;border-radius:10px;padding:1.8rem;box-shadow:0 26px 60px -44px rgba(31,42,34,.6);min-width:0}
.bm-card header{display:flex;gap:1rem;align-items:center;margin-bottom:1rem}
.bm-card .av{width:72px;height:72px;border-radius:8px;object-fit:cover;flex:none}
.bm-card .ini{width:72px;height:72px;flex:none}
.bm-card .ini rect{fill:var(--bm-oat)}
.bm-card .ini text{font:800 26px var(--bm-hd);fill:var(--bm-terraD)}
.bm-card h3{margin:0;font-size:1.2rem}
.bm-card .loc{margin:0;font-size:.92rem;color:var(--bm-mut)}
.bm-card .loc b{color:var(--bm-sage)}
.bm-card blockquote{margin:0;font-size:1.06rem}
.bm-stars{color:#e0a10f;letter-spacing:.12em;font-size:1.2rem;margin:0 0 .6rem}
.bm-stars s{text-decoration:none;color:#d9dcd6}
.bm-sum{margin-top:42px;display:grid;grid-template-columns:auto 1fr 1fr;gap:44px;align-items:start}
.bm-sum>*{min-width:0}
.bm-score{font:800 4.4rem/1 var(--bm-hd);color:var(--bm-sage)}
.bm-sum .tx{color:var(--bm-mut);margin:0;font-size:.96rem;max-width:16rem}
.bm-meter{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.85rem}
.bm-meter li>span{display:flex;justify-content:space-between;font-weight:600}
.bm-meter li>span b{color:var(--bm-terraD)}
.bm-meter li>i{display:block;height:9px;background:#fff;border-radius:3px;overflow:hidden;margin-top:.3rem}
.bm-meter li>i>u{display:block;height:100%;width:var(--w);background:linear-gradient(90deg,var(--bm-sage),#7fae8b);border-radius:3px;animation:bm-fill 1.8s both}
@keyframes bm-fill{from{width:0}}
.bm-loves{list-style:none;padding:0;margin:1rem 0 0;display:grid;gap:.6rem}
.bm-loves li{padding-left:1.8rem;position:relative;font-weight:600;color:var(--bm-ink)}
.bm-loves li::before{content:"\273F";position:absolute;left:0;color:var(--bm-terra)}
.bm-go{text-align:center;margin-top:52px}
.bm-go h3{font-size:1.6rem;margin-bottom:1.1rem}
.bm-go p{margin:1rem 0 0;font-weight:700}

/* pricing */
.bm-packs{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;align-items:stretch}
.bm-pack{position:relative;background:#fff;border-radius:10px;padding:2.3rem 1.6rem 1.8rem;text-align:center;box-shadow:0 26px 60px -44px rgba(31,42,34,.6);min-width:0;display:flex;flex-direction:column;border-top:6px solid var(--bm-sand)}
.bm-pack.bm-pick{border-top-color:var(--bm-terra);box-shadow:0 0 0 2px var(--bm-terra),0 36px 80px -40px rgba(200,100,59,.55)}
.bm-pack .lbl{position:absolute;top:-17px;left:50%;transform:translateX(-50%);background:var(--bm-sage);color:#fff;font-weight:700;font-size:.85rem;padding:.48rem 1.1rem;border-radius:4px;white-space:nowrap}
.bm-pack.bm-pick .lbl{background:var(--bm-terra)}
.bm-pack h3{font-size:1.6rem;margin:0}
.bm-pack .days{color:var(--bm-mut);margin:0 0 .5rem}
.bm-pack img{width:min(230px,100%);margin:0 auto .5rem}
.bm-pack .each{font:800 3.3rem/1 var(--bm-hd);color:var(--bm-ink);margin:.4rem 0}
.bm-pack .each small{font:500 1rem/1 var(--bm-bd);color:var(--bm-mut)}
.bm-pack .sum{margin:0;font-weight:700}
.bm-pack .sum s{color:var(--bm-mut);font-weight:400;margin-left:.4rem}
.bm-pack .off{margin:.2rem 0;color:var(--bm-sageD);font-weight:700}
.bm-pack .shp{margin:0;color:var(--bm-mut)}
.bm-pack .bon{margin:.3rem 0 0;color:var(--bm-terraD);font-weight:700}
.bm-pack .sp{flex:1;min-height:1.2rem}
.bm-lolli{margin:64px auto 0;max-width:860px}
.bm-lolli h3{text-align:center}
.bm-lolli ul{list-style:none;padding:0;margin:1.4rem 0 0;display:grid;gap:1.1rem}
.bm-lolli li{display:grid;grid-template-columns:110px 1fr;gap:16px;align-items:center;font-weight:700;color:var(--bm-ink)}
.bm-lolli li>i{position:relative;display:block;height:4px;background:var(--bm-line);border-radius:2px}
.bm-lolli li>i>u{position:absolute;left:0;top:0;height:4px;width:var(--w);background:var(--bm-sage);border-radius:2px;animation:bm-fill 2s both}
.bm-lolli li>i>b{position:absolute;top:50%;left:clamp(34px,var(--w),calc(100% - 36px));transform:translate(-50%,-50%);width:auto;min-width:64px;padding:.3rem .55rem;border-radius:999px;background:var(--bm-sage);color:#fff;font-size:.9rem;text-align:center;white-space:nowrap}
.bm-lolli li:first-child>i>u,.bm-lolli li:first-child>i>b{background:#b4bdb6}
.bm-lolli li:last-child>i>u,.bm-lolli li:last-child>i>b{background:var(--bm-terra)}
.bm-mid{text-align:center;margin-top:1.2rem}

/* bonuses */
.bm-shelf{display:grid;grid-template-columns:repeat(5,1fr);gap:22px}
.bm-shelf>div{min-width:0}
.bm-cover{width:100%;max-width:170px;display:block;margin:0 0 1rem}
.bm-cover .bg{fill:var(--bm-sage)}
.bm-shelf>div:nth-child(2n) .bm-cover .bg{fill:var(--bm-terra)}
.bm-shelf>div:nth-child(3) .bm-cover .bg{fill:#8a7a52}
.bm-cover .lf{fill:rgba(255,255,255,.18)}
.bm-cover .tt{font:800 15px var(--bm-hd);fill:#fff}
.bm-cover .vl{font:600 11px var(--bm-bd);fill:#fff}
.bm-shelf h3{font-size:1.12rem;margin:0 0 .3rem}
.bm-shelf .val{display:block;font-size:.85rem;font-weight:700;color:var(--bm-terraD);margin-bottom:.4rem}
.bm-shelf p{margin:0;color:var(--bm-mut);font-size:.97rem;line-height:1.55}
.bm-stack{margin-top:48px;max-width:900px}
.bm-stack h3{margin-bottom:.8rem}
.bm-stackbar{display:flex;height:46px;border-radius:6px;overflow:hidden}
.bm-stackbar span{display:flex;align-items:center;justify-content:center;color:#fff;font-weight:700;font-size:.9rem;width:var(--w);animation:bm-fill 1.6s both}
.bm-stackbar span:nth-child(1){background:var(--bm-sage)}
.bm-stackbar span:nth-child(2){background:var(--bm-terra)}
.bm-stackbar span:nth-child(3){background:#8a7a52}
.bm-stackbar span:nth-child(4){background:#6f9a7a}
.bm-stackbar span:nth-child(5){background:#dc8a66}

/* guarantee + shipping */
.bm-pledge{display:grid;grid-template-columns:.8fr 1.2fr;gap:56px;align-items:center}
.bm-pledge>*{min-width:0}
.bm-seal{width:min(280px,100%);display:block;margin:0 auto}
.bm-seal .o{fill:var(--bm-terra);transform-origin:110px 110px;animation:bm-turn 30s linear infinite}
@keyframes bm-turn{to{transform:rotate(360deg)}}
.bm-seal .i{fill:#fff;stroke:var(--bm-sage);stroke-width:4}
.bm-seal .n{font:800 64px var(--bm-hd);fill:var(--bm-sage)}
.bm-seal .w{font:700 12px var(--bm-bd);fill:var(--bm-ink);letter-spacing:.08em}
.bm-ship{margin-top:40px}
.bm-ship ol{list-style:none;padding:0;margin:.8rem 0 0;display:grid;grid-template-columns:1fr 1.4fr 1fr;gap:8px}
.bm-ship li{padding:.8rem 1rem;border-radius:6px;background:var(--bm-mist);min-width:0}
.bm-ship li:nth-child(2){background:var(--bm-oat)}
.bm-ship li:nth-child(3){background:var(--bm-sage);color:#fff}
.bm-ship li:nth-child(3) b{color:#fff}
.bm-ship b{display:block;font-family:var(--bm-hd);color:var(--bm-ink)}

/* blog */
.bm-posts{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:40px 36px}
.bm-posts>li{min-width:0}
.bm-posts a{display:block;text-decoration:none;color:inherit;padding-left:1.1rem;border-left:4px solid var(--bm-sage)}
.bm-posts>li:nth-child(even) a{border-left-color:var(--bm-terra)}
.bm-posts .mn{font-size:.88rem;font-weight:700;color:var(--bm-mut);text-transform:uppercase;letter-spacing:.08em}
.bm-posts h3{margin:.4rem 0 .5rem;font-size:1.3rem}
.bm-posts p{color:var(--bm-mut);margin:0}

/* faq */
.bm-faq{max-width:900px}
.bm-faq details{border-bottom:1px solid #d9e2db}
.bm-faq summary{cursor:pointer;list-style:none;font:700 1.15rem/1.4 var(--bm-hd);color:var(--bm-ink);padding:1.2rem 3rem 1.2rem 0;position:relative}
.bm-faq summary::-webkit-details-marker{display:none}
.bm-faq summary::after{content:"";position:absolute;right:6px;top:50%;width:14px;height:14px;margin-top:-7px;background:var(--bm-terra);clip-path:polygon(50% 0,100% 50%,50% 100%,0 50%);transition:transform .3s}
.bm-faq details[open] summary::after{transform:rotate(45deg);background:var(--bm-sage)}
.bm-faq details>div{padding:0 0 1.2rem;color:var(--bm-mut)}
.bm-filter{max-width:900px;margin:0 0 1.6rem}
.bm-filter label{display:block;font-weight:700;color:var(--bm-ink);margin-bottom:.4rem}
.bm-filter input{width:100%;font:inherit;padding:.95rem 1.2rem;border-radius:6px;border:2px solid #d9e2db;background:#fff}
.bm-filter input:focus{outline:none;border-color:var(--bm-sage)}

/* closing */
.bm-end{padding:96px 0;background:linear-gradient(160deg,var(--bm-mist),#fff 55%,var(--bm-oat))}
.bm-eg{display:grid;grid-template-columns:1.1fr .9fr;gap:56px;align-items:center}
.bm-eg>*{min-width:0}
.bm-eg ul{list-style:none;padding:0;margin:0 0 1.6rem;display:grid;grid-template-columns:1fr 1fr;gap:.6rem 1rem}
.bm-eg li{font-weight:700;color:var(--bm-ink);padding-left:1.6rem;position:relative}
.bm-eg li::before{content:"\2766";position:absolute;left:0;color:var(--bm-sage)}
.bm-fine{font-size:.92rem;color:var(--bm-mut);margin-top:1rem}
.bm-band{padding:60px 0;background:linear-gradient(110deg,var(--bm-mist),var(--bm-oat))}
.bm-band .bm-wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}
.bm-band h2{margin:0;font-size:clamp(1.5rem,2.6vw,2.1rem)}

/* inner pages */
.bm-hdr{padding:56px 0 46px;background:linear-gradient(180deg,var(--bm-mist),#fff)}
.bm-path{font-size:.95rem;color:var(--bm-mut);margin-bottom:1rem}
.bm-path a{color:var(--bm-mut)}
.bm-hdr h1{font-size:clamp(2.1rem,4vw,3.1rem);font-weight:800;margin:0 0 .6rem}
.bm-hdr .sub{font-size:1.2rem;color:var(--bm-mut);margin:0;max-width:760px}
.bm-copy{max-width:800px}
.bm-copy h2{font-size:1.7rem;margin:2.2rem 0 .7rem}
.bm-copy h2:first-child{margin-top:0}
.bm-copy ul,.bm-copy ol{padding-left:1.3rem}
.bm-copy li{margin-bottom:.5rem}
.bm-two{display:grid;grid-template-columns:1fr 300px;gap:56px;align-items:start}
.bm-two>*{min-width:0}
.bm-aside{position:sticky;top:100px;background:var(--bm-mist);border-radius:10px;padding:1.5rem 1.6rem}
.bm-aside h4{margin:0 0 .6rem;font-size:1.08rem}
.bm-aside ul{list-style:none;padding:0;margin:0 0 1.2rem}
.bm-aside li{padding:.35rem 0}
.bm-aside dl{margin:0 0 1.2rem}
.bm-aside dt{font-size:.82rem;text-transform:uppercase;letter-spacing:.08em;color:var(--bm-sage);font-weight:700}
.bm-aside dd{margin:0 0 .7rem;font-weight:600;color:var(--bm-ink)}
.bm-pn{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;margin-top:2.6rem;padding-top:1.4rem;border-top:1px solid var(--bm-line)}
.bm-pn a{font-weight:700;text-decoration:none}

/* footer */
.bm-foot{padding:70px 0 70px;background:#f8faf8;color:var(--bm-mut);font-size:.98rem}
.bm-fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr 1fr;gap:40px}
.bm-fcols>*{min-width:0}
.bm-foot h4{margin:0 0 .8rem;font-size:1.08rem}
.bm-foot ul{list-style:none;padding:0;margin:0}
.bm-foot li{padding:.25rem 0}
.bm-foot ul a{color:var(--bm-txt);text-decoration:none}
.bm-foot ul a:hover{color:var(--bm-sage)}
.bm-foot .bm-logo{margin-bottom:1rem}
.bm-legal{margin-top:46px;padding-top:26px;border-top:1px solid var(--bm-line);font-size:.92rem}

@media (max-width:1330px){
  .bm-links{display:none}
  .bm-row>.bm-buy{margin-left:auto}
  .bm-tabs{display:block}
  .bm-foot{padding-bottom:140px}
}
@media (max-width:1060px){
  .bm-hgrid{grid-template-columns:1fr 1fr;gap:28px 36px}
  .bm-list{grid-template-columns:1fr}
  .bm-five{grid-template-columns:repeat(3,1fr)}
  .bm-shelf{grid-template-columns:repeat(3,1fr)}
  .bm-gains,.bm-posts{grid-template-columns:1fr 1fr}
  .bm-steps{grid-template-columns:1fr 1fr;row-gap:30px}
  .bm-sum{grid-template-columns:1fr 1fr}
  .bm-sum>:first-child{grid-column:1/-1}
  .bm-two{grid-template-columns:1fr}
  .bm-aside{position:static}
  .bm-fcols{grid-template-columns:1fr 1fr}
}
@media (max-width:860px){
  html{font-size:18px}
  .bm-hgrid{grid-template-columns:1fr;grid-template-areas:"visual" "text" "diagram"}
  .bm-visual{min-height:0;display:block;text-align:center}
  .bm-disc{top:170px}
  .bm-visual>img{margin:0 auto;width:min(320px,80%)}
  .bm-notes{position:static;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;margin-top:20px;text-align:left}
  .bm-note{position:relative;inset:auto;animation:none;min-width:0}
  .bm-split,.bm-petal,.bm-morning,.bm-eg,.bm-pledge{grid-template-columns:1fr;gap:36px}
  .bm-cards{grid-template-columns:1fr}
  .bm-packs{grid-template-columns:1fr;max-width:460px;margin:0 auto;row-gap:34px}
  .bm-stones ol{grid-template-columns:repeat(4,1fr);row-gap:16px}
  .bm-ship ol{grid-template-columns:1fr}
  .bm-sec{padding:64px 0}
}
@media (max-width:600px){
  .bm-wrap,.bm-row{padding-left:16px;padding-right:16px}
  .bm-row{gap:10px}
  .bm-logo{font-size:1.2rem;gap:8px}
  .bm-logo img{width:34px;height:34px}
  .bm-row>.bm-buy{padding:.8rem 1rem;font-size:.92rem}
  .bm-qf{grid-template-columns:1fr;padding:1.2rem}
  .bm-five,.bm-shelf{grid-template-columns:1fr 1fr}
  .bm-gains,.bm-posts,.bm-steps,.bm-sum,.bm-fcols,.bm-eg ul{grid-template-columns:1fr}
  .bm-figs{gap:1.4rem 2rem}
  .bm-lolli li{grid-template-columns:1fr;gap:10px}
  .bm-actions .bm-buy,.bm-actions .bm-outline{width:100%;justify-content:center}
  .bm-band .bm-buy{width:100%}
  .bm-trust img{width:96px}
  .bm-note b{font-size:.92rem}
  .bm-stackbar span{font-size:.7rem}
  .bm-dawn .tl{font-size:24px}
}
@media (max-width:400px){
  .bm-row>.bm-buy{display:none}
}