/* Interior pages extend the approved Demo design tokens and components. */
.inner-hero { position:relative; min-height:670px; color:#fff; background:var(--ink); overflow:hidden; display:flex; align-items:flex-end; }
.inner-hero__media,.inner-hero__shade { position:absolute; inset:0; }
.inner-hero__media img { width:100%; height:100%; object-fit:cover; object-position:center; opacity:.64; filter:saturate(.62); }
.inner-hero__shade { background:linear-gradient(90deg,rgba(13,17,20,.95),rgba(13,17,20,.72) 52%,rgba(13,17,20,.18)),linear-gradient(0deg,rgba(13,17,20,.82),transparent 65%); }
.inner-hero__inner { position:relative; padding-top:145px; padding-bottom:84px; }
.breadcrumb { display:flex; gap:12px; align-items:center; flex-wrap:wrap; font-size:11px; letter-spacing:.04em; color:rgba(255,255,255,.55); margin-bottom:58px; }
.breadcrumb a { transition:color .2s; }
.breadcrumb a:hover { color:var(--green-hi); }
.breadcrumb [aria-current] { color:rgba(255,255,255,.82); }
.inner-title { margin:0; font-size:clamp(45px,6.8vw,98px); font-weight:600; line-height:1.01; letter-spacing:-.045em; max-width:17ch; }
.inner-hero__lead { font-size:clamp(16px,1.35vw,19px); color:rgba(255,255,255,.73); line-height:1.65; max-width:650px; margin:28px 0 30px; }
.inner-hero__actions { display:flex; gap:14px; flex-wrap:wrap; }
.inner-copy { max-width:430px; color:var(--steel); font-size:17px; }
.inner-head-row { display:flex; justify-content:space-between; gap:48px; align-items:flex-end; }
.inner-two { display:grid; grid-template-columns:1fr 1fr; gap:clamp(40px,7vw,110px); }
.inner-three { display:grid; grid-template-columns:repeat(3,1fr); gap:1px; background:var(--line); border:1px solid var(--line); }
.inner-link { display:inline-flex; align-items:center; gap:22px; font-size:13px; font-weight:600; color:var(--green); margin-top:24px; border-bottom:1px solid rgba(31,154,75,.3); padding-bottom:6px; }
.inner-link span { transition:transform .3s var(--ease); }
.inner-link:hover span { transform:translate(3px,-3px); }
.inner-features { background:#fff; }
.inner-features .quality__grid { align-items:center; }
.inner-product-image { min-width:0; aspect-ratio:1/1.15; background:#edf0ed; }
.inner-product-image img { width:100%; height:100%; object-fit:cover; }
.inner-product-image--cut { padding:40px; background:#f6f7f5; }
.inner-product-image--cut img { object-fit:contain; }
.inner-feature-list { margin-top:38px; }
.inner-feature-list li { grid-template-columns:1fr; gap:8px; padding:22px 0; }
.inner-feature-list b { font-size:20px; }
.inner-applications { background:var(--paper); }
.inner-panel { background:var(--paper); padding:36px; }
.inner-panel__num { display:block; color:var(--green); font-size:12px; letter-spacing:.12em; font-variant-numeric:tabular-nums; }
.inner-panel h3 { margin:40px 0 14px; font-size:25px; line-height:1.2; font-weight:600; letter-spacing:-.02em; }
.inner-panel p { color:var(--steel); font-size:15px; margin:0; }
.inner-spec { color:#fff; background:var(--ink); }
.inner-muted-light { color:rgba(255,255,255,.6); font-size:17px; max-width:460px; margin:28px 0 0; }
.inner-checklist { padding:0; margin:0 0 35px; list-style:none; border-top:1px solid rgba(255,255,255,.2); }
.inner-checklist li { padding:20px 0 20px 27px; border-bottom:1px solid rgba(255,255,255,.12); position:relative; color:rgba(255,255,255,.78); }
.inner-checklist li::before { content:'↗'; color:var(--green-hi); position:absolute; left:0; top:20px; }
.inner-faq { background:var(--paper); }
.faq-list { border-top:1px solid var(--ink); }
.faq-list details { border-bottom:1px solid var(--line); }
.faq-list summary { list-style:none; cursor:pointer; display:flex; justify-content:space-between; align-items:center; gap:22px; font-size:18px; font-weight:500; line-height:1.4; padding:25px 0; }
.faq-list summary::-webkit-details-marker { display:none; }
.faq-list summary span { color:var(--green); font-size:25px; font-weight:400; transition:transform .3s var(--ease); flex:0 0 auto; }
.faq-list details[open] summary span { transform:rotate(45deg); }
.faq-list details p { margin:0 0 25px; font-size:15px; color:var(--steel); padding-right:25px; }
.inner-cta { padding:100px 0; }
.inner-cta .display { max-width:20ch; }
.inner-cta__grid { display:flex; gap:60px; justify-content:space-between; align-items:center; position:relative; }
.inner-cta__grid > .btn { flex:0 0 auto; gap:24px; }
.inner-steps { border-top:1px solid rgba(255,255,255,.2); }
.inner-steps article { display:flex; gap:25px; border-bottom:1px solid rgba(255,255,255,.13); padding:26px 0; }
.inner-steps article > span { font-size:12px; color:var(--green-hi); padding-top:3px; }
.inner-steps h3 { font-size:21px; font-weight:500; letter-spacing:-.02em; margin:0 0 8px; }
.inner-steps p { color:rgba(255,255,255,.6); margin:0; font-size:15px; }
.inner-mfg { padding-top:100px; }
.inner-mfg .head .display { max-width:20ch; }
.inner-sectors { background:#fff; }
.inner-sector { display:grid; grid-template-columns:1fr 1fr; gap:clamp(35px,7vw,110px); padding:40px 0; border-top:1px solid var(--line); }
.inner-sector:last-child { border-bottom:1px solid var(--line); }
.inner-sector h2 { font-size:clamp(25px,2.6vw,36px); font-weight:500; line-height:1.12; letter-spacing:-.025em; margin:18px 0 0; max-width:19ch; }
.inner-sector p { color:var(--steel); font-size:16px; margin:0 0 22px; }
.inner-chips { display:flex; flex-wrap:wrap; gap:8px; }
.inner-chips a { padding:7px 12px; font-size:12px; border:1px solid var(--line); display:inline-flex; gap:12px; align-items:center; transition:background .3s,color .3s; }
.inner-chips a:hover { background:var(--ink); color:#fff; }
.inner-chips a span { color:var(--green); }
.inner-contact-list { list-style:none; margin:36px 0 0; padding:0; max-width:430px; border-top:1px solid rgba(255,255,255,.15); }
.inner-contact-list li { padding:18px 0; border-bottom:1px solid rgba(255,255,255,.13); }
.inner-contact-list span { display:block; font-size:10px; letter-spacing:.15em; text-transform:uppercase; color:rgba(255,255,255,.45); margin-bottom:7px; }
.inner-contact-list b { font-size:14px; font-weight:400; color:rgba(255,255,255,.82); }
.form .inner-consent { flex-direction:row; align-items:flex-start; gap:12px; }
.form .inner-consent input { flex:0 0 16px; width:16px; height:16px; margin:3px 0 0; accent-color:var(--green); padding:0; }
.form .inner-consent span { font-size:12px; line-height:1.6; letter-spacing:0; text-transform:none; color:rgba(255,255,255,.6); }
.inner-consent a { color:rgba(255,255,255,.88); text-decoration:underline; text-underline-offset:3px; }
.inner-honeypot { position:absolute!important; left:-9999px!important; width:1px; height:1px; overflow:hidden; }
.form__status { font-size:14px; margin:0; min-height:1.6em; color:var(--green-hi); }
.form__status.is-error { color:#ffb3a7; }
.form button[disabled] { opacity:.6; cursor:wait; }
.inner-legal { background:var(--paper); }
.inner-legal__grid { display:grid; grid-template-columns:1fr 2.2fr; gap:80px; }
.inner-legal aside { align-self:start; position:sticky; top:110px; }
.inner-legal aside nav { display:flex; flex-direction:column; gap:15px; font-size:14px; color:var(--steel); }
.inner-legal aside a:hover { color:var(--green); }
.inner-prose { max-width:800px; color:#39434b; }
.inner-prose h2 { color:var(--ink); font-size:25px; line-height:1.2; font-weight:500; letter-spacing:-.02em; margin:42px 0 15px; scroll-margin-top:110px; }
.inner-prose p { margin:0 0 22px; }
.inner-prose p a { color:var(--green); text-decoration:underline; text-underline-offset:3px; }
.inner-legal__date { color:var(--steel); font-size:12px; letter-spacing:.03em; margin-bottom:28px!important; }
@media (max-width:1080px) { .inner-head-row { align-items:flex-start; } .inner-cta__grid { align-items:flex-start; flex-direction:column; gap:35px; } .inner-three { grid-template-columns:1fr; } .inner-panel { display:grid; grid-template-columns:30px 1fr 1.4fr; gap:24px; align-items:baseline; } .inner-panel h3 { margin:0; } }
@media (max-width:860px) { .inner-hero { min-height:620px; } .inner-hero__inner { padding-top:115px; padding-bottom:64px; } .breadcrumb { margin-bottom:45px; gap:9px; } .inner-two { grid-template-columns:1fr; gap:44px; } .inner-head-row { display:block; } .inner-head-row .inner-copy { margin-top:26px; max-width:560px; } .inner-title { font-size:clamp(43px,8vw,70px); } .inner-product-image { aspect-ratio:4/3; } .inner-sector { grid-template-columns:1fr; gap:25px; } .inner-legal__grid { grid-template-columns:1fr; gap:45px; } .inner-legal aside { position:static; } .inner-legal aside nav { flex-direction:row; flex-wrap:wrap; gap:12px 20px; } .inner-panel { grid-template-columns:25px 1fr; } .inner-panel p { grid-column:2; } .inner-cta { padding:85px 0; } }
@media (max-width:600px) { .inner-hero { min-height:590px; } .inner-hero__media img { object-position:60% center; } .inner-title { max-width:16ch; } .inner-hero__lead { font-size:16px; } .inner-hero__actions .btn { padding:0 21px; font-size:13px; } .inner-panel { padding:28px 22px; gap:18px; } .inner-panel h3 { font-size:22px; } .inner-product-image--cut { padding:25px; } .inner-cta .btn { max-width:100%; padding:0 20px; font-size:12px; } .inner-sector { padding:30px 0; } .inner-steps article { gap:18px; } .inner-prose h2 { font-size:23px; } }