/* ALLKemicals Concept B - isolated CSS, inspired by clean science marketplace reference. */
:root{--navy:#172a4d;--navy-soft:#283b5d;--ink:#20283a;--muted:#6b7989;--pale:#ecf3f8;--line:#e0e7ee;--purple:#7550a5;--white:#fff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body.akb{margin:0;background:var(--white);color:var(--ink);font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-size:15px;-webkit-font-smoothing:antialiased}body.akb a{text-decoration:none;color:inherit}body.akb button,body.akb input,body.akb select{font:inherit}body.akb button{cursor:pointer}body.akb img{display:block;max-width:100%}body.akb svg{display:block;width:21px;height:21px;flex:none}body.akb h1,body.akb h2,body.akb h3,body.akb p{margin-top:0}body.akb [hidden]{display:none!important}body.akb :focus-visible{outline:3px solid #8b70bf;outline-offset:2px}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}
.preview-bar{height:28px;background:#f3eff9;color:#5b497c;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:0 max(24px,4vw);font-size:10px;font-weight:800;letter-spacing:.12em}.preview-bar i{display:inline-block;width:6px;height:6px;border-radius:50%;background:#8e69bf;vertical-align:middle;margin-right:7px}.preview-bar a{font-weight:650;letter-spacing:0}.preview-bar a:hover{text-decoration:underline}
.top-header{background:white;position:relative;z-index:50;border-bottom:1px solid #ecf0f4}.header-inner{height:91px;max-width:1760px;margin:0 auto;display:flex;align-items:center;gap:20px;padding:0 max(28px,4vw)}.brand{display:flex;flex:none;width:190px;align-items:center}.brand img{width:167px;max-height:63px;object-fit:contain}.header-search{height:52px;flex:1;max-width:900px;background:#f0f1f3;border:1px solid #f0f1f3;border-radius:100px;display:flex;align-items:center;padding:0 16px 0 33px;margin-left:5px;min-width:0;transition:border-color .18s,box-shadow .18s}.header-search:focus-within{border-color:#b7bed4;box-shadow:0 0 0 4px #f1edf9}.header-search input{flex:1;min-width:0;border:0;background:none;outline:0;font-size:13px;color:#1e2e4b}.header-search input::placeholder{color:#9da1a9}.header-search button{border:0;background:none;color:#21365d;padding:8px}.header-search button svg{width:25px;height:25px}.header-actions{display:flex;align-items:center;gap:14px;margin-left:auto}.resource-menu{position:relative;flex:none}.resource-menu summary,.cart-btn,.nav-open{height:45px;border:1px solid #213250;border-radius:999px;display:flex;align-items:center;justify-content:center;gap:10px;white-space:nowrap;padding:0 22px;color:#1a2e52;font-weight:650;font-size:14px;background:white}.resource-menu summary{list-style:none;cursor:pointer}.resource-menu summary::-webkit-details-marker{display:none}.resource-menu summary svg{width:16px;height:16px}.resource-popover{position:absolute;top:calc(100% + 9px);right:0;min-width:236px;background:white;border:1px solid #e5e9f0;border-radius:15px;box-shadow:0 16px 36px #14264c24;padding:9px;z-index:80}.resource-popover a{display:flex;align-items:center;gap:12px;font-size:13px;padding:13px 12px;border-radius:9px}.resource-popover a:hover{background:#f1f4f9}.resource-popover svg{width:17px;height:17px}.cart-btn svg{width:19px;height:19px}.nav-open{background:#192b4f;border-color:#192b4f;color:#fff;padding:0 27px}.nav-open:hover{background:#2a4069}.nav-open svg{width:17px;height:17px}.quick-cats{border-top:1px solid #f0f1f4;background:#fff}.quick-scroll{height:73px;max-width:1760px;margin:auto;display:flex;align-items:center;gap:13px;overflow-x:auto;padding:0 max(28px,4vw);scrollbar-width:none}.quick-scroll::-webkit-scrollbar{display:none}.quick-scroll a{display:inline-flex;align-items:center;justify-content:center;white-space:nowrap;border:1px solid #e1e5eb;border-radius:999px;min-height:41px;padding:0 20px;font-size:12px;letter-spacing:.015em;font-weight:650;color:#21324b;background:white;transition:background .15s,border .15s}.quick-scroll a:hover{background:#f1f3f8;border-color:#cad4e4}.quick-scroll .more-cats{border-color:transparent;color:#586783}.quick-scroll .more-cats span{margin-left:8px}
.nav-shade{position:fixed;inset:0;z-index:90;background:#0d1f3d70}.drawer{position:fixed;z-index:100;right:0;top:0;bottom:0;width:min(450px,95vw);overflow:auto;background:#fff;box-shadow:-12px 0 60px #0b173449;padding:31px 32px;transform:translateX(106%);transition:transform .26s ease}.drawer.is-open{transform:translateX(0)}.drawer-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:27px;color:#1b2d50}.drawer-top strong{font-size:23px;font-weight:750}.nav-close{background:#f3f4f8;border:0;border-radius:50%;width:39px;height:39px;display:grid;place-items:center;color:#1c2d50}.drawer nav{border-top:1px solid #ebeff3}.drawer nav a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:17px 2px;border-bottom:1px solid #ebeff3;color:#233553;font-weight:650}.drawer nav a:hover{color:#7955aa}.drawer-links{display:grid;gap:11px;margin-top:28px}.drawer-links a{display:block;padding:14px;border-radius:8px;background:#f3f5f9;color:#223754;font-weight:650;font-size:13px}
.cb-hero{position:relative;isolation:isolate;overflow:hidden;background:#eaf1f7;min-height:704px;border-radius:0 0 11px 11px}.cb-hero:before{content:"";position:absolute;inset:0;z-index:-2;background:radial-gradient(circle at 15% 34%,#f3f8fdaf,transparent 48%),radial-gradient(circle at 85% 66%,#e0ecf6df,transparent 40%),linear-gradient(108deg,#e8f0f6 0%,#edf4f9 68%,#e5ecf4 100%)}.cb-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,#ecf3f800 0%,#eaf1f83b 62%,#eaf1f812 100%);z-index:-1;pointer-events:none}.hero-inner{position:relative;max-width:1310px;margin:auto;padding:76px 35px 23px;z-index:1}.hero-copy{max-width:1030px}.hero-kicker{font-size:10px;color:#6c7493;letter-spacing:.21em;font-weight:800}.hero-copy h1{font-weight:550;letter-spacing:-.045em;color:#16294e;line-height:1.13;font-size:clamp(37px,4.2vw,69px);margin:18px 0 18px}.hero-copy h1 span{color:#27416b}.hero-copy p{max-width:665px;color:#55657d;font-size:15px;line-height:1.75;margin:0}.discovery-form{margin-top:38px;max-width:1190px;min-height:87px;display:flex;align-items:stretch;gap:0;background:white;border-radius:80px;box-shadow:0 3px 0 #a2b3c011,0 10px 22px #152a4814;border:1px solid #e2e8ef;overflow:hidden;padding:8px}.discovery-form .field{flex:1.15;min-width:0;display:flex;flex-direction:column;justify-content:center;padding:8px 18px 8px 23px;position:relative}.discovery-form .field + .field:before{content:"";position:absolute;left:0;top:15px;bottom:15px;width:1px;background:#d7e0e9}.discovery-form .search-field{flex:1.55}.discovery-form .stock-field{flex:.86}.discovery-form label{font-size:10px;font-weight:750;color:#84909d;letter-spacing:.015em;margin-bottom:4px}.discovery-form input,.discovery-form select{width:100%;min-width:0;border:0;outline:0;background:transparent;color:#172b51;font-size:14px;font-weight:650;padding:0 18px 0 0;line-height:27px}.discovery-form input::placeholder{color:#7b8b9a;font-weight:500}.discovery-form select{appearance:auto;cursor:pointer}.discovery-form .hero-submit{flex:0 0 198px;background:#1a3157;border:0;border-radius:70px;display:flex;align-items:center;justify-content:center;gap:26px;color:white;font-size:21px;font-weight:650;padding:10px 20px}.discovery-form .hero-submit:hover{background:#2b4976}.discovery-form .hero-submit svg{width:28px;height:28px}.hero-links{margin-top:17px;display:flex;align-items:center;gap:22px;flex-wrap:wrap;font-size:11px;color:#7c899b;font-weight:550}.hero-links a{color:#304b72;font-weight:750}.hero-links a:hover{text-decoration:underline}.industries-title{display:flex;align-items:center;gap:18px;margin-top:58px;margin-bottom:21px}.industries-title h2{font-size:26px;font-weight:650;letter-spacing:-.035em;color:#182b4e;margin:0}.cross-symbol{font-size:32px;color:#db8a59;line-height:1}.industries{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:15px;max-width:1035px}.industries>a{height:156px;background:#ffffffdb;border:1px solid #ffffffb0;border-radius:19px;padding:19px 22px;display:flex;flex-direction:column;justify-content:flex-end;position:relative;transition:transform .18s,box-shadow .18s}.industries>a:hover{transform:translateY(-4px);box-shadow:0 12px 25px #142b501b}.industry-icon{color:#20365e;display:block;margin-bottom:auto}.industry-icon svg{width:27px;height:27px;stroke-width:1.9}.industries strong{font-size:14px;line-height:1.45;color:#293342;font-weight:750}.industry-arrow{position:absolute;right:18px;top:15px;color:#8695a6;font-size:17px}
.glass-form{position:absolute;z-index:0;pointer-events:none;opacity:.82;filter:drop-shadow(8px 15px 9px #6c95b72a)}.glass-form:before,.glass-form:after{content:"";position:absolute;inset:0;display:block}.glass-left{top:48px;left:-65px;width:200px;height:210px;transform:rotate(-22deg)}.glass-left:before{clip-path:polygon(50% 0%,100% 85%,87% 100%,12% 100%,0% 84%);background:conic-gradient(from 15deg,#66acdc88,#ffffffcf,#a978d8a5,#53b8cf8c,#ffffffc9,#d598c2a0,#76d1cd95,#a082e6a1,#66acdc88);border-radius:40px}.glass-left:after{inset:32px;clip-path:polygon(50% 0%,100% 85%,85% 100%,15% 100%,0% 85%);background:#eaf1f7;border-radius:23px;filter:blur(1px)}.glass-right{right:-32px;top:30px;width:195px;height:220px;transform:rotate(19deg)}.glass-right:before{border-radius:45px;background:conic-gradient(from 130deg,#a576e3bd,#71cbdacb,#f6c2dd,#8f8bd3b4,#f4f9fdeb,#78cfcdd0,#a576e3bd)}.glass-right:after{inset:33px;border-radius:29px;background:#e9f0f7;box-shadow:inset 0 0 15px #c5cbdc}.glass-bottom{right:4.5%;bottom:46px;width:150px;height:165px;transform:rotate(-25deg);opacity:.75}.glass-bottom:before{clip-path:polygon(50% 0%,100% 83%,90% 100%,10% 100%,0% 83%);border-radius:32px;background:conic-gradient(#81a7d0,#b9a2ec,#7dcacd,#ffffff,#e3a9dc,#81a7d0)}.glass-bottom:after{inset:27px;background:#e6eff5;clip-path:polygon(50% 0%,100% 83%,90% 100%,10% 100%,0% 83%);border-radius:17px}
.site-container{max-width:1310px;padding:0 35px;margin:auto}.catalogue-band{padding:85px 0 77px}.section-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:30px}.overline{font-size:11px;letter-spacing:.15em;color:#8a6fac;font-weight:800}.section-head h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.042em;line-height:1.2;color:#1a2f50;font-weight:650;margin:12px 0 0}.section-head h2 em{font-style:normal;color:#725496}.section-head p{color:#718094;font-size:13px;margin:12px 0 0}.text-link{display:flex;align-items:center;gap:12px;color:#273c62!important;font-weight:750;font-size:13px;white-space:nowrap}.text-link svg{width:16px;height:16px}.text-link:hover{text-decoration:underline}.category-rail{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:13px}.category-rail>a{position:relative;min-height:105px;padding:21px 18px;border-radius:14px;border:1px solid #dce5ef;background:#fbfcfe;color:#1b3054;font-size:14px;font-weight:750}.category-rail>a:hover{border-color:#b5c2d3;box-shadow:0 7px 18px #13294710}.category-rail small{display:block;margin-top:8px;color:#8993a3;font-size:11px;font-weight:500}.category-rail span{position:absolute;right:18px;top:15px;color:#8a98a6;font-size:15px}
.products-section{padding:78px 0 95px;background:#f7f9fc}.product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.product-card{overflow:hidden;border:1px solid #e2e8ef;border-radius:16px;background:#fff;min-width:0;transition:box-shadow .2s,transform .2s}.product-card:hover{box-shadow:0 12px 28px #12244915;transform:translateY(-3px)}.product-card .structure{height:205px;display:grid;place-items:center;position:relative;background:radial-gradient(circle,#fff 38%,#f5f8fb 100%);border-bottom:1px solid #eff1f6;padding:32px}.product-card .structure img{width:100%;height:139px;object-fit:contain;mix-blend-mode:multiply}.product-status{position:absolute;top:15px;left:16px;background:#fff7e8;border:1px solid #f1d8b9;color:#a27130;border-radius:18px;padding:5px 12px;font-weight:750;font-size:10px}.product-status.available{color:#2b7d48;background:#edf9f0;border-color:#c8ebd5}.empty-structure{color:#b2a0c8}.empty-structure svg{width:70px;height:70px;stroke-width:1}.product-info{padding:19px 18px}.product-category{font-size:11px;color:#6f6590;font-weight:650;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;display:block;text-transform:uppercase}.product-info h3{margin:8px 0 5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:#1d2c48;font-weight:750;font-size:17px}.product-info h3 a:hover{color:#7d54a7}.product-info p{margin-bottom:15px;color:#7d8798;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fact-row{display:grid;grid-template-columns:1fr 1fr;gap:7px}.fact-row span{display:block;background:#f6f7fa;border-radius:8px;padding:9px;font-size:10px;font-weight:650;color:#8995a5}.fact-row strong{display:block;margin-top:4px;color:#1e2d4a;font-size:12px;font-weight:750;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.fact-row sub{font-size:.72em}.product-buy{margin-top:15px;padding-top:15px;border-top:1px solid #e8ebef;display:flex;align-items:center;justify-content:space-between;gap:8px}.product-buy small{display:block;font-size:10px;color:#8390a0;margin-bottom:4px;font-weight:650}.product-buy b{font-size:15px;color:#1b2d4c}.product-buy>a{display:grid;place-items:center;background:#1d3155;color:white;width:37px;height:37px;border-radius:50%;flex:none}.product-buy svg{width:18px;height:18px}.no-products{grid-column:1/-1;padding:30px;border:1px dashed #becddd;border-radius:12px;background:#fff;color:#667b91}
.sourcing-section{background:#1a2c4f;color:#fff;padding:80px 0}.sourcing-flex{display:flex;align-items:center;justify-content:space-between;gap:45px}.sourcing-section .overline{color:#c6afdd}.sourcing-section h2{font-size:clamp(34px,3.3vw,50px);font-weight:570;line-height:1.17;letter-spacing:-.04em;margin:13px 0 15px}.sourcing-section p{max-width:550px;color:#cfdaea;line-height:1.7;font-size:14px;margin:0}.sourcing-flex>div:last-child{display:flex;align-items:center;gap:22px;flex-wrap:wrap}.sourcing-btn{display:flex;align-items:center;gap:15px;padding:17px 22px;border-radius:40px;background:#fff;color:#193155!important;font-weight:800;font-size:13px;white-space:nowrap}.secondary-btn{color:#e2e9f4!important;font-size:13px;font-weight:700}.sourcing-btn svg{width:17px;height:17px}
.footer{padding:60px 0 20px;background:#fff}.footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:36px}.footer-grid img{width:170px}.footer-grid p{font-size:13px;color:#7a8697;max-width:280px;margin-top:15px;line-height:1.7}.footer-grid nav{display:flex;flex-direction:column;gap:11px}.footer-grid nav b{color:#1d3152;font-size:13px;margin-bottom:8px}.footer-grid nav a{color:#697992;font-size:12px}.footer-grid nav a:hover{color:#7254a3}.footer-bottom{padding:25px 0 10px;display:flex;justify-content:space-between;gap:20px;border-top:1px solid #e7ecf1;margin-top:43px;color:#8893a1;font-size:11px}.footer-bottom a{color:#2c4367}
@media(max-width:1370px){.header-inner{gap:13px;padding:0 25px}.brand{width:170px}.brand img{width:155px}.resource-menu summary,.cart-btn,.nav-open{padding:0 15px}.hero-inner{max-width:1160px}.glass-left{opacity:.55}.glass-right{opacity:.65}}
@media(max-width:1130px){.header-inner{gap:11px}.header-actions{gap:8px}.header-search{padding-left:20px}.resource-menu summary{font-size:12px}.cart-btn{font-size:12px}.nav-open{font-size:12px}.hero-inner{padding:68px 30px 28px}.glass-bottom{display:none}.industries{max-width:900px}.industries>a{height:142px}.discovery-form .field{padding-left:14px;padding-right:10px}.discovery-form .hero-submit{flex-basis:145px;gap:13px}}
@media(max-width:900px){.header-inner{height:75px}.brand{width:150px}.brand img{width:141px}.resource-menu{display:none}.header-search{margin:0}.header-search input{font-size:12px}.cart-btn{padding:0 12px}.cart-btn span{display:none}.nav-open{padding:0 15px}.quick-scroll{height:63px}.hero-copy h1{font-size:53px}.hero-inner{padding:60px 26px 32px}.cb-hero{min-height:650px}.industries-title{margin-top:48px}.glass-form{opacity:.4}.glass-left{left:-130px}.glass-right{right:-100px}.product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.category-rail{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.preview-bar{font-size:8px;padding:0 15px}.preview-bar a{white-space:nowrap}.header-inner{height:74px;padding:0 15px;gap:7px;flex-wrap:wrap}.brand{width:120px}.brand img{width:120px}.header-search{order:3;flex-basis:100%;max-width:none;margin:0;height:45px;position:absolute;top:74px;left:15px;right:15px;background:#f0f2f5}.header-actions{margin-left:auto}.cart-btn{height:37px}.nav-open{height:37px}.nav-open span{display:none}.top-header{padding-bottom:63px}.quick-scroll{height:61px;padding:0 15px;gap:9px}.quick-scroll a{font-size:11px;min-height:36px;padding:0 13px}.hero-inner{padding:43px 17px 28px}.hero-copy h1{font-size:clamp(37px,8vw,47px);letter-spacing:-.04em}.hero-kicker{font-size:9px}.hero-copy p{font-size:13px;line-height:1.6}.glass-left{top:105px;left:-153px}.glass-right{top:5px;right:-134px}.discovery-form{margin-top:29px;border-radius:18px;display:grid;padding:10px;gap:0}.discovery-form .field,.discovery-form .stock-field{min-height:60px;padding:9px 14px;border-bottom:1px solid #e5eaf0}.discovery-form .field + .field:before{display:none}.discovery-form .hero-submit{height:53px;min-height:53px;border-radius:11px;font-size:18px;margin-top:10px;justify-content:space-between;flex:auto;padding:0 25px}.hero-links{font-size:11px;gap:12px;margin-top:15px}.industries-title{margin-top:44px;margin-bottom:18px}.industries-title h2{font-size:21px}.industries{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.industries>a{height:135px;padding:16px}.industries strong{font-size:12px}.industry-icon svg{width:24px;height:24px}.cb-hero{min-height:0}.catalogue-band,.products-section{padding:60px 0}.site-container{padding:0 17px}.section-head{display:block;margin-bottom:23px}.section-head h2{font-size:31px}.section-head .text-link{margin-top:20px}.category-rail{gap:10px}.category-rail>a{min-height:98px;padding:17px 13px;font-size:12px}.category-rail span{right:12px;top:10px}.product-grid{gap:11px}.product-card .structure{height:145px;padding:25px}.product-card .structure img{height:95px}.product-status{font-size:9px;top:8px;left:8px}.product-info{padding:13px 10px}.product-info h3{font-size:13px}.product-info p{font-size:10px}.product-category{font-size:9px}.fact-row{gap:4px}.fact-row span{padding:7px 5px;font-size:9px}.fact-row strong{font-size:10px}.product-buy small{font-size:8px}.product-buy b{font-size:12px}.product-buy>a{height:30px;width:30px}.sourcing-section{padding:57px 0}.sourcing-flex{display:block}.sourcing-flex>div:last-child{margin-top:28px}.sourcing-section h2{font-size:37px}.footer-grid{grid-template-columns:repeat(2,1fr);gap:25px}.footer-grid>div{grid-column:1/-1}.footer-bottom{flex-direction:column}.footer-grid nav a{font-size:11px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.drawer,.product-card,.industries>a{transition:none}}


/* Concept B v2: motion-only hero refresh and tighter one-focus layout.
   Preview-scoped. No shared/production CSS changes. */
body.akb .top-header{border-bottom:1px solid #e8eef5}
body.akb .cb-hero{
  min-height:545px;
  background:#e9f2f9;
  overflow:hidden;
}
body.akb .hero-inner{padding-top:83px;padding-bottom:97px;max-width:1270px}
body.akb .hero-copy{position:relative;z-index:2}
body.akb .hero-copy h1{font-weight:580;animation:akbHeadlineRise .95s cubic-bezier(.18,.65,.2,1) both}
body.akb .hero-copy p{animation:akbHeadlineRise 1.1s cubic-bezier(.18,.65,.2,1) .12s both}
body.akb .discovery-form{
 position:relative;z-index:2;
 animation:akbFormLift 1.1s cubic-bezier(.2,.6,.2,1) .22s both;
 box-shadow:0 12px 40px #194a831c,0 2px 0 #b5cadb32;
}
body.akb .discovery-form:focus-within{box-shadow:0 15px 45px #194a8328,0 0 0 3px #bbc6ef38}
body.akb .hero-links{position:relative;z-index:2}
body.akb .glass-form{will-change:transform,filter;opacity:.74}
body.akb .glass-left{
  top:40px;left:-75px;
  animation:akbGlassLeft 12s ease-in-out infinite alternate,akbColorTurn 22s linear infinite;
}
body.akb .glass-right{
  top:45px;right:-45px;
  animation:akbGlassRight 14s ease-in-out infinite alternate,akbColorTurn 26s linear infinite reverse;
}
body.akb .glass-bottom{
  bottom:35px;right:7%;
  animation:akbGlassBottom 15s ease-in-out infinite alternate,akbColorTurn 24s linear infinite;
}
body.akb .cb-hero:before{
  background:
    radial-gradient(ellipse 46% 59% at 11% 30%,#cfdcf6bc,transparent 84%),
    radial-gradient(ellipse 42% 53% at 84% 71%,#d0e9ef8c,transparent 82%),
    radial-gradient(ellipse 30% 41% at 48% 9%,#e1dcff89,transparent 85%),
    linear-gradient(110deg,#eaf3f9 0%,#edf4fa 58%,#e5eff7 100%);
  background-size:115% 115%,120% 125%,125% 115%,100% 100%;
  animation:akbAurora 17s ease-in-out infinite alternate;
}
body.akb .motion-sheen{
 pointer-events:none;position:absolute;z-index:0;inset:-40%;
 background:linear-gradient(106deg,transparent 36%,#ffffff00 45%,#ffffff50 49%,#ffffff00 53%,transparent 66%);
 transform:translateX(-60%) rotate(4deg);
 animation:akbLightSweep 18s ease-in-out infinite;
}
body.akb .motion-particles{position:absolute;inset:0;z-index:0;pointer-events:none;overflow:hidden}
body.akb .motion-particles span{
 position:absolute;display:block;width:6px;height:6px;
 border-radius:50%;background:#fff;box-shadow:0 0 10px #ffffffd9,0 0 20px #a9bce4a6;
 opacity:0;animation:akbTwinkle 6s ease-in-out infinite;
}
body.akb .motion-particles span:nth-child(1){left:8%;top:21%;animation-delay:0s}
body.akb .motion-particles span:nth-child(2){left:93%;top:38%;width:4px;height:4px;animation-delay:1.1s}
body.akb .motion-particles span:nth-child(3){left:18%;top:76%;width:3px;height:3px;animation-delay:3.4s}
body.akb .motion-particles span:nth-child(4){left:82%;top:17%;width:6px;height:6px;animation-delay:4.2s}
body.akb .motion-particles span:nth-child(5){left:76%;top:73%;width:3px;height:3px;animation-delay:2.2s}
body.akb .motion-particles span:nth-child(6){left:31%;top:11%;width:4px;height:4px;animation-delay:5.1s}
body.akb .motion-particles span:nth-child(7){left:94%;top:89%;width:5px;height:5px;animation-delay:3s}
@keyframes akbAurora{
  0%{background-position:0% 40%,100% 75%,30% 0%,center}
  100%{background-position:17% 55%,82% 45%,53% 14%,center}
}
@keyframes akbLightSweep{
  0%,22%{transform:translateX(-70%) rotate(4deg);opacity:0}
  35%{opacity:.35}
  61%,100%{transform:translateX(62%) rotate(4deg);opacity:0}
}
@keyframes akbGlassLeft{
  0%{transform:translate(0,0) rotate(-22deg) scale(1)}
  100%{transform:translate(32px,26px) rotate(-6deg) scale(1.08)}
}
@keyframes akbGlassRight{
  0%{transform:translate(0,0) rotate(19deg) scale(1)}
  100%{transform:translate(-28px,38px) rotate(5deg) scale(1.06)}
}
@keyframes akbGlassBottom{
  0%{transform:translate(0,0) rotate(-25deg) scale(1)}
  100%{transform:translate(-35px,-26px) rotate(3deg) scale(1.08)}
}
@keyframes akbColorTurn{
  0%,100%{filter:hue-rotate(0deg) drop-shadow(8px 15px 9px #6c95b72a)}
  50%{filter:hue-rotate(36deg) drop-shadow(12px 18px 12px #927ac44d)}
}
@keyframes akbTwinkle{
  0%,100%{opacity:0;transform:translateY(8px) scale(.4)}
  25%,38%{opacity:.85;transform:translateY(-7px) scale(1.2)}
  56%{opacity:0;transform:translateY(-17px) scale(.6)}
}
@keyframes akbHeadlineRise{
 from{opacity:0;transform:translateY(20px)}
 to{opacity:1;transform:translateY(0)}
}
@keyframes akbFormLift{
 from{opacity:0;transform:translateY(26px)}
 to{opacity:1;transform:translateY(0)}
}
@media(max-width:900px){
 body.akb .cb-hero{min-height:0}
 body.akb .hero-inner{padding:67px 26px 81px}
 body.akb .glass-left{left:-138px;opacity:.45}
 body.akb .glass-right{right:-108px;opacity:.4}
}
@media(max-width:640px){
 body.akb .hero-inner{padding:57px 17px 65px}
 body.akb .glass-bottom{display:none}
 body.akb .glass-left{left:-145px;top:80px;opacity:.28}
 body.akb .glass-right{right:-135px;top:14px;opacity:.24}
 body.akb .cb-hero{min-height:0}
 body.akb .motion-particles span{opacity:0}
}
@media(prefers-reduced-motion:reduce){
 body.akb .cb-hero:before,body.akb .motion-sheen,body.akb .motion-particles span,
 body.akb .glass-form,body.akb .hero-copy h1,body.akb .hero-copy p,body.akb .discovery-form{
  animation:none!important;transition:none!important;
 }
 body.akb .motion-sheen,body.akb .motion-particles{display:none}
}

/* Concept B v3 — compact title + visible kinetic molecular orbital hero.
   All selectors are scoped to the Concept B preview, not the production site. */
body.akb .cb-hero{
  min-height:550px;
  isolation:isolate;
  background:linear-gradient(112deg,#ebf3fa 0%,#e6f0f9 58%,#deeaf5 100%);
}
body.akb .cb-hero:before{
 background:
 radial-gradient(circle at 72% 37%,#fdfdff 0%,#e8f1fa97 29%,transparent 54%),
 linear-gradient(115deg,#eaf2f9 0%,#ebf5fa 57%,#deeaf7 100%);
 background-size:100% 100%;
 animation:none;
}
body.akb .cb-hero:after{opacity:.22}
body.akb .motion-sheen,body.akb .motion-particles,body.akb .glass-form{display:none!important}
body.akb .hero-inner{
 max-width:1330px;
 padding:67px 38px 76px;
 min-height:550px;
}
body.akb .hero-copy{width:57%;max-width:660px;position:relative;z-index:4}
body.akb .hero-copy h1{
 font-size:clamp(33px,3.15vw,47px)!important;
 line-height:1.19;
 font-weight:570;
 letter-spacing:-.037em;
 margin:15px 0 18px;
 animation:akbHeadlineRise .7s ease-out both;
}
body.akb .hero-copy p{font-size:14px;max-width:510px;line-height:1.67}
body.akb .discovery-form{
 margin-top:55px;
 position:relative;
 z-index:7;
 max-width:1190px;
 animation:akbFormLift .8s ease-out both;
}
body.akb .hero-links{position:relative;z-index:7}
body.akb .molecule-stage{
 position:absolute;z-index:2;
 width:min(37vw,470px);
 height:min(37vw,470px);
 right:17px;top:4px;
 pointer-events:none;
 display:grid;place-items:center;
}
body.akb .molecule-aura{
 position:absolute;inset:8%;
 border-radius:50%;
 background:radial-gradient(circle at 44% 48%,#c6def6d8 0%,#d9ecff9b 28%,#a7bde954 40%,transparent 69%);
 box-shadow:0 0 48px #c6d6f170;
 animation:akbAuraBreath 4.4s ease-in-out infinite alternate;
}
body.akb .kinetic-molecule{
 width:75%;height:75%;position:relative;z-index:4;
 overflow:visible;
 filter:drop-shadow(2px 7px 9px #6b7cac70);
 animation:akbMoleculeSway 5.5s ease-in-out infinite alternate;
}
body.akb .kinetic-atoms{animation:akbAtomPulse 4.2s ease-in-out infinite alternate;transform-origin:center;transform-box:fill-box}
body.akb .kinetic-orbit{
 position:absolute;left:50%;top:48%;
 width:96%;height:45%;
 border:2px solid #6681b7b0;
 border-radius:50%;
 box-shadow:0 0 12px #ffffffb0,inset 0 0 13px #ffffffa3;
 transform-origin:50% 50%;
 z-index:5;
}
body.akb .kinetic-orbit-a{animation:akbOrbitSpinA 9s linear infinite}
body.akb .kinetic-orbit-b{
 border-color:#9980c4b5;
 width:87%;height:39%;
 animation:akbOrbitSpinB 12s linear infinite;
}
body.akb .kinetic-orbit-c{
 border:1.5px dashed #5eafd2bc;
 width:79%;height:36%;
 animation:akbOrbitSpinC 14s linear infinite;
}
body.akb .orbit-electron{
 position:absolute;left:13%;top:8%;
 width:19px;height:19px;
 border-radius:50%;
 background:radial-gradient(circle at 26% 22%,#fff,#c9b5f3 38%,#8467be 80%);
 box-shadow:0 0 13px 4px #b0a6efb2,0 0 26px #ffffffa6;
}
body.akb .kinetic-orbit-b .orbit-electron{
 width:16px;height:16px;left:79%;top:9%;
 background:radial-gradient(circle at 26% 20%,#fff,#ace4ee 40%,#458fc3 80%);
 box-shadow:0 0 13px 3px #80d5eaaa;
}
body.akb .kinetic-orbit-c .orbit-electron{
 width:12px;height:12px;left:45%;top:94%;
 background:radial-gradient(circle at 26% 20%,#fff,#e8dbff 40%,#8262ae 80%);
}
body.akb .molecule-caption{
 position:absolute;left:50%;bottom:6%;
 transform:translateX(-50%);
 display:flex;align-items:center;gap:8px;
 color:#6176a3;font-size:9px;font-weight:800;letter-spacing:.12em;
 white-space:nowrap;opacity:.8;
}
body.akb .caption-signal{
 width:6px;height:6px;background:#6f9dd2;border-radius:50%;
 box-shadow:0 0 0 4px #a9cdf4a0;
 animation:akbSignal 2s ease-in-out infinite;
}
@keyframes akbOrbitSpinA {
 from{transform:translate(-50%,-50%) rotate(28deg)}
 to{transform:translate(-50%,-50%) rotate(388deg)}
}
@keyframes akbOrbitSpinB {
 from{transform:translate(-50%,-50%) rotate(-52deg)}
 to{transform:translate(-50%,-50%) rotate(308deg)}
}
@keyframes akbOrbitSpinC {
 from{transform:translate(-50%,-50%) rotate(86deg)}
 to{transform:translate(-50%,-50%) rotate(-274deg)}
}
@keyframes akbMoleculeSway {
 from{transform:translateY(-10px) rotate(-7deg) scale(.97)}
 to{transform:translateY(9px) rotate(7deg) scale(1.03)}
}
@keyframes akbAuraBreath{
 from{transform:scale(.89);opacity:.67}
 to{transform:scale(1.11);opacity:1}
}
@keyframes akbAtomPulse{
 from{transform:scale(.97)}
 to{transform:scale(1.03)}
}
@keyframes akbSignal{
 0%,100%{opacity:.4;transform:scale(.8)}
 50%{opacity:1;transform:scale(1.2)}
}
@media(max-width:1050px){
 body.akb .hero-copy{width:63%}
 body.akb .hero-inner{padding:58px 30px 68px;min-height:505px}
 body.akb .molecule-stage{width:380px;height:380px;top:35px;right:-48px;opacity:.87}
 body.akb .discovery-form{margin-top:50px}
}
@media(max-width:700px){
 body.akb .hero-inner{padding:55px 17px 57px;min-height:0}
 body.akb .hero-copy{width:100%;max-width:100%}
 body.akb .hero-copy h1{font-size:clamp(29px,7.1vw,38px)!important;line-height:1.23;max-width:93%}
 body.akb .hero-copy p{font-size:12px;max-width:80%}
 body.akb .molecule-stage{
   width:225px;height:225px;top:115px;right:-94px;
   opacity:.32;filter:saturate(.88);
 }
 body.akb .molecule-caption{display:none}
 body.akb .discovery-form{margin-top:29px}
}
@media(prefers-reduced-motion:reduce){
 body.akb .kinetic-molecule,
 body.akb .kinetic-orbit,
 body.akb .kinetic-atoms,
 body.akb .molecule-aura,
 body.akb .caption-signal{
   animation:none!important;
 }
 body.akb .kinetic-orbit-a{transform:translate(-50%,-50%) rotate(28deg)}
 body.akb .kinetic-orbit-b{transform:translate(-50%,-50%) rotate(-52deg)}
 body.akb .kinetic-orbit-c{transform:translate(-50%,-50%) rotate(86deg)}
}

/* Concept B v4 professional molecular network: replace planetary orbital style.
   All new selectors are private to the preview. */
body.akb .molecule-stage.network-stage{
 width:min(43vw,525px);height:min(35vw,435px);
 right:0;top:0;opacity:1;
 display:flex;align-items:center;justify-content:center;
 pointer-events:none;
}
body.akb .network-halo{
 position:absolute;inset:8%;
 border-radius:50%;
 background:radial-gradient(circle at 50% 51%,#f6fbffb3 0%,#d2e4f8aa 36%,#c0d8ee44 58%,transparent 73%);
 box-shadow:0 0 35px #bbcaeb43;
 animation:akbNetworkHalo 6s ease-in-out infinite alternate;
}
body.akb .molecular-network{
 position:relative;z-index:2;width:100%;height:100%;
 overflow:visible;
 filter:drop-shadow(0 8px 12px #7b91bc25);
 animation:akbNetworkFloat 7s ease-in-out infinite alternate;
}
body.akb .network-bonds{opacity:.94}
body.akb .network-vertices circle{
 fill:url(#networkNode);
 stroke:#f5fbff;
 stroke-width:1.8;
 filter:drop-shadow(0 0 3px #84b0dd80);
}
body.akb .network-atom-labels{
 font-family:Arial,"Segoe UI",sans-serif;
 font-size:22px; font-weight:700;
 fill:#397aaa;
}
body.akb .network-atom-labels .label-amino{fill:#7a61aa;font-size:22px}
body.akb .network-atom-labels .label-oxygen{fill:#4b9baf;font-size:22px}
body.akb .network-tracers{opacity:1}
body.akb .network-tracers .bond-tracer{
 filter:drop-shadow(0 0 5px #acc8f2);
}
body.akb .network-beacons circle{
 fill:#8ab4ec;opacity:.33;
 transform-box:fill-box;transform-origin:center;
 animation:akbBeacon 3.8s ease-in-out infinite alternate;
}
body.akb .network-beacons circle:last-child{animation-delay:-1.9s}
body.akb .network-label{
 position:absolute;bottom:1px;left:50%;
 transform:translateX(-50%);
 display:flex;align-items:center;gap:8px;white-space:nowrap;
 font-weight:750;letter-spacing:.15em;font-size:9px;color:#56769b;
 opacity:.93;
}
body.akb .network-status-dot{
 width:7px;height:7px;border-radius:50%;
 background:#68acaf;box-shadow:0 0 0 4px #a8d5dd5e;
 animation:akbSignal 2s ease-in-out infinite;
}
body.akb .network-separator{opacity:.45}
@keyframes akbNetworkFloat{
 from{transform:translateY(-8px)}
 to{transform:translateY(8px)}
}
@keyframes akbNetworkHalo{
 from{transform:scale(.92);opacity:.6}
 to{transform:scale(1.06);opacity:1}
}
@keyframes akbBeacon{
 from{transform:scale(.7);opacity:.15}
 to{transform:scale(1.35);opacity:.5}
}
@media(max-width:1050px){
 body.akb .molecule-stage.network-stage{
   right:-32px;top:18px;width:400px;height:350px;opacity:.85;
 }
 body.akb .network-label{font-size:8px}
}
@media(max-width:700px){
 body.akb .molecule-stage.network-stage{
   width:265px;height:235px;right:-115px;top:100px;opacity:.26;
 }
 body.akb .network-label{display:none}
}
@media(prefers-reduced-motion:reduce){
 body.akb .network-halo,
 body.akb .molecular-network,
 body.akb .network-beacons circle,
 body.akb .network-status-dot{
   animation:none!important;
 }
 body.akb .network-tracers{display:none!important}
}

/* Concept B v5: tabbed scientific search and live catalogue suggestions.
   Preview-specific styles only. */
body.akb .header-search.cb-search-anchor{
 position:relative;overflow:visible;
 background:#f2f3f6;border:1px solid #e0e5ed;
 box-shadow:none;transition:border-color .18s,box-shadow .18s;
}
body.akb .header-search.cb-search-anchor:focus-within{
 border-color:#bbb5d4;
 box-shadow:0 0 0 3px #9874c024;
}
body.akb .cb-search-anchor input[type=search],
body.akb .cb-search-anchor textarea,
body.akb .cb-search-anchor input[type=search]:focus,
body.akb .cb-search-anchor input[type=search]:focus-visible,
body.akb .cb-search-anchor textarea:focus,
body.akb .cb-search-anchor textarea:focus-visible {
 outline:none!important;
 box-shadow:none!important;
 border-color:transparent!important;
 background:transparent;
 -webkit-appearance:none;
 appearance:none;
}
body.akb .cb-search-anchor input::-webkit-search-cancel-button{
 -webkit-appearance:none;appearance:none;
}
body.akb .cb-search-hub{
 position:relative;z-index:15;
 margin:45px 0 0;
 max-width:1190px;
 background:#fff;
 border:1px solid #e1d5ec;
 border-radius:21px;
 box-shadow:0 15px 44px #43346118;
 animation:akbFormLift .75s ease-out both;
}
body.akb .cb-search-tabs{
 display:grid;grid-template-columns:repeat(3,minmax(0,1fr));
 gap:0;padding:0 15px;border-bottom:1px solid #e7e2ed;
}
body.akb .cb-tab{
 position:relative;display:flex;align-items:center;justify-content:center;gap:13px;
 padding:20px 8px 19px;min-height:66px;
 color:#24344c;background:none;border:0;border-radius:0;
 font-size:14px;font-weight:620;cursor:pointer;
 transition:color .18s,background .18s;
}
body.akb .cb-tab:hover{color:#7e3b9f;background:#fbf9fd}
body.akb .cb-tab.is-active{color:#722993}
body.akb .cb-tab.is-active:after{
 content:"";position:absolute;left:8%;right:8%;bottom:-1px;height:3px;
 background:#7a2999;border-radius:3px 3px 0 0;
}
body.akb .cb-tab-icon svg{width:18px;height:18px}
body.akb .cb-search-form{padding:18px 21px 16px;position:relative}
body.akb .cb-search-panel{position:relative;min-width:0}
body.akb .cb-search-panel[hidden]{display:none!important}
body.akb .cb-keyword-row{
 display:flex;align-items:stretch;min-height:74px;
 background:#fff;border:1px solid #d6c2e4;border-bottom-color:#6f2991;
 border-radius:13px;overflow:hidden;
 transition:border-color .2s,box-shadow .2s;
}
body.akb .cb-keyword-row:focus-within{
 border-color:#9d66b8;
 box-shadow:0 0 0 3px #9d66b81c;
}
body.akb .cb-keyword-row input[type=search]{
 flex:1;min-width:0;outline:none!important;
 padding:0 19px!important;border:0!important;
 font-size:17px;font-weight:500;color:#1b2943;
}
body.akb .cb-keyword-row input::placeholder{color:#89919e;font-weight:450}
body.akb .cb-clear{
 flex:0 0 39px;color:#8993a0;background:none;
 border:0;padding:0;font-size:25px;
 display:grid;place-items:center;
}
body.akb .cb-clear[hidden]{display:none!important}
body.akb .cb-clear:hover{color:#7c3297}
body.akb .cb-search-submit{
 width:78px;flex:0 0 78px;
 border:0;background:#722c91;color:white;
 display:grid;place-items:center;min-height:74px;
}
body.akb .cb-search-submit:hover{background:#572276}
body.akb .cb-search-submit svg{width:27px;height:27px}
body.akb .cb-search-examples{
 display:flex;align-items:center;gap:17px;flex-wrap:wrap;
 margin:11px 9px 2px;font-size:11px;color:#858195;
}
body.akb .cb-search-examples button{
 padding:1px 0;border:0;background:transparent;
 color:#732a97;font-size:12px;font-weight:750;
}
body.akb .cb-search-examples button:hover{text-decoration:underline}
body.akb .cb-list-row{
 display:flex;gap:12px;align-items:stretch;
 background:#fff;border:1px solid #d6c2e4;
 border-radius:13px;overflow:hidden;
}
body.akb .cb-list-row:focus-within{
 border-color:#9d66b8;
 box-shadow:0 0 0 3px #9d66b81c;
}
body.akb .cb-list-row textarea{
 flex:1;min-width:0;resize:vertical;
 border:0!important;outline:0!important;
 padding:17px 19px;line-height:1.6;max-height:220px;
 font-size:13px;color:#1b2943;
}
body.akb .cb-list-row textarea::placeholder{color:#89919e}
body.akb .cb-list-submit{
 border:0;background:#722c91;color:#fff;
 display:flex;align-items:center;justify-content:center;
 gap:12px;padding:14px 18px;min-width:145px;font-weight:700;
}
body.akb .cb-list-submit:hover{background:#572276}
body.akb .cb-list-submit svg{width:19px;height:19px}
body.akb .cb-list-help{
 color:#848597;font-size:12px;line-height:1.5;
 margin:11px 6px 0;
}
body.akb .cb-search-anchor .cb-suggest{
 position:absolute;z-index:70;
 left:0;right:0;top:calc(100% + 7px);
 max-height:min(440px,65vh);overflow:auto;
 background:#fff;border:1px solid #ddd5e7;border-radius:15px;
 box-shadow:0 20px 45px #1e204332;
 padding:9px 10px;
}
body.akb .cb-search-anchor .cb-suggest[hidden]{display:none!important}
body.akb .header-search.cb-search-anchor .cb-suggest{
 left:0;right:0;top:calc(100% + 10px);
 min-width:min(440px,100%);
}
body.akb .cb-suggest-heading{
 background:#f8f5fb;color:#756e81;
 padding:9px 13px;font-size:11px;
 border-radius:7px;margin-bottom:4px;
}
body.akb .cb-suggest-heading strong{color:#4f4064}
body.akb .cb-suggest-row{
 display:flex;align-items:center;gap:12px;
 color:#1e293b!important;background:transparent;
 border-radius:8px;padding:10px 13px;
 font-size:13px;line-height:1.5;min-width:0;
}
body.akb .cb-suggest-row:hover,body.akb .cb-suggest-row.is-active{
 background:#f5eef9;color:#5d287c!important;
}
body.akb .cb-suggest-kind{
 flex:0 0 66px;text-align:center;padding:5px 5px;
 font-size:9px;font-weight:800;text-transform:uppercase;
 border-radius:6px;background:#f0e7f4;color:#743390;
}
body.akb .cb-suggest-content{
 flex:1;min-width:0;display:flex;flex-direction:column;
}
body.akb .cb-suggest-content strong{
 font-size:14px;font-weight:740;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.akb .cb-suggest-content small{
 font-size:11px;color:#748178;font-weight:450;
 white-space:nowrap;overflow:hidden;text-overflow:ellipsis;
}
body.akb .cb-suggest-arrow{font-size:18px;color:#7c6a9a;margin-left:auto}
body.akb .cb-suggest-row.cb-view-all{
 border-top:1px solid #ebe5ef;margin-top:7px;padding-top:13px;
}
body.akb .cb-suggest-row.cb-view-all .cb-suggest-kind{
 background:#eaeef6;color:#475b80;
}
body.akb .cb-hero{overflow:visible;z-index:5;min-height:620px}
body.akb .hero-inner{padding-bottom:91px;min-height:620px}
body.akb .catalogue-band{position:relative;z-index:1}
@media(max-width:900px){
 body.akb .cb-hero{min-height:0}
 body.akb .hero-inner{min-height:0;padding-bottom:82px}
 body.akb .cb-search-hub{margin-top:35px}
}
@media(max-width:640px){
 body.akb .cb-search-hub{margin-top:30px;border-radius:15px}
 body.akb .cb-search-tabs{padding:0 6px}
 body.akb .cb-tab{font-size:10px;gap:5px;padding:14px 5px;min-height:58px;flex-wrap:wrap}
 body.akb .cb-tab-icon svg{width:16px;height:16px}
 body.akb .cb-search-form{padding:12px 10px}
 body.akb .cb-keyword-row{min-height:63px}
 body.akb .cb-keyword-row input[type=search]{font-size:13px;padding:0 11px!important}
 body.akb .cb-search-submit{width:54px;flex-basis:54px;min-height:63px}
 body.akb .cb-search-submit svg{width:22px;height:22px}
 body.akb .cb-search-examples{margin:11px 4px 3px;gap:11px}
 body.akb .cb-search-examples button{font-size:11px}
 body.akb .cb-list-row{display:block}
 body.akb .cb-list-row textarea{width:100%;min-height:115px;max-height:210px;display:block}
 body.akb .cb-list-submit{width:100%;min-height:49px}
 body.akb .cb-suggest-kind{flex-basis:53px}
 body.akb .cb-suggest-content strong{font-size:12px}
 body.akb .cb-suggest-content small{font-size:10px}
 body.akb .cb-suggest-row{padding:8px}
 body.akb .header-search.cb-search-anchor .cb-suggest{min-width:0}
 body.akb .hero-inner{padding-bottom:70px}
}
@media(prefers-reduced-motion:reduce){
 body.akb .cb-search-hub{animation:none!important}
}

/* ALLKemicals Concept B v5.1 — brand harmony & typography refinement.
   Preview-scoped. Keeps existing v5 search workflows, endpoints and molecular network. */
body.akb{
 --akb-ink:#1c2945;
 --akb-deep:#182d4e;
 --akb-violet:#78559a;
 --akb-violet-strong:#705092;
 --akb-violet-muted:#9075aa;
 --akb-soft-blue:#eaf2f9;
 --akb-hairline:#dce4f1;
 font-family:"Segoe UI",Arial,Helvetica,sans-serif;
 color:var(--akb-ink);
}

/* Brand mark: modest ~12% enlargement without pushing the navigation off-screen. */
body.akb .header-inner .brand{width:208px;flex:0 0 208px}
body.akb .header-inner .brand img{
 width:190px;max-height:70px;
 object-fit:contain;object-position:left center;
}
body.akb .footer-grid img{
 width:196px;max-width:100%;height:auto;object-fit:contain;
}

/* Tie the large headline and section headings into one coherent font language. */
body.akb .hero-copy h1,
body.akb .section-head h2,
body.akb .sourcing-section h2{
 font-family:"Segoe UI",Arial,Helvetica,sans-serif;
 font-weight:570;
 letter-spacing:-.036em;
 line-height:1.19;
}
body.akb .hero-copy h1{color:var(--akb-deep)}
body.akb .hero-copy h1 span{color:#28466d}
body.akb .section-head h2{
 font-size:clamp(30px,3vw,43px);
 color:var(--akb-ink);
 font-weight:580;
 line-height:1.20;
}
body.akb .section-head h2 em{
 color:var(--akb-violet);
 font-weight:580;
 font-style:normal;
}
body.akb .section-head .overline{
 color:#856ba7;
 font-size:10.5px;
 font-weight:740;
 letter-spacing:.145em;
}
body.akb .section-head p{
 color:#667991;
 font-size:14px;
 line-height:1.65;
}
body.akb .section-head .text-link{color:#2a4269!important}
body.akb .section-head .text-link:hover{color:var(--akb-violet)!important}

/* Search card: blend icy blue and gentle violet rather than strong saturated purple. */
body.akb .cb-search-hub{
 background:linear-gradient(145deg,#fbfdff 0%,#f8fafe 75%,#f9f6fd 100%);
 border:1px solid #d4def0;
 border-radius:23px;
 box-shadow:0 17px 34px #2b4e791b,0 5px 10px #8b77ba09;
}
body.akb .cb-search-tabs{
 background:linear-gradient(180deg,#fbfdff,#f7f9fd);
 border-radius:23px 23px 0 0;
 border-bottom:1px solid #e1e6f2;
}
body.akb .cb-tab{
 color:#293c59;
 font-weight:570;
 letter-spacing:-.012em;
}
body.akb .cb-tab:hover{background:#edf3fa;color:#6e518d}
body.akb .cb-tab.is-active{color:#765197;font-weight:650}
body.akb .cb-tab.is-active:after{
 background:linear-gradient(90deg,#a78bc0 0%,#745497 55%,#8f6aae 100%);
 height:3px;
 border-radius:6px 6px 0 0;
}
body.akb .cb-search-form{background:transparent}
body.akb .cb-keyword-row,
body.akb .cb-list-row{
 background:#fff;
 border-color:#cfdbe9;
 border-bottom-color:#b4a1c9;
 box-shadow:0 2px 0 #d3d0e523;
}
body.akb .cb-keyword-row:focus-within,
body.akb .cb-list-row:focus-within{
 border-color:#a998be;
 box-shadow:0 0 0 3px #a18bb51f;
}
body.akb .cb-search-anchor .cb-keyword-row input,
body.akb .cb-search-anchor .cb-list-row textarea{
 color:#213252;
 font-family:"Segoe UI",Arial,Helvetica,sans-serif;
}
body.akb .cb-search-submit,
body.akb .cb-list-submit{
 background:linear-gradient(135deg,#815eaa 0%,#6d4d92 100%);
 color:white;
}
body.akb .cb-search-submit:hover,
body.akb .cb-list-submit:hover{
 background:linear-gradient(135deg,#755098,#5e3e84);
}
body.akb .cb-search-examples button{color:#78509b}
body.akb .cb-search-examples span{color:#7a8496}
body.akb .cb-suggest-row:hover,
body.akb .cb-suggest-row.is-active{
 background:#f0f2fa;color:#674687!important;
}
body.akb .cb-suggest-kind{background:#eee9f5;color:#705493}
body.akb .cb-suggest-heading{background:#f1f3f9}
body.akb .header-search.cb-search-anchor{
 background:#f2f5fa;
 border-color:#dce4ed;
}
body.akb .header-search.cb-search-anchor:focus-within{
 border-color:#adbcd6;
 box-shadow:0 0 0 3px #a2b2d027;
}
body.akb .header-search input::placeholder{color:#8594a7}

/* Give the category and product sections a unified editorial hierarchy. */
body.akb .catalogue-band{
 background:#fff;
 padding-top:79px;
}
body.akb .products-section{
 background:linear-gradient(180deg,#f7f9fc 0%,#f5f8fc 100%);
}
body.akb .category-rail>a{
 background:linear-gradient(145deg,#fff,#f9fbfe);
 border-color:#e0e8f1;
 color:#253858;
 font-weight:650;
}
body.akb .category-rail>a:hover{
 border-color:#b8c8db;
 box-shadow:0 7px 20px #182d4e10;
}
body.akb .product-info h3{color:var(--akb-ink)}
body.akb .product-info h3 a:hover{color:var(--akb-violet)}
body.akb .product-category{color:var(--akb-violet)}

/* A softer sourcing CTA blends with the icy-blue banner and keeps brand text. */
body.akb .sourcing-section{
 background:
 radial-gradient(ellipse at 95% 5%,#e1d8f1 0%,transparent 47%),
 linear-gradient(110deg,#e9f1f9 0%,#e7eff8 48%,#f0edf8 100%);
 border-top:1px solid #dce4f1;
 border-bottom:1px solid #dfe6f1;
 color:var(--akb-ink);
}
body.akb .sourcing-section .overline{color:#8065a0}
body.akb .sourcing-section h2{
 font-size:clamp(33px,3.15vw,47px);
 color:var(--akb-ink);
 font-weight:570;
 line-height:1.19;
}
body.akb .sourcing-section h2 span{color:var(--akb-violet)}
body.akb .sourcing-section p{color:#586d88}
body.akb .sourcing-btn{
 color:white!important;
 background:linear-gradient(135deg,#7553a0,#69478e);
 box-shadow:0 10px 22px #63478f25;
 font-weight:700;
 transition:transform .18s,box-shadow .18s;
}
body.akb .sourcing-btn:hover{
 transform:translateY(-2px);
 box-shadow:0 15px 25px #63478f2c;
}
body.akb .secondary-btn{color:#293f61!important;font-weight:650}
body.akb .secondary-btn:hover{color:var(--akb-violet)!important}

/* Footer hierarchy and larger logo, preserving clean spacing. */
body.akb .footer-grid nav b{
 font-family:"Segoe UI",Arial,Helvetica,sans-serif;
 font-size:14px;font-weight:675;color:#273855;
}
body.akb .footer-grid nav a:hover{color:var(--akb-violet)}
body.akb .footer-grid p{font-size:13px;color:#6a7991}

/* Responsive brand marks and editorial sizing: avoid header overflow. */
@media(max-width:1370px){
 body.akb .header-inner .brand{width:190px;flex-basis:190px}
 body.akb .header-inner .brand img{width:181px;max-height:66px}
}
@media(max-width:1050px){
 body.akb .header-inner .brand{width:170px;flex-basis:170px}
 body.akb .header-inner .brand img{width:163px;max-height:62px}
 body.akb .footer-grid img{width:190px}
}
@media(max-width:900px){
 body.akb .header-inner .brand{width:161px;flex-basis:161px}
 body.akb .header-inner .brand img{width:156px}
}
@media(max-width:640px){
 body.akb .header-inner .brand{width:132px;flex-basis:132px}
 body.akb .header-inner .brand img{width:131px;max-height:54px}
 body.akb .footer-grid img{width:185px}
 body.akb .section-head h2{font-size:clamp(28px,7.3vw,34px)}
 body.akb .sourcing-section h2{font-size:clamp(31px,8vw,38px)}
 body.akb .cb-search-hub{border-radius:17px}
 body.akb .cb-search-tabs{border-radius:17px 17px 0 0}
}
@media(prefers-reduced-motion:reduce){
 body.akb .sourcing-btn{transition:none}
}

/* Concept B CTA arrow visibility hotfix */
body.akb .product-buy > a,
body.akb .product-card .product-buy > a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  color:#ffffff !important;
  font-size:18px;
  font-weight:700;
  line-height:1;
}

body.akb .product-buy > a svg,
body.akb .product-card .product-buy > a svg{
  width:18px !important;
  height:18px !important;
  stroke:#ffffff !important;
  fill:none !important;
  stroke-width:2.4 !important;
  stroke-linecap:round;
  stroke-linejoin:round;
}

body.akb .product-buy > a:hover,
body.akb .product-card .product-buy > a:hover{
  filter:brightness(1.04);
}


/* ALLKemicals Concept B v5.2 — unified, smaller main headlines.
   Client-approved design-preview typography only. Text, spacing and color stay. */
body.akb .hero-copy h1 {
  font-size:clamp(29px, 2.75vw, 40px) !important;
  line-height:1.22;
}
body.akb .section-head h2 {
  font-size:clamp(25px, 2.35vw, 35px) !important;
  line-height:1.24;
}
body.akb .sourcing-section h2 {
  font-size:clamp(27px, 2.65vw, 38px) !important;
  line-height:1.22;
}
@media(max-width:900px) {
  body.akb .hero-copy h1 {font-size:clamp(28px,4.1vw,36px)!important}
  body.akb .section-head h2 {font-size:clamp(25px,3.55vw,32px)!important}
  body.akb .sourcing-section h2 {font-size:clamp(27px,3.8vw,35px)!important}
}
@media(max-width:640px) {
  body.akb .hero-copy h1 {font-size:clamp(25px,5.9vw,32px)!important}
  body.akb .section-head h2 {font-size:clamp(23px,5.9vw,29px)!important}
  body.akb .sourcing-section h2 {font-size:clamp(25px,6.25vw,31px)!important}
}


/* ALLKemicals Concept B v5.3: deliberate smaller headings across page.
   Design-preview only. Keep navy/violet palette and headline typography. */
body.akb .hero-copy h1 {
  font-size:clamp(27px, 2.2vw, 34px) !important;
  line-height:1.24;
}
body.akb .section-head h2 {
  font-size:clamp(22px, 1.92vw, 29px) !important;
  line-height:1.28;
}
body.akb .sourcing-section h2 {
  font-size:clamp(24px, 2.1vw, 32px) !important;
  line-height:1.25;
}
@media(max-width:900px) {
  body.akb .hero-copy h1 {font-size:clamp(26px,3vw,33px)!important}
  body.akb .section-head h2 {font-size:clamp(22px,2.8vw,28px)!important}
  body.akb .sourcing-section h2 {font-size:clamp(24px,3.2vw,31px)!important}
}
@media(max-width:640px) {
  body.akb .hero-copy h1 {font-size:clamp(23px,5.4vw,28px)!important}
  body.akb .section-head h2 {font-size:clamp(20px,5vw,25px)!important}
  body.akb .sourcing-section h2 {font-size:clamp(22px,5.5vw,28px)!important}
}


/* ALLKemicals Concept B v5.4
   Larger footer labels & links, sourcing actions, header/footer logos only.
   Preserve all reduced main headings and existing search/animation. */
body.akb .header-inner .brand {
  width:230px;
  flex:0 0 230px;
}
body.akb .header-inner .brand img {
  width:218px;
  max-height:76px;
  object-fit:contain;
  object-position:left center;
}
body.akb .footer-grid img {
  width:228px;
  height:auto;
  max-width:100%;
  object-fit:contain;
}
body.akb .footer-grid nav {
  gap:15px;
}
body.akb .footer-grid nav b {
  font-size:17px;
  font-weight:680;
  line-height:1.35;
  margin-bottom:7px;
}
body.akb .footer-grid nav a {
  font-size:15.5px;
  line-height:1.45;
  font-weight:470;
  color:#63748e;
}
body.akb .footer-grid nav a:hover {
  color:var(--akb-violet);
}
body.akb .footer-grid p {
  font-size:14.5px;
  line-height:1.7;
}
body.akb .footer-bottom {
  font-size:12px;
}
body.akb .sourcing-btn {
  font-size:16px;
  font-weight:690;
  min-height:57px;
  padding:17px 27px;
  gap:16px;
}
body.akb .sourcing-btn svg {
  width:20px;
  height:20px;
  stroke-width:2;
}
body.akb .secondary-btn {
  font-size:16px;
  font-weight:660;
  white-space:nowrap;
}
body.akb .sourcing-flex > div:last-child {
  gap:26px;
}

/* Logo scaling at narrower widths keeps search and actions unobstructed. */
@media(max-width:1370px) {
  body.akb .header-inner .brand {width:204px;flex-basis:204px}
  body.akb .header-inner .brand img {width:195px;max-height:70px}
}
@media(max-width:1050px) {
  body.akb .header-inner .brand {width:179px;flex-basis:179px}
  body.akb .header-inner .brand img {width:170px;max-height:63px}
  body.akb .footer-grid img {width:215px}
}
@media(max-width:900px) {
  body.akb .header-inner .brand {width:164px;flex-basis:164px}
  body.akb .header-inner .brand img {width:158px;max-height:59px}
}
@media(max-width:640px) {
  body.akb .header-inner .brand {width:145px;flex-basis:145px}
  body.akb .header-inner .brand img {width:142px;max-height:55px}
  body.akb .footer-grid img {width:209px}
  body.akb .footer-grid nav {gap:12px}
  body.akb .footer-grid nav b {font-size:16px}
  body.akb .footer-grid nav a {font-size:14px;line-height:1.5}
  body.akb .sourcing-btn {font-size:15px;min-height:51px;padding:14px 21px}
  body.akb .secondary-btn {font-size:14.5px}
  body.akb .sourcing-flex > div:last-child {gap:18px}
}


/* Production-only touches. The approved Concept B design is otherwise unchanged. */
body.akb .footer-bottom nav {display:flex;align-items:center;gap:20px;flex-wrap:wrap}
body.akb .footer-bottom nav a {color:#62738e;font-size:12px}
body.akb .footer-bottom nav a:hover {color:#76549a}
body.akb .akb-whatsapp {
 position:fixed;bottom:22px;right:22px;z-index:70;
 border-radius:999px;padding:10px 16px;
 display:flex;align-items:center;gap:9px;
 color:#fff;background:#1c9e64;
 box-shadow:0 7px 23px #112e2e37;
 font-weight:700;font-size:13px
}
body.akb .akb-whatsapp svg {width:19px;height:19px}
body.akb .akb-back-to-top {
 position:fixed;bottom:78px;right:24px;z-index:60;
 width:39px;height:39px;border-radius:50%;
 display:grid;place-items:center;background:#1b3158;color:#fff;
 box-shadow:0 6px 18px #16284935;font-size:21px
}
body.akb .akb-whatsapp:hover {background:#147f4f}
body.akb .akb-back-to-top:hover {background:#304b77}
@media(max-width:640px) {
 body.akb .footer-bottom nav {gap:15px}
 body.akb .akb-whatsapp {right:12px;bottom:13px;padding:11px 13px}
 body.akb .akb-back-to-top {right:14px;bottom:70px}
}


/* ALLKemicals production homepage v5.5 — classic nav from old header.
   Keep branded hero, top autocomplete, enlarged logo, and mobile drawer. */
body.akb .top-header {z-index:80}
body.akb .header-search.cb-search-anchor {position:relative;z-index:17}
body.akb .cb-header-utility {margin-left:0;flex:none}
body.akb .cb-nav-row {
  max-width:1760px;min-height:71px;padding:0 max(24px,2.25vw);
  margin:0 auto;display:flex;justify-content:space-between;
  align-items:center;gap:22px;
  border-top:1px solid #edf0f5;
  position:relative;z-index:14
}
body.akb .cb-primary-nav {
  display:flex;align-items:center;gap:clamp(22px,2.65vw,39px);
  min-width:0;white-space:nowrap
}
body.akb .cb-primary-nav>a,body.akb .cb-company-menu>summary {
  color:#292b38;font-size:17px;font-weight:680;letter-spacing:-.022em;
  display:flex;align-items:center;gap:7px;
  cursor:pointer;white-space:nowrap
}
body.akb .cb-primary-nav a:hover,
body.akb .cb-company-menu>summary:hover {color:#6e478f}
body.akb .cb-company-menu,body.akb .cb-account-dropdown {position:relative}
body.akb .cb-company-menu>summary,body.akb .cb-account-dropdown>summary {list-style:none}
body.akb .cb-company-menu>summary::-webkit-details-marker,
body.akb .cb-account-dropdown>summary::-webkit-details-marker {display:none}
body.akb .cb-company-menu>summary span {font-size:17px;line-height:1;margin-top:-5px}
body.akb .cb-nav-actions {display:flex;align-items:center;gap:10px;margin-left:auto;flex:none}
body.akb .cb-action-icon {
  width:53px;height:54px;min-width:53px;
  padding:0;display:inline-flex;align-items:center;justify-content:center;
  background:#fff;border:1px solid #e1d5e8;border-radius:16px;
  color:#31263e;position:relative;cursor:pointer;
  transition:background .16s,border-color .16s,color .16s;
}
body.akb .cb-action-icon:hover {background:#f7f2fa;border-color:#baa0cc;color:#6a4190}
body.akb .cb-action-icon svg {width:22px;height:22px}
body.akb .cb-header-inquiry {
  display:flex;align-items:center;justify-content:center;gap:12px;
  min-width:135px;min-height:54px;
  padding:0 14px;border:1px solid #dbc5e9;border-radius:16px;
  color:#57386f;font-size:16px;font-weight:750;background:#fff;white-space:nowrap
}
body.akb .cb-header-inquiry:hover {border-color:#ac7cce;background:#faf5fd}
body.akb .cb-inquiry-count {
  display:flex;align-items:center;justify-content:center;
  min-width:24px;height:24px;padding:0 6px;
  border-radius:999px;background:#f0e5fb;color:#6b3f92;
  font-size:11px;font-weight:750
}
body.akb .cb-header-cart {
  background:#712d95;border-color:#712d95;color:white
}
body.akb .cb-header-cart:hover {background:#602481;color:#fff;border-color:#602481}
body.akb .cb-header-cart svg {width:22px;height:22px}
body.akb .cb-cart-count {
  position:absolute;right:-3px;top:-8px;
  display:flex;align-items:center;justify-content:center;
  min-width:24px;height:24px;padding:0 5px;
  color:#6f3195;background:#fff;
  border:2px solid #713093;border-radius:999px;
  font-size:11px;font-weight:800
}
body.akb .cb-nav-row .nav-open {
  background:#fff;color:#2c2734;border:1px solid #e1d5e8;
  border-radius:16px;min-width:53px;width:53px;height:54px;padding:0
}
body.akb .cb-nav-row .nav-open:hover {background:#f7f2fa;color:#683d90}
body.akb .cb-nav-row .nav-open svg {width:22px;height:22px}
body.akb .cb-header-dropdown {
  position:absolute;top:calc(100% + 12px);right:0;z-index:200;
  min-width:280px;background:#fff;
  border:1px solid #e5deea;border-radius:17px;
  box-shadow:0 22px 45px #1e2c4c29;
  padding:8px;white-space:normal
}
body.akb .cb-company-dropdown {right:auto;left:0;min-width:310px}
body.akb .cb-header-dropdown>a {
  display:flex;flex-direction:column;gap:4px;
  padding:12px 14px;border-radius:10px;
}
body.akb .cb-header-dropdown>a:hover {background:#f6f3fa}
body.akb .cb-header-dropdown strong {font-size:14px;color:#263551;font-weight:700}
body.akb .cb-header-dropdown small {font-size:11px;color:#708098;line-height:1.45}
body.akb .cb-nav-logout {
  display:block;width:100%;padding:12px 14px;
  border:0;border-top:1px solid #e9eaf0;background:#fff;
  text-align:left;color:#70418d;font-weight:700;border-radius:8px
}
body.akb .cb-nav-logout:hover {background:#f7f2fa}
body.akb .cb-account-dropdown[open]>summary,
body.akb .cb-company-menu[open]>summary {color:#6d4093}
@media(max-width:1270px) {
  body.akb .cb-primary-nav {display:none}
  body.akb .cb-nav-row {justify-content:flex-end}
}
@media(max-width:900px) {
  body.akb .cb-nav-row {min-height:64px;padding:0 19px}
  body.akb .cb-nav-actions {gap:9px}
  body.akb .cb-action-icon,
  body.akb .cb-nav-row .nav-open {width:47px;min-width:47px;height:48px;border-radius:13px}
  body.akb .cb-header-inquiry {min-height:48px;min-width:120px;font-size:14px;border-radius:13px}
}
@media(max-width:640px) {
  body.akb .top-header {padding-bottom:0}
  body.akb .cb-header-utility {display:none}
  body.akb .header-search {z-index:16}
  body.akb .cb-nav-row {min-height:59px;margin-top:62px;padding:0 13px}
  body.akb .cb-nav-actions {gap:7px}
  body.akb .cb-action-icon,
  body.akb .cb-nav-row .nav-open {width:41px;min-width:41px;height:43px;border-radius:12px}
  body.akb .cb-action-icon svg {width:19px;height:19px}
  body.akb .cb-header-inquiry {min-width:99px;min-height:43px;padding:0 9px;gap:6px;font-size:13px}
  body.akb .cb-inquiry-count {min-width:20px;height:20px;font-size:10px}
  body.akb .cb-cart-count {min-width:20px;height:20px;font-size:10px}
  body.akb .cb-header-dropdown {top:calc(100% + 6px);right:-48px;min-width:min(290px,94vw)}
}
@media(max-width:375px) {
  body.akb .cb-nav-favourites {display:none}
  body.akb .cb-nav-actions {gap:5px}
  body.akb .cb-header-inquiry {min-width:93px}
}


/* Concept B v5.7: independent featured products and recent catalogue sections. */
body.akb .featured-products-section {
  background:linear-gradient(180deg,#f8f6fc 0%,#f5f7fb 100%);
  border-top:1px solid #e9e6f2;
  border-bottom:1px solid #e7eaf2;
  padding-bottom:76px;
}
body.akb .featured-products-section .section-head .overline {
  color:#78579b;
}
body.akb .featured-products-section .product-card {
  box-shadow:0 3px 14px #192c490a;
}
body.akb .featured-products-section .no-products {
  padding:28px 30px;
  background:#ffffffee;
  border:1px dashed #d5c8e1;
  color:#5d6f89;
  line-height:1.6;
}
body.akb .featured-products-section .no-products a {
  color:#79519e;
  font-weight:700;
  text-decoration:underline;
  text-underline-offset:3px;
}
body.akb .recently-listed-section {
  background:#f7f9fc;
}
@media(max-width:640px) {
  body.akb .featured-products-section {padding-bottom:50px}
  body.akb .featured-products-section .no-products {padding:22px 18px}
}


/* ALLKemicals v5.8: SMILES-driven violet structure in product cards only when saved file absent. */
body.akb .product-card .cb-smiles-structure {
 width:100%;height:100%;display:flex;align-items:center;justify-content:center;
 position:relative;overflow:hidden;
}
body.akb .product-card .cb-smiles-structure svg {
 display:block;width:min(100%,282px);height:100%;max-height:152px;
 object-fit:contain;overflow:visible;
}
body.akb .product-card .cb-structure-placeholder {
 display:grid;place-items:center;color:#aa93c5;
}
body.akb .product-card .cb-structure-placeholder svg {
 width:32px;height:32px;
}
body.akb .product-card .cb-smiles-structure.is-ready .cb-structure-placeholder {display:none}
body.akb .product-card .cb-smiles-structure.is-loading .cb-structure-placeholder {opacity:.6}