@import "https://fonts.googleapis.com/css2?family=Noto+Sans+SC:wght@400;500;700;800&family=Space+Grotesk:wght@500;700&display=swap";
:root{--bg:#f5f6fa;--surface:#fffc;--surface-strong:#fff;--line:#121a2d14;--text:#16181d;--muted:#687287;--muted-strong:#3f485b;--accent:#ff7a18;--accent-deep:#f05f00;--accent-soft:#ffe6cf;--success:#0e9f6e;--danger:#d14343;--shadow-soft:0 20px 50px #191f2d14;--shadow-card:0 16px 40px #191f2d12;--radius-lg:34px;--container:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:radial-gradient(circle at top left, #ffb95c29, transparent 32%), radial-gradient(circle at top right, #ff7a1814, transparent 28%), linear-gradient(180deg, #fffaf4 0%, var(--bg) 28%, #eef1f7 100%);color:var(--text);min-height:100vh;margin:0;font-family:Noto Sans SC,sans-serif;line-height:1.6}body:before{content:"";pointer-events:none;z-index:-1;background-image:linear-gradient(#121a2d0a 1px,#0000 1px),linear-gradient(90deg,#121a2d0a 1px,#0000 1px);background-size:28px 28px;position:fixed;inset:0;-webkit-mask-image:linear-gradient(#ffffff75,#0000 75%);mask-image:linear-gradient(#ffffff75,#0000 75%)}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.site-shell{z-index:20;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);padding:18px 0;position:sticky;top:0}.site-shell:after{content:"";z-index:-1;background:#ffffffb8;border-bottom:1px solid #121a2d0f;position:absolute;inset:0}.container{max-width:var(--container);margin:0 auto;padding:0 24px}.topbar{justify-content:space-between;align-items:center;gap:18px;display:flex}.brand{align-items:center;gap:12px;display:inline-flex}.brand-mark{color:#fff;letter-spacing:.08em;background:linear-gradient(145deg,#ff9918,#ff6a00);border-radius:18px;justify-content:center;align-items:center;width:46px;height:46px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;display:inline-flex;box-shadow:0 14px 28px #ff7a184d}.brand-copy strong{letter-spacing:-.03em;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1rem;display:block}.brand-copy span{color:var(--muted);font-size:.84rem;display:block}.nav-wrap{align-items:center;gap:14px;display:flex}.nav-links,.utility-links{align-items:center;gap:8px;display:flex}.nav-link,.utility-link{color:var(--muted-strong);border:1px solid #0000;border-radius:999px;padding:10px 14px;transition:all .22s}.utility-button{color:var(--muted-strong);background:#fffc;border:1px solid #121a2d14;border-radius:999px;padding:10px 14px;transition:all .22s}.nav-link:hover,.utility-link:hover,.nav-link.active,.utility-button:hover,.utility-link.active{color:var(--text);box-shadow:var(--shadow-card);background:#fffc;border-color:#121a2d14}.utility-link.primary{color:#fff;background:linear-gradient(135deg,#ff8d1e,#ff6a00);border-color:#0000}.menu-toggle{color:var(--text);background:#ffffffe0;border:1px solid #121a2d14;border-radius:14px;padding:12px 14px;display:none}.mobile-panel{box-shadow:var(--shadow-soft);background:#fffffff2;border:1px solid #121a2d14;border-radius:24px;margin-top:16px;padding:16px;display:none}.mobile-panel.is-open{gap:12px;display:grid}.mobile-panel a{background:#f5f6fae6;border-radius:16px;padding:12px 14px}.page-main{padding:24px 0 100px}.page-main.compact{padding-top:8px}.section{margin-top:34px}.section:first-child{margin-top:0}.section-head{justify-content:space-between;align-items:end;gap:16px;margin-bottom:18px;display:flex}.section-head h2,.section-head h3{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;line-height:1.08}.section-head h2{font-size:clamp(1.6rem,3vw,2.4rem)}.section-head h3{font-size:1.3rem}.section-head p,.section-note{color:var(--muted);max-width:720px;margin:4px 0 0}.eyebrow{color:var(--accent-deep);letter-spacing:.14em;text-transform:uppercase;margin:0 0 10px;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:.82rem;font-weight:700}.hero{grid-template-columns:minmax(0,1.18fr) minmax(320px,.82fr);gap:22px;display:grid}.hero-card,.card,.glass-card{background:var(--surface);border-radius:var(--radius-lg);box-shadow:var(--shadow-soft);border:1px solid #ffffffd9;overflow:hidden}.hero-card{padding:38px;position:relative}.hero-card:before{content:"";pointer-events:none;background:linear-gradient(120deg,#ff924b38,#0000 46%);width:260px;height:260px;position:absolute;top:-80px;right:-60px}.hero-card h1{letter-spacing:-.06em;max-width:12ch;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:clamp(2.3rem,5vw,4.5rem);line-height:.96}.hero-card p{color:var(--muted-strong);max-width:60ch;margin:18px 0 0;font-size:1.04rem}.hero-stats{flex-wrap:wrap;gap:12px;margin-top:22px;display:flex}.mini-stat{background:#ffffffc2;border:1px solid #121a2d0f;border-radius:20px;min-width:132px;padding:12px 16px}.mini-stat strong{letter-spacing:-.04em;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.15rem;display:block}.mini-stat span{color:var(--muted);font-size:.88rem}.search-panel{box-shadow:var(--shadow-card);background:#ffffffd6;border:1px solid #121a2d14;border-radius:26px;align-items:center;gap:12px;margin-top:28px;padding:10px;display:flex}.search-panel input{color:var(--text);background:0 0;border:0;outline:none;flex:1;min-width:0;padding:10px 14px}.button{border:1px solid #0000;border-radius:999px;justify-content:center;align-items:center;gap:10px;padding:12px 18px;transition:transform .18s,box-shadow .18s,border-color .18s;display:inline-flex}.button:hover{transform:translateY(-1px)}.button:disabled{cursor:not-allowed;opacity:.7;transform:none}.button.primary{color:#fff;background:linear-gradient(135deg,#ff8f27,#ff6c00);box-shadow:0 12px 24px #ff7a183d}.button.secondary{background:#ffffffc2;border-color:#121a2d1a}.chip-row,.tag-row,.filter-row{flex-wrap:wrap;gap:10px;display:flex}.chip,.tag,.filter-chip,.badge{border-radius:999px;align-items:center;gap:8px;padding:10px 14px;font-size:.86rem;line-height:1;display:inline-flex}.chip,.filter-chip{color:var(--muted-strong);cursor:pointer;background:#ffffffc2;border:1px solid #121a2d14}.chip.active,.filter-chip.active{background:var(--accent-soft);color:var(--accent-deep);border-color:#ff7a182e}.tag,.badge{color:var(--muted-strong);background:#f5f6faf5;border:1px solid #121a2d0f;padding:8px 12px}.badge.success{color:var(--success);background:#0e9f6e1a;border-color:#0e9f6e24}.badge.danger{color:var(--danger);background:#d143431a;border-color:#d1434324}.badge.ads{color:var(--accent-deep);background:#ff7a181f;border-color:#ff7a1829}.hero-side{gap:18px;display:grid}.hero-stack{background:linear-gradient(150deg,#fffffff5,#fff4e8e6),radial-gradient(circle at 100% 0,#ff7a1829,#0000 42%);min-height:100%;padding:28px}.stack-card{background:#ffffffe0;border:1px solid #121a2d14;border-radius:24px;margin-bottom:14px;padding:18px}.stack-card:last-child{margin-bottom:0}.stack-card h3,.stack-card h4{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif}.stack-card p{color:var(--muted);margin:8px 0 0}.signal-list,.stat-list{gap:12px;display:grid}.signal-item,.stat-item{justify-content:space-between;align-items:center;gap:12px;display:flex}.signal-item strong,.stat-item strong{letter-spacing:-.04em;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.05rem}.signal-item span,.stat-item span{color:var(--muted);font-size:.9rem}.grid-2,.grid-3,.grid-4{gap:18px;display:grid}.grid-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-3{grid-template-columns:repeat(3,minmax(0,1fr))}.grid-4{grid-template-columns:repeat(4,minmax(0,1fr))}.card{padding:20px}.card.soft{background:linear-gradient(#ffffffe0,#fff6ecd6)}.card,.hero-card,.category-card,.tool-card,.topic-card,.insight-card,.comparison-card,.stage-card,.review-card,.component-card,.principle-card,.swatch-card,.type-card{transition:transform .24s,box-shadow .24s,border-color .24s}.category-card:hover,.tool-card:hover,.topic-card:hover,.insight-card:hover,.comparison-card:hover,.stage-card:hover,.review-card:hover,.component-card:hover,.principle-card:hover,.swatch-card:hover,.type-card:hover{border-color:#ff7a1829;transform:translateY(-4px);box-shadow:0 20px 44px #171d2c1a}.card h3,.card h4,.topic-hero h1,.detail-head h1,.auth-card h1{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif}.card p{color:var(--muted);margin:10px 0 0}.logo-badge{background:linear-gradient(145deg,#ff8c2a2e,#ff7a1814);border:1px solid #ff7a1824;border-radius:18px;justify-content:center;align-items:center;width:44px;height:44px;font-family:Space Grotesk,sans-serif;font-size:1rem;font-weight:700;display:inline-flex}.tool-card{gap:16px;height:100%;display:grid;position:relative}.tool-card:before{content:"";background:linear-gradient(90deg,#ff7a186b,#ff7a1800);border-radius:999px;height:4px;position:absolute;top:0;left:20px;right:20px}.tool-card.soft:before{background:linear-gradient(90deg,#ff7a18e0,#ffad6d47)}.tool-head{justify-content:space-between;align-items:start;gap:14px;display:flex}.tool-copy strong{font-size:1rem;display:block}.tool-copy span{color:var(--muted);margin-top:2px;font-size:.88rem;display:block}.tool-desc{color:var(--muted-strong);min-height:60px;font-size:.94rem}.tool-meta{flex-wrap:wrap;gap:8px;display:flex}.tool-actions{justify-content:space-between;align-items:center;gap:10px;margin-top:auto;display:flex}.hero-proof-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:22px;display:grid}.proof-card{background:#ffffffc2;border:1px solid #121a2d0f;border-radius:22px;padding:16px}.proof-card strong{letter-spacing:-.04em;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1rem;display:block}.proof-card p{color:var(--muted);margin:8px 0 0;font-size:.88rem}.link-inline{color:var(--accent-deep);font-weight:700}.category-card{background:linear-gradient(#ffffffeb,#fff6ecc7),radial-gradient(circle at 100% 0,#ff7a182e,#0000 45%);gap:16px;min-height:180px;padding:22px;display:grid;position:relative}.category-card:before{content:"";background:linear-gradient(90deg,#ff7a1894,#ff7a1800);border-radius:999px;height:4px;position:absolute;top:0;left:22px;right:22px}.category-card:after{content:"";background:#ff7a1814;border-radius:999px;width:120px;height:120px;position:absolute;top:-38px;right:-28px}.category-card>*{z-index:1;position:relative}.category-card strong{letter-spacing:-.04em;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.18rem}.category-card p{margin:0}.stat-strip{flex-wrap:wrap;gap:12px;display:flex}.stat-chip{background:#ffffffd6;border:1px solid #121a2d14;border-radius:18px;padding:10px 12px}.stat-chip strong{font-size:1rem;display:block}.stat-chip span{color:var(--muted);font-size:.82rem}.list-card{gap:14px;display:grid}.rank-item,.feed-item,.signal-row{border-top:1px solid #121a2d0f;justify-content:space-between;align-items:center;gap:14px;padding-top:14px;display:flex}.rank-item:first-child,.feed-item:first-child,.signal-row:first-child{border-top:0;padding-top:0}.rank-left,.feed-left{align-items:center;gap:14px;min-width:0;display:flex}.rank-num{color:#fff;background:linear-gradient(135deg,#ff8c26,#ff6c00);border-radius:15px;justify-content:center;align-items:center;width:34px;height:34px;font-family:Space Grotesk,sans-serif;font-size:.95rem;font-weight:700;display:inline-flex}.rank-copy strong,.feed-copy strong{display:block}.rank-copy span,.feed-copy span{color:var(--muted);font-size:.88rem;display:block}.ad-banner,.cta-panel{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:24px;display:grid}.ad-banner{background:linear-gradient(125deg,#ff90362e,#fffffff0),linear-gradient(#ffffffeb,#fff6ecd1);border:1px solid #ff7a181f}.ad-banner strong{letter-spacing:-.04em;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.16rem;display:block}.ad-banner p{color:var(--muted);margin:6px 0 0}.topic-card{gap:16px;min-height:240px;padding:22px;display:grid;position:relative}.topic-card:before{content:"";background:linear-gradient(90deg,#ff7a1870,#ff7a1800);border-radius:999px;height:4px;position:absolute;top:0;left:22px;right:22px}.topic-card.accent{background:linear-gradient(145deg,#fffffff0,#fff1e0e0),radial-gradient(circle at 100% 0,#ff7a182e,#0000 48%)}.topic-card h3{font-size:1.32rem}.topic-card .meta{color:var(--muted);flex-wrap:wrap;gap:12px;display:flex}.topic-card ul{color:var(--muted-strong);margin:0;padding-left:18px}.cta-panel{background:linear-gradient(130deg,#ff7a181f,#ffffffeb),linear-gradient(#fffffffa,#fff6ecdb)}.cta-panel h2{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:clamp(1.7rem,4vw,2.7rem)}.cta-panel p{color:var(--muted);max-width:58ch;margin:8px 0 0}.breadcrumb{color:var(--muted);flex-wrap:wrap;gap:10px;margin-bottom:14px;display:flex}.breadcrumb span:after{color:#68728799;content:"/";margin-left:10px}.breadcrumb span:last-child:after{content:"";margin:0}.compact-hero,.detail-layout,.form-layout,.auth-layout,.dashboard-layout{gap:20px;display:grid}.compact-hero{grid-template-columns:minmax(0,1.08fr) minmax(260px,.92fr)}.compact-hero .hero-card h1,.detail-head h1,.topic-hero h1,.search-hero h1,.auth-card h1{font-size:clamp(2rem,4vw,3.4rem)}.filter-panel,.sidebar-panel,.detail-side,.form-side,.dashboard-side{gap:16px;display:grid}.layout-split{grid-template-columns:minmax(0,.74fr) minmax(280px,.26fr);gap:20px;display:grid}.screenshot-panel{background:linear-gradient(135deg,#ff7a1829,#fffffff0),linear-gradient(#fff,#fff5ea);border:1px solid #121a2d14;border-radius:30px;padding:22px;overflow:hidden}.screen-chrome{align-items:center;gap:8px;margin-bottom:16px;display:flex}.screen-dot{background:#121a2d29;border-radius:999px;width:10px;height:10px;display:inline-block}.screen-body{background:#ffffffe6;border:1px solid #121a2d14;border-radius:24px;gap:16px;min-height:340px;padding:24px;display:grid}.screen-hero{background:linear-gradient(135deg,#ff7a181f,#fff4e9db);border-radius:22px;min-height:120px;padding:18px}.screen-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;display:grid}.screen-card{background:#f5f6faeb;border-radius:18px;min-height:88px}.detail-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.detail-quick-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:22px;display:grid}.quick-fact{background:#fffc;border:1px solid #121a2d0f;border-radius:22px;padding:16px 18px}.quick-fact span{color:var(--muted);font-size:.86rem;display:block}.quick-fact strong{letter-spacing:-.04em;margin-top:6px;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1rem;display:block}.detail-item{background:#f5f6fad1;border:1px solid #121a2d0f;border-radius:22px;padding:16px 18px}.detail-item span{color:var(--muted);font-size:.88rem;display:block}.detail-item strong{margin-top:4px;font-size:1rem;display:block}.detail-side .card,.sidebar-panel .card,.form-side .card,.dashboard-side .card{padding:22px}.decision-card{background:linear-gradient(145deg,#fffffff5,#fff2e3e6),radial-gradient(circle at 100% 0,#ff7a1829,#0000 46%)}.decision-card h3{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.26rem}.decision-list{color:var(--muted-strong);margin:16px 0 0;padding-left:18px}.decision-list li+li{margin-top:10px}.detail-cta-group{gap:10px;margin-top:18px;display:grid}.screen-note{color:var(--muted);margin-top:2px;font-size:.88rem}.topic-hero,.search-hero{padding:34px}.topic-index,.search-results{gap:18px;display:grid}.topic-strip{flex-wrap:wrap;gap:10px;display:flex}.topic-block{padding:24px}.topic-block h3{font-size:1.22rem}.topic-block p{max-width:60ch}.form-layout{grid-template-columns:minmax(0,.68fr) minmax(280px,.32fr)}.form-card,.auth-card,.dashboard-card{padding:28px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.field{gap:10px;display:grid}.field.full{grid-column:1/-1}.field label{font-size:.92rem;font-weight:700}.field input,.field select,.field textarea{color:var(--text);background:#f5f6faeb;border:1px solid #121a2d14;border-radius:18px;outline:none;padding:14px 16px;transition:border-color .18s,box-shadow .18s}.field input:focus,.field select:focus,.field textarea:focus{border-color:#ff7a1847;box-shadow:0 0 0 4px #ff7a1814}.field textarea{resize:vertical;min-height:140px}.field-readout{background:#f5f6faeb;border:1px solid #121a2d14;border-radius:18px;justify-content:space-between;align-items:center;min-height:54px;padding:14px 16px;display:flex}.field-readout strong{letter-spacing:-.03em;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:.96rem}.field-readout span,.helper{color:var(--muted);font-size:.84rem}.sr-only-field{width:1px;height:0;position:absolute;top:auto;left:-9999px;overflow:hidden}.inline-code{background:#121a2d0f;border-radius:999px;padding:8px 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.82rem;display:inline-flex}.code-textarea{white-space:pre;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,Liberation Mono,monospace;font-size:.88rem;line-height:1.65;color:#f7f8fb!important;background:#12161f!important;border-color:#ff7a1829!important;min-height:560px!important}.editor-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;display:flex}.inline-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.form-status{border:1px solid #121a2d14;border-radius:22px;margin-top:18px;padding:18px}.form-status.success{background:#0e9f6e14;border-color:#0e9f6e24}.form-status.error{background:#d1434314;border-color:#d1434324}.form-status strong{letter-spacing:-.03em;font-family:Space Grotesk,Noto Sans SC,sans-serif;display:block}.form-status p{color:var(--muted-strong);margin:8px 0 0}.issue-list{gap:10px;margin:14px 0 0;padding:0;list-style:none;display:grid}.issue-list li{background:#ffffffb8;border-radius:16px;padding:12px 14px}.issue-list span{color:var(--muted);font-size:.82rem;display:block}.issue-list strong{letter-spacing:0;margin-top:4px;font-family:inherit;font-size:.94rem;display:block}.check-row{align-items:start;gap:12px;display:flex}.check-row input{margin-top:5px}.bullet-list,.plain-list{color:var(--muted-strong);margin:0;padding-left:18px}.bullet-list li+li,.plain-list li+li{margin-top:8px}.auth-layout{grid-template-columns:minmax(0,.52fr) minmax(320px,.48fr);align-items:center;min-height:calc(100vh - 180px)}.auth-showcase{background:linear-gradient(145deg,#fffffff0,#fff4e8e0),radial-gradient(circle at 100% 0,#ff7a182e,#0000 45%);min-height:100%;padding:34px}.auth-showcase h2{letter-spacing:-.05em;max-width:10ch;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:clamp(2.1rem,5vw,3.6rem);line-height:.98}.auth-showcase p{color:var(--muted-strong);max-width:50ch;margin:16px 0 0}.auth-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:26px;display:grid}.auth-chip{background:#ffffffdb;border:1px solid #121a2d14;border-radius:22px;padding:18px}.auth-card p{color:var(--muted)}.auth-card .button{width:100%}.auth-card .field+.field{margin-top:14px}.dashboard-layout{grid-template-columns:minmax(240px,.28fr) minmax(0,.72fr)}.dashboard-menu a{background:#f5f6fadb;border:1px solid #121a2d0f;border-radius:18px;justify-content:space-between;align-items:center;margin-top:10px;padding:14px 16px;display:flex}.dashboard-menu a.active{background:var(--accent-soft);color:var(--accent-deep);border-color:#ff7a182e}.dashboard-metrics{grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;display:grid}.metric-card{background:#ffffffd6;border:1px solid #121a2d0f;border-radius:22px;padding:18px}.metric-card span{color:var(--muted);font-size:.84rem;display:block}.metric-card strong{letter-spacing:-.04em;margin-top:8px;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.34rem;display:block}.table-wrap{overflow-x:auto}.table-subcopy{color:var(--muted);margin-top:4px;font-size:.82rem}.record-list{gap:12px;display:grid}.record-row{background:#f5f6fadb;border:1px solid #121a2d0f;border-radius:18px;padding:14px 16px}.record-row strong{font-size:.96rem;display:block}.record-row span{color:var(--muted);margin-top:4px;font-size:.84rem;display:block}.review-queue{gap:18px;display:grid}.review-queue-card{background:linear-gradient(150deg,#fffffff0,#fff5e9d6),radial-gradient(circle at 100% 0,#ff7a181f,#0000 44%);border:1px solid #121a2d14;border-radius:28px;padding:22px}.review-queue-head{justify-content:space-between;align-items:start;gap:12px;display:flex}.review-queue-head strong{letter-spacing:-.04em;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.1rem;display:block}.review-queue-head p{color:var(--muted);margin:6px 0 0}.review-meta-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin-top:16px;display:grid}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-top:1px solid #121a2d0f;padding:16px 10px}th{color:var(--muted);text-transform:uppercase;border-top:0;font-size:.84rem;font-weight:700}.status-pill{border-radius:999px;padding:8px 10px;font-size:.82rem;display:inline-flex}.status-pill.pending{color:var(--accent-deep);background:#ff7a181f}.status-pill.approved{color:var(--success);background:#0e9f6e1f}.status-pill.rejected{color:var(--danger);background:#d143431f}.footer{padding:24px 0 60px}.footer-card{box-shadow:var(--shadow-card);background:#ffffffbd;border:1px solid #121a2d14;border-radius:28px;grid-template-columns:minmax(0,1.1fr) repeat(3,minmax(0,.6fr));gap:22px;padding:28px;display:grid}.footer h4{letter-spacing:-.04em;margin:0 0 12px;font-family:Space Grotesk,Noto Sans SC,sans-serif}.footer p,.footer li,.footer a{color:var(--muted)}.footer ul{margin:0;padding:0;list-style:none}.footer li+li{margin-top:8px}.footer-meta{color:var(--muted);border-top:1px solid #121a2d14;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:18px;display:flex}.muted-link{color:var(--muted)}.right-actions{flex-wrap:wrap;gap:10px;display:flex}[data-reveal]{opacity:0;transition:opacity .55s,transform .55s;transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:translateY(0)}.insight-band,.comparison-grid,.stage-grid,.style-grid,.component-grid,.principle-grid{gap:18px;display:grid}.insight-band{grid-template-columns:repeat(3,minmax(0,1fr))}.comparison-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.stage-grid,.style-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.component-grid,.principle-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.insight-card,.comparison-card,.stage-card,.swatch-card,.component-card,.principle-card,.type-card{box-shadow:var(--shadow-card);background:#ffffffd1;border:1px solid #121a2d14;border-radius:28px;padding:22px}.insight-card strong,.comparison-card strong,.stage-card strong,.swatch-card strong,.component-card strong,.principle-card strong,.type-card strong{letter-spacing:-.04em;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.14rem;display:block}.insight-card p,.comparison-card p,.stage-card p,.swatch-card p,.component-card p,.principle-card p,.type-card p{margin:8px 0 0}.insight-card .badge,.comparison-card .badge,.stage-card .badge,.swatch-card .badge,.component-card .badge,.principle-card .badge{margin-bottom:12px}.comparison-card.good{background:linear-gradient(#fffffff0,#ecfff5d6),radial-gradient(circle at 100% 0,#0e9f6e1f,#0000 44%)}.comparison-card.warn{background:linear-gradient(#fffffff0,#fff3e6e6),radial-gradient(circle at 100% 0,#ff7a181f,#0000 44%)}.stage-card{min-height:220px;position:relative}.stage-card:after{content:"";background:#ff7a1814;border-radius:999px;width:74px;height:74px;position:absolute;top:18px;right:18px}.stage-card>*{z-index:1;position:relative}.stage-index{color:#fff;background:linear-gradient(135deg,#ff8f27,#ff6c00);border-radius:16px;justify-content:center;align-items:center;width:38px;height:38px;margin-bottom:16px;font-family:Space Grotesk,sans-serif;font-size:.92rem;font-weight:700;display:inline-flex}.swatch-sample{border-radius:22px;height:94px;margin-bottom:16px}.swatch-sample.orange{background:linear-gradient(135deg,#ff9f38,#ff6c00)}.swatch-sample.mist{background:linear-gradient(135deg,#fff,#eef3fb);border:1px solid #121a2d14}.swatch-sample.graphite{background:linear-gradient(135deg,#303744,#16181d)}.swatch-sample.signal{background:linear-gradient(135deg,#0e9f6e,#ffdfb5)}.type-card h3,.component-card h3,.principle-card h3{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.2rem}.type-spec{color:var(--muted);margin-top:8px;font-size:.88rem;display:block}.sample-headline{letter-spacing:-.05em;margin:16px 0 0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:clamp(1.8rem,4vw,3rem);line-height:.98}.component-preview{background:#f5f6faf5;border:1px solid #121a2d0f;border-radius:22px;min-height:132px;margin-bottom:14px;padding:18px}.preview-line{background:#121a2d14;border-radius:999px;height:10px;margin-top:10px}.preview-line.short{width:38%}.preview-line.mid{width:62%}.preview-line.long{width:92%}.preview-chip-row{flex-wrap:wrap;gap:8px;margin-top:14px;display:flex}.preview-chip{color:var(--muted-strong);background:#fff;border:1px solid #121a2d14;border-radius:999px;padding:8px 12px;font-size:.82rem}.review-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;display:grid}.review-card{box-shadow:var(--shadow-card);background:linear-gradient(150deg,#fffffff2,#fff5e9db),radial-gradient(circle at 100% 0,#ff7a1824,#0000 48%);border:1px solid #121a2d14;border-radius:28px;padding:24px}.review-card h3{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.24rem}.review-card p{margin:10px 0 0}.hero-split{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:18px;display:grid}.signal-board{box-shadow:var(--shadow-card);background:linear-gradient(160deg,#fffffff5,#fff2e3e6),radial-gradient(circle at 100% 0,#ff7a182e,#0000 46%);border:1px solid #121a2d14;border-radius:30px;gap:16px;padding:24px;display:grid}.signal-board h3{letter-spacing:-.04em;margin:0;font-family:Space Grotesk,Noto Sans SC,sans-serif;font-size:1.3rem}.signal-board .signal-item{background:#ffffffc7;border:1px solid #121a2d0f;border-radius:20px;padding:12px 14px}@media (max-width:1080px){.hero,.compact-hero,.layout-split,.form-layout,.auth-layout,.dashboard-layout{grid-template-columns:1fr}.grid-4,.grid-3,.insight-band,.stage-grid,.style-grid,.component-grid,.principle-grid,.review-grid,.hero-split,.hero-proof-grid,.detail-quick-grid,.dashboard-metrics,.footer-card{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:820px){.container{padding:0 16px}.nav-links,.utility-links{display:none}.menu-toggle{display:inline-flex}.hero-card,.hero-stack,.card,.topic-hero,.search-hero,.form-card,.auth-card,.dashboard-card,.auth-showcase{padding:24px}.ad-banner,.cta-panel,.section-head,.tool-actions,.footer-meta{flex-direction:column;grid-template-columns:1fr;align-items:start}.grid-2,.grid-3,.grid-4,.insight-band,.comparison-grid,.stage-grid,.style-grid,.component-grid,.principle-grid,.review-grid,.hero-split,.hero-proof-grid,.detail-quick-grid,.review-meta-grid,.form-grid,.inline-field-grid,.detail-grid,.screen-grid,.auth-grid{grid-template-columns:1fr}.search-panel{flex-direction:column;align-items:stretch}.button{width:100%}.footer-card{grid-template-columns:1fr}}