/* KDMA · Blue / 2026.11.03 */
:root{--ink:#172435;--muted:#67768b;--mint:#0677ed;--green:#0671de;--paper:#fff;--line:#dce6f2;--dark:#f5f9ff;color-scheme:light;background:#fff}
@view-transition{navigation:auto}
::view-transition-old(root){animation:page-out .16s ease both}::view-transition-new(root){animation:page-in .32s ease both}
@keyframes page-out{to{opacity:0;transform:translateY(-8px)}}@keyframes page-in{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
html{scroll-behavior:smooth}body{background:#fff}a,button{touch-action:manipulation}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #1685f5;outline-offset:5px}
.header,body.kdma-interior .site-header.kdma-header{background:rgba(255,255,255,.88);color:#172435;border-bottom:1px solid #e5edf6;backdrop-filter:blur(20px) saturate(160%);height:76px}
.kdma-interior .kdma-header .site-nav{height:76px}.brand,.kdma-interior .kdma-header .kdma-brand{color:#15283e}.brand small,.kdma-interior .kdma-brand small{color:#69849f}
.nav,.language,.kdma-interior .kdma-header #site-menu a,.kdma-interior .kdma-header .language-switch,.kdma-interior .kdma-header .kdma-search{color:#4d6178}
.nav a:hover,.resource-trigger:hover,.text-action:hover{color:#0071e3}.nav-buy,.primary,.black,.kdma-interior .kdma-header .kdma-buy{background:#0071e3;color:#fff;border-radius:28px;box-shadow:0 4px 14px #0071e315}
.nav-buy:hover,.primary:hover,.black:hover,.kdma-interior .kdma-header .kdma-buy:hover{background:#1683ee;color:#fff}.btn{border-radius:28px;padding:15px 28px;font-size:14px;min-height:48px}.notice{background:#f2f7fd;color:#63778e}.notice-mark,.notice a{color:#0071e3}.notice a.warning-entry{border:0;border-radius:20px;background:#e2efff;color:#0064cc;font-weight:500}
body:not(.kdma-interior) .hero{background:linear-gradient(180deg,#fff 0%,#f6faff 62%,#eaf3ff 100%);color:#172435}.hero-inner{display:flex;flex-direction:column;min-height:790px;padding-top:52px;padding-bottom:44px}.hero-copy{text-align:center;width:100%}body:not(.kdma-interior) .hero .eyebrow{justify-content:center;font-size:11px;letter-spacing:2.3px;color:#5282b6}.live-dot{background:#1685f5;box-shadow:0 0 0 5px #1685f510}body:not(.kdma-interior) .hero h1{display:flex;justify-content:center;align-items:baseline;gap:16px;font-size:clamp(48px,7vw,94px);font-weight:650;letter-spacing:-5px;line-height:1.1;margin:18px 0 14px}.hero-model{display:inline;font-size:inherit;font-weight:350;letter-spacing:-5px;color:#0877e6}.model-dot{display:none}body:not(.kdma-interior) .hero h2{font-size:clamp(24px,3vw,38px);letter-spacing:-.8px;font-weight:550;margin-bottom:17px}.hero-description{font-size:14px;line-height:1.9;color:#6c8098}.hero-actions{justify-content:center;margin-top:23px;gap:27px}.text-action{color:#0071e3;font-size:14px}.hero-stage{width:100%;height:310px;min-height:310px;align-self:center;max-width:1080px;margin-top:24px}.hero-board{width:90%;max-width:1000px;left:50%;top:47%;filter:drop-shadow(0 24px 22px #25497428);transform:translate(-50%,-50%)}.stage-light{background:radial-gradient(ellipse,#72b4ff25,transparent 65%);width:100%;height:100%;left:50%}.stage-tag{top:18px;right:0;color:#5d7fa4;background:#ffffff90;border:1px solid #c9def5;border-radius:20px;font-size:9px}.stage-tag i{background:#1685f5}.stage-caption{left:0;bottom:0;color:#7390b0;font-size:9px}.hero-scroll{position:static;align-self:center;width:auto;gap:14px;color:#7c98b8;font-size:9px;margin-top:22px}.hero-scroll:after{display:none}.hero-scroll>span:last-child{color:#1685f5}
.metrics{background:#fff;border-color:#e5edf6}.metrics-grid{padding:36px 0}.metric{border-color:#deE8f4}.metric p{font-size:36px;color:#193653}.metric-label,.metric small{color:#4c739b}.metric-note{color:#7c8da2;font-size:10px}
.section{padding:100px 0}.section-heading h2,.spec-heading h2,.faq-section h2{font-weight:600;letter-spacing:-1.5px}.section-heading h2{font-size:42px}.section-heading>p{font-size:14px;max-width:370px}.eyebrow,.dark-label{color:#0071e3}.design-section,.kit-section,.resources-section,.faq-section{background:#fff}.product-gallery{background:#f4f7fb;border:0;border-radius:24px}.product-gallery>img{height:470px;padding:35px 55px 8px}.gallery-top{color:#6883a1}.gallery-bottom{border-color:#e1e9f2;padding:24px 32px}.gallery-bottom p{font-size:12px;color:#69809b}.gallery-tabs{padding:4px;background:#e7edf5;border-radius:30px}.gallery-tabs button{border-radius:24px;font-size:12px;padding:10px 22px;color:#637d9a}.gallery-tabs button[aria-pressed=true]{background:#fff;color:#0071e3;border-color:transparent;box-shadow:0 2px 7px #214c6f12}.detail-row{gap:35px;margin-top:40px}.detail-index{color:#3d8de1}.detail-row h3{font-size:16px}.detail-row p{font-size:13px;color:#74869a}
.spec-section{background:#f5f9ff;border-color:#e6eff9}.spec-table>div,.spec-table>div:first-child{border-color:#dce7f4}.spec-table span{font-size:13px;color:#637e9b}.spec-table strong{font-size:14px}.spec-heading p:not(.eyebrow),.spec-table small{color:#75879e}.line-link{color:#0071e3;border-color:#a6cbf3;font-size:13px}.line-link:hover{color:#005ab5;border-color:#005ab5}.proof-link{background:#fff;border:0;border-radius:18px;padding:28px}.proof-icon{color:#1685f5}.proof-link h3{font-size:15px}.proof-link p{color:#7088a0;font-size:12px}.kit-visual{background:linear-gradient(145deg,#eaf3ff,#f4f8ff);border-radius:24px}.kit-visual .eyebrow,.kit-image-label{color:#6889ad}.kit-info h2{font-size:34px}.kit-list li{color:#546d87;font-size:14px}.kit-list li>span:first-child{color:#0071e3}.fine{color:#7c8fa5;font-size:11px}.kit-info>p:not(.eyebrow):not(.fine){color:#75899e;font-size:14px}
.resources-section{padding-top:20px}.resource{background:#f5f8fc;border:1px solid transparent;border-radius:20px;padding:30px 25px 24px;transition:transform .3s,box-shadow .3s,background .3s}.resource:hover{background:#eff6ff;border-color:#c7dfff;transform:translateY(-6px);box-shadow:0 15px 35px #1c65b00b}.resource-top svg,.resource-bottom>span:last-child{color:#0877e6}.resource p{color:#71859e;font-size:13px;min-height:52px}.resource-bottom{border-color:#dfe8f3;color:#718ba6;font-size:10px}.resource-extra{font-size:12px;color:#7c8fa5}.resource-extra>div{color:#467aaE}
.support-section{background:linear-gradient(135deg,#edf5ff,#f5faff);color:#173450}.support-section .eyebrow,.contact-state{color:#4287d1}.support-section .section-heading>p,.support-grid p{color:#68819d;font-size:14px}.support-grid,.contact-bar{border-color:#d5e5f7}.support-grid article>span{color:#1685f5}.support-grid h3{font-size:19px}.contact-state i{background:#1685f5}.copy-button,.copy-status{color:#0071e3}.faq-list details,.faq-list details:first-child{border-color:#e0e9f3}.faq-list summary{font-size:15px}.faq-list summary b{color:#1685f5}.faq-list details p{color:#70859e;font-size:13px}
.footer{background:#f5f8fc;color:#73869d}.footer-top,.footer-bottom{border-color:#e0e8f2}.footer-wordmark{color:#253e59}.footer-nav h4,.footer-nav a{color:#667e98}.footer-nav a:hover{color:#0071e3}.footer-top>div p,.footer-top>div>span,.footer-bottom{color:#8293a6}.back-top{background:#e6f0fc;color:#0071e3;border-color:#cadff5}
/* Same white-and-blue shell throughout the resource and support pages. */
body.kdma-interior{--brand-dark:#0071e3;--brand-mint:#e5f1ff;--brand-paper:#fff;--brand-ink:#172435;--brand-green:#0071e3;--brand-muted:#6c8098;--brand-line:#dce7f4;--docs-blue:#0071e3;--blue:#0071e3;--accent:#0071e3;background:#fff}
.kdma-interior .kdma-footer{background:#f4f8fd}.kdma-interior :where(.button,.auth-button,.ext-button){border-radius:26px}.kdma-interior :where(.note,.notice,.callout,.ext-related){border-radius:14px}.kdma-interior .kdma-header #site-menu a:hover,.kdma-interior .kdma-header #site-menu a[aria-current]{color:#0071e3}.kdma-interior .kdma-header .nav-toggle{color:#225a93}
.resource-trigger,.kdma-interior .kdma-header #site-menu .resource-trigger{color:#4d6178}.resource-submenu{background:#fff;border-color:#dce7f4;border-radius:16px;box-shadow:0 20px 60px #1545741a}.resource-submenu strong{color:#284967}.resource-submenu small{color:#7a91aa}.resource-item-arrow{color:#0071e3}.header .nav .resource-submenu a,.kdma-interior .kdma-header #site-menu .resource-submenu a{color:#35628c;border-radius:10px}.header .nav .resource-submenu a:hover,.kdma-interior .kdma-header #site-menu .resource-submenu a:hover{background:#eff6ff;color:#0071e3}
/* Progressive motion: the content remains visible when JavaScript is absent. */
.motion-ready .reveal-pending{opacity:0;transform:translateY(26px)}.motion-ready .reveal{transition:opacity .65s ease,transform .75s cubic-bezier(.2,.7,.2,1)}.motion-ready .reveal-visible{opacity:1;transform:none}.hero-copy{animation:page-in .7s both}.hero-stage{animation:product-arrive 1s cubic-bezier(.2,.65,.25,1) both}@keyframes product-arrive{from{opacity:0;transform:translateY(24px) scale(.97)}to{opacity:1;transform:none}}#gallery-image{transition:opacity .25s ease,transform .45s ease}.gallery-changing{opacity:.2;transform:scale(.97)}
@media(min-width:681px){.resource-trigger[aria-expanded=true]{color:#0071e3}}
@media(max-width:1100px){.hero-inner{min-height:760px}.hero-stage{height:280px;min-height:280px}.section-heading h2{font-size:36px}}
@media(max-width:680px){.header,body.kdma-interior .site-header.kdma-header,.kdma-interior .kdma-header .site-nav{height:68px}.nav,.nav.open,.kdma-interior .kdma-header #site-menu{background:#fff}.menu-button{color:#284f78}.menu-button span{background:#284f78}.nav a{color:#395e83}.hero-inner{min-height:650px;padding-top:40px;padding-bottom:26px}body:not(.kdma-interior) .hero h1{font-size:54px;gap:10px;letter-spacing:-3px;margin:22px 0 18px}.hero-model{letter-spacing:-3px}body:not(.kdma-interior) .hero h2{font-size:27px}body:not(.kdma-interior) .hero .eyebrow{font-size:8px;letter-spacing:1.3px}.hero-description{font-size:12px}.hero-actions{gap:18px;margin-top:23px}.hero-actions .btn{padding:13px 19px;min-height:44px;font-size:12px}body:not(.kdma-interior) .hero .text-action{font-size:12px;gap:9px}.hero-stage{height:220px;min-height:220px;margin-top:28px}.hero-board{width:110%;max-width:none}.stage-tag{top:0;font-size:7px;padding:7px 9px}.stage-caption{font-size:7px;bottom:8px}.hero-scroll{margin-top:7px;font-size:7px}.notice .container{padding-block:8px;gap:8px;font-size:9px}.notice a.warning-entry{font-size:9px}.section{padding:62px 0}.section-heading h2{font-size:29px}.section-heading>p{font-size:13px}.metrics-grid{padding:27px 0}.metric p{font-size:23px;letter-spacing:-.7px}.metric small{font-size:9px}.metric-label{font-size:10px}.metric-note{font-size:8px}.product-gallery{border-radius:18px}.product-gallery>img{height:280px;padding:30px 10px 5px}.gallery-bottom{padding:18px}.gallery-tabs{width:100%}.gallery-tabs button{font-size:11px;padding:9px}.gallery-bottom p{font-size:11px}.detail-row p,.resource p,.support-grid p{font-size:12px}.spec-table span,.spec-table strong{font-size:12px}.proof-link{padding:22px}.proof-link h3{font-size:13px}.proof-link p{font-size:11px}.kit-info h2{font-size:29px}.kit-list li{font-size:13px}.fine{font-size:10px}.resource{border-radius:17px;padding:23px 18px}.resource p{min-height:67px}.resource-bottom{font-size:9px}.resources-section{padding-top:10px}.support-grid h3{font-size:16px}.faq-list summary{font-size:13px}.faq-list details p{font-size:12px}.resource-submenu{background:#f4f8fe}.resource-trigger,.kdma-interior .kdma-header #site-menu .resource-trigger{color:#395e83;border-color:#e5edf6}.kdma-interior .kdma-header #site-menu{border-color:#e0eaf5}.footer-nav>div,.footer-nav h4{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}.motion-ready .reveal-pending{opacity:1;transform:none}::view-transition-group(*){animation:none!important}}
.header .nav>a.nav-warning,.kdma-interior .kdma-header #site-menu>a.nav-warning{color:#347bbd}
body.kdma-interior.brand-download .dl-hero,body.kdma-interior.brand-firmware .ext-hero{background:linear-gradient(125deg,#edf5ff,#f7fbff);border-color:#dceafb;border-radius:22px;color:#244765}
body.kdma-interior.brand-download .dl-hero h1,body.kdma-interior.brand-firmware .ext-hero h1{color:#173c60;font-weight:600}
body.kdma-interior.brand-download .dl-hero p,body.kdma-interior.brand-firmware .ext-hero .ext-intro{color:#69839f}
body.kdma-interior.brand-download .dl-hero .eyebrow,body.kdma-interior.brand-firmware .ext-hero .ext-kicker{color:#247ed9}
body.kdma-interior.brand-download .dl-platform,body.kdma-interior.brand-firmware .flash-promise{background:#e5f0fd;color:#4780b9;border-color:#c9dff6;border-radius:20px}
body.kdma-interior.purchase-center .buy-hero,body.kdma-interior.purchase-center .buy-help-links{background:#f1f7ff;color:#173c60}
body.kdma-interior.purchase-center .buy-hero h1{color:#173c60;font-weight:600}body.kdma-interior.purchase-center .buy-intro{color:#69839f}body.kdma-interior.purchase-center .buy-hero .buy-eyebrow{color:#247ed9}
body.kdma-interior.purchase-center .buy-orders-link,body.kdma-interior.purchase-center .buy-help-links a{background:#fff;color:#247ed9;border-color:#c9dff6;border-radius:24px}
body.kdma-interior.brand-download #submit-download,body.kdma-interior.brand-firmware #dll-password-submit,body.kdma-interior.brand-search .search-submit{background:#0071e3;border-color:#0071e3;color:white;border-radius:24px}
@media(min-width:1101px){.hero-stage{min-height:350px;height:350px;margin-top:36px}.hero-board{width:85%}.hero-inner{min-height:820px}}

/* Restore tablet alignment after the original two-column breakpoints. */
.hero-copy .hero-description{max-width:640px;margin-inline:auto}
.hero-copy .hero-actions{flex-direction:row;align-items:center;justify-content:center;flex-wrap:wrap}
body.home-menu-open{overflow:hidden}
@media(max-width:680px){.header .nav{top:68px;max-height:calc(100dvh - 68px);overflow-y:auto;overscroll-behavior:contain}.hero-copy .hero-description{max-width:340px}.home-community>div{min-width:0}.home-community>.line-link{margin-left:33px!important}}

/* Use the compact navigation before translated labels run out of room. */
@media(min-width:681px) and (max-width:1000px){
.header .menu-button{display:block;flex:none;width:24px;height:30px;padding:0;border:0;background:none;color:#284f78}.header .menu-button span{display:block;width:22px;height:1px;background:currentColor;margin:6px 0}
.header .nav{display:none;position:fixed;top:76px;left:0;right:0;width:100%;max-height:calc(100dvh - 76px);overflow-y:auto;overscroll-behavior:contain;padding:16px 28px 22px;background:white;box-shadow:0 20px 30px #16344d14;flex-direction:column;align-items:stretch;gap:0}
.header .nav.open{display:flex}.header .nav>a{font-size:14px;padding:15px 0;border-bottom:1px solid #e5edf6}.header .nav-actions{gap:18px}.header .nav-buy{font-size:12px}
.header .nav .resource-trigger{width:100%;justify-content:space-between;font-size:14px;padding:15px 0}.header .nav .resource-submenu{position:static;transform:none;width:100%;margin:4px 0 12px;background:#f4f8fe;box-shadow:none}
.kdma-interior .kdma-header .nav-toggle{display:block;flex:none}.kdma-interior .kdma-header #site-menu{display:none;position:fixed;top:76px;left:0;right:0;max-height:calc(100dvh - 76px);width:100%;padding:16px 28px 22px;flex-direction:column;gap:0;align-items:stretch;overflow-y:auto;background:white;box-shadow:0 15px 25px #16344d14}
.kdma-interior .kdma-header #site-menu.is-open{display:flex}.kdma-interior .kdma-header #site-menu a{font-size:14px;padding:15px 0}.kdma-interior .kdma-header #site-menu .resource-trigger{width:100%;justify-content:space-between;font-size:14px;padding:15px 0}.kdma-interior #site-menu .resource-submenu{position:static;transform:none;width:100%;margin:4px 0 12px;background:#f4f8fe;box-shadow:none}
}

body.kdma-interior .kdma-header #site-menu .resource-trigger:hover,body.kdma-interior .kdma-header #site-menu .resource-trigger[aria-expanded=true]{color:#0071e3}
body.home-menu-open #kdma-chat:not(.kc-open),body:has(.kdma-header #site-menu.is-open) #kdma-chat:not(.kc-open){visibility:hidden}
body:has(.kdma-header #site-menu.is-open){overflow:hidden}
@media(min-width:681px) and (max-width:1000px){.header .nav .resource-dropdown,.kdma-interior #site-menu .resource-dropdown{align-self:stretch}}

@media(max-width:380px){html[lang=en] .brand small,html[lang=en] .kdma-interior .kdma-brand small{display:none}.header .nav-actions{gap:9px}.header .nav-buy{padding:10px 9px;font-size:9px}.kdma-interior .kdma-nav-actions{gap:8px}.kdma-interior .kdma-header .kdma-buy{padding:10px 9px;font-size:9px}}

body.kdma-interior .kdma-header .nav-toggle{flex-direction:column;justify-content:center;align-items:center;gap:5px}
body.kdma-interior .kdma-header .nav-toggle i{flex:none;width:21px;height:1px;margin:0}
@media(min-width:1001px){body.kdma-interior .kdma-header .nav-toggle{display:none!important}}