*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,Helvetica,sans-serif;color:#171b20;background:#f5f6f7}button,input,textarea{font:inherit}a{color:inherit;text-decoration:none}button,a,input,textarea{outline-offset:5px}button{cursor:pointer}button:focus-visible,a:focus-visible{outline:3px solid #0647eb}.skip{position:fixed;top:-100px;background:white;z-index:100}.skip:focus{top:12px}header{height:84px;background:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 5%;position:sticky;top:0;z-index:10;border-bottom:1px solid #e8ebee}.brand{font-size:25px;font-weight:800;letter-spacing:3px}.brand span{display:block;font-size:9px;letter-spacing:6px;margin-top:3px}nav{display:flex;gap:34px;align-items:center;font-size:14px}.tools{display:flex;gap:10px}.tools button{border:0;background:transparent;min-height:44px;padding:12px}#menu{display:none}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:3px;font-weight:700;color:#66737d}.hero{min-height:720px;background:#030506;color:#fff;position:relative;display:flex;align-items:center;overflow:hidden}.hero img{position:absolute;width:64%;height:100%;right:0;object-fit:cover;object-position:50% 70%;opacity:.85}.hero:after{content:'';position:absolute;inset:0;background:linear-gradient(90deg,#030506 3%,transparent 90%);pointer-events:none}.hero-copy{position:relative;z-index:1;width:62%;padding:80px 8%}.hero .eyebrow{color:#a8bac7}.hero h1{font-size:clamp(44px,5.6vw,82px);line-height:1.04;font-weight:500;letter-spacing:-3px;margin:30px 0}.hero p{line-height:1.7;color:#b4bbc3;max-width:430px}.btn{border:1px solid #cfd4d9;display:inline-flex;justify-content:center;align-items:center;gap:12px;padding:15px 24px;min-height:48px;border-radius:3px;background:transparent;font-size:14px;font-weight:600}.primary{background:#0647eb;color:white;border-color:#0647eb}.hero .btn{margin:22px 8px 0 0}.hero .secondary{color:white;border-color:#66717c}.hero-bottom{position:absolute;bottom:28px;left:8%;z-index:2;font-size:10px;letter-spacing:2px;color:#8997a5}.wrap{max-width:1300px;margin:auto;padding:76px 6%}.section-top{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:32px}h2{font-size:clamp(32px,4vw,52px);font-weight:500;letter-spacing:-1.5px;margin:18px 0}p{line-height:1.65}.muted{color:#62707d}.directions,.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.direction{position:relative;min-height:360px;background:#e6e9ed;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:end}.direction img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.direction:after{content:'';position:absolute;inset:0;background:linear-gradient(transparent,#000b)}.direction h3,.direction a,.direction .eyebrow{z-index:1;position:relative;color:white}.direction h3{font-size:27px;font-weight:500;margin:10px 0 18px}.direction a{font-size:14px}.about{background:#e9edf0;display:grid;grid-template-columns:1fr 1fr;gap:60px}.steps{display:flex;gap:20px;border-top:1px solid #b9c3ca;padding-top:25px;margin-top:36px}.steps b{color:#0647eb;font-size:12px}.steps p{font-size:13px}.banner{background:#05265e;color:#fff}.banner .muted{color:#b4c1cc}.page-head{padding-bottom:28px}.filters{display:flex;flex-wrap:wrap;gap:10px;margin-bottom:30px}.filter{background:white;border:1px solid #cfd6dc;padding:12px 19px;min-height:44px;border-radius:30px}.filter.active{background:#05265e;color:white;border-color:#05265e}.card{background:white;border:1px solid #e0e5e8;border-radius:5px;overflow:hidden}.card-link{display:block}.card-img{height:245px;background:#e8ebef;width:100%;object-fit:cover}.card-content{padding:24px}.card h3{font-size:22px;margin:12px 0}.card p{font-size:14px;min-height:48px;color:#61707b}.card .btn{width:100%;margin-top:10px}.tag{font-size:10px;letter-spacing:1px;text-transform:uppercase;color:#697782}.note{background:#e9eff5;border-left:3px solid #0647eb;padding:16px 20px;font-size:13px;line-height:1.6;margin:24px 0}.detail{display:grid;grid-template-columns:1.1fr 1fr;gap:55px;align-items:start}.detail img{width:100%;border-radius:6px;max-height:600px;object-fit:cover}.detail h1{font-size:clamp(34px,4vw,56px);font-weight:500;letter-spacing:-1.5px}.specs{width:100%;border-collapse:collapse;margin:25px 0}.specs td{border-bottom:1px solid #d9e0e5;padding:15px 0;font-size:14px}.specs td:first-child{color:#62707d;width:45%}.source{font-size:13px;text-decoration:underline}.back{display:inline-block;margin-bottom:30px;color:#557084}.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:30px}.contact-grid a{overflow-wrap:anywhere}.channels{display:flex;gap:12px;flex-wrap:wrap}.placeholder{border:1px dashed #a0aeb9;display:inline-block;padding:13px;font-size:12px;color:#637584}footer{background:#041b42;color:#bdc9d3;padding:50px 6% 24px}.footer-grid{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}footer .brand{color:white}footer a{display:block;font-size:14px;margin:14px 0}.footline{border-top:1px solid #29333c;margin-top:38px;padding-top:22px;font-size:11px;color:#82919e;display:flex;justify-content:space-between;gap:20px}dialog{border:0;border-radius:8px;padding:38px;width:min(650px,calc(100% - 28px));max-height:90dvh;overflow:auto}dialog::backdrop{background:#061321a6;backdrop-filter:blur(5px)}dialog h2{font-size:32px;margin:0 36px 12px 0}.close{position:absolute;right:15px;top:12px;background:none;border:0;font-size:30px;width:44px;height:44px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:block;font-size:13px;color:#465560}input,textarea{width:100%;margin-top:7px;border:1px solid #c4cfd8;padding:12px;border-radius:3px;background:#fff}textarea{resize:vertical}.full{grid-column:1/-1}form .btn{width:100%;margin:20px 0}.status{padding:12px;background:#eef3f7;font-size:14px;line-height:1.6}.download{color:#0647eb;text-decoration:underline}.beta{font-size:10px;border:1px solid #657481;padding:4px 8px;letter-spacing:1px}@media(max-width:760px){header{height:70px;padding:0 5%}#menu{display:block}nav{display:none;position:absolute;top:70px;left:0;right:0;background:#fff;padding:22px;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{min-height:740px;align-items:start}.hero img{width:100%;height:62%;top:38%;object-position:center 75%}.hero:after{background:linear-gradient(#030506 20%,transparent 85%)}.hero-copy{padding:50px 7%;width:100%}.hero h1{font-size:49px;letter-spacing:-2px;max-width:450px}.hero p{max-width:320px;font-size:14px}.hero-bottom{left:7%;bottom:18px}.wrap{padding:48px 6%}.directions,.grid{grid-template-columns:1fr}.direction{min-height:330px}.section-top{align-items:start;flex-direction:column}.about,.detail,.contact-grid{grid-template-columns:1fr;gap:25px}.steps{gap:12px}.grid{gap:20px}.card-img{height:280px}.form-grid{grid-template-columns:1fr}.full{grid-column:auto}dialog{padding:30px 22px}.footline{flex-direction:column}h2{letter-spacing:-1px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
:root{--brand-navy:#05265e;--brand-blue:#0647eb}.brand{display:inline-flex;align-items:center;flex-shrink:0}.brand-logo{display:block;width:220px;height:auto;max-width:100%;object-fit:contain}header .brand-logo{width:205px}footer .brand{background:#fff;border-radius:4px;padding:8px 14px;width:260px}footer .brand-logo{width:232px}.primary:hover{background:#05265e;border-color:#05265e}.filter:not(.active):hover{border-color:#0647eb;color:#05265e}nav a:hover{color:#0647eb}.tools button{color:#05265e}.note{background:#eef3ff}.about{background:#edf1f8}@media(max-width:760px){header .brand-logo{width:172px}footer .brand{width:238px}.tools{gap:2px}}

.electronics-img{object-fit:contain;padding:20px;background:#f1f4f8}.detail img[src*="assets/pi"]{object-fit:contain;background:#eef2f7;padding:20px}.discontinued{display:inline-block;font-size:11px;padding:6px 10px;background:#fff2de;color:#835100;border-radius:3px}.pi-controls{border-top:1px solid #d5deeb;padding:24px 0}.variant-options{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-top:20px}select{width:100%;margin-top:7px;border:1px solid #c4cfd8;padding:12px;border-radius:3px;background:white;font:inherit}.card{display:flex;flex-direction:column}.card>.card-content{margin-top:auto}@media(max-width:760px){.variant-options{grid-template-columns:1fr}}