@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Space+Grotesk:wght@500;600;700&display=swap');

:root {
  --bg:#070708; --card:rgba(20,20,24,.84); --border:rgba(255,255,255,.09);
  --text:#f5f5f5; --muted:#a8a8b1; --red:#e51b3e; --red-bright:#ff3156;
  --red-dark:#8b0f25; --green:#4ae08c; --radius:24px;
}
*{box-sizing:border-box} html{scroll-behavior:smooth}
body{margin:0;min-height:100vh;color:var(--text);background:
radial-gradient(circle at 20% 0%,rgba(229,27,62,.12),transparent 34%),
radial-gradient(circle at 80% 18%,rgba(120,87,255,.10),transparent 30%),var(--bg);
font-family:"DM Sans",system-ui,sans-serif;line-height:1.6;overflow-x:hidden}
body::before{content:"";position:fixed;inset:0;pointer-events:none;opacity:.12;background-image:radial-gradient(circle,white 1px,transparent 1.4px);background-size:52px 52px;z-index:-3}
body.locked{overflow:hidden}
a{color:inherit}button,input{font:inherit}.shell{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.eyebrow,.mini-label{color:#d2d2d7;font-weight:800;letter-spacing:.14em;text-transform:uppercase}.eyebrow{font-size:.78rem}.mini-label{display:block;font-size:.68rem}
.brand{display:inline-flex;align-items:center;gap:12px;text-decoration:none;width:max-content}.brand-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:14px;color:white;background:linear-gradient(145deg,var(--red-bright),var(--red-dark));font-family:"Space Grotesk";font-size:1.45rem;font-weight:800;transform:skew(-7deg)}
.brand strong,.brand small{display:block}.brand strong{letter-spacing:.08em;font-family:"Space Grotesk";font-size:.93rem}.brand small{color:var(--muted);margin-top:-2px;font-size:.74rem}
.site-header{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:24px;padding:14px max(20px,calc((100vw - 1180px)/2));background:rgba(7,7,8,.78);border-bottom:1px solid var(--border);backdrop-filter:blur(18px)}
.top-nav{display:flex;gap:6px;padding:5px;border:1px solid var(--border);border-radius:999px;background:rgba(255,255,255,.025)}.top-nav a{padding:8px 14px;color:var(--muted);border-radius:999px;text-decoration:none;font-size:.9rem}.top-nav a:hover{color:white;background:rgba(255,255,255,.06)}
.shift-pill{justify-self:end;display:inline-flex;align-items:center;gap:9px;padding:8px 12px;border:1px solid rgba(74,224,140,.16);border-radius:999px;color:#ccffdf;background:rgba(74,224,140,.07);font-size:.82rem;font-weight:700}.status-dot{width:8px;height:8px;border-radius:50%;background:var(--green);box-shadow:0 0 14px var(--green)}
.hero{display:grid;grid-template-columns:1.05fr .95fr;gap:64px;align-items:center;min-height:680px;padding-block:80px 54px}.hero h1,.section-heading h2,.expectation-panel h2{font-family:"Space Grotesk";letter-spacing:-.045em}.hero h1{margin:12px 0 20px;font-size:clamp(3.3rem,7vw,6.6rem);line-height:.93}.hero h1 span:nth-child(1){color:white}.hero h1 span:nth-child(2){color:var(--red-bright)}
.hero-copy>p{max-width:620px;margin:0;color:var(--muted);font-size:1.08rem}.hero-actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}
.button{display:inline-flex;align-items:center;justify-content:center;min-height:46px;padding:0 18px;border:1px solid transparent;border-radius:14px;cursor:pointer;text-decoration:none;font-weight:800}.button--primary{color:white;background:linear-gradient(135deg,var(--red-bright),var(--red-dark))}.button--ghost{color:white;border-color:var(--border);background:rgba(255,255,255,.04)}.button--small{min-height:38px;padding-inline:13px;font-size:.83rem}
.focus-card{display:flex;align-items:center;gap:14px;max-width:480px;margin-top:34px;padding:14px 16px;border:1px solid var(--border);border-radius:18px;background:rgba(255,255,255,.035)}.focus-icon{display:grid;place-items:center;flex:0 0 46px;height:46px;border-radius:14px;background:rgba(255,215,0,.08);font-size:1.35rem}.focus-card strong{display:block;margin-top:2px}.focus-card p{margin:1px 0 0;color:var(--muted);font-size:.87rem}
.image-card{position:relative;overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:30px;background:#151519;box-shadow:0 24px 80px rgba(0,0,0,.45);transform:rotate(1.2deg)}.image-card img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover}.image-overlay{position:absolute;left:18px;right:18px;bottom:18px;padding:13px 15px;border:1px solid rgba(255,255,255,.12);border-radius:16px;background:rgba(8,8,10,.66);backdrop-filter:blur(14px)}.image-overlay span,.image-overlay strong{display:block}.image-overlay span{color:var(--muted);font-size:.66rem;font-weight:800;letter-spacing:.12em}
.quick-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr;gap:16px}.quick-card{min-height:150px;padding:22px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.035)}.quick-card--wifi{display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(135deg,rgba(229,27,62,.13),rgba(255,255,255,.035))}.quick-card h2{margin:7px 0 4px;font-family:"Space Grotesk";font-size:1.35rem}.quick-card p{margin:0;color:var(--muted);font-size:.9rem}.copy-button{padding:9px 12px;color:white;border:1px solid rgba(255,255,255,.11);border-radius:12px;background:rgba(255,255,255,.06);cursor:pointer;font-size:.82rem;font-weight:800}
.section{padding-block:94px 18px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:28px;margin-bottom:28px}.section-heading h2,.expectation-panel h2{margin:7px 0 0;font-size:clamp(2rem,4vw,3.2rem);line-height:1}.section-intro{max-width:440px;margin:0;color:var(--muted);text-align:right}
.workflow-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.mission-card{position:relative;min-height:435px;padding:24px;overflow:hidden;border:1px solid var(--border);border-radius:var(--radius);background:var(--card)}.mission-card.featured{border-color:rgba(229,27,62,.28);background:linear-gradient(180deg,rgba(229,27,62,.08),transparent 34%),var(--card)}.mission-number{position:absolute;top:10px;right:18px;color:rgba(255,255,255,.035);font-family:"Space Grotesk";font-size:5.3rem;font-weight:800;line-height:1}.mission-copy{position:relative;z-index:1}.mission-copy h3{margin:5px 0 22px;font-family:"Space Grotesk";font-size:1.65rem}
.task{display:grid;grid-template-columns:22px 1fr;gap:12px;align-items:start;margin:0 0 14px;padding:14px;border:1px solid rgba(255,255,255,.06);border-radius:15px;background:rgba(255,255,255,.025);cursor:pointer}.task input{appearance:none;width:20px;height:20px;margin:2px 0 0;border:1px solid rgba(255,255,255,.22);border-radius:6px;background:rgba(0,0,0,.2);cursor:pointer}.task input:checked{border-color:var(--red-bright);background:linear-gradient(135deg,var(--red-bright),var(--red-dark))}.task input:checked::after{content:"✓";display:grid;place-items:center;height:100%;color:white;font-size:.78rem;font-weight:900}.task:has(input:checked){opacity:.58}.task:has(input:checked) span{text-decoration:line-through}
.escalation-path{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:14px;align-items:stretch}.escalation-card{display:flex;gap:15px;padding:24px;border:1px solid var(--border);border-radius:22px;background:rgba(255,255,255,.035)}.path-step{display:grid;place-items:center;flex:0 0 34px;height:34px;border-radius:11px;background:rgba(229,27,62,.13);color:#ff8aa0;font-weight:900}.escalation-card h3{margin:1px 0 8px;font-family:"Space Grotesk"}.escalation-card p{margin:0 0 12px;color:var(--muted);font-size:.9rem}.escalation-card strong{font-size:.9rem}.path-arrow{align-self:center;color:rgba(255,255,255,.22);font-size:1.65rem}
.expectations{display:grid;grid-template-columns:1.2fr .8fr;gap:20px}.expectation-panel,.quote-panel{min-height:300px;padding:34px;border:1px solid var(--border);border-radius:var(--radius)}.expectation-panel{background:radial-gradient(circle at 10% 10%,rgba(229,27,62,.12),transparent 38%),rgba(255,255,255,.035)}.expectation-panel p{max-width:680px;margin:22px 0 0;color:var(--muted);font-size:1.04rem}.quote-panel{position:relative;display:flex;align-items:end;overflow:hidden;background:linear-gradient(145deg,#17171b,#0d0d10)}.rocket-r{position:absolute;right:18px;top:-62px;color:rgba(229,27,62,.2);font-family:"Space Grotesk";font-size:14rem;font-weight:900}.quote-panel blockquote{position:relative;z-index:1;margin:0;font-family:"Space Grotesk";font-size:clamp(1.55rem,3vw,2.35rem);font-weight:700;line-height:1.08}
.roster-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.person-card{display:flex;gap:16px;align-items:center;min-height:150px;padding:20px;border:1px solid var(--border);border-radius:20px;background:rgba(255,255,255,.03)}.avatar{display:grid;place-items:center;flex:0 0 52px;height:52px;border-radius:16px;background:linear-gradient(145deg,rgba(229,27,62,.28),rgba(229,27,62,.08));color:#ffb8c5;font-family:"Space Grotesk";font-weight:800}.person-card span{color:var(--muted);font-size:.73rem;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.person-card h3{margin:2px 0 3px;font-family:"Space Grotesk";font-size:1.12rem}.person-card p{margin:0;color:var(--muted);font-size:.82rem}
.site-footer{margin-top:90px;border-top:1px solid var(--border);background:rgba(0,0,0,.2)}.footer-inner{display:flex;justify-content:space-between;align-items:center;gap:24px;min-height:130px}.footer-inner p{margin:0;color:var(--muted)}
.toast{position:fixed;left:50%;bottom:24px;z-index:50;padding:10px 14px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(18,18,22,.94);color:white;font-weight:700;opacity:0;transform:translate(-50%,12px);transition:.22s}.toast.is-visible{opacity:1;transform:translate(-50%,0)}
.password-gate{position:fixed;inset:0;z-index:100;display:grid;place-items:center;padding:20px;background:radial-gradient(circle at 50% 20%,rgba(229,27,62,.18),transparent 35%),rgba(4,4,5,.97)}.password-card{width:min(430px,100%);padding:34px;border:1px solid var(--border);border-radius:28px;background:rgba(20,20,24,.94);box-shadow:0 30px 100px rgba(0,0,0,.55)}.password-logo{margin-bottom:22px}.password-card h1{margin:8px 0 10px;font-family:"Space Grotesk";font-size:2.4rem;line-height:1}.password-card p{margin:0 0 22px;color:var(--muted)}.password-card form{display:grid;gap:12px}.password-card input{width:100%;height:48px;padding:0 14px;color:white;border:1px solid var(--border);border-radius:13px;outline:none;background:#0d0d10}.password-card input:focus{border-color:rgba(255,49,86,.7);box-shadow:0 0 0 3px rgba(255,49,86,.12)}.password-error{min-height:24px;margin-top:10px;color:#ff8aa0;font-size:.88rem;font-weight:700}
@media(max-width:980px){.site-header{grid-template-columns:1fr auto}.top-nav{display:none}.hero{grid-template-columns:1fr;min-height:auto}.quick-grid,.workflow-grid,.roster-grid{grid-template-columns:1fr 1fr}.quick-card--wifi{grid-column:span 2}.workflow-grid .mission-card:last-child{grid-column:span 2}.escalation-path{grid-template-columns:1fr}.path-arrow{transform:rotate(90deg);justify-self:center}}
@media(max-width:700px){.shell{width:min(100% - 28px,1180px)}.site-header{padding-inline:14px}.shift-pill{display:none}.hero{gap:38px;padding-top:48px}.hero h1{font-size:clamp(3rem,16vw,5.2rem)}.quick-grid,.workflow-grid,.roster-grid,.expectations{grid-template-columns:1fr}.quick-card--wifi,.workflow-grid .mission-card:last-child{grid-column:auto}.quick-card--wifi{align-items:start;flex-direction:column}.section{padding-top:72px}.section-heading{align-items:start;flex-direction:column}.section-intro{text-align:left}.mission-card{min-height:unset}.expectation-panel,.quote-panel{min-height:250px;padding:26px}.footer-inner{align-items:start;flex-direction:column;justify-content:center}}


/* --- Edit mode ---------------------------------------------------------- */
.header-actions{justify-self:end;display:flex;align-items:center;gap:10px}
.edit-button{min-height:36px;padding:0 12px;color:#fff;border:1px solid rgba(255,255,255,.12);border-radius:11px;background:rgba(255,255,255,.055);cursor:pointer;font-size:.82rem;font-weight:800}.edit-button:hover{background:rgba(255,255,255,.09)}
.button--danger{color:#ff9aac;border-color:rgba(255,49,86,.22);background:rgba(255,49,86,.07)}
.editor-modal[hidden]{display:none}.editor-modal{position:fixed;inset:0;z-index:90;display:grid;place-items:center;padding:18px}.editor-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.76);backdrop-filter:blur(10px)}
.editor-panel{position:relative;z-index:1;display:flex;flex-direction:column;width:min(1040px,100%);max-height:min(900px,calc(100vh - 36px));overflow:hidden;border:1px solid rgba(255,255,255,.13);border-radius:26px;background:#111115;box-shadow:0 30px 100px rgba(0,0,0,.6)}
.editor-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:24px 26px 18px;border-bottom:1px solid var(--border)}.editor-header h2{margin:4px 0 2px;font-family:"Space Grotesk";font-size:2rem;line-height:1}.editor-header p{margin:8px 0 0;color:var(--muted)}.editor-close{display:grid;place-items:center;flex:0 0 40px;height:40px;color:#fff;border:1px solid var(--border);border-radius:12px;background:rgba(255,255,255,.04);cursor:pointer;font-size:1.7rem;line-height:1}
.editor-notice{margin:18px 26px 0;padding:13px 15px;color:#d7d7dd;border:1px solid rgba(255,215,0,.12);border-radius:14px;background:rgba(255,215,0,.045);font-size:.86rem}.editor-notice strong{color:#fff}
.editor-form{overflow:auto;padding:8px 26px 28px}.editor-section{padding:22px 0;border-bottom:1px solid var(--border)}.editor-section:last-child{border-bottom:0}.editor-section-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-bottom:14px}.editor-section-heading h3{margin:3px 0 0;font-family:"Space Grotesk";font-size:1.2rem}
.editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.field{display:grid;gap:6px}.field--wide{grid-column:1/-1}.field label{color:#bcbcc5;font-size:.75rem;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.field input,.field textarea,.field select{width:100%;padding:11px 12px;color:#fff;border:1px solid var(--border);border-radius:12px;outline:none;background:#0b0b0e}.field textarea{min-height:88px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{border-color:rgba(255,49,86,.65);box-shadow:0 0 0 3px rgba(255,49,86,.1)}
.editor-list{display:grid;gap:12px}.editor-row{position:relative;display:grid;grid-template-columns:repeat(12,minmax(0,1fr));gap:10px;padding:14px;border:1px solid var(--border);border-radius:16px;background:rgba(255,255,255,.025)}.editor-row .field{grid-column:span 4}.editor-row .field.wide{grid-column:span 8}.editor-row .field.full{grid-column:1/-1}.row-remove{position:absolute;top:10px;right:10px;width:30px;height:30px;color:#ff8da2;border:1px solid rgba(255,49,86,.18);border-radius:9px;background:rgba(255,49,86,.06);cursor:pointer;font-weight:900}
.editor-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:16px 26px;border-top:1px solid var(--border);background:#0d0d10}.editor-footer-left,.editor-footer-right{display:flex;gap:9px;flex-wrap:wrap}
body.editor-open{overflow:hidden}
@media(max-width:980px){.header-actions .shift-pill{display:none}.editor-fields{grid-template-columns:1fr}.field--wide{grid-column:auto}.editor-row{grid-template-columns:1fr;padding-top:48px}.editor-row .field,.editor-row .field.wide,.editor-row .field.full{grid-column:auto}}
@media(max-width:700px){.header-actions{justify-self:end}.edit-button{padding:0 10px}.editor-modal{padding:0}.editor-panel{width:100%;height:100vh;max-height:none;border-radius:0}.editor-header,.editor-form,.editor-footer{padding-left:16px;padding-right:16px}.editor-notice{margin-left:16px;margin-right:16px}.editor-footer{align-items:stretch;flex-direction:column}.editor-footer-left,.editor-footer-right{display:grid;grid-template-columns:1fr 1fr}.editor-footer-right .button--primary{grid-column:span 1}}


/* --- Live shared editing ------------------------------------------------ */
.live-badge{
  display:inline-flex;align-items:center;gap:7px;min-height:36px;padding:0 11px;
  border:1px solid rgba(74,224,140,.16);border-radius:11px;
  color:#ccffdf;background:rgba(74,224,140,.07);font-size:.78rem;font-weight:800
}
.live-badge::before{content:"";width:7px;height:7px;border-radius:50%;background:var(--green);box-shadow:0 0 10px var(--green)}
.live-badge.syncing::before{background:#ffd45c;box-shadow:0 0 10px #ffd45c}
.live-badge.offline::before{background:#ff6b86;box-shadow:0 0 10px #ff6b86}
.editor-save-status{min-height:22px;color:var(--muted);font-size:.82rem}
.password-card .connection-note{margin-top:14px;color:#7f7f89;font-size:.78rem}
@media(max-width:780px){.live-badge{display:none}}