@import url('https://fonts.googleapis.com/css2?family=Source+Serif+4:opsz,wght@8..60,500;8..60,600&display=swap');
/* Theorema Materials — mirrors the live coatings catalogue system. */
html,body{margin:0;padding:0;background:#f6f8fa}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:64px}
body{font-family:'Schibsted Grotesk',-apple-system,'Helvetica Neue',Arial,sans-serif;color:#16294f;-webkit-font-smoothing:antialiased}
a{color:#2563eb;text-decoration:none}a:hover{color:#2d5ce4}
::selection{background:#16294f;color:#fff}
.mn{font-family:'JetBrains Mono',ui-monospace,Menlo,monospace}
.ax{font-size:10.5px;font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:#8a919c}

/* header */
.hdr{position:sticky;top:0;z-index:50;background:rgba(246,248,250,.92);backdrop-filter:blur(8px);border-bottom:1px solid #e3e6eb}
.hdr .in{max-width:1240px;margin:0 auto;padding:0 40px;height:78px;display:flex;align-items:center;gap:20px}
.logo{display:flex;align-items:center}
.logo img{height:42px;width:auto;display:block}
.hdr nav{margin-left:34px;display:flex;gap:28px}
.hdr nav a{font-size:16px;color:#3f4b60}
.hdr nav a:hover,.hdr nav a[aria-current]{color:#16294f}
.hdr .right{margin-left:auto;display:flex;align-items:center;gap:12px}
.hdr .right .out{font-size:13.5px;color:#3f4b60}
.hdr .right .out:hover{color:#2563eb}
.cta{display:inline-block;background:#2563eb;color:#fff;font-size:15px;font-weight:600;letter-spacing:.01em;padding:11px 19px;border-radius:7px;transition:background .18s}
.cta:hover{background:#1d4ed8;color:#fff}
.cta.big{font-size:15.5px;padding:14px 22px}
.cta.ghost{background:#fff;color:#16294f;border:1px solid #d4d9e0}
.cta.ghost:hover{background:#f6f8fa;color:#16294f}

/* layout */
.sec{max-width:1240px;margin:0 auto;padding:0 40px}
.block{padding:92px 0 84px;border-bottom:1px solid #d4d9e0}
.block.white{background:#fff}
.wht{background:#fff}
h2.h{margin:0 0 14px;font-size:clamp(24px,3vw,33px);font-weight:700;letter-spacing:-.025em;color:#16294f;max-width:24ch}
p.sub{margin:0;font-size:16.5px;color:#3f4b60;line-height:1.65;max-width:62ch}

/* hero */
.hero{position:relative;overflow:hidden;border-bottom:1px solid #d4d9e0;background-color:#fff;
  background-image:url("data:image/svg+xml,%3Csvg%20xmlns%3D%22http%3A%2F%2Fwww.w3.org%2F2000%2Fsvg%22%20width%3D%221200%22%20height%3D%22320%22%20viewBox%3D%220%200%201200%20320%22%20preserveAspectRatio%3D%22none%22%3E%3Cg%20fill%3D%22none%22%20stroke%3D%22%2316294f%22%3E%3Cpath%20stroke-width%3D%220.8%22%20stroke-opacity%3D%220.06%22%20d%3D%22M0%200%20L0%20320%20M60%200%20L60%20320%20M120%200%20L120%20320%20M180%200%20L180%20320%20M240%200%20L240%20320%20M300%200%20L300%20320%20M360%200%20L360%20320%20M420%200%20L420%20320%20M480%200%20L480%20320%20M540%200%20L540%20320%20M600%200%20L600%20320%20M660%200%20L660%20320%20M720%200%20L720%20320%20M780%200%20L780%20320%20M840%200%20L840%20320%20M900%200%20L900%20320%20M960%200%20L960%20320%20M1020%200%20L1020%20320%20M1080%200%20L1080%20320%20M1140%200%20L1140%20320%20M1200%200%20L1200%20320%20M0%200%20L1200%200%20M0%2060%20L1200%2060%20M0%20120%20L1200%20120%20M0%20180%20L1200%20180%20M0%20240%20L1200%20240%20M0%20300%20L1200%20300%20%22%2F%3E%3Cpath%20stroke-width%3D%221.3%22%20stroke-opacity%3D%220.06%22%20d%3D%22M0%2026.0%20L0%2026.0%20L8%2028.9%20L16%2031.7%20L24%2034.1%20L32%2036.1%20L40%2037.7%20L48%2038.7%20L56%2039.3%20L64%2039.3%20L72%2039.1%20L80%2038.6%20L88%2038.0%20L96%2037.3%20L104%2036.8%20L112%2036.3%20L120%2036.0%20L128%2035.8%20L136%2035.6%20L144%2035.4%20L152%2035.0%20L160%2034.3%20L168%2033.3%20L176%2031.9%20L184%2030.1%20L192%2027.9%20L200%2025.4%20L208%2022.7%20L216%2019.9%20L224%2017.2%20L232%2014.8%20L240%2012.8%20L248%2011.3%20L256%2010.3%20L264%209.9%20L272%2010.1%20L280%2010.8%20L288%2011.9%20L296%2013.3%20L304%2014.7%20L312%2016.2%20L320%2017.6%20L328%2018.9%20L336%2019.9%20L344%2020.8%20L352%2021.5%20L360%2022.3%20L368%2023.0%20L376%2023.9%20L384%2025.1%20L392%2026.5%20L400%2028.2%20L408%2030.2%20L416%2032.3%20L424%2034.6%20L432%2036.9%20L440%2039.0%20L448%2040.8%20L456%2042.1%20L464%2042.9%20L472%2043.1%20L480%2042.6%20L488%2041.6%20L496%2040.1%20L504%2038.2%20L512%2036.1%20L520%2033.8%20L528%2031.7%20L536%2029.6%20L544%2027.8%20L552%2026.3%20L560%2025.1%20L568%2024.1%20L576%2023.3%20L584%2022.5%20L592%2021.8%20L600%2020.9%20L608%2019.9%20L616%2018.6%20L624%2017.2%20L632%2015.7%20L640%2014.1%20L648%2012.6%20L656%2011.3%20L664%2010.3%20L672%209.8%20L680%209.8%20L688%2010.5%20L696%2011.7%20L704%2013.4%20L712%2015.6%20L720%2018.1%20L728%2020.8%20L736%2023.6%20L744%2026.2%20L752%2028.5%20L760%2030.5%20L768%2032.1%20L776%2033.3%20L784%2034.1%20L792%2034.7%20L800%2035.0%20L808%2035.3%20L816%2035.6%20L824%2035.9%20L832%2036.4%20L840%2037.0%20L848%2037.7%20L856%2038.5%20L864%2039.1%20L872%2039.6%20L880%2039.7%20L888%2039.5%20L896%2038.7%20L904%2037.5%20L912%2035.7%20L920%2033.4%20L928%2030.8%20L936%2028.0%20L944%2025.0%20L952%2022.2%20L960%2019.6%20L968%2017.3%20L976%2015.5%20L984%2014.2%20L992%2013.4%20L1000%2013.1%20L1008%2013.1%20L1016%2013.4%20L1024%2013.9%20L1032%2014.4%20L1040%2014.9%20L1048%2015.3%20L1056%2015.6%20L1064%2015.8%20L1072%2015.9%20L1080%2016.0%20L1088%2016.3%20L1096%2016.7%20L1104%2017.5%20L1112%2018.7%20L1120%2020.4%20L1128%2022.4%20L1136%2024.8%20L1144%2027.5%20L1152%2030.3%20L1160%2033.0%20L1168%2035.6%20L1176%2037.9%20L1184%2039.7%20L1192%2041.0%20L1200%2041.7%22%2F%3E%3Cpath%20stroke-width%3D%221.3%22%20stroke-opacity%3D%220.06%22%20d%3D%22M0%2096.0%20L0%20115.6%20L8%20116.6%20L16%20117.1%20L24%20117.0%20L32%20116.3%20L40%20115.2%20L48%20113.8%20L56%20112.3%20L64%20110.8%20L72%20109.5%20L80%20108.5%20L88%20107.9%20L96%20107.5%20L104%20107.5%20L112%20107.7%20L120%20107.8%20L128%20107.9%20L136%20107.7%20L144%20107.2%20L152%20106.1%20L160%20104.6%20L168%20102.5%20L176%20100.0%20L184%2097.2%20L192%2094.3%20L200%2091.3%20L208%2088.6%20L216%2086.2%20L224%2084.3%20L232%2082.9%20L240%2082.1%20L248%2081.7%20L256%2081.7%20L264%2082.0%20L272%2082.4%20L280%2082.8%20L288%2083.0%20L296%2082.8%20L304%2082.4%20L312%2081.6%20L320%2080.6%20L328%2079.4%20L336%2078.1%20L344%2077.0%20L352%2076.3%20L360%2075.9%20L368%2076.1%20L376%2076.9%20L384%2078.3%20L392%2080.2%20L400%2082.5%20L408%2085.1%20L416%2087.7%20L424%2090.3%20L432%2092.7%20L440%2094.7%20L448%2096.2%20L456%2097.4%20L464%2098.1%20L472%2098.5%20L480%2098.8%20L488%2099.0%20L496%2099.3%20L504%2099.9%20L512%20100.8%20L520%20102.2%20L528%20103.9%20L536%20105.9%20L544%20108.2%20L552%20110.5%20L560%20112.7%20L568%20114.7%20L576%20116.2%20L584%20117.2%20L592%20117.6%20L600%20117.4%20L608%20116.7%20L616%20115.4%20L624%20113.9%20L632%20112.2%20L640%20110.5%20L648%20108.9%20L656%20107.6%20L664%20106.7%20L672%20106.1%20L680%20105.8%20L688%20105.8%20L696%20105.8%20L704%20105.8%20L712%20105.6%20L720%20105.1%20L728%20104.1%20L736%20102.6%20L744%20100.6%20L752%2098.2%20L760%2095.4%20L768%2092.5%20L776%2089.6%20L784%2086.9%20L792%2084.5%20L800%2082.5%20L808%2081.1%20L816%2080.3%20L824%2079.9%20L832%2080.0%20L840%2080.5%20L848%2081.0%20L856%2081.6%20L864%2082.0%20L872%2082.2%20L880%2082.1%20L888%2081.6%20L896%2080.8%20L904%2079.9%20L912%2078.9%20L920%2077.9%20L928%2077.3%20L936%2077.0%20L944%2077.3%20L952%2078.1%20L960%2079.5%20L968%2081.4%20L976%2083.8%20L984%2086.5%20L992%2089.2%20L1000%2092.0%20L1008%2094.5%20L1016%2096.6%20L1024%2098.4%20L1032%2099.6%20L1040%20100.5%20L1048%20100.9%20L1056%20101.2%20L1064%20101.3%20L1072%20101.6%20L1080%20102.0%20L1088%20102.7%20L1096%20103.8%20L1104%20105.3%20L1112%20107.1%20L1120%20109.1%20L1128%20111.3%20L1136%20113.4%20L1144%20115.2%20L1152%20116.7%20L1160%20117.6%20L1168%20117.9%20L1176%20117.6%20L1184%20116.8%20L1192%20115.4%20L1200%20113.7%22%2F%3E%3Cpath%20stroke-width%3D%221.3%22%20stroke-opacity%3D%220.06%22%20d%3D%22M0%20166.0%20L0%20181.8%20L8%20179.2%20L16%20176.2%20L24%20172.8%20L32%20169.2%20L40%20165.7%20L48%20162.5%20L56%20159.7%20L64%20157.3%20L72%20155.5%20L80%20154.2%20L88%20153.4%20L96%20153.0%20L104%20153.0%20L112%20153.1%20L120%20153.3%20L128%20153.5%20L136%20153.7%20L144%20154.0%20L152%20154.2%20L160%20154.6%20L168%20155.1%20L176%20156.0%20L184%20157.3%20L192%20159.0%20L200%20161.2%20L208%20163.8%20L216%20166.8%20L224%20170.1%20L232%20173.5%20L240%20176.8%20L248%20179.7%20L256%20182.2%20L264%20184.0%20L272%20185.1%20L280%20185.4%20L288%20184.8%20L296%20183.5%20L304%20181.6%20L312%20179.1%20L320%20176.4%20L328%20173.5%20L336%20170.6%20L344%20167.9%20L352%20165.5%20L360%20163.4%20L368%20161.7%20L376%20160.3%20L384%20159.1%20L392%20158.1%20L400%20157.2%20L408%20156.2%20L416%20155.3%20L424%20154.2%20L432%20153.2%20L440%20152.2%20L448%20151.3%20L456%20150.7%20L464%20150.5%20L472%20150.9%20L480%20151.8%20L488%20153.4%20L496%20155.6%20L504%20158.5%20L512%20161.8%20L520%20165.4%20L528%20169.2%20L536%20172.8%20L544%20176.2%20L552%20179.1%20L560%20181.3%20L568%20182.9%20L576%20183.6%20L584%20183.7%20L592%20183.1%20L600%20181.9%20L608%20180.4%20L616%20178.6%20L624%20176.6%20L632%20174.7%20L640%20172.9%20L648%20171.3%20L656%20169.8%20L664%20168.4%20L672%20167.1%20L680%20165.7%20L688%20164.3%20L696%20162.6%20L704%20160.8%20L712%20158.8%20L720%20156.6%20L728%20154.4%20L736%20152.3%20L744%20150.3%20L752%20148.8%20L760%20147.9%20L768%20147.6%20L776%20148.1%20L784%20149.3%20L792%20151.3%20L800%20154.0%20L808%20157.2%20L816%20160.7%20L824%20164.4%20L832%20168.0%20L840%20171.4%20L848%20174.3%20L856%20176.7%20L864%20178.5%20L872%20179.7%20L880%20180.3%20L888%20180.4%20L896%20180.2%20L904%20179.7%20L912%20179.0%20L920%20178.3%20L928%20177.6%20L936%20176.9%20L944%20176.3%20L952%20175.6%20L960%20174.8%20L968%20173.7%20L976%20172.4%20L984%20170.7%20L992%20168.7%20L1000%20166.2%20L1008%20163.4%20L1016%20160.3%20L1024%20157.2%20L1032%20154.2%20L1040%20151.4%20L1048%20149.2%20L1056%20147.5%20L1064%20146.6%20L1072%20146.6%20L1080%20147.3%20L1088%20148.8%20L1096%20151.0%20L1104%20153.7%20L1112%20156.8%20L1120%20159.9%20L1128%20163.1%20L1136%20166.0%20L1144%20168.7%20L1152%20170.9%20L1160%20172.7%20L1168%20174.1%20L1176%20175.1%20L1184%20175.9%20L1192%20176.6%20L1200%20177.1%22%2F%3E%3Cpath%20stroke-width%3D%221.3%22%20stroke-opacity%3D%220.06%22%20d%3D%22M0%20236.0%20L0%20248.4%20L8%20250.8%20L16%20252.7%20L24%20254.0%20L32%20254.8%20L40%20254.9%20L48%20254.5%20L56%20253.8%20L64%20252.8%20L72%20251.8%20L80%20250.8%20L88%20250.1%20L96%20249.6%20L104%20249.4%20L112%20249.5%20L120%20249.8%20L128%20250.1%20L136%20250.3%20L144%20250.3%20L152%20249.9%20L160%20249.1%20L168%20247.6%20L176%20245.7%20L184%20243.2%20L192%20240.4%20L200%20237.3%20L208%20234.1%20L216%20231.0%20L224%20228.3%20L232%20225.9%20L240%20224.1%20L248%20222.8%20L256%20222.0%20L264%20221.8%20L272%20221.8%20L280%20222.1%20L288%20222.4%20L296%20222.6%20L304%20222.6%20L312%20222.4%20L320%20221.8%20L328%20221.0%20L336%20220.0%20L344%20218.9%20L352%20218.0%20L360%20217.3%20L368%20217.0%20L376%20217.3%20L384%20218.1%20L392%20219.6%20L400%20221.6%20L408%20224.2%20L416%20227.0%20L424%20230.0%20L432%20233.0%20L440%20235.8%20L448%20238.2%20L456%20240.3%20L464%20241.8%20L472%20242.9%20L480%20243.6%20L488%20244.0%20L496%20244.2%20L504%20244.4%20L512%20244.8%20L520%20245.4%20L528%20246.3%20L536%20247.6%20L544%20249.1%20L552%20250.9%20L560%20252.7%20L568%20254.4%20L576%20255.9%20L584%20257.0%20L592%20257.5%20L600%20257.4%20L608%20256.7%20L616%20255.3%20L624%20253.4%20L632%20251.1%20L640%20248.6%20L648%20246.0%20L656%20243.6%20L664%20241.3%20L672%20239.5%20L680%20238.0%20L688%20236.9%20L696%20236.2%20L704%20235.6%20L712%20235.2%20L720%20234.7%20L728%20234.0%20L736%20233.1%20L744%20231.7%20L752%20230.0%20L760%20227.9%20L768%20225.5%20L776%20223.0%20L784%20220.6%20L792%20218.3%20L800%20216.5%20L808%20215.1%20L816%20214.4%20L824%20214.3%20L832%20214.8%20L840%20215.9%20L848%20217.5%20L856%20219.3%20L864%20221.2%20L872%20223.1%20L880%20224.8%20L888%20226.2%20L896%20227.3%20L904%20228.1%20L912%20228.5%20L920%20228.9%20L928%20229.1%20L936%20229.5%20L944%20230.2%20L952%20231.2%20L960%20232.7%20L968%20234.6%20L976%20237.0%20L984%20239.7%20L992%20242.6%20L1000%20245.5%20L1008%20248.4%20L1016%20250.9%20L1024%20252.9%20L1032%20254.4%20L1040%20255.3%20L1048%20255.5%20L1056%20255.3%20L1064%20254.5%20L1072%20253.5%20L1080%20252.3%20L1088%20251.2%20L1096%20250.2%20L1104%20249.4%20L1112%20249.0%20L1120%20248.8%20L1128%20248.9%20L1136%20249.1%20L1144%20249.3%20L1152%20249.3%20L1160%20249.0%20L1168%20248.3%20L1176%20247.1%20L1184%20245.3%20L1192%20243.0%20L1200%20240.3%22%2F%3E%3Cpath%20stroke-width%3D%221.3%22%20stroke-opacity%3D%220.06%22%20d%3D%22M0%20300.0%20L0%20317.1%20L8%20316.7%20L16%20315.8%20L24%20314.3%20L32%20312.5%20L40%20310.5%20L48%20308.4%20L56%20306.3%20L64%20304.3%20L72%20302.6%20L80%20301.1%20L88%20300.0%20L96%20299.1%20L104%20298.3%20L112%20297.7%20L120%20297.0%20L128%20296.2%20L136%20295.2%20L144%20294.0%20L152%20292.5%20L160%20290.9%20L168%20289.2%20L176%20287.4%20L184%20285.9%20L192%20284.5%20L200%20283.6%20L208%20283.2%20L216%20283.4%20L224%20284.1%20L232%20285.4%20L240%20287.2%20L248%20289.3%20L256%20291.7%20L264%20294.1%20L272%20296.5%20L280%20298.6%20L288%20300.5%20L296%20302.1%20L304%20303.3%20L312%20304.3%20L320%20305.0%20L328%20305.5%20L336%20306.0%20L344%20306.6%20L352%20307.3%20L360%20308.2%20L368%20309.3%20L376%20310.6%20L384%20311.9%20L392%20313.3%20L400%20314.4%20L408%20315.3%20L416%20315.9%20L424%20315.9%20L432%20315.4%20L440%20314.3%20L448%20312.7%20L456%20310.7%20L464%20308.3%20L472%20305.7%20L480%20303.0%20L488%20300.5%20L496%20298.2%20L504%20296.2%20L512%20294.6%20L520%20293.4%20L528%20292.5%20L536%20292.0%20L544%20291.6%20L552%20291.3%20L560%20291.1%20L568%20290.7%20L576%20290.2%20L584%20289.5%20L592%20288.6%20L600%20287.7%20L608%20286.8%20L616%20286.0%20L624%20285.5%20L632%20285.4%20L640%20285.7%20L648%20286.5%20L656%20287.8%20L664%20289.7%20L672%20292.0%20L680%20294.5%20L688%20297.3%20L696%20300.0%20L704%20302.7%20L712%20305.0%20L720%20307.0%20L728%20308.5%20L736%20309.6%20L744%20310.3%20L752%20310.7%20L760%20310.8%20L768%20310.7%20L776%20310.7%20L784%20310.6%20L792%20310.7%20L800%20311.0%20L808%20311.4%20L816%20311.9%20L824%20312.4%20L832%20312.8%20L840%20312.9%20L848%20312.7%20L856%20312.1%20L864%20311.1%20L872%20309.5%20L880%20307.5%20L888%20305.1%20L896%20302.4%20L904%20299.6%20L912%20296.8%20L920%20294.2%20L928%20291.9%20L936%20290.0%20L944%20288.6%20L952%20287.7%20L960%20287.3%20L968%20287.2%20L976%20287.4%20L984%20287.8%20L992%20288.3%20L1000%20288.8%20L1008%20289.1%20L1016%20289.3%20L1024%20289.3%20L1032%20289.2%20L1040%20289.2%20L1048%20289.1%20L1056%20289.3%20L1064%20289.7%20L1072%20290.6%20L1080%20291.8%20L1088%20293.5%20L1096%20295.6%20L1104%20298.1%20L1112%20300.8%20L1120%20303.6%20L1128%20306.3%20L1136%20308.8%20L1144%20310.9%20L1152%20312.6%20L1160%20313.8%20L1168%20314.4%20L1176%20314.6%20L1184%20314.3%20L1192%20313.7%20L1200%20312.9%22%2F%3E%3C%2Fg%3E%3C%2Fsvg%3E");background-repeat:no-repeat;background-size:100% 100%}
.hero .sec{position:relative}
.hero .sec::before{content:"";position:absolute;inset:-96px -40px -88px;pointer-events:none;
  background:radial-gradient(42% 68% at 25% 50%,rgba(246,248,250,.92) 0%,rgba(246,248,250,.78) 34%,rgba(246,248,250,.5) 52%,rgba(246,248,250,0) 74%)}
.hero .grid{position:relative;display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.02fr);gap:clamp(40px,5vw,76px);align-items:center;padding:clamp(28px,5vh,64px) 0}
.hero h1{margin:0 0 22px;font-size:clamp(30px,4.4vw,48px);font-weight:700;line-height:1.04;letter-spacing:-.032em;color:#2563eb;max-width:19ch;text-wrap:balance}
.hero .say{font-size:17px;color:#3f4b60;line-height:1.6;max-width:46ch;margin:0 0 26px}







.stage{display:block;min-height:0;margin-top:6px}
.pv{position:static;display:none}
.pv.on{display:block;animation:fade .45s ease-out}
.pv.on>div{width:100%}
@keyframes fade{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}

/* product surfaces */
.card{border:1px solid #d4d9e0;background:#fff;border-radius:10px;box-shadow:0 6px 24px rgba(16,24,40,.07);overflow:hidden}
.card .pad{background:#f6f8fa;padding:22px 24px;display:flex;flex-direction:column;gap:13px}
.card .hd{display:flex;align-items:center;gap:10px}
.card .hd b{font-size:15px;color:#16294f;font-weight:600}
.chip{margin-left:auto;font-size:12px;font-weight:600;color:#4a5b74;background:#eef1f6;border:1px solid #dfe4ea;border-radius:4px;padding:2px 7px;letter-spacing:.06em}
.chip.ok{color:#0a6b3d;background:#e8f6ee;border-color:#c8e6d5}
.chip.risk{color:#8a4b06;background:#fdf1e3;border-color:#f2ddc2}
.tbl{border:1px solid #e3e6eb;border-radius:6px;overflow:hidden;background:#fff}
.tr{display:grid;align-items:center;padding:10px 14px;border-top:1px solid #eef0f3}
.tr:first-child{border-top:none}
.tr.alt{background:#f8fafc}
.tr.head{background:#fff;border-top:none}
.tr.head span{font-size:11.5px;letter-spacing:.13em;text-transform:uppercase;color:#8a919c}
.tr .k{font-size:13px;color:#3f4b60}
.tr .v{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13px;color:#16294f;text-align:right}
.tr .v.b{font-weight:600}
.tr .v.mut{color:#8a919c}
.tr .v.bad{color:#b42318}
.tr .v.good{color:#0a6b3d}
.note{font-size:13.5px;color:#8a919c;line-height:1.5}
.find{background:#fff;border:1px solid #e3e6eb;border-radius:6px;padding:12px 14px;font-size:13.5px;color:#16294f;line-height:1.5}
.find b{color:#2563eb;font-weight:600}
.rowline{display:grid;grid-template-columns:1fr 18px 1fr;gap:10px;align-items:center;padding:11px 14px;border-top:1px solid #eef0f3}
.rowline:first-child{border-top:none}
.rowline span:first-child{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;color:#3f4b60}
.rowline span:nth-child(2){color:#8a919c;text-align:center}
.rowline span:last-child{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:12.5px;font-weight:600;color:#16294f;text-align:right}

/* alternating feature rows */
.two{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;padding:62px 0;border-top:1px solid #e3e6eb}
.two .txt{max-width:34ch}
.two h3{margin:0 0 13px;font-size:clamp(21px,2.3vw,27px);font-weight:600;letter-spacing:-.02em;line-height:1.15;color:#16294f}
.two p{margin:0;font-size:16px;color:#3f4b60;line-height:1.65}

/* concerns */
.qa{display:grid;grid-template-columns:1fr 1fr;gap:34px 64px;margin-top:34px}
.qa h4{margin:0 0 8px;font-size:17px;font-weight:600;color:#16294f;letter-spacing:-.015em}
.qa p{margin:0;font-size:15.5px;color:#3f4b60;line-height:1.6}

/* solutions */
.sols{display:grid;grid-template-columns:repeat(auto-fit,minmax(258px,1fr));gap:20px;margin-top:34px}
.sol{border:1px solid #d4d9e0;border-radius:10px;background:#fff;padding:24px 24px 26px;display:flex;flex-direction:column;transition:box-shadow .2s,transform .2s}
.sol:hover{box-shadow:0 8px 26px rgba(16,24,40,.08);transform:translateY(-2px)}
.sol h3{margin:10px 0 0;font-size:18px;font-weight:600;color:#16294f;letter-spacing:-.02em;line-height:1.25}
.sol p{margin:10px 0 0;font-size:15px;color:#3f4b60;line-height:1.6}
.sol .go{margin-top:auto;padding-top:16px;font-size:14.5px;font-weight:600;color:#2563eb}
.sol.live{background:#16294f;border-color:#16294f}
.sol.live h3{color:#fff}.sol.live p{color:#c3d0e6}.sol.live .go{color:#8fb3ff}.sol.live .ax{color:#8ea3c9}

/* close */
.close{background:#fff;padding:88px 0 96px}
.close h2{margin:0 0 14px;font-size:clamp(25px,3.1vw,34px);font-weight:600;letter-spacing:-.025em;color:#16294f;max-width:22ch}
.close p{margin:0 0 26px;font-size:16.5px;color:#3f4b60;line-height:1.65;max-width:56ch}
footer{background:#f6f8fa;padding:30px 0 46px;border-top:1px solid #e3e6eb}
footer .in{max-width:1240px;margin:0 auto;padding:0 40px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13.5px;color:#8a919c}
footer a{color:#3f4b60}

@media(max-width:900px){
  .hero .grid{grid-template-columns:1fr;gap:34px;padding:56px 0 60px}
  .two{grid-template-columns:1fr;gap:30px;padding:46px 0}
  .two .fig{order:-1}
  .qa{grid-template-columns:1fr;gap:26px}
  .stage{min-height:0}
  .pv{position:static;display:none}.pv.on{display:block}
  .stage{display:block}
}
@media(max-width:768px){
  .hdr .in,.sec,footer .in{padding-left:20px;padding-right:20px}
  .hdr nav{display:none}
  .block{padding:60px 0 56px}
  .hero h1{font-size:clamp(27px,7vw,34px)}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{animation:none!important;transition:none!important}}

/* discovery intake (global rule 7 — seven fields, no upload) */
.intake{display:grid;grid-template-columns:1fr 1fr;gap:18px 26px;margin-top:32px;max-width:820px}
.intake label{display:flex;flex-direction:column;gap:7px}
.intake label.wide{grid-column:1/-1}
.intake span{font-size:13.5px;font-weight:500;color:#16294f}
.intake input,.intake select{font-family:inherit;font-size:15px;color:#16294f;background:#fff;border:1px solid #d4d9e0;border-radius:6px;padding:11px 13px;transition:border-color .15s,box-shadow .15s}
.intake input::placeholder{color:#a8b0bb}
.intake input:focus,.intake select:focus{outline:none;border-color:#2563eb;box-shadow:0 0 0 3px rgba(37,99,235,.14)}
.intake .act{display:flex;align-items:center;gap:16px;flex-wrap:wrap;margin-top:4px}
.intake button{border:none;cursor:pointer}
.intake .hint{font-size:14px;color:#3f4b60}
@media(max-width:700px){.intake{grid-template-columns:1fr}}

/* headline decks (Ogilvy: one idea in the headline, the mechanism beneath) */
.deck2{margin:0 0 16px;font-size:clamp(17px,1.9vw,21px);font-weight:600;color:#2563eb;letter-spacing:-.015em;line-height:1.3;max-width:44ch}

.src-note{margin:10px 0 0;font-size:13px;line-height:1.55;color:#8a919c;max-width:62ch}
/* mobile: the nav must exist on a phone */
@media(max-width:768px){
  .hdr .in{flex-wrap:wrap;height:auto;padding-top:10px;padding-bottom:10px;row-gap:8px}
  .hdr .logo{margin-right:auto}
  .hdr nav{display:flex;order:3;flex-basis:100%;margin-left:0;gap:16px;overflow-x:auto;padding-bottom:2px}
  .hdr nav a{font-size:14.5px;white-space:nowrap;padding:4px 0}
  .hdr .right .out{display:none}
}

/* card status: three roles, only the header tag is a box */
.meta{margin-left:auto;font-size:12.5px;color:#69727f}
.st{font-size:12.5px;text-align:right;color:#69727f;white-space:nowrap}
.st.ok{color:#2f7d46}.st.risk{color:#a87e0f}
.g{width:11px;height:11px;border-radius:50%;display:block}
.g.ok{background:#2f7d46}
.g.risk{width:0;height:0;border-radius:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:11px solid #a87e0f}
.g.wait{border:1px dashed #b6bec8;box-sizing:border-box}
.card .stt{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:#2f7d46}
.card .stt .dot{width:8px;height:8px;border-radius:50%;background:#2f7d46;flex-shrink:0}

/* 5 · table gutters, tabular figures, visible zebra */
.tr{column-gap:16px}
.tr .v{font-variant-numeric:tabular-nums;white-space:nowrap}
.tr.head span{white-space:nowrap}

/* 7 · hierarchy: 33 / 21 / 15.5 */
.hero .deck{font-size:clamp(17px,1.75vw,20px);font-weight:500;color:#16294f;letter-spacing:-.005em;line-height:1.5;max-width:44ch;margin:0 0 20px}
.two h3{font-size:clamp(18px,1.6vw,21px);margin:0 0 11px}
.two p{font-size:15.5px}
h2.h{max-width:26ch}

/* 8 · the text column must release */
.two .txt{max-width:46ch}
.two{grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr);gap:64px}

/* 6 · rhythm: two-column section heads, and lead sections get more air */
.head2{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:64px;align-items:start;padding-bottom:6px}
.head2 h2.h{margin:0;max-width:19ch}
.head2 .deck2{margin-top:2px}
.head2 .sub{max-width:56ch}
.block.lead{padding:112px 0 96px}
.grid4{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:30px;margin-top:36px}
.grid4 .cell4 .txt{max-width:none;margin-top:18px}
.grid4 h3{font-size:19px;margin:0 0 8px;font-weight:600;letter-spacing:-.015em;color:#16294f}
.grid4 p{margin:0;font-size:15.5px;color:#3f4b60;line-height:1.65}

/* 10 · contrast, tap targets, focus */
.note,.src-note,.ax,.tr .v.mut,.tr.head span,.rowline span:nth-child(2),.step .n,footer .in{color:#69727f}
.intake input::placeholder{color:#69727f}
.hdr nav a{padding:4px 0;display:inline-block}
footer .in a{padding:4px 0;display:inline-block}
:where(a,button,input,select,.sol):focus-visible{outline:2px solid #2563eb;outline-offset:3px;border-radius:4px}
.cta:focus-visible{outline-color:#16294f}
html{scroll-padding-top:90px}

@media(max-width:900px){
  .head2{grid-template-columns:1fr;gap:18px;align-items:start}
  .grid4{grid-template-columns:1fr}
  .two .txt{max-width:none}
}
@media(max-width:700px){
  .tbl .tr,.tbl .tr.head{grid-template-columns:1fr auto!important;column-gap:12px}
  .tbl .tr>*:nth-child(n+3){display:none}
  .card .pad{padding:18px 16px}
  .tr{padding:10px 12px}
}
@media(max-width:768px){html{scroll-padding-top:104px}.logo img{height:32px}}

/* nav dropdown */
.drop{position:relative}
.drop .dt{display:inline-block}
.drop .dm{position:absolute;top:100%;left:-14px;min-width:290px;background:#fff;border:1px solid #d4d9e0;
  border-radius:8px;box-shadow:0 10px 30px rgba(16,24,40,.10);padding:6px;display:none;z-index:60}
.drop:hover .dm,.drop:focus-within .dm{display:block}
.drop .dm a{display:block;padding:10px 13px;border-radius:5px;font-size:15.5px;color:#16294f;white-space:nowrap}
.drop .dm a:hover{background:#f6f8fa;color:#2563eb}
@media(max-width:768px){
  .drop .dm{display:none!important}
  .drop{display:block}
}

/* ── the four-step flow: coatings' numbered chain, with Apple's air ── */
.flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin-top:clamp(48px,6vw,76px);
  border-top:1px solid #e3e6eb}
.fstep{padding:30px 32px 8px 0;position:relative}
.fstep+.fstep{padding-left:32px}
.fstep+.fstep::before{content:"";position:absolute;left:0;top:30px;bottom:14px;width:1px;background:#e3e6eb}
.fstep .fn{display:block;font-size:12px;font-weight:600;
  letter-spacing:.14em;color:#2563eb;margin-bottom:16px}
.fstep h3{margin:0 0 9px;font-size:17.5px;font-weight:600;letter-spacing:-.015em;line-height:1.25;color:#16294f}
.fstep p{margin:0;font-size:15px;line-height:1.6;color:#3f4b60;max-width:30ch}
@media(max-width:1000px){
  .flow{grid-template-columns:repeat(2,minmax(0,1fr));row-gap:8px}
  .fstep:nth-child(odd)+.fstep::before{top:30px}
  .fstep:nth-child(3)::before,.fstep:nth-child(3){}
  .fstep:nth-child(3){border-top:1px solid #e3e6eb;padding-left:0}
  .fstep:nth-child(4){border-top:1px solid #e3e6eb}
  .fstep:nth-child(3)::before{display:none}
}
@media(max-width:640px){
  .flow{grid-template-columns:1fr}
  .fstep{padding:24px 0 4px}
  .fstep+.fstep{padding-left:0;border-top:1px solid #e3e6eb}
  .fstep+.fstep::before{display:none}
  .fstep p{max-width:none}
}

/* ── three-panel band: breaks the left/right drumbeat ── */
.trio{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0;border-top:1px solid #e3e6eb;margin-top:8px}
.tp{padding:34px 34px 34px 0}
.tp+.tp{padding-left:34px;border-left:1px solid #e3e6eb}
.tp .tn{display:block;font-size:12.5px;font-weight:600;
  letter-spacing:.14em;text-transform:uppercase;color:#2563eb;margin-bottom:14px}
.tp h3{margin:0 0 10px;font-size:18px;font-weight:600;letter-spacing:-.015em;line-height:1.28;color:#16294f}
.tp p{margin:0;font-size:15px;line-height:1.62;color:#3f4b60}
.tp .tl{margin-top:12px;font-size:14.5px}
@media(max-width:900px){.trio{grid-template-columns:1fr}
  .tp{padding:26px 0}.tp+.tp{padding-left:0;border-left:none;border-top:1px solid #e3e6eb}}

/* ── dark case-study promo ── */
.promo{background:#16294f;color:#fff;padding:clamp(56px,7vw,88px) 0}
.promo .pw{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:clamp(36px,6vw,80px);align-items:center}
.promo .ax{color:#8ea3c9}
.promo h2{margin:14px 0 0;font-size:clamp(22px,2.7vw,30px);font-weight:600;letter-spacing:-.025em;line-height:1.25;max-width:20ch}
.promo p{margin:16px 0 0;font-size:16px;line-height:1.65;color:#b7c3d8;max-width:52ch}
.promo .plink{display:inline-block;margin-top:22px;font-size:15.5px;font-weight:600;color:#8fb3ff}
.promo .plink:hover{color:#fff}
.pcard{background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.16);border-radius:10px;padding:8px 20px 18px}
.prow{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:14px 0;border-bottom:1px solid rgba(255,255,255,.10)}
.prow span{font-size:12.5px;color:#8ea3c9}
.prow b{font-size:15px;font-weight:600;color:#fff;text-align:right}
.pfoot{padding-top:14px;font-size:13.5px;line-height:1.55;color:#8ea3c9}
@media(max-width:820px){.promo .pw{grid-template-columns:1fr;gap:30px}}

/* ── industry carousel: the dominant element in the hero ── */
.hero .grid{grid-template-columns:minmax(0,.92fr) minmax(0,1.18fr)}
.car{position:relative;border-radius:12px;overflow:hidden;background:#0d1b33;
  box-shadow:0 18px 48px rgba(16,24,40,.16);aspect-ratio:4/3}
.car .slide{position:absolute;inset:0;margin:0;opacity:0;transition:opacity .7s cubic-bezier(.4,0,.2,1)}
.car .slide.on{opacity:1}
.car img{width:100%;height:100%;object-fit:cover;display:block}
.car figcaption{position:absolute;left:0;right:0;bottom:0;padding:52px 26px 22px;
  background:linear-gradient(to top,rgba(9,18,36,.94) 0%,rgba(9,18,36,.78) 45%,rgba(9,18,36,0) 100%);color:#fff}
.car .ci{display:block;font-size:11px;letter-spacing:.14em;
  text-transform:uppercase;color:#8fb3ff;margin-bottom:8px}
.car .cs{display:block;font-size:clamp(16px,1.6vw,19px);font-weight:600;letter-spacing:-.015em;line-height:1.3;max-width:30ch}
@media(max-width:900px){.hero .grid{grid-template-columns:1fr}.car{aspect-ratio:16/10}}
@media(prefers-reduced-motion:reduce){.car .slide{transition:none}}

/* ── the hero owns the first screen ── */
.home .hero{min-height:calc(100svh - 64px);display:flex;align-items:center;position:relative}
.home .hero>.sec{width:100%}
.home .hero h1{margin-bottom:18px}
.home .car{max-height:calc(100svh - 230px)}
.scrollcue{position:absolute;left:var(--gut);bottom:clamp(18px,4vh,40px);z-index:3;display:flex;align-items:center;gap:10px;
  font-size:11px;letter-spacing:.14em;text-transform:uppercase;color:#69727f}
.scrollcue .bar{width:34px;height:1px;background:#c9d0da;position:relative;overflow:hidden}
.scrollcue .bar::after{content:"";position:absolute;inset:0;background:#2563eb;transform:translateX(-100%);
  animation:cue 2.6s cubic-bezier(.4,0,.2,1) infinite}
@keyframes cue{0%{transform:translateX(-100%)}55%{transform:translateX(0)}100%{transform:translateX(100%)}}
@media(max-width:900px){
  .hero{min-height:0;display:block}
  .car{max-height:none}
  .scrollcue{display:none}
}
@media(max-height:700px) and (min-width:901px){
  .hero{min-height:0;padding:56px 0 64px}
  .car{max-height:none}
  .scrollcue{display:none}
}
@media(prefers-reduced-motion:reduce){.scrollcue .bar::after{animation:none;transform:translateX(0)}}

/* hero action block */
.heroact{display:flex;align-items:center;gap:18px;flex-wrap:wrap;margin-top:26px}
.heroact .fine{font-size:14px;color:#69727f;max-width:34ch;line-height:1.5}

/* hero: fact-led headline, and the side door for the other trigger */
.hero h1{font-size:clamp(26px,3.3vw,40px);line-height:1.14;max-width:19ch;letter-spacing:-.028em}
.hero .src-note{margin:16px 0 0;max-width:56ch}
.sidedoor{margin:26px 0 0;padding-top:20px;border-top:1px solid #d4d9e0;font-size:15px;line-height:1.6;color:#3f4b60;max-width:52ch}
.sidedoor a{font-weight:600;white-space:nowrap}
@media(max-height:820px) and (min-width:901px){.hero .src-note{display:none}}

/* ── hero: the carousel doubles as the industry chooser ── */
.car figcaption{padding:64px 26px 20px}
.car .cl{display:inline-block;margin-top:9px;font-size:14px;font-weight:600;color:#fff;text-decoration:none;
  border-bottom:1px solid rgba(255,255,255,.45);padding-bottom:2px}
.car .cl:hover{border-bottom-color:#fff}
.ctabs{position:absolute;top:0;left:0;right:0;z-index:2;display:flex;gap:4px;padding:14px 14px 26px;
  background:linear-gradient(180deg,rgba(8,16,32,.55),rgba(8,16,32,0))}
.ctabs button{font:inherit;font-size:12.5px;font-weight:600;letter-spacing:.01em;color:rgba(255,255,255,.62);
  background:none;border:none;border-radius:6px;padding:6px 10px;cursor:pointer;transition:color .2s,background .2s}
.ctabs button:hover{color:#fff;background:rgba(255,255,255,.12)}
.ctabs button[aria-selected="true"]{color:#0d1b33;background:#fff}

/* ── hero: the idea and the ask carry the weight, not the grey tail ── */
.hero .say{font-size:17px;color:#3f4b60;line-height:1.6;max-width:46ch;margin:0 0 14px}
.hero .idea{margin:0;font-size:16.5px;line-height:1.6;color:#16294f;max-width:48ch}
.hero .idea b{font-weight:600}
.heroact{display:block;margin-top:24px}
.heroact .cta.big{margin-bottom:14px}
.heroact .fine{margin:0;font-size:14.5px;line-height:1.55;color:#3f4b60;max-width:50ch}
.heroact .fine .alt{color:#69727f}
.hero .src-note{margin:14px 0 0;max-width:60ch}
.sidedoor{margin:20px 0 0;padding-top:18px}
@media(max-height:900px) and (min-width:901px){.hero .src-note{display:none}}
@media(max-width:900px){.ctabs{position:static;background:#0d1b33;padding:10px 10px;flex-wrap:wrap}
  .car{aspect-ratio:auto}.car .slide{position:relative;display:none}.car .slide.on{display:block}
  .car figcaption{padding:52px 20px 18px}}

/* the headline runs the full column; six short lines was a column of confetti */
.home .hero h1{max-width:none;letter-spacing:-.03em}
@media(min-width:901px){.home .hero .grid{grid-template-columns:minmax(0,1fr) minmax(0,1.1fr);gap:clamp(36px,4vw,60px)}}

/* the first screen is a fixed budget: everything in it pays rent in pixels */
@media(min-width:901px){
  .home .hero .grid{padding:clamp(18px,3vh,40px) 0}
  .home .hero h1{font-size:clamp(26px,2.9vw,38px);margin-bottom:16px}
  .home .hero .deck{margin-bottom:16px}
  .home .hero .say{margin-bottom:12px}
  .home .heroact{margin-top:20px}
  .home .heroact .fine{line-height:1.5}
  .home .hero .src-note{margin-top:12px}
  .home .sidedoor{margin-top:16px;padding-top:14px}
}

/* the picture takes the whole column height, and the cue stops sitting on the copy */
@media(min-width:901px){
  .home .hero .grid{align-items:stretch}
  .home .car{aspect-ratio:auto;height:100%;min-height:420px;max-height:none;align-self:stretch}
}

/* laptops with 720 and 800 tall screens: the same screen, smaller type */
@media(min-width:901px) and (max-height:840px){
  .home .hero .grid{padding:20px 0}
  .home .hero h1{font-size:clamp(24px,2.45vw,32px);margin-bottom:12px}
  .home .hero .deck{font-size:17px;margin-bottom:12px}
  .home .hero .say{font-size:15.5px;margin-bottom:10px}
  .home .hero .idea{font-size:15.5px}
  .home .heroact{margin-top:16px}
  .home .heroact .cta.big{margin-bottom:11px}
  .home .heroact .fine{font-size:13.5px}
  .home .sidedoor{margin-top:12px;padding-top:11px;font-size:14px}
  .home .car figcaption{padding:52px 22px 18px}
  .home .car .cs{font-size:17px}
}

/* ── one treatment over four borrowed photographs, so they read as one system ── */
.car img,.heroimg img{filter:saturate(.94) contrast(1.02)}
.car .slide::after,.heroimg::after{content:"";position:absolute;inset:0;pointer-events:none;
  background:linear-gradient(160deg,rgba(37,99,235,.05),rgba(22,41,79,.13))}
.car figcaption,.heroimg figcaption,.ctabs{z-index:2}

/* ── the industry hero: a picture, and the same one action ── */
.heroimg{position:relative;margin:0;border-radius:12px;overflow:hidden;background:#0d1b33;
  box-shadow:0 18px 48px rgba(16,24,40,.16);aspect-ratio:4/3}
.heroimg img{width:100%;height:100%;object-fit:cover;display:block}
.heroimg figcaption{position:absolute;left:0;right:0;bottom:0;padding:56px 24px 20px;color:#fff;
  background:linear-gradient(180deg,rgba(9,17,33,0),rgba(9,17,33,.8));
  font-size:clamp(16px,1.5vw,18px);font-weight:600;letter-spacing:-.015em;line-height:1.32}
@media(max-width:900px){.heroimg{margin-top:28px;aspect-ratio:16/10}}
.indgrid{grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);padding:clamp(44px,6vh,74px) 0 clamp(40px,5vh,62px)}
@media(max-width:900px){.indgrid{grid-template-columns:1fr;padding:44px 0 50px}}

/* ── the three doors, as a set, directly under the claim ── */
.doorband{background:#fff;border-bottom:1px solid #d4d9e0;padding:clamp(6px,1.4vw,18px) 0 clamp(40px,4.6vw,60px)}
.doorband .trio{margin-top:0;border-top:none;gap:0}
.doorband .trio a{display:flex;flex-direction:column;gap:12px;min-height:206px;padding:34px 36px 30px;
  border-left:1px solid #eef0f3;text-decoration:none;transition:background .25s cubic-bezier(.4,0,.2,1)}
.doorband .trio a:first-child{border-left:none;padding-left:0}
.doorband .trio a:last-child{padding-right:0}
.doorband .trio a:hover{background:#f8fafc}
.doorband .trio a:first-child:hover,.doorband .trio a:last-child:hover{background:none}
/* blue door-tick — same marker language as the section eyebrows */
.doorband .trio a::before{content:"";width:22px;height:2px;background:#2563eb;transition:width .25s cubic-bezier(.4,0,.2,1)}
.doorband .trio a:hover::before{width:36px}
.doorband .w{font-size:13.5px;color:#69727f;line-height:1.5}
.doorband b{font-size:clamp(18px,1.45vw,20px);font-weight:600;letter-spacing:-.02em;color:#16294f;line-height:1.34;max-width:24ch}
.doorband em{margin-top:auto;padding-top:6px;font-style:normal;font-size:14.5px;font-weight:600;color:#2563eb;transition:transform .2s cubic-bezier(.4,0,.2,1);align-self:flex-start}
.doorband .trio a:hover em{transform:translateX(4px)}
@media(prefers-reduced-motion:reduce){.doorband .trio a::before,.doorband em{transition:none}}
@media(max-width:900px){
  .doorband{padding:8px 0 40px}
  .doorband .trio{grid-template-columns:1fr}
  .doorband .trio a{min-height:0;border-left:none;border-top:1px solid #eef0f3;padding:26px 0 22px;gap:11px}
  .doorband .trio a:first-child{border-top:none;padding-top:22px}
}

/* the claim is the whole point of the screen: give it the room the screen has */
@media(min-width:901px){
  .home .hero h1{font-size:clamp(26px,3.15vw,44px);margin-bottom:18px}
  .home .hero .deck{font-size:clamp(18px,1.85vw,21px)}
  .home .car{min-height:min(640px,calc(100svh - 250px))}
}
@media(min-width:901px) and (max-height:840px){
  .home .hero h1{font-size:clamp(24px,2.6vw,34px);margin-bottom:12px}
  .home .car{min-height:min(520px,calc(100svh - 210px))}
}

/* the hero states the claim and offers one door; the selling happens further down */
.hero .outcome{margin:0 0 14px;font-size:clamp(17px,1.6vw,19px);font-weight:600;letter-spacing:-.015em;color:#16294f}
.hero .idea{margin:0;font-size:15.5px;color:#69727f}
.home .heroact{margin-top:30px}
@media(min-width:901px) and (max-height:840px){.home .heroact{margin-top:22px}}

/* an inspiring line is short: let it run large, and let the deck carry the mechanism */
@media(min-width:901px){
  .home .hero h1{font-size:clamp(34px,4.6vw,62px);line-height:1.03;letter-spacing:-.035em;margin-bottom:22px}
  .home .hero .deck{font-size:clamp(17px,1.55vw,19px);font-weight:500;max-width:48ch;margin-bottom:22px}
}
@media(min-width:901px) and (max-height:840px){
  .home .hero h1{font-size:clamp(30px,3.7vw,48px);margin-bottom:16px}
  .home .hero .deck{font-size:17px;margin-bottom:16px}
}
@media(min-width:901px){.home .hero .grid>div:first-child{display:flex;flex-direction:column;justify-content:center}}
.hero .idea a{color:#69727f;text-decoration:none;border-bottom:1px solid #c9d0da;padding-bottom:2px;transition:color .2s,border-color .2s}
.hero .idea a:hover{color:#2563eb;border-bottom-color:#2563eb}
.hero .idea .ar{display:inline-block;transition:transform .2s}
.hero .idea a:hover .ar{transform:translateX(3px)}
@media(prefers-reduced-motion:reduce){.hero .idea .ar{transition:none}}
.close .alt2{margin:18px 0 0;font-size:15px;color:#69727f}
.close .alt2 a{color:#16294f;text-decoration:none;border-bottom:1px solid #c9d0da;padding-bottom:1px}
.close .alt2 a:hover{color:#2563eb;border-bottom-color:#2563eb}

/* external-link cue in the Solutions dropdown (Coatings lives on its own site) */
.dm .ext{font-size:.85em;color:#8a919c;margin-left:1px}
.dm a:hover .ext{color:currentColor}

/* ── footer sitemap ── */
footer{background:#f6f8fa;border-top:1px solid #e3e6eb;padding:48px 0 40px}
.fin{max-width:1240px;margin:0 auto;padding:0 40px}
.fnav{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;padding-bottom:30px;border-bottom:1px solid #e3e6eb}
.fcol{display:flex;flex-direction:column;gap:9px}
.fcol b{font-size:13px;font-weight:600;color:#16294f;letter-spacing:.01em;margin-bottom:3px}
.fcol a{font-size:14px;color:#3f4b60;text-decoration:none}
.fcol a:hover{color:#2563eb}
.fnote{font-size:13px;color:#8a919c;line-height:1.5;margin:0 0 4px;max-width:26ch}
.flegal{display:flex;justify-content:space-between;gap:24px;flex-wrap:wrap;padding-top:22px;font-size:12.5px;color:#8a919c}
.flegal a{color:#3f4b60;text-decoration:none}.flegal a:hover{color:#2563eb}
.fdisc{max-width:52ch}
@media(max-width:768px){.fnav{grid-template-columns:1fr 1fr;gap:24px}.fin{padding-left:20px;padding-right:20px}}


/* small inline forward link */
.morelink{font-size:15px;font-weight:600;color:#2563eb;text-decoration:none}
.morelink:hover{text-decoration:underline}

/* ═══════════════ craft pass (impeccable, 2026-08-21) ═══════════════ */

/* the single surviving eyebrow becomes a deliberate marker, not scaffolding */
.ax{display:inline-flex;align-items:center;gap:9px;color:#69727f}
.ax::before{content:"";width:20px;height:2px;background:#2563eb;flex:none}
.promo .ax{color:#8ea3c9}.promo .ax::before{background:#5b8bf0}
.sol.live .ax{color:#8ea3c9}

/* section rhythm — tighter, less cavernous, more intentional */
.block{padding:clamp(60px,6.5vw,88px) 0 clamp(56px,6vw,80px)}
.block.lead{padding:clamp(72px,7vw,104px) 0 clamp(60px,6vw,84px)}
.two{padding:clamp(40px,4.5vw,56px) 0}
.head2{gap:clamp(32px,5vw,72px)}

/* type: give section headings real presence + contrast against body */
h2.h{font-size:clamp(27px,3.5vw,43px);font-weight:700;letter-spacing:-.034em;line-height:1.04;color:#16294f}
.head2 h2.h{max-width:15ch}
.two h3{font-size:clamp(20px,2vw,25px);letter-spacing:-.025em}

/* cards: editorial, not spreadsheet — softer border, real depth on hover */
.sols{gap:22px;margin-top:clamp(28px,3vw,40px)}
.sol{border:1px solid #e6e9ee;border-radius:15px;padding:27px 27px 25px;
  box-shadow:0 1px 2px rgba(16,24,40,.03);transition:box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),border-color .28s}
.sol:hover{box-shadow:0 16px 40px rgba(16,24,40,.11);transform:translateY(-4px);border-color:#d4d9e0}
.sol h3{margin-top:14px;font-size:19px}
.sol .go{padding-top:20px}
.sol .go::after{content:"";display:inline-block}
.sol:hover .go{color:#1d4ed8}
/* the live product card is the anchor of the grid — let it lead */
.sol.live{border-color:transparent;box-shadow:0 18px 44px rgba(22,41,79,.24)}
.sol.live:hover{transform:translateY(-4px);box-shadow:0 26px 60px rgba(22,41,79,.30)}

/* status pill (was an eyebrow) */
.pill{display:inline-flex;align-items:center;gap:7px;font-size:12px;font-weight:600;
  color:#2f7d46;background:#e8f4ec;padding:4px 11px 4px 9px;border-radius:100px;letter-spacing:.005em}
.pill .dot{width:6px;height:6px;border-radius:50%;background:#37a05a;box-shadow:0 0 0 3px rgba(55,160,90,.18)}
.sol.live .pill{background:rgba(255,255,255,.13);color:#9fe6b6}
.sol.live .pill .dot{background:#7fe0a0;box-shadow:0 0 0 3px rgba(127,224,160,.16)}

/* enterprise: two-column with a Proof-of-Value artifact (kills the dead right half) */
.ent{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(40px,6vw,88px);align-items:center}
.ent-copy .deck2{margin-top:10px;font-size:clamp(17px,1.7vw,20px);font-weight:600;color:#2563eb;letter-spacing:-.01em}
.ent-copy .sub{margin-top:16px;max-width:46ch}
.pov{background:#fff;border:1px solid #e6e9ee;border-radius:16px;padding:clamp(24px,2.6vw,34px);box-shadow:0 12px 34px rgba(16,24,40,.07)}
.pov-hd{font-size:13px;font-weight:600;letter-spacing:.02em;text-transform:uppercase;color:#2563eb;padding-bottom:18px;margin-bottom:6px;border-bottom:1px solid #eef0f3}
.pov-steps{list-style:none;margin:0;padding:0;display:flex;flex-direction:column}
.pov-steps li{display:flex;gap:16px;padding:18px 0;border-bottom:1px solid #f2f4f7}
.pov-steps li:last-child{border-bottom:none;padding-bottom:2px}
.s-n{flex:none;width:28px;height:28px;border-radius:50%;background:#eaf0fe;color:#2563eb;font-size:13px;font-weight:600;
  display:flex;align-items:center;justify-content:center;font-family:'JetBrains Mono',ui-monospace,monospace}
.pov-steps b{display:block;font-size:16px;font-weight:600;color:#16294f;letter-spacing:-.01em;margin-bottom:3px}
.pov-steps span:not(.s-n){display:block;font-size:14.5px;line-height:1.55;color:#69727f}
@media(max-width:820px){.ent{grid-template-columns:1fr;gap:34px}}

/* ── section intros: stacked & anchored, not a floating right column ── */
.head2{display:block;padding-bottom:4px}
.head2>div+div{margin-top:0}
.head2 h2.h{max-width:20ch}
.head2 .deck2{margin-top:13px;max-width:52ch}
.head2 .sub{margin-top:17px;max-width:62ch;font-size:16.5px;line-height:1.6}
.head2 .src-note{margin-top:13px}

/* a section headline that leads a two-column (not the stacked head2) */
.two .txt h2.h{margin:0 0 16px;max-width:none}

/* card takeaway: one quiet line under the table, not a stapled prose box */
.take{border-top:1px solid #eef0f3;padding-top:13px;margin-top:2px;font-size:13px;line-height:1.5;color:#3f4b60}
.take b{color:#2563eb;font-weight:600}

/* mono reserved for numeric data; labels are tracked grotesque */
.chip,.tr.head span,.st,.meta,.prow span{letter-spacing:.02em}
.tr.head span,.tp .tn,.fstep .fn{font-weight:600}


/* ═══════════ serif display titles (Anthropic register), navy not blue ═══════════ */
.hero h1{font-family:'Source Serif 4',Georgia,serif !important;color:#16294f;font-weight:600;letter-spacing:-.012em;line-height:1.06}
h2.h{font-family:'Source Serif 4',Georgia,serif;font-weight:600;letter-spacing:-.014em;line-height:1.1}
.deck2{font-weight:600}

/* ── score bars (scored-comparison viz) ── */
.bars{display:flex;flex-direction:column;gap:12px;padding:2px 0}
.bhd{display:flex;justify-content:space-between;font-size:11px;letter-spacing:.02em;color:#8a919c;text-transform:uppercase;margin-bottom:2px}
.bar{display:grid;grid-template-columns:18px 1fr 26px;align-items:center;gap:11px}
.bar .bn{font-weight:600;font-size:13.5px;color:#16294f}
.bar .track{position:relative;height:9px;border-radius:5px;background:#eef1f5;overflow:hidden}
.bar .track i{position:absolute;inset:0 auto 0 0;border-radius:5px;background:#37a05a;transition:width .6s cubic-bezier(.4,0,.2,1)}
.bar .track i.mid{background:#e0a020}
.bar .track i.none{background:repeating-linear-gradient(45deg,#e6e9ee 0 5px,#eef1f5 5px 10px)}
.bar .bv{font-family:'JetBrains Mono',ui-monospace,monospace;font-size:13.5px;font-weight:600;color:#16294f;text-align:right}
.bar .bo{grid-column:2/4;font-size:12px;color:#8a919c;margin-top:-4px}
.bar.win .bn{color:#0a6b3d}
.bar.off .bn,.bar.off .bv{color:#a3abb6}
@media(prefers-reduced-motion:reduce){.bar .track i{transition:none}}

/* ── checklist (output-shape viz) ── */
.checks{display:flex;flex-direction:column}
.chk{display:flex;align-items:baseline;gap:12px;padding:11px 0;border-top:1px solid #f2f4f7}
.chk:first-child{border-top:none}
.chk .ic{position:relative;top:2px;flex:none;width:17px;height:17px;border-radius:50%;background:#e8f4ec}
.chk .ic::after{content:"";position:absolute;left:5px;top:3.5px;width:4px;height:7px;border:solid #37a05a;border-width:0 2px 2px 0;transform:rotate(45deg)}
.chk.open .ic{background:#fdf1e3}
.chk.open .ic::after{content:"";left:4px;top:7px;width:7px;height:0;border:none;border-top:2px solid #e0a020;transform:none}
.chk b{flex:1;font-size:14px;font-weight:600;color:#16294f;letter-spacing:-.005em}
.chk em{font-style:normal;font-size:12.5px;color:#69727f;white-space:nowrap}
.chk.open b{color:#8a5a12}.chk.open em{color:#b07a1e}

/* ── status board (inventory/facts viz) ── */
.board{display:flex;flex-direction:column}
.brow{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:12px 0;border-top:1px solid #f2f4f7}
.brow:first-child{border-top:none}
.brow .bl{font-size:14px;color:#3f4b60;line-height:1.35}
.pill2{flex:none;font-size:12px;font-weight:600;padding:3px 11px;border-radius:100px;white-space:nowrap;letter-spacing:.005em}
.pill2.ok{color:#2f7d46;background:#e8f4ec}
.pill2.warn{color:#8a5a12;background:#fdf1e3}
.pill2.mut{color:#69727f;background:#eef1f5}
.pill2.val{color:#16294f;background:#eaf0f8}

/* light pcard for white sections (spec 3.2) */
.pcard.light{background:#f6f8fa;border:1px solid #e6e9ee}
.pcard.light .prow span{color:#69727f}
.pcard.light .prow b{color:#16294f}
.pcard.light .pfoot{color:#54637a}

/* -- the close as the fourth door: statement left, the one action right -- */
.close.door .tick{display:block;width:22px;height:2px;background:#2563eb;margin-bottom:28px}
.close.door .dgrid{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:24px clamp(44px,7vw,110px);align-items:start}
.close.door h2{font-family:'Source Serif 4',Georgia,serif;font-weight:600;text-wrap:balance;font-size:clamp(27px,3.5vw,43px);letter-spacing:-.014em;line-height:1.1;color:#16294f;max-width:18ch;margin:0 0 16px}
.close.door p{margin:0;max-width:46ch}
.close.door .act{justify-self:end;padding-top:6px}
@media(max-width:820px){
  .close.door .dgrid{grid-template-columns:1fr;gap:8px}
  .close.door .act{justify-self:start;padding-top:20px}
}

/* -- coatings home: #why as a card row of non-links (reuses .sols/.sol) -- */
.why4{grid-template-columns:repeat(4,minmax(0,1fr))}
.why4 .sol h3{margin-top:0}
.why4 .sol:hover{transform:none;box-shadow:0 1px 2px rgba(16,24,40,.03);border-color:#e6e9ee}
@media(max-width:1000px){.why4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:560px){.why4{grid-template-columns:1fr}}

/* -- coatings home: #concerns as an objection ledger -- the spoken line faces its answer -- */
.objs{margin:clamp(28px,3vw,40px) 0 0;border-top:1px solid #d4d9e0}
.obj{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:14px clamp(40px,6vw,90px);padding:26px 0;border-bottom:1px solid #d4d9e0}
.obj dt{margin:0;font-family:'Source Serif 4',Georgia,serif;font-size:clamp(19px,1.9vw,23px);font-weight:600;letter-spacing:-.012em;line-height:1.28;color:#16294f;max-width:20ch}
.obj dt::before{content:"\201C"}
.obj dt::after{content:"\201D"}
.obj dd{margin:0;font-size:15.5px;line-height:1.65;color:#3f4b60;max-width:58ch}
@media(max-width:820px){.obj{grid-template-columns:1fr;gap:8px;padding:22px 0}}