.H *,.H *::before,.H *::after{margin:0;padding:0;box-sizing:border-box}
.H{--b:#13161b;--s:#1a1d24;--br:#2e333b;--a:#0cc0df;--t:#e0e4ea;--t2:#9ca3af;--r:12px;font-family:'Inter',system-ui,sans-serif;color:var(--t);background:var(--b);line-height:1.6;overflow-x:hidden}
.H .w{max-width:960px;margin:0 auto;padding:0 24px}
.H section{padding:48px 0}
.H h2{font-size:clamp(1.4rem,3vw,1.9rem);font-weight:700;margin-bottom:10px;text-align:center}
.H h3{font-size:1.05rem;font-weight:700;margin-bottom:5px}
.H .ss{color:var(--t2);max-width:600px;font-size:.95rem;margin-bottom:28px;text-align:center;margin-left:auto;margin-right:auto}
.H .btn{display:inline-flex;align-items:center;gap:8px;font-weight:600;font-size:1rem;border-radius:8px;padding:13px 26px;text-decoration:none;cursor:pointer;border:none;font-family:inherit;transition:background .2s}
.H .bp{background:var(--a);color:#0a0c0f}
.H .bs{background:transparent;color:var(--a);border:1px solid var(--br)!important}
.H .hero{text-align:center;padding:56px 0 36px}
.H .hero h1{font-size:clamp(1.8rem,4vw,2.6rem);font-weight:800;line-height:1.15;margin-bottom:14px}
.H .hero h1 span{color:var(--a)}
.H .hero p{font-size:clamp(.95rem,2vw,1.1rem);color:var(--t2);max-width:520px;margin:0 auto}
.tl{position:relative}
.tl::before{content:'';position:absolute;left:23px;top:0;bottom:0;width:2px;background:var(--br)}
.ti{position:relative;padding-left:56px;padding-bottom:32px}
.ti:last-child{padding-bottom:0}
.tn{position:absolute;left:6px;top:0;width:36px;height:36px;border-radius:50%;background:rgba(12,192,223,.12);border:2px solid var(--a);display:flex;align-items:center;justify-content:center;font-weight:800;color:var(--a);z-index:1}
.ti h3{font-size:1.1rem;margin-bottom:4px;text-align:left}
.ti p{color:var(--t2);font-size:.9rem;text-align:left}
.dg{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:16px}
.dc{background:var(--s);border:1px solid var(--br);border-radius:var(--r);padding:20px;transition:border-color .2s}
.dc:hover{border-color:var(--a)}
.dc h3{margin-bottom:6px;text-align:left}
.dc p,.dc ul{color:var(--t2);font-size:.87rem;text-align:left}
.dc ul{list-style:none;margin-top:6px}
.dc ul li{padding:3px 0 3px 14px;position:relative}
.dc ul li::before{content:'';position:absolute;left:0;top:11px;width:6px;height:6px;border-radius:50%;background:var(--a);opacity:.5}
.sg{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px}
.st{background:var(--s);border:1px solid var(--br);border-radius:var(--r);padding:14px;display:flex;align-items:flex-start;gap:10px}
.si{flex-shrink:0;width:26px;height:26px;display:flex;align-items:center;justify-content:center;background:rgba(12,192,223,.1);border-radius:6px;font-size:.8rem}
.st h4{font-size:.87rem;font-weight:600;margin-bottom:1px;text-align:left}
.st p{font-size:.78rem;color:var(--t2);text-align:left}
.vl{display:flex;flex-wrap:wrap;gap:8px;margin:12px auto;justify-content:center}
.vt{background:var(--s);border:1px solid var(--br);border-radius:6px;padding:5px 12px;font-family:monospace;font-size:.85rem;color:var(--a)}
.rw{display:flex;gap:32px;align-items:center;margin-bottom:32px}
.rw:last-child{margin-bottom:0}
.rt{flex:1}
.rt h2,.rt .ss{text-align:left!important;margin-left:0!important}
.rv{flex:0 0 260px;background:#1a1d24!important;border:1px solid #2e333b!important;border-radius:var(--r);padding:20px;color:var(--t2)!important}
.rv ul{list-style:none!important;padding:0!important;margin:0!important}
.rv ul li{padding:5px 0!important;font-size:.85rem;color:var(--t2)!important;display:flex!important;align-items:center;gap:8px;border-bottom:1px solid var(--br);text-align:left!important}
.rv ul li:last-child{border-bottom:none}
.rv .d{width:6px;height:6px;border-radius:50%;background:var(--a);flex-shrink:0;display:inline-block!important}
@media(max-width:700px){.rw{flex-direction:column;gap:18px}
.rv{flex:auto;width:100%}
.sg{grid-template-columns:1fr}
.H section{padding:36px 0}
}