:root{--bg:var(--site-bg);--panel:var(--surface-1);--panel2:var(--surface-2);--panel3:var(--surface-3);--purple:var(--accent);--text:var(--site-text);--muted:var(--site-muted);--border:var(--site-border)}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:var(--font-body);line-height:1.7;color:var(--text);background:radial-gradient(980px 560px at 18% 8%,color-mix(in srgb,var(--accent)8%,transparent),transparent 60%),radial-gradient(860px 620px at 82% 18%,color-mix(in srgb,var(--site-border)50%,transparent),transparent 58%),radial-gradient(980px 700px at 50% 92%,color-mix(in srgb,var(--accent-2)10%,transparent),transparent 60%),var(--bg)}a{color:inherit}header{padding:.9rem 1.25rem}.header-inner{max-width:980px;margin:0 auto;display:flex;gap:1rem;align-items:center;justify-content:space-between}.brand{font-weight:700;letter-spacing:.12em;text-transform:uppercase;font-size:.85rem;font-family:var(--font-ui)}nav{display:flex;flex-wrap:wrap;gap:.6rem;font-size:.85rem;font-family:var(--font-ui)}nav a{text-decoration:none;color:var(--muted);padding:.25rem .6rem;border-radius:999px;border:1px solid transparent}nav a:hover{border-color:color-mix(in srgb,var(--accent)35%,transparent);color:var(--text)}main{padding:2rem 1.25rem 2.2rem}.page{max-width:1180px;margin:0 auto}.section{margin:0}.panel{margin-top:1.05rem;background:var(--panel);border-radius:16px;padding:1rem 1.1rem;border:1px solid var(--border)}.panel h2{margin:.1rem 0 .65rem}.panel h3{margin:1rem 0 .35rem}.panel p{margin:.55rem 0;color:var(--muted)}.panel li{color:var(--muted)}.guide-layout{display:grid;grid-template-columns:minmax(0,1fr)minmax(240px,320px);gap:1.4rem;align-items:start;grid-template-areas:"main side"}.guide-main{min-width:0;grid-area:main}.guide-side{position:sticky;top:16px;align-self:start;display:grid;gap:1rem;grid-area:side}.sidepanel{margin-top:1.6rem}.sidepanel:first-child{margin-top:1.6rem}.side-cta p{color:var(--muted);margin:.35rem 0 .75rem}.toc-nav{max-height:calc(100vh - 240px);overflow:auto;padding-right:.25rem}.toc-list{list-style:none;padding-left:0;margin:.4rem 0 0;display:grid;gap:.35rem}.toc-list a{text-decoration:none;color:var(--muted);display:block;padding:.25rem .45rem;border-radius:10px;border:1px solid transparent}.toc-list a:hover{border-color:color-mix(in srgb,var(--accent)35%,transparent);color:var(--text)}@media(max-width:780px){.guide-layout{grid-template-columns:1fr}.guide-side{position:static;top:auto}.guide-layout{grid-template-areas:"side" "main"}}.guide-main>.panel:nth-of-type(3n+1){background:linear-gradient(180deg,rgba(255,255,255,.035),rgba(255,255,255,.015)),var(--panel)}.guide-main>.panel:nth-of-type(3n+2){background:linear-gradient(180deg,rgba(255,255,255,.03),rgba(255,255,255,.012)),var(--panel2)}.guide-main>.panel:nth-of-type(3n){background:linear-gradient(180deg,rgba(255,255,255,.028),rgba(255,255,255,.010)),var(--panel3)}.hero{display:grid;grid-template-columns:minmax(0,1.2fr)minmax(0,1fr);gap:1.6rem;align-items:center}.hero h1{margin:.1rem 0 .6rem;font-size:2.25rem}.hero p{margin:.35rem 0;color:var(--muted)}.hero img{width:100%;height:auto;border-radius:18px;border:1px solid rgba(255,255,255,.18)}@media(max-width:820px){.hero{grid-template-columns:1fr}.hero h1{font-size:2rem}}.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1rem;margin-top:1.05rem}.card{background:var(--panel);border-radius:16px;padding:1rem 1.1rem;border:1px solid var(--border)}.card h2,.card h3{margin:.2rem 0 .5rem}.card p{margin:.2rem 0;color:var(--muted)}.card img{width:100%;height:auto;border-radius:12px;margin-bottom:.6rem}.cta-row{display:flex;flex-wrap:wrap;gap:.65rem;margin-top:1rem}.btn{display:inline-block;padding:.75rem 1.2rem;border-radius:999px;background:var(--purple);color:var(--accent-text);text-decoration:none;font-weight:900}.btn.secondary{background:transparent;color:var(--text);border:1px solid color-mix(in srgb,var(--accent)45%,transparent)}.cta{margin-top:1.25rem;padding:.95rem 1.05rem;border-radius:16px;background:color-mix(in srgb,var(--accent)12%,transparent);border:1px solid color-mix(in srgb,var(--accent)35%,transparent)}.cta a{display:inline-block;margin-top:.6rem;padding:.7rem 1.3rem;border-radius:999px;background:var(--purple);color:var(--accent-text);text-decoration:none;font-weight:600}details{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:12px;padding:.7rem .9rem;margin:.6rem 0}summary{cursor:pointer}.form{display:grid;gap:.7rem;margin-top:.8rem}.form label{font-size:.85rem;color:var(--muted)}.form input,.form select,.form textarea{width:100%;padding:.6rem .7rem;border-radius:10px;border:1px solid color-mix(in srgb,var(--site-border)70%,transparent);background:color-mix(in srgb,var(--surface-1)92%,transparent);color:var(--site-text)}.form input::placeholder,.form textarea::placeholder{color:color-mix(in srgb,var(--site-muted)84%,transparent)}.form textarea{min-height:120px;resize:vertical}.form button{margin-top:.2rem;padding:.7rem 1.2rem;border-radius:999px;border:none;background:var(--purple);color:var(--accent-text);font-weight:900}.note{font-size:.85rem;color:var(--muted)}.tri{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem;margin-top:.9rem}.tri .tri-item{background:rgba(255,255,255,.02);border:1px solid color-mix(in srgb,var(--accent)22%,transparent);border-radius:14px;padding:.9rem 1rem}.tri .tri-item h3{margin:.1rem 0 .45rem}.tri .tri-item p{margin:.35rem 0;color:var(--muted)}@media(max-width:900px){.tri{grid-template-columns:1fr}}.cols{display:grid;gap:1rem;margin-top:.9rem}.cols.cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.cols.cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.cols.cols-4{grid-template-columns:repeat(4,minmax(0,1fr))}.cols.cols-5{grid-template-columns:repeat(5,minmax(0,1fr))}.cols.cols-6{grid-template-columns:repeat(6,minmax(0,1fr))}.col-card{background:rgba(255,255,255,.02);border:1px solid var(--border);border-radius:14px;padding:.9rem 1rem}.col-card h3{margin:.1rem 0 .45rem}.col-card p{margin:.35rem 0;color:var(--muted)}.col-card ul,.col-card ol{margin:.45rem 0 0;padding-left:1.15rem}.col-card li{color:var(--muted)}@media(max-width:980px){.cols.cols-4,.cols.cols-5,.cols.cols-6{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:820px){.cols{grid-template-columns:1fr !important}}footer{text-align:center;margin-top:1.2rem;padding:1rem .9rem 1.2rem;color:var(--site-text);font-size:.82rem;border-top:1px solid color-mix(in srgb,var(--site-border)80%,transparent);background:linear-gradient(180deg,color-mix(in srgb,var(--surface-1)84%,transparent),color-mix(in srgb,var(--site-bg)93%,black))}footer a{color:var(--site-text);opacity:.9}#haxel-chatbot{position:fixed;right:14px;bottom:108px;z-index:9999;font:500 13.5px/1.45 var(--font-ui)}#haxel-chatbot .chat-open{border:1px solid color-mix(in srgb,var(--accent)40%,transparent);background:color-mix(in srgb,var(--surface-1)92%,transparent);color:var(--surface-text);border-radius:999px;padding:.65rem 1.1rem;cursor:pointer;box-shadow:0 2px 12px color-mix(in srgb,var(--accent)18%,transparent);transition:transform .2s ease,opacity .2s ease;will-change:transform,opacity}#haxel-chatbot .chat-open[hidden]{display:none !important}#haxel-chatbot .chat-open:hover{transform:translateY(-2px);opacity:.96}#haxel-chatbot .chat-panel{width:min(370px,calc(100vw - 28px));max-height:min(520px,calc(100vh - 80px));display:flex;flex-direction:column;background:color-mix(in srgb,var(--surface-1)95%,transparent);border:1px solid color-mix(in srgb,var(--accent)35%,transparent);border-radius:16px;overflow:hidden;box-shadow:0 4px 24px rgba(0,0,0,.45)}#haxel-chatbot .chat-panel[hidden]{display:none !important}#haxel-chatbot .chat-head{display:flex;align-items:center;justify-content:space-between;padding:.7rem .9rem;border-bottom:1px solid color-mix(in srgb,var(--accent)20%,transparent);color:var(--surface-text);flex-shrink:0}#haxel-chatbot .chat-close{background:transparent;border:1px solid color-mix(in srgb,var(--accent)30%,transparent);color:var(--surface-text);border-radius:999px;padding:.2rem .5rem;cursor:pointer;font-size:.8rem}#haxel-chatbot .chat-body{padding:.75rem .85rem;color:var(--muted);overflow-y:auto;flex:1;scroll-behavior:smooth}#haxel-chatbot .cb-msg{max-width:88%;padding:.55rem .75rem;border-radius:14px;margin-bottom:.4rem;word-wrap:break-word;animation:cbFadeIn .25s ease}@keyframes cbFadeIn{from{opacity:0;transform:translateY(4px)}to{opacity:1;transform:translateY(0)}}#haxel-chatbot .cb-bot{background:color-mix(in srgb,var(--accent)12%,transparent);border:1px solid color-mix(in srgb,var(--accent)18%,transparent);color:var(--surface-text);align-self:flex-start;border-bottom-left-radius:4px}#haxel-chatbot .cb-bot a{color:color-mix(in srgb,var(--accent)72%,white);text-decoration:underline}#haxel-chatbot .cb-user{background:color-mix(in srgb,var(--accent)28%,transparent);border:1px solid color-mix(in srgb,var(--accent)35%,transparent);color:var(--surface-text);margin-left:auto;border-bottom-right-radius:4px;text-align:right}#haxel-chatbot .cb-typing{display:flex;gap:4px;padding:.55rem .75rem;margin-bottom:.4rem}#haxel-chatbot .cb-typing span{width:7px;height:7px;border-radius:50%;background:color-mix(in srgb,var(--accent)50%,transparent);animation:cbDot .9s ease-in-out infinite}#haxel-chatbot .cb-typing span:nth-child(2){animation-delay:.15s}#haxel-chatbot .cb-typing span:nth-child(3){animation-delay:.3s}@keyframes cbDot{0%,80%,100%{opacity:.3;transform:scale(.85)}40%{opacity:1;transform:scale(1.1)}}#haxel-chatbot .cb-options{display:flex;flex-wrap:wrap;gap:.35rem;margin:.5rem 0 .4rem;animation:cbFadeIn .25s ease}#haxel-chatbot .cb-chip{background:transparent;border:1px solid color-mix(in srgb,var(--accent)35%,transparent);color:var(--surface-text);border-radius:999px;padding:.35rem .65rem;cursor:pointer;font-size:.82rem;transition:transform .15s ease,opacity .15s ease;will-change:transform,opacity}#haxel-chatbot .cb-chip:hover{transform:translateY(-1px);opacity:.92}#haxel-chatbot .cb-typeprompt{margin:.15rem 0 .3rem;animation:cbFadeIn .3s ease}#haxel-chatbot .cb-typelink{background:none;border:none;color:color-mix(in srgb,var(--accent)65%,var(--surface-text));font-size:.78rem;cursor:pointer;padding:0;text-decoration:underline;text-underline-offset:2px}#haxel-chatbot .cb-typelink:hover{color:color-mix(in srgb,var(--accent)85%,white)}#haxel-chatbot .cb-form-wrap{margin:.5rem 0 .3rem;animation:cbFadeIn .25s ease}#haxel-chatbot .cb-form{display:grid;gap:.4rem}#haxel-chatbot .cb-form input,#haxel-chatbot .cb-form textarea{width:100%;padding:.5rem .6rem;border-radius:10px;border:1px solid rgba(148,163,184,.25);background:color-mix(in srgb,var(--surface-1)78%,transparent);color:var(--surface-text);font:inherit}#haxel-chatbot .cb-form textarea{min-height:60px;resize:vertical}#haxel-chatbot .cb-form input:focus,#haxel-chatbot .cb-form textarea:focus{outline:none;border-color:color-mix(in srgb,var(--accent)50%,transparent)}#haxel-chatbot .cb-send{border:none;background:var(--accent);color:var(--accent-text);font-weight:700;border-radius:999px;padding:.55rem .9rem;cursor:pointer;font:inherit;font-weight:700;transition:opacity .15s}#haxel-chatbot .cb-send:hover{opacity:.88}#haxel-chatbot .cb-send:disabled{opacity:.5;cursor:default}#haxel-chatbot .cb-status{font-size:.78rem;color:var(--muted);min-height:1.1em}@media(max-width:700px){#haxel-chatbot{right:8px;bottom:98px}}