/* SPB visual system: dark editorial surfaces, restrained glass and purposeful motion. */
:root{--ink:#eaf3f8;--ink2:#f5fbff;--muted:#aabccc;--line:rgba(178,211,230,.16);--ice:#0b1928;--blue:#72d9ed;--white:#fff;--radius:28px;--max:1240px;--surface:#071421;--surface2:#0d2133;--glow:#69cde6}
html{scroll-padding-top:110px}body{background:#06111d;color:var(--ink);overflow-x:hidden;font-family:'DM Sans',Arial,sans-serif;line-height:1.65}body::before{content:"";position:fixed;inset:-20%;pointer-events:none;z-index:-1;background:radial-gradient(circle at 15% 25%,rgba(33,118,157,.08),transparent 30%),radial-gradient(circle at 90% 65%,rgba(52,108,158,.07),transparent 35%)}
::selection{background:#66d5e7;color:#06111d}:focus-visible{outline-color:#80e5f7}p{color:var(--muted)}h1,h2,h3{color:var(--ink2);letter-spacing:-.052em}h1{font-size:clamp(3.15rem,7.8vw,7.3rem);line-height:1.02}h2{font-size:clamp(2.4rem,4.8vw,4.75rem);line-height:1.08}h3{line-height:1.2}.container{width:min(calc(100% - 64px),var(--max))}.eyebrow{color:#79dce9;font-size:.7rem;letter-spacing:.21em}.eyebrow.light{color:#86e6ef}
.site-header{position:sticky;top:14px;width:min(calc(100% - 36px),1320px);margin:14px auto -88px;z-index:100;border:1px solid rgba(194,230,243,.18);border-radius:22px;background:rgba(9,25,40,.69);box-shadow:0 18px 64px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.09);backdrop-filter:blur(26px) saturate(130%);-webkit-backdrop-filter:blur(26px) saturate(130%);transition:background .3s,box-shadow .3s,transform .3s}
.site-header.scrolled{background:rgba(6,19,31,.88);box-shadow:0 20px 64px rgba(0,0,0,.4),inset 0 1px rgba(255,255,255,.08)}.header-inner{height:74px;padding-inline:23px}.brand{gap:.75rem;color:#fff;font-size:.88rem;letter-spacing:.065em}.brand img{width:48px;height:48px;object-fit:contain}.brand small{font-size:.5rem;color:#a4c4d0;letter-spacing:.17em}.main-nav{gap:clamp(.25rem,.55vw,.9rem)}.main-nav a{font-size:.78rem;color:#bdcbd5;font-weight:700;padding:.55rem .55rem;border-radius:10px;transition:color .25s,background .25s}.main-nav a:hover,.main-nav a.active{color:#fff;background:rgba(255,255,255,.08)}.main-nav .nav-contact{background:linear-gradient(135deg,#a3f0ee,#6fcfe9);color:#092134;padding:.8rem 1.1rem;box-shadow:0 8px 30px rgba(61,200,225,.2)}.main-nav .nav-contact:hover{background:#d0fbf7;color:#071c2b}.skip-link{position:fixed;z-index:200}
.hero{height:auto;min-height:min(880px,100svh);background:#071826}.hero-video{filter:saturate(.82) contrast(1.05)}.hero-shade{background:linear-gradient(90deg,rgba(3,12,23,.94) 0%,rgba(3,12,23,.78) 48%,rgba(3,12,23,.34) 100%),linear-gradient(0deg,rgba(3,12,23,.75),transparent 45%)}.hero::after{content:"";position:absolute;inset:0;pointer-events:none;opacity:.12;background-image:linear-gradient(rgba(160,220,240,.22) 1px,transparent 1px),linear-gradient(90deg,rgba(160,220,240,.22) 1px,transparent 1px);background-size:84px 84px;mask-image:linear-gradient(to right,#000,transparent 85%)}.hero-content{min-height:min(880px,100svh);padding-block:150px 120px}.hero-content>*{animation:heroRise .85s both}.hero-content>h1{animation-delay:.12s}.hero-content>p:not(.eyebrow){animation-delay:.22s}.hero-content>.actions{animation-delay:.32s}.hero h1{max-width:880px;margin:1.15rem 0 1.4rem;font-weight:600}.hero h1 em{color:#96e8ef;text-shadow:0 0 42px rgba(80,204,229,.19)}.hero-content>p:not(.eyebrow){font-size:clamp(1.06rem,1.6vw,1.22rem);max-width:620px;color:#d0e0e7}.hero-note{color:#9dbbc8;bottom:32px}.actions{gap:.8rem;margin-top:1.5rem}
.button{min-height:52px;border-radius:14px;font-size:.88rem;font-weight:800;gap:1.8rem;box-shadow:none;transition:transform .28s cubic-bezier(.2,.8,.2,1),background .25s,border-color .25s,box-shadow .25s}.button:hover{transform:translateY(-3px);box-shadow:0 14px 32px rgba(0,0,0,.28)}.button-light{background:linear-gradient(135deg,#d5fbfa,#89dce9);color:#072032}.button-dark{background:linear-gradient(135deg,#9ce9eb,#5fbedc);color:#071d2d}.button-outline{border-color:rgba(217,240,251,.38);background:rgba(255,255,255,.08);color:#fff;backdrop-filter:blur(14px)}.button-quiet{background:rgba(131,191,218,.12);border-color:var(--line);color:#eaf7fb}
.intro-strip{background:#0a1d2e;border-color:var(--line)}.intro-strip .container{padding-block:1.45rem}.intro-strip span{color:#a6c4d2;font-size:.66rem;letter-spacing:.16em}
.section{padding:clamp(5.5rem,9vw,9rem) 0;position:relative}.section p{color:var(--muted)}.section-head{align-items:end;margin-bottom:3.4rem}.section-head>p{max-width:380px;margin-bottom:.35rem}.section-head h2{max-width:720px}.section-ink{background:radial-gradient(circle at 80% 0,rgba(33,105,150,.28),transparent 45%),linear-gradient(145deg,#0b2337,#061422 65%)}.section-ink p{color:#aec4d0}.section-ink .card{background:linear-gradient(145deg,rgba(126,190,217,.11),rgba(50,103,135,.045));border-color:rgba(171,225,240,.18)}
.reception-section{background:radial-gradient(circle at 8% 90%,rgba(39,124,166,.13),transparent 42%),#071421}.split{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:clamp(3rem,7vw,7rem)}.photo-wrap{background:#0b1d2d;border:1px solid var(--line);border-radius:30px;box-shadow:0 34px 80px rgba(0,0,0,.32);padding:12px}.photo-wrap img{width:100%;height:auto;aspect-ratio:auto;max-height:650px;object-fit:contain;object-position:center;border-radius:20px}.photo-tag{bottom:26px;left:26px;background:rgba(5,19,29,.78);color:#d6f4f6;border:1px solid rgba(255,255,255,.22);border-radius:11px;backdrop-filter:blur(16px)}.split-copy{max-width:550px}.split-copy p{font-size:1.03rem;line-height:1.8}.split-copy h2{margin-bottom:1.7rem}.text-link{color:#a2e8ef;border-bottom-color:#48869e}.text-link:hover{color:#fff}
.card-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.card{background:linear-gradient(155deg,rgba(151,203,224,.11),rgba(50,98,127,.04));border:1px solid var(--line);border-radius:22px;min-height:245px;padding:1.9rem;transition:transform .35s cubic-bezier(.2,.8,.2,1),border-color .35s,box-shadow .35s}.card:hover{transform:translateY(-6px);border-color:rgba(111,216,234,.48);box-shadow:0 26px 45px rgba(0,0,0,.17)}.card-num{color:#70d4e5;margin-bottom:2.6rem}.card p,.section-ink .card p{color:#a9bdc9}.card h3{font-size:1.24rem}
.feature-section{background:radial-gradient(circle at 90% 20%,rgba(34,116,158,.2),transparent 36%),#091a2a}.feature-grid{grid-template-columns:minmax(0,.83fr) minmax(0,1.17fr);gap:clamp(3rem,6vw,7rem)}.feature-grid>div:first-child{max-width:500px}.feature-grid p:not(.eyebrow){font-size:1.07rem;line-height:1.85}.feature-image{position:relative;border-radius:28px;padding:8px;background:linear-gradient(150deg,rgba(176,226,241,.2),rgba(176,226,241,.04));border:1px solid rgba(170,221,239,.2);box-shadow:0 30px 80px rgba(0,0,0,.3)}.feature-image img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:20px;filter:saturate(.83);transition:transform .8s cubic-bezier(.2,.8,.2,1),filter .8s}.feature-image:hover img{transform:scale(1.035);filter:saturate(1)}
.products-section{background:#071421}.product-feature{grid-template-columns:minmax(0,1fr) minmax(0,1fr);border:1px solid var(--line);border-radius:28px;background:linear-gradient(130deg,#0e2a3d,#0a1a29);box-shadow:0 30px 70px rgba(0,0,0,.17)}.product-visual{background:radial-gradient(circle at 46% 50%,rgba(87,176,214,.27),transparent 55%),#0b2539;min-height:440px}.product-visual img{width:min(70%,440px);height:auto;max-height:340px;object-fit:contain;mix-blend-mode:screen;filter:brightness(1.1)}.product-copy{padding:clamp(2.4rem,5vw,5rem)}.product-copy h3{font-size:clamp(2rem,3vw,3rem)}
.parent-section{background:radial-gradient(circle at 85% 45%,rgba(37,130,163,.16),transparent 38%),#091d2e}.parent-inner{min-height:300px}.parent-inner>div{max-width:790px}.parent-inner h2{max-width:700px}.parent-inner img{width:min(195px,23%);height:auto;max-height:210px;object-fit:contain;filter:drop-shadow(0 24px 35px rgba(0,0,0,.25))}.parent-name{display:inline-block;margin-top:1.7rem;padding:.6rem .85rem;border:1px solid var(--line);border-radius:8px;font:800 .7rem Manrope;letter-spacing:.18em;color:#b6d3e2}
.faq-list{border-top-color:var(--line)}.faq-list details{border-bottom-color:var(--line);padding:1.15rem 0}.faq-list summary{color:#eaf4f8;padding:.8rem 0;font-size:clamp(1rem,1.5vw,1.2rem)}.faq-list summary span{color:#72dce9;transition:transform .3s}.faq-list details[open] p{animation:faqOpen .35s both}.faq-list p{color:#a9bdc9}
.contact-band{background:linear-gradient(120deg,#0f465a,#0b3047 60%,#102b41);color:#fff;position:relative;overflow:hidden;padding:6rem 0}.contact-band::after{content:"";position:absolute;width:430px;height:430px;border:1px solid rgba(166,231,242,.17);border-radius:50%;right:-60px;top:-160px;box-shadow:0 0 0 60px rgba(165,225,237,.035),0 0 0 120px rgba(165,225,237,.025);pointer-events:none}.contact-band-inner{position:relative;z-index:1}.contact-band h2{max-width:740px}.contact-band p{color:#c3e0e8}
.site-footer{background:#040e19;color:#d3e3e9;border-top:1px solid var(--line);padding-top:5.5rem}.footer-brand{color:#f3fbff}.footer-top p{color:#9db2be}.footer-top h2{color:#81d7e5}.footer-top a:not(.footer-brand){color:#b1c3cf}.footer-top a:hover{color:#9de8ee}.footer-bottom{border-top-color:var(--line);color:#8ba5b4}
.breadcrumbs{width:min(calc(100% - 64px),var(--max));padding-top:112px;margin:0 auto;color:#82a4b3;align-items:center}.breadcrumbs span:last-child{color:#c0d3dd}.page-intro{padding:clamp(4.5rem,7vw,7rem) 0 clamp(5rem,8vw,8rem);background:radial-gradient(circle at 84% 20%,rgba(42,136,175,.25),transparent 35%),radial-gradient(circle at 10% 95%,rgba(35,89,139,.15),transparent 40%),#071421;border-bottom:1px solid var(--line)}.page-intro h1{max-width:1000px;font-size:clamp(3rem,6.3vw,6.5rem);margin-bottom:1.5rem}.lead{color:#bacbd5;max-width:790px;line-height:1.65}.soft{background:#0b1c2b}.narrow{max-width:800px}.split-text{color:#b5c7d1}.wide-photo{border:1px solid var(--line);padding:12px;background:#0c2131;box-shadow:0 30px 70px rgba(0,0,0,.24)}.wide-photo img{width:100%;height:auto;max-height:none;object-fit:contain;border-radius:18px}.parent-logo-inline{width:180px;height:auto;max-height:200px}.tour-section{background:#081827}.tour-frame{border:1px solid rgba(155,215,234,.26);padding:10px;border-radius:27px;background:#0b2234;box-shadow:0 30px 80px rgba(0,0,0,.4)}.tour-frame video{border-radius:18px}.media-note{color:#91aab7!important}.notice-section{background:#102e42}.verify-panel,.enquiry-form{background:linear-gradient(145deg,rgba(129,187,215,.1),rgba(54,107,140,.04));border:1px solid var(--line);border-radius:26px;box-shadow:0 22px 64px rgba(0,0,0,.18)}.contact-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(3rem,6vw,7rem)}.address{color:#b5c8d3;border-color:var(--line)}.enquiry-form label{color:#dcebf1}.form-row{gap:1.1rem}input,textarea,select{background:#0a1c2b;border:1px solid rgba(165,207,226,.26);color:#f0f8fb;border-radius:12px}input:focus,textarea:focus,select:focus{border-color:#78dce9;outline:2px solid rgba(120,220,233,.22)}input::placeholder,textarea::placeholder{color:#849bab}select option{background:#0c2030}#message-preview{border-color:var(--line)}#message-preview pre{background:#071421;color:#d4e9f0}.legal h3{color:#f0f8fb}.legal p{color:#afc3ce}.reference-illustration{gap:clamp(2rem,6vw,6rem)}.reference-illustration img{background:#142f42;border:1px solid var(--line);padding:16px;object-fit:contain;mix-blend-mode:screen}.reference-illustration p{color:#d7e6ed;max-width:530px}
.reveal{transition:transform .8s cubic-bezier(.18,.7,.18,1),opacity .8s ease;will-change:transform,opacity}.js-ready .reveal:not(.in-view){opacity:0;transform:translateY(30px)}.js-ready .card.reveal:not(.in-view){transform:translateY(24px)}.card-grid .card:nth-child(2){transition-delay:.06s}.card-grid .card:nth-child(3){transition-delay:.12s}.card-grid .card:nth-child(4){transition-delay:.18s}
@keyframes heroRise{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes faqOpen{from{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1050px){.main-nav{gap:0}.main-nav a{font-size:.72rem;padding:.5rem .38rem}.brand{font-size:.78rem}.card-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:800px){.container,.breadcrumbs{width:min(calc(100% - 36px),var(--max))}.site-header{width:calc(100% - 24px);top:10px;margin:10px auto -82px;border-radius:18px}.header-inner{height:70px;padding-inline:13px}.brand img{width:43px;height:43px}.brand{font-size:.78rem}.brand small{font-size:.44rem}.menu-toggle{display:flex;background:rgba(163,216,232,.1);border-color:var(--line);color:#eef9fb;border-radius:12px}.main-nav{position:absolute;top:calc(100% + 9px);left:0;right:0;border-radius:18px;background:rgba(7,23,37,.96);border:1px solid var(--line);box-shadow:0 30px 65px rgba(0,0,0,.4);padding:1rem;max-height:calc(100svh - 105px)}.main-nav a{color:#d9e9ef;font-size:1rem;padding:.85rem;border-bottom-color:var(--line)}.main-nav .nav-contact{color:#071d2d}.hero,.hero-content{min-height:720px;height:auto}.hero-content{padding-block:150px 100px}.hero h1{font-size:clamp(3.4rem,11vw,6rem)}.split,.feature-grid,.product-feature,.contact-layout{grid-template-columns:1fr}.split{gap:3.3rem}.split-copy,.feature-grid>div:first-child{max-width:680px}.photo-wrap{max-width:720px}.feature-grid{gap:2.8rem}.feature-image{order:-1}.product-visual{min-height:330px}.parent-inner{align-items:flex-start}.parent-inner img{width:140px}.breadcrumbs{padding-top:108px}.section-head{gap:1.3rem}.footer-top{gap:2rem}}
@media(max-width:520px){.site-header{margin-bottom:-82px}.brand span{font-size:.7rem}.brand small{font-size:.4rem}.hero,.hero-content{min-height:720px}.hero-content{padding-block:143px 100px}.hero h1{font-size:clamp(3.3rem,13vw,4.7rem)}.hero-note{bottom:20px}.section{padding:5.2rem 0}.section h2{font-size:clamp(2.35rem,10vw,3.8rem)}.intro-strip .container{grid-template-columns:1fr 1fr}.intro-strip span{font-size:.56rem}.card-grid{grid-template-columns:1fr}.card{min-height:0;padding:1.55rem}.card-num{margin-bottom:1.4rem}.photo-wrap{padding:7px}.photo-wrap img{border-radius:20px}.photo-tag{left:18px;bottom:18px}.product-visual{min-height:260px}.product-copy{padding:2rem}.parent-inner img{width:110px}.parent-inner{gap:2rem}.contact-band{padding:5rem 0}.page-intro{padding:3.8rem 0 5rem}.page-intro h1{font-size:clamp(2.9rem,11vw,4.4rem)}.form-row,.footer-top{grid-template-columns:1fr}.footer-top>div:first-child{grid-column:auto}.reference-illustration img{width:100%}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.hero-content>*{animation:none!important}.js-ready .reveal:not(.in-view){opacity:1;transform:none}.reveal,.card,.feature-image img{transition:none!important}}
/* The SPB mark is transparent with dark artwork; lift it for the dark glass header. */
.brand img{filter:invert(1) brightness(1.45)}
.split-copy h2{font-size:clamp(2.65rem,4.05vw,4.2rem);max-width:510px}
/* A slow illuminated field gives the solid sections depth without obscuring text. */
.section-ink,.feature-section,.products-section,.assurance-section,.values-section,.parent-section,.page-intro,.soft,.contact-band{isolation:isolate;overflow:hidden}
.section-ink::before,.feature-section::before,.products-section::before,.assurance-section::before,.values-section::before,.parent-section::before,.page-intro::before,.soft::before,.contact-band::before{content:"";position:absolute;z-index:-1;pointer-events:none;inset:-35%;background:radial-gradient(ellipse at 20% 30%,rgba(46,185,214,.15),transparent 31%),radial-gradient(ellipse at 79% 70%,rgba(52,91,202,.14),transparent 33%);animation:ambientDrift 19s ease-in-out infinite alternate;transform:translate3d(0,0,0)}
.feature-section::before,.values-section::before,.page-intro::before{animation-delay:-9s;animation-duration:24s}
.products-section::before,.parent-section::before,.soft::before{animation-delay:-5s;animation-duration:21s}
.assurance-section{background:#071827}.values-section{background:#0a1d2d}.assurance-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.assurance-grid article{border:1px solid rgba(155,221,241,.2);border-radius:24px;padding:2rem;background:rgba(151,203,224,.065);backdrop-filter:blur(12px)}.assurance-grid span{color:#83dce9;font-size:.69rem;font-weight:800;letter-spacing:.15em}.assurance-grid p{margin:1.5rem 0 0;line-height:1.75}.stats-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem;margin-top:3rem}.stats-grid div{padding:1.5rem;border-top:1px solid rgba(149,222,240,.32)}.stats-grid strong{display:block;color:#a2e9ef;font-size:clamp(1.5rem,2.9vw,2.8rem);font-family:Manrope,sans-serif;letter-spacing:-.06em;white-space:nowrap}.stats-grid span{font-size:.8rem;color:#b1c9d5}
@keyframes ambientDrift{0%{transform:translate3d(-4%,3%,0) rotate(-7deg) scale(1)}50%{transform:translate3d(4%,-3%,0) rotate(5deg) scale(1.09)}100%{transform:translate3d(-1%,5%,0) rotate(-3deg) scale(1.04)}}
@media(max-width:850px){.assurance-grid{grid-template-columns:1fr}.stats-grid{grid-template-columns:repeat(3,1fr)}}
@media(max-width:540px){.stats-grid{grid-template-columns:repeat(2,1fr)}.stats-grid div{padding:1rem .3rem}.assurance-grid article{padding:1.5rem}}
@media(prefers-reduced-motion:reduce){.section-ink::before,.feature-section::before,.products-section::before,.assurance-section::before,.values-section::before,.parent-section::before,.page-intro::before,.soft::before,.contact-band::before{animation:none}}
/* Keep media visible independently of scroll reveal timing. */
.js-ready .photo-wrap.reveal:not(.in-view){opacity:1;transform:none}
.product-visual img,.reference-illustration img{mix-blend-mode:normal}
/* GPB-inspired homepage hierarchy: glass hero, live showcase, signal rail and layered media. */
.home-hero{min-height:800px;height:auto}.home-hero::before{content:"";position:absolute;z-index:1;width:52vw;height:52vw;max-width:900px;max-height:900px;right:-13vw;top:-20vw;border-radius:50%;background:radial-gradient(circle,rgba(81,213,235,.16),rgba(55,115,185,.08) 42%,transparent 70%);filter:blur(18px);animation:heroOrb 15s ease-in-out infinite alternate;pointer-events:none}.home-hero::after{opacity:.19;animation:gridFloat 18s linear infinite}.home-hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:minmax(0,1.18fr) minmax(325px,.82fr);align-items:center;gap:clamp(1.5rem,4vw,5rem);min-height:800px;padding-block:145px 95px}.home-hero .hero-content{width:100%;height:auto;min-height:0;display:block;padding:clamp(2rem,3vw,3.5rem);border:1px solid rgba(193,238,250,.23);border-radius:28px;background:linear-gradient(135deg,rgba(7,24,38,.7),rgba(9,30,49,.4));box-shadow:0 35px 95px rgba(0,0,0,.29),inset 0 1px rgba(255,255,255,.1);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.home-hero h1{font-size:clamp(3rem,5.5vw,5.7rem);line-height:1.04;max-width:750px}.home-hero .hero-content>p:not(.eyebrow){font-size:clamp(1rem,1.3vw,1.18rem);line-height:1.7}.hero-chips{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:2rem}.hero-chips span{padding:.35rem .7rem;border-radius:999px;border:1px solid rgba(178,230,242,.3);background:rgba(151,220,236,.1);font:700 .64rem Manrope,sans-serif;letter-spacing:.06em;color:#c2eaf0}.hero-showcase{position:relative;border:1px solid rgba(197,232,245,.29);border-radius:27px;background:linear-gradient(145deg,rgba(24,50,69,.7),rgba(6,21,36,.67));padding:12px;box-shadow:0 40px 95px rgba(0,0,0,.39),inset 0 1px rgba(255,255,255,.15);backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px);animation:showcaseEnter .9s .25s both}.showcase-top{display:flex;justify-content:space-between;gap:1rem;padding:.65rem .65rem 1rem;color:#c4e8ef;font:800 .65rem Manrope,sans-serif;letter-spacing:.16em}.showcase-top b{color:#85e0ec}.showcase-media{height:clamp(280px,34vw,440px);position:relative;overflow:hidden;border-radius:18px;background:#0e2c3f}.showcase-slide{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transform:scale(1.07);transition:opacity .9s ease,transform 5.8s ease}.showcase-slide.is-active{opacity:1;transform:scale(1)}.showcase-copy{padding:1.4rem .75rem .6rem;min-height:118px}.showcase-copy strong{display:block;font:700 1.2rem Manrope,sans-serif;color:#f1fcff}.showcase-copy p{font-size:.82rem;margin:.4rem 0 0;color:#b5d0da;line-height:1.5}.showcase-dots{display:flex;gap:.5rem;padding:.45rem .7rem .8rem}.showcase-dots button{width:21px;height:5px;border:0;border-radius:5px;background:rgba(196,228,237,.34);transition:width .3s,background .3s}.showcase-dots button.is-active{width:48px;background:#9de9f0}.hero-scroll{position:absolute;z-index:2;bottom:27px;left:max(32px,calc((100vw - var(--max))/2));display:flex;gap:1rem;color:#a2c7d3;font:800 .62rem Manrope,sans-serif;letter-spacing:.16em}.hero-scroll span{color:#85dce8;animation:scrollNudge 1.8s ease-in-out infinite}
.signal-strip{position:relative;z-index:2;background:linear-gradient(90deg,#0d2d40,#0a2133);border-block:1px solid rgba(147,222,239,.23)}.signal-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0}.signal-grid>div{padding:1.7rem 1.1rem;border-left:1px solid rgba(168,220,234,.17)}.signal-grid>div:last-child{border-right:1px solid rgba(168,220,234,.17)}.signal-grid b{display:block;color:#e9f8fb;font:.86rem Manrope,sans-serif;line-height:1.35}.signal-grid span{display:block;margin-top:.4rem;color:#a4c7d2;font-size:.75rem;line-height:1.45}.supply-section{background:radial-gradient(circle at 15% 75%,rgba(37,137,173,.13),transparent 35%),#071421}.supply-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.supply-tile{position:relative;overflow:hidden;display:flex;flex-direction:column;min-height:285px;padding:2rem;border:1px solid rgba(169,222,237,.23);border-radius:24px;background:linear-gradient(145deg,rgba(124,201,228,.13),rgba(20,68,98,.05));box-shadow:0 18px 45px rgba(0,0,0,.13);transition:transform .35s,border-color .35s,box-shadow .35s}.supply-tile::before{content:"";position:absolute;inset:0;background:radial-gradient(350px circle at var(--mx,50%) var(--my,50%),rgba(120,228,245,.18),transparent 65%);opacity:0;transition:opacity .35s;pointer-events:none}.supply-tile:hover{transform:translateY(-8px);border-color:rgba(140,234,245,.6);box-shadow:0 30px 60px rgba(0,0,0,.27)}.supply-tile:hover::before{opacity:1}.supply-tile>*{position:relative}.supply-tile span{color:#86dce9;font:800 .65rem Manrope,sans-serif;letter-spacing:.16em}.supply-tile h3{font-size:clamp(1.6rem,2.1vw,2.2rem);margin:2rem 0 .7rem}.supply-tile p{font-size:.92rem;line-height:1.55}.supply-tile b{margin-top:auto;color:#9fe8ef;font-size:.78rem}
.feature-stack{overflow:visible;isolation:isolate}.feature-stack>img{aspect-ratio:16/10}.feature-inset{position:absolute;z-index:2;width:38%;right:-4%;bottom:-12%;padding:7px;border:1px solid rgba(183,235,245,.42);border-radius:19px;background:rgba(16,46,66,.92);box-shadow:0 23px 50px rgba(0,0,0,.35);animation:insetFloat 7s ease-in-out infinite}.feature-inset img{width:100%;height:auto;aspect-ratio:1.22;object-fit:cover;border-radius:12px}.feature-caption{position:absolute;top:24px;left:25px;z-index:3;padding:.45rem .65rem;border:1px solid rgba(255,255,255,.25);border-radius:8px;background:rgba(5,22,34,.68);backdrop-filter:blur(12px);color:#d6f2f6;font:800 .6rem Manrope,sans-serif;letter-spacing:.13em}.feature-section{padding-bottom:clamp(8rem,12vw,11rem)}
.parent-inner{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,350px);gap:4rem;align-items:center}.parent-inner img{width:100%;max-width:340px;max-height:none;filter:drop-shadow(0 22px 35px rgba(0,0,0,.26))}.parent-section h2{font-size:clamp(2.5rem,4.6vw,4.5rem)}.parent-logo-inline{width:min(340px,100%);max-height:none}
@keyframes heroOrb{to{transform:translate(-10%,15%) scale(1.2)}}@keyframes gridFloat{to{background-position:84px 84px}}@keyframes scrollNudge{50%{transform:translateY(6px)}}@keyframes insetFloat{50%{transform:translateY(-10px)}}@keyframes showcaseEnter{from{opacity:0;transform:translateY(26px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.home-hero-grid{grid-template-columns:1fr 340px;gap:1.2rem}.home-hero h1{font-size:clamp(2.8rem,5vw,4.8rem)}.signal-grid{grid-template-columns:repeat(2,1fr)}.supply-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:800px){.home-hero-grid{grid-template-columns:1fr;min-height:0;padding:130px 0 95px}.home-hero h1{font-size:clamp(3rem,9vw,5.4rem)}.hero-showcase{max-width:650px;width:100%;margin-inline:auto}.showcase-media{height:390px}.supply-grid{grid-template-columns:1fr}.supply-tile{min-height:230px}.parent-inner{grid-template-columns:1fr}.parent-inner img{width:300px}.feature-inset{right:0}}
@media(max-width:540px){.home-hero-grid{padding:118px 0 78px}.home-hero .hero-content{padding:1.55rem}.home-hero h1{font-size:clamp(2.75rem,11vw,4.3rem)}.home-hero .actions{gap:.7rem}.showcase-media{height:260px}.showcase-copy{min-height:120px}.signal-grid{grid-template-columns:1fr 1fr}.signal-grid>div{padding:1rem .7rem}.signal-grid b{font-size:.72rem}.signal-grid span{font-size:.64rem}.supply-tile{padding:1.55rem}.feature-inset{width:42%;bottom:-9%}.parent-inner img{width:min(300px,85%)}.hero-scroll{bottom:18px;left:20px}}
@media(prefers-reduced-motion:reduce){.home-hero::before,.home-hero::after,.hero-scroll span,.feature-inset,.hero-showcase{animation:none}.showcase-slide{transition:none;transform:none}}

/* 2026-10-08 GLPWinner-inspired SPB refinement */
:root{
  --spb-bg:#09090d;
  --spb-surface:#101017;
  --spb-surface-2:#15151e;
  --spb-text:#f7f7fb;
  --spb-muted:#b6b5c3;
  --spb-mint:#76f0c5;
  --spb-violet:#b99cff;
  --spb-rose:#ff9eb7;
  --spb-amber:#ffd08a;
  --spb-glass:rgba(21,21,30,.58);
  --spb-glass-line:rgba(255,255,255,.14);
}
body{
  background:
    radial-gradient(circle at 18% 12%,rgba(118,240,197,.075),transparent 26rem),
    radial-gradient(circle at 82% 20%,rgba(185,156,255,.075),transparent 31rem),
    radial-gradient(circle at 65% 78%,rgba(255,158,183,.05),transparent 28rem),
    var(--spb-bg);
  color:var(--spb-text);
}
body::before{
  background:
    radial-gradient(circle at 12% 28%,rgba(118,240,197,.07),transparent 28%),
    radial-gradient(circle at 86% 61%,rgba(185,156,255,.08),transparent 32%);
  animation:spbAurora 18s ease-in-out infinite alternate;
}
h1,h2,h3{color:var(--spb-text)}
p,.section p{color:var(--spb-muted)}
.eyebrow{color:var(--spb-mint)}
.eyebrow.light{color:#d8fff1}
::selection{background:var(--spb-violet);color:#08080c}
.site-header{
  border-color:rgba(255,255,255,.15);
  background:linear-gradient(145deg,rgba(18,18,27,.76),rgba(9,9,14,.63));
  box-shadow:0 24px 80px rgba(0,0,0,.35),inset 0 1px rgba(255,255,255,.1);
  backdrop-filter:blur(28px) saturate(145%);
  -webkit-backdrop-filter:blur(28px) saturate(145%);
}
.site-header.scrolled{background:rgba(10,10,15,.91)}
.main-nav a{color:#c9c8d2}
.main-nav a:hover,.main-nav a.active{background:rgba(255,255,255,.08);color:#fff}
.main-nav .nav-contact{
  color:#09090d;
  background:linear-gradient(100deg,var(--spb-mint),var(--spb-violet),var(--spb-rose));
  background-size:180% 180%;
  animation:gradientShift 8s ease infinite;
  box-shadow:0 10px 35px rgba(185,156,255,.16);
}
.main-nav .nav-contact:hover{color:#08080c;background-position:100% 50%}
.contact-verify-ribbon{
  position:relative;
  z-index:120;
  min-height:34px;
  overflow:hidden;
  border-bottom:1px solid rgba(255,255,255,.11);
  background:#0c1824;
  color:#f8f7fb;
  font:700 .64rem/1.2 Manrope,sans-serif;
  letter-spacing:.08em;
}
.contact-verify-ribbon a{display:block}
.verify-ribbon-track{
  min-height:34px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:1.15rem;
  padding:.5rem 1rem;
  white-space:nowrap;
}
.verify-ribbon-track>span:first-child{color:var(--spb-mint);font-size:.59rem;letter-spacing:.14em}
.verify-ribbon-track b{font-weight:700}
.verify-ribbon-track strong{color:#fff}
.contact-verify-ribbon::after{
  content:"";
  position:absolute;
  inset:0;
  z-index:0;
  pointer-events:none;
  background:linear-gradient(105deg,transparent 32%,rgba(143,226,213,.22) 46%,rgba(255,255,255,.42) 50%,rgba(143,226,213,.18) 54%,transparent 68%);
  transform:translateX(-130%);
  animation:ribbonShine 5.6s ease-in-out infinite;
}
.verify-ribbon-track{position:relative;z-index:1}
@keyframes ribbonShine{0%,42%{transform:translateX(-130%)}78%,100%{transform:translateX(130%)}}
.hero,.home-hero{background:#09090e}
.hero-shade{
  background:
    linear-gradient(90deg,rgba(7,7,11,.92) 0%,rgba(8,8,13,.75) 46%,rgba(8,8,13,.28) 100%),
    linear-gradient(0deg,rgba(7,7,11,.8),transparent 50%);
}
.home-hero::before{
  background:
    radial-gradient(circle,rgba(118,240,197,.13),rgba(185,156,255,.09) 38%,rgba(255,158,183,.05) 55%,transparent 72%);
  filter:blur(24px);
}
.home-hero h1 em{
  color:transparent;
  background:linear-gradient(90deg,var(--spb-mint),#93d9ff,var(--spb-violet),var(--spb-rose),var(--spb-amber));
  background-size:220% 100%;
  -webkit-background-clip:text;
  background-clip:text;
  animation:headlineGradient 9s ease-in-out infinite alternate;
  text-shadow:none;
}
.home-hero .hero-content{
  border-color:rgba(255,255,255,.15);
  background:linear-gradient(145deg,rgba(19,19,29,.70),rgba(12,12,18,.43));
  box-shadow:0 35px 95px rgba(0,0,0,.34),inset 0 1px rgba(255,255,255,.1);
  backdrop-filter:blur(26px) saturate(135%);
}
.home-hero-grid{
  grid-template-columns:minmax(0,1.45fr) minmax(250px,.55fr);
  gap:clamp(1rem,3vw,3.4rem);
}
.hero-showcase{
  width:80%;
  max-width:355px;
  justify-self:end;
  border-color:rgba(255,255,255,.17);
  background:linear-gradient(145deg,rgba(25,25,36,.72),rgba(10,10,16,.63));
  box-shadow:0 34px 95px rgba(0,0,0,.44),inset 0 1px rgba(255,255,255,.13);
}
.showcase-top{color:#eeeefa}
.showcase-copy strong{color:#fff}
.showcase-copy p{color:#bbb8c8}
.showcase-dots button{background:rgba(255,255,255,.26)}
.showcase-dots button.is-active{background:linear-gradient(90deg,var(--spb-mint),var(--spb-violet))}
.hero-chips span{
  border-color:rgba(255,255,255,.16);
  background:rgba(255,255,255,.055);
  color:#dedce7;
}
.button-light,.button-dark{
  color:#0a0a0e;
  background:linear-gradient(105deg,#f7fff9,var(--spb-mint) 42%,var(--spb-violet));
}
.button-outline{border-color:rgba(255,255,255,.25);background:rgba(255,255,255,.055)}
.section-ink,.feature-section,.products-section,.assurance-section,.values-section,.parent-section,.page-intro,.soft{
  background-color:var(--spb-bg);
}
.section-ink{background:linear-gradient(150deg,#111118,#0a0a0f 65%)}
.feature-section{background:#0d0d13}
.products-section{background:#09090d}
.assurance-section{background:#101016}
.values-section{background:#0b0b10}
.parent-section{background:#101017}
.page-intro{background:#0b0b11}
.soft{background:#0e0e15}
.section-ink::before,.feature-section::before,.products-section::before,.assurance-section::before,.values-section::before,.parent-section::before,.page-intro::before,.soft::before,.contact-band::before{
  background:
    radial-gradient(ellipse at 22% 28%,rgba(118,240,197,.11),transparent 31%),
    radial-gradient(ellipse at 76% 67%,rgba(185,156,255,.12),transparent 34%),
    radial-gradient(ellipse at 58% 14%,rgba(255,158,183,.055),transparent 26%);
}
.card,.assurance-grid article,.verify-panel,.enquiry-form,.glass-panel,.supply-tile,.price-list-shell,.contact-channel{
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  border:1px solid var(--spb-glass-line);
  box-shadow:0 24px 70px rgba(0,0,0,.22),inset 0 1px rgba(255,255,255,.055);
  backdrop-filter:blur(18px) saturate(125%);
  -webkit-backdrop-filter:blur(18px) saturate(125%);
}
.card:hover,.supply-tile:hover,.contact-channel:hover{
  border-color:rgba(185,156,255,.42);
  box-shadow:0 28px 72px rgba(0,0,0,.29),0 0 0 1px rgba(118,240,197,.07);
}
.card-num,.assurance-grid span{color:var(--spb-mint)}
.product-feature{
  background:linear-gradient(135deg,rgba(118,240,197,.075),rgba(185,156,255,.075),rgba(255,158,183,.04)),#0d0d14;
  border-color:var(--spb-glass-line);
}
.product-visual{background:radial-gradient(circle at 45% 50%,rgba(185,156,255,.17),transparent 55%),#0b0b11}
.contact-band{
  background:linear-gradient(115deg,#15151f,#111119 58%,#18121d);
}
.contact-band::before{opacity:.85}
.text-link{color:#dcd2ff;border-color:rgba(185,156,255,.42)}
.text-link:hover{color:#fff}
.light-link{color:#f7f4ff}
.site-footer .footer-brand{display:flex;align-items:center;gap:.7rem;width:min(100%,250px);margin:0 0 .85rem;color:#fff}
.site-footer .footer-brand img{display:block;width:auto!important;height:auto;object-fit:contain;filter:brightness(0) invert(1)}
.site-footer .footer-mark{height:46px!important;width:22px!important;flex:0 0 auto}
.site-footer .footer-word{height:34px!important;width:146px!important;max-width:calc(100% - 34px)}
.footer-top h2{color:var(--spb-mint)}
.footer-top a:hover{color:#d8ccff}
main img:not([src*="/brand/"]){
  border-radius:28px;
}
.showcase-media,.showcase-slide,.photo-wrap,.photo-wrap img,.feature-image,.feature-image img,.feature-inset,.feature-inset img,.product-visual,.product-visual img,.wide-photo,.wide-photo img,.tour-frame,.tour-frame video,.reference-illustration img,.proof-grid figure,.proof-grid img{
  border-radius:28px;
}
.proof-gallery{
  background:linear-gradient(180deg,#0b0b10,#101017);
}
.proof-grid{
  display:grid;
  grid-template-columns:1.25fr .75fr .75fr;
  gap:clamp(.8rem,1.5vw,1.4rem);
  align-items:stretch;
}
.proof-grid figure{
  margin:0;
  min-height:340px;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.11);
  background:#111118;
  box-shadow:0 24px 60px rgba(0,0,0,.22);
}
.proof-grid img{width:100%;height:100%;object-fit:cover;transition:transform .8s cubic-bezier(.19,1,.22,1),filter .8s}
.proof-grid figure:hover img{transform:scale(1.035);filter:saturate(1.08)}
.proof-wide{grid-row:span 1}
.price-preview{
  background:
    radial-gradient(circle at 12% 30%,rgba(118,240,197,.11),transparent 31%),
    radial-gradient(circle at 88% 70%,rgba(185,156,255,.13),transparent 34%),
    #101017;
}
.price-preview-inner{
  display:flex;
  justify-content:space-between;
  align-items:end;
  gap:3rem;
  padding:clamp(2rem,4vw,4rem);
  border:1px solid var(--spb-glass-line);
  border-radius:32px;
  background:rgba(255,255,255,.045);
  backdrop-filter:blur(20px);
}
.price-preview-inner h2{margin-bottom:.75rem}
.price-preview-inner p{max-width:650px}
.price-preview-actions{display:flex;flex-direction:column;align-items:flex-start;gap:1rem;min-width:max-content}
.price-list-section{background:#0b0b10}
.price-list-shell{padding:clamp(1.4rem,3vw,3.2rem);border-radius:32px}
.price-list-head{display:grid;grid-template-columns:1.35fr .65fr;gap:clamp(2rem,6vw,6rem);align-items:start}
.price-status{padding:1.5rem;border-radius:22px}
.price-status span{display:block;color:var(--spb-mint);font:800 .64rem Manrope,sans-serif;letter-spacing:.16em}
.price-status strong{display:block;margin:.7rem 0 .5rem;font:700 1.3rem Manrope,sans-serif;color:#fff}
.tier-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:.65rem;margin:2.4rem 0}
.tier{padding:1.1rem;border:1px solid rgba(255,255,255,.11);border-radius:18px;background:rgba(255,255,255,.035)}
.tier strong,.tier span{display:block}.tier strong{font-size:.86rem;color:#fff}.tier span{font-size:.74rem;color:var(--spb-muted);margin-top:.25rem}
.price-list-actions{display:flex;gap:.8rem;flex-wrap:wrap;align-items:center}
.price-disclaimer{font-size:.78rem;margin:1.4rem 0 0;color:#9693a5!important}
.contact-directory{max-width:530px}
.contact-channel-grid{display:grid;gap:.75rem;margin:2rem 0}
.contact-channel{padding:1.15rem 1.25rem;border-radius:20px;transition:transform .3s,border-color .3s}
.contact-channel:hover{transform:translateY(-3px)}
.contact-channel span{display:block;color:var(--spb-mint);font:800 .62rem Manrope,sans-serif;letter-spacing:.15em}
.contact-channel strong{display:block;color:#fff;margin-top:.25rem;overflow-wrap:anywhere}
.prepared-actions{display:flex;flex-wrap:wrap;gap:.55rem;margin-top:1rem}
.enquiry-channels{display:grid;gap:.7rem;margin-top:.35rem}
.enquiry-channels .button{width:100%;justify-content:center;border-radius:999px}
.verify-pills{display:flex;flex-wrap:wrap;gap:.5rem;margin-bottom:1.8rem}
.verify-pills span{padding:.42rem .7rem;border:1px solid rgba(255,255,255,.13);border-radius:999px;font-size:.7rem;color:#d7d4e2;background:rgba(255,255,255,.04)}
.verify-note{font-size:.8rem;margin-top:1rem}
.permissioned-media img{object-fit:cover}
@keyframes spbAurora{0%{transform:translate3d(-3%,1%,0) scale(1)}100%{transform:translate3d(3%,-2%,0) scale(1.05)}}
@keyframes gradientShift{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@keyframes headlineGradient{0%{background-position:0% 50%}100%{background-position:100% 50%}}
@media(max-width:1080px){
  .home-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(235px,.65fr)}
  .hero-showcase{width:82%;max-width:330px}
  .main-nav a{font-size:.68rem;padding:.5rem .3rem}
  .tier-grid{grid-template-columns:repeat(3,1fr)}
}
@media(max-width:800px){
  .verify-ribbon-track{justify-content:flex-start;overflow-x:auto;scrollbar-width:none;animation:none}
  .verify-ribbon-track::-webkit-scrollbar{display:none}
  .home-hero-grid{grid-template-columns:1fr;align-content:center}
  .hero-showcase{width:min(100%,520px);max-width:none;justify-self:start}
  .proof-grid{grid-template-columns:1fr 1fr}
  .proof-grid .proof-wide{grid-column:1/-1;min-height:420px}
  .price-preview-inner,.price-list-head{display:flex;flex-direction:column;align-items:flex-start}
  .price-preview-actions{min-width:0}
  .tier-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:520px){
  .proof-grid{grid-template-columns:1fr}
  .proof-grid .proof-wide{grid-column:auto;min-height:300px}
  .proof-grid figure{min-height:260px}
  .tier-grid{grid-template-columns:1fr}
  .price-preview-inner{border-radius:24px;padding:1.4rem}
  .contact-verify-ribbon{font-size:.58rem}
}
@media(prefers-reduced-motion:reduce){
  body::before,.main-nav .nav-contact,.home-hero h1 em{animation:none!important}
}


/* 2026-10-08 elevated inspiration pass */
:root{
  --spb-deep:#09090d;
  --spb-deeper:#060608;
  --spb-panel:#12121a;
  --spb-glow-mint:rgba(118,240,197,.17);
  --spb-glow-violet:rgba(185,156,255,.16);
  --spb-glow-rose:rgba(255,158,183,.09);
}

/* Keep the hero highlight card compact and make every rotating visual square. */
.hero-showcase{
  width:min(78%,330px)!important;
  max-width:330px!important;
}
.showcase-media{
  height:auto!important;
  aspect-ratio:1/1!important;
  min-height:0!important;
  overflow:hidden;
}
.showcase-slide{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
  object-position:center!important;
}
.showcase-copy{min-height:auto!important;padding-bottom:1.15rem}
.showcase-copy strong{font-size:clamp(1rem,1.2vw,1.22rem)}
.showcase-copy p{font-size:.84rem;line-height:1.5}

/* Match the research-supply area to the black glass header/footer system. */
.supply-section{
  position:relative;
  isolation:isolate;
  background:
    radial-gradient(circle at 11% 16%,rgba(118,240,197,.09),transparent 28rem),
    radial-gradient(circle at 88% 72%,rgba(185,156,255,.11),transparent 31rem),
    linear-gradient(180deg,#0b0b10,#0e0e15)!important;
  border-top:1px solid rgba(255,255,255,.055);
  border-bottom:1px solid rgba(255,255,255,.055);
}
.supply-section .section-head h2,
.supply-section .supply-tile h3{color:#f8f7fb}
.supply-section .section-head>p,
.supply-section .supply-tile p{color:#b8b6c6}
.supply-tile{
  min-height:260px;
  position:relative;
  overflow:hidden;
  border-color:rgba(255,255,255,.14)!important;
  background:
    linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025))!important;
}
.supply-tile::before{
  content:"";
  position:absolute;
  inset:-2px;
  pointer-events:none;
  background:radial-gradient(280px circle at var(--mx,50%) var(--my,50%),rgba(118,240,197,.15),transparent 62%);
  opacity:.75;
}
.supply-tile>*{position:relative;z-index:1}

/* Moving ambient fields adapted from the slow layered motion in the supplied inspiration. */
.motion-field{position:relative;isolation:isolate;overflow:hidden}
.motion-field>.container{position:relative;z-index:2}
.motion-layer{
  position:absolute;
  z-index:0;
  pointer-events:none;
  width:76vw;
  height:76vw;
  max-width:1180px;
  max-height:1180px;
  border-radius:50%;
  opacity:.085;
  filter:saturate(.8) contrast(.9);
  background-repeat:no-repeat;
  background-position:center;
  background-size:cover;
  will-change:transform;
}
.motion-layer-a{
  left:-24vw;
  top:-30vw;
  background-image:
    radial-gradient(ellipse at 32% 46%,rgba(118,240,197,.26),rgba(83,137,199,.08) 43%,transparent 72%);
  animation:spbDriftNear 48s ease-in-out infinite alternate;
}
.motion-layer-b{
  right:-28vw;
  bottom:-38vw;
  opacity:.055;
  background-image:
    radial-gradient(circle,rgba(185,156,255,.35),transparent 65%),
    url("/assets/inspiration/research-lab-glassware.webp");
  animation:spbDriftFar 61s ease-in-out infinite alternate;
}
.motion-layer-c{
  right:-18vw;
  top:-22vw;
  opacity:.06;
  background-image:
    radial-gradient(circle,rgba(255,158,183,.25),transparent 62%),
    url("/assets/inspiration/research-reagent-kit.webp");
  animation:spbDriftReverse 54s ease-in-out infinite alternate;
}
@keyframes spbDriftNear{
  0%{transform:translate3d(-5%,1%,0) rotate(-3deg) scale(1.02)}
  48%{transform:translate3d(8%,5%,0) rotate(4deg) scale(1.09)}
  100%{transform:translate3d(2%,-6%,0) rotate(-1deg) scale(1.14)}
}
@keyframes spbDriftFar{
  0%{transform:translate3d(7%,2%,0) rotate(3deg) scale(1.12)}
  100%{transform:translate3d(-10%,-5%,0) rotate(-5deg) scale(1.22)}
}
@keyframes spbDriftReverse{
  0%{transform:translate3d(7%,-4%,0) rotate(-2deg) scale(1.08)}
  100%{transform:translate3d(-8%,7%,0) rotate(5deg) scale(1.18)}
}

/* Moving statement band inspired by the supplied front-page reference. */
.research-marquee{
  overflow:hidden;
  border-block:1px solid rgba(255,255,255,.1);
  background:linear-gradient(90deg,#0d0d13,#15131b,#0d0d13);
  color:#efedf6;
}
.marquee-track{
  display:flex;
  width:max-content;
  align-items:center;
  gap:1.6rem;
  padding:.9rem 0;
  white-space:nowrap;
  font:800 clamp(.72rem,1vw,.88rem)/1 Manrope,sans-serif;
  letter-spacing:.16em;
  animation:spbMarquee 31s linear infinite;
}
.marquee-track i{font-style:normal;color:var(--spb-mint);font-size:.85rem}
@keyframes spbMarquee{to{transform:translateX(-50%)}}

/* The three formerly thin subjects become one strong visual platform. */
.research-platform{
  background:
    radial-gradient(circle at 70% 8%,rgba(185,156,255,.095),transparent 28rem),
    #0a0a0f;
}
.platform-bento{
  display:grid;
  grid-template-columns:1.25fr .75fr;
  grid-template-rows:repeat(2,minmax(245px,1fr));
  gap:1rem;
  margin-top:2.5rem;
}
.platform-card{
  position:relative;
  overflow:hidden;
  min-height:245px;
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  background:#111118;
  box-shadow:0 30px 78px rgba(0,0,0,.25);
  transform:translateZ(0);
}
.platform-card-large{grid-row:1/3}
.platform-card img{
  width:100%;
  height:100%;
  object-fit:cover;
  filter:saturate(.92) brightness(.72);
  transition:transform 1s cubic-bezier(.19,1,.22,1),filter .8s;
}
.platform-card::after{
  content:"";
  position:absolute;
  inset:0;
  background:linear-gradient(180deg,transparent 35%,rgba(6,6,9,.85));
}
.platform-card>div{
  position:absolute;
  z-index:2;
  inset:auto 1.35rem 1.3rem;
}
.platform-card span{
  display:block;
  color:var(--spb-mint);
  font:800 .62rem/1 Manrope,sans-serif;
  letter-spacing:.18em;
  margin-bottom:.55rem;
}
.platform-card strong{
  color:#fff;
  font:700 clamp(1.15rem,2vw,1.75rem)/1.15 Manrope,sans-serif;
}
.platform-card:hover img{transform:scale(1.045);filter:saturate(1.05) brightness(.8)}

/* Replace the old mismatched tour collage with a cleaner cinematic arrangement. */
.feature-section{
  background:
    radial-gradient(circle at 84% 26%,rgba(118,240,197,.075),transparent 26rem),
    #0c0c12!important;
}
.feature-image{border-color:rgba(255,255,255,.15)!important}
.feature-image>img{min-height:460px;object-fit:cover}
.feature-inset{
  border:1px solid rgba(118,240,197,.36)!important;
  background:#0e0f15!important;
  box-shadow:0 28px 78px rgba(0,0,0,.42)!important;
}

/* Large product image + slow "shine" pass. */
.product-feature-shine{
  position:relative;
  overflow:hidden;
  grid-template-columns:minmax(0,1.12fr) minmax(320px,.88fr)!important;
}
.product-feature-shine::after{
  content:"";
  position:absolute;
  z-index:4;
  inset:-60% auto -60% -30%;
  width:18%;
  transform:rotate(18deg);
  pointer-events:none;
  background:linear-gradient(90deg,transparent,rgba(255,255,255,.12),rgba(118,240,197,.18),transparent);
  filter:blur(4px);
  animation:productLightSweep 8s cubic-bezier(.4,0,.2,1) infinite;
}
.product-visual-wide{min-height:560px!important}
.product-visual-wide img{width:100%;height:100%;object-fit:cover!important}
@keyframes productLightSweep{
  0%,16%{left:-30%;opacity:0}
  23%{opacity:.9}
  52%{left:118%;opacity:.75}
  58%,100%{left:118%;opacity:0}
}

/* Wholesale receives first-class visual/SEO treatment. */
.wholesale-section,.combined-wholesale,.wholesale-landing{
  background:
    radial-gradient(circle at 15% 20%,rgba(118,240,197,.12),transparent 31rem),
    radial-gradient(circle at 88% 77%,rgba(185,156,255,.12),transparent 34rem),
    linear-gradient(145deg,#0d0d13,#111119);
}
.wholesale-grid{
  display:grid;
  grid-template-columns:minmax(0,1.08fr) minmax(340px,.92fr);
  align-items:center;
  gap:clamp(2rem,6vw,6rem);
}
.wholesale-media{
  overflow:hidden;
  min-height:470px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 34px 90px rgba(0,0,0,.32);
}
.wholesale-media img{width:100%;height:100%;min-height:470px;object-fit:cover}
.wholesale-copy h2{font-size:clamp(2.3rem,5vw,5rem);max-width:11ch}
.wholesale-copy p{max-width:670px}

/* Combined Research & Supply page. */
.combined-capabilities,.combined-products{
  background:#0b0b10;
}
.combined-hero-grid{
  display:grid;
  grid-template-columns:minmax(0,.85fr) minmax(480px,1.15fr);
  align-items:center;
  gap:clamp(2rem,6vw,6rem);
}
.combined-hero-grid img{
  width:100%;
  min-height:430px;
  max-height:570px;
  object-fit:cover;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.13);
}
.capability-flow{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:.8rem;
  margin-top:3rem;
}
.capability-flow article{
  position:relative;
  min-height:230px;
  padding:1.5rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:26px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
  backdrop-filter:blur(18px);
}
.capability-flow article::after{
  content:"";
  position:absolute;
  width:160px;height:160px;
  right:-90px;bottom:-90px;
  border-radius:50%;
  background:radial-gradient(circle,var(--spb-glow-violet),transparent 68%);
  transition:transform .6s;
}
.capability-flow article:hover::after{transform:scale(1.7)}
.capability-flow span,.quality-bento article>span{
  color:var(--spb-mint);
  font:800 .65rem/1 Manrope,sans-serif;
  letter-spacing:.16em;
}
.capability-flow h3{margin:.95rem 0 .6rem}
.combined-quality{
  background:
    radial-gradient(circle at 78% 30%,rgba(118,240,197,.08),transparent 28rem),
    #101017;
}
.quality-bento{
  display:grid;
  grid-template-columns:1.15fr .85fr .85fr;
  grid-auto-rows:minmax(250px,auto);
  gap:.9rem;
  margin-top:2.4rem;
}
.quality-bento>article,.quality-image{
  margin:0;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));
}
.quality-bento>article{padding:1.55rem}
.quality-image-large{grid-row:span 2}
.quality-image img{width:100%;height:100%;object-fit:cover}
.combined-products-grid{
  display:grid;
  grid-template-columns:minmax(480px,1.1fr) minmax(0,.9fr);
  gap:clamp(2rem,6vw,6rem);
  align-items:center;
}
.combined-products-image{
  overflow:hidden;
  min-height:620px;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.13);
  box-shadow:0 34px 90px rgba(0,0,0,.3);
}
.combined-products-image img{width:100%;height:100%;min-height:620px;object-fit:cover}
.category-cloud{display:flex;flex-wrap:wrap;gap:.55rem;margin:1.7rem 0 2rem}
.category-cloud span{
  padding:.6rem .75rem;
  border:1px solid rgba(255,255,255,.12);
  border-radius:999px;
  background:rgba(255,255,255,.04);
  color:#d7d4e2;
  font-size:.74rem;
}
.legacy-jump{
  padding:clamp(2rem,5vw,5rem);
  border:1px solid rgba(255,255,255,.12);
  border-radius:32px;
  background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));
}

/* GPB-like price-list veil with the requested 8px blur. */
.price-blur-stage{
  position:relative;
  min-height:430px;
  margin:2rem 0 2.4rem;
  overflow:hidden;
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  background:#0b0b10;
}
.price-preview-table{
  position:absolute;
  inset:1.2rem;
  opacity:.58;
  filter:blur(8px);
  transform:scale(1.025);
  user-select:none;
}
.price-preview-row{
  display:grid;
  grid-template-columns:1.45fr repeat(5,.8fr);
  gap:.5rem;
  padding:1rem .8rem;
  border-bottom:1px solid rgba(255,255,255,.12);
  color:#d9d6e3;
  font-size:.78rem;
}
.price-preview-head{color:var(--spb-mint);font-weight:800}
.price-veil{
  position:absolute;
  z-index:3;
  inset:50% auto auto 50%;
  width:min(620px,calc(100% - 2rem));
  transform:translate(-50%,-50%);
  padding:clamp(1.4rem,4vw,2.5rem);
  border-radius:26px;
  background:rgba(14,14,21,.78)!important;
  backdrop-filter:blur(8px) saturate(145%)!important;
  -webkit-backdrop-filter:blur(8px) saturate(145%)!important;
  animation:priceVeilGlow 8s ease-in-out infinite alternate;
}
.price-veil h3{font-size:clamp(1.7rem,3vw,2.6rem);margin:.65rem 0}
@keyframes priceVeilGlow{
  from{box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 0 rgba(118,240,197,0)}
  to{box-shadow:0 30px 90px rgba(0,0,0,.34),0 0 55px rgba(185,156,255,.13)}
}

/* Contact map. */
.contact-map-section{background:#0c0c12}
.map-frame{
  overflow:hidden;
  min-height:500px;
  border:1px solid rgba(255,255,255,.14);
  border-radius:28px;
  background:#111118;
  box-shadow:0 30px 90px rgba(0,0,0,.28);
}
.map-frame iframe{display:block;width:100%;height:500px;border:0;filter:saturate(.78) contrast(1.03)}

/* Ensure every new visual obeys the user's minimum 5% rounding rule. */
.platform-card,.platform-card img,.combined-hero-grid img,.quality-bento>*,
.quality-bento img,.combined-products-image,.combined-products-image img,
.wholesale-media,.wholesale-media img,.map-frame,
.product-feature-shine,.product-visual-wide,.product-visual-wide img{
  border-radius:28px;
}

@media(max-width:1000px){
  .platform-bento{grid-template-columns:1fr 1fr;grid-template-rows:auto}
  .platform-card-large{grid-column:1/-1;grid-row:auto;min-height:420px}
  .wholesale-grid,.combined-hero-grid,.combined-products-grid{grid-template-columns:1fr}
  .combined-products-image,.combined-products-image img{min-height:500px}
  .capability-flow{grid-template-columns:repeat(2,1fr)}
  .quality-bento{grid-template-columns:1fr 1fr}
  .quality-image-large{grid-row:auto;grid-column:1/-1;min-height:420px}
}
@media(max-width:800px){
  .hero-showcase{width:min(100%,420px)!important;max-width:420px!important}
  .platform-bento,.quality-bento{grid-template-columns:1fr}
  .platform-card-large,.quality-image-large{grid-column:auto}
  .capability-flow{grid-template-columns:1fr}
  .product-feature-shine{grid-template-columns:1fr!important}
  .product-visual-wide{min-height:400px!important}
  .price-preview-row{grid-template-columns:1.2fr repeat(2,.8fr)}
  .price-preview-row span:nth-child(n+4){display:none}
  .combined-products-image,.combined-products-image img,.wholesale-media,.wholesale-media img{min-height:390px}
}
@media(max-width:520px){
  .showcase-media{aspect-ratio:1/1!important}
  .marquee-track{animation-duration:24s}
  .combined-products-image,.combined-products-image img,.wholesale-media,.wholesale-media img{min-height:300px}
  .map-frame,.map-frame iframe{min-height:390px;height:390px}
}
@media(prefers-reduced-motion:reduce){
  .motion-layer,.marquee-track,.product-feature-shine::after,.price-veil{animation:none!important}
  .motion-layer{display:none}
}

/* 2026-10-08 inspiration pass: square showcase, spectrum, unified palette */
.showcase-media{
  aspect-ratio:1/1!important;
  min-height:0!important;
}
.showcase-slide{
  width:100%!important;
  height:100%!important;
  object-fit:cover!important;
}
.hero-showcase{
  align-self:center;
}
.signal-strip{
  background:
    radial-gradient(circle at 18% 20%,rgba(118,240,197,.08),transparent 18rem),
    radial-gradient(circle at 84% 72%,rgba(185,156,255,.09),transparent 24rem),
    linear-gradient(90deg,#0a0a0f,#111019,#0a0a0f)!important;
  border-block-color:rgba(255,255,255,.11)!important;
}
.signal-grid>div{border-color:rgba(255,255,255,.10)!important}
.signal-grid b{color:#f7f6fb!important}
.signal-grid span{color:#aaa8b7!important}

.peptide-spectrum{
  padding-block:clamp(5rem,9vw,9rem) clamp(3rem,6vw,6rem);
  background:
    radial-gradient(circle at 15% 22%,rgba(118,240,197,.10),transparent 30rem),
    radial-gradient(circle at 88% 70%,rgba(185,156,255,.11),transparent 33rem),
    #0a0a0f;
  border-block:1px solid rgba(255,255,255,.08);
}
.spectrum-head{
  position:relative;
  z-index:2;
  max-width:950px;
}
.spectrum-head h2{
  max-width:13ch;
  font-size:clamp(2.7rem,6vw,6.6rem);
  line-height:.94;
  letter-spacing:-.055em;
}
.spectrum-head>p:last-child{
  max-width:720px;
  margin-top:1.2rem;
}
.spectrum-molecule{
  position:absolute;
  right:4vw;
  top:50%;
  width:min(34vw,470px);
  aspect-ratio:1;
  transform:translateY(-50%);
  opacity:.12;
  filter:blur(.2px) drop-shadow(0 0 40px rgba(118,240,197,.18));
  animation:spectrumFloat 14s ease-in-out infinite alternate;
  pointer-events:none;
}
.spectrum-molecule img{width:100%;height:100%;object-fit:contain}
.spectrum-marquee{
  position:relative;
  z-index:2;
  overflow:hidden;
  margin-top:clamp(2.5rem,6vw,5rem);
  padding-block:.75rem;
  mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
  -webkit-mask-image:linear-gradient(90deg,transparent,#000 7%,#000 93%,transparent);
}
.spectrum-track{
  display:flex;
  width:max-content;
  gap:.7rem;
  animation:spectrumMarquee 36s linear infinite;
}
.spectrum-track span{
  padding:.78rem 1rem;
  border:1px solid rgba(255,255,255,.14);
  border-radius:999px;
  background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));
  color:#e9e7f0;
  box-shadow:inset 0 1px rgba(255,255,255,.06);
  backdrop-filter:blur(12px);
  white-space:nowrap;
  font:700 .74rem/1 Manrope,sans-serif;
  letter-spacing:.04em;
}
@keyframes spectrumFloat{
  from{transform:translate3d(0,-52%,0) rotate(-5deg) scale(.98)}
  to{transform:translate3d(-3%,-47%,0) rotate(6deg) scale(1.05)}
}
@keyframes spectrumMarquee{to{transform:translateX(-50%)}}

.research-platform .platform-card::before,
.product-feature-shine::before{
  content:"";
  position:absolute;
  z-index:3;
  inset:0;
  pointer-events:none;
  background:linear-gradient(110deg,transparent 28%,rgba(255,255,255,.07) 44%,rgba(118,240,197,.10) 50%,transparent 64%);
  transform:translateX(-130%);
}
.research-platform .platform-card:hover::before{
  animation:cardSweep 1.25s cubic-bezier(.22,.7,.18,1);
}
@keyframes cardSweep{to{transform:translateX(130%)}}

.feature-image>img{
  aspect-ratio:16/9;
  min-height:0!important;
  max-height:560px;
}
.product-visual-wide{
  min-height:0!important;
  aspect-ratio:16/10;
}
.product-visual-wide img{min-height:0!important}

.combined-capabilities{
  background:
    radial-gradient(circle at 12% 18%,rgba(118,240,197,.09),transparent 28rem),
    radial-gradient(circle at 88% 70%,rgba(185,156,255,.11),transparent 32rem),
    #0a0a0f!important;
}
.capability-flow article{
  transition:transform .45s cubic-bezier(.19,1,.22,1),border-color .35s,box-shadow .35s;
}
.capability-flow article:hover{
  transform:translateY(-8px);
  border-color:rgba(118,240,197,.35);
  box-shadow:0 28px 70px rgba(0,0,0,.28),0 0 45px rgba(185,156,255,.07);
}
.combined-quality,.combined-products{
  position:relative;
  overflow:hidden;
}
.combined-quality::before,.combined-products::before{
  content:"";
  position:absolute;
  width:46vw;
  height:46vw;
  border-radius:50%;
  border:1px solid rgba(118,240,197,.08);
  box-shadow:
    0 0 0 90px rgba(185,156,255,.02),
    0 0 0 180px rgba(118,240,197,.015);
  pointer-events:none;
  animation:slowOrbit 28s linear infinite;
}
.combined-quality::before{right:-25vw;top:-20vw}
.combined-products::before{left:-27vw;bottom:-24vw;animation-direction:reverse}
@keyframes slowOrbit{to{transform:rotate(360deg)}}

@media(max-width:800px){
  .spectrum-molecule{width:58vw;right:-16vw;opacity:.08}
  .spectrum-head h2{max-width:12ch}
}
@media(prefers-reduced-motion:reduce){
  .spectrum-molecule,.spectrum-track,.combined-quality::before,.combined-products::before{animation:none!important}
}

/* Pointer depth for richer desktop interaction */
@media(hover:hover) and (pointer:fine){
  .platform-card,.product-feature-shine{
    transform:perspective(1200px) rotateX(var(--tilt-x,0deg)) rotateY(var(--tilt-y,0deg));
    transform-style:preserve-3d;
    transition:transform .28s ease,border-color .35s,box-shadow .35s;
  }
}

/* ===== Wix completeness + public-flow refinement ===== */
.front-inspiration,.peptide-spectrum,.company-profile,.catalog-directory,.assurance-section{position:relative;overflow:hidden;isolation:isolate}
.front-inspiration>.container,.peptide-spectrum>.container,.company-profile>.container,.catalog-directory>.container,.assurance-section>.container{position:relative;z-index:2}
.front-inspiration{background:#0b0b10}
.front-heading{margin-bottom:clamp(2rem,5vw,4rem)}
.front-info-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(.8rem,1.6vw,1.4rem)}
.front-info-card{overflow:hidden;border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.075),rgba(255,255,255,.025));box-shadow:0 28px 70px rgba(0,0,0,.2);transition:transform .45s cubic-bezier(.19,1,.22,1),border-color .35s}
.front-info-card:hover{transform:translateY(-7px);border-color:rgba(118,240,197,.28)}
.front-info-card img{width:100%;aspect-ratio:16/10;object-fit:cover;border-radius:28px 28px 0 0}
.front-info-card>div{padding:clamp(1.25rem,2.2vw,2rem)}.front-info-card span{color:var(--spb-mint);font:800 .68rem/1 Manrope,sans-serif;letter-spacing:.18em}.front-info-card h3{margin:.75rem 0 1rem;font-size:clamp(1.35rem,2vw,2rem)}.front-info-card p{color:#b9b6c5}.front-info-card p+p{margin-top:.85rem}
.research-marquee-large{padding-block:1rem}.research-marquee-large .marquee-track span{font-size:clamp(.9rem,1.5vw,1.35rem);letter-spacing:.08em}
.who-we-are-section{background:linear-gradient(180deg,#0d0d13,#111019)}.who-we-are-grid{align-items:center}.who-we-are-grid .photo-wrap img{aspect-ratio:4/3;object-fit:cover;border-radius:28px}.who-we-are-grid .split-copy h2{font-size:clamp(2.4rem,5vw,5.2rem);line-height:.96}
.company-profile{background:radial-gradient(circle at 80% 10%,rgba(185,156,255,.08),transparent 28rem),#09090d}
.profile-stats{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.profile-stats article{min-height:180px;padding:1.25rem;border:1px solid rgba(255,255,255,.11);border-radius:24px;background:rgba(255,255,255,.035);display:flex;flex-direction:column;justify-content:flex-end}.profile-stats strong{font-size:clamp(2rem,4vw,4.4rem);letter-spacing:-.06em}.profile-stats span{color:#aaa8b7}
.catalog-directory{background:#0a0a0f}.catalog-directory-grid{display:grid;grid-template-columns:1fr 1fr;gap:.7rem}.catalog-category{border:1px solid rgba(255,255,255,.12);border-radius:22px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.025));overflow:hidden}.catalog-category summary{cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:1.15rem 1.25rem;list-style:none}.catalog-category summary::-webkit-details-marker{display:none}.catalog-category summary>span{display:flex;align-items:center;gap:.8rem;font-weight:750}.catalog-category summary b{color:var(--spb-mint);font-size:.68rem;letter-spacing:.12em}.catalog-category summary em{font-style:normal;color:#918e9e;font-size:.72rem}.compound-cloud{display:flex;flex-wrap:wrap;gap:.45rem;padding:0 1.25rem 1.25rem}.compound-cloud span{padding:.55rem .68rem;border:1px solid rgba(255,255,255,.09);border-radius:999px;background:rgba(255,255,255,.035);color:#d7d4e2;font-size:.72rem}.catalog-actions{display:flex;align-items:center;gap:1rem;margin-top:1.5rem}
.motion-bg{--ambient-opacity:.16}.ambient-media{position:absolute;z-index:0;pointer-events:none;background-repeat:no-repeat;background-size:contain;will-change:transform,opacity;filter:saturate(.9) contrast(1.05)}
.ambient-a{inset:auto -7vw -12% auto;width:min(58vw,900px);aspect-ratio:1.65;background-image:url("/assets/inspiration/moving-bg-00.webp");opacity:var(--ambient-opacity);animation:ambientDriftX 24s ease-in-out infinite alternate}
.ambient-a-right{inset:8% -12vw auto auto;opacity:.1}
.ambient-b{inset:-16% auto auto -12vw;width:min(72vw,1100px);aspect-ratio:.9;background-image:radial-gradient(ellipse at 35% 45%,rgba(71,178,179,.2) 0%,rgba(87,72,155,.10) 43%,transparent 76%);background-position:left center;opacity:.1;animation:none}.ambient-b-soft{opacity:.07;inset:auto -22vw -34% auto;transform:scaleX(-1)}
.ambient-c{inset:auto -8vw -22% auto;width:min(48vw,720px);aspect-ratio:1.12;background-image:url("/assets/inspiration/moving-bg-02.webp");opacity:.16;animation:ambientRotate 34s linear infinite}
@keyframes ambientDriftX{from{transform:translate3d(4%,2%,0) scale(1.02)}to{transform:translate3d(-8%,-4%,0) scale(1.12)}}
@keyframes ambientFloat{from{transform:translate3d(-3%,2%,0) scale(1)}to{transform:translate3d(7%,-4%,0) scale(1.08)}}
@keyframes ambientRotate{to{transform:rotate(360deg) translate3d(2%,0,0)}}
.reception-section,.reception-section-dark{background:linear-gradient(180deg,#0b0b10,#111019)!important;color:#f5f4f8}.reception-section h2,.reception-section-dark h2{color:#f5f4f8}.reception-section p,.reception-section-dark p{color:#aaa8b7}
.contact-map-grid{display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:1rem;align-items:stretch}.map-address-card{padding:clamp(1.5rem,3vw,2.4rem);border:1px solid rgba(255,255,255,.12);border-radius:28px;background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.025));display:flex;flex-direction:column;justify-content:center}.map-address-card h2{font-size:clamp(2.5rem,5vw,5.4rem);line-height:.94}.address-zh{display:block;margin-top:1rem;color:#d9d7e1;line-height:1.75}.map-frame{min-height:0;aspect-ratio:16/10}.map-frame iframe{width:100%;height:100%;min-height:0}
.legal-long{max-width:900px}.legal-long h3{margin-top:2rem}.legal-long p{max-width:82ch}
.feature-image{overflow:hidden;border-radius:28px}.feature-image>img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:28px}.feature-caption{position:absolute;left:1rem;bottom:1rem}
.parent-inner img{object-fit:contain!important;background:transparent!important}
@media(max-width:1000px){.front-info-grid{grid-template-columns:1fr}.profile-stats{grid-template-columns:repeat(2,1fr)}.catalog-directory-grid{grid-template-columns:1fr}.contact-map-grid{grid-template-columns:1fr}.map-frame{aspect-ratio:16/9}}
@media(max-width:620px){.profile-stats{grid-template-columns:1fr 1fr}.profile-stats article{min-height:130px}.ambient-a{width:100vw;right:-35vw}.ambient-b{width:120vw;left:-55vw}.ambient-c{width:90vw;right:-35vw}.catalog-category summary{align-items:flex-start}.catalog-category summary em{white-space:nowrap}}
@media(prefers-reduced-motion:reduce){.ambient-media{animation:none!important}}


/* ===== 2026-10-08 full Wix/content-flow audit ===== */
html{scroll-behavior:smooth;scroll-padding-top:120px}
.hero-legacy-tagline{
  max-width:54ch;
  margin:.9rem 0 .55rem;
  color:var(--spb-mint)!important;
  font:800 .78rem/1.45 Manrope,sans-serif;
  letter-spacing:.08em;
  text-transform:uppercase
}

/* Editorial front-page sequence derived from the approved best_front-page-inspo reference. */
.front-editorial{position:relative;z-index:2}
.front-editorial-intro{
  display:grid;
  grid-template-columns:minmax(0,.9fr) minmax(280px,.55fr);
  gap:clamp(2rem,7vw,8rem);
  align-items:end;
  margin-bottom:clamp(3rem,7vw,7rem)
}
.front-editorial-intro h2{
  max-width:10ch;
  margin:.4rem 0 0;
  font-size:clamp(3rem,7.2vw,7.7rem);
  line-height:.9;
  letter-spacing:-.065em
}
.front-editorial-intro>p:last-child{
  max-width:560px;
  margin:0 0 .35rem;
  color:#aaa8b7;
  font-size:clamp(1rem,1.45vw,1.25rem);
  line-height:1.75
}
.front-story{
  display:grid;
  grid-template-columns:minmax(0,.95fr) minmax(420px,1.05fr);
  gap:clamp(2rem,7vw,7.5rem);
  align-items:center;
  padding:clamp(2.5rem,6vw,6.5rem) 0;
  border-top:1px solid rgba(255,255,255,.09)
}
.front-story-b{grid-template-columns:minmax(420px,1.05fr) minmax(0,.95fr)}
.front-story-copy{max-width:720px}
.story-index{
  display:inline-block;
  margin-bottom:1rem;
  color:var(--spb-mint);
  font:800 .68rem/1 Manrope,sans-serif;
  letter-spacing:.16em
}
.front-story h3{
  max-width:13ch;
  margin:0 0 1.25rem;
  font-size:clamp(2.2rem,4.6vw,5.4rem);
  line-height:.94;
  letter-spacing:-.05em
}
.front-story p{
  margin:.8rem 0 0;
  color:#b8b5c4;
  font-size:clamp(.98rem,1.25vw,1.12rem);
  line-height:1.78
}
.front-story-media{
  position:relative;
  overflow:hidden;
  margin:0;
  border:1px solid rgba(255,255,255,.13);
  border-radius:28px;
  min-height:520px;
  box-shadow:0 32px 90px rgba(0,0,0,.24)
}
.front-story-media img{
  width:100%;
  height:100%;
  min-height:520px;
  object-fit:cover;
  border-radius:28px;
  transition:transform 1.1s cubic-bezier(.19,1,.22,1)
}
.front-story:hover .front-story-media img{transform:scale(1.035)}
.reference-field-grid{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:.65rem;
  padding-top:clamp(2rem,5vw,5rem);
  border-top:1px solid rgba(255,255,255,.09)
}
.reference-field-grid span{
  min-height:92px;
  display:flex;
  align-items:flex-end;
  padding:1rem 1.1rem;
  border:1px solid rgba(255,255,255,.11);
  border-radius:22px;
  background:linear-gradient(145deg,rgba(255,255,255,.065),rgba(255,255,255,.02));
  color:#eceaf2;
  font-weight:700
}

/* Make the moving-background source files genuinely full-bleed instead of tiny floating decorations. */
.motion-bg{position:relative;overflow:hidden;isolation:isolate}
.motion-bg>.container{position:relative;z-index:2}
.ambient-media{
  position:absolute;
  z-index:0;
  pointer-events:none;
  background-repeat:no-repeat;
  will-change:transform,opacity;
  filter:saturate(.92) contrast(1.03)
}
.ambient-a{
  inset:auto -8vw -18% auto;
  width:110vw;
  max-width:none;
  aspect-ratio:1920/1152;
  background-image:url("/assets/inspiration/moving-bg-00.webp");
  background-size:100% auto;
  background-position:center bottom;
  opacity:.16;
  animation:ambientDriftWide 26s ease-in-out infinite alternate
}
.ambient-b{
  inset:-12% -6vw -12% -6vw;
  width:auto;
  aspect-ratio:auto;
  background-image:
    linear-gradient(90deg,rgba(10,10,15,.92),rgba(10,10,15,.52) 42%,rgba(10,10,15,.82)),
    radial-gradient(ellipse at 35% 45%,rgba(71,178,179,.2) 0%,rgba(87,72,155,.10) 43%,transparent 76%);
  background-size:cover;
  background-position:center 24%;
  opacity:.34;
  animation:none
}
.ambient-c{
  inset:auto -12vw -24% auto;
  width:min(76vw,1180px);
  aspect-ratio:643/575;
  background-image:url("/assets/inspiration/moving-bg-02.webp");
  background-size:contain;
  background-position:center;
  opacity:.2;
  animation:ambientMoleculeFloat 28s ease-in-out infinite alternate
}
@keyframes ambientDriftWide{
  from{transform:translate3d(5%,3%,0) scale(1)}
  to{transform:translate3d(-7%,-3%,0) scale(1.08)}
}
@keyframes ambientPhotoPan{
  from{transform:scale(1.04) translate3d(0,-1%,0)}
  to{transform:scale(1.12) translate3d(-2%,2%,0)}
}
@keyframes ambientMoleculeFloat{
  from{transform:translate3d(3%,4%,0) rotate(-3deg) scale(.98)}
  to{transform:translate3d(-7%,-5%,0) rotate(6deg) scale(1.06)}
}

/* The research-field pills should read as a feature, not tiny tags. */
.spectrum-marquee{margin-top:clamp(3rem,7vw,6rem);padding-block:1rem}
.spectrum-track{gap:.9rem}
.spectrum-track span{
  padding:1.05rem 1.45rem;
  font:750 clamp(.9rem,1.25vw,1.08rem)/1 Manrope,sans-serif;
  letter-spacing:.025em;
  box-shadow:inset 0 1px rgba(255,255,255,.07),0 14px 35px rgba(0,0,0,.14)
}
.research-marquee-large{padding-block:1.25rem}
.research-marquee-large .marquee-track{gap:1rem}
.research-marquee-large .marquee-track span{
  font-size:clamp(1.05rem,1.75vw,1.55rem);
  letter-spacing:.075em
}

/* Reference-style long-form company block. */
.who-we-are-grid{gap:clamp(2.5rem,7vw,8rem)}
.who-we-are-grid .split-copy{max-width:760px}
.who-we-are-grid .split-copy p{line-height:1.78}
.who-we-are-grid .split-copy p+p{margin-top:.85rem}

/* Home-specific contact finish. */
.front-contact-prompt{
  position:relative;
  overflow:hidden;
  padding:clamp(5rem,10vw,10rem) 0;
  background:
    radial-gradient(circle at 12% 20%,rgba(118,240,197,.13),transparent 30rem),
    radial-gradient(circle at 86% 78%,rgba(185,156,255,.12),transparent 34rem),
    #09090d;
  border-block:1px solid rgba(255,255,255,.08)
}
.front-contact-inner{
  display:grid;
  grid-template-columns:minmax(0,1fr) minmax(260px,.45fr);
  gap:clamp(2rem,8vw,8rem);
  align-items:end
}
.front-contact-inner h2{
  grid-column:1;
  max-width:9ch;
  margin:.5rem 0 0;
  font-size:clamp(3.4rem,7.8vw,8rem);
  line-height:.86;
  letter-spacing:-.07em
}
.front-contact-inner>p:not(.eyebrow){grid-column:2;grid-row:1/3;color:#aaa8b7;line-height:1.75}
.front-contact-inner>.button{grid-column:2;justify-self:start}

/* Long legal source coverage stays readable instead of becoming a wall of text. */
.legal-long ul{
  margin:1rem 0 1.4rem;
  padding:0;
  list-style:none;
  display:grid;
  gap:.65rem
}
.legal-long li{
  position:relative;
  padding-left:1.35rem;
  color:#b8b5c4;
  line-height:1.72
}
.legal-long li::before{
  content:"";
  position:absolute;
  left:0;
  top:.72em;
  width:6px;
  height:6px;
  border-radius:50%;
  background:var(--spb-mint)
}

/* Gentle flow improvements for public visitors. */
.section-head p,.split-copy p,.front-story p,.legal p{max-width:76ch}
.main-nav a,.button,.text-link{transition:opacity .2s ease,transform .2s ease,border-color .2s ease,background .2s ease}
.main-nav a:hover,.text-link:hover{opacity:.82}
.button:hover{transform:translateY(-2px)}

@media(max-width:1000px){
  .front-editorial-intro{grid-template-columns:1fr;gap:1.5rem}
  .front-editorial-intro h2{max-width:12ch}
  .front-story,.front-story-b{grid-template-columns:1fr;gap:2rem}
  .front-story-b .front-story-media{order:2}
  .front-story-media,.front-story-media img{min-height:420px}
  .reference-field-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .front-contact-inner{grid-template-columns:1fr}
  .front-contact-inner h2,.front-contact-inner>p:not(.eyebrow),.front-contact-inner>.button{grid-column:1;grid-row:auto}
}
@media(max-width:620px){
  html{scroll-padding-top:96px}
  .front-story{padding:3rem 0}
  .front-story-media,.front-story-media img{min-height:300px}
  .reference-field-grid{grid-template-columns:1fr 1fr}
  .reference-field-grid span{min-height:78px;font-size:.78rem}
  .ambient-a{width:150vw;right:-45vw;opacity:.12}
  .ambient-b{inset:-8% -55vw -8% -45vw;opacity:.28}
  .ambient-c{width:125vw;right:-52vw;opacity:.14}
  .spectrum-track span{padding:.95rem 1.2rem;font-size:.92rem}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto}
  .ambient-media,.front-story-media img{animation:none!important;transition:none!important}
}

/* Approved-media / research-enquiry refinement, 2026-10-08 */
/* Image-led field tiles matching the reference page, not plain grey badges.
   Tile images are only the eight owner-approved / metadata-clean local WebP
   assets extracted from best_front-page-inspo.html. No third-party logos. */
.reference-field-grid.research-field-visuals{
  display:grid;
  grid-template-columns:repeat(4,minmax(0,1fr));
  gap:clamp(.7rem,1.25vw,1.2rem);
  border-top:0;
  padding:clamp(1rem,3vw,3rem) 0 1rem
}
.reference-field-grid .research-field-tile{
  position:relative;
  display:flex;
  flex-direction:column;
  justify-content:flex-end;
  align-items:flex-start;
  isolation:isolate;
  overflow:hidden;
  min-height:clamp(215px,22vw,360px);
  aspect-ratio:4/5;
  padding:clamp(1rem,1.7vw,1.6rem);
  border:1px solid rgba(255,255,255,.2);
  border-radius:28px;
  background-color:#252730;
  background-image:linear-gradient(180deg,rgba(9,10,16,.06),rgba(9,10,16,.12) 35%,rgba(6,7,12,.9)),var(--tile-photo,linear-gradient(145deg,#303342,#111119));
  background-size:cover,cover;
  background-position:center,center;
  color:#fff;
  text-decoration:none;
  box-shadow:0 15px 45px rgba(0,0,0,.2);
  transition:transform .55s cubic-bezier(.2,.75,.2,1),box-shadow .4s,border-color .4s,background-size .6s
}
.reference-field-grid .research-field-tile:hover,
.reference-field-grid .research-field-tile:focus-visible{
  transform:translateY(-7px);
  box-shadow:0 28px 60px rgba(0,0,0,.38);
  border-color:rgba(118,240,197,.7)
}
.reference-field-grid .research-field-tile:focus-visible{outline:2px solid var(--spb-mint);outline-offset:4px}
.reference-field-grid .research-field-tile>span{
  all:unset;
  display:block;
  position:relative;
  z-index:2;
  max-width:18ch;
  font:750 clamp(1rem,1.5vw,1.48rem)/1.22 Manrope,system-ui,sans-serif;
  letter-spacing:-.025em;
  color:#fff;
  text-shadow:0 3px 20px rgba(0,0,0,.65)
}
.reference-field-grid .research-field-tile>small{
  position:relative;
  z-index:2;
  display:flex;
  gap:.65rem;
  align-items:center;
  margin-top:.8rem;
  font:750 .58rem/1.1 Manrope,system-ui,sans-serif;
  color:#d1fff0;
  letter-spacing:.12em
}
.reference-field-grid .research-field-tile>small span{all:unset;font-size:1rem}
.research-field-fat-loss{--tile-photo:url("/assets/inspiration/spb-research-field-fat-loss.webp")}
.research-field-neurology{--tile-photo:url("/assets/inspiration/spb-research-field-neurology.webp")}
.research-field-hormonal-fertility{--tile-photo:url("/assets/inspiration/spb-research-field-hormonal-fertility.webp")}
.research-field-immune-modulation{--tile-photo:url("/assets/inspiration/spb-research-field-immune-modulation.webp")}
.research-field-muscle-research{--tile-photo:url("/assets/inspiration/spb-research-field-muscle-research.webp")}
.research-field-recovery-research{--tile-photo:url("/assets/inspiration/spb-research-field-recovery-research.webp")}
.research-field-sexual-health{--tile-photo:url("/assets/inspiration/spb-research-field-sexual-health.webp")}
.research-field-skin-research{--tile-photo:url("/assets/inspiration/spb-research-field-skin-research.webp")}
.research-fields-note{margin:1rem 0 0;color:#9999a9;font-size:.85rem}

/* Reposition molecular floating composition from the metrics area onto the research fields. */
.peptide-spectrum.motion-bg-c{
  position:relative;
  isolation:isolate;
  background:linear-gradient(112deg,#0a0b10,#12121c 61%,#0b0a12)!important
}
.peptide-spectrum.motion-bg-c .ambient-c{
  right:-13vw;
  top:-8%;
  bottom:auto;
  width:min(75vw,1100px);
  background-size:contain;
  background-position:center;
  opacity:.28;
  filter:saturate(.9);
  z-index:0;
  mask-image:radial-gradient(ellipse,#000 42%,transparent 80%);
  -webkit-mask-image:radial-gradient(ellipse,#000 42%,transparent 80%)
}
.peptide-spectrum .spectrum-head,.peptide-spectrum .spectrum-marquee{position:relative;z-index:2}
.company-profile{
  background:linear-gradient(180deg,#0a0b10,#111019)!important
}
.company-profile .section-head{max-width:100%}

/* An actual company narrative instead of talking about which brand owns the website. */
.parent-section{
  background:
    radial-gradient(circle at 10% 20%,rgba(118,240,197,.08),transparent 26rem),
    radial-gradient(circle at 84% 68%,rgba(185,156,255,.12),transparent 29rem),
    linear-gradient(145deg,#0c0d12,#16131d)!important
}
.parent-inner-editorial{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(230px,.5fr);gap:clamp(2rem,5vw,5rem);align-items:center}
.parent-inner-editorial h2{max-width:16ch;line-height:1.02}
.parent-inner-editorial p{max-width:72ch;color:#b6b5c3;line-height:1.75;margin:.8rem 0}
.parent-actions{display:flex;align-items:center;flex-wrap:wrap;gap:1rem;margin-top:2rem}
.cbg-identity{
  display:flex;
  min-height:330px;
  flex-direction:column;
  justify-content:center;
  align-items:center;
  padding:2rem;
  border-radius:28px;
  border:1px solid rgba(255,255,255,.13);
  background:linear-gradient(145deg,rgba(255,255,255,.07),rgba(255,255,255,.02));
  box-shadow:0 25px 65px rgba(0,0,0,.17);
  backdrop-filter:blur(18px)
}
.cbg-identity img{
  display:block;
  width:min(100%,195px);
  height:auto;
  aspect-ratio:1;
  object-fit:contain;
  background:transparent!important;
  border-radius:0!important;
  filter:drop-shadow(0 14px 24px rgba(0,0,0,.2))
}
.cbg-identity span{margin-top:1.3rem;color:#f1f1f6;font-size:clamp(.96rem,1.4vw,1.18rem);font-weight:800;letter-spacing:.08em;text-align:center}
.group-logos{display:grid;gap:.9rem;min-width:0}
.group-logo-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;margin:0;min-height:0;padding:1.15rem 1rem 1rem;border-radius:28px;border:1px solid rgba(255,255,255,.28);background:rgba(255,255,255,.15);box-shadow:0 18px 40px rgba(8,24,40,.16),inset 0 1px rgba(255,255,255,.3);backdrop-filter:blur(18px) saturate(1.4);-webkit-backdrop-filter:blur(18px) saturate(1.4);text-decoration:none;color:#f4fbff}
.group-logo-card img,.group-logo-gpb img{display:block;width:min(100%,220px);height:auto;max-height:240px;object-fit:contain;background:transparent;border-radius:0}
.group-logo-card figcaption,.group-logo-card span{color:#f4fbff;font-size:.98rem;font-weight:700;letter-spacing:.01em;text-align:center;line-height:1.35}
.group-logo-gpb:hover{border-color:rgba(20,110,150,.45)}
.spb-contact-page .group-logos-row{grid-template-columns:repeat(2,minmax(0,1fr));width:min(calc(100% - 72px),var(--max));max-width:var(--max);margin-inline:auto}
.spb-contact-page .spb-group-band{padding:0 0 1.2rem}
.section.soft .container.group-about-layout{display:flex;flex-direction:row;align-items:center;justify-content:space-between;gap:1.75rem}
.section.soft .container.group-about-layout>.group-about-copy{flex:1 1 auto;min-width:0;max-width:none}
.section.soft .container.group-about-layout>.group-logos{flex:0 0 clamp(161px,14.8vw,265px);width:clamp(161px,14.8vw,265px);max-width:clamp(161px,14.8vw,265px);display:grid;grid-template-columns:minmax(0,1fr);gap:.8rem;margin:0}
.group-about-layout .group-logo-card{box-sizing:border-box;width:100%;max-width:none;padding:clamp(.5rem,0.7vw,.8rem) clamp(.35rem,0.45vw,.6rem);border-radius:clamp(18px,1.3vw,24px);background:rgba(255,255,255,.75);border-color:rgba(255,255,255,.5);color:#10283a;box-shadow:none}
.group-about-layout .group-logo-card img,.group-about-layout .group-logo-gpb img{width:55%;max-width:none;height:auto;max-height:none}
.group-about-layout .group-logo-card figcaption,.group-about-layout .group-logo-card span{color:#143044;font-size:clamp(.83rem,1.09vw,1.09rem);font-weight:700;line-height:1.25;letter-spacing:0}
@media(max-width:720px){
  .section.soft .container.group-about-layout{flex-direction:column;align-items:flex-start}
  .section.soft .container.group-about-layout>.group-logos{flex:none;width:min(100%,506px);max-width:none;grid-template-columns:repeat(2,minmax(0,1fr))}
  .group-about-layout .group-logo-card{width:100%}
}
.group-about-story{max-width:none}
.group-about-story strong{color:#f7fbff;font-weight:800}
.group-about-story p{color:#b9b7c4;font-size:1rem;line-height:1.8}
.group-about-actions{display:flex;align-items:center;gap:1.4rem;flex-wrap:wrap;margin-top:1.8rem}

/* Ensure SPB reception imagery remains properly cropped and brand visible. */
.who-we-are-section{background:linear-gradient(155deg,#090b10,#12131b)!important;color:#f4f3f8}
.who-we-are-section .photo-wrap{overflow:hidden;border-radius:28px;background:#171821}
.who-we-are-section .photo-wrap img{height:100%;min-height:550px;object-fit:cover;object-position:center}
.who-we-are-section h2{color:#f7f6fa}
.who-we-are-section p{color:#b6b5c3}
.research-field-visuals+.research-fields-note{position:relative;z-index:2}

@media(max-width:1050px){
 .reference-field-grid.research-field-visuals{grid-template-columns:repeat(2,minmax(0,1fr))}
 .reference-field-grid .research-field-tile{aspect-ratio:5/4;min-height:220px}
 .parent-inner-editorial{grid-template-columns:1fr}
 .cbg-identity{min-height:260px}
}
@media(max-width:600px){
 .reference-field-grid.research-field-visuals{gap:.65rem}
 .reference-field-grid .research-field-tile{min-height:190px;aspect-ratio:4/5;padding:.8rem}
 .reference-field-grid .research-field-tile>span{font-size:.98rem}
 .reference-field-grid .research-field-tile>small{font-size:.5rem}
 .peptide-spectrum.motion-bg-c .ambient-c{width:140vw;right:-70vw;top:10%;opacity:.16}
 .who-we-are-section .photo-wrap img{min-height:300px}
}
@media(prefers-reduced-motion:reduce){
 .reference-field-grid .research-field-tile{transition:none}
}

/* Research enquiry conversion journey */
.research-journey{
  position:relative;
  overflow:hidden;
  border-top:1px solid rgba(255,255,255,.10);
  border-bottom:1px solid rgba(255,255,255,.10);
  background:
    radial-gradient(circle at 2% 12%,rgba(118,240,197,.10),transparent 25rem),
    radial-gradient(circle at 97% 83%,rgba(185,156,255,.11),transparent 29rem),
    linear-gradient(150deg,#101018,#0b0c11 62%,#12111b);
}
.research-journey-head{display:grid;grid-template-columns:1.25fr .75fr;align-items:end;gap:clamp(2rem,5vw,7rem)}
.research-journey-head h2{font-size:clamp(2.7rem,5.2vw,5.9rem);line-height:.95;letter-spacing:-.06em;max-width:17ch}
.research-journey-head>p{max-width:50ch;color:#b9b7c6;line-height:1.8}
.research-journey-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:.8rem;margin-top:clamp(2.5rem,5vw,5rem)}
.research-journey-steps article{position:relative;overflow:hidden;min-height:285px;padding:clamp(1.25rem,2vw,2rem);border:1px solid rgba(255,255,255,.12);border-radius:24px;background:linear-gradient(145deg,rgba(255,255,255,.06),rgba(255,255,255,.018));box-shadow:inset 0 1px rgba(255,255,255,.07);transition:transform .3s ease,border-color .3s ease}
.research-journey-steps article:hover{transform:translateY(-6px);border-color:rgba(118,240,197,.5)}
.research-journey-steps article>span{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid rgba(118,240,197,.3);border-radius:50%;color:var(--spb-mint);font:800 .78rem Manrope,sans-serif}
.research-journey-steps h3{margin:clamp(2rem,4vw,3.5rem) 0 .7rem;line-height:1.18;font-size:clamp(1.1rem,1.45vw,1.45rem)}
.research-journey-steps p{font-size:.91rem;line-height:1.7;color:#aba9ba}
.research-journey-actions{display:flex;flex-wrap:wrap;align-items:center;gap:1.5rem;margin-top:2.2rem}
@media(max-width:1000px){.research-journey-steps{grid-template-columns:repeat(2,minmax(0,1fr))}.research-journey-head{grid-template-columns:1fr}}
@media(max-width:600px){.research-journey-steps{grid-template-columns:1fr}.research-journey-steps article{min-height:0}.research-journey-steps h3{margin-top:1.8rem}}
@media(prefers-reduced-motion:reduce){.research-journey-steps article{transition:none}}


/* 2026-10-08 targeted visual QA: editorial, statistics, factory, company, map */
/* Editorial: kicker + headline occupy the LEFT column; description lives on the right.
   Previously the three direct grid children flowed into a disjoint, almost empty layout. */
.front-editorial-intro{
  display:grid;
  grid-template-columns:minmax(0,1.25fr) minmax(290px,.75fr);
  grid-template-rows:auto auto;
  align-items:end;
  column-gap:clamp(2rem,5vw,5rem);
  row-gap:.85rem;
  margin-bottom:clamp(2.2rem,4.2vw,4.5rem)
}
.front-editorial-intro .eyebrow{grid-column:1;grid-row:1;align-self:end;margin:0}
.front-editorial-intro h2{
  grid-column:1;grid-row:2;align-self:end;
  max-width:12ch;
  font-size:clamp(2.7rem,4.5vw,5.2rem);
  line-height:1.03;letter-spacing:-.056em;margin:0
}
.front-editorial-intro>p:last-child{
  grid-column:2;grid-row:2;align-self:end;
  max-width:46ch;
  font-size:clamp(.98rem,1.23vw,1.16rem);
  line-height:1.74;margin:0 0 .25rem
}
.inline-editorial-link{color:#a1eedb;text-decoration:underline;text-underline-offset:.2em}

/* Reference-inspired research picture tiles. No background image repeats. */
.reference-field-grid.research-field-visuals{
  align-items:stretch;
  column-gap:clamp(.65rem,1.3vw,1.15rem);
  row-gap:clamp(.65rem,1.3vw,1.15rem)
}
.reference-field-grid .research-field-tile{
  aspect-ratio:4/5;min-height:0;
  border-radius:28px;padding:clamp(1rem,1.7vw,1.65rem);
  justify-content:flex-end;
  background-size:cover;background-position:center;
  transform:translate3d(0,0,0)
}
.reference-field-grid .research-field-tile::before{
  background:linear-gradient(180deg,rgba(8,9,14,.02) 12%,rgba(8,9,14,.19) 45%,rgba(8,9,14,.86) 100%)
}
.reference-field-grid .research-field-tile>span{font-size:clamp(1.05rem,1.65vw,1.55rem)}
.reference-field-grid .research-field-tile>small{
  display:inline-flex;max-width:max-content;
  border-bottom:1px solid rgba(164,244,218,.7);
  padding-bottom:.35rem;
  margin-top:.9rem;letter-spacing:.095em
}
.catalog-category[id]{scroll-margin-top:125px}
.catalog-category[id]:target{border-color:rgba(118,240,197,.7);box-shadow:0 0 0 2px rgba(118,240,197,.12)}

/* Stat content never extends beyond its own tile at common desktop widths. */
.company-profile .section-head{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,.66fr);align-items:end;gap:3rem}
.profile-stats{grid-template-columns:repeat(5,minmax(0,1fr));gap:clamp(.55rem,1vw,.9rem)}
.profile-stats article{
  box-sizing:border-box;min-width:0;min-height:180px;overflow:hidden;
  padding:clamp(1rem,1.5vw,1.6rem);
  gap:.8rem;justify-content:flex-end
}
.profile-stats article strong{
  display:block;max-width:100%;font-size:clamp(1.7rem,2.65vw,3.2rem);
  font-weight:750;line-height:1.02;letter-spacing:-.055em;
  white-space:nowrap;font-variant-numeric:tabular-nums
}
.profile-stats article span{
  display:block;min-height:2.5em;line-height:1.4;
  font-size:clamp(.8rem,1vw,.95rem)
}

/* Slow, full-bleed motion on the connected research platform with no recycled photo. */
.motion-research-platform{
  position:relative;isolation:isolate;overflow:hidden;
  background:linear-gradient(160deg,#0b0c11,#12121d 55%,#0a0b11)!important
}
.motion-research-platform::before,.motion-research-platform::after{
  content:"";position:absolute;z-index:-1;pointer-events:none;
  width:70vw;height:70vw;max-width:1000px;max-height:1000px;
  border-radius:50%;
  animation:researchAura 22s ease-in-out infinite alternate;
  filter:blur(10px)
}
.motion-research-platform::before{
  top:-35%;left:-25%;
  background:radial-gradient(circle,rgba(118,240,197,.14) 0,rgba(82,161,211,.07) 40%,transparent 68%)
}
.motion-research-platform::after{
  right:-30%;bottom:-70%;animation-direction:alternate-reverse;
  background:radial-gradient(circle,rgba(185,156,255,.16) 0,rgba(78,155,190,.06) 40%,transparent 68%)
}
.motion-research-platform>.container{position:relative;z-index:2}
@keyframes researchAura{
 from{transform:translate3d(-5%,4%,0) scale(.92) rotate(-6deg)}
 to{transform:translate3d(13%,-7%,0) scale(1.12) rotate(11deg)}
}

/* Factory preview: photo remains clean, and caption is OUTSIDE it. */
.factory-feature-section{padding-block:clamp(5rem,9vw,9rem)}
.factory-feature-section .feature-grid{align-items:center;gap:clamp(2rem,5vw,5.5rem)}
.factory-feature-section .feature-grid>div:first-child h2{
 font-size:clamp(2.6rem,5.1vw,5.4rem);line-height:.98;letter-spacing:-.055em
}
.factory-feature-photo{min-width:0;position:relative;overflow:visible;padding:8px;margin:0;border-radius:28px}
.factory-feature-photo>a{
 display:block;position:relative;isolation:isolate;overflow:hidden;
 border-radius:28px;background:#12131a
}
.factory-feature-photo>a>img{
 display:block;width:100%;height:auto;max-height:510px;
 aspect-ratio:16/10;min-height:0!important;object-fit:cover;
 border-radius:28px;filter:saturate(.86) contrast(1.04)
}
.factory-feature-photo .factory-play{
 position:absolute;z-index:2;top:50%;left:50%;
 transform:translate(-50%,-50%);
 display:grid;place-items:center;width:74px;height:74px;border-radius:50%;
 color:#fff;background:rgba(11,15,23,.65);border:1px solid rgba(255,255,255,.52);
 backdrop-filter:blur(14px);box-shadow:0 10px 36px rgba(0,0,0,.35);
 transition:background .25s,scale .25s;font-size:1.35rem
}
.factory-feature-photo>a:hover .factory-play{background:rgba(33,118,122,.9);scale:1.05}
.factory-feature-photo figcaption{
 display:flex;justify-content:space-between;align-items:center;gap:1rem;
 padding:1rem .5rem .35rem;color:#b7b6c1;
 font:650 clamp(.74rem,.95vw,.9rem)/1.45 Manrope,system-ui,sans-serif;
 letter-spacing:.01em
}

/* About: use SPB's real reception at a useful size beside factual company information. */
body:has(.about-company-layout) .page-intro{
 position:relative;isolation:isolate;overflow:hidden;
 background:radial-gradient(circle at 25% 20%,rgba(118,240,197,.13),transparent 28rem),
            linear-gradient(125deg,#10131b,#0a0a10)!important
}
body:has(.about-company-layout) .page-intro::before{
 content:"";position:absolute;inset:-40%;z-index:-1;
 pointer-events:none;
 background:radial-gradient(circle at 68% 40%,rgba(171,143,247,.18),transparent 24%),
            radial-gradient(circle at 15% 80%,rgba(89,196,215,.13),transparent 25%);
 animation:researchAura 22s ease-in-out infinite alternate
}
section:has(.about-company-layout){
 position:relative;overflow:hidden;isolation:isolate;
 background:
  radial-gradient(circle at 82% 12%,rgba(118,240,197,.10),transparent 28rem),
  linear-gradient(155deg,#0c0e16,#14131f 55%,#0c0d14)!important
}
section:has(.about-company-layout)::before{
 content:"";position:absolute;z-index:-1;pointer-events:none;
 width:80vw;height:60vw;right:-30vw;bottom:-30vw;
 background:radial-gradient(circle,rgba(174,147,255,.12),transparent 67%);
 animation:researchAura 28s ease-in-out infinite alternate-reverse
}
.about-company-layout{
 display:grid;grid-template-columns:minmax(0,1.12fr) minmax(0,.88fr);
 align-items:center;gap:clamp(2rem,5vw,6rem);
 margin-top:clamp(1.7rem,3vw,3rem)
}
.about-company-layout .split-text{columns:1;max-width:66ch;margin:0}
.about-company-layout .split-text p{font-size:clamp(1rem,1.2vw,1.13rem);line-height:1.8}
.about-company-photo{
 margin:0;min-width:0;overflow:hidden;padding:9px;border-radius:28px;
 border:1px solid rgba(255,255,255,.15);
 background:rgba(255,255,255,.045)
}
.about-company-photo img{
 width:100%;height:auto;max-height:400px;aspect-ratio:6/5;
 object-fit:cover;object-position:center 34%;border-radius:28px;
 display:block
}
.about-company-photo figcaption{
 font-size:.76rem;letter-spacing:.05em;color:#a7d5d3;
 padding:1rem .55rem .3rem
}

/* Journey: reduce headline width pressure and align 4 cards consistently. */
.research-journey{padding-block:clamp(5rem,8vw,8rem)}
.research-journey-head{grid-template-columns:minmax(0,1.05fr) minmax(0,.8fr);gap:clamp(2rem,5vw,6rem)}
.research-journey-head h2{
 max-width:17ch;font-size:clamp(2.6rem,4.25vw,4.7rem);
 line-height:1.06;letter-spacing:-.048em;
 overflow-wrap:normal;word-break:normal
}
.research-journey-steps{gap:clamp(.7rem,1vw,1rem)}
.research-journey-steps article{min-height:265px;padding:clamp(1.2rem,1.8vw,1.8rem)}
.research-journey-steps h3{
 margin:2.2rem 0 .7rem;line-height:1.22;
 font-size:clamp(1.08rem,1.32vw,1.38rem);
 letter-spacing:-.025em
}
.research-journey-steps p{line-height:1.68}

/* Larger, balanced map without misrepresenting a nearby business as SPB. */
.contact-map-grid{grid-template-columns:minmax(300px,.8fr) minmax(0,1.3fr);align-items:stretch}
.map-frame{aspect-ratio:16/10;min-height:450px;border-radius:28px}
.map-frame iframe{display:block;width:100%;height:100%;min-height:450px}
.map-location-note{color:#aeb0bd;font-size:.83rem;line-height:1.55;max-width:35ch}

/* Avoid content getting hidden by the floating header after a catalogue card link. */
html{scroll-padding-top:115px}
@media(max-width:1100px){
 .profile-stats{grid-template-columns:repeat(3,minmax(0,1fr))}
 .profile-stats article strong{font-size:clamp(1.9rem,3.7vw,3rem)}
 .company-profile .section-head{grid-template-columns:1fr;gap:1.3rem}
}
@media(max-width:820px){
 .front-editorial-intro{display:flex;flex-direction:column;align-items:flex-start;gap:1.15rem}
 .front-editorial-intro h2{max-width:15ch;font-size:clamp(2.65rem,7vw,4.6rem)}
 .front-editorial-intro>p:last-child{max-width:62ch}
 .about-company-layout,.research-journey-head{grid-template-columns:1fr}
 .about-company-photo{max-width:680px}
 .contact-map-grid{grid-template-columns:1fr}
 .map-frame{aspect-ratio:16/9;min-height:350px}
 .map-frame iframe{min-height:350px}
}
@media(max-width:600px){
 .front-editorial-intro h2{font-size:clamp(2.45rem,9vw,3.5rem)}
 .profile-stats{grid-template-columns:repeat(2,minmax(0,1fr))}
 .profile-stats article{min-height:145px;padding:1rem}
 .profile-stats article strong{font-size:clamp(1.65rem,6.1vw,2.4rem)}
 .profile-stats article:last-child{grid-column:1/-1;min-height:130px}
 .reference-field-grid .research-field-tile{aspect-ratio:4/5}
 .research-journey-head h2{font-size:clamp(2.5rem,8.5vw,3.55rem)}
 .research-journey-steps{grid-template-columns:1fr}
 .factory-feature-photo .factory-play{width:56px;height:56px}
 .map-frame,.map-frame iframe{min-height:300px}
}
@media(prefers-reduced-motion:reduce){
 .motion-research-platform::before,.motion-research-platform::after,
 body:has(.about-company-layout) .page-intro::before,
 section:has(.about-company-layout)::before{animation:none!important}
}

/* Editorial image: one unique, metadata-clean photo, not a repeated tile background. */
.front-editorial-side{
 grid-column:2;grid-row:1/3;
 display:flex;flex-direction:column;justify-content:flex-end;
 align-items:stretch;gap:clamp(1.1rem,1.7vw,1.8rem);
 min-width:0
}
.front-editorial-side>p{
 margin:0;max-width:48ch;color:#aaa8b7;
 font-size:clamp(.98rem,1.2vw,1.14rem);line-height:1.75
}
.front-editorial-visual{margin:0;min-width:0;overflow:hidden;border-radius:28px;border:1px solid rgba(255,255,255,.13)}
.front-editorial-visual img{
 display:block;width:100%;height:clamp(180px,20vw,320px);
 object-fit:cover;object-position:center 48%;border-radius:28px;
 filter:saturate(.82) contrast(1.07)
}
@media(max-width:820px){
 .front-editorial-side{width:100%;align-self:stretch}
 .front-editorial-visual img{height:clamp(220px,47vw,370px)}
}


/* Page backdrop stays flat. The laboratory film is a real <video>, not a scaled still. */
body{background:#06111d}
body::before,
body::after{
  content:none;
  animation:none;
  background:none;
}
.intro-strip,.reception-section,.products-section,.soft,.tour-section,.notice-section,.site-footer,.assurance-section,.values-section{
  background-image:
    radial-gradient(520px 280px at 12% 0%, rgba(96,206,226,.16), transparent 70%),
    radial-gradient(460px 260px at 92% 100%, rgba(70,104,190,.14), transparent 68%);
  background-color:#071421}
.intro-strip{background-color:#0a1d2e}
.site-footer{background-color:#040e19}
.notice-section{background-color:#102e42}
.section-ink::before,.feature-section::before,.products-section::before,.assurance-section::before,.values-section::before,.parent-section::before,.page-intro::before,.soft::before,.contact-band::before{
  filter:blur(36px);
  background:
    radial-gradient(ellipse at 18% 28%, rgba(90,214,232,.32), transparent 34%),
    radial-gradient(ellipse at 82% 68%, rgba(78,108,210,.26), transparent 36%),
    radial-gradient(ellipse at 48% 90%, rgba(46,160,184,.16), transparent 32%)}
@media(prefers-reduced-motion:reduce){
  body::before,body::after,
  .section-ink::before,.feature-section::before,.products-section::before,.assurance-section::before,.values-section::before,.parent-section::before,.page-intro::before,.soft::before,.contact-band::before{
    animation:none}
}
.wholesale-section>.container,.price-preview>.container,.assurance-section>.container,.catalog-directory>.container,.research-journey>.container,.parent-section>.container{position:relative;z-index:1}
@keyframes spbEmptyDrift{from{transform:translate3d(-3%,-2%,0) scale(1)}to{transform:translate3d(4%,3%,0) scale(1.07)}}
@media(prefers-reduced-motion:reduce){
  .contact-verify-ribbon::after,.wholesale-section::before,.price-preview::before,.assurance-section::before,.catalog-directory::before,.research-journey::before,.parent-section::before{animation:none}
}
h1,h2,h3,p,li,figcaption{text-wrap:pretty}
.site-header .brand img.spb-wordmark-text,.site-header .brand img.spb-wordmark-mark{width:auto;height:auto;object-fit:contain}
.main-nav{gap:.75rem}
.main-nav a{color:#f3f7f8;font-size:.88rem;font-weight:700;padding:.5rem .7rem;border-radius:10px}
.main-nav .nav-contact{display:inline-flex;align-items:center;justify-content:center;border-radius:12px;padding:.58rem 1.2rem;line-height:1.15;font-weight:800;color:#07141c}
@media(max-width:1180px){
  .menu-toggle{display:flex;align-items:center;gap:.55rem;border:1px solid rgba(166,214,232,.3);border-radius:12px;background:rgba(163,216,232,.1);color:#eef9fb;padding:.55rem .9rem}
  .main-nav{display:none;position:absolute;top:calc(100% + 9px);left:0;right:0;z-index:40;flex-direction:column;align-items:stretch;gap:.15rem;border-radius:18px;background:rgba(7,23,37,.96);border:1px solid rgba(166,214,232,.24);box-shadow:0 30px 65px rgba(0,0,0,.4);padding:.7rem;max-height:calc(100svh - 120px);overflow:auto}
  .menu-open .main-nav{display:flex}
  .main-nav a{font-size:1rem;padding:.8rem .9rem}
  .main-nav .nav-contact{justify-content:center;margin-top:.25rem}
}
@media(max-width:800px){
  .contact-verify-ribbon{font-size:.78rem}
  .contact-verify-ribbon a{overflow:hidden}
  .verify-ribbon-track{width:max-content;justify-content:flex-start;gap:0;overflow:visible;animation:ribbonMarquee 18s linear infinite}
  .verify-ribbon-group{display:inline-flex;align-items:center;gap:1.15rem;padding-right:2.6rem}
  .verify-ribbon-group>span:first-child{color:var(--spb-mint);letter-spacing:.14em}
  .contact-verify-ribbon:hover .verify-ribbon-track,.contact-verify-ribbon:focus-within .verify-ribbon-track{animation-play-state:paused}
}
.verify-ribbon-group{display:inline-flex;align-items:center;gap:1.35rem;padding-right:2.4rem}
.verify-ribbon-group>span:first-child{color:var(--spb-mint);letter-spacing:.14em}
.verify-ribbon-group[aria-hidden="true"]{display:none}
@media(max-width:800px){.verify-ribbon-group[aria-hidden="true"]{display:inline-flex}}
@keyframes ribbonMarquee{from{transform:translateX(0)}to{transform:translateX(-50%)}}
@media(prefers-reduced-motion:reduce){.verify-ribbon-track{animation:none!important}}
.page-intro{padding-top:calc(6.2rem + 2.4rem)}
@media(max-width:800px){.page-intro{padding-top:calc(5.4rem + 2.6rem)}}
@media(max-width:520px){.page-intro{padding-top:calc(5.1rem + 2.2rem)}}
@media(max-width:980px){
  .section-head{flex-direction:column;align-items:flex-start;gap:1rem}
  .section-head>div,.section-head>p{width:100%;max-width:none}
  .section-head h2{max-width:16ch;font-size:clamp(2rem,6vw,2.8rem)}
  .assurance-section{padding-block:clamp(3rem,7vw,4.5rem)}
  .assurance-grid{grid-template-columns:1fr;gap:.8rem}
  .assurance-grid article{padding:1.15rem 1.15rem 1.25rem}
  .assurance-grid p{margin-top:.7rem}
}

.spb-contact-hero-grid,.spb-contact-board-grid{display:grid;gap:1.25rem;align-items:start}
.spb-contact-hero-grid{grid-template-columns:minmax(0,1.35fr) minmax(240px,.72fr);align-items:stretch}
.spb-contact-hero h1{max-width:18ch;font-size:clamp(2.15rem,3.6vw,3.35rem);margin:0 0 .55rem;color:#f7fcff}
.spb-hero-copy{padding:1.35rem 1.4rem 1.25rem;border:1px solid rgba(166,214,232,.24);border-radius:28px;background:rgba(8,20,32,.78);box-shadow:0 24px 60px rgba(0,0,0,.28);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}
.spb-hero-copy .eyebrow{color:#9fe4f2}
.spb-hero-copy .lead{max-width:none;margin:0;color:#e7f3f8}
.spb-contact-page .page-intro{padding:calc(6.2rem + .85rem) 0 1rem}
.spb-contact-page .spb-contact-board,.spb-contact-page .contact-map-section{padding:1rem 0 2.6rem}
.spb-ways-card,.spb-direct-card,.spb-tips-card,.spb-contact-page .map-address-card{border:1px solid rgba(166,214,232,.24);border-radius:28px;background:rgba(8,20,32,.62);color:#f4fbff;box-shadow:0 24px 60px rgba(0,0,0,.28);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}
.spb-ways-card{padding:1.5rem 1.45rem 1.35rem}
.spb-ways-card h2,.spb-direct-card h2,.spb-tips-card h2,.spb-enquiry h2{font-size:clamp(1.85rem,3vw,2.7rem);margin-bottom:.55rem}
.spb-ways-card p:last-of-type{color:#c5d7e1;margin-bottom:1rem}
.spb-ways-icons{display:flex;gap:.7rem}
.spb-ways-icons img,.spb-direct img,.spb-send img{width:2.55rem;height:2.55rem;display:block;flex:none}
.spb-contact-board{background:transparent}
.spb-contact-board-grid{grid-template-columns:minmax(0,1.35fr) minmax(280px,.78fr)}
.spb-enquiry{padding:clamp(1.3rem,2vw,1.8rem);background:rgba(8,20,32,.66);color:#f4fbff;border-color:rgba(166,214,232,.24);backdrop-filter:blur(22px) saturate(1.35);-webkit-backdrop-filter:blur(22px) saturate(1.35)}
.spb-enquiry h3{font-size:1.45rem;margin:.2rem 0 .85rem}
.spb-enquiry-note,.spb-send-foot p,.spb-direct-card>p,.spb-direct-note{color:#b7c9d3}
.spb-china-clock{display:block;margin-top:.45rem;color:#e8f6ff}
.spb-china-clock time{font-weight:750;font-variant-numeric:tabular-nums;letter-spacing:.03em}
.spb-enquiry label{display:grid;gap:.4rem;margin-top:.85rem;font-weight:650}
.spb-enquiry .spb-field-name{display:flex;align-items:baseline;gap:.35rem;flex-wrap:nowrap}
.spb-enquiry abbr{text-decoration:none;color:#8fd7ea}
.spb-enquiry .optional{color:#8ea3af;font-weight:500;font-size:.82rem}
.spb-message-meta,.spb-send-foot{display:flex;justify-content:space-between;gap:.8rem;align-items:center;color:#8ea3af;font-size:.92rem}
.spb-message-meta{margin-top:.45rem}
.spb-send-block{margin-top:1.4rem;padding-top:1.15rem;border-top:1px solid rgba(166,214,232,.16)}
.spb-enquiry .enquiry-channels{grid-template-columns:repeat(3,minmax(0,1fr));margin-top:0}
.spb-send{display:flex;flex-direction:column;align-items:flex-start;gap:.2rem;min-height:7.2rem;padding:.85rem;border:1px solid rgba(176,224,240,.28);border-radius:20px;background:linear-gradient(160deg,rgba(186,230,244,.16),rgba(70,140,176,.08));color:#f4fbff;text-align:left}
.spb-send strong{font-size:1.02rem}
.spb-send em{font-style:normal;font-size:.82rem;color:#d5e8f0}
.spb-send-tg{border-color:rgba(56,176,227,.75)}
.spb-send-wa{border-color:rgba(37,211,102,.72)}
.spb-send-em{border-color:rgba(120,176,240,.7)}
.spb-send:hover{transform:translateY(-2px)}
.spb-field-error{color:#f3d7b0;font-size:.95rem;font-weight:500}
.spb-enquiry .invalid{border-color:rgba(243,196,138,.85)!important;box-shadow:0 0 0 3px rgba(243,196,138,.16)}
.spb-contact-page .page-intro,.spb-contact-page .section,.spb-contact-page .contact-map-section{background:transparent;border-bottom-color:transparent}
.spb-contact-page .contact-verify-ribbon,.spb-contact-page main,.spb-contact-page .site-footer{position:relative;z-index:1}
.spb-contact-page .site-footer{background:rgba(4,14,25,.72);backdrop-filter:blur(16px)}
.spb-contact-page .spb-page-motion{position:fixed;inset:0;z-index:0;pointer-events:none;overflow:hidden;background:#e7f4fb}
.spb-contact-page .spb-field-far,.spb-contact-page .spb-field-near{position:absolute;width:128%;height:128%;max-width:none;object-fit:cover;mix-blend-mode:normal;pointer-events:none;filter:brightness(.55) saturate(.9)}
.spb-contact-page .spb-field-far{left:-14%;top:-12%;opacity:1;animation:spbMoleculeFar 42s ease-in-out infinite alternate}
.spb-contact-page .spb-field-near{right:-18%;left:auto;top:-8%;opacity:.5;animation:spbMoleculeNear 58s ease-in-out infinite alternate}
.spb-contact-page .spb-page-motion::after{content:"";position:absolute;inset:0;z-index:3;background:linear-gradient(180deg,rgba(6,17,29,.58),rgba(6,17,29,.42) 48%,rgba(6,17,29,.64))}
.spb-contact-page .page-intro h1{color:#f4fbff}
.spb-contact-page .page-intro .lead{color:#d5e4ee}
.spb-contact-page .page-intro .eyebrow{color:#8fd7ea}
.spb-neon-link{color:#d9fbff;font-weight:750;text-decoration:none;text-shadow:0 0 8px rgba(120,245,255,.95),0 0 18px rgba(70,210,255,.75);animation:spbNeon 2.2s ease-in-out infinite}
@keyframes spbNeon{0%,100%{color:#bff8ff;text-shadow:0 0 6px rgba(120,245,255,.7),0 0 14px rgba(70,210,255,.45)}50%{color:#fff;text-shadow:0 0 12px rgba(190,255,255,1),0 0 28px rgba(80,230,255,.95)}}
@media(prefers-reduced-motion:reduce){.spb-neon-link{animation:none}}
@keyframes spbMoleculeFar{from{transform:scale(1.05) translate3d(0,0,0)}to{transform:scale(1.14) translate3d(-3.5%,-2%,0)}}
@keyframes spbMoleculeNear{from{transform:scale(1.18) translate3d(3%,1%,0)}to{transform:scale(1.28) translate3d(-2%,-3%,0)}}
.spb-contact-page .spb-ways-card h2,.spb-contact-page .spb-enquiry h2,.spb-contact-page .spb-direct-card h2,.spb-contact-page .spb-tips-card h2,.spb-contact-page .map-address-card h2{color:#f4fbff}
.spb-contact-page .lead,.spb-contact-page .spb-ways-card p,.spb-contact-page .spb-direct-card>p,.spb-contact-page .spb-direct-note,.spb-contact-page .spb-enquiry label,.spb-contact-page .spb-tips-card span,.spb-contact-page .spb-send em{color:#c5d7e2}
.spb-contact-page .eyebrow{color:#8fd7ea}
.spb-contact-page .spb-china-clock,.spb-contact-page .spb-direct small{color:#9fe4f2}
.spb-contact-page .spb-direct strong,.spb-contact-page .spb-send,.spb-contact-page .spb-send strong{color:#f4fbff}
.spb-contact-page .spb-enquiry input,.spb-contact-page .spb-enquiry textarea{background:rgba(6,16,26,.72);color:#f4fbff;border-color:rgba(166,214,232,.28)}
.spb-contact-page .spb-enquiry input::placeholder,.spb-contact-page .spb-enquiry textarea::placeholder{color:#8aa0ad}
.spb-contact-page .spb-send{background:rgba(255,255,255,.06)}
.spb-contact-page .spb-tips-card li::before{color:#8fd7ea}
@media(prefers-reduced-motion:reduce){.spb-contact-page .spb-field-far,.spb-contact-page .spb-field-near{animation:none}}
.spb-send-foot{margin-top:.9rem}
.spb-send-foot p{margin:0}
.spb-contact-side{display:grid;gap:1rem}
.spb-direct-card,.spb-tips-card{padding:1.35rem 1.25rem 1.2rem}
.spb-direct{display:flex;gap:.85rem;align-items:center;padding:.85rem 0;border-top:1px solid rgba(176,224,240,.2);color:#fff}
.spb-direct small{display:block;color:#d7f3ff;font-size:.95rem;letter-spacing:0;font-weight:500}
.spb-direct strong{display:block}
.spb-direct-note{margin:.7rem 0 0;padding:.8rem .9rem;border-radius:16px;background:rgba(8,20,29,.45)}
.spb-tips-card ol{list-style:none;margin:0;padding:0;display:grid;gap:.75rem}
.spb-tips-card li{display:grid;grid-template-columns:auto 1fr;gap:.15rem .7rem;align-items:baseline}
.spb-tips-card li::before{counter-increment:tip;content:counter(tip,decimal-leading-zero);grid-row:span 2;color:#8fd7ea;font:800 .78rem Manrope,sans-serif}
.spb-tips-card ol{counter-reset:tip}
.spb-tips-card span{color:#b7c9d3}
@media(max-width:900px){
  .spb-contact-hero-grid,.spb-contact-board-grid,.spb-enquiry .enquiry-channels,.spb-contact-page .contact-map-grid,.spb-contact-page .group-logos-row{grid-template-columns:1fr}
  .spb-send{min-height:0;flex-direction:row;align-items:center}
  .spb-send em{margin-left:auto}
}
.spb-contact-page .contact-map-grid{grid-template-columns:minmax(0,.78fr) minmax(0,1.22fr);width:min(calc(100% - 72px),var(--max));max-width:var(--max);margin-inline:auto;min-width:0}
.spb-contact-page .map-address-card,.spb-contact-page .map-frame{min-width:0;max-width:100%;box-sizing:border-box}
.spb-contact-page .map-address-card{padding:1.35rem 1.25rem 1.2rem}
.spb-contact-page .map-address-card h2{font-size:clamp(1.85rem,3vw,2.7rem);line-height:1.08;max-width:none}
.spb-contact-page .map-frame{position:relative;overflow:hidden;height:100%;min-height:320px;aspect-ratio:auto;border:1px solid rgba(166,214,232,.24);border-radius:28px;background:rgba(8,20,32,.62);box-shadow:0 24px 60px rgba(0,0,0,.28)}
.spb-contact-page .map-frame iframe{position:absolute;inset:0;width:100%;height:100%;min-height:0;border:0;border-radius:28px}

@media(max-width:900px){
  .spb-contact-page .contact-map-grid{grid-template-columns:1fr}
  .spb-contact-page .map-frame{height:auto;min-height:340px}
}
/* Contact channel notice: one channel every 15 minutes, with a live countdown */
.spb-contact-page .form-result.route-notice{display:flex;flex-direction:column;gap:.3rem;margin:1rem 0 0;padding:1rem 1.15rem;border:1px solid;border-left-width:4px;border-radius:16px;font-size:.98rem;line-height:1.5;min-height:0}
.spb-contact-page .route-notice strong{font-size:1.06rem;font-weight:800;letter-spacing:.01em}
.spb-contact-page .route-notice.is-locked{color:#ffe7bd;background:rgba(255,208,138,.12);border-color:rgba(255,208,138,.55)}
.spb-contact-page .route-notice.is-locked strong{color:var(--spb-amber,#ffd08a)}
.spb-contact-page .route-notice.is-open{color:#d8f7ff;background:rgba(114,217,237,.11);border-color:rgba(114,217,237,.5)}
.spb-contact-page .route-notice.is-open strong{color:var(--blue,#72d9ed)}
.spb-contact-page .route-notice.is-ready{color:#d6fbec;background:rgba(118,240,197,.11);border-color:rgba(118,240,197,.5)}
.spb-contact-page .route-notice.is-ready strong{color:var(--spb-mint,#76f0c5)}
.spb-contact-page .route-countdown{display:inline-block;min-width:3.4ch;margin:0 .1rem;padding:.05rem .45rem;border-radius:8px;background:rgba(255,255,255,.1);color:#fff;font-weight:800;font-size:1.08em;font-variant-numeric:tabular-nums;text-align:center}
.spb-contact-page .route-sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}

/* Direct contacts: "Prefer to reach out directly?" block in the Direct contacts card */
.spb-contact-page .spb-direct-reach{margin-top:.2rem;padding:1rem 0 .3rem;border-top:1px solid rgba(176,224,240,.2)}
.spb-contact-page .spb-direct-reach-title{margin:0 0 .75rem;color:#f4fbff;font-weight:750;font-size:1rem;line-height:1.45}
.spb-contact-page .spb-direct-list{display:grid;gap:.55rem;margin:0}
.spb-contact-page .spb-direct-list>div{display:flex;flex-wrap:wrap;align-items:baseline;gap:.15rem .45rem;min-width:0}
.spb-contact-page .spb-direct-list dt{color:#f4fbff;font-weight:750}
.spb-contact-page .spb-direct-list dd{margin:0;min-width:0;overflow-wrap:anywhere}
.spb-contact-page .spb-direct-list a{color:#9fe4f2;text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:.22em;transition:color .15s ease}
.spb-contact-page .spb-direct-list a:hover{color:#e6fbff;text-decoration-thickness:2px}
.spb-contact-page .spb-direct-list a:focus-visible{outline:2px solid #72d9ed;outline-offset:3px;border-radius:4px}