@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@600;700;800&family=Inter:wght@400;600;700&display=swap');
:root{--ink:#110b08;--panel:#19100c;--panel2:#21140f;--ember:#ef4b23;--cream:#f5ecdf;--muted:#b9a89d;--line:#5a382b;--cyan:#53d9eb}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 15% 15%,#2a160e 0,transparent 32%),var(--ink);color:var(--cream);font-family:Inter,Arial,sans-serif;min-height:100vh}.topbar{min-height:96px;padding:20px clamp(24px,5vw,76px);display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #ffffff18}.brand{display:flex;align-items:center;gap:12px;color:#fff;text-decoration:none;font-family:'Barlow Condensed',sans-serif;line-height:.85;letter-spacing:.08em}.brand span{width:50px;height:50px;border:2px solid var(--ember);border-radius:50%;display:grid;place-items:center;color:var(--ember);font-weight:800}.brand strong{font-size:22px}.back{color:var(--cream);text-decoration:none;border-bottom:1px solid var(--ember);padding:10px 0;font-weight:700}main{display:grid;grid-template-columns:minmax(280px,.85fr) minmax(420px,1.15fr);max-width:1380px;margin:auto;padding:clamp(44px,7vw,96px) clamp(24px,5vw,76px);gap:clamp(42px,7vw,110px)}.kicker,.step{color:#ff764f;font:700 14px 'Barlow Condensed',sans-serif;letter-spacing:.2em}.intro h1{font:800 clamp(64px,8vw,118px)/.78 'Barlow Condensed',sans-serif;margin:30px 0;text-transform:uppercase}.intro h1 em{color:var(--ember);font-style:normal}.intro>p:not(.kicker){color:var(--muted);font-size:18px;line-height:1.8;max-width:540px}.trust{margin-top:42px;border:1px solid #f2a53645;background:#f2a5360b;padding:20px;display:grid;gap:7px;color:#e6c990}.trust b{font-size:13px;letter-spacing:.15em}.trust span{line-height:1.6}.chat-card{background:linear-gradient(160deg,var(--panel2),var(--panel));border:1px solid var(--line);padding:clamp(24px,4vw,52px);box-shadow:0 32px 90px #0009}h2{font:700 clamp(32px,4vw,48px)/1 'Barlow Condensed',sans-serif;text-transform:uppercase;margin:8px 0 30px}label{display:grid;gap:10px;margin:20px 0;color:#d7c8be;font-weight:700;font-size:14px;letter-spacing:.04em}input,textarea{width:100%;border:1px solid #6b4638;background:#100b09;color:#fff;padding:16px;font:inherit;border-radius:0;min-height:54px}textarea{resize:vertical}input:focus,textarea:focus{outline:2px solid var(--cyan);outline-offset:2px}button{width:100%;min-height:58px;border:0;background:var(--ember);color:#fff;font:800 17px 'Barlow Condensed',sans-serif;letter-spacing:.09em;cursor:pointer;margin-top:10px}button:hover{background:#ff5a32}button:disabled{opacity:.55;cursor:wait}.form-status{min-height:24px;color:#f5b099;line-height:1.5}.order-panel{margin-top:42px;padding-top:38px;border-top:1px solid var(--line)}.order-head{display:flex;gap:20px;justify-content:space-between;align-items:flex-start}.status-pill{background:#17351f;color:#8ee6a4;border:1px solid #52bd7044;padding:9px 12px;text-transform:uppercase;font-size:12px;font-weight:800;letter-spacing:.08em}.order-meta{display:grid;grid-template-columns:repeat(2,1fr);border:1px solid var(--line);margin:0 0 28px}.order-meta div{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}dt{color:var(--muted);font-size:12px;text-transform:uppercase;letter-spacing:.12em}dd{margin:7px 0 0;font-weight:700}.messages{display:grid;gap:12px;max-height:340px;overflow:auto;padding:4px}.message{max-width:88%;padding:14px 16px;background:#ffffff0c;border:1px solid #ffffff12;line-height:1.55}.message.customer{justify-self:end;background:#26383b;border-color:#53d9eb44}.message small{display:block;margin-top:7px;color:#a89890}.empty{color:var(--muted);padding:22px;border:1px dashed var(--line)}.message-form{margin-top:28px}.sms-choice{grid-template-columns:auto 1fr;align-items:start;font-weight:400;line-height:1.55}.sms-choice input{width:20px;min-height:20px;margin:2px 0}footer{padding:26px;text-align:center;border-top:1px solid #ffffff14;color:#907f74;font-size:13px}@media(max-width:860px){main{grid-template-columns:1fr;padding-top:48px}.intro h1{font-size:72px}.intro{padding-bottom:6px}}@media(max-width:520px){.topbar{padding:16px 20px}.back{font-size:13px}main{padding:36px 18px;gap:30px}.intro h1{font-size:58px}.chat-card{padding:22px}.order-head{display:grid}.order-meta{grid-template-columns:1fr}.order-meta div{border-right:0}}