:root{--bg:#061221;--panel:#0c1b2e;--line:#203955;--text:#f4f8ff;--muted:#9db0c7;--blue:#1682ff}*{box-sizing:border-box}body{margin:0;background:radial-gradient(circle at 50% 0,#0b2a53,#061221 35%,#040c17);color:var(--text);font-family:Segoe UI,Arial,sans-serif}button,input,select{font:inherit}header{height:82px;display:flex;align-items:center;gap:34px;padding:0 5vw;border-bottom:1px solid #17304a;position:sticky;top:0;background:#061221ee;z-index:10}.brand{font-size:20px;flex:1;display:flex;gap:8px;align-items:baseline}.brand small{font-size:12px;letter-spacing:1.5px}.brand span,aside span,h1 span{color:var(--blue)}nav{display:flex;gap:26px}nav a{color:#d9e7f7;text-decoration:none}.primary,.ghost{padding:12px 18px;border-radius:8px;border:1px solid #2a4665;cursor:pointer}.primary{background:#147cff;color:white;font-weight:700}.ghost{background:transparent;color:white}.large{margin-top:20px;padding:15px 24px}.hero{min-height:560px;max-width:1400px;margin:auto;padding:70px 5vw;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:40px}.hero h1{font-size:52px;line-height:1.06}.lead{font-size:18px;color:#bccce0;line-height:1.6;max-width:700px}.eyebrow{color:#5aa8ff;font-weight:800;letter-spacing:1px}.cloud{height:340px;display:grid;place-items:center;font-size:120px;font-weight:900;color:white;text-shadow:0 0 35px #00a6ff;background:radial-gradient(circle,#0f82ff55,transparent 65%)}.section{max-width:1400px;margin:auto;padding:55px 5vw}.section h2{font-size:32px}.grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.grid article,.grid>div{background:linear-gradient(#10243a,#0a192b);border:1px solid var(--line);border-radius:14px;padding:22px;min-height:140px}.grid article b{font-size:18px}.grid p,.grid div{color:var(--muted)}.modal{position:fixed;inset:0;background:#000b;display:grid;place-items:center;z-index:50}.hidden{display:none!important}.modal-card{width:min(520px,94vw);background:#0b1b2e;border:1px solid #2b4768;border-radius:18px;padding:32px;position:relative}.close{position:absolute;right:14px;top:10px;background:none;border:0;color:white;font-size:28px}.auth{display:grid;gap:12px}.auth input,.auth select{padding:12px;border-radius:8px;border:1px solid #29425e;background:#071421;color:white}.app{min-height:100vh;display:grid;grid-template-columns:230px 1fr}.app aside{background:#071523;padding:28px 14px;display:flex;flex-direction:column;gap:10px}.app aside button{padding:13px;text-align:left;background:transparent;border:0;color:#b9cadc;border-radius:8px}.app aside button:hover{background:#0d65cf;color:white}.work{padding:38px}.work>.grid{grid-template-columns:repeat(3,1fr)}.assistant-launcher{position:fixed;right:24px;bottom:24px;width:62px;height:62px;border-radius:18px;border:1px solid #53a8ff;background:linear-gradient(145deg,#1a8cff,#0755c5);box-shadow:0 12px 42px #006cff66;color:white;font-size:26px;font-weight:800;cursor:pointer;z-index:70}.assistant{position:fixed;right:24px;bottom:98px;width:min(390px,calc(100vw - 28px));height:560px;max-height:calc(100vh - 130px);display:grid;grid-template-rows:auto 1fr auto auto;background:linear-gradient(180deg,#0d2138,#071421);border:1px solid #2c5f91;border-radius:20px;overflow:hidden;box-shadow:0 22px 70px #000b;z-index:71}.assistant-head{padding:16px 18px;display:flex;align-items:center;justify-content:space-between;background:#102b49;border-bottom:1px solid #244c72}.assistant-head div{display:flex;flex-direction:column;gap:3px}.assistant-head small{color:#8fb4d8}.assistant-head button{border:0;background:transparent;color:white;font-size:28px;cursor:pointer}.assistant-messages{padding:18px;overflow:auto;display:flex;flex-direction:column;gap:12px}.ai-msg,.user-msg{padding:11px 13px;border-radius:14px;line-height:1.4;max-width:88%}.ai-msg{align-self:flex-start;background:#122b45;border:1px solid #264d73;color:#e8f4ff}.user-msg{align-self:flex-end;background:#126fe7;color:white}.assistant-form{display:grid;grid-template-columns:1fr 48px;gap:8px;padding:12px;border-top:1px solid #21405f}.assistant-form input{min-width:0;padding:12px;border:1px solid #294d70;border-radius:10px;background:#06111d;color:white;outline:none}.assistant-form button{border:0;border-radius:10px;background:#147cff;color:white;font-weight:800;cursor:pointer}.assistant-note{padding:0 14px 12px;color:#7290ae;font-size:11px;text-align:center}@media(max-width:850px){nav{display:none}.hero{grid-template-columns:1fr}.hero h1{font-size:38px}.cloud{height:220px}.grid,.work>.grid{grid-template-columns:1fr 1fr}.app{grid-template-columns:1fr}.app aside{display:none}}@media(max-width:550px){.grid,.work>.grid{grid-template-columns:1fr}.ghost{display:none}.assistant{right:14px;bottom:88px}.assistant-launcher{right:14px;bottom:14px}}
.brand{display:flex;align-items:center;gap:10px}
.brand-logo{width:58px;height:auto;display:block;filter:drop-shadow(0 0 10px #1682ff66)}
.brand-copy{display:flex;flex-direction:column;line-height:1.05}
.brand-copy b{font-size:20px}
.brand-copy small{font-size:11px;letter-spacing:1.8px;margin-top:4px;color:#dbe9f8}
.cloud{border:none!important;border-radius:0!important;background:radial-gradient(circle,#0f82ff33,transparent 68%)!important;overflow:visible!important}
.cloud .hero-logo{width:min(92%,560px);max-height:360px;object-fit:contain;filter:drop-shadow(0 0 34px #1682ff88)}
@media(max-width:550px){.brand-logo{width:46px}.brand-copy b{font-size:17px}.brand-copy small{font-size:9px}.cloud .hero-logo{width:min(82%,280px)}}