:root{--cp-bg: #ffffff;--cp-bg-muted: #f7f9fb;--cp-text: #3d4f63;--cp-heading: #1a2e44;--cp-muted: #5a6b7c;--cp-border: #e4e9ef;--cp-accent: #f7b32b;--cp-feature-span: #3d5a73;--cp-chip-bg: #f7f9fb;--cp-chip-border: #e4e9ef;--cp-chip-text: #5a6b7c}:root.dark{--cp-bg: #09090b;--cp-bg-muted: #18181b;--cp-text: #a1a1aa;--cp-heading: #f4f4f5;--cp-muted: #71717a;--cp-border: #3f3f46;--cp-accent: #f7b32b;--cp-feature-span: #a1a1aa;--cp-chip-bg: #27272a;--cp-chip-border: #3f3f46;--cp-chip-text: #a1a1aa}body{background:var(--cp-bg)}.content-page{flex:1;max-width:820px;margin:0 auto;padding:48px 24px 64px;font-family:DM Sans,sans-serif;font-size:16px;color:var(--cp-text);line-height:1.6;-webkit-font-smoothing:antialiased}.content-page h1{font-family:Work Sans,DM Sans,sans-serif;font-size:32px;font-weight:700;color:var(--cp-heading);margin-bottom:8px;line-height:1.2}.content-page h2{font-size:24px;font-weight:600;color:var(--cp-heading);margin:40px 0 12px;line-height:1.3}.content-page h2:first-of-type{margin-top:24px}.content-page h3{font-size:18px;font-weight:600;color:var(--cp-heading);margin:24px 0 8px}.content-page p{margin-bottom:16px}.content-page .lead{font-size:17px;line-height:1.7}.feature-block{background:var(--cp-bg-muted);border-left:3px solid var(--cp-accent);padding:20px 24px;margin:20px 0;border-radius:0 8px 8px 0}.feature-block h3{margin:0 0 8px;font-size:17px}.feature-block h3 span{color:var(--cp-feature-span);font-weight:400}.feature-block p{margin:0;font-size:15px}.spec-table{width:100%;border-collapse:collapse;margin:16px 0 24px;font-size:14px}.spec-table th{text-align:left;font-weight:600;color:var(--cp-heading);padding:10px 16px;background:var(--cp-bg-muted);border-bottom:2px solid var(--cp-border)}.spec-table td{padding:10px 16px;border-bottom:1px solid var(--cp-border)}.spec-table tr:last-child td{border-bottom:none}.spec-table .tier-label{font-size:11px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;color:var(--cp-muted)}.material-card{display:grid;grid-template-columns:100px 1fr;gap:12px;align-items:start;padding:16px 0;border-bottom:1px solid var(--cp-border)}.material-card:last-child{border-bottom:none}.mat-grade{font-family:Work Sans,monospace;font-size:18px;font-weight:700;color:var(--cp-heading)}.mat-app{font-size:12px;font-weight:500;color:var(--cp-accent);text-transform:uppercase;letter-spacing:.5px}.mat-desc{font-size:14px;color:var(--cp-text);margin:0}.faq-item{border-bottom:1px solid var(--cp-border)}.faq-q{display:block;width:100%;background:none;border:none;cursor:pointer;font-family:DM Sans,sans-serif;font-size:15px;font-weight:600;color:var(--cp-heading);text-align:left;padding:16px 32px 16px 0;position:relative}.faq-q:after{content:"+";position:absolute;right:0;top:16px;font-size:18px;color:var(--cp-muted);transition:transform .2s}.faq-item.open .faq-q:after{content:"\2212"}.faq-a{max-height:0;overflow:hidden;transition:max-height .25s ease;font-size:14px;color:var(--cp-text)}.faq-item.open .faq-a{max-height:300px}.faq-a-inner{padding:0 0 16px}.chip{display:inline-block;font-size:12px;font-weight:500;padding:3px 10px;border-radius:100px;background:var(--cp-chip-bg);color:var(--cp-chip-text);border:1px solid var(--cp-chip-border)}.chip.coming{background:#fef9e7;color:#92750a;border-color:#f7e49e}:root.dark .chip.coming{background:#422006;color:#fbbf24;border-color:#78350f}.content-page .tagline{font-size:17px;font-weight:600;color:var(--cp-heading);margin-top:32px}.content-page .crumb{font-size:13px;color:var(--cp-muted);margin-bottom:12px}.content-page .crumb a{color:var(--cp-muted);text-decoration:none}.content-page .crumb a:hover{color:var(--cp-heading);text-decoration:underline}.content-page .crumb-sep{margin:0 6px;color:var(--cp-border)}.content-page .frame-thumb{margin:28px auto;text-align:center}.content-page .frame-thumb img{max-width:100%;height:auto;max-height:220px;background:#fff;border:1px solid var(--cp-border);border-radius:8px;padding:16px}.content-page .frame-thumb figcaption{font-size:13px;color:var(--cp-muted);margin-top:8px}.content-page .cta-row{text-align:center;margin:32px 0}.content-page .cta-primary{display:inline-block;padding:14px 28px;background:var(--cp-accent);color:#1a2e44;text-decoration:none;border-radius:6px;font-weight:700;font-size:16px;transition:filter .15s}.content-page .cta-primary:hover{filter:brightness(.95)}.content-page .related-frames{margin-top:48px}.content-page .related-frames ul{list-style:none;padding:0;margin:16px 0 0;display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px}.content-page .related-frames li a{display:block;padding:10px 14px;border:1px solid var(--cp-border);border-radius:6px;text-decoration:none;color:var(--cp-text);transition:border-color .15s}.content-page .related-frames li a:hover{border-color:var(--cp-accent)}.content-page .related-frames .related-name{display:block;font-weight:600;color:var(--cp-heading);font-size:14px}.content-page .related-frames .related-subtitle{display:block;font-size:12px;color:var(--cp-muted);margin-top:2px}@media(max-width:640px){.content-page{padding:32px 16px 48px}.content-page h1{font-size:28px}.content-page h2{font-size:22px}.material-card{grid-template-columns:1fr}.spec-table{font-size:13px}.spec-table th,.spec-table td{padding:8px 10px}}
