:root{--font:Inter,Arial,"Helvetica Neue",sans-serif;--shadow:0 18px 50px rgba(20,28,38,.16);--shadow2:0 10px 28px rgba(0,0,0,.22)}*{box-sizing:border-box}body{margin:0;font-family:var(--font);line-height:1.35}a,button{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}img{display:block;max-width:100%;height:auto}.hub{min-height:100vh;padding:28px 18px 46px;background:#eef1f4;color:#111}.kicker,.micro{text-transform:uppercase;letter-spacing:.12em;font-size:11px;font-weight:900}.hub h1{max-width:860px;margin:0;font-size:clamp(38px,10vw,82px);line-height:.92;letter-spacing:-.065em}.lead{max-width:760px;color:#58616b;font-size:18px}.variant-list{display:grid;gap:14px;margin-top:28px;max-width:980px}.variant-link{display:block;padding:20px;border-radius:24px;background:#fff;border:1px solid rgba(0,0,0,.08);box-shadow:var(--shadow)}.variant-link span{display:block;color:#66717d}.variant-link strong{display:block;margin:8px 0;font-size:28px;letter-spacing:-.04em}.variant-link em{font-style:normal;color:#65707c}.variant-link.b{background:#101316;color:#fff}.variant-link.b em,.variant-link.b span{color:#b3bdc8}.variant-link.c{background:#12233a;color:#fff}.variant-link.c em,.variant-link.c span{color:#c7d5e8}.mobile-shell{max-width:430px;margin:0 auto;min-height:100vh;overflow:hidden}.topbar{position:sticky;top:0;z-index:20;display:flex;align-items:center;justify-content:space-between;padding:14px 16px;backdrop-filter:blur(18px);border-bottom:1px solid rgba(120,130,140,.22)}.logo{font-weight:950;letter-spacing:-.04em}.nav-mini{display:flex;gap:12px;font-size:13px;opacity:.72}.hero{padding:18px 16px 10px}.hero h1{margin:8px 0 10px;font-size:42px;line-height:.96;letter-spacing:-.06em}.hero p{margin:0}.searchbar{margin-top:16px;display:flex;align-items:center;gap:10px;padding:11px 12px;border-radius:18px}.searchbar input{border:0;background:transparent;min-width:0;flex:1;font:inherit;outline:0}.hero-photo{position:relative;margin-top:16px;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.hero-photo img{width:100%;aspect-ratio:1.36;object-fit:cover}.photo-badge{position:absolute;left:12px;top:12px;padding:7px 10px;border-radius:999px;font-size:11px;font-weight:900;backdrop-filter:blur(14px)}.photo-caption{position:absolute;left:12px;right:12px;bottom:12px;padding:12px;border-radius:18px;backdrop-filter:blur(18px)}.photo-caption strong{display:block;font-size:18px}.chips{display:flex;gap:8px;overflow-x:auto;padding:14px 16px 4px;scrollbar-width:none}.chip{flex:0 0 auto;padding:9px 12px;border-radius:999px;font-size:13px;font-weight:800;border:0}.section{padding:16px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:12px;margin-bottom:12px}.section h2{margin:0;font-size:25px;letter-spacing:-.045em}.small-link{font-size:13px;font-weight:850}.product-grid{display:grid;gap:13px}.product-card{position:relative;overflow:hidden;border-radius:24px;text-align:left}.product-card:focus{outline:3px solid #65a8ff;outline-offset:2px}.product-card img{width:100%;aspect-ratio:1.45;object-fit:cover}.product-body{padding:14px}.product-body h3{margin:6px 0 8px;font-size:19px;line-height:1.12;letter-spacing:-.025em}.tags{display:flex;gap:6px;flex-wrap:wrap}.tag{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;font-size:11px;font-weight:900}.meta-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:12px}.meta{padding:9px;border-radius:14px;min-width:0}.meta span{display:block;font-size:10px;text-transform:uppercase;letter-spacing:.08em;font-weight:850;opacity:.65}.meta strong{display:block;margin-top:2px;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.wide-card{border-radius:24px;padding:16px}.rfq-card{margin:4px 16px 86px;border-radius:28px;padding:18px}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 18px;border-radius:16px;font-weight:950;border:1px solid transparent}.btn.full{width:100%}.bottom-cta{position:fixed;left:0;right:0;bottom:0;padding:12px 16px;backdrop-filter:blur(18px);border-top:1px solid rgba(120,130,140,.22);z-index:30}.bottom-inner{max-width:430px;margin:0 auto}.demo-note{font-size:11px;opacity:.68;margin-top:10px}.empty{padding:20px;border-radius:20px;border:1px dashed currentColor;opacity:.76}.drawer{position:fixed;inset:0;z-index:50;display:none}.drawer.open{display:block}.drawer-backdrop{position:absolute;inset:0;background:rgba(0,0,0,.52)}.drawer-panel{position:absolute;left:50%;bottom:0;transform:translateX(-50%);width:min(430px,100%);max-height:88vh;overflow:auto;border-radius:28px 28px 0 0;padding:14px}.drawer-panel > img{width:100%;aspect-ratio:1.6;object-fit:cover;border-radius:20px}.drawer-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;margin:10px 0 4px}.drawer-shot{display:flex;flex-direction:column;gap:6px}.drawer-shot img{width:100%;aspect-ratio:1.1;object-fit:cover;border-radius:12px}.drawer-shot span{font-size:11px;opacity:.7}.drawer-head{display:flex;justify-content:space-between;gap:12px;align-items:start;margin:12px 0}.drawer-head h2{margin:0;font-size:22px;line-height:1.08}.x{border:0;border-radius:999px;width:38px;height:38px;font-size:22px}.spec-list{display:grid;gap:1px;border-radius:16px;overflow:hidden;margin:12px 0}.spec-list div{display:flex;justify-content:space-between;gap:12px;padding:11px 12px}.spec-list span{opacity:.68}.research{max-width:920px;margin:0 auto;padding:26px 18px 60px;background:#fff;color:#171717}.research h1{font-size:42px;line-height:.98;margin:0 0 16px;letter-spacing:-.05em}.research li{margin:8px 0}.research a{color:#0f62fe;text-decoration:underline}@media(min-width:780px){.variant-list{grid-template-columns:repeat(2,1fr)}.mobile-shell{margin-top:28px;margin-bottom:28px;border-radius:34px;box-shadow:0 0 0 1px rgba(0,0,0,.09),0 35px 100px rgba(0,0,0,.25)}.topbar{position:relative}.bottom-cta{position:sticky}.theme-a,.theme-b,.theme-c{background:#cfd5dc}.theme-a .mobile-shell,.theme-c .mobile-shell{background:var(--page)}.theme-b .mobile-shell{background:#07090b}}
.theme-a{--page:#f5f7f8;--ink:#111820;--muted:#63707d;--blue:#0f62fe;--card:#fff;--line:#dfe5eb;background:var(--page);color:var(--ink)}.theme-a .topbar{background:rgba(245,247,248,.86)}.theme-a .micro{color:var(--blue)}.theme-a .hero p,.theme-a .muted{color:var(--muted)}.theme-a .searchbar{background:#fff;border:1px solid var(--line)}.theme-a .chip{background:#fff;border:1px solid var(--line);color:#27313c}.theme-a .chip.active{background:#0f62fe;color:#fff}.theme-a .product-card,.theme-a .wide-card,.theme-a .rfq-card,.theme-a .drawer-panel{background:#fff;border:1px solid var(--line);box-shadow:0 12px 34px rgba(15,35,60,.08)}.theme-a .tag{background:#edf4ff;color:#0f62fe}.theme-a .meta,.theme-a .spec-list div{background:#f1f4f7}.theme-a .btn{border-radius:4px}.theme-a .btn.primary{background:#0f62fe;color:#fff}.theme-a .btn.secondary{background:#111820;color:#fff}.theme-a .photo-badge,.theme-a .photo-caption{background:rgba(255,255,255,.78);color:#111820}.theme-a .bottom-cta{background:rgba(245,247,248,.9)}.theme-a .x{background:#eef2f6}.theme-b{background:#07090b;color:#f7fbff}.theme-b .topbar{background:rgba(7,9,11,.86)}.theme-b .hero{background:radial-gradient(circle at 80% 0,rgba(250,255,105,.24),transparent 45%)}.theme-b .micro{color:#faff69}.theme-b .hero p,.theme-b .muted{color:#aeb8c4}.theme-b .searchbar{background:#11161b;border:1px solid #29313a}.theme-b .searchbar input{color:#fff}.theme-b .chip{background:#13181e;border:1px solid #2a343f;color:#d8e0e8}.theme-b .chip.active{background:#faff69;color:#080a0c}.theme-b .product-card,.theme-b .wide-card,.theme-b .rfq-card,.theme-b .drawer-panel{background:#11161b;border:1px solid #2b333c;box-shadow:var(--shadow2)}.theme-b .tag{background:#283018;color:#faff69}.theme-b .meta,.theme-b .spec-list div{background:#090c10}.theme-b .btn.primary{background:#faff69;color:#080a0c}.theme-b .btn.secondary{background:#1b222a;color:#fff;border-color:#343e4a}.theme-b .photo-badge,.theme-b .photo-caption{background:rgba(8,10,12,.66);color:#fff}.theme-b .bottom-cta{background:rgba(7,9,11,.9)}.theme-b .x{background:#202832;color:#fff}.theme-c{--page:#f4f0e8;--ink:#17212d;--muted:#68717b;background:var(--page);color:var(--ink)}.theme-c .topbar{background:rgba(244,240,232,.88)}.theme-c .hero{background:linear-gradient(180deg,#142235 0 62%,var(--page) 62%);color:#fff}.theme-c .micro{color:#8fc1ff}.theme-c .hero p{color:#c9d6e7}.theme-c .searchbar{background:#fff;border:1px solid #e2ded5;color:#17212d}.theme-c .chip{background:#fff;border:1px solid #e1dacf;color:#283647}.theme-c .chip.active{background:#1c69d4;color:#fff}.theme-c .product-card,.theme-c .wide-card,.theme-c .rfq-card,.theme-c .drawer-panel{background:#fff;border:1px solid #ded8ce;box-shadow:0 18px 45px rgba(38,35,29,.12)}.theme-c .tag{background:#eaf2ff;color:#0653b6}.theme-c .meta,.theme-c .spec-list div{background:#f5f2ed}.theme-c .btn{border-radius:0}.theme-c .btn.primary{background:#1c69d4;color:#fff}.theme-c .btn.secondary{background:#fff;color:#17212d;border-color:#d8d2c8}.theme-c .photo-badge,.theme-c .photo-caption{background:rgba(255,255,255,.78);color:#17212d}.theme-c .bottom-cta{background:rgba(244,240,232,.9)}.theme-c .x{background:#eee8dc}
.brand-mark{display:inline-flex;align-items:center;gap:8px}.logo:before{content:"";display:inline-block;width:22px;height:22px;margin-right:7px;vertical-align:-5px;border-radius:6px;background:linear-gradient(135deg,#6faf41 0 48%,#596a74 48% 100%);box-shadow:inset 0 0 0 2px rgba(255,255,255,.45)}.contact-strip{display:flex;gap:10px;overflow-x:auto;padding:9px 16px;font-size:12px;font-weight:850;white-space:nowrap;border-bottom:1px solid rgba(120,130,140,.18)}.contact-strip a{padding:7px 10px;border-radius:999px;background:rgba(111,175,65,.12)}.theme-b .contact-strip a{background:rgba(250,255,105,.12)}.theme-c .contact-strip a{background:rgba(28,105,212,.10)}.site-ready-note{font-size:12px;opacity:.72}.theme-a .logo{color:#17212d}.theme-b .logo{color:#fff}.theme-c .logo{color:#17212d}
.logo{display:inline-flex;align-items:center;min-width:150px}.logo img{display:block;width:148px;height:auto}.logo:before{display:none!important;content:none!important}.theme-b .logo img{filter:drop-shadow(0 0 10px rgba(117,184,67,.16))}.topbar{gap:14px}.nav-mini{flex:0 0 auto}
/* Desktop production layout: not a phone mockup */
@media (min-width: 920px){
  body.theme-a, body.theme-b, body.theme-c{background:var(--page,#f5f7f8)}
  .mobile-shell{max-width:none;width:100%;min-height:100vh;margin:0;border-radius:0;box-shadow:none;overflow:visible;background:transparent!important}
  .topbar{position:sticky;top:0;min-height:76px;padding:16px max(32px,calc((100vw - 1180px)/2));background:rgba(255,255,255,.9);z-index:40}
  .theme-b .topbar{background:rgba(7,9,11,.88)}.theme-c .topbar{background:rgba(244,240,232,.9)}
  .logo img{width:180px}.nav-mini{gap:24px;font-size:15px;opacity:.9}.contact-strip{justify-content:center;gap:14px;padding:10px 32px}
  .hero{max-width:1180px;margin:0 auto;padding:56px 32px 32px;display:grid;grid-template-columns:minmax(0,1.05fr) minmax(420px,.95fr);gap:44px;align-items:center}
  .hero .micro,.hero h1,.hero p,.hero .searchbar{grid-column:1}.hero-photo{grid-column:2;grid-row:1 / span 5;margin-top:0;border-radius:30px}.hero-photo img{aspect-ratio:1.22}
  .hero h1{font-size:clamp(52px,5.4vw,82px);max-width:720px}.hero p{max-width:650px;font-size:18px;line-height:1.55}.searchbar{max-width:640px;min-height:58px}
  .chips{max-width:1180px;margin:0 auto;padding:10px 32px 4px}.section{max-width:1180px;margin:0 auto;padding:28px 32px}.section h2{font-size:34px}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.product-card{border-radius:26px}.product-card img{aspect-ratio:1.32}.product-body{padding:18px}.product-body h3{font-size:21px}.rfq-card{max-width:1116px;margin:24px auto 40px;padding:28px;display:grid;grid-template-columns:1fr auto;gap:24px;align-items:center}.rfq-card .btn{min-width:260px}.bottom-cta{display:none}.drawer-panel{width:min(760px,92vw);left:50%;bottom:28px;transform:translateX(-50%);border-radius:30px;padding:18px;display:grid;grid-template-columns:320px 1fr;gap:18px}.drawer-panel > img{height:100%;aspect-ratio:auto}.drawer-head,.spec-list,#drawerNote,.drawer-panel .btn{grid-column:2}.drawer-head{margin:0}.spec-list{margin:0}.index-page .hub{max-width:1180px;margin:0 auto;background:transparent}.index-page{background:#eef1f4}
}
@media (min-width: 1280px){.hero,.section{padding-left:0;padding-right:0}.topbar{padding-left:calc((100vw - 1180px)/2);padding-right:calc((100vw - 1180px)/2)}}
/* Sober industrial catalog pass: less SaaS/AI gloss, more B2B catalog */
:root{--shadow:0 6px 18px rgba(20,28,38,.08);--shadow2:0 6px 18px rgba(0,0,0,.16)}
.hero h1{letter-spacing:-.035em}.hero-photo,.product-card,.rfq-card,.drawer-panel,.searchbar,.chip,.meta,.photo-caption{border-radius:8px!important}.btn{border-radius:4px!important}.photo-badge{border-radius:3px!important;background:rgba(255,255,255,.88)!important;color:#17212d!important}.product-card,.rfq-card{box-shadow:none!important}.product-card{border:1px solid rgba(90,100,110,.28)!important}.product-card img{background:#eef1f0}.product-body h3{letter-spacing:0}.chip{border:1px solid rgba(90,100,110,.28)!important}.meta{border:1px solid rgba(90,100,110,.12)}.topbar{box-shadow:none}.contact-strip a{border-radius:4px!important}.theme-a{--page:#f7f8f6}.theme-a .btn.primary,.theme-c .btn.primary{background:#5f9f37;color:#fff}.theme-a .chip.active,.theme-c .chip.active{background:#5f9f37;color:#fff}.theme-a .tag,.theme-c .tag{background:#edf4e9;color:#396421}.theme-b .btn.primary,.theme-b .chip.active{background:#7bbd45;color:#081008}.theme-b .tag{background:#1d2b18;color:#aee27b}
@media (min-width:920px){.hero{padding-top:42px;padding-bottom:24px}.hero h1{font-size:clamp(42px,3.8vw,58px)!important;line-height:1.04}.hero p{font-size:17px}.hero-photo img{aspect-ratio:1.45}.product-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.product-card img{aspect-ratio:1.55}.product-body{padding:14px}.section h2{font-size:30px}.rfq-card{border:1px solid rgba(90,100,110,.24);background:#fff}.drawer-panel{border:1px solid rgba(90,100,110,.28)}}
/* Product photos: fit as catalog images, not cropped marketing posters */
.hero-photo{background:#fff!important;border:1px solid rgba(90,100,110,.24);padding:12px!important;box-shadow:none!important}.hero-photo img{width:100%;object-fit:contain!important;background:#f3f5f2;padding:12px;border-radius:4px!important}.photo-caption{position:static!important;margin-top:10px;background:#f6f7f4!important;color:#17212d!important;border:1px solid rgba(90,100,110,.16);backdrop-filter:none!important}.photo-badge{top:18px!important;left:18px!important}.product-card img{object-fit:contain!important;background:#f3f5f2;padding:10px}.drawer-panel > img{object-fit:contain!important;background:#f3f5f2;padding:10px}.theme-b .hero-photo,.theme-b .product-card img,.theme-b .drawer-panel > img{background:#11161b!important}.theme-b .hero-photo img,.theme-b .product-card img,.theme-b .drawer-panel > img{background:#0e1317!important}.theme-b .photo-caption{background:#11161b!important;color:#f7fbff!important;border-color:#2b333c}.theme-c .hero-photo img,.theme-c .product-card img,.theme-c .drawer-panel > img{background:#f5f2ed!important}
@media (min-width:920px){.hero-photo img{aspect-ratio:1.55!important}.product-card img{aspect-ratio:1.62!important}.drawer-panel > img{aspect-ratio:1.35!important;height:auto!important}}
/* No card-in-card: product cards use cropped product thumbnails, no nested document frame */
.product-card img{padding:0!important;object-fit:cover!important;background:#f2f4f1!important}.hero-photo{padding:0!important;background:#f2f4f1!important}.hero-photo img{padding:0!important;object-fit:cover!important;background:#f2f4f1!important}.drawer-panel > img{padding:0!important;object-fit:cover!important;background:#f2f4f1!important}.theme-b .product-card img,.theme-b .hero-photo,.theme-b .hero-photo img,.theme-b .drawer-panel > img{background:#11161b!important}.theme-c .product-card img,.theme-c .hero-photo,.theme-c .hero-photo img,.theme-c .drawer-panel > img{background:#f5f2ed!important}
/* Use clean technical illustrations in catalog cells until proper object photos are available */
.product-card img[src$=".svg"],.hero-photo img[src$=".svg"],.drawer-panel > img[src$=".svg"]{object-fit:cover!important;background:#f3f5f2!important;padding:0!important}.theme-b .product-card img[src$=".svg"],.theme-b .hero-photo img[src$=".svg"],.theme-b .drawer-panel > img[src$=".svg"]{filter:none;background:#f3f5f2!important}.hero-photo .photo-badge{display:none}

/* SEO landing pages */
.seo-body .mobile-shell,.seo-shell{max-width:none;width:100%;min-height:100vh;margin:0;border-radius:0;box-shadow:none;background:#f7f8f6!important}.seo-page{max-width:1180px;margin:0 auto;padding:30px 18px 70px}.seo-hero{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(260px,.85fr);gap:30px;align-items:center;padding:26px 0;border-bottom:1px solid rgba(90,100,110,.22)}.seo-hero h1{margin:8px 0 12px;font-size:clamp(38px,5vw,68px);line-height:1.02;letter-spacing:-.04em}.seo-hero p{font-size:18px;color:#63707d;max-width:720px}.seo-hero img{width:100%;aspect-ratio:1.45;object-fit:cover;border:1px solid rgba(90,100,110,.25);background:#f2f4f1}.seo-cta{display:flex;gap:10px;flex-wrap:wrap;margin-top:18px}.seo-block,.seo-grid article{background:#fff;border:1px solid rgba(90,100,110,.22);padding:22px;margin-top:18px}.seo-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.seo-block h2,.seo-grid h2{margin-top:0}.seo-table{width:100%;border-collapse:collapse;background:#fff}.seo-table th,.seo-table td{border-bottom:1px solid #dfe5eb;text-align:left;padding:12px;vertical-align:top}.seo-table th{font-size:12px;text-transform:uppercase;letter-spacing:.08em;color:#63707d}.seo-list li,.seo-grid li{margin:8px 0}.seo-grid span{color:#63707d}.seo-links{border-top:1px solid rgba(90,100,110,.18)}.seo-link-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.seo-link-grid a{display:block;background:#fff;border:1px solid rgba(90,100,110,.22);padding:14px;font-weight:850;color:#17212d}
@media(max-width:780px){.seo-hero,.seo-grid,.seo-link-grid{grid-template-columns:1fr}.seo-page{padding-left:16px;padding-right:16px}.seo-hero h1{font-size:36px}.seo-hero p{font-size:16px}.seo-table{font-size:14px}}