:root{--bg:#02060a;--text:#eef4f6;--muted:#99a8af;--red:#ff2b2b;--cyan:#00e8ff;--green:#55ff88;--active:#00e8ff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 50% -10%,#172638 0,#03070b 42%,#010203 100%);color:var(--text);font-family:Arial,Helvetica,sans-serif;overflow-x:hidden}.noise,.scanlines{position:fixed;inset:0;pointer-events:none}.noise{z-index:60;opacity:.055;background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 160 160' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.75' numOctaves='3' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='160' height='160' filter='url(%23n)' opacity='.75'/%3E%3C/svg%3E")}.scanlines{z-index:61;background:linear-gradient(to bottom,transparent 0 96%,rgba(255,255,255,.035) 97%);background-size:100% 5px;mix-blend-mode:screen;opacity:.23}.zx-nav{height:74px;position:sticky;top:0;z-index:50;display:flex;align-items:center;gap:28px;padding:0 28px;background:rgba(1,3,6,.92);backdrop-filter:blur(18px);border-bottom:1px solid rgba(0,232,255,.18);box-shadow:0 10px 40px #000}.brand{display:flex;gap:10px;color:white;text-decoration:none;font-weight:900;font-size:30px;letter-spacing:3px}.brand b{color:var(--red)}.zx-nav nav{display:flex;gap:25px;flex:1;justify-content:center}.zx-nav nav a{color:#d7dde0;text-transform:uppercase;font-size:14px;text-decoration:none;letter-spacing:.7px;padding:28px 0;position:relative}.zx-nav nav a.active:after,.zx-nav nav a:hover:after{content:"";position:absolute;left:0;right:0;bottom:0;height:2px;background:var(--red);box-shadow:0 0 14px var(--red)}.nav-icons{display:flex;gap:12px}.nav-icons button,button{background:#05090e;border:1px solid #2b3a43;border-radius:8px;color:#dce5e8;padding:10px 13px;cursor:pointer;transition:.25s}.nav-icons button{height:44px;min-width:44px}button:hover{border-color:var(--active);color:white;box-shadow:0 0 22px color-mix(in srgb,var(--active),transparent 70%)}main{max-width:1780px;margin:0 auto;padding:0 18px 42px}.hero{min-height:490px;border:1px solid #1e4b58;border-radius:16px;margin-top:14px;overflow:hidden;position:relative;display:grid;grid-template-columns:minmax(0,1fr) 390px;align-items:center;padding:52px 58px;box-shadow:0 28px 90px #000 inset}.hero-bg{position:absolute;inset:0;background:linear-gradient(90deg,#03070c 0,#06121be8 42%,#07111a7a 78%),url('../assets/images/maxxis_ai_hero.png') center/cover;filter:saturate(1.1) contrast(1.08);animation:heroDrift 18s ease-in-out infinite alternate}.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(0,224,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(0,224,255,.07) 1px,transparent 1px);background-size:48px 48px;opacity:.42}@keyframes heroDrift{to{transform:scale(1.05) translateX(-1.5%)}}.hero-copy,.status-console{position:relative;z-index:2}.eyebrow{color:var(--active);text-transform:uppercase;letter-spacing:5px;font-weight:900;font-size:13px}.hero h1{font-size:82px;line-height:.92;text-transform:uppercase;margin:8px 0;letter-spacing:4px;text-shadow:0 0 30px #000}.lede{max-width:760px;color:#d6e1e5;font-size:18px;line-height:1.7}.hero-actions{display:flex;gap:16px;margin-top:26px}.hero-actions button,.hero-actions a{padding:15px 22px;border:1px solid var(--active);color:var(--active);text-transform:uppercase;text-decoration:none;font-weight:900;letter-spacing:1px;border-radius:6px;background:#021018cc;box-shadow:0 0 28px color-mix(in srgb,var(--active),transparent 80%)}.hero-actions a{border-color:var(--red);color:#ffb7b7;background:#170307cc}.status-console{background:rgba(1,8,12,.78);border:1px solid color-mix(in srgb,var(--active),#223542 60%);border-radius:14px;padding:24px;font-family:Consolas,monospace}.status-console h3{color:var(--active);letter-spacing:2px}.status-console p{color:#c6d5da}.status-console span{color:var(--green)}.blink{color:var(--active)!important;animation:blink 1.1s steps(2) infinite}@keyframes blink{50%{opacity:.25}}.section-title{display:flex;align-items:end;justify-content:space-between;margin:32px 0 18px}.section-title h2{font-size:36px;text-transform:uppercase;margin:4px 0;letter-spacing:2px}.character-grid{display:grid;grid-template-columns:repeat(8,minmax(120px,1fr));gap:12px}.character-card{position:relative;border:1px solid #263947;border-radius:14px;background:rgba(3,8,12,.72);overflow:hidden;min-height:210px;cursor:pointer;box-shadow:0 18px 48px #0007;transition:.28s}.character-card.active,.character-card:hover{transform:translateY(-6px);border-color:var(--accent);box-shadow:0 0 34px color-mix(in srgb,var(--accent),transparent 68%)}.character-card img{width:100%;height:135px;object-fit:cover;filter:saturate(1.1)}.character-card div{padding:11px}.character-card h3{font-size:14px;margin:0;color:white;text-transform:uppercase}.character-card small{color:var(--muted)}.maxxis-interface{display:grid;grid-template-columns:1.08fr 1fr 1.05fr;gap:16px;margin-top:22px;align-items:stretch;min-height:620px}.panel{border:1px solid #263947;border-radius:16px;background:rgba(3,8,12,.76);box-shadow:0 18px 48px #0007;overflow:hidden}.avatar-panel{display:grid;grid-template-columns:44% 56%;padding:26px;gap:22px;border-color:color-mix(in srgb,var(--active),#263947 70%)}.avatar-frame{position:relative;display:grid;place-items:center;min-height:460px;border:1px solid #173d48;border-radius:14px;background:radial-gradient(circle at 50% 45%, color-mix(in srgb,var(--active),transparent 82%), transparent 58%),#061018;overflow:hidden}.avatar-frame img{width:100%;height:100%;object-fit:cover;transition:.45s}.pulse-ring{position:absolute;width:72%;aspect-ratio:1;border:1px solid var(--active);border-radius:50%;opacity:.25;animation:pulse 2.8s infinite}@keyframes pulse{0%{transform:scale(.72);opacity:.38}100%{transform:scale(1.25);opacity:0}}.avatar-copy{display:flex;flex-direction:column;justify-content:center}.avatar-copy h2{font-size:42px;text-transform:uppercase;margin:8px 0;color:white}.avatar-copy h3{color:var(--active);text-transform:uppercase}.avatar-copy p{color:#c6d4d9;line-height:1.65}.avatar-copy blockquote{color:#e7f9ff;font-size:20px;line-height:1.35;border-left:3px solid var(--active);padding-left:18px}.avatar-copy blockquote span{color:#b8c5cb;font-size:15px}.chat-panel{display:flex;flex-direction:column;border-color:color-mix(in srgb,var(--active),#263947 55%)}.chat-head{display:flex;align-items:center;justify-content:space-between;padding:18px;border-bottom:1px solid #263947;background:#061018}.chat-head h2{font-size:18px;margin:4px 0;text-transform:uppercase}#onlineDot{color:var(--green);font-size:12px;font-weight:900}.chat-log{flex:1;overflow:auto;padding:16px;display:flex;flex-direction:column;gap:12px;min-height:360px;max-height:480px}.msg{display:grid;grid-template-columns:42px 1fr;gap:10px;align-items:start;animation:msgIn .24s ease-out}.msg img{width:42px;height:42px;border-radius:50%;object-fit:cover;border:1px solid var(--active)}.bubble{padding:12px 14px;border:1px solid #263947;border-radius:12px;background:#07121a}.bubble b{color:var(--active)}.bubble p{margin:6px 0 0;color:#d5e1e5;line-height:1.45}.msg.user{grid-template-columns:1fr 42px}.msg.user img{order:2}.msg.user .bubble{background:#101018;border-color:#45303a}.msg.user .bubble b{color:#ffb7b7}@keyframes msgIn{from{opacity:0;transform:translateY(8px)}to{opacity:1;transform:none}}.suggestion-row{display:flex;gap:8px;flex-wrap:wrap;padding:0 16px 12px}.suggestion-row button{font-size:12px;border-radius:999px;color:#c9dbe0}.chat-input{display:grid;grid-template-columns:1fr 54px;gap:8px;padding:16px;border-top:1px solid #263947;background:#061018}.chat-input input{background:#03070b;border:1px solid #334a58;border-radius:8px;color:white;padding:0 14px;font-size:16px;outline:none}.chat-input button{font-size:20px;color:var(--active)}.feature-panel{display:flex;flex-direction:column;border-color:#24515c}.feature-panel img{width:100%;height:54%;object-fit:cover}.feature-copy{padding:24px;display:flex;flex-direction:column;justify-content:center;flex:1}.feature-copy h2{font-size:34px;text-transform:uppercase;margin:5px 0}.feature-copy p{color:#c6d4d9;line-height:1.65}.feature-copy button{align-self:flex-start;border-color:var(--red);color:#ffb7b7;text-transform:uppercase;font-weight:900;margin-top:10px}.implementation{margin-top:28px;border-top:1px solid #18323b;padding-top:10px}.note-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.note-grid article{border:1px solid #263947;border-radius:14px;background:rgba(3,8,12,.72);padding:20px}.note-grid h3{color:var(--active);text-transform:uppercase}.note-grid p{color:#c6d4d9;line-height:1.6}.note-grid code{color:#ffb936}.reveal{opacity:0;transform:translateY(28px);transition:opacity .75s,transform .75s}.reveal.visible{opacity:1;transform:none}@media(max-width:1380px){.character-grid{grid-template-columns:repeat(4,1fr)}.maxxis-interface{grid-template-columns:1fr}.avatar-panel{grid-template-columns:360px 1fr}.feature-panel{display:grid;grid-template-columns:48% 52%}.feature-panel img{height:100%}.zx-nav nav{gap:14px}.zx-nav nav a{font-size:12px}}@media(max-width:800px){.zx-nav nav{display:none}.hero{display:block;padding:34px 24px}.hero h1{font-size:46px}.status-console{margin-top:22px}.character-grid{grid-template-columns:repeat(2,1fr)}.avatar-panel,.feature-panel,.note-grid{display:block}.avatar-frame{min-height:360px}.maxxis-interface{min-height:0}.hero-actions{flex-wrap:wrap}}