:root{--ink:#111318;--surface:#fff;--page-bg:#f3f5f7;--line:#dde3ea;--gold:#ffcd00;--gold-dark:#9d7600;--blue:#1f6b9a;--green:#2e7d58;--muted:#aeb6c2;--text-muted:#647181;--text-on-dark:#f6f7f9;--soft-shadow:0 18px 50px #11131814;--sans:Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;font-family:var(--sans);color:var(--ink);background:var(--page-bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;letter-spacing:0}*{box-sizing:border-box}body{min-width:320px;min-height:100vh;margin:0}button,input,select{letter-spacing:0;font-family:inherit}button:focus-visible,input:focus-visible,select:focus-visible{outline-offset:2px;outline:3px solid #1f6b9a61}p{margin:0}.demo-shell{background:linear-gradient(90deg, #ffcd001a, transparent 18%), var(--page-bg);grid-template-columns:286px minmax(0,1fr) 320px;min-height:100vh;display:grid}.sidebar,.right-rail{background:var(--ink);min-height:100vh;color:var(--text-on-dark);align-self:start;padding:22px;position:sticky;top:0}.right-rail{background:#14151a;border-left:1px solid #ffffff14;overflow-y:auto}.brand-block{border-bottom:1px solid #ffffff1c;align-items:flex-start;gap:14px;padding-bottom:22px;display:flex}.brand-mark{background:var(--gold);color:#111;border-radius:8px;flex:none;place-items:center;width:48px;height:48px;font-weight:900;display:grid;box-shadow:0 12px 30px #ffcd0038}.brand-mark.small{width:36px;height:36px;font-size:.85rem}.brand-block h1{color:#fff;margin:4px 0 0;font-size:1.04rem;line-height:1.22}.eyebrow{color:var(--muted);text-transform:uppercase;letter-spacing:0;margin:0;font-size:.76rem;font-weight:800}.nav-list{gap:9px;margin:24px 0;display:grid}.nav-item{color:#ffffffc7;text-align:left;width:100%;font:inherit;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff17;border-radius:8px;grid-template-columns:20px 1fr 16px;align-items:center;gap:10px;padding:12px;font-size:.9rem;display:grid}.nav-item:hover,.nav-item.is-selected{color:#fff;background:#ffcd0024;border-color:#ffcd0080}.role-panel,.constraint-panel,.rail-section{background:#ffffff0b;border:1px solid #ffffff1c;border-radius:8px;padding:14px}.role-panel label{color:#fff;margin-bottom:8px;font-size:.78rem;font-weight:800;display:block}.role-panel select{color:#111;width:100%;font:inherit;background:#fff;border:0;border-radius:6px;padding:10px 12px;font-size:.88rem}.role-panel p,.constraint-panel p,.rail-section p{color:#ffffffa8;margin:10px 0 0;font-size:.84rem;line-height:1.45}.constraint-panel{gap:10px;margin-top:14px;display:flex}.constraint-panel strong,.rail-section strong{color:#fff}.workspace{min-width:0;padding:24px}.workspace-header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:20px;display:flex}.title-row{align-items:center;gap:10px;margin-top:7px;display:flex}.title-row svg{color:var(--gold-dark)}.workspace-header h2{color:var(--ink);margin:0;font-size:1.52rem;line-height:1.15}.header-summary{max-width:760px;color:var(--text-muted);margin:7px 0 0}.header-actions{flex-wrap:wrap;justify-content:flex-end;gap:8px;display:flex}.header-actions span{border:1px solid var(--line);color:var(--text-muted);background:#fff;border-radius:8px;align-items:center;gap:6px;padding:8px 10px;font-size:.78rem;font-weight:800;display:inline-flex}.screen-grid{gap:16px;display:grid}.fan-grid{grid-template-columns:minmax(0,1.4fr) minmax(280px,.75fr)}.mobile-grid{grid-template-columns:minmax(0,1fr) 330px;align-items:start}.cms-grid{grid-template-columns:340px minmax(0,1fr)}.analytics-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.surface{background:var(--surface);border:1px solid var(--line);box-shadow:var(--soft-shadow);border-radius:8px}.site-preview,.story-stack,.mobile-control-panel,.content-queue,.approval-detail,.media-hub,.chart-panel,.accessibility-panel,.sponsor-panel{padding:16px}.mock-browser-bar{border:1px solid var(--line);height:34px;color:var(--text-muted);background:#f7f8fa;border-radius:8px 8px 0 0;align-items:center;gap:7px;padding:0 12px;font-size:.8rem;display:flex}.mock-browser-bar span{background:#ccd1d8;border-radius:50%;width:8px;height:8px}.mock-browser-bar p{margin:0 0 0 8px}.mock-browser-bar.compact{border-radius:8px 8px 0 0}.fan-hero{color:#fff;background:linear-gradient(135deg,#000000e0,#00000094),repeating-linear-gradient(45deg,#ffcd0024 0 12px,#ffffff08 12px 24px);border-radius:0 0 8px 8px;grid-template-columns:minmax(0,1fr) 210px;align-items:end;gap:18px;min-height:285px;padding:24px;display:grid}.fan-hero h3,.section-heading h3,.approval-detail h3,.device-preview h4,.mobile-path-card h3{color:var(--ink);margin:0;line-height:1.2}.fan-hero h3{color:#fff;font-size:2rem}.fan-hero p{color:#ffffffbd;max-width:560px;margin:10px 0 0}.button-row{flex-wrap:wrap;gap:10px;margin-top:18px;display:flex}.primary-button,.secondary-button{min-height:40px;font:inherit;cursor:pointer;border-radius:8px;justify-content:center;align-items:center;gap:8px;padding:10px 13px;font-size:.86rem;font-weight:900;display:inline-flex}.primary-button{background:var(--gold);border:1px solid var(--gold);color:#111}.secondary-button{border:1px solid var(--line);color:var(--ink);background:#fff}.primary-button:hover,.secondary-button:hover{transform:translateY(-1px)}.score-tile{color:var(--ink);background:#fffffff0;border-radius:8px;gap:4px;padding:16px;display:grid}.score-tile span,.score-tile small{color:var(--text-muted);font-weight:800}.score-tile strong{font-size:1.42rem}.fan-search,.search-box{border:1px solid var(--line);color:var(--text-muted);background:#fff;border-radius:8px;align-items:center;gap:10px;padding:11px 12px;display:flex}.fan-search{margin:14px 0}.search-box input{width:100%;font:inherit;color:var(--ink);border:0;outline:0;font-size:.9rem}.fan-action-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;display:grid}.action-card{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:145px;padding:13px}.action-card span{color:var(--blue);font-size:.77rem;font-weight:900}.action-card h4{color:var(--ink);margin:12px 0 6px}.action-card p,.story-row p,.media-row p,.device-preview p,.check-panel li,.audit-list p,.sponsor-table p{color:var(--text-muted);font-size:.84rem;line-height:1.45}.section-heading{align-items:flex-start;gap:10px;margin-bottom:14px;display:flex}.section-heading svg{color:var(--gold-dark);margin-top:2px}.story-stack{align-content:start;gap:12px;display:grid}.story-row{border-top:1px solid var(--line);grid-template-columns:64px minmax(0,1fr);align-items:center;gap:12px;padding-top:12px;display:grid}.story-thumb{border-radius:8px;height:58px}.story-thumb.gold{background:linear-gradient(135deg, var(--gold), #fff0a6)}.story-thumb.black{background:linear-gradient(135deg,#050505,#4d525d)}.story-thumb.blue{background:linear-gradient(135deg, var(--blue), #8ec7ff)}.mobile-control-panel{gap:14px;display:grid}.segmented-control{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.segmented-control button{border:1px solid var(--line);color:var(--text-muted);font:inherit;cursor:pointer;background:#fff;border-radius:8px;padding:10px 8px;font-size:.82rem;font-weight:900}.segmented-control button.is-selected{background:var(--ink);color:#fff;border-color:var(--ink)}.mobile-path-card{border:1px solid var(--line);background:#fffdf2;border-radius:8px;grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:16px;display:grid}.mobile-path-card svg{color:var(--gold-dark)}.mobile-path-card p{color:var(--text-muted);margin:6px 0 0}.venue-map{border:1px solid var(--line);background-color:#f7fafc;background-image:linear-gradient(90deg,#1f6b9a1c 1px,#0000 1px),linear-gradient(#1f6b9a1c 1px,#0000 1px),none;background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:38px 38px;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box;border-radius:8px;min-height:340px;position:relative;overflow:hidden}.map-field{background:#ffcd001f;border:4px solid #15233738;border-radius:8px;position:absolute;inset:22% 24%}.map-pin{z-index:2;background:var(--ink);color:#fff;border-radius:999px;padding:7px 9px;font-size:.73rem;font-weight:900;position:absolute;transform:translate(-50%,-50%);box-shadow:0 10px 24px #00000029}.map-pin.parking{background:var(--blue)}.map-pin.concessions{background:var(--green)}.map-pin.services{background:#ba5c1f}.phone-shell{color:#fff;background:#050505;border-radius:32px;min-height:660px;padding:16px;box-shadow:0 26px 70px #00000047}.phone-status,.phone-header{justify-content:space-between;align-items:center;display:flex}.phone-status{color:#ffffffc7;padding:4px 8px 14px;font-size:.78rem;font-weight:900}.phone-header{background:#ffffff14;border-radius:18px;justify-content:flex-start;gap:10px;padding:12px}.phone-header p{color:#fff9;margin:2px 0 0;font-size:.78rem}.phone-card{color:var(--ink);background:#fff;border-radius:18px;gap:10px;margin-top:12px;padding:14px;display:flex}.phone-card.live{background:var(--gold);gap:4px;display:grid}.phone-card p,.phone-card span{color:#4b4f58;margin:0;font-size:.8rem}.phone-card strong{display:block}.phone-cta{border-radius:18px;width:100%;margin-top:14px}.content-queue{align-content:start;gap:12px;display:grid}.queue-list{gap:10px;display:grid}.queue-item{border:1px solid var(--line);text-align:left;cursor:pointer;font:inherit;background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) auto;align-items:start;gap:10px;padding:12px;display:grid}.queue-item.is-selected{box-shadow:inset 3px 0 0 var(--gold);border-color:#ffcd00c7}.queue-item strong{color:var(--ink);margin:4px 0;display:block}.queue-item p{color:var(--text-muted);margin:0;font-size:.82rem;line-height:1.4}.queue-sport{color:var(--blue);font-size:.74rem;font-weight:900}.status-pill{white-space:nowrap;border-radius:999px;padding:5px 9px;font-size:.72rem;font-weight:900}.status-pill.is-good{color:var(--green);background:#2e7d581f}.status-pill.is-warning{color:#9a4310;background:#ba5c1f1f}.status-pill.is-muted{color:#526071;background:#edf1f5}.status-pill.is-active{color:var(--blue);background:#1f6b9a1f}.approval-detail{min-width:0}.detail-header{justify-content:space-between;align-items:flex-start;gap:14px;display:flex}.detail-header p{color:var(--text-muted);margin:6px 0 0}.workflow-track{grid-template-columns:repeat(4,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.workflow-track div{border:1px solid var(--line);background:#fff;border-radius:8px;min-height:88px;padding:11px}.workflow-track div.is-complete{background:#fff8d4;border-color:#ffcd00a6}.workflow-track span{background:var(--ink);color:#fff;border-radius:50%;place-items:center;width:24px;height:24px;font-size:.76rem;font-weight:900;display:grid}.workflow-track p{color:var(--ink);margin:10px 0 0;font-size:.86rem;font-weight:800}.approval-layout{grid-template-columns:minmax(0,1.1fr) 280px;gap:14px;display:grid}.preview-panel,.check-panel{border:1px solid var(--line);background:#fff;border-radius:8px;overflow:hidden}.device-preview{background:linear-gradient(135deg,#ffcd0024,#0000 48%),#fff;min-height:210px;padding:18px}.device-row{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.device-row span,.permission-list span{color:#41566c;background:#eef3f7;border-radius:999px;padding:7px 9px;font-size:.75rem;font-weight:900}.check-panel{padding:16px}.score-ring{background:radial-gradient(circle at center, #fff 0 56%, transparent 57%), conic-gradient(var(--green) 0 86%, #e7ecef 86% 100%);border-radius:50%;place-items:center;width:132px;height:132px;margin:0 auto 16px;display:grid}.score-ring strong{color:var(--ink);grid-area:1/1;font-size:2.1rem}.score-ring span{color:var(--text-muted);grid-area:1/1;margin-top:54px;font-size:.68rem;font-weight:900}.check-panel ul,.coverage-list{margin:0;padding:0;list-style:none}.check-panel li,.coverage-list li{align-items:flex-start;gap:8px;margin-top:9px;display:flex}.check-panel li svg,.coverage-list svg{color:var(--green);flex:none;margin-top:2px}.audit-list{border-top:1px solid var(--line);margin-top:16px;padding-top:14px}.audit-list p{margin:8px 0 0}.media-hub{grid-column:1/-1}.media-row,.sponsor-table article{border-top:1px solid var(--line);grid-template-columns:24px minmax(0,1fr) auto;align-items:center;gap:12px;padding:12px 0;display:grid}.media-row svg{color:var(--blue)}.media-row p{margin:4px 0 0}.media-row span{color:var(--green);font-size:.8rem;font-weight:900}.metric-row{grid-column:1/-1;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;display:grid}.metric-card{padding:16px}.metric-card strong{color:var(--ink);margin:8px 0;font-size:2rem;display:block}.metric-card span{color:var(--text-muted);font-size:.84rem}.bar-chart{border:1px solid var(--line);background:#fbfcfd;border-radius:8px;grid-template-columns:repeat(5,minmax(0,1fr));align-items:end;gap:12px;height:270px;padding:18px;display:grid}.bar-chart div{align-items:end;gap:9px;height:100%;display:grid}.bar-chart span{background:linear-gradient(180deg, var(--gold), #121318);border-radius:8px 8px 3px 3px;min-height:48px;display:block}.bar-chart p{color:var(--text-muted);margin:0;font-size:.76rem;font-weight:800}.readiness-list{gap:15px;display:grid}.readiness-row div:first-child{color:var(--ink);justify-content:space-between;gap:12px;font-size:.9rem;font-weight:900;display:flex}.progress-track{background:#edf1f5;border-radius:999px;height:9px;margin-top:7px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg, var(--green), var(--blue));height:100%;display:block}.sponsor-table article{grid-template-columns:minmax(0,1fr) auto auto}.sponsor-table p{margin:4px 0 0}.rail-section+.rail-section{margin-top:14px}.coverage-list li{color:#ffffffc2;font-size:.84rem;line-height:1.4}.permission-list{flex-wrap:wrap;gap:8px;margin-top:10px;display:flex}.permission-list span{color:#ffffffd1;background:#ffffff1a}.integration-stack{gap:9px;margin-top:10px;display:grid}.integration-row{border-top:1px solid #ffffff17;justify-content:space-between;gap:10px;padding:10px 0;display:flex}.integration-row p{margin:4px 0 0}@media (width<=1500px){.demo-shell{grid-template-columns:250px minmax(0,1fr)}.right-rail{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;min-height:auto;display:grid;position:static}.rail-section+.rail-section{margin-top:0}.fan-action-grid,.metric-row{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (width<=980px){.demo-shell{display:block}.sidebar,.right-rail{min-height:auto;position:static}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr))}.workspace-header,.header-actions,.fan-grid,.mobile-grid,.cms-grid,.analytics-grid,.approval-layout,.right-rail{grid-template-columns:1fr;display:grid}.fan-hero,.mobile-path-card{grid-template-columns:1fr}.phone-shell{max-width:360px;margin:0 auto}}@media (width<=640px){.workspace,.sidebar,.right-rail{padding:16px}.segmented-control,.workflow-track,.fan-action-grid,.metric-row{grid-template-columns:1fr}.brand-block{padding-bottom:14px}.brand-block h1{font-size:.98rem}.nav-list{grid-template-columns:repeat(2,minmax(0,1fr));margin:14px 0 0}.nav-item{grid-template-columns:18px minmax(0,1fr);min-height:48px;padding:10px;font-size:.8rem}.nav-item svg:last-child,.role-panel,.constraint-panel{display:none}.workspace-header h2{font-size:1.28rem}.fan-hero h3{font-size:1.46rem}.queue-item,.media-row,.sponsor-table article{grid-template-columns:1fr}}