.theme-hero .phead-in{display:grid;grid-template-columns:minmax(0,1.02fr) minmax(360px,.98fr);gap:72px;align-items:center}
.theme-hero h1{max-width:12ch!important}
.theme-hero .hero-cta{margin-top:30px}
.theme-preview{background:#fff;border:1px solid #d7d7d1;box-shadow:0 24px 64px rgba(22,24,21,.13);padding:14px;transform:rotate(1deg)}
.theme-preview-bar{display:flex;align-items:center;gap:7px;padding:5px 2px 15px}
.theme-preview-bar i{display:block;width:8px;height:8px;border-radius:50%;background:#c8cbc5}
.theme-preview-bar i:first-child{background:#f09b68}.theme-preview-bar i:nth-child(2){background:#f2c85b}.theme-preview-bar i:nth-child(3){background:#7ec696}
.theme-preview-label{margin-left:auto;font:700 9px/1 Arial,sans-serif;letter-spacing:.14em;text-transform:uppercase;color:#6f736b}
.theme-app{display:grid;grid-template-columns:112px 1fr;min-height:330px;background:#f5f7fb;border:1px solid #e0e5ec}
.theme-app-side{padding:20px 13px;background:#111827;color:#fff}
.theme-app-logo{font:800 12px/1.2 Archivo,sans-serif;margin-bottom:27px}.theme-app-logo span{color:#f0a34a}
.theme-app-side b{display:block;margin:9px 0;padding:9px;border-radius:4px;background:rgba(255,255,255,.07);font:600 9px/1.2 Inter,sans-serif;color:rgba(255,255,255,.72)}
.theme-app-side b.active{background:#315fda;color:#fff}
.theme-app-main{padding:22px}
.theme-app-head{display:flex;justify-content:space-between;align-items:center;margin-bottom:22px}
.theme-app-head strong{font:700 17px/1.1 Archivo,sans-serif;color:#151d2b}.theme-app-head span{padding:7px 10px;border-radius:3px;background:#315fda;color:#fff;font:700 8px/1 Arial,sans-serif;text-transform:uppercase;letter-spacing:.08em}
.theme-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-bottom:13px}
.theme-metric{background:#fff;border:1px solid #e0e5ec;padding:12px}.theme-metric small{display:block;font:600 7px/1.2 Inter,sans-serif;text-transform:uppercase;letter-spacing:.08em;color:#6a7280}.theme-metric strong{display:block;margin-top:7px;font:700 17px/1 Archivo,sans-serif;color:#151d2b}
.theme-chart{height:120px;padding:15px;background:#fff;border:1px solid #e0e5ec;display:flex;align-items:flex-end;gap:8px}
.theme-chart i{display:block;flex:1;background:#dce6ff}.theme-chart i:nth-child(1){height:38%}.theme-chart i:nth-child(2){height:58%}.theme-chart i:nth-child(3){height:44%}.theme-chart i:nth-child(4){height:78%;background:#315fda}.theme-chart i:nth-child(5){height:63%}.theme-chart i:nth-child(6){height:88%;background:#f0a34a}.theme-chart i:nth-child(7){height:72%}
.theme-bridge{display:grid;grid-template-columns:1fr 1fr;gap:28px;align-items:stretch}
.theme-definition{padding:38px;border:1px solid var(--border);background:#fff}
.theme-definition h3{font-size:1.45rem;margin-bottom:14px}.theme-definition p:last-child{margin-bottom:0}
.theme-definition.featured{background:var(--ink);border-color:var(--ink)}.theme-definition.featured h3{color:#fff}.theme-definition.featured p{color:rgba(255,255,255,.72)}
.build-steps{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:46px}
.build-step{position:relative;padding:32px 28px;border-top:4px solid var(--blue);background:#fff;box-shadow:0 12px 34px rgba(14,23,41,.08)}
.build-step:nth-child(2){border-color:var(--amber)}.build-step:nth-child(3){border-color:var(--green)}
.build-step .step-no{display:block;margin-bottom:30px;font:400 42px/1 Georgia,serif;color:#b9bdb6}.build-step h3{font-size:1.2rem;margin-bottom:10px}.build-step p{font-size:.94rem;margin:0}
.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px;margin-top:44px}
.mode-card{border:1px solid #dadfd7;background:#fff;overflow:hidden}.mode-card.dark-mode{background:#0d1422;border-color:#263247}
.mode-top{padding:24px;display:flex;align-items:center;justify-content:space-between}.mode-top h3{font-size:1.16rem}.dark-mode .mode-top h3{color:#fff}.mode-top span{font:700 10px/1 Arial,sans-serif;letter-spacing:.12em;text-transform:uppercase;color:#747972}
.dark-mode .mode-top span{color:#9ca8bc}
.palette{display:grid;grid-template-columns:repeat(6,1fr);height:92px}.palette i{display:block}
.palette.light i:nth-child(1){background:#2457d6}.palette.light i:nth-child(2){background:#173f9f}.palette.light i:nth-child(3){background:#eef3ff}.palette.light i:nth-child(4){background:#f5f7fb}.palette.light i:nth-child(5){background:#fff}.palette.light i:nth-child(6){background:#0e1729}
.palette.dark i:nth-child(1){background:#60a5fa}.palette.dark i:nth-child(2){background:#93c5fd}.palette.dark i:nth-child(3){background:#172554}.palette.dark i:nth-child(4){background:#020617}.palette.dark i:nth-child(5){background:#0f172a}.palette.dark i:nth-child(6){background:#f8fafc}
.mode-copy{padding:24px}.mode-copy p{font-size:.9rem;margin:0}.dark-mode .mode-copy p{color:#b9c2d1}
.token-board{display:grid;grid-template-columns:.85fr 1.15fr;gap:64px;align-items:start}
.token-list{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--border);border-left:1px solid var(--border)}
.token{min-height:112px;padding:20px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);background:#fff}
.token-swatch{display:block;width:32px;height:32px;margin-bottom:13px;border-radius:50%;border:1px solid rgba(14,23,41,.12)}
.token:nth-child(1) .token-swatch{background:#2457d6}.token:nth-child(2) .token-swatch{background:#173f9f}.token:nth-child(3) .token-swatch{background:#eef3ff}.token:nth-child(4) .token-swatch{background:#f5f7fb}.token:nth-child(5) .token-swatch{background:#fff}.token:nth-child(6) .token-swatch{background:#0e1729}
.token code{display:block;font:600 11px/1.3 'Courier New',monospace;color:var(--ink);word-break:break-word}
.boundary{background:var(--ink);color:#fff}.boundary .sec-title{color:#fff}.boundary .sec-intro{color:rgba(255,255,255,.7)}
.boundary-grid{display:grid;grid-template-columns:1fr 1fr;gap:28px;margin-top:46px}
.boundary-card{padding:32px;border:1px solid rgba(255,255,255,.16);background:rgba(255,255,255,.04)}.boundary-card h3{margin-bottom:18px;color:#fff}.boundary-card ul{margin:0;padding:0;list-style:none}.boundary-card li{position:relative;padding:11px 0 11px 28px;border-top:1px solid rgba(255,255,255,.1);color:rgba(255,255,255,.72)}.boundary-card li::before{position:absolute;left:0;font-weight:800}.boundary-card.yes li::before{content:'✓';color:#65d6b2}.boundary-card.no li::before{content:'×';color:#f0a34a}
.quality-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;margin-top:40px;background:var(--border);border:1px solid var(--border)}
.quality-item{position:relative;padding:24px 24px 24px 58px;background:#fff}.quality-item::before{content:'✓';position:absolute;left:24px;top:23px;width:22px;height:22px;border-radius:50%;display:grid;place-items:center;background:var(--green-soft);color:var(--green);font-weight:800;font-size:12px}.quality-item strong{display:block;color:var(--ink);font-family:Archivo,sans-serif;font-size:.96rem;margin-bottom:4px}.quality-item span{font-size:.86rem}
.theme-cta{display:grid;grid-template-columns:1fr auto;gap:38px;align-items:center;padding:50px;background:#f4efe4;border:1px solid #ded7c8}.theme-cta h2{font-size:clamp(2rem,4vw,3.3rem);max-width:16ch}.theme-cta p{max-width:58ch;margin:16px 0 0}.theme-cta-actions{display:grid;gap:12px;min-width:250px}
@media(max-width:940px){.theme-hero .phead-in,.token-board{grid-template-columns:1fr}.theme-preview{max-width:650px;transform:none}.build-steps{grid-template-columns:1fr}.theme-cta{grid-template-columns:1fr}.theme-cta-actions{display:flex;flex-wrap:wrap;min-width:0}}
@media(max-width:680px){.theme-hero .phead-in{gap:42px}.theme-app{grid-template-columns:82px 1fr;min-height:285px}.theme-app-main{padding:14px}.theme-metrics{grid-template-columns:1fr}.theme-metric:nth-child(n+2){display:none}.theme-chart{height:100px}.theme-bridge,.mode-grid,.boundary-grid,.quality-grid,.token-list{grid-template-columns:1fr}.theme-definition,.boundary-card{padding:26px}.theme-cta{padding:32px 24px}.theme-cta-actions{display:grid}.palette{height:70px}}