.landing .hero{background:radial-gradient(ellipse 70% 60% at 80% -10%, #0097ff38, transparent 60%), radial-gradient(ellipse 80% 70% at 15% 120%, #be78ff4d, transparent 60%), linear-gradient(135deg, var(--color-code-dark-bg) 0%, var(--color-navy-900) 45%, var(--color-navy-800) 78%, var(--color-ink-900) 100%);text-align:center;padding:88px 48px 76px;position:relative;overflow:hidden}.landing .hero:before{content:"";pointer-events:none;background:radial-gradient(circle,#0097ff1f,#0000 70%);border-radius:50%;width:540px;height:540px;position:absolute;top:-200px;right:-150px}.landing .hero:after{content:"";pointer-events:none;background:radial-gradient(circle,#ff50a41a,#0000 70%);border-radius:50%;width:320px;height:320px;position:absolute;bottom:-100px;left:-100px}.landing .hero>*{z-index:1;position:relative}.hero-series{letter-spacing:.14em;text-transform:uppercase;color:var(--color-accent-cyan);margin-bottom:18px;font-size:10.5px;font-weight:700;line-height:1;animation:.6s 50ms both fadeUp}.landing .hero h1{color:#fff;letter-spacing:-.015em;margin-bottom:18px;font-size:clamp(38px,5.5vw,56px);font-weight:700;line-height:1.05;animation:.6s .12s both fadeUp}.landing .hero h1 em{background:var(--gradient-brand);color:#0000;background-clip:text;font-style:normal;font-weight:600}.hero-tagline{color:#ffffffb3;max-width:580px;margin:0 auto 36px;font-size:17px;font-weight:400;line-height:1.55;animation:.6s .24s both fadeUp}.hero-stats{flex-wrap:wrap;justify-content:center;gap:14px;animation:.6s .32s both fadeUp;display:flex}.hero-stats .stat-card{text-align:center}.page{max-width:var(--max-w);margin:0 auto;padding:64px 32px 96px}.section-header{border-bottom:1.5px solid var(--color-line-800);align-items:center;gap:14px;margin-bottom:26px;padding-bottom:16px;display:flex}.section-pill{background:var(--color-accent-blue);color:#fff;letter-spacing:.08em;border-radius:var(--radius-chip);text-transform:uppercase;font-variant-numeric:tabular-nums;white-space:nowrap;flex-shrink:0;padding:4px 11px;font-size:10px;font-weight:700;box-shadow:0 2px 8px #0097ff40}.section-title{color:var(--color-ink-900);letter-spacing:-.005em;flex:1;font-size:26px;font-weight:600;line-height:1.2}.section-count{font-family:var(--font-mono);color:var(--color-accent-violet);flex-shrink:0;font-size:11px}.guides-grid{grid-template-columns:repeat(2,1fr);gap:18px;margin-bottom:64px;display:grid}.guide-card{border:1px solid var(--color-rule);border-radius:var(--radius-card);color:inherit;box-shadow:var(--shadow-resting);background:#fff;flex-direction:column;gap:10px;padding:26px 28px;text-decoration:none;transition:border-color .25s,box-shadow .25s,transform .2s;display:flex;position:relative;overflow:hidden}.guide-card:before{content:"";background:linear-gradient(to bottom, var(--color-accent-blue), var(--color-accent-violet));transform-origin:0;width:4px;height:100%;transition:transform .25s;position:absolute;top:0;left:0;transform:scaleX(0)}.guide-card:hover{border-color:var(--color-accent-violet);box-shadow:var(--shadow-elevated);transform:translateY(-3px)}.guide-card:hover:before{transform:scaleX(1)}.guide-card:after{content:"";background:var(--guide-accent,var(--color-accent-violet));width:8px;height:8px;box-shadow:0 0 0 3px color-mix(in oklch, var(--guide-accent,var(--color-accent-violet)) 25%, transparent);border-radius:50%;transition:transform .25s;position:absolute;top:24px;right:24px}.guide-card:hover:after{transform:scale(1.3)}.guide-type{letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-blue);font-size:10px;font-weight:700}.guide-title{color:var(--color-ink-900);letter-spacing:-.005em;padding-right:16px;font-size:20px;font-weight:600;line-height:1.3}.guide-desc{color:var(--color-ink-300);flex:1;font-size:13.5px;line-height:1.65}.guide-arrow{color:var(--color-accent-blue-deep);letter-spacing:.02em;align-items:center;gap:5px;margin-top:8px;font-size:12px;font-weight:600;display:flex}.guide-arrow .arrow{transition:transform .2s;display:inline-block}.guide-card:hover .guide-arrow .arrow{transform:translate(5px)}.ref-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.ref-card{border:1px solid var(--color-rule);color:inherit;box-shadow:var(--shadow-close);background:#fff;border-radius:10px;align-items:center;gap:14px;padding:14px 16px;text-decoration:none;transition:border-color .2s,box-shadow .2s,background .2s,transform .15s;display:flex}.ref-card:hover{border-color:var(--color-accent-violet);background:var(--color-line-300);box-shadow:var(--shadow-resting);transform:translate(2px)}.ref-num{font-family:var(--font-mono);color:var(--color-accent-blue-deep);background:var(--color-line-300);border:1px solid var(--color-line-800);white-space:nowrap;text-align:center;border-radius:6px;flex-shrink:0;min-width:40px;padding:5px 9px;font-size:11px;font-weight:500;transition:background .2s,border-color .2s,color .2s}.ref-card:hover .ref-num{background:var(--color-line-600);border-color:var(--color-accent-violet);color:var(--color-navy-800)}.ref-body{flex:1;min-width:0}.ref-title{color:var(--color-ink-900);white-space:nowrap;text-overflow:ellipsis;font-size:14px;font-weight:600;overflow:hidden}.ref-desc{color:var(--color-ink-300);white-space:nowrap;text-overflow:ellipsis;margin-top:2px;font-size:11.5px;overflow:hidden}.ref-chevron{color:var(--color-accent-violet);opacity:0;flex-shrink:0;font-size:16px;line-height:1;transition:opacity .2s,transform .2s}.ref-card:hover .ref-chevron{opacity:1;transform:translate(2px)}.landing footer{text-align:center;color:var(--color-ink-300);border-top:1px solid var(--color-rule);padding:32px;font-size:12px}.landing footer a{color:var(--color-accent-blue);border-bottom:1px dotted var(--color-accent-cyan);text-decoration:none}.landing footer a:hover{color:var(--color-navy-800)}@media (width<=800px){.landing .hero{padding:52px 28px 44px}.page{padding:32px 22px 64px}.guides-grid,.ref-grid{grid-template-columns:1fr}.section-count{display:none}}@media print{.landing .hero{print-color-adjust:exact}.guide-card,.ref-card{break-inside:avoid;box-shadow:none}.guide-card:before,.guide-card:after{display:none}}