:root{--bg: #ffffff;--panel: #ffffff;--muted: #f6f8fb;--text: #0f172a;--subtext: #475569;--line: rgba(15, 23, 42, .14);--accent: #0089c9;--accent-2: #0e7caf;--accent-3: #a8cbdb;--accent-4: #d1e4eb;--radius: 16px;--shadow: 0 18px 40px rgba(2, 6, 23, .08);--container: min(1120px, calc(100% - 2rem) )}html{color-scheme:light}*,*:before,*:after{box-sizing:border-box}body{margin:0;font-family:ui-sans-serif,system-ui,-apple-system,Segoe UI,Roboto,Arial,"Apple Color Emoji","Segoe UI Emoji";background:var(--bg);color:var(--text);line-height:1.5}a{color:inherit;text-decoration:none}a:hover{text-decoration:underline;text-underline-offset:3px}.container{width:var(--container);margin-inline:auto}.skip-link{position:absolute;left:1rem;top:1rem;padding:.75rem 1rem;background:var(--panel);border:1px solid var(--line);border-radius:999px;transform:translateY(-200%)}.skip-link:focus{transform:translateY(0);outline:2px solid color-mix(in oklab,var(--accent) 40%,transparent);outline-offset:2px}.site-header{position:sticky;top:0;z-index:50;backdrop-filter:blur(10px);background:color-mix(in oklab,var(--bg) 92%,transparent);border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.9rem 0}.brand{display:inline-flex;align-items:center;gap:.75rem;min-width:220px}.brand-mark{width:42px;height:42px;border-radius:14px;background:linear-gradient(135deg,var(--accent),var(--accent-2));box-shadow:0 10px 22px #0206171a}.brand-text strong{display:block;font-size:1rem;letter-spacing:.2px}.brand-text small{display:block;color:var(--subtext);font-size:.8rem;margin-top:.1rem}.nav-toggle{display:none}.nav-toggle-btn{display:none;width:44px;height:44px;border-radius:12px;border:1px solid var(--line);background:var(--panel);align-items:center;justify-content:center;gap:5px;cursor:pointer}.nav-toggle-btn span{display:block;width:18px;height:2px;background:var(--text);opacity:.8}.nav-list{list-style:none;display:flex;align-items:center;gap:.25rem;padding:0;margin:0}.nav-list>li>a{display:inline-flex;align-items:center;gap:.4rem;padding:.7rem .85rem;border-radius:999px;color:var(--text);opacity:.95}.nav-list>li>a:hover{background:var(--accent-4);text-decoration:none}.has-dropdown{position:relative}.has-dropdown>a:after{content:"▾";font-size:.8em;opacity:.75}.dropdown{position:absolute;left:0;min-width:270px;padding:.6rem;margin:0;list-style:none;background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:none}.dropdown a{display:block;padding:.6rem .7rem;border-radius:12px;color:var(--text)}.dropdown a:hover{background:var(--accent-4);text-decoration:none}.dropdown-title{padding:.55rem .7rem .3rem;color:var(--subtext);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase}.has-dropdown:hover .dropdown,.has-dropdown:focus-within .dropdown{display:block}.nav-cta{margin-left:.25rem}.button{display:inline-flex;align-items:center;justify-content:center;padding:.7rem 1rem;border-radius:999px;border:1px solid transparent;background:linear-gradient(135deg,var(--accent),var(--accent-2));color:#fff;font-weight:650;letter-spacing:.2px;text-decoration:none;box-shadow:0 10px 22px #0206171a}.button:hover{text-decoration:none;filter:brightness(1.02)}.button--ghost{background:var(--accent-3);color:var(--text);border-color:var(--line);box-shadow:none}.button--ghost:hover{background:var(--accent-4)}.hero{display:inline-grid}.hero-inner{display:grid;gap:1.5rem;grid-template-columns:1.1fr .9fr;align-items:center}.hero-copy h1{font-size:clamp(2rem,3.4vw,3rem);line-height:1.08;margin:0 0 .75rem}.hero-copy p{margin:0 0 1.1rem;color:var(--subtext);max-width:58ch}.hero-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.2rem}.hero-stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0}.hero-stats>div{padding:.85rem .9rem;border-radius:var(--radius);border:1px solid var(--line);background:var(--panel)}.hero-stats dt{color:var(--subtext);font-size:.85rem;margin:0 0 .2rem}.hero-stats dd{margin:0;font-weight:650}.hero-media .media-placeholder{height:min(360px,46vw);border-radius:calc(var(--radius) + 4px);border:1px dashed rgba(15,23,42,.22);background:linear-gradient(180deg,#02061708,#02061704);display:grid;place-items:center;color:#0f172a8c}.hero-media img{max-height:min(360px,46vw);max-width:100%;object-fit:contain;overflow:clip}.carousel{overflow-x:auto;overscroll-behavior-x:contain;scroll-snap-type:x mandatory;anchor-name:--carousel;gap:1.5rem;scrollbar-width:none;-ms-overflow-style:none;display:inline-grid;align-items:center;display:grid;grid-auto-flow:column;grid-auto-columns:var(--container);>.carousel__slide{scroll-snap-align:start;padding-left:50px;display:inline-grid;counter-increment:item}}.carousel__slide:last{padding-right:50px}.carousel--scroll-buttons{&::scroll-button(*){position:fixed;position-anchor:--carousel;position-visibility:always;font-family:Material Symbols Outlined}&::scroll-button(right){position-area:inline-end center;content:url(data:image/svg+xml;base64,PHN2ZyB2ZXJzaW9uPSIxLjEiIGlkPSJpY29uc18xXyIgeG1sbnM9Imh0dHA6Ly93d3cudzMub3JnLzIwMDAvc3ZnIiB4PSIwIiB5PSIwIiB2aWV3Qm94PSIwIDAgMTI4IDEyOCIgc3R5bGU9ImVuYWJsZS1iYWNrZ3JvdW5kOm5ldyAwIDAgMTI4IDEyOCIgeG1sOnNwYWNlPSJwcmVzZXJ2ZSI+PHN0eWxlPi5zdDB7ZGlzcGxheTpub25lfS5zdDF7ZGlzcGxheTppbmxpbmV9LnN0MntmaWxsOiMwYTBhMGF9PC9zdHlsZT48ZyBpZD0icm93MV8xXyI+PGcgaWQ9Il94MzFfXzNfIj48cGF0aCBjbGFzcz0ic3QyIiBkPSJNNjQgMEMyOC43IDAgMCAyOC43IDAgNjRzMjguNyA2NCA2NCA2NCA2NC0yOC43IDY0LTY0Uzk5LjMgMCA2NCAwem0wIDEyMS42QzMyLjIgMTIxLjYgNi40IDk1LjggNi40IDY0UzMyLjIgNi40IDY0IDYuNHM1Ny42IDI1LjggNTcuNiA1Ny42LTI1LjggNTcuNi01Ny42IDU3LjZ6TTQ5LjIgMzguNCA3My42IDY0IDQ5LjIgODkuNmgxMy41TDg2LjQgNjQgNjIuNyAzOC40SDQ5LjJ6IiBpZD0iX3gzMl9fMl8iLz48L2c+PC9nPjwvc3ZnPg==);width:64px;height:64px;border-style:none;background-color:transparent}&::scroll-button(left){position-area:inline-start center;content:url(data:image/svg+xml;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIHZpZXdCb3g9IjAgMCAzMiAzMiI+PGcgZGF0YS1uYW1lPSI5MS1BcnJvdyBMZWZ0Ij48cGF0aCBkPSJNMTYgMzJhMTYgMTYgMCAxIDEgMTYtMTYgMTYgMTYgMCAwIDEtMTYgMTZ6bTAtMzBhMTQgMTQgMCAxIDAgMTQgMTRBMTQgMTQgMCAwIDAgMTYgMnoiLz48cGF0aCBkPSJtMTguMjkgMjQuNzEtOC04YTEgMSAwIDAgMSAwLTEuNDFsOC04IDEuNDEgMS40MUwxMi40MSAxNmw3LjI5IDcuMjl6Ii8+PC9nPjwvc3ZnPg==);width:64px;height:64px;border-style:none;background-color:transparent}}.carousel--scroll-markers{scroll-marker-group:after;&::scroll-marker-group{position:fixed;position-anchor:--carousel;position-area:block-end;position-visibility:always;margin:10px;display:grid;grid-auto-columns:20px;grid-auto-flow:column;gap:20px}>.carousel__slide{&::scroll-marker{content:"" / attr(data-label)}&::scroll-marker:target-current{background:var(--accent)}}}.section{padding:clamp(2.5rem,4vw,4.2rem) 0}.section--muted{background:var(--muted);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-head{display:grid;gap:.35rem;margin-bottom:1.25rem}.section-head h2{margin:0;font-size:1.55rem}.section-head p{margin:0;color:var(--subtext)}.card-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1rem}.card{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);overflow:clip;display:grid;grid-template-rows:auto 1fr}.card-media{padding:.85rem .85rem 0}.media-placeholder.small{height:120px;border-radius:14px;border:1px dashed rgba(15,23,42,.22);display:grid;place-items:center;color:#0f172a8c;background:linear-gradient(180deg,#02061708,#02061704)}.card-body{padding:.85rem}.card h3{margin:.1rem 0 .35rem;font-size:1.05rem}.card p{margin:0 0 .75rem;color:var(--subtext)}.card-link{display:inline-flex;gap:.4rem;font-weight:650;color:color-mix(in oklab,var(--accent) 90%,black)}.logo-wall{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:.75rem}.logo-tile{border-radius:14px;border:1px solid var(--line);background:var(--panel);height:75px;display:grid;place-items:center;color:#0f172a9e;font-weight:650;letter-spacing:.04em}.logo-tile img{max-height:56px;max-width:100%;object-fit:contain}.cta{display:grid;grid-template-columns:1.1fr .9fr;gap:1rem;align-items:start}.cta-panel{border-radius:var(--radius);border:1px solid var(--line);background:var(--panel);padding:1rem}.cta-panel h3{margin:0 0 .6rem}.contact-list{list-style:none;padding:0;margin:0 0 .85rem;display:grid;gap:.45rem;color:var(--subtext)}.contact-list strong{color:var(--text);font-weight:650}.social-row{display:flex;gap:.5rem;flex-wrap:wrap}.social-row a{display:inline-flex;width:44px;height:36px;align-items:center;justify-content:center;border-radius:12px;border:1px solid var(--line);background:var(--panel)}.social-row a:hover{text-decoration:none;background:var(--muted)}.site-footer{border-top:1px solid var(--line);padding:2rem 0;background:var(--muted)}.footer-inner{display:grid;grid-template-columns:1.6fr 1fr 1fr;gap:1rem}.footer-col p{color:var(--subtext);margin:.45rem 0 0}.footer-col ul{list-style:none;padding:0;margin:.6rem 0 0;display:grid;gap:.4rem;color:var(--subtext)}.footer-col a{color:var(--subtext)}.footer-col a:hover{color:var(--text);text-decoration:underline}.footer-bottom{grid-column:1 / -1;margin-top:1rem;padding-top:1rem;border-top:1px solid var(--line);display:flex;gap:.75rem;flex-wrap:wrap;justify-content:space-between;color:#0f172aa6}.footer-sep{opacity:.4}@media(max-width:980px){.hero-inner,.cta{grid-template-columns:1fr}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.logo-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.footer-inner{grid-template-columns:1fr}}@media(max-width:760px){.nav-toggle-btn{display:inline-flex;z-index:9999}.site-nav{position:absolute;inset:0;border-bottom:1px solid var(--line);background:var(--bg);display:none;overflow-y:scroll;height:100vh}.nav-list{width:var(--container);margin:0 auto;padding:.75rem 0 1rem;flex-direction:column;align-items:stretch}.nav-list>li>a{border-radius:14px;justify-content:space-between}.nav-toggle:checked~.nav-toggle-btn{outline:2px solid color-mix(in oklab,var(--accent) 35%,transparent);outline-offset:2px}.nav-toggle:checked~.site-nav{display:block}.dropdown{position:static;display:block;box-shadow:none;border-style:dashed;margin:.25rem 0 .5rem}.has-dropdown>a:after{content:"＋"}.has-dropdown.is-open>a:after{content:"－"}}.breadcrumbs{padding:1rem 0 0;color:var(--text);display:flex;gap:.5rem;flex-wrap:wrap;align-items:center}.breadcrumbs a{color:var(--accent-2)}.breadcrumbs a:hover{color:var(--accent);text-decoration:underline}.product-hero{padding:clamp(2rem,3.5vw,3.5rem) 0 1.25rem}.product-hero-inner{display:grid;grid-template-columns:1.1fr .9fr;gap:1.25rem;align-items:start}.eyebrow{margin:0 0 .4rem;color:var(--text);letter-spacing:.12em;text-transform:uppercase;font-size:.78rem}.lede{color:var(--subtext);max-width:60ch;margin:.6rem 0 1rem}.chips{list-style:none;padding:0;margin:0 0 1rem;display:flex;flex-wrap:wrap;gap:.5rem}.chips li{border:1px solid var(--line);background:color-mix(in oklab,var(--panel) 82%,transparent);padding:.45rem .7rem;border-radius:999px;color:var(--text);font-weight:600;font-size:.88rem}.product-actions{display:flex;gap:.75rem;flex-wrap:wrap;margin-bottom:1.1rem}.product-highlights{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:.75rem;margin:0}.product-highlights>div{padding:.85rem .9rem;border-radius:var(--radius);border:1px solid var(--line);background:color-mix(in oklab,var(--panel) 82%,transparent)}.product-highlights dt{color:var(--subtext);font-size:.85rem;margin:0 0 .2rem}.product-highlights dd{margin:0;font-weight:650}.media-placeholder.product{height:min(420px,52vw)}.product-media figcaption{margin-top:.5rem;color:var(--text);font-size:.9rem}.product-layout{display:grid;grid-template-columns:1.25fr .75fr;gap:1.25rem;align-items:start}.prose h2,.prose h3{margin-top:0}.prose p{color:var(--subtext)}.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:.75rem 0 1.25rem}.feature{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklab,var(--panel) 86%,transparent);padding:1rem}.feature h4{margin:0 0 .35rem}.feature p{margin:0;color:var(--subtext)}.specs{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklab,var(--panel) 86%,transparent);overflow:clip;margin:.75rem 0 1.25rem}.spec-row{display:grid;grid-template-columns:1fr 1.5fr;gap:1rem;padding:.85rem 1rem;border-top:1px solid var(--line)}.spec-row:first-child{border-top:0}.spec-key{color:var(--text);font-weight:650}.spec-val{color:var(--subtext)}.faq details{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklab,var(--panel) 86%,transparent);padding:.8rem 1rem;margin-bottom:.75rem}.faq summary{cursor:pointer;font-weight:650}.faq p{margin:.6rem 0 0}.related{margin-top:1.5rem}.related-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.product-aside{position:sticky;top:84px;display:grid;gap:1rem}.aside-card{border:1px solid var(--line);border-radius:var(--radius);background:color-mix(in oklab,var(--panel) 88%,transparent);padding:1rem}.aside-card h3{margin:0 0 .5rem}.muted{color:var(--subtext);margin:0 0 .75rem}.aside-actions{display:grid;gap:.6rem}@media(max-width:980px){.product-hero-inner,.product-layout{grid-template-columns:1fr}.product-aside{position:static}.feature-grid,.related-grid,.product-highlights{grid-template-columns:1fr}}.has-dropdown.is-open .dropdown{display:block}@media(max-width:760px){.has-dropdown.is-open>a:after{content:"－"}}