:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:#0f1720;color:#e8eef5;--ground: #0f1720;--ground-2: #141f2b;--surface: #1a2633;--surface-2: #223142;--ink-hi: #f5f8fb;--ink: #cdd8e4;--ink-soft: #97a8ba;--gild: #d9a441;--azure: #79a9de;--line: rgba(217, 164, 65, .24);--line-cool: rgba(190, 206, 222, .15);--shadow: 0 18px 42px -24px rgba(0, 0, 0, .8), 0 1px 0 rgba(255, 255, 255, .04) inset}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px;color:var(--ink);background:linear-gradient(135deg,rgba(217,164,65,.08),transparent 28rem),linear-gradient(225deg,rgba(121,169,222,.1),transparent 30rem),linear-gradient(180deg,#111b26,#0b1118);background-attachment:fixed;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,rgba(217,164,65,.08) 1px,transparent 1px),linear-gradient(180deg,rgba(217,164,65,.055) 1px,transparent 1px);background-size:72px 72px;-webkit-mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 72%);mask-image:linear-gradient(180deg,rgba(0,0,0,.65),transparent 72%)}button,select,textarea,input{font:inherit}button{border:1px solid var(--line);background:linear-gradient(180deg,#d9a4412e,#d9a44113);color:#f7dfaa;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;cursor:pointer;line-height:1.15;text-align:center;box-shadow:0 1px #ffffff0a inset;transition:border-color .16s ease,background .16s ease,color .16s ease,transform .12s ease,box-shadow .16s ease}button:hover{border-color:#d9a441bf;background:linear-gradient(180deg,#d9a44147,#d9a4411f);color:#fff2cf;transform:translateY(-1px);box-shadow:0 10px 22px -14px #d9a441b8,0 1px #ffffff14 inset}button:focus-visible,select:focus-visible,textarea:focus-visible,input:focus-visible{outline:2px solid var(--azure);outline-offset:2px}button.active,.tabs button.active,.checklist .checked{background:linear-gradient(180deg,#e0af50,#b9832d);color:#14100a;border-color:#f3cf86}select,textarea,.text-input{width:100%;border:1px solid var(--line-cool);border-radius:8px;background:#0c1219e6;color:var(--ink-hi);padding:10px}select,.text-input{min-height:44px}textarea{min-height:180px;resize:vertical;line-height:1.45}textarea::placeholder,input::placeholder{color:var(--ink-soft)}.app-shell{width:min(100%,1120px);margin:0 auto;min-height:100vh;background:#0f1720d1;border-left:1px solid rgba(217,164,65,.12);border-right:1px solid rgba(217,164,65,.12);box-shadow:0 0 80px -42px #000000eb}.topbar{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;gap:14px;align-items:start;padding:22px 18px 16px;overflow:hidden;background:linear-gradient(135deg,rgba(217,164,65,.12),transparent 42%),linear-gradient(180deg,#1a2735,#101922);border-bottom:1px solid var(--line)}.topbar>div{min-width:0;flex:1 1 24rem}.topbar:after{content:"";position:absolute;left:18px;right:18px;bottom:0;height:1px;background:linear-gradient(90deg,transparent,var(--gild),transparent)}h1,h2,h3,p{margin-top:0}h1{color:var(--ink-hi);font-size:clamp(1.55rem,4vw,2.35rem);line-height:1.06;margin-bottom:8px}h2{color:var(--ink-hi);font-size:1.08rem;margin-bottom:10px}h3{color:var(--ink-hi);font-size:.98rem;margin:14px 0 8px}p,li,small{line-height:1.46}a{color:#9ec5f0}.eyebrow{display:flex;align-items:center;gap:8px;margin-bottom:7px;color:var(--gild);font-size:.76rem;font-weight:750;text-transform:uppercase;letter-spacing:0}.eyebrow:before{content:"";width:8px;height:8px;flex:0 0 auto;background:var(--gild);transform:rotate(45deg);box-shadow:0 0 12px #d9a44173}.tabs{position:sticky;top:0;z-index:2;display:grid;grid-auto-flow:column;grid-auto-columns:minmax(72px,1fr);gap:7px;padding:9px;overflow-x:auto;background:#0c1219eb;border-bottom:1px solid var(--line);-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.tabs button{min-width:0;padding:9px 5px;font-size:.83rem;white-space:nowrap;background:#ffffff09;color:var(--ink);border-color:var(--line-cool)}.screen{padding:12px;display:grid;gap:12px}.two-col{grid-template-columns:1fr}.section{display:grid;gap:10px;padding:13px;background:linear-gradient(180deg,#1a2633f5,#111b25f5);border:1px solid var(--line-cool);border-radius:8px;box-shadow:var(--shadow)}.hero-panel{position:relative;display:flex;flex-wrap:wrap;justify-content:space-between;align-items:start;gap:12px;padding:16px;color:var(--ink-hi);background:linear-gradient(135deg,rgba(217,164,65,.2),transparent 44%),linear-gradient(225deg,rgba(121,169,222,.16),transparent 46%),#111b24;border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);overflow:hidden}.hero-panel>div{min-width:0;flex:1 1 24rem}.hero-panel:after{content:"";position:absolute;left:14px;right:14px;bottom:0;height:2px;background:linear-gradient(90deg,transparent,rgba(217,164,65,.8),transparent)}.card-list,.matrix,.ideas,.metric-grid{display:grid;gap:10px}.card,.metric,.phone-preview{background:linear-gradient(180deg,#223142fa,#16212dfa);border:1px solid var(--line-cool);border-radius:8px;padding:12px;box-shadow:var(--shadow)}.card,.social-post-card,.account-tile{position:relative}.card{transition:border-color .16s ease,transform .14s ease,box-shadow .16s ease,background .16s ease}.card:before,.social-post-card:before,.account-tile:before{content:"";position:absolute;top:0;left:12px;right:12px;height:1px;background:linear-gradient(90deg,transparent,rgba(217,164,65,.72),transparent)}.card:hover,.social-post-card:hover,.account-tile:hover{border-color:#d9a44173;transform:translateY(-2px);box-shadow:0 22px 48px -26px #000000e6,0 0 0 1px #d9a44114 inset}.card.compact{padding:10px}.card.done{opacity:.58}.card-head{display:flex;flex-wrap:wrap;align-items:start;justify-content:space-between;gap:10px}.card-head span:not(.pill){color:var(--ink-soft)}.row-wrap{display:flex;flex-wrap:wrap;gap:6px;align-items:center}.actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,11rem),1fr));gap:7px;align-items:stretch}.actions{margin-top:10px}.actions button{width:100%}.pill{display:inline-flex;align-items:center;gap:6px;min-height:27px;padding:4px 9px;border-radius:999px;background:#eef3f814;color:var(--ink);border:1px solid rgba(238,243,248,.14);font-size:.74rem;white-space:nowrap}.pill:before{content:"";width:6px;height:6px;flex:0 0 auto;border-radius:2px;background:currentColor;transform:rotate(45deg);opacity:.8}.pill.good{background:#4db77c29;color:#9ce2bb;border-color:#4db77c59}.pill.warn{background:#d9a44129;color:#f1cf86;border-color:#d9a44161}.pill.bad{background:#eb6f5e29;color:#ffb4a7;border-color:#eb6f5e5c}.pill.high{background:#d9a4412e;color:#f2ce83;border-color:#d9a44161}.pill.medium{background:#79a9de29;color:#b7d7f8;border-color:#79a9de57}.pill.low{background:#97a8ba29;color:#d3dbe4;border-color:#97a8ba4d}.pill.social{background:#4cc2cc26;color:#9de8ee;border-color:#4cc2cc52}.vehicle-photo,.preview-media,.social-preview-media{display:grid;place-items:center;aspect-ratio:16 / 9;width:100%;border-radius:8px;background:linear-gradient(135deg,rgba(217,164,65,.32),transparent 45%),linear-gradient(225deg,rgba(121,169,222,.36),transparent 55%),#182534;color:var(--ink-hi);border:1px solid var(--line-cool);font-weight:850;text-align:center;padding:10px}.feature-card{display:grid;gap:8px}.timeline{padding-left:18px;margin:0;display:grid;gap:8px}.timeline li span{display:block;color:var(--ink-soft)}.checklist{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px}.checklist button{justify-content:flex-start;text-align:left;min-height:44px;font-size:.78rem}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.metric-grid.tight{grid-template-columns:repeat(3,minmax(0,1fr))}.metric{display:grid;gap:6px;min-height:80px}.metric span{color:var(--ink-soft);font-size:.78rem}.metric strong{color:var(--ink-hi);font-size:1.28rem}.phone-preview{border:8px solid #071018;border-radius:24px;min-height:420px;display:grid;align-content:start;gap:10px;background:linear-gradient(180deg,#223142fa,#0a1118fa)}.check-row{display:flex;align-items:start;gap:8px;padding:9px;border:1px solid var(--line-cool);border-radius:8px;background:#0c1219b8;font-size:.86rem}.check-row input{margin-top:3px;accent-color:var(--gild)}.warning,.hard-warning,.internal-only{padding:10px;border-radius:8px;background:#d9a44121;color:#f0d08a;border:1px solid rgba(217,164,65,.34)}.data-grid{display:grid;gap:8px}.file-action{border:1px solid var(--line);background:linear-gradient(180deg,#d9a4412e,#d9a44113);color:#f7dfaa;border-radius:8px;display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:9px 13px;cursor:pointer;line-height:1.15}.file-action input{display:none}.media-preview{display:grid;gap:8px;align-items:center}.internal-only{background:#4db77c21;color:#a9e8c4;border-color:#4db77c47}.hard-warning{background:#eb6f5e21;color:#ffb1a6;border-color:#eb6f5e57}.demo-guide{display:grid;gap:12px;padding:15px 16px;background:linear-gradient(90deg,rgba(217,164,65,.1),transparent 64%),#141f2beb;border-bottom:1px solid var(--line)}.demo-guide h2{margin-bottom:6px}.demo-guide small{color:var(--ink-soft)}.guide-actions{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,7rem),1fr));gap:8px}.guide-actions button{width:100%}.proof-strip{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.proof-strip span{border:1px solid rgba(217,164,65,.3);background:#ffffff0b;border-radius:999px;padding:5px 8px;font-size:.78rem}.social-hero{background:linear-gradient(135deg,rgba(76,194,204,.15),transparent 44%),linear-gradient(225deg,rgba(217,164,65,.16),transparent 42%),#111b24;color:var(--ink-hi);border-color:#4cc2cc38}.social-hero .eyebrow,.social-hero p{color:var(--ink)}.mini-dashboard{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.social-hero .metric{background:#ffffff12;border-color:#ffffff29;color:var(--ink-hi)}.social-hero .metric span{color:#c9d6e1}.social-results{display:grid;gap:10px}.account-strip{display:grid;gap:8px;grid-template-columns:repeat(2,minmax(0,1fr))}.account-tile,.social-post-card{display:grid;gap:10px;padding:12px;border:1px solid var(--line-cool);border-radius:8px;background:linear-gradient(180deg,#223142fa,#16212dfa);box-shadow:var(--shadow);transition:border-color .16s ease,transform .14s ease,box-shadow .16s ease}.account-tile{gap:4px;min-height:78px}.account-tile span,.account-tile small{color:var(--ink-soft)}.social-feed,.insight-list,.comment-stack{display:grid;gap:10px}.social-post-card .card-head p{margin-bottom:0;color:var(--ink-soft)}.social-metrics-row{display:grid;grid-template-columns:repeat(auto-fit,minmax(6rem,1fr));gap:6px}.social-metrics-row span{display:grid;gap:2px;padding:8px;border-radius:8px;background:#0c1219a8;color:var(--ink-soft);border:1px solid var(--line-cool);font-size:.78rem}.social-metrics-row strong{color:var(--ink-hi);font-size:.96rem}.insight-callout{padding:10px;border:1px solid rgba(77,183,124,.28);border-radius:8px;background:#4db77c1f;color:#b8ebcc}.insight-callout p,.comment-bubble p{margin-bottom:0}.comment-bubble{padding:10px;border:1px solid var(--line-cool);border-radius:8px;background:#0c1219b3}.comment-bubble span{color:var(--ink-soft);font-weight:500}.source-link{color:#9de8ee;font-weight:700}@media(min-width:760px){.tabs{grid-template-columns:repeat(6,minmax(0,1fr));grid-auto-flow:row}.two-col{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start}.matrix,.ideas{grid-template-columns:repeat(3,minmax(0,1fr))}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.metric-grid.tight,.checklist{grid-template-columns:repeat(3,minmax(0,1fr))}.data-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.account-strip{grid-template-columns:repeat(4,minmax(0,1fr))}.social-feed{grid-template-columns:repeat(2,minmax(0,1fr))}.demo-guide{grid-template-columns:minmax(0,1fr) 320px;align-items:center}.social-hero{grid-template-columns:minmax(0,1fr) 430px;align-items:center}.social-results{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){.topbar{display:grid}.topbar button{width:100%}.screen,.section,.hero-panel,.card,.metric,.social-post-card,.account-tile{padding:10px}.hero-panel{display:grid}.metric-grid.tight{grid-template-columns:1fr}.phone-preview{min-height:360px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}button:hover,.card:hover,.social-post-card:hover,.account-tile:hover{transform:none}}.small-disclosure{display:block;color:var(--ink-soft);margin-top:6px}.no-motion *{animation:none!important;transition:none!important}.show-motion *{animation-duration:1s}