:root{color-scheme:dark;--gold:#e4be68;--ink:#0a1420;--muted:#aab8c7}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#09121d;color:#f4f6f8;font:15px/1.6 system-ui,sans-serif}button,input,textarea{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a{color:var(--gold);text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:2px solid #9edaff;outline-offset:3px}.staging{padding:6px 5%;background:#192638;color:#eccd8d;font-size:10px;letter-spacing:.12em}.staging span{color:#b0c1d5;letter-spacing:0;margin-left:16px}header{max-width:1500px;margin:auto;padding:18px 4%;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:14px}.brand img{width:78px;height:53px;object-fit:contain}.brand span{font-size:10px;letter-spacing:.2em;color:#cfdae4}nav{display:flex;gap:26px;align-items:center;font-size:13px}.button{display:inline-block;border:1px solid var(--gold);border-radius:8px;background:var(--gold);color:#15202c;padding:12px 20px;font-weight:700}.outline{background:none;color:var(--gold)}main{max-width:1500px;margin:auto;padding:0 4%}.intro{padding:34px 0 28px;display:grid;grid-template-columns:1.2fr 1fr;align-items:end;column-gap:80px}.eyebrow{font-size:10px;letter-spacing:.2em;color:var(--gold);font-weight:650}.intro .eyebrow{grid-column:1/-1;margin-bottom:16px}h1{font-size:clamp(38px,4vw,62px);font-weight:600;letter-spacing:-.055em;line-height:1.08;margin:0}h1 em{font-family:Georgia,serif;font-weight:400;color:var(--gold)}.intro>p:last-child{color:var(--muted);font-size:17px;max-width:450px;margin:0 0 5px}.showroom{display:grid;grid-template-columns:minmax(0,1fr) 360px;border:1px solid #354353;border-radius:18px;overflow:hidden;box-shadow:0 30px 90px #0004}.scene-panel{min-width:0;background:#0d1a28}.scene-heading{display:flex;justify-content:space-between;gap:12px;padding:18px 22px;border-bottom:1px solid #263746;font-size:10px;letter-spacing:.12em;color:#d2bf92}.scene-heading>span{color:#8fa4b5;letter-spacing:0}.live-dot{display:inline-block;width:6px;height:6px;background:#8dd9cf;border-radius:50%;margin-right:7px}#scene{position:relative;height:520px;overflow:hidden}canvas{display:block;width:100%;height:100%}#fallback{position:absolute;inset:0;padding:200px 40px;color:#bcd0df;text-align:center;background:radial-gradient(ellipse,#25475f,#101b29)}.thought{position:absolute;z-index:2;left:22px;top:20px;max-width:260px;padding:12px 16px;border:1px solid #6a819069;border-radius:12px;background:#132637dc;backdrop-filter:blur(8px);pointer-events:none;box-shadow:0 12px 30px #0002}.thought span{font-size:8px;letter-spacing:.16em;color:#e8c883;display:block}.thought strong{display:block;font-size:12px;font-weight:500;margin:4px 0}.thought small{font-size:9px;color:#9eb2c3}.scene-tools{padding:12px 18px;display:flex;gap:12px;justify-content:space-between;align-items:center;color:#8ea4b7;font-size:10px}.scene-tools button{background:#1b2b3c;border:1px solid #3b4b5b;color:#dbe5ed;border-radius:6px;padding:5px 8px;font-size:10px}.chat{background:#111e2c;display:flex;flex-direction:column;min-width:0;border-left:1px solid #354353}.chat-top{display:flex;align-items:center;gap:12px;padding:18px;border-bottom:1px solid #2e3d4c}.avatar{border-radius:50%;background:#f3f7fb;color:#3977a6;font-size:24px;display:grid;place-items:center;width:42px;height:42px}.chat-top h2{font-size:17px;margin:0}.chat-top p{font-size:11px;margin:0;color:#a7bacb}.chat-top button{margin-left:auto;background:none;border:0;color:#c1d4e5;font-size:24px}#messages{height:316px;overflow:auto;padding:18px;display:flex;flex-direction:column;gap:12px}.message{font-size:12px;border:1px solid #344659;border-radius:12px;padding:12px;background:#1d2e40;white-space:pre-wrap;overflow-wrap:anywhere}.message strong{display:block;font-size:10px;color:var(--gold);margin-bottom:5px}.message.user{background:#30434d;margin-left:24px}.message.user strong{color:#d8e6ec}.suggestions{display:flex;flex-wrap:wrap;gap:6px;padding:0 16px 12px}.suggestions button{border:1px solid #4a5764;background:transparent;color:#e6cf99;font-size:10px;border-radius:20px;padding:5px 8px}#chat-form{border-top:1px solid #2e3d4c;padding:12px 16px;margin-top:auto}label{display:block;font-size:11px;color:#bac9d4}.composer{display:flex;align-items:end;gap:8px;margin-top:5px}textarea,input{width:100%;border:1px solid #465364;border-radius:7px;background:#0c1925;color:#edf5fb;padding:10px;resize:vertical;outline:none}textarea{font-size:12px}.composer button{background:var(--gold);border:0;border-radius:7px;width:38px;height:38px;font-size:22px;color:#162436;flex-shrink:0}small{display:block;color:#90a4b6;font-size:10px;margin-top:6px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding:50px 0;border-bottom:1px solid #293b4b}.steps span{font-size:9px;letter-spacing:.12em;color:var(--gold)}h3{font-size:18px;line-height:1.35;font-weight:500}.steps p,.request p{color:var(--muted);font-size:13px}.request{display:grid;grid-template-columns:1fr 1fr;gap:100px;padding:60px 0}.request h2{font-size:36px;line-height:1.2;letter-spacing:-.035em;font-weight:500;margin:16px 0}.request form{background:#111f2e;border:1px solid #304354;border-radius:12px;padding:24px}.request label{margin-bottom:12px}.request input{display:block;margin-top:5px}.request button{width:100%}footer{max-width:1500px;margin:auto;padding:24px 4%;border-top:1px solid #293b4b;color:#9aafc0;font-size:11px;display:flex;justify-content:space-between}@media(max-width:1000px){.showroom{grid-template-columns:minmax(0,1fr) 320px}.scene-heading>span{display:none}.request{gap:40px}.intro{column-gap:30px}}@media(max-width:720px){.staging span{display:block;margin:0}nav>a:first-child,.brand span{display:none}.intro{display:block;padding-top:20px}.intro>p:last-child{margin-top:20px;font-size:15px}.showroom{grid-template-columns:1fr}#scene{height:410px}.chat{border-left:0;border-top:1px solid #354353}#messages{height:270px}.scene-tools{flex-wrap:wrap}.thought{top:10px;left:10px;max-width:230px}.steps,.request{grid-template-columns:1fr;gap:20px}.steps{padding:30px 0}.steps h3{margin:8px 0}.request{padding:35px 0}.request h2{font-size:30px}.request form{padding:18px}footer{gap:20px}.scene-tools div{display:flex;gap:5px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
