:root{color-scheme:dark;--bg:#080f1e;--panel:#111e34;--line:#2c3e59;--text:#f4f6fb;--muted:#adbcd1;--accent:#a7bfe5;--primary:#264d89;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-size:16px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.6}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button,a,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:disabled{cursor:wait;opacity:.5}:focus-visible{outline:3px solid var(--accent);outline-offset:5px}[hidden]{display:none!important}.header{border-bottom:1px solid var(--line);background:var(--bg)}.header-inner{max-width:1280px;padding:23px 36px;margin:auto;display:flex;align-items:center;gap:36px}.brand{display:flex;align-items:center;font-size:24px;font-weight:750;letter-spacing:-.8px}.brand-icon{font-size:38px;color:var(--accent);line-height:1;margin-right:10px}.brand-dot{color:var(--accent)}nav{display:flex;gap:28px;margin:auto;font-size:14px}nav a{color:var(--muted);transition:color .2s}nav a:hover,nav a[aria-current]{color:var(--text)}nav a[aria-current]{text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:12px}.header-chat{font-size:14px;border:1px solid #3b5273;border-radius:100px;padding:9px 17px}.header-chat span{margin-left:12px;color:var(--accent)}.page{max-width:1208px;margin:auto}.home{padding:0 36px}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center;padding:78px 0 64px}.eyebrow{font-size:12px;font-weight:650;letter-spacing:2px;color:var(--accent);margin-bottom:25px}.eyebrow span{font-size:20px;margin-right:8px}h1{font-size:clamp(42px,5.4vw,72px);line-height:1.09;letter-spacing:-2.8px;font-weight:650;margin:0 0 26px}h1 span{color:var(--accent)}.lead{color:#bdc9db;font-size:18px;line-height:1.85;margin:0 0 30px}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:45px;border-radius:14px;padding:16px 23px;font-weight:650}.primary{background:var(--primary);color:#f4f7fd;transition:background .2s,transform .2s}.primary:hover{background:#315f9e;transform:translateY(-2px)}.micro{color:var(--muted);font-size:13px;margin-top:15px}.hello-card{background:linear-gradient(145deg,#182e50,#111e34 70%);border:1px solid #3e5577;border-radius:18px;padding:27px;box-shadow:0 28px 95px #0004;transform:none}.card-top{display:flex;align-items:center;gap:13px;border-bottom:1px solid #ffffff12;padding-bottom:22px;margin-bottom:24px}.avatar{width:44px;height:44px;border-radius:14px;background:#1c3252;color:#c1d0e8;display:grid;place-items:center;font-size:32px;flex-shrink:0}.card-top strong,.chat-identity strong{display:block;font-size:16px}.card-top div>span,.chat-identity div>span{display:block;color:var(--muted);font-size:13px}.small-star{margin-left:auto;color:var(--accent);font-size:23px}.sample{font-size:15px;line-height:1.7;padding:15px 18px;max-width:88%;margin-bottom:17px;border-radius:17px}.sample.assistant{background:#2c3e59;border-bottom-left-radius:4px}.sample.user{background:#264d89;margin-left:auto;border-bottom-right-radius:4px}.sample-compose{display:flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid #3a5070;color:var(--muted);font-size:13px;border-radius:13px;padding:11px 12px 11px 15px;margin-top:27px}.sample-compose span{background:var(--primary);color:#f4f7fd;width:29px;height:29px;border-radius:8px;text-align:center;font-size:20px}.example-label{display:block;text-align:center;font-size:12px;color:var(--muted);margin-top:12px}.home-bottom{border-top:1px solid var(--line);display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr;gap:22px;padding:32px 0 42px;align-items:center}.home-bottom>p{font-size:15px;color:var(--muted)}.home-bottom>p strong{font-weight:500;color:var(--text)}.mini-card{padding:14px;border:1px solid transparent;border-radius:12px;transition:background .2s}.mini-card:hover{background:var(--panel);border-color:var(--line)}.mini-card>span:first-child{display:block;color:var(--accent);font-size:25px;margin-bottom:8px}.mini-card strong{display:block;font-size:14px;font-weight:600}.mini-card>span:last-child{display:block;font-size:13px;color:var(--muted);margin-top:4px}footer{border-top:1px solid var(--line);max-width:1136px;margin:auto;display:flex;justify-content:space-between;padding:24px 0;color:var(--muted);font-size:13px}.info{padding:65px 36px}.info h1{font-size:clamp(38px,5vw,58px)}.info .lead{margin-bottom:42px}.about-grid,.features-grid{display:grid;gap:20px;margin-bottom:36px}.about-grid{grid-template-columns:1fr 1fr}.features-grid{grid-template-columns:repeat(3,1fr)}.about-grid article,.feature{padding:27px;border:1px solid var(--line);border-radius:14px;background:var(--panel)}h2{font-size:20px;line-height:1.4;font-weight:600;margin:20px 0 10px}.about-grid p,.feature p{color:var(--muted);font-size:16px;margin:0}.tile-icon{display:grid;place-items:center;width:45px;height:45px;border-radius:13px;background:#1c3252;color:var(--accent);font-size:26px}.feature{display:flex;flex-direction:column;transition:border-color .2s,transform .2s}.feature:hover{border-color:#6484b1;transform:translateY(-3px)}.feature-action{color:var(--accent);font-size:14px;padding-top:25px;margin-top:auto}.chat{max-width:900px;padding:0 24px;height:calc(100dvh - 92px);min-height:580px;display:flex;flex-direction:column}.chat-top{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:22px 0;border-bottom:1px solid var(--line)}.chat-identity{display:flex;align-items:center;gap:12px}.quiet{border:1px solid var(--line);border-radius:10px;background:transparent;color:var(--muted);padding:9px 12px;font-size:14px}.quiet:hover{color:var(--text);background:var(--panel)}.messages{flex:1;overflow-y:auto;padding:28px 6px;scroll-behavior:smooth;overscroll-behavior:contain}.chat-welcome{max-width:620px;margin:auto;padding:35px 0 10px;text-align:center}.welcome-mark{font-size:60px;color:var(--accent);line-height:1;margin-bottom:24px}.chat-welcome h1{font-size:36px;letter-spacing:-1px;margin-bottom:15px}.chat-welcome p{color:var(--muted);font-size:16px}.suggestions{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:32px}.suggestions button{border:1px solid var(--line);border-radius:12px;padding:15px;background:var(--panel);color:var(--text);display:flex;justify-content:space-between;text-align:left;font-size:14px;gap:14px}.suggestions button:hover{border-color:var(--accent)}.suggestions span{color:var(--accent)}.composer-wrap{padding:15px 0 max(14px,env(safe-area-inset-bottom))}.composer-wrap form{background:var(--panel);border:1px solid #48658a;border-radius:17px;display:flex;align-items:flex-end;padding:10px;gap:10px}.composer-wrap form:focus-within{border-color:var(--accent);box-shadow:0 0 0 2px #264d8925}textarea{display:block;resize:none;max-height:160px;min-height:44px;flex:1;width:0;border:0;outline:0!important;background:transparent;color:var(--text);padding:10px;line-height:1.5;font-size:16px}textarea::placeholder{color:var(--muted)}#send{border:0;background:var(--primary);color:#f4f7fd;border-radius:12px;width:44px;height:44px;flex-shrink:0;font-size:25px}.composer-note{font-size:12px;color:var(--muted);display:flex;justify-content:space-between;gap:14px;margin:9px 7px 0}.bubble-row{display:flex;margin-bottom:22px;gap:12px;align-items:flex-start}.bubble-row.user{justify-content:flex-end}.bubble{border:1px solid var(--line);background:var(--panel);padding:15px 19px;border-radius:16px;max-width:85%;font-size:16px;white-space:pre-wrap;overflow-wrap:anywhere}.bubble-row.user .bubble{background:#1c365c;border-color:#3b557a;border-bottom-right-radius:4px}.bubble-row.assistant .bubble{border-top-left-radius:4px}.bubble-row .avatar{width:32px;height:32px;font-size:24px;border-radius:10px}.pending{color:var(--muted)}.error{color:#ffd1cb;background:#3a2426;border:1px solid #744146;border-radius:12px;font-size:14px;padding:12px;margin:0 0 10px}.sr-only,.skip:not(:focus){position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{position:absolute;z-index:5;padding:12px;background:var(--primary);color:#000}.skip{left:12px;top:8px}
@media(min-width:1600px){.hero{padding-top:110px;padding-bottom:90px}.home-bottom{padding-bottom:65px}}@media(max-width:950px){.header-chat{display:none}.header-inner{justify-content:space-between}nav{margin:0;gap:22px}.hero{gap:32px}.hello-card{padding:20px}.home-bottom{grid-template-columns:repeat(3,1fr)}.home-bottom>p{grid-column:1/-1;margin-bottom:0}.features-grid{grid-template-columns:1fr 1fr}footer{margin:0 36px}}@media(max-width:650px){.header-inner{padding:16px 20px;gap:15px;flex-wrap:wrap}.brand{font-size:22px}nav{width:100%;justify-content:space-between;gap:10px;font-size:13px}nav a[aria-current]{text-underline-offset:7px}.home{padding:0 22px}.hero{grid-template-columns:1fr;padding:44px 0 35px;gap:32px}h1{font-size:52px;letter-spacing:-2px}.eyebrow{font-size:11px;letter-spacing:1.3px;margin-bottom:22px}.lead{font-size:16px}.hello-card{transform:none;max-width:460px;width:100%;margin:auto}.home-bottom{grid-template-columns:1fr;gap:8px;padding-top:20px}.mini-card{display:grid;grid-template-columns:35px 1fr;gap:0 12px}.mini-card>span:first-child{grid-row:1/3;margin:0}.mini-card>span:last-child{grid-column:2}.about-grid,.features-grid{grid-template-columns:1fr}.info{padding:40px 22px}.info h1{font-size:39px;letter-spacing:-1.5px}.info .lead br{display:none}footer{margin:0 22px;gap:10px;flex-wrap:wrap}.chat{padding:0 15px;height:calc(100dvh - 113px);min-height:520px}.chat-top{padding:14px 0}.quiet{font-size:12px}.chat-welcome{padding-top:23px}.chat-welcome h1{font-size:29px}.suggestions{gap:8px;margin-top:25px}.suggestions button{padding:12px;font-size:13px}.composer-note{font-size:12px}.composer-note>span{display:none}.bubble{max-width:90%;padding:12px;font-size:16px}.bubble-row{gap:7px}.bubble-row .avatar{display:none}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;transform:none!important}}

/* Помогатор: midnight-blue identity and a consistent functional icon set. */
.icon{width:24px;height:24px;display:inline-block;vertical-align:middle;flex-shrink:0}.brand-icon{width:42px;height:42px;display:grid;place-items:center;border-radius:11px;background:var(--primary);color:#f4f7fd;margin-right:12px}.brand-icon .icon{width:28px;height:28px}.avatar .icon{width:26px;height:26px}.bubble-row .avatar .icon{width:21px;height:21px}.welcome-mark{display:grid;place-items:center;margin:0 auto 24px;width:76px;height:76px;border:1px solid #486389;border-radius:22px;background:#142744}.welcome-mark .icon{width:43px;height:43px}.eyebrow .icon{width:19px;height:19px}.button .icon,.feature-action .icon,.header-chat .icon{width:20px;height:20px}.quiet{display:flex;align-items:center;gap:7px}.quiet .icon{width:18px;height:18px}.sample-compose span{display:grid;place-items:center}.sample-compose .icon{width:19px;height:19px}.suggestions .icon{width:18px;height:18px}#send .icon{width:22px;height:22px}footer>span:first-child{display:flex;align-items:center;gap:10px;color:var(--text)}footer .icon{width:21px;height:21px;color:var(--accent)}.primary{box-shadow:0 6px 24px #07101e20}.hello-card{border-top:3px solid var(--primary)}.sample.user{color:#f4f7fd;font-weight:500}.feature:hover,.mini-card:hover{background:#172b49}.tile-icon{border:1px solid #354e70}.hero-copy h1 span{color:#a7bfe5}.sample-compose{background:#0b1527}.brand{letter-spacing:-.6px}

/* Помогатор: deep sapphire and a restrained machine-inspired identity. */
.brand-icon{background:linear-gradient(150deg,#294c7b,#132642);border:1px solid #476080;color:#e0e7f0;border-radius:8px}.brand-icon .icon{width:30px;height:30px}.icon .sensor{stroke:#d96666;stroke-width:2.3}.avatar{background:#162b48;border:1px solid #385372;border-radius:8px;color:#d6e1f1}.tile-icon{border-radius:7px;background:#152943;color:#c0d0e7}.hello-card{border-top:1px solid #5d7598;background:linear-gradient(145deg,#1b3253,#111e34 75%);box-shadow:0 24px 70px #0004}.primary{background:#264d89;color:#fff;border:1px solid #496d9e;box-shadow:0 5px 16px #0003}.primary:hover{background:#315f9e}.sample.user{background:#244572;color:#f4f6fb;font-weight:400}.sample.assistant{background:#263750}.welcome-mark{border-radius:12px;background:#142744;border-color:#486389;color:#d5dfef}.hero-copy h1 span{color:#b2c8e8}.eyebrow{color:#9fb4d2}.feature-action{color:#adc3e4}#send{border:1px solid #496d9e}.brand-dot{display:none}

/* Final logo assets: real transparency, clear A crossbar, responsive sizing. */
.brand-logo{display:block;width:230px;height:auto}.hero-greeting{font-size:clamp(36px,4.2vw,58px);letter-spacing:-1.6px}.hero-logo{display:block;width:100%;max-width:560px;height:auto;margin-top:24px;margin-bottom:34px}.identity-mark{display:block;width:28px;height:31px;object-fit:contain}.welcome-mark .identity-mark{width:46px;height:52px}.avatar .identity-mark{width:25px;height:28px}.bubble-row .avatar .identity-mark{width:21px;height:23px}.eyebrow .identity-mark,footer .identity-mark{display:inline-block;vertical-align:middle;width:20px;height:23px}.mini-card .identity-mark{width:24px;height:27px}@media(max-width:650px){.brand-logo{width:215px}.hero-logo{margin-top:20px;margin-bottom:26px;max-width:480px}.hero-greeting{font-size:40px}}

/* Visible waiting state; decorative motion never substitutes for a status. */
.is-thinking{align-items:center}.is-thinking .pending{display:flex;align-items:center;gap:16px;white-space:normal;min-height:58px;border-color:#3c567b;background:linear-gradient(115deg,#14243d,#182d4c);color:#c1cfe2}.thinking-label{line-height:1.5}.thinking-dots{display:inline-flex;align-items:center;gap:5px;height:20px;flex-shrink:0}.thinking-dots>span{display:block;width:6px;height:6px;border-radius:50%;background:#adc7ed;animation:thinking-dot 1.5s ease-in-out infinite}.thinking-dots>span:nth-child(2){animation-delay:.18s}.thinking-dots>span:nth-child(3){animation-delay:.36s}.is-thinking .avatar{animation:thinking-halo 2.2s ease-in-out infinite;border-color:#6484af}
@keyframes thinking-dot{0%,60%,100%{opacity:.35;transform:translateY(0)}30%{opacity:1;transform:translateY(-4px)}}
@keyframes thinking-halo{0%,100%{box-shadow:0 0 0 0 #658bbb00}50%{box-shadow:0 0 0 5px #658bbb25}}
@media(max-width:650px){.is-thinking .pending{gap:12px;padding:13px 15px;min-height:54px}.thinking-dots>span{width:5px;height:5px}}
@media(prefers-reduced-motion:reduce){.thinking-dots>span,.is-thinking .avatar{animation:none!important}.thinking-dots>span{opacity:.8}}

/* In-page new-conversation confirmation; native modal focus containment. */
.reset-dialog{position:fixed;width:min(500px,calc(100vw - 32px));max-height:calc(100dvh - 40px);overflow:auto;padding:34px;border:1px solid #415a7c;border-radius:20px;background:linear-gradient(145deg,#192e4d,#101c31);color:var(--text);box-shadow:0 24px 100px #0008}.reset-dialog::backdrop{background:#030914b8;backdrop-filter:blur(5px)}.reset-dialog[open]{animation:dialog-enter .18s ease-out}.dialog-close{position:absolute;right:15px;top:15px;display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:9px;background:transparent;color:#aebed5}.dialog-close:hover{background:#ffffff0d;color:#fff}.dialog-mark{display:grid;place-items:center;width:68px;height:68px;border-radius:14px;border:1px solid #456080;background:#203b5c;margin-bottom:23px}.reset-dialog h2{font-size:25px;letter-spacing:-.5px;margin:0 0 12px;padding-right:6px;line-height:1.3}.reset-dialog p{margin:0;color:#b7c6dc;line-height:1.7;font-size:16px}.dialog-actions{display:flex;gap:12px;margin-top:28px}.dialog-actions button{padding:12px 14px;border-radius:10px;font-size:14px;font-weight:600;line-height:1.5}.dialog-secondary{flex:1;border:1px solid #4e6586;background:#15243a;color:#e2e9f4}.dialog-secondary:hover{background:#213752}.dialog-primary{border:1px solid #5279b0;background:#2c568f;color:#fff}.dialog-primary:hover{background:#3767a5}body:has(.reset-dialog[open]){overflow:hidden}@keyframes dialog-enter{from{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}@media(max-width:500px){.reset-dialog{padding:27px 22px}.reset-dialog h2{font-size:23px}.dialog-actions{flex-direction:column}.dialog-actions button{width:100%;min-height:46px}}@media(prefers-reduced-motion:reduce){.reset-dialog[open]{animation:none}}
