/* SPS Alfachem — precision industrial chemical identity */
:root{--ink:#0e2238;--ink-2:#1b3552;--body:#4a5d6e;--muted:#647b91;--line:#d8e2eb;--bg:#f7f9fc;--bg-alt:#edf3f8;--accent:#1363b4;--accent-dk:#0b4377;--accent-lt:#e1eefa;--lime:#38bdf8;--amber:#946518;--radius:12px;--wrap:1240px;--font:Inter,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:110px}body{margin:0;background:var(--bg);font:16px/1.7 var(--font);color:var(--body)}h1,h2,h3,h4,p,figure{margin:0}h1,h2,h3,h4{color:var(--ink);line-height:1.13;letter-spacing:-.045em}h1{font-size:clamp(42px,4.8vw,65px);font-weight:500}h2{font-size:clamp(32px,3.5vw,46px);font-weight:500;margin-bottom:22px}h3{font-size:20px;font-weight:600;letter-spacing:-.025em}p{margin-bottom:1.2em}a{color:var(--accent);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #0284c7;outline-offset:5px}img{display:block;max-width:100%;height:auto}svg{flex:none}.icon{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;vertical-align:middle}section{padding:100px 0}.wrap{width:100%;max-width:var(--wrap);margin:auto;padding:0 40px}.narrow{max-width:900px}.kicker{display:block;font-size:11px;letter-spacing:.16em;font-weight:700;color:var(--accent);margin-bottom:20px}.sec-head{max-width:700px;margin-bottom:45px}.sec-head p{font-size:17px}.section-heading{display:flex;align-items:end;justify-content:space-between;gap:70px;margin-bottom:44px}.section-heading h2{margin-bottom:0}.section-heading>p{max-width:350px;margin:0;font-size:15px}.section-heading>.text-link{flex:none}.alt{background:var(--bg-alt)}[hidden]{display:none!important}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.skip-link{position:fixed;top:-70px;left:20px;background:var(--lime);color:var(--ink);font-weight:600;padding:10px 20px;z-index:100}.skip-link:focus{top:10px}
.topbar{background:var(--ink);color:#c8d7e6;font-size:9px;letter-spacing:.13em}.topbar>.wrap{display:flex;align-items:center;justify-content:space-between;min-height:34px}.topbar a{color:#c8d7e6;letter-spacing:.02em;font-size:10px}.topbar .icon{width:13px;height:13px;margin-left:10px}.site-head{position:sticky;top:0;z-index:50;background:rgba(247,249,252,.96);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}.head-in{display:flex;justify-content:space-between;align-items:center;gap:24px;height:88px}.brand{display:flex;align-items:center;gap:11px;font-size:20px;letter-spacing:-.05em;color:var(--ink);font-weight:700;line-height:1.2}.brand:hover{text-decoration:none}.brand .mark{width:39px;height:39px}.brand .mark rect{fill:var(--accent)}.brand span small{display:block;text-transform:uppercase;letter-spacing:.14em;font-size:8px;font-weight:500;margin-top:6px;color:var(--muted)}.nav{display:flex;align-items:center;gap:27px}.nav a{font-size:12px;font-weight:500;color:var(--body)}.nav a.on,.nav a[aria-current]{color:var(--ink)}.nav a.on:after{content:"";display:block;width:16px;height:2px;background:var(--accent);margin-top:4px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:18px;padding:15px 23px;border:1px solid var(--accent);border-radius:5px;background:var(--accent);color:white;font-size:12px;font-weight:600;line-height:1.5;transition:background .2s,transform .2s}.btn .icon{width:18px;height:18px}.btn:hover{background:var(--accent-dk);color:white;text-decoration:none;transform:translateY(-2px)}.nav .btn{color:white;padding:12px 17px;font-size:11px;gap:12px}.btn.light{background:var(--lime);color:var(--ink);border-color:var(--lime)}.btn.light:hover{background:#bae6fd}.btn.ghost{background:transparent;color:var(--ink)}.text-link{display:inline-flex;align-items:center;gap:14px;color:var(--ink);font-weight:600;font-size:12px}.text-link .icon{width:18px;height:18px}.burger{display:none;border:1px solid var(--line);border-radius:5px;padding:10px;background:transparent}.burger span{display:block;width:20px;height:2px;margin:4px;background:var(--ink)}
.hero{padding:60px 0 65px;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.08fr 1fr;gap:40px;align-items:center}.eyebrow{font-size:9px;letter-spacing:.15em;font-weight:700;display:flex;align-items:center;gap:9px;color:var(--accent);margin-bottom:28px}.eyebrow>span{width:6px;height:6px;border-radius:100%;background:#0284c7}.hero h1{font-size:clamp(40px,4.55vw,61px);line-height:1.1;letter-spacing:-.06em}.hero h1 em{font-family:Georgia,"Times New Roman",var(--font);font-weight:400;color:#1363b4;letter-spacing:-.055em}.hero .lede{font-size:15px;max-width:455px;margin:25px 0 30px;line-height:1.9}.hero-cta{display:flex;align-items:center;gap:23px;flex-wrap:wrap}.hero-cta .text-link{font-size:11px}.hero-footnote{display:flex;align-items:center;gap:8px;font-size:10px;color:var(--muted);margin-top:43px}.hero-footnote .icon{width:17px;height:17px}.hero-visual{background:#132d4a;border-radius:100px 8px 8px 8px;color:#d0e3f7;overflow:hidden;position:relative}.hero-visual img{width:100%;margin:-13px 0 -27px}.visual-top{display:flex;justify-content:space-between;align-items:center;padding:28px 26px 0 66px;font-size:9px;letter-spacing:.17em}.visual-cross{font-size:25px;font-weight:300}.hero-visual figcaption{display:flex;justify-content:space-between;gap:15px;border-top:1px solid #254b73;margin:0 25px;padding:19px 0;font-size:9px;letter-spacing:.03em}.hero-visual figcaption i{display:inline-block;width:5px;height:5px;background:var(--lime);border-radius:100%;margin-right:6px}.capability-strip{border-block:1px solid var(--line)}.capability-strip .wrap{display:grid;grid-template-columns:1.25fr repeat(4,1fr);align-items:center;min-height:105px;gap:25px}.capability-strip .wrap>span{font-size:8px;line-height:1.8;letter-spacing:.12em}.capability-strip strong{font-weight:600;color:var(--ink)}.capability-strip .wrap>div{display:flex;align-items:center;gap:12px;font-size:11px;color:var(--ink)}.capability-strip .icon{width:23px;height:23px;color:var(--accent)}
.range-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.range-card{display:block;border-radius:8px;padding:30px 34px 25px;color:var(--ink);background:#e2ecf7;overflow:hidden;transition:transform .2s}.range-card:hover{text-decoration:none;transform:translateY(-4px)}.range-card.inorganic{background:#eaf0f6}.range-top{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.13em}.range-top>.icon{width:19px;height:19px}.range-card h3{font-size:31px;font-weight:500;margin:0 0 12px}.range-card p{font-size:13px;line-height:1.7;color:var(--body)}.range-tags{display:flex;gap:7px;flex-wrap:wrap}.range-tags span{border:1px solid #bdd3e6;border-radius:30px;padding:4px 11px;font-size:9px}.range-link{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #c0d6e8;padding-top:20px;margin-top:27px;font-size:11px;font-weight:600}.range-link .icon{width:18px;height:18px}.range-note{font-size:11px;margin:20px 0 0;color:var(--muted)}.chem-art{height:160px;position:relative;margin:8px 0 15px}.chem-label{position:absolute;bottom:10px;left:0;font-size:8px;letter-spacing:.17em;color:#416b94}.atom{position:absolute;border-radius:50%;background:radial-gradient(circle at 30% 25%,#e0f2fe,#38bdf8 60%,#0369a1);box-shadow:8px 12px 20px #0369a125;z-index:2}.a1{width:64px;height:64px;left:48%;top:32px}.a2{width:43px;height:43px;left:76%;top:5px}.a3{width:36px;height:36px;left:77%;top:106px}.a4{width:26px;height:26px;left:30%;top:4px}.bond{position:absolute;height:8px;background:linear-gradient(#bae6fd,#0284c7);transform-origin:left;z-index:1}.b1{left:57%;top:60px;width:27%;transform:rotate(-23deg)}.b2{left:58%;top:67px;width:29%;transform:rotate(30deg)}.b3{left:35%;top:20px;width:25%;transform:rotate(29deg)}.crystal{position:absolute;background:linear-gradient(120deg,#dbeafe 0 33%,#3b82f6 34% 66%,#93c5fd 67%);clip-path:polygon(50% 0,100% 25%,100% 75%,50% 100%,0 75%,0 25%);width:100px;height:112px;transform:rotate(-10deg)}.c1{left:47%;top:18px}.c2{left:70%;top:50px;width:73px;height:85px;transform:rotate(12deg)}.c3{left:32%;top:6px;width:48px;height:56px;transform:rotate(-15deg)}
.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split ul{padding:0;list-style:none}.split ul li{position:relative;padding-left:25px;margin-bottom:14px}.split ul li:before{content:"";position:absolute;left:0;top:10px;width:6px;height:6px;border-radius:100%;background:#0284c7}.approach-section{background:#edf3f8}.approach-figure{border:1px solid #c8d9e8;border-radius:8px;padding:28px;background:#e2ecf6}.approach-figure>.kicker{font-size:9px}.approach-figure>p{text-align:center;font-size:10px;margin:25px 0 0}.supply-orbit{position:relative;width:100%;max-width:340px;aspect-ratio:1;margin:20px auto;border:1px dashed #7ca3c7;border-radius:50%;background:radial-gradient(circle,transparent 47%,#93c5fd40 48%,transparent 49%)}.orbit-center{position:absolute;inset:29%;border-radius:50%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--ink);color:var(--lime);text-align:center;gap:8px;box-shadow:0 0 0 13px #dbeafe80}.orbit-center .icon{width:29px;height:29px}.orbit-center strong{font-size:13px;line-height:1.3;font-weight:500;color:white}.orbit-node{position:absolute;background:#fff;border:1px solid #c8d9e8;width:90px;min-height:75px;border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:7px;color:var(--ink)}.orbit-node>span{font-size:8px}.node1{top:-10px;left:calc(50% - 45px)}.node2{right:-15px;top:calc(50% - 37px)}.node3{bottom:-10px;left:calc(50% - 45px)}.node4{left:-15px;top:calc(50% - 37px)}.value-row{display:flex;gap:20px;padding:18px 0;border-top:1px solid #d6e2ec}.value-row>span{font-size:10px;color:#5b7896}.value-row h3{font-size:15px;margin-bottom:6px}.value-row p{font-size:12px;margin:0;line-height:1.8}.approach-section .text-link{margin-top:20px}.process-flow{display:grid;grid-template-columns:repeat(4,1fr);padding:0;margin:0;list-style:none;gap:35px}.process-flow li{position:relative;border-top:1px solid var(--line);padding-top:30px}.flow-icon{display:inline-flex;align-items:center;justify-content:center;border:1px solid #c8d9e8;background:#e8f1f8;width:57px;height:57px;border-radius:50%;color:var(--accent)}.flow-num{position:absolute;right:0;top:32px;font-size:10px;letter-spacing:.08em;color:#5b7896}.process-flow h3{font-size:16px;margin:22px 0 10px}.process-flow p{font-size:12px;margin:0}.industries-section{background:var(--bg-alt)}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.industry-grid a{padding:25px;border:1px solid #d5e1ec;border-radius:7px;color:var(--ink);display:flex;flex-direction:column;align-items:flex-start;background:#fff}.industry-grid a:hover{background:#e4eef8;text-decoration:none}.industry-grid a>.icon:first-child{width:32px;height:32px;margin-bottom:32px}.industry-grid h3{font-size:15px;line-height:1.4;margin-bottom:25px}.industry-grid a>.icon:last-child{width:18px;height:18px;margin-top:auto}
.banner{background:#e8f0f8;padding:65px 0}.banner-grid{display:grid;grid-template-columns:1.7fr 1fr;gap:60px;align-items:center}.banner h1{margin-bottom:24px}.banner p{max-width:660px;font-size:15px;margin:0}.banner-art{position:relative;min-height:210px;display:flex;flex-direction:column;gap:23px;align-items:center;justify-content:center;background:radial-gradient(circle,#cce2f5 0 30%,transparent 31%);overflow:hidden}.banner-art>.icon{width:72px;height:72px;stroke-width:1}.banner-art>span:last-child{font-size:10px;background:#e8f0f8;padding:5px 15px;z-index:1}.banner-orbit{position:absolute;width:195px;height:195px;border:1px dashed #7ca3c7;border-radius:100%;transform:rotate(-20deg)}.banner-orbit:before,.banner-orbit:after{content:"";position:absolute;width:12px;height:12px;border-radius:100%;background:#0284c7;top:22px;left:21px;box-shadow:0 0 0 5px #d6e7f8}.banner-orbit:after{top:auto;left:auto;right:21px;bottom:22px}.grid{display:grid;gap:22px}.g2{grid-template-columns:repeat(2,1fr)}.g3{grid-template-columns:repeat(3,1fr)}.g4{grid-template-columns:repeat(4,1fr)}.card{padding:30px;border:1px solid var(--line);border-radius:8px;background:#fff;transition:border-color .2s,transform .2s}.card:hover{border-color:#7ca3c7;transform:translateY(-3px)}.card.plain:hover{transform:none}.card h3{margin-bottom:13px}.card p{font-size:14px}.card p:last-child{margin-bottom:0}.ico{display:flex;align-items:center;justify-content:center;width:46px;height:46px;background:#e8f1f8;border-radius:9px;color:var(--accent);margin-bottom:25px}.ico svg{width:25px;height:25px;stroke:currentColor;fill:none;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round}.chips{display:flex;flex-wrap:wrap;gap:6px;margin-top:20px}.chip{border:1px solid var(--line);background:#f1f6fa;border-radius:20px;padding:4px 10px;font-size:10px}.step{display:flex;gap:19px}.step .n{display:flex;align-items:center;justify-content:center;flex:none;width:39px;height:39px;background:var(--accent-lt);border-radius:50%;font-size:13px;color:var(--accent)}.step h3{font-size:18px;margin-bottom:13px}.step p{font-size:14px}.sourcing-flow{margin:0 0 70px}.sourcing-steps .step{padding:24px 0;border-top:1px solid var(--line)}.tbl{width:100%;border-collapse:collapse;font-size:13px;text-align:left}.tbl th{background:#e8f0f7;font-size:10px;text-transform:uppercase;letter-spacing:.1em;color:var(--ink)}.tbl th,.tbl td{padding:17px 20px;border-bottom:1px solid var(--line)}.tbl td{vertical-align:top}.scroll-x{overflow-x:auto}.note{padding:20px 24px;border:1px solid #e5d9b5;border-left:3px solid #a78236;border-radius:5px;background:#f9f5e9;color:#78622f;font-size:12px;line-height:1.8}.note p{margin:0}.note code{overflow-wrap:anywhere}.cbox{padding:30px;border:1px solid var(--line);border-radius:8px;background:#fff}.cbox dt{font-size:9px;letter-spacing:.13em;text-transform:uppercase;font-weight:600;margin-bottom:5px}.cbox dd{margin:0 0 22px;color:var(--ink);font-size:15px;overflow-wrap:anywhere}.cbox dd:last-child{margin:0}.product-toolbar{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:38px}.catalogue-tabs{display:flex;gap:6px}.catalogue-tabs button{padding:9px 16px;background:transparent;border:1px solid var(--line);border-radius:25px;font-size:11px;color:var(--body)}.catalogue-tabs button.active{background:var(--accent);color:white;border-color:var(--accent)}.product-search{display:flex;gap:10px;align-items:center;border-bottom:1px solid #9ab7d3;padding:9px 0}.product-search .icon{width:18px;height:18px}.product-search input{width:230px;border:0;background:transparent;min-width:0;font-size:12px;color:var(--ink);padding:6px}.empty-state{padding-top:70px;padding-bottom:30px}.packaging-figure{display:grid;grid-template-columns:repeat(5,1fr);gap:15px;margin:30px 0}.packaging-figure>div{display:flex;align-items:center;flex-direction:column;gap:16px;background:#e9f2f9;border-radius:7px;padding:25px 8px;font-size:10px;color:var(--ink)}.packaging-figure .icon{width:38px;height:38px;stroke-width:1.2}.brief-section{background:#edf3f8}.brief-note{display:flex;gap:15px;border-top:1px solid var(--line);padding-top:25px;margin-top:30px}.brief-note p{font-size:12px}.rfq-form{padding:32px;border:1px solid #cedfe9;background:#fff;border-radius:10px}.rfq-form h3{margin-bottom:25px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.form-grid label{font-size:11px;font-weight:500;color:var(--ink)}.form-grid label>span{color:#507293}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{display:block;width:100%;margin-top:7px;border:1px solid #cad8e4;border-radius:4px;padding:11px 12px;background:#fff;color:var(--ink);font-size:12px;min-height:43px}.form-grid textarea{resize:vertical}.rfq-form .btn{margin-top:20px;width:100%}.form-status{font-size:11px;line-height:1.5;margin:14px 0 0}.form-status:empty{display:none}
.cta{background:var(--ink);color:#b8ccde;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:470px;height:470px;right:-180px;top:-100px;border:1px solid #224870;border-radius:50%;box-shadow:0 0 0 50px #ffffff03,0 0 0 100px #ffffff03;pointer-events:none}.cta h2{color:#fff;font-size:clamp(34px,3.8vw,50px)}.cta .kicker{color:var(--lime);font-size:9px}.cta p{font-size:14px;max-width:590px}.cta>.wrap{position:relative;z-index:1}.cta-layout{display:flex;justify-content:space-between;align-items:center;gap:40px}.cta-layout p{margin:0}.cta-layout .btn{flex:none}.site-foot{padding:65px 0 25px;background:#edf2f7;color:var(--body);font-size:12px}.foot-grid{display:grid;grid-template-columns:1.7fr 1fr 1.15fr 1.1fr;gap:35px;padding-bottom:45px;border-bottom:1px solid var(--line)}.site-foot .brand{font-size:21px;display:flex;margin-bottom:20px}.site-foot a{display:block;margin-bottom:10px;color:var(--body);font-size:11px}.site-foot h4{font-size:9px;text-transform:uppercase;letter-spacing:.13em;margin-bottom:20px}.foot-about{max-width:280px;font-size:11px;line-height:1.9;margin:0}.foot-bot{display:flex;justify-content:space-between;gap:20px;padding-top:23px;font-size:9px;color:var(--muted)}
@media(min-width:1400px){.hero{padding:80px 0}.hero-grid{gap:65px}}
@media(max-width:1100px){.wrap{padding-inline:28px}.nav{gap:18px}.nav .btn{font-size:10px;padding:12px}.hero-grid{gap:25px}.hero h1{font-size:47px}.hero-cta{gap:18px}.hero-cta .text-link{font-size:10px}.capability-strip .wrap{gap:14px}.capability-strip .wrap>div{font-size:10px;gap:7px}.split{gap:40px}.g4{grid-template-columns:repeat(2,1fr)}.range-card{padding:25px}.section-heading{gap:30px}.foot-grid{gap:25px}.site-foot .brand{font-size:18px}}
@media(max-width:900px){.nav{display:none;position:absolute;left:0;right:0;top:76px;padding:20px 28px;background:var(--bg);border-bottom:1px solid var(--line);flex-direction:column;align-items:stretch;gap:0}.nav.open{display:flex}.nav a{padding:13px 0}.nav a.on:after{display:none}.nav .btn{margin-top:12px;padding:14px}.head-in{height:76px}.burger{display:block}.hero h1{font-size:42px}.hero-grid{grid-template-columns:1fr 1fr}.hero-cta{align-items:flex-start;flex-direction:column}.hero-footnote{margin-top:25px;font-size:9px}.visual-top{padding-left:45px;font-size:7px}.hero-visual figcaption{font-size:7px}.capability-strip .wrap{grid-template-columns:repeat(4,1fr);padding-block:22px}.capability-strip .wrap>span{grid-column:1/-1}.capability-strip .wrap>span br{display:none}.capability-strip .wrap>span strong{margin-left:6px}.split{gap:30px}.supply-orbit{max-width:250px}.orbit-node{width:77px;min-height:65px}.node1,.node3{left:calc(50% - 38px)}.node2,.node4{top:calc(50% - 32px)}.orbit-center strong{font-size:10px}.orbit-center .icon{width:24px;height:24px}.industry-grid{grid-template-columns:repeat(2,1fr)}.process-flow{gap:20px}.g3{grid-template-columns:repeat(2,1fr)}.banner-grid{grid-template-columns:1.7fr 1fr;gap:20px}.banner h1{font-size:43px}.product-toolbar{align-items:stretch;flex-direction:column}.product-search input{width:100%}.foot-grid{grid-template-columns:1.5fr 1fr;gap:35px}.cta-layout{align-items:flex-start;flex-direction:column}.rfq-form{padding:24px}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}}
@media(max-width:650px){.wrap{padding-inline:22px}section{padding:65px 0}.topbar .wrap{min-height:29px;font-size:8px}.topbar a{display:none}.head-in{height:72px}.nav{top:72px}.brand{font-size:19px}.brand .mark{width:35px;height:35px}.hero{padding:42px 0}.hero-grid{grid-template-columns:1fr;gap:35px}.hero h1{font-size:clamp(39px,10.4vw,61px)}.eyebrow{font-size:8px;margin-bottom:22px}.hero .lede{font-size:14px;max-width:460px;margin:24px 0}.hero-cta{flex-direction:row;align-items:center;gap:18px}.hero-cta .text-link{font-size:10px}.hero-cta .btn{padding:14px 18px;font-size:11px}.hero-footnote{font-size:9px}.hero-visual{border-top-left-radius:65px;max-width:470px;width:100%;justify-self:center}.hero-visual img{max-height:380px;object-fit:contain}.visual-top{padding:22px 25px 0 50px;font-size:8px}.hero-visual figcaption{font-size:8px}.capability-strip .wrap{grid-template-columns:1fr 1fr;gap:18px}.capability-strip .wrap>div{font-size:10px}.capability-strip .wrap>span{font-size:7px}.section-heading{flex-direction:column;align-items:flex-start;gap:22px;margin-bottom:30px}.section-heading>p{max-width:none;font-size:14px}h2{font-size:34px}.kicker{font-size:9px;margin-bottom:15px}.range-grid{grid-template-columns:1fr}.range-card{padding:25px}.range-card h3{font-size:29px}.chem-art{height:150px}.range-note{font-size:10px}.split{grid-template-columns:1fr;gap:38px}.approach-figure{padding:25px;max-width:470px;width:100%;margin:auto}.supply-orbit{max-width:285px;margin-block:35px}.orbit-node{width:86px;min-height:72px}.node1,.node3{left:calc(50% - 43px)}.node2,.node4{top:calc(50% - 36px)}.orbit-center strong{font-size:12px}.process-flow{grid-template-columns:1fr 1fr;gap:30px 22px}.process-flow h3{font-size:15px}.process-flow p{font-size:11px}.flow-icon{width:48px;height:48px}.industry-grid{gap:12px}.industry-grid a{padding:20px}.industry-grid h3{font-size:14px}.banner{padding:42px 0}.banner-grid{grid-template-columns:1fr;gap:20px}.banner h1{font-size:42px}.banner p{font-size:14px}.banner-art{min-height:140px;gap:12px}.banner-orbit{width:140px;height:140px}.banner-art>.icon{width:53px;height:53px}.banner-art>span:last-child{font-size:9px}.g2,.g3,.g4{grid-template-columns:1fr}.card{padding:26px}.sec-head{margin-bottom:30px}.sec-head p{font-size:14px}.catalogue-tabs{gap:5px}.catalogue-tabs button{padding:9px 13px;font-size:10px}.product-toolbar{padding-top:25px}.packaging-figure{gap:8px;grid-template-columns:repeat(3,1fr)}.packaging-figure>div{padding:20px 5px}.packaging-figure .icon{width:30px;height:30px}.tbl{min-width:520px}.sourcing-steps .tbl{min-width:0}.sourcing-flow{margin-bottom:40px}.form-grid{grid-template-columns:1fr 1fr}.form-grid .full{grid-column:1/-1}.form-grid input,.form-grid select,.form-grid textarea{font-size:16px}.rfq-form{padding:23px}.cta h2{font-size:36px}.cta p{font-size:13px}.cta-layout{gap:30px}.foot-grid{grid-template-columns:1fr 1fr;gap:30px 20px}.foot-grid>div:first-child{grid-column:1/-1}.foot-bot{flex-direction:column;gap:6px;font-size:8px}.site-foot{padding-top:45px}.site-foot a{overflow-wrap:anywhere}.foot-about{max-width:350px}}
@media(max-width:380px){.hero-cta{align-items:flex-start;flex-direction:column}.form-grid{grid-template-columns:1fr}.form-grid .full{grid-column:auto}.catalogue-tabs button{padding:9px 10px}.supply-orbit{max-width:225px}.orbit-node{width:75px}.node1,.node3{left:calc(50% - 37px)}.foot-grid{grid-template-columns:1fr}.foot-grid>div:first-child{grid-column:auto}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Keep wide tables within their grid column; preserve CTA contrast on the active page. */
.split>*,.grid>*,.form-grid>*{min-width:0}.nav .btn[aria-current]{color:#fff}