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