:root{--surface:#f9f9f8;--surface-dim:#dadad9;--surface-container:#eeeeed;--surface-container-low:#f3f4f3;--surface-container-lowest:#fff;--on-surface:#1a1c1c;--on-surface-variant:#424846;--outline:#727876;--outline-variant:#c2c8c5;--primary:#051a17;--primary-container:#1a2f2b;--on-primary:#fff;--on-primary-container:#809792;--secondary:#4e616f;--secondary-container:#cee2f3;--tertiary:#251200;--tertiary-container:#422400;--on-tertiary-container:#bb8853;--error:#ba1a1a;--error-container:#ffdad6;--forest-shadow:#14211f;--paper-white:#fdfdfd;--ink-black:#0f1716;--graphite-gray:#718096;--inverse-primary:#b4ccc5;--radius:.25rem;--gutter:24px;--max-chat:920px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*,:before,:after{box-sizing:border-box}html,body,#root{min-height:100%}body{color:var(--paper-white);background:radial-gradient(circle at top, #b4ccc514, transparent 40%), linear-gradient(180deg, var(--forest-shadow) 0%, var(--primary) 48%, #0a1211 100%);background-attachment:fixed;margin:0;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:16px;line-height:1.6}button,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.app{min-height:100vh;padding:32px 20px 120px}.chat-shell{width:min(100%, var(--max-chat));flex-direction:column;gap:28px;margin:0 auto;display:flex}.hero{border-bottom:1px solid #c2c8c52e;padding:28px 0 8px}.eyebrow,.composer__label,.product-card__brand,.product-card__reason span,.message__role,.hero__notice,.composer__meta,.status-line{letter-spacing:.05em;text-transform:uppercase;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;font-weight:500}.eyebrow{color:var(--on-tertiary-container);margin:0 0 12px}.hero h1{letter-spacing:-.02em;color:var(--paper-white);margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:clamp(32px,6vw,48px);font-weight:700;line-height:1.1}.hero__subhead{color:#fdfdfdd1;max-width:42rem;margin:16px 0 0;font-size:18px}.hero__notice{color:var(--graphite-gray);margin:18px 0 0}.starters{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.starter-card{text-align:left;border-radius:var(--radius);color:var(--paper-white);background:#1a2f2bb8;border:1px solid #c2c8c547;padding:18px;transition:background-color .12s,border-color .12s}.starter-card:disabled{opacity:.55;cursor:not-allowed}.starter-card:hover:not(:disabled){background:#1a2f2bf2;border-color:#b4ccc58c}.starter-card__label{letter-spacing:.05em;text-transform:uppercase;color:var(--inverse-primary);margin-bottom:10px;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;display:block}.starter-card__prompt{color:#fdfdfde6;font-size:15px;line-height:1.45;display:block}.transcript{flex-direction:column;gap:24px;min-height:120px;display:flex}.message{flex-direction:column;gap:12px;display:flex}.message--user{align-items:flex-end}.message--assistant{align-items:stretch}.message__role{color:var(--on-primary-container);margin:0}.message__bubble{border-radius:var(--radius);color:#fdfdfdf0;background:#fdfdfd0a;border:1px solid #c2c8c533;max-width:min(100%,680px);padding:14px 16px}.message--user .message__bubble{background:var(--secondary-container);color:#091e2a;border-color:#0000}.message__bubble p{white-space:pre-wrap;margin:0}.message__bubble--error{background:var(--error-container);color:#93000a;border-color:#0000}.message__pending{color:var(--graphite-gray)}.product-grid{grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:12px;width:100%;display:grid}.product-card{border-radius:var(--radius);background:var(--paper-white);color:var(--ink-black);border:1px solid #c2c8c547;overflow:hidden}.product-card__body{flex-direction:column;gap:12px;padding:16px;display:flex}.product-card__brand{color:var(--graphite-gray);margin:0}.product-card__name{margin:0;font-family:"Source Serif 4",Georgia,serif;font-size:24px;font-weight:600;line-height:1.25}.product-card__name span{color:var(--on-surface-variant);margin-top:4px;font-family:Hanken Grotesk,system-ui,sans-serif;font-size:14px;font-weight:500;display:block}.product-card__meta{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px 12px;margin:0;display:grid}.product-card__meta div{min-width:0}.product-card__meta dt{letter-spacing:.05em;text-transform:uppercase;color:var(--graphite-gray);font-family:JetBrains Mono,ui-monospace,monospace;font-size:11px}.product-card__meta dd{color:var(--ink-black);margin:2px 0 0;font-size:14px}.product-card__notes{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.product-card__notes li,.chip{letter-spacing:.04em;text-transform:uppercase;border-radius:var(--radius);color:var(--secondary);background:#4e616f0f;border:1px solid #2d37481f;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px}.product-card__notes li{padding:6px 8px}.product-card__reason{color:var(--on-surface-variant);border-top:1px solid #2d37481a;margin:0;padding-top:12px;font-size:14px}.product-card__reason span{color:var(--on-tertiary-container);margin-bottom:6px;display:block}.follow-ups{flex-wrap:wrap;gap:8px;display:flex}.chip{color:var(--inverse-primary);background:#cee2f31f;border-color:#c2c8c547;padding:8px 12px}.chip:hover{background:#cee2f333;border-color:#b4ccc5b3}.status-line{color:var(--graphite-gray);margin:0}.composer{border-radius:var(--radius);-webkit-backdrop-filter:none;backdrop-filter:none;background:#0f1716eb;border:1px solid #c2c8c53d;padding:16px;position:sticky;bottom:16px}.composer__label{color:var(--graphite-gray);margin-bottom:8px;display:block}.composer__row{grid-template-columns:1fr auto;align-items:end;gap:12px;display:grid}.composer textarea{resize:vertical;border-radius:var(--radius);width:100%;min-height:72px;max-height:180px;color:var(--paper-white);background:#fdfdfd0a;border:1px solid #c2c8c559;padding:12px 14px}.composer textarea:focus{outline-offset:1px;outline:2px solid #b4ccc573}.composer textarea::placeholder{color:#fdfdfd73}.btn-primary{border-radius:var(--radius);background:var(--paper-white);min-height:48px;color:var(--primary);border:none;padding:0 18px;font-weight:600}.btn-primary:hover:not(:disabled){background:var(--inverse-primary)}.btn-primary:disabled{opacity:.5;cursor:not-allowed}.composer__meta{color:var(--graphite-gray);margin:10px 0 0}@media (width<=720px){.app{padding:20px 16px 140px}.starters{grid-template-columns:1fr}.composer{border-radius:var(--radius) var(--radius) 0 0;margin:0 -16px;bottom:0}.composer__row{grid-template-columns:1fr}.btn-primary{width:100%}}
