/* LockedVibe shared theme (2026-10 retheme). Loaded by every page after page styles. */
:root{color-scheme:dark;--bg:#03070e;--surface:#09111e;--ink:#f2f7fc;--muted:#b8cddd;--line:#ffffff20;--amber:#36dfff;--teal:#57eaff;--mono:'Cascadia Code','SFMono-Regular',Consolas,monospace;--sans:-apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif;
--card:#09111e;--txt:#eaf5ff;--mut:#b8cddd;--acc:#57e5ff;--acc-ink:#02101e;--r:6px}
/* header + footer chrome (from design) */
.site-header a:not(.nav-audit),.site-footer a{color:inherit;text-decoration:none}.site-header .nav-audit{color:#02101e;text-decoration:none}
.site-header .brand,.site-footer .brand{color:var(--ink)}
.site-header nav,.site-footer nav{padding:0;justify-content:flex-start}
.site-header p,.site-footer p{margin:0}
.site-footer{border-top:1px solid var(--line);font-family:var(--sans)}
.site-header button{font:inherit;cursor:pointer;color:inherit}
.site-header{font-family:var(--sans)}
.nav-audit>span,.footer-bottom .mono{font-size:inherit}
.mono{font-family:var(--mono)}
.skip-link{position:fixed;z-index:100;top:12px;left:20px;transform:translateY(-160%);background:var(--teal);color:#07110d;padding:12px}
.skip-link:focus{transform:translateY(0)}
.site-header{position:absolute;z-index:20;top:0;left:0;right:0;height:96px;display:flex;align-items:center;justify-content:space-between;gap:25px;margin:0 4.2%;border-bottom:1px solid var(--line)}
.brand{font-size:25px;letter-spacing:-1.35px;font-weight:800;display:inline-flex;align-items:center;line-height:1}
.brand>span{font-weight:400}
.brand>svg{width:29px;height:29px;fill:none;stroke:var(--ink);stroke-width:1.6;margin-right:10px}
.brand>i{font-style:normal;font-size:8px;align-self:flex-start;letter-spacing:0;margin:0 0 0 4px}
.nav-links{display:flex;gap:31px;font-size:12px;color:#9db4ca}
.nav-links a:hover,.intake-link:hover{color:#fff}
.nav-links a>span{margin-left:4px}
.nav-actions{display:flex;gap:24px;align-items:center;font-size:11px}
.intake-link{color:#9db4ca}
.nav-audit{background:#47e4ff;color:#050d18;border:1px solid #47e4ff;padding:12px 17px;display:flex;gap:28px;font-weight:650;border-radius:3px}
.nav-audit:hover{background:white}
.menu-toggle{display:none;border:0;background:transparent;width:40px;height:40px;padding:10px}
.menu-toggle>span{display:block;height:1px;background:white;width:20px;margin:5px 0}
.site-footer{padding:57px 7.2% 26px}
.footer-main{display:grid;grid-template-columns:1.7fr repeat(3,1fr);gap:45px}
.footer-main>div p{font-size:11px;color:#789ebd;margin-top:20px;line-height:1.85}
.footer-main nav{display:flex;flex-direction:column;align-items:flex-start;gap:11px}
.footer-main nav>.mono{font-size:8px;color:#5c91bd;margin-bottom:7px}
.footer-main nav a{font-size:11px;color:#a0bdd9}
.footer-main nav a:hover{color:#d4edff}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;align-items:center;border-top:1px solid var(--line);padding-top:25px;margin-top:45px;font-size:8px;color:#6f90b2}
.footer-bottom>p{max-width:570px}
.footer-bottom>a{white-space:nowrap}
@media(max-width:1150px){.site-header{gap:15px}}
@media(max-width:1150px){.nav-links{gap:20px}}
@media(max-width:1150px){.intake-link{display:none}}
@media(max-width:1150px){.footer-main{gap:25px}}
@media(max-width:1150px){.site-footer{padding-inline:5.8%}}
@media(max-width:800px){.site-header{height:78px;margin-inline:5%}}
@media(max-width:800px){.brand{font-size:23px}}
@media(max-width:800px){.nav-links{display:none;position:absolute;top:77px;left:-5.5%;right:-5.5%;padding:24px 6%;background:#061827;border-bottom:1px solid #ffffff30;flex-direction:column;gap:0;font-size:15px}}
@media(max-width:800px){.nav-links.is-open{display:flex}}
@media(max-width:800px){.nav-links a{padding:13px 0}}
@media(max-width:800px){.nav-actions{gap:12px}}
@media(max-width:800px){.menu-toggle{display:block}}
@media(max-width:800px){.nav-audit{font-size:10px;padding:11px 13px;gap:18px}}
@media(max-width:800px){.footer-main{grid-template-columns:1.4fr 1fr 1fr;gap:30px}}
@media(max-width:800px){.footer-main>nav:last-child{grid-column:2/4;flex-direction:row;flex-wrap:wrap;gap:18px}}
@media(max-width:800px){.footer-main>nav:last-child>.mono{flex-basis:100%;margin-bottom:-5px}}
@media(max-width:800px){.footer-bottom{font-size:7px;gap:22px}}
@media(max-width:800px){.footer-bottom>p{max-width:310px}}
@media(max-width:560px){.site-header{height:74px}}
@media(max-width:560px){.brand{font-size:21px}}
@media(max-width:560px){.brand>svg{height:24px;width:24px;margin-right:8px}}
@media(max-width:560px){.nav-audit{padding:10px 11px;gap:12px;font-size:9px}}
@media(max-width:560px){.nav-actions{gap:6px}}
@media(max-width:560px){.nav-links{top:73px}}
@media(max-width:560px){.site-footer{padding:43px 7% 24px}}
@media(max-width:560px){.footer-main{grid-template-columns:1fr 1fr;gap:32px 25px}}
@media(max-width:560px){.footer-main>div{grid-column:1/3;display:flex;align-items:flex-start;justify-content:space-between;gap:20px}}
@media(max-width:560px){.footer-main>div p{font-size:9px;margin:0}}
@media(max-width:560px){.footer-main nav a{font-size:10px}}
@media(max-width:560px){.footer-main>nav:last-child{grid-column:1/3;gap:22px}}
@media(max-width:560px){.footer-main nav>.mono{font-size:7px}}
@media(max-width:560px){.footer-bottom{display:flex;flex-wrap:wrap;font-size:7px;gap:18px;margin-top:28px;padding-top:20px}}
@media(max-width:560px){.footer-bottom>p{order:3;max-width:none;width:100%}}
@media(max-width:560px){.footer-bottom>a{margin-left:auto}}
@media(max-width:360px){.brand{font-size:19px}}
@media(max-width:360px){.brand>svg{width:20px;margin-right:6px}}
@media(max-width:360px){.nav-audit{font-size:8px;gap:8px}}
.site-header{border-color:#168ad333}
.brand>svg{stroke:#49ddff;filter:drop-shadow(0 0 7px #00aaff66)}
.nav-audit,.button-primary,.button-accent{background:#57e5ff;border-color:#67efff;color:#02101e;box-shadow:0 0 28px #00aeff13}
.nav-audit:hover,.button-primary:hover,.button-accent:hover{background:#c3f8ff;box-shadow:0 0 32px #00c3ff33}
.site-header{height:94px;margin:0 5%;border-bottom-color:#2c70ac22}
.brand{font-size:24px}
.brand>svg{filter:none;stroke:#6acbea}
.nav-audit{border-radius:5px;background:#d4f5ff;border-color:#d4f5ff;box-shadow:none;font-size:11px}
.nav-links{font-size:12px;color:#a5bbcf}
.nav-actions{gap:28px}
.site-footer{position:relative;z-index:1;background:#030a12dc;padding-bottom:65px}
.footer-bottom{border-top-color:#235d8b40}
@media(max-width:800px){.site-header{height:80px}}
@media(max-width:800px){.nav-links{top:79px}}
@media(max-width:560px){.site-header{height:78px;margin-inline:6%}}
@media(max-width:560px){.brand{font-size:20px}}
@media(max-width:560px){.brand>svg{width:23px;height:23px;margin-right:8px}}
@media(max-width:560px){.nav-actions{gap:8px}}
@media(max-width:560px){.nav-audit{font-size:9px;padding:10px 12px;gap:12px}}
@media(max-width:560px){.nav-links{top:77px}}
@media(max-width:560px){.site-footer{padding-bottom:70px}}
@media(max-width:375px){.nav-audit{font-size:8px;padding:10px}}
@media(max-width:375px){.brand{font-size:19px}}
.site-header{background: #030a12d9; margin-inline: 5%; height: 100px; gap: 24px;}
.brand{font-family: var(--sans); font-size: 29px; letter-spacing: -.9px; font-weight: 750; white-space: nowrap; text-shadow: none; filter: none;}
.brand>span{font-weight: 600; color: #6cddff;}
.nav-links{gap: 30px; font-size: 15px; font-weight: 500; color: #d3e3ef;}
.nav-links a{position: relative; padding-block: 12px; transition: color .18s;}
.nav-links a::after{content: ''; position: absolute; bottom: 4px; left: 0; right: 0; height: 2px; background: #65dcff; transform: scaleX(0); transform-origin: left; transition: transform .18s;}
.nav-links a:hover,.nav-links a:focus-visible,.intake-link:hover{color: #76e4ff;}
.nav-links a:hover::after,.nav-links a:focus-visible::after{transform: scaleX(1);}
.nav-actions{gap: 26px; font-size: 15px;}
.intake-link{color: #c5d9e8; font-weight: 500;}
.nav-audit{font-size: 15px; line-height: 1.4; padding: 14px 20px; gap: 22px; font-weight: 650;}
.footer-main>div p{font-size: 15px; color: #b5cbdc;}
.footer-main nav>.mono{font-size: 12px; color: #92b8d3;}
.footer-main nav a{font-size: 15px; color: #c6dbea;}
.footer-main nav a:hover{color: #76e4ff;}
.footer-bottom{font-size: 12px; line-height: 1.75; color: #a7bed1; align-items: flex-start;}
.footer-bottom>p{max-width: 620px;}
@media(max-width:1150px){.nav-links{gap: 23px;}}
@media(max-width:1000px){.footer-main{grid-template-columns: repeat(3,1fr);}}
@media(max-width:1000px){.footer-main>div{grid-column: 1/-1;}}
@media(max-width:1000px){.footer-main>nav:last-child{grid-column: auto; flex-direction: column; gap: 11px;}}
@media(max-width:1000px){.footer-main>nav:last-child>.mono{flex-basis: auto; margin-bottom: 7px;}}
@media(max-width:800px){.site-header{height: 86px; gap: 14px;}}
@media(max-width:800px){.brand{font-size: 27px;}}
@media(max-width:800px){.nav-links{top: 85px; font-size: 17px;}}
@media(max-width:800px){.nav-links a{padding-block: 14px;}}
@media(max-width:800px){.nav-links a::after{display: none;}}
@media(max-width:800px){.nav-actions{gap: 10px;}}
@media(max-width:800px){.nav-audit{font-size: 14px; padding: 12px 16px; gap: 16px;}}
@media(min-width:801px) and (max-width:840px){.site-header{gap: 14px;}}
@media(min-width:801px) and (max-width:840px){.nav-links{gap: 16px;}}
@media(min-width:801px) and (max-width:840px){.nav-audit{padding-inline: 16px;}}
@media(max-width:560px){.site-header{margin-inline: 5%; gap: 10px; height: 80px;}}
@media(max-width:560px){.brand{font-size: 23px; letter-spacing: -.65px;}}
@media(max-width:560px){.nav-actions{gap: 4px;}}
@media(max-width:560px){.nav-audit{font-size: 12px; padding: 12px 13px; gap: 10px;}}
@media(max-width:560px){.menu-toggle{width: 35px; padding: 8px;}}
@media(max-width:560px){.nav-links{top: 79px;}}
@media(max-width:560px){.footer-main{grid-template-columns: 1fr 1fr; gap: 30px 20px;}}
@media(max-width:560px){.footer-main>div{display: block;}}
@media(max-width:560px){.footer-main>div p{margin-top: 17px; font-size: 15px;}}
@media(max-width:560px){.footer-main>nav:last-child{grid-column: 1/-1; flex-direction: row; flex-wrap: wrap; gap: 18px;}}
@media(max-width:560px){.footer-main>nav:last-child>.mono{flex-basis: 100%; margin: 0;}}
@media(max-width:560px){.footer-main nav a{font-size: 14px; min-height: 44px; display: flex; align-items: center;}}
@media(max-width:560px){.footer-bottom{font-size: 12px;}}
@media(max-width:360px){.brand{font-size: 21px;}}
@media(max-width:360px){.nav-audit{font-size: 11px; padding-inline: 10px;}}
@media(max-width:360px){.nav-audit>span{display: none;}}/* subpages: header in normal flow */
body.lv-sub .site-header{position:relative;margin:0;left:auto;right:auto;background:transparent;margin-bottom:8px}
body.lv-sub .site-header .nav-links{left:-24px;right:-24px}
@media(max-width:800px){body.lv-sub .site-header .nav-links{padding:12px 24px}}
body.lv-sub .site-footer{margin:0;padding-inline:0;background:transparent}
.footer-bottom .sf-note{flex-basis:100%;max-width:none;order:4}
/* subpage components restyled to the design */
body.lv-sub{font-family:var(--sans);background:radial-gradient(1100px 620px at 85% -8%,rgba(20,90,170,.22),transparent 60%),radial-gradient(900px 600px at -10% 40%,rgba(0,90,140,.14),transparent 60%),var(--bg)}
body.lv-sub:before{background-image:linear-gradient(rgba(87,229,255,.025) 1px,transparent 1px),linear-gradient(90deg,rgba(87,229,255,.025) 1px,transparent 1px)!important}
body.lv-sub h1,body.lv-sub h2,body.lv-sub h3{font-weight:600;letter-spacing:-.025em}
body.lv-sub .eyebrow{font:12px/1.6 var(--mono);letter-spacing:.14em;text-transform:uppercase;color:#91cdeb;font-weight:400}
body.lv-sub .btn{border-radius:4px;font-weight:650;min-height:48px;height:auto;padding:12px 20px;border-color:#ffffff42}
body.lv-sub .btn.p{background:#57e5ff;border-color:#67efff;color:#02101e;box-shadow:0 0 28px #00aeff13}
body.lv-sub .btn.p:hover{background:#c3f8ff;border-color:#c3f8ff}
body.lv-sub .card{border-radius:8px;border-color:#416a847d;background:linear-gradient(180deg,#0b1726,#07101c)}
body.lv-sub input:not([type=checkbox]):not([type=radio]),body.lv-sub select,body.lv-sub textarea{border-radius:4px;background:#06101c;border-color:#2c4a66}
body.lv-sub a:not(.btn):not(.brand){color:#76e4ff}
body.lv-sub .site-header a,body.lv-sub .site-footer a{color:inherit}
body.lv-sub .nav-audit{color:#02101e!important}
body.lv-sub code{font-family:var(--mono)}
/* checkboxes always visible (intake DPA/PHI, Pack marketing opt-in) */
input[type=checkbox]{appearance:auto;-webkit-appearance:checkbox;accent-color:#57e5ff;width:20px!important;height:20px!important;min-width:20px!important;flex:0 0 20px;opacity:1;visibility:visible;position:static}
/* 2026-10-15 review fixes */
.nav-mobile-only{display:none!important}
.footer-team{font-size:13px!important;color:#b5cbdc!important;margin-top:12px!important}.footer-team a{text-decoration:underline;text-underline-offset:3px}
.footer-main nav a{min-height:44px;display:inline-flex!important;align-items:center}.footer-main nav{gap:0!important}
.footer-bottom>a{min-height:44px;display:inline-flex;align-items:center}

.after-checkout{font-size:14px;color:#c6dbea;margin:22px 0 4px;text-align:center}.after-checkout a{color:#76e4ff;text-decoration:underline;text-underline-offset:3px}
.stat-grid .src,.src{font-size:13px!important;color:#b5cbdc}.src-label{color:#92b8d3}.src a{color:#9fe6ff;text-decoration:underline;text-underline-offset:3px}
.talk-btn{margin-top:22px}
.pack-submit{background:transparent!important;color:#eaf5ff!important;border:1px solid #9fe6ff88!important}
#mkt-optin{appearance:none;-webkit-appearance:none;width:20px;height:20px;flex:0 0 20px;background:#06101c;border:1.5px solid #9fe6ff;border-radius:4px;display:inline-grid;place-content:center;cursor:pointer;margin:0 8px 0 0}
#mkt-optin:checked{background:#57e5ff;border-color:#57e5ff}#mkt-optin:checked::after{content:'';width:5px;height:10px;border:solid #03070e;border-width:0 2px 2px 0;transform:rotate(45deg) translate(-1px,-1px)}
#mkt-optin:focus-visible{outline:2px solid #57e5ff;outline-offset:3px}
a.button:focus-visible,button:focus-visible,.button:focus-visible,.nav-audit:focus-visible,.faq-list summary:focus-visible,summary:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #57e5ff!important;outline-offset:3px!important;box-shadow:0 0 0 5px #57e5ff33}
@media(max-width:800px){.nav-mobile-only{display:block!important}
.nav-links.is-open{background:#050d18!important;padding:8px 24px 18px!important;left:0!important;right:0!important;box-shadow:0 18px 40px #000a;border-bottom:1px solid #1d3348}
.nav-links.is-open a{padding-left:0;min-height:48px;display:flex;align-items:center;border-bottom:1px solid #1d334866}
.after-checkout{text-align:left}}
@media(max-width:800px){.nav-links.is-open{align-items:stretch!important;text-align:left!important}.nav-links.is-open a{justify-content:flex-start!important;color:#d3e3ef!important;width:100%}}

/* Effects FAB: fixed bottom-right, compact */
.effect-control{position:fixed!important;z-index:40;top:auto!important;left:auto!important;right:calc(18px + env(safe-area-inset-right))!important;bottom:calc(18px + env(safe-area-inset-bottom))!important;background:#06121f!important;backdrop-filter:none!important;border:1px solid #57e5ff66!important;color:#eaf5ff!important;font-size:12px!important;padding:8px 12px!important;min-height:36px;border-radius:999px;box-shadow:0 4px 18px #000c!important;opacity:.92}
.effect-control:hover{opacity:1;border-color:#57e5ff!important}
.effect-control:focus-visible{outline:2px solid #57e5ff!important;outline-offset:3px!important;opacity:1}
body:has(.effect-control) .site-footer{padding-bottom:calc(84px + env(safe-area-inset-bottom))!important}
@media(max-width:800px){.effect-control{width:40px;height:40px;min-height:40px;padding:0!important;justify-content:center;right:calc(14px + env(safe-area-inset-right))!important;bottom:calc(14px + env(safe-area-inset-bottom))!important;font-size:14px!important}.effect-control .motion-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}}
/* Live dot on logo (matches vibeincidents.com .brand>i, in our cyan) */
.brand>i.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--teal,#57eaff);align-self:flex-start;margin:1px 0 0 4px;font-size:0;box-shadow:0 0 10px #57eaffaa;animation:lv-livedot 2.4s ease-in-out infinite}
@keyframes lv-livedot{50%{opacity:.35;box-shadow:0 0 3px #57eaff55}}
@media(prefers-reduced-motion:reduce){.brand>i.live-dot{animation:none!important;opacity:1}}