:root{--ink:#25392d;--muted:#6e736b;--paper:#faf6ee;--accent:#cf1748}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}img{max-width:100%;height:auto;display:block}h1,h2,p{margin:0}h1,h2{font-weight:550;letter-spacing:-.05em;line-height:1.05;text-wrap:balance}p{line-height:1.6}button,a{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--accent);outline-offset:5px}.skip{position:fixed;top:-100px;left:20px;padding:15px;background:white;z-index:20}.skip:focus{top:20px}.site-header{position:absolute;top:0;left:0;right:0;z-index:8;height:88px;display:flex;align-items:center;justify-content:space-between;padding:0 4vw}.brand{display:flex;align-items:center;gap:9px;font-weight:750;font-size:28px;letter-spacing:-1px}.brand img{border-radius:8px}.site-header nav{display:flex;align-items:center;gap:30px;font-size:14px}.cta{display:inline-flex;justify-content:center;align-items:center;gap:22px;background:var(--accent);color:white;padding:17px 22px;border-radius:100px;font-size:14px;font-weight:600;transition:transform .25s,background .25s}.cta:hover{transform:translateY(-3px);background:#b5123e}.cta:active{transform:translateY(0)}.cta span{font-size:19px}.nav-cta{padding:11px 18px;font-size:12px}.cinema-hero{position:relative;height:max(900px,100svh);max-height:1200px;overflow:hidden;isolation:isolate;background:#f8eedf}.hero-art{position:absolute;inset:0;z-index:-2;will-change:transform}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.hero-art:after{content:"";position:absolute;inset:0;background:linear-gradient(#f9f3eaaa,transparent 45%,transparent 75%,#faf6ee55)}.hero-word{position:absolute;top:55px;left:0;width:100%;text-align:center;font-size:clamp(180px,30vw,470px);font-weight:650;letter-spacing:-.075em;line-height:1;color:#fffaf0b3;z-index:-1;user-select:none}.hero-product{position:absolute;left:50%;top:29%;transform:translateX(-50%);text-align:center;z-index:2;will-change:translate}.device{position:relative;width:264px;padding:6px;border-radius:45px;background:#242625;border:1px solid #96988f;box-shadow:18px 32px 45px -15px #44332270,inset 0 0 0 2px #444944}.device:before{content:"";position:absolute;width:3px;height:50px;left:-4px;top:110px;background:#51554d;border-radius:3px}.device video{display:block;width:100%;aspect-ratio:1206/2622;object-fit:cover;border-radius:38px;background:white}.video-toggle{border:1px solid #ffffff80;background:#fffcf0dd;color:#25392d;border-radius:50px;font-size:11px;padding:8px 13px;backdrop-filter:blur(12px);margin-top:16px}.hero-message{position:absolute;left:4vw;top:34%;width:27%;max-width:400px;padding:22px 0;text-shadow:0 2px 24px #fff,0 0 70px #fff}.eyebrow{font-size:12px;font-weight:600;letter-spacing:.02em;margin-bottom:22px}.hero-message h1{font-size:clamp(32px,3.5vw,54px)}.hero-description{position:absolute;right:4vw;top:36%;max-width:320px;width:24%;padding:22px;border-radius:20px;background:#fbf5e9e8;backdrop-filter:blur(12px)}.hero-description p{font-size:16px;margin-bottom:24px}.hero-description small{display:block;font-size:11px;margin-top:16px;line-height:1.5;color:var(--muted)}.scroll-cue{position:absolute;bottom:20px;left:4vw;font-size:12px;font-weight:600;padding:12px 0}.wrap{max-width:1200px;padding-left:40px;padding-right:40px;margin:auto}.intro{text-align:center;padding-top:110px;padding-bottom:65px}.intro h2{font-size:clamp(38px,5vw,65px)}.intro>p:last-child{max-width:570px;margin:28px auto 0;color:var(--muted);font-size:18px}.journey{display:grid;grid-template-columns:1.1fr 1fr;gap:90px;position:relative}.journey-art{position:sticky;top:10vh;height:80vh;max-height:850px;align-self:start;display:grid;align-items:center}.chapter-art{grid-area:1/1;width:100%;height:auto;mix-blend-mode:multiply;opacity:0;transform:translateY(35px) rotate(-3deg) scale(.94);transition:opacity .6s,transform .8s}.chapter-art.active{opacity:1;transform:translateY(0) rotate(0) scale(1)}.chapter{min-height:85vh;display:flex;justify-content:center;flex-direction:column;padding:80px 0}.chapter h2{font-size:clamp(36px,4vw,54px)}.chapter>p:last-child{font-size:18px;color:var(--muted);margin-top:24px;max-width:430px}.mobile-art{display:none}.bulk-story{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:80px;background:#e7ecdf;padding:95px max(6vw,24px);overflow:hidden}.bulk-copy{max-width:550px;margin-left:auto}.bulk-copy h2{font-size:clamp(42px,5vw,68px)}.bulk-copy>p:not(.eyebrow){max-width:410px;margin-top:28px;font-size:18px;color:var(--muted)}.bulk-object{width:330px;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;margin:28px 0 0;transform:rotate(-6deg);mask-image:radial-gradient(ellipse closest-side,#000 76%,transparent 100%)}.bulk-product{justify-self:center;text-align:center}.bulk-product .device{width:290px;transform:rotate(4deg)}.demo-note{font-size:11px;color:var(--muted);margin-top:20px}.honest{padding-top:110px;padding-bottom:90px}.honest>div:not(.facts){display:grid;grid-template-columns:1.2fr 1fr;gap:75px}.honest h2{font-size:42px}.honest p:not(.eyebrow){font-size:17px;color:var(--muted)}.facts{display:flex;gap:45px;padding-top:40px;margin-top:40px;border-top:1px solid #d9dbd1;font-size:14px}.facts span:before{content:"✓";margin-right:12px}.faq{display:grid;grid-template-columns:1fr 1.2fr;gap:80px;padding-top:60px;padding-bottom:100px;border-top:1px solid #dddcd1}.faq h2{font-size:38px;max-width:320px}details{border-bottom:1px solid #dddcd1}summary{list-style:none;display:flex;justify-content:space-between;gap:20px;padding:22px 0;font-size:16px;cursor:pointer}summary::-webkit-details-marker{display:none}summary span{font-size:20px}details[open] summary span{transform:rotate(45deg)}details p{font-size:15px;color:var(--muted);padding:0 20px 20px 0}.closing{position:relative;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:60px;background:#f0e5d5;padding:50px 9vw;overflow:hidden}.closing-art{width:470px;height:auto;aspect-ratio:1;object-fit:contain;mix-blend-mode:multiply;transform:rotate(-6deg);mask-image:radial-gradient(ellipse closest-side,#000 76%,transparent 100%)}.closing h2{font-size:68px;margin-bottom:32px}.mail-note{font-size:12px;color:var(--muted);max-width:290px;margin-top:18px}footer{display:flex;justify-content:space-between;align-items:center;padding-top:45px;padding-bottom:45px}footer>div{display:flex;gap:25px;font-size:12px;color:var(--muted)}
@media(min-width:1700px){.hero-product .device{width:300px}.hero-message{left:8vw}.hero-description{right:8vw}}
@media(max-width:1000px){.hero-message{width:28%;left:3vw}.hero-description{right:3vw;width:26%;padding:16px}.hero-description .cta{font-size:12px;padding:14px}.hero-product .device{width:235px}.journey{gap:40px}.bulk-story{gap:35px}.site-header nav{gap:18px}}
@media(max-width:700px){.site-header{height:74px;padding:0 22px}.brand{font-size:24px}.site-header nav>a:first-child,.nav-cta{display:none}.cinema-hero{height:1120px;max-height:none}.hero-word{top:105px;font-size:35vw}.hero-art img{object-fit:cover;object-position:center bottom}.hero-art:after{background:linear-gradient(#faf2e6 0%,#faf2e6dd 26%,transparent 60%)}.hero-message{top:205px;left:24px;width:calc(100% - 48px);max-width:none;text-align:center;padding:0}.hero-message h1{font-size:39px}.hero-message .eyebrow{margin-bottom:14px}.hero-product{top:380px}.hero-product .device{width:220px}.hero-description{top:925px;left:24px;right:24px;width:auto;max-width:none;text-align:center;background:#faf5ebe8;padding:16px 20px}.hero-description p{display:none}.hero-description small{margin-top:10px}.hero-description .cta{font-size:14px;padding:15px 22px}.scroll-cue{bottom:10px;left:0;width:100%;text-align:center}.hero-product .video-toggle{margin-top:12px}.wrap{padding-left:24px;padding-right:24px}.intro{padding-top:65px;padding-bottom:30px}.intro h2{font-size:38px}.intro>p:last-child{font-size:16px}.journey{display:block}.journey-art{display:none}.mobile-art{display:block;width:100%;height:auto;mix-blend-mode:multiply;margin-bottom:26px}.chapter{min-height:0;padding:30px 0 48px}.chapter h2{font-size:36px}.chapter>p:last-child{font-size:16px;margin-top:20px}.bulk-story{grid-template-columns:1fr;padding:55px 24px;gap:38px}.bulk-copy{margin:0}.bulk-copy h2{font-size:42px}.bulk-copy>p:not(.eyebrow){font-size:16px}.bulk-object{display:none}.bulk-product .device{width:240px;transform:rotate(0)}.honest{padding-top:65px;padding-bottom:55px}.honest>div:not(.facts){display:block}.honest h2{font-size:34px;margin-bottom:24px}.honest p:not(.eyebrow){font-size:16px}.facts{gap:15px;flex-wrap:wrap;font-size:12px}.faq{grid-template-columns:1fr;gap:20px;padding-top:40px;padding-bottom:55px}.faq h2{font-size:32px}.closing{grid-template-columns:1fr;gap:16px;padding:30px 24px 55px}.closing-art{width:250px;margin:auto}.closing>div{text-align:center}.closing h2{font-size:46px}.mail-note{margin:18px auto 0}footer{display:block}footer>div{flex-wrap:wrap;margin-top:25px;gap:20px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.chapter-art{transform:none}.hero-art,.hero-product,.hero-word{translate:none!important}}
@media(min-width:701px){.hero-message:before{content:"";position:absolute;inset:-20px -25px;z-index:-1;background:#faf4e9e8;mask-image:radial-gradient(ellipse at center,#000 40%,transparent 73%);backdrop-filter:blur(8px)}}
.journey-art{mix-blend-mode:multiply}.chapter-art{mix-blend-mode:normal}
@media(max-width:700px){.hero-art img{position:absolute;bottom:120px;left:-25%;width:150%;max-width:none;height:auto;object-fit:contain}.hero-art:after{background:linear-gradient(#faf2e6 0%,#faf2e6dd 28%,transparent 65%)}}

/* The illustration reserves clean space for the heading and description. */
.hero-message{text-shadow:none}.hero-message:before{display:none}.hero-description{background:transparent;backdrop-filter:none;padding:22px 0}.hero-message h1{font-weight:650;color:#203629}.hero-art:after{background:linear-gradient(#faf3e740,transparent 70%,#faf6ee30)}
@media(max-width:700px){.hero-description{background:#faf5ebe8;padding:16px 20px}.hero-art:after{background:linear-gradient(#faf2e6 0%,#faf2e6cc 25%,transparent 65%)}}

@media(min-width:701px){.hero-message{top:calc(34% - 40px)}.hero-description{top:calc(36% - 40px)}}

/* Coastal flat lay: clear sand under the copy and the live phone. */
.bulk-story{min-height:900px;background:#f2dfba url('/assets/bulk-coastal-scene.png') center/cover no-repeat;padding-top:110px;padding-bottom:110px;gap:70px}
.bulk-copy{align-self:center;padding-bottom:100px}
.bulk-copy>p:not(.eyebrow){color:#435044}
.bulk-product .device{box-shadow:14px 24px 30px -10px #59432880,inset 0 0 0 2px #444944}
.bulk-product .demo-note{color:#435044}
@media(max-width:700px){.bulk-story{min-height:0;gap:40px;padding:70px 24px 90px;background-position:left center}.bulk-copy{padding-bottom:0}.bulk-copy h2{font-size:40px}.bulk-product .device{width:240px}}
