.sd-hero--codex{position:relative;overflow:hidden;background:radial-gradient(ellipse at 30% 20%,rgba(212,175,55,0.05) 0%,transparent 60%),radial-gradient(ellipse at 85% 70%,rgba(10,14,26,0.8) 0%,transparent 60%),#050507}.sd-hero--codex::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(5,5,7,0.6) 100%),linear-gradient(180deg,transparent 65%,rgba(5,5,7,0.9) 100%);z-index:3;pointer-events:none}.sd-hero--codex .sd-hero__canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1;opacity:0.5}.sd-hero__rules{position:absolute;inset:0;z-index:2;background:repeating-linear-gradient( 90deg,rgba(212,175,55,0.045) 0 1px,transparent 1px 140px );-webkit-mask-image:radial-gradient(ellipse at center,rgba(0,0,0,0.9) 0%,transparent 78%);mask-image:radial-gradient(ellipse at center,rgba(0,0,0,0.9) 0%,transparent 78%);pointer-events:none}.sd-hero__watermark{position:absolute;right:-2%;top:50%;transform:translateY(-50%);z-index:2;font-family:'Space Grotesk',sans-serif;font-size:clamp(140px,24vw,380px);font-weight:700;letter-spacing:-0.05em;line-height:1;color:rgba(212,175,55,0.04);-webkit-text-stroke:1px rgba(212,175,55,0.12);pointer-events:none;user-select:none}.sd-hero__frame{position:absolute;inset:18px;z-index:4;border:1px solid rgba(212,175,55,0.14);pointer-events:none}.sd-hero__frame::before{content:'';position:absolute;inset:5px;border:1px solid rgba(212,175,55,0.07)}.sd-hero__frame::after{content:'';position:absolute;inset:-1px;background:linear-gradient(#D4AF37,#D4AF37) 0 0 / 28px 2px,linear-gradient(#D4AF37,#D4AF37) 0 0 / 2px 28px,linear-gradient(#D4AF37,#D4AF37) 100% 0 / 28px 2px,linear-gradient(#D4AF37,#D4AF37) 100% 0 / 2px 28px,linear-gradient(#D4AF37,#D4AF37) 0 100% / 28px 2px,linear-gradient(#D4AF37,#D4AF37) 0 100% / 2px 28px,linear-gradient(#D4AF37,#D4AF37) 100% 100% / 28px 2px,linear-gradient(#D4AF37,#D4AF37) 100% 100% / 2px 28px;background-repeat:no-repeat}.sd-hero--codex .sd-container{position:relative;z-index:5}.sd-hero--codex h1{font-size:clamp(40px,6.5vw,88px);letter-spacing:-0.03em;line-height:1.05}.sd-hero--codex h1 em{font-style:normal;background:linear-gradient(180deg,#E7C96E 0%,#D4AF37 55%,#8B7420 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 6px 28px rgba(212,175,55,0.25))}.sd-hero--codex .sd-index span{background:linear-gradient(180deg,#E7C96E 0%,#D4AF37 60%,#8B7420 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 4px 20px rgba(212,175,55,0.3))}.sd-hero__statusbar{position:absolute;left:18px;right:18px;bottom:18px;z-index:6;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:14px 24px;border-top:1px solid rgba(212,175,55,0.14);background:rgba(5,5,7,0.6);backdrop-filter:blur(12px);font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:0.22em;text-transform:uppercase;color:#555555}.sd-hero__statusbar-left{display:inline-flex;align-items:center;gap:10px;color:#A7A7A7}.sd-hero__statusbar-dot{width:6px;height:6px;border-radius:50%;background:#4CAF50;box-shadow:0 0 10px rgba(76,175,80,0.8);animation:sd-doc-pulse 2.4s ease-in-out infinite}@keyframes sd-doc-pulse{0%,100%{opacity:1;transform:scale(1)} 50%{opacity:0.4;transform:scale(1.3)}}.sd-hero__statusbar-center{color:#555555;text-align:center}.sd-hero__statusbar-right{color:#D4AF37}@media (max-width:768px){.sd-hero__watermark{right:-12%;opacity:0.6;font-size:clamp(120px,40vw,200px)} .sd-hero__frame{inset:10px} .sd-hero__statusbar{left:10px;right:10px;bottom:10px;padding:12px 16px} .sd-hero__statusbar-center{display:none}}@media (prefers-reduced-motion:reduce){.sd-hero__statusbar-dot{animation:none} .sd-hero--codex .sd-hero__canvas{display:none}}.sd-hero--codex .sd-index{margin:12px 0 48px}.sd-hero--codex .sd-hero__content{padding-bottom:64px}.sdp-toc__btn{width:auto;min-height:40px;padding:0 18px;border-radius:2px;border:1px solid rgba(212,175,55,0.40);background:rgba(8,8,8,0.85);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#D4AF37;font-family:'Space Grotesk',sans-serif;font-size:10px;font-weight:600;letter-spacing:0.16em;text-transform:uppercase;transition:all 0.35s cubic-bezier(0.16,1,0.3,1)}.sdp-toc__btn:hover{background:rgba(212,175,55,0.15);border-color:rgba(212,175,55,0.60);color:#E7C96E;transform:none}.sd-hero h1,.sd-hero--codex h1{font-size:clamp(30px,4.2vw,56px);line-height:1.12;letter-spacing:-0.01em}.sd-hero__statusbar,.sd-hero__statusbar-left,.sd-hero__statusbar-center,.sd-hero__statusbar-right{font-size:5px;letter-spacing:0.18em}}