@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:300;src:url(/_astro/ibm-plex-mono-latin-300-normal.BRS-C4KA.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-300-normal.BPU54Tw3.woff)format("woff")}@font-face{font-family:IBM Plex Mono;font-style:normal;font-display:swap;font-weight:400;src:url(/_astro/ibm-plex-mono-latin-400-normal.DMJ8VG8y.woff2)format("woff2"),url(/_astro/ibm-plex-mono-latin-400-normal.CvHOgSBP.woff)format("woff")}:root{--bg:#0b0d0f;--panel:#14171a;--line:#2c3137;--line-strong:#565c63;--white:#fff;--ink:#c9cdd2;--sub:#a7adb3;--blue:#2f6fd0;--link:#8cb6f5;--sans:"Tankwise Sans", "Hiragino Sans", "Yu Gothic", sans-serif;--mono:"IBM Plex Mono", "Tankwise Sans", monospace}@font-face{font-family:Tankwise Sans;src:url(/fonts/tankwise-sans-400.woff2)format("woff2");font-weight:400;font-display:swap}@font-face{font-family:Tankwise Sans;src:url(/fonts/tankwise-sans-700.woff2)format("woff2");font-weight:700;font-display:swap}*{box-sizing:border-box;margin:0}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth;background:var(--bg)}body{background:var(--bg);color:var(--ink);font-family:var(--sans);overflow-wrap:anywhere;line-break:strict;font-size:16px;line-height:1.9}img{max-width:100%;height:auto;display:block}a{color:inherit}main a:not(.cta):not(.video):not(.item){color:var(--link);text-underline-offset:3px}:focus-visible{outline:3px solid var(--link);outline-offset:2px}.wrap{max-width:1280px;margin:0 auto;padding:0 40px}.skip{position:absolute;left:-999px}.skip:focus{color:#000;z-index:10;background:#fff;padding:8px 12px;top:8px;left:8px}.head{justify-content:space-between;align-items:center;gap:16px;padding:18px 0;display:flex}.head .logo img{width:auto;height:46px}.head nav{align-items:center;gap:28px;display:flex}.head ul{color:#d8dbdf;flex-wrap:wrap;gap:4px 26px;padding:0;font-size:14px;list-style:none;display:flex}.head ul a{padding:10px 0;text-decoration:none;display:block}.head ul a:hover{color:var(--white)}.head ul a[aria-current=page]{color:var(--white);box-shadow:0 1px 0 var(--white)}.head .nav-cta,.menu .nav-cta{background:var(--blue);color:#fff;white-space:nowrap;border-radius:2px;padding:8px 14px;font-size:13px;font-weight:700;line-height:1.5;text-decoration:none}.menu{display:none}h1,h2,h3{color:var(--white);font-weight:700;line-height:1.35}.page-top{padding:72px 0 40px}.page-h{font-size:52px;line-height:1.25}.page-lead{max-width:42em;margin-top:16px;font-size:18px}.sec{border-top:1px solid var(--line);grid-template-columns:3fr 9fr;column-gap:40px;padding:56px 0;display:grid}.sec>*{grid-column:2;min-width:0}.sec>h2{grid-area:1/1/span 12;font-size:22px}.sec>p+p{margin-top:8px}.sec.wide{display:block}.sec.wide>h2{margin-bottom:26px;font-size:30px}.tag{font-family:var(--mono);color:var(--sub);font-size:13px;line-height:1.6;display:block}.small{color:var(--sub);font-size:13px;line-height:1.75}.mt1{margin-top:12px}.mt2{margin-top:20px}.mt3{margin-top:28px}.mb3{margin:14px 0 30px}.cta{background:var(--blue);color:#fff;border-radius:2px;padding:15px 26px;font-weight:700;line-height:1.5;text-decoration:none;display:inline-block}.cta span{display:inline-block}.cta:hover,.nav-cta:hover{background:#255db3}.cta-box{border-top:1px solid var(--line);align-items:center;gap:24px;padding:32px 0;display:flex}.cta-box p{color:var(--sub);flex:1;font-size:13px;line-height:1.75}.hero{text-align:center;background:radial-gradient(55% 46% at 50% 70%,#24303a 0,#0000 100%);padding:52px 0 0}.hero .q{color:var(--sub);font-size:17px}.hero h1{letter-spacing:.01em;margin-top:10px;font-size:68px;line-height:1.25}.hero .shot{max-width:1120px;margin:34px auto 0;padding:0 24px}.hero .cg{text-align:right;max-width:1120px;color:var(--sub);margin:6px auto 0;padding:0 24px;font-size:12px}.hero .act{padding-top:30px;padding-bottom:56px}.hero .act p{color:var(--sub);margin-top:12px;font-size:13px}.nums{border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(4,1fr);display:grid}.nums div{border-left:1px solid var(--line);padding:32px 26px 30px}.nums div:first-child{border-left:0}.nums b{font-family:var(--mono);color:var(--white);letter-spacing:-.02em;white-space:nowrap;font-size:50px;font-weight:300;line-height:1.15;display:block}.nums b i{letter-spacing:0;color:var(--ink);margin-left:6px;font-size:20px;font-style:normal;font-weight:400}.nums span{color:var(--sub);font-size:13px}.intro{color:var(--ink);padding:56px 0 64px;font-size:20px;line-height:2}.night{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.night-in{grid-template-columns:1fr 1fr;min-height:560px;display:grid}.night-t{flex-direction:column;justify-content:center;padding:56px 40px 56px max(40px,50vw - 600px);display:flex}.night-t h2{margin:8px 0 14px;font-size:34px}.night-p{flex-direction:column;min-width:0;display:flex;position:relative}.night-view{aspect-ratio:16/10;background:#101214;flex:1;position:relative;overflow:hidden}.night-view img{object-fit:cover;opacity:0;visibility:hidden;width:100%;height:100%;transition:opacity .35s,visibility .35s;position:absolute;inset:0}.night-view:before{content:"";z-index:1;background:linear-gradient(90deg, var(--bg) 0, transparent 14%);position:absolute;inset:0}.night-view span{z-index:2;color:#e4e7e9;background:#000c;padding:3px 8px;font-size:12px;line-height:1.5;position:absolute;bottom:10px;right:12px}#l-morning:checked~.night-view .lv-morning,#l-noon:checked~.night-view .lv-noon,#l-evening:checked~.night-view .lv-evening,#l-moon:checked~.night-view .lv-moon{opacity:1;visibility:visible}.vh{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.light-bar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px 20px;padding:12px 16px 14px;display:flex}.light-bar p{color:var(--sub);font-size:12px;line-height:1.5}.light-tabs{gap:8px;display:flex}.light-tabs label{min-width:64px;min-height:44px;color:var(--link);border:1px solid var(--line-strong);cursor:pointer;border-radius:2px;justify-content:center;align-items:center;padding:0 10px;font-size:14px;display:flex}.light-tabs label:hover{border-color:var(--link)}#l-morning:checked~.light-bar label[for=l-morning],#l-noon:checked~.light-bar label[for=l-noon],#l-evening:checked~.light-bar label[for=l-evening],#l-moon:checked~.light-bar label[for=l-moon]{background:var(--blue);border-color:var(--blue);color:#fff;font-weight:700}#l-morning:focus-visible~.light-bar label[for=l-morning],#l-noon:focus-visible~.light-bar label[for=l-noon],#l-evening:focus-visible~.light-bar label[for=l-evening],#l-moon:focus-visible~.light-bar label[for=l-moon]{outline:3px solid var(--link);outline-offset:2px}.lights{grid-template-columns:repeat(4,1fr);gap:12px;margin-top:18px;display:grid}.lights figcaption{color:var(--sub);margin-top:6px;font-size:13px;line-height:1.6}.grid{column-gap:40px;display:grid}.g4{grid-template-columns:repeat(4,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g2{grid-template-columns:repeat(2,1fr)}.item{border-top:1px solid var(--line);padding:20px 0 24px;text-decoration:none}.item b{color:var(--white);margin:6px 0;font-size:18px;line-height:1.5;display:block}.item p{color:var(--sub);font-size:14px;line-height:1.8}.pair{grid-template-columns:1fr 1fr;gap:32px;margin-bottom:56px;display:grid}.pair figcaption,.cover figcaption{color:var(--sub);margin-top:8px;font-size:13px;line-height:1.6}.cover b{color:var(--white)}.cover img{background:var(--panel);aspect-ratio:2;object-fit:contain;width:100%;padding:8px}.covers{gap:24px;margin-top:18px}.shotfig{margin-top:18px}.shotfig figcaption{color:var(--sub);text-align:right;margin-top:4px;font-size:12px}.narrowfig{max-width:360px}.midfig{max-width:620px}.narrowfig figcaption{text-align:left}.module{grid-template-columns:130px 1fr;align-items:start;gap:16px;display:grid}.module img{object-fit:contain;width:130px;height:auto}.steps{margin-top:8px;padding-left:1.4em}.steps li{margin:6px 0}.spec{border-collapse:collapse;width:100%;font-size:15px}.spec caption{text-align:left;color:var(--sub);padding-bottom:10px;font-size:13px}.spec th,.spec td{text-align:left;vertical-align:top;border-top:1px solid var(--line);padding:12px 16px 12px 0;font-weight:400;line-height:1.7}.spec th{width:30%;color:var(--sub)}.flow{border-top:1px solid var(--line-strong);grid-template-columns:repeat(5,1fr);padding:0;list-style:none;display:grid}.flow li{padding:14px 12px 14px 0}.flow b{color:var(--sub);font-size:18px;line-height:1.5;display:block}.flow span{color:var(--sub);font-size:13px;line-height:1.6;display:block}.flow .now{box-shadow:0 -3px 0 var(--white)}.flow .now b,.flow .now span{color:var(--white)}.news{padding:0;list-style:none}.news li{border-top:1px solid var(--line);grid-template-columns:170px 1fr;gap:12px;padding:16px 0;display:grid}.news time{color:var(--sub);font-size:14px}.videos{grid-template-columns:repeat(4,1fr);gap:28px 20px;margin-top:14px;display:grid}.video{color:inherit;text-decoration:none;display:block}.video img{aspect-ratio:9/16;object-fit:cover;background:var(--panel);width:100%}.video .tag{margin-top:10px}.video b{color:var(--white);font-size:14px;font-weight:400;line-height:1.6;display:block}.video:hover b{text-decoration:underline}.sec:not(.wide) .videos{grid-template-columns:repeat(3,1fr)}.qa{border-top:1px solid var(--line);grid-template-columns:5fr 7fr;gap:8px 40px;padding:22px 0;display:grid}.qa h2{font-size:17px;line-height:1.6}.qa p{font-size:15px}.doc{max-width:760px;padding-bottom:20px}.doc h2{margin:34px 0 6px;font-size:20px}.doc ul{padding-left:1.3em}.foot{border-top:1px solid var(--line);margin-top:64px;padding:36px 0 40px;font-size:14px}.foot-in{flex-wrap:wrap;justify-content:space-between;gap:40px;display:flex}.foot img{width:auto;height:46px}.foot ul{padding:0;list-style:none}.foot ul a{padding:3px 0;text-decoration:none;display:inline-block}.foot ul a:hover{color:var(--white)}.foot .cols{flex-wrap:wrap;gap:56px;display:flex}.foot .note{color:var(--sub);margin-top:24px;font-size:12px}.pre{opacity:0;transform:translateY(14px)}.show{opacity:1;transition:opacity .6s,transform .6s;transform:none}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.pre{opacity:1;transform:none}.show,.night-view img{transition:none}}@media (width<=1100px){.g4{grid-template-columns:repeat(2,1fr)}}@media (width<=900px){.sec{display:block}.sec>h2{margin-bottom:14px}.head nav.pc{display:none}.menu{display:block;position:relative}.menu summary{cursor:pointer;color:var(--white);border:1px solid var(--line-strong);border-radius:2px;min-height:44px;padding:9px 14px;font-size:14px;line-height:24px;list-style:none}.menu summary::-webkit-details-marker{display:none}.menu ul{z-index:5;background:var(--panel);border:1px solid var(--line-strong);width:240px;padding:12px 16px;font-size:14px;list-style:none;display:block;position:absolute;top:52px;right:0}.menu ul a{padding:10px 0;text-decoration:none;display:block}.menu .nav-cta{text-align:center;margin-bottom:6px;padding:11px 14px}}@media (width<=760px){.wrap{padding:0 20px}.head{padding:12px 0}.head .logo img{height:42px}.page-top{padding:28px 0 22px}.page-h{font-size:31px}.page-lead{margin-top:10px;font-size:16px}.sec{padding:36px 0}.sec>h2,.sec.wide>h2{font-size:22px}.hero{padding-top:26px}.hero .q{font-size:15px}.hero h1{font-size:37px}.hero .shot{margin-top:22px;padding:0 14px}.hero .cg{padding:0 14px}.hero .act{padding-top:22px;padding-bottom:34px}.nums{grid-template-columns:1fr 1fr}.nums div{border-left:0;padding:20px 14px}.nums div:nth-child(2n){border-left:1px solid var(--line)}.nums div:nth-child(n+3){border-top:1px solid var(--line)}.nums b{font-size:31px}.nums b i{margin-left:4px;font-size:13px}.nums span{font-size:12px}.intro{padding:32px 0 36px;font-size:16px}.cta{text-align:center;display:block}.cta-box{display:block}.cta-box p{margin-top:12px}.night-in{grid-template-columns:1fr;min-height:0}.night-p{order:-1}.night-view{aspect-ratio:5/4;flex:none}.night-view:before{display:none}.light-bar{padding:10px 20px 0}.light-tabs{width:100%}.light-tabs label{flex:1;min-width:0}.lights{grid-template-columns:1fr 1fr}.night-t{padding:16px 20px 40px}.night-t h2{font-size:25px}.g4,.g3,.g2{grid-template-columns:1fr}.pair{grid-template-columns:1fr;gap:18px;margin-bottom:36px}.flow{border-top:0;border-left:1px solid var(--line-strong);grid-template-columns:1fr}.flow li{padding:8px 0 8px 14px}.flow .now{box-shadow:-3px 0 0 var(--white)}.spec th{width:36%}.news li{grid-template-columns:1fr;gap:0}.qa{grid-template-columns:1fr}.videos,.sec:not(.wide) .videos{grid-template-columns:repeat(2,1fr);gap:20px 12px}.foot .cols{gap:32px}}.sec-top0{border-top:0}@media (width<=360px){.nums div{padding:20px 10px}.nums b{font-size:26px}.nums b i{font-size:12px}}
