:root {
  --navy:#001d3b;
  --navy-2:#06284d;
  --navy-3:#0b355f;
  --red:#e91218;
  --red-dark:#c90c13;
  --ink:#13233d;
  --muted:#66768d;
  --line:#dce5ee;
  --soft:#f4f7fa;
  --white:#fff;
  --green:#168d68;
  --shadow:0 24px 70px rgba(0,29,59,.14);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:var(--ink);background:white;line-height:1.6}
img{max-width:100%;display:block}
a{color:inherit}
.container{width:min(1160px,calc(100% - 40px));margin:0 auto}
.skip-link{position:fixed;top:-60px;left:12px;z-index:100;background:white;padding:10px 14px;border-radius:8px}.skip-link:focus{top:12px}
.launch-bar{background:var(--red);color:white;font-size:13px}.launch-inner{min-height:38px;display:flex;align-items:center;justify-content:center;gap:10px;text-align:center}.launch-inner span:last-child{opacity:.84}.launch-dot{width:8px;height:8px;border-radius:50%;background:white;box-shadow:0 0 0 5px rgba(255,255,255,.16)}
.site-header{position:sticky;top:0;z-index:50;background:rgba(0,29,59,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(255,255,255,.09)}
.nav-wrap{min-height:80px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand img{width:270px;max-height:58px;object-fit:contain;object-position:left center}.site-nav{display:flex;align-items:center;gap:27px}.site-nav a{color:rgba(255,255,255,.8);text-decoration:none;font-size:14px;font-weight:700}.site-nav a:hover{color:white}.nav-portal{border:1px solid rgba(255,255,255,.3);border-radius:999px;padding:9px 16px}.menu-button{display:none}
.hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 25%,rgba(30,91,145,.36),transparent 32%),linear-gradient(135deg,#00152c,#001d3b 55%,#073662);color:white;padding:100px 0 120px;min-height:690px}.hero-grid-pattern{position:absolute;inset:0;opacity:.1;background-image:linear-gradient(rgba(255,255,255,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.07) 1px,transparent 1px);background-size:48px 48px;mask-image:linear-gradient(to bottom,black,transparent 92%)}.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.eyebrow,.section-kicker{margin:0 0 15px;text-transform:uppercase;letter-spacing:.13em;font-size:12px;font-weight:850;color:var(--red)}.eyebrow,.section-kicker.light{color:#ff9aa0}.hero h1{font-size:clamp(45px,5.2vw,72px);line-height:1.03;letter-spacing:-.045em;margin:0 0 25px}.hero-text{color:rgba(255,255,255,.76);font-size:19px;line-height:1.75;max-width:650px}.hero-actions{display:flex;gap:14px;margin:32px 0 27px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 23px;border-radius:10px;text-decoration:none;font-weight:850;transition:.2s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--red);color:white;box-shadow:0 12px 28px rgba(233,18,24,.27)}.button-secondary{color:white;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.05)}.trust-row{display:flex;gap:20px;flex-wrap:wrap;color:rgba(255,255,255,.68);font-size:13px}.trust-row span:before{content:"✓";color:#6fd7b7;font-weight:900;margin-right:7px}
.hero-brand-panel{position:relative;padding:36px 35px 28px;border:1px solid rgba(255,255,255,.15);background:linear-gradient(145deg,rgba(255,255,255,.11),rgba(255,255,255,.04));box-shadow:0 35px 100px rgba(0,0,0,.25);backdrop-filter:blur(10px)}.hero-brand-panel:before{content:"";position:absolute;inset:10px;border:1px solid rgba(255,255,255,.07);pointer-events:none}.hero-mark{width:116px;margin:0 auto 22px}.hero-wordmark{width:100%;max-height:175px;object-fit:contain}.coming-soon-card{margin:24px 0 18px;padding:19px;border-top:1px solid rgba(255,255,255,.14);border-bottom:1px solid rgba(255,255,255,.14);text-align:center}.coming-soon-card p{margin:10px auto 0;max-width:440px;color:rgba(255,255,255,.74);font-size:14px}.status-pill{display:inline-flex;align-items:center;gap:8px;text-transform:uppercase;letter-spacing:.11em;font-size:11px;font-weight:850}.status-pill i{width:8px;height:8px;border-radius:50%;background:var(--red);box-shadow:0 0 0 5px rgba(233,18,24,.16)}.mini-feature-row{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.mini-feature-row div{padding:12px 8px;background:rgba(0,0,0,.13);border:1px solid rgba(255,255,255,.08);text-align:center}.mini-feature-row b,.mini-feature-row small{display:block}.mini-feature-row b{font-size:11px}.mini-feature-row small{font-size:8px;color:rgba(255,255,255,.55)}.hero-curve{position:absolute;left:-5%;right:-5%;bottom:-77px;height:130px;background:white;border-radius:50% 50% 0 0}
.intro-section{padding:100px 0 80px}.centered-copy{max-width:830px;text-align:center}.centered-copy h2,.section-heading h2,.identity-copy h2,.fire-copy h2,.privacy-section h2,.interest-card h2,.portal-section h2{font-size:clamp(34px,4vw,52px);line-height:1.12;letter-spacing:-.035em;margin:0 0 20px}.centered-copy>p:last-child{color:var(--muted);font-size:18px}
.identity-section{padding:30px 0 110px}.identity-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.identity-logo-wrap{padding:45px 34px;border-left:5px solid var(--red);background:linear-gradient(135deg,#fff,#f5f8fb);box-shadow:var(--shadow)}.identity-logo-wrap img{width:100%}.identity-copy>p:not(.section-kicker){color:var(--muted);font-size:17px}.identity-points{margin-top:28px;border-top:1px solid var(--line)}.identity-points span{display:block;padding:15px 0;border-bottom:1px solid var(--line);color:var(--muted)}.identity-points b{color:var(--navy);display:inline-block;min-width:100px}
.features-section{padding:105px 0;background:var(--soft)}.section-heading{display:grid;grid-template-columns:1.1fr .65fr;gap:80px;align-items:end;margin-bottom:45px}.section-heading>p{color:var(--muted)}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.feature-card{background:white;border:1px solid var(--line);padding:29px;min-height:260px;transition:.2s ease}.feature-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.feature-card.featured{background:var(--navy);border-color:var(--navy);color:white}.feature-icon{width:53px;height:53px;display:grid;place-items:center;background:#fff0f1;color:var(--red);font-weight:900;font-size:16px;margin-bottom:27px}.featured .feature-icon{background:rgba(255,255,255,.1)}.feature-card h3{font-size:21px;margin:0 0 10px}.feature-card p{color:var(--muted);margin:0}.featured p{color:rgba(255,255,255,.68)}
.fire-section{padding:110px 0;background:var(--navy);color:white;position:relative;overflow:hidden}.fire-section:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;background:rgba(233,18,24,.07);right:-190px;bottom:-260px}.fire-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.fire-copy>p:not(.section-kicker){color:rgba(255,255,255,.7);font-size:17px}.check-list{list-style:none;padding:0;margin:28px 0 0}.check-list li{margin:12px 0;color:rgba(255,255,255,.83)}.check-list li:before{content:"✓";display:inline-grid;place-items:center;width:24px;height:24px;margin-right:11px;border-radius:50%;color:white;background:var(--red);font-size:12px;font-weight:900}.rollcall-panel{background:white;color:var(--ink);padding:27px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.panel-brand{display:flex;align-items:center;gap:10px;margin-bottom:17px;color:var(--muted);font-size:9px;text-transform:uppercase;letter-spacing:.1em;font-weight:850}.panel-brand img{width:30px;height:30px;object-fit:contain}.rollcall-top,.progress-label{display:flex;align-items:center;justify-content:space-between}.rollcall-top small,.rollcall-top b{display:block}.rollcall-top small{color:var(--red);text-transform:uppercase;font-size:9px;font-weight:850;letter-spacing:.12em}.rollcall-top b{font-size:25px}.rollcall-top>span{color:var(--red);font-weight:850;background:#fff0f1;padding:8px 10px}.progress-label{margin-top:23px;font-size:12px;color:var(--muted)}.progress-label b{color:var(--ink)}.progress-track{height:8px;background:#e7edf2;margin:8px 0 17px;overflow:hidden}.progress-track i{display:block;height:100%;width:78%;background:var(--green)}.roll-list>div{display:flex;align-items:center;gap:10px;padding:12px 0;border-top:1px solid #edf1f4}.avatar{width:32px;height:32px;border-radius:50%;background:#dce5ed;flex:0 0 auto}.roll-list span b,.roll-list span small{display:block}.roll-list span b{font-size:11px}.roll-list span small{color:var(--muted);font-size:8px}.roll-list em{margin-left:auto;font-style:normal;font-size:8px;color:var(--green);font-weight:850;background:#e8f7f2;padding:6px 8px}.roll-list em.pending{color:#986700;background:#fff6d9}.rollcall-panel>p{margin:15px 0 0;background:#fff0f1;color:var(--red-dark);padding:10px;text-align:center;font-weight:850;font-size:9px}
.privacy-section{padding:120px 0}.privacy-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:100px;align-items:center}.privacy-mark{position:relative;min-height:430px;display:grid;place-items:center;background:radial-gradient(circle,#eef4f8,transparent 67%)}.privacy-mark img{width:250px}.privacy-badge{position:absolute;right:12px;bottom:70px;background:white;border-left:4px solid var(--red);padding:12px 15px;box-shadow:var(--shadow);font-size:12px;font-weight:850;color:var(--navy)}.privacy-grid>div:last-child>p:not(.section-kicker){color:var(--muted);font-size:17px}.privacy-points article{display:grid;grid-template-columns:180px 1fr;padding:17px 0;border-top:1px solid var(--line)}.privacy-points b{color:var(--navy)}.privacy-points span{color:var(--muted)}.legal-note{font-size:12px!important;background:var(--soft);border-left:3px solid var(--red);padding:12px 14px}
.interest-section{padding:20px 0 105px}.interest-card{background:linear-gradient(135deg,var(--red-dark),var(--red));color:white;padding:54px 58px;display:grid;grid-template-columns:1fr auto;gap:50px;align-items:center;box-shadow:0 25px 70px rgba(201,12,19,.22)}.interest-card p:not(.section-kicker){color:rgba(255,255,255,.82);max-width:740px;margin-bottom:0}.button-white{background:white;color:var(--red-dark);white-space:nowrap}
.portal-section{padding:110px 0;background:var(--soft)}.portal-grid{display:grid;grid-template-columns:1fr .7fr;gap:100px;align-items:center}.portal-grid>div:first-child>p:last-child{color:var(--muted);font-size:17px}.portal-box{background:white;border:1px solid var(--line);padding:36px;text-align:center;box-shadow:0 18px 50px rgba(0,29,59,.09)}.portal-box img{width:92px;height:92px;object-fit:contain;margin:0 auto 10px}.portal-status{display:inline-block;color:var(--red);text-transform:uppercase;letter-spacing:.1em;font-size:10px;font-weight:850;margin-bottom:5px}.portal-box h3{margin:0 0 7px}.portal-box p{color:var(--muted);font-size:14px}.portal-box button{width:100%;border:0;padding:14px;color:#8795a7;font-weight:850}
.site-footer{background:var(--navy);color:white;padding:52px 0 24px}.footer-top,.footer-bottom{display:flex;align-items:center;justify-content:space-between;gap:30px}.footer-top{padding-bottom:36px;border-bottom:1px solid rgba(255,255,255,.12)}.footer-top img{width:285px;max-height:75px;object-fit:contain}.footer-links{display:flex;gap:25px;flex-wrap:wrap}.footer-links a,.footer-bottom a{color:rgba(255,255,255,.68);text-decoration:none;font-size:13px}.footer-bottom{padding-top:22px;color:rgba(255,255,255,.5);font-size:12px}
@media(max-width:900px){.launch-inner span:last-child{display:none}.menu-button{display:block;color:white;border:1px solid rgba(255,255,255,.25);background:transparent;padding:8px 12px}.site-nav{display:none;position:absolute;top:78px;left:20px;right:20px;padding:18px;background:var(--navy-2);flex-direction:column;align-items:stretch;gap:4px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.site-nav a{padding:10px}.nav-portal{text-align:center;margin-top:5px}.hero-grid,.identity-grid,.fire-grid,.privacy-grid,.portal-grid{grid-template-columns:1fr;gap:55px}.section-heading{grid-template-columns:1fr;gap:8px}.feature-grid{grid-template-columns:repeat(2,1fr)}.privacy-grid{display:flex;flex-direction:column-reverse}.privacy-mark{width:100%}.interest-card{grid-template-columns:1fr}.hero-brand-panel{max-width:680px}.identity-logo-wrap{max-width:760px}}
@media(max-width:620px){.container{width:min(100% - 28px,1160px)}.brand img{width:215px}.nav-wrap{min-height:72px}.hero{padding:80px 0 100px;min-height:auto}.hero h1{font-size:42px}.hero-text{font-size:16px}.hero-grid{gap:45px}.hero-brand-panel{padding:26px 18px 20px}.hero-mark{width:86px}.mini-feature-row{grid-template-columns:1fr}.identity-section,.features-section,.fire-section,.privacy-section,.portal-section{padding:80px 0}.identity-logo-wrap{padding:28px 20px}.feature-grid{grid-template-columns:1fr}.feature-card{min-height:auto}.privacy-mark{min-height:360px}.privacy-mark img{width:200px}.privacy-points article{grid-template-columns:1fr;gap:4px}.interest-card{padding:38px 25px}.interest-card .button{width:100%}.footer-top,.footer-bottom{align-items:flex-start;flex-direction:column}.footer-top img{width:235px}}


/* v1.7 — reception image kept fully visible with status panel below */
.hero-office-panel {
  overflow: hidden;
  border-radius: 20px;
  border: 1px solid rgba(255,255,255,.18);
  box-shadow: 0 34px 90px rgba(0,0,0,.34);
  background: #001d3b;
}

.hero-office-panel > img {
  width: 100%;
  aspect-ratio: 1.22 / 1;
  object-fit: cover;
  object-position: center;
  display: block;
}

.office-overlay {
  position: static;
  padding: 18px 20px 20px;
  background: linear-gradient(135deg,rgba(0,20,45,.98),rgba(15,43,77,.98));
  border-top: 1px solid rgba(255,255,255,.16);
}

.office-overlay p {
  margin: 9px 0 0;
  color: rgba(255,255,255,.82);
  font-size: 14px;
  line-height: 1.55;
}

@media (max-width: 900px) {
  .hero-office-panel > img {
    aspect-ratio: 1.5 / 1;
  }
}

@media (max-width: 620px) {
  .hero-office-panel > img {
    aspect-ratio: 1.18 / 1;
  }

  .office-overlay {
    padding: 15px 16px 17px;
  }
}


/* v1.6 — launch-ready coming-soon content update */
.workflow-section{padding:105px 0;background:white}.workflow-heading{margin-bottom:34px}.workflow-track{display:flex;align-items:center;gap:11px;flex-wrap:wrap;padding:28px;background:var(--navy);box-shadow:var(--shadow)}.workflow-track span{background:white;color:var(--navy);padding:11px 14px;font-weight:850;font-size:13px}.workflow-track i{font-style:normal;color:var(--red);font-weight:900;font-size:20px}.workflow-disclaimer{margin:14px 0 0;color:var(--muted);font-size:12px}.emergency-note{margin-top:25px;padding:14px 16px;border-left:3px solid var(--red);background:rgba(255,255,255,.08);color:rgba(255,255,255,.78)!important;font-size:13px!important}.roll-list span small{max-width:190px;line-height:1.35}
@media(max-width:620px){.workflow-section{padding:80px 0}.workflow-track{align-items:stretch;flex-direction:column}.workflow-track i{transform:rotate(90deg);align-self:center;line-height:1}.workflow-track span{text-align:center}}

/* v1.9 — cleaner branding section without the red accent line */
.identity-logo-wrap{
  padding:28px 0;
  border-left:none;
  background:transparent;
  box-shadow:none;
}
.identity-logo-wrap img{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
@media(max-width:620px){
  .identity-logo-wrap{padding:20px 0}
}


/* v1.10 — emergency panel refreshed to better reflect the current ShiftHaven UI */
.shift-ui-panel{background:#f8fafc;color:#12233f;padding:0;overflow:hidden;border-radius:0;box-shadow:0 32px 80px rgba(0,0,0,.24)}
.shift-ui-head{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 22px;background:linear-gradient(145deg,#780818,#c8102e 52%,#670511);color:white}
.shift-ui-head-main{display:flex;align-items:center;gap:14px;min-width:0}
.shift-ui-alert{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:3px solid rgba(255,255,255,.92);font-size:24px;font-weight:900;flex:0 0 auto}
.shift-ui-head small,.shift-ui-head b,.shift-ui-head span{display:block}
.shift-ui-head small{text-transform:uppercase;letter-spacing:.12em;font-size:10px;font-weight:850;color:rgba(255,255,255,.84)}
.shift-ui-head b{font-size:30px;line-height:1.02;margin-top:2px}
.shift-ui-head span{margin-top:3px;font-size:12px;color:rgba(255,255,255,.78)}
.shift-ui-clock{text-align:right;display:flex;flex-direction:column;align-items:flex-end;flex:0 0 auto}
.shift-ui-clock strong{font-size:26px;letter-spacing:.03em}
.shift-ui-clock span{font-size:11px;color:rgba(255,255,255,.8)}
.shift-ui-sync{padding:9px 22px;background:#ffe4e7;color:#9f1239;font-size:11px;font-weight:800;border-bottom:1px solid #f2c7cf}
.shift-ui-summary{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:18px 22px 0}
.shift-ui-summary article{background:white;border:1px solid #e1e8f0;padding:12px 12px 11px;box-shadow:0 8px 22px rgba(12,27,55,.06)}
.shift-ui-summary article.success{background:#effaf4;border-color:#ccead8}
.shift-ui-summary article.warning{background:#fff6eb;border-color:#f1ddbb}
.shift-ui-summary span,.shift-ui-summary strong,.shift-ui-summary small{display:block}
.shift-ui-summary span{text-transform:uppercase;letter-spacing:.08em;font-size:10px;font-weight:850;color:#5a6b84}
.shift-ui-summary strong{margin-top:6px;font-size:24px;line-height:1;color:#132544}
.shift-ui-summary small{margin-top:5px;font-size:10px;color:#6f8098}
.shift-ui-confirm{margin:14px 22px 0;padding:13px 14px;border:1px solid #d7e2ee;background:#fff;display:flex;align-items:center;justify-content:space-between;gap:14px}
.shift-ui-confirm strong,.shift-ui-confirm span{display:block}
.shift-ui-confirm strong{font-size:13px;color:#132544}
.shift-ui-confirm span{font-size:11px;color:#62748d;max-width:420px}
.shift-ui-confirm button{border:none;background:#102849;color:white;padding:11px 14px;font-weight:800;font-size:11px}
.shift-ui-toolbar{display:flex;gap:8px;flex-wrap:wrap;padding:14px 22px 10px}
.shift-ui-toolbar span{display:inline-flex;align-items:center;gap:7px;padding:9px 11px;background:#eef3f7;color:#4e6077;font-size:11px;font-weight:800}
.shift-ui-toolbar span.active{background:#102849;color:white}
.shift-ui-toolbar b{font-size:10px}
.shift-ui-list{padding:0 22px 10px}
.shift-ui-list article{display:grid;grid-template-columns:auto auto 1fr auto;gap:12px;align-items:start;padding:14px 0;border-top:1px solid #e7edf3}
.shift-ui-list article:first-child{border-top:none}
.shift-ui-list .row-number{width:22px;height:22px;border-radius:50%;background:#eef3f7;color:#5b6f88;font-style:normal;font-size:11px;font-weight:800;display:grid;place-items:center;margin-top:5px}
.shift-ui-list .avatar{width:38px;height:38px;border-radius:50%;background:#dce5ef;color:#102849;font-style:normal;font-size:16px;font-weight:900;display:grid;place-items:center}
.shift-ui-list span b,.shift-ui-list span small{display:block}
.shift-ui-list span b{font-size:15px;color:#102849}
.shift-ui-list span small{margin-top:3px;font-size:11px;color:#667891}
.shift-ui-list em{margin-left:8px;font-style:normal;font-size:10px;color:#2f855a;background:#e8f6ee;padding:8px 10px;font-weight:850;white-space:nowrap;align-self:center}
.shift-ui-list em.pending{color:#9a6b00;background:#fff3d8}
.shift-ui-list .resident-row{grid-template-columns:auto auto 1fr auto;grid-template-areas:'num avatar info badge' '. . guide guide'}
.shift-ui-list .resident-row .row-number{grid-area:num}
.shift-ui-list .resident-row .avatar{grid-area:avatar}
.shift-ui-list .resident-row>span{grid-area:info}
.shift-ui-list .resident-row>em{grid-area:badge}
.shift-ui-list .resident-guide{grid-area:guide;margin:10px 0 0;padding:12px 14px;background:#f7fafc;border:1px solid #dfe8f0}
.shift-ui-list .resident-guide strong{display:block;font-size:12px;color:#102849}
.shift-ui-list .resident-tags{display:flex;flex-wrap:wrap;gap:7px;margin-top:9px}
.shift-ui-list .resident-tags u{text-decoration:none;background:#eef3f7;color:#35506f;padding:6px 8px;font-size:10px;font-weight:800}
.shift-ui-list .resident-guide p{margin:10px 0 0;font-size:10px;line-height:1.45;color:#677a93}
.shift-ui-panel>p{margin:6px 22px 22px;background:#fff0f1;color:#b42318;padding:12px 14px;text-align:center;font-weight:850;font-size:11px}
@media(max-width:1150px){.shift-ui-summary{grid-template-columns:repeat(3,1fr)}.shift-ui-summary article:last-child,.shift-ui-summary article:nth-last-child(2){grid-column:span 1}}
@media(max-width:620px){.shift-ui-head{padding:16px}.shift-ui-head b{font-size:24px}.shift-ui-clock strong{font-size:21px}.shift-ui-sync,.shift-ui-summary,.shift-ui-confirm,.shift-ui-toolbar,.shift-ui-list,.shift-ui-panel>p{margin-left:16px;margin-right:16px;padding-left:0;padding-right:0}.shift-ui-summary{grid-template-columns:1fr 1fr;padding-top:16px}.shift-ui-confirm{padding:12px 0;flex-direction:column;align-items:flex-start}.shift-ui-confirm button{width:100%}.shift-ui-list article{grid-template-columns:auto auto 1fr;grid-template-areas:none}.shift-ui-list article em{grid-column:3;justify-self:start;margin-left:0;margin-top:8px}.shift-ui-list .resident-row{grid-template-columns:auto auto 1fr;grid-template-areas:'num avatar info' '. . badge' '. . guide'}}

/* v1.11 — keep the privacy badge clear of the ShiftHaven logo */
.privacy-mark{
  display:flex;
  flex-direction:column;
  align-items:center;
  justify-content:center;
  gap:24px;
}
.privacy-badge{
  position:static;
  right:auto;
  bottom:auto;
  display:inline-block;
  border-left:4px solid var(--red);
}