:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--ink:#e8e2d9;--muted:#afa79d;--accent:#d49a68;--background:#090806;--surface:#1b130e;--line:#31241c;--control-line:#7a4c30}*{box-sizing:border-box}body{background:var(--background);color:var(--ink);margin:0;font:1rem/1.65 Arial,Helvetica,sans-serif}[data-text-size]{min-height:100vh;font-size:1rem}[data-text-size=large]{font-size:1.25rem}[data-text-size=extra-large]{font-size:1.5rem}[data-contrast=high]{--ink:#f5efe7;--muted:#e8e2d9;--accent:#e8e2d9;--line:#d49a68;--control-line:#d49a68;--background:#090806;--surface:#0d0b09}button,input,textarea,select{font:inherit}button,a,input,textarea,select,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer;text-align:center;white-space:normal;overflow-wrap:anywhere;border:1px solid #0000;border-radius:.6rem;justify-content:center;align-items:center;gap:.5em;max-width:100%;min-height:3rem;padding:.75em 1.15em;font-weight:600;display:inline-flex}button:disabled{opacity:.6;cursor:not-allowed}[tabindex="-1"]:focus{outline:2px solid var(--accent);outline-offset:5px}:focus{scroll-margin:2rem}a{color:inherit}h1,h2,h3,p{overflow-wrap:anywhere;margin-top:0}h1{letter-spacing:-.045em;color:var(--ink);margin-bottom:.4em;font-family:Georgia,Times New Roman,serif;font-size:clamp(3em,7vw,5.625em);font-weight:400;line-height:1.09}h1 span{color:var(--accent)}h2{letter-spacing:-.03em;font-family:Georgia,Times New Roman,serif;font-size:2.25em;font-weight:400;line-height:1.25}h3{font-size:1.2em;line-height:1.4}p{color:var(--muted)}.shell{max-width:1100px;margin:0 auto;padding:0 2.5rem}header{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:1rem;min-height:7rem;display:flex}.brand{flex-wrap:wrap;align-items:center;gap:.45em;max-width:100%;font-size:1.2em;font-weight:750;text-decoration:none;display:inline-flex}.brand-icon{color:#f5efe7;background:#24170f;border:1px solid #5a3825;border-radius:.6rem;padding:.35em;display:inline-flex}.ai{letter-spacing:.06em;font-size:.65em}.header-note{color:var(--muted);font-size:.875em}main{min-width:0;padding:0}.hero{padding:6rem 0;position:relative}.eyebrow{letter-spacing:.12em;color:var(--accent);align-items:center;gap:.6em;margin-bottom:2em;font-size:.75em;font-weight:700;display:flex}.eyebrow svg{flex-shrink:0}.intro{max-width:38em;margin:1.6em 0;font-size:1.125em}.hero-foot{margin:1.2em 0 0;font-size:.85em}.primary{color:#f5efe7;background:linear-gradient(#09080647,#09080647),linear-gradient(135deg,#a9633b,#c27a4a);border-color:#c27a4a;box-shadow:0 10px 30px #a9633b29}.primary:hover:not(:disabled){background:linear-gradient(#0908065c,#0908065c),linear-gradient(135deg,#b86f43,#d08a56);transform:translateY(-1px)}.secondary{color:var(--ink);border-color:var(--control-line);background:0 0}.text-button{color:var(--accent);background:0 0;padding:.5em;text-decoration:underline}.danger{color:#d47457}.steps{border-top:1px solid var(--line);margin-bottom:6rem}.step{border-bottom:1px solid var(--line);grid-template-columns:4.5rem minmax(0,1fr);gap:1.2rem;padding:2.2rem 0;display:grid}.step-number{color:var(--accent);padding-top:.3em;font-size:.875em;font-weight:700}.step h2{margin-bottom:.55em;font-size:1.4em}.step p{max-width:42em;margin-bottom:0}.order-section,.scanner-section{padding:0 0 5rem}.section-title,.toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1rem;margin-bottom:1rem;display:flex}.section-title h2,.toolbar h2{margin-bottom:0}.panel{min-width:0;margin-bottom:1rem;padding:1.5em 0}.panel>:last-child{margin-bottom:0}.order-section>.panel{border-top:1px solid var(--line)}.order-line{flex-wrap:wrap;justify-content:space-between;gap:.75rem;padding:1.25em 0;display:flex}.order-line h3{margin-bottom:.35em}.order-line p{margin:0}.button-row{flex-wrap:wrap;align-items:center;gap:.75rem;margin:1em 0;display:flex}label{margin:1em 0;font-weight:600;display:block}input:not([type=checkbox]):not([type=radio]),textarea,select{width:100%;max-width:100%;min-height:3rem;color:var(--ink);background:var(--surface);border:1px solid var(--control-line);border-radius:.4rem;margin-top:.5em;padding:.7em}input[type=checkbox],input[type=radio]{accent-color:var(--accent);vertical-align:middle;width:1.25rem;height:1.25rem;margin-right:.5em}:is(label:has(input[type=checkbox]),label:has(input[type=radio])){min-height:2.75rem;padding:.5em 0}.file-label{border:1px dashed var(--control-line);border-radius:.5rem;padding:1em}.file-label input{white-space:normal}.field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:0 1rem;display:grid}fieldset{border:1px solid var(--control-line);border-radius:.5rem;min-width:0;margin:1.5em 0;padding:1em}legend{padding:0 .4em;font-weight:700}summary{cursor:pointer;overflow-wrap:anywhere;min-height:3rem;padding:.75em 0;font-weight:600}details p{white-space:pre-wrap}.utility{border-top:1px solid var(--line)}.utility>.panel{padding:1.5em .25em}.scan-layout{display:block}.scan-layout>.panel{padding-top:.5rem}.camera{aspect-ratio:16/9;background:#0d0b09;border:1px solid #5a3825;border-radius:22px;width:100%;min-width:0;max-width:100%;min-height:19rem;position:relative;overflow:hidden}.camera video{object-fit:contain;width:100%;height:100%;display:block}.camera-placeholder{color:#e8e2d9;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:1em;padding:1em;display:flex;position:absolute;inset:0}.scan-state{color:var(--accent);margin:1em 0 .4em;font-weight:700}.scan-state:before{content:"";background:#c27a4a;border-radius:50%;width:.55em;height:.55em;margin-right:.6em;display:inline-block}.clarification{background:#24170f;border:2px solid #d49a68;border-radius:.5rem;margin:1em 0;padding:1em}.clarification button{margin:.4em}.delivery-summary{border-top:2px solid var(--accent);padding:2rem 0}.delivery-summary>section>p{color:var(--accent);margin-top:1em;font-size:1.35em}.summary-line{border-bottom:1px solid var(--line);padding:1.25em 0}.summary-line h3{margin-bottom:.5em}.summary-line p{margin-bottom:.35em}.help li{margin-bottom:1em}.help h2:not(:first-child){margin-top:1.5em}hr{border:0;border-top:1px solid var(--line);margin:1.5em 0}footer{border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:1em;padding:2rem 0;display:flex}footer span{align-items:center;gap:.5em;display:flex}.audio-status{color:var(--ink);align-items:flex-start;gap:.6em;padding:1.2em 0 2em;font-size:.9em;display:flex}.audio-status svg{flex-shrink:0;margin-top:.25em}.skip{z-index:10;background:var(--surface);padding:1em;position:fixed;top:-20rem;left:1rem}.skip:focus{top:1rem}::placeholder{color:var(--muted);opacity:1}@media (max-width:42rem){.shell{padding:0 20px}header{min-height:5rem}.header-note{display:none}.hero{padding:3.5rem 0 3rem}h1{font-size:clamp(3em,10vw,4em)}.hero>.primary{width:100%}.intro{font-size:1em}.step{grid-template-columns:2rem minmax(0,1fr);gap:.75rem;padding:1.75rem 0}.steps{margin-bottom:2.5rem}.field-grid{grid-template-columns:1fr}.camera{aspect-ratio:4/3;width:100%;min-width:0;max-width:100%;min-height:17rem}.button-row button{flex:12rem}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}.label-guide{pointer-events:none;border:3px solid #e8e2d9;border-radius:12px;outline:2px solid #090806;position:absolute;inset:18% 22%}.voice-order,.voice-order *{overflow-wrap:anywhere;min-width:0}.voice-order-products{gap:.65rem;margin:1rem 0;padding:0;list-style:none;display:grid}.voice-order-product{border:1px solid var(--line);border-radius:.6rem;padding:.8rem}.voice-order-product h3{margin:0 0 .3rem;font-size:1em}.voice-order-name{margin:0 0 .5rem;font-weight:600}.voice-order-details{gap:.25rem;margin:0;display:grid}.voice-order-details>div{grid-template-columns:5.5rem minmax(0,1fr);gap:.4rem;display:grid}.voice-order-details dt{text-transform:capitalize}.voice-order-details dd{margin:0}.voice-order-platform{margin:.5rem 0;padding:.6rem 0}.voice-order-transcript p{white-space:pre-wrap;overflow-wrap:anywhere}#camera-guidance{overflow-wrap:anywhere;font-weight:600}.scanner-diagnostics{overflow-wrap:anywhere;min-width:0;max-width:100%;font-size:.875em}.scanner-diagnostics h3{font-size:1em}.scanner-diagnostics p{margin:.35em 0}.scanner-diagnostics [data-testid=raw-ocr-text]{white-space:pre-wrap}@media (max-width:42rem){.voice-order .button-row{flex-direction:column}.voice-order .button-row button{flex:auto;width:100%}.voice-order>button{width:100%}}[data-text-size]{background:var(--background)}button{transition:transform .16s,border-color .16s,background .16s}.secondary:hover:not(:disabled){background:#a9633b1a;border-color:#d49a68}:focus-visible{outline-offset:3px;outline:3px solid #d49a68}[tabindex="-1"]:focus{outline-color:#d49a68}.hero h1{max-width:10em}.hero h1 span{color:var(--ink)}.hero h1 em{color:#c27a4a;font-style:normal}.hero .intro{max-width:34em}.step-number{color:#c27a4a}.step h2{font-family:Arial,Helvetica,sans-serif;font-weight:600}.panel:is(.saved-order,.voice-order),.order-section>.panel,.scan-layout>.panel+.panel,.delivery-summary{background:linear-gradient(145deg,#24170fd1,#0d0b09f2);border:1px solid #c27a4a59;border-radius:22px;padding:1.75em;box-shadow:0 16px 45px #00000047}.order-line+.order-line{border-top:1px solid var(--line)}.order-line h3{font-size:1.5em}.order-label{color:var(--muted);font-size:1em;font-weight:400}.quantity{color:var(--ink);background:#24170f;border:1px solid #5a3825;border-radius:2rem;padding:.25em .8em;display:inline-block}.scan-state,#camera-guidance{color:var(--ink)}.scan-state:before{border-radius:2px;width:.3em;height:.9em;box-shadow:.35em 0 0 -1px #d49a68}.clarification{border-color:#c96f52}.clarification h3{color:#d47457}.delivery-summary>section>p{color:var(--ink)}.hero-box{color:#e8e2d9;pointer-events:none;width:200px;height:200px;position:absolute;bottom:3.5rem;right:0}.hero-box svg{filter:drop-shadow(0 16px 20px #a9633b1f);width:100%;height:100%}[data-contrast=high] .primary{color:#f5efe7;background:#1b130e;border-color:#d49a68}[data-contrast=high] .hero h1 em,[data-contrast=high] .step-number{color:#d49a68}@media (min-width:60rem){.hero .intro{padding-right:1em}.hero-foot{max-width:38em}}@media (max-width:60rem){.hero-box{width:150px;height:150px;margin:2.5rem auto 0;position:static}}@media (max-width:42rem){.hero{padding:4rem 0}.steps{margin-bottom:4.5rem}.order-section,.scanner-section{padding-bottom:4.5rem}h2{font-size:2em}.panel:is(.saved-order,.voice-order),.order-section>.panel,.scan-layout>.panel+.panel,.delivery-summary{padding:1.15em}}