:root { color-scheme: light; --font-sans: "IBM Plex Sans","Manrope","Helvetica Neue",Arial,sans-serif; --font-display: "IBM Plex Sans Condensed","Manrope","Arial Narrow","IBM Plex Sans",sans-serif; --font-mono: "IBM Plex Mono","SFMono-Regular",Consolas,monospace; --canvas: #e9eef0; --paper: #fbfcfc; --paper-2: #f2f5f5; --paper-3: #e7edef; --ink: #092531; --ink-2: #173944; --muted: #58717c; --faint: #81949c; --line: rgba(16,53,66,.14); --line-strong: rgba(16,53,66,.28); --navy: #061e29; --navy-2: #0a3140; --teal: #1596aa; --teal-bright: #78d3de; --teal-soft: #dff2f4; --blue: #6d9fc5; --green: #0c684b; --amber: #b96522; --warning: #ad681d; --warning-soft: #fff2dd; --inverse: #f3fafb; --inverse-muted: #b9d2d8; --inverse-line: rgba(213,241,245,.2); --shadow: 0 24px 70px rgba(8,33,44,.08); --shadow-deep: 0 34px 90px rgba(3,20,29,.2); --content: 1260px; --gutter: clamp(18px,4vw,58px); --page-pad: clamp(34px,6.5vw,92px); --flow: clamp(56px,5.4vw,76px); --flow-compact: clamp(34px,3.2vw,44px); --section: var(--flow); --section-tight: var(--flow-compact); --ease: cubic-bezier(.2,.7,.2,1); --radius-xl: 32px; --radius-lg: 22px; --radius-md: 14px; --radius-pill: 999px; }
@media (prefers-color-scheme: dark) {
  :root:not([data-theme="light"]) { color-scheme: dark; --canvas: #07141b; --paper: #0c2029; --paper-2: #102a34; --paper-3: #173540; --ink: #edf6f7; --ink-2: #d2e5e9; --muted: #a6bdc3; --faint: #76939b; --line: rgba(209,239,244,.12); --line-strong: rgba(209,239,244,.24); --navy: #03151e; --navy-2: #092d3b; --teal: #58c3d1; --teal-bright: #8fdee6; --teal-soft: #123a43; --blue: #91bad8; --green: #48a784; --amber: #d98947; --warning: #e5ad62; --warning-soft: #402f1b; --shadow: 0 26px 70px rgba(0,0,0,.28); --shadow-deep: 0 36px 100px rgba(0,0,0,.42); }
}
:root[data-theme="dark"] { color-scheme: dark; --canvas: #07141b; --paper: #0c2029; --paper-2: #102a34; --paper-3: #173540; --ink: #edf6f7; --ink-2: #d2e5e9; --muted: #a6bdc3; --faint: #76939b; --line: rgba(209,239,244,.12); --line-strong: rgba(209,239,244,.24); --navy: #03151e; --navy-2: #092d3b; --teal: #58c3d1; --teal-bright: #8fdee6; --teal-soft: #123a43; --blue: #91bad8; --green: #48a784; --amber: #d98947; --warning: #e5ad62; --warning-soft: #402f1b; --shadow: 0 26px 70px rgba(0,0,0,.28); --shadow-deep: 0 36px 100px rgba(0,0,0,.42); }
* { box-sizing: border-box; }
html { overflow-x: hidden; scroll-behavior: smooth; background: var(--canvas); }
body:not(.home) { margin: 0px; min-width: 0px; overflow-x: clip; background: linear-gradient(180deg,color-mix(in srgb,var(--paper) 34%,transparent),transparent 560px),var(--canvas); color: var(--ink); font: 400 16px/1.64 var(--font-sans); letter-spacing: 0.002em; -webkit-font-smoothing: antialiased; text-rendering: optimizelegibility; }
body:not(.home) img, body:not(.home) video { display: block; max-width: 100%; }
body:not(.home) picture { display: block; }
body:not(.home) video { background: var(--paper-3); }
body:not(.home) a { color: inherit; text-decoration-thickness: 1px; text-underline-offset: 0.22em; }
a:hover { color: var(--teal); }
a:focus-visible, button:focus-visible { outline: 2px solid var(--teal-bright); outline-offset: 4px; }
body:not(.home) h1, body:not(.home) h2, body:not(.home) h3, body:not(.home) p, body:not(.home) dl, body:not(.home) dd, body:not(.home) figure { margin-top: 0px; }
body:not(.home) h1, body:not(.home) h2, body:not(.home) h3 { font-family: var(--font-display); font-weight: 500; line-height: 1.02; letter-spacing: -0.025em; text-wrap: balance; }
body:not(.home) h1 { max-width: 13ch; margin-bottom: 26px; font-size: clamp(45px, 4.1vw, 56px); }
body:not(.home) h2 { max-width: 16ch; margin-bottom: 22px; font-size: clamp(32px, 3vw, 40px); }
body:not(.home) h3 { margin-bottom: 14px; font-size: clamp(23px, 2vw, 26px); }
body:not(.home) ul { padding-left: 1.15em; }
.site-head { position: sticky; top: 14px; z-index: 50; width: min(calc(100% - (var(--gutter)*2)),var(--content)); min-height: 78px; margin: 14px auto 0px; padding: 10px 12px 10px 18px; display: flex; align-items: center; justify-content: space-between; gap: 24px; border: 1px solid var(--line); border-radius: 18px; background: color-mix(in srgb,var(--paper) 88%,transparent); box-shadow: rgba(3, 25, 34, 0.1) 0px 12px 34px; backdrop-filter: blur(18px) saturate(145%); }
body:not(.home) .brand { flex: 0 0 auto; display: inline-flex; align-items: center; gap: 11px; min-height: 46px; padding: 0px 12px; color: var(--ink); font-family: var(--font-display); font-size: 24px; font-weight: 700; letter-spacing: -1.2px; text-decoration: none; }
body:not(.home) .brand::before { content: ""; width: 9px; height: 30px; border-radius: var(--radius-pill); background: linear-gradient(180deg,var(--teal-bright),var(--teal)); box-shadow: 0 0 0 5px color-mix(in srgb,var(--teal) 10%,transparent); }
.site-head nav { min-width: 0px; display: flex; align-items: center; justify-content: flex-end; gap: 7px; }
.site-head-right { min-width: 0px; display: flex; align-items: center; gap: 7px; }
.nav-toggle { display: none; }
.nav-cta { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 0px 18px; border: 1px solid rgb(10, 115, 133); border-radius: 12px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(10, 115, 133), rgb(7, 86, 103)); box-shadow: rgba(7, 86, 103, 0.24) 0px 9px 22px; font-size: 12px; font-weight: 600; letter-spacing: 0.015em; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease); }
a.nav-cta::after { content: "→"; margin-left: 9px; font-size: 16px; line-height: 1; transition: transform .2s var(--ease); }
a.nav-cta:hover { border-color: var(--teal-bright); color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(11, 132, 151), rgb(9, 100, 120)); box-shadow: rgba(7, 86, 103, 0.32) 0px 12px 28px; transform: translateY(-1px); }
a.nav-cta:hover::after { transform: translateX(3px); }
span.nav-cta[aria-current="page"] { padding-left: 34px; border-color: rgb(11, 130, 149); background: linear-gradient(135deg, rgb(11, 130, 149), rgb(7, 86, 103)); }
span.nav-cta[aria-current="page"]::before { content: ""; position: absolute; left: 14px; width: 7px; height: 7px; border-radius: 50%; background: var(--teal-bright); box-shadow: rgba(120, 211, 222, 0.12) 0px 0px 0px 4px; }
.site-head nav > a, .site-head nav > span[aria-current="page"] { position: relative; display: inline-flex; align-items: center; justify-content: center; min-height: 44px; padding: 0px 14px; border: 1px solid var(--line); border-radius: 12px; color: var(--muted); background: color-mix(in srgb,var(--paper-2) 78%,transparent); font-size: 12px; font-weight: 600; letter-spacing: 0.015em; line-height: 1.2; text-decoration: none; white-space: nowrap; transition: color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease),box-shadow .2s var(--ease); }
.site-head nav > span[aria-current="page"] { padding-left: 31px; border-color: rgb(22, 63, 76); color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(18, 57, 69), rgb(9, 42, 54)); box-shadow: rgba(255, 255, 255, 0.05) 0px 0px 0px 1px inset, rgba(4, 27, 36, 0.18) 0px 8px 22px; }
.site-head nav > span[aria-current="page"]::before { content: ""; position: absolute; left: 14px; width: 7px; height: 7px; border-radius: 50%; background: var(--teal-bright); box-shadow: rgba(120, 211, 222, 0.12) 0px 0px 0px 4px; }
.site-head nav > a:hover { border-color: var(--line-strong); color: var(--ink); background: var(--paper); box-shadow: rgba(6, 35, 46, 0.08) 0px 8px 20px; transform: translateY(-1px); }
.site-foot { width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: 38px auto 0px; padding: 32px 0px 48px; display: grid; grid-template-columns: 0.85fr 1.15fr; gap: 18px 48px; border-top: 1px solid var(--line); color: var(--muted); font-size: 12px; }
.site-foot p { margin: 0px; }
.site-foot p:first-child { color: var(--ink); }
.lede { max-width: 750px; color: var(--muted); font-size: clamp(18px, 1.45vw, 20px); line-height: 1.66; letter-spacing: -0.006em; }
.meta, .n { color: var(--teal); font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.12em; line-height: 1.45; text-transform: uppercase; }
.n { display: block; margin: 0px 0px 14px; }
.pending { display: inline-flex; align-items: center; min-height: 25px; padding: 4px 8px; border: 1px solid var(--warning); background: var(--warning-soft); color: var(--warning); font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.04em; line-height: 1.25; vertical-align: middle; }
.note { max-width: 850px; padding: 18px 0px 18px 20px; border-left: 2px solid var(--line-strong); color: var(--muted); font-size: 13px; line-height: 1.72; }
body:not(.home) .hero { position: relative; width: min(calc(100% - (var(--gutter)*2)),var(--content)); min-height: 610px; margin: 24px auto 0px; padding: clamp(48px, 5.6vw, 78px); display: grid; grid-template-columns: minmax(0px, 0.92fr) minmax(390px, 1.08fr); gap: clamp(42px, 5.5vw, 74px); align-items: center; overflow: hidden; border: 1px solid rgba(213, 241, 245, 0.14); border-radius: var(--radius-xl); color: var(--inverse); background: linear-gradient(rgba(120, 211, 224, 0.07) 1px, transparent 1px) 0% 0% / 58px 58px, linear-gradient(90deg, rgba(120, 211, 224, 0.07) 1px, transparent 1px) 0% 0% / 58px 58px, radial-gradient(circle at 78% 15%, rgba(21, 150, 170, 0.18), transparent 28%) 0% 0% / auto, linear-gradient(135deg, rgb(3, 20, 30), rgb(8, 47, 62) 64%, rgb(7, 27, 36)) 0% 0% / auto; box-shadow: var(--shadow-deep); }
body:not(.home) .hero::after { content: ""; position: absolute; right: 0px; bottom: 0px; left: 0px; height: 6px; background: linear-gradient(90deg,var(--blue) 0 39%,var(--green) 39% 70%,var(--amber) 70% 100%); }
.hero-copy { min-width: 0px; }
.hero-copy .meta { display: flex; align-items: center; gap: 13px; margin-bottom: 58px; color: rgb(168, 200, 209); }
.hero-copy .meta::before { content: ""; width: 52px; height: 1px; background: var(--teal-bright); }
body:not(.home) .hero h1 { max-width: 11ch; color: rgb(248, 252, 253); font-size: clamp(47px, 4.2vw, 56px); line-height: 0.98; }
body:not(.home) .hero .lede { max-width: 590px; color: rgb(198, 217, 222); font-size: clamp(18px, 1.45vw, 20px); line-height: 1.62; }
body:not(.home) .hero-media { position: relative; width: min(100%, 620px); justify-self: end; overflow: hidden; isolation: isolate; transform: translateZ(0px); border: 1px solid rgba(213, 241, 245, 0.22); border-radius: var(--radius-lg); background: rgb(13, 39, 50); aspect-ratio: 15 / 7; box-shadow: rgba(0, 0, 0, 0.32) 0px 28px 64px; }
body:not(.home) .hero-media::after { content: "Precision coating / real factory footage"; position: absolute; left: 14px; bottom: 14px; padding: 7px 10px; border: 1px solid rgba(213, 241, 245, 0.2); border-radius: 9px; color: rgb(216, 236, 239); background: rgba(3, 22, 30, 0.78); font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.07em; text-transform: uppercase; backdrop-filter: blur(8px); }
body:not(.home) .hero-media img, body:not(.home) .hero-media video { width: 100%; height: 100%; object-fit: cover; }
.facts { position: relative; z-index: 2; width: min(calc(100% - (var(--gutter)*2) - 64px),calc(var(--content) - 64px)); margin: -48px auto 58px; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--line); gap: 1px; box-shadow: rgba(3, 25, 34, 0.16) 0px 22px 60px; }
.facts > div { min-width: 0px; min-height: 150px; padding: clamp(24px, 3vw, 34px); background: var(--paper); }
.facts dt { margin-bottom: 20px; color: var(--faint); font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.09em; text-transform: uppercase; }
.facts dd { margin: 0px; color: var(--ink); font-family: var(--font-display); font-size: clamp(27px, 2.8vw, 38px); font-weight: 500; line-height: 1.03; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; }
.lines { width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: var(--flow) auto; padding: var(--page-pad); display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); gap: clamp(26px, 4vw, 54px); border: 1px solid var(--line); border-radius: var(--radius-xl); background: linear-gradient(135deg,color-mix(in srgb,var(--teal-soft) 18%,transparent),transparent 42%),var(--paper); box-shadow: var(--shadow); }
.lines > .card { grid-column: span 6; }
.lines > .card:first-child { grid-column: span 5; align-self: end; }
.lines > .card:nth-child(2) { grid-column: 6 / span 7; }
.lines > .card:nth-child(3) { grid-column: 3 / span 8; }
.card { min-width: 0px; }
.card > a { display: block; height: 100%; padding: 14px 14px 24px; border: 1px solid transparent; border-radius: var(--radius-lg); color: inherit; background: color-mix(in srgb,var(--paper-2) 72%,transparent); text-decoration: none; transition: transform .28s var(--ease),border-color .28s var(--ease),background .28s var(--ease),box-shadow .28s var(--ease); }
.card > a:hover, .card > a:focus-visible { border-color: var(--line-strong); background: var(--paper); box-shadow: rgba(6, 35, 46, 0.12) 0px 18px 48px; transform: translateY(-5px); }
.card-media { position: relative; overflow: hidden; margin-bottom: 24px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper-3); aspect-ratio: 16 / 10; }
.lines > .card:first-child .card-media { max-height: 340px; }
.card-media::after { content: ""; position: absolute; inset: 0px; pointer-events: none; box-shadow: rgba(255, 255, 255, 0.16) 0px 0px 0px 1px inset; }
.card-media img, .card-media video { width: 100%; height: 100%; object-fit: cover; transition: transform .65s var(--ease); }
.card:hover .card-media img, .card:hover .card-media video { transform: scale(1.02); }
.card h2, .card h3 { max-width: 18ch; margin-bottom: 13px; }
.card h2 { font-size: clamp(29px, 2.5vw, 36px); }
.card h2::after, .card h3::after { content: "↗"; display: inline-grid; width: 29px; height: 29px; margin-left: 10px; place-items: center; border: 1px solid var(--line-strong); border-radius: 50%; font-family: var(--font-sans); font-size: 14px; vertical-align: 0.14em; transition: color .2s var(--ease),background .2s var(--ease),transform .2s var(--ease); }
.card > a:hover h2::after, .card > a:hover h3::after { color: rgb(255, 255, 255); background: var(--teal); transform: translate(2px, -2px); }
.card p { max-width: 58ch; margin-bottom: 0px; color: var(--muted); }
.card:nth-child(1) .n { color: var(--blue); }
.card:nth-child(2) .n { color: var(--green); }
.card:nth-child(3) .n { color: var(--amber); }
.application-page { position: relative; width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: var(--flow) auto; padding: var(--page-pad); overflow: hidden; border: 1px solid rgba(213, 241, 245, 0.12); border-radius: var(--radius-xl); color: var(--inverse); background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: 58px 58px; box-shadow: var(--shadow-deep); }
.application-page > .meta { margin-bottom: 18px; color: var(--teal-bright); }
.application-page > h2 { max-width: none; margin-bottom: 54px; color: rgb(245, 251, 252); font-size: clamp(34px, 3vw, 40px); }
.process-grid { display: grid; grid-template-columns: repeat(12, minmax(0px, 1fr)); gap: 14px; background: transparent; }
.process-card { --scene-accent: var(--teal-bright); position: relative; grid-column: span 6; min-width: 0px; min-height: 540px; overflow: hidden; isolation: isolate; contain: paint; border: 1px solid rgba(213, 241, 245, 0.16); border-radius: var(--radius-lg); background: transparent; box-shadow: rgba(0, 0, 0, 0.18) 0px 18px 46px; transition: transform .32s var(--ease),border-color .32s var(--ease),box-shadow .32s var(--ease); }
.process-card:last-child:nth-child(2n+1) { grid-column: 3 / span 8; }
.process-card:hover, .process-card:focus-within { border-color: color-mix(in srgb,var(--scene-accent) 64%,transparent); box-shadow: rgba(0, 0, 0, 0.28) 0px 26px 60px; transform: translateY(-5px); }
.app-battery { --scene-accent: #82b9d8; }
.app-pcb { --scene-accent: #d48a48; }
.app-semiconductor { --scene-accent: #78d3de; }
.app-coating { --scene-accent: #68b28f; }
.process-media, .process-media::after { position: absolute; inset: 0px; }
.process-media { z-index: 0; overflow: hidden; background: rgb(11, 41, 53); transition: transform; }
.process-media::after { content: ""; background: linear-gradient(90deg, rgba(2, 17, 24, 0.97), rgba(2, 17, 24, 0.87) 47%, rgba(2, 17, 24, 0.18) 82%), linear-gradient(0deg, rgba(2, 17, 24, 0.72), transparent 55%); }
.process-media img, .process-media video { width: 100%; height: 100%; object-fit: cover; transition: transform .8s var(--ease),filter .8s var(--ease); }
.process-card:hover .process-media img { transform: scale(1.025); filter: saturate(1.05); }
.illus { position: absolute; z-index: 2; top: 16px; right: 16px; padding: 7px 9px; border: 1px solid rgba(255, 255, 255, 0.35); border-radius: 9px; color: rgb(225, 237, 240); background: rgba(2, 20, 28, 0.72); font-family: var(--font-mono); font-size: 11px; font-weight: 600; letter-spacing: 0.07em; line-height: 1.2; text-transform: uppercase; backdrop-filter: blur(8px); }
.process-copy { position: relative; z-index: 1; width: 64%; min-height: 560px; padding: 38px; display: flex; flex-direction: column; align-items: flex-start; color: rgb(244, 250, 251); }
.process-copy::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 3px; background: var(--scene-accent); }
.process-copy .n { color: var(--scene-accent); }
.process-copy h3 { max-width: 15ch; margin-top: 22px; color: rgb(246, 251, 252); font-size: clamp(24px, 2vw, 26px); line-height: 1.08; }
.process-copy ul { margin: 22px 0px 28px; padding: 0px; color: rgb(200, 217, 221); font-size: 13px; line-height: 1.55; list-style: none; }
.process-copy li { padding: 9px 0px; border-bottom: 1px solid rgba(216, 240, 244, 0.14); }
.process-copy li::before { content: ""; display: inline-block; width: 4px; height: 4px; margin: 0px 9px 3px 0px; background: var(--scene-accent); }
.uses { margin: auto 0px 0px; display: flex; flex-wrap: wrap; gap: 7px; }
.uses a { display: inline-flex; align-items: center; min-height: 34px; padding: 7px 11px; border: 1px solid rgba(220, 241, 244, 0.28); border-radius: var(--radius-pill); color: rgb(220, 236, 239); background: rgba(4, 29, 38, 0.64); font-size: 11px; font-weight: 500; line-height: 1.25; text-decoration: none; backdrop-filter: blur(7px); transition: color .2s var(--ease),background .2s var(--ease),border-color .2s var(--ease),transform .2s var(--ease); }
.uses a::after { content: "↗"; margin-left: 6px; font-size: 10px; }
.uses a:hover { border-color: var(--scene-accent); color: rgb(6, 30, 41); background: var(--scene-accent); transform: translateY(-1px); }
.cap, .customers { width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: var(--flow) auto; padding: var(--page-pad); border: 1px solid var(--line); border-radius: var(--radius-xl); background: var(--paper); box-shadow: var(--shadow); }
.cap > h2 { max-width: 14ch; }
.cap > ul { margin: 36px 0px 54px; padding: 0px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); border: 1px solid var(--line); background: var(--line); gap: 1px; list-style: none; }
.cap > ul li { min-height: 110px; padding: 22px; display: flex; align-items: flex-end; background: var(--paper-2); color: var(--ink-2); font-size: 13px; line-height: 1.45; }
.cap-media { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; background: transparent; }
.cap-media figure { position: relative; width: 100%; min-width: 0px; min-height: 0px; aspect-ratio: 15 / 7; margin: 0px; overflow: hidden; isolation: isolate; transform: translateZ(0px); border-radius: 16px; background: var(--paper-3); }
.cap-media figure:first-child { grid-column: 1 / -1; }
.cap-media img, .cap-media video { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ease),filter .7s var(--ease); }
.cap-media figure:hover img { transform: scale(1.025); filter: saturate(1.06); }
.cap-media figcaption, body:not(.home) .process figcaption { position: absolute; right: 0px; bottom: 0px; left: 0px; padding: 15px 17px; color: rgb(240, 248, 249); background: linear-gradient(0deg, rgba(3, 21, 29, 0.92), rgba(3, 21, 29, 0.12)); font-size: 12px; }
.customers > :first-child { max-width: 850px; }
.logos { margin: 42px 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(4, minmax(0px, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); list-style: none; }
.logos > * { min-width: 0px; min-height: 108px; padding: 18px; display: grid; place-items: center; background: var(--paper-2); color: var(--ink-2); font-family: var(--font-display); font-size: 20px; text-align: center; }
.ticker { width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: 0px auto; padding: 24px 0px; border-top: 1px solid var(--line); color: var(--faint); font-size: 12px; }
.line { --line-accent: var(--teal); width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: 24px auto var(--flow); padding: var(--page-pad); overflow: hidden; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 5px solid var(--line-accent); border-radius: var(--radius-xl); background: var(--paper); box-shadow: var(--shadow); }
.line[data-line="silicone-pet-protective-film"] { --line-accent: var(--blue); }
.line[data-line="green-polyester-masking-tape"] { --line-accent: var(--green); }
.line[data-line="polyimide-tape"] { --line-accent: var(--amber); }
.line[data-line="acrylic-pet-protective-film"] { --line-accent: var(--teal); }
.line > .application-page { width: 100%; margin: var(--flow) 0; }
.line > .ask { margin: var(--flow) 0; }
.line > .meta:first-child { display: inline-block; margin-bottom: 20px; color: var(--line-accent); }
.line > h1 { max-width: 12ch; }
.line > .lede { margin-bottom: 0px; }
.line-hero { position: relative; width: 100%; min-height: 420px; max-height: 720px; margin: var(--flow) 0; overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--paper-3); box-shadow: rgba(6, 35, 46, 0.12) 0px 18px 46px; }
.line-hero::after { content: ""; position: absolute; inset: 0px; pointer-events: none; box-shadow: rgba(255, 255, 255, 0.14) 0px 0px 0px 1px inset; }
.line-hero img, .line-hero video { width: 100%; height: 100%; min-height: inherit; max-height: inherit; object-fit: cover; transition: transform .8s var(--ease); }
.line-hero:hover img { transform: scale(1.015); }
.line[data-line="silicone-pet-protective-film"] .line-hero, .line[data-line="acrylic-pet-protective-film"] .line-hero { width: min(78%, 860px); min-height: 360px; margin-left: auto; }
.highlight { position: relative; margin: var(--flow) 0; padding: clamp(34px, 5vw, 56px); overflow: hidden; border: 1px solid var(--line); border-radius: var(--radius-lg); background: linear-gradient(90deg,color-mix(in srgb,var(--line-accent) 13%,transparent),transparent 62%),var(--paper-2); }
.highlight::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 4px; background: var(--line-accent); }
.highlight::after { content: ""; position: absolute; right: 36px; bottom: 34px; width: min(34%, 340px); height: 24px; opacity: 0.45; background: linear-gradient(var(--line-accent),var(--line-accent)) left center/100% 1px no-repeat,repeating-linear-gradient(90deg,var(--line-accent) 0 1px,transparent 1px 24px); }
.highlight h2, .highlight h3 { max-width: 18ch; margin-bottom: 15px; }
.highlight p { position: relative; z-index: 1; max-width: 700px; }
.highlight p:last-child { margin-bottom: 0px; }
.callout { margin: var(--flow) 0; padding: clamp(40px, 6vw, 72px); overflow: hidden; border-radius: var(--radius-lg); color: rgb(246, 251, 252); background: linear-gradient(rgba(120, 211, 224, 0.055) 1px, transparent 1px) 0% 0% / 58px 58px, linear-gradient(90deg, rgba(120, 211, 224, 0.055) 1px, transparent 1px) 0% 0% / 58px 58px, linear-gradient(135deg, rgb(7, 31, 42), rgb(10, 51, 65)) 0% 0% / auto; box-shadow: var(--shadow-deep); }
.callout .meta { color: rgb(216, 154, 98); }
.callout h2 { color: rgb(247, 251, 252); }
.callout > .note { border-left-color: rgba(255, 255, 255, 0.25); color: rgb(188, 209, 214); }
.perf { margin: 44px 0px 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); border-top: 1px solid var(--inverse-line); border-bottom: 1px solid var(--inverse-line); }
.perf > div { min-width: 0px; padding: clamp(30px, 4vw, 48px); border-left: 1px solid var(--inverse-line); }
.perf > div:first-child { padding-left: 0px; border-left: 0px; }
.perf dt { margin-bottom: 14px; color: rgb(182, 203, 208); font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.08em; line-height: 1.35; text-transform: uppercase; }
.perf .src { max-width: 34ch; margin: 14px 0px 0px; color: rgb(142, 168, 175); font-family: var(--font-sans); font-size: 12px; font-weight: 400; line-height: 1.5; letter-spacing: 0px; text-transform: none; }
.perf dd { margin: 0px; color: rgb(255, 255, 255); font-family: var(--font-display); font-size: clamp(48px, 4.6vw, 62px); font-weight: 500; line-height: 0.98; letter-spacing: -0.025em; font-variant-numeric: tabular-nums; }
.apps { margin: var(--flow) 0; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 10px; background: transparent; }
.app { min-width: 0px; padding: 30px; border: 1px solid var(--line); border-radius: 16px; background: var(--paper-2); }
.app h3 { max-width: 20ch; }
.app ul { margin-bottom: 0px; color: var(--muted); }
.testcond { margin: var(--flow) 0; padding-top: var(--flow-compact); border-top: 1px solid var(--line-strong); }
.testcond > .meta { color: var(--line-accent); }
.testcond > h2 { max-width: 18ch; }
.testcond > .kv { margin: var(--flow-compact) 0; }
.testcond > .note { margin-bottom: 0px; }
.pending-block { padding: clamp(30px, 4vw, 46px); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 4px solid var(--teal); border-radius: var(--radius-lg); background: linear-gradient(135deg,color-mix(in srgb,var(--teal-soft) 52%,var(--paper)),var(--paper)); }
.pending-block > .meta { color: var(--teal); }
.pending-block > .lede { max-width: 880px; }
.pending-block > .note { max-width: 900px; border-left-color: var(--teal); color: var(--ink-2); }
body:not(.home) .process { margin: var(--flow) 0; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; background: transparent; }
body:not(.home) .process > h2 { grid-column: 1 / -1; width: 100%; max-width: none; margin: 0px; padding: 0px 0px 20px; background: var(--paper); }
body:not(.home) .process figure { position: relative; width: 100%; min-width: 0px; min-height: 0px; aspect-ratio: 15 / 7; margin: 0px; overflow: hidden; isolation: isolate; transform: translateZ(0px); border-radius: 16px; background: var(--paper-3); }
body:not(.home) .process img, body:not(.home) .process video { width: 100%; height: 100%; object-fit: cover; }
body:not(.home) .process video, .cap-media video, body:not(.home) .hero-media video { transform: translateZ(0px); will-change: transform; backface-visibility: hidden; }
.guide { --line-accent: var(--teal); width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: 24px auto var(--flow); padding: var(--page-pad); overflow: hidden; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 5px solid var(--line-accent); border-radius: var(--radius-xl); background: var(--paper); box-shadow: var(--shadow); }
.guide-head { display: grid; grid-template-columns: minmax(0px, 1.02fr) minmax(0px, 0.98fr); gap: clamp(28px, 3.4vw, 56px); align-items: center; }
.guide-head-copy h1 { max-width: 21ch; margin-bottom: 18px; font-size: clamp(32px, 2.85vw, 41px); line-height: 1.1; letter-spacing: -0.022em; }
.guide-head-copy .lede { max-width: 54ch; margin-bottom: 0px; }
.guide-head-media { position: relative; min-width: 0px; margin: 0px; aspect-ratio: 4 / 3; overflow: hidden; isolation: isolate; contain: paint; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--paper-3); box-shadow: rgba(6, 35, 46, 0.12) 0px 18px 46px; }
.guide-head-media img, .guide-head-media video { display: block; width: 100%; height: 100%; object-fit: cover; }
.guide-head-media figcaption, .guide-fig figcaption { position: absolute; right: 0px; bottom: 0px; left: 0px; padding: 14px 16px; color: rgb(240, 248, 249); background: linear-gradient(0deg, rgba(3, 21, 29, 0.93), rgba(3, 21, 29, 0.1)); font-family: var(--font-mono); font-size: 11px; letter-spacing: 0.06em; text-transform: uppercase; }
.guide-facts { margin: var(--flow) 0; padding: clamp(30px, 4vw, 50px) clamp(28px, 3.6vw, 52px); overflow: hidden; border-radius: var(--radius-lg); color: rgb(246, 251, 252); background: linear-gradient(rgba(120, 211, 224, 0.055) 1px, transparent 1px) 0% 0% / 58px 58px, linear-gradient(90deg, rgba(120, 211, 224, 0.055) 1px, transparent 1px) 0% 0% / 58px 58px, linear-gradient(135deg, rgb(7, 31, 42), rgb(10, 51, 65)) 0% 0% / auto; box-shadow: var(--shadow-deep); }
.guide-facts .perf { margin: 0px; grid-template-columns: repeat(4, minmax(0px, 1fr)); border: 0px; }
.guide-facts .perf > div { min-width: 0px; padding: 0px clamp(14px, 1.6vw, 24px); border-left: 1px solid var(--inverse-line); }
.guide-facts .perf > div:first-child { padding-left: 0px; border-left: 0px; }
.guide-facts .perf dd { font-size: clamp(26px, 2.5vw, 38px); }
.guide-body:not(.home) { margin-top: var(--flow); }
.guide-sec { margin: var(--flow) 0; }
.guide-sec.has-media { display: grid; grid-template-columns: minmax(0px, 1.06fr) minmax(0px, 0.94fr); gap: clamp(26px, 3vw, 50px); align-items: start; }
.guide-sec.has-media.flip .guide-sec-copy { order: 2; }
.guide-sec h2 { max-width: 19ch; margin-bottom: 18px; }
.guide-sec p { max-width: 62ch; color: var(--ink-2); }
.guide-sec p + p { margin-top: 14px; }
.guide-points { margin: 24px 0px 0px; padding: 0px; display: grid; gap: 1px; overflow: hidden; border: 1px solid var(--line); border-radius: 14px; background: var(--line); list-style: none; }
.guide-points li { padding: 15px 18px; background: var(--paper-2); color: var(--ink-2); font-size: 14px; line-height: 1.5; }
.guide-sec-media { display: grid; gap: 12px; min-width: 0px; }
.guide-fig { position: relative; min-width: 0px; margin: 0px; aspect-ratio: 15 / 10; overflow: hidden; isolation: isolate; contain: paint; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--paper-3); }
.guide-fig img { display: block; width: 100%; height: 100%; object-fit: cover; }
.guide-faq, .guide-related { margin: var(--flow) 0; }
.guide-faq h2, .guide-related h2 { max-width: 20ch; }
.guide-faq .apps, .guide-related .apps { margin: 26px 0px 0px; }
.guide-faq .app h3 { max-width: 26ch; margin-bottom: 10px; font-size: 18px; }
.guide-faq .app p { margin: 0px; color: var(--ink-2); font-size: 15px; line-height: 1.6; }
.guide-related .app h3 a { color: var(--ink); text-decoration: none; }
.guide-related .app h3 a:hover { color: var(--teal); }
.guide-cta { position: relative; margin: var(--flow) 0 0; padding: clamp(38px, 5vw, 62px); overflow: hidden; scroll-margin-top: 120px; border: 1px solid rgba(213, 241, 245, 0.14); border-radius: var(--radius-xl); color: rgb(239, 248, 250); background: radial-gradient(circle at 88% 18%, rgba(120, 211, 224, 0.14), transparent 30%), linear-gradient(135deg, rgb(7, 31, 42), rgb(10, 52, 66)); box-shadow: var(--shadow-deep); }
.guide-cta > .meta { color: var(--teal-bright); }
.guide-cta h2 { max-width: 18ch; color: rgb(245, 251, 252); }
.guide-cta .lede { max-width: 60ch; color: rgb(225, 238, 240); font-family: var(--font-display); font-size: clamp(19px, 1.6vw, 20px); line-height: 1.55; }
.cta-send { margin: 28px 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 1px; overflow: hidden; border: 1px solid var(--inverse-line); border-radius: 14px; background: var(--inverse-line); list-style: none; }
.cta-send li { padding: 16px 18px; background: rgba(255, 255, 255, 0.03); color: rgb(220, 234, 237); font-size: 14px; line-height: 1.5; }
.cta-promise { margin: 22px 0px 0px; color: var(--teal-bright); font-family: var(--font-mono); font-size: 12px; letter-spacing: 0.06em; text-transform: uppercase; }
.cta-button { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; margin-top: 22px; padding: 0px 26px; border: 1px solid var(--teal-bright); border-radius: 13px; color: rgb(6, 32, 42); background: linear-gradient(135deg,#a1e8ee,var(--teal-bright)); box-shadow: rgba(120, 211, 222, 0.18) 0px 12px 30px; font-size: 14px; font-weight: 700; letter-spacing: 0.01em; text-decoration: none; transition: transform .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease); }
.cta-button::after { content: "→"; margin-left: 10px; font-size: 17px; transition: transform .2s var(--ease); }
.cta-button:hover { color: rgb(6, 32, 42); transform: translateY(-2px); filter: brightness(1.06); box-shadow: rgba(120, 211, 222, 0.28) 0px 16px 36px; }
.cta-button:hover::after { transform: translateX(3px); }
.tbl-wrap { width: 100%; max-width: 100%; margin: var(--flow) 0; overflow: auto visible; overscroll-behavior-inline: contain; border: 1px solid var(--line-strong); border-radius: 16px; scrollbar-width: thin; scrollbar-color: var(--line-strong) transparent; box-shadow: rgba(6, 35, 46, 0.07) 0px 12px 32px; }
.tbl-wrap::-webkit-scrollbar { height: 8px; }
.tbl-wrap::-webkit-scrollbar-thumb { border-radius: var(--radius-pill); background: var(--line-strong); }
.tbl-wrap table { width: 100%; min-width: 820px; border-collapse: collapse; border-spacing: 0px; background: var(--paper); font-size: 15px; line-height: 1.5; font-variant-numeric: tabular-nums; }
.tbl-wrap caption { padding: 14px 14px 12px; border-bottom: 1px solid var(--line); color: var(--muted); background: var(--paper-2); font-size: 12px; text-align: left; }
.tbl-wrap th, .tbl-wrap td { padding: 16px 14px; border-bottom: 1px solid var(--line); text-align: left; vertical-align: middle; }
.tbl-wrap th { position: sticky; top: 0px; z-index: 2; color: var(--muted); background: var(--paper-2); font-family: var(--font-mono); font-size: 12px; font-weight: 600; letter-spacing: 0.045em; text-transform: uppercase; white-space: nowrap; }
.tbl-wrap td:first-child { color: var(--ink); font-family: var(--font-mono); font-weight: 600; }
.tbl-wrap td:not(:first-child) { font-variant-numeric: tabular-nums; }
.tbl-wrap tbody tr { transition: background 0.16s; }
.tbl-wrap tbody tr:hover { background: var(--paper-2); }
.tbl-wrap tbody tr:last-child td { border-bottom: 0px; }
.tbl-wrap tr.low-tack { background: color-mix(in srgb,var(--blue) 13%,var(--paper)); }
.tbl-wrap tr.low-tack td:first-child { box-shadow: inset 3px 0 0 var(--blue); }
.tbl-wrap tr.low-tack:hover { background: color-mix(in srgb,var(--blue) 20%,var(--paper)); }
.low-tack strong, .low-tack b { color: var(--blue); }
.supply { width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: var(--flow) auto; padding: var(--page-pad); border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 5px solid var(--teal); border-radius: var(--radius-xl); background: var(--paper); box-shadow: var(--shadow); }
.supply > .lede { margin-bottom: 48px; }
.kv { margin: var(--section-tight) 0; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 1px; border: 1px solid var(--line); background: var(--line); }
.kv > * { min-width: 0px; min-height: 142px; padding: clamp(24px, 3vw, 34px); background: var(--paper-2); }
.kv strong, .kv b { display: block; margin-bottom: 10px; color: var(--ink); font-family: var(--font-display); font-size: clamp(23px, 2.3vw, 34px); font-weight: 500; line-height: 1.08; letter-spacing: -0.02em; font-variant-numeric: tabular-nums; }
.kv p { margin: 0px; color: var(--muted); font-size: 12px; }
.certs-wrap { width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: var(--flow) auto; padding: var(--page-pad); border: 1px solid var(--line); border-radius: var(--radius-xl); background: var(--paper); box-shadow: var(--shadow); }
.certs-wrap > h2 { max-width: none; }
.certs { margin: var(--flow-compact) 0 0; display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 10px; background: transparent; }
.certs > * { min-width: 0px; min-height: 156px; padding: 26px; border: 1px solid var(--line); border-radius: 14px; background: var(--paper-2); }
.certs strong { display: block; margin-bottom: 9px; color: var(--ink); font-family: var(--font-display); font-size: 21px; line-height: 1.12; }
.certs p { margin-bottom: 16px; color: var(--muted); font-size: 13px; line-height: 1.55; }
body:not(.home) main > h1 { width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: var(--flow) auto 0; }
.request { width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: var(--flow) auto; padding: var(--page-pad); scroll-margin-top: 120px; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 5px solid var(--teal); border-radius: var(--radius-xl); background: linear-gradient(145deg,color-mix(in srgb,var(--teal-soft) 24%,transparent),transparent 38%),var(--paper); box-shadow: var(--shadow); }
.request > .meta { margin-bottom: 14px; }
.request > h2 { max-width: none; margin-bottom: var(--flow-compact); }
.req-form { display: grid; gap: 18px; }
.req-form label { display: block; color: var(--ink-2); font-size: 14px; font-weight: 600; line-height: 1.45; }
.req-form > .f-row:nth-of-type(-n+2) { padding: 22px; border: 1px solid color-mix(in srgb,var(--teal) 28%,var(--line)); border-radius: 16px; background: color-mix(in srgb,var(--teal-soft) 62%,var(--paper)); }
.req-form > .f-row:nth-of-type(-n+2) label { font-family: var(--font-display); font-size: clamp(18px, 1.55vw, 21px); font-weight: 500; letter-spacing: -0.012em; }
.f-row, .f-grid { min-width: 0px; }
.f-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 16px 18px; padding: 22px 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.req { display: inline; color: var(--teal); font-weight: 700; }
.hp { display: none !important; }
.req-form input:not([type="hidden"]):not([type="checkbox"]), .req-form textarea { display: block; width: 100%; min-width: 0px; margin-top: 9px; border: 1px solid var(--line-strong); border-radius: 11px; color: var(--ink); background: color-mix(in srgb,var(--paper) 94%,transparent); font: 500 .9375rem/1.45 var(--font-sans); letter-spacing: 0px; outline: 0px; transition: border-color .2s var(--ease),box-shadow .2s var(--ease),background .2s var(--ease); }
.req-form input:not([type="hidden"]):not([type="checkbox"]) { min-height: 52px; padding: 0px 15px; }
.req-form > .f-row:nth-of-type(-n+2) input { min-height: 58px; font-size: 16px; }
.req-form textarea { min-height: 126px; padding: 14px 15px; resize: vertical; }
.req-form input::placeholder, .req-form textarea::placeholder { color: var(--faint); font-weight: 400; }
.req-form input:focus, .req-form textarea:focus { border-color: var(--teal); background: var(--paper); box-shadow: 0 0 0 4px color-mix(in srgb,var(--teal) 14%,transparent); }
.req-form button[type="submit"] { justify-self: start; display: inline-flex; align-items: center; justify-content: center; min-height: 56px; margin-top: 4px; padding: 0px 24px; border: 1px solid rgb(10, 115, 133); border-radius: 13px; color: rgb(255, 255, 255); background: linear-gradient(135deg, rgb(10, 115, 133), rgb(7, 86, 103)); box-shadow: rgba(7, 86, 103, 0.24) 0px 12px 28px; font: 700 14px/1.2 var(--font-sans); letter-spacing: 0.005em; cursor: pointer; transition: transform .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease); }
.req-form button[type="submit"]::after { content: "→"; margin-left: 11px; font-size: 17px; transition: transform .2s var(--ease); }
.req-form button[type="submit"]:hover { transform: translateY(-2px); filter: brightness(1.08); box-shadow: rgba(7, 86, 103, 0.32) 0px 16px 34px; }
.req-form button[type="submit"]:hover::after { transform: translateX(3px); }
.req-form > .meta { margin: 2px 0px 0px; color: var(--faint); font-size: 11px; letter-spacing: 0.09em; }
.thanks { position: relative; width: min(calc(100% - (var(--gutter)*2)),var(--content)); min-height: min(620px, -190px + 100svh); margin: 24px auto var(--flow); padding: clamp(48px, 7vw, 92px); display: flex; flex-direction: column; justify-content: center; overflow: hidden; border: 1px solid rgba(213, 241, 245, 0.14); border-radius: var(--radius-xl); color: rgb(239, 248, 250); background: linear-gradient(rgba(120, 211, 224, 0.06) 1px, transparent 1px) 0% 0% / 58px 58px, linear-gradient(90deg, rgba(120, 211, 224, 0.06) 1px, transparent 1px) 0% 0% / 58px 58px, radial-gradient(circle at 82% 18%, rgba(120, 211, 222, 0.16), transparent 30%) 0% 0% / auto, linear-gradient(135deg, rgb(6, 30, 41), rgb(10, 52, 66)) 0% 0% / auto; box-shadow: var(--shadow-deep); }
.thanks::after { content: ""; position: absolute; right: clamp(34px, 6vw, 76px); top: clamp(34px, 6vw, 76px); width: 84px; height: 84px; border: 1px solid rgba(120, 211, 222, 0.3); border-radius: 50%; background: radial-gradient(circle,var(--teal-bright) 0 4px,transparent 5px); }
.thanks > .meta { margin-bottom: 18px; color: var(--teal-bright); }
.thanks > h1 { max-width: none; margin-bottom: 20px; color: rgb(255, 255, 255); }
.thanks > .lede { max-width: 670px; margin-bottom: 26px; color: rgb(203, 224, 228); }
.thanks > .note { margin-bottom: 26px; border-left-color: var(--teal-bright); color: rgb(190, 211, 216); }
.thanks p:last-child { margin-bottom: 0px; }
.thanks a[role="button"] { display: inline-flex; align-items: center; justify-content: center; min-height: 52px; padding: 0px 22px; border: 1px solid var(--teal-bright); border-radius: 12px; color: rgb(6, 32, 42); background: var(--teal-bright); font-size: 14px; font-weight: 700; text-decoration: none; transition: transform .2s var(--ease),filter .2s var(--ease); }
.thanks a[role="button"]::after { content: "→"; margin-left: 10px; font-size: 17px; }
.thanks a[role="button"]:hover { color: rgb(6, 32, 42); transform: translateY(-2px); filter: brightness(1.07); }
.ask { position: relative; width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: var(--flow) auto; padding: clamp(44px, 6vw, 74px); overflow: hidden; border: 1px solid rgba(213, 241, 245, 0.14); border-radius: var(--radius-xl); color: rgb(239, 248, 250); background: radial-gradient(circle at 88% 18%, rgba(120, 211, 224, 0.14), transparent 30%), linear-gradient(135deg, rgb(7, 31, 42), rgb(10, 52, 66)); box-shadow: var(--shadow-deep); }
.line > .ask, .supply > .ask { width: 100%; }
.ask::before { content: ""; position: absolute; top: 0px; bottom: 0px; left: 0px; width: 5px; background: var(--teal-bright); }
.ask h2, .ask h3 { max-width: 16ch; color: rgb(255, 255, 255); }
.ask .lede { max-width: 850px; color: rgb(225, 238, 240); font-family: var(--font-display); font-size: clamp(19px, 1.6vw, 20px); line-height: 1.55; }
.ask p { max-width: 850px; }
.ask a[role="button"], .ask button { display: inline-flex; align-items: center; justify-content: center; min-height: 54px; margin-top: 12px; padding: 0px 24px; border: 1px solid var(--teal-bright); border-radius: 13px; color: rgb(6, 32, 42); background: linear-gradient(135deg,#a1e8ee,var(--teal-bright)); box-shadow: rgba(120, 211, 222, 0.18) 0px 12px 30px; font-size: 14px; font-weight: 700; letter-spacing: 0.01em; text-decoration: none; transition: transform .2s var(--ease),filter .2s var(--ease),box-shadow .2s var(--ease); }
.ask a[role="button"]::after, .ask button::after { content: "→"; margin-left: 10px; font-size: 17px; transition: transform .2s var(--ease); }
.ask a[role="button"]:hover, .ask button:hover { color: rgb(6, 32, 42); transform: translateY(-2px); filter: brightness(1.06); box-shadow: rgba(120, 211, 222, 0.28) 0px 16px 36px; }
.ask a[role="button"]:hover::after, .ask button:hover::after { transform: translateX(3px); }
.fallback { margin-top: 26px; padding-top: 18px; border-top: 1px solid var(--inverse-line); color: rgb(183, 206, 211); font-size: 13px; }
.ask > .meta:last-child { margin: 22px 0px 0px; color: rgb(143, 183, 192); }
@media (prefers-reduced-motion: no-preference) {
  .hero-copy > * { animation: 0.72s ease 0s 1 normal both running site-rise; }
  .hero-copy > :nth-child(2) { animation-delay: 0.07s; }
  .hero-copy > :nth-child(3) { animation-delay: 0.14s; }
  body:not(.home) .hero-media { animation: 0.86s ease 0.1s 1 normal both running site-reveal; }
  .facts { animation: 0.75s ease 0.18s 1 normal both running site-rise; }
  .certs > * { transition: transform .24s var(--ease),border-color .24s var(--ease),box-shadow .24s var(--ease); }
  .certs > :hover { transform: translateY(-3px); box-shadow: var(--shadow); }
  @keyframes site-rise { 
  0% { opacity: 0; transform: translateY(18px); }
  100% { opacity: 1; transform: translateY(0px); }
}
  @keyframes site-reveal { 
  0% { opacity: 0; transform: translate3d(0px, 24px, 0px) scale(0.985); }
  100% { opacity: 1; transform: translate3d(0px, 0px, 0px) scale(1); }
}
}
@media (max-width: 1040px) {
  .req-form input:not([type="hidden"]):not([type="checkbox"]), .req-form textarea, .req-form select { font-size: 16px; }
  .site-head { top: 10px; }
  .site-head nav { gap: 6px; }
  .site-head nav > a, .site-head nav > span[aria-current="page"] { padding-right: 11px; padding-left: 11px; font-size: 11px; }
  .site-head nav > span[aria-current="page"] { padding-left: 28px; }
  body:not(.home) .hero { grid-template-columns: 1fr; min-height: 0px; }
  .hero-copy { max-width: 820px; }
  body:not(.home) .hero-media { width: min(100%, 760px); justify-self: start; transform: translateZ(0px); }
  .cap > ul { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .logos { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .kv, .certs { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
}
@media (max-width: 900px) {
  :root { --page-pad: clamp(28px,7vw,56px); }
  .site-head { min-height: 68px; }
  .site-head .site-nav { display: none; }
  .nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0px 14px; border: 1px solid var(--line-strong); border-radius: 12px; color: var(--ink); background: color-mix(in srgb,var(--paper-2) 78%,transparent); font-family: inherit; font-size: 12px; font-weight: 600; letter-spacing: 0.015em; line-height: 1.2; cursor: pointer; }
  .nav-toggle:hover { border-color: var(--teal); color: var(--teal); }
  body[data-nav-open] { overflow: hidden; }
  body[data-nav-open] .site-head { backdrop-filter: none; background: transparent; border-color: transparent; box-shadow: none; }
  body[data-nav-open] .site-head .site-nav { display: flex; position: fixed; inset: 0px; z-index: 40; flex-direction: column; align-items: stretch; justify-content: flex-start; gap: 0px; padding: 112px 26px 40px; background: var(--navy); overflow-y: auto; overscroll-behavior: contain; }
  body[data-nav-open] .site-head .site-nav > a, body[data-nav-open] .site-head .site-nav > span[aria-current="page"] { display: flex; min-height: 60px; align-items: center; justify-content: flex-start; padding: 0px 2px; border-width: 0px 0px 1px; border-style: none none solid; border-color: currentcolor currentcolor rgba(213, 241, 245, 0.16); border-image: none; border-radius: 0px; color: var(--inverse); background: transparent; font-size: 17px; font-weight: 600; letter-spacing: -0.01em; line-height: 1.35; white-space: normal; box-shadow: none; }
  body[data-nav-open] .site-head .site-nav > span[aria-current="page"] { padding-left: 20px; color: var(--teal-bright); }
  body[data-nav-open] .site-head .site-nav > span[aria-current="page"]::before { left: 0px; }
  body:not(.home) body[data-nav-open] .brand, body[data-nav-open] .nav-toggle, body[data-nav-open] .nav-cta { position: relative; z-index: 41; }
  body:not(.home) body[data-nav-open] .brand { color: var(--inverse); }
  body[data-nav-open] .nav-toggle { border-color: rgba(213, 241, 245, 0.34); color: var(--inverse); background: rgba(213, 241, 245, 0.08); }
  body[data-nav-open] .nav-toggle:hover { border-color: var(--teal-bright); color: var(--teal-bright); }
  .facts { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .lines { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
  .lines > .card, .lines > .card:first-child, .lines > .card:nth-child(2), .lines > .card:nth-child(3) { grid-column: auto; }
  .lines > .card:nth-child(3) { grid-column: 1 / -1; width: min(76%, 680px); justify-self: end; }
  .guide-facts .perf { grid-template-columns: repeat(2, minmax(0px, 1fr)); row-gap: 30px; }
  .guide-facts .perf > div:nth-child(2n+1) { padding-left: 0px; border-left: 0px; }
  .process-card, .process-card:last-child:nth-child(2n+1) { grid-column: 1 / -1; }
  .cap-media { grid-template-columns: 1fr 1fr; }
  .cap-media figure:first-child { grid-column: 1 / -1; }
  .line[data-line="silicone-pet-protective-film"] .line-hero, .line[data-line="acrylic-pet-protective-film"] .line-hero { width: 100%; }
}
@media (max-width: 620px) {
  :root { --gutter: 10px; --page-pad: 24px; --flow: 40px; --flow-compact: 28px; --radius-xl: 22px; --radius-lg: 16px; }
  body:not(.home) { font-size: 15px; }
  body:not(.home) h1 { font-size: clamp(42px, 11.5vw, 45px); }
  body:not(.home) h2 { font-size: clamp(32px, 8.8vw, 38px); }
  body:not(.home) .brand { min-height: 44px; padding: 0px 5px; gap: 8px; font-size: 20px; }
  body:not(.home) .brand::before { width: 7px; height: 26px; }
  .site-head { top: 8px; width: calc(100% - 20px); min-height: 60px; padding: 7px 8px; flex-direction: row; align-items: center; gap: 8px; }
  .site-head nav > a, .site-head nav > span[aria-current="page"] { min-height: 44px; padding-right: 12px; padding-left: 12px; font-size: 12px; }
  .site-head nav > span[aria-current="page"] { padding-left: 29px; }
  .nav-cta { min-height: 44px; padding: 0px 14px; font-size: 12px; }
  span.nav-cta[aria-current="page"] { padding-left: 30px; }
  body:not(.home) .hero, .facts, .line, .guide, .thanks, .site-foot { width: calc(100% - 20px); }
  .guide { padding: 30px 22px; }
  .guide-head { grid-template-columns: 1fr; gap: 26px; }
  .guide-head-copy h1 { max-width: none; font-size: clamp(27px, 7.4vw, 31px); }
  .guide-head-media { aspect-ratio: 15 / 10; }
  .guide-sec.has-media { grid-template-columns: 1fr; gap: 24px; }
  .guide-sec.has-media.flip .guide-sec-copy { order: 0; }
  .guide-facts { padding: 28px 22px; }
  .guide-facts .perf { grid-template-columns: 1fr; row-gap: 26px; }
  .guide-facts .perf > div { padding: 0px; border-left: 0px; }
  .cta-send { grid-template-columns: 1fr; }
  .guide-cta { padding: 34px 24px; }
  .cta-button { width: 100%; }
  body:not(.home) .hero { margin-top: 12px; margin-bottom: 0px; }
  .line, .thanks { margin-top: 12px; margin-bottom: var(--flow); }
  .lines, .application-page, .cap, .customers, .supply, .ask, .request, .certs-wrap { width: calc(100% - 20px); margin-top: var(--flow); margin-bottom: var(--flow); }
  .line > .application-page, .line > .ask { width: 100%; }
  .site-foot { margin-top: var(--flow); }
  body:not(.home) main > h1 { width: calc(100% - 20px); margin-top: var(--flow); }
  body:not(.home) .hero { padding: 36px 22px 38px; gap: 32px; }
  .hero-copy .meta { margin-bottom: 32px; }
  body:not(.home) .hero h1 { font-size: clamp(42px, 11.5vw, 45px); }
  body:not(.home) .hero-media { aspect-ratio: 15 / 7; transform: translateZ(0px); }
  body:not(.home) .hero-media::after { right: 10px; left: 10px; bottom: 10px; width: max-content; max-width: calc(100% - 20px); font-size: 12px; }
  .facts { width: calc(100% - 36px); margin: -22px auto 30px; grid-template-columns: 1fr; }
  .facts > div { min-height: 120px; }
  .lines { display: block; }
  .lines > .card, .lines > .card:nth-child(3) { width: 100%; margin-bottom: 28px; }
  .lines > .card:last-child { margin-bottom: 0px; }
  .application-page > h2 { margin-bottom: 36px; }
  .process-grid { display: block; background: transparent; }
  .process-card { min-height: 560px; margin-bottom: 4px; }
  .process-card:last-child { margin-bottom: 0px; }
  .process-media::after { background: linear-gradient(0deg, rgba(2, 17, 24, 0.98), rgba(2, 17, 24, 0.9) 48%, rgba(2, 17, 24, 0.2) 78%, rgba(2, 17, 24, 0.04)); }
  .process-copy { width: 100%; min-height: 560px; padding: 30px 24px; justify-content: flex-end; }
  .process-copy h3 { max-width: 15ch; }
  .process-copy ul { margin-bottom: 24px; }
  .illus { top: 12px; right: 12px; font-size: 12px; }
  .pending { font-size: 12px; }
  .uses a { min-height: 44px; font-size: 12px; }
  .cap > ul { grid-template-columns: 1fr; }
  .cap > ul li { min-height: 86px; }
  .cap-media { grid-template-columns: 1fr; }
  .cap-media figure, .cap-media figure:first-child { grid-column: auto; width: 100%; min-height: 0px; aspect-ratio: 15 / 7; }
  .logos, .kv, .certs { grid-template-columns: 1fr; }
  .line { padding: 30px 22px; }
  .line-hero { min-height: 280px; }
  .line-hero img, .line-hero video { min-height: 280px; }
  .highlight { padding: 30px 24px 72px; }
  .highlight::after { right: 24px; bottom: 28px; left: 24px; width: auto; }
  .callout { padding: 32px 24px; }
  .perf { grid-template-columns: 1fr; }
  .perf > div, .perf > div:first-child { padding: 30px 0px; border-left: 0px; }
  .perf > div + div { border-top: 1px solid var(--inverse-line); }
  .perf dd { font-size: clamp(46px, 12.8vw, 58px); }
  .apps, body:not(.home) .process { grid-template-columns: 1fr; }
  body:not(.home) .process figure { width: 100%; min-height: 200px; aspect-ratio: 15 / 7; }
  .tbl-wrap table { min-width: 760px; font-size: 14px; }
  .tbl-wrap th, .tbl-wrap td { padding: 14px 12px; }
  .tbl-wrap th:first-child, .tbl-wrap td:first-child { position: sticky; left: 0px; }
  .tbl-wrap th:first-child { z-index: 4; background: var(--paper-2); box-shadow: 1px 0 0 var(--line-strong); }
  .tbl-wrap td:first-child { z-index: 1; background: var(--paper); box-shadow: 1px 0 0 var(--line-strong); }
  .tbl-wrap tbody tr:hover td:first-child { background: var(--paper-2); }
  .request, .certs-wrap { padding: 32px 22px; }
  .req-form { gap: 14px; }
  .req-form > .f-row:nth-of-type(-n+2) { padding: 18px 0px; border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line); border-radius: 0px; background: transparent; }
  .f-grid { grid-template-columns: 1fr; padding: 18px 0px; }
  .req-form input:not([type="hidden"]):not([type="checkbox"]), .req-form textarea, .req-form select { width: 100%; min-width: 0px; font-size: 16px; }
  .req-form button[type="submit"] { width: 100%; padding: 0px 16px; }
  .thanks { min-height: 560px; padding: 44px 24px; }
  .thanks::after { right: 24px; top: 24px; width: 58px; height: 58px; }
  .ask { padding: 36px 24px; }
  .ask .lede { font-size: 20px; }
  .site-foot { grid-template-columns: 1fr; padding: 28px 0px 34px; }
}
@media (max-width: 414px) {
  body:not(.home) .hero, .lines, .application-page, .cap, .customers { padding-right: 20px; padding-left: 20px; }
  .process-copy { padding-right: 20px; padding-left: 20px; }
}
@media print {
  :root { --canvas: #fff; --paper: #fff; --paper-2: #f3f5f5; --paper-3: #e9eeee; --ink: #102b35; --ink-2: #23414b; --muted: #4c626b; --faint: #71848b; }
  body:not(.home) { background: rgb(255, 255, 255); color: rgb(16, 43, 53); }
  .site-head, .site-foot, .ask { break-inside: avoid; }
  body:not(.home) .hero, .lines, .application-page, .cap, .customers, .line, .supply { width: 100%; margin: 0px; box-shadow: none; }
  .tbl-wrap { overflow: visible; }
  .tbl-wrap table { min-width: 0px; font-size: 9px; }
  .tbl-wrap th { position: static; }
}
.home { --ink: #071b23; --ink-2: #0c2b34; --teal: #087f86; --aqua: #62d7d2; --paper: #f5f7f7; --white: #fff; --line: #ccd7d8; --muted: #52666b; --amber: #d49545; --max: 1240px; }
.home * { box-sizing: border-box; }
.home { scroll-behavior: smooth; }
.home { margin: 0px; background: var(--paper); color: var(--ink); font-family: Inter, ui-sans-serif, system-ui, "Segoe UI", Arial, sans-serif; font-size: 18px; line-height: 1.58; overflow-x: hidden; }
.home a { color: inherit; text-decoration: none; }
.home img { display: block; width: 100%; height: 100%; object-fit: cover; }
.home .wrap { width: min(var(--max),calc(100% - 64px)); margin: auto; }
.home .eyebrow { font-size: 0.78rem; font-weight: 800; letter-spacing: 0.16em; text-transform: uppercase; color: var(--teal); }
.home .nav { height: 86px; background: rgba(245, 247, 247, 0.94); position: sticky; top: 0px; z-index: 20; border-bottom: 1px solid rgba(7, 27, 35, 0.12); backdrop-filter: blur(16px); }
.home .nav .wrap { height: 100%; display: flex; align-items: center; gap: 32px; }
.home .brand { font-size: 1.55rem; font-weight: 800; letter-spacing: -0.05em; margin-right: auto; }
.home .brand i { display: inline-block; width: 8px; height: 26px; border-radius: 5px; background: linear-gradient(var(--aqua),var(--teal)); margin-right: 12px; vertical-align: -4px; }
.home .navlinks { display: flex; gap: 30px; font-size: 0.94rem; font-weight: 650; }
.home .navcta, .home .button { display: inline-flex; align-items: center; justify-content: center; gap: 10px; background: var(--teal); color: rgb(255, 255, 255); padding: 13px 20px; border-radius: 5px; font-size: 0.94rem; font-weight: 750; }
.home .button.secondary { background: transparent; color: rgb(255, 255, 255); border: 1px solid rgba(255, 255, 255, 0.42); }
.home .hero { background: var(--ink); color: rgb(255, 255, 255); min-height: 620px; padding: 0px; position: relative; overflow: hidden; }
.home .hero::before { content: ""; position: absolute; inset: 0px; background-image: linear-gradient(rgba(98, 215, 210, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(98, 215, 210, 0.055) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, rgb(0, 0, 0), transparent 78%); }
.home .hero .wrap { position: relative; display: grid; grid-template-columns: 1.02fr 0.98fr; gap: 52px; align-items: center; min-height: 620px; padding: 50px 0px; }
.home .hero h1 { font-size: clamp(2.5rem, 3.75vw, 3.65rem); letter-spacing: -0.052em; line-height: 1.04; max-width: 720px; margin: 15px 0px 20px; font-weight: 680; }
.home .hero h1 em { font-style: normal; color: var(--aqua); }
.home .hero p { max-width: 650px; color: rgb(198, 212, 214); font-size: 1.05rem; margin: 0px 0px 22px; }
.home .actions { display: flex; gap: 12px; flex-wrap: wrap; }
.home .hero-proof { margin-top: 18px; padding-top: 16px; border-top: 1px solid rgba(255, 255, 255, 0.17); }
.home .hero-proof > span { display: block; color: rgb(159, 181, 185); font-size: 0.75rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; margin-bottom: 9px; }
.home .hero-clients { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 8px 18px; }
.home .hero-client { display: grid; grid-template-columns: auto 1fr; gap: 8px; align-items: baseline; min-width: 0px; }
.home .hero-client b { font-size: 0.88rem; white-space: nowrap; }
.home .hero-client small { color: rgb(175, 194, 197); font-size: 0.75rem; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.home .hero-media { position: relative; height: 390px; }
.home .factory-frame { height: 390px; border-radius: 7px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: rgba(0, 0, 0, 0.35) 0px 28px 65px; position: relative; }
.home .factory-frame video { display: block; width: 100%; height: 100%; object-fit: cover; }
.home .factory-frame::before { content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(transparent 56%, rgba(7, 27, 35, 0.54)); pointer-events: none; }
.home .factory-frame::after { content: "REAL COATING LINE · TAICANG"; position: absolute; right: 18px; top: 28px; background: rgba(7, 27, 35, 0.88); padding: 9px 12px; border-left: 3px solid var(--aqua); font-size: 0.74rem; letter-spacing: 0.12em; font-weight: 800; }
.home .video-note { position: absolute; z-index: 2; left: 22px; bottom: 20px; color: rgb(255, 255, 255); font-size: 0.84rem; font-weight: 700; letter-spacing: 0.02em; }
.home .video-note b { display: block; color: var(--aqua); font-size: 0.74rem; letter-spacing: 0.12em; margin-bottom: 3px; }
.home .proof { background: rgb(255, 255, 255); border-bottom: 1px solid var(--line); }
.home .proof .wrap { display: grid; grid-template-columns: repeat(4, 1fr); }
.home .fact { padding: 22px 24px; border-left: 1px solid var(--line); }
.home .fact:last-child { border-right: 1px solid var(--line); }
.home .fact b { display: block; font-size: 1.12rem; }
.home .fact span { display: block; font-size: 0.8rem; letter-spacing: 0.03em; color: var(--muted); margin-top: 2px; }
.home section { padding: 96px 0px; }
.home .section-head { display: grid; grid-template-columns: 0.8fr 1.2fr; gap: 80px; align-items: end; margin-bottom: 46px; }
.home .section-head h2 { font-size: clamp(2.05rem, 3.3vw, 3.25rem); letter-spacing: -0.045em; line-height: 1.06; margin: 12px 0px 0px; font-weight: 680; }
.home .section-head p { color: var(--muted); max-width: 560px; margin: 0px 0px 8px; font-size: 1rem; }
.home .customer-proof { background: rgb(255, 255, 255); padding: 82px 0px; }
.home .customer-proof-head { display: grid; grid-template-columns: 0.86fr 1.14fr; gap: 76px; align-items: end; }
.home .customer-proof h2 { font-size: clamp(2.05rem, 3.25vw, 3.15rem); line-height: 1.06; letter-spacing: -0.045em; margin: 12px 0px 0px; }
.home .customer-proof-head p { color: var(--muted); max-width: 600px; margin: 0px 0px 5px; font-size: 1rem; }
.home .brand-wall { display: grid; grid-template-columns: repeat(5, 1fr); margin: 38px 0px 30px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home .brand-wall span { min-height: 104px; display: flex; align-items: center; justify-content: center; text-align: center; padding: 18px 14px; border-left: 1px solid var(--line); }
.home .brand-wall span:last-child { border-right: 1px solid var(--line); }
.home .brand-wall img { width: auto; height: auto; max-width: 86%; max-height: 54px; object-fit: contain; }
.home .customer-scenes { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.home .customer-scene { position: relative; min-height: 245px; overflow: hidden; border-radius: 7px; background: var(--ink); color: rgb(255, 255, 255); }
.home .customer-scene img { position: absolute; inset: 0px; filter: saturate(0.8); }
.home .customer-scene::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(7, 27, 35, 0.08), rgba(7, 27, 35, 0.92)); }
.home .customer-scene div { position: absolute; z-index: 2; left: 24px; right: 24px; bottom: 22px; }
.home .customer-scene small { color: var(--aqua); font-size: 0.76rem; font-weight: 800; letter-spacing: 0.11em; }
.home .customer-scene b { display: block; font-size: 1.16rem; line-height: 1.2; margin: 7px 0px; }
.home .customer-scene p { color: rgb(224, 233, 234); font-size: 0.9rem; line-height: 1.48; margin: 0px; }
.home .materials { background: var(--paper); padding: 78px 0px 88px; }
.home .materials-head { display: grid; grid-template-columns: 0.7fr 1.3fr; gap: 72px; align-items: end; margin-bottom: 30px; }
.home .materials h2 { font-size: clamp(2.05rem, 3.2vw, 3.1rem); line-height: 1.06; letter-spacing: -0.045em; margin: 12px 0px 0px; }
.home .materials-head p { max-width: 590px; color: var(--muted); margin: 0px 0px 6px; font-size: 1rem; }
.home .material-gallery { display: grid; grid-template-columns: 1.12fr 0.88fr; grid-template-rows: repeat(2, 275px); gap: 14px; }
.home .material { position: relative; min-width: 0px; overflow: hidden; border-radius: 7px; background: var(--ink); color: rgb(255, 255, 255); isolation: isolate; }
.home .material:first-child { grid-row: 1 / 3; }
.home .material img { position: absolute; inset: 0px; transition: transform 0.6s; filter: saturate(0.94) contrast(1.03); }
.home .material:hover img { transform: scale(1.025); }
.home .material::after { content: ""; position: absolute; inset: 0px; z-index: 1; background: linear-gradient(rgba(7, 27, 35, 0.04) 24%, rgba(7, 27, 35, 0.9) 100%); }
.home .material:first-child::after { background: linear-gradient(90deg, rgba(7, 27, 35, 0.9) 0%, rgba(7, 27, 35, 0.18) 70%), linear-gradient(transparent 45%, rgba(7, 27, 35, 0.72) 100%); }
.home .material-copy { position: absolute; z-index: 2; left: 0px; right: 0px; bottom: 0px; padding: 28px; }
.home .material:first-child .material-copy { padding: 38px; max-width: 500px; }
.home .material-no { display: block; color: var(--aqua); font-size: 0.76rem; letter-spacing: 0.13em; font-weight: 800; margin-bottom: 9px; }
.home .material b { display: block; font-size: 1.28rem; line-height: 1.18; letter-spacing: -0.02em; margin-bottom: 8px; }
.home .material:first-child b { font-size: 1.72rem; }
.home .material p { font-size: 0.92rem; line-height: 1.5; color: rgb(224, 233, 234); margin: 0px 0px 12px; max-width: 440px; }
.home .material-use { display: inline-flex; align-items: center; gap: 8px; border-top: 1px solid rgba(255, 255, 255, 0.28); padding-top: 10px; color: rgb(255, 255, 255); font-size: 0.84rem; font-weight: 720; }
.home .material-use::after { content: "→"; color: var(--aqua); }
.home .voice-note { background: rgb(255, 255, 255); padding: 0px; }
.home .voice-note .wrap { display: grid; grid-template-columns: 165px 1fr; gap: 32px; align-items: center; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); padding-top: 26px; padding-bottom: 26px; }
.home .voice-note img { width: 148px; height: 148px; object-position: center 33%; border-radius: 50%; border: 5px solid var(--paper); }
.home .voice-note blockquote { margin: 0px; font-size: 1.24rem; line-height: 1.45; letter-spacing: -0.015em; max-width: 850px; }
.home .voice-note small { display: block; color: var(--teal); font-size: 0.78rem; font-weight: 800; letter-spacing: 0.1em; margin-bottom: 10px; }
.home .voice-note cite { display: block; margin-top: 12px; font-style: normal; color: var(--muted); font-size: 0.88rem; }
.home .solutions { background: rgb(255, 255, 255); }
.home .solution-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 18px; }
.home .solution { min-height: 380px; position: relative; overflow: hidden; border-radius: 7px; background: rgb(17, 17, 17); color: rgb(255, 255, 255); }
.home .solution img { position: absolute; inset: 0px; filter: saturate(0.85); }
.home .solution::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(rgba(4, 20, 26, 0.05) 20%, rgba(4, 20, 26, 0.93) 92%); }
.home .solution-copy { position: absolute; z-index: 2; left: 32px; right: 32px; bottom: 30px; }
.home .solution small { font-size: 0.76rem; letter-spacing: 0.12em; color: var(--aqua); font-weight: 800; }
.home .solution h3 { font-size: 1.48rem; margin: 7px 0px 6px; }
.home .solution p { font-size: 1rem; color: rgb(224, 233, 234); margin: 0px 0px 14px; max-width: 500px; }
.home .textlink { font-size: 0.88rem; font-weight: 800; border-bottom: 1px solid var(--aqua); padding-bottom: 5px; }
.home .real { background: var(--ink); color: rgb(255, 255, 255); }
.home .real .section-head p { color: rgb(199, 213, 215); }
.home .real-grid { display: grid; grid-template-columns: 1.5fr 0.8fr 0.8fr; gap: 14px; height: 410px; }
.home .real-grid figure { margin: 0px; position: relative; overflow: hidden; border-radius: 6px; }
.home .real-grid figcaption { position: absolute; left: 18px; bottom: 18px; background: rgba(7, 27, 35, 0.86); border-left: 3px solid var(--aqua); padding: 9px 12px; font-size: 0.82rem; font-weight: 700; }
.home .real-note { margin-top: 26px; color: rgb(199, 213, 215); font-size: 1rem; display: flex; gap: 38px; flex-wrap: wrap; }
.home .real-note b { color: rgb(255, 255, 255); }
.home .person { background: rgb(234, 240, 240); }
.home .person-grid { display: grid; grid-template-columns: 0.8fr 1.2fr; min-height: 590px; background: rgb(255, 255, 255); border: 1px solid var(--line); }
.home .portrait { position: relative; overflow: hidden; min-height: 590px; }
.home .person-copy { padding: 72px; display: flex; flex-direction: column; justify-content: center; }
.home .person-copy h2 { font-size: clamp(2.1rem, 3.5vw, 3.4rem); line-height: 1.06; letter-spacing: -0.045em; margin: 15px 0px 26px; }
.home .quote { font-size: 1.18rem; border-left: 3px solid var(--teal); padding-left: 22px; margin: 8px 0px 28px; color: rgb(41, 65, 73); }
.home .person-copy p { color: var(--muted); max-width: 650px; font-size: 1rem; }
.home .signature { font-weight: 800; margin-top: 12px; }
.home .signature span { display: block; color: var(--muted); font-size: 0.88rem; font-weight: 500; }
.home .process { background: rgb(255, 255, 255); }
.home .steps { display: grid; grid-template-columns: repeat(4, 1fr); border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home .step { padding: 34px 30px 42px; border-left: 1px solid var(--line); }
.home .step:last-child { border-right: 1px solid var(--line); }
.home .step b { color: var(--teal); font-size: 0.8rem; letter-spacing: 0.1em; }
.home .step h3 { font-size: 1.12rem; margin: 28px 0px 10px; }
.home .step p { font-size: 0.96rem; color: var(--muted); margin: 0px; }
.home .cta { padding: 82px 0px; background: var(--ink-2); color: rgb(255, 255, 255); }
.home .cta .wrap { display: grid; grid-template-columns: 1fr auto; gap: 50px; align-items: center; }
.home .cta h2 { font-size: clamp(2.05rem, 3.3vw, 3.2rem); line-height: 1.06; letter-spacing: -0.045em; margin: 0px; }
.home .cta p { color: rgb(199, 213, 215); margin: 16px 0px 0px; font-size: 1rem; }
.home .footer { padding: 35px 0px; background: rgb(5, 20, 25); color: rgb(169, 189, 192); font-size: 0.84rem; }
.home .footer .wrap { display: flex; justify-content: space-between; gap: 25px; flex-wrap: wrap; }
@media (max-width: 900px) {
  .home .wrap { width: min(calc(100% - 36px),var(--max)); }
  .home .navlinks { display: none; }
  .home .nav { height: 72px; }
  .home .hero .wrap { grid-template-columns: 1fr; padding: 34px 0px 40px; }
  .home .hero-media { height: 350px; }
  .home .factory-frame { height: 350px; }
  .home .proof .wrap { grid-template-columns: repeat(2, 1fr); }
  .home .fact { border-bottom: 1px solid var(--line); }
  .home .customer-proof-head, .home .materials-head, .home .section-head, .home .person-grid { grid-template-columns: 1fr; gap: 24px; }
  .home .brand-wall { grid-template-columns: repeat(6, 1fr); }
  .home .brand-wall span { grid-column: span 2; border-bottom: 1px solid var(--line); }
  .home .brand-wall span:nth-child(4) { grid-column: 2 / span 2; }
  .home .customer-scenes { grid-template-columns: 1fr; }
  .home .customer-scene { min-height: 285px; }
  .home .material-gallery { grid-template-columns: 1fr 1fr; grid-template-rows: 430px 280px; }
  .home .material:first-child { grid-area: auto / 1 / auto / 3; }
  .home .solution-grid { grid-template-columns: 1fr; }
  .home .voice-note .wrap { grid-template-columns: 110px 1fr; }
  .home .voice-note img { width: 100px; height: 100px; }
  .home .real-grid { grid-template-columns: 1fr; height: auto; }
  .home .real-grid figure { width: 100%; height: 260px; }
  .home .portrait { width: 100%; min-height: 520px; }
  .home .person-copy { padding: 42px 28px; }
  .home .steps { grid-template-columns: 1fr 1fr; }
  .home .cta .wrap { grid-template-columns: 1fr; }
  .home .cta .navcta { justify-self: start; }
}
@media (max-width: 520px) {
  .home .hero h1 { font-size: 2.35rem; }
  .home .hero-media { height: 300px; }
  .home .factory-frame { height: 300px; }
  .home .hero-clients { grid-template-columns: 1fr; }
  .home .proof .wrap, .home .steps { grid-template-columns: 1fr; }
  .home .brand-wall { grid-template-columns: repeat(2, 1fr); }
  .home .brand-wall span, .home .brand-wall span:nth-child(4) { grid-column: auto; }
  .home .brand-wall span:last-child { grid-column: 1 / -1; }
  .home .brand-wall span { min-height: 88px; }
  .home .brand-wall img { max-height: 46px; }
  .home .material-gallery { display: block; }
  .home .material { min-height: 320px; margin-bottom: 12px; }
  .home .material:first-child { min-height: 430px; }
  .home .material:first-child .material-copy { padding: 28px; }
  .home .voice-note .wrap { grid-template-columns: 72px 1fr; gap: 18px; }
  .home .voice-note img { width: 68px; height: 68px; }
  .home .voice-note blockquote { font-size: 1rem; }
  .home .section-head h2 { font-size: 2.15rem; }
  .home .solution { min-height: 340px; }
  .home .person-copy h2 { font-size: 2.2rem; }
  .home .navcta { padding: 11px 14px; }
  .home .fact, .home .material { border-right: 1px solid var(--line); border-bottom: 1px solid var(--line); }
}
.home .eyebrow, .home .hero-proof > span, .home .factory-frame::after, .home .video-note b, .home .customer-scene small, .home .material-no, .home .solution small, .home .voice-note small, .home .step b { font-size: 0.84rem; }
.home .hero-client { padding: 7px 10px; border-radius: 4px; background: rgba(255, 255, 255, 0.055); border-left: 2px solid rgba(98, 215, 210, 0.58); }
.home .hero-client small { font-size: 0.82rem; }
.home .fact span { font-size: 0.86rem; }
.home .video-note { font-size: 0.9rem; }
.home .section-head, .home .customer-proof-head, .home .materials-head { display: block; max-width: 870px; margin-bottom: 40px; }
.home .customer-proof-head { margin-bottom: 0px; }
.home .section-head h2, .home .customer-proof h2, .home .materials h2, .home .person-copy h2, .home .cta h2 { font-size: clamp(1.95rem, 2.65vw, 2.75rem); line-height: 1.09; letter-spacing: -0.038em; }
.home .customer-scene small, .home .material-no, .home .solution small { display: inline-flex; align-items: center; min-height: 34px; padding: 6px 10px; border: 1px solid rgba(98, 215, 210, 0.42); border-radius: 4px; background: rgba(7, 27, 35, 0.5); letter-spacing: 0.08em; }
.home .customer-scene b { margin-top: 12px; }
.home .customer-scene p, .home .material p, .home .solution p { font-size: 1rem; line-height: 1.52; }
.home .textlink, .home .material-use { display: inline-flex; align-items: center; min-height: 42px; padding: 9px 13px; border: 1px solid rgba(98, 215, 210, 0.48); border-radius: 4px; background: rgba(7, 27, 35, 0.42); font-size: 0.9rem; font-weight: 780; }
.home .textlink { border-bottom: 1px solid rgba(98, 215, 210, 0.48); }
.home .material-use { border-top: 1px solid rgba(98, 215, 210, 0.48); }
.home .step b { display: inline-grid; place-items: center; width: 42px; height: 42px; border-radius: 4px; background: rgb(228, 241, 241); letter-spacing: 0px; }
.home .step h3 { margin: 20px 0px 10px; }
.home .step p { font-size: 1rem; line-height: 1.52; }
.home .real-note span { padding: 13px 16px; border: 1px solid rgba(98, 215, 210, 0.24); border-radius: 4px; background: rgba(255, 255, 255, 0.043); }
.home .cta { padding: 70px 0px; }
.home .cta .wrap { display: grid; grid-template-columns: minmax(0px, 1fr) 320px; gap: 0px; align-items: stretch; min-height: 300px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 7px; background: linear-gradient(115deg, rgb(12, 43, 52) 0%, rgb(12, 43, 52) 60%, rgb(10, 34, 43) 100%); }
.home .cta-copy { align-self: center; padding: 48px 56px; }
.home .cta-copy .eyebrow { color: var(--aqua); margin-bottom: 13px; }
.home .cta .navcta { margin-top: 26px; }
.home .cta-portrait { position: relative; min-height: 300px; overflow: hidden; }
.home .cta-portrait::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(90deg, rgba(12, 43, 52, 0.52), transparent 42%); pointer-events: none; }
.home .cta-portrait img { object-position: center 30%; filter: saturate(0.92) contrast(1.03); }
@media (max-width: 900px) {
  .home section { padding: 80px 0px; }
  .home .section-head, .home .customer-proof-head, .home .materials-head { max-width: 100%; }
  .home .button, .home .navcta, .home .textlink, .home .material-use { min-height: 48px; }
  .home .cta .wrap { grid-template-columns: minmax(0px, 1fr) 250px; }
  .home .cta-copy { padding: 40px 34px; }
}
@media (max-width: 700px) {
  .home .cta .wrap { grid-template-columns: 1fr; }
  .home .cta-portrait { min-height: 320px; }
  .home .cta-copy { padding: 38px 28px; }
  .home .cta-portrait::after { background: linear-gradient(rgba(12, 43, 52, 0.35), transparent 35%); }
}
@media (max-width: 520px) {
  .home .wrap { width: min(calc(100% - 28px),var(--max)); }
  .home section { padding: 66px 0px; }
  .home .customer-proof { padding: 66px 0px; }
  .home .materials { padding: 64px 0px 70px; }
  .home .actions .button { flex: 1 1 100%; justify-content: center; }
  .home .portrait { min-height: 420px; }
  .home .real-note span { width: 100%; }
  .home .section-head h2, .home .customer-proof h2, .home .materials h2, .home .person-copy h2, .home .cta h2 { font-size: 2rem; }
  .home .customer-scene small, .home .material-no, .home .solution small { font-size: 0.82rem; }
  .home .customer-scene p, .home .material p, .home .solution p, .home .step p { font-size: 0.96rem; }
}
.home figure { margin: 0px; }
.home .portrait, .home .portrait img { max-width: 100%; height: auto; }
.home .person-grid { min-width: 0px; }
.home .person-grid > * { min-width: 0px; }
.home .textlink { display: inline-flex; align-items: center; min-height: 44px; }
.home, .home h1, .home h2, .home h3, .home .brand, .home .eyebrow, .home .button, .home .navcta, .home b, .home strong { font-family: Inter, ui-sans-serif, system-ui, "Segoe UI", Arial, sans-serif; }
.home h1, .home h2, .home h3 { max-width: none; }
.home .hero h1 { max-width: 720px; }
.home .step h3 { line-height: 1.58; }
.home .customer-proof { border-top: 1px solid var(--line); }
.home .solutions { border-top: 1px solid var(--line); }
.home .nav-toggle { display: none; }
.home.inner .navlinks span[aria-current] { color: var(--teal); font-weight: 800; }
.home.inner .navlinks a:hover { color: var(--teal); }
.home .crumb { background: var(--white); border-bottom: 1px solid var(--line); }
.home .crumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 0px; padding: 14px 0px; list-style: none; font-size: 0.84rem; color: var(--muted); }
.home .crumb li { display: flex; align-items: center; gap: 8px; min-height: 24px; }
.home .crumb li + li::before { content: "/"; color: var(--line); font-weight: 700; }
.home .crumb a { color: var(--muted); border-bottom: 1px solid transparent; padding: 2px 0px; }
.home .crumb a:hover { color: var(--teal); border-bottom-color: var(--aqua); }
.home .crumb span[aria-current] { color: var(--ink); font-weight: 700; }
.home .page-hero { background: var(--ink); color: rgb(255, 255, 255); padding: 0px; position: relative; overflow: hidden; }
.home .page-hero::before { content: ""; position: absolute; inset: 0px; background-image: linear-gradient(rgba(98, 215, 210, 0.055) 1px, transparent 1px), linear-gradient(90deg, rgba(98, 215, 210, 0.055) 1px, transparent 1px); background-size: 72px 72px; mask-image: linear-gradient(to right, rgb(0, 0, 0), transparent 78%); }
.home .page-hero .wrap { position: relative; display: grid; grid-template-columns: 1.04fr 0.96fr; gap: 52px; align-items: center; min-height: 472px; padding: 64px 0px; }
.home .page-hero h1 { font-size: clamp(1.75rem, 2.5vw, 2.4rem); letter-spacing: -0.035em; line-height: 1.1; margin: 15px 0px 18px; font-weight: 680; max-width: none; }
.home .page-hero p { max-width: 620px; color: rgb(198, 212, 214); font-size: 1.05rem; margin: 0px 0px 24px; }
.home .page-hero-media { margin: 0px; height: 376px; border-radius: 7px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.18); box-shadow: rgba(0, 0, 0, 0.35) 0px 28px 65px; position: relative; }
.home .page-hero-media::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 58%, rgba(7, 27, 35, 0.42)); pointer-events: none; }
.home .hero-video-shell .hero-video-fallback { position: absolute; inset: 0px; z-index: 2; width: 100%; height: 100%; object-fit: cover; opacity: 1; transition: opacity 0.25s; }
.home .hero-video-shell video { position: relative; z-index: 1; }
.home .hero-video-shell.video-is-playing .hero-video-fallback { opacity: 0; pointer-events: none; }
.home .hero-video-shell::after { z-index: 3; }
.home .hero-facts { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 0px; margin: 26px 0px 0px; padding-top: 18px; border-top: 1px solid rgba(255, 255, 255, 0.17); }
.home .hero-facts > div { padding-right: 20px; }
.home .hero-facts > div + div { padding-left: 20px; border-left: 1px solid rgba(255, 255, 255, 0.17); }
.home .hero-facts dt { font-size: 1.06rem; font-weight: 800; letter-spacing: -0.02em; }
.home .hero-facts dd { margin: 3px 0px 0px; color: rgb(159, 181, 185); font-size: 0.79rem; line-height: 1.4; }
.home .scenes { background: var(--white); }
.home .scenes .solution { min-height: 340px; }
.home .scenes .solution h3 { font-size: 1.36rem; }
.home .start { background: var(--paper); border-top: 1px solid var(--line); }
.home .start-grid { display: grid; grid-template-columns: 1fr 1fr 0.96fr; gap: 0px; border-top: 1px solid var(--line); }
.home .start-primary { padding: 34px 32px 38px; border-left: 1px solid var(--line); }
.home .start-primary:first-child { border-left: 0px; padding-left: 0px; }
.home .start-primary b { display: block; color: var(--teal); font-size: 0.8rem; letter-spacing: 0.1em; font-weight: 800; }
.home .start-primary h3 { font-size: 1.16rem; margin: 24px 0px 10px; letter-spacing: -0.02em; }
.home .start-primary p { font-size: 0.96rem; color: var(--muted); margin: 0px; }
.home .start-secondary { padding: 34px 0px 38px 32px; border-left: 1px solid var(--line); }
.home .start-secondary .lead { font-size: 0.92rem; color: var(--muted); margin: 0px 0px 14px; }
.home .start-secondary ul { list-style: none; margin: 0px; padding: 0px; display: grid; gap: 7px; }
.home .start-secondary li { position: relative; padding-left: 18px; font-size: 0.94rem; line-height: 1.5; }
.home .start-secondary li::before { content: ""; position: absolute; left: 0px; top: 0.62em; width: 7px; height: 2px; background: var(--aqua); }
.home .start-secondary .fallback { margin: 18px 0px 0px; padding-top: 14px; border-top: 1px solid var(--line); font-size: 0.96rem; color: var(--ink); font-style: italic; }
.home .matrix { background: var(--white); border-top: 1px solid var(--line); }
.home .matrix-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 7px; overscroll-behavior-inline: contain; }
.home .matrix-wrap:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
.home .matrix table { width: 100%; min-width: 880px; border-collapse: collapse; font-size: 0.92rem; }
.home .matrix th, .home .matrix td { text-align: left; vertical-align: top; padding: 16px 18px; border-bottom: 1px solid var(--line); }
.home .matrix thead th { background: var(--paper); font-size: 0.74rem; letter-spacing: 0.11em; text-transform: uppercase; color: var(--muted); font-weight: 800; white-space: nowrap; }
.home .matrix tbody th { font-weight: 750; width: 180px; color: var(--ink); }
.home .matrix tbody th a { border-bottom: 1px solid var(--aqua); padding-bottom: 2px; }
.home .matrix tbody th a:hover { color: var(--teal); }
.home .matrix td { color: var(--muted); line-height: 1.5; }
.home .matrix tbody tr:last-child th, .home .matrix tbody tr:last-child td { border-bottom: 0px; }
.home .matrix-foot { margin: 18px 0px 0px; font-size: 0.86rem; color: var(--muted); max-width: 900px; }
.home .industries { background: var(--white); border-top: 1px solid var(--line); }
.home .ind-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; margin-top: 6px; }
.home .ind { padding: 28px 30px 0px; border-left: 1px solid var(--line); }
.home .ind:first-child { border-left: 0px; padding-left: 0px; }
.home .ind h3 { font-size: 1.1rem; margin: 0px 0px 9px; letter-spacing: -0.02em; }
.home .ind p { font-size: 0.94rem; color: var(--muted); margin: 0px; }
.home .flow { background: var(--white); }
.home .flowmap { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(7, minmax(0px, 1fr)); gap: 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home .flowstep { position: relative; padding: 44px 18px 30px; border-left: 1px solid var(--line); min-width: 0px; }
.home .flowstep:last-child { border-right: 1px solid var(--line); }
.home .flowstep.on { background: var(--paper); }
.home .flowstep.on::after { content: ""; position: absolute; left: 0px; right: 0px; top: 0px; height: 3px; background: var(--aqua); }
.home .flowstep.mark::after { background: var(--teal); }
.home .flowno { display: block; color: var(--muted); font-size: 0.74rem; letter-spacing: 0.1em; font-weight: 800; }
.home .flowstep.on .flowno { color: var(--teal); }
.home .flowmark { position: absolute; top: 14px; left: 18px; right: 18px; color: var(--teal); font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 800; }
.home .flowstep b { display: block; font-size: 1rem; line-height: 1.25; letter-spacing: -0.018em; margin: 12px 0px 7px; }
.home .flowd { display: block; font-size: 0.86rem; line-height: 1.46; color: var(--muted); }
.home .flownote { margin: 22px 0px 0px; font-size: 1rem; color: var(--ink); max-width: 840px; padding-left: 16px; border-left: 3px solid var(--teal); }
.home .risks { background: var(--paper); border-top: 1px solid var(--line); }
.home .risk-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.home .risk { background: var(--white); border: 1px solid var(--line); border-radius: 7px; padding: 30px 30px 26px; }
.home .riskno { display: block; color: var(--amber); font-size: 0.76rem; letter-spacing: 0.13em; font-weight: 800; }
.home .risk h3 { font-size: 1.2rem; margin: 14px 0px 9px; letter-spacing: -0.022em; }
.home .risk p { font-size: 0.96rem; line-height: 1.55; color: var(--muted); margin: 0px; }
.home .riskfact { padding-top: 14px; border-top: 1px solid var(--line); margin-top: 14px !important; color: var(--ink) !important; font-size: 0.92rem !important; }
.home .approach { background: var(--white); border-top: 1px solid var(--line); }
.home .dim-list { list-style: none; margin: 0px; padding: 0px; border-top: 1px solid var(--line); }
.home .dim { display: grid; grid-template-columns: 76px 1fr; gap: 24px; padding: 26px 0px; border-bottom: 1px solid var(--line); }
.home .dimno { color: var(--teal); font-size: 0.8rem; letter-spacing: 0.1em; font-weight: 800; padding-top: 5px; }
.home .dim h3 { font-size: 1.2rem; margin: 0px 0px 8px; letter-spacing: -0.022em; }
.home .dimq { margin: 0px 0px 8px; font-size: 1rem; color: var(--ink); max-width: 760px; }
.home .dimwhy { margin: 0px; font-size: 0.94rem; color: var(--muted); line-height: 1.55; max-width: 820px; }
.home .matcards { background: var(--ink); color: rgb(255, 255, 255); }
.home .matcards .section-head h2 { color: rgb(255, 255, 255); }
.home .matcards .section-head p { color: rgb(199, 213, 215); }
.home .matcard-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 14px; }
.home .matcard { background: var(--ink-2); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 7px; padding: 30px; display: flex; flex-direction: column; }
.home .matcard-head { display: flex; align-items: baseline; justify-content: space-between; gap: 16px; padding-bottom: 16px; border-bottom: 1px solid rgba(255, 255, 255, 0.14); }
.home .matcard h3 { font-size: 1.24rem; margin: 0px; letter-spacing: -0.024em; line-height: 1.2; }
.home .matcard h3 a { border-bottom: 1px solid var(--aqua); padding-bottom: 2px; }
.home .matcard h3 a:hover { color: var(--aqua); }
.home .matcount { color: var(--aqua); font-size: 0.76rem; letter-spacing: 0.1em; font-weight: 800; white-space: nowrap; }
.home .matcard dl { margin: 18px 0px 0px; }
.home .matcard dt { font-size: 0.7rem; letter-spacing: 0.13em; text-transform: uppercase; font-weight: 800; }
.home .matcard dt.best { color: var(--aqua); }
.home .matcard dt.notfor { color: var(--amber); margin-top: 16px; }
.home .matcard dd { margin: 7px 0px 0px; font-size: 0.94rem; line-height: 1.52; color: rgb(219, 231, 233); }
.home .matmeta { margin: 18px 0px 14px; font-size: 0.82rem; color: rgb(159, 181, 185); padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.home .matcard .textlink { margin-top: auto; align-self: flex-start; color: rgb(255, 255, 255); }
.home .pattern { background: var(--white); }
.home .pattern-steps { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home .pattern-steps li { padding: 30px 26px 34px; border-left: 1px solid var(--line); }
.home .pattern-steps li:first-child { border-left: 0px; padding-left: 0px; }
.home .pattern-steps b { display: block; color: var(--teal); font-size: 0.78rem; letter-spacing: 0.1em; font-weight: 800; margin-bottom: 14px; }
.home .pattern-steps p { margin: 0px; font-size: 0.96rem; line-height: 1.55; color: var(--muted); }
.home .verify { background: var(--paper); border-top: 1px solid var(--line); }
.home .verify-list { list-style: none; margin: 0px; padding: 0px; border-top: 1px solid var(--line); }
.home .verify-list li { display: grid; grid-template-columns: 0.72fr 1.28fr; gap: 32px; padding: 22px 0px; border-bottom: 1px solid var(--line); }
.home .verify-list b { font-size: 1.02rem; letter-spacing: -0.018em; font-weight: 750; }
.home .verify-list span { font-size: 0.96rem; line-height: 1.55; color: var(--muted); }
.home .verify-list li.pending b { color: var(--muted); }
.home .verify-list .tag { display: inline-block; margin-left: 8px; padding: 2px 8px; border: 1px solid var(--amber); border-radius: 999px; color: var(--amber); font-size: 0.66rem; letter-spacing: 0.1em; text-transform: uppercase; font-weight: 800; vertical-align: 2px; }
.home .evnote { background: var(--white); padding: 46px 0px; }
.home .evnote p { margin: 12px 0px 0px; font-size: 1rem; line-height: 1.6; color: var(--muted); max-width: 960px; }
.home .evlinks { display: flex; flex-wrap: wrap; gap: 10px 32px; padding-top: 16px; border-top: 1px solid var(--line); margin-top: 18px !important; }
.home .evlinks span { font-size: 0.84rem; color: var(--muted); }
.home .evlinks b { color: var(--ink); font-weight: 750; }
.home .answers { background: var(--paper); border-top: 1px solid var(--line); }
.home .answer-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.home .answer { display: flex; flex-direction: column; background: var(--white); border: 1px solid var(--line); border-radius: 7px; padding: 28px; }
.home .answer:hover { border-color: var(--teal); }
.home .answer h3 { font-size: 1.12rem; margin: 0px 0px 10px; letter-spacing: -0.022em; line-height: 1.28; }
.home .answer p { margin: 0px 0px 18px; font-size: 0.92rem; line-height: 1.5; color: var(--muted); }
.home .answer .textlink { margin-top: auto; align-self: flex-start; }
.home .decision-next { position: relative; overflow: hidden; background: rgb(237, 242, 242); }
.home .decision-next::before { content: ""; position: absolute; inset: 0px; pointer-events: none; background-image: linear-gradient(rgba(18, 102, 104, 0.043) 1px, transparent 1px), linear-gradient(90deg, rgba(18, 102, 104, 0.043) 1px, transparent 1px); background-size: 52px 52px; }
.home .decision-next .wrap { position: relative; }
.home .decision-next .answer { min-height: 285px; border-top: 3px solid var(--teal); box-shadow: rgba(7, 27, 35, 0.07) 0px 16px 42px; transition: transform 0.2s, border-color 0.2s, box-shadow 0.2s; }
.home .decision-next .answer:hover { transform: translateY(-4px); box-shadow: rgba(7, 27, 35, 0.12) 0px 22px 52px; }
.home .decision-no { display: inline-flex; align-items: center; align-self: flex-start; min-height: 31px; padding: 5px 9px; border-radius: 3px; background: rgb(225, 238, 238); color: var(--teal); font-size: 0.73rem; font-weight: 800; letter-spacing: 0.08em; }
.home .decision-next .answer h3 { margin-top: 24px; font-size: 1.23rem; }
.home .decision-next .answer p { font-size: 0.96rem; }
.home .decision-next .textlink { color: rgb(255, 255, 255); background: var(--ink); border-color: var(--ink); gap: 10px; }
.home .decision-next .textlink b { color: var(--aqua); font-size: 1.02rem; }
.home .person-cta { margin: 22px 0px 10px; }
.home .person-copy .meta { margin: 0px; font-size: 0.86rem; color: var(--muted); }
@media (max-width: 900px) {
  .home.inner .nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0px 14px; margin-left: 12px; background: transparent; border: 1px solid var(--line); border-radius: 5px; color: var(--ink); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.9rem; font-weight: 750; cursor: pointer; }
  .home.inner .nav > .wrap > .navcta { display: none; }
  .home.inner .navlinks { display: none; position: absolute; left: 0px; right: 0px; top: 100%; flex-direction: column; gap: 0px; background: rgba(245, 247, 247, 0.984); border-bottom: 1px solid var(--line); backdrop-filter: blur(16px); padding: 6px 0px 10px; box-shadow: rgba(7, 27, 35, 0.14) 0px 22px 40px; }
  body.inner[data-nav-open] .navlinks { display: flex; }
  .home.inner .navlinks a, .home.inner .navlinks span[aria-current] { display: flex; align-items: center; min-height: 48px; padding: 0 max(18px,calc((100vw - var(--max))/2 + 18px)); font-size: 1rem; border-top: 1px solid var(--line); }
  .home.inner .nav .wrap { position: relative; }
  .home .page-hero .wrap { grid-template-columns: 1fr; padding: 38px 0px 44px; min-height: 0px; gap: 30px; }
  .home .page-hero-media { height: 300px; }
  .home .hero-facts { grid-template-columns: 1fr; gap: 0px; }
  .home .hero-facts > div { padding: 12px 0px; }
  .home .hero-facts > div + div { padding-left: 0px; border-left: 0px; border-top: 1px solid rgba(255, 255, 255, 0.17); }
  .home .start-grid { grid-template-columns: 1fr; border-top: 0px; }
  .home .start-primary, .home .start-secondary { border-left: 0px; padding: 26px 0px; border-top: 1px solid var(--line); }
  .home .start-primary:first-child { padding-top: 26px; }
  .home .flowmap { grid-template-columns: 1fr; border-bottom: 0px; }
  .home .flowstep { border-left: 0px; border-bottom: 1px solid var(--line); padding: 38px 0px 24px; }
  .home .flowstep:last-child { border-right: 0px; }
  .home .flowstep.on { background: transparent; }
  .home .flowstep.on::after { inset: 0px auto 0px 0px; width: 3px; height: auto; }
  .home .flowmark { left: 0px; right: auto; top: 12px; }
  .home .flowstep.on { padding-left: 16px; }
  .home .risk-grid, .home .matcard-grid { grid-template-columns: 1fr; }
  .home .ind-grid { grid-template-columns: 1fr; }
  .home .ind { border-left: 0px; padding: 22px 0px 0px; }
  .home .dim { grid-template-columns: 1fr; gap: 8px; }
  .home .dimno { padding-top: 0px; }
  .home .pattern-steps { grid-template-columns: 1fr; border-bottom: 0px; }
  .home .pattern-steps li { border-left: 0px; border-bottom: 1px solid var(--line); padding: 26px 0px; }
  .home .verify-list li { grid-template-columns: 1fr; gap: 7px; }
  .home .answer-grid { grid-template-columns: 1fr; }
  .home .matrix table { min-width: 760px; }
}
.home.product-page .evaluation-path { position: relative; overflow: hidden; padding: 92px 0px 98px; color: rgb(245, 251, 252); background-image: ; background-position-x: ; background-position-y: ; background-repeat: ; background-attachment: ; background-origin: ; background-clip: ; background-color: ; background-size: auto, 58px 58px, 58px 58px, auto; }
.home.product-page .evaluation-path::after { content: ""; position: absolute; right: -160px; bottom: -230px; width: 520px; height: 520px; border: 1px solid rgba(var(--product-accent-rgb),.18); border-radius: 50%; box-shadow: 0 0 0 82px rgba(var(--product-accent-rgb),.025),0 0 0 164px rgba(var(--product-accent-rgb),.015); pointer-events: none; }
.home.product-page .evaluation-path .wrap { position: relative; z-index: 1; }
.home.product-page .evaluation-head { display: grid; grid-template-columns: minmax(0px, 1.15fr) minmax(280px, 0.85fr); gap: 60px; align-items: end; margin-bottom: 38px; }
.home.product-page .evaluation-label { display: inline-flex; align-items: center; min-height: 32px; padding: 6px 11px; border: 1px solid rgba(var(--product-accent-rgb),.42); border-radius: 999px; color: var(--product-accent); background: rgba(5, 24, 31, 0.48); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.12em; text-transform: uppercase; }
.home.product-page .evaluation-head h2 { max-width: 16ch; margin: 17px 0px 0px; color: rgb(255, 255, 255); font-size: clamp(2.05rem, 3.25vw, 3.2rem); line-height: 1.05; letter-spacing: -0.045em; }
.home.product-page .evaluation-head p { max-width: 520px; margin: 0px 0px 4px; color: rgb(191, 208, 212); font-size: 1rem; line-height: 1.62; }
.home.product-page .evaluation-grid { display: grid; grid-template-columns: repeat(3, minmax(0px, 1fr)); gap: 14px; }
.home.product-page .evaluation-card { position: relative; display: flex; min-width: 0px; min-height: 330px; flex-direction: column; padding: 30px 28px 27px; overflow: hidden; border-right: 1px solid rgba(220, 241, 244, 0.16); border-bottom: 1px solid rgba(220, 241, 244, 0.16); border-left: 1px solid rgba(220, 241, 244, 0.16); border-image: none; border-top: 3px solid var(--product-accent); border-radius: 9px; color: rgb(246, 251, 252); background: linear-gradient(154deg, rgba(255, 255, 255, 0.075), rgba(255, 255, 255, 0.024)); box-shadow: rgba(0, 0, 0, 0.16) 0px 20px 50px; backdrop-filter: blur(8px); transition: transform 0.25s, border-color 0.25s, background 0.25s; }
.home.product-page .evaluation-card::after { content: ""; position: absolute; right: -40px; bottom: -54px; width: 150px; height: 150px; border: 1px solid rgba(var(--product-accent-rgb),.16); border-radius: 50%; }
.home.product-page .evaluation-card:hover { color: rgb(255, 255, 255); border-color: rgba(var(--product-accent-rgb),.62); background: linear-gradient(154deg,rgba(var(--product-accent-rgb),.15),rgba(255,255,255,.035)); transform: translateY(-4px); }
.home.product-page .evaluation-no { color: var(--product-accent); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.11em; text-transform: uppercase; }
.home.product-page .evaluation-card h3 { max-width: 17ch; margin: 33px 0px 15px; color: rgb(255, 255, 255); font-size: 1.28rem; line-height: 1.24; letter-spacing: -0.025em; }
.home.product-page .evaluation-card p { margin: 0px; color: rgb(191, 208, 212); font-size: 0.93rem; line-height: 1.58; }
.home.product-page .evaluation-link { position: relative; z-index: 1; display: flex; align-items: center; justify-content: space-between; gap: 14px; margin-top: auto; padding-top: 24px; border-top: 1px solid rgba(220, 241, 244, 0.14); color: rgb(255, 255, 255); font-size: 0.86rem; font-weight: 780; }
.home.product-page .evaluation-link b { color: var(--product-accent); font-size: 1.15rem; }
@media (max-width: 900px) {
  .home.product-page .evaluation-head { grid-template-columns: 1fr; gap: 20px; }
  .home.product-page .evaluation-grid { grid-template-columns: 1fr; }
  .home.product-page .evaluation-card { min-height: 250px; }
}
@media (max-width: 620px) {
  .home.product-page .evaluation-path { padding: 68px 0px 72px; }
  .home.product-page .evaluation-head { margin-bottom: 28px; }
  .home.product-page .evaluation-head h2 { font-size: 2.18rem; }
  .home.product-page .evaluation-card { min-height: 0px; padding: 25px 22px 23px; }
  .home.product-page .evaluation-card h3 { margin: 24px 0px 12px; font-size: 1.17rem; }
  .home.product-page .evaluation-link { margin-top: 24px; }
}
@media (max-width: 520px) {
  .home .page-hero .wrap { padding: 30px 0px 36px; }
  .home .page-hero h1 { font-size: clamp(1.35rem, 6.2vw, 1.5rem); max-width: none; }
  .home .page-hero-media { height: 238px; }
  .home .matrix h2, .home .start h2, .home .risks h2, .home .approach h2, .home .matcards h2, .home .pattern h2, .home .verify h2, .home .answers h2, .home .flow h2, .home .scenes h2, .home .industries h2 { font-size: 2rem; }
  .home .risk, .home .matcard, .home .answer { padding: 24px 22px; }
  .home .crumb ol { font-size: 0.8rem; }
}
.home .matcard, .home .matcard-grid > *, .home .risk-grid > *, .home .answer-grid > * { min-width: 0px; }
.home .matcard > * { min-width: 0px; }
.home .matcard-media { margin: 0px 0px 22px; height: 172px; border-radius: 5px; overflow: hidden; border: 1px solid rgba(255, 255, 255, 0.14); }
.home .matcard-media img { transition: transform 0.6s; }
.home .matcard:hover .matcard-media img { transform: scale(1.02); }
@media (max-width: 900px) {
  .home.inner .brand { display: inline-flex; align-items: center; min-height: 44px; }
  .home .crumb ol { padding: 4px 0px; }
  .home .crumb li { min-height: 44px; }
  .home .crumb a, .home .crumb span[aria-current] { display: inline-flex; align-items: center; min-height: 44px; }
  .home .matcard h3 a, .home .matrix tbody th a { display: inline-block; padding: 10px 0px; margin: -10px 0px; }
  .home .matcard-media { height: 196px; }
}
body:not(.home) .scenelinks { margin: var(--flow) 0; }
body:not(.home) .scenelink-list { list-style: none; margin: 22px 0px 0px; padding: 0px; display: grid; grid-template-columns: repeat(auto-fit, minmax(260px, 1fr)); gap: 12px; }
body:not(.home) .scenelink-list a { display: flex; flex-direction: column; gap: 6px; min-height: 44px; height: 100%; padding: 20px 22px; background: var(--paper); border: 1px solid var(--line); border-radius: var(--radius-md); text-decoration: none; }
body:not(.home) .scenelink-list a:hover { border-color: var(--teal); background: var(--paper-2); }
body:not(.home) .scenelink-list b { font-size: 17px; line-height: 1.3; color: var(--ink); }
body:not(.home) .scenelink-list span { font-size: 14px; line-height: 1.5; color: var(--muted); }
.home .capability { background: var(--white); }
.home .capcard-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home .capcard { padding: 30px 28px 34px; border-left: 1px solid var(--line); min-width: 0px; }
.home .capcard:nth-child(3n+1) { border-left: 0px; padding-left: 0px; }
.home .capcard:nth-child(n+4) { border-top: 1px solid var(--line); }
.home .capcard-k { display: block; color: var(--teal); font-size: 0.76rem; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; }
.home .capcard b { display: block; font-size: 1.16rem; line-height: 1.28; letter-spacing: -0.022em; margin: 14px 0px 9px; }
.home .capcard p { margin: 0px; font-size: 0.94rem; line-height: 1.55; color: var(--muted); }
.home .lab { background: var(--paper); border-top: 1px solid var(--line); }
.home .cond-list { display: grid; grid-template-columns: repeat(3, 1fr); gap: 0px; margin: 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home .cond-list > div { padding: 22px 24px; border-left: 1px solid var(--line); min-width: 0px; }
.home .cond-list > div:nth-child(3n+1) { border-left: 0px; padding-left: 0px; }
.home .cond-list > div:nth-child(n+4) { border-top: 1px solid var(--line); }
.home .cond-list dt { color: var(--muted); font-size: 0.74rem; letter-spacing: 0.11em; text-transform: uppercase; font-weight: 800; }
.home .cond-list dd { margin: 8px 0px 0px; font-size: 1.04rem; font-weight: 750; letter-spacing: -0.018em; }
.home .cond-note { margin: 20px 0px 0px; font-size: 0.94rem; color: var(--muted); max-width: 900px; }
.home .pending-box { margin-top: 30px; padding: 26px 28px; background: var(--white); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 3px solid var(--amber); border-radius: 7px; }
.home .pending-box h3 { margin: 0px 0px 12px; font-size: 1.02rem; letter-spacing: -0.018em; }
.home .pending-box ul { margin: 0px; padding: 0px; list-style: none; display: grid; gap: 7px; }
.home .pending-box li { position: relative; padding-left: 18px; font-size: 0.94rem; color: var(--muted); }
.home .pending-box li::before { content: ""; position: absolute; left: 0px; top: 0.62em; width: 7px; height: 2px; background: var(--amber); }
.home .certboard { background: var(--ink); color: rgb(255, 255, 255); }
.home .certboard .section-head h2 { color: rgb(255, 255, 255); }
.home .certboard .section-head p { color: rgb(199, 213, 215); }
.home .cert-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; }
.home .cert { background: var(--ink-2); border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 7px; padding: 26px 26px 22px; min-width: 0px; }
.home .cert h3 { font-size: 1.12rem; margin: 0px 0px 8px; letter-spacing: -0.022em; line-height: 1.25; }
.home .certnote { margin: 0px 0px 16px; font-size: 0.88rem; line-height: 1.5; color: rgb(199, 213, 215); }
.home .cert dl { margin: 0px; padding-top: 14px; border-top: 1px solid rgba(255, 255, 255, 0.14); }
.home .cert dl > div { display: grid; grid-template-columns: 92px 1fr; gap: 12px; padding: 6px 0px; }
.home .cert dt { color: var(--aqua); font-size: 0.68rem; letter-spacing: 0.11em; text-transform: uppercase; font-weight: 800; padding-top: 3px; }
.home .cert dd { margin: 0px; font-size: 0.88rem; line-height: 1.45; color: rgb(219, 231, 233); word-break: break-word; }
.home .capability .factory-frame, .home .lab .factory-frame { height: auto; }
.home .real .factory-frame { height: 420px; margin-bottom: 14px; }
@media (max-width: 900px) {
  .home .capcard-grid, .home .cond-list, .home .cert-grid { grid-template-columns: 1fr; }
  .home .capcard, .home .cond-list > div { border-left: 0px; padding-left: 0px; padding-right: 0px; border-top: 1px solid var(--line); }
  .home .capcard:first-child, .home .cond-list > div:first-child { border-top: 0px; }
  .home .capcard-grid, .home .cond-list { border-bottom: 0px; }
  .home .real .factory-frame { height: 260px; }
}
@media (max-width: 520px) {
  .home .capability h2, .home .lab h2, .home .certboard h2 { font-size: 2rem; }
  .home .cert { padding: 22px; }
  .home .cert dl > div { grid-template-columns: 1fr; gap: 2px; }
}
.home .terms { background: var(--white); }
.home .terms-list { list-style: none; margin: 0px; padding: 0px; display: grid; grid-template-columns: repeat(4, 1fr); gap: 0px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home .terms-list li { padding: 30px 26px 34px; border-left: 1px solid var(--line); min-width: 0px; }
.home .terms-list li:first-child { border-left: 0px; padding-left: 0px; }
.home .terms-list b { display: block; color: var(--teal); font-size: 0.78rem; letter-spacing: 0.1em; font-weight: 800; margin-bottom: 14px; }
.home .terms-list p { margin: 0px; font-size: 0.96rem; line-height: 1.55; color: var(--muted); }
.home .reqpanel { background: var(--paper); border-top: 1px solid var(--line); }
.home .dform { max-width: 860px; }
.home .intent-pick { border: 0px; margin: 0px; padding: 4px 0px 34px; }
.home .intent-pick legend { padding: 0px; font-size: 1.38rem; font-weight: 780; letter-spacing: -0.025em; }
.home .intent-pick > p { max-width: 660px; margin: 9px 0px 20px; color: var(--muted); font-size: 0.96rem; }
.home .intent-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 12px; }
.home .intent-card { position: relative; display: flex; gap: 13px; min-height: 108px; padding: 18px; border: 1px solid var(--line); border-radius: 6px; background: var(--white); cursor: pointer; }
.home .intent-card:first-child { grid-column: 1 / -1; min-height: 0px; }
.home .intent-card:has(input:checked) { border-color: var(--teal); box-shadow: 0 0 0 1px var(--teal); background: rgb(243, 251, 251); }
.home .intent-card input { width: 20px; height: 20px; margin: 2px 0px 0px; flex: 0 0 auto; accent-color: var(--teal); }
.home .intent-card span { display: flex; flex-direction: column; gap: 5px; }
.home .intent-card b { font-size: 1rem; line-height: 1.3; }
.home .intent-card small { color: var(--muted); font-size: 0.88rem; line-height: 1.45; }
.home .fstep { border-right: 0px; border-bottom: 0px; border-left: 0px; border-image: none; border-top: 1px solid var(--line); margin: 0px; padding: 30px 0px 34px; }
.home .fstep legend { display: flex; align-items: baseline; gap: 12px; padding: 0px; font-size: 1.24rem; font-weight: 750; letter-spacing: -0.024em; }
.home .fno { color: var(--teal); font-size: 0.8rem; letter-spacing: 0.1em; font-weight: 800; }
.home .fstep-d { margin: 10px 0px 22px; font-size: 0.96rem; color: var(--muted); max-width: 640px; }
.home .fgrid { display: grid; grid-template-columns: 1fr 1fr; gap: 18px; }
.home .field { display: flex; flex-direction: column; min-width: 0px; }
.home .field.wide { grid-column: 1 / -1; }
.home .field label { font-size: 0.98rem; font-weight: 700; letter-spacing: -0.012em; margin-bottom: 5px; }
.home .field .req { color: var(--amber); margin-left: 2px; }
.home .fhelp { font-size: 0.86rem; color: var(--muted); line-height: 1.45; margin-bottom: 9px; }
.home .field input, .home .field textarea { font-style: inherit; font-variant: inherit; font-weight: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1rem; width: 100%; min-width: 0px; min-height: 52px; padding: 13px 15px; background: var(--white); color: var(--ink); border: 1px solid var(--line); border-radius: 5px; appearance: none; }
.home .field textarea { min-height: 96px; resize: vertical; line-height: 1.5; }
.home .field input::placeholder, .home .field textarea::placeholder { color: rgb(147, 165, 170); }
.home .field input:focus, .home .field textarea:focus { outline: 2px solid var(--teal); outline-offset: 1px; border-color: var(--teal); }
.home .field input:user-invalid, .home .field textarea:user-invalid { border-color: var(--amber); background: rgb(255, 250, 242); }
.home .fcheck { display: flex; align-items: flex-start; gap: 12px; margin-top: 20px; min-height: 48px; padding: 12px 0px; cursor: pointer; }
.home .fcheck input { width: 22px; height: 22px; margin: 2px 0px 0px; accent-color: var(--teal); flex: 0 0 auto; }
.home .fcheck span { font-size: 0.96rem; line-height: 1.5; }
.home .dform button[type="submit"] { margin-top: 28px; min-height: 56px; padding: 0px 30px; font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 1rem; font-weight: 750; background: var(--teal); color: rgb(255, 255, 255); border: 0px; border-radius: 5px; cursor: pointer; display: inline-flex; align-items: center; justify-content: center; }
.home .dform button[type="submit"]:hover { background: var(--ink-2); }
.home .dform button[type="submit"]:focus-visible { outline: 2px solid var(--ink); outline-offset: 3px; }
.home .fform-foot { margin: 16px 0px 0px; font-size: 0.9rem; color: var(--muted); max-width: 640px; }
.home .hpot { position: absolute; left: -9999px; }
.home .sr { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0px, 0px, 0px, 0px); white-space: nowrap; }
.home .samples-portrait img, .home .page-hero-media img { object-position: center 22%; }
@media (max-width: 900px) {
  .home .terms-list { grid-template-columns: 1fr; border-bottom: 0px; }
  .home .terms-list li { border-left: 0px; border-bottom: 1px solid var(--line); padding: 26px 0px; }
  .home .fgrid { grid-template-columns: 1fr; }
}
@media (max-width: 520px) {
  .home .terms h2, .home .reqpanel h2 { font-size: 2rem; }
  .home .fstep legend { font-size: 1.12rem; }
  .home .intent-grid { grid-template-columns: 1fr; }
  .home .intent-card, .home .intent-card:first-child { grid-column: auto; min-height: 0px; }
}
@media (max-width: 900px) {
  body:not(.home) .guide-related .app h3 a, body:not(.home) .apps .app h3 a, body:not(.home) .scenelink-list a { display: inline-block; padding: 11px 0px; margin: -11px 0px; }
  body:not(.home) .scenelink-list a { display: flex; padding: 20px 22px; margin: 0px; }
}
.home .cta-note { margin: 14px 0px 0px; font-size: 0.86rem; color: rgb(159, 181, 185); }
.home .ferr-summary { margin: 0px 0px 26px; padding: 18px 20px; background: rgb(255, 246, 234); border-top-color: ; border-top-style: ; border-top-width: ; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-left: 3px solid var(--amber); border-radius: 5px; font-size: 0.96rem; }
.home .ferr-summary:focus-visible { outline: 2px solid var(--amber); outline-offset: 2px; }
.home .ferr-summary strong { display: block; margin-bottom: 8px; }
.home .ferr-summary ul { margin: 0px; padding-left: 20px; display: grid; gap: 5px; }
.home .ferr { display: block; margin-top: 7px; font-size: 0.88rem; line-height: 1.45; color: rgb(163, 90, 19); font-weight: 650; }
.home .field.has-error input, .home .field.has-error textarea { border-color: var(--amber); background: rgb(255, 250, 242); }
.home .field.has-error label { color: rgb(163, 90, 19); }
body:not(.home) .crumb { margin: 14px 0px 0px; }
body:not(.home) .crumb ol { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: min(calc(100% - (var(--gutter)*2)),var(--content)); margin: 0px auto; padding: 0px; list-style: none; font-size: 13px; color: var(--muted); }
body:not(.home) .crumb li { display: flex; align-items: center; gap: 8px; min-height: 44px; }
body:not(.home) .crumb li + li::before { content: "/"; color: var(--line-strong); }
body:not(.home) .crumb a { display: inline-flex; align-items: center; min-height: 44px; color: var(--muted); text-decoration: none; }
body:not(.home) .crumb a:hover { color: var(--teal); }
body:not(.home) .crumb span[aria-current] { color: var(--ink); font-weight: 600; }
.home .illus-tag { position: absolute; right: 14px; top: 14px; z-index: 3; padding: 6px 10px; border-radius: 4px; background: rgba(7, 27, 35, 0.82); color: rgb(207, 224, 227); font-size: 0.66rem; font-weight: 800; letter-spacing: 0.1em; text-transform: uppercase; backdrop-filter: blur(6px); pointer-events: none; }
.home .page-hero-media, .home .solution, .home .matcard-media, .home .real-grid figure { position: relative; }
.home .solution .illus-tag { right: 16px; top: 16px; }
@media (max-width: 520px) {
  .home .illus-tag { right: 10px; top: 10px; font-size: 12px; letter-spacing: 0.06em; padding: 5px 9px; }
}
.nav { height: 86px; background: rgba(245, 247, 247, 0.94); position: sticky; top: 0px; z-index: 20; border-bottom: 1px solid rgba(7, 27, 35, 0.12); backdrop-filter: blur(16px); font-family: Inter, ui-sans-serif, system-ui, "Segoe UI", Arial, sans-serif; letter-spacing: normal; -webkit-font-smoothing: auto; text-rendering: auto; }
.nav .wrap { width: min(1240px, 100% - 64px); margin: auto; height: 100%; display: flex; align-items: center; gap: 32px; position: relative; }
.nav a { color: rgb(7, 27, 35); text-decoration: none; }
body .nav .brand, body:not(.home) .nav .brand { display: inline-flex; align-items: center; min-height: 54px; flex: 0 0 auto; margin-right: auto; padding: 0px; gap: 11px; font-size: 1.55rem; font-weight: 800; letter-spacing: -0.05em; color: rgb(7, 27, 35); background: none; }
body:not(.home) .nav .brand::before { content: none; display: none; }
body .nav .brand i, body:not(.home) .nav .brand i { display: none; }
.nav .brand-mark { display: block; width: 48px; height: 48px; object-fit: contain; flex: 0 0 auto; }
.nav .brand-copy { display: flex; flex-direction: column; gap: 1px; line-height: 1; white-space: nowrap; }
.nav .brand-copy b { font-size: 1.47rem; line-height: 1; font-weight: 800; letter-spacing: 0.015em; color: rgb(7, 27, 35); }
.nav .brand-copy small { font-size: 0.56rem; line-height: 1.2; font-weight: 800; letter-spacing: 0.095em; color: rgb(78, 102, 109); }
.nav .navlinks { display: flex; gap: 30px; font-size: 0.94rem; font-weight: 650; min-width: 0px; }
.nav .navlinks a:hover { color: rgb(8, 127, 134); }
.nav .navlinks span[aria-current] { color: rgb(8, 127, 134); font-weight: 800; }
.nav .navcta { display: inline-flex; align-items: center; justify-content: center; gap: 10px; min-height: 44px; background: rgb(8, 127, 134); color: rgb(255, 255, 255); padding: 0px 20px; border-radius: 5px; font-size: 0.94rem; font-weight: 750; white-space: nowrap; }
.nav .navcta:hover { background: rgb(12, 43, 52); color: rgb(255, 255, 255); }
.nav .nav-toggle { display: none; }
body[data-nav-open] .nav .brand { color: rgb(7, 27, 35); }
.footer { padding: 35px 0px; background: rgb(5, 20, 25); color: rgb(169, 189, 192); font-size: 0.84rem; font-family: Inter, ui-sans-serif, system-ui, "Segoe UI", Arial, sans-serif; letter-spacing: normal; -webkit-font-smoothing: auto; text-rendering: auto; }
.footer .wrap { width: min(1240px, 100% - 64px); margin: auto; display: flex; justify-content: space-between; gap: 25px; flex-wrap: wrap; }
@media (max-width: 900px) {
  .nav { height: 72px; }
  .nav .wrap { width: min(1240px, 100% - 36px); }
  .nav .nav-toggle { display: inline-flex; align-items: center; justify-content: center; min-height: 44px; min-width: 44px; padding: 0px 14px; margin-left: auto; background: transparent; border: 1px solid rgb(204, 215, 216); border-radius: 5px; color: rgb(7, 27, 35); font-style: inherit; font-variant: inherit; font-stretch: inherit; line-height: inherit; font-family: inherit; font-optical-sizing: inherit; font-size-adjust: inherit; font-kerning: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-language-override: inherit; font-size: 0.9rem; font-weight: 750; cursor: pointer; }
  .nav .navcta { display: none; }
  .nav .navlinks { display: none; position: absolute; left: 0px; right: 0px; top: 100%; flex-direction: column; gap: 0px; background: rgba(245, 247, 247, 0.984); border-bottom: 1px solid rgb(204, 215, 216); backdrop-filter: blur(16px); padding: 6px 0px 10px; box-shadow: rgba(7, 27, 35, 0.14) 0px 22px 40px; }
  body[data-nav-open] .nav .navlinks { display: flex; }
  .nav .navlinks a, .nav .navlinks span[aria-current] { display: flex; align-items: center; min-height: 48px; padding: 0px 18px; font-size: 1rem; border-top: 1px solid rgb(204, 215, 216); }
  .footer .wrap { width: min(1240px, 100% - 36px); }
}
@media (max-width: 520px) {
  .nav .wrap { width: min(1240px, 100% - 28px); }
  .nav .brand-mark { width: 42px; height: 42px; }
  .nav .brand-copy b { font-size: 1.3rem; }
  .nav .brand-copy small { font-size: 0.5rem; letter-spacing: 0.07em; }
  .footer .wrap { width: min(1240px, 100% - 28px); }
}
@media (max-width: 390px) {
  .nav .brand-copy small { display: none; }
}
.home .graphic { background: var(--white); border-top: 1px solid var(--line); }
.home .graphic-foot { margin: 24px 0px 0px; font-size: 0.88rem; color: var(--muted); max-width: 920px; padding-left: 16px; border-left: 2px solid var(--line); }
.home .ladder { padding-top: 34px; border-top: 1px solid var(--line); }
.home .ladder-scale { position: relative; height: 20px; margin-bottom: 10px; }
.home .ladder-scale span { position: absolute; transform: translateX(-50%); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.08em; color: var(--muted); }
.home .ladder-row { display: grid; grid-template-columns: 210px 1fr; gap: 20px 24px; align-items: center; padding: 20px 0px; border-bottom: 1px solid var(--line); }
.home .ladder-label b { display: block; font-size: 1.06rem; letter-spacing: -0.02em; }
.home .ladder-label span { display: block; color: var(--teal); font-size: 0.76rem; letter-spacing: 0.1em; font-weight: 800; margin-top: 4px; }
.home .ladder-track { position: relative; height: 44px; background: var(--paper); border: 1px solid var(--line); border-radius: 5px; }
.home .ladder-band { position: absolute; top: 5px; bottom: 5px; border-radius: 4px; background: linear-gradient(90deg,var(--aqua),var(--teal)); display: flex; align-items: center; justify-content: center; min-width: 64px; }
.home .ladder-band em { font-style: normal; font-size: 0.76rem; font-weight: 800; color: var(--ink); white-space: nowrap; padding: 0px 8px; }
.home .ladder-note { grid-column: 2; margin: 0px; font-size: 0.9rem; color: var(--muted); }
.home .dwell { border-top: 1px solid var(--line); }
.home .dwell-row { display: grid; grid-template-columns: 250px 1fr 280px; gap: 24px; align-items: center; padding: 22px 0px; border-bottom: 1px solid var(--line); }
.home .dwell-label b { display: block; font-size: 1.02rem; letter-spacing: -0.02em; }
.home .dwell-label span { display: block; color: var(--amber); font-size: 0.84rem; font-weight: 800; margin-top: 3px; }
.home .dwell-track { height: 42px; background: var(--paper); border: 1px solid var(--line); border-radius: 5px; }
.home .dwell-bar { display: flex; align-items: center; height: 100%; border-radius: 4px; background: linear-gradient(90deg,var(--teal),var(--ink-2)); color: rgb(255, 255, 255); font-size: 0.8rem; font-weight: 750; padding: 0px 12px; white-space: nowrap; min-width: 110px; }
.home .dwell-claim b { display: block; font-size: 0.92rem; letter-spacing: -0.015em; }
.home .dwell-claim span { display: block; font-size: 0.8rem; color: var(--muted); margin-top: 3px; }
.home .datastate-wrap { overflow-x: auto; border: 1px solid var(--line); border-radius: 7px; }
.home .datastate-wrap:focus-visible { outline: 2px solid var(--teal); outline-offset: 2px; }
.home .datastate { width: 100%; min-width: 760px; border-collapse: collapse; font-size: 0.92rem; }
.home .datastate th, .home .datastate td { text-align: left; vertical-align: top; padding: 15px 18px; border-bottom: 1px solid var(--line); }
.home .datastate thead th { background: var(--paper); font-size: 0.72rem; letter-spacing: 0.11em; text-transform: uppercase; color: var(--muted); font-weight: 800; white-space: nowrap; }
.home .datastate tbody th { font-weight: 700; width: 290px; }
.home .datastate td { color: var(--muted); }
.home .datastate tbody tr:last-child th, .home .datastate tbody tr:last-child td { border-bottom: 0px; }
.home .pill { display: inline-block; padding: 4px 11px; border-radius: 999px; font-size: 0.68rem; letter-spacing: 0.09em; text-transform: uppercase; font-weight: 800; white-space: nowrap; }
.home .pill-published { background: rgb(223, 240, 234); color: rgb(12, 104, 75); }
.home .pill-pending { background: rgb(253, 240, 220); color: rgb(138, 79, 18); }
.home .pill-gap { background: rgb(231, 237, 239); color: rgb(65, 88, 95); }
.home .pill-yours { background: rgb(220, 238, 241); color: rgb(11, 90, 99); }
.home .cycle { display: flex; list-style: none; margin: 0px; padding: 30px 0px 0px; gap: 3px; border-top: 1px solid var(--line); }
.home .cycle li { padding: 18px 16px 20px; border-radius: 5px; min-width: 0px; }
.home .cycle b { display: block; font-size: 0.96rem; letter-spacing: -0.018em; margin-bottom: 7px; }
.home .cycle span { display: block; font-size: 0.84rem; line-height: 1.45; }
.home .cycle .cy-cold { background: var(--paper); border: 1px solid var(--line); color: var(--ink); }
.home .cycle .cy-cold span { color: var(--muted); }
.home .cycle .cy-heat { background: rgb(253, 240, 220); border: 1px solid var(--amber); color: rgb(122, 74, 20); }
.home .cycle .cy-heat span { color: rgb(138, 90, 34); }
.home .cycle .cy-peak { background: var(--ink); border: 1px solid var(--ink); color: rgb(255, 255, 255); }
.home .cycle .cy-peak span { color: rgb(199, 213, 215); }
.home .quote.refuse { border-left-color: var(--amber); margin-bottom: 22px; }
.home .refuse-tag, .home .need-tag { display: block; color: var(--amber); font-size: 0.7rem; letter-spacing: 0.12em; text-transform: uppercase; font-weight: 800; margin-bottom: 8px; }
.home .need { margin: 0px 0px 20px; padding: 18px 20px; background: var(--paper); border: 1px solid var(--line); border-radius: 5px; }
.home .need-tag { color: var(--teal); }
.home .need ul { margin: 0px; padding: 0px; list-style: none; display: grid; gap: 7px; }
.home .need li { position: relative; padding-left: 18px; font-size: 0.94rem; line-height: 1.5; color: var(--ink); }
.home .need li::before { content: ""; position: absolute; left: 0px; top: 0.62em; width: 7px; height: 2px; background: var(--aqua); }
.home .signcta .wrap { grid-template-columns: 1fr auto; align-items: end; }
.home .signblock { display: flex; align-items: center; gap: 14px; padding-bottom: 4px; }
.home .signavatar { display: block; width: 56px; height: 56px; border-radius: 50%; overflow: hidden; border: 2px solid rgba(255, 255, 255, 0.28); flex: 0 0 auto; }
.home .signavatar img { object-position: center 24%; }
.home .signname { font-size: 0.96rem; font-weight: 750; color: rgb(255, 255, 255); line-height: 1.3; }
.home .signname small { display: block; font-size: 0.8rem; font-weight: 400; color: rgb(159, 181, 185); margin-top: 2px; }
@media (max-width: 900px) {
  .home .ladder-row { grid-template-columns: 1fr; gap: 12px; }
  .home .ladder-note { grid-column: 1; }
  .home .ladder-scale { display: none; }
  .home .dwell-row { grid-template-columns: 1fr; gap: 12px; }
  .home .cycle { flex-direction: column; }
  .home .cycle li { flex: 0 0 auto !important; }
  .home .signcta .wrap { grid-template-columns: 1fr; }
  .home .signblock { padding-top: 10px; }
}
@media (max-width: 520px) {
  .home .graphic h2 { font-size: 2rem; }
  .home .datastate { min-width: 600px; }
}
.line > :last-child, .guide > :last-child { margin-bottom: 0px; }
.home.product-page { --product-accent: var(--aqua); --product-accent-strong: var(--teal); --product-accent-rgb: 98,215,210; --product-deep: #0b313b; --product-wash: #e8f4f3; background: rgb(245, 247, 247); }
.home.product-polyimide-tape { --product-accent: #e9ad69; --product-accent-strong: #c8772e; --product-accent-rgb: 233,173,105; --product-deep: #3a2419; --product-wash: #f7eee4; }
.home.product-green-polyester-masking-tape { --product-accent: #66d6a4; --product-accent-strong: #17875f; --product-accent-rgb: 102,214,164; --product-deep: #0a352c; --product-wash: #e5f3ed; }
.home.product-page .page-hero { isolation: isolate; border-bottom: 1px solid rgba(var(--product-accent-rgb),.25); background: radial-gradient(circle at 78% 18%,rgba(var(--product-accent-rgb),.20),transparent 31%),
    radial-gradient(circle at 18% 105%,rgba(var(--product-accent-rgb),.10),transparent 35%),
    linear-gradient(116deg,#071b23 0%,#0a2a34 57%,var(--product-deep) 118%); }
.home.product-page .page-hero::before { opacity: 0.78; background-image: linear-gradient(rgba(var(--product-accent-rgb),.06) 1px,transparent 1px),
    linear-gradient(90deg,rgba(var(--product-accent-rgb),.06) 1px,transparent 1px); mask-image: linear-gradient(90deg, rgb(0, 0, 0) 0%, rgba(0, 0, 0, 0.4) 58%, transparent 92%); }
.home.product-page .page-hero::after { content: ""; position: absolute; z-index: -1; width: 420px; height: 420px; right: -140px; top: -210px; border: 1px solid rgba(var(--product-accent-rgb),.16); border-radius: 50%; box-shadow: 0 0 0 70px rgba(var(--product-accent-rgb),.025),0 0 0 140px rgba(var(--product-accent-rgb),.018); }
.home.product-page .page-hero .wrap { grid-template-columns: minmax(0px, 0.92fr) minmax(430px, 1.08fr); gap: clamp(42px, 5vw, 76px); min-height: 590px; padding: 66px 0px 72px; }
.home.product-page .page-hero-copy { position: relative; min-width: 0px; padding-left: 24px; }
.home.product-page .page-hero-copy::before { content: ""; position: absolute; left: 0px; top: 2px; bottom: 4px; width: 3px; border-radius: 8px; background: linear-gradient(180deg,var(--product-accent),rgba(var(--product-accent-rgb),0)); }
.home.product-page .page-hero .eyebrow { display: inline-flex; align-items: center; min-height: 32px; margin: 0px 0px 6px; padding: 6px 11px; border: 1px solid rgba(var(--product-accent-rgb),.34); border-radius: 999px; color: var(--product-accent); background: rgba(5, 24, 31, 0.48); font-size: 0.72rem; letter-spacing: 0.12em; line-height: 1.35; }
.home.product-page .page-hero h1 { max-width: 13ch; margin: 18px 0px 20px; color: rgb(255, 255, 255); font-size: clamp(2.25rem, 3.45vw, 3.5rem); font-weight: 690; line-height: 1.02; letter-spacing: -0.05em; }
.home.product-page .page-hero-copy > p:not(.cta-note) { max-width: 585px; margin-bottom: 26px; color: rgb(203, 218, 221); font-size: 1.04rem; line-height: 1.62; }
.home.product-page .page-hero .actions { gap: 10px; }
.home.product-page .page-hero .button { min-height: 50px; padding: 13px 19px; border-radius: 5px; background: var(--product-accent-strong); box-shadow: rgba(0, 0, 0, 0.22) 0px 12px 28px, rgba(255, 255, 255, 0.08) 0px 0px 0px 1px inset; }
.home.product-page .page-hero .button:hover { color: rgb(255, 255, 255); background: color-mix(in srgb,var(--product-accent-strong) 86%,#fff); transform: translateY(-2px); }
.home.product-page .page-hero .button.secondary { border-color: rgba(var(--product-accent-rgb),.42); color: rgb(245, 251, 252); background: rgba(255, 255, 255, 0.035); box-shadow: none; }
.home.product-page .page-hero .button.secondary:hover { border-color: var(--product-accent); background: rgba(var(--product-accent-rgb),.10); }
.home.product-page .page-hero .cta-note { position: relative; max-width: 590px; margin: 14px 0px 0px; padding-left: 23px; color: rgb(173, 193, 197); font-size: 0.82rem; line-height: 1.5; }
.home.product-page .page-hero .cta-note::before { content: "✓"; position: absolute; left: 0px; top: 0px; color: var(--product-accent); font-weight: 800; }
.home.product-page .hero-facts { gap: 8px; margin-top: 27px; padding-top: 0px; border-top: 0px; }
.home.product-page .hero-facts > div, .home.product-page .hero-facts > div + div { min-width: 0px; min-height: 92px; padding: 14px 13px; border: 1px solid rgba(var(--product-accent-rgb),.16); border-radius: 6px; background: rgba(255, 255, 255, 0.043); backdrop-filter: blur(8px); }
.home.product-page .hero-facts dt { color: rgb(255, 255, 255); font-size: 0.98rem; line-height: 1.15; }
.home.product-page .hero-facts dd { margin-top: 7px; color: rgb(170, 191, 195); font-size: 0.73rem; line-height: 1.35; }
.home.product-page .page-hero-media { height: auto; border-color: rgba(var(--product-accent-rgb),.34); border-radius: 12px; background: rgb(6, 24, 32); box-shadow: rgba(0, 0, 0, 0.42) 0px 34px 80px, rgba(255, 255, 255, 0.04) 0px 0px 0px 1px; aspect-ratio: 16 / 10 !important; }
.home.product-page .page-hero-media::before { content: ""; position: absolute; z-index: 2; right: 0px; bottom: 0px; left: 0px; height: 4px; background: linear-gradient(90deg,var(--product-accent),rgba(var(--product-accent-rgb),.12)); pointer-events: none; }
.home.product-page .page-hero-media::after { z-index: 1; background: linear-gradient(180deg,transparent 54%,rgba(3,20,27,.58)),
    linear-gradient(90deg,rgba(var(--product-accent-rgb),.05),transparent 55%); }
.home.product-page .page-hero-media video, .home.product-page .page-hero-media img { transform: scale(1.002); filter: saturate(0.93) contrast(1.055); }
.home.product-page .crumb { background: rgb(245, 247, 247); }
.home.product-page .crumb span[aria-current] { color: var(--product-accent-strong); }
.home.product-page .scenes { border-top: 1px solid rgba(11, 49, 60, 0.1); }
.home.product-page .scenes:nth-of-type(2n) { background: linear-gradient(180deg,var(--product-wash),#f5f7f7 72%); }
.home.product-page .section-head h2 { max-width: 18ch; }
.home.product-page .customer-scene, .home.product-page .solution { border: 1px solid rgba(8, 38, 48, 0.12); border-radius: 10px; box-shadow: rgba(7, 31, 40, 0.08) 0px 16px 38px; }
.home.product-page .customer-scene::after, .home.product-page .solution::after { background: linear-gradient(rgba(4, 20, 26, 0.02) 16%, rgba(4, 20, 26, 0.94) 96%); }
.home.product-page .customer-scene b, .home.product-page .solution h3 { letter-spacing: -0.025em; }
.home.product-page .customer-scene div, .home.product-page .solution-copy { border-left: 3px solid var(--product-accent); padding-left: 20px; }
.home.product-page details { box-shadow: rgba(7, 31, 40, 0.06) 0px 12px 30px; }
.home.product-page details summary { color: var(--product-accent-strong); }
.home.product-page .person { background: linear-gradient(135deg,var(--product-wash),#eef2f2); }
.home.product-page .person-grid { border-radius: 10px; overflow: hidden; box-shadow: rgba(7, 31, 40, 0.08) 0px 18px 48px; }
.home.product-page .person-copy .button, .home.product-page .signcta .navcta { background: var(--product-accent-strong); border-color: var(--product-accent-strong); }
.home.product-page .quote { border-left-color: var(--product-accent-strong); }
.home.product-page .signcta { background: linear-gradient(116deg,#08232c 0%,#0b313b 60%,var(--product-deep) 130%); }
@media (max-width: 1040px) {
  .home.product-page .page-hero .wrap { grid-template-columns: 1fr; min-height: 0px; padding: 54px 0px 58px; }
  .home.product-page .page-hero-copy { max-width: 790px; }
  .home.product-page .page-hero-media { width: 100%; max-width: 820px; }
}
@media (max-width: 620px) {
  .home.product-page .page-hero .wrap { padding: 34px 0px 42px; gap: 30px; }
  .home.product-page .page-hero-copy { padding-left: 17px; }
  .home.product-page .page-hero h1 { max-width: 11ch; font-size: clamp(2.15rem, 10.8vw, 2.65rem); line-height: 1.01; }
  .home.product-page .page-hero-copy > p:not(.cta-note) { font-size: 0.97rem; line-height: 1.56; }
  .home.product-page .page-hero .actions { display: grid; grid-template-columns: 1fr; }
  .home.product-page .page-hero .button { width: 100%; }
  .home.product-page .hero-facts { grid-template-columns: 1fr; gap: 7px; }
  .home.product-page .hero-facts > div, .home.product-page .hero-facts > div + div { min-height: 0px; padding: 13px 14px; }
  .home.product-page .page-hero-media { border-radius: 8px; aspect-ratio: 4 / 3 !important; }
  .home.product-page .customer-scene div, .home.product-page .solution-copy { left: 22px; right: 22px; padding-left: 16px; }
}
.home.inner main p, .home.inner main li { line-height: 1.58; letter-spacing: 0px; }
.home.inner.products-page .page-hero .actions, .home.inner.videos-page .page-hero .actions { gap: 14px; margin-top: 30px; }
.home.inner.products-page .page-hero .button.secondary, .home.inner.videos-page .page-hero .button.secondary, .home.inner.factory-page .page-hero .button.secondary { background: rgba(98, 215, 210, 0.14); border-color: var(--aqua); color: rgb(255, 255, 255); }
.home.inner.products-page .page-hero .button.secondary:hover, .home.inner.videos-page .page-hero .button.secondary:hover, .home.inner.factory-page .page-hero .button.secondary:hover { background: var(--aqua); border-color: var(--aqua); color: var(--ink); }
.home.inner.products-page main .textlink, .home.inner.videos-page main .textlink { display: inline-flex; align-items: center; justify-content: center; min-height: 46px; padding: 11px 16px; border: 1px solid var(--teal); border-radius: 5px; background: var(--teal); color: rgb(255, 255, 255); font-size: 0.9rem; font-weight: 780; line-height: 1.25; box-shadow: rgba(15, 124, 132, 0.16) 0px 8px 20px; }
.home.inner.products-page main .textlink:hover, .home.inner.videos-page main .textlink:hover { border-color: var(--ink-2); background: var(--ink-2); color: rgb(255, 255, 255); transform: translateY(-1px); }
.home.inner.products-page .process .step .textlink, .home.inner.videos-page .process .step .textlink, .home.inner.videos-page .guide-related .textlink { margin-top: 16px; }
.home.inner.videos-page .guide-related { margin: 0px; padding: 96px 0px; background: var(--paper); border-top: 1px solid var(--line); }
.home.inner.videos-page .guide-related .apps { grid-template-columns: minmax(0px, 760px); margin: 30px 0px 0px; }
.home.inner.videos-page .guide-related .app { padding: 34px; }
.home.inner.videos-page .signcta .wrap { grid-template-columns: minmax(0px, 1fr) auto; align-items: end; }
.home.inner.factory-page .decision-next { padding-bottom: 52px !important; }
.home.inner.factory-page .person#ask { padding-top: 52px !important; }
@media (max-width: 900px) {
  .home.inner.videos-page .guide-related { padding: 72px 0px; }
  .home.inner.videos-page .signcta .wrap { grid-template-columns: 1fr; }
  .home.inner.products-page .page-hero .actions, .home.inner.videos-page .page-hero .actions { margin-top: 26px; }
}
@media (max-width: 520px) {
  .home.inner.videos-page .guide-related { padding: 56px 0px; }
  .home.inner.videos-page .guide-related .app { padding: 24px; }
  .home.inner.products-page .page-hero .actions, .home.inner.videos-page .page-hero .actions { gap: 10px; margin-top: 24px; }
  .home.inner.products-page main .textlink, .home.inner.videos-page main .textlink { width: 100%; margin-top: 14px; }
  .home.inner.factory-page .decision-next { padding-bottom: 42px !important; }
  .home.inner.factory-page .person#ask { padding-top: 42px !important; }
}
.home.inner.products-page .solutions { padding-bottom: 20px; }
.home.inner.products-page .process { padding-top: 20px; padding-bottom: 70px; }
.home.inner.products-page .process .section-head { margin-bottom: 34px; }
.home.inner.products-page .signcta, .home.inner.videos-page .signcta { padding: 68px 0px; }
.home.inner.products-page .signcta .wrap, .home.inner.videos-page .signcta .wrap { grid-template-columns: minmax(0px, 1fr) 330px; align-items: stretch; }
.home.inner.products-page .cta-contact, .home.inner.videos-page .cta-contact { display: flex; flex-direction: column; justify-content: center; gap: 18px; padding: 40px 38px; border-left: 1px solid rgba(255, 255, 255, 0.14); background: rgba(255, 255, 255, 0.035); }
.home.inner.products-page .signblock, .home.inner.videos-page .signblock { padding: 0px; align-items: center; }
.home.inner.products-page .signavatar, .home.inner.videos-page .signavatar { width: 72px; height: 72px; border-width: 3px; }
.home.inner.products-page .signavatar img, .home.inner.videos-page .signavatar img { object-position: center 22%; }
.home.inner.products-page .signnote, .home.inner.videos-page .signnote { max-width: 30ch; margin: 0px; color: rgb(199, 213, 215); font-size: 0.88rem; line-height: 1.55; }
.home.inner.videos-page .process { padding: 84px 0px 72px; }
.home.inner.videos-page .process .section-head { margin-bottom: 38px; }
.home.inner.videos-page .video-scene-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 18px; }
.home.inner.videos-page .video-scene { overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); box-shadow: rgba(7, 27, 35, 0.07) 0px 16px 38px; }
.home.inner.videos-page .video-scene figure { margin: 0px; aspect-ratio: 16 / 10; overflow: hidden; background: var(--ink); }
.home.inner.videos-page .video-scene figure img { object-position: center center; transition: transform 0.45s; }
.home.inner.videos-page .video-scene:hover figure img { transform: scale(1.02); }
.home.inner.videos-page .video-scene-copy { padding: 30px 30px 32px; }
.home.inner.videos-page .scene-no { display: inline-flex; min-height: 32px; align-items: center; padding: 5px 10px; border-radius: 4px; background: rgb(228, 241, 241); color: var(--teal); font-size: 0.72rem; font-weight: 800; letter-spacing: 0.1em; }
.home.inner.videos-page .video-scene h3 { margin: 18px 0px 10px; font-size: 1.34rem; line-height: 1.2; letter-spacing: -0.026em; }
.home.inner.videos-page .video-scene p { max-width: 50ch; margin: 0px; color: var(--muted); font-size: 0.96rem; }
.home.inner.videos-page .decision-strip { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); margin-top: 18px; border-top: 1px solid var(--line); border-bottom: 1px solid var(--line); }
.home.inner.videos-page .decision-strip > div { padding: 28px 30px; }
.home.inner.videos-page .decision-strip > div + div { border-left: 1px solid var(--line); }
.home.inner.videos-page .decision-strip b { color: var(--teal); font-size: 0.8rem; letter-spacing: 0.1em; }
.home.inner.videos-page .decision-strip h3 { margin: 12px 0px 8px; font-size: 1.1rem; line-height: 1.25; }
.home.inner.videos-page .decision-strip p { margin: 0px; color: var(--muted); font-size: 0.94rem; }
.home.inner.videos-page .buyer-answers { padding: 82px 0px; border-top: 1px solid var(--line); background: rgb(237, 242, 242); }
.home.inner.videos-page .buyer-answers .section-head { margin-bottom: 36px; }
.home.inner.videos-page .buyer-answer-grid { display: grid; grid-template-columns: repeat(2, minmax(0px, 1fr)); gap: 14px; }
.home.inner.videos-page .buyer-answer-grid article { padding: 28px 30px; border-right-color: ; border-right-style: ; border-right-width: ; border-bottom-color: ; border-bottom-style: ; border-bottom-width: ; border-left-color: ; border-left-style: ; border-left-width: ; border-image-source: ; border-image-slice: ; border-image-width: ; border-image-outset: ; border-image-repeat: ; border-top: 3px solid var(--teal); border-radius: 7px; background: rgb(255, 255, 255); }
.home.inner.videos-page .buyer-answer-grid h3 { max-width: 32ch; margin: 0px 0px 12px; font-size: 1.08rem; line-height: 1.32; letter-spacing: -0.018em; }
.home.inner.videos-page .buyer-answer-grid p { max-width: 62ch; margin: 0px; color: var(--muted); font-size: 0.94rem; }
.home.inner.videos-page .buyer-answer-grid strong { color: var(--ink); }
.home.inner.videos-page .guide-related { padding: 82px 0px; }
.home.inner.videos-page .guide-related .section-head { margin-bottom: 34px; }
.home.inner.videos-page .video-library-card { display: grid; grid-template-columns: minmax(0px, 0.92fr) minmax(0px, 1.08fr); overflow: hidden; border: 1px solid var(--line); border-radius: 8px; background: rgb(255, 255, 255); }
.home.inner.videos-page .video-cover { position: relative; display: block; min-height: 330px; overflow: hidden; background: var(--ink); }
.home.inner.videos-page .video-cover::after { content: ""; position: absolute; inset: 0px; background: linear-gradient(transparent 52%, rgba(7, 27, 35, 0.45)); }
.home.inner.videos-page .video-cover img { transition: transform 0.45s; }
.home.inner.videos-page .video-cover:hover img { transform: scale(1.025); }
.home.inner.videos-page .cover-play { position: absolute; z-index: 2; left: 26px; bottom: 24px; display: grid; place-items: center; width: 58px; height: 58px; border: 2px solid rgb(255, 255, 255); border-radius: 50%; color: rgb(255, 255, 255); background: rgba(15, 124, 132, 0.92); font-size: 1.05rem; box-shadow: rgba(0, 0, 0, 0.28) 0px 12px 28px; }
.home.inner.videos-page .video-library-copy { align-self: center; padding: 42px 46px; }
.home.inner.videos-page .video-library-copy .meta { margin: 0px 0px 13px; color: var(--teal); font-weight: 780; }
.home.inner.videos-page .video-library-copy h3 { margin: 0px 0px 16px; font-size: 1.45rem; line-height: 1.28; letter-spacing: -0.025em; }
.home.inner.videos-page .video-library-copy h3 a:hover { color: var(--teal); }
.home.inner.videos-page .video-library-copy > p:not(.meta) { max-width: 58ch; margin: 0px; color: var(--muted); font-size: 0.96rem; }
.home.inner.videos-page .library-links { display: flex; align-items: center; flex-wrap: wrap; gap: 12px 20px; margin-top: 24px; }
.home.inner.videos-page .library-links > a:not(.textlink) { color: var(--teal); font-size: 0.88rem; font-weight: 750; }
@media (max-width: 900px) {
  .home.inner.products-page .solutions { padding-bottom: 16px; }
  .home.inner.products-page .process { padding-top: 16px; padding-bottom: 58px; }
  .home.inner.products-page .signcta .wrap, .home.inner.videos-page .signcta .wrap { grid-template-columns: 1fr; }
  .home.inner.products-page .cta-contact, .home.inner.videos-page .cta-contact { padding: 30px 34px; border-top: 1px solid rgba(255, 255, 255, 0.14); border-left: 0px; }
  .home.inner.videos-page .video-scene-grid { grid-template-columns: 1fr; }
  .home.inner.videos-page .video-scene { display: grid; grid-template-columns: minmax(0px, 0.9fr) minmax(0px, 1.1fr); }
  .home.inner.videos-page .video-scene figure { aspect-ratio: auto; min-height: 310px; }
  .home.inner.videos-page .video-library-card { grid-template-columns: 1fr; }
  .home.inner.videos-page .video-cover { min-height: 390px; }
}
@media (max-width: 620px) {
  .home.inner.products-page .solutions { padding-bottom: 14px; }
  .home.inner.products-page .process { padding-top: 14px; padding-bottom: 50px; }
  .home.inner.products-page .process .section-head { margin-bottom: 26px; }
  .home.inner.products-page .signcta, .home.inner.videos-page .signcta { padding: 54px 0px; }
  .home.inner.products-page .cta-copy, .home.inner.videos-page .cta-copy { padding: 34px 24px; }
  .home.inner.products-page .cta-contact, .home.inner.videos-page .cta-contact { padding: 26px 24px; }
  .home.inner.products-page .signavatar, .home.inner.videos-page .signavatar { width: 64px; height: 64px; }
  .home.inner.videos-page .process, .home.inner.videos-page .buyer-answers, .home.inner.videos-page .guide-related { padding: 58px 0px; }
  .home.inner.videos-page .video-scene { display: block; }
  .home.inner.videos-page .video-scene figure { min-height: 0px; aspect-ratio: 16 / 10; }
  .home.inner.videos-page .video-scene-copy { padding: 24px; }
  .home.inner.videos-page .decision-strip { grid-template-columns: 1fr; }
  .home.inner.videos-page .decision-strip > div { padding: 24px 0px; }
  .home.inner.videos-page .decision-strip > div + div { border-left: 0px; border-top: 1px solid var(--line); }
  .home.inner.videos-page .buyer-answer-grid { grid-template-columns: 1fr; }
  .home.inner.videos-page .buyer-answer-grid article { padding: 24px; }
  .home.inner.videos-page .video-cover { min-height: 0px; aspect-ratio: 16 / 10; }
  .home.inner.videos-page .cover-play { left: 18px; bottom: 17px; width: 50px; height: 50px; }
  .home.inner.videos-page .video-library-copy { padding: 28px 24px 30px; }
  .home.inner.videos-page .video-library-copy h3 { font-size: 1.22rem; }
  .home.inner.videos-page .library-links { align-items: stretch; flex-direction: column; gap: 10px; }
  .home.inner.videos-page .library-links .textlink { width: 100%; margin: 0px; }
}