@import "https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800;900&family=Noto+Sans+KR:wght@400;500;600;700;800;900&display=swap";
:root{--ink:#141613;--panel:#1c1f19;--line:#35392f;--paper:#f2f3e9;--muted:#a8ad9d;--lime:#d9ff57;--purple:#bda2fa;--font:"Noto Sans KR", Arial, sans-serif;--display:"Barlow Condensed", "Arial Narrow", Impact, sans-serif;--mono:"SFMono-Regular", Consolas, monospace}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:35px}body{background:var(--ink);color:var(--paper);font-family:var(--font);-webkit-font-smoothing:antialiased;margin:0}button,input,textarea{font:inherit}button,a,input{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{cursor:pointer}button:disabled{cursor:wait}svg{flex-shrink:0;width:24px;height:24px;display:block}button{color:inherit}::selection{background:var(--lime);color:var(--ink)}:focus-visible{outline:3px solid var(--purple);outline-offset:6px}button:focus-visible,input:focus-visible{outline-offset:5px}.shell{width:calc(100% - 104px);max-width:1280px;margin-inline:auto}.experience{overflow:clip}.skip-link{z-index:100;background:var(--lime);color:var(--ink);padding:14px;position:fixed;top:-100px;left:20px}.skip-link:focus{top:15px}.site-header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:25px;height:104px;display:flex}.wordmark{font-family:var(--display);letter-spacing:-1.2px;white-space:nowrap;align-items:center;font-size:36px;font-weight:800;display:flex}.brand-icon{color:var(--lime);place-items:center;margin-right:10px;display:grid}.brand-icon svg{width:29px;height:35px;transform:rotate(-15deg)}.trademark{font:10px var(--font);letter-spacing:0;align-self:flex-start;margin-top:12px;margin-left:3px}.brand-edition{font:10px var(--mono);letter-spacing:1.6px;color:var(--muted);border-left:1px solid var(--line);margin-left:22px;padding-left:22px}.site-header nav{color:#d3d7c9;gap:32px;font-size:12px;font-weight:500;display:flex}.site-header nav a:hover{color:var(--lime)}.header-controls{align-items:center;gap:18px;display:flex}.motion-toggle{border:1px solid var(--line);width:31px;height:31px;font:13px var(--mono);background:0 0;border-radius:50%;place-items:center;display:grid}.motion-toggle:hover{border-color:var(--lime);color:var(--lime)}.live-status{font:10px var(--mono);letter-spacing:.5px;white-space:nowrap;align-items:center;gap:9px;display:flex}.live-status i,.status-dot{background:var(--lime);border-radius:50%;width:6px;height:6px;display:inline-block;box-shadow:0 0 12px #d9ff5760}.live-status i{animation:3s ease-in-out infinite status-pulse}.hero{grid-template-columns:1.08fr 1fr;align-items:center;gap:50px;padding-top:56px;padding-bottom:62px;display:grid}.eyebrow{font:10px var(--mono);letter-spacing:1.5px;color:var(--lime);align-items:center;gap:10px;display:flex}.tiny-star{font-size:25px;line-height:1}.edition-label{color:var(--muted);border:1px solid var(--line);margin-left:auto;padding:4px 7px;font-size:9px}.hero h1{letter-spacing:-6px;word-break:keep-all;margin:28px 0 24px;font-size:clamp(56px,6.2vw,86px);font-weight:900;line-height:1.22}.hero h1>span{color:var(--lime)}.hero h1 .maxi{align-items:center;display:inline-flex;position:relative}.maxi svg{width:67px;height:67px;margin-left:21px;animation:28s linear infinite slow-turn}.hero-description{color:#aeb3a6;letter-spacing:-.35px;font-size:15px;line-height:1.95}.hero-description strong{color:var(--paper);font-weight:600}.hero-actions{align-items:center;gap:23px;margin-top:29px;display:flex}.button{white-space:nowrap;border:1px solid #0000;border-radius:7px;justify-content:center;align-items:center;gap:19px;min-height:53px;padding:15px 21px;font-size:13px;font-weight:700;line-height:1.6;transition:transform .2s,box-shadow .2s,background .2s;display:inline-flex}.button svg{width:20px;height:20px}.button:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 7px #0003}.button:active:not(:disabled){box-shadow:none;transform:translateY(0)}.button:disabled{opacity:.6}.primary{background:var(--lime);color:var(--ink)}.purple{background:var(--purple);color:var(--ink)}.dark{background:var(--ink);color:var(--paper)}.text-link{color:var(--paper);border-bottom:1px solid #646b56;align-items:center;gap:15px;padding:15px 0;font-size:12px;display:flex}.text-link:hover{color:var(--lime)}.text-link span{font-size:19px}.hero-footnote{color:var(--muted);letter-spacing:-.2px;align-items:center;gap:12px;margin-top:35px;font-size:10px;display:flex}.hero-footnote strong{color:#d4d9c9;font-weight:500}.mini-avatars{padding-left:5px;display:flex}.mini-avatars b{width:27px;height:27px;color:var(--ink);border:2px solid var(--ink);background:var(--purple);border-radius:50%;place-items:center;margin-left:-5px;font-size:11px;display:grid;transform:rotate(-15deg)}.mini-avatars b:nth-child(2){background:var(--lime);transform:rotate(10deg)}.mini-avatars b:nth-child(3){background:#e9e9dc;transform:rotate(20deg)}.hero-art{isolation:isolate;background:#1d2118;border:1px solid #444a35;border-radius:12px;height:530px;position:relative}.art-grid{z-index:-1;background-image:linear-gradient(#d9ff5706 1px,#0000 1px),linear-gradient(90deg,#d9ff5706 1px,#0000 1px),radial-gradient(at 50% 75%,#b9e44313,#0000 65%);background-size:33px 33px,33px 33px,100% 100%;border-radius:12px;position:absolute;inset:0;overflow:hidden}.art-topline{font:9px var(--mono);letter-spacing:1px;color:var(--muted);justify-content:space-between;display:flex;position:absolute;top:22px;left:22px;right:22px}.orbit-label{writing-mode:vertical-rl;font:10px var(--mono);letter-spacing:3px;color:#a0ad80;position:absolute;top:77px;left:26px;transform:rotate(180deg)}.measurement-ruler{flex-direction:column;justify-content:space-between;width:58px;display:flex;position:absolute;top:80px;bottom:94px;right:22px}.measurement-ruler:before{content:"";opacity:.5;background:repeating-linear-gradient(#6c7654 0 1px,#0000 1px 9px);width:13px;position:absolute;top:0;bottom:0;right:0}.ruler-line{color:#818b6d;font:9px var(--mono);justify-content:space-between;align-items:center;line-height:1px;display:flex;position:relative}.ruler-line i{background:#687650;width:22px;height:1px}.ruler-line.active{color:var(--lime);font-weight:700}.ruler-line.active i{background:var(--lime);width:29px;height:2px}.ceiling-note{color:#939c7f;border:1px dashed #5b6842;border-radius:50%;padding:12px 18px;font-size:11px;position:absolute;top:96px;right:106px;transform:rotate(-8deg)}.ceiling-note span{margin-left:10px;font-size:16px}.hero-height{color:var(--lime);filter:drop-shadow(8px 9px #d9ff5711);align-items:baseline;gap:1px;display:flex;position:absolute;top:142px;left:52px;right:80px;transform:rotate(-5deg)}.hero-height>span{font:900 clamp(150px, 16.5vw, 224px) / 1 var(--display);letter-spacing:-7px}.hero-height small{font:700 28px var(--display);writing-mode:vertical-rl;margin-left:7px;transform:rotate(180deg)}.height-baseline{align-items:center;gap:10px;display:flex;position:absolute;top:328px;left:26px;right:24px}.height-baseline span{background:var(--lime);opacity:.45;flex:1;height:1px}.height-baseline b{background:var(--lime);color:var(--ink);white-space:nowrap;border-radius:3px;padding:6px 10px;font-size:10px;font-weight:700;transform:rotate(-4deg)}.pocket-sticker{background:var(--purple);width:102px;height:102px;color:var(--ink);border:1px dashed var(--ink);outline:5px solid var(--purple);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;display:flex;position:absolute;bottom:78px;left:45px;transform:rotate(-13deg);box-shadow:5px 7px #0003}.pocket-sticker strong{font:800 38px/1.1 var(--display)}.pocket-sticker span{font:7px var(--mono);letter-spacing:1px}.art-caption{color:#9aa58a;justify-content:space-between;font-size:9px;display:flex;position:absolute;bottom:25px;left:26px;right:26px}.art-corner{border-color:var(--lime);border-style:solid;width:14px;height:14px;position:absolute}.art-corner.top-left{border-width:2px 0 0 2px;border-radius:12px 0 0;top:-1px;left:-1px}.art-corner.bottom-right{border-width:0 2px 2px 0;border-radius:0 0 12px;bottom:-1px;right:-1px}.ticker{background:var(--lime);height:61px;color:var(--ink);border-block:1px solid #e5ff9e;align-items:center;width:calc(100% + 10px);margin:13px -5px 0;display:flex;overflow:hidden;transform:rotate(-1.5deg)}.ticker-track{min-width:max-content;animation:38s linear infinite marquee;display:flex}.ticker-track>span{letter-spacing:-.5px;white-space:nowrap;align-items:center;gap:27px;padding-right:27px;font-size:15px;font-weight:900;display:flex}.ticker-track b{font-size:28px;font-weight:500}.roast-section{padding-top:92px;padding-bottom:59px}.section-heading{justify-content:space-between;align-items:flex-end;gap:24px;margin-bottom:29px;display:flex}.section-index{font:10px var(--mono);letter-spacing:1.6px;color:var(--lime)}.section-heading h2{letter-spacing:-1.6px;margin:9px 0 0;font-size:31px;font-weight:800;line-height:1.5}.section-heading>p{color:var(--muted);text-align:right;letter-spacing:-.2px;margin:0 0 3px;font-size:11px;line-height:1.9}.roast-layout{grid-template-columns:1.9fr 1fr;gap:22px;display:grid}.roast-machine{background:var(--panel);border:1px solid var(--line);border-radius:11px;flex-direction:column;min-width:0;display:flex;overflow:hidden}.machine-toolbar{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:8px;padding:21px 25px;display:flex}.flavor-tabs{gap:6px;display:flex}.flavor-tabs button{color:#bfc4b4;white-space:nowrap;background:0 0;border:1px solid #424737;border-radius:5px;padding:8px 12px;font-size:11px;font-weight:500;transition:background .2s,color .2s}.flavor-tabs button.selected{background:var(--lime);border-color:var(--lime);color:var(--ink)}.flavor-tabs button:hover:not(:disabled){border-color:var(--lime)}.flavor-tabs button:disabled{cursor:default;opacity:.4}.machine-count{color:#b3bba6;font:10px var(--mono);white-space:nowrap}.roast-output{flex-direction:column;flex:1;justify-content:center;min-height:240px;padding:32px 32px 20px;display:flex;position:relative}.roast-tag{color:var(--purple);z-index:1;margin-bottom:19px;font-size:10px;position:relative}.roast-words{z-index:1;animation:.4s ease-out words-enter;position:relative}.roast-words h3{letter-spacing:-1.4px;word-break:keep-all;overflow-wrap:anywhere;margin:0;font-size:clamp(23px,2.4vw,32px);font-weight:800;line-height:1.6}.roast-words p{letter-spacing:-1px;color:var(--lime);word-break:keep-all;overflow-wrap:anywhere;margin:3px 0 0;font-size:clamp(19px,2vw,27px);font-weight:700;line-height:1.6}.roast-watermark{color:#ffffff05;-webkit-user-select:none;user-select:none;font:260px/1 Georgia,serif;position:absolute;top:5px;right:26px}.machine-bottom{justify-content:space-between;align-items:center;gap:16px;padding:22px 26px 26px;display:flex}.machine-bottom .primary{gap:14px;min-height:50px;padding-inline:17px;font-size:12px}.machine-bottom .primary svg:last-child{margin-left:21px}.copy-button{color:#b3baa6;background:0 0;border:0;align-items:center;gap:9px;padding:10px;font-size:11px;display:flex}.copy-button:hover{color:var(--paper)}.copy-button span{font-size:19px}.copy-fallback{flex-direction:column;gap:10px;padding:0 24px 24px;font-size:12px;display:flex}.copy-fallback textarea{background:var(--ink);width:100%;min-height:95px;color:var(--paper);border:1px solid var(--line);resize:vertical;border-radius:5px;padding:13px}.spec-card{background:var(--paper);color:var(--ink);border-radius:11px;padding:24px 27px 19px;position:relative;overflow:hidden}.spec-card-top{font:9px var(--mono);letter-spacing:1px;justify-content:space-between;align-items:center;display:flex}.spec-card-top svg{width:19px;height:23px;transform:rotate(25deg)}.spec-name{font:800 54px/1 var(--display);letter-spacing:-1px;margin:21px 0}.spec-name>span{vertical-align:top;font:13px Arial,sans-serif}.spec-name small{font:8px var(--mono);letter-spacing:2px;margin-top:7px;display:block}.spec-card dl{margin:0}.spec-card dl>div{border-top:1px solid #cdd0c0;justify-content:space-between;align-items:center;padding:9px 0;display:flex}.spec-card dt{color:#666d59;font-size:10px}.spec-card dd{margin:0;font-size:12px;font-weight:700}.spec-card dd span{font-size:10px;font-weight:500}.spec-card .spec-muted{color:#888e7d;font-size:10px}.barcode{background:repeating-linear-gradient(90deg,#141613 0 2px,#0000 2px 4px,#141613 4px 5px,#0000 5px 9px,#141613 9px 13px,#0000 13px 16px);width:80%;height:28px;margin-top:19px}.spec-serial{font:8px var(--mono);margin:6px 0 11px}.spec-note{color:#797f6c;font-size:8px;line-height:1.5;display:block}.kindness-strip{color:var(--muted);justify-content:space-between;align-items:center;gap:20px;padding:19px 0 0;font-size:10px;display:flex}.kindness-strip>span{align-items:center;gap:8px;display:flex}.kindness-strip>span>span{color:var(--purple);font-size:17px}.kindness-strip button{color:var(--purple);white-space:nowrap;background:0 0;border:0;padding:5px 0;font-size:10px}.kindness-strip button>span{margin-left:9px;font-size:16px}.kindness-strip button:hover{text-decoration:underline}.height-section{padding-top:25px;padding-bottom:73px}.outlined-pill{color:var(--muted);border:1px solid var(--line);border-radius:30px;margin-bottom:6px;padding:8px 12px;font-size:9px}.mobile-break{display:none}.lab-layout{grid-template-columns:1fr 1fr;gap:22px;display:grid}.comparison-card{background:var(--lime);color:var(--ink);border-radius:11px;padding:26px 30px 23px}.card-label{justify-content:space-between;align-items:center;gap:12px;font-size:12px;font-weight:700;display:flex}.card-label>span:last-child{font:9px var(--mono);opacity:.65;letter-spacing:.5px}.compare-chart{border-bottom:1px solid #14161335;justify-content:center;align-items:flex-end;gap:48px;height:276px;margin-top:13px;padding-bottom:16px;padding-left:30px;display:flex;position:relative}.chart-guides{font:8px var(--mono);color:#1416136b;flex-direction:column;justify-content:space-between;display:flex;position:absolute;inset:26px 0 45px}.chart-guides span{align-items:center;gap:14px;width:100%;display:flex}.chart-guides span:after{content:"";border-top:1px dashed #14161328;flex:1;height:1px;display:block}.person-column{z-index:1;flex-direction:column;align-items:center;gap:9px;min-width:75px;display:flex;position:relative}.person-column>strong{font:700 31px/.9 var(--display)}.person-column>strong small{font:12px var(--display);margin-left:2px}.figure-wrap{width:59px;transition:height .25s}.person{width:100%;height:100%;color:var(--ink);position:relative}.person-head{background:currentColor;border-radius:50%;width:52%;height:18%;position:absolute;top:0;left:24%}.person-body{background:currentColor;border-radius:21px 21px 11px 11px;width:84%;height:43%;position:absolute;top:22%;left:8%}.person-body:before,.person-body:after{content:"";background:currentColor;border-radius:10px;width:17%;height:85%;position:absolute;top:9%}.person-body:before{left:-11%;transform:rotate(6deg)}.person-body:after{right:-11%;transform:rotate(-6deg)}.person-leg{background:currentColor;border-radius:0 0 9px 9px;width:31%;height:42%;position:absolute;top:58%}.person-leg.left{left:15%}.person-leg.right{right:15%}.you-column .person{color:#839d31}.person-label{font-size:11px;font-weight:700}.person-label span{opacity:.6;margin-left:3px;font-size:8px;font-weight:500}.height-slider{padding-top:21px}.height-slider label{justify-content:space-between;align-items:center;font-size:11px;display:flex}.height-slider label strong{font:700 21px var(--display)}input[type=range]{appearance:none;cursor:pointer;background:linear-gradient(to right, var(--ink) var(--range-progress), #a8c83b var(--range-progress));border-radius:5px;width:100%;height:5px;margin:17px 0 8px;display:block}input[type=range]::-webkit-slider-thumb{appearance:none;background:var(--ink);border:4px solid var(--lime);outline:2px solid var(--ink);border-radius:50%;width:20px;height:20px;box-shadow:0 2px 3px #0001}input[type=range]::-moz-range-thumb{background:var(--ink);border:4px solid var(--lime);outline:2px solid var(--ink);border-radius:50%;width:13px;height:13px}.range-labels{font:9px var(--mono);opacity:.6;justify-content:space-between;display:flex}.comparison-result{letter-spacing:-.3px;min-height:48px;margin:22px 0 0;font-size:15px;font-weight:500}.comparison-result strong{border-bottom:1px solid var(--ink);font-weight:900}.comparison-result>span{opacity:.65;letter-spacing:0;margin-top:7px;font-size:10px;display:block}.growth-card{background:#211c2c;border:1px solid #433652;border-radius:11px;flex-direction:column;padding:26px 30px 23px;display:flex;position:relative;overflow:hidden}.growth-card:before{content:"";pointer-events:none;background:radial-gradient(at 70% 45%,#9b70ed0d,#0000 65%);position:absolute;inset:0}.growth-card .card-label{color:var(--purple)}.growth-prompt{font:9px var(--mono);letter-spacing:1px;color:#aaa0b7;align-items:center;gap:8px;margin-top:38px;display:flex}.growth-prompt .status-dot{background:var(--purple);box-shadow:none;width:5px;height:5px}.status-dot.working{animation:.6s ease-in-out infinite status-pulse}.growth-number{font:800 137px/1.15 var(--display);color:var(--purple);letter-spacing:-3px;margin:14px 0 17px;position:relative}.growth-number>span{font:600 28px var(--display);letter-spacing:0;margin-left:5px}.growth-number>svg{opacity:.45;width:70px;height:70px;animation:30s linear infinite slow-turn;position:absolute;bottom:29px;right:0}.growth-number.growing{animation:.2s linear infinite jiggle}.growth-progress{background:#40314d;border-radius:5px;height:4px;overflow:hidden}.growth-progress>span{background:var(--purple);height:100%;transition:width .3s;display:block}.growth-message{font:11px/1.9 var(--mono);color:#c4b7d4;word-break:keep-all;min-height:43px;margin:15px 0 21px}.growth-card .button{justify-content:space-between;width:100%;margin-top:auto;position:relative}.growth-footer{color:#a697b7;justify-content:space-between;align-items:center;margin-top:19px;font-size:10px;display:flex}.growth-footer strong{font:500 11px var(--mono);color:var(--purple);margin-left:4px}.finale{background:var(--purple);color:var(--ink);isolation:isolate;border-radius:11px;padding:34px 42px 37px;position:relative;overflow:hidden}.finale-label{font:9px var(--mono);letter-spacing:1px;align-items:center;gap:12px;display:flex}.finale-label svg{width:20px;height:20px}.finale h2{letter-spacing:-2px;z-index:1;margin:22px 0 12px;font-size:38px;font-weight:900;line-height:1.45;position:relative}.finale h2 span{color:#594078}.finale>p{color:#594875;z-index:1;margin:0 0 23px;font-size:11px;position:relative}.finale .button{z-index:1;gap:27px;min-height:46px;padding:10px 16px;font-size:11px;position:relative}.finale-number{font:900 320px/1 var(--display);letter-spacing:-10px;color:#a487e0;z-index:-1;-webkit-user-select:none;user-select:none;position:absolute;bottom:-49px;right:12px;transform:rotate(-9deg)}.site-footer{justify-content:space-between;align-items:center;gap:25px;min-height:160px;padding-block:36px;display:flex}.site-footer .wordmark{font-size:43px}.site-footer .trademark{margin-top:10px}.site-footer>p{font:9px/1.9 var(--mono);letter-spacing:1px;text-align:center;color:#c0c6b4}.site-footer>p span{font:9px/1.9 var(--font);color:#818a73;letter-spacing:0}.site-footer>a:last-child{text-align:right;font-size:10px}.site-footer>a:last-child>span{color:var(--lime);margin-left:8px;font-size:17px}.site-footer small{color:#7c856e;margin-top:5px;font-size:8px;display:block}.toast{background:var(--paper);color:var(--ink);z-index:50;border:1px solid #fff;border-radius:10px;align-items:center;gap:11px;width:max-content;max-width:calc(100% - 32px);padding:15px 16px;font-size:12px;line-height:1.7;animation:.3s ease-out toast-enter;display:flex;position:fixed;bottom:28px;left:50%;transform:translate(-50%);box-shadow:0 10px 40px #0006}.toast>span{color:#5a6e28;font-size:21px}.toast>button{background:0 0;border:0;margin-left:8px;padding:0 3px;font-size:23px;line-height:1}.confetti{pointer-events:none;z-index:40;position:fixed;inset:0;overflow:hidden}.confetti i{top:-20px;left:var(--x);background:var(--color);width:8px;height:13px;animation:confetti-fall 1.65s ease-in var(--delay) forwards;transform:rotate(var(--rotation));opacity:0;border-radius:1px;position:absolute}.kind .roast-tag{color:var(--lime)}.kind .roast-words p{color:var(--purple)}.kind .hero h1{font-size:clamp(56px,5.8vw,80px)}@keyframes slow-turn{to{transform:rotate(360deg)}}@keyframes status-pulse{50%{opacity:.45}}@keyframes marquee{to{transform:translate(-50%)}}@keyframes words-enter{0%{opacity:0;transform:translateY(9px)}to{opacity:1;transform:translateY(0)}}@keyframes toast-enter{0%{opacity:0;bottom:10px}to{opacity:1;bottom:28px}}@keyframes jiggle{0%,to{transform:translate(0)}25%{transform:translate(-2px)}75%{transform:translate(2px)}}@keyframes confetti-fall{0%{opacity:0;transform:translateY(0) rotate(var(--rotation))}10%{opacity:.9}80%{opacity:.7}to{opacity:0;transform:translateY(105vh) rotate(calc(var(--rotation) + 400deg))}}.calm *,.calm :before,.calm :after{transition:none!important;animation:none!important}.calm .confetti{display:none}html:has(.calm){scroll-behavior:auto}@media (min-width:1500px){.hero{gap:86px}.hero h1{font-size:94px}.hero-height>span{font-size:245px}.hero-height{top:128px}.hero-art{height:550px}.height-baseline{top:340px}}@media (max-width:1100px){.shell{width:calc(100% - 64px)}.hero{gap:28px}.hero h1{letter-spacing:-4px;font-size:65px}.hero-art{height:490px}.hero-height{top:148px;left:43px;right:65px}.hero-height>span{font-size:175px}.hero-height small{font-size:22px}.height-baseline{top:310px}.art-caption{flex-direction:column;gap:5px}.pocket-sticker{width:86px;height:86px;bottom:74px}.pocket-sticker strong{font-size:33px}.hero-actions{gap:16px}.hero-actions .button{gap:15px;padding-inline:14px;font-size:12px}.hero-actions .text-link{font-size:11px}.brand-edition{margin-left:15px;padding-left:15px;font-size:8px}.site-header nav{gap:20px;font-size:11px}.header-controls{gap:10px}.live-status,.hero-footnote{font-size:8px}.roast-layout{grid-template-columns:1.75fr 1fr}.machine-toolbar{padding:18px}.flavor-tabs button{padding:7px 8px;font-size:10px}.machine-bottom{padding:18px}.machine-bottom .primary{gap:9px}.machine-bottom .primary svg:last-child{margin-left:6px}.roast-output{padding-inline:24px}.spec-card{padding-inline:22px}.section-heading h2{font-size:28px}.outlined-pill{font-size:8px}.growth-card,.comparison-card{padding-inline:24px}.growth-number{font-size:120px}.growth-number>svg{width:55px;height:55px}.finale-number{font-size:285px}}@media (max-width:800px){.shell{width:calc(100% - 40px)}.site-header{height:80px}.site-header nav{display:none}.brand-edition{letter-spacing:.7px;margin-left:14px;padding-left:14px;font-size:8px}.hero{grid-template-columns:1fr 1fr;gap:20px;padding-top:38px;padding-bottom:45px}.eyebrow{letter-spacing:.6px;gap:7px;font-size:8px}.edition-label{display:none}.hero h1{letter-spacing:-3px;margin-block:21px;font-size:50px;line-height:1.25}.maxi svg{width:40px;height:40px;margin-left:13px}.hero-description{font-size:12px}.hero-actions{flex-direction:column;align-items:flex-start;gap:7px;margin-top:21px}.hero-actions .button{min-height:46px;font-size:11px}.text-link{padding-block:10px;font-size:10px}.hero-footnote{margin-top:22px;line-height:1.6}.mini-avatars{display:none}.hero-art{height:435px}.art-topline{letter-spacing:.4px;font-size:7px;left:16px;right:16px}.orbit-label{letter-spacing:2px;font-size:7px;left:15px}.hero-height{gap:0;top:142px;left:34px;right:35px}.hero-height>span{letter-spacing:-5px;font-size:140px}.hero-height small{margin-left:2px;font-size:19px}.height-baseline{top:267px;left:17px;right:17px}.height-baseline b{padding:5px 7px;font-size:8px}.measurement-ruler{width:41px;top:70px;bottom:89px;right:15px}.ruler-line{font-size:7px}.ruler-line i{width:16px}.ruler-line.active i{width:19px}.measurement-ruler:before{width:8px}.ceiling-note{padding:9px 13px;font-size:9px;top:90px;right:63px}.pocket-sticker{width:77px;height:77px;bottom:70px;left:32px}.pocket-sticker strong{font-size:30px}.pocket-sticker span{font-size:6px}.art-caption{font-size:7px;bottom:19px;left:18px;right:18px}.ticker{height:50px}.ticker-track>span{gap:19px;padding-right:19px;font-size:12px}.ticker-track b{font-size:23px}.roast-section{padding-top:68px;padding-bottom:41px}.section-heading h2{letter-spacing:-1px;font-size:24px}.section-index{font-size:8px}.section-heading>p{font-size:9px}.roast-layout{grid-template-columns:1.6fr 1fr;gap:15px}.machine-count{display:none}.roast-output{min-height:210px;padding:23px 20px}.roast-words h3{letter-spacing:-.9px;font-size:24px;line-height:1.6}.roast-words p{letter-spacing:-.8px;font-size:20px}.machine-toolbar{padding:17px}.machine-bottom{flex-wrap:wrap;gap:5px;padding:17px}.machine-bottom .primary{justify-content:space-between;width:100%;min-height:43px;padding:10px 12px;font-size:11px}.copy-button{margin-left:auto;padding:7px 0;font-size:10px}.spec-card{padding:21px 18px 17px}.spec-card-top{letter-spacing:.5px;font-size:7px}.spec-name{font-size:47px}.spec-name small{letter-spacing:1.1px;font-size:6px}.spec-card dl>div{padding-block:10px}.spec-card dt{font-size:9px}.spec-card dd{font-size:11px}.spec-note{font-size:7px}.kindness-strip{gap:10px;font-size:9px}.kindness-strip button{font-size:9px}.outlined-pill{display:none}.height-section{padding-bottom:50px}.lab-layout{gap:15px}.comparison-card,.growth-card{padding:23px 20px 21px}.card-label{align-items:flex-start;font-size:11px}.card-label>span:last-child{margin-top:3px;font-size:7px}.compare-chart{gap:30px;height:270px;padding-left:12px}.person-column{min-width:55px}.figure-wrap{width:48px}.person-label{font-size:9px}.person-label span{font-size:7px}.comparison-result{font-size:13px;line-height:1.7}.comparison-result>span{margin-top:4px;font-size:9px}.growth-number{margin-top:24px;font-size:106px}.growth-number>span{font-size:22px}.growth-number>svg{opacity:.35;width:42px;height:42px;bottom:22px;right:0}.growth-prompt{letter-spacing:.5px;font-size:7px}.growth-message{min-height:64px;font-size:10px}.growth-card .button{gap:10px;min-height:48px;padding:12px 13px;font-size:11px}.growth-footer{font-size:9px}.finale{padding:28px 30px}.finale h2{letter-spacing:-1px;font-size:31px}.finale>p{max-width:270px;font-size:10px;line-height:1.8}.finale-number{font-size:240px;bottom:-36px;right:-8px}.site-footer{min-height:135px;padding-block:28px}.site-footer .wordmark{font-size:34px}.site-footer>p{letter-spacing:.3px;font-size:8px}.site-footer>p span{font-size:8px}.site-footer>a:last-child{font-size:9px}.site-footer small{font-size:7px}.kind .hero h1{font-size:48px}}@media (max-width:600px){.shell{width:calc(100% - 36px)}.site-header{gap:8px;height:76px}.wordmark{font-size:30px}.brand-icon{margin-right:7px}.brand-icon svg{width:23px;height:29px}.brand-edition{letter-spacing:.5px;white-space:normal;max-width:58px;margin-left:11px;padding-left:11px;font-size:7px;line-height:1.7}.header-controls{gap:9px}.live-status{letter-spacing:0;gap:5px;font-size:7px}.live-status i{width:5px;height:5px}.motion-toggle{width:27px;height:27px;font-size:11px}.hero{grid-template-columns:1fr;gap:28px;padding-top:32px;padding-bottom:36px}.hero-copy{padding-inline:4px}.eyebrow{letter-spacing:1.4px;gap:8px;font-size:9px}.edition-label{font-size:7px;display:block}.hero h1{letter-spacing:-4px;margin:22px 0 20px;font-size:clamp(52px,14vw,77px);line-height:1.2}.hero h1>br:nth-of-type(2){display:none}.hero h1 .maxi{margin-left:10px}.maxi svg{width:37px;height:37px;margin:0;position:absolute;bottom:4px;right:-48px}.hero-description{margin-bottom:0;font-size:12px;line-height:1.9}.hero-actions{flex-direction:row;align-items:center;gap:22px;margin-top:25px}.hero-actions .button{gap:24px;min-height:49px;padding:13px 17px;font-size:12px}.hero-actions .text-link{gap:12px;font-size:10px}.hero-footnote{margin-top:23px;font-size:9px}.mini-avatars{display:flex}.hero-art{height:365px;margin-inline:4px}.art-topline{font-size:8px;top:18px;left:20px;right:20px}.hero-height{top:86px;left:52px;right:60px}.hero-height>span{letter-spacing:-7px;font-size:clamp(165px,48vw,239px)}.hero-height small{font-size:28px}.measurement-ruler{width:51px;top:53px;bottom:64px;right:19px}.ruler-line{font-size:8px}.ruler-line i{width:20px}.ruler-line.active i{width:26px}.orbit-label{letter-spacing:2px;font-size:8px;top:64px;left:19px}.ceiling-note{padding:6px 12px;font-size:9px;top:49px;right:85px}.ceiling-note span{font-size:13px}.height-baseline{top:229px;left:20px;right:19px}.height-baseline b{font-size:9px}.pocket-sticker{width:74px;height:74px;bottom:52px;left:36px;transform:rotate(-15deg)}.pocket-sticker strong{font-size:28px}.art-caption{flex-direction:row;gap:5px;font-size:7px;bottom:18px;left:20px;right:20px}.ticker{height:47px;margin-top:4px;transform:rotate(-2deg)}.ticker-track>span{gap:17px;padding-right:17px;font-size:11px}.roast-section{padding-top:55px;padding-bottom:37px}.section-heading{flex-direction:column;align-items:flex-start;gap:15px;margin-bottom:21px}.section-index{letter-spacing:1.4px;font-size:8px}.section-heading h2{letter-spacing:-1.5px;margin-top:8px;font-size:26px;line-height:1.5}.section-heading>p{text-align:left;font-size:10px;line-height:1.8}.roast-layout{grid-template-columns:1fr;gap:18px}.machine-toolbar{padding:17px 18px}.flavor-tabs{gap:5px}.flavor-tabs button{padding:8px 10px;font-size:10px}.machine-count{font-size:8px;display:block}.roast-output{min-height:225px;padding:27px 23px 24px}.roast-tag{margin-bottom:17px;font-size:10px}.roast-words h3{letter-spacing:-1.1px;font-size:26px}.roast-words p{letter-spacing:-.8px;font-size:22px}.machine-bottom{flex-wrap:nowrap;gap:9px;padding:0 19px 20px}.machine-bottom .primary{flex:1;gap:8px;width:auto;min-height:47px;padding:13px 14px;font-size:11px}.machine-bottom .primary svg{width:17px;height:17px}.machine-bottom .primary svg:last-child{margin-left:0}.copy-button{white-space:nowrap;gap:6px;padding:9px 1px;font-size:9px}.spec-card{grid-template-columns:1fr 1.18fr;column-gap:23px;padding:23px 24px;display:grid}.spec-card-top{grid-column:1/-1;margin-bottom:16px;font-size:8px}.spec-name{grid-area:2/1;margin:4px 0 0;font-size:60px}.spec-name small{letter-spacing:1px;max-width:93px;font-size:6px;line-height:1.8}.spec-card dl{grid-area:2/2/4}.spec-card dl>div{padding:9px 0}.spec-card dt{font-size:8px}.spec-card dd{font-size:10px}.spec-card .spec-muted{font-size:9px}.barcode{grid-area:3/1;align-self:end;width:100%;height:24px;margin:14px 0 8px}.spec-serial{letter-spacing:-.3px;grid-column:1;margin:0 0 5px;font-size:6px}.spec-note{grid-column:1/-1;margin-top:9px;font-size:7px}.kindness-strip{flex-wrap:wrap;gap:9px;padding-top:16px;font-size:9px}.kindness-strip button{margin-left:auto;font-size:10px}.height-section{padding-top:16px;padding-bottom:37px}.lab-layout{grid-template-columns:1fr;gap:18px}.comparison-card,.growth-card{padding:25px 25px 23px}.card-label{font-size:12px}.card-label>span:last-child{font-size:8px}.compare-chart{gap:60px;height:275px;margin-top:16px;padding-left:13px}.person-column>strong{font-size:32px}.figure-wrap{width:57px}.person-label{font-size:11px}.person-label span{font-size:8px}.height-slider{padding-top:19px}.height-slider label{font-size:11px}.comparison-result{min-height:50px;margin-top:21px;font-size:15px}.comparison-result>span{font-size:10px}.growth-prompt{letter-spacing:.7px;margin-top:31px;font-size:9px}.growth-number{margin:14px 0 15px;font-size:142px}.growth-number>span{font-size:28px}.growth-number>svg{width:65px;height:65px;bottom:26px;right:4px}.growth-message{min-height:45px;margin-block:15px 22px;font-size:11px}.growth-card .button{min-height:50px;padding:13px 17px;font-size:12px}.growth-footer{font-size:10px}.finale{padding:27px 26px 29px}.finale-label{font-size:8px}.finale h2{letter-spacing:-1.7px;margin-top:23px;font-size:29px;line-height:1.55}.finale>p{max-width:225px;margin-bottom:21px;font-size:10px;line-height:1.9}.finale .button{gap:21px;min-height:44px;font-size:10px}.finale-number{opacity:.6;letter-spacing:-5px;font-size:180px;bottom:-21px;right:-4px}.site-footer{flex-wrap:wrap;gap:19px;padding:29px 3px 26px}.site-footer .wordmark{font-size:36px}.site-footer>p{text-align:left;order:3;width:100%;margin:0;font-size:8px}.site-footer>p span{font-size:8px}.site-footer>a:last-child{font-size:10px}.site-footer small{font-size:7px}.toast{border-radius:8px;gap:8px;padding:13px 14px;font-size:11px;bottom:20px}.toast>span{font-size:18px}.kind .hero h1{font-size:clamp(50px,13vw,72px)}}@media (max-width:360px){.shell{width:calc(100% - 28px)}.brand-edition{display:none}.hero h1{letter-spacing:-3px;font-size:49px}.maxi svg{width:29px;height:29px;right:-36px}.hero-actions{gap:13px}.hero-actions .button{gap:17px;padding-inline:13px;font-size:11px}.hero-art{height:338px}.hero-height{top:84px;left:39px}.hero-height>span{font-size:155px}.height-baseline{top:217px}.pocket-sticker{width:66px;height:66px;bottom:47px}.pocket-sticker strong{font-size:25px}.art-caption{font-size:6px}.section-heading h2{font-size:24px}.machine-count{font-size:7px}.flavor-tabs button{padding-inline:8px;font-size:9px}.roast-output{padding-inline:20px}.roast-words h3{font-size:24px}.roast-words p{font-size:21px}.machine-bottom .primary{gap:6px;padding-inline:10px;font-size:10px}.spec-card{column-gap:20px;padding-inline:20px}.spec-name{font-size:53px}.comparison-card,.growth-card{padding-inline:22px}.growth-number{font-size:125px}.finale h2{font-size:26px}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}.confetti{display:none}}