/*
DESIGN SYSTEM EXTRACTED FROM THE REFERENCE MOCKUP
Palette: #0A0E1A to #12151F navy-black bases; #161B2C and #1C2236 elevated cards;
#3D5AFE to #4C6FFF electric-blue accents; #FFFFFF headings; #A8AFC2 body copy;
rgba(255,255,255,.08) borders. No light surfaces are used.
Gradients: every major section layers a restrained radial blue glow (#1B2A4A/#2A3F6E)
over the navy-black base. Alternating panels vary glow position and surface elevation rather
than changing to a light theme. Vehicle and product imagery receives a dark edge vignette.
Typography: "Barlow Condensed" 600/700 for tight, uppercase display headings; "Inter"
400/500/600/700 for legible UI and copy. Scale: H1 clamp(3.2rem,7.8vw,6.7rem),
H2 clamp(2.4rem,5vw,4.25rem), H3 1.55rem, body 1rem, meta .75rem.
Patterns: fully rounded blue or white-outline buttons; transparent product cutouts placed
directly on dark gradients with separate elliptical ground shadows; dark cards with low-opacity
borders; one solid-blue highlighted final card per key grid; radial light pools and ring motifs.
Layout: logo-left/nav-centre/CTA-right header; two-column hero; alternating split sections;
repeatable card and feature grids; blue-glow CTA banner; four-column dark footer.
*/

:root{--pmc-bg:#0a0e1a;--pmc-bg-alt:#12151f;--pmc-surface:#161b2c;--pmc-surface-high:#1c2236;--pmc-ink:#fff;--pmc-copy:#a8afc2;--pmc-muted:#9ca3b8;--pmc-line:rgba(255,255,255,.08);--pmc-blue:#3d5afe;--pmc-blue-light:#4c6fff;--pmc-blue-dark:#304de5;--pmc-blue-soft:rgba(61,90,254,.15);--pmc-dark:#0a0e1a;--pmc-red:#e5484d;--pmc-radius:12px;--pmc-shadow:0 22px 60px rgba(0,0,0,.42);--pmc-glow:0 0 35px rgba(61,90,254,.22)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--pmc-bg);color:var(--pmc-copy);font-family:Inter,Arial,sans-serif;line-height:1.65}body.menu-open{overflow:hidden}img{display:block;max-width:100%}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}.site-shell{overflow:hidden;background:radial-gradient(circle at 70% 8%,rgba(42,63,110,.28),transparent 22%),var(--pmc-bg)}.site-container{width:min(1180px,calc(100% - 40px));margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;transform:translateY(-150%);background:var(--pmc-blue);color:#fff;padding:10px 16px;border-radius:8px}.skip-link:focus{transform:none}a:focus-visible,button:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible{outline:3px solid #8aa0ff;outline-offset:3px}
.site-header{position:relative;z-index:50;background:rgba(10,14,26,.88);border-bottom:1px solid var(--pmc-line);backdrop-filter:blur(18px)}.header-inner{min-height:82px;display:flex;align-items:center;gap:34px}.brand-logo{display:inline-flex;align-items:center;gap:11px;color:#fff;font-weight:800;letter-spacing:-.03em;white-space:nowrap}.brand-logo-mark{display:grid;place-items:center;width:38px;height:38px;border-radius:10px;background:var(--pmc-blue);color:#fff;font-family:"Barlow Condensed",sans-serif;font-size:21px;transform:skewX(-8deg);box-shadow:0 0 24px rgba(61,90,254,.32)}.brand-logo-text{font-size:17px}.primary-navigation{margin-left:auto}.navigation-list{display:flex;align-items:center;gap:24px;margin:0;padding:0;list-style:none}.navigation-link{position:relative;color:var(--pmc-copy);font-size:13px;font-weight:600}.navigation-link:after{position:absolute;right:0;bottom:-10px;left:0;height:2px;background:var(--pmc-blue-light);content:"";transform:scaleX(0);transition:transform .2s}.navigation-link:hover,.navigation-link.is-active{color:#fff}.navigation-link.is-active:after{transform:scaleX(1)}.mobile-menu-button{display:none;margin-left:auto;border:0;background:transparent;color:#fff;padding:8px}.mobile-menu-lines,.mobile-menu-lines:before,.mobile-menu-lines:after{display:block;width:24px;height:2px;background:currentColor;content:"";transition:.2s}.mobile-menu-lines:before{transform:translateY(-7px)}.mobile-menu-lines:after{transform:translateY(5px)}
.button-primary,.button-secondary,.button-light{display:inline-flex;min-height:48px;align-items:center;justify-content:center;gap:9px;padding:0 22px;border:1px solid transparent;border-radius:999px;font-size:14px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s,border-color .2s}.button-primary{background:var(--pmc-blue);color:#fff;box-shadow:0 10px 26px rgba(61,90,254,.26)}.button-primary:hover{background:var(--pmc-blue-light);transform:translateY(-2px);box-shadow:0 0 30px rgba(76,111,255,.42)}.button-secondary{background:transparent;border-color:rgba(255,255,255,.45);color:#fff}.button-secondary:hover{border-color:#fff;background:rgba(255,255,255,.06);transform:translateY(-2px)}.button-light{background:#fff;color:#18254b}.button-light:hover{transform:translateY(-2px);box-shadow:0 0 28px rgba(255,255,255,.24)}.header-trade-button{min-height:40px;padding-inline:18px}.button-arrow{font-size:18px}
.section-block{position:relative;padding:112px 0;background:radial-gradient(circle at 72% 45%,rgba(42,63,110,.2),transparent 28%),linear-gradient(180deg,#0a0e1a,#101521)}.section-block-compact{padding:74px 0}.section-white{background:radial-gradient(circle at 22% 50%,rgba(42,63,110,.2),transparent 28%),linear-gradient(180deg,#12151f,#0d111d)}.section-dark{background:radial-gradient(circle at 50% 105%,rgba(61,90,254,.23),transparent 32%),linear-gradient(180deg,#0a0e1a,#12151f);color:var(--pmc-copy)}.section-blue-soft{background:radial-gradient(circle at 18% 32%,rgba(61,90,254,.2),transparent 31%),linear-gradient(135deg,#101522,#151b2b)}.eyebrow-label{display:inline-flex;align-items:center;gap:9px;margin-bottom:18px;color:var(--pmc-muted);font-size:12px;font-weight:800;letter-spacing:.16em;text-transform:uppercase}.eyebrow-label:before{width:24px;height:2px;background:var(--pmc-blue-light);content:""}.display-heading,.section-heading,.card-heading,.page-heading{margin:0;color:#fff;font-family:"Barlow Condensed",Arial,sans-serif;font-weight:700;line-height:.96;letter-spacing:-.025em;text-transform:uppercase}.display-heading{max-width:820px;font-size:clamp(3.2rem,7.8vw,6.7rem)}.section-heading{font-size:clamp(2.4rem,5vw,4.25rem)}.page-heading{font-size:clamp(3rem,6vw,5.5rem)}.card-heading{font-size:1.55rem;line-height:1.05}.section-heading-light,.page-heading-light{color:#fff}.lead-copy{max-width:680px;font-size:18px;color:var(--pmc-copy)}.small-copy{font-size:14px;color:var(--pmc-muted)}.section-intro{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:48px}.section-intro-copy{max-width:560px}.button-row{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.home-hero{position:relative;padding:82px 0 102px;background:radial-gradient(ellipse at 72% 38%,rgba(76,111,255,.34) 0%,rgba(42,63,110,.24) 22%,transparent 52%),linear-gradient(145deg,#0a0e1a 0%,#12151f 62%,#0a0e1a 100%)}.home-hero:after{position:absolute;right:-180px;bottom:-240px;width:620px;height:620px;border:1px solid rgba(76,111,255,.13);border-radius:50%;box-shadow:0 0 0 70px rgba(61,90,254,.025),0 0 0 150px rgba(61,90,254,.018);content:""}.hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:1.02fr .98fr;align-items:center;gap:58px}.hero-copy{padding-block:40px}.hero-copy .lead-copy{max-width:610px;margin-top:28px}.hero-trust-row{display:flex;flex-wrap:wrap;gap:22px;margin-top:36px;color:#c6cbda;font-size:12px;font-weight:700}.hero-trust-item{display:flex;align-items:center;gap:7px}.hero-trust-dot{width:7px;height:7px;border-radius:50%;background:var(--pmc-blue-light);box-shadow:0 0 12px rgba(76,111,255,.7)}.hero-media{position:relative}.hero-image-frame{position:relative;overflow:hidden;min-height:580px;border:1px solid var(--pmc-line);border-radius:20px;background:#111625;box-shadow:0 34px 70px rgba(0,0,0,.58),0 0 45px rgba(61,90,254,.16)}.hero-image-frame img{width:100%;height:100%;min-height:580px;object-fit:cover;filter:saturate(.82) contrast(1.08)}.hero-image-frame:after{position:absolute;inset:0;background:radial-gradient(ellipse at 50% 72%,transparent 18%,rgba(10,14,26,.35) 67%,rgba(10,14,26,.7) 100%),linear-gradient(180deg,rgba(10,14,26,.05) 45%,rgba(10,14,26,.7));content:""}.hero-floating-card{position:absolute;right:-28px;bottom:28px;z-index:2;width:245px;padding:20px;border:1px solid rgba(255,255,255,.1);border-radius:12px;background:rgba(22,27,44,.92);box-shadow:var(--pmc-shadow),var(--pmc-glow);backdrop-filter:blur(14px)}.hero-floating-label{color:var(--pmc-blue-light);font-size:11px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.hero-floating-value{margin-top:4px;color:#fff;font-family:"Barlow Condensed";font-size:26px;font-weight:700;text-transform:uppercase}
.category-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.category-card{position:relative;overflow:hidden;border:1px solid var(--pmc-line);border-radius:var(--pmc-radius);background:linear-gradient(145deg,var(--pmc-surface-high),var(--pmc-surface));transition:transform .25s,border-color .25s,box-shadow .25s}.category-card:hover{transform:translateY(-6px);border-color:rgba(76,111,255,.58);box-shadow:var(--pmc-shadow),var(--pmc-glow)}.category-card-media{position:relative;overflow:hidden;aspect-ratio:16/10;background:#101522}.category-card-media:after{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(10,14,26,.68));content:""}.category-card-media img{width:100%;height:100%;object-fit:cover;filter:saturate(.72) brightness(.78);transition:transform .45s,filter .3s}.category-card:hover img{transform:scale(1.045);filter:saturate(.95) brightness(.9)}.category-card-body{padding:23px}.category-card-description{min-height:52px;margin:10px 0 18px;font-size:14px}.category-grid .category-card:last-child{border-color:transparent;background:linear-gradient(145deg,var(--pmc-blue-light),var(--pmc-blue))}.category-grid .category-card:last-child .category-card-description,.category-grid .category-card:last-child .text-link{color:#fff}.text-link{display:inline-flex;align-items:center;gap:8px;color:#7892ff;font-size:13px;font-weight:800}.text-link span{transition:transform .2s}.text-link:hover{color:#fff}.text-link:hover span{transform:translateX(4px)}
.split-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:76px}.split-media{position:relative}.split-image,.category-detail-image{position:relative;overflow:hidden;border:1px solid var(--pmc-line);border-radius:18px;box-shadow:var(--pmc-shadow)}.split-image:after,.category-detail-image:after{position:absolute;inset:0;background:radial-gradient(ellipse at center,transparent 40%,rgba(10,14,26,.55));content:""}.split-image img{width:100%;min-height:520px;object-fit:cover;filter:saturate(.8) brightness(.82)}.split-stat-card{position:absolute;right:-24px;bottom:32px;z-index:2;padding:22px;border-radius:12px;background:var(--pmc-blue);color:#fff;box-shadow:0 18px 40px rgba(61,90,254,.34)}.split-stat-number{display:block;font-family:"Barlow Condensed";font-size:34px;font-weight:700;line-height:1}.split-stat-label{font-size:12px}.check-list{display:grid;gap:12px;margin:28px 0 0;padding:0;list-style:none}.check-list-item{display:flex;gap:12px;color:#d6dae5;font-weight:600}.check-list-icon{display:grid;flex:0 0 22px;height:22px;place-items:center;border-radius:50%;background:var(--pmc-blue-soft);color:#8ba0ff;font-size:12px}
.icon-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:18px}.icon-card{padding:28px 22px;border:1px solid var(--pmc-line);border-radius:var(--pmc-radius);background:linear-gradient(145deg,var(--pmc-surface-high),var(--pmc-surface));transition:transform .2s,border-color .2s,box-shadow .2s}.icon-card:hover{transform:translateY(-4px);border-color:rgba(76,111,255,.48);box-shadow:var(--pmc-glow)}.icon-card:last-child{background:linear-gradient(145deg,var(--pmc-blue-light),var(--pmc-blue));color:#fff}.icon-card:last-child .icon-card-symbol{background:rgba(10,14,26,.2);color:#fff}.icon-card-symbol{display:grid;width:44px;height:44px;margin-bottom:22px;place-items:center;border:1px solid rgba(76,111,255,.22);border-radius:10px;background:var(--pmc-blue-soft);color:#8299ff;font-size:19px;font-weight:800}.icon-card p{margin-bottom:0;font-size:14px}.benefit-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.benefit-card{padding:30px;border:1px solid var(--pmc-line);border-radius:var(--pmc-radius);background:linear-gradient(145deg,#1c2236,#141927);transition:border-color .2s,transform .2s,box-shadow .2s}.benefit-card:hover{transform:translateY(-4px);border-color:rgba(76,111,255,.52);box-shadow:var(--pmc-glow)}.benefit-card:last-child{background:linear-gradient(145deg,var(--pmc-blue-light),var(--pmc-blue));border-color:transparent}.benefit-number{color:#8299ff;font-size:12px;font-weight:800;letter-spacing:.12em}.benefit-card:last-child .benefit-number{color:#fff}.benefit-card .card-heading{margin:34px 0 12px;color:#fff}.benefit-card p{margin:0;color:var(--pmc-copy);font-size:14px}.benefit-card:last-child p{color:#fff}
.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0;margin-top:54px}.process-step{position:relative;padding-right:34px}.process-step:not(:last-child):after{position:absolute;top:23px;right:12px;width:calc(100% - 62px);height:1px;background:rgba(255,255,255,.12);content:"";transform:translateX(100%)}.process-number{display:grid;position:relative;z-index:2;width:48px;height:48px;margin-bottom:24px;place-items:center;border:1px solid rgba(76,111,255,.58);border-radius:50%;background:#12182a;color:#8299ff;font-weight:800;box-shadow:0 0 24px rgba(61,90,254,.12)}.process-step p{font-size:14px}.cta-banner{position:relative;overflow:hidden;padding:78px;border:1px solid rgba(76,111,255,.32);border-radius:20px;background:radial-gradient(circle at 75% 50%,rgba(76,111,255,.38),transparent 34%),linear-gradient(120deg,#111729 0%,#172347 56%,#1d2f5c 100%);color:#c9d0e2;box-shadow:0 25px 70px rgba(0,0,0,.38)}.cta-banner:before{position:absolute;top:-190px;right:-80px;width:520px;height:520px;border:1px solid rgba(255,255,255,.1);border-radius:50%;box-shadow:0 0 0 65px rgba(61,90,254,.04),0 0 0 130px rgba(61,90,254,.025);content:""}.cta-banner-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}.cta-banner-copy{max-width:690px}.cta-banner .section-heading{color:#fff}.cta-banner p{max-width:620px}
.page-hero{position:relative;padding:92px 0;background:radial-gradient(circle at 76% 42%,rgba(61,90,254,.26),transparent 30%),linear-gradient(135deg,#0a0e1a,#151c2e 60%,#101523);color:var(--pmc-copy)}.page-hero:after{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);background-size:44px 44px;content:""}.page-hero-inner{position:relative;z-index:1;max-width:850px}.page-hero .lead-copy{color:var(--pmc-copy)}.breadcrumb-list{display:flex;gap:8px;margin:0 0 24px;padding:0;list-style:none;color:#81899d;font-size:12px}.breadcrumb-list a{color:#8198ff}.category-detail-hero{padding:56px 0;background:radial-gradient(circle at 72% 52%,rgba(61,90,254,.22),transparent 30%),linear-gradient(145deg,#0a0e1a,#121827)}.category-detail-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:56px}.category-detail-image img{width:100%;height:480px;object-fit:cover;filter:saturate(.76) brightness(.8)}.tag-list{display:flex;flex-wrap:wrap;gap:9px;margin:25px 0 0;padding:0;list-style:none}.buyer-tag{padding:7px 12px;border:1px solid rgba(76,111,255,.25);border-radius:999px;background:var(--pmc-blue-soft);color:#9cadff;font-size:12px;font-weight:700}.content-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.content-card{padding:28px;border:1px solid var(--pmc-line);border-radius:var(--pmc-radius);background:linear-gradient(145deg,var(--pmc-surface-high),var(--pmc-surface))}.content-card:last-child{background:linear-gradient(145deg,var(--pmc-blue-light),var(--pmc-blue));color:#fff}.content-card:last-child .icon-card-symbol{background:rgba(10,14,26,.2);color:#fff}.content-card p{margin-bottom:0}.product-type-list{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin:30px 0 0;padding:0;list-style:none}.product-type-item{padding:16px 18px;border:1px solid var(--pmc-line);border-left:3px solid var(--pmc-blue-light);background:rgba(22,27,44,.72);color:#d8dce7;font-weight:600}
.brand-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.brand-tile{display:grid;min-height:150px;place-items:center;padding:24px;border:1px solid var(--pmc-line);border-radius:var(--pmc-radius);background:linear-gradient(145deg,var(--pmc-surface-high),var(--pmc-surface));color:#fff;font-family:"Barlow Condensed";font-size:25px;font-weight:700;letter-spacing:.06em;transition:border-color .2s,box-shadow .2s}.brand-tile:hover{border-color:rgba(76,111,255,.5);box-shadow:var(--pmc-glow)}.brand-tile:last-child{background:linear-gradient(145deg,var(--pmc-blue-light),var(--pmc-blue))}.placeholder-badge{display:block;color:#8f97aa;font-family:Inter;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.brand-tile:last-child .placeholder-badge{color:#fff}.supply-list{display:grid;gap:24px}.supply-row{display:grid;grid-template-columns:74px 1fr;gap:24px;padding:32px;border:1px solid var(--pmc-line);border-radius:var(--pmc-radius);background:linear-gradient(145deg,var(--pmc-surface-high),var(--pmc-surface))}.supply-row:last-child{background:linear-gradient(145deg,var(--pmc-blue-light),var(--pmc-blue));color:#fff}.supply-row .icon-card-symbol{margin:0}.supply-row p{margin-bottom:0}.info-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.info-card{padding:28px;border:1px solid var(--pmc-line);border-top:3px solid var(--pmc-blue);background:linear-gradient(145deg,var(--pmc-surface-high),var(--pmc-surface));box-shadow:0 16px 40px rgba(0,0,0,.18)}.info-card:last-child{background:linear-gradient(145deg,var(--pmc-blue-light),var(--pmc-blue));color:#fff}
.form-shell{padding:38px;border:1px solid var(--pmc-line);border-radius:16px;background:linear-gradient(145deg,var(--pmc-surface-high),var(--pmc-surface));box-shadow:var(--pmc-shadow)}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.form-field{display:grid;gap:7px}.form-field-full{grid-column:1/-1}.form-label{color:#dce0ea;font-size:13px;font-weight:700}.form-input,.form-select,.form-textarea{width:100%;min-height:48px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0f1422;color:#fff;padding:11px 13px}.form-input::placeholder,.form-textarea::placeholder{color:#737c91}.form-input:focus,.form-select:focus,.form-textarea:focus{border-color:var(--pmc-blue-light);box-shadow:0 0 0 3px rgba(61,90,254,.15)}.form-select option{background:#101522;color:#fff}.form-textarea{min-height:130px;resize:vertical}.checkbox-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.checkbox-option{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid var(--pmc-line);border-radius:8px;background:rgba(10,14,26,.38);font-size:12px;cursor:pointer}.checkbox-option.is-selected{border-color:var(--pmc-blue-light);background:var(--pmc-blue-soft);color:#c9d2ff}.form-status{display:none;margin-top:15px;padding:12px;border:1px solid rgba(76,111,255,.25);border-radius:8px;background:var(--pmc-blue-soft);color:#d6ddff;font-size:13px}.form-status.is-visible{display:block}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:36px}.contact-detail-list{display:grid;gap:18px;margin:28px 0;padding:0;list-style:none}.contact-detail{display:flex;gap:13px}.map-placeholder{display:grid;min-height:390px;place-items:center;border:1px solid var(--pmc-line);border-radius:16px;background:radial-gradient(circle at center,rgba(61,90,254,.2),transparent 40%),linear-gradient(135deg,#161b2c,#0f1422);text-align:center;box-shadow:var(--pmc-shadow)}.legal-content{max-width:840px}.legal-content h2{margin-top:42px;color:#fff;font-family:"Barlow Condensed";font-size:30px;text-transform:uppercase}.legal-note{padding:16px;border-left:3px solid var(--pmc-blue);background:var(--pmc-blue-soft)}
.site-footer{padding:72px 0 26px;border-top:1px solid var(--pmc-line);background:radial-gradient(circle at 25% 0%,rgba(42,63,110,.18),transparent 28%),#080b14;color:#8f98ad}.footer-grid{display:grid;grid-template-columns:1.5fr .8fr .8fr 1.2fr;gap:50px}.site-footer .brand-logo{color:#fff}.footer-heading{margin:0 0 18px;color:#fff;font-size:13px;font-weight:700;text-transform:uppercase}.footer-links{display:grid;gap:9px;margin:0;padding:0;list-style:none;font-size:13px}.footer-links a:hover{color:#fff}.footer-contact{font-size:13px}.footer-bottom{display:flex;justify-content:space-between;gap:20px;margin-top:55px;padding-top:24px;border-top:1px solid var(--pmc-line);font-size:11px}
@media(max-width:1024px){.primary-navigation{position:fixed;inset:82px 0 auto;background:rgba(10,14,26,.98);border-bottom:1px solid var(--pmc-line);transform:translateY(-140%);transition:transform .25s;box-shadow:var(--pmc-shadow)}.primary-navigation.is-open{transform:none}.navigation-list{align-items:stretch;flex-direction:column;gap:0;padding:18px 20px}.navigation-link{display:block;padding:11px}.mobile-menu-button{display:block}.header-trade-button{display:none}.hero-grid,.split-layout,.category-detail-grid{grid-template-columns:1fr}.hero-copy{padding-bottom:0}.hero-media{max-width:700px}.hero-floating-card{right:18px}.category-grid{grid-template-columns:repeat(2,1fr)}.icon-grid{grid-template-columns:repeat(3,1fr)}.brand-grid{grid-template-columns:repeat(3,1fr)}.footer-grid{grid-template-columns:repeat(2,1fr)}.contact-grid{grid-template-columns:1fr}.section-block{padding:88px 0}}
@media(max-width:720px){.site-container{width:min(100% - 28px,1180px)}.header-inner{min-height:72px}.primary-navigation{inset-block-start:72px}.brand-logo-text{font-size:15px}.home-hero{padding:48px 0 74px}.display-heading{font-size:clamp(3rem,16vw,4.8rem)}.hero-image-frame,.hero-image-frame img{min-height:430px}.hero-floating-card{right:12px;bottom:12px;width:210px}.section-block{padding:72px 0}.section-intro,.cta-banner-inner{align-items:flex-start;flex-direction:column}.category-grid,.benefit-grid,.content-grid,.info-columns,.form-grid,.product-type-list{grid-template-columns:1fr}.icon-grid{grid-template-columns:repeat(2,1fr)}.process-grid{grid-template-columns:1fr;gap:22px}.process-step{display:grid;grid-template-columns:54px 1fr;padding:0}.process-step:not(:last-child):after{display:none}.process-step p{grid-column:2}.cta-banner{padding:48px 26px}.category-detail-image img{height:360px}.brand-grid{grid-template-columns:repeat(2,1fr)}.supply-row{grid-template-columns:1fr}.checkbox-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1fr;gap:34px}.footer-bottom{flex-direction:column}.form-shell{padding:24px}.section-heading{font-size:clamp(2.35rem,13vw,3.4rem)}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{scroll-behavior:auto!important;transition:none!important;animation:none!important}}
.form-select-multiple{min-height:154px}.mobile-trade-item{display:none}@media(max-width:1024px){.mobile-trade-item{display:list-item}}

/* Unframed product staging mirrors the reference's cutout-on-gradient treatment. */
.home-hero{background:radial-gradient(ellipse 72% 76% at 58% 48%,rgba(76,111,255,.36) 0%,rgba(42,63,110,.28) 24%,rgba(27,42,74,.16) 46%,transparent 72%),linear-gradient(145deg,#0a0e1a 0%,#12151f 58%,#0a0e1a 100%)}
.home-hero:after{display:none}
.hero-media{display:grid;min-height:570px;place-items:center}
.hero-media:before{position:absolute;z-index:0;right:4%;bottom:18%;left:4%;height:54px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(6,9,17,.92) 0%,rgba(17,31,63,.66) 36%,rgba(61,90,254,.18) 58%,transparent 76%);content:"";filter:blur(15px);transform:scaleY(.58)}
.hero-product-stage{display:grid;position:relative;z-index:1;width:116%;margin:0;place-items:center;background:transparent}
.hero-product-image{width:100%;height:auto;max-height:470px;object-fit:contain}
.hero-floating-card{right:-12px;bottom:72px}
.category-detail-hero{background:radial-gradient(ellipse 70% 86% at 67% 52%,rgba(76,111,255,.3) 0%,rgba(42,63,110,.2) 34%,transparent 72%),linear-gradient(145deg,#0a0e1a,#121827)}
.category-product-stage{display:grid;position:relative;min-height:480px;margin:0;place-items:center;background:transparent}
.category-product-stage:before{position:absolute;z-index:0;right:13%;bottom:13%;left:13%;height:42px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(5,8,16,.9),rgba(33,48,88,.55) 42%,rgba(61,90,254,.14) 62%,transparent 78%);content:"";filter:blur(13px);transform:scaleY(.62)}
.category-product-image{position:relative;z-index:1;width:min(78%,460px);max-height:410px;object-fit:contain}
.category-card-media{display:grid;place-items:center;background:radial-gradient(ellipse at 50% 80%,rgba(42,63,110,.44),transparent 58%),linear-gradient(145deg,#171d2e,#0e1320)}
.category-card-media:before{position:absolute;z-index:0;right:18%;bottom:10%;left:18%;height:20px;border-radius:50%;background:radial-gradient(ellipse at center,rgba(3,5,10,.9),rgba(61,90,254,.16) 52%,transparent 76%);content:"";filter:blur(7px)}
.category-card-media:after{display:none}
.category-card-media img{position:relative;z-index:1;width:88%;height:88%;padding:12px;object-fit:contain;filter:none}
.category-card:hover .category-card-media img{transform:translateY(-4px) scale(1.025);filter:none}
.category-grid .category-card:last-child .category-card-media{background:radial-gradient(ellipse at 50% 82%,rgba(13,24,73,.34),transparent 56%),rgba(22,32,100,.28)}
@media(max-width:1024px){.hero-product-stage{width:100%}.hero-media{min-height:510px}.hero-floating-card{right:18px;bottom:54px}}
@media(max-width:720px){.hero-media{min-height:390px}.hero-product-stage{width:112%}.hero-product-image{max-height:330px}.hero-floating-card{right:4px;bottom:26px}.category-product-stage{min-height:350px}.category-product-image{width:min(82%,360px);max-height:300px}}

/* Accessible dark form selects and reusable checkbox multi-select dropdown. */
.form-select{appearance:none;padding-right:42px;background-color:#0f1422;background-image:linear-gradient(45deg,transparent 50%,#a8afc2 50%),linear-gradient(135deg,#a8afc2 50%,transparent 50%);background-position:calc(100% - 18px) 21px,calc(100% - 13px) 21px;background-repeat:no-repeat;background-size:5px 5px,5px 5px;cursor:pointer}
.form-select:hover{border-color:rgba(76,111,255,.62)}
.multi-select{position:relative}
.multi-select-trigger{display:flex;width:100%;min-height:48px;align-items:center;justify-content:space-between;gap:10px;border:1px solid rgba(255,255,255,.13);border-radius:8px;background:#0f1422;color:#fff;padding:8px 12px;text-align:left;cursor:pointer;transition:border-color .2s,box-shadow .2s}
.multi-select-trigger:hover,.multi-select.is-open .multi-select-trigger{border-color:var(--pmc-blue-light)}
.multi-select.is-open .multi-select-trigger{box-shadow:0 0 0 3px rgba(61,90,254,.15)}
.multi-select-trigger[aria-invalid="true"]{border-color:#e5484d}
.multi-select-value{display:flex;min-width:0;flex:1;flex-wrap:wrap;gap:5px}
.multi-select-placeholder{color:#737c91}
.multi-select-chip{display:inline-flex;max-width:100%;align-items:center;border:1px solid rgba(76,111,255,.35);border-radius:999px;background:rgba(61,90,254,.18);color:#dce2ff;padding:3px 8px;font-size:11px;font-weight:700;line-height:1.25;white-space:nowrap}
.multi-select-chevron{flex:0 0 auto;color:#a8afc2;font-size:17px;transition:transform .2s}
.multi-select.is-open .multi-select-chevron{transform:rotate(180deg)}
.multi-select-panel{display:grid;position:absolute;z-index:120;top:calc(100% + 7px);right:0;left:0;max-height:286px;overflow-y:auto;border:1px solid rgba(76,111,255,.42);border-radius:9px;background:#101522;padding:7px;box-shadow:0 22px 50px rgba(0,0,0,.52)}
.multi-select-panel[hidden]{display:none}
.multi-select-option{display:flex;align-items:center;gap:10px;border-radius:6px;color:#dce0ea;padding:9px 10px;font-size:13px;cursor:pointer;transition:background .15s,color .15s}
.multi-select-option:hover,.multi-select-option:focus-within{background:rgba(61,90,254,.14);color:#fff}
.multi-select-option.is-selected{background:rgba(61,90,254,.2);color:#fff}
.multi-select-option input{width:16px;height:16px;margin:0;accent-color:var(--pmc-blue)}

/* Supplied dark-background brand artwork. */
.brand-logo-image{display:block;width:220px;height:auto;max-height:60px;object-fit:contain}
.site-footer .brand-logo-image{width:260px;max-height:72px}
@media(max-width:720px){.brand-logo-image{width:180px;max-height:50px}.site-footer .brand-logo-image{width:230px;max-height:64px}}
