/* Dark home page (body.home) */
body.home{--bg:#141412;--card:#1c1b18;--ink:#f2efe8;--mid:#a9a59c;--mute:#8e8b83;--line:#2e2d29;--acc:oklch(74% .1 258);--accs:oklch(30% .06 258);--gr:oklch(72% .13 155);background:var(--bg);color:var(--ink)}
body.home :is(h1,h2) em{color:inherit}
body.home nav{background:rgba(20,20,18,.88)}
body.home nav ul a:hover,body.home nav ul a.cur{background:#26251f}
@media(min-width:1101px){body.home nav .mm>li.hd:hover>a{background:#26251f;color:var(--ink)}}
body.home .btn{background:#f2efe8;color:#141412}body.home .btn:hover{background:#fff;color:#141412}
body.home .btn.g{background:transparent;color:#f2efe8;box-shadow:inset 0 0 0 1px #3a3833}body.home .btn.g:hover{box-shadow:inset 0 0 0 1px #f2efe8;color:#f2efe8}
body.home footer{background:#0f0f0e}
body.home section{border-bottom-color:#2a2926}
.hSpark{width:16px;height:16px;fill:currentColor;flex:none}
.hHero{padding:96px 0 48px;text-align:center;background:radial-gradient(ellipse 60% 70% at 50% 0%,oklch(40% .09 155 / .35),transparent 70%)}
.hK{display:inline-flex;gap:8px;align-items:center;padding:7px 14px;border-radius:999px;background:oklch(30% .06 155);color:oklch(82% .12 155);font:600 13px 'Public Sans',sans-serif;margin-bottom:28px}
body.home .hHero h1{font-size:clamp(52px,7.4vw,104px);line-height:.98;max-width:none}
.hAsk{max-width:720px;margin:48px auto 0;background:#1f1e1b;border:1px solid #34332e;border-radius:22px;padding:10px 10px 10px 24px;display:flex;align-items:center;gap:14px;box-shadow:0 0 80px -20px oklch(60% .13 155 / .35)}
.hAsk .hSpark{color:var(--gr);width:20px;height:20px}
.hT{flex:1;text-align:left;font-size:18px;min-height:28px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hT::after{content:'';display:inline-block;width:2px;height:20px;background:#f2efe8;vertical-align:-3px;margin-left:2px;animation:hBlink 1s steps(1) infinite}
@keyframes hBlink{50%{opacity:0}}
.hGo{width:48px;height:48px;border-radius:14px;background:oklch(50% .11 155);color:#fff;display:grid;place-items:center;font-size:20px;flex:none}
.hRes{max-width:720px;margin:14px auto 0;height:74px;position:relative}
.hDoc{position:absolute;inset:0;display:flex;align-items:center;gap:16px;background:#1f1e1b;border:1px solid #34332e;border-radius:16px;padding:0 22px;text-align:left;opacity:0;transform:translateY(10px);transition:.45s}.hDoc.on{opacity:1;transform:none}
.hDoc i{font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;font-style:normal;padding:5px 10px;border-radius:6px;background:oklch(30% .06 258);color:oklch(84% .08 258);white-space:nowrap}
.hDoc b{font-weight:600;white-space:nowrap}.hDoc span{color:var(--mid);flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.hDoc em{font:500 11px var(--mono);font-style:normal;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);white-space:nowrap}
.hHero .acts{justify-content:center;margin-top:40px}
body.home section.hPro{padding:72px 0;border-bottom:0}
.hGrid{display:grid;grid-template-columns:repeat(12,minmax(0,1fr));grid-auto-rows:minmax(240px,auto);gap:16px}
.hTile{grid-column:span 3;background:#1c1b18;border:1px solid #2e2d29;border-radius:22px;padding:24px;position:relative;overflow:hidden;display:flex;flex-direction:column;color:#f2efe8}
a.hTile:hover{border-color:#8e8b83;color:#f2efe8}.hTile.w4{grid-column:span 4}
.hLb{font:500 11px/1.2 var(--mono);letter-spacing:.1em;text-transform:uppercase;color:#8e8b83}
body.home .hTile h3{font:400 26px/1.1 var(--serif);margin-top:auto;padding-top:24px}
.hChain{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-top:24px}
.hChain span{white-space:nowrap;border:1px solid #34332e;border-radius:10px;padding:9px 12px;font:500 12px var(--mono);letter-spacing:.04em;background:#26251f;color:#d8d4ca;transition:background .3s,color .3s,border-color .3s}
.hChain span.on{background:var(--gr);color:#141412;border-color:var(--gr)}
.hChain i{display:flex;align-items:center;gap:6px;font-style:normal;color:#6d6a63}
.hPep{background:oklch(50% .11 155);border-color:oklch(50% .11 155)}.hPep .hLb{color:oklch(90% .05 155)}
.hNet{position:absolute;right:-30px;top:-30px;width:190px;height:190px}.hNet i{position:absolute;inset:0;border-radius:50%;border:1px solid oklch(80% .08 155 / .5);animation:hRing 3s ease-out infinite}.hNet i:nth-child(2){animation-delay:1s}.hNet i:nth-child(3){animation-delay:2s}
@keyframes hRing{from{transform:scale(.2);opacity:1}to{transform:scale(1);opacity:0}}
.hBig{display:flex;gap:10px;margin-top:22px}.hBig span{font:400 40px/1 var(--serif)}.hBig span+span{color:#6d6a63}
.hFig{padding:0;background:oklch(32% .06 258);border-color:oklch(32% .06 258)}.hFig img{position:absolute;bottom:0;right:24px;height:100%;width:auto}.hFig .hLb{position:absolute;left:24px;top:24px;color:oklch(86% .06 258)}
@media(max-width:1000px){.hGrid{grid-template-columns:1fr 1fr}.hTile,.hTile.w4{grid-column:span 1}.hTile:last-child{grid-column:1/-1}}
@media(max-width:560px){.hGrid{grid-template-columns:1fr;grid-auto-rows:auto}.hTile{min-height:220px}.hTile:last-child{grid-column:auto}}
body.home section.hLis{padding:110px 0;border-top:1px solid #2a2926}
.hLis .k{text-align:center}body.home .hLis h2{text-align:center;margin:16px auto 64px;max-width:none}
.hRow{display:grid;grid-template-columns:minmax(0,1fr) 80px minmax(0,1fr);align-items:center;max-width:980px;margin:0 auto}
.hSay{background:#1f1e1b;border:1px solid #34332e;border-radius:20px;padding:32px;font:400 italic clamp(22px,2.4vw,30px)/1.3 var(--serif);color:#f2efe8}
.hArr{text-align:center;color:var(--gr);font-size:30px}
.hQd{background:#f6f4ef;color:#1c1b18;border-radius:20px;padding:28px 30px;display:grid;gap:14px;box-shadow:0 30px 80px -30px oklch(60% .13 155 / .45)}
.hQd .hQt{display:flex;justify-content:space-between;gap:12px;font:500 11px var(--mono);letter-spacing:.08em;text-transform:uppercase;color:#8e8b83}
.hQd .hQt em{font:500 11px var(--mono);font-style:normal;color:oklch(50% .11 155);background:oklch(94% .04 155);padding:3px 8px;border-radius:5px}
body.home .hQd h3{font:400 26px var(--serif);color:#1c1b18}.hQd ul{list-style:none}.hQd li{display:flex;justify-content:space-between;gap:12px;padding:8px 0;border-top:1px solid #dedad1;font-size:14px;color:#5c5a54}.hQd li b{color:#1c1b18;font-weight:600}
@media(max-width:760px){.hRow{grid-template-columns:1fr}.hArr{transform:rotate(90deg);padding:14px 0}}
body.home section.hMods{padding:0;background:#1c1b18;border-top:1px solid #2a2926}
.hMods .w{display:grid;grid-template-columns:repeat(5,minmax(0,1fr))}
.hMods a{padding:44px 24px;border-left:1px solid #2a2926;color:#f2efe8;display:grid;gap:10px}.hMods a:first-child{border-left:0}.hMods a:hover{background:#141412;color:#f2efe8}
.hMods small{font:500 11px var(--mono);color:#8e8b83;letter-spacing:.08em}.hMods b{font:400 26px/1.1 var(--serif)}
@media(max-width:860px){.hMods .w{grid-template-columns:1fr 1fr}.hMods a{border-left:0;border-top:1px solid #2a2926}}
@media(max-width:560px){.hHero{padding:56px 0 32px}body.home .hHero h1{font-size:clamp(40px,12vw,52px)}.hAsk{padding:8px 8px 8px 16px;gap:10px;margin-top:36px}.hT{font-size:15px}.hGo{width:40px;height:40px}.hDoc{gap:10px;padding:0 14px}.hDoc em{display:none}.hSay{padding:24px}.hQd{padding:22px}.hMods a{padding:28px 20px}}
@media(prefers-reduced-motion:reduce){.hNet i,.hT::after{animation:none}}
