:root{color-scheme:dark;--bg:#070c16;--panel:#111a29;--line:#26364c;--text:#f1f5fc;--muted:#a0aec5;--accent:#7eafff}
*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse 80% 40% at 50% -10%,#1c355a 0%,transparent 75%),var(--bg);color:var(--text);font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}
.topbar{max-width:1200px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:24px 26px}.topbar nav{display:flex;align-items:center;gap:24px;color:#b5c4d8;font-size:14px}.brand{font-weight:800;display:flex;align-items:center;gap:11px;letter-spacing:.12em}.logo,.avatar{display:grid;place-items:center;width:38px;height:38px;border-radius:13px;background:linear-gradient(145deg,#94baff,#346ec4);color:#081322;font-weight:900;font-size:22px}.top-cta{background:#eaf1ff;color:#0c1830;border-radius:10px;padding:11px 15px;font-weight:700}
main{max-width:1200px;margin:auto;padding:44px 26px 60px}.intro{max-width:740px;margin:0 0 50px}.eyebrow{font-size:13px;color:#a4c4ff;letter-spacing:.13em;text-transform:uppercase;font-weight:700}.intro h1{font-size:clamp(46px,6.5vw,80px);line-height:1.05;letter-spacing:-.055em;margin:18px 0 22px}.intro h1 span{color:#92abcf}.intro p{font-size:19px;line-height:1.65;color:#bac6d8;margin:0;max-width:740px}.benefits{display:flex;flex-wrap:wrap;gap:11px;margin-top:25px}.benefits span{border:1px solid #385071;color:#c7d7ed;background:#17263b;border-radius:99px;padding:7px 13px;font-size:12px;font-weight:600}
.app-layout{display:grid;grid-template-columns:minmax(0,1.48fr) minmax(280px,.78fr);gap:22px;align-items:start}.chat,.ideas{border:1px solid var(--line);border-radius:23px;background:linear-gradient(160deg,#151f30,#0c1421);box-shadow:0 18px 60px #0003}.chat{display:flex;flex-direction:column;min-height:610px;overflow:hidden}.chat-header{display:flex;align-items:center;gap:12px;padding:19px 21px;border-bottom:1px solid var(--line)}.chat-header strong,.chat-header small{display:block}.chat-header small{font-size:11px;color:var(--muted);padding-top:4px}.counter{margin-left:auto;color:#bdd3f7;font-size:12px;border:1px solid #304668;padding:8px 10px;border-radius:99px;white-space:nowrap}.thread{min-height:290px;max-height:470px;overflow:auto;padding:24px;display:flex;flex-direction:column;gap:14px;flex:1;scroll-behavior:smooth}.bubble{line-height:1.62;white-space:pre-wrap;overflow-wrap:anywhere;padding:14px 17px;border-radius:17px;max-width:min(88%,550px);font-size:14px}.bubble.cit{background:#1a2a40;border:1px solid #2d4362;align-self:flex-start}.bubble.user{background:#eaf1ff;color:#101c30;align-self:flex-end}.bubble.pending{opacity:.65}.compose{border-top:1px solid var(--line);padding:16px 20px 20px}.status{font-size:12px;color:#99bdec;margin:0 0 11px}.status.error{color:#f0a6a6}.compose form{border:1px solid #3d5474;border-radius:15px;display:flex;align-items:flex-end;background:#0b1321;padding:8px;gap:8px}.compose textarea{width:100%;min-height:65px;max-height:140px;resize:vertical;background:transparent;color:white;border:none;outline:none;padding:9px;font-size:15px}.compose button{border:none;border-radius:11px;padding:14px 17px;font-weight:800;color:#111a2a;background:#dbe8ff;white-space:nowrap}.compose small{display:block;color:#8495ac;line-height:1.55;padding-top:11px;font-size:11px}
.ideas{padding:25px}.ideas h2{margin:2px 0 10px;font-size:23px;letter-spacing:-.02em}.ideas>p{margin:0 0 21px;color:var(--muted);font-size:14px;line-height:1.6}.prompt{background:#17253a;border:1px solid #30425a;border-radius:14px;color:var(--text);width:100%;display:flex;align-items:center;text-align:left;gap:13px;padding:14px;margin:9px 0;transition:transform .12s ease,border-color .12s ease}.prompt:hover{border-color:#84b7ff;transform:translateY(-1px)}.prompt strong,.prompt small{display:block}.prompt strong{font-size:14px}.prompt small{color:#a4b2c8;line-height:1.4;margin-top:4px;font-size:12px}.prompt-icon{color:#9dc1f7;font-size:25px;width:28px;flex-shrink:0;text-align:center}
.upgrade{margin-top:25px;border-top:1px solid var(--line);padding-top:23px}.upgrade strong{font-size:18px}.upgrade p{font-size:13px;color:var(--muted);line-height:1.6}.button-main{display:flex;justify-content:space-between;padding:14px 16px;background:#e9f1ff;border-radius:12px;color:#091429;font-weight:750;margin:18px 0}.secondary-link{font-size:12px;color:#b3ccf1;text-decoration:underline;text-underline-offset:4px}footer{max-width:1200px;margin:auto;padding:10px 26px 40px;color:#8293ad;font-size:13px}footer a{text-decoration:underline}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
:focus-visible{outline:2px solid #9cc4ff;outline-offset:3px}
@media(max-width:900px){.app-layout{grid-template-columns:1fr}.chat{min-height:550px}.ideas{max-width:none}.intro{margin-bottom:30px}}@media(max-width:560px){.topbar{padding:15px}.topbar nav{gap:11px}.topbar nav a:not(.top-cta){display:none}main{padding:28px 14px 50px}.intro h1{font-size:44px}.intro p{font-size:16px}.chat{min-height:540px}.chat-header{padding:15px}.thread{padding:15px}.bubble{max-width:95%}.ideas{padding:20px}footer{padding:0 17px 30px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important}}