@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/play/proefreis/assets/fraunces-vietnamese-500-normal-GOH_-EGq.woff2)format("woff2"),url(/play/proefreis/assets/fraunces-vietnamese-500-normal-B-KbxExq.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/play/proefreis/assets/fraunces-latin-ext-500-normal-Z5DV8IzT.woff2)format("woff2"),url(/play/proefreis/assets/fraunces-latin-ext-500-normal-BMcFk1Xs.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:500;src:url(/play/proefreis/assets/fraunces-latin-500-normal-DnGCNyPD.woff2)format("woff2"),url(/play/proefreis/assets/fraunces-latin-500-normal-BTR4KCeb.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/play/proefreis/assets/fraunces-vietnamese-700-normal-DH94m5DZ.woff2)format("woff2"),url(/play/proefreis/assets/fraunces-vietnamese-700-normal-DxawQjq2.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/play/proefreis/assets/fraunces-latin-ext-700-normal-CanUGppC.woff2)format("woff2"),url(/play/proefreis/assets/fraunces-latin-ext-700-normal-DuBstVeD.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:normal;font-display:swap;font-weight:700;src:url(/play/proefreis/assets/fraunces-latin-700-normal-CEOla-zY.woff2)format("woff2"),url(/play/proefreis/assets/fraunces-latin-700-normal-DTjk5d1Q.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:500;src:url(/play/proefreis/assets/fraunces-vietnamese-500-italic-C9H4s5GK.woff2)format("woff2"),url(/play/proefreis/assets/fraunces-vietnamese-500-italic-Iu4UOzuF.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:500;src:url(/play/proefreis/assets/fraunces-latin-ext-500-italic-D-eTYFHX.woff2)format("woff2"),url(/play/proefreis/assets/fraunces-latin-ext-500-italic-CzWJT2mH.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Fraunces;font-style:italic;font-display:swap;font-weight:500;src:url(/play/proefreis/assets/fraunces-latin-500-italic-CjxnbVsv.woff2)format("woff2"),url(/play/proefreis/assets/fraunces-latin-500-italic-Bp1RWfBU.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/play/proefreis/assets/work-sans-vietnamese-400-normal-BxGuknnG.woff2)format("woff2"),url(/play/proefreis/assets/work-sans-vietnamese-400-normal-DFZk_KN_.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/play/proefreis/assets/work-sans-latin-ext-400-normal-zfQnhXzv.woff2)format("woff2"),url(/play/proefreis/assets/work-sans-latin-ext-400-normal-j7TZlk-s.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:400;src:url(/play/proefreis/assets/work-sans-latin-400-normal-jUejSri3.woff2)format("woff2"),url(/play/proefreis/assets/work-sans-latin-400-normal-DE1_0GuN.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/play/proefreis/assets/work-sans-vietnamese-500-normal-Czn2Xkog.woff2)format("woff2"),url(/play/proefreis/assets/work-sans-vietnamese-500-normal-90nhZfxs.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/play/proefreis/assets/work-sans-latin-ext-500-normal-CAKEIVkc.woff2)format("woff2"),url(/play/proefreis/assets/work-sans-latin-ext-500-normal-CW9ss9Cz.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:500;src:url(/play/proefreis/assets/work-sans-latin-500-normal-BKGnScDy.woff2)format("woff2"),url(/play/proefreis/assets/work-sans-latin-500-normal-BmdXWF6_.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/play/proefreis/assets/work-sans-vietnamese-600-normal-DizFELYt.woff2)format("woff2"),url(/play/proefreis/assets/work-sans-vietnamese-600-normal-ue5fzGW6.woff)format("woff");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/play/proefreis/assets/work-sans-latin-ext-600-normal-DNiHHggD.woff2)format("woff2"),url(/play/proefreis/assets/work-sans-latin-ext-600-normal-B1NFRnx8.woff)format("woff");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Work Sans;font-style:normal;font-display:swap;font-weight:600;src:url(/play/proefreis/assets/work-sans-latin-600-normal-DB-2V89X.woff2)format("woff2"),url(/play/proefreis/assets/work-sans-latin-600-normal-Cg-NlmS7.woff)format("woff");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--espresso:#2b1a12;--roast:#6b4226;--crema:#f4ead8;--kraft:#d9c3a0;--brass:#b8893b;--brass-hi:#d9ae62;--brass-lo:#9c6f2a;--berry:#8e3b46;--sage:#5f7052;--ink-soft:#5b4636;--line:#e4d5bb;--serif:"Fraunces", Georgia, serif;--sans:"Work Sans", system-ui, sans-serif}*{box-sizing:border-box}html,body{height:100%;margin:0}body{color:var(--espresso);font-family:var(--sans);-webkit-tap-highlight-color:transparent;background:#1a0f0a;overflow:hidden}#app{position:fixed;inset:0}*{scrollbar-width:thin;scrollbar-color:#d9ae628c transparent}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:#d9ae628c padding-box padding-box;border:2px solid #0000;border-radius:8px}::-webkit-scrollbar-thumb:hover{background-color:#d9ae62cc}.stage{position:absolute;inset:0}.stage canvas{display:block}.overlay{padding-top:var(--safe-top,env(safe-area-inset-top,0px));flex-direction:column;display:flex;position:absolute;inset:0;overflow:hidden auto}body:not(.ready) #app:before{content:"";border:4px solid #f4ead833;border-top-color:var(--brass-hi);border-radius:50%;width:44px;height:44px;margin:-22px;animation:1s linear infinite spin;position:absolute;inset:50% auto auto 50%}@keyframes spin{to{transform:rotate(1turn)}}button,input{font:inherit;color:inherit}:focus-visible{outline:3px solid var(--brass-hi);outline-offset:3px}h1,h2{font-family:var(--serif);margin:0;font-weight:700}.top{color:var(--crema);justify-content:space-between;align-items:center;gap:10px;width:min(480px,100%);margin:0 auto;padding:14px 16px 0;display:flex}.top__brand{align-items:center;gap:10px;display:flex}.top__brand span{flex-direction:column;line-height:1.1;display:flex}.top__brand small{letter-spacing:.3em;color:var(--brass-hi);font-size:9px;font-weight:600}.top__brand strong{font-family:var(--serif);white-space:nowrap;font-size:16px}.top>.icon-btn[data-quit]{flex:none}.top__brand{flex:1;min-width:0}.top__tools{flex:none;align-items:center;gap:12px;display:flex}.icon-btn{appearance:none;cursor:pointer;width:40px;height:40px;color:var(--crema);background:#f4ead81f;border:0;border-radius:50%;place-items:center;display:grid;box-shadow:inset 0 0 0 1px #f4ead840}.icon-btn svg{width:20px;height:20px}.lang{position:relative}.lang__btn{appearance:none;cursor:pointer;height:40px;color:var(--crema);letter-spacing:.06em;background:#f4ead81f;border:0;border-radius:999px;align-items:center;gap:6px;padding:0 10px 0 8px;font-size:12px;font-weight:600;display:flex;box-shadow:inset 0 0 0 1px #f4ead840}.lang__btn>svg:first-child,.lang__menu svg{border-radius:2px;flex:none;width:22px;height:15px;box-shadow:0 0 0 1px #0003}.lang__chev{width:12px;height:12px}.lang__btn[aria-expanded=true] .lang__chev{transform:rotate(180deg)}.lang__menu{z-index:10;background:var(--crema);border-radius:14px;min-width:170px;margin:0;padding:6px;list-style:none;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 18px 40px -12px #000000b3}.lang__menu[hidden]{display:none}.lang__menu button{appearance:none;cursor:pointer;width:100%;color:var(--espresso);text-align:left;background:0 0;border:0;border-radius:10px;align-items:center;gap:10px;padding:10px 12px;font-size:15px;font-weight:500;display:flex}.lang__menu button:hover,.lang__menu button:focus-visible{background:#eadcc3}.lang__menu button[aria-checked=true]{font-weight:700}.lang__menu button[aria-checked=true]:after{content:"";background:var(--brass);border-radius:50%;width:8px;height:8px;margin-left:auto}.chip{appearance:none;cursor:pointer;color:var(--crema);background:#f4ead81f;border:0;border-radius:999px;padding:7px 12px;font-size:12px;font-weight:600;text-decoration:none;box-shadow:inset 0 0 0 1px #f4ead840}.chip--dark{background:var(--espresso);color:var(--crema);box-shadow:none;padding:10px 14px;font-size:14px}.fine{z-index:5;padding:22px 16px max(12px, env(safe-area-inset-bottom));text-align:center;background:linear-gradient(#0000,#1a0f0ad9 55%);margin:0;font-size:12px;position:sticky;bottom:0}.fine a{color:#c9b08a;border-radius:999px;padding:8px 10px;font-weight:600;text-decoration:none}.fine a:hover{color:var(--crema);background:#f4ead81a}.cta,.ghost{appearance:none;cursor:pointer;border:0;border-radius:999px;padding:15px 26px;font-size:17px;font-weight:600;transition:transform .12s}.cta{background:linear-gradient(180deg, var(--brass-hi), var(--brass-lo));color:var(--espresso);box-shadow:0 12px 26px -12px #000000b3,inset 0 1px #ffffff59}.cta:hover{transform:translateY(-2px)}.ghost{color:var(--espresso);box-shadow:inset 0 0 0 2px var(--roast);background:0 0}.intro{text-align:center;width:min(440px,100%);color:var(--crema);flex-direction:column;align-items:center;gap:12px;margin:auto;padding:20px 20px 8px;display:flex;position:relative}.intro:before{content:"";z-index:-1;pointer-events:none;background:radial-gradient(60% 55% at 50% 45%,#140b0799,#0000 75%);position:absolute;inset:60px -40px 0}.intro__crest svg{filter:drop-shadow(0 10px 30px #e9b96a59)}.intro h1{text-shadow:0 4px 18px #1a0f0acc;font-size:58px;font-style:italic;font-weight:500;line-height:1}.intro__lead{color:#f1dfbd;text-shadow:0 2px 10px #1a0f0ae6,0 0 2px #1a0f0ab3;max-width:32ch;margin:0;font-size:17px;line-height:1.5}.carousel{perspective:900px;width:100%;height:186px;margin:-4px 0 4px;position:relative}.carousel__bag{will-change:transform, filter;position:absolute;top:50%;left:50%}.carousel__bag svg{filter:drop-shadow(0 16px 20px #0000008c);display:block}.intro__fan{width:260px;height:150px;margin:8px 0 34px;position:relative}.fan{background:var(--crema);border-radius:18px;place-items:center;width:140px;height:150px;margin-left:-70px;display:grid;position:absolute;top:0;left:50%;overflow:hidden;box-shadow:0 16px 30px -16px #000c}.fan svg{width:130px;height:auto}.fan--1{transform:rotate(-12deg)translate(-60px)}.fan--3{transform:rotate(12deg)translate(60px)}.fan--2{z-index:1;transform:translateY(-6px)}.intro__how{flex-wrap:wrap;justify-content:center;gap:6px;margin:53px 0 0;padding:0;list-style:none;display:flex}.intro__how li{white-space:nowrap;color:#f1dfbd;background:#1a0f0a8c;border-radius:999px;align-items:center;gap:4px;padding:6px 10px;font-size:12px;font-weight:500;display:flex;box-shadow:inset 0 0 0 1px #f4ead82e}.intro__how span{color:var(--brass-hi);font-size:15px}.play{flex-direction:column;align-items:center;gap:14px;width:min(440px,100%);margin:auto;padding:12px 20px 0;display:flex}.progress{color:var(--crema);align-items:center;gap:8px;font-size:14px;font-weight:600;display:flex}.progress__cup svg{width:24px;height:28px;color:var(--crema);display:block}.stack{aspect-ratio:350/470;width:100%;max-height:62vh;position:relative}.card{background:var(--crema);touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;border-radius:26px;flex-direction:column;transition:transform .4s cubic-bezier(.2,.7,.3,1),opacity .4s;animation:.45s cubic-bezier(.2,.9,.3,1.1) deal;display:flex;position:absolute;inset:0;overflow:hidden;box-shadow:0 30px 60px -24px #000000bf}@keyframes deal{0%{opacity:0;transform:translateY(24px)scale(.94)}}.card--dragging{cursor:grabbing;transition:none}.card--gone{opacity:0}.card--under{cursor:default;background:#eadcc3;animation:none;transform:rotate(-3deg)translateY(8px)scale(.97)}.card--rise{transform:none}.card__art{background:radial-gradient(90% 90% at 50% 40%,#fbf4e6 0%,#e9d7b8 100%);flex:52%;place-items:center;min-height:0;display:grid;position:relative}.card__art svg{width:min(220px,80%);height:auto}.card__text{flex-direction:column;gap:8px;padding:18px 22px 22px;display:flex}.card__kind{letter-spacing:.22em;color:#8a5a2b;font-size:11px;font-weight:600}.card h2{font-size:clamp(22px,6.4vw,28px);line-height:1.12}.card p{color:var(--ink-soft);margin:0;font-size:15px;line-height:1.5}.stamp{letter-spacing:.08em;opacity:0;pointer-events:none;white-space:nowrap;background:#f4ead8d9;border:4px solid;border-radius:10px;padding:10px 18px;font-size:22px;font-weight:600;position:absolute;top:50%;left:50%;box-shadow:0 8px 20px -10px #00000080}.stamp--yes{color:var(--sage);transform:translate(-50%,-50%)rotate(-10deg)}.stamp--no{color:var(--berry);transform:translate(-50%,-50%)rotate(10deg)}.stamp--love{color:var(--brass-lo);transform:translate(-50%,-50%)rotate(-4deg)}.hint{color:var(--kraft);text-align:center;margin:0;font-size:13px}.actions{justify-content:center;align-items:center;gap:18px;padding-bottom:4px;display:flex}.round{appearance:none;cursor:pointer;border:0;border-radius:50%;place-items:center;transition:transform .12s;display:grid;box-shadow:0 10px 24px -10px #000000bf}.round:hover:not(:disabled){transform:translateY(-2px)}.round svg{width:26px;height:26px}.round--no,.round--yes{background:var(--crema);width:64px;height:64px}.round--no{color:var(--berry)}.round--yes{color:var(--sage)}.round--love{background:linear-gradient(180deg, var(--brass-hi), var(--brass-lo));width:52px;height:52px;color:var(--espresso)}.round--love svg{width:22px;height:22px}.round--undo{width:40px;height:40px;color:var(--crema);background:#f4ead824;box-shadow:inset 0 0 0 1px #f4ead84d}.round--undo svg{width:18px;height:18px}.round--undo:disabled{opacity:.35;cursor:default}.result{flex-direction:column;gap:14px;width:min(440px,100%);margin:auto;padding:10px 20px 0;display:flex}.result__kicker{text-align:center;letter-spacing:.3em;color:#f0c77e;text-shadow:0 1px 8px #1a0f0ae6;margin:0;font-size:12px;font-weight:600}.result h1{text-align:center;color:var(--crema);font-size:46px;line-height:1;animation:.6s rise}.result__line{text-align:center;font-family:var(--serif);color:#e9d2a8;margin:-4px 0 0;font-size:17px;font-style:italic}@keyframes rise{0%{opacity:0;transform:translateY(14px)}}.result__bag{justify-content:center;animation:.7s .1s backwards rise;display:flex;position:relative}.result__bag svg{filter:drop-shadow(0 20px 30px #0000008c)}.seal{background:linear-gradient(180deg, var(--brass-hi), var(--brass-lo));width:76px;height:76px;color:var(--espresso);border-radius:50%;flex-direction:column;justify-content:center;align-items:center;animation:.6s cubic-bezier(.2,.9,.3,1.4) .5s backwards seal;display:flex;position:absolute;top:10px;right:12%;transform:rotate(10deg);box-shadow:0 10px 20px -8px #0009}.seal strong{font-family:var(--serif);font-size:24px;line-height:1}.seal small{font-size:10px;font-weight:600}@keyframes seal{0%{transform:rotate(-30deg)scale(0)}}.panel{background:var(--crema);border-radius:18px;padding:14px 16px;box-shadow:0 16px 30px -20px #000000b3}.taste{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.taste__chart{flex-direction:column;flex:200px;align-items:center;display:flex}.taste__chart svg{max-width:100%;height:auto}.legend{color:var(--ink-soft);align-items:center;gap:6px;margin:0;font-size:11px;display:flex}.legend__you{background:#b8893b80;border-radius:3px;width:14px;height:10px;box-shadow:inset 0 0 0 2px #8a5a2b}.legend__bean{border-top:2px dashed #9c8467;width:16px;height:0;margin-left:8px}.taste__notes{flex-direction:column;flex:120px;gap:8px;display:flex}.taste__notes h2{font-size:13px;font-family:var(--sans);letter-spacing:.18em;text-transform:uppercase;color:#8a5a2b;font-weight:600}.taste__notes ul{flex-direction:column;align-items:flex-start;gap:6px;margin:0;padding:0;list-style:none;display:flex}.taste__notes li{box-shadow:inset 0 0 0 1px var(--line);background:#fff;border-radius:999px;padding:5px 12px;font-size:14px;font-weight:500}.brew{align-items:flex-start;gap:12px;display:flex}.brew__icon svg{width:30px;height:34px;color:var(--roast)}.brew h2{font-size:17px}.brew p{color:var(--ink-soft);margin:4px 0 0;font-size:14px;line-height:1.5}.coupon{border:2px dashed var(--brass);background:#fbf4e6;border-radius:18px;justify-content:space-between;align-items:center;gap:10px;padding:12px 16px;display:flex}.coupon div{flex-direction:column;display:flex}.coupon span{color:var(--ink-soft);font-size:13px}.coupon strong{font-family:var(--serif);letter-spacing:.08em;font-size:24px}.coupon small{color:#9c8467;font-size:11px}.also{text-align:center;color:var(--kraft);margin:0;font-size:14px}.order{appearance:none;cursor:pointer;background:linear-gradient(180deg, var(--brass-hi), var(--brass-lo));width:100%;color:var(--espresso);border:0;border-radius:999px;flex-direction:column;align-items:center;gap:2px;padding:14px 20px;transition:transform .12s;display:flex;box-shadow:0 14px 28px -12px #000000bf,inset 0 1px #ffffff59}.order:hover{transform:translateY(-2px)}.order span{font-family:var(--serif);font-size:20px;font-weight:700}.order small{opacity:.8;font-size:12px;font-weight:600}.result__actions{grid-template-columns:1fr 1fr;gap:10px;display:grid}.soft{appearance:none;cursor:pointer;background:var(--crema);color:var(--espresso);border:0;border-radius:999px;padding:13px 14px;font-size:15px;font-weight:600;line-height:1.2;transition:transform .12s;box-shadow:0 10px 22px -12px #000000b3}.soft:hover{transform:translateY(-2px)}.soft{justify-content:center;align-items:center;gap:8px;display:flex}.soft svg{flex:none;width:18px;height:18px}.status{text-align:center;min-height:1.2em;color:var(--kraft);margin:0;font-size:13px}body.frame-page{color:var(--crema);background:radial-gradient(80% 100% at 30% 0,#5a3a26 0%,#2b1a12 55%,#1a0f0a 100%) fixed;overflow:auto}.showcase{justify-content:center;align-items:center;gap:clamp(32px,6vw,96px);min-height:100vh;padding:24px 32px;display:flex}.showcase__text{flex-direction:column;gap:12px;max-width:420px;display:flex}.showcase__text svg{filter:drop-shadow(0 10px 30px #e9b96a4d)}.showcase__kicker{letter-spacing:.24em;text-transform:uppercase;color:var(--brass-hi);margin:8px 0 0;font-size:12px;font-weight:600}.showcase h1{font-size:64px;font-style:italic;font-weight:500;line-height:1}.showcase__lead{color:#e9d2a8;margin:0;font-size:18px;line-height:1.55}.showcase__try{color:var(--kraft);margin:0}.showcase__tools{gap:8px;margin:4px 0 0;display:flex}.showcase__fine{color:#9c8467;margin:10px 0 0;font-size:12px}.device{padding:var(--bezel);width:calc(var(--w) + 2 * var(--bezel));height:calc(var(--h) + 2 * var(--bezel));border-radius:var(--radius);transform-origin:50%;background:linear-gradient(145deg,#3a3a3e,#0d0d10);flex:none;position:relative;box-shadow:inset 0 0 0 2px #4a4a52,0 40px 80px -30px #000000e6,0 0 120px #e9b96a1f}.device iframe{width:var(--w);height:var(--h);border-radius:calc(var(--radius) - var(--bezel));background:#1a0f0a;border:0;display:block}.device__notch{top:calc(var(--bezel) + 10px);background:#000;border-radius:20px;width:110px;height:30px;margin-left:-55px;position:absolute;left:50%}@media (max-height:700px){.intro__fan{display:none}.stack{max-height:56vh}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:10ms!important;animation:none!important}}.intro>.cta{margin-top:6px}