@font-face{font-family:FreshSans;src:url('../order/assets/Montserrat-Regular.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:FreshSans;src:url('../order/assets/Montserrat-Bold.woff2') format('woff2');font-weight:700 900;font-display:swap}
:root{--cream:#f7f0e4;--paper:#fffdf8;--ink:#202621;--muted:#687067;--tomato:#e83b24;--tomato-dark:#bd2818;--leaf:#628f36;--leaf-soft:#e9f1dd;--charcoal:#222827;--line:rgba(32,38,33,.12);--radius:24px;--shadow:0 16px 42px rgba(54,43,29,.12)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#d8d2c9;color:var(--ink);font-family:FreshSans,Arial,sans-serif;font-size:16px;line-height:1.5;overflow-x:hidden}img{display:block;width:100%;height:auto}a{color:inherit}button,input{font:inherit}.site-shell{width:min(100%,480px);min-height:100vh;margin:0 auto;background:var(--cream);overflow:hidden}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.topbar{display:flex;align-items:center;justify-content:space-between;min-height:58px;padding:14px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.brand{font-size:18px;font-weight:900;letter-spacing:-.05em;text-decoration:none}.brand span{color:var(--tomato)}.topbar__note{padding:6px 9px;border:1px solid rgba(98,143,54,.28);border-radius:999px;color:var(--leaf);font-size:8px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}
.hero{position:relative;padding:16px 14px 28px;background:var(--cream)}.hero::before{content:"";position:absolute;right:-70px;top:30px;width:180px;height:180px;border:34px solid rgba(232,59,36,.07);border-radius:50%;pointer-events:none}.hero__label{position:relative;z-index:2;display:flex;align-items:center;justify-content:space-between;margin:0 4px 12px;color:var(--muted);font-size:9px;font-weight:900;letter-spacing:.06em;text-transform:uppercase}.hero__label b{color:var(--leaf)}.hero__visual{position:relative;z-index:1;overflow:hidden;border:3px solid var(--paper);border-radius:28px;box-shadow:0 22px 54px rgba(54,43,29,.18)}.hero__visual img{aspect-ratio:1;object-fit:cover}.hero__offer{position:relative;z-index:2;display:grid;grid-template-columns:.78fr 1.22fr;gap:12px;align-items:center;margin:-10px 6px 0;padding:16px;border:1px solid var(--line);border-radius:22px;background:var(--paper);box-shadow:var(--shadow)}.hero__offer small,.order-price small{display:block;color:var(--muted);font-size:8px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.hero__offer strong,.order-price strong{display:block;color:var(--ink);font-size:33px;line-height:1;letter-spacing:-.055em}.hero__offer strong i,.order-price strong i{font-size:12px;font-style:normal}.hero__offer p{grid-column:1/-1;margin:0;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:8px;text-align:center}.quick-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin:14px 6px 0;overflow:hidden;border-radius:16px;background:#d8cfc2}.quick-facts span{padding:11px 5px;background:rgba(255,253,248,.8);color:var(--muted);font-size:8px;text-align:center}.quick-facts b{display:block;color:var(--ink);font-size:13px}
.button{display:flex;align-items:center;justify-content:center;width:100%;min-height:56px;padding:12px 14px;border:0;border-radius:15px;background:linear-gradient(135deg,var(--tomato),var(--tomato-dark));box-shadow:0 10px 24px rgba(232,59,36,.24);color:#fff;font-size:12px;font-weight:900;text-align:center;text-decoration:none;cursor:pointer;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.button::after{content:"→";margin-left:7px;font-size:18px}.button:active{transform:scale(.975)}
.section{position:relative;padding:64px 20px}.section-heading{margin-bottom:28px}.section-heading>span,.eyebrow{display:inline-flex;align-items:center;gap:7px;color:var(--tomato);font-size:9px;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.section-heading>span::before,.eyebrow::before{content:"";width:7px;height:7px;border-radius:50%;background:currentColor;box-shadow:0 0 0 4px rgba(232,59,36,.1)}h2,h3,p{margin-top:0}h2{margin:13px 0 12px;font-size:34px;font-weight:900;line-height:1;letter-spacing:-.045em}h3{margin:0 0 5px;font-size:16px;line-height:1.15}p{color:var(--muted)}.section-heading p{margin-bottom:0;font-size:13px;line-height:1.65}
.problem-section{background:var(--paper)}.benefit-grid{display:grid;gap:10px}.benefit{display:grid;grid-template-columns:42px 1fr;column-gap:12px;padding:16px;border:1px solid var(--line);border-radius:18px;background:#fff;box-shadow:0 8px 22px rgba(54,43,29,.05)}.benefit>b{grid-row:1/3;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:var(--leaf-soft);color:var(--leaf);font-size:10px}.benefit p{margin:0;font-size:12px}
.video-section{overflow:hidden;background:var(--cream)}.video-section::after{content:"";position:absolute;right:-74px;bottom:30px;width:168px;height:168px;border:30px solid rgba(98,143,54,.08);border-radius:50%;pointer-events:none}.video-card{position:relative;z-index:1;width:min(100%,340px);margin:0 auto;overflow:hidden;border:3px solid var(--paper);border-radius:28px;background:#111;box-shadow:0 24px 56px rgba(54,43,29,.22)}.video-card video{display:block;width:100%;aspect-ratio:9/16;background:#111;object-fit:cover}.video-card figcaption{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:0;padding:13px 15px;background:var(--paper)}.video-card figcaption b{color:var(--tomato);font-size:10px;text-transform:uppercase}.video-card figcaption span{color:var(--muted);font-size:9px;text-align:right}
.types-section{background:var(--charcoal);color:#fff}.section-heading--light>span{color:#f4a08e}.section-heading--light>span::before{box-shadow:0 0 0 4px rgba(232,59,36,.18)}.section-heading--light h2{color:#fff}.feature-image{overflow:hidden;border:3px solid rgba(255,255,255,.92);border-radius:26px;box-shadow:0 24px 54px rgba(0,0,0,.25)}
.details-section{background:var(--cream)}.detail-card{overflow:hidden;border:1px solid var(--line);border-radius:28px;background:var(--paper);box-shadow:var(--shadow)}.detail-card img{aspect-ratio:1.18;object-fit:cover}.detail-card__copy{padding:20px}.detail-card__copy>span{color:var(--leaf);font-size:9px;font-weight:900;text-transform:uppercase}.detail-card__copy h2{font-size:29px}.detail-card__copy p{margin:0;font-size:12px}.spec-pills{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.spec-pills span{padding:13px 7px;border:1px solid var(--line);border-radius:15px;background:rgba(255,253,248,.76);color:var(--muted);font-size:8px;text-align:center}.spec-pills b{display:block;color:var(--ink);font-size:13px}
.how-section{background:var(--paper)}.care-note{margin-top:14px;padding:16px;border-left:4px solid var(--leaf);border-radius:0 16px 16px 0;background:var(--leaf-soft)}.care-note b{font-size:12px}.care-note p{margin:4px 0 0;font-size:11px}
.safe-section{background:linear-gradient(155deg,#242927,#303a32);color:#fff}.safe-grid{display:grid;gap:10px}.safe-grid article{padding:18px;border:1px solid rgba(255,255,255,.12);border-radius:19px;background:rgba(255,255,255,.05)}.safe-grid i{display:grid;place-items:center;width:38px;height:38px;margin-bottom:13px;border-radius:12px;background:var(--tomato);color:#fff;font-size:17px;font-style:normal}.safe-grid p{margin:0;color:#acb5ad;font-size:11px}
.specs-section{background:var(--cream)}.specs-photo{border:3px solid var(--paper);border-radius:26px;box-shadow:var(--shadow)}.specs{margin:16px 0 0;overflow:hidden;border:1px solid var(--line);border-radius:19px;background:var(--paper)}.specs div{display:flex;justify-content:space-between;gap:14px;padding:13px 15px;border-bottom:1px solid var(--line)}.specs div:last-child{border-bottom:0}.specs div:nth-child(even){background:#f7f3eb}.specs dt{color:var(--muted);font-size:11px}.specs dd{max-width:205px;margin:0;font-size:11px;font-weight:900;text-align:right}
.faq-section{background:var(--paper)}.faq{display:grid;gap:9px}.faq details{overflow:hidden;border:1px solid var(--line);border-radius:16px;background:#fff}.faq summary{display:grid;grid-template-columns:1fr 28px;align-items:center;gap:10px;padding:16px;font-size:12px;font-weight:900;list-style:none;cursor:pointer}.faq summary::-webkit-details-marker{display:none}.faq summary i{font-size:22px;font-style:normal;font-weight:400;text-align:center;transition:transform .2s ease-in-out}.faq details[open] summary i{transform:rotate(45deg)}.faq details p{margin:-2px 44px 17px 16px;font-size:11px;line-height:1.65}
.order-section{padding-bottom:100px;background:var(--charcoal)}.order-card{overflow:hidden;border-radius:28px;background:var(--paper);box-shadow:0 26px 62px rgba(0,0,0,.28)}.order-card__media{position:relative}.order-card__media img{aspect-ratio:1.2;object-fit:cover}.order-card__media>span{position:absolute;left:13px;top:13px;padding:6px 9px;border-radius:999px;background:var(--leaf);color:#fff;font-size:8px;font-weight:900;text-transform:uppercase}.order-card__body{padding:23px 20px 24px}.order-card h2{margin-bottom:17px;font-size:31px}.order-price{margin-bottom:17px;padding:14px;border:1px solid rgba(232,59,36,.17);border-radius:16px;background:#fff2ee}.order-price strong{color:var(--tomato);font-size:35px}.order-form label{display:block;margin-top:12px;font-size:9px;font-weight:900;letter-spacing:.05em;text-transform:uppercase}.order-form input{width:100%;height:56px;margin-top:6px;padding:0 14px;border:1px solid var(--line);border-radius:15px;background:#fff;outline:none;transition:transform .2s ease-in-out,opacity .2s ease-in-out}.order-form input:focus{border-color:var(--leaf);box-shadow:0 0 0 4px rgba(98,143,54,.12)}.button--order{margin-top:17px}.order-form p{margin:9px 0 0;font-size:8px;text-align:center}.delivery{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:15px}.delivery div{padding:12px 6px;border:1px solid rgba(255,255,255,.12);border-radius:13px;text-align:center}.delivery b{display:block;color:#f3927e;font-size:8px}.delivery span{color:#fff;font-size:9px;font-weight:900}
.footer{padding:34px 20px 98px;background:#171b19;color:#fff}.brand--footer{display:inline-block;margin-bottom:13px;font-size:22px}.footer p{margin:5px 0;color:#7e8b82;font-size:9px}.footer nav{display:grid;gap:8px;margin:18px 0;padding:15px 0;border-top:1px solid #333b36;border-bottom:1px solid #333b36}.footer nav a{width:fit-content;font-size:10px;font-weight:700;text-underline-offset:4px}.sticky-cta{position:fixed;z-index:20;left:50%;bottom:max(10px,env(safe-area-inset-bottom));display:flex;align-items:center;justify-content:space-between;width:min(calc(100% - 24px),456px);min-height:59px;padding:10px 15px;border:1px solid rgba(255,255,255,.2);border-radius:17px;background:rgba(32,38,33,.96);box-shadow:0 15px 34px rgba(0,0,0,.25);color:#fff;text-decoration:none;transform:translateX(-50%);transition:opacity .2s ease-in-out,transform .2s ease-in-out;backdrop-filter:blur(10px)}.sticky-cta span{font-size:10px;font-weight:900}.sticky-cta b{color:#f58b75;font-size:14px}.sticky-cta.is-hidden{opacity:0;pointer-events:none;transform:translate(-50%,12px)}
.reveal{opacity:0;transform:translateY(18px);transition:opacity .62s ease,transform .62s ease}.reveal.is-visible{opacity:1;transform:translateY(0)}
.legal-shell{width:min(100%,680px);min-height:100vh;margin:0 auto;background:var(--cream)}.legal-top{display:flex;align-items:center;justify-content:space-between;padding:15px 20px;background:var(--paper);border-bottom:1px solid var(--line)}.legal-top a{color:var(--tomato);font-size:10px;font-weight:900}.legal-content{padding:44px 20px 70px}.legal-content h1{margin:0 0 24px;font-size:42px;line-height:1;letter-spacing:-.05em}.legal-content h2{margin-top:30px;font-size:22px}.legal-content p,.legal-content li{color:var(--muted);font-size:12px;line-height:1.7}.legal-note{margin-top:24px;padding:15px;border-left:4px solid var(--tomato);border-radius:0 14px 14px 0;background:var(--paper)}.legal-note p{margin:0}
@media(hover:hover){.button:hover{transform:translateY(-2px);box-shadow:0 14px 30px rgba(232,59,36,.3)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.reveal{opacity:1;transform:none;transition:none}.button,.sticky-cta,.faq summary i{transition:none}}
@media(min-width:481px){.site-shell{box-shadow:0 0 70px rgba(54,43,29,.18)}}
@media(max-width:359px){.hero__offer{grid-template-columns:1fr}.hero__offer p{grid-column:auto}.hero__offer strong{font-size:30px}h2{font-size:31px}}