:root{--ink: #0f1419;--muted: #5c6b7a;--paper: #f3efe6;--panel: rgba(255, 252, 245, .92);--line: rgba(15, 20, 25, .12);--accent: #0b6e4f;--accent-2: #c45c26;--glow: #d8e8df}*{box-sizing:border-box}html,body{margin:0;min-height:100%}body{font-family:DM Sans,system-ui,sans-serif;color:var(--ink);background:radial-gradient(1200px 600px at 10% -10%,var(--glow),transparent 60%),radial-gradient(900px 500px at 100% 0%,#f0e0d0,transparent 55%),linear-gradient(180deg,#eef3ef 0%,var(--paper) 45%,#ebe4d8 100%)}:focus-visible{outline:3px solid var(--accent-2);outline-offset:3px}.atmosphere{position:fixed;top:0;right:0;bottom:0;left:0;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 200 200' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='0.04'/%3E%3C/svg%3E");opacity:.5}.top{max-width:960px;margin:0 auto;padding:28px 20px 8px;display:flex;align-items:baseline;gap:14px}.brand{font-family:"Instrument Serif",Georgia,serif;font-size:42px;letter-spacing:-.03em;line-height:1;color:inherit;text-decoration:none;animation:rise .8s ease both}.tag{color:var(--muted);font-size:13px;font-weight:600;animation:rise .9s ease both}.primary-nav{max-width:960px;margin:0 auto;padding:0 20px 8px;display:flex;flex-wrap:wrap;gap:14px}.primary-nav a{color:var(--muted);font-size:12px;font-weight:800;text-decoration:none;text-transform:uppercase;letter-spacing:.06em;transition:color .2s ease}.primary-nav a:hover{color:var(--accent)}.shell{max-width:960px;margin:0 auto;padding:12px 20px 32px}.hero{margin:18px 0 28px;animation:rise 1s ease both}.hero h1{font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:clamp(36px,7vw,64px);line-height:1.05;margin:0 0 12px}.hero h2{font-size:18px;margin:0 0 8px;color:var(--accent)}.hero h3{font-size:14px;margin:18px 0 8px;text-transform:uppercase;letter-spacing:.08em;color:var(--muted)}.hero em{font-style:italic;color:var(--accent)}.lede{max-width:36rem;color:var(--muted);font-size:16px;line-height:1.5;margin:0 0 20px}.cta-row{display:flex;flex-wrap:wrap;gap:10px}.btn{display:inline-flex;align-items:center;justify-content:center;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:800;font-size:13px;border:1px solid var(--line);transition:transform .2s ease,box-shadow .2s ease,background .2s ease;cursor:pointer;background:transparent;color:var(--ink)}.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px #0f141914}.btn.primary{background:var(--accent);color:#fff;border-color:transparent}.btn.ghost{background:#ffffff73}.panel{background:var(--panel);border:1px solid var(--line);border-radius:22px;overflow:hidden;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);animation:rise 1.1s ease both;min-height:420px;display:flex;flex-direction:column;box-shadow:0 18px 40px #0f14190f}.panel-head{display:flex;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--line)}.panel-head h2{margin:0;font-size:14px}#apiHealth{color:var(--muted);font-weight:600;font-size:12px}.thread{flex:1;padding:16px;overflow-y:auto;max-height:48vh;display:flex;flex-direction:column;gap:10px}.bubble{max-width:88%;padding:10px 14px;border-radius:16px;font-size:13.5px;line-height:1.45;white-space:pre-wrap;animation:rise .35s ease both}.bubble.user{align-self:flex-end;background:var(--accent);color:#fff}.bubble.assistant{align-self:flex-start;background:#fff;border:1px solid var(--line)}.meta{margin-top:8px;font-size:11px;opacity:.85}.empty-state,.loading-state,.error-state{margin:0;padding:0 16px 8px;font-size:12px;color:var(--muted)}.error-state{color:#b91c1c;font-weight:700}.composer{padding:12px 16px 16px;border-top:1px solid var(--line)}.composer label,.contact-form label{display:block;font-size:11px;font-weight:800;text-transform:uppercase;letter-spacing:.06em;color:var(--muted);margin-bottom:6px}.composer-row{display:flex;gap:8px}.composer input,.contact-form input,.contact-form textarea{flex:1;width:100%;border:1px solid var(--line);border-radius:14px;padding:12px 14px;font:inherit;background:#fff}.composer button,.contact-form button{border:0;border-radius:14px;padding:0 18px;background:var(--accent-2);color:#fff;font-weight:800;cursor:pointer;transition:filter .2s ease,transform .2s ease}.composer button:hover,.contact-form button:hover{filter:brightness(1.05);transform:translateY(-1px)}.contact-form{display:grid;gap:10px;max-width:420px}.proofs{margin-top:28px;padding:22px;border-radius:22px;border:1px solid var(--line);background:#ffffff80;animation:rise 1.2s ease both}.proofs h2{margin:0 0 12px;font-family:"Instrument Serif",Georgia,serif;font-weight:400;font-size:28px}.proofs h3{margin:14px 0 6px;font-size:13px;text-transform:uppercase;letter-spacing:.06em;color:var(--accent)}.proofs p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}.site-footer{max-width:960px;margin:0 auto 40px;padding:0 20px}.foot-nav{display:flex;gap:18px;flex-wrap:wrap;margin-bottom:8px}.foot-nav a{color:var(--muted);font-size:12px;font-weight:700;text-decoration:none}.foot-nav a:hover{color:var(--ink)}.fine{color:var(--muted);font-size:11px}@keyframes rise{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}@media (max-width: 768px){.composer-row{flex-direction:column}.composer button{padding:12px 18px}.panel{min-height:360px}}@media (max-width: 480px){.brand{font-size:32px}.primary-nav{gap:10px}.hero h1{font-size:34px}.bubble{max-width:96%}}