:root{--blue:#2563eb;--blue-dark:#1d4ed8;--ink:#131316;--muted:#55555d;--bg:#f1f1f0;--dark:#17191e;--line:#d6d6d3;--white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:86px}body{margin:0;background:var(--bg);color:var(--ink);font:400 16px/1.55 Inter,Arial,sans-serif;letter-spacing:-.015em}.wrap{width:min(1280px,calc(100% - 64px));margin:auto}a{color:inherit}h1,h2,h3,p{margin:0}h2,h3{text-wrap:balance}h2{font-size:clamp(34px,4.5vw,64px);font-weight:800;line-height:1.06;letter-spacing:-.045em}h3{font-size:23px;line-height:1.15;letter-spacing:-.025em}p{text-wrap:pretty}.blue{color:var(--blue)}.muted{color:#6b6b73}.outline{color:var(--bg);-webkit-text-stroke:2px var(--ink);paint-order:stroke fill}.outline-dark{color:var(--dark);-webkit-text-stroke:1.5px #fff;paint-order:stroke fill}[hidden]{display:none!important}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}.skip{position:fixed;left:16px;top:-100px;z-index:100;padding:12px;background:white}.skip:focus{top:12px}.kicker{display:flex;align-items:center;gap:12px;font-size:12px;font-weight:700;line-height:1.4;text-transform:uppercase;letter-spacing:.12em}.kicker::before{content:"";width:30px;height:2px;background:var(--blue);flex:none}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border:1.5px solid transparent;border-radius:100px;padding:18px 26px;font:600 15px/1.2 Inter,Arial,sans-serif;text-decoration:none;text-align:center;cursor:pointer;transition:background .18s}.primary{background:var(--blue);color:#fff}.primary:hover{background:var(--blue-dark)}.secondary{border-color:#b7b7bd;background:white}.light{background:#fff;color:var(--ink)}.btn:disabled{opacity:.65;cursor:wait}nav{height:72px;background:#fff;border-bottom:1px solid #e8e8e6;position:sticky;top:0;z-index:20}.nav-inner{height:100%;display:flex;align-items:center;justify-content:space-between;gap:20px}nav img{display:block;width:132px;height:auto}.nav-actions{display:flex;gap:28px}.quiet{font-size:13px;font-weight:600;text-decoration:none}.quiet:hover{text-decoration:underline}.hero{padding:56px 0 0}.hero h1{font-family:'Barlow Condensed',Impact,sans-serif;font-weight:800;line-height:.98;letter-spacing:-.022em;text-transform:uppercase;font-size:clamp(30px,9.7vw,138px);margin:24px 0 30px}.hero h1>span{display:block;white-space:nowrap}.hero-sub{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;margin:0 0 44px}.lede{font-size:clamp(17px,1.6vw,21px);line-height:1.55;color:var(--muted);max-width:51ch}.hero-action{text-align:right}.reassurance{font-size:13px;line-height:1.65;color:var(--muted);margin-top:13px}.reassurance strong{font-weight:600;color:var(--ink)}.stage{position:relative;height:clamp(340px,43vw,580px);background:#17191e;border-radius:20px;overflow:hidden;isolation:isolate}.stage::before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 40%,#ffffff32,transparent 65%);pointer-events:none}.stage::after{content:"";position:absolute;inset:auto 0 0;height:100px;background:linear-gradient(transparent,#0005);pointer-events:none}.stage model-viewer{position:absolute;inset:0;width:100%;height:100%;--poster-color:transparent;opacity:0;transition:opacity .4s}.stage model-viewer.ready{opacity:1}.stage-caption{position:absolute;z-index:2;bottom:20px;left:24px;right:24px;display:flex;justify-content:space-between;align-items:end;gap:20px;color:white;font-size:12px;pointer-events:none}.stage-caption>span{padding:8px 12px;border-radius:8px;background:#111b;max-width:75%}.viewer-status{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);padding:18px;text-align:center;color:white;font-size:14px;z-index:3}.viewer-status{background:#17191ecc;border-radius:10px}.viewer-status a{display:block;margin-top:10px}.sample-note{text-align:center;max-width:74ch;margin:17px auto 32px;font-size:13px;color:var(--muted)}.section{padding:88px 0}.section-label{display:flex;gap:20px;border-top:2px solid var(--ink);padding-top:16px;margin-bottom:46px;font-size:11px;font-weight:700;letter-spacing:.13em;text-transform:uppercase;color:var(--muted)}.section-label span{color:var(--blue)}.campaign-media{position:relative;aspect-ratio:16/9;overflow:hidden;border-radius:18px;background:var(--dark);min-width:0}.campaign-media video{display:block;width:100%;height:100%;position:absolute;inset:0;object-fit:contain}.video-placeholder{position:absolute;inset:0;display:grid;place-items:center;text-align:center;isolation:isolate}.video-placeholder>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;filter:brightness(.32);z-index:-1}.video-placeholder-copy{padding:28px;color:#fff}.placeholder-label{position:absolute;top:18px;left:18px;font-size:10px;line-height:1.3;letter-spacing:.08em;text-transform:uppercase;background:#ffffffed;color:var(--ink);padding:7px 9px;border-radius:5px}.video-placeholder svg{width:44px;height:44px;fill:none;stroke:#fff;stroke-width:2;stroke-linejoin:round;margin-bottom:12px}.video-placeholder-copy p{font-size:clamp(24px,2.5vw,36px);font-weight:700;line-height:1.12;letter-spacing:-.03em}.video-error{position:absolute;inset:0;display:grid;place-items:center;padding:32px;color:#fff;text-align:center;font-size:16px}body.preview-open{overflow:hidden}.campaign-dialog{width:min(640px,calc(100% - 32px));max-height:calc(100dvh - 32px);margin:auto;padding:0;border:0;border-radius:20px;background:#fff;color:var(--ink);box-shadow:0 24px 90px #0004;overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.campaign-dialog::backdrop{background:#11131db3;backdrop-filter:blur(5px)}.dialog-header{position:sticky;top:0;z-index:2;background:#fff;padding:28px 66px 20px 32px;border-bottom:1px solid #ececea}.dialog-header h2{font-size:27px;line-height:1.14;letter-spacing:-.03em;text-wrap:pretty}.dialog-header h2:focus{outline:none}.dialog-header p{font-size:14px;color:var(--muted);margin-top:8px}.dialog-close{position:absolute;top:16px;right:12px;display:flex;align-items:center;justify-content:center;width:44px;height:44px;border:0;border-radius:50%;background:#f1f1f0;color:var(--ink);font:400 29px/1 Arial,sans-serif;cursor:pointer}.dialog-close:hover{background:#e4e4e2}.form-card{padding:24px 32px 30px}.form-card h3{font-size:27px}.field-pair{display:grid;grid-template-columns:1fr 1fr;gap:16px}.field{margin-bottom:17px;min-width:0}.field label{display:block;font-size:13px;font-weight:600;margin-bottom:6px}.field input,.field select,.field textarea{width:100%;min-width:0;border:1.5px solid #c9c9ce;border-radius:8px;padding:12px;font:400 16px/1.4 Inter,Arial,sans-serif;color:var(--ink);background:#fff}.field textarea{resize:vertical;min-height:105px}.field-help{font-size:12px;line-height:1.5;color:var(--muted);margin:5px 0 7px}.field :is(input,textarea,select):focus{outline:2px solid var(--blue);outline-offset:1px}.form-card .primary{width:100%;margin-top:5px}.form-fine{font-size:12px;line-height:1.6;color:var(--muted);text-align:center;margin-top:13px}.form-error{border-left:3px solid #b42318;background:#fff1ef;color:#8f2017;font-size:14px;padding:12px 14px;margin-bottom:14px}.success{padding:14px 0}.success-check{display:inline-flex;align-items:center;justify-content:center;width:52px;height:52px;border-radius:100%;background:#e6eeff;color:var(--blue);font-size:27px;margin-bottom:24px}.success h3{font-size:36px;margin:20px 0}.success>p:not(.kicker){font-size:15px;color:var(--muted);margin-bottom:18px}.success-email{overflow-wrap:anywhere}.optional-call{border-top:1px solid var(--line);margin-top:26px;padding-top:26px}.optional-call p{font-size:14px;color:var(--muted);margin:10px 0 18px}.roastery{background:var(--dark);color:white}.roastery .section-label{border-color:#ffffff66;color:#ccc}.roastery .section-label span{color:#88aaff}.roastery h2{font-size:clamp(38px,6vw,84px)}.roastery-intro{font-size:18px;color:#d4d4db;max-width:61ch;margin-top:24px}.photos{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.photos img{width:100%;height:280px;object-fit:cover;border-radius:12px}.roastery-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;margin-top:30px}.roastery-facts p{color:#bbbcc4;font-size:14px}.roastery-facts strong{color:#fff;font-size:16px}.faq-grid{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}details{border-top:1px solid var(--line)}details:last-child{border-bottom:1px solid var(--line)}summary{list-style:none;cursor:pointer;padding:22px 0;font-size:16px;font-weight:600;display:flex;justify-content:space-between;gap:24px}summary::-webkit-details-marker{display:none}summary span{font-size:23px;font-weight:400;line-height:1;flex:none}details[open] summary span{transform:rotate(45deg)}details p{font-size:15px;color:var(--muted);padding:0 30px 24px 0}.final{background:var(--dark);color:white;padding:80px 0;text-align:center}.final .kicker{justify-content:center;color:#ccc}.final h2{font-size:clamp(36px,5.5vw,76px);margin:24px auto}.final .blue{color:#85a6ff}.final p:not(.kicker){font-size:16px;color:#c6c6cf;line-height:1.7}.final .btn{margin:28px auto 0}.final .final-fine{font-size:13px!important;margin-top:16px}footer{background:#111;color:#b5b5bd;padding:26px 0;font-size:12px}footer .wrap{display:flex;justify-content:space-between;align-items:center;gap:24px}footer img{width:110px;height:auto}
.preview-section{background:#e6eaf2;padding:72px 0 56px}
.offer-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:56px;align-items:center}
.offer-grid.has-media{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr)}
.offer-copy{min-width:0;max-width:600px}
.offer-copy .kicker{font-size:11px;letter-spacing:.1em;margin-bottom:18px}
.offer-copy h2{font-size:clamp(36px,3.65vw,50px);line-height:1.09;text-wrap:initial}
.offer-intro{font-size:17px;line-height:1.6;color:var(--muted);max-width:46ch;margin-top:21px}
.offer-includes{display:grid;gap:12px;list-style:none;padding:0;margin:24px 0 28px;font-size:15px;font-weight:600}
.offer-includes li{display:flex;align-items:baseline;gap:12px}
.offer-includes span{color:var(--blue);font-size:15px}
.offer-copy .reassurance{font-size:12px}
.campaign-journey{margin-top:52px;padding-top:34px;border-top:1px solid #c9d2e3}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;list-style:none;padding:0;margin:0 auto;max-width:1080px;position:relative;isolation:isolate}
.steps::before{content:"";position:absolute;left:16.666%;right:16.666%;top:23px;height:1px;background:#b8c7e3;z-index:-1}
.steps li{text-align:center;min-width:0}
.step-number{display:grid;place-items:center;width:48px;height:48px;margin:0 auto 18px;background:#fff;border:1px solid #bfcde5;border-radius:50%;box-shadow:0 0 0 10px #e6eaf2;color:var(--blue);font-size:15px;font-weight:700;line-height:1}
.steps h3{font-size:24px}
.steps p{font-size:14px;line-height:1.55;color:var(--muted);margin:9px auto 0;max-width:26ch}
@media(max-width:980px){.hero-sub{gap:30px}.hero-action .btn{font-size:13px;padding:17px 19px}.section{padding:64px 0}.faq-grid{gap:40px}.photos img{height:220px}}@media(max-width:680px){.wrap{width:calc(100% - 40px)}nav{height:64px}nav img{width:112px}.nav-actions .quiet:first-child{display:none}.nav-actions .quiet{font-size:12px}.hero{padding-top:32px}.hero .kicker{font-size:9px;letter-spacing:.07em;gap:8px}.hero .kicker::before{width:18px}.hero h1{font-size:9.65vw;margin:24px 0}.hero-sub{grid-template-columns:1fr;gap:22px;margin-bottom:28px}.hero-action{text-align:left}.hero-action .btn{font-size:14px;padding:17px 19px}.lede{font-size:17px}.reassurance{font-size:12px}.stage{height:330px;border-radius:12px}.stage-caption{left:12px;right:12px;bottom:12px;display:block;font-size:10px}.stage-caption>span{display:block;max-width:100%;width:fit-content}.stage-caption .drag-hint{margin-top:5px}.sample-note{font-size:12px;margin:14px auto 22px}.section{padding:52px 0}.section-label{margin-bottom:30px}.campaign-media{border-radius:12px}.placeholder-label{top:12px;left:12px;font-size:8px;padding:6px 8px}.video-placeholder-copy{padding:22px}.video-placeholder svg{width:32px;height:32px;margin-bottom:8px}.video-placeholder-copy p{font-size:24px}.campaign-dialog{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:14px;scrollbar-gutter:auto}.dialog-header{padding:23px 64px 18px 22px}.dialog-header h2{font-size:24px}.dialog-header p{font-size:13px}.dialog-close{top:12px;right:12px}.form-card{padding:22px}.field-pair{grid-template-columns:1fr;gap:0}.form-card h3{font-size:24px}.form-card .btn{padding-inline:13px;font-size:13px;gap:8px}.photos{grid-template-columns:1fr 1fr;gap:12px}.photos img{height:190px}.photos img:first-child{grid-column:1/-1;height:240px}.roastery-facts{grid-template-columns:1fr;gap:22px}.faq-grid{grid-template-columns:1fr;gap:30px}.final{padding:54px 0}.final .kicker{font-size:10px}.final .btn{font-size:13px;padding:17px 20px}.final p:not(.kicker){font-size:15px}.final h2{font-size:37px}footer .wrap{flex-direction:column;align-items:flex-start;gap:15px}}
@media(max-width:980px){.offer-grid{gap:32px}.offer-copy h2{font-size:clamp(32px,4vw,40px)}.offer-intro{font-size:16px}.offer-copy .btn{font-size:13px;padding:17px 18px}.steps{gap:24px}.steps h3{font-size:22px}}
@media(max-width:760px){.offer-grid.has-media{grid-template-columns:minmax(0,1fr)}.offer-copy{max-width:620px}.campaign-media{width:100%}.offer-copy h2{font-size:clamp(32px,6.4vw,46px)}}
@media(max-width:680px){.preview-section{padding:44px 0}.offer-grid{gap:30px}.offer-copy .kicker{font-size:10px;gap:8px;margin-bottom:16px}.offer-copy .kicker::before{width:18px}.offer-copy h2{font-size:clamp(30px,7.7vw,40px)}.offer-intro{margin-top:18px}.offer-includes{gap:10px;font-size:14px;margin:20px 0 23px}.offer-copy .btn{font-size:13px;padding:17px 18px}.campaign-journey{margin-top:32px;padding-top:28px}.steps{grid-template-columns:1fr;gap:14px;max-width:400px}.steps::before{display:none}.steps li{border:1px solid #ccd6e7;border-radius:12px;padding:22px 18px;background:#ffffff70}.step-number{width:40px;height:40px;margin-bottom:12px;box-shadow:none;font-size:13px}.steps h3{font-size:23px}.steps p{margin-top:7px}}

.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.quality-strip{position:relative;background:var(--ink);color:#fff;padding:25px 0;overflow:hidden;border-block:1px solid #ffffff0a}
.quality-window{overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 40px,#000 calc(100% - 100px),transparent calc(100% - 48px))}
.quality-track{display:flex;width:max-content;animation:quality-scroll var(--quality-duration,84s) linear infinite}
.quality-group{display:flex;align-items:center;justify-content:space-around;flex-shrink:0;min-width:100vw;list-style:none;margin:0;padding:0}
.quality-group li{display:flex;align-items:center;gap:38px;padding-right:38px;white-space:nowrap}
.quality-group span{font-size:14px;line-height:1.4;font-weight:700;letter-spacing:.1em;text-transform:uppercase}
.quality-group b{color:#7fa3ff;font-size:26px;font-weight:400;line-height:1}
.quality-window:hover .quality-track,.quality-strip:focus-within .quality-track,.quality-strip[data-paused="true"] .quality-track{animation-play-state:paused}
.quality-toggle{position:absolute;right:12px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:44px;height:44px;padding:0;border:1px solid #ffffff30;border-radius:50%;background:var(--ink);color:#a8bfff;cursor:pointer}
.quality-toggle:hover{border-color:#7fa3ff;color:#fff}
.quality-toggle:focus-visible{outline-offset:3px}
.quality-toggle svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.quality-toggle .quality-play{display:none}
.quality-toggle[aria-pressed="true"] .quality-play{display:block}
.quality-toggle[aria-pressed="true"] .quality-pause{display:none}
@keyframes quality-scroll{to{transform:translateX(-50%)}}
@media(max-width:680px){.quality-strip{padding:21px 0}.quality-group li{gap:26px;padding-right:26px}.quality-group span{font-size:12px;letter-spacing:.09em}.quality-group b{font-size:23px}.quality-window{mask-image:linear-gradient(to right,transparent,#000 20px,#000 calc(100% - 82px),transparent calc(100% - 46px))}.quality-toggle{right:8px}}
@media(prefers-reduced-motion:reduce){.quality-window{mask-image:none}.quality-track{animation:none;width:100%;transform:none}.quality-group{min-width:0;width:100%;flex-wrap:wrap;justify-content:center;gap:16px 32px;padding:0 24px}.quality-group li{padding:0;gap:0}.quality-group li:nth-child(n+5),.quality-group:nth-child(2),.quality-group b,.quality-toggle{display:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}