@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&family=Noto+Sans+SC:wght@400;500;600;700;800&display=swap');

:root { --ink:#111212; --coal:#1b1c1b; --paper:#efefea; --muted:#a6a6a0; --line:rgba(255,255,255,.15); --ember:#f15a16; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; scroll-padding-top:90px; } body { margin:0; background:var(--ink); color:#fff; font-family:Manrope,"Noto Sans SC",sans-serif; } .grain { position:fixed; inset:0; pointer-events:none; opacity:.055; z-index:9; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.9' numOctaves='4' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.8'/%3E%3C/svg%3E"); }
.site-header { height:96px; padding:0 clamp(24px,5vw,76px); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid #cfcfca; position:sticky; top:0; z-index:8; background:rgba(239,239,234,.95); backdrop-filter:blur(14px); }
.brand img { width:235px; height:75px; object-fit:contain; object-position:left center; filter:contrast(1.05); } nav { display:flex; gap:clamp(16px,2.4vw,40px); margin-left:auto; margin-right:clamp(20px,3vw,46px); } .nav-link,.lang { color:#50504c; text-decoration:none; background:transparent; border:0; border-radius:7px; padding:12px 15px; cursor:pointer; font:700 16px/1 Manrope,"Noto Sans SC",sans-serif; letter-spacing:.03em; transition:.25s; } .nav-link:hover,.nav-link.active,.lang.active { color:#fff; background:#282927; } .nav-link.active { border-bottom:0; } .language-switch { display:flex; align-items:center; gap:4px; background:#d9d9d4; border-radius:8px; padding:3px; } .language-switch span { display:none; }
.page-section { padding:clamp(68px,10vw,140px) clamp(24px,7vw,112px); } .about-section { display:grid; grid-template-columns:minmax(340px,.8fr) minmax(430px,1.2fr); gap:clamp(40px,7vw,120px); align-items:center; min-height:calc(100vh - 96px); max-width:1600px; margin:auto; } .eyebrow,.section-label { color:#c8c8c0; font-size:14px; letter-spacing:.14em; text-transform:uppercase; margin:0 0 20px; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(42px,4.4vw,66px); line-height:1.12; letter-spacing:-.06em; margin:0 0 28px; font-weight:700; } h1 em,h2 em { font-style:normal; color:var(--ember); } .lead { color:#d0d0ca; font-size:18px; line-height:1.85; max-width:450px; } .round-link { color:#fff; display:inline-flex; gap:30px; align-items:center; text-decoration:none; margin-top:26px; font-size:16px; border-bottom:1px solid #8c8c84; padding-bottom:13px; } .round-link b { color:var(--ember); font-size:21px; } .media-frame { overflow:hidden; border-radius:18px; border:1px solid rgba(255,255,255,.32); box-shadow:0 25px 60px rgba(0,0,0,.38); background:#080808; position:relative; } video { width:100%; display:block; aspect-ratio:16/9; object-fit:cover; } .hero-video-frame { border-radius:24px; } .frame-note { position:absolute; left:17px; bottom:15px; padding:7px 10px; background:rgba(15,15,15,.7); font-size:12px; letter-spacing:.12em; border-radius:2px; }
.intro-band { padding:clamp(66px,10vw,145px) clamp(24px,7vw,112px); background:var(--paper); color:#171817; display:grid; grid-template-columns:.42fr 1fr; gap:30px; } .intro-band h2,.product-copy h2,.section-heading h2,.usage-header h2 { font-size:clamp(35px,4.2vw,65px); line-height:1.13; letter-spacing:-.05em; margin-bottom:36px; } .intro-band .section-label { color:#666; font-size:35px; line-height:1.1; letter-spacing:.04em; text-transform:none; } .about-text { color:#4d4e49; font-size:18px; line-height:1.9; max-width:920px; column-count:2; column-gap:54px; } .about-text p:first-child { margin-top:0; }
.test-section { background:#202120; } .section-heading { max-width:820px; margin-bottom:55px; } .section-heading .eyebrow { font-size:22px; } .test-grid { display:grid; grid-template-columns:1fr 1fr; gap:clamp(24px,4vw,60px); } .card-caption { padding-top:18px; display:flex; gap:18px; align-items:baseline; } .card-caption span { color:var(--ember); font-size:14px; } .card-caption h3 { font-size:24px; font-weight:500; letter-spacing:-.03em; }
.product-section { display:grid; grid-template-columns:1.1fr .9fr; background:#161716; } .product-image { min-height:0; overflow:hidden; background:#101110; display:flex; align-items:flex-start; } .product-image img { width:100%; height:auto; object-fit:contain; filter:none; transition:transform .7s; } .product-image:hover img { transform:scale(1.015); } .product-copy { padding:clamp(64px,9vw,135px) clamp(25px,7vw,105px); align-self:center; } .product-copy .section-label { font-size:25px; letter-spacing:.08em; } .product-copy h2 { font-size:clamp(31px,3.3vw,54px); } .feature-list { border-top:1px solid var(--line); } .feature { display:grid; grid-template-columns:36px 1fr; gap:18px; padding:22px 0; border-bottom:1px solid var(--line); } .feature b { color:var(--ember); font-size:14px; padding-top:3px; } .feature h3 { font-size:19px; margin-bottom:8px; font-weight:600; } .feature p { color:#d0d0ca; font-size:16px; line-height:1.65; margin:0; }
.usage-section { padding:clamp(70px,10vw,140px) clamp(24px,7vw,112px) 80px; background:#282925; } .usage-header { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-bottom:58px; } .usage-header .eyebrow { font-size:25px; } .usage-header h2 { margin:0; } .steps { display:grid; grid-template-columns:repeat(4,1fr); border-top:1px solid var(--line); border-bottom:1px solid var(--line); } .step { padding:28px 24px 40px 0; min-height:210px; border-right:1px solid var(--line); margin-right:24px; } .step:last-child { border:0; } .step-num { color:var(--ember); font-size:14px; } .step h3 { font-size:20px; margin:36px 0 12px; font-weight:600; } .step p,.safety-note { color:#d0d0ca; font-size:16px; line-height:1.75; } .safety-note { border-left:2px solid var(--ember); padding-left:18px; margin-top:36px; max-width:none; white-space:nowrap; }
footer { min-height:250px; padding:46px clamp(24px,7vw,112px); display:grid; grid-template-columns:1fr 1.4fr 1fr; gap:30px; align-items:center; background:#efefea; border-top:1px solid #d3d3ce; } footer img { width:220px; filter:none; } footer p { font-size:20px; line-height:1.65; color:#3d3e39; margin:0; } footer p span { display:block; } footer p span + span { text-align:center; } .phones { justify-self:end; display:flex; flex-wrap:nowrap; align-items:center; justify-content:flex-end; gap:11px; color:#575751; font-size:16px; white-space:nowrap; } .phones a { color:#171817; text-decoration:none; white-space:nowrap; } .phones i { width:1px; height:15px; background:#999993; }
.reveal { animation:enter .7s ease both; } @keyframes enter { from { opacity:0; transform:translateY(15px); } to { opacity:1; transform:none; } }
/* Multi-page layout */
.brand { width:220px; height:92px; display:flex; align-items:center; overflow:hidden; } .brand img { width:220px; height:92px; }
.home-hero { min-height:calc(100vh - 96px); display:grid; grid-template-columns:minmax(380px,.8fr) minmax(550px,1.2fr); align-items:center; gap:clamp(50px,8vw,135px); padding:clamp(72px,10vw,140px) clamp(24px,7vw,112px); max-width:1600px; margin:auto; } .home-hero .hero-video-frame { width:100%; } .home-hero video { aspect-ratio:16/10; }
.showcase { overflow:hidden; padding:clamp(72px,9vw,130px) 0; background:#252624; } .showcase-heading { padding:0 clamp(24px,7vw,112px); display:flex; align-items:baseline; justify-content:space-between; gap:30px; } .showcase-heading h2 { font-size:clamp(34px,4vw,62px); letter-spacing:-.055em; margin:0 0 48px; } .carousel { width:100%; overflow:hidden; } .carousel-track { display:flex; gap:20px; width:max-content; animation:gallery-scroll 34s linear infinite; } .carousel:hover .carousel-track { animation-play-state:paused; } .carousel img { width:min(62vw,860px); height:clamp(300px,38vw,530px); object-fit:cover; border-radius:16px; box-shadow:0 18px 45px rgba(0,0,0,.3); } @keyframes gallery-scroll { to { transform:translateX(calc(-62vw - 20px)); } }
.home-links { display:grid; grid-template-columns:repeat(3,1fr); padding:0 clamp(24px,7vw,112px); background:var(--paper); } .home-links a { min-height:180px; color:#20211f; padding:33px 24px 32px 0; text-decoration:none; border-right:1px solid #c8c8c2; display:grid; grid-template-columns:auto 1fr auto; gap:14px; align-items:end; } .home-links a + a { padding-left:28px; } .home-links a:last-child { border:0; } .home-links span { color:var(--ember); font-size:13px; align-self:start; } .home-links strong { font-size:24px; font-weight:600; } .home-links b { font-size:22px; color:var(--ember); }
.subpage-hero { display:grid; grid-template-columns:.72fr 1.28fr; align-items:center; gap:clamp(42px,7vw,110px); padding:clamp(75px,10vw,145px) clamp(24px,7vw,112px); background:#1d1e1d; } .subpage-hero h1,.testing-hero h1 { font-size:clamp(42px,5vw,75px); margin:0; } .subpage-hero .media-frame video { aspect-ratio:16/9; } .about-content { padding:clamp(72px,10vw,145px) clamp(24px,7vw,112px); background:var(--paper); color:#232421; display:grid; grid-template-columns:.35fr 1fr; gap:50px; } .about-side { color:#70716a; font-size:24px; font-weight:600; } .about-side span { display:block; color:var(--ember); font-size:12px; letter-spacing:.16em; margin-top:15px; } .about-content .about-text { max-width:1000px; font-size:19px; line-height:2; column-count:2; column-gap:70px; } .about-image { height:min(55vw,720px); overflow:hidden; } .about-image img { width:100%; height:100%; object-fit:cover; }
.testing-hero { padding:clamp(80px,11vw,160px) clamp(24px,7vw,112px) 55px; background:#202120; } .testing-hero .eyebrow { font-size:22px; } .full-page { padding:0 clamp(24px,7vw,112px) clamp(90px,10vw,150px); background:#202120; } .standalone { min-height:0; } .usage-gallery { overflow:hidden; background:#111; padding:24px 0; } .usage-gallery-track { display:flex; align-items:center; gap:20px; width:max-content; animation:usage-gallery-scroll 30s linear infinite; } .usage-gallery:hover .usage-gallery-track { animation-play-state:paused; } .usage-gallery img { width:min(62vw,900px); height:auto; flex:none; } @keyframes usage-gallery-scroll { to { transform:translateX(calc(-124vw - 40px)); } }
@media (max-width:760px) { .site-header { height:auto; min-height:76px; padding:7px 16px; display:grid; grid-template-columns:1fr auto; gap:5px 10px; } .brand { width:160px; height:58px; } .brand img { width:160px; height:58px; } nav { grid-column:1 / -1; grid-row:2; display:flex; width:100%; gap:4px; justify-content:space-between; margin:0; } .nav-link,.lang { font-size:12px; padding:9px 9px; } .language-switch { grid-column:2; grid-row:1; } .about-section { grid-template-columns:1fr; padding-top:60px; min-height:auto; } .hero-copy { max-width:470px; } .intro-band,.product-section { grid-template-columns:1fr; } .intro-band { gap:10px; } .intro-band .section-label { font-size:28px; } .about-text { column-count:1; font-size:16px; } .test-grid { grid-template-columns:1fr; } .product-image { min-height:360px; } .usage-header { display:block; } .usage-header h2 { margin-top:28px; } .steps { grid-template-columns:1fr 1fr; } .step:nth-child(2) { border-right:0; } footer { grid-template-columns:1fr; padding:42px 24px; gap:22px; } footer p { font-size:18px; } .phones { justify-self:start; justify-content:start; }
  .home-hero,.subpage-hero { grid-template-columns:1fr; padding:58px 24px 72px; gap:40px; min-height:auto; } .home-hero h1,.subpage-hero h1,.testing-hero h1 { font-size:clamp(39px,11vw,52px); } .home-hero video { aspect-ratio:16/10; } .showcase-heading { display:block; padding:0 24px; } .showcase-heading .eyebrow { font-size:14px; } .showcase-heading h2 { margin-bottom:28px; } .carousel-track { gap:12px; } .carousel img { width:84vw; height:52vw; border-radius:11px; } .home-links { grid-template-columns:1fr; padding:0 24px; } .home-links a,.home-links a + a { min-height:100px; padding:22px 0; border-right:0; border-bottom:1px solid #c8c8c2; } .home-links strong { font-size:21px; }
  .about-content { grid-template-columns:1fr; gap:25px; padding:62px 24px; } .about-content .about-text { font-size:17px; column-count:1; line-height:1.9; } .about-image { height:64vw; } .testing-hero { padding:65px 24px 34px; } .testing-hero .eyebrow { font-size:17px; } .full-page { padding:0 24px 72px; } .product-image { min-height:0; } .usage-gallery { padding:12px 0; } .usage-gallery-track { gap:12px; } .usage-gallery img { width:84vw; } .usage-section { padding:70px 24px; } .usage-header .eyebrow { font-size:18px; } .step { padding:23px 15px 28px 0; margin-right:15px; min-height:220px; } .step h3 { font-size:18px; } .step p,.safety-note { font-size:14px; } .safety-note { white-space:normal; } .phones { flex-wrap:wrap; white-space:normal; }
}

/* Final visual corrections for the shared logo and two-image product column. */
.site-header .brand { width:220px; height:96px; display:block; overflow:hidden; }
.site-header .brand img { width:220px; height:220px; display:block; transform:translateY(-62px); }
.product-image { flex-direction:column; gap:18px; padding:18px; }
.about-page-hero { grid-template-columns:minmax(450px,.95fr) minmax(520px,1.05fr); }
.about-page-hero h1 { font-size:clamp(48px,4.4vw,68px); line-height:1.15; white-space:nowrap; }
.about-content .about-text { display:grid; grid-template-columns:1fr 1fr; column-count:unset; gap:70px; }
.about-content .about-text p { text-indent:2em; margin:0 0 28px; }
footer.no-copy { grid-template-columns:1fr 1fr; }
footer.no-copy .phones { grid-column:2; }

@media (max-width:760px) {
  .site-header .brand { width:160px; height:58px; }
  .site-header .brand img { width:160px; height:160px; transform:translateY(-50px); }
  .about-page-hero { grid-template-columns:1fr; }
  .about-page-hero h1 { white-space:normal; }
  .about-content .about-text { grid-template-columns:1fr; gap:0; }
  footer.no-copy { grid-template-columns:1fr; }
  footer.no-copy .phones { grid-column:auto; }
}
@media (max-width:410px) { .language-switch { gap:6px; } .lang { font-size:11px; } .steps { grid-template-columns:1fr; } .step { border-right:0; margin:0; min-height:auto; } }