:root{font-family:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;color:#202b3c;background:#f3f4f6;font-synthesis:none;text-rendering:optimizeLegibility;--bg:#f3f4f6;--surface:#fff;--surface-soft:#f7f8fa;--text:#202b3c;--muted:#768092;--line:#e6e9ed;--accent:#f9c900;--green:#16a56b;--blue:#1976d2;--shadow:0 8px 28px #10182812}*{box-sizing:border-box}body{margin:0;min-height:100vh;background:var(--bg);color:var(--text)}button,input,select,textarea{font:inherit}button{color:inherit;cursor:pointer}.app-shell{position:relative;width:min(100%,464px);min-height:100vh;margin:0 auto;padding:15px 18px 78px}.app-header{display:flex;align-items:center;gap:12px;padding:5px 2px 20px}.brand-mark{display:grid;place-items:center;width:47px;height:47px;flex:none;background:var(--accent);border-radius:12px;box-shadow:0 4px 10px #f9c90040}.brand-mark svg{width:35px;height:35px;fill:#172033}.brand-copy{min-width:0;flex:1}.brand-copy h1{font-size:19px;line-height:1.2;margin:0 0 3px;font-weight:750;letter-spacing:-.35px}.brand-copy p{margin:0;color:var(--muted);font-size:11px;white-space:nowrap}.theme-toggle{width:40px;height:40px;border:1px solid var(--line);border-radius:13px;background:var(--surface);font-size:16px}.theme-toggle span{opacity:.58}.menu-card,.screen-card,.hours-card{background:var(--surface);border:1px solid var(--line);border-radius:17px;box-shadow:var(--shadow)}.menu-card{padding:4px 14px}.secondary-card{margin-top:13px}.menu-row{display:flex;width:100%;min-height:62px;align-items:center;gap:12px;padding:9px 1px;border:0;border-bottom:1px solid var(--line);background:transparent;text-align:left}.menu-row:last-child{border-bottom:0}.menu-icon{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:12px;background:var(--surface-soft);font-size:18px}.menu-copy{display:flex;flex:1;flex-direction:column;gap:3px}.menu-copy strong{font-size:13px;font-weight:650}.menu-copy small{font-size:11px;color:var(--muted)}.chevron{font-size:26px;line-height:1;color:#a4adba}.hours-card{margin-top:13px;padding:12px 15px}.hours-card p{margin:6px 0 3px;color:var(--muted);font-size:12px}.hours-card small{font-size:11px;color:var(--muted)}.open-status{font-size:12px;color:#148253}.closed-status{font-size:12px;color:#b66719}.phone-pill{position:fixed;z-index:2;left:50%;bottom:42px;transform:translateX(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;border:1px solid #b5e3ca;border-radius:99px;background:#e4f7eb;color:#127a4b;text-decoration:none;font-size:13px;font-weight:700;box-shadow:0 6px 18px #1b47301c;white-space:nowrap}.app-footer{position:fixed;bottom:13px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:10px;color:#9aa2ae;font-size:10px;white-space:nowrap}.demo-label{padding-left:9px;border-left:1px solid var(--line)}.screen-card{padding:16px;margin-top:1px}.progress{display:grid;grid-template-columns:repeat(5,1fr);gap:3px;margin:1px 0 18px}.progress-step{display:flex;flex-direction:column;align-items:center;gap:5px;color:#9da6b3}.progress-step span{display:grid;place-items:center;width:27px;height:27px;border-radius:50%;background:var(--surface-soft);font-size:13px}.progress-step small{font-size:9px}.progress-step.current{color:#a58000}.progress-step.current span{background:#fff0a4;color:#463900}.progress-step.done span{background:#e5f6ed;color:#148253}.screen-title{display:flex;align-items:center;gap:8px;margin-bottom:6px}.screen-title h2,.screen-card h2{margin:0;font-size:18px;line-height:1.3;letter-spacing:-.25px}.step-count{margin-left:auto;color:var(--muted);font-size:11px}.intro{margin:8px 0 15px;color:var(--muted);font-size:12px;line-height:1.55}.equipment-list{display:flex;flex-direction:column;gap:9px}.equipment-card{position:relative;display:flex;align-items:center;gap:12px;width:100%;min-height:75px;padding:12px;border:1px solid var(--line);border-radius:13px;background:var(--surface);text-align:left}.equipment-card.selected,.method-card.selected,.term-option.selected{border-color:#e6bf00;background:#fffbea;box-shadow:0 0 0 2px #f9c90020}.equipment-icon{width:40px;text-align:center;font-size:24px}.equipment-copy{display:flex;flex:1;flex-direction:column;gap:3px}.equipment-copy strong{font-size:13px}.equipment-copy small{font-size:11px;color:var(--muted)}.equipment-copy em{font-size:11px;font-style:normal;color:#9c7600;font-weight:650}.badge{position:absolute;top:-7px;right:10px;padding:3px 7px;border-radius:99px;background:#fff0a4;color:#806400;font-size:9px;font-weight:750}.select-mark,.method-card i{display:grid;place-items:center;width:22px;height:22px;border-radius:50%;color:#8e7600;font-style:normal}.field{display:flex;flex-direction:column;gap:7px;margin:11px 0}.field>span,.delivery-details h3{font-size:12px;font-weight:650}.field b{color:#c7483c}.field input,.field select,.field textarea{width:100%;min-height:43px;padding:11px 12px;border:1px solid var(--line);border-radius:11px;outline:none;background:var(--surface);color:var(--text);font-size:13px}.field textarea{resize:vertical;min-height:78px}.field input:focus,.field select:focus,.field textarea:focus{border-color:#d8b400;box-shadow:0 0 0 3px #f9c90020}.hint{display:block;margin:7px 1px;color:var(--muted);font-size:10px;line-height:1.5}.term-options{display:grid;grid-template-columns:repeat(4,1fr);gap:7px;margin:12px 0}.term-option{display:flex;min-height:54px;flex-direction:column;align-items:center;justify-content:center;gap:4px;border:1px solid var(--line);border-radius:11px;background:var(--surface);font-size:12px}.term-option small{color:#ad7b00;font-size:9px}.discount-note{padding:10px 12px;border-radius:10px;background:#fff8d9;color:#866400;font-size:11px}.method-list{display:flex;flex-direction:column;gap:9px}.method-card{display:flex;align-items:center;gap:12px;width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left}.method-card>span:first-child{font-size:22px}.method-card>span:nth-child(2){display:flex;flex:1;flex-direction:column;gap:4px}.method-card strong{font-size:13px}.method-card small{color:var(--muted);font-size:11px}.delivery-details{margin-top:15px;padding:12px;border-radius:13px;background:var(--surface-soft)}.delivery-details h3{margin:0 0 9px}.chip-row{display:flex;flex-wrap:wrap;gap:6px}.chip{padding:8px 9px;border:1px solid var(--line);border-radius:99px;background:var(--surface);font-size:10px}.chip.selected{border-color:#e6bf00;background:#fff4ba}.geo-button{width:100%;padding:8px;border:0;background:transparent;color:#9a7400;font-size:11px;text-align:left}.form-actions{display:flex;gap:9px;margin-top:17px}.primary-button,.secondary-button{min-height:44px;padding:0 15px;border-radius:11px;font-size:13px;font-weight:700}.primary-button{flex:1;border:1px solid #e2b900;background:var(--accent);color:#302800}.secondary-button{border:1px solid var(--line);background:var(--surface);color:var(--muted)}.text-button{display:block;margin:12px auto 0;padding:7px;border:0;background:transparent;color:var(--muted);font-size:11px}.back-top{margin:0 0 12px auto}.form-message{margin:12px 0 0;padding:10px 12px;border:1px solid #f0c4ba;border-radius:10px;background:#fff2ef;color:#9b3526;font-size:12px}.info-box{padding:13px;border-radius:12px;background:#edf7ff;color:#415c73;font-size:12px;line-height:1.5}.segmented{display:flex;gap:6px;margin:12px 0}.segmented button{flex:1;min-height:38px;padding:7px;border:1px solid var(--line);border-radius:10px;background:var(--surface);font-size:10px}.segmented button.selected{border-color:#e6bf00;background:#fff4ba}.field-stack{margin-top:14px}.full-button{width:100%;margin-top:15px}.demo-warning{text-align:center}.article-list{display:flex;flex-direction:column;gap:8px}.article-card{display:grid;grid-template-columns:1fr auto;gap:8px;width:100%;padding:13px;border:1px solid var(--line);border-radius:12px;background:var(--surface);text-align:left}.article-card strong{font-size:12px}.article-card>span{color:var(--muted)}.article-card p{grid-column:1/-1;margin:0;color:var(--muted);font-size:11px;line-height:1.5}.article-card .article-link{grid-column:1/-1}.article-link{color:#9c7600;font-size:11px;font-weight:700}.inline-link{display:block;margin-top:12px;padding:5px;border:0;background:none;text-align:left}.confirmation{text-align:center;padding:35px 22px}.confirmation-icon{display:grid;place-items:center;width:54px;height:54px;margin:0 auto 15px;border-radius:50%;background:#e4f6ec;color:#12804f;font-size:28px;font-weight:800}.confirmation p{margin:12px 0 4px;color:var(--muted);font-size:12px;line-height:1.6}

html[data-theme="dark"]{color-scheme:dark;--bg:#172033;--surface:#202c40;--surface-soft:#26344a;--text:#edf2f7;--muted:#aab5c3;--line:#39485e;--shadow:0 8px 28px #0003}html[data-theme="dark"] .brand-mark svg{fill:#172033}html[data-theme="dark"] .equipment-card.selected,html[data-theme="dark"] .method-card.selected,html[data-theme="dark"] .term-option.selected{background:#403b22}html[data-theme="dark"] .discount-note,html[data-theme="dark"] .info-box{background:#30394a;color:#e6dcae}html[data-theme="dark"] .chip.selected,html[data-theme="dark"] .segmented button.selected{background:#403b22}html[data-theme="dark"] .form-message{background:#4a302e;color:#ffd7cf}

@media(max-width:360px){.app-shell{padding:12px 12px 78px}.brand-copy p{font-size:9px}.screen-card{padding:13px}.menu-copy strong{font-size:12px}.term-options{gap:4px}.term-option{font-size:10px}.chip{font-size:9px}}
@media(prefers-reduced-motion:no-preference){button{transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.menu-row:active,.equipment-card:active,.method-card:active{transform:scale(.99)}}
.article-card{grid-template-columns:1fr}.article-toggle{display:flex;align-items:center;justify-content:space-between;gap:10px;width:100%;padding:0;border:0;background:transparent;color:var(--text);text-align:left}.article-toggle strong{font-size:12px}.article-toggle span{color:var(--muted)}.article-card .article-link{justify-self:start;padding:0;border:0;background:transparent;text-align:left}