@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/fonts/unbounded-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Unbounded';font-style:normal;font-display:swap;font-weight:200 900;src:url(/assets/fonts/unbounded-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/plus-jakarta-sans-latin-ext-wght-normal.woff2) format('woff2');unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:'Plus Jakarta Sans';font-style:normal;font-display:swap;font-weight:200 800;src:url(/assets/fonts/plus-jakarta-sans-latin-wght-normal.woff2) format('woff2');unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
:root{--o:#d2572b;--o2:#b04420;--s:#f2b134;--t:#12403c;--t2:#0c2f2c;--cr:#fff4e4;--ink:#1d1a17;--tx:#50463d;--m:#8d7f72;--r:28px}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{background:var(--cr);color:var(--ink);font:400 17px/1.7 'Plus Jakarta Sans',system-ui,sans-serif;overflow-x:clip}
img{max-width:100%;height:auto;display:block}a{color:var(--o2)}
.wrap{width:min(1180px,100% - 32px);margin:auto}.narrow{width:min(820px,100% - 32px)}
h1,h2,h3{font-family:'Unbounded',system-ui,sans-serif;font-weight:700;letter-spacing:-.03em;line-height:1.02}
h1{font-size:clamp(34px,4.6vw,64px)}h2{font-size:clamp(28px,3.6vw,48px)}h3{font-size:18px;line-height:1.25;letter-spacing:-.01em}
h1 em,h2 em{font-style:normal;color:var(--o)}
.tag{display:inline-block;background:var(--ink);color:var(--cr);font:600 12px/1 'Unbounded';padding:9px 14px;border-radius:999px;margin-bottom:16px;letter-spacing:.02em}.tag.light{background:var(--s);color:var(--t2)}.tag.dark{background:var(--t);color:var(--s)}
.small{font-size:14px;color:var(--m);margin-top:12px}
.btn{display:inline-flex;align-items:center;gap:10px;background:var(--o);color:#fff;text-decoration:none;font:600 15px/1 'Unbounded';padding:17px 24px;border-radius:999px;transition:.2s}.btn:hover{background:var(--o2);transform:scale(1.03)}
.btn.sm{padding:10px 15px;font-size:12.5px}.btn.big{padding:19px 28px}.btn.light{background:var(--s);color:var(--t2)}
.adbar{background:var(--t2);color:var(--s);text-align:center;font:600 10.5px/1 'Unbounded';letter-spacing:.2em;text-transform:uppercase;padding:9px}
.top{position:sticky;top:0;z-index:30;background:rgba(255,244,228,.88);backdrop-filter:blur(10px)}
.tin{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:14px 0}
.logo{font:800 24px/1 'Unbounded';color:var(--ink);text-decoration:none;letter-spacing:-.05em}.logo span{color:var(--o)}
.nav{display:flex;gap:24px}.nav a{color:var(--tx);font-weight:700;text-decoration:none;font-size:14.5px}.nav a:hover{color:var(--o)}
.hero{padding:20px 0 40px}
.bento{display:grid;grid-template-columns:1.25fr .75fr .75fr;grid-template-rows:auto auto;gap:14px}
.b{border-radius:var(--r);overflow:hidden;position:relative}
.b-title{grid-row:span 2;background:var(--t);color:#fff;padding:44px 40px;display:flex;flex-direction:column;justify-content:center}.b-title h1{color:#fff;margin-bottom:20px}.b-title h1 em{color:var(--s)}.b-title p{color:#cfe0dc;margin-bottom:28px;font-size:18px}.b-title .tag,.b-title .btn{align-self:flex-start}
.b-jar{background:#fff;display:grid;place-items:center;padding:20px}.b-jar img{max-height:360px;width:auto;animation:sway 5s ease-in-out infinite}
@keyframes sway{50%{transform:rotate(-4deg) translateY(-6px)}}
.b-gif img{width:100%;height:100%;object-fit:cover;min-height:260px}
.b-price{background:var(--s);padding:26px;display:flex;flex-direction:column;justify-content:center}.b-price small{font-weight:700;font-size:13px}.b-price b{font:800 56px/1 'Unbounded';letter-spacing:-.04em;margin:8px 0}.b-price span{font-size:13.5px;color:#6a4c12}
.b-facts{background:var(--o);color:#fff;padding:26px;display:flex;align-items:center}.b-facts ul{list-style:none;display:grid;gap:10px;font-weight:700}.b-facts li{display:flex;gap:8px;align-items:center}
.tapew{overflow:hidden;padding:20px 0}.tape{background:var(--o);color:#fff;overflow:hidden;padding:16px 0;transform:rotate(1.2deg);margin:0 -20px}
.tt{display:flex;gap:40px;width:max-content;animation:mq 26s linear infinite;font:700 22px/1 'Unbounded';text-transform:lowercase}.tt span::after{content:"✺";margin-left:40px;color:var(--s)}@keyframes mq{to{transform:translateX(-50%)}}
.sec{padding:84px 0}.teal{background:var(--t);color:#d8e7e3}.teal h2{color:#fff}.teal h2 em{color:var(--s)}.sun{background:var(--s)}.sun h2 em{color:var(--o2)}.cream{background:#fff}
.sh{max-width:720px;margin-bottom:36px}.c{text-align:center;margin-left:auto;margin-right:auto}
.grid6{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:minmax(190px,auto);gap:14px}
.d{border-radius:22px;padding:24px;background:#fff}.d b{font:800 14px/1 'Unbounded';color:var(--o);display:block;margin-bottom:12px}.d p{font-size:15px;color:var(--tx);margin-top:8px}
.d2,.d6{padding:0}.d2 img,.d6 img{width:100%;height:100%;object-fit:cover}.d3{background:var(--o);color:#fff}.d3 b,.d3 p{color:#ffe7da}
.d5{background:var(--t);color:#fff}.d5 b{color:var(--s)}.d5 p{color:#cfe0dc}.d8{background:var(--s)}.d8 b{color:var(--t)}
.scroller{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(260px,1fr);gap:16px;overflow-x:auto;padding-bottom:14px;scroll-snap-type:x mandatory;scrollbar-width:thin}
.rc{background:#fff;color:var(--ink);border-radius:22px;overflow:hidden;scroll-snap-align:start}.rc img{aspect-ratio:4/3;object-fit:cover;width:100%}.rc>div{padding:18px 18px 22px}.rc p{font-size:14.5px;color:var(--tx);margin-top:6px}
.gifrow{display:grid;grid-template-columns:1.3fr 1fr;gap:16px;margin-top:22px}.gc{position:relative;border-radius:22px;overflow:hidden}.gc img{width:100%;height:100%;object-fit:cover;aspect-ratio:16/9}
.gc span{position:absolute;left:14px;bottom:14px;background:var(--s);color:var(--t2);font:700 13px/1 'Unbounded';padding:9px 12px;border-radius:999px}
.two{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}.two.rev>div:first-child{order:1}.two h2{margin-bottom:18px}.two p+p{margin-top:14px}.two p{color:var(--tx)}
.steps{list-style:none;display:grid;gap:10px;margin-top:22px}.steps li{display:flex;gap:12px;align-items:center;background:#fff;border-radius:16px;padding:12px 14px;font-weight:600}.steps b{width:32px;height:32px;border-radius:50%;background:var(--o);color:#fff;display:grid;place-items:center;font:700 14px/1 'Unbounded';flex:none}
.collage{display:grid;grid-template-columns:1fr 1fr;gap:14px}.collage img{border-radius:22px;aspect-ratio:3/4;object-fit:cover;width:100%}.collage figure:nth-child(2){margin-top:60px}
.faq{display:grid;gap:12px}.faq details{background:#fff;border-radius:20px;padding:0 22px}.faq summary{list-style:none;cursor:pointer;font:600 16px/1.4 'Unbounded';padding:20px 0;display:flex;align-items:center;gap:12px;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}.faq summary::after{content:"";margin-left:auto;width:12px;height:12px;border-right:3px solid var(--o);border-bottom:3px solid var(--o);transform:rotate(45deg);flex:none;transition:.2s}.faq details[open] summary::after{transform:rotate(225deg)}
.faq p{padding-bottom:20px;color:var(--tx)}.teal .faq details{background:rgba(255,255,255,.08)}.teal .faq summary{color:#fff}.teal .faq p{color:#cfe0dc}.teal .faq summary::after{border-color:var(--s)}
.lab{font:700 10.5px/1 'Unbounded';text-transform:uppercase;letter-spacing:.1em;padding:7px 10px;border-radius:999px;flex:none}.lab.m{background:var(--o);color:#fff}.lab.r{background:var(--t);color:#fff}.lab.t{background:var(--ink);color:var(--s)}
.faq.big summary{font-size:17px}
.gtall img{border-radius:var(--r);width:100%;aspect-ratio:4/3;object-fit:cover}
.tests{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:10px}.tests div{background:#fff;border-radius:18px;padding:16px 18px}.tests b{font:700 14px/1.2 'Unbounded';color:var(--o)}.tests p{font-size:14.5px;margin-top:6px}
.pg{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center}
.pmain{background:var(--cr);border-radius:var(--r);padding:20px}.pmain img{max-height:440px;width:auto;margin:auto}.pth{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-top:10px}.pth img{background:var(--cr);border-radius:16px;aspect-ratio:1;object-fit:contain;width:100%}
.pr{display:flex;align-items:center;gap:16px;margin:20px 0 24px;flex-wrap:wrap}.pr b{font:800 56px/1 'Unbounded';letter-spacing:-.04em;color:var(--o)}.pr span{font-size:13.5px;color:var(--m)}
.spec{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:24px}.spec div{background:var(--cr);border-radius:14px;padding:12px 14px;display:flex;flex-direction:column}.spec span{font-size:12px;color:var(--m);text-transform:uppercase;letter-spacing:.08em}.spec b{font-family:'Unbounded';font-size:15px}
.gal{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gal img{border-radius:22px;aspect-ratio:1;object-fit:cover;width:100%}
.fin{padding:84px 0}.fi{display:grid;grid-template-columns:1.3fr .7fr;align-items:center;background:var(--o);border-radius:34px;overflow:hidden}.fi>div{padding:56px}.fi h2{color:#fff;margin-bottom:26px}.fi h2 em{color:var(--s)}.fi img{background:#fff;height:100%;object-fit:contain;padding:30px;width:100%}
.foot{background:var(--t2);color:#a9c2bd;padding:56px 0 30px;font-size:14px}.foot .logo{color:#fff}.foot a{color:var(--s)}.fg{display:grid;grid-template-columns:1.4fr 1fr;gap:40px;padding-bottom:24px;border-bottom:1px solid #24504b}.fg p{margin-top:10px}
.fg nav{display:grid;gap:8px;align-content:start}.fg nav a{font-weight:700;text-decoration:none}.legal{display:grid;gap:10px;padding-top:22px;font-size:13px}.legal b{color:#fff}
.lh{padding:60px 0 30px}.lh h1{font-size:clamp(34px,4.6vw,54px)}.lh .lead{margin-top:16px;color:var(--tx);font-size:18px}
.prose h2{font-size:22px;margin:30px 0 8px}.prose p,.prose li{color:var(--tx)}.prose ul{padding-left:1.2em}.prose .upd{color:var(--m);font-size:14px}.back{display:inline-block;margin-top:26px;font-weight:700}
.mbar{display:none}.js .rv{opacity:0;transform:scale(.96);transition:opacity .6s,transform .6s}.js .rv.on{opacity:1;transform:none}
@media(max-width:1000px){.bento{grid-template-columns:1fr 1fr}.b-title{grid-column:1/-1;grid-row:auto}.grid6{grid-template-columns:1fr 1fr}.d2{grid-row:auto}.nav{display:none}}
@media(max-width:820px){.two,.pg,.fi,.gifrow{grid-template-columns:1fr}.two.rev>div:first-child{order:0}.gal{grid-template-columns:1fr 1fr}.fi img{max-height:320px}}
@media(max-width:600px){body{font-size:16px}.b-title{padding:30px 22px}.b-jar img{max-height:240px}.b-gif img{min-height:200px}.b-price b{font-size:34px;white-space:nowrap}.sec{padding:60px 0}.tests,.spec{grid-template-columns:1fr}.pr b{font-size:44px}.fi>div{padding:34px 22px}.fg{grid-template-columns:1fr}.tt{font-size:17px}.collage figure:nth-child(2){margin-top:30px}
.mbar{display:flex;position:fixed;left:10px;right:10px;bottom:10px;z-index:50;background:var(--t);color:#fff;border-radius:999px;padding:6px 6px 6px 8px;gap:10px;align-items:center;box-shadow:0 14px 34px -12px rgba(0,0,0,.5);transition:transform .35s,opacity .35s}
.mbar.hide{transform:translateY(150%);opacity:0}.mbar img{width:40px;height:40px;object-fit:contain;background:#fff;border-radius:50%}.mbar div{flex:1;min-width:0;line-height:1.2}.mbar b{display:block;font-size:12.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.mbar span{font-size:12.5px;color:var(--s);font-weight:700}body.home{padding-bottom:80px}}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}.js .rv{opacity:1;transform:none}}
