.home-route-picker,.demo-picker{display:flex;flex-wrap:wrap;gap:7px}
.home-route-picker button,.demo-picker button{border:1px solid #365c42;border-radius:999px;background:#0e2016;color:#aabdb0;padding:9px 12px;font:inherit;font-size:12px;font-weight:700;cursor:pointer;transition:background .2s,border-color .2s,transform .2s}
.home-route-picker button:hover,.demo-picker button:hover{transform:translateY(-2px);border-color:#79ce8e}
.home-route-picker button.is-active,.demo-picker button.is-active{border-color:#8ddb9b;background:#245335;color:#f5fff5}
.home-route-picker button:focus-visible,.demo-picker button:focus-visible{outline:2px solid #c4f7cc;outline-offset:3px}
.home-route-path{display:flex;align-items:center;justify-content:center;gap:5px;min-height:82px;flex-wrap:wrap}
.home-route-path span{min-width:0;flex:1;padding:14px 6px;border:1px solid #477b55;border-radius:12px;background:#102719;color:#e9f7e9;text-align:center;font-size:11px;font-weight:700;line-height:1.25}
.home-route-path span.is-device{border-color:#91dc9e;background:#245336}
.home-route-path i{font-size:18px;font-style:normal;color:#90e5a2}
.home-route-explain{min-height:48px;max-width:400px;margin:0 auto;color:#bed4c3;text-align:center;font-size:13px;line-height:1.4}
.home-network-caption a{color:#9fe9ae;text-decoration:none}
.home-network-caption a:hover{text-decoration:underline}
.interactive-demo{margin-top:29px;border:1px solid #386547;border-radius:20px;background:#0a1910;overflow:hidden}
.demo-picker{padding:17px 18px;border-bottom:1px solid #274431}
.demo-stage{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);align-items:center;gap:28px;min-height:300px;padding:clamp(23px,4vw,40px);background:radial-gradient(circle at 83% 47%,rgba(105,205,128,.11),transparent 40%)}
.demo-copy>span{color:#9fe9ae;font-size:11px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}
.demo-copy h3{max-width:410px;margin:13px 0;font-size:clamp(27px,3vw,38px);line-height:1.1;letter-spacing:-.04em}
.demo-copy p{max-width:430px;margin:0;color:#aebfb2;font-size:14px;line-height:1.55}
.demo-key{display:inline-block;margin-top:25px;padding:9px 13px;border:1px solid #477b55;border-radius:9px;background:#163422;color:#aaf0b9;font-size:12px}
.crypto-graphic,.delete-graphic{display:flex;align-items:stretch;justify-content:center;gap:9px}
.crypto-graphic>div,.delete-graphic>div{display:flex;flex:1;min-width:0;min-height:112px;align-items:center;justify-content:center;padding:15px 9px;border:1px solid #477b55;border-radius:14px;background:#173421;text-align:center;color:#e8f6e9;font-size:13px;font-weight:700;line-height:1.25}
.crypto-graphic>.crypto-graphic-center{border-color:#8bdc9b;background:#27603a;box-shadow:0 0 0 8px rgba(126,223,149,.08)}
.crypto-graphic i,.delete-graphic i{align-self:center;color:#9be8ac;font-size:20px;font-style:normal}
.event-graphic{display:grid;gap:9px}
.event-graphic>div{display:grid;grid-template-columns:85px 1fr;gap:12px;align-items:center;padding:15px;border:1px solid #3b6b4a;border-radius:12px;background:#163322}
.event-graphic b{color:#9fe9ae;font-size:12px}.event-graphic span{color:#dbeadd;font-size:13px;line-height:1.35}
.delete-stage{display:block;min-height:0}
.delete-graphic>div{min-height:145px;flex-direction:column;gap:15px}
.delete-graphic b{font-size:13px}.delete-graphic span{padding:7px 9px;border-radius:7px;background:#182820;color:#9daea1;font-size:12px}
.delete-graphic span.is-changed{background:#28563a;color:#c8f8d2}
.delete-stage>p{margin:21px 0 0;color:#aec5b3;font-size:14px}
@media(max-width:900px){.demo-stage{grid-template-columns:1fr;gap:30px}.home-route-path span{font-size:10px}}
@media(max-width:600px){.home-network-art{gap:14px;justify-content:space-between}.home-route-picker button{padding:7px 9px;font-size:10px}.home-route-path{gap:3px}.home-route-path span{padding:10px 3px;font-size:9px}.home-route-path i{font-size:12px}.home-route-explain{font-size:11px;min-height:0}.home-network-caption{font-size:10px}.demo-picker{padding:12px}.demo-picker button{font-size:11px;padding:9px 10px}.demo-stage{padding:22px}.crypto-graphic>div,.delete-graphic>div{min-height:86px;padding:9px 5px;font-size:10px}.crypto-graphic i,.delete-graphic i{font-size:14px}.delete-graphic{gap:4px}.delete-graphic span{font-size:10px;padding:5px}.event-graphic>div{grid-template-columns:65px 1fr;padding:12px}.event-graphic span{font-size:11px}}
.sos-signal-map{display:flex;align-items:stretch;gap:9px;margin-top:17px}
.sos-signal-map>div{display:flex;flex:1;min-width:0;flex-direction:column;gap:9px;min-height:163px;padding:19px;border:1px solid #497656;border-radius:14px;background:linear-gradient(145deg,#173522,#10241a)}
.sos-signal-map>div span{color:#a0eab0;font-size:10px;font-weight:700;letter-spacing:.08em}
.sos-signal-map>div strong{font-size:18px;line-height:1.2}
.sos-signal-map>div small{margin-top:auto;color:#aabfac;font-size:12px;line-height:1.4}
.sos-signal-map>i{align-self:center;color:#9ce8a9;font-size:20px;font-style:normal}
.sos-capability-note{display:grid;grid-template-columns:170px 1fr;gap:15px;align-items:start;margin-top:17px;padding:20px;border-left:3px solid #b0bb8d;border-radius:0 12px 12px 0;background:#20271a}
.sos-capability-note strong{color:#ecedcf;font-size:13px}.sos-capability-note span{color:#c1c9ae;font-size:13px;line-height:1.5}
.client-control-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.client-control-grid article{min-height:210px;padding:23px;border:1px solid #355a3f;border-radius:15px;background:linear-gradient(150deg,#132b1c,#0c1b13)}
.client-control-grid span{color:#a1e8af;font-size:11px;font-weight:700;letter-spacing:.07em;text-transform:uppercase}
.client-control-grid h3{margin:39px 0 8px;font-size:22px;line-height:1.15;letter-spacing:-.035em}
.client-control-grid p{margin:0;color:#a8bcab;font-size:13px;line-height:1.45}
@media(max-width:850px){.sos-signal-map{flex-wrap:wrap}.sos-signal-map>div{flex-basis:40%}.client-control-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.sos-signal-map{display:grid;gap:8px}.sos-signal-map>div{min-height:110px}.sos-signal-map>div strong{font-size:16px}.sos-signal-map>i{justify-self:center;transform:rotate(90deg)}.sos-capability-note{grid-template-columns:1fr}.client-control-grid{grid-template-columns:1fr}.client-control-grid article{min-height:160px}.client-control-grid h3{margin-top:22px}}
.ui-icon{display:block;width:27px;height:27px;flex:none;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
#sosDemo{margin-top:24px}
.sos-mini-scene{display:flex;align-items:center;gap:10px;max-width:380px;margin-top:30px;padding:17px;border:1px solid #3b6749;border-radius:18px;background:linear-gradient(120deg,#122c1d,#0d2116)}
.scene-device,.scene-trusted{display:flex;flex:1;min-width:0;align-items:center;gap:9px;color:#c5f0cc;font-size:11px;font-weight:700}
.scene-device .ui-icon,.scene-trusted .ui-icon{width:38px;height:38px;padding:8px;border:1px solid #5f9c70;border-radius:12px;background:#234e31}
.scene-trusted{justify-content:flex-end;text-align:right}.scene-trusted .ui-icon{order:2}
.scene-pulse{position:relative;display:flex;gap:4px;align-items:center;color:#a3e9b1}
.scene-pulse:before,.scene-pulse:after{content:'';display:block;width:18px;height:1px;background:currentColor}
.scene-pulse i{width:5px;height:5px;border-radius:50%;background:currentColor;box-shadow:0 0 10px currentColor;animation:signal-pulse 1.8s infinite}
.scene-pulse i:nth-child(2){animation-delay:.25s}.scene-pulse i:nth-child(3){animation-delay:.5s}
@keyframes signal-pulse{0%,100%{opacity:.35;transform:scale(.7)}50%{opacity:1;transform:scale(1.2)}}
@media(prefers-reduced-motion:reduce){.scene-pulse i{animation:none}}
.event-graphic>div{grid-template-columns:38px minmax(85px,.3fr) minmax(0,1fr);gap:13px;min-height:78px}
.event-graphic .ui-icon{width:36px;height:36px;padding:8px;border-radius:11px;background:#294d34;color:#a5ebaf}
.event-graphic>div:nth-child(2){border-color:#927640;background:#322b1d}.event-graphic>div:nth-child(2) .ui-icon{background:#564329;color:#f0c779}.event-graphic>div:nth-child(2) b{color:#f0c779}
.event-graphic>div:nth-child(3){border-color:#92564c;background:#30221f}.event-graphic>div:nth-child(3) .ui-icon{background:#59342e;color:#f2a99a}.event-graphic>div:nth-child(3) b{color:#f2a99a}
.sos-signal-map>div{min-height:190px;gap:10px;background:radial-gradient(circle at 80% 20%,rgba(91,174,105,.16),transparent 65%),#10261a}
.sos-signal-map .ui-icon{width:42px;height:42px;padding:9px;margin-bottom:5px;border:1px solid #538c62;border-radius:12px;background:#235032;color:#b3f3bf}
.sos-capability-note{border-left-color:#87b898;background:#14251a}.sos-capability-note strong{color:#c5e8cd}.sos-capability-note span{color:#aebead}
.client-story .client-visibility-grid article{min-height:210px;background:radial-gradient(circle at 100% 0,rgba(88,173,108,.14),transparent 58%),#102319}
.client-story .client-visibility-grid article .ui-icon{width:41px;height:41px;padding:10px;border:1px solid #528661;border-radius:12px;background:#214a30;color:#b2e9bb}
.client-story .client-visibility-grid h3{margin-top:21px}
.client-control-grid article{position:relative;min-height:218px;overflow:hidden;background:radial-gradient(circle at 100% 0,rgba(97,187,116,.14),transparent 56%),linear-gradient(145deg,#142d1d,#0d1f15)}
.client-control-grid article:after{content:'';position:absolute;right:-28px;top:-38px;width:120px;height:120px;border:1px solid rgba(140,216,153,.12);border-radius:50%;box-shadow:0 0 0 28px rgba(140,216,153,.025)}
.client-control-grid article>.ui-icon{position:relative;z-index:1;width:49px;height:49px;padding:12px;margin-bottom:19px;border:1px solid #5f9770;border-radius:13px;background:#224d31;color:#b5efbe}
.client-control-grid h3{margin:9px 0 18px;font-size:21px}
.client-control-grid .control-chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto}
.control-chips span{padding:6px 9px;border:1px solid #3a6046;border-radius:999px;background:#12281b;color:#b4d7bb;font-size:10px;letter-spacing:0;text-transform:none}
.delete-graphic>div>.ui-icon{width:42px;height:42px;padding:9px;border:1px solid #558f65;border-radius:12px;background:#265538;color:#b8efc2}
@media(max-width:600px){.sos-mini-scene{padding:11px;gap:5px}.scene-device,.scene-trusted{font-size:9px;gap:4px}.scene-device .ui-icon,.scene-trusted .ui-icon{width:31px;height:31px;padding:6px}.scene-pulse:before,.scene-pulse:after{width:7px}.event-graphic>div{grid-template-columns:31px 60px 1fr;gap:7px;padding:11px}.event-graphic .ui-icon{width:30px;height:30px;padding:6px}.event-graphic b{font-size:10px}.event-graphic span{font-size:11px}.sos-signal-map>div{min-height:126px}.sos-signal-map .ui-icon{width:35px;height:35px;padding:7px}.client-story .client-visibility-grid article{min-height:170px}.client-control-grid article{min-height:185px}.client-control-grid h3{margin:8px 0 15px}}
.story-trio article > .ui-icon {display:block;width:42px;height:42px;padding:10px;margin-bottom:20px;border:1px solid rgba(149,226,160,.25);border-radius:13px;background:rgba(135,220,151,.11);color:#b3ecc0}
#everyday .client-visibility-grid article {position:relative}
#everyday .client-visibility-grid article > .ui-icon {display:block;width:42px;height:42px;padding:10px;margin-bottom:20px;border:1px solid rgba(149,226,160,.25);border-radius:13px;background:rgba(135,220,151,.11);color:#b3ecc0}