/* Direction studies: original product imagery, shared accessibility and theme behavior. */
.design-page{--accent:#254cbb;--soft:#eeefeb;--ink:#152137}
.design-page h1,.design-page h2{white-space:pre-line}
.design-header{border-bottom:1px solid var(--line)}
.design-header .head-row{gap:32px}
.design-nav{display:flex;gap:28px;margin-left:auto;font-size:14px;font-weight:600}
.design-nav a{text-decoration:none;color:var(--muted)}
.design-page .btn-ink{border-radius:7px}
.design-kicker{font:600 11px/1.6 var(--m);letter-spacing:.12em;color:var(--muted);text-transform:uppercase;margin-bottom:22px}
.design-lede{max-width:480px;font-size:19px;line-height:1.7;color:var(--muted)}
.design-actions{display:flex;flex-wrap:wrap;gap:16px 24px;align-items:center;margin-top:30px}
.design-text-link{display:flex;gap:10px;align-items:center;font-size:15px;font-weight:700;text-decoration:none}
.design-caption{display:block;margin-top:22px;font-size:12px;color:var(--muted)}
.design-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;min-height:790px;gap:24px}
.design-hero h1{font-size:clamp(48px,5.6vw,78px);line-height:1.04;letter-spacing:-.045em;margin-bottom:28px}
.design-machine-scene{position:relative;height:730px}
.machine-photo{position:absolute;width:450px;max-width:85%;right:0;top:20px}
.real-machine{width:100%;height:auto}
.machine-qr{position:absolute;left:69.8%;top:33.5%;width:5.6%;transform:skewY(-2deg)}
.machine-qr img{width:100%;height:auto}
.scene-phone{position:absolute;width:200px;left:0;bottom:0;z-index:2}
.design-phone{border-radius:15%/7%;box-shadow:0 28px 50px -24px rgba(0,0,0,.38),0 0 0 1.5px #353c47 inset}
.qr-card{position:absolute;left:0;top:18px;z-index:2;display:flex;align-items:center;gap:12px;padding:12px;background:var(--paper);border:1px solid var(--line);border-radius:10px;text-decoration:none;box-shadow:0 14px 36px -22px #000}
.qr-card>img{width:76px;height:76px}
.qr-card b,.qr-card small,.qr-card .mono{display:block;font-size:12px}
.qr-card small{color:var(--muted);font-size:11px;margin-top:4px}
.qr-card .mono{font-size:10px;margin-top:8px;color:var(--muted)}
.precision-hero{background:linear-gradient(120deg,var(--paper) 54%,var(--panel2) 54%)}
.direction-precision .design-hero h1{color:var(--text)}
.graphite-hero{position:relative;background:#111519;color:#fff;overflow:hidden}
.graphite-hero .design-hero-grid{position:relative;z-index:1;min-height:850px}
.graphite-hero h1{font-size:clamp(50px,6.3vw,88px);color:#fff}
.graphite-hero .design-lede,.graphite-hero .design-kicker,.graphite-hero .design-caption{color:#aab3bd}
.graphite-hero .btn-ink{background:#e0eb77;color:#152137}
.graphite-hero .machine-photo{width:490px;max-width:90%;top:0}
.graphite-hero .design-machine-scene{height:780px}
.graphite-hero .qr-card{background:#242b31;border-color:#41494e;color:#fff}
.graphite-hero .qr-card small,.graphite-hero .qr-card .mono{color:#b4bec7}
.graphite-wordmark{position:absolute;bottom:-.17em;left:2%;font-size:21vw;font-weight:800;line-height:1;letter-spacing:-.06em;color:rgba(255,255,255,.035);pointer-events:none}
.everyday-hero{display:grid;grid-template-columns:.9fr 1.1fr;gap:55px;align-items:center;padding-top:78px;padding-bottom:80px}
.everyday-hero h1{font-size:clamp(48px,5.5vw,80px)}
.everyday-visual{position:relative;padding-bottom:110px}
.everyday-visual>img{width:100%;height:550px;object-fit:cover;object-position:42% center;border-radius:4px 72px 4px 4px}
.everyday-app{position:absolute;width:180px;bottom:0;right:16px}
.photo-label{position:absolute;bottom:150px;left:20px;padding:10px 14px;background:#f4f0e7;color:#303527;font-size:14px;font-weight:700;transform:rotate(-3deg)}
.everyday-line{display:flex;gap:40px;padding-bottom:42px;font-size:18px;font-weight:700;border-bottom:1px solid var(--line);color:var(--muted)}
.design-how{padding-top:110px;padding-bottom:110px}
.design-section-head{display:grid;grid-template-columns:1fr 1fr;gap:16px 36px;align-items:end}
.design-section-head .design-kicker{grid-column:1/-1;margin:0}
.design-section-head h2{font-size:clamp(34px,4vw,52px);line-height:1.1}
.design-section-head>p:last-child{color:var(--muted);justify-self:end;font-size:16px}
.design-steps{list-style:none;display:grid;grid-template-columns:repeat(3,1fr);gap:32px;margin:50px 0 0;padding:0}
.design-steps li{border-top:1px solid var(--line2);padding-top:24px}
.design-step-top{display:flex;justify-content:space-between;color:var(--muted);font-size:12px;margin-bottom:30px}
.design-steps h3{font-size:22px;margin-bottom:12px}
.design-steps p{font-size:16px;line-height:1.6;color:var(--muted);max-width:320px}
.design-product{background:var(--panel2);padding:100px 0}
.design-product-grid{display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}
.design-product h2,.design-operator h2,.design-download h2{font-size:clamp(40px,5vw,66px);line-height:1.06;margin-bottom:24px}
.design-benefits{list-style:none;display:grid;gap:18px;margin:30px 0 0;padding:0}
.design-benefits li{display:flex;gap:12px;font-size:15px;color:var(--muted)}
.design-benefits .i{color:var(--text);margin-top:2px}
.design-product-grid>*{min-width:0}
.design-app-stack{display:grid;grid-template-columns:1fr .92fr;align-items:start;gap:16px;padding:8px 12px 20px;width:100%;max-width:470px;margin:auto}
.design-app-stack .design-phone{width:100%;min-width:0}
.stack-main{position:relative;z-index:2}
.stack-secondary{position:relative;margin-top:56px;transform:rotate(2deg)}
.design-operator{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding-top:110px;padding-bottom:110px;align-items:start}
.design-operator .btn{margin-top:28px}
.design-operator-details{border-top:1px solid var(--line2)}
.design-operator-details article{padding:28px 0;border-bottom:1px solid var(--line)}
.design-operator-details .mono{font-size:10px;letter-spacing:.07em;color:var(--muted)}
.design-operator-details h3{margin:12px 0 10px;font-size:23px}
.design-operator-details p{font-size:16px;line-height:1.6;color:var(--muted)}
.design-trust{background:var(--panel2);padding:85px 0}
.design-trust-grid{display:grid;grid-template-columns:1fr .75fr;gap:80px;align-items:center}
.design-trust h2{font-size:clamp(36px,4vw,54px);margin-bottom:24px}
.design-trust p:not(.design-kicker){font-size:17px;line-height:1.7;color:var(--muted);margin-bottom:18px;max-width:520px}
.design-trust a{display:inline-flex;gap:10px;align-items:center;font-size:15px;font-weight:700;text-decoration:none}
.receipt-preview{text-align:center}
.receipt-preview .design-phone{width:220px;margin:0 auto}
.design-download{text-align:center;padding-top:110px;padding-bottom:110px}
.design-download .design-actions{justify-content:center}
.design-download>p:not(.design-kicker){color:var(--muted)}
.download-note{max-width:560px;margin:20px auto 0;font-size:13px}
.design-footer{border-top:1px solid var(--line);padding:32px 0}
.design-footer .wrap{display:flex;flex-wrap:wrap;align-items:center;gap:28px}
.design-footer span,.design-footer nav{font-size:12px;color:var(--muted)}
.design-footer nav{margin-left:auto;display:flex;gap:22px}
.design-footer a{text-decoration:none}
.gallery{padding-top:72px;padding-bottom:70px}
.gallery h1{font-size:clamp(42px,5vw,70px);line-height:1.05;margin-bottom:26px}
.gallery .design-lede{max-width:690px}
.gallery-label{font-size:10px;color:var(--muted);letter-spacing:.06em}
.gallery-page .head-tools{margin-left:auto}
.gallery-grid{display:grid;grid-template-columns:1fr 1fr;gap:32px;margin-top:50px}
.gallery-card{border:1px solid var(--line);border-radius:12px;overflow:hidden;text-decoration:none;transition:transform .2s}
.gallery-card:hover{transform:translateY(-4px)}
.gallery-cover{height:310px;background:#e8e9e5;overflow:hidden;position:relative}
.gallery-cover>img{height:140%;width:auto;margin:20px auto 0;object-fit:contain}
.card-graphite .gallery-cover{background:#111519}
.card-everyday .gallery-cover>img{width:100%;height:100%;margin:0;object-fit:cover}
.gallery-machine-made{height:100%;padding:28px 34px;background:#111722;color:#fff;position:relative}
.gallery-machine-made>.mono{font-size:10px;color:#ffc21a}
.gallery-machine-made strong{display:block;font-size:56px;line-height:.95;letter-spacing:-.035em;margin-top:22px}
.gallery-machine-made em{color:#ffc21a;font-style:normal}
.gallery-machine-made img{position:absolute;width:76px;height:76px;right:24px;bottom:24px;border-radius:5px}
.gallery-card-copy{padding:26px}
.gallery-card-copy>.mono{font-size:10px;color:var(--muted);letter-spacing:.06em}
.gallery-card-copy h2{display:flex;justify-content:space-between;align-items:center;font-size:30px;margin:12px 0}
.gallery-card-copy p{font-size:15px;color:var(--muted);line-height:1.6}
.gallery-note{font-size:12px;line-height:1.6;color:var(--muted);max-width:780px;margin-top:36px}
/* Scan & Go: a photographic introduction and a scroll-linked product demonstration. */
.scan-hero{display:grid;grid-template-columns:.85fr 1.15fr;gap:48px;align-items:center;padding-top:72px;padding-bottom:80px}
.scan-hero h1{font-size:clamp(46px,5.3vw,74px);letter-spacing:-.05em;line-height:1.06;margin-bottom:26px}
.scan-story-link{display:inline-flex;gap:10px;align-items:center;margin-top:36px;text-decoration:none;font-size:13px;font-weight:700;color:var(--muted)}
.scan-story-link .i{transform:rotate(90deg)}
.scan-photo{position:relative;margin:0;aspect-ratio:3/2;align-self:center;overflow:hidden;border-radius:8px;container-type:inline-size}
.scan-photo-base{width:100%;height:100%;object-fit:cover}
.scan-photo-qr{position:absolute;left:46.95%;top:21.45%;width:7.85%;aspect-ratio:1;background:white;border-radius:2px}
.scan-photo-qr img{width:100%;height:100%}
.scan-photo-ui{position:absolute;left:59.25%;top:13.4%;width:15.1%;height:51.9%;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8%;background:#11151a;border-radius:15%/6%;transform:matrix(1,-.034,.072,1,0,0);transform-origin:top left;overflow:hidden;color:white;text-align:center}
.scan-photo-ui>span{font-size:1.7cqw;font-weight:700}
.scan-photo-ui small{font-size:1cqw;max-width:80%;line-height:1.5;color:#d1d7df}
.scan-photo-reticle{width:76%;border:1px solid #ffc21a;padding:3%;border-radius:4px;box-shadow:0 0 12px #ffc21a22}
.scan-photo-reticle img{width:100%;height:auto}
.scan-photo figcaption{position:absolute;bottom:18px;left:18px;padding:8px 12px;background:#f4f3ef;color:#0e1420;font-size:12px;font-weight:700;border-radius:4px}
.card-scan-flow .gallery-cover>img{width:100%;height:100%;object-fit:cover;margin:0}
.scan-story{padding-top:50px;padding-bottom:110px}
.scan-story-intro{display:grid;grid-template-columns:1fr 1fr;gap:20px 40px;align-items:end}
.scan-story-intro>.design-kicker{grid-column:1/-1;margin:0}
.scan-story-intro h2{font-size:clamp(36px,4vw,54px);line-height:1.07}
.scan-story-intro>p:last-child{max-width:350px;justify-self:end;color:var(--muted);font-size:16px}
.flow-jump{display:flex;gap:8px;flex-wrap:wrap;margin:36px 0 32px}
.flow-jump a{display:flex;gap:10px;align-items:center;padding:10px 14px;border:1px solid var(--line);border-radius:7px;text-decoration:none;font-size:12px;font-weight:700;transition:background .2s}
.flow-jump a>span{font-family:var(--m);color:var(--muted)}
.flow-jump a[aria-current]{background:var(--btn-bg);color:var(--btn-fg)}
.flow-jump a[aria-current]>span{color:inherit;opacity:.7}
.scan-story-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:65px;align-items:start}
.flow-stage{position:sticky;top:96px;border-radius:12px;border:1px solid var(--line);background:var(--panel2);padding:22px;overflow:hidden}
.flow-stage-top{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:24px}
.flow-stage-top>.mono{font-size:9px;letter-spacing:.07em;color:var(--muted)}
.flow-stage-status{font-size:10px;font-weight:700;padding:4px 8px;border-radius:5px;background:var(--panel);color:var(--text);white-space:nowrap}
.flow-scene{position:relative;aspect-ratio:1.15;margin-top:12px;container-type:inline-size}
.flow-machine{position:absolute;left:0;top:0;width:58%;height:100%}
.flow-machine .machine-photo{position:relative;inset:auto;width:100%;max-width:none}
.flow-machine .machine-qr{width:7.8%;left:68.7%;top:33%;outline:0 solid var(--signal);transition:outline .4s}
.flow-lcd{position:absolute;top:19.65%;left:69.9%;width:5.5%;height:1.6%;display:grid;place-items:center;background:#071915;box-shadow:0 0 12px #4bdcac33;font:600 .78cqw/1 var(--m);color:#9effad;border-radius:1px}
.flow-lcd span{grid-area:1/1;opacity:0}
.flow-key{position:absolute;left:68.8%;top:24.4%;border:1px solid #ffc21a;color:#ffc21a;font:700 1.2cqw/1 var(--m);padding:2px;background:#15191d;opacity:0;box-shadow:0 0 16px #ffc21a99;transition:opacity .3s}
.flow-dispense{position:absolute;left:28%;top:64%;width:15%;height:10%;display:grid;place-items:center;color:#152137;opacity:0;transform:translateY(-100%);transition:transform .7s ease,opacity .3s}
.flow-dispense .flow-snack{width:100%;height:100%}
.flow-demo-phone{position:absolute;right:0;top:12%;width:32%;aspect-ratio:720/1500;background:var(--panel);color:var(--text);border:6px solid #14181e;border-radius:28px;overflow:hidden;box-shadow:0 22px 45px -24px #0009;transform:translateX(0);transition:transform .6s ease}
.flow-status-bar{height:8%;display:flex;align-items:center;justify-content:space-between;padding:0 9%;font-size:1.4cqw;background:var(--panel)}
.flow-status-bar i{width:34%;height:32%;border-radius:20px;background:#050609}
.flow-screen-stack{position:absolute;inset:8% 0 0}
.flow-screen{position:absolute;inset:0;padding:8%;display:flex;flex-direction:column;opacity:0;transform:translateY(8px);transition:opacity .35s ease,transform .5s ease;pointer-events:none}
.flow-screen-label{display:flex;align-items:center;gap:4px;font-size:1.8cqw;font-weight:700}
.flow-screen-label .i{width:2.5cqw;height:2.5cqw;color:var(--in)}
.flow-screen h3{font-size:3.1cqw;line-height:1.2;letter-spacing:-.04em;margin:8% 0 4%}
.flow-screen p{font-size:1.8cqw;line-height:1.5;color:var(--muted);margin-top:8%}
.flow-screen-bottom{font-size:1.55cqw;line-height:1.5;margin-top:auto;padding-top:7%;color:var(--muted)}
.flow-screen-scan{background:#10151c;color:white}
.flow-screen-scan p,.flow-screen-scan .flow-screen-bottom{color:#b9c2cd}
.camera-preview{position:relative;height:64%;margin-top:10%;border-radius:6px;background:#29313c;overflow:hidden}
.camera-preview>img{height:150%;width:150%;max-width:none;object-fit:cover;object-position:center;opacity:.38;filter:blur(1px)}
.scan-reticle{position:absolute;left:20%;top:22%;width:60%;aspect-ratio:1;padding:8px;border:2px solid #ffc21a;border-radius:6px}
.scan-reticle img{width:100%;height:100%}
.scan-beam{position:absolute;left:-8%;right:-8%;top:10%;height:2px;background:#ffc21a;box-shadow:0 0 12px #ffc21a;animation:scan-beam 2.5s ease-in-out infinite alternate;animation-play-state:paused}
@keyframes scan-beam{to{top:90%}}
.flow-wallet{background:linear-gradient(135deg,#152655,#2450cf);border-radius:8px;padding:8%;margin-top:6%;color:white}
.flow-wallet>span{display:block;font-size:1.45cqw;opacity:.8}
.flow-wallet>strong{display:block;font-size:5.3cqw;line-height:1.4}
.flow-wallet small,.flow-credit-value small{font-size:1.6cqw;font-weight:500}
.flow-credit-value{display:flex;flex-direction:column;gap:4px;margin-top:10%}
.flow-credit-value>span{font-size:1.5cqw;color:var(--muted)}
.flow-credit-value>b{font-size:4.5cqw;line-height:1.1;color:var(--in)}
.flow-product-icon{position:relative;flex:none;margin:10% auto;width:55%;aspect-ratio:1;border-radius:50%;background:var(--panel2);color:var(--signal)}
.flow-product-icon .flow-snack{position:absolute;left:22.5%;top:15%;width:55%;height:70%}
.flow-selection{display:flex;gap:12px;align-items:center;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:12% 0}
.flow-selection>b{font:700 4cqw/1 var(--m);color:var(--signal)}
.flow-selection>span{font-size:1.6cqw;color:var(--muted)}
.flow-selection strong{display:block;margin-top:5px;color:var(--text);font-size:2.4cqw}
.flow-success-check{position:relative;flex:none;width:42%;aspect-ratio:1;margin:14% auto 2%;border-radius:50%;color:var(--in);background:var(--panel2)}
.flow-success-check .i{position:absolute;inset:17.5%;width:65%;height:65%}
.flow-screen-success h3,.flow-screen-success p{text-align:center}
.flow-screen-success h3{margin-top:10%}
.flow-summary{margin-top:10%;padding-top:8%;border-top:1px solid var(--line)}
.flow-summary>span{display:flex;flex-direction:column;gap:2px;font-size:1.55cqw;color:var(--muted);margin-bottom:8%}
.flow-summary b{font-size:2.4cqw;color:var(--text)}
.flow-screen-success .flow-screen-bottom .i{display:inline-block;vertical-align:middle;width:2cqw;height:2cqw;color:var(--in)}
.flow-connector{position:absolute;left:51%;top:41%;width:18%;display:flex;align-items:center;opacity:0;transition:opacity .4s;color:var(--signal)}
.flow-connector>span{height:1px;background:currentColor;flex:1}
.flow-connector .i{width:4cqw;height:4cqw}
.flow-machine-label{position:absolute;right:2%;bottom:1%;display:flex;flex-direction:column;text-align:right;font-size:1.9cqw;color:var(--muted)}
.flow-machine-label>b{color:var(--text)}
.flow-progress{height:3px;background:var(--line);margin-top:16px;overflow:hidden;border-radius:9px}
.flow-progress>span{display:block;background:var(--signal);width:100%;height:100%;transform-origin:left;transform:scaleX(.04)}
.flow-demo-note{font-size:9px;line-height:1.5;color:var(--muted);margin-top:12px}
.flow-steps{list-style:none;padding:0;margin:0}
.flow-steps>li{min-height:75vh;display:flex;flex-direction:column;justify-content:center;border-top:1px solid var(--line);padding:48px 0;scroll-margin-top:110px}
.flow-steps>li:first-child{border:0}
.flow-step-number{font:700 clamp(52px,6vw,80px)/1 var(--m);color:var(--line2);transition:color .3s;margin-bottom:22px;scroll-margin-top:110px}
.flow-steps>.is-active .flow-step-number{color:var(--signal)}
.flow-steps h3{font-size:clamp(26px,3vw,40px);margin-bottom:18px;line-height:1.1}
.flow-steps p{font-size:17px;color:var(--muted);line-height:1.7}
.flow-steps .flow-step-detail{font-size:12px;line-height:1.7;margin-top:20px;padding-left:14px;border-left:2px solid var(--line2)}
[data-flow-state=scan] .flow-screen-scan,[data-flow-state=credit] .flow-screen-credit,[data-flow-state=select] .flow-screen-select,[data-flow-state=success] .flow-screen-success{opacity:1;transform:none}
[data-flow-state=scan] .lcd-idle,[data-flow-state=credit] .lcd-credit,[data-flow-state=select] .lcd-credit,[data-flow-state=success] .lcd-success{opacity:1}
[data-flow-state=scan] .flow-machine .machine-qr{outline:3px solid #ffc21a;outline-offset:3px}
[data-flow-state=scan].is-visible .scan-beam{animation-play-state:running}
[data-flow-state=scan] .flow-demo-phone{transform:translateX(-14%)}
[data-flow-state=credit] .flow-connector,[data-flow-state=select] .flow-key{opacity:1}
[data-flow-state=success] .flow-dispense{opacity:1;transform:translateY(140%)}
@media(max-width:1060px){.scan-hero{gap:30px;grid-template-columns:1fr 1fr}.scan-story-grid{gap:32px}.flow-stage{padding:16px}.flow-demo-phone{border-width:5px;border-radius:22px}}
@media(max-width:760px){
  .scan-hero{grid-template-columns:1fr;gap:36px;padding-top:48px;padding-bottom:40px}.scan-hero h1{font-size:clamp(44px,9vw,66px)}.scan-photo{width:100%}.scan-story{padding-top:35px;padding-bottom:70px}
  .scan-story-intro{grid-template-columns:1fr}.scan-story-intro>p:last-child{justify-self:start;max-width:none}.scan-story-grid{display:block}.flow-jump{gap:6px;margin-bottom:24px}.flow-jump a{padding:8px 10px;font-size:10px}
  .flow-stage{top:80px;padding:12px;z-index:3;max-width:460px;margin:auto;box-shadow:0 10px 18px -14px #0009}.flow-scene{aspect-ratio:1.65;max-width:360px;margin:6px auto 0}.flow-machine{width:40%;left:5%}.flow-demo-phone{width:25%;top:0;right:10%;border-width:4px;border-radius:18px}.flow-stage-top>.mono{font-size:8px}.flow-stage-status{font-size:9px}.flow-connector{left:38%;top:48%;width:31%}.flow-machine-label{left:4%;bottom:4%;font-size:2.2cqw}.flow-progress{margin-top:6px}.flow-demo-note{font-size:8px;margin-top:6px}
  .flow-machine-label{display:none}.flow-lcd{font-size:.55cqw}.flow-key{font-size:1.1cqw;padding:1px}.flow-steps>li{min-height:86vh;justify-content:flex-end;padding:40px 0}.flow-steps h3{font-size:30px}.flow-step-number{font-size:48px;margin-bottom:14px;scroll-margin-top:330px}.flow-steps p{font-size:16px}.flow-steps .flow-step-detail{font-size:11px}
  .flow-screen h3{font-size:2.8cqw}.flow-screen p{font-size:1.7cqw}.flow-screen-bottom{font-size:1.4cqw}.flow-screen-label{font-size:1.7cqw}.flow-wallet>strong{font-size:4.5cqw}.flow-credit-value>b{font-size:4cqw}
}
@media(max-width:480px){.scan-photo figcaption{font-size:10px;bottom:10px;left:10px}.flow-jump a{flex:1 1 42%;justify-content:flex-start}.flow-stage{top:72px}.flow-stage-top{gap:6px}.flow-scene{aspect-ratio:1.55}.flow-demo-phone{width:28%;right:5%;border-radius:16px}.flow-machine{width:43%;left:0}.flow-step-number{scroll-margin-top:300px}.flow-screen h3{font-size:3cqw}}
@media(max-height:700px) and (min-width:761px){.flow-stage{top:78px}.flow-scene{max-width:480px;max-height:420px;margin-left:auto;margin-right:auto}.flow-steps>li{min-height:90vh}}
@media(min-width:761px){.flow-steps>li:last-child{min-height:calc(75vh + 160px);padding-bottom:180px}}
@media(prefers-reduced-motion:reduce){.design-page *{scroll-behavior:auto}.design-page *, .design-page *::before,.design-page *::after{animation:none!important;transition:none!important}.scan-beam{top:50%}}
@media(max-width:1060px){.design-nav{gap:16px}.design-header .head-row{gap:16px}.design-hero-grid{min-height:680px}.design-machine-scene{height:660px}.machine-photo{width:390px}.scene-phone{width:160px}.qr-card{top:0}.everyday-hero{gap:30px}.everyday-visual>img{height:470px}.design-operator{gap:50px}}
@media(max-width:760px){
  .design-nav{display:none}.design-header .head-tools{margin-left:auto}
  .design-hero-grid,.everyday-hero{grid-template-columns:1fr;gap:32px;min-height:0;padding-top:48px;padding-bottom:40px}
  .design-hero h1{font-size:clamp(44px,9vw,66px)}.design-lede{font-size:17px}
  .design-machine-scene{height:660px;max-width:500px;width:100%;margin:auto}
  .machine-photo{width:370px;top:0}.scene-phone{width:170px;bottom:0}.qr-card{top:18px}.qr-card>img{width:64px;height:64px}.qr-card span small{display:none}
  .precision-hero{background:var(--paper)}.graphite-hero .design-hero-grid{min-height:0}.graphite-hero .design-machine-scene{height:690px}.graphite-hero .machine-photo{width:400px}
  .everyday-visual{max-width:600px;width:100%;margin:auto}.everyday-visual>img{height:420px;border-top-right-radius:48px}
  .everyday-line{gap:22px;font-size:14px;justify-content:space-between}
  .design-how,.design-operator,.design-download{padding-top:72px;padding-bottom:72px}
  .design-section-head{grid-template-columns:1fr}.design-section-head>p:last-child{justify-self:start}
  .design-steps{grid-template-columns:1fr;gap:28px;margin-top:32px}.design-step-top{margin-bottom:16px}.design-steps p{max-width:none}
  .design-product{padding:70px 0}.design-product-grid,.design-operator,.design-trust-grid{grid-template-columns:1fr;gap:40px}
  .design-app-stack{max-width:410px}
  .design-operator-details article{padding:22px 0}.design-trust{padding:64px 0}.receipt-preview .design-phone{width:190px}
  .design-footer nav{margin-left:0;flex-wrap:wrap}.gallery-grid{gap:20px}.gallery-cover{height:240px}.gallery-machine-made strong{font-size:40px}.gallery-machine-made img{width:56px;height:56px}.gallery-card-copy{padding:20px}.gallery-label{display:none}
}
@media(max-width:480px){
  .design-machine-scene{height:590px}.machine-photo{width:330px;max-width:88%}.scene-phone{width:145px;left:0}
  .graphite-hero .design-machine-scene{height:620px}.graphite-hero .machine-photo{width:350px}
  .qr-card{gap:8px;padding:8px;top:0}.qr-card>img{width:58px;height:58px}.qr-card b{font-size:11px}.qr-card .mono{margin-top:4px;font-size:9px}
  .everyday-visual>img{height:380px;object-position:42% center}.everyday-app{width:145px;right:0}.photo-label{left:12px;bottom:145px;font-size:12px}
  .design-app-stack{max-width:340px;gap:12px}.stack-secondary{margin-top:36px}
  .gallery-grid{grid-template-columns:1fr}.gallery-cover{height:280px}.gallery-machine-made strong{font-size:52px}.gallery .design-lede{font-size:16px}
  .design-footer .wrap{gap:20px}.design-footer nav{gap:16px}.design-header .head-row{gap:12px}.design-header .head-tools{gap:8px}
}