:root{--color-primary: #1f57b7;--color-primary-dark: #0f3e8a;--color-primary-soft: #eaf1fb;--color-accent: #f58220;--color-accent-dark: #d76a10;--color-bg: #eef1f5;--color-surface: #ffffff;--color-surface-2: #f6f8fb;--color-text: #1b2430;--color-text-muted: #5e6b7a;--color-border: #d7dee8;--color-error: #d64545;--radius-sm: 8px;--radius-md: 10px;--radius-lg: 14px;--radius-pill: 999px;--shadow-card: 0 8px 24px rgba(15, 62, 138, .08);--shadow-card-hover: 0 16px 36px rgba(15, 62, 138, .14);--shadow-header: 0 2px 12px rgba(15, 62, 138, .06);--maxw: 1200px;--gutter: 24px;--space-hero: 96px;--space-section: 72px;--space-compact: 48px;--font-head: "Kanit", "Prompt", -apple-system, "Segoe UI", sans-serif;--font-body: "Prompt", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "IBM Plex Sans", "Prompt", -apple-system, sans-serif}*{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-behavior:smooth}body{margin:0;background:var(--color-surface);color:var(--color-text);font-family:var(--font-body);font-size:16px;line-height:1.75;font-weight:400;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;overflow-x:hidden}.cat-grid>*,.why-grid>*,.product-grid>*,.ind-grid>*,.blog-grid>*,.trust-grid>*,.footer-top>*,.hero-inner>*{min-width:0}h1,h2,h3,h4,h5,p,li,span,a,div,td,th,.pname,.hero-lead,.hero-badge{overflow-wrap:break-word;word-break:break-word}img{max-width:100%;height:auto;display:block}a{color:var(--color-primary);text-decoration:none}a:hover{color:var(--color-primary-dark)}h1,h2,h3,h4,h5{font-family:var(--font-head);color:var(--color-text);line-height:1.25;margin:0 0 .5em;font-weight:600}h1{font-size:48px;line-height:56px;font-weight:700;letter-spacing:-.01em}h2{font-size:36px;line-height:44px}h3{font-size:28px;line-height:36px}h4{font-size:22px;line-height:30px}.body-l{font-size:18px;line-height:30px}.caption{font-size:13px;line-height:20px}@media(max-width:767px){h1{font-size:34px;line-height:42px}h2{font-size:28px;line-height:36px}h3{font-size:24px;line-height:32px}h4{font-size:20px;line-height:28px}body{font-size:16px;line-height:1.7}}.container{max-width:var(--maxw);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);width:100%}.section{padding:var(--space-section) 0}.section--compact{padding:var(--space-compact) 0}.section--tint{background:var(--color-bg)}.section--surface{background:var(--color-surface)}.section-head{max-width:720px;margin-bottom:40px}.section-head--center{margin-left:auto;margin-right:auto;text-align:center}.eyebrow{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:13px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--color-primary);margin-bottom:14px}.eyebrow:before{content:"";width:22px;height:2px;background:var(--color-accent);border-radius:2px}.section-head--center .eyebrow{justify-content:center}.section-head p{color:var(--color-text-muted);font-size:18px;margin:12px 0 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;height:44px;padding:0 22px;font-family:var(--font-body);font-size:15px;font-weight:500;border-radius:var(--radius-md);border:1px solid transparent;cursor:pointer;transition:background .18s ease,box-shadow .18s ease,border-color .18s ease,transform .18s ease;white-space:nowrap}.btn svg{width:17px;height:17px}.btn--primary{background:var(--color-primary);color:#fff}.btn--primary:hover{background:#2a63c6;color:#fff;box-shadow:0 6px 16px #1f57b747}.btn--secondary{background:transparent;color:var(--color-primary);border-color:var(--color-primary)}.btn--secondary:hover{background:var(--color-primary-soft);color:var(--color-primary-dark)}.btn--accent{background:var(--color-accent);color:#fff}.btn--accent:hover{background:#ff8e2b;color:#fff;box-shadow:0 6px 16px #f582204d}.btn--ghost{background:transparent;color:var(--color-text)}.btn--ghost:hover{color:var(--color-primary)}.btn--lg{height:52px;padding:0 28px;font-size:16px}.btn--block{width:100%}.site-header{position:sticky;top:0;z-index:100;background:#fffffff5;backdrop-filter:saturate(140%) blur(10px);border-bottom:1px solid var(--color-border)}.site-header:before{content:"";display:block;height:3px;background:linear-gradient(90deg,var(--color-primary-dark),var(--color-primary) 45%,var(--color-accent))}.site-header.is-scrolled{box-shadow:var(--shadow-header)}.header-main{border-bottom:1px solid var(--color-border)}.header-top{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:16px;min-height:84px}.header-side{display:flex;align-items:center;min-width:0}.header-side--left{justify-content:flex-start}.header-side--right{justify-content:flex-end;gap:12px}.header-tool{padding:0 16px}.header-tool svg{width:17px;height:17px}.brand{display:flex;align-items:center;justify-self:center;flex-shrink:0}.brand img{height:52px;width:auto}.brand-fallback{font-family:var(--font-head);font-weight:700;font-size:22px;color:var(--color-primary);letter-spacing:.02em}.header-nav{border-top:1px solid var(--color-border)}.main-nav{display:flex;justify-content:center;align-items:stretch;gap:0;height:52px;flex-wrap:wrap}.nav-item{display:flex;align-items:stretch}.nav-link{position:relative;display:inline-flex;align-items:center;gap:6px;font-family:var(--font-body);font-size:15px;font-weight:500;color:var(--color-text);padding:0 13px;letter-spacing:.01em;background:none;border:0;cursor:pointer;line-height:52px;transition:color .16s}.nav-link:after{content:"";position:absolute;left:13px;right:13px;bottom:10px;height:2px;background:var(--color-primary);border-radius:2px;transform:scaleX(0);transform-origin:left;transition:transform .2s ease}.nav-link:hover{color:var(--color-primary)}.nav-link:hover:after,.has-mega:hover .nav-link:after,.has-mega:focus-within .nav-link:after{transform:scaleX(1)}.nav-link .chev{width:14px;height:14px;transition:transform .2s ease;opacity:.7}.has-mega:hover .nav-link .chev,.has-mega:focus-within .nav-link .chev{transform:rotate(180deg)}.nav-divider{align-self:center;width:1px;height:22px;background:var(--color-border);margin:0 8px}.nav-link--sub .nav-ico{width:15px;height:15px;color:var(--color-primary);display:none}.nav-link--cta{color:var(--color-accent);font-weight:600}.nav-link--cta:after{background:var(--color-accent)}.nav-link--cta:hover,.nav-link--cta:hover .nav-ico{color:var(--color-accent-dark)}.nav-link--search{padding:0 6px}.nav-link--search .nav-ico{display:inline-block;width:18px;height:18px;color:var(--color-text);transition:color .16s}.nav-link--search .nav-search-label{display:none}.nav-link--search:after{display:none}.nav-link--search:hover .nav-ico{color:var(--color-primary)}.header-menu-extra{display:none}.nav-mega{position:absolute;top:100%;left:0;z-index:120;min-width:480px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);box-shadow:var(--shadow-card-hover);padding:12px;margin-top:6px;opacity:0;visibility:hidden;transform:translateY(8px);transition:opacity .18s ease,transform .18s ease,visibility .18s}.has-mega{position:relative}.has-mega:hover .nav-mega,.has-mega:focus-within .nav-mega{opacity:1;visibility:visible;transform:translateY(0)}.prod-mega-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px}.prod-cat{display:flex;align-items:center;gap:13px;padding:11px 12px;border-radius:var(--radius-md);color:var(--color-text);transition:background .15s}.prod-cat:hover{background:var(--color-surface-2)}.prod-cat-ico{flex-shrink:0;width:42px;height:42px;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center}.prod-cat-ico svg{width:21px;height:21px}.prod-cat-tx{display:flex;flex-direction:column;min-width:0}.prod-cat-tx b{font-family:var(--font-head);font-weight:600;font-size:14px;line-height:1.3}.prod-cat-tx small{font-family:var(--font-mono);font-size:11.5px;color:var(--color-text-muted)}.prod-mega-foot{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:8px;padding:12px;border-top:1px solid var(--color-border);font-weight:600;font-size:14px;color:var(--color-primary)}.prod-mega-foot svg{width:16px;height:16px;transition:transform .18s}.prod-mega-foot:hover svg{transform:translate(3px)}.header-phone{display:inline-flex;align-items:center;gap:10px;color:var(--color-text)}.header-phone-ico{width:38px;height:38px;border-radius:50%;background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;flex-shrink:0}.header-phone-ico svg{width:18px;height:18px}.header-phone-tx{display:flex;flex-direction:column;font-family:var(--font-mono);font-weight:600;font-size:15px;line-height:1.25}.header-phone-tx small{font-family:var(--font-body);font-weight:500;font-size:11px;color:var(--color-text-muted);letter-spacing:.02em}.nav-toggle{display:none;width:44px;height:44px;border:1px solid var(--color-border);background:var(--color-surface);border-radius:var(--radius-md);cursor:pointer;align-items:center;justify-content:center}.nav-toggle svg{width:22px;height:22px;color:var(--color-text)}.header-sub{background:var(--color-surface-2)}.header-sub-inner{display:flex;align-items:center;justify-content:center;gap:16px;min-height:46px}.sub-lead{display:inline-flex;align-items:center;gap:7px;flex-shrink:0;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-text-muted)}.sub-lead svg{width:15px;height:15px;color:var(--color-accent)}.sub-nav{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.sub-link{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--color-text);padding:8px 14px;border-radius:var(--radius-sm);transition:color .15s,background .15s}.sub-link svg{width:16px;height:16px;color:var(--color-primary)}.sub-link:hover{color:var(--color-primary);background:#e6edf8}.sub-link--cta{color:var(--color-accent);font-weight:600;background:none;padding:8px 12px}.sub-link--cta svg{color:var(--color-accent)}.sub-link--cta:hover{color:var(--color-accent-dark);background:#f582201a}.sub-link--cta:hover svg{color:var(--color-accent-dark)}@media(max-width:1240px){.header-phone-tx small{display:none}}@media(max-width:1120px){.header-side--left .header-phone-tx{display:none}}@media(max-width:1080px){.header-side--left,.header-side--right .header-quote,.header-side--right .header-tool{display:none}.nav-toggle{display:inline-flex}.header-top{min-height:68px}.header-nav{display:none}.site-header.nav-open .header-nav{display:block;border-top:1px solid var(--color-border);padding:8px 0 14px}.site-header.nav-open .main-nav{flex-direction:column;align-items:stretch;gap:2px;height:auto}.site-header.nav-open .nav-item{display:block}.site-header.nav-open .nav-link{padding:12px 14px;line-height:1.4}.site-header.nav-open .nav-link:after{display:none}.site-header.nav-open .nav-link .chev{display:none}.site-header.nav-open .nav-link--sub .nav-ico{display:inline-block}.site-header.nav-open .nav-link--search .nav-search-label{display:inline}.nav-mega{display:none}.nav-divider{width:auto;height:1px;margin:8px 14px}.header-menu-extra{display:flex;flex-direction:column;align-items:stretch;gap:12px;margin-top:12px;padding-top:14px;border-top:1px solid var(--color-border)}.header-menu-extra .header-phone{justify-content:center;padding:10px 14px;border:1px solid var(--color-border);border-radius:var(--radius-md)}.header-menu-extra .header-phone-tx{display:flex;flex-direction:row;gap:6px;align-items:center}.header-menu-extra .header-phone-tx small{display:none}}.hero{position:relative;background:linear-gradient(180deg,#f3f6fb 0%,var(--color-bg) 100%);border-bottom:1px solid var(--color-border);overflow:hidden}.hero:before{content:"";position:absolute;top:-20%;right:-8%;width:620px;height:620px;background:radial-gradient(circle at center,rgba(31,87,183,.08),transparent 62%);transform:rotate(18deg);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1.05fr .95fr;gap:56px;align-items:center;padding-top:var(--space-hero);padding-bottom:var(--space-hero);position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:6px 14px 6px 8px;font-size:13px;font-weight:500;color:var(--color-text-muted);box-shadow:var(--shadow-card);margin-bottom:22px}.hero-badge b{color:var(--color-text);font-weight:600}.hero-badge .dot{width:8px;height:8px;border-radius:50%;background:var(--color-accent)}.hero h1{margin-bottom:18px}.hero h1 .hl{color:var(--color-primary)}.hero-lead{font-size:18px;line-height:30px;color:var(--color-text-muted);max-width:540px;margin:0 0 30px}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}.hero-stats{display:flex;gap:34px;flex-wrap:wrap}.hero-stat .num{font-family:var(--font-mono);font-size:30px;font-weight:600;color:var(--color-primary-dark);line-height:1.1}.hero-stat .lbl{font-size:14px;color:var(--color-text-muted)}.hero-visual{position:relative}.hero-visual .frame{background:transparent;border:0;padding:8px 0;position:relative;z-index:1}.hero-visual .frame img{width:100%;aspect-ratio:4/3;object-fit:contain}.hero-visual .tag-chip{position:absolute;z-index:2;bottom:22px;left:-18px;background:var(--color-primary-dark);color:#fff;border-radius:var(--radius-md);padding:12px 16px;box-shadow:var(--shadow-card-hover);display:flex;align-items:center;gap:10px;font-size:14px}.hero-visual .tag-chip svg{width:22px;height:22px;color:var(--color-accent)}.hero-visual .tag-chip b{font-family:var(--font-mono);font-weight:600}.hero-visual .frame svg{width:100%;height:auto;display:block}.klqd-anim-caption{margin-top:14px;text-align:center;font-family:var(--font-mono);font-size:12.5px;color:var(--color-text-muted);letter-spacing:.02em}.klqd-anim .pinion,.klqd-anim .ball-rot{transform-box:fill-box;transform-origin:center}.klqd-anim .pinion,.klqd-anim .ball-rot{animation:klqdRotate 5s ease-in-out infinite}.klqd-anim .piston-l{animation:klqdPistonL 5s ease-in-out infinite}.klqd-anim .piston-r{animation:klqdPistonR 5s ease-in-out infinite}.klqd-anim .flow{animation:klqdFlow 5s ease-in-out infinite}.klqd-anim .flow-dash{animation:klqdDash .9s linear infinite}.klqd-anim .lbl-open{animation:klqdLblOpen 5s ease-in-out infinite}.klqd-anim .lbl-close{animation:klqdLblClose 5s ease-in-out infinite}.klqd-anim .air-close{animation:klqdAirClose 5s ease-in-out infinite}.klqd-anim .air-open{animation:klqdAirOpen 5s ease-in-out infinite}@keyframes klqdRotate{0%,32%{transform:rotate(0)}50%,82%{transform:rotate(90deg)}to{transform:rotate(0)}}@keyframes klqdPistonL{0%,32%{transform:translate(0)}50%,82%{transform:translate(-14px)}to{transform:translate(0)}}@keyframes klqdPistonR{0%,32%{transform:translate(0)}50%,82%{transform:translate(14px)}to{transform:translate(0)}}@keyframes klqdFlow{0%,30%{opacity:1}46%,84%{opacity:0}to{opacity:1}}@keyframes klqdDash{to{stroke-dashoffset:-22}}@keyframes klqdLblOpen{0%,30%{opacity:1}50%,82%{opacity:0}to{opacity:1}}@keyframes klqdLblClose{0%,32%{opacity:0}52%,82%{opacity:1}to{opacity:0}}@keyframes klqdAirClose{0%,30%{opacity:0}40%{opacity:1}52%,to{opacity:0}}@keyframes klqdAirOpen{0%,82%{opacity:0}92%{opacity:1}to{opacity:0}}@media(prefers-reduced-motion:reduce){.klqd-anim *{animation:none!important}}@media(max-width:1023px){.hero-inner{grid-template-columns:1fr;gap:40px;padding-top:64px;padding-bottom:64px}.hero-visual{order:-1;max-width:460px}}@media(max-width:767px){.hero-inner{padding-top:40px;padding-bottom:48px}.hero-visual{order:0}.hero-stats{gap:24px}.hero-stat .num{font-size:26px}.hero-visual .tag-chip{left:auto;right:10px;bottom:14px}}.trust-strip{border-bottom:1px solid var(--color-border);background:var(--color-surface)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding-top:26px;padding-bottom:26px}.trust-item{display:flex;align-items:center;gap:14px;padding:6px 20px}.trust-item:not(:last-child){border-right:1px solid var(--color-border)}.trust-item svg{width:30px;height:30px;color:var(--color-primary);flex-shrink:0}.trust-item b{display:block;font-family:var(--font-head);font-weight:600;font-size:16px}.trust-item span{font-size:13px;color:var(--color-text-muted)}@media(max-width:767px){.trust-grid{grid-template-columns:1fr 1fr;gap:4px}.trust-item{border-right:none!important;padding:12px}}.cat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1023px){.cat-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:600px){.cat-grid{grid-template-columns:1fr}}.cat-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease;color:var(--color-text)}.cat-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:#c3cede;color:var(--color-text)}.cat-card .media{height:200px;flex-shrink:0;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;padding:20px;border-bottom:1px solid var(--color-border);overflow:hidden}.cat-card .media img{max-height:100%;max-width:100%;width:auto;height:auto;object-fit:contain;mix-blend-mode:multiply}.cat-card .body{padding:20px 22px 22px;display:flex;flex-direction:column;flex:1}.cat-card .body h3{font-size:20px;margin-bottom:8px}.cat-card .body p{color:var(--color-text-muted);font-size:14px;line-height:1.6;margin:0 0 16px;flex:1}.cat-card .more{display:inline-flex;align-items:center;gap:6px;font-weight:600;font-size:14px;color:var(--color-primary)}.cat-card .more svg{width:15px;height:15px;transition:transform .18s}.cat-card:hover .more svg{transform:translate(3px)}.cat-card .count{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:2px 10px;align-self:flex-start;margin-bottom:12px}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}@media(max-width:1023px){.why-grid{grid-template-columns:1fr 1fr}}@media(max-width:560px){.why-grid{grid-template-columns:1fr}}.why-item{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:26px 24px}.why-icon{width:52px;height:52px;border-radius:var(--radius-md);background:var(--color-primary-soft);color:var(--color-primary);display:flex;align-items:center;justify-content:center;margin-bottom:18px}.why-icon svg{width:26px;height:26px}.why-item h4{margin-bottom:8px;font-size:19px}.why-item p{color:var(--color-text-muted);font-size:14px;line-height:1.65;margin:0}.section-toolbar{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:36px;flex-wrap:wrap}.product-grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1023px){.product-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.product-grid{grid-template-columns:1fr}}.product-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;background:var(--color-surface);display:flex;flex-direction:column;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.product-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);border-color:#c3cede}.product-card>a{color:inherit;text-decoration:none;display:flex;flex-direction:column;height:100%}.product-card .thumb{aspect-ratio:1/1;background:var(--color-surface-2);display:flex;align-items:center;justify-content:center;overflow:hidden;padding:18px;border-bottom:1px solid var(--color-border)}.product-card .thumb img{width:100%;height:100%;object-fit:contain;mix-blend-mode:multiply}.product-card .body{padding:16px 18px 18px;display:flex;flex-direction:column;gap:7px;flex:1}.product-card .pcat{font-family:var(--font-mono);font-size:11px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary)}.product-card .pname{font-family:var(--font-head);font-weight:500;font-size:16px;line-height:1.4;color:var(--color-text)}.product-card .price{font-family:var(--font-mono);font-weight:600;color:var(--color-primary-dark);margin-top:auto}.product-card .req{margin-top:8px;font-size:13px;font-weight:600;color:var(--color-accent);display:inline-flex;align-items:center;gap:6px}.product-card .req svg{width:14px;height:14px}.ind-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}@media(max-width:900px){.ind-grid{grid-template-columns:1fr 1fr}}@media(max-width:480px){.ind-grid{grid-template-columns:1fr}}.ind-item{border-radius:var(--radius-lg);border:1px solid rgba(255,255,255,.08);background:var(--color-primary-dark);padding:24px 22px 26px;color:#fff;display:flex;flex-direction:column;transition:transform .18s ease,box-shadow .18s ease}.ind-item:hover{transform:translateY(-4px);box-shadow:0 16px 34px #0f3e8a47}.ind-ico{width:48px;height:48px;border-radius:var(--radius-md);background:#ffffff1f;display:flex;align-items:center;justify-content:center;margin-bottom:18px}.ind-ico svg{width:26px;height:26px;color:#fff}.ind-name{font-family:var(--font-head);font-weight:600;font-size:18px;margin:0 0 8px;color:#fff}.ind-desc{margin:0;font-size:13.5px;line-height:1.65;color:#ffffffc7}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:1023px){.blog-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.blog-grid{grid-template-columns:1fr}}.blog-card{display:flex;flex-direction:column;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-card);transition:transform .18s ease,box-shadow .18s ease;color:var(--color-text)}.blog-card:hover{transform:translateY(-4px);box-shadow:var(--shadow-card-hover);color:var(--color-text)}.blog-card .media{aspect-ratio:16/9;overflow:hidden;background:var(--color-surface-2)}.blog-card .media img{width:100%;height:100%;object-fit:cover}.blog-card .body{padding:20px 22px 24px;display:flex;flex-direction:column;flex:1}.blog-card .kicker{font-family:var(--font-mono);font-size:12px;color:var(--color-text-muted);margin-bottom:10px}.blog-card h3{font-size:19px;line-height:1.4;margin:0 0 auto}.blog-card .read{margin-top:16px;font-size:14px;font-weight:600;color:var(--color-primary);display:inline-flex;align-items:center;gap:6px}.blog-card .read svg{width:15px;height:15px;transition:transform .18s}.blog-card:hover .read svg{transform:translate(3px)}.cta-band{position:relative;overflow:hidden;background:var(--color-primary-dark);color:#fff}.cta-band:before{content:"";position:absolute;top:-40%;right:-6%;width:520px;height:520px;background:radial-gradient(circle,rgba(245,130,32,.28),transparent 60%);transform:rotate(20deg)}.cta-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px;padding-top:56px;padding-bottom:56px;flex-wrap:wrap}.cta-inner h2{color:#fff;margin:0 0 10px}.cta-inner p{color:#ffffffd1;margin:0;font-size:18px;max-width:560px}.cta-inner .cta-actions{display:flex;gap:14px;flex-wrap:wrap}.cta-band .btn--secondary{border-color:#fff9;color:#fff}.cta-band .btn--secondary:hover{background:#ffffff1f;color:#fff}.site-footer{background:#0d1b30;color:#aeb9c9;padding:60px 0 28px}.footer-top{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px;border-bottom:1px solid rgba(255,255,255,.1)}@media(max-width:900px){.footer-top{grid-template-columns:1fr 1fr;gap:32px}}@media(max-width:520px){.footer-top{grid-template-columns:1fr}}.footer-brand img{height:56px;width:auto;display:block;margin-bottom:20px;background:#fff;padding:14px 18px;border-radius:var(--radius-md);box-shadow:0 6px 18px #0000002e}.footer-brand p{font-size:14px;line-height:1.7;color:#96a3b6;margin:0;max-width:320px}.footer-col h5{font-family:var(--font-head);color:#fff;font-size:15px;font-weight:600;margin:0 0 16px;letter-spacing:.02em}.footer-col ul{list-style:none;margin:0;padding:0;display:grid;gap:10px}.footer-col a{color:#aeb9c9;font-size:14px}.footer-col a:hover{color:#fff}.footer-contact li{display:flex;align-items:flex-start;gap:10px;font-size:14px;line-height:1.6}.footer-contact svg{width:17px;height:17px;color:var(--color-accent);flex-shrink:0;margin-top:3px}.footer-bottom{display:flex;justify-content:space-between;align-items:center;gap:16px;padding-top:24px;font-size:13px;color:#7d8ba0;flex-wrap:wrap}main{display:block}.page-head{background:var(--color-bg);border-bottom:1px solid var(--color-border);padding:44px 0}.page-head h1{margin:0;font-size:38px}.page-head .crumb{font-size:14px;color:var(--color-text-muted);margin-bottom:8px}.page-body{padding-top:48px;padding-bottom:80px}.tags{display:flex;gap:10px;flex-wrap:wrap;margin:0 0 8px}.tag{font-size:13px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-pill);padding:5px 14px;color:var(--color-text-muted)}a.tag:hover{border-color:var(--color-primary);color:var(--color-primary)}.tag--active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}a.tag--active:hover{background:var(--color-primary-dark);border-color:var(--color-primary-dark);color:#fff}.back{display:inline-flex;align-items:center;gap:6px;margin-bottom:22px;font-size:14px;font-weight:500}article h1{font-size:40px;line-height:1.2;margin:0 0 12px}@media(max-width:767px){article h1{font-size:30px}}article .meta{color:var(--color-text-muted);font-size:14px;margin-bottom:20px}article .feat{width:100%;margin:20px 0 8px;border-radius:var(--radius-lg);border:1px solid var(--color-border)}article .content{margin-top:28px;font-size:17px;line-height:1.8;max-width:760px}article .content h2{margin-top:1.6em;font-size:28px}article .content h3{margin-top:1.4em;font-size:22px}article .content img{border-radius:var(--radius-md);border:1px solid var(--color-border);margin:1em 0}article .content pre{background:var(--color-surface-2);border:1px solid var(--color-border);padding:16px 18px;border-radius:var(--radius-md);overflow:auto}article .content code{background:var(--color-surface-2);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}article .content pre code{background:none;padding:0}article .content blockquote{border-left:3px solid var(--color-accent);margin:1em 0;padding:6px 20px;color:var(--color-text-muted)}article .content a{text-decoration:underline;text-underline-offset:2px}.post{max-width:812px;margin:0 auto}.post .back{margin-bottom:20px}.post-head{margin-bottom:8px}.post-cat{display:inline-flex;align-items:center;font-family:var(--font-mono);font-size:12px;font-weight:600;letter-spacing:.05em;text-transform:uppercase;color:var(--color-primary);background:var(--color-primary-soft);padding:5px 12px;border-radius:var(--radius-pill);margin-bottom:16px}.post-cat:hover{background:#dce8fa;color:var(--color-primary-dark)}.post h1{font-size:40px;line-height:1.24;margin:0 0 16px;letter-spacing:-.01em}@media(max-width:767px){.post h1{font-size:29px}}.post-meta{display:flex;align-items:center;gap:20px;flex-wrap:wrap;color:var(--color-text-muted)}.post-meta .pm{display:inline-flex;align-items:center;gap:7px;font-family:var(--font-mono);font-size:13.5px}.post-meta .pm svg{width:16px;height:16px;color:var(--color-primary)}.post-feat{width:100%;margin:28px 0 0;border-radius:var(--radius-lg);border:1px solid var(--color-border);aspect-ratio:16/9;object-fit:cover}.post-content{font-size:18px;line-height:1.85;color:#232f3d;margin-top:34px}.post-content>*:first-child{margin-top:0}.post-content p{margin:0 0 1.3em}.post-content h2{font-family:var(--font-head);font-weight:600;font-size:27px;line-height:1.3;margin:1.9em 0 .65em;padding-bottom:.35em;border-bottom:1px solid var(--color-border)}.post-content h3{font-family:var(--font-head);font-weight:600;font-size:22px;margin:1.6em 0 .5em}.post-content h4{font-family:var(--font-head);font-weight:600;font-size:19px;margin:1.4em 0 .4em}.post-content a{color:var(--color-primary);text-decoration:underline;text-underline-offset:3px;text-decoration-color:#1f57b766}.post-content a:hover{text-decoration-color:var(--color-primary)}.post-content strong,.post-content b{font-weight:600;color:var(--color-text)}.post-content ul,.post-content ol{margin:0 0 1.3em;padding-left:1.4em}.post-content li{margin:.45em 0;padding-left:4px}.post-content ul li::marker{color:var(--color-accent)}.post-content ol li::marker{color:var(--color-primary);font-family:var(--font-mono);font-weight:600}.post-content hr{border:0;border-top:1px solid var(--color-border);margin:2.2em 0}.post-content blockquote{border-left:4px solid var(--color-accent);background:var(--color-surface-2);margin:1.6em 0;padding:16px 22px;border-radius:0 var(--radius-md) var(--radius-md) 0;color:var(--color-text);font-size:17px}.post-content img{max-width:100%;height:auto;border-radius:var(--radius-md);border:1px solid var(--color-border)}.post-content figure,.post-content figure.wp-caption{margin:1.7em auto;text-align:center;max-width:100%}.post-content figure img,.post-content figure.wp-caption img{display:inline-block;margin:0 auto}.post-content figcaption,.post-content figure.wp-caption>span,.post-content .wp-caption-text{display:block;font-size:14px;color:var(--color-text-muted);margin-top:10px;line-height:1.5}.post-content iframe{width:100%!important;max-width:100%;aspect-ratio:16/9;height:auto!important;border:0;border-radius:var(--radius-md);margin:1.6em 0;display:block}.post-content pre{background:var(--color-surface-2);border:1px solid var(--color-border);padding:16px 18px;border-radius:var(--radius-md);overflow:auto;margin:1.4em 0}.post-content code{background:var(--color-surface-2);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:.9em}.post-content pre code{background:none;padding:0}.post-content .table-wrap{overflow-x:auto;margin:1.6em 0;border:1px solid var(--color-border);border-radius:var(--radius-md);-webkit-overflow-scrolling:touch}.post-content table{border-collapse:collapse;width:auto;min-width:100%;font-size:15px;margin:0}.post-content .table-wrap table{background:var(--color-surface)}.post-content th,.post-content td{padding:10px 14px;border:1px solid var(--color-border);text-align:left;vertical-align:middle;word-break:normal;overflow-wrap:normal}.post-content thead th,.post-content th{background:var(--color-primary-soft);color:var(--color-primary-dark);font-weight:600;font-family:var(--font-mono)}.post-content tbody tr:nth-child(2n){background:var(--color-surface-2)}.post-content td img{border:0}.post-content td figure,.post-content td figure.wp-caption{margin:0 auto}.post-foot{margin-top:44px}.post-foot .tags{margin-bottom:28px}.post-cta{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap;background:var(--color-primary-soft);border:1px solid #cfe0f7;border-radius:var(--radius-lg);padding:26px 30px}.post-cta h3{margin:0 0 6px;font-size:22px;color:var(--color-primary-dark)}.post-cta p{margin:0;color:var(--color-text-muted);font-size:15px}.post-cta-actions{display:flex;gap:12px;flex-wrap:wrap}.related{margin-top:60px;padding-top:44px;border-top:1px solid var(--color-border)}.related>h2{font-size:28px;margin:0 0 28px;text-align:center}.page-article{margin-bottom:8px}.page-article .post-content{margin-top:0}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:28px}@media(max-width:900px){.gallery-grid{grid-template-columns:repeat(3,1fr)}}@media(max-width:560px){.gallery-grid{grid-template-columns:repeat(2,1fr)}}.gallery-item{margin:0;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);overflow:hidden;aspect-ratio:1;display:flex;align-items:center;justify-content:center;padding:16px;transition:transform .18s ease,box-shadow .18s ease,border-color .18s ease}.gallery-item:hover{transform:translateY(-3px);box-shadow:var(--shadow-card);border-color:#c3cede}.gallery-item img{max-width:100%;max-height:100%;object-fit:contain;mix-blend-mode:multiply}.post-list{list-style:none;padding:0;margin:0;display:grid;gap:22px}.post-card{border:1px solid var(--color-border);border-radius:var(--radius-lg);padding:24px 26px;background:var(--color-surface);box-shadow:var(--shadow-card)}.post-card h2{margin:0 0 6px;font-size:24px}.post-card h2 a{color:var(--color-text)}.post-card h2 a:hover{color:var(--color-primary)}.post-card .meta{color:var(--color-text-muted);font-size:13px;margin-bottom:10px}.post-card .excerpt{color:var(--color-text);opacity:.92}.product-detail{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:44px;align-items:start}@media(max-width:767px){.product-detail{grid-template-columns:1fr;gap:28px}}.product-detail .gallery img{width:100%;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg)}.product-detail .gallery .thumbs{display:flex;gap:10px;margin-top:12px;flex-wrap:wrap}.product-detail .gallery .thumb-btn{width:76px;height:76px;padding:6px;cursor:pointer;background:var(--color-surface-2);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:border-color .15s,box-shadow .15s}.product-detail .gallery .thumb-btn img{width:100%;height:100%;object-fit:contain;display:block;border:0;border-radius:0;background:none}.product-detail .gallery .thumb-btn:hover{border-color:#c3cede}.product-detail .gallery .thumb-btn.is-active{border-color:var(--color-primary);box-shadow:0 0 0 1px var(--color-primary)}.product-detail .info h1{font-size:30px;margin:8px 0 6px}.product-detail .price{font-family:var(--font-mono);font-size:24px;font-weight:600;color:var(--color-primary-dark);margin:10px 0}.product-detail .specs{width:100%;border-collapse:collapse;margin:18px 0;font-size:14px}.product-detail .specs th,.product-detail .specs td{text-align:left;padding:10px 12px;border-bottom:1px solid var(--color-border)}.product-detail .specs th{color:var(--color-text-muted);font-weight:600;width:42%;font-family:var(--font-mono)}.product-detail .cta-row{display:flex;gap:12px;flex-wrap:wrap;margin:20px 0}.empty{color:var(--color-text-muted);text-align:center;padding:80px 0}@media(prefers-reduced-motion:no-preference){.reveal{opacity:0;transform:translateY(12px);animation:reveal .25s ease forwards}@keyframes reveal{to{opacity:1;transform:none}}}