600;700&family=DM+Sans:wght@400;450;500;600;650;700&display=swap');
:root{color-scheme:dark;--bg:#0b0d10;--panel:#12161c;--line:#292e36;--muted:#a0a8b5;--white:#f5f6f8;--blue:#8ab5ff;--accent:#2665ed}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--bg);color:var(--white);font:16px/1.65 'DM Sans',Arial,sans-serif}a{color:inherit;text-decoration:none}button,input{font:inherit}button,a{touch-action:manipulation}button{cursor:pointer}a,button{ -webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible,input:focus-visible{outline:2px solid var(--blue);outline-offset:5px}img{max-width:100%;display:block}p{color:var(--muted)}h1,h2,h3,p{margin:0 0 1rem}h1,h2,h3{line-height:1.08}h1,h2{font-family:'Barlow Condensed','Arial Narrow',sans-serif;font-weight:600;letter-spacing:-.02em}h1{font-size:clamp(3.5rem,7.4vw,7rem)}h2{font-size:clamp(2.4rem,4vw,4rem)}h3{font-size:1.25rem;line-height:1.35}.container{width:min(1320px,90%);margin:auto}.skip{position:fixed;top:-100px;left:20px;background:var(--accent);padding:12px;z-index:100}.skip:focus{top:12px}.topline{background:#161a21;color:#b7bec9;text-align:center;padding:7px 15px;font-size:.75rem;letter-spacing:.08em}.topline span{color:var(--blue);margin-right:10px}header{position:sticky;top:0;z-index:20;background:#0b0d10ef;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;min-height:86px}.brand{display:inline-flex;align-items:center;gap:10px;font-size:1.5rem;letter-spacing:-.065em;font-weight:700;white-space:nowrap}.brand small{color:var(--blue);font:12px 'DM Sans';letter-spacing:.1em;margin-left:3px}.brand-mark{width:28px;height:29px;border:2px solid #fff;border-left:6px solid var(--blue);transform:skewY(-12deg);display:inline-block}nav{display:flex;gap:32px;align-items:center}nav a{font-size:.875rem;color:#bbc1ca;position:relative}nav a:hover,nav a[aria-current=page]{color:#fff}nav a[aria-current=page]:after{content:'';position:absolute;bottom:-33px;left:0;right:0;height:2px;background:var(--blue)}.nav-contact{padding:10px 19px;border:1px solid #454c58;border-radius:4px;font-size:.875rem}.menu-toggle{display:none;background:none;border:1px solid var(--line);color:white;padding:8px 12px}.eyebrow{font-size:.75rem;font-weight:600;letter-spacing:.16em;text-transform:uppercase;color:var(--blue);margin-bottom:24px;display:block}.hero{position:relative;padding:80px 0 52px;overflow:hidden;background:radial-gradient(ellipse at 72% 40%,#1a263741,transparent 52%)}.hero-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:40px}.hero h1{max-width:650px}.hero h1 em{font-style:normal;color:#a5b0c1}.hero-copy>p{max-width:450px;font-size:1.063rem;margin:24px 0 30px}.actions{display:flex;align-items:center;gap:24px;flex-wrap:wrap}.button{display:inline-flex;gap:30px;align-items:center;justify-content:center;padding:14px 23px;background:var(--accent);color:white;border:1px solid var(--accent);border-radius:4px;font-weight:600;font-size:.875rem;transition:background .2s,transform .2s}.button:hover{background:#3979ff;transform:translateY(-2px)}.button.secondary{background:transparent;border-color:#454c58}.text-link{font-size:.875rem;border-bottom:1px solid #535d6b;padding-bottom:5px;display:inline-flex;gap:22px}.hero-art{position:relative;background:#08090b;border:1px solid #29313d;border-radius:10px;overflow:hidden}.hero-art img{width:100%;height:440px;object-fit:contain}.art-label{display:flex;justify-content:space-between;align-items:center;border-top:1px solid var(--line);padding:18px 23px;font-size:.875rem;color:#c0c7d2;background:#12161c}.art-label small{font-size:.75rem;color:var(--blue)}.spec-strip{display:grid;grid-template-columns:repeat(3,1fr);margin-top:62px;border-top:1px solid var(--line);padding-top:27px;gap:24px}.spec-strip div{display:flex;gap:14px;align-items:center}.spec-strip span{font-size:.75rem;color:#606c7d}.spec-strip strong{font-size:.875rem;font-weight:500;color:#c3c9d2}.section{padding:70px 0;border-top:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;gap:24px;align-items:end;margin-bottom:32px}.section-heading h2{margin:0}.section-heading .eyebrow{margin-bottom:12px}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px}.product-card{display:flex;flex-direction:column;border:1px solid var(--line);background:var(--panel);border-radius:6px;overflow:hidden;transition:border-color .2s,transform .2s}.product-card:hover{border-color:#5b708e;transform:translateY(-4px)}.product-image{background:#090b0e;aspect-ratio:1.2;overflow:hidden}.product-image img{width:100%;height:100%;object-fit:contain;transition:transform .3s}.product-card:hover img{transform:scale(1.04)}.card-copy{padding:23px;display:flex;flex-direction:column;flex:1}.card-copy small{color:var(--blue);font-size:.75rem;text-transform:uppercase;letter-spacing:.08em;margin-bottom:11px}.card-copy h3{font-size:1.063rem;min-height:3em}.card-copy .card-bottom{border-top:1px solid var(--line);padding-top:15px;margin-top:auto;font-size:.813rem;color:var(--muted);display:flex;justify-content:space-between}.card-bottom b{color:#fff;font-size:1.15rem;font-weight:400}.resource-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.resource-card{padding:38px;border:1px solid var(--line);border-radius:6px;min-height:250px;position:relative;background:linear-gradient(130deg,#192334,#12161c 75%)}.resource-card h3{font-family:'Barlow Condensed';font-size:2.4rem}.resource-card p{max-width:380px}.resource-card .eyebrow{margin-bottom:40px}.resource-card:nth-child(2){background:#12161c}.community{display:flex;align-items:center;justify-content:space-between;gap:30px}.community h2{max-width:620px}.community p{max-width:500px}footer{border-top:1px solid var(--line);padding:52px 0 22px;background:#080a0d}.footer-grid{display:grid;grid-template-columns:2fr 1fr 1fr 1fr;gap:35px}.footer-grid p{font-size:.875rem;max-width:300px;margin-top:18px}.footer-col strong{font-size:.875rem;display:block;margin-bottom:17px}.footer-col a{display:block;font-size:.875rem;color:var(--muted);margin:9px 0}.footer-col a:hover{color:white}.footer-bottom{border-top:1px solid var(--line);margin-top:35px;padding-top:22px;display:flex;justify-content:space-between;color:#848d9b;font-size:.75rem;gap:25px}.page-top{padding:56px 0 40px}.breadcrumb{color:#8f99a9;font-size:.813rem;margin-bottom:28px}.breadcrumb a:hover{color:var(--blue)}.page-top h1{font-size:clamp(3rem,5vw,5rem)}.page-top p{max-width:700px}.category-links{display:flex;gap:8px;flex-wrap:wrap;margin:0 0 32px}.category-links a{border:1px solid var(--line);padding:8px 15px;border-radius:4px;font-size:.813rem;color:#abb5c5}.category-links a.active,.category-links a:hover{background:#202b3d;border-color:#5575a9;color:#d6e6ff}.catalog{padding-bottom:80px}.catalog-count{font-size:.813rem;color:var(--muted);margin:0 0 20px}.detail-layout{display:grid;grid-template-columns:1.05fr 1fr;gap:65px;align-items:start;padding:10px 0 70px}.detail-main{background:#080a0d;border:1px solid var(--line);border-radius:7px;aspect-ratio:1.12;display:grid;place-items:center}.detail-main img{max-height:530px;object-fit:contain;width:100%;height:100%}.thumbnails{display:flex;gap:10px;flex-wrap:wrap;margin-top:14px}.thumbnails button{background:#11151b;border:1px solid var(--line);padding:4px;border-radius:3px;width:70px;height:65px}.thumbnails button[aria-pressed=true]{border-color:var(--blue)}.thumbnails img{object-fit:contain;width:100%;height:100%}.detail-copy h1{font-size:clamp(2.7rem,4vw,4rem)}.notice{border-left:2px solid var(--blue);background:#172133;padding:18px 22px;color:#bdcee7;font-size:.875rem;margin:25px 0}.prose{font-size:1rem;line-height:1.85;color:#b6beca;overflow-wrap:anywhere}.prose p{margin:0 0 1.4em;color:inherit}.prose h2,.prose h3,.prose h4,.prose h5{color:#f1f3f7;margin:1.5em 0 .7em;font-size:1.5rem;font-family:'DM Sans';line-height:1.35}.prose h2{font-size:1.75rem}.prose a{color:var(--blue);text-decoration:underline;text-underline-offset:4px}.prose img{margin:25px 0;max-height:700px;object-fit:contain}.prose ul,.prose ol{padding-left:24px}.prose li{padding:4px 0}.prose table{display:block;overflow:auto;border-collapse:collapse}.prose td,.prose th{padding:12px;border:1px solid var(--line)}.article-layout{display:grid;grid-template-columns:220px minmax(0,1fr);gap:65px;padding-bottom:80px}.article-nav{display:flex;flex-direction:column;gap:14px;align-self:start;position:sticky;top:120px;font-size:.875rem;color:#97a5b9}.article-nav strong{color:#f5f6f8;margin-bottom:8px}.article-body{max-width:860px}.article-body details{border-bottom:1px solid var(--line);padding:23px 0}.article-body summary{cursor:pointer;font-weight:500;color:#eef1f5;list-style:none;display:flex;justify-content:space-between;gap:20px}.article-body summary:after{content:'+';color:var(--blue)}.article-body details[open] summary:after{content:'−'}.article-body details p{margin:18px 28px 0 0}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-bottom:50px}.info-box{padding:35px;background:var(--panel);border:1px solid var(--line);border-radius:6px}.info-box h2{font-size:2.3rem}.info-box p{margin:15px 0 24px}.chart{background:white;border-radius:5px;overflow:auto;padding:15px;margin:30px 0}.chart img{width:100%;height:auto}.video-list{display:grid;grid-template-columns:1fr 1fr;gap:18px}.video-link{display:flex;gap:20px;padding:24px;border:1px solid var(--line);border-radius:5px;background:var(--panel);align-items:center;line-height:1.4}.play{color:var(--blue);font-size:1.5rem}.video-link:hover{border-color:var(--blue)}.manual{width:100%;height:800px;border:1px solid var(--line);margin:25px 0}.variants{font-size:.875rem;border-top:1px solid var(--line);padding-top:20px;margin-top:25px}.variants strong{color:#fff}.variants p{margin-top:8px}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(min-width:1600px){.hero{padding-top:100px}.hero-art img{height:510px}}@media(max-width:1050px){nav{gap:18px}.header-inner{gap:20px}.nav-contact{display:none}.hero h1{font-size:5rem}.hero-art img{height:380px}.product-grid{grid-template-columns:repeat(3,1fr)}.detail-layout{gap:30px}.article-layout{gap:35px;grid-template-columns:180px 1fr}}@media(max-width:760px){.container{width:90%}.topline{font-size:.7rem}.header-inner{min-height:72px}.brand{font-size:1.3rem}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#11161e;padding:25px 5%;flex-direction:column;align-items:start;border-bottom:1px solid var(--line)}nav.open{display:flex}nav a[aria-current=page]:after{bottom:-5px}.hero{padding:42px 0 35px}.hero-layout{grid-template-columns:1fr;gap:35px}.hero h1{font-size:4.3rem;max-width:500px}.hero-copy>p{margin:20px 0 25px}.hero-art img{height:310px}.eyebrow{margin-bottom:18px}.spec-strip{gap:10px;margin-top:32px}.spec-strip div{align-items:start;flex-direction:column;gap:5px}.spec-strip strong{font-size:.75rem}.section{padding:45px 0}.section-heading{align-items:start}.section-heading .text-link{white-space:nowrap;font-size:.75rem;margin-top:18px;gap:10px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.card-copy{padding:17px}.card-copy h3{font-size:.938rem}.card-copy small{font-size:.7rem}.card-copy .card-bottom{font-size:.75rem}.resource-grid,.detail-layout,.info-grid{grid-template-columns:1fr}.resource-card{padding:28px}.community{display:block}.community .button{margin-top:12px}.footer-grid{grid-template-columns:1fr 1fr;gap:30px}.footer-grid>div:first-child{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:10px}.article-layout{grid-template-columns:1fr;gap:20px}.article-nav{position:static;flex-direction:row;flex-wrap:wrap;border-bottom:1px solid var(--line);padding-bottom:20px}.article-nav strong{display:none}.video-list{grid-template-columns:1fr}.detail-copy h1{font-size:3rem}.page-top{padding:35px 0 25px}.manual{height:500px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}
.hero-art img,.product-image,.detail-main{background:#f8f9fb}@media(max-width:760px){.hero h1{font-size:3.65rem}.hero-art img{height:270px}}