*{box-sizing:border-box;margin:0;padding:0}:root{--ink:#0d0d1a;--gold:#ffb800;--red:#dc1e1e;--white:#fff;--gray-light:#f8f8f8;--gray-mid:#e0e0e0;--gray-text:#666;--gray-text-light:#999;--shadow-card:0 2px 12px #00000012;--shadow-elevated:0 4px 20px #0000001f;--radius-sm:6px;--radius-md:10px;--radius-lg:14px;--max-width:1280px}body{color:var(--ink);background:#fff;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}.page-wrapper{background:#fff;min-height:100vh}.container{max-width:var(--max-width);margin:0 auto;padding:0 24px}.site-header{background:var(--ink);border-bottom:4px solid #0000;border-image:linear-gradient(90deg,#ffb800,#ff6b00,#dc1e1e,#9b59b6,#06c,#00b4d8) 1;padding:0}.header-inner{max-width:var(--max-width);align-items:center;gap:20px;margin:0 auto;padding:28px 24px;display:flex}.header-title{color:#fff;letter-spacing:2px;text-transform:uppercase;font-size:26px;font-weight:900}.header-subtitle{color:var(--gold);letter-spacing:3px;text-transform:uppercase;margin-top:2px;font-size:13px;font-weight:700}.header-label{color:#fff6;margin-top:3px;font-size:12px}.intel-bar{background:#f8f8f8;border-bottom:1px solid #e0e0e0;padding:20px 24px}.intel-bar-inner{max-width:var(--max-width);margin:0 auto}.intel-bar-label{letter-spacing:3px;text-transform:uppercase;color:#888;margin-bottom:10px;font-size:11px;font-weight:700}.intel-bar-row{flex-wrap:wrap;align-items:center;gap:32px;display:flex}.intel-item-label{color:#999;letter-spacing:.5px;text-transform:uppercase;margin-bottom:4px;font-size:11px;display:block}.color-swatches{align-items:center;gap:6px;display:flex}.color-swatch-item{align-items:center;gap:5px;display:flex}.color-swatch-dot{border:1px solid #ccc;border-radius:3px;flex-shrink:0;width:18px;height:18px}.color-swatch-name{color:#555;font-size:11px}.star-swatches{gap:5px;display:flex}.star-swatch{border-radius:50%;width:18px;height:18px}.intel-fact{color:#444;font-size:12px}.stats-bar{background:var(--ink);border-bottom:2px solid var(--gold);padding:16px 24px}.stats-bar-inner{max-width:var(--max-width);flex-wrap:wrap;justify-content:center;align-items:center;gap:0;margin:0 auto;display:flex}.stats-bar-item{color:#ffffffe6;white-space:nowrap;border-right:1px solid #ffffff26;padding:0 20px;font-size:13px;font-weight:600}.stats-bar-item:last-child{border-right:none}.stats-bar-num{color:var(--gold);font-weight:900}.concept-section{border-bottom:1px solid #ebebeb;padding:56px 24px}.concept-section:nth-child(odd){background:#fff}.concept-section:nth-child(2n){background:#f9f9f9}.concept-section-inner{max-width:var(--max-width);margin:0 auto}.concept-header{flex-wrap:wrap;align-items:flex-start;gap:16px;margin-bottom:36px;display:flex}.concept-badge{border-radius:var(--radius-md);background:var(--ink);width:52px;height:52px;color:var(--gold);border:2px solid var(--gold);flex-shrink:0;justify-content:center;align-items:center;font-size:22px;font-weight:900;display:flex}.concept-header-text{flex:1}.concept-name{color:var(--ink);margin-bottom:4px;font-size:24px;font-weight:900}.concept-angle{color:var(--gray-text);margin-bottom:10px;font-size:14px}.concept-tags{flex-wrap:wrap;gap:6px;display:flex}.concept-tag{letter-spacing:.5px;text-transform:uppercase;color:#fff;border-radius:3px;padding:3px 9px;font-size:11px;font-weight:700}.subsection{margin-bottom:40px}.subsection-title{letter-spacing:3px;text-transform:uppercase;color:#888;align-items:center;gap:10px;margin-bottom:16px;font-size:11px;font-weight:700;display:flex}.subsection-title:after{content:"";background:#e8e8e8;flex:1;height:1px}.ai-image-card{border:1px solid var(--gray-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;max-width:320px;display:inline-block;overflow:hidden}.ai-image-wrapper{background:var(--ink);width:320px;height:320px;position:relative}.ai-image-meta{padding:14px 16px}.ai-image-type{color:var(--gray-text-light);margin-bottom:8px;font-size:11px}.ai-image-download{color:var(--ink);background:var(--gold);border-radius:var(--radius-sm);letter-spacing:.5px;padding:6px 14px;font-size:12px;font-weight:700;text-decoration:none;transition:opacity .15s;display:inline-block}.ai-image-download:hover{opacity:.85}.mockup-grid{grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px;display:grid}.mockup-card{border:1px solid var(--gray-mid);border-radius:var(--radius-md);box-shadow:var(--shadow-card);background:#fff;padding:16px;text-decoration:none;transition:box-shadow .15s,transform .15s;display:block}.mockup-card:hover{box-shadow:var(--shadow-elevated);transform:translateY(-2px)}.mockup-format-badge{letter-spacing:1px;text-transform:uppercase;border-radius:3px;margin-bottom:8px;padding:3px 8px;font-size:10px;font-weight:700;display:inline-block}.format-square{color:var(--ink);background:#0d0d1a14}.format-story{color:var(--red);background:#dc1e1e14}.format-landscape{color:#06c;background:#0066cc14}.format-carousel{color:#9b59b6;background:#9b59b614}.mockup-card-title{color:var(--ink);margin-bottom:4px;font-size:14px;font-weight:800}.mockup-card-desc{color:var(--gray-text);margin-bottom:10px;font-size:12px}.mockup-card-file{color:var(--gray-text-light);background:#f0f0f0;border-radius:3px;padding:3px 7px;font-family:monospace;font-size:11px;display:inline-block}.copy-block{border:1px solid var(--gray-mid);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);background:#fff;padding:0;overflow:hidden}.copy-block-section{border-bottom:1px solid #f0f0f0;padding:20px 24px}.copy-block-section:last-child{border-bottom:none}.copy-block-section-label{letter-spacing:2px;text-transform:uppercase;color:#aaa;margin-bottom:14px;font-size:10px;font-weight:700}.copy-item{border-bottom:1px solid #f8f8f8;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.copy-item:last-child{border-bottom:none;padding-bottom:0}.copy-item-text{color:var(--ink);flex:1;font-size:14px;line-height:1.5}.copy-btn{color:var(--gray-text);cursor:pointer;white-space:nowrap;background:#f4f4f4;border:1px solid #e0e0e0;border-radius:4px;flex-shrink:0;padding:5px 10px;font-family:inherit;font-size:11px;font-weight:700;transition:background .1s,color .1s}.copy-btn:hover{background:var(--ink);color:#fff;border-color:var(--ink)}.copy-btn.copied{color:#fff;background:#060;border-color:#060}.primary-text-wrap{position:relative}.primary-text-content{color:#444;white-space:pre-line;font-size:14px;line-height:1.7}.primary-text-row{border-bottom:1px solid #f8f8f8;justify-content:space-between;align-items:flex-start;gap:12px;padding:10px 0;display:flex}.primary-text-row:last-child{border-bottom:none}.primary-text-preview{color:#555;flex:1;font-size:13px;line-height:1.6}.expand-toggle{color:#06c;cursor:pointer;white-space:nowrap;background:0 0;border:none;padding:5px 0;font-family:inherit;font-size:11px;font-weight:700}.expand-toggle:hover{text-decoration:underline}.video-placeholder{background:var(--ink);color:var(--gold);border-radius:var(--radius-lg);text-align:center;border:2px dashed #ffb8004d;padding:32px 24px}.video-placeholder-icon{margin-bottom:12px;font-size:32px}.video-placeholder-title{margin-bottom:6px;font-size:16px;font-weight:800}.video-placeholder-sub{color:#ffffff80;font-size:13px}.video-player-wrap{border-radius:var(--radius-lg);box-shadow:var(--shadow-elevated);overflow:hidden}.video-player{border-radius:var(--radius-lg);width:100%;display:block}.site-footer{background:var(--ink);text-align:center;border-top:4px solid #0000;border-image:linear-gradient(90deg,#00b4d8,#06c,#9b59b6,#dc1e1e,#ff6b00,#ffb800) 1;padding:24px}.footer-text{color:#ffffff4d;letter-spacing:1px;font-size:12px}@media (max-width:768px){.header-title,.concept-name{font-size:20px}.intel-bar-row{gap:16px}.stats-bar-inner{gap:4px}.stats-bar-item{padding:4px 10px;font-size:11px}.ai-image-wrapper{aspect-ratio:1;width:100%;height:auto}.ai-image-card{width:100%;max-width:100%}.mockup-grid{grid-template-columns:1fr 1fr}}@media (max-width:480px){.mockup-grid{grid-template-columns:1fr}.concept-section{padding:36px 16px}}