/* Shield Intelligence visual system. All artwork is local CSS/SVG. */
:root{--cyan:#9cedeb;--tech-line:#b6a3d526;--mono:ui-monospace,SFMono-Regular,Consolas,monospace}
.site-header{background:#15111ce8}
.site-header nav{gap:24px}
.site-header nav>a{font-size:12px}
.hero{position:relative;isolation:isolate;min-height:770px;grid-template-columns:1fr 1.05fr;padding-top:64px;padding-bottom:72px}
.hero-grid{position:absolute;z-index:-1;pointer-events:none;inset:0 -24px;background:linear-gradient(#b0a1da09 1px,transparent 1px),linear-gradient(90deg,#b0a1da09 1px,transparent 1px);background-size:60px 60px;mask-image:radial-gradient(ellipse at 70% 45%,#000,transparent 70%)}
.hero h1{font-size:clamp(52px,5.5vw,79px);font-weight:570;line-height:1.01;letter-spacing:-4px;margin-top:25px}
.hero h1>span,.gradient-text{background:linear-gradient(115deg,#e1d4ff 5%,#bf9bf7 53%,#9cedeb 100%);color:transparent;background-clip:text;-webkit-background-clip:text}
.hero-description{max-width:405px;font-size:15px;line-height:1.8;margin-top:24px}
.hero-actions{gap:21px;margin-top:25px}
.hero .eyebrow{font-size:9px;letter-spacing:1.7px}
.hero .preview-note{max-width:385px;margin-top:19px}
.hero-visual{padding-bottom:90px}
.hero-visual:before{background:radial-gradient(ellipse at 50% 42%,#a763ff25,transparent 64%)}
.hero .orbit{border-color:#b18ce52b}
.floating-label{font-family:var(--mono);font-size:9px;letter-spacing:1.1px;color:#c2b7d3}
.visual-caption{bottom:48px}
.hero-tech-tag{position:absolute;bottom:-17px;left:14px;right:14px;border:1px solid #a689c640;background:linear-gradient(110deg,#2d2239e8,#191e29e8);padding:15px 18px;display:flex;gap:15px;align-items:center;border-radius:5px;box-shadow:0 12px 50px #0002}
.hero-tech-tag strong{font-family:var(--mono);font-size:9px;letter-spacing:1.6px;font-weight:500;color:#cbe5e3;display:block}
.hero-tech-tag div>span{font-size:10px;color:#a89cb9;display:block;margin-top:6px}
.tech-reticle{font-size:31px;color:var(--cyan)}
.tag-end{margin-left:auto;color:var(--purple);font-size:32px}
.tech-strip{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--tech-line);border-bottom:1px solid var(--tech-line);padding:27px 0;margin-bottom:0;gap:25px}
.tech-strip>div{display:grid;grid-template-columns:25px 1fr;gap:8px;align-items:center}
.strip-index{font-family:var(--mono);font-size:10px;color:#9585ab;grid-row:span 2}
.tech-strip strong{font-size:12px;font-weight:500;color:#d4c9e1}
.strip-state{font-family:var(--mono);font-size:8px;letter-spacing:1.2px;color:#a899c2}
.strip-state.available{color:var(--lime)}
.intelligence-section{position:relative;padding:108px 0 80px;overflow:hidden;background:radial-gradient(ellipse at 75% 45%,#40245a29,transparent 62%)}
.tech-intro h2{font-size:clamp(36px,4vw,55px);letter-spacing:-2.3px;font-weight:550;line-height:1.1}
.tech-intro>p{max-width:390px;font-size:14px;line-height:1.85}
.section-code{color:#91819e;margin-right:6px}
.intelligence-points{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;padding-bottom:43px;margin-bottom:15px}
.intelligence-points>div{position:relative;padding-left:37px}
.intelligence-points>div>.icon,.point-symbol{position:absolute;left:0;top:0;color:var(--cyan);width:21px;height:21px}
.point-symbol{font-size:34px;line-height:18px}
.intelligence-points h3{font-size:14px;font-weight:550;margin-bottom:10px}
.intelligence-points p{font-size:12px;line-height:1.8;color:#a99cba;max-width:280px}
.signal-lab{border:1px solid #a78bb24d;border-radius:12px;background:#17131f;overflow:hidden;box-shadow:0 32px 100px #07040a4d}
.lab-header{padding:21px 26px;border-bottom:1px solid var(--tech-line);display:flex;align-items:center;justify-content:space-between;gap:18px;background:linear-gradient(110deg,#2a2034,#1e1a27)}
.lab-header>div{display:flex;align-items:center;gap:12px}
.lab-header h3{font-size:15px;font-weight:500;letter-spacing:-.2px}
.lab-indicator{height:8px;width:8px;border:1px solid var(--cyan);background:#9cedeb22;box-shadow:0 0 12px #9cedeb26;border-radius:2px;transform:rotate(45deg)}
.lab-badge{font-family:var(--mono);font-size:8px;letter-spacing:1.2px;padding:6px 8px;border:1px solid #b7a2d52b;color:#bba9d5;border-radius:3px}
.lab-content{display:grid;grid-template-columns:300px minmax(0,1fr)}
.scenario-picker{padding:28px;border-right:1px solid var(--tech-line);background:#1d1726}
.lab-kicker{font-family:var(--mono);font-size:8px;letter-spacing:1.5px;color:#ac97c0}
.scenario-intro{font-size:22px;line-height:1.3;letter-spacing:-.7px;margin-top:15px;color:#e7deef}
.scenario-buttons{display:flex;flex-direction:column;gap:9px;margin-top:28px}
.scenario-button{display:flex;align-items:center;gap:12px;width:100%;text-align:left;padding:16px 12px;background:#201a2b;border:1px solid #c6aaff14;border-radius:5px;transition:background .18s,border-color .18s;color:#d3c6df;font-size:11px;min-height:66px}
.scenario-button:hover{background:#2a2039;border-color:#c6aaff60}
.scenario-button[aria-pressed=true]{background:linear-gradient(100deg,#b799e41e,#9cedeb09);border-color:#a98bc77d;box-shadow:inset 2px 0 0 var(--purple)}
.scenario-button small{font-size:9px;color:#a895ba;display:block;margin-top:5px;line-height:1.3}
.scenario-number{font-family:var(--mono);color:#88749f;font-size:9px}
.scenario-button[aria-pressed=true] .scenario-number{color:var(--purple)}
.scenario-arrow{margin-left:auto;color:#b99fd8;font-size:17px}
.lab-display{min-width:0;padding:23px 25px 27px;background:radial-gradient(ellipse at 45% 36%,#58327724,transparent 69%)}
.lab-display-top{display:flex;align-items:center;justify-content:space-between;gap:14px;font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#b09fc3}
.motion-control{background:transparent;border:1px solid #c6aaff27;color:#c0b1cf;font-family:var(--mono);font-size:8px;padding:7px 9px;letter-spacing:0;border-radius:4px;white-space:nowrap}
.motion-control:hover{border-color:var(--purple)}
.network-diagram{position:relative;height:264px;margin:12px 0 3px;isolation:isolate}
.diagram-grid{position:absolute;inset:0;background-image:radial-gradient(circle,#d0b5ef2b .8px,transparent 1px);background-size:19px 19px;mask-image:radial-gradient(ellipse at center,#000 10%,transparent 72%);z-index:-1}
.network-paths{position:absolute;width:100%;height:100%;overflow:visible}
.network-paths path{fill:none;stroke:#8b739c3d;stroke-width:1.3;vector-effect:non-scaling-stroke}
.network-paths .input-path{stroke:#b5a0d18c;stroke-dasharray:4 7;animation:signal-flow 3s linear infinite}
.network-paths .route-path.active{stroke:var(--cyan);stroke-dasharray:4 7;animation:signal-flow 3s linear infinite;filter:drop-shadow(0 0 3px #9cedeb70)}
.device-node{position:absolute;top:50%;left:8%;transform:translate(-50%,-50%);display:grid;place-items:center;gap:12px}
.device-node>.icon{width:28px;height:28px;color:#d0bfdf;background:#271e33;border:1px solid #b9a1ce4d;box-sizing:content-box;padding:12px;border-radius:12px}
.device-node>span{font-family:var(--mono);font-size:7px;letter-spacing:1px;color:#ad9aba}
.intelligence-core{position:absolute;left:45%;top:50%;width:100px;height:100px;transform:translate(-50%,-50%);display:grid;place-items:center}
.core-face{position:relative;z-index:1;width:77px;height:77px;border:1px solid #ceb0f7ad;border-radius:22px;background:linear-gradient(130deg,#3f2b58,#241c33);box-shadow:0 0 40px #b786ed2e,inset 0 0 24px #c6aaff12;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}
.core-face svg{width:30px;height:30px;stroke:#d6bcff;fill:none;stroke-width:1}
.core-face>span{font-family:var(--mono);font-size:9px;letter-spacing:3px;color:#c1def0;margin-left:3px}
.core-orbit{position:absolute;inset:-9px;border:1px solid #b69bc552;border-radius:50%}
.core-orbit.orbit-a{border-top-color:#c6aaff;border-right-color:transparent;border-bottom-style:dashed;animation:core-spin 18s linear infinite}
.core-orbit.orbit-b{inset:-23px;border-style:dotted;border-color:#c6aaff30;animation:core-spin 35s linear reverse infinite}
.core-label{position:absolute;top:129px;text-align:center;font-family:var(--mono);font-size:7px;line-height:1.7;letter-spacing:1.2px;color:#ae97c6}
.route-node{position:absolute;right:0;top:50%;transform:translateY(-50%);width:105px;min-height:46px;border:1px solid #9581ac33;border-radius:6px;background:#201b2a;display:flex;align-items:center;gap:10px;padding:11px}
.route-node-a{top:16%}.route-node-c{top:84%}
.route-node strong{font-family:var(--mono);font-size:8px;letter-spacing:1px;font-weight:500;display:block;color:#c2b3d2}
.route-node small{display:block;font-size:8px;color:#a494b6;margin-top:5px}
.node-dot{width:5px;height:5px;background:#77648b;border-radius:50%;flex-shrink:0}
.route-node.selected{border-color:#9cedeb66;background:#1c2a2c}
.route-node.selected strong{color:var(--cyan)}.route-node.selected .node-dot{background:var(--cyan);box-shadow:0 0 8px #9cedeb66}
.network-diagram[data-state=restricted] .route-node{border-style:dashed;border-color:#c6aaff50}
.network-diagram[data-state=restricted] .core-face{box-shadow:0 0 40px #c6aaff3d;border-color:#e0c5ff}
.lab-result{border:1px solid #c6aaff26;border-radius:6px;padding:19px 21px;background:linear-gradient(115deg,#c6aaff08,#9cedeb04);min-height:166px}
.result-label{font-family:var(--mono);font-size:7px;letter-spacing:1.3px;color:#b3a0c7;display:flex;align-items:center;gap:7px}
.result-label .status-dot{height:4px;width:4px;background:var(--cyan)}
.lab-result h4{font-size:18px;letter-spacing:-.4px;font-weight:500;margin:13px 0 9px}
.lab-result p{font-size:11px;line-height:1.8;color:#b4a5c2;max-width:510px}
.decision-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:14px}
.decision-tags span{font-family:var(--mono);font-size:8px;color:#b6d8d7;padding:5px 7px;border:1px solid #9cedeb27;border-radius:3px}
.lab-footer{border-top:1px solid var(--tech-line);display:flex;align-items:center;justify-content:space-between;gap:28px;padding:16px 26px;background:#1b1622}
.lab-footer>span{display:flex;gap:9px;align-items:center;color:#c4b3d3;font-size:10px;line-height:1.5;max-width:290px}
.lab-footer .icon{width:15px;height:15px;color:var(--purple)}
.lab-footer p{font-size:9px;line-height:1.7;color:#a18fae;max-width:370px;text-align:right}
.intelligence-note{display:flex;gap:17px;align-items:flex-start;margin-top:27px;padding:0 4px}
.note-cross{font-family:var(--mono);font-size:21px;line-height:1.2;color:var(--purple)}
.intelligence-note p{font-size:11px;color:#9d8dad;line-height:1.9;max-width:710px}
.intelligence-note strong{color:#c9b7db;font-weight:500}
.intelligence-note a{margin-left:auto;display:flex;align-items:center;gap:9px;white-space:nowrap;font-size:11px;color:var(--purple);padding-top:3px}
.intelligence-note .icon{width:14px;height:14px}
.access-section{padding:100px 0;background:linear-gradient(135deg,#201a2a,#191822);border-top:1px solid #b5a3d11a;border-bottom:1px solid #b5a3d11a}
.access-quote{color:var(--purple)}
.access-section .section-intro{margin-bottom:45px}
.detection-layers{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.detection-card{min-width:0;padding:25px 27px 27px;background:#14111c66;border:1px solid #b59ac52e;border-radius:9px;display:flex;flex-direction:column;transition:border-color .2s,transform .2s}
.detection-card:hover{border-color:#ba95e570;transform:translateY(-4px)}
.detection-visual{height:90px;display:flex;align-items:center;gap:20px;margin-bottom:29px;position:relative;color:var(--purple)}
.data-chip{font-family:var(--mono);font-size:21px;width:60px;height:60px;border:1px solid #c6aaff73;display:grid;place-items:center;background:linear-gradient(120deg,#8f5cd126,#171620);border-radius:12px;box-shadow:0 0 20px #9f66cf13}
.ip-visual>div{display:flex;flex-direction:column;gap:7px;flex:1;max-width:95px}
.ip-visual i{height:3px;display:block;background:linear-gradient(90deg,#b497d7a3,#9cedeb24)}
.ip-visual i:nth-child(2){width:75%}.ip-visual i:nth-child(3){width:90%}.ip-visual i:nth-child(4){width:60%}
.scan-bracket{font-family:var(--mono);font-size:30px;letter-spacing:7px;color:#9cedeb85;margin-left:auto}
.browser-signal{position:relative;width:145px;height:80px;border:1px solid #a68cc655;border-radius:6px;transform:perspective(500px) rotateY(-10deg) rotateZ(-4deg);background:#262031}
.browser-signal>span{display:block;font-size:18px;letter-spacing:2px;padding-left:9px;border-bottom:1px solid #a68cc63b;line-height:19px;height:22px}
.browser-signal>div{margin:12px;width:58px;display:grid;gap:6px}.browser-signal i{height:3px;background:#b59bdc50}.browser-signal i:nth-child(2){width:70%}
.browser-signal b{position:absolute;right:-27px;bottom:4px;width:58px;height:45px;border:1px solid #9cedeb5e;background:#263238;color:var(--cyan);border-radius:6px;text-align:center;font-size:34px;line-height:36px;font-weight:400}
.protocol-visual{gap:8px;justify-content:center;max-width:225px}
.protocol-visual span{width:5px;height:20px;border-radius:3px;background:linear-gradient(#c6aaff,#9cedeb70)}
.protocol-visual span:nth-child(3n){height:54px}.protocol-visual span:nth-child(4n){height:76px}.protocol-visual span:nth-child(5n){height:37px}.protocol-visual span:nth-child(7n){height:68px}
.detection-card h3{font-weight:500;font-size:20px;letter-spacing:-.6px;margin:16px 0 13px;line-height:1.3}
.detection-card>p:not(.lab-kicker){font-size:12px;line-height:1.85;color:#ad9dbe}
.detection-card>a{font-size:10px;display:flex;align-items:center;gap:8px;color:#cbb5e3;padding-top:26px;margin-top:auto}
.detection-card>a:hover{color:var(--cyan)}
.detection-card .icon{width:13px;height:13px}
.access-bottom{display:flex;align-items:center;gap:25px;margin-top:36px;padding:25px 0 0;border-top:1px solid #b5a3d126}
.crosshair{font-size:40px;font-weight:200;color:var(--cyan)}
.access-bottom h3{font-size:14px;font-weight:500;color:#d7c9e6;margin-bottom:9px}
.access-bottom p{font-size:11px;line-height:1.8;max-width:670px;color:#ab9cba}
.technology-label{font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#9c87b0;margin-left:auto;white-space:nowrap}
.experience{background:#eae5f0}
.download-section{background:linear-gradient(115deg,#d3bdf3,#b6b4e7 75%,#abd3d6)}
.footer-top>p{max-width:240px;line-height:1.6}
@keyframes core-spin{to{transform:rotate(360deg)}}
@keyframes signal-flow{to{stroke-dashoffset:-44}}
.motion-paused *,.motion-paused *::before,.motion-paused *::after{animation-play-state:paused!important}
@media(min-width:1450px){.hero{min-height:820px}}
@media(max-width:1100px){.site-header nav{gap:17px}.site-header nav>a{font-size:10px}.hero-actions{gap:15px;flex-wrap:wrap}.hero h1{font-size:65px}.lab-content{grid-template-columns:265px minmax(0,1fr)}.scenario-picker{padding:25px 21px}.lab-display{padding-inline:20px}.core-orbit.orbit-b{inset:-13px}.core-orbit.orbit-a{inset:-2px}.intelligence-core{width:84px;height:84px;left:43%}.core-face{width:65px;height:65px;border-radius:18px}.core-label{top:112px}.device-node{left:7%}.device-node>.icon{width:23px;height:23px;padding:9px}.route-node{width:94px}.technology-label{display:none}.detection-card{padding:24px 21px}.detection-card h3{font-size:19px}}
@media(max-width:900px){.hero{min-height:auto;grid-template-columns:1fr 1fr;gap:25px;padding-top:65px}.hero h1{font-size:56px;letter-spacing:-2.9px}.hero-description{font-size:14px}.hero .eyebrow{font-size:8px;letter-spacing:1px}.hero-tech-tag{padding:12px;left:4px;right:4px;gap:10px}.hero-tech-tag strong{font-size:8px;letter-spacing:1px}.hero-tech-tag div>span{font-size:8px}.tag-end{display:none}.floating-label{font-size:7px;letter-spacing:.7px}.tech-strip{gap:18px}.tech-strip strong{font-size:10px}.strip-state{font-size:7px;letter-spacing:.5px}.tech-intro{gap:35px}.tech-intro h2{font-size:42px}.tech-intro>p{max-width:310px;font-size:12px}.intelligence-points{gap:24px}.intelligence-points h3{font-size:12px}.intelligence-points p{font-size:11px}.lab-content{grid-template-columns:230px minmax(0,1fr)}.scenario-picker{padding:24px 16px}.scenario-intro{font-size:20px}.scenario-button{gap:8px;padding:13px 10px}.scenario-button small{font-size:8px}.lab-display{padding:22px 16px}.lab-display-top{flex-wrap:wrap;gap:9px}.network-diagram{height:255px}.core-label{font-size:6px;letter-spacing:.5px}.route-node{width:82px;padding:9px 7px;gap:7px}.route-node strong{font-size:7px}.route-node small{font-size:7px}.intelligence-core{left:40%;width:72px;height:72px}.core-face{width:58px;height:58px;border-radius:16px}.core-face svg{width:23px;height:23px}.core-label{top:103px}.core-orbit.orbit-a{inset:-4px}.core-orbit.orbit-b{inset:-13px}.device-node{left:6%}.device-node>span{font-size:6px;letter-spacing:0}.device-node>.icon{width:18px;height:18px;padding:8px}.lab-result{padding:16px;min-height:190px}.lab-result h4{font-size:16px}.lab-result p{font-size:10px}.intelligence-note a{display:none}.detection-layers{gap:15px}.detection-card{padding:20px 18px}.detection-card h3{font-size:18px}.detection-card>p:not(.lab-kicker){font-size:11px}.detection-card .lab-kicker{font-size:7px;letter-spacing:1px}.detection-card>a{font-size:9px}.scan-bracket{display:none}.protocol-visual{gap:5px}.detection-visual{gap:14px}.data-chip{width:50px;height:50px;flex-shrink:0}.browser-signal{width:115px}.browser-signal b{right:-8px}.access-bottom{gap:20px}.lab-footer{gap:20px}.lab-footer p{max-width:300px}}
@media(max-width:700px){.hero{grid-template-columns:1fr;gap:35px;padding-top:52px;padding-bottom:56px}.hero-copy{max-width:550px}.hero h1{font-size:70px;letter-spacing:-3.8px}.hero h1>span br{display:initial}.hero-description{max-width:450px;font-size:15px}.hero-actions{flex-wrap:nowrap;gap:22px}.hero .eyebrow{font-size:9px}.hero-visual{max-width:550px;width:100%;margin-inline:auto;padding-bottom:85px}.floating-label{font-size:9px}.hero-tech-tag{left:10px;right:10px;bottom:-9px}.hero-tech-tag div>span{font-size:10px}.hero-tech-tag strong{font-size:9px}.tech-strip{grid-template-columns:1fr;padding:22px 0;gap:18px}.tech-strip>div{grid-template-columns:22px 1fr auto;gap:12px}.strip-index{grid-row:auto}.tech-strip strong{font-size:12px}.strip-state{font-size:8px;letter-spacing:.6px}.intelligence-section{padding:70px 0 57px}.tech-intro{display:block;margin-bottom:32px}.tech-intro h2{font-size:42px}.tech-intro>p{max-width:540px;margin-top:23px;font-size:13px}.intelligence-points{grid-template-columns:1fr;gap:23px;padding-bottom:25px;margin-bottom:16px}.intelligence-points h3{font-size:14px;margin-bottom:7px}.intelligence-points p{font-size:12px;max-width:430px}.lab-header{padding:19px}.lab-header h3{font-size:14px}.lab-badge{font-size:7px;letter-spacing:.7px;padding:5px}.lab-content{display:block}.scenario-picker{padding:23px 20px;border-right:0;border-bottom:1px solid var(--tech-line)}.scenario-intro{font-size:19px;margin-top:10px}.scenario-intro br{display:none}.scenario-buttons{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:19px}.scenario-button{padding:12px;min-height:67px;font-size:10px;gap:9px}.scenario-number{font-size:8px}.scenario-arrow{display:none}.lab-display{padding:22px}.lab-display-top{flex-wrap:nowrap}.network-diagram{height:245px;margin:20px 0 11px}.intelligence-core{left:44%;height:90px;width:90px}.core-face{width:68px;height:68px;border-radius:19px}.core-face svg{width:28px;height:28px}.core-label{top:118px;font-size:7px}.core-orbit.orbit-b{inset:-18px}.route-node{width:98px;padding:11px;gap:9px}.route-node strong,.route-node small{font-size:8px}.device-node{left:8%}.device-node>.icon{width:24px;height:24px;padding:10px}.device-node>span{font-size:7px}.lab-result{min-height:175px;padding:20px}.lab-result h4{font-size:18px}.lab-result p{font-size:11px}.lab-footer{display:block;padding:18px 21px}.lab-footer>span{max-width:none}.lab-footer p{max-width:none;text-align:left;margin-top:10px}.intelligence-note{margin-top:23px;gap:12px}.intelligence-note p{font-size:10px}.access-section{padding:65px 0}.detection-layers{grid-template-columns:1fr;gap:18px}.detection-card{padding:24px;display:grid;grid-template-columns:minmax(0,1fr) 90px;column-gap:20px}.detection-card .lab-kicker,.detection-card h3,.detection-card>p:not(.lab-kicker),.detection-card>a{grid-column:1}.detection-card .lab-kicker{font-size:8px}.detection-card h3{font-size:21px;margin:13px 0}.detection-card>p:not(.lab-kicker){font-size:12px}.detection-card>a{font-size:10px}.detection-visual{grid-column:2;grid-row:1 / span 4;width:90px;align-self:center;justify-self:center;margin:0;height:90px}.ip-visual>div{display:none}.scan-bracket{display:none}.ip-visual{justify-content:center}.browser-signal{width:80px;height:65px;transform:rotate(-5deg)}.browser-signal>div{width:40px;margin:11px}.browser-signal b{right:-7px;bottom:-7px;width:40px;height:35px;font-size:26px;line-height:27px}.protocol-visual{gap:4px}.protocol-visual span{width:3px;flex-shrink:0}.protocol-visual span:nth-child(4n){height:60px}.access-bottom{align-items:flex-start}.access-bottom p{font-size:11px}.crosshair{font-size:32px}.footer-top>p{max-width:none}.hero-grid{inset:0 -10px}}
@media(max-width:400px){.hero h1{font-size:clamp(46px,14.4vw,56px);letter-spacing:-3px}.hero-actions{gap:14px}.hero-actions .button{padding:16px;font-size:11px}.hero-actions .text-link{font-size:10px;gap:4px}.hero-description{font-size:14px}.hero-tech-tag div>span{font-size:8px}.tech-strip strong{font-size:10px}.strip-state{font-size:7px}.tech-strip>div{gap:7px;grid-template-columns:18px 1fr auto}.tech-intro h2{font-size:37px;letter-spacing:-1.8px}.lab-header{padding:16px 13px;gap:8px}.lab-header>div{gap:8px}.lab-header h3{font-size:12px}.lab-badge{font-size:6px;letter-spacing:.5px}.scenario-picker{padding:21px 14px}.scenario-button{padding:11px 8px;gap:6px;font-size:9px}.scenario-button small{font-size:7px}.scenario-number{font-size:7px}.lab-display{padding:20px 12px}.lab-display-top{font-size:6px;letter-spacing:.7px;gap:5px}.motion-control{font-size:7px;padding:6px}.network-diagram{height:230px}.intelligence-core{left:42%;height:70px;width:70px}.core-face{height:54px;width:54px;border-radius:15px}.core-face svg{width:23px;height:23px}.core-face>span{font-size:7px}.core-orbit.orbit-b{inset:-11px}.core-orbit.orbit-a{inset:-3px}.core-label{top:97px;font-size:6px}.device-node{left:7%}.device-node>.icon{height:18px;width:18px;padding:8px}.device-node>span{font-size:6px}.route-node{width:75px;padding:9px 6px;gap:6px}.route-node strong,.route-node small{font-size:6px}.node-dot{height:4px;width:4px}.lab-result{padding:17px 14px;min-height:186px}.lab-result h4{font-size:16px}.lab-result p{font-size:10px}.decision-tags span{font-size:7px}.lab-footer{padding:16px}.detection-card{padding:23px 19px;grid-template-columns:minmax(0,1fr) 55px;column-gap:10px}.detection-visual{width:55px}.protocol-visual{gap:3px}.protocol-visual span{width:2px}.browser-signal{width:50px;height:55px}.browser-signal>div{width:27px;margin:7px}.browser-signal b{width:30px;height:29px;font-size:22px;line-height:22px}.detection-card h3{font-size:19px}.detection-card>p:not(.lab-kicker){font-size:11px}.detection-card .lab-kicker{font-size:7px}.access-bottom{gap:15px}.crosshair{font-size:27px}.download-inner h2{font-size:34px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}.product-window{transform:none}.motion-control{display:none}}
/* Keep the native app illustration readable at intermediate widths. */
@media(min-width:701px) and (max-width:900px){.hero{grid-template-columns:1fr;gap:42px;padding-bottom:60px}.hero h1{font-size:76px;letter-spacing:-4px}.hero-description{max-width:510px;font-size:16px}.hero-visual{max-width:590px}.hero-tech-tag div>span{font-size:10px}.hero-tech-tag strong{font-size:9px}.floating-label{font-size:9px}.visual-caption{bottom:50px}}
@media(max-width:900px){.hero-visual:before{inset:-40px -20px}}
@media(min-width:601px) and (max-width:900px){.mobile-menu{display:flex;flex-direction:column;justify-content:center;gap:6px;align-items:center;width:42px;height:42px;background:#ffffff06;border:1px solid #ffffff14;border-radius:7px}.mobile-menu span{height:1px;background:#d2bde6;width:18px;transition:transform .2s}.mobile-menu[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.mobile-menu[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.site-header nav{position:absolute;top:96px;left:0;right:0;padding:22px 32px;background:#1c1525;border-bottom:1px solid #ffffff1a;display:none;align-items:stretch;flex-direction:column;gap:8px;box-shadow:0 15px 30px #0005}.site-header nav.open{display:flex}.site-header nav>a{display:block;padding:12px 4px;font-size:14px}.site-header nav .button{margin-top:8px}}