:root{--navy:#061d2e;--blue:#073e61;--cream:#f3eddf;--paper:#e8dfcc;--orange:#f05a28;--ink:#101820;--tan:#c7aa7a;--line:rgba(6,29,46,.18)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--navy);font-family:"DM Sans",Arial,sans-serif;overflow-x:hidden}button,a{font:inherit}button{cursor:pointer}a{color:inherit;text-decoration:none}.announcement{height:30px;background:var(--orange);color:#fff;display:flex;align-items:center;justify-content:space-around;font:700 11px/1 "DM Sans";letter-spacing:.15em;overflow:hidden}.site-header{height:82px;background:var(--cream);display:flex;align-items:center;padding:0 4.5vw;position:relative;z-index:20;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:10px;font-family:"Barlow Condensed";font-weight:900;font-size:24px;letter-spacing:-.03em}.brand svg{width:33px;height:38px;fill:var(--orange);transform:rotate(-18deg)}.brand sup,.pack-card sup,.footer-brand sup{font-size:.35em}.desktop-nav{display:flex;gap:38px;margin:auto;font-size:12px;font-weight:700;letter-spacing:.1em}.desktop-nav a{position:relative}.desktop-nav a:after{content:"";position:absolute;left:0;right:100%;bottom:-8px;height:2px;background:var(--orange);transition:.25s}.desktop-nav a:hover:after{right:0}.cart-button{background:transparent;border:0;font-size:12px;font-weight:800;letter-spacing:.12em;display:flex;align-items:center;gap:9px}.cart-count{width:25px;height:25px;border-radius:50%;background:var(--navy);color:white;display:grid;place-items:center}.menu-button{display:none;background:none;border:0;padding:10px}.menu-button span{display:block;width:24px;height:2px;background:var(--navy);margin:5px}
.hero{min-height:730px;height:calc(100vh - 112px);position:relative;background:var(--navy);overflow:hidden}.hero-image{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,rgba(3,19,31,.96) 0%,rgba(3,20,32,.82) 29%,rgba(3,20,32,.16) 57%,rgba(3,20,32,.05))}.hero-copy{position:relative;z-index:2;color:var(--cream);width:54%;padding:9vh 0 0 7vw}.eyebrow{display:flex;align-items:center;gap:13px;font-size:11px;font-weight:800;letter-spacing:.2em}.eyebrow span{width:38px;height:3px;background:var(--orange)}h1,h2,h3{font-family:"Barlow Condensed",Impact,sans-serif;margin:0;line-height:.85;letter-spacing:-.035em}h1{font-size:clamp(70px,8.2vw,132px);font-weight:900;margin:28px 0 24px}h1 em{color:var(--orange);font-style:italic}.hero-copy>p{font-size:16px;line-height:1.55;max-width:440px;color:#d6d9d9}.primary-cta{margin-top:26px;border:0;background:var(--orange);color:white;padding:19px 23px;font-size:12px;font-weight:800;letter-spacing:.1em;min-width:245px;display:inline-flex;justify-content:space-between;align-items:center;transition:.2s}.primary-cta:hover{transform:translateY(-3px);box-shadow:0 10px 0 rgba(0,0,0,.2)}.primary-cta span{font-size:20px}.tiny-proof{font-size:9px;font-weight:700;letter-spacing:.12em;margin-top:20px;color:#aeb9be}.tiny-proof span{color:var(--orange);letter-spacing:2px}.hero-stamp{position:absolute;z-index:2;right:4vw;bottom:32px;width:100px;height:100px;border:2px solid var(--cream);border-radius:50%;color:var(--cream);display:grid;place-content:center;text-align:center;font:800 13px/1 "Barlow Condensed";letter-spacing:.08em;transform:rotate(9deg)}.hero-stamp span{font-size:25px;color:var(--orange)}
.ticker{height:54px;background:var(--orange);color:#fff;display:flex;align-items:center;overflow:hidden}.ticker div{display:flex;align-items:center;gap:35px;white-space:nowrap;animation:ticker 24s linear infinite;font:800 12px "DM Sans";letter-spacing:.13em}.ticker b{color:var(--navy);font-size:20px}@keyframes ticker{to{transform:translateX(-50%)}}
.problem{padding:110px 7vw 120px;background:var(--cream)}.section-number{font:800 10px "DM Sans";letter-spacing:.17em;border-top:1px solid var(--line);padding-top:14px;margin-bottom:55px}.problem-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:9vw}.problem h2,.testimonials h2{font-size:clamp(68px,8vw,120px)}.problem h2 span{color:var(--orange)}.problem-copy{padding-top:10px;max-width:500px}.problem-copy .lead{font:700 clamp(22px,2.2vw,31px)/1.25 "Barlow Condensed";text-transform:uppercase}.problem-copy>p:not(.lead){font-size:14px;line-height:1.8;color:#50616b}.problem-copy a{display:inline-flex;gap:80px;border-bottom:2px solid var(--navy);padding:15px 0 10px;margin-top:15px;font-size:11px;font-weight:800;letter-spacing:.15em}.benefit-cards{margin-top:90px;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.benefit-cards article{position:relative;padding:45px 42px 50px;border-right:1px solid var(--line)}.benefit-cards article:first-child{padding-left:0}.benefit-cards article:last-child{border:0}.benefit-cards article>span{position:absolute;right:25px;top:25px;font:800 10px "DM Sans";color:#8e9a9d}.icon-wrap{width:58px;height:58px;border-radius:50%;background:var(--orange);color:white;display:grid;place-items:center;font-size:25px;margin-bottom:28px}.benefit-cards article:nth-child(2) .icon-wrap{background:var(--navy)}.benefit-cards h3{font-size:30px;margin-bottom:13px}.benefit-cards p{font-size:13px;line-height:1.6;color:#657178;max-width:260px}
.shop{display:grid;grid-template-columns:1.08fr .92fr;min-height:800px;background:var(--navy);color:var(--cream)}.shop-visual{background:#d9c49f;position:relative;overflow:hidden;display:grid;place-items:center;min-height:720px}.sun{position:absolute;width:440px;height:440px;border-radius:50%;background:var(--orange);top:8%;left:50%;transform:translateX(-50%)}.pack-card{width:min(390px,60%);height:520px;background:#f9f7ed;position:relative;z-index:2;box-shadow:22px 25px 0 rgba(6,29,46,.16);padding-top:25px;color:#103c64;transform:rotate(-2deg)}.pack-top{display:grid;grid-template-columns:45px 1fr auto;align-items:center;padding:0 24px;gap:7px}.pack-top strong{font:800 42px/1 "Barlow Condensed";letter-spacing:-.03em}.pack-top b{font:800 11px "DM Sans";background:#0d4b7d;color:white;padding:8px;border-radius:5px}.mini-foot{font-size:20px;color:#22a0d2;transform:rotate(-45deg)}.mini-foot small{font-size:6px}.pack-sub{margin:15px 40px 8px;background:#0c6b9f;color:white;border-radius:20px;text-align:center;padding:6px;font:700 15px "DM Sans";letter-spacing:.08em}.pack-notes{text-align:center;font-size:8px;font-weight:700}.bag{height:350px;margin-top:18px;background:linear-gradient(135deg,rgba(255,255,255,.65),rgba(190,202,204,.55));border-top:3px solid #ddd;display:grid;place-items:center}.tape-roll{width:220px;height:220px;border:28px solid #f4f1e6;border-radius:48% 52% 50% 45%;box-shadow:inset 0 0 0 2px #b8b8af,0 2px 10px #aaa;transform:rotate(10deg)}.scribble{position:absolute;z-index:3;right:4%;bottom:6%;font:italic 800 26px "Barlow Condensed";color:var(--navy);transform:rotate(-8deg)}.shop-info{padding:90px 7vw 70px}.section-number.light{border-color:rgba(255,255,255,.25);color:#90a1aa}.rating{color:var(--orange);font-size:12px;letter-spacing:.1em;font-weight:800}.rating span{color:#aab4b9;font-size:9px;margin-left:10px}.shop-info h2{font-size:clamp(62px,6vw,92px);margin:22px 0}.price{font:800 31px "Barlow Condensed"!important;color:var(--cream)!important}.price span{text-decoration:line-through;color:#6f7f87;font-size:20px;margin-left:10px}.shop-info>p{font-size:14px;line-height:1.7;color:#aebbc1;max-width:475px}.shop-info ul{list-style:none;padding:15px 0;margin:25px 0;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);display:grid;grid-template-columns:1fr 1fr;gap:14px;font-size:11px;font-weight:700;letter-spacing:.03em}.shop-info li b{color:var(--orange);margin-right:7px}.buy-row{display:flex;height:64px;margin-top:30px}.quantity{display:flex;align-items:center;border:1px solid rgba(255,255,255,.35)}.quantity button{background:none;border:0;color:white;width:44px;font-size:20px}.quantity span{font-size:12px;font-weight:700;width:25px;text-align:center}.buy-button{flex:1;border:0;background:var(--orange);color:#fff;font-size:12px;font-weight:800;letter-spacing:.11em;display:flex;justify-content:space-between;align-items:center;padding:0 24px}.buy-button span{font-size:20px}.shipping-note{font-size:8px;font-weight:700;letter-spacing:.09em;color:#9cabb2;margin-top:15px}.shipping-note::first-letter{color:#7fc76a}
.testimonials{padding:110px 7vw 120px}.testimonial-head{display:flex;justify-content:space-between;align-items:end}.testimonial-head h2 em{color:var(--orange)}.review-total{display:flex;align-items:center;gap:16px;margin-bottom:10px}.review-total>b{font:900 58px "Barlow Condensed"}.review-total>span{font-size:12px;color:var(--orange);letter-spacing:2px}.review-total small{display:block;color:#778187;font-size:8px;letter-spacing:.1em;margin-top:7px}.reviews{display:grid;grid-template-columns:1.15fr 1fr 1fr;margin-top:70px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.review-card{padding:42px 35px;border-right:1px solid var(--line);min-height:315px;display:flex;flex-direction:column}.review-card:last-child{border:0}.review-card.featured{background:var(--orange);color:#fff;transform:rotate(-1.5deg);box-shadow:10px 10px 0 var(--navy)}.stars{font-size:11px;letter-spacing:2px;color:var(--orange)}.featured .stars{color:var(--navy)}blockquote{margin:30px 0;font:700 25px/1.25 "Barlow Condensed";text-transform:uppercase;flex:1}.review-card>div:last-child{display:flex;align-items:center;gap:10px}.avatar{width:40px;height:40px;border-radius:50%;background:var(--tan);display:grid;place-items:center;font:800 11px "DM Sans"}.avatar.orange{background:var(--orange);color:white}.avatar.navy{background:var(--navy);color:white}.review-card p{margin:0}.review-card p b,.review-card p small{display:block;font-size:9px;letter-spacing:.08em}.review-card p small{font-size:7px;color:#7b888e;margin-top:4px}.featured p small{color:#ffd5c6}.review-card mark{margin-left:auto;background:var(--navy);color:#fff;font-size:7px;font-weight:800;padding:6px}
.manifesto{background:var(--orange);color:#fff;text-align:center;padding:110px 20px;position:relative;overflow:hidden}.manifesto:before,.manifesto:after{content:"✦";position:absolute;font-size:210px;color:rgba(6,29,46,.1);top:5%;left:5%;transform:rotate(20deg)}.manifesto:after{left:auto;right:5%;top:35%}.manifesto p{font-size:10px;letter-spacing:.2em;font-weight:800}.manifesto h2{font-size:clamp(75px,10vw,150px);position:relative;z-index:1}.manifesto h2 em{color:var(--navy)}.primary-cta.cream{background:var(--cream);color:var(--navy);position:relative;z-index:2}
.faq{padding:110px 7vw;display:grid;grid-template-columns:.8fr 1.2fr;gap:12vw}.faq h2{font-size:clamp(60px,6vw,90px);margin-bottom:25px}.faq>div>p{font-size:13px;color:#68767d}.accordion details{border-top:1px solid var(--line);padding:25px 0}.accordion details:last-child{border-bottom:1px solid var(--line)}.accordion summary{list-style:none;cursor:pointer;font:800 20px "Barlow Condensed";letter-spacing:.03em;display:flex;justify-content:space-between}.accordion summary::-webkit-details-marker{display:none}.accordion summary span{font:400 25px "DM Sans";transition:.2s}.accordion details[open] summary span{transform:rotate(45deg)}.accordion details p{font-size:13px;line-height:1.7;color:#657178;max-width:620px}
footer{background:var(--navy);color:var(--cream);padding:75px 7vw 25px;display:grid;grid-template-columns:2fr .7fr .7fr 1.2fr;gap:5vw}.footer-brand>span{display:block;font:900 clamp(70px,8vw,115px)/.72 "Barlow Condensed";letter-spacing:-.04em}.footer-brand>span:nth-child(2){color:var(--orange)}.footer-brand p{font-size:9px;letter-spacing:.15em;margin-top:35px}footer>div:not(.footer-brand){display:flex;flex-direction:column;gap:14px}footer b{font-size:9px;letter-spacing:.15em;color:var(--orange);margin-bottom:8px}footer a,footer form p{font-size:11px;color:#a5b0b5}footer form label{display:flex;border-bottom:1px solid #73818a;margin-top:20px}footer input{flex:1;background:none;border:0;outline:0;color:white;padding:12px 0;font:700 10px "DM Sans";letter-spacing:.08em}footer form button{background:none;border:0;color:var(--orange);font-size:20px}.form-message{display:block;color:#8ac177;margin-top:8px}.copyright{grid-column:1/-1!important;display:block!important;border-top:1px solid rgba(255,255,255,.15);padding-top:22px;margin-top:50px;font-size:7px!important;letter-spacing:.12em;color:#73818a}
.cart-overlay{position:fixed;inset:0;background:rgba(0,12,20,.6);z-index:99;opacity:0;pointer-events:none;transition:.3s}.cart-drawer{position:fixed;z-index:100;right:0;top:0;bottom:0;width:min(440px,100%);background:var(--cream);transform:translateX(100%);transition:.35s cubic-bezier(.7,0,.2,1);padding:28px;color:var(--navy)}body.cart-open .cart-overlay{opacity:1;pointer-events:auto}body.cart-open .cart-drawer{transform:none}.cart-header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px}.cart-header h2{font-size:38px}.cart-header button{border:0;background:none;font-size:32px}.cart-empty{text-align:center;padding:100px 20px}.cart-empty>span{font-size:65px}.cart-empty h3{font-size:32px;margin:25px 0 10px}.cart-empty p{font-size:13px;color:#68767d}.cart-filled{display:none;padding-top:25px}.cart-filled.active{display:block}.cart-empty.hidden{display:none}.cart-line{display:grid;grid-template-columns:75px 1fr auto;gap:15px;align-items:start}.mini-product{height:90px;background:var(--blue);color:white;display:grid;place-items:center;font:800 15px "Barlow Condensed";border:8px solid white;box-shadow:0 0 0 1px var(--line)}.cart-line b{font:800 20px "Barlow Condensed"}.cart-line small{display:block;font-size:8px;color:#7d898d;margin-top:5px}.line-qty{border:1px solid var(--line);width:max-content;margin-top:14px}.line-qty button{border:0;background:none;width:25px}.line-qty span{font-size:10px}.line-price{font-size:14px}.cart-total{border-top:1px solid var(--line);margin-top:30px;padding:25px 0;display:flex;justify-content:space-between;font-size:12px}.checkout{width:100%;border:0;background:var(--orange);color:white;padding:19px;font-size:11px;font-weight:800;letter-spacing:.09em}.cart-filled>small{display:block;text-align:center;color:#859095;font-size:8px;margin-top:10px}.toast{position:fixed;z-index:110;left:50%;bottom:25px;transform:translate(-50%,100px);background:var(--navy);color:white;padding:16px 20px;font-size:10px;font-weight:800;letter-spacing:.12em;box-shadow:0 8px 25px #0004;transition:.3s}.toast.show{transform:translate(-50%,0)}.toast span{color:#79bd6c;margin-left:15px}.reveal{opacity:0;transform:translateY(22px);transition:opacity .7s,transform .7s}.reveal.visible{opacity:1;transform:none}
@media(max-width:900px){.desktop-nav{display:none}.menu-button{display:block;margin-left:15px}.site-header.menu-open{height:auto;flex-wrap:wrap;padding-bottom:20px}.site-header.menu-open .desktop-nav{display:flex;order:5;width:100%;flex-direction:column;margin-top:20px;gap:15px}.hero{height:760px}.hero-image{object-position:64% center}.hero-shade{background:linear-gradient(90deg,rgba(3,19,31,.95),rgba(3,19,31,.55))}.hero-copy{width:70%;padding-top:10vh}.problem-grid,.faq{grid-template-columns:1fr;gap:40px}.shop{grid-template-columns:1fr}.shop-visual{min-height:650px}.benefit-cards{grid-template-columns:1fr}.benefit-cards article,.benefit-cards article:first-child{padding:35px 10px;border-right:0;border-bottom:1px solid var(--line)}.reviews{grid-template-columns:1fr}.review-card{border-right:0;border-bottom:1px solid var(--line)}footer{grid-template-columns:1.5fr 1fr 1fr}.footer-brand{grid-column:1/-1}footer form{grid-column:1/-1}.testimonial-head{align-items:start;flex-direction:column;gap:30px}}
@media(max-width:600px){.announcement span:not(:first-child){display:none}.site-header{height:70px;padding:0 20px}.brand{font-size:20px}.brand svg{width:27px}.cart-button{margin-left:auto}.menu-button{margin-left:5px}.hero{height:740px;min-height:0}.hero-image{object-position:70% center}.hero-shade{background:linear-gradient(90deg,rgba(3,19,31,.96) 0%,rgba(3,19,31,.73) 65%,rgba(3,19,31,.25))}.hero-copy{width:90%;padding:85px 20px 0}.hero-copy h1{font-size:66px}.hero-copy>p{max-width:300px}.hero-stamp{width:74px;height:74px;font-size:10px}.hero-stamp span{font-size:18px}.problem,.testimonials,.faq{padding:80px 20px}.section-number{margin-bottom:35px}.problem h2,.testimonials h2{font-size:61px}.problem-grid{gap:25px}.benefit-cards{margin-top:55px}.shop-visual{min-height:540px}.sun{width:330px;height:330px}.pack-card{width:65%;height:400px}.pack-top{padding:0 12px;grid-template-columns:30px 1fr auto}.pack-top strong{font-size:27px}.pack-top b{font-size:7px}.pack-sub{margin:12px 20px 6px;font-size:10px}.bag{height:270px}.tape-roll{width:165px;height:165px;border-width:22px}.shop-info{padding:70px 20px}.shop-info h2{font-size:56px}.shop-info ul{grid-template-columns:1fr}.buy-row{height:58px}.quantity button{width:36px}.testimonial-head h2{font-size:57px}.reviews{margin-top:45px}.review-card.featured{transform:none}.manifesto{padding:85px 15px}.manifesto h2{font-size:65px}.faq{gap:20px}.faq h2{font-size:59px}footer{grid-template-columns:1fr 1fr;padding:60px 20px 25px}.footer-brand>span{font-size:77px}.copyright{margin-top:25px}.toast{width:max-content;max-width:90%;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;animation:none!important;transition:none!important}.reveal{opacity:1;transform:none}}
