:root{--navy:#091827;--navy2:#10263c;--navy3:#1b3850;--orange:#ed7723;--orange2:#ff9b4a;--white:#fff;--ink:#142536;--muted:#6a7c8b;--border:#dfe7ec;--panel:#f7f9fa;--paper:#edf2f5;--radius:18px;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",sans-serif;font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-height:100vh}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}button,a{transition:background-color .2s,color .2s,border-color .2s,box-shadow .2s}a{text-decoration:none;color:inherit}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(237,119,35,.6);outline-offset:3px}h1,h2,h3,p{margin-top:0}h1,h2,h3{letter-spacing:-.04em}.eyebrow,.smallcaps{font-weight:750;font-size:11px;letter-spacing:.2em;text-transform:uppercase}.eyebrow{color:var(--orange)}.button{min-height:44px;padding:12px 20px;border-radius:10px;display:inline-flex;align-items:center;gap:12px;justify-content:space-between;border:1px solid transparent;font-size:13px;font-weight:750;white-space:nowrap}.button.primary{background:var(--orange);color:#141d28}.button.primary:hover{background:#ff9d53}.button.subtle{background:transparent;color:inherit;border-color:currentColor}.button.subtle:hover{background:rgba(128,152,178,.12)}.button.tiny{min-height:35px;font-size:11px;padding:8px 12px;border:1px solid #b5c5d2;background:white;color:#213449}.alert{padding:12px 15px;border-radius:10px;margin:12px 0;font-size:13px}.alert.error{background:#fff0ee;color:#8d2f20;border:1px solid #eaa69b}.alert.success{background:#e8f8ed;color:#207447;border:1px solid #9dd3b4}.fineprint{font-size:12px;color:#788797;line-height:1.6}.fineprint a{color:#ed7723;font-weight:700}code{font-family:ui-monospace,Consolas,monospace;font-size:.95em}
/* One-time setup / login */
.setup-page{color:#fff;background:radial-gradient(circle at 12% 12%,#1a3c5a,#071725 47%,#06121d 100%)}.setup-wrap{max-width:1180px;margin:0 auto;min-height:100vh;padding:60px 28px;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.setup-intro{padding:30px 0}.setup-intro h1,.auth-brand h1{font-size:clamp(38px,4vw,69px);line-height:1.04;font-weight:820;max-width:540px;margin:22px 0}.setup-intro>p,.auth-brand>p{color:#bfcdd9;line-height:1.8;font-size:16px;max-width:480px}.logo-on-light{max-width:290px;width:100%;padding:14px;background:#fff;border-radius:14px;object-fit:contain;margin-bottom:38px}.note{margin-top:34px;color:#c5d2dd;font-size:13px;line-height:1.65;border-left:2px solid var(--orange);padding:8px 0 8px 18px}.setup-form{background:#fff;color:var(--ink);padding:34px;border-radius:22px;box-shadow:0 30px 90px #0005}.setup-form .logo-on-light{margin:0 0 25px;max-width:240px;background:#edf2f5}.setup-form h2{font-size:25px;margin-bottom:20px}.setup-form label,.edit-form label,.rate-row label{display:flex;flex-direction:column;gap:7px;font-size:12px;color:#516376;font-weight:700;margin:0 0 13px}.setup-form input,.edit-form input:not([type=checkbox]):not([type=file]),.edit-form textarea,.rate-row input,.setup-form textarea{border:1px solid var(--border);border-radius:9px;background:#fbfcfd;color:#193048;min-height:43px;padding:10px 12px;width:100%;font-size:13px}.edit-form input[type=file]{width:100%;font-size:12px;border:1px dashed #b7c5ce;border-radius:10px;padding:14px;background:#f5f7f8;color:#50657a}.edit-form textarea{resize:vertical;line-height:1.55}.setup-form form>.button{width:100%;margin-top:9px}.columns{display:grid;grid-template-columns:1fr 1fr;gap:10px}.divider-line{height:1px;background:var(--border);margin:20px 0}.setup-form .fineprint{margin-top:16px}.auth-wrap{max-width:1050px;min-height:100vh;padding:30px;margin:auto;display:grid;grid-template-columns:1fr 430px;align-items:center;gap:80px}.auth-brand{padding:50px 0}
/* Public Stage 1 shell (Stage 2 will replace motion engine) */
.presentation-page{background:var(--navy);color:#fff;overflow-x:hidden}.page-shell{max-width:1920px;margin:auto}.topbar{height:92px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:12px clamp(20px,5vw,90px);position:relative;z-index:2;border-bottom:1px solid #ffffff1c}.brand-pill{display:flex;align-items:center;justify-content:center;background:#f3f7f9;border-radius:9px;padding:8px 12px;width:225px;height:59px}.brand-pill img{object-fit:contain;width:100%;height:100%}.top-meta{display:flex;align-items:center;gap:18px}.top-meta .smallcaps{color:#97acbf}.status-dot{border:1px solid #526579;border-radius:100px;color:#bac8d4;font-weight:700;padding:6px 11px;font-size:10px;letter-spacing:.05em}.admin-link{color:#c6d0da;font-size:12px}.admin-link:hover{color:var(--orange2)}.hero-shell{position:relative;overflow:hidden;min-height:min(760px,calc(100svh - 90px));padding:clamp(60px,10vh,160px) clamp(20px,9vw,155px) 100px;background:radial-gradient(ellipse at 78% 40%,#29435b 0,#112c42 33%,#091c2e 65%,#071525 100%)}.hero-deco{position:absolute;inset:0;pointer-events:none;overflow:hidden}.arc{position:absolute;border:1px solid #df843838;border-radius:50%;height:850px;width:850px;transform:rotate(-17deg)}.arc-one{right:-250px;top:-325px}.arc-two{right:-440px;top:-65px;opacity:.6}.horizon{position:absolute;bottom:5%;right:-8%;height:1px;width:100%;background:linear-gradient(90deg,transparent,#ee7d355f,transparent);transform:rotate(-16deg)}.hero-copy{max-width:950px;position:relative;z-index:1}.hero-copy .orange{color:var(--orange2)}.hero-copy h1{font-size:clamp(62px,9.4vw,150px);line-height:.96;letter-spacing:-.08em;font-weight:830;margin:40px 0 25px}.hero-copy h1 em{color:#ff9842;font-style:normal}.hero-lead{font-size:clamp(17px,1.6vw,24px);max-width:670px;line-height:1.55;color:#ebf1f7}.hero-caption{font-size:12px;color:#aabed0;margin-top:22px;letter-spacing:.02em}.hero-actions{margin-top:38px;display:flex;gap:12px;flex-wrap:wrap}.hero-index{position:absolute;right:6%;bottom:9%;display:flex;align-items:center;gap:14px;color:#aec1d1;font-size:12px;letter-spacing:.18em}.hero-index-line{height:1px;width:72px;background:linear-gradient(90deg,var(--orange),#6d8190)}.foundation-section,.ready-scenes{padding:96px clamp(20px,8vw,150px)}.section-heading{max-width:790px;margin-bottom:40px}.section-heading h2{font-size:clamp(34px,4.3vw,64px);line-height:1.1}.section-heading>p:not(.eyebrow){line-height:1.7;color:#9fb4c8}.chapter-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:15px}.chapter-card{border:1px solid #ffffff20;background:linear-gradient(130deg,#172c40,#122537);border-radius:16px;padding:25px 28px}.chapter-card:last-child{grid-column:span 2}.chapter-number{color:#f28e42;font-size:10px;font-weight:800;letter-spacing:.2em}.chapter-card h3{font-size:24px;margin:14px 0 20px}.chapter-scenes{display:grid;gap:8px}.chapter-scene{display:flex;align-items:center;gap:14px;font-size:13px;color:#bac9d5;border-top:1px solid #ffffff13;padding:10px 0}.chapter-scene>span:first-child{color:#748ea4;font-variant-numeric:tabular-nums}.live-indicator{margin-left:auto;border:1px solid #72aa91;color:#b6efca;border-radius:100px;padding:3px 8px;font-size:9px}.ready-scenes{padding-top:30px}.ready-scene{background:#112b41;border-left:3px solid var(--orange);border-radius:10px;padding:24px;margin:14px 0}.ready-scene h3{font-size:23px}.ready-scene p{color:#b9c9d5;line-height:1.6}.ready-scene details summary{color:#ff9f4c;font-size:13px;cursor:pointer}.site-footer{padding:30px clamp(20px,8vw,150px);display:flex;justify-content:space-between;gap:20px;border-top:1px solid #ffffff21;font-size:10px;letter-spacing:.1em;color:#8197a8}
/* Admin / editing workspace */
.admin-page{background:var(--paper);color:var(--ink)}.admin-layout{display:grid;grid-template-columns:254px minmax(0,1fr);min-height:100vh}.admin-sidebar{position:sticky;top:0;height:100vh;background:#0c1d2f;color:#cfdae5;padding:28px 18px;display:flex;flex-direction:column;overflow-y:auto}.sidebar-logo{background:#fff;padding:10px;border-radius:9px;display:flex;align-items:center;justify-content:center;height:72px}.sidebar-logo img{width:100%;max-height:56px;object-fit:contain}.nav-caption{font-size:10px;font-weight:800;letter-spacing:.18em;color:#668099;margin:28px 10px 12px}.admin-menu{display:grid;gap:4px}.admin-menu a{display:flex;align-items:center;justify-content:space-between;padding:11px 12px;border-radius:9px;font-size:12px;color:#b7c7d5}.admin-menu a.active,.admin-menu a:hover{background:#1b3a55;color:#fff}.admin-menu a.active{box-shadow:inset 3px 0 0 var(--orange)}.admin-menu a span{color:#55738d}.sidebar-bottom{margin-top:auto;display:grid;gap:12px;padding:20px 10px 6px;border-top:1px solid #284259;font-size:12px}.sidebar-bottom a:hover{color:var(--orange2)}.logout-btn{color:#f3c4b7;border:0;background:none;padding:0;text-align:left;font-size:12px}.admin-main{min-width:0;padding:36px clamp(18px,3.8vw,64px) 26px}.admin-header{display:flex;justify-content:space-between;align-items:end;gap:22px;padding-bottom:26px;border-bottom:1px solid #d5dfe5;margin-bottom:25px}.admin-header h1{font-size:clamp(27px,3vw,41px);margin:8px 0 0}.admin-header .eyebrow{margin:0}.admin-header-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.admin-chip{border-radius:100px;background:#e1e9ee;color:#3d5366;padding:9px 14px;font-size:11px;font-weight:750}.admin-main .button.subtle{border-color:#b8c7d1}.admin-panel{border:1px solid #e0e7eb;background:#fff;border-radius:16px;padding:25px;margin-bottom:16px;box-shadow:0 6px 30px #284b630a;min-width:0}.admin-panel h2{font-size:23px}.admin-panel>p{font-size:14px;line-height:1.75;color:#657789}.admin-panel>.eyebrow{color:var(--orange)}.kpi-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px;margin-bottom:20px}.kpi{background:white;border:1px solid #dde6eb;padding:22px;border-radius:15px;display:flex;flex-direction:column;gap:12px}.kpi span{font-size:11px;color:#597083;font-weight:700}.kpi strong{font-size:clamp(24px,2vw,36px);letter-spacing:-.04em;white-space:normal;word-break:break-word}.kpi small{font-size:11px;color:#8497a5}.quick-links{display:flex;gap:8px;flex-wrap:wrap;margin-top:22px}.editor-grid{display:grid;grid-template-columns:minmax(205px,300px) minmax(0,1fr);gap:18px;align-items:start}.scene-list{display:grid;gap:5px;max-height:calc(100vh - 178px);overflow-y:auto;padding-right:4px}.scene-list a{padding:12px;display:flex;gap:11px;align-items:center;background:white;border:1px solid #e0e8ed;border-radius:10px;font-size:12px;color:#516779}.scene-list a span:first-child{font-size:11px;color:#d37330;font-weight:800}.scene-list a.selected{border-color:#f2a064;background:#fff7f1;color:#1e3446;font-weight:750}.ready-bullet{width:7px;height:7px;background:#4cba75;border-radius:50%;margin-left:auto}.edit-form{display:grid;gap:5px}.edit-form label{font-size:12px;font-weight:700;color:#4b6073;min-width:0}.edit-form textarea,.edit-form input:not([type=checkbox]):not([type=file]){width:100%}.edit-form label.checkline{flex-direction:row;align-items:flex-start;line-height:1.6;margin-top:10px}.checkline input{accent-color:var(--orange);margin-top:4px}.edit-form .button{justify-self:start}.section-note{font-size:13px;color:#51677c;line-height:1.65}.team-edit-grid,.roadmap-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;align-items:start}.member-edit{display:grid;grid-template-columns:130px minmax(0,1fr);gap:20px}.photo-preview{min-width:0}.photo-preview>img,.photo-placeholder{width:100%;aspect-ratio:4/5;border-radius:12px;object-fit:cover;background:#dbe3e9}.photo-placeholder{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;text-align:center;color:#7c90a0}.photo-placeholder span{font-size:36px;font-weight:800}.photo-placeholder small{font-size:9px;max-width:90px}.brand-edit{display:grid;grid-template-columns:minmax(200px,36%) minmax(0,1fr);gap:26px;align-items:start}.brand-preview{border:1px solid #e4eaf0;background:#f0f4f7;border-radius:12px;padding:18px;display:grid;gap:12px}.brand-preview img{width:100%;object-fit:contain}.brand-preview small{font-size:10px;letter-spacing:.12em;color:#6c8194}.rate-grid{display:grid;gap:7px}.rate-row{background:#fff;border:1px solid #dfe7eb;border-radius:11px;display:grid;grid-template-columns:minmax(120px,1.2fr) minmax(120px,1fr) minmax(100px,.8fr) auto;align-items:end;gap:13px;padding:13px 15px}.rate-name{display:flex;flex-direction:column;gap:4px;margin-bottom:8px}.rate-name strong{font-size:13px}.rate-name span{font-size:11px;color:#718497}.rate-row label{margin:0;font-size:10px}.rate-row input{min-height:36px}.rate-row .button{margin-bottom:0}.budget-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;background:#112b40;color:white;padding:22px;border-radius:12px;margin-bottom:16px}.budget-summary span{font-size:12px;color:#b5c7d5}.budget-summary strong{font-size:24px}.history-list{display:grid}.history-item{display:flex;align-items:center;justify-content:space-between;gap:14px;border-top:1px solid #edf1f3;padding:14px 0}.history-item strong{font-size:13px}.history-item p,.history-item small{font-size:11px;color:#7b8998;margin:3px 0}.admin-footer{border-top:1px solid #d5dee4;margin-top:30px;padding-top:20px;font-size:11px;color:#8a9baa}
@media(max-width:1100px){.kpi-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.member-edit{grid-template-columns:1fr}.photo-preview{max-width:145px}.admin-layout{grid-template-columns:220px minmax(0,1fr)}.setup-wrap{gap:32px}}
@media(max-width:760px){.setup-wrap,.auth-wrap{grid-template-columns:1fr;gap:20px;padding:30px 18px}.setup-intro{padding:20px 0}.setup-intro h1,.auth-brand h1{font-size:42px}.logo-on-light{max-width:230px;margin-bottom:24px}.setup-form{padding:22px}.auth-brand{padding:20px 0}.topbar{height:83px}.brand-pill{width:160px;height:51px}.top-meta{display:none}.hero-shell{min-height:66svh;padding:85px 22px 90px}.hero-copy h1{font-size:clamp(53px,11vw,90px)}.hero-lead{font-size:16px}.foundation-section,.ready-scenes{padding:54px 18px}.chapter-grid{grid-template-columns:1fr}.chapter-card:last-child{grid-column:auto}.site-footer{flex-direction:column;padding:26px 18px}.admin-layout{display:block}.admin-sidebar{position:relative;height:auto;padding:15px}.sidebar-logo{width:150px;height:55px}.nav-caption{margin:18px 6px 8px}.admin-menu{grid-template-columns:repeat(4,minmax(0,1fr));gap:4px}.admin-menu a{display:block;text-align:center;padding:10px 4px;font-size:10px}.admin-menu a span{display:none}.sidebar-bottom{display:flex;justify-content:space-between;flex-wrap:wrap;margin-top:14px;padding:12px 4px 0}.admin-main{padding:22px 15px}.admin-header{align-items:flex-start;flex-direction:column}.editor-grid{grid-template-columns:1fr}.scene-list{max-height:205px}.team-edit-grid,.roadmap-grid,.brand-edit{grid-template-columns:1fr}.member-edit{grid-template-columns:130px minmax(0,1fr)}.rate-row{grid-template-columns:1fr 1fr}.rate-name{grid-column:span 2}.rate-row .button{align-self:end}.kpi-grid{grid-template-columns:1fr 1fr}.kpi{padding:14px}.kpi strong{font-size:24px}}
@media(max-width:430px){.columns{grid-template-columns:1fr}.member-edit{grid-template-columns:1fr}.admin-menu{grid-template-columns:repeat(3,minmax(0,1fr))}.rate-row{grid-template-columns:1fr}.rate-name{grid-column:auto}.kpi-grid{grid-template-columns:1fr 1fr}.admin-header-actions{width:100%}.hero-copy h1{font-size:52px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{scroll-behavior:auto!important;transition-duration:0.01ms!important;animation-duration:0.01ms!important}}
