.page-hero{background:#000509;padding:clamp(2.5rem,6vw,4rem) 0 clamp(1.5rem,4vw,2.5rem);border-bottom:1px solid oklch(22% .04 230 / .8)}.page-badge{display:inline-flex;align-items:center;gap:7px;background:oklch(20% .06 230 / .6);color:#4ebceb;border:1px solid oklch(35% .1 230 / .5);font-size:12px;font-weight:500;padding:4px 13px;border-radius:100px;margin-bottom:18px}.page-hero h1{font-family:var(--font-display);font-size:clamp(1.75rem,3.5vw,2.5rem);font-weight:400;line-height:1.15;letter-spacing:-.025em;color:#f3ede9;margin-bottom:14px}.page-hero-sub{font-size:1rem;color:#7f7975;line-height:1.7;max-width:600px}.page-hero code{background:#001925!important;color:#87c8e8!important;border-color:#003346!important}.guide-wrap{padding:clamp(2rem,5vw,3.5rem) 0 clamp(3rem,6vw,5rem)}.guide-inner{display:flex;flex-direction:column;gap:0}.step{display:grid;grid-template-columns:48px 1fr;gap:0 20px;position:relative;margin-bottom:24px}.step:not(:last-child):before{content:"";position:absolute;left:23px;top:44px;bottom:-24px;width:2px;background:var(--border)}.step-num{width:36px;height:36px;border-radius:50%;background:var(--bg-card);border:1.5px solid var(--border-strong);display:flex;align-items:center;justify-content:center;font-size:13px;font-weight:600;color:var(--text-muted);flex-shrink:0;z-index:1}.step-body{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px}.step-body h3{font-size:.9375rem;font-weight:600;margin-bottom:10px}.step-body p{font-size:.875rem;color:var(--text-muted);line-height:1.7;margin-bottom:12px}.step-body p:last-child{margin-bottom:0}.step-body a.inline-link{color:var(--orange);text-decoration:none}.step-body a.inline-link:hover{text-decoration:underline}.step-body code{font-family:var(--font-mono);font-size:12px;background:#ebe7e4;border:1px solid var(--border-strong);padding:1px 5px;border-radius:4px;color:var(--orange-dark)}.perm-table{width:100%;border-collapse:collapse;margin:14px 0;font-size:13px}.perm-table th{text-align:left;padding:8px 12px;font-size:11px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--text-muted);border-bottom:1px solid var(--border);background:var(--bg-alt)}.perm-table td{padding:9px 12px;border-bottom:1px solid var(--border);color:var(--text);vertical-align:middle}.perm-table tr:last-child td{border-bottom:none}.perm-table code{font-family:var(--font-mono);font-size:11.5px;background:var(--orange-light);border:1px solid var(--orange-mid);color:var(--orange-dark);padding:1px 5px;border-radius:4px;white-space:nowrap}.perm-access{font-size:12px;font-weight:500;color:var(--text-muted)}.resource-mockup{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:14px 16px;margin:14px 0;font-family:var(--font-mono);font-size:12.5px;line-height:1.9}.rm-label{font-family:var(--font-sans);font-size:11px;font-weight:600;letter-spacing:.07em;text-transform:uppercase;color:var(--text-muted);margin-bottom:8px}.rm-row{display:flex;align-items:center;gap:12px}.rm-key{color:var(--text-muted);min-width:80px}.rm-arrow{color:#b99f8c}.rm-val{color:var(--text)}.info-box{display:flex;gap:10px;align-items:flex-start;padding:13px 16px;border-radius:var(--radius);font-size:.85rem;line-height:1.65;margin:12px 0}.info-tip{background:#e9f1ea;border:1px solid oklch(82% .08 150);color:oklch(36% .1 150)}.info-warn{background:#f8f1e6;border:1px solid oklch(82% .1 80);color:oklch(42% .12 60)}.info-box-icon{font-size:14px;flex-shrink:0}.env-block{background:var(--bg-alt);border:1px solid var(--border);border-radius:var(--radius);padding:14px 18px;font-family:var(--font-mono);font-size:12.5px;line-height:1.9;margin:12px 0;white-space:pre-wrap}.ev-key{color:oklch(58% .13 165)}.ev-val{color:#c06e41}.ev-cmt{color:var(--text-muted);font-style:italic}.next-section{background:var(--bg-alt);border-top:1px solid var(--border);padding:clamp(2.5rem,6vw,4rem) 0}.next-cards{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:16px;margin-top:28px}.next-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius-lg);padding:20px 22px;text-decoration:none;color:var(--text);transition:border-color .15s;display:flex;flex-direction:column;gap:8px}.next-card:hover{border-color:var(--border-strong)}.next-card .nc-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--orange)}.next-card h3{font-size:.9375rem;font-weight:600}.next-card p{font-size:.875rem;color:var(--text-muted);line-height:1.6}