.docs-home{overflow-x:hidden;background:var(--bg);color:var(--text)}
.docs-hero{position:relative;min-height:760px;display:flex;align-items:flex-end;padding:165px 0 95px;border-bottom:1px solid var(--line);background:radial-gradient(circle at 78% 24%,rgba(32,228,244,.12),transparent 25%),radial-gradient(circle at 22% 76%,rgba(157,99,255,.1),transparent 28%)}
.docs-hero::before{content:"";position:absolute;inset:0;opacity:.38;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.028) 1px,transparent 1px);background-size:60px 60px;mask-image:linear-gradient(to bottom,#000,transparent 94%)}
.docs-hero-inner{position:relative}.docs-hero h1{margin:0;font-size:clamp(5.5rem,12vw,11.5rem);line-height:.73;letter-spacing:-.08em}.docs-hero h1 span{color:transparent;-webkit-text-stroke:1px rgba(244,246,247,.58)}
.docs-lead{max-width:800px;margin:36px 0 0;color:#aeb8bc;font-size:clamp(1.05rem,2vw,1.35rem);line-height:1.62}.docs-stats{display:flex;flex-wrap:wrap;gap:36px;margin-top:48px}.docs-stats div{display:grid;gap:5px}.docs-stats strong{font-size:1.55rem;letter-spacing:-.04em}.docs-stats span{color:#717c81;font-size:.61rem;font-weight:850;letter-spacing:.12em;text-transform:uppercase}
.docs-library{padding-top:110px;padding-bottom:95px}.docs-section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(280px,440px);gap:50px;align-items:end;margin-bottom:45px}.docs-section-head h2{margin:4px 0 0;font-size:clamp(3rem,6vw,5.8rem);line-height:.9;letter-spacing:-.06em}.docs-section-head>p{margin:0;color:#8e999e;font-size:.9rem;line-height:1.7}
.docs-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.docs-card{position:relative;min-height:630px;display:flex;flex-direction:column;overflow:hidden;padding:30px;border:1px solid var(--line);border-radius:28px;background:linear-gradient(145deg,rgba(19,22,24,.96),rgba(9,11,12,.95));transition:transform .25s,border-color .25s,box-shadow .25s}.docs-card:hover{z-index:2;transform:translateY(-5px);border-color:rgba(32,228,244,.3);box-shadow:0 35px 80px rgba(0,0,0,.35)}.docs-card-hit{position:absolute;inset:0;z-index:1}.docs-card>*:not(.docs-card-hit){position:relative;z-index:2;pointer-events:none}.docs-card a:not(.docs-card-hit){pointer-events:auto}.docs-card::before{content:"";position:absolute;width:380px;height:380px;right:-170px;top:-170px;border-radius:50%;background:rgba(32,228,244,.07);filter:blur(2px)}.docs-card.pwn-card::before{background:rgba(157,99,255,.08)}
.docs-card-top,.docs-card-foot{display:flex;align-items:center;justify-content:space-between;gap:15px}.docs-index{color:var(--accent);font-size:.59rem;font-weight:900;letter-spacing:.16em}.docs-status{display:inline-flex;align-items:center;gap:7px;color:#829096;font-size:.58rem;font-weight:800;text-transform:uppercase}.docs-status i{width:6px;height:6px;border-radius:50%;background:#30d158;box-shadow:0 0 10px rgba(48,209,88,.7)}.docs-mark{width:100%;height:185px;display:grid;place-items:center;margin:33px 0 25px;border:1px solid var(--line);border-radius:20px;background:radial-gradient(circle,rgba(32,228,244,.12),transparent 58%),#0a0c0d}.pwn-card .docs-mark{background:radial-gradient(circle,rgba(157,99,255,.14),transparent 58%),#0a0c0d}.docs-mark b{grid-area:1/1;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.58);font-size:7rem;line-height:1}.docs-mark span{grid-area:1/1;margin-top:100px;color:#69757a;font-size:.54rem;font-weight:900;letter-spacing:.18em}.docs-card h3{margin:0;font-size:clamp(2.7rem,5vw,4.4rem);letter-spacing:-.06em}.docs-card>p{margin:16px 0 0;color:#97a2a6;font-size:.83rem;line-height:1.7}.docs-card ul{margin:24px 0;padding:0;list-style:none}.docs-card li{position:relative;padding:7px 0 7px 20px;color:#aeb7bb;font-size:.72rem}.docs-card li::before{content:"";position:absolute;left:0;top:13px;width:7px;height:7px;border:1px solid var(--accent);border-radius:50%}.docs-card-foot{margin-top:auto;padding-top:22px;border-top:1px solid var(--line)}.docs-card-foot>span{color:#687378;font-size:.61rem}.docs-card-foot a{color:#eef3f4;font-size:.69rem;font-weight:850;text-decoration:none}.docs-card-foot b{color:var(--accent)}
.docs-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-bottom:110px;padding:1px;background:var(--line);border-radius:24px;overflow:hidden}.docs-principles>div{padding:31px;background:#0d0f10}.docs-principles span{color:var(--accent);font-size:.59rem;font-weight:900}.docs-principles h3{margin:48px 0 10px;font-size:1.25rem}.docs-principles p{margin:0;color:#879297;font-size:.76rem;line-height:1.65}
.docs-callout{display:flex;align-items:end;justify-content:space-between;gap:50px;margin-bottom:105px;padding:55px;border:1px solid rgba(32,228,244,.22);border-radius:30px;background:radial-gradient(circle at 90% 10%,rgba(157,99,255,.13),transparent 32%),radial-gradient(circle at 10% 90%,rgba(32,228,244,.09),transparent 36%),#101314}.docs-callout h2{margin:4px 0 15px;font-size:clamp(2.8rem,5vw,5rem);line-height:.93;letter-spacing:-.06em}.docs-callout p{max-width:670px;margin:0;color:#98a3a8;line-height:1.65}.docs-callout-actions{display:flex;flex:0 0 auto;gap:9px}.docs-callout-actions .button{width:auto;white-space:nowrap}.docs-footer{border-top:1px solid var(--line)}
@media(max-width:900px){.docs-hero{min-height:680px}.docs-section-head{grid-template-columns:1fr}.docs-grid{grid-template-columns:1fr}.docs-card{min-height:590px}.docs-principles{grid-template-columns:1fr}.docs-callout{align-items:flex-start;flex-direction:column}.docs-callout-actions{flex-wrap:wrap}}
@media(max-width:620px){.docs-hero{min-height:590px;padding:125px 0 65px}.docs-hero h1{font-size:clamp(4.3rem,24vw,7rem)}.docs-lead{font-size:.94rem}.docs-stats{gap:24px;margin-top:35px}.docs-library{padding-top:72px}.docs-card{min-height:0;padding:20px;border-radius:22px}.docs-mark{height:150px}.docs-card h3{font-size:3rem}.docs-card-foot{align-items:flex-start;flex-direction:column}.docs-callout{padding:31px 22px}.docs-callout-actions{width:100%;display:grid}.docs-callout-actions .button{width:100%}}
@media(prefers-reduced-motion:reduce){.docs-card{transition:none}.docs-card:hover{transform:none}}
