.badge-mockup{display:flex;align-items:center;justify-content:center;gap:20px;padding:32px 16px;position:relative}.badge-device{flex-shrink:0;animation:badge-float 3.6s ease-in-out infinite;animation-delay:calc(var(--badge-index) * .9s)}@keyframes badge-float{0%,to{transform:translateY(0)}50%{transform:translateY(-6px)}}.badge-body{width:110px;background:linear-gradient(160deg,#1e2535,#0f1520 55%,#0a1018);border-radius:14px;border:1px solid rgba(139,92,246,.3);box-shadow:0 0 0 1px #ffffff0d,0 20px 60px -12px #000c,0 4px 16px -4px #8b5cf640,inset 0 1px #ffffff14;overflow:hidden;position:relative;padding:10px 8px 8px;display:flex;flex-direction:column;gap:6px}.badge-body:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(135deg,rgba(255,255,255,.04) 0%,transparent 50%);pointer-events:none;border-radius:inherit}.badge-lanyard-hole{position:absolute;top:-4px;left:50%;transform:translate(-50%);width:12px;height:12px;border-radius:50%;background:#050a0f;border:1.5px solid rgba(139,92,246,.4);box-shadow:inset 0 1px 2px #000c;z-index:2}.badge-top-bar{display:flex;align-items:center;gap:4px;padding:4px 4px 0}.badge-led{width:5px;height:5px;border-radius:50%;flex-shrink:0}.badge-led--wifi{background:#22c55e;box-shadow:0 0 6px #22c55ecc;animation:badge-led-pulse 2s ease-in-out infinite}.badge-led--espnow{background:#8b5cf6;box-shadow:0 0 6px #8b5cf6cc;animation:badge-led-pulse 1.6s ease-in-out infinite .4s}@keyframes badge-led-pulse{0%,to{opacity:1}50%{opacity:.45}}.badge-brand-mark{margin-left:auto;font-size:7px;font-weight:700;letter-spacing:.08em;color:#fff6;font-family:var(--font-sans);text-transform:uppercase}.badge-screen{background:#060d17;border-radius:8px;border:1px solid rgba(139,92,246,.2);overflow:hidden;box-shadow:inset 0 0 0 1px #ffffff0a,0 0 20px -4px #8b5cf64d;position:relative;min-height:88px}.badge-screen:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.12) 0%,transparent 70%);pointer-events:none}.badge-screen-pass{padding:8px;display:flex;flex-direction:column;align-items:center;gap:3px}.badge-qr{width:34px;height:34px;background:#fff;border-radius:3px;padding:3px;flex-shrink:0}.badge-qr-svg{width:100%;height:100%;color:#060d17}.badge-screen-name{font-size:8px;font-weight:700;color:#fffffff2;font-family:var(--font-sans);letter-spacing:-.01em;text-align:center;line-height:1.1;margin-top:1px}.badge-screen-role{font-size:6.5px;font-weight:500;color:#8b5cf6e6;font-family:var(--font-sans);text-align:center;line-height:1.2}.badge-screen-company{font-size:6px;color:#ffffff73;font-family:var(--font-sans);text-align:center}.badge-screen-bar{width:70%;height:2px;background:linear-gradient(90deg,transparent,rgba(139,92,246,.6),transparent);border-radius:999px;margin-top:3px}.badge-screen-agenda{padding:7px 7px 6px;display:flex;flex-direction:column;gap:3px}.badge-agenda-header{font-size:6px;font-weight:700;text-transform:uppercase;letter-spacing:.1em;color:#8b5cf6cc;font-family:var(--font-sans);margin-bottom:2px}.badge-agenda-item{display:flex;gap:4px;padding:3px 4px;border-radius:3px;background:#ffffff08}.badge-agenda-item--now{background:#8b5cf626;border:1px solid rgba(139,92,246,.25)}.badge-agenda-time{font-size:5.5px;font-weight:600;color:#ffffff80;font-family:var(--font-mono, monospace);flex-shrink:0}.badge-agenda-item--now .badge-agenda-time{color:#8b5cf6e6}.badge-agenda-title{font-size:5.5px;color:#ffffffbf;font-family:var(--font-sans);line-height:1.3}.badge-agenda-item--now .badge-agenda-title{color:#fffffff2}.badge-bottom-bar{display:flex;align-items:center;justify-content:space-between;padding:2px 4px}.badge-sensor{width:14px;height:4px;border-radius:999px;background:#8b5cf64d;border:1px solid rgba(139,92,246,.4)}.badge-model{font-size:5.5px;color:#fff3;font-family:var(--font-mono, monospace);letter-spacing:.06em}.badge-tap-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;position:relative;width:64px;flex-shrink:0}.badge-tap-ripple{position:absolute;border-radius:50%;border:1.5px solid rgba(139,92,246,.5);animation:badge-ripple 2.2s ease-out infinite}.badge-tap-ripple--1{width:24px;height:24px;animation-delay:0s}.badge-tap-ripple--2{width:40px;height:40px;animation-delay:.4s}.badge-tap-ripple--3{width:56px;height:56px;animation-delay:.8s}@keyframes badge-ripple{0%{opacity:.7;transform:scale(.7)}to{opacity:0;transform:scale(1.15)}}.badge-tap-icon{width:28px;height:28px;border-radius:50%;background:#8b5cf626;border:1px solid rgba(139,92,246,.4);display:flex;align-items:center;justify-content:center;color:#8b5cf6e6;position:relative;z-index:1}.badge-tap-icon svg{width:14px;height:14px}.badge-tap-label{font-size:8px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#8b5cf6b3;font-family:var(--font-sans);position:relative;z-index:1;white-space:nowrap}@media (max-width: 480px){.badge-mockup{gap:10px;padding:20px 8px}.badge-body{width:90px}.badge-tap-zone{width:44px}}@media (prefers-reduced-motion: reduce){.badge-device,.badge-led,.badge-tap-ripple{animation:none}}.loop-diagram{container-type:inline-size;position:relative;width:100%;max-width:560px;aspect-ratio:480 / 360;margin:0 auto;font-family:var(--font-sans)}.loop-canvas{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:3.4cqw;background:radial-gradient(rgba(91,155,255,.1) .2cqw,transparent .28cqw) 0 0 / 4cqw 4cqw,radial-gradient(ellipse 60% 45% at 50% 22%,rgba(139,92,246,.28) 0%,transparent 70%),radial-gradient(ellipse 80% 60% at 50% 100%,rgba(139,92,246,.14) 0%,transparent 72%),linear-gradient(165deg,#0c1426,#070a12);border:1px solid rgba(139,92,246,.28);box-shadow:inset 0 1px #ffffff0f,inset 0 0 40cqw #00000080,0 24px 60px -16px #000000b3,0 0 0 1px #ffffff0a}.loop-wires{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;overflow:visible;pointer-events:none}.loop-line-trace{animation:loop-trace 3s linear infinite}.loop-line-trace--local{animation-duration:2.4s}@keyframes loop-trace{0%{stroke-dashoffset:0}to{stroke-dashoffset:-100}}.loop-node{position:absolute;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:1cqw;white-space:nowrap}.loop-node-row{display:flex;align-items:center;gap:2cqw}.loop-node-text{display:flex;flex-direction:column;align-items:flex-start;line-height:1.05}.loop-node--platform{padding:2.6cqw 4.4cqw;border-radius:2.6cqw;background:linear-gradient(180deg,#265cc847,#0c1428f5 60%),linear-gradient(160deg,#16204a,#0b1330);border:1.5px solid rgba(91,155,255,.55);box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #8b5cf626,0 3cqw 9cqw -2cqw #8b5cf6a6;animation:loop-platform-pulse 3.4s ease-in-out infinite}@keyframes loop-platform-pulse{0%,to{box-shadow:inset 0 1px #ffffff1f,0 0 0 1px #8b5cf626,0 3cqw 9cqw -2cqw #8b5cf680}50%{box-shadow:inset 0 1px #ffffff24,0 0 0 1px #8b5cf647,0 3cqw 11cqw -2cqw #8b5cf6d1}}.loop-node-badge{font-size:1.9cqw;font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:#9dc0ffe6;background:#8b5cf629;border:1px solid rgba(91,155,255,.3);padding:.5cqw 1.8cqw;border-radius:999px}.loop-node--badge{flex-direction:row;gap:2cqw;padding:2.2cqw 3.6cqw;border-radius:2.2cqw;background:linear-gradient(180deg,#1e2c4e99,#101626f5 70%);border:1px solid rgba(91,155,255,.32);box-shadow:inset 0 1px #ffffff0f,0 2cqw 6cqw -2cqw #0009}.loop-node-icon{display:flex;align-items:center;justify-content:center;border-radius:1.4cqw;flex-shrink:0}.loop-node-icon svg{width:62%;height:62%}.loop-node-icon--platform{width:7cqw;height:7cqw;background:linear-gradient(160deg,#5b9bff59,#8b5cf633);color:#cfe0ff;box-shadow:inset 0 0 0 1px #5b9bff59}.loop-node-icon--badge{width:6cqw;height:6cqw;background:#8b5cf629;color:#9dc0ffeb;box-shadow:inset 0 0 0 1px #5b9bff40}.loop-node-name{font-size:3.2cqw;font-weight:700;letter-spacing:-.01em;color:#fffffff5}.loop-node--platform .loop-node-name{font-size:3.6cqw}.loop-node-sub{font-size:2.2cqw;color:#9dc0ff8c}.loop-legend{position:absolute;bottom:2.2cqw;left:50%;transform:translate(-50%);display:flex;align-items:stretch;gap:3cqw;background:#080c16d1;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);border:1px solid rgba(91,155,255,.2);border-radius:2.4cqw;padding:1.6cqw 3cqw;box-shadow:0 2cqw 8cqw -3cqw #000c}.loop-legend-item{display:flex;align-items:center;gap:1.6cqw}.loop-legend-copy{display:flex;flex-direction:column;line-height:1.1}.loop-legend-name{font-size:2.3cqw;font-weight:700;color:#ffffffe6}.loop-legend-desc{font-size:1.9cqw;color:#9dc0ff8c}.loop-legend-divider{width:1px;background:#5b9bff2e}.loop-legend-swatch{display:block;width:5cqw;height:1.6cqw;border-radius:999px;flex-shrink:0}.loop-legend-swatch--wifi{background:#8b5cf6;box-shadow:0 0 5px #8b5cf6e6}.loop-legend-swatch--local{background:repeating-linear-gradient(90deg,#5b9bff 0,#5b9bff 2.2cqw,transparent 2.2cqw,transparent 3.6cqw);box-shadow:0 0 5px #5b9bffb3}@media (prefers-reduced-motion: reduce){.loop-line-trace,.loop-node--platform{animation:none}}.work-software-and-hardware{--accent-color: #8b5cf6;--accent-soft: rgba(139, 92, 246, .12);--accent-mid: rgba(139, 92, 246, .4);--accent-glow: rgba(139, 92, 246, .6)}.work-software-and-hardware .work-hero-title{font-size:clamp(2.25rem,5vw,3.4rem)}.work-software-and-hardware .work-hero-title .highlighter-target{white-space:nowrap}.work-software-and-hardware-section{padding:96px 0;position:relative}.work-software-and-hardware-section--alt{background:var(--color-bg-alt)}.work-software-and-hardware-section--dark{background:var(--jotta-navy, #081c44);color:var(--jotta-offwhite, #f9f9f9);isolation:isolate;overflow:hidden}.work-software-and-hardware-loop-marks{z-index:0;--sm-size: 30px;--sm-gap: 30px;--sm-opacity: .05;--sm-pad: 0}.work-software-and-hardware-section--dark .container{position:relative;z-index:1}.work-software-and-hardware-section--purple-glow{background:var(--color-bg);position:relative;isolation:isolate;overflow:hidden}.work-software-and-hardware-section--purple-glow:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 50% 0%,rgba(139,92,246,.08) 0%,transparent 60%);pointer-events:none;z-index:0}.work-software-and-hardware-section--purple-glow .container{position:relative;z-index:1}.work-software-and-hardware-intro{text-align:center;max-width:680px;margin:0 auto 64px;display:flex;flex-direction:column;gap:14px}.work-software-and-hardware-heading{font-family:var(--font-serif);font-size:clamp(1.9rem,4vw,2.75rem);font-weight:700;letter-spacing:-.02em;color:var(--color-text-strong);line-height:1.15;margin:0}.work-software-and-hardware-section--dark .work-software-and-hardware-heading{color:var(--jotta-offwhite, #f9f9f9)}.work-software-and-hardware-subheading{font-size:1.0625rem;color:var(--color-text-muted);line-height:1.65;margin:0}.work-software-and-hardware-section--dark .work-software-and-hardware-subheading{color:#f9f9f9a6}.work-software-and-hardware-prose{max-width:680px;margin:0 auto;display:flex;flex-direction:column;gap:22px}.work-software-and-hardware-prose p{font-size:1.0625rem;line-height:1.75;color:var(--color-text)}.work-software-and-hardware-prose p:first-child{font-size:1.2rem;color:var(--color-text-strong);font-weight:500}.work-software-and-hardware-compare-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:stretch}.work-software-and-hardware-compare-card{border-radius:var(--radius-xl, 28px);padding:36px 32px;display:flex;flex-direction:column;gap:24px;position:relative;overflow:hidden}.work-software-and-hardware-compare-card--before{background:var(--color-bg-alt);border:1px solid var(--color-border)}.work-software-and-hardware-compare-card--after{background:var(--jotta-navy, #081c44);border:1px solid rgba(139,92,246,.3);box-shadow:0 0 0 1px #8b5cf614,0 24px 64px -16px #8b5cf640}.work-software-and-hardware-compare-card--after:before{content:"";position:absolute;top:-40px;right:-40px;width:200px;height:200px;border-radius:50%;background:radial-gradient(ellipse,rgba(139,92,246,.25) 0%,transparent 70%);pointer-events:none}.work-software-and-hardware-compare-label{display:inline-flex;align-items:center;gap:8px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.1em;border-radius:999px;padding:4px 14px;align-self:flex-start}.work-software-and-hardware-compare-card--before .work-software-and-hardware-compare-label{background:#ef44441a;color:#ef4444;border:1px solid rgba(239,68,68,.25)}.work-software-and-hardware-compare-card--after .work-software-and-hardware-compare-label{background:#8b5cf626;color:#8b5cf6f2;border:1px solid rgba(139,92,246,.3)}.work-software-and-hardware-compare-title{font-family:var(--font-serif);font-size:1.35rem;font-weight:700;letter-spacing:-.01em;margin:0;color:var(--color-text-strong)}.work-software-and-hardware-compare-card--after .work-software-and-hardware-compare-title{color:var(--jotta-offwhite, #f9f9f9)}.work-software-and-hardware-compare-list{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;gap:10px}.work-software-and-hardware-compare-list li{display:flex;align-items:flex-start;gap:10px;font-size:.9375rem;line-height:1.55;color:var(--color-text-muted)}.work-software-and-hardware-compare-card--after .work-software-and-hardware-compare-list li{color:#f9f9f9b8}.work-software-and-hardware-compare-icon{width:18px;height:18px;flex-shrink:0;margin-top:2px;display:inline-flex;align-items:center;justify-content:center;border-radius:50%}.work-software-and-hardware-compare-icon--bad{background:#ef44441f;color:#ef4444}.work-software-and-hardware-compare-icon--good{background:#8b5cf626;color:#8b5cf6e6}.work-software-and-hardware-compare-icon svg{width:10px;height:10px}.work-software-and-hardware-loop-layout{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center}.work-software-and-hardware-loop-layout .loop-diagram{margin-block:8px}.work-software-and-hardware-loop-copy{display:flex;flex-direction:column;gap:20px}.work-software-and-hardware-loop-copy h2{font-family:var(--font-serif);font-size:clamp(1.7rem,3.5vw,2.4rem);font-weight:700;letter-spacing:-.02em;line-height:1.12;color:var(--jotta-offwhite, #f9f9f9);margin:0}.work-software-and-hardware-loop-copy p{font-size:1rem;line-height:1.7;color:#f9f9f9ad;margin:0}.work-software-and-hardware-loop-facts{display:flex;flex-direction:column;gap:14px;margin-top:8px}.work-software-and-hardware-loop-fact{display:flex;align-items:flex-start;gap:12px;font-size:.9375rem;line-height:1.5;color:#f9f9f9bf}.work-software-and-hardware-loop-fact-dot{width:8px;height:8px;border-radius:50%;margin-top:5px;flex-shrink:0}.work-software-and-hardware-loop-fact-dot--wifi{background:var(--accent-color);box-shadow:0 0 6px var(--accent-glow)}.work-software-and-hardware-loop-fact-dot--espnow{background:#5b9bff;box-shadow:0 0 6px #5b9bffb3}.work-software-and-hardware-platform-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;align-items:stretch}.work-software-and-hardware-platform-card{position:relative;isolation:isolate;border-radius:var(--radius-lg, 20px);padding:28px 24px;background:linear-gradient(168deg,rgba(139,92,246,.055) 0%,transparent 46%),var(--color-surface);border:1px solid var(--color-border);display:flex;flex-direction:column;gap:14px;overflow:hidden;box-shadow:inset 0 1px #ffffff80,0 1px 2px #081c440a;transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s ease,border-color .3s ease}.work-software-and-hardware-platform-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;z-index:-1;background-image:url(/assets/why-hero-a-DOZHkHpS.png);background-size:180% 180%;background-position:100% 0%;opacity:.14;filter:saturate(1.1);-webkit-mask-image:radial-gradient(120% 90% at 100% 0%,#000 0%,transparent 62%);mask-image:radial-gradient(120% 90% at 100% 0%,#000 0%,transparent 62%);transition:opacity .3s ease,transform .4s ease;pointer-events:none}.work-software-and-hardware-platform-card:after{content:"";position:absolute;top:-60px;right:-50px;width:180px;height:180px;z-index:-1;border-radius:50%;background:radial-gradient(circle,rgba(139,92,246,.18) 0%,transparent 70%);opacity:0;transition:opacity .35s ease;pointer-events:none}.work-software-and-hardware-platform-card:hover{transform:translateY(-5px);border-color:#8b5cf659;box-shadow:inset 0 1px #fff9,0 20px 44px -14px #8b5cf652,0 4px 12px -6px #081c4426}.work-software-and-hardware-platform-card:hover:before{opacity:.26;transform:scale(1.04)}.work-software-and-hardware-platform-card:hover:after{opacity:1}.work-software-and-hardware-platform-icon{width:46px;height:46px;border-radius:var(--radius-md, 12px);display:flex;align-items:center;justify-content:center;background:linear-gradient(155deg,#8b5cf638,#8b5cf614);color:var(--accent-color);flex-shrink:0;box-shadow:inset 0 1px #ffffff59,inset 0 0 0 1px #8b5cf62e,0 6px 14px -6px #8b5cf666;transition:transform .3s cubic-bezier(.2,.7,.2,1)}.work-software-and-hardware-platform-card:hover .work-software-and-hardware-platform-icon{transform:translateY(-2px) scale(1.04)}.work-software-and-hardware-platform-icon svg{width:21px;height:21px}.work-software-and-hardware-platform-card h3{font-family:var(--font-serif);font-size:1.05rem;font-weight:700;letter-spacing:-.01em;color:var(--color-text-strong);margin:0}.work-software-and-hardware-platform-card p{font-size:.9rem;line-height:1.6;color:var(--color-text-muted);margin:0;flex:1}@media (max-width: 900px){.work-software-and-hardware-loop-layout{grid-template-columns:1fr;gap:48px}.work-software-and-hardware-compare-grid{grid-template-columns:1fr}.work-software-and-hardware-platform-grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 768px){.work-software-and-hardware-section{padding:64px 0}}@media (max-width: 640px){.work-software-and-hardware-platform-grid{grid-template-columns:1fr}.work-software-and-hardware-compare-card{padding:28px 22px}}[data-theme=dark] .work-software-and-hardware-compare-card--before{background:var(--color-surface);border-color:var(--color-border)}[data-theme=dark] .work-software-and-hardware-platform-card{background:linear-gradient(168deg,rgba(139,92,246,.14) 0%,transparent 48%),var(--color-surface);border-color:var(--color-border);box-shadow:inset 0 1px #ffffff0d,0 1px 2px #0000004d}[data-theme=dark] .work-software-and-hardware-platform-card:before{opacity:.2}[data-theme=dark] .work-software-and-hardware-platform-card:hover{border-color:#8b5cf673;box-shadow:inset 0 1px #ffffff0f,0 20px 44px -14px #8b5cf666}[data-theme=dark] .work-software-and-hardware-platform-card:hover:before{opacity:.32}