@import url('https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--black:#151a1c;--panel:#20282a;--paper:#e9eae3;--white:#f5f6ef;--ink:#22292a;--muted:#7b8583;--lime:#c9ff45;--orange:#ff6c35;--cyan:#73d7d1;--line:rgba(30,40,40,.18);--mono:'IBM Plex Mono',monospace;--sans:Manrope,Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6}a{color:inherit;text-decoration:none}button,input{font:inherit}button{color:inherit}.shell{width:min(1180px,calc(100% - 44px));margin:auto}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}
.system-line{background:#090c0d;color:#9fa9a6;border-bottom:1px solid #30393a;font:600 .63rem var(--mono);letter-spacing:.09em}.system-line .shell{height:32px;display:flex;align-items:center;gap:28px}.system-line span{margin-right:auto;color:var(--lime)}.system-line i,.content-page aside>span i{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--lime);box-shadow:0 0 12px var(--lime)}
.site-header{position:relative;z-index:20;background:var(--paper);border-bottom:1px solid var(--line)}.header-row{height:84px;display:flex;align-items:center;gap:35px}.brand{display:flex;align-items:center;gap:12px;flex:none}.brand>span{width:39px;height:39px;display:grid;place-items:center;background:var(--black);color:var(--lime);font:700 1.3rem var(--mono);clip-path:polygon(0 0,80% 0,100% 20%,100% 100%,20% 100%,0 80%)}.brand b{font:700 1.28rem var(--mono);letter-spacing:.07em;line-height:1}.brand small{display:block;margin-top:6px;color:#697371;font:600 .55rem var(--mono);letter-spacing:.17em;text-transform:uppercase}.main-nav{display:flex;gap:28px;margin-left:auto}.main-nav a{font:700 .72rem var(--mono);letter-spacing:.06em;text-transform:uppercase}.main-nav a:hover{color:#e44d1b}.diagnose{display:flex;align-items:center;gap:15px;padding:12px 15px;background:var(--black);color:var(--white);font:600 .68rem var(--mono);text-transform:uppercase}.diagnose span{color:var(--lime);font-size:1rem}.diagnose:hover{background:#293234}.nav-toggle{display:none;margin-left:auto;border:0;background:none;padding:8px}.nav-toggle i{display:block;width:25px;height:2px;margin:5px;background:var(--black)}
.hero{position:relative;overflow:hidden;background:var(--black);color:var(--white)}.hero:before{content:'';position:absolute;inset:0;background-image:linear-gradient(rgba(115,215,209,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(115,215,209,.045) 1px,transparent 1px);background-size:34px 34px}.hero-grid{position:relative;min-height:590px;display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:68px;padding-top:62px;padding-bottom:62px}.kicker{margin:0 0 18px;color:var(--lime);font:600 .66rem var(--mono);letter-spacing:.12em;text-transform:uppercase}.kicker span{display:inline-grid;place-items:center;width:28px;height:24px;margin-right:8px;border:1px solid currentColor}.kicker.dark{color:#596361}.hero h1{margin:0;font-size:clamp(2.8rem,5.4vw,4.8rem);line-height:1.02;letter-spacing:-.055em}.hero-copy>p:not(.kicker){max-width:560px;margin:25px 0 0;color:#aab4b1;font-size:1.02rem}.hero-actions{display:flex;align-items:center;gap:24px;margin-top:35px}.hero-actions .primary{display:inline-flex;gap:30px;padding:14px 17px;background:var(--lime);color:var(--black);font:700 .7rem var(--mono);text-transform:uppercase}.hero-actions .primary:hover{background:var(--orange)}.hero-actions>a:last-child{color:#c0c8c6;font:600 .7rem var(--mono);border-bottom:1px solid #596362}
.cluster{padding:19px;border:1px solid #465154;background:#0c1112;box-shadow:0 22px 70px rgba(0,0,0,.38),inset 0 0 0 6px #20282a;transform:perspective(900px) rotateY(-3deg)}.cluster-top,.cluster-bottom{display:flex;align-items:center;justify-content:space-between;padding:0 7px;color:#82908d;font:600 .62rem var(--mono);letter-spacing:.08em}.cluster-top b{padding:5px 8px;background:rgba(201,255,69,.12);color:var(--lime)}.gauges{display:grid;grid-template-columns:1.35fr 1fr 1fr;gap:12px;margin:18px 0}.gauge{position:relative;aspect-ratio:1;display:grid;place-items:center;border-radius:50%;background:conic-gradient(from 225deg,var(--cyan) 0 28%,#394345 28% 75%,var(--orange) 75% 83%,transparent 83%);filter:drop-shadow(0 0 12px rgba(115,215,209,.12))}.gauge:before{content:'';position:absolute;inset:10px;border-radius:50%;background:#111718;border:1px solid #354043}.gauge:after{content:'';position:absolute;left:50%;top:50%;width:38%;height:2px;background:var(--lime);transform-origin:left;transform:rotate(-38deg);box-shadow:0 0 10px var(--lime)}.gauge-main:after{transform:rotate(18deg);background:var(--orange);box-shadow:0 0 10px var(--orange)}.gauge>span{position:relative;z-index:2;text-align:center}.gauge b{display:block;color:var(--white);font:500 clamp(1.05rem,2.4vw,2.05rem) var(--mono)}.gauge small{display:block;color:#71807c;font:600 .5rem var(--mono);letter-spacing:.09em}.signal{height:70px;display:flex;align-items:center;gap:6px;padding:0 8px;border:1px solid #253032;background:linear-gradient(90deg,rgba(201,255,69,.04),transparent)}.signal i{flex:1;height:12%;background:var(--lime);box-shadow:0 0 6px rgba(201,255,69,.35)}.signal i:nth-child(2n){height:36%}.signal i:nth-child(3n){height:78%;background:var(--cyan)}.signal i:nth-child(5n){height:100%;background:var(--orange)}.cluster-bottom{margin-top:15px}.cluster-bottom span{flex:1}.cluster-bottom b{color:var(--lime)}
.systems{padding:86px 0;background:var(--paper)}.section-head{display:flex;align-items:end;justify-content:space-between;gap:35px;margin-bottom:36px}.section-head h2,.articles h2{margin:0;font-size:clamp(2rem,3.7vw,3.35rem);line-height:1.1;letter-spacing:-.045em}.section-head>p{max-width:390px;margin:0;color:#697371;font-size:.86rem}.system-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.system-grid button{position:relative;min-height:235px;padding:22px;display:flex;align-items:flex-start;flex-direction:column;border:0;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:transparent;text-align:left;cursor:pointer}.system-grid button>span{font:600 .63rem var(--mono);color:#87908e}.system-grid button>i{position:relative;display:block;width:78px;height:78px;margin:27px 0;border:2px solid #596361}.system-grid button>i:before,.system-grid button>i:after{content:'';position:absolute}.engine-icon:before{inset:16px;border:4px solid var(--orange)}.engine-icon:after{width:18px;height:32px;right:-10px;top:20px;background:var(--ink)}.electric-icon{border-radius:50%!important}.electric-icon:before{left:29px;top:10px;width:17px;height:52px;background:var(--lime);clip-path:polygon(45% 0,100% 0,65% 38%,100% 38%,20% 100%,39% 55%,0 55%)}.brake-icon{border-radius:50%!important}.brake-icon:before{inset:13px;border:7px solid var(--orange);border-radius:50%}.brake-icon:after{width:18px;height:38px;right:-6px;top:18px;background:var(--ink)}.suspension-icon:before{left:35px;top:3px;width:5px;height:68px;background:var(--cyan);transform:rotate(23deg)}.suspension-icon:after{left:14px;top:26px;width:47px;height:24px;border-top:5px solid var(--orange);border-bottom:5px solid var(--orange);transform:rotate(-17deg)}.system-grid button>b{font-size:1.02rem}.system-grid button>small{margin-top:5px;color:#7a8482;font:.62rem var(--mono)}.system-grid button:hover,.system-grid button.is-active{background:var(--black);color:var(--white)}.system-grid button:hover>small,.system-grid button.is-active>small{color:#9ba7a4}.system-grid button.is-active{box-shadow:inset 0 -5px var(--lime)}
.lab{padding:88px 0 100px;background:var(--panel);color:var(--white)}.section-head.light .kicker{color:var(--lime)}.section-head.light h2{color:var(--white)}.search{height:48px;width:min(350px,100%);display:flex;border:1px solid #526063;background:#111718}.search input{min-width:0;flex:1;padding:0 14px;border:0;background:transparent;color:var(--white);outline:0;font:.74rem var(--mono)}.search b{display:grid;place-items:center;padding:0 13px;background:var(--lime);color:var(--black);font:.68rem var(--mono)}.featured{display:grid;grid-template-columns:42% 58%;min-height:355px;margin-bottom:22px;border:1px solid #414d4f;background:#171e20}.featured>div:last-child{padding:48px 50px}.featured small,.item-card small{color:#7f8c89;font:600 .6rem var(--mono);letter-spacing:.08em}.featured h3{max-width:680px;margin:12px 0 16px;font-size:clamp(1.7rem,3.4vw,2.85rem);line-height:1.13;letter-spacing:-.035em}.featured p{max-width:680px;color:#9da8a5}.featured-media{min-height:330px;overflow:hidden;background:#0c1112}.featured-media img{width:100%;height:100%;object-fit:cover;filter:grayscale(.45) contrast(1.08)}.scope{position:relative;width:100%;height:100%;min-height:355px;background:repeating-linear-gradient(0deg,transparent 0 39px,rgba(115,215,209,.09) 40px),repeating-linear-gradient(90deg,transparent 0 39px,rgba(115,215,209,.09) 40px)}.scope i{position:absolute;border:1px solid #536062;border-radius:50%}.scope i:nth-child(1){inset:45px}.scope i:nth-child(2){inset:85px}.scope i:nth-child(3){width:150px;height:150px;left:50%;top:50%;transform:translate(-50%,-50%)}.scope i:nth-child(4){width:8px;height:8px;left:63%;top:35%;background:var(--orange);border:0;box-shadow:0 0 22px var(--orange)}.scope span{position:absolute;left:12%;right:9%;top:50%;height:3px;background:linear-gradient(90deg,transparent 0 8%,var(--lime) 8% 25%,transparent 25% 27%,var(--lime) 27% 38%,transparent 38% 43%,var(--lime) 43% 69%,transparent 69% 71%,var(--lime) 71% 92%,transparent 92%);transform:skewY(-15deg)}.read,.item-card>div:last-child>a{display:inline-block;margin-top:8px;color:var(--lime);font:600 .68rem var(--mono);border-bottom:1px solid var(--lime)}
.item-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.item-card{min-height:390px;background:#161d1f;border:1px solid #3a4648}.item-media{position:relative;height:155px;overflow:hidden;background:#0f1415}.item-media>img{width:100%;height:100%;object-fit:cover;filter:grayscale(.65) contrast(1.12)}.item-media>b{position:absolute;left:13px;top:13px;display:grid;place-items:center;width:34px;height:27px;background:var(--lime);color:var(--black);font:700 .62rem var(--mono)}.item-card>div:last-child{padding:24px}.item-card h3{margin:9px 0 12px;font-size:1.06rem;line-height:1.34}.item-card h3 a:hover{color:var(--lime)}.item-card p{display:-webkit-box;overflow:hidden;-webkit-line-clamp:3;-webkit-box-orient:vertical;margin:0;color:#8f9b98;font-size:.82rem;line-height:1.55}.diagram{position:absolute;left:50%;top:50%;width:125px;height:90px;transform:translate(-50%,-50%);border:2px solid #667274}.diagram:before,.diagram:after,.diagram i{content:'';position:absolute}.diagram:before{left:17px;right:17px;top:17px;height:19px;border:2px solid var(--cyan)}.diagram:after{left:28px;right:28px;bottom:15px;height:20px;background:var(--orange)}.diagram i:nth-child(1){width:22px;height:22px;left:-12px;top:34px;border:4px solid var(--lime);border-radius:50%}.diagram i:nth-child(2){width:22px;height:22px;right:-12px;top:34px;border:4px solid var(--lime);border-radius:50%}.diagram i:nth-child(3){left:48px;top:-15px;width:27px;height:15px;background:#667274}.diagram.d2{border-radius:50%}.diagram.d3{transform:translate(-50%,-50%) rotate(-7deg)}.diagram.d4:after{background:var(--lime)}.empty{padding:25px;border:1px dashed #586466;color:#9da8a5}
.articles{padding:92px 0;background:var(--paper)}.article-grid{display:grid;grid-template-columns:.7fr 1.3fr;gap:80px}.articles header>p:last-child{max-width:380px;color:#697371}.article-list{border-top:1px solid var(--line)}.article-list>a{display:grid;grid-template-columns:45px 1fr 30px;align-items:center;gap:15px;min-height:88px;border-bottom:1px solid var(--line)}.article-list>a>span{font:600 .62rem var(--mono);color:#7d8784}.article-list small{font:600 .58rem var(--mono);color:#8c9593}.article-list h3{margin:3px 0 0;font-size:.98rem}.article-list>a>b{color:var(--orange)}.article-list>a:hover h3{color:#d94d1b}
.content-page{min-height:70vh;padding:55px 0 90px;background:var(--paper)}.page-grid{display:grid;grid-template-columns:165px 1fr;align-items:start;gap:40px}.page-grid>aside{position:sticky;top:25px;padding:20px;background:var(--black);color:var(--white);font-family:var(--mono)}.page-grid>aside>span{color:var(--lime);font-size:.58rem}.side-gauge{aspect-ratio:1;display:grid;place-items:center;align-content:center;margin:24px 0;border-radius:50%;background:conic-gradient(var(--orange) 0 30%,#384244 30% 78%,var(--lime) 78% 84%,#384244 84%)}.side-gauge:before{content:'';position:absolute}.side-gauge b{font-size:1.8rem}.side-gauge small{font-size:.5rem;color:#99a4a1}.page-grid>aside>p{font-size:.6rem;letter-spacing:.1em;color:#7f8c89}.breadcrumbs{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:17px;color:#727c79;font-size:.72rem}.article{background:var(--white);border:1px solid var(--line)}.article-head{padding:48px 55px 38px;border-bottom:1px solid var(--line)}.article-head h1{max-width:850px;margin:0;font-size:clamp(2rem,4.6vw,3.75rem);line-height:1.08;letter-spacing:-.05em}.article-head>div{max-width:790px;margin-top:23px;color:#626d6a}.article-body{padding:45px 55px}.article-body h2,.article-body h3{margin-top:1.6em;line-height:1.25}.article-body h2{font-size:1.7rem}.article-body h3{font-size:1.25rem}.article-body p,.article-body ul,.article-body ol{max-width:840px}.article-body img{max-width:100%;height:auto}.article-body blockquote{margin:28px 0;padding:17px 22px;border-left:5px solid var(--lime);background:#e1e4db}.article-body table{width:100%;border-collapse:collapse}.article-body td,.article-body th{padding:11px;border:1px solid var(--line);text-align:left}.article-body th{background:var(--black);color:var(--white)}.article-foot{display:flex;justify-content:space-between;padding:21px 55px;border-top:1px solid var(--line);font:600 .65rem var(--mono)}
.site-footer{padding:42px 0;background:#0a0e0f;color:#c5cecb}.footer-grid{display:grid;grid-template-columns:1.1fr 1fr 1fr auto;align-items:center;gap:30px}.brand.inverse>span{background:var(--lime);color:var(--black)}.brand.inverse b{color:var(--white)}.footer-grid>p{margin:0;color:#7f8c89;font-size:.8rem}.footer-grid nav{display:flex;gap:18px;font:600 .65rem var(--mono)}.footer-grid>span{color:#697572;font:500 .58rem var(--mono)}.cookie-banner{position:fixed;z-index:100;right:22px;bottom:22px;width:min(500px,calc(100% - 44px));display:flex;align-items:center;gap:20px;padding:17px 19px;background:var(--white);border:1px solid var(--line);box-shadow:0 18px 60px rgba(0,0,0,.27)}.cookie-banner b{font-size:.78rem}.cookie-banner p{margin:3px 0 0;color:#697371;font-size:.68rem}.cookie-banner>div:last-child{display:flex;gap:7px;flex:none}.cookie-banner button{padding:8px 10px;border:1px solid var(--line);background:transparent;font:600 .62rem var(--mono);cursor:pointer}.cookie-banner .accept{background:var(--black);color:var(--lime)}
@media(max-width:980px){.header-row{gap:18px}.main-nav{gap:15px}.diagnose{display:none}.hero-grid{grid-template-columns:.8fr 1.2fr;gap:35px}.system-grid{grid-template-columns:repeat(2,1fr)}.item-grid{grid-template-columns:repeat(2,1fr)}.featured{grid-template-columns:38% 62%}.article-grid{gap:45px}.footer-grid{grid-template-columns:1fr 1fr}.page-grid{grid-template-columns:130px 1fr}.article-head,.article-body{padding-left:36px;padding-right:36px}}
@media(max-width:720px){.shell{width:calc(100% - 28px)}.system-line b:nth-last-child(-n+2){display:none}.header-row{height:72px}.nav-toggle{display:block}.main-nav{position:absolute;left:0;right:0;top:72px;display:none;flex-direction:column;gap:0;padding:10px 20px 18px;background:var(--paper);border-bottom:1px solid var(--line)}.main-nav.is-open{display:flex}.main-nav a{width:100%;padding:11px 0;border-bottom:1px solid var(--line)}.hero-grid{grid-template-columns:1fr;padding:50px 0}.hero h1{font-size:3rem}.cluster{transform:none}.section-head{align-items:stretch;flex-direction:column}.system-grid{grid-template-columns:1fr 1fr}.system-grid button{min-height:210px;padding:17px}.lab,.systems,.articles{padding:62px 0}.featured{grid-template-columns:1fr}.featured>div:last-child{padding:30px 25px}.featured-media,.scope{min-height:260px}.item-grid{grid-template-columns:1fr}.article-grid{grid-template-columns:1fr}.page-grid{grid-template-columns:1fr}.page-grid>aside{display:none}.article-head,.article-body{padding:30px 24px}.article-foot{padding:20px 24px}.footer-grid{grid-template-columns:1fr;gap:20px}.cookie-banner{align-items:stretch;flex-direction:column}.cookie-banner>div:last-child{justify-content:flex-end}}
@media(max-width:430px){.hero h1{font-size:2.55rem}.hero-actions{align-items:flex-start;flex-direction:column}.gauges{grid-template-columns:1.2fr 1fr}.gauges .gauge:last-child{display:none}.system-grid{grid-template-columns:1fr}.system-grid button{min-height:190px}.footer-grid nav{flex-wrap:wrap}}