:root{color-scheme:light;--paper:#f5f7fb;--ink:#101b32;--quiet:#526079;--accent:#2755cf;--on:#fff;--blue:#e2eaff;--tile:#dce5f8;--mint:#dcece9;--surface:#fff;--rim:#c6d1e6;--radius:16px;--font:"Be Vietnam Pro","Segoe UI",system-ui,sans-serif;font-family:var(--font)}
*{box-sizing:border-box}
html{scroll-padding-top:92px}
body{margin:0;background:var(--paper);color:var(--ink);font-size:16px;line-height:1.55}
a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}
[hidden]{display:none!important}
:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
.skip{position:fixed;top:12px;left:12px;z-index:10;transform:translateY(-150%);background:var(--surface);padding:12px}.skip:focus{transform:none}
.frame{width:min(100% - 48px,1200px);margin-inline:auto}
.top{position:sticky;top:0;z-index:3;background:var(--paper)}
.top-inner{min-height:76px;display:flex;align-items:center;justify-content:space-between;gap:18px}
.brand{display:flex;align-items:center;gap:10px;font-size:21px;font-weight:800;white-space:nowrap}
.top nav,.foot nav{display:flex;gap:clamp(12px,3vw,34px);flex-wrap:wrap}
.top nav a,.foot nav a{min-height:44px;display:inline-flex;align-items:center;font-size:14px;font-weight:650}
.top nav a:hover,.foot nav a:hover,.catalog-head>a:hover{text-decoration:underline;text-underline-offset:4px}
.hero{padding:46px 0 58px}
.hero-intro{display:grid;grid-template-columns:minmax(0,2fr) minmax(240px,1fr);align-items:start;gap:24px}
h1,h2,h3,p,figure{margin:0}
h1{font-size:clamp(56px,8vw,104px);line-height:.97;letter-spacing:-.044em;font-weight:800}
.hero-intro p{max-width:35ch;font-size:clamp(17px,2vw,21px);line-height:1.55;padding-top:8px}
.showcase{display:grid;grid-template-columns:1fr minmax(0,2.4fr) 1fr;align-items:center;gap:24px;margin-top:30px}
.specimen-switch{display:grid;gap:10px;justify-items:end}
.specimen-switch button,.filter-tabs button{border:0;background:transparent;color:var(--quiet);border-radius:var(--radius);min-height:44px;padding:8px 12px;text-align:left;font-weight:650}
.specimen-switch button{font-size:clamp(15px,1.6vw,20px);white-space:nowrap}
.specimen-switch button[aria-pressed=true],.filter-tabs button[aria-pressed=true]{background:var(--blue);color:var(--ink)}
.specimen-images{padding:clamp(8px,2vw,22px);border-radius:var(--radius);background:var(--tile);aspect-ratio:720/440;overflow:hidden}
.specimen-images img{width:100%;height:100%;object-fit:contain}
.specimen figcaption{margin-top:10px;font-size:14px;color:var(--quiet);text-align:center}
.specimen-action{justify-self:start}
.button{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:var(--accent);color:var(--on);min-height:48px;padding:10px 17px;border:1px solid transparent;border-radius:var(--radius);font-size:15px;font-weight:750;text-align:center}
.button-secondary{color:var(--ink);background:var(--surface);border-color:var(--rim)}
.button:hover{filter:brightness(.95)}.button:active{transform:translateY(1px)}.button:disabled{opacity:.58;cursor:default}
.catalog{padding:44px 0 64px}
.catalog-head{display:flex;align-items:end;justify-content:space-between;gap:16px;margin-bottom:20px}
h2{font-size:clamp(32px,4vw,48px);line-height:1.08;letter-spacing:-.045em;font-weight:800}
.catalog-head p,.download-layout p{margin-top:8px;color:var(--quiet)}
.catalog-head>a{font-weight:700;color:var(--accent);flex-shrink:0;font-size:15px}
.filters{display:flex;justify-content:space-between;align-items:end;gap:14px;padding:14px;background:var(--surface);border-radius:var(--radius)}
.filter-tabs{display:flex;flex-wrap:wrap;gap:4px}
.search{display:grid;gap:4px;min-width:0;font-size:14px;font-weight:700}
.search input{min-height:44px;width:min(100%,270px);padding:8px 12px;border:1px solid var(--rim);border-radius:var(--radius);background:var(--paper);font-weight:500}
#catalogStatus{min-height:27px;margin:14px 0 10px;font-size:14px;color:var(--quiet)}
.products{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px 38px}
.product{display:grid;grid-template-columns:100px minmax(0,1fr);gap:14px;align-items:start;padding:14px 0}
.product-media{display:grid;place-items:center;padding:0;border:0;overflow:hidden;width:100%;height:78px;border-radius:var(--radius);background:var(--tile)}
.product-media img{width:100%;height:100%;object-fit:contain}.product-media .sample-icon{font-size:22px;font-weight:850}
.product-heading{display:flex;justify-content:space-between;align-items:baseline;gap:10px}
.product h3{font-size:17px;line-height:1.42;overflow-wrap:anywhere}
.product-price{font-weight:800;white-space:nowrap;font-size:17px}.product-price del{display:block;text-align:right;font-size:13px;color:var(--quiet);font-weight:550}
.product-summary{font-size:14px;color:var(--quiet);margin:5px 0 10px;overflow-wrap:anywhere}
.product-actions{display:flex;flex-wrap:wrap;align-items:center;gap:9px 14px;font-size:14px}.product-actions .button{min-height:44px}
.stock{font-weight:650;color:var(--quiet)}
#loadMore{margin-top:25px}
.app-section{background:var(--blue)}
.download-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:clamp(20px,5vw,72px);padding:56px 0}
.download-preview img{border-radius:var(--radius);width:100%}
.download-links{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.download-links small{font-size:13px}.download-note{font-size:14px}
.foot{display:flex;align-items:center;gap:14px;flex-wrap:wrap;padding:32px 0 44px}.foot p{color:var(--quiet);font-size:14px}.foot nav{margin-left:auto}
dialog{width:min(92%,960px);max-height:90dvh;padding:12px;border:0;border-radius:var(--radius);background:var(--surface);color:var(--ink)}
dialog::backdrop{background:#101b32bf}dialog form{display:flex;justify-content:flex-end;margin-bottom:8px}dialog img{margin:auto;max-height:72dvh;object-fit:contain}
@media(max-width:820px){.showcase{grid-template-columns:1fr 2.3fr}.specimen-action{grid-column:2;justify-self:center}.products{gap:12px 24px}.product{grid-template-columns:72px minmax(0,1fr);gap:10px}}
@media(max-width:630px){.frame{width:calc(100% - 32px)}.top-inner{min-height:65px;gap:8px}.brand{font-size:17px}.brand img{width:32px;height:32px}.top nav{gap:12px}.top nav a{font-size:13px}.hero{padding:27px 0 28px}.hero-intro{grid-template-columns:1fr;gap:10px}.hero-intro p{padding:0}.showcase{grid-template-columns:1fr;gap:12px;margin-top:16px}.specimen-switch{grid-row:2;display:flex;justify-content:center}.specimen-action{grid-column:1;justify-self:stretch}.specimen-action .button{width:100%}.catalog{padding:32px 0 40px}.catalog-head{align-items:start;flex-direction:column;gap:9px}.filters{align-items:stretch;flex-direction:column;padding:10px}.search input{width:100%}.products{grid-template-columns:1fr;gap:6px}.product{grid-template-columns:74px minmax(0,1fr)}.product-media{height:60px}.product h3{font-size:16px}.download-layout{grid-template-columns:1fr;padding:32px 0}.download-preview{grid-row:2}.foot nav{margin-left:0}}
@media(max-width:440px){.top nav a:first-child{display:none}}
@media(max-width:350px){.product-heading{flex-wrap:wrap;gap:4px}.product-price del{display:inline}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}