.guide-page{--font-display:"Cormorant Garamond", Georgia, serif;--font-body:"DM Sans", system-ui, sans-serif;--font-mono:"JetBrains Mono", "SF Mono", Consolas, monospace;--bg:#faf8f5;--surface:#fff;--surface2:#f5f0e8;--surface-elevated:#fffbf5;--border:#00000012;--border-bright:#00000024;--text:#1c1917;--text-dim:#78716c;--accent:#d97706;--accent-dim:#d9770612;--amber:#f59e0b;--amber-dim:#f59e0b12;--orange:#f97316;--orange-dim:#f9731612;--emerald:#059669;--emerald-dim:#05966912;--stone:#78716c;--stone-dim:#78716c12;--rose:#e11d48;--rose-dim:#e11d4812;background:var(--bg);background-image:radial-gradient(ellipse at 20% 0%, var(--amber-dim) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--orange-dim) 0%, transparent 40%);color:var(--text);font-family:var(--font-body);-webkit-font-smoothing:antialiased;min-height:100vh}@media (prefers-color-scheme:dark){.guide-page{--bg:#1c1b17;--surface:#ffffff0d;--surface2:#ffffff08;--surface-elevated:#ffffff14;--border:#ffffff1a;--border-bright:#ffffff2e;--text:#faf8f5;--text-dim:#a8a29e;--accent:#fbbf24;--accent-dim:#fbbf241f;--amber:#fbbf24;--amber-dim:#fbbf241a;--orange:#fb923c;--orange-dim:#fb923c1a;--emerald:#34d399;--emerald-dim:#34d3991a;--stone:#d6d3d1;--stone-dim:#d6d3d114;--rose:#fb7185;--rose-dim:#fb71851a;background:var(--bg);background-image:radial-gradient(ellipse at 20% 0%, var(--amber-dim) 0%, transparent 50%), radial-gradient(ellipse at 80% 100%, var(--orange-dim) 0%, transparent 40%)}}.guide-grain{pointer-events:none;z-index:9999;opacity:.025;filter:url(#guide-grain-filter);position:fixed;inset:0}.guide-progress{background:linear-gradient(90deg, var(--amber), var(--orange));z-index:100;width:0;height:2px;transition:width 50ms linear;position:fixed;top:0;left:0}.guide-page .reveal{opacity:0;transition:opacity .6s cubic-bezier(.23,1,.32,1),transform .6s cubic-bezier(.23,1,.32,1);transform:translateY(16px)}.guide-page .reveal.is-visible{opacity:1;transform:translateY(0)}@media (prefers-reduced-motion:reduce){.guide-page .reveal{opacity:1;transition:none;transform:none}}.guide-header{text-align:center;max-width:680px;margin:0 auto;padding:80px 24px 0}.guide-header h1{font-family:var(--font-display);letter-spacing:-.02em;text-wrap:balance;margin-bottom:16px;font-size:clamp(2rem,5vw,3.25rem);font-weight:700;line-height:1.15}.guide-meta{font-family:var(--font-mono);color:var(--text-dim);letter-spacing:.04em;margin-bottom:8px;font-size:12px}.guide-meta .dot{opacity:.4;margin:0 8px}.guide-lead-wrapper{max-width:600px;margin:0 auto;padding-top:24px}.guide-lead{color:var(--text-dim);font-size:18px;line-height:1.7}.guide-body{max-width:680px;margin:0 auto;padding:0 24px}.guide-body h2{font-family:var(--font-display);letter-spacing:-.015em;margin:3rem 0 1rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.guide-body h3{margin:2rem 0 .75rem;font-size:1.25rem;font-weight:600}.guide-body h4{color:var(--accent);margin:1.75rem 0 .5rem;font-size:1.05rem;font-weight:600}.guide-body p{margin-bottom:1.25rem;font-size:16px;line-height:1.75}.guide-body ul,.guide-body ol{margin:0 0 1.25rem 1.25rem;font-size:16px;line-height:1.75}.guide-body li{margin-bottom:.5rem}.guide-body li strong{color:var(--text)}.guide-body strong{font-weight:600}.guide-body blockquote{border-left:3px solid var(--amber);color:var(--text-dim);margin:1.5rem 0;padding:.5rem 0 .5rem 1.25rem;font-style:italic}.guide-divider{background:var(--amber);border:none;border-radius:1px;width:48px;height:2px;margin:3rem auto}.guide-breakout{max-width:1000px;margin:2.5rem auto;padding:0 24px}.guide-breakout figcaption{font-family:var(--font-mono);color:var(--text-dim);text-align:center;letter-spacing:.025em;margin-top:12px;font-size:11px}.guide-article-image-wrap{border:1px solid var(--border);background:var(--surface-elevated);border-radius:14px;margin-bottom:24px;position:relative;overflow:hidden;box-shadow:0 18px 48px #7850141f}.guide-article-image{width:100%;height:auto;display:block}.guide-inline-figure{margin:2rem -24px}.guide-image-caption{font-family:var(--font-mono);color:var(--text-dim);text-align:center;letter-spacing:.025em;justify-items:center;gap:8px;margin:-12px 24px 20px;font-size:11px;line-height:1.5;display:grid}@media (prefers-color-scheme:dark){.guide-article-image-wrap{box-shadow:0 18px 56px #00000059}}.guide-agent{background:var(--surface);border:1px solid var(--border);border-radius:12px;grid-template-columns:48px 1fr;align-items:start;gap:16px;padding:20px 24px;display:grid}@media (prefers-color-scheme:dark){.guide-agent{-webkit-backdrop-filter:blur(12px)}}.guide-agent--hero{background:var(--surface-elevated);border-color:#f59e0b59;border-color:color-mix(in srgb, var(--border) 50%, var(--amber) 50%);box-shadow:0 4px 20px #f59e0b14}.guide-agent-num{width:48px;height:48px;font-family:var(--font-display);border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:700;display:flex}.guide-agent-name{margin-bottom:4px;font-size:16px;font-weight:700}.guide-agent-role{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;margin-bottom:8px;font-size:10px;font-weight:600}.guide-agent-desc{color:var(--text-dim);font-size:13px;line-height:1.6}.guide-agent-output{font-family:var(--font-mono);border-radius:6px;margin-top:8px;padding:3px 10px;font-size:11px;display:inline-block}.guide-agent--amber{border-left:3px solid var(--amber)}.guide-agent--amber .guide-agent-num{background:var(--amber-dim);color:var(--amber)}.guide-agent--amber .guide-agent-role{color:var(--amber)}.guide-agent--amber .guide-agent-output{background:var(--amber-dim);color:var(--amber)}.guide-agent--orange{border-left:3px solid var(--orange)}.guide-agent--orange .guide-agent-num{background:var(--orange-dim);color:var(--orange)}.guide-agent--orange .guide-agent-role{color:var(--orange)}.guide-agent--orange .guide-agent-output{background:var(--orange-dim);color:var(--orange)}.guide-agent--accent{border-left:3px solid var(--accent)}.guide-agent--accent .guide-agent-num{background:var(--accent-dim);color:var(--accent)}.guide-agent--accent .guide-agent-role{color:var(--accent)}.guide-agent--accent .guide-agent-output{background:var(--accent-dim);color:var(--accent)}.guide-agent--emerald{border-left:3px solid var(--emerald)}.guide-agent--emerald .guide-agent-num{background:var(--emerald-dim);color:var(--emerald)}.guide-agent--emerald .guide-agent-role{color:var(--emerald)}.guide-agent--emerald .guide-agent-output{background:var(--emerald-dim);color:var(--emerald)}.guide-agent--rose{border-left:3px solid var(--rose)}.guide-agent--rose .guide-agent-num{background:var(--rose-dim);color:var(--rose)}.guide-agent--rose .guide-agent-role{color:var(--rose)}.guide-agent--rose .guide-agent-output{background:var(--rose-dim);color:var(--rose)}.guide-agent--stone{border-left:3px solid var(--stone)}.guide-agent--stone .guide-agent-num{background:var(--stone-dim);color:var(--stone)}.guide-agent--stone .guide-agent-role{color:var(--stone)}.guide-agent--stone .guide-agent-output{background:var(--stone-dim);color:var(--stone)}.guide-flow-arrow{color:var(--text-dim);font-family:var(--font-mono);justify-content:center;align-items:center;gap:8px;padding:6px 0;font-size:11px;display:flex}.guide-flow-arrow svg{fill:none;width:18px;height:18px;stroke:var(--border-bright);stroke-width:2px;stroke-linecap:round;stroke-linejoin:round}.guide-entry{background:var(--surface-elevated);border:1px solid #f59e0b59;border:1px solid color-mix(in srgb, var(--border) 50%, var(--amber) 50%);text-align:center;border-radius:12px;padding:24px 28px;box-shadow:0 4px 20px #f59e0b14}.guide-entry-title{font-family:var(--font-display);margin-bottom:8px;font-size:20px;font-weight:600}.guide-entry-desc{color:var(--text-dim);font-size:13px;line-height:1.5}.guide-entry-paths{justify-content:center;gap:12px;margin-top:12px;display:flex}.guide-path-pill{font-family:var(--font-mono);background:var(--amber-dim);color:var(--amber);border:1px solid #f59e0b66;border:1px solid color-mix(in srgb, transparent 60%, var(--amber) 40%);border-radius:20px;padding:5px 14px;font-size:11px;font-weight:500}.guide-quality-gate{grid-template-columns:repeat(3,1fr);gap:12px;display:grid}.guide-gate-outcome{background:var(--surface2);border:1px solid var(--border);text-align:center;border-radius:8px;padding:12px 16px}.guide-gate-outcome .gate-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;margin-bottom:4px;font-size:10px;font-weight:600}.guide-gate-outcome .gate-desc{color:var(--text-dim);font-size:12px;line-height:1.4}.guide-gate--pass .gate-label{color:var(--emerald)}.guide-gate--revise .gate-label{color:var(--amber)}.guide-gate--reset .gate-label{color:var(--rose)}.guide-kpi-row{grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:24px;display:grid}.guide-kpi-card{background:var(--surface-elevated);border:1px solid var(--border);text-align:center;border-radius:10px;padding:18px;box-shadow:0 2px 8px #0000000d}@media (prefers-color-scheme:dark){.guide-kpi-card{-webkit-backdrop-filter:blur(12px);box-shadow:0 4px 16px #0003}}.guide-kpi-value{font-family:var(--font-display);font-size:36px;font-weight:700;line-height:1.1}.guide-kpi-value--amber{color:var(--amber)}.guide-kpi-value--orange{color:var(--orange)}.guide-kpi-value--accent{color:var(--accent)}.guide-kpi-value--emerald{color:var(--emerald)}.guide-kpi-label{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);margin-top:6px;font-size:10px;font-weight:600}.guide-kpi-name{margin-top:4px;font-size:14px;font-weight:600}.guide-table-wrap{background:var(--surface);border:1px solid var(--border);border-radius:12px;margin-bottom:24px;overflow:hidden}@media (prefers-color-scheme:dark){.guide-table-wrap{-webkit-backdrop-filter:blur(16px)}}.guide-table-scroll{-webkit-overflow-scrolling:touch;overflow-x:auto}.guide-data-table{border-collapse:collapse;width:100%;font-size:13px;line-height:1.55}.guide-data-table thead{z-index:2;position:sticky;top:0}.guide-data-table th{background:var(--surface2);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.09em;color:var(--text-dim);text-align:left;border-bottom:2px solid var(--border-bright);white-space:nowrap;padding:14px 16px;font-size:10px;font-weight:600}.guide-data-table th.col-amber{color:var(--amber)}.guide-data-table th.col-orange{color:var(--orange)}.guide-data-table th.col-accent{color:var(--accent)}.guide-data-table th.col-emerald{color:var(--emerald)}@media (prefers-color-scheme:dark){.guide-data-table th{background:#ffffff0d}}.guide-data-table td{border-bottom:1px solid var(--border);vertical-align:top;padding:14px 16px}.guide-data-table td:first-child{white-space:nowrap;min-width:140px;font-size:12px;font-weight:600}.guide-data-table tbody tr:last-child td{border-bottom:none}.guide-data-table tbody tr:nth-child(2n){background:var(--accent-dim)}.guide-data-table tbody tr{transition:background .15s}.guide-data-table tbody tr:hover{background:var(--border)}.guide-data-table small{color:var(--text-dim);margin-top:3px;font-size:11px;display:block}.guide-badge{font-family:var(--font-mono);white-space:nowrap;border-radius:6px;align-items:center;gap:4px;padding:2px 8px;font-size:10px;font-weight:600;display:inline-flex}.guide-badge--amber{background:var(--amber-dim);color:var(--amber)}.guide-badge--orange{background:var(--orange-dim);color:var(--orange)}.guide-badge--accent{background:var(--accent-dim);color:var(--accent)}.guide-badge--emerald{background:var(--emerald-dim);color:var(--emerald)}.guide-badge--rose{background:var(--rose-dim);color:var(--rose)}.guide-spectrum{border:1px solid var(--border);border-radius:12px;align-items:stretch;gap:0;margin-bottom:24px;display:flex;overflow:hidden}.guide-spectrum-level{text-align:center;border-right:1px solid var(--border);flex:1;padding:20px 16px;transition:transform .2s}.guide-spectrum-level:last-child{border-right:none}.guide-spectrum-level:hover{transform:translateY(-2px)}.guide-spectrum-num{font-family:var(--font-display);margin-bottom:4px;font-size:28px;font-weight:700}.guide-spectrum-name{margin-bottom:6px;font-size:13px;font-weight:600}.guide-spectrum-desc{color:var(--text-dim);font-size:11px;line-height:1.5}.guide-spectrum-price{font-family:var(--font-mono);border-radius:6px;margin-top:8px;padding:3px 8px;font-size:10px;font-weight:500;display:inline-block}.guide-checklist-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px;margin-bottom:24px;display:grid}.guide-checklist-card{background:var(--surface);border:1px solid var(--border);border-radius:10px;padding:16px 18px;transition:border-color .15s}@media (prefers-color-scheme:dark){.guide-checklist-card{-webkit-backdrop-filter:blur(8px)}}.guide-checklist-card:hover{border-color:var(--accent)}.guide-checklist-title{align-items:center;gap:8px;margin-bottom:4px;font-size:14px;font-weight:600;display:flex}.guide-checklist-dot{border-radius:50%;flex-shrink:0;width:8px;height:8px}.guide-checklist-desc{color:var(--text-dim);font-size:12px;line-height:1.5}.guide-callout{background:var(--surface2);border:1px solid var(--border);border-left:3px solid var(--amber);color:var(--text-dim);border-radius:0 8px 8px 0;padding:14px 18px;font-size:13px;line-height:1.6}.guide-callout strong{color:var(--text);font-weight:600}.guide-faq-section{margin-top:3rem}.guide-faq-section h2{font-family:var(--font-display);margin-bottom:1.5rem;font-size:clamp(1.5rem,3vw,2rem);font-weight:600}.guide-faq-item{border-bottom:1px solid var(--border);padding:1.25rem 0}.guide-faq-item:last-child{border-bottom:none}.guide-faq-item h3{color:var(--text);margin:0 0 .5rem;font-size:1rem;font-weight:600}.guide-faq-item p{color:var(--text-dim);margin:0;font-size:15px;line-height:1.7}.guide-footer{border-top:1px solid var(--border);text-align:center;max-width:680px;margin:4rem auto 0;padding:2rem 24px 4rem}.guide-footer p{font-family:var(--font-mono);color:var(--text-dim);font-size:12px}.guide-footer a{color:var(--amber);border-bottom:1px solid #f59e0b66;border-bottom:1px solid color-mix(in srgb, transparent 60%, var(--amber) 40%);text-decoration:none;transition:border-color .15s}.guide-footer a:hover{border-color:var(--amber)}.guide-mermaid-wrap{background:var(--surface);border:1px solid var(--border);scrollbar-width:thin;scrollbar-color:var(--border) transparent;border-radius:12px;margin-bottom:24px;padding:32px 24px;position:relative;overflow:auto}@media (prefers-color-scheme:dark){.guide-mermaid-wrap{-webkit-backdrop-filter:blur(16px)}}.guide-mermaid-wrap .mermaid{transform-origin:top;justify-content:center;transition:transform .2s;display:flex}.guide-zoom-controls{z-index:10;background:var(--surface);border:1px solid var(--border);border-radius:6px;gap:2px;padding:2px;display:flex;position:absolute;top:8px;right:8px}.guide-zoom-controls button{width:28px;height:28px;color:var(--text-dim);font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;font-size:14px;transition:background .15s,color .15s;display:flex}.guide-zoom-controls button:hover{background:var(--accent-dim);color:var(--accent)}.guide-legend{flex-wrap:wrap;gap:20px;margin-bottom:20px;display:flex}.guide-legend-item{font-family:var(--font-mono);color:var(--text-dim);align-items:center;gap:6px;font-size:11px;display:flex}.guide-legend-swatch{border-radius:3px;width:12px;height:12px}@media (width<=768px){.guide-header{padding-top:48px}.guide-kpi-row,.guide-quality-gate{grid-template-columns:1fr}.guide-agent{grid-template-columns:40px 1fr;gap:12px}.guide-agent-num{width:40px;height:40px;font-size:18px}.guide-entry-paths{flex-direction:column;align-items:center}.guide-data-table th,.guide-data-table td{padding:10px 12px}.guide-checklist-grid{grid-template-columns:1fr}.guide-spectrum{flex-direction:column}.guide-spectrum-level{border-right:none;border-bottom:1px solid var(--border)}.guide-spectrum-level:last-child{border-bottom:none}.guide-mermaid-wrap{padding:16px 12px}}