@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=Inter:wght@400;500;600;700;800&display=swap');
:root{--bg:#020709;--panel:#071014;--line:#173039;--text:#edf5f7;--muted:#8fa3aa;--green:#00f39a;--red:#ff424a;--amber:#ffb31f}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:radial-gradient(circle at 70% 8%,#06392733,transparent 28%),linear-gradient(#020607,#061014 55%,#020708);color:var(--text);font-family:Inter,sans-serif}body:before{content:"";position:fixed;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff05 1px,transparent 1px),linear-gradient(90deg,#ffffff03 1px,transparent 1px);background-size:36px 36px;z-index:-1}a{text-decoration:none;color:inherit}button,input,select{font:inherit}.topbar{height:76px;display:flex;align-items:center;gap:32px;padding:0 2.2%;border-bottom:1px solid var(--line);background:#020709ed;backdrop-filter:blur(16px);position:sticky;top:0;z-index:20}.brand{display:flex;align-items:center;gap:10px;min-width:max-content}.brand img{width:50px;height:50px;object-fit:contain;filter:drop-shadow(0 0 10px #00f39a44)}.brand b{display:block;font:800 30px/1 'Barlow Condensed';letter-spacing:.4px}.brand i{font-style:normal;color:var(--green)}.brand small{display:block;color:#81979e;font-size:9px;letter-spacing:1.4px;margin-top:5px}.topbar nav{display:flex;gap:6px;flex:1;justify-content:center}.nav{border:0;background:transparent;color:#9dafb5;padding:12px 14px;border-radius:7px;font:700 12px 'Barlow Condensed';letter-spacing:.6px;cursor:pointer}.nav:hover,.nav.active{color:var(--green);background:#05271d;border:1px solid #0c6649}.search{display:flex;gap:8px;align-items:center;border:1px solid #23414a;border-radius:8px;background:#071116;padding:0 10px;width:240px;height:38px;color:#81949b}.search input{width:100%;border:0;outline:0;background:transparent;color:white;font-size:12px}.live{color:var(--green);font:700 11px 'Barlow Condensed';white-space:nowrap}.live i,.pulse{display:inline-block;width:9px;height:9px;border-radius:50%;background:var(--green);box-shadow:0 0 12px var(--green);margin-right:7px;animation:pulse 1.5s infinite}@keyframes pulse{50%{opacity:.4;transform:scale(.7)}}main{max-width:1680px;margin:auto}.hero{display:grid;grid-template-columns:1.08fr .92fr;min-height:290px;border-bottom:1px solid #10302c;overflow:hidden;position:relative}.hero-copy{padding:44px 0 24px 2.2%;position:relative;z-index:2}.hero-copy:after{content:"";position:absolute;inset:0 -40% 0 0;background:linear-gradient(90deg,#020708 68%,transparent);z-index:-1}.eyebrow{color:var(--green);font:700 12px 'Barlow Condensed';letter-spacing:1.5px}h1{font:900 clamp(54px,5.5vw,92px)/.88 'Barlow Condensed';letter-spacing:-2px;margin:18px 0 12px}h1 em{font-style:normal;color:var(--green);text-shadow:0 0 30px #00f39a33}.hero p{font-size:16px;color:#b2c0c5;line-height:1.55;max-width:690px}.capabilities{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.capabilities div{min-width:178px;padding:11px 13px;border:1px solid #214049;border-radius:8px;background:#071115c9}.capabilities b{display:block;color:var(--green);font:700 11px 'Barlow Condensed'}.capabilities small{display:block;color:#8fa1a7;font-size:10px;margin-top:4px}.hero-art{position:relative;background:radial-gradient(circle at 52% 50%,#0b5a3d55,transparent 30%),linear-gradient(180deg,#07161b,#020708);overflow:hidden}.hero-art:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 20% 28%,#dcecff 0 5%,#9db7c9 6%,transparent 7%),linear-gradient(150deg,transparent 45%,#0b2d2a66 46% 48%,transparent 49%)}.hero-art img{position:absolute;right:18%;bottom:-34px;width:58%;max-height:330px;object-fit:contain;filter:drop-shadow(0 0 24px #00f39a33)}.hero-art span{position:absolute;right:4%;top:50px;color:var(--green);font:800 27px/1.12 'Barlow Condensed';font-style:italic;transform:rotate(-4deg);text-shadow:0 0 16px #00f39a}.stats{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;padding:12px 2.2% 16px;background:#020708}.stats article{display:flex;align-items:center;gap:12px;min-height:70px;padding:12px 14px;border:1px solid #1e4148;border-radius:8px;background:linear-gradient(#09151a,#071014)}.stats article>span{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#073525;color:var(--green);font-weight:900}.stats .red{background:#3c1115;color:#ff6269}.stats .amber{background:#3b2a0b;color:var(--amber)}.stats .purple{background:#251b3f;color:#af8cff}.stats b{display:block;font:800 22px 'Barlow Condensed'}.stats small{color:#83959c;font-size:9px;letter-spacing:.4px}.dashboard{display:grid;grid-template-columns:1.15fr .85fr;gap:12px;padding:0 2.2% 20px}.panel{background:linear-gradient(#071116,#050d11);border:1px solid #1d363f;border-radius:10px;overflow:hidden;box-shadow:0 20px 60px #0006}.panel-head{display:flex;justify-content:space-between;gap:15px;padding:14px 16px;border-bottom:1px solid #142c33}.panel-head h2,.token-head h2{font:800 18px 'Barlow Condensed';margin:0}.panel-head p{margin:4px 0 0;color:#82969d;font-size:11px}.controls{display:flex;gap:10px;align-items:center;color:#879aa0;font-size:10px}.controls select{border:1px solid #24434c;background:#071218;color:#dce7ea;border-radius:7px;padding:8px 9px}.table-wrap{max-height:610px;overflow:auto}table{width:100%;border-collapse:collapse;min-width:760px}th{position:sticky;top:0;background:#071116;color:#83979e;font:700 10px 'Barlow Condensed';letter-spacing:.65px;text-align:left;padding:11px 12px;border-bottom:1px solid #18323a}td{padding:10px 12px;border-bottom:1px solid #10252c;font-size:11px;white-space:nowrap}tbody tr:hover,tbody tr.selected{background:linear-gradient(90deg,#07342677,#0a1f1b33);box-shadow:inset 2px 0 var(--green)}.token-cell{display:flex;align-items:center;gap:8px}.mini-avatar,.avatar{display:grid;place-items:center;border-radius:8px;background:#142a2e;border:1px solid #24444c}.mini-avatar{width:30px;height:30px;font-size:18px}.token-cell b{display:block}.token-cell small{display:block;color:#738990}.score{display:inline-grid;place-items:center;min-width:40px;padding:5px 8px;border-radius:8px;font-weight:800}.score.low{color:#0effa0;background:#063b2b;border:1px solid #00c980}.score.med{color:#ffd15c;background:#3c2b08;border:1px solid #c58e13}.score.high{color:#ff6a70;background:#3b1115;border:1px solid #e23640}.dev.clean{color:var(--green)}.dev.watch{color:var(--amber)}.dev.active{color:#ff656b}.spark{font-weight:900}.spark.up{color:var(--green)}.spark.hot{color:#ff4e56}.feed-foot{display:flex;justify-content:space-between;padding:10px 14px;color:#71858c;font-size:9px;border-top:1px solid #11252b}.token-head{display:flex;align-items:center;gap:10px;padding:12px 14px;border-bottom:1px solid #183139}.avatar{width:52px;height:52px;font-size:31px;background:#183424}.token-head h2{font-size:24px}.token-head h2 span{color:#82949b;font-size:14px;font-weight:500;margin-left:7px}.ca{display:flex;gap:7px;align-items:center;margin-top:4px}.ca button{border:0;background:none;color:#8ba0a6}.pill{font:800 10px 'Barlow Condensed';padding:5px 9px;border-radius:20px}.pill.high{color:#ff5960;border:1px solid #d9313a;background:#341014}.pill.med{color:#ffd462;border:1px solid #ae7b14;background:#2c2108}.pill.low{color:#27f3a5;border:1px solid #0b9165;background:#05291e}.trade{margin-left:auto;border:1px solid #0ba36f;color:var(--green);border-radius:7px;padding:9px 12px;font:700 11px 'Barlow Condensed'}.tabs{display:flex;border-bottom:1px solid #173139}.tabs button{flex:1;border:0;background:transparent;color:#81959b;padding:12px 5px;font:700 10px 'Barlow Condensed'}.tabs button.active{color:var(--green);background:#07322355;border-bottom:2px solid var(--green)}.score-row{display:grid;grid-template-columns:1fr .8fr 1.15fr;border-bottom:1px solid #183139}.score-row>div{padding:13px 14px;border-right:1px solid #163038}.score-row small{display:block;color:#8b9ba1;font:700 9px 'Barlow Condensed'}.score-row strong{display:block;font:800 22px 'Barlow Condensed';margin-top:5px}.score-row strong span{font-size:10px;color:#89999f}.progress{height:6px;background:#1d3137;border-radius:8px;margin-top:7px;overflow:hidden}.progress i{display:block;height:100%;width:38%;background:var(--green);box-shadow:0 0 8px var(--green)}.intel-grid{display:grid;grid-template-columns:.85fr 1fr 1.2fr;border-bottom:1px solid #153038}.intel-grid>section{padding:12px 13px;border-right:1px solid #153038}.intel-grid>section:last-child{border:0}h3{font:800 11px 'Barlow Condensed';letter-spacing:.5px;margin:0 0 8px}.beta{color:#86a097;border:1px solid #27453b;border-radius:10px;padding:1px 5px;font-size:8px}dl{margin:0 0 10px}dl div{display:flex;justify-content:space-between;gap:10px;padding:4px 0}dt{color:#84979e;font-size:10px}dd{margin:0;font-size:10px;font-weight:600;text-align:right}.intel-grid ul{list-style:none;margin:0;padding:0}.intel-grid li{font-size:10px;margin:6px 0}.bad{color:#ff777b}.warn{color:#ffc04d}.good{color:#21e79a}.verdict{border:1px solid #176342;background:#07302399;padding:9px;border-radius:7px;margin-top:10px}.verdict b{font:800 10px 'Barlow Condensed';color:var(--green)}.verdict p{font-size:9px;line-height:1.45;color:#b8c8cc;margin:5px 0 0}.intel-bottom{display:grid;grid-template-columns:1.05fr .95fr;gap:10px;padding:12px 13px}.timeline{list-style:none;padding:0;margin:0}.timeline li{display:grid;grid-template-columns:46px 1fr;gap:7px;font-size:9px;color:#9eb0b5;margin:5px 0;position:relative;padding-left:12px}.timeline li:before{content:"";position:absolute;left:0;top:4px;width:6px;height:6px;border-radius:50%;background:var(--green);box-shadow:0 0 8px var(--green)}.chart-box{border:1px solid #173139;border-radius:8px;background:#061014;overflow:hidden}.chart-box>div{display:flex;justify-content:space-between;padding:8px 9px;color:#7f949b;font:700 9px 'Barlow Condensed';border-bottom:1px solid #122831}.chart-box canvas{display:block;width:100%;height:190px}.how{padding:28px 2.2% 34px;border-top:1px solid #102e2b;background:#03100d}.how>div:first-child>span{color:var(--green);font:700 10px 'Barlow Condensed';letter-spacing:1.2px}.how h2{font:800 28px 'Barlow Condensed';margin:5px 0 18px}.how h2 em{font-style:normal;color:var(--green)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px}.steps article{padding:16px;border:1px solid #1e3d40;border-radius:8px;background:#071315}.steps article>b{display:grid;place-items:center;width:29px;height:29px;border-radius:50%;background:#063f2c;color:var(--green);font:800 12px 'Barlow Condensed';margin-bottom:10px}.steps h3{font-size:14px}.steps p{font-size:10px;color:#8da1a7;line-height:1.5;margin:0}footer{display:grid;grid-template-columns:1fr 2fr 1fr;align-items:center;gap:20px;padding:24px 2.2% 30px;border-top:1px solid #173039;background:#020708;color:#70838a;font-size:9px}footer p{text-align:center;max-width:650px;margin:auto;line-height:1.5}footer>span{text-align:right}
@media(max-width:1180px){.topbar nav{display:none}.search{width:200px}.hero{grid-template-columns:1fr}.hero-art{position:absolute;inset:0 0 0 45%;opacity:.5}.hero-copy{padding-right:30%}.stats{grid-template-columns:repeat(3,1fr)}.dashboard{grid-template-columns:1fr}}
@media(max-width:760px){.topbar{height:66px;padding:0 14px}.brand img{width:40px;height:40px}.brand b{font-size:24px}.brand small,.search,.live{display:none}.hero{min-height:430px}.hero-art{left:0;opacity:.35}.hero-art img{right:2%;width:75%}.hero-copy{padding:36px 16px 20px}.hero-copy:after{inset:0;background:#020708aa}.hero h1{font-size:54px}.capabilities{display:grid;grid-template-columns:1fr;max-width:250px}.capabilities div:nth-child(3){display:none}.stats{grid-template-columns:1fr 1fr;padding:10px 12px}.stats article:nth-child(5){display:none}.dashboard{padding:0 12px 16px}.panel-head{flex-direction:column}.controls{justify-content:space-between}.intel-grid{grid-template-columns:1fr}.intel-grid>section{border-right:0;border-bottom:1px solid #153038}.intel-bottom{grid-template-columns:1fr}.steps{grid-template-columns:1fr 1fr}footer{grid-template-columns:1fr;text-align:center}footer>span{text-align:center}}
@media(max-width:480px){.hero h1{font-size:46px}.stats{grid-template-columns:1fr}.stats article:nth-child(n+4){display:none}.steps{grid-template-columns:1fr}.intel-grid section:nth-child(2){display:none}}

/* V2 readability + cinematic header */
body{font-size:15px}
.brand img{object-fit:cover;border-radius:12px}
.hero{min-height:360px}
.hero-copy{padding-top:52px;padding-bottom:38px}
.hero p{font-size:18px;max-width:760px}
.eyebrow{font-size:13px}
.capabilities b{font-size:13px}.capabilities small{font-size:12px}
.hero-art{min-height:360px;background:#020708}
.hero-art .tower-bg{position:absolute;inset:0;background:
linear-gradient(90deg,#020708 0%,#02070833 28%,transparent 55%),
url('assets/guard-watchtower.png') center/cover no-repeat;filter:saturate(1.08) contrast(1.08)}
.hero-art:before{display:none}
.hero-art img{right:20%;bottom:-26px;width:56%;max-height:390px;object-fit:contain;filter:drop-shadow(0 0 30px #00f39a4d)}
.hero-art span{right:3.5%;top:62px;font-size:30px}

.stats b{font-size:27px}.stats small{font-size:11px}
.panel-head h2,.token-head h2{font-size:22px}.panel-head p{font-size:13px}
.controls{font-size:12px}.controls select{font-size:12px}
th{font-size:12px;padding:13px 14px}
td{font-size:13px;padding:12px 14px}
.token-cell b{font-size:14px}.token-cell small{font-size:11px}
.mini-avatar{width:38px;height:38px;overflow:hidden;padding:0}.avatar{overflow:hidden;padding:0}
.token-img{width:100%;height:100%;object-fit:cover;display:block}.token-img.big{width:100%;height:100%}
.emoji-avatar{display:grid;place-items:center;width:100%;height:100%;font-size:20px}
.avatar .emoji-avatar{font-size:30px}
.score{font-size:13px}
.feed-foot{font-size:11px}
.token-head h2{font-size:28px}.token-head h2 span{font-size:16px}
.ca code{font-size:13px}.ca button{font-size:18px;cursor:pointer}.ca button:disabled{opacity:.35;cursor:not-allowed}.ca button.copied{color:var(--green)}
.pill{font-size:11px}.trade{font-size:13px;padding:11px 14px}
.tabs button{font-size:12px}
.score-row small{font-size:11px}.score-row strong{font-size:26px}
h3{font-size:13px}
dt,dd{font-size:12px}.intel-grid li{font-size:12px}
.verdict b{font-size:12px}.verdict p{font-size:11px}
.timeline li{font-size:11px;grid-template-columns:54px 1fr}
.chart-box>div{font-size:11px}
.steps p{font-size:12px}.steps h3{font-size:16px}
footer{font-size:11px}

/* Inner launch-feed scrollbar */
.table-wrap{scrollbar-width:thin;scrollbar-color:#00c982 #0a171b}
.table-wrap::-webkit-scrollbar{width:11px;height:11px}
.table-wrap::-webkit-scrollbar-track{background:#081317;border-left:1px solid #17333a}
.table-wrap::-webkit-scrollbar-thumb{background:linear-gradient(#00f39a,#078a61);border-radius:10px;border:2px solid #081317}
.table-wrap::-webkit-scrollbar-thumb:hover{background:#16ffac}

/* Mobile: keep it readable, not miniature */
@media(max-width:760px){
  body{font-size:16px}
  .topbar{position:relative}
  .hero{min-height:540px}
  .hero-copy{padding:34px 18px 24px;z-index:3}
  .hero-copy:after{background:linear-gradient(180deg,#020708f2 0%,#020708d9 64%,#02070855 100%)}
  .hero h1{font-size:58px;max-width:430px}
  .hero p{font-size:17px;line-height:1.55}
  .hero-art{left:0;right:0;top:auto;bottom:0;height:300px;opacity:.72}
  .hero-art .tower-bg{background-position:64% center}
  .hero-art img{right:4%;bottom:-24px;width:60%;max-height:290px}
  .hero-art span{right:5%;top:42px;font-size:23px}
  .capabilities{max-width:100%;grid-template-columns:1fr 1fr}
  .capabilities div{min-width:0}
  .capabilities b{font-size:12px}.capabilities small{font-size:11px}
  .stats article{min-height:78px}.stats b{font-size:26px}.stats small{font-size:10px}
  .panel-head h2{font-size:21px}.panel-head p{font-size:13px}
  .table-wrap{max-height:520px}
  table{min-width:860px}
  th{font-size:12px}td{font-size:13px}
  .token-head{align-items:flex-start;flex-wrap:wrap}
  .token-head h2{font-size:25px}
  .trade{margin-left:62px}
  .tabs{overflow-x:auto}.tabs button{min-width:90px;font-size:12px}
  .score-row{grid-template-columns:1fr 1fr}
  .score-row>div:last-child{grid-column:1/-1}
  dt,dd,.intel-grid li{font-size:12px}
  .verdict p{font-size:11px}
}
@media(max-width:480px){
  .hero h1{font-size:50px}
  .hero{min-height:560px}
  .hero-art img{width:72%;right:-8%}
  .hero-art span{font-size:20px;right:2%}
  .capabilities{grid-template-columns:1fr}
  .capabilities div:nth-child(3){display:block}
  .dashboard{padding-left:8px;padding-right:8px}
  .trade{width:100%;margin:8px 0 0 62px;max-width:190px;text-align:center}
  .intel-grid section:nth-child(2){display:block}
}


/* V3 hero composition: full-width cinematic scene */
.hero{display:block;position:relative;min-height:360px;overflow:hidden;border-bottom:1px solid #10302c;background:#020708}
.hero-scene{position:absolute;inset:0;background:
linear-gradient(90deg,#020708 0%,#020708f2 26%,#02070899 46%,#02070822 68%,transparent 100%),
url('assets/guard-watchtower.png') 56% 47%/cover no-repeat;filter:saturate(1.05) contrast(1.08)}
.hero-dog{position:absolute;right:23%;bottom:-54px;width:min(31vw,470px);max-height:420px;object-fit:contain;filter:drop-shadow(0 0 28px #00f39a33);z-index:1}
.hero-copy{position:relative;z-index:3;width:58%;padding:46px 0 40px 2.2%}
.hero-copy:after{display:none}
.hero-mantra{position:absolute;right:2.8%;top:72px;z-index:3;color:var(--green);font:800 31px/1.08 'Barlow Condensed';font-style:italic;transform:rotate(-4deg);text-shadow:0 0 18px #00f39a}
.hero p{max-width:720px}
.hero-art{display:none}

/* Functional detail panes */
.tab-pane{display:none}.tab-pane.active{display:block}
.data-pane{min-height:430px;padding:16px}
.pane-head{display:flex;justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:12px;border-bottom:1px solid #153038}
.pane-head h3{font-size:16px;margin-bottom:4px}
.pane-head p{margin:0;color:#8fa3aa;font-size:12px;line-height:1.45}
.source-badge{font:800 10px 'Barlow Condensed';color:#a6b7bc;border:1px solid #27434b;border-radius:14px;padding:5px 8px;white-space:nowrap}
.source-badge.live-source{color:var(--green);border-color:#0b8b61;background:#05281e}
.data-list{padding-top:8px}
.data-row{display:grid;grid-template-columns:1.1fr .8fr .7fr .7fr;gap:10px;align-items:center;padding:11px 7px;border-bottom:1px solid #10252c;font-size:12px}
.data-row.head{color:#7f949a;font:700 10px 'Barlow Condensed';letter-spacing:.5px;position:sticky;top:0;background:#071116}
.data-row code{font-size:11px;color:#b9c9cd}
.trade-buy{color:#20eba1}.trade-sell{color:#ff676d}
.empty-state{color:#7f949b;padding:30px 6px;font-size:12px;line-height:1.6}
.timeline-full{padding-top:8px}.timeline-full li{font-size:12px;margin:9px 0;grid-template-columns:68px 1fr}

/* Slightly closer to mock proportions */
.dashboard{margin-top:-1px}

@media(max-width:1180px){
  .hero-copy{width:68%}
  .hero-dog{right:15%;width:min(38vw,450px)}
  .hero-mantra{right:2%;font-size:26px}
}
@media(max-width:760px){
  .hero{min-height:570px}
  .hero-scene{background:
    linear-gradient(180deg,#020708f7 0%,#020708e3 52%,#02070855 77%,transparent 100%),
    url('assets/guard-watchtower.png') 67% center/cover no-repeat}
  .hero-copy{width:100%;padding:32px 16px 24px}
  .hero-dog{right:-8%;bottom:-44px;width:min(82vw,430px);opacity:.92}
  .hero-mantra{right:3%;top:auto;bottom:92px;font-size:22px}
  .data-pane{min-height:360px;padding:12px}
  .data-row{grid-template-columns:1fr 1fr;font-size:12px}
  .data-row.head{display:none}
  .pane-head{align-items:center}
}
@media(max-width:480px){
  .hero{min-height:600px}
  .hero-copy{padding-top:28px}
  .hero-dog{width:92vw;right:-22%;bottom:-50px}
  .hero-mantra{bottom:118px;font-size:19px}
}


/* V4 cohesive single-image hero */
.hero{display:block;position:relative;min-height:360px;overflow:hidden;background:#020708;border-bottom:1px solid #10302c}
.hero-scene{position:absolute;inset:0;background:
linear-gradient(90deg,rgba(2,7,8,.96) 0%,rgba(2,7,8,.88) 23%,rgba(2,7,8,.48) 43%,rgba(2,7,8,.08) 67%,rgba(2,7,8,.03) 100%),
url('assets/guard-hero-v4.webp') center right/cover no-repeat;filter:saturate(1.08) contrast(1.05)}
.hero-dog{display:none!important}
.hero-copy{position:relative;z-index:2;width:57%;padding:45px 0 38px 2.2%}
.hero-mantra{position:absolute;z-index:3;right:3%;top:74px;color:var(--green);font:800 30px/1.08 'Barlow Condensed';font-style:italic;transform:rotate(-4deg);text-shadow:0 0 18px #00f39a}
.hero-copy:after{display:none!important}

/* Brand CA slot */
.brand>span{display:block}
.project-ca{display:flex;align-items:center;gap:6px;margin-top:5px;font-size:9px;color:#7f949b;letter-spacing:.4px}
.project-ca>span{color:var(--green);font-weight:800}
.project-ca code{font-size:9px;color:#9fb0b5;letter-spacing:.25px}
.project-ca button{border:0;background:transparent;color:#60767d;padding:0;cursor:not-allowed;font-size:11px}

/* Image reliability */
.brand img,.token-img{background:#0b171a}
.token-img{object-fit:cover}

/* tab hit targets */
.tabs button{cursor:pointer;position:relative;z-index:2;min-height:44px}
.tab-pane{display:none}
.tab-pane.active{display:block}

@media(max-width:1180px){
  .hero-copy{width:66%}
  .hero-mantra{right:2%;font-size:25px}
}
@media(max-width:760px){
  .hero{min-height:560px}
  .hero-scene{background:
    linear-gradient(180deg,rgba(2,7,8,.96) 0%,rgba(2,7,8,.9) 49%,rgba(2,7,8,.42) 72%,rgba(2,7,8,.1) 100%),
    url('assets/guard-hero-v4.webp') 72% center/cover no-repeat}
  .hero-copy{width:100%;padding:32px 16px 25px}
  .hero-mantra{right:4%;top:auto;bottom:64px;font-size:21px}
  .project-ca{font-size:8px}.project-ca code{font-size:8px}
}
@media(max-width:480px){
  .hero{min-height:590px}
  .hero-mantra{bottom:52px;font-size:18px}
}

.hero{position:relative;min-height:360px;background:radial-gradient(circle at 72% 45%,rgba(0,243,154,.12),transparent 26%),linear-gradient(90deg,#020708 0%,#041011 58%,#020708 100%);overflow:hidden}.hero-scene{position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.018) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.012) 1px,transparent 1px);background-size:44px 44px;opacity:.5;filter:none}.hero-dog-clean{position:absolute;right:9%;bottom:-32px;width:min(34vw,500px);max-height:420px;object-fit:contain;z-index:1;filter:drop-shadow(0 0 28px rgba(0,243,154,.22))}.hero-copy{position:relative;z-index:2;width:58%;padding:46px 0 40px 2.2%}.hero-mantra{display:none!important}@media(max-width:1180px){.hero-dog-clean{right:3%;width:min(42vw,470px)}.hero-copy{width:64%}}@media(max-width:760px){.hero{min-height:545px}.hero-copy{width:100%;padding:32px 16px 24px;background:linear-gradient(180deg,rgba(2,7,8,.98) 0%,rgba(2,7,8,.86) 70%,rgba(2,7,8,.15) 100%)}.hero-dog-clean{right:-8%;bottom:-42px;width:min(78vw,420px);opacity:.9}}@media(max-width:480px){.hero{min-height:575px}.hero-dog-clean{right:-16%;width:88vw}}

/* FINAL HERO LOCK */
.hero{
  position:relative;
  min-height:430px;
  overflow:hidden;
  background:#020708;
  border-bottom:1px solid #10302c;
}
.hero-scene{
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(2,7,8,.96) 0%,rgba(2,7,8,.88) 24%,rgba(2,7,8,.48) 47%,rgba(2,7,8,.10) 72%,rgba(2,7,8,.02) 100%),
    url('assets/guard-watchtower.png') center 46% / cover no-repeat;
  opacity:1;
  filter:saturate(1.08) contrast(1.04);
}
.hero-dog-clean{
  display:block!important;
  position:absolute;
  z-index:1;
  right:21%;
  bottom:-48px;
  width:min(34vw,520px);
  max-height:470px;
  object-fit:contain;
  filter:drop-shadow(0 0 28px rgba(0,243,154,.24));
}
.hero-copy{
  position:relative;
  z-index:2;
  width:58%;
  padding:58px 0 42px 2.2%;
  background:none!important;
}
.hero-copy:after{display:none!important}
.hero-mantra{display:none!important}
.hero h1{font-size:clamp(58px,5.2vw,88px)}
.hero p{font-size:18px;max-width:760px}
@media(max-width:1180px){
  .hero{min-height:410px}
  .hero-copy{width:64%}
  .hero-dog-clean{right:14%;width:min(40vw,500px)}
}
@media(max-width:760px){
  .hero{min-height:590px}
  .hero-scene{
    background:
      linear-gradient(180deg,rgba(2,7,8,.98) 0%,rgba(2,7,8,.88) 48%,rgba(2,7,8,.38) 72%,rgba(2,7,8,.08) 100%),
      url('assets/guard-watchtower.png') 67% center / cover no-repeat;
  }
  .hero-copy{width:100%;padding:34px 18px 26px}
  .hero-dog-clean{right:-7%;bottom:-46px;width:min(80vw,440px)}
}
@media(max-width:480px){
  .hero{min-height:620px}
  .hero h1{font-size:50px}
  .hero-dog-clean{right:-16%;width:92vw}
}


/* V9 MASTER HERO: one baked image, no layered composition */
.hero-master-wrap{
  position:relative;
  padding:0;
  min-height:0;
  background:#020708;
  overflow:hidden;
  border-bottom:1px solid #10302c;
}
.hero-master{
  display:block;
  width:100%;
  height:auto;
  object-fit:contain;
}
.hero-master-wrap .hero-scene,
.hero-master-wrap .hero-dog-clean,
.hero-master-wrap .hero-copy,
.hero-master-wrap .hero-mantra{
  display:none!important;
}
.hero-mobile-copy{display:none}

@media(max-width:760px){
  .hero-master{
    width:auto;
    height:520px;
    max-width:none;
    transform:translateX(-34%);
  }
  .hero-master-wrap{
    height:520px;
  }
  .hero-master-wrap:after{
    content:"";
    position:absolute;
    inset:0;
    background:linear-gradient(180deg,rgba(2,7,8,.35),rgba(2,7,8,.82) 55%,rgba(2,7,8,.97));
    pointer-events:none;
  }
  .hero-mobile-copy{
    display:block;
    position:absolute;
    z-index:2;
    left:18px;
    right:18px;
    bottom:24px;
  }
  .hero-mobile-copy h1{
    margin:10px 0 10px;
    font-size:50px;
  }
  .hero-mobile-copy p{
    margin:0;
    font-size:16px;
    line-height:1.5;
    max-width:520px;
    color:#c4d0d4;
  }
}

/* V12 exact verified hero */
.hero-master-wrap{display:block!important;height:auto!important;min-height:0!important;padding:0!important;background:#020708!important;overflow:hidden!important}.hero-master{display:block!important;width:100%!important;height:auto!important;max-height:none!important;object-fit:contain!important;margin:0!important}.hero-master-wrap .hero-mobile-copy{display:none!important}@media(max-width:760px){.hero-master-wrap{height:auto!important;min-height:0!important}.hero-master{width:165%!important;max-width:none!important;height:auto!important;transform:translateX(-24%)}.hero-master-wrap:after{display:none!important}}

/* V13 recovery: exact verified hero file only */
.hero-master-wrap{
  display:block!important;
  position:relative!important;
  width:100%!important;
  height:auto!important;
  min-height:0!important;
  padding:0!important;
  margin:0!important;
  overflow:hidden!important;
  background:#020708!important;
}
.hero-master{
  display:block!important;
  width:100%!important;
  height:auto!important;
  aspect-ratio:auto!important;
  object-fit:contain!important;
  margin:0!important;
  padding:0!important;
}
.hero-master-wrap .hero-mobile-copy{display:none!important}
@media(max-width:760px){
  .hero-master-wrap{height:auto!important;min-height:0!important}
  .hero-master{width:100%!important;height:auto!important;transform:none!important}
  .hero-master-wrap:after{display:none!important}
}

/* V20 reliable cohesive hero using verified local assets */
.hero-live-scene{
  position:relative!important;
  min-height:450px!important;
  height:clamp(450px,31vw,590px)!important;
  overflow:hidden!important;
  border-bottom:1px solid #10302c!important;
  background:
    radial-gradient(circle at 63% 18%,rgba(198,236,255,.96) 0 3.5%,rgba(128,195,224,.38) 4%,rgba(40,84,96,.08) 8%,transparent 13%),
    linear-gradient(180deg,#061315 0%,#041012 56%,#020708 100%)!important;
}
.hero-live-scene:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(138deg,transparent 0 41%,rgba(12,35,39,.72) 41.2% 49%,transparent 49.2%),
    linear-gradient(42deg,transparent 0 48%,rgba(9,29,32,.68) 48.2% 55%,transparent 55.2%);
  opacity:.92;
  pointer-events:none;
}
.hero-live-scene:after{
  content:"";
  position:absolute;
  left:-5%;
  right:-5%;
  bottom:-12%;
  height:42%;
  background:
    radial-gradient(ellipse at 68% 85%,rgba(0,238,157,.13),transparent 34%),
    linear-gradient(175deg,transparent 0 30%,#052220 31% 58%,#020708 59%);
  pointer-events:none;
}
.hero-live-scene .hero-copy{
  position:relative!important;
  z-index:4!important;
  width:min(57%,900px)!important;
  padding:64px 0 36px 42px!important;
}
.hero-live-scene .eyebrow{
  color:#00ef9d!important;
  font-weight:800!important;
  letter-spacing:2px!important;
  font-size:15px!important;
  margin-bottom:22px!important;
}
.hero-live-scene h1{
  margin:0!important;
  font-size:clamp(58px,5vw,96px)!important;
  line-height:.92!important;
  letter-spacing:-2px!important;
  color:#f4fbfd!important;
  white-space:nowrap!important;
}
.hero-live-scene h1 em{
  color:#00e895!important;
  font-style:normal!important;
}
.hero-live-scene p{
  margin:24px 0 26px!important;
  max-width:830px!important;
  color:#c4d0d4!important;
  font-size:20px!important;
  line-height:1.5!important;
}
.hero-live-scene .feature-row{
  display:flex!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
}
.hero-live-scene .feature{
  min-width:0!important;
  width:31%!important;
  padding:14px 16px!important;
  border:1px solid #19444a!important;
  border-radius:10px!important;
  background:rgba(4,17,19,.76)!important;
  backdrop-filter:blur(5px)!important;
}
.hero-live-scene .feature b{
  display:block!important;
  color:#00ef9d!important;
  font-size:13px!important;
  margin-bottom:7px!important;
  white-space:nowrap!important;
}
.hero-live-scene .feature span{
  color:#9fb0b5!important;
  font-size:14px!important;
}
.hero-tower{
  position:absolute!important;
  z-index:1!important;
  right:-2%!important;
  top:-7%!important;
  width:43%!important;
  height:114%!important;
  object-fit:cover!important;
  object-position:center!important;
  opacity:.44!important;
  filter:saturate(1.25) contrast(1.12) brightness(.72)!important;
  mix-blend-mode:screen!important;
}
.hero-dog{
  position:absolute!important;
  z-index:3!important;
  right:15%!important;
  bottom:-13%!important;
  width:min(35vw,560px)!important;
  height:auto!important;
  filter:drop-shadow(0 8px 24px rgba(0,0,0,.65)) saturate(1.05)!important;
}
.hero-mantra{
  position:absolute!important;
  z-index:5!important;
  right:3.5%!important;
  top:22%!important;
  color:#00ef9d!important;
  font-family:inherit!important;
  font-size:clamp(25px,2.15vw,41px)!important;
  line-height:1.05!important;
  font-weight:900!important;
  font-style:italic!important;
  text-align:center!important;
  transform:rotate(-5deg)!important;
  text-shadow:0 0 10px rgba(0,239,157,.7),0 0 26px rgba(0,239,157,.45)!important;
}
@media(max-width:900px){
  .hero-live-scene{
    min-height:620px!important;
    height:auto!important;
  }
  .hero-live-scene .hero-copy{
    width:auto!important;
    padding:34px 22px 300px!important;
  }
  .hero-live-scene h1{
    font-size:clamp(52px,12vw,76px)!important;
    white-space:normal!important;
  }
  .hero-live-scene p{
    font-size:17px!important;
  }
  .hero-live-scene .feature-row{
    flex-wrap:wrap!important;
  }
  .hero-live-scene .feature{
    width:auto!important;
    flex:1 1 165px!important;
  }
  .hero-dog{
    width:360px!important;
    right:9%!important;
    bottom:-45px!important;
  }
  .hero-tower{
    width:95%!important;
    right:-35%!important;
    opacity:.25!important;
  }
  .hero-mantra{
    right:4%!important;
    top:auto!important;
    bottom:150px!important;
    font-size:24px!important;
  }
}
@media(max-width:560px){
  .hero-live-scene .hero-copy{padding-bottom:260px!important}
  .hero-live-scene h1{font-size:50px!important}
  .hero-live-scene .feature{padding:12px!important}
  .hero-dog{width:310px!important;right:-5%!important}
  .hero-mantra{display:none!important}
}

/* V21 clean hero reset */
.hero-live-scene{
  position:relative!important;
  display:block!important;
  height:500px!important;
  min-height:500px!important;
  overflow:hidden!important;
  border-bottom:1px solid #12342f!important;
  background:
    linear-gradient(90deg,
      rgba(2,7,8,.99) 0%,
      rgba(2,7,8,.96) 30%,
      rgba(2,7,8,.78) 48%,
      rgba(2,7,8,.24) 69%,
      rgba(2,7,8,.42) 100%),
    url('assets/guard-watchtower.webp') center center / cover no-repeat!important;
}
.hero-live-scene:before,
.hero-live-scene:after{display:none!important}
.hero-live-scene .hero-copy{
  position:relative!important;
  z-index:4!important;
  width:min(58%,930px)!important;
  padding:58px 0 34px 42px!important;
}
.hero-live-scene .eyebrow{
  color:#00ef9d!important;
  font-weight:900!important;
  letter-spacing:2.2px!important;
  font-size:16px!important;
  margin-bottom:24px!important;
}
.hero-live-scene h1{
  margin:0!important;
  color:#f3f8fa!important;
  font-size:clamp(62px,5vw,94px)!important;
  line-height:.92!important;
  letter-spacing:-2px!important;
  white-space:nowrap!important;
  text-shadow:0 4px 18px rgba(0,0,0,.42)!important;
}
.hero-live-scene h1 em{
  color:#00e995!important;
  font-style:normal!important;
}
.hero-live-scene p{
  margin:24px 0 28px!important;
  color:#c3ced2!important;
  font-size:19px!important;
  line-height:1.5!important;
  max-width:850px!important;
  text-shadow:0 2px 10px rgba(0,0,0,.5)!important;
}
.hero-live-scene .feature-row{
  display:flex!important;
  gap:12px!important;
  flex-wrap:nowrap!important;
}
.hero-live-scene .feature{
  width:31%!important;
  min-width:0!important;
  padding:14px 16px!important;
  border:1px solid rgba(38,101,106,.92)!important;
  border-radius:10px!important;
  background:rgba(3,15,17,.82)!important;
  backdrop-filter:blur(6px)!important;
}
.hero-live-scene .feature b{
  display:block!important;
  color:#00ef9d!important;
  font-size:13px!important;
  margin-bottom:7px!important;
  white-space:nowrap!important;
}
.hero-live-scene .feature span{
  color:#9fadb2!important;
  font-size:14px!important;
}
.hero-live-scene .hero-dog{
  display:block!important;
  position:absolute!important;
  z-index:3!important;
  right:12%!important;
  bottom:-48px!important;
  width:min(31vw,520px)!important;
  height:auto!important;
  object-fit:contain!important;
  filter:drop-shadow(0 18px 28px rgba(0,0,0,.72)) saturate(1.05) contrast(1.05)!important;
}
.hero-live-scene .hero-mantra{
  position:absolute!important;
  z-index:5!important;
  right:2.8%!important;
  top:26%!important;
  color:#00ef9d!important;
  font-size:clamp(25px,2vw,38px)!important;
  line-height:1.04!important;
  font-weight:900!important;
  font-style:italic!important;
  text-align:center!important;
  transform:rotate(-4deg)!important;
  text-shadow:0 0 10px rgba(0,239,157,.7),0 0 24px rgba(0,239,157,.45)!important;
}
@media(max-width:1050px){
  .hero-live-scene{height:540px!important;min-height:540px!important}
  .hero-live-scene .hero-copy{width:64%!important;padding-left:28px!important}
  .hero-live-scene h1{font-size:64px!important}
  .hero-live-scene .hero-dog{right:4%!important;width:390px!important}
  .hero-live-scene .hero-mantra{display:none!important}
}
@media(max-width:760px){
  .hero-live-scene{
    height:690px!important;
    min-height:690px!important;
    background:
      linear-gradient(180deg,rgba(2,7,8,.86) 0%,rgba(2,7,8,.93) 56%,rgba(2,7,8,.99) 100%),
      url('assets/guard-watchtower.webp') 68% center / cover no-repeat!important;
  }
  .hero-live-scene .hero-copy{
    width:auto!important;
    padding:32px 18px 300px!important;
  }
  .hero-live-scene h1{
    font-size:52px!important;
    line-height:.95!important;
    white-space:normal!important;
  }
  .hero-live-scene p{font-size:17px!important}
  .hero-live-scene .feature-row{flex-wrap:wrap!important}
  .hero-live-scene .feature{width:auto!important;flex:1 1 150px!important}
  .hero-live-scene .hero-dog{
    width:330px!important;
    right:50%!important;
    transform:translateX(50%)!important;
    bottom:-35px!important;
  }
}