:root {
  --px-navy: #031726;
  --px-navy-2: #06253a;
  --px-ink: #071525;
  --px-muted: #5f6877;
  --px-cyan: #09b8df;
  --px-cyan-2: #13caed;
  --px-border: #d9e1e8;
  --px-soft: #f6f9fc;
  --px-shadow: 0 18px 45px rgba(4, 25, 43, .12);
  --px-container: 1668px;
}

/* Nonfinal / FDE corporate homepage */
:root { --fde-teal:#008f8a; --fde-teal-dark:#006f6d; --fde-blue:#1717ff; --fde-orange:#ff5a12; --fde-ink:#111921; --fde-muted:#65707a; --fde-line:#dfe7e8; --fde-soft:#f7faf9; --fde-dark:#111820; }
body.fde-ai-landing:has(.fde-site) { color:var(--fde-ink); background:#fff; font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","PingFang SC","Microsoft YaHei",Arial,sans-serif; }
.fde-site,.fde-site *{box-sizing:border-box}.fde-site{min-width:320px;overflow:hidden;background:#fff}.fde-site img{max-width:100%}.fde-site a{color:inherit;text-decoration:none}.fde-site h1,.fde-site h2,.fde-site h3,.fde-site p{margin-top:0}.fde-container{width:min(1152px,calc(100% - 48px));margin-inline:auto}.fde-section{position:relative;padding:82px 0;border-bottom:1px solid var(--fde-line)}
.fde-header{position:sticky;z-index:1000;top:0;height:74px;border-bottom:1px solid rgba(18,39,49,.12);background:rgba(255,255,255,.96);backdrop-filter:blur(16px)}body.admin-bar .fde-header{top:32px}.fde-header-inner{display:flex;align-items:center;height:100%;gap:24px}.fde-logo{display:block;width:165px;height:62px;overflow:hidden}.fde-logo img{display:block;width:100%;height:100%;object-fit:contain}.fde-nav{display:flex;align-items:center;gap:28px;margin-left:auto}.fde-nav a{font-size:14px;font-weight:650}.fde-nav a:hover{color:var(--fde-teal)}.fde-header-cta{min-height:42px!important;padding:0 22px!important}.fde-menu-toggle{display:none;margin-left:auto;border:0;background:none;font-size:26px}
.fde-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 30px;border:1px solid transparent;border-radius:6px;font-size:16px;font-weight:750;transition:.2s ease}.fde-btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(18,38,47,.12)}.fde-btn-orange{color:#fff;background:var(--fde-orange)}.fde-btn-outline{border-color:#9da8ac;background:#fff}.fde-actions{display:flex;gap:18px;margin-top:28px}.fde-index{display:flex;align-items:center;gap:14px;margin-bottom:22px;color:#1b292f;font-size:17px}.fde-index span{color:var(--fde-teal);font-size:25px;font-weight:800}.fde-section h2{margin-bottom:18px;font-size:clamp(30px,3vw,45px);line-height:1.2;letter-spacing:-.025em}.fde-section-head{max-width:850px;margin:0 auto 48px;text-align:center}.fde-section-head .fde-index{justify-content:center}.fde-section-head>p:last-child{color:var(--fde-muted);font-size:18px;line-height:1.65}
.fde-hero{padding:70px 0 0;background:radial-gradient(circle at 75% 18%,rgba(0,143,138,.09),transparent 34%),linear-gradient(#fff,#fbfdfc)}.fde-hero-grid{display:grid;grid-template-columns:1.04fr .96fr;align-items:center;gap:34px;min-height:470px}.fde-hero h1{max-width:620px;margin-bottom:22px;font-size:clamp(44px,5.1vw,70px);line-height:1.08;letter-spacing:-.05em}.fde-hero h1 em{color:var(--fde-teal);font-style:normal}.fde-lead{max-width:620px;color:#303d43;font-size:18px;line-height:1.75}.fde-pills{display:flex;flex-wrap:wrap;gap:12px}.fde-pills span{padding:8px 16px;border:1px solid #d4dfdf;border-radius:999px;background:#fff;font-size:14px;font-weight:700}.fde-pills span:before{content:"◎";margin-right:7px;color:var(--fde-teal)}
.fde-engine{position:relative;aspect-ratio:1/1;max-width:460px;margin:auto;border-radius:50%;background:radial-gradient(circle,rgba(0,143,138,.12),rgba(255,255,255,0) 62%)}.fde-engine:before,.fde-engine:after{content:"";position:absolute;inset:17%;border:1px dashed rgba(0,143,138,.35);border-radius:50%}.fde-engine:after{inset:30%}.fde-engine-core{position:absolute;z-index:2;left:50%;top:50%;display:grid;place-items:center;width:145px;height:145px;transform:translate(-50%,-50%);color:#fff;border-radius:50%;background:linear-gradient(145deg,#0aa39c,#006c70);box-shadow:0 16px 40px rgba(0,111,109,.25);text-align:center}.fde-engine-core strong{font-size:38px;line-height:1}.fde-engine-core span{font-size:18px;font-weight:700;line-height:1.05}.fde-engine .node{position:absolute;z-index:3;display:grid;place-items:center;width:72px;height:72px;border:1px solid #dce7e7;border-radius:50%;background:#fff;box-shadow:0 9px 24px rgba(16,54,60,.12);font-size:14px;font-weight:750}.fde-engine .n1{top:1%;left:42%}.fde-engine .n2{top:14%;right:6%}.fde-engine .n3{top:43%;right:-1%}.fde-engine .n4{right:11%;bottom:10%}.fde-engine .n5{left:41%;bottom:0}.fde-engine .n6{left:8%;bottom:11%}.fde-engine .n7{left:-1%;top:43%}.fde-engine .n8{left:9%;top:13%}.fde-stats{display:grid;grid-template-columns:repeat(4,1fr);margin-top:42px;border-top:1px solid var(--fde-line);background:#fff}.fde-stats article{display:flex;gap:6px;flex-direction:column;align-items:center;padding:28px 18px;text-align:center}.fde-stats article+article{border-left:1px solid var(--fde-line)}.fde-stats strong{color:var(--fde-teal);font-size:28px}.fde-stats span{color:#48545a;font-size:14px}
.fde-split{display:grid;grid-template-columns:1fr 1fr;padding:0}.fde-panel{min-width:0;padding:64px max(42px,calc((100vw - 1152px)/2))}.fde-panel:first-child{padding-left:max(42px,calc((100vw - 1152px)/2));padding-right:42px}.fde-panel:last-child{padding-left:42px;padding-right:max(42px,calc((100vw - 1152px)/2));border-left:1px solid var(--fde-line)}.fde-panel>p:not(.fde-index,.fde-conclusion,.fde-bigline){color:var(--fde-muted);line-height:1.65}.fde-problem-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:28px 0}.fde-problem-grid div{padding:20px;border:1px solid var(--fde-line);border-radius:8px;background:#fff;line-height:1.5}.fde-tool-strip{display:flex;flex-wrap:wrap;gap:8px;padding:15px;border:1px solid var(--fde-line);border-radius:8px;background:#fafcfc}.fde-tool-strip span{padding:7px 10px;border-radius:5px;background:#fff;font-size:12px}.fde-conclusion{margin:18px 0 0;font-weight:750}.fde-path{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin-top:22px}.fde-path span{padding:10px 12px;border-radius:6px;font-size:13px}.fde-path i{font-style:normal}.fde-path.muted span{color:#68747a;background:#eef1f1}.fde-path.active span{color:#006f6d;border:1px solid #77c8c4;background:#f4fffd}.fde-path.active i{color:var(--fde-teal)}.fde-bigline{margin:32px 0 0;color:var(--fde-teal);font-size:28px;font-weight:800;text-align:center}
.fde-venn{display:grid;grid-template-columns:repeat(3,1fr);max-width:930px;margin:auto}.fde-venn article{display:flex;flex-direction:column;justify-content:center;aspect-ratio:1/1;margin:0 -22px;padding:60px;border:1px solid rgba(0,143,138,.5);border-radius:50%;background:rgba(255,255,255,.86);text-align:center}.fde-venn h3{color:var(--fde-teal);font-size:25px}.fde-venn p{margin:0;color:#46545a;line-height:1.8}.fde-formula{margin:40px 0 0;color:#244148;font-size:22px;font-weight:750;text-align:center}.fde-formula b{padding:0 12px;color:var(--fde-teal)}.fde-soft{background:var(--fde-soft)}
.fde-scenario-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.fde-scenario-grid article,.fde-story-grid article,.fde-assets article,.fde-plans article{overflow:hidden;border:1px solid var(--fde-line);border-radius:10px;background:#fff;box-shadow:0 10px 28px rgba(21,51,56,.06)}.fde-scenario-grid img{display:block;width:100%;aspect-ratio:16/9;object-fit:cover;object-position:top}.fde-scenario-grid h3{margin:18px 18px 7px;font-size:19px}.fde-scenario-grid p{margin:0 18px 20px;color:var(--fde-muted);font-size:13px;line-height:1.5}.fde-story-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}.fde-story-grid article{position:relative;padding:28px}.fde-story-grid article>span{position:absolute;right:24px;top:18px;color:#cde4e2;font-size:42px;font-weight:900}.fde-story-grid h3{margin-bottom:8px;font-size:26px}.fde-story-grid p{color:var(--fde-teal);font-weight:700}.fde-story-grid img{display:block;width:100%;aspect-ratio:16/7;object-fit:cover;object-position:top;border:1px solid var(--fde-line);border-radius:7px}.fde-story-grid small{display:block;margin-top:18px;color:#45545a;font-size:14px;line-height:1.7}
.fde-process{display:grid;grid-template-columns:repeat(8,1fr);margin:0;padding:0;list-style:none}.fde-process li{position:relative;padding:76px 7px 0;text-align:center;font-size:14px;font-weight:700}.fde-process li:before{content:"";position:absolute;left:0;right:0;top:29px;height:2px;background:#79c7c4}.fde-process li:first-child:before{left:50%}.fde-process li:last-child:before{right:50%}.fde-process b{position:absolute;z-index:2;left:50%;top:10px;display:grid;place-items:center;width:42px;height:42px;transform:translateX(-50%);color:#fff;border-radius:50%;background:var(--fde-teal)}.fde-assets{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.fde-assets article{padding:28px}.fde-assets h3{color:var(--fde-teal)}.fde-assets p{margin:0;color:#4d5a60;line-height:1.8}
.fde-growth{color:#fff;background:linear-gradient(135deg,#0f171f,#16242a)}.fde-growth-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.fde-growth .fde-index,.fde-growth .fde-formula{color:#a8e1de}.fde-stage{display:flex;align-items:center;gap:12px;margin-top:32px}.fde-stage span{padding:13px 18px;border:1px solid #4c7576;border-radius:999px}.fde-stage i{color:#6dd2ce;font-style:normal}.fde-flywheel{position:relative;display:grid;grid-template-columns:repeat(4,1fr);place-items:center;aspect-ratio:1/1;border:1px dashed #4a8583;border-radius:50%;padding:44px}.fde-flywheel span{font-size:13px}.fde-flywheel strong{position:absolute;left:50%;top:50%;display:grid;place-items:center;width:145px;height:145px;transform:translate(-50%,-50%);border-radius:50%;background:var(--fde-teal);font-size:20px}
.fde-company-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:72px}.fde-timeline{border-left:2px solid #83c9c7;padding-left:30px}.fde-timeline p{position:relative;margin:0;padding:0 0 28px;color:#4b585e;line-height:1.6}.fde-timeline p:before{content:"";position:absolute;left:-38px;top:5px;width:14px;height:14px;border:3px solid #fff;border-radius:50%;background:var(--fde-teal);box-shadow:0 0 0 1px var(--fde-teal)}.fde-timeline b{display:block;color:var(--fde-teal)}.fde-company-card{padding:34px;border:1px solid var(--fde-line);border-radius:12px;background:#fff;box-shadow:0 18px 45px rgba(20,48,53,.1)}.fde-company-card>img{width:240px;height:95px;object-fit:contain;object-position:left}.fde-company-card h3{font-size:25px}.fde-company-card>p{color:var(--fde-muted);line-height:1.7}.fde-company-card dl,.fde-contact-card dl{margin:24px 0 0}.fde-company-card dl div,.fde-contact-card dl div{display:grid;grid-template-columns:90px 1fr;padding:12px 0;border-top:1px solid var(--fde-line)}.fde-company-card dt,.fde-contact-card dt{color:var(--fde-muted)}.fde-company-card dd,.fde-contact-card dd{margin:0;font-weight:700}
.fde-plans{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.fde-plans article{padding:36px}.fde-plans article.featured{border-color:#75c8c5;box-shadow:0 18px 45px rgba(0,143,138,.14)}.fde-plans h3{font-size:24px}.fde-plans strong{display:block;margin:28px 0 14px;color:var(--fde-teal);font-size:31px}.fde-plans small{font-size:14px}.fde-plans p{color:var(--fde-muted)}
.fde-contact{color:#fff;background:linear-gradient(120deg,#111820 0,#18242a 58%,#0a817f 160%)}.fde-contact-grid{display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:72px}.fde-contact .fde-index{color:#8ed7d3}.fde-contact ul{margin:28px 0 0;padding-left:20px;color:#ced7d9;line-height:1.9}.fde-contact-card{padding:34px;color:var(--fde-ink);border-radius:12px;background:#fff}.fde-contact-card h3{font-size:28px}.fde-contact-card>p{color:var(--fde-muted)}.fde-contact-card .fde-btn{width:100%;margin-top:18px}.fde-footer{padding:34px 0 0;border-top:1px solid #2d3c43;background:#fff}.fde-footer-main{display:grid;grid-template-columns:240px 1fr 1fr;align-items:center;gap:45px}.fde-footer-main>img{width:220px;height:95px;object-fit:contain}.fde-footer-main strong{font-size:19px}.fde-footer-main p{margin:7px 0;color:var(--fde-muted)}.fde-footer-main nav{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:20px;font-size:14px}.fde-legal{display:flex;flex-wrap:wrap;gap:18px 30px;margin-top:24px;padding:20px 0;border-top:1px solid var(--fde-line);color:#6b757a;font-size:12px}
@media(max-width:980px){.fde-nav{display:none;position:absolute;left:0;right:0;top:74px;flex-direction:column;align-items:flex-start;padding:24px;background:#fff;box-shadow:0 18px 34px rgba(0,0,0,.1)}.fde-nav.is-open{display:flex}.fde-menu-toggle{display:block}.fde-header-cta{display:none}.fde-hero-grid,.fde-growth-grid,.fde-company-grid,.fde-contact-grid{grid-template-columns:1fr}.fde-engine{width:min(430px,90vw)}.fde-split{grid-template-columns:1fr}.fde-panel:last-child{border-left:0;border-top:1px solid var(--fde-line)}.fde-panel,.fde-panel:first-child,.fde-panel:last-child{padding:58px 32px}.fde-scenario-grid{grid-template-columns:repeat(2,1fr)}.fde-process{grid-template-columns:repeat(4,1fr);gap:28px 0}.fde-assets{grid-template-columns:repeat(2,1fr)}.fde-footer-main{grid-template-columns:190px 1fr}.fde-footer-main nav{grid-column:1/-1;justify-content:flex-start}}
@media(max-width:640px){body.admin-bar .fde-header{top:46px}.fde-container{width:min(100% - 28px,1152px)}.fde-section{padding:60px 0}.fde-header{height:66px}.fde-logo{width:138px;height:54px}.fde-hero{padding-top:44px}.fde-hero h1{font-size:43px}.fde-hero-grid{min-height:auto}.fde-engine{width:310px}.fde-engine .node{width:54px;height:54px;font-size:11px}.fde-engine-core{width:108px;height:108px}.fde-engine-core strong{font-size:28px}.fde-engine-core span{font-size:14px}.fde-stats{grid-template-columns:repeat(2,1fr)}.fde-stats article:nth-child(3){border-left:0;border-top:1px solid var(--fde-line)}.fde-stats article:nth-child(4){border-top:1px solid var(--fde-line)}.fde-actions{flex-direction:column}.fde-actions .fde-btn{width:100%}.fde-problem-grid,.fde-scenario-grid,.fde-story-grid,.fde-assets,.fde-plans{grid-template-columns:1fr}.fde-venn{grid-template-columns:1fr}.fde-venn article{max-width:310px;margin:-18px auto 0;padding:52px}.fde-process{grid-template-columns:repeat(2,1fr)}.fde-flywheel{padding:22px}.fde-flywheel strong{width:108px;height:108px}.fde-company-card{padding:24px}.fde-footer-main{grid-template-columns:1fr}.fde-footer-main nav{grid-column:auto}.fde-footer-main>img{width:190px}.fde-legal{flex-direction:column;gap:8px}}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body.fde-ai-landing { margin: 0; color: var(--px-ink); background: #fff; font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, Helvetica, sans-serif; font-stretch: normal; }
body.admin-bar .px-header { top: 32px; }
.poolux-site { min-width: 320px; overflow: hidden; background: #fff; }
.poolux-site img { max-width: 100%; }
.poolux-site a { color: inherit; text-decoration: none; }
.poolux-site h1, .poolux-site h2, .poolux-site h3, .poolux-site p { margin-top: 0; }
.screen-reader-text { position: absolute; width: 1px; height: 1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; }
.px-container { width: min(var(--px-container), calc(100% - 9vw)); margin-inline: auto; }
.px-section { position: relative; padding: clamp(90px, 7vw, 135px) 0; }
.px-dark { color: #fff; background: radial-gradient(circle at 68% 30%, #0c3652 0, #061f32 42%, #031522 100%); }
.px-kicker { margin-bottom: 24px; color: var(--px-cyan); font-size: clamp(15px, 1.15vw, 22px); font-weight: 800; letter-spacing: .12em; }
.px-section h2 { margin-bottom: 22px; font-size: clamp(36px, 2.9vw, 56px); line-height: 1.16; letter-spacing: -.018em; }
.px-section-head { max-width: 1110px; margin: 0 auto 74px; text-align: center; }
.px-section-head > p:last-child { color: var(--px-muted); font-size: clamp(18px, 1.45vw, 27px); line-height: 1.55; }
.px-dark .px-section-head > p:last-child { color: #b8c6d1; }
.px-centered { display: flex; justify-content: center; margin-top: 64px; }
.px-button { display: inline-flex; align-items: center; justify-content: center; min-height: 64px; padding: 0 46px; border: 2px solid transparent; border-radius: 7px; font-size: clamp(16px, 1.15vw, 21px); font-weight: 700; line-height: 1; transition: transform .2s ease, background .2s ease, border-color .2s ease, box-shadow .2s ease; }
.px-button:hover { transform: translateY(-2px); }
.px-button-primary { color: #001826; background: linear-gradient(135deg, var(--px-cyan-2), #06afd3); box-shadow: 0 10px 25px rgba(0, 188, 225, .22); }
.px-button-outline { color: #102135; border-color: var(--px-cyan); background: #fff; }
.px-button-outline-light { color: #fff; border-color: rgba(255,255,255,.62); background: rgba(2,20,33,.18); }

.px-header { position: fixed; z-index: 1000; top: 0; left: 0; right: 0; height: clamp(82px, 6.6vw, 120px); color: #fff; border-bottom: 1px solid rgba(255,255,255,.2); background: rgba(2, 15, 25, .94); transition: background .25s ease, box-shadow .25s ease; }
.px-header.is-scrolled { background: rgba(2, 15, 25, .985); box-shadow: 0 10px 35px rgba(0,0,0,.24); }
.px-header-inner { display: flex; align-items: center; height: 100%; }
.px-logo { display: flex; align-items: center; width: clamp(160px, 14vw, 255px); flex: 0 0 auto; }
.px-logo img { display: block; width: 100%; height: auto; }
.px-nav { display: flex; align-items: center; gap: clamp(26px, 3.8vw, 70px); margin-left: auto; }
.px-nav a { position: relative; color: #f5f9fc; font-size: clamp(15px, 1.05vw, 20px); font-weight: 700; }
.px-nav a::after { content: ""; position: absolute; left: 0; right: 100%; bottom: -10px; height: 2px; background: var(--px-cyan); transition: right .2s ease; }
.px-nav a:hover::after, .px-nav a.is-active::after { right: 0; }
.px-header-cta { min-height: 54px; margin-left: clamp(28px, 4vw, 72px); padding-inline: 34px; font-size: clamp(14px, .95vw, 18px); }
.px-menu-toggle { display: none; margin-left: auto; color: #fff; border: 0; background: none; font-size: 28px; }

.px-hero { position: relative; min-height: clamp(780px, 66vw, 1080px); padding-top: clamp(82px, 6.6vw, 120px); color: #fff; background: var(--px-navy); overflow: hidden; }
.px-hero-media { position: absolute; inset: 0 0 0 38%; width: 62%; height: 100%; object-fit: cover; object-position: 52% 48%; }
.px-hero-shade { position: absolute; inset: 0; background: linear-gradient(90deg, #031522 0%, #031522 31%, rgba(3,21,34,.9) 44%, rgba(3,21,34,.24) 70%, rgba(3,21,34,.04) 100%), linear-gradient(0deg, rgba(1,12,20,.22), rgba(1,12,20,.08)); }
.px-hero-inner { position: relative; z-index: 2; display: flex; align-items: center; min-height: clamp(780px, 66vw, 1080px); }
.px-hero-copy { width: 65%; max-width: 1000px; padding: 4vw 0 9vw; }
.px-hero h1 { margin-bottom: 40px; font-size: clamp(52px, 4.5vw, 82px); line-height: 1.1; letter-spacing: -.022em; text-shadow: 0 3px 18px rgba(0,0,0,.25); }
.px-hero-intro { max-width: 820px; margin-bottom: 48px; color: #e4ebf0; font-size: clamp(20px, 1.65vw, 31px); line-height: 1.62; }
.px-actions { display: flex; gap: 26px; }
.px-hero-tags { display: flex; flex-wrap: wrap; gap: 0; margin: 68px 0 0; padding: 0; color: var(--px-cyan-2); list-style: none; font-size: clamp(14px, 1.08vw, 20px); font-weight: 800; letter-spacing: .05em; }
.px-hero-tags li + li::before { content: "·"; padding: 0 24px; color: var(--px-cyan); }

.px-stats-wrap { position: relative; z-index: 10; height: 0; }
.px-stats { display: grid; grid-template-columns: repeat(4, 1fr); min-height: 200px; transform: translateY(-50%); color: #fff; border: 1px solid rgba(127,207,231,.38); border-radius: 13px; background: linear-gradient(120deg, rgba(6,37,58,.98), rgba(12,52,78,.98)); box-shadow: 0 22px 45px rgba(1, 20, 35, .27); }
.px-stats article { position: relative; display: flex; flex-direction: column; align-items: center; justify-content: center; text-align: center; }
.px-stats article + article::before { content: ""; position: absolute; left: 0; top: 18%; bottom: 18%; width: 1px; background: rgba(200,225,238,.4); }
.px-stats i { width: 62px; height: 6px; margin-bottom: 28px; background: var(--px-cyan); }
.px-stats strong { margin-bottom: 14px; font-size: clamp(31px, 2.5vw, 47px); letter-spacing: -.015em; }
.px-stats span { color: #c7d3dc; font-size: clamp(15px, 1.08vw, 20px); }

.px-portfolio { padding-top: clamp(220px, 17vw, 290px); padding-bottom: 115px; background: radial-gradient(circle at 50% 28%, #fff 0, #f8fbfd 62%, #edf5fa 100%); }
.px-product-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 34px 40px; }
.px-product-card { overflow: hidden; border: 1px solid #d6dfe6; border-radius: 9px; background: #fff; box-shadow: 0 11px 32px rgba(5, 36, 58, .07); transition: transform .25s ease, box-shadow .25s ease; }
.px-product-card:hover { transform: translateY(-6px); box-shadow: var(--px-shadow); }
.px-product-card img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 48%; }
.px-product-card > div { min-height: 145px; padding: 30px 32px 24px; }
.px-product-card h3 { margin-bottom: 13px; font-size: clamp(22px, 1.6vw, 30px); line-height: 1.18; }
.px-product-card p { margin: 0; color: var(--px-muted); font-size: clamp(17px, 1.25vw, 23px); }
.px-portfolio .px-centered .px-button { min-width: 495px; }
.px-band { display: grid; place-items: center; min-height: 150px; color: var(--px-cyan); background: var(--px-navy); border-top: 5px solid var(--px-cyan); }
.px-band p { margin: 0; font-size: clamp(18px, 1.55vw, 28px); font-weight: 800; letter-spacing: .14em; }

.px-engineering { padding-block: 135px 145px; }
.px-engineering-grid { display: grid; grid-template-columns: minmax(0, 39fr) minmax(0, 61fr); align-items: center; gap: 55px; }
.px-engineering-copy h2 { font-size: clamp(40px, 3.2vw, 60px); line-height: 1.2; }
.px-engineering-copy > p:not(.px-kicker) { max-width: 610px; color: #c0cbd4; font-size: clamp(18px, 1.45vw, 27px); line-height: 1.72; }
.px-pill-list { display: grid; grid-template-columns: repeat(2, max-content); gap: 24px 22px; margin: 55px 0 0; padding: 0; list-style: none; }
.px-pill-list li { padding: 17px 25px; border: 1px solid #688499; border-radius: 7px; color: #fff; font-size: clamp(15px, 1.12vw, 21px); }
.px-engineering-image { margin: 0; border: 1px solid rgba(155,190,209,.55); border-radius: 14px; overflow: hidden; box-shadow: 0 35px 80px rgba(0,0,0,.24); }
.px-engineering-image img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; }

.px-finder { padding-block: 105px; background: linear-gradient(120deg, #fbfdff, #f4f8fb); }
.px-finder-grid { display: grid; grid-template-columns: minmax(0, 29fr) minmax(0, 71fr); align-items: center; gap: 70px; }
.px-finder-copy h2 { font-size: clamp(40px, 3.2vw, 60px); line-height: 1.2; }
.px-finder-copy > p:last-child { max-width: 460px; color: var(--px-muted); font-size: clamp(18px, 1.35vw, 25px); line-height: 1.65; }
.px-finder-form { display: grid; grid-template-columns: repeat(2, 1fr); gap: 36px 65px; padding: 65px 58px 45px; border: 1px solid var(--px-border); border-radius: 16px; background: #fff; box-shadow: 0 18px 50px rgba(5,35,55,.06); }
.px-finder-form label, .px-inquiry-form label { display: flex; flex-direction: column; gap: 13px; color: #273344; font-size: clamp(15px, 1.1vw, 20px); font-weight: 700; }
.px-finder-form select, .px-inquiry-form input, .px-inquiry-form select, .px-inquiry-form textarea { width: 100%; height: 70px; padding: 0 22px; color: #657080; border: 1px solid #cfd8e0; border-radius: 7px; background: #fff; font: inherit; font-weight: 400; }
.px-finder-form .px-button { grid-column: 1 / -1; width: 100%; border: 0; }
.px-finder-form > a { grid-column: 1 / -1; margin-top: -12px; color: #1687ff; text-align: center; font-size: clamp(15px, 1.07vw, 20px); }

.px-system { padding-block: 90px 110px; }
.px-system .px-section-head { margin-bottom: 45px; }
.px-system-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 55px; }
.px-system-grid article { position: relative; overflow: visible; margin: 0; border: 1px solid #668195; border-radius: 12px; background: rgba(8,42,64,.46); }
.px-system-grid article:not(:last-child)::after { content: "→"; position: absolute; z-index: 3; right: -46px; top: 45%; display: grid; place-items: center; width: 38px; height: 38px; color: var(--px-cyan); border: 2px solid var(--px-cyan); border-radius: 50%; background: var(--px-navy); font-size: 24px; }
.px-system-grid img { display: block; width: 100%; aspect-ratio: 4 / 3; object-fit: cover; object-position: center 48%; border-radius: 11px 11px 0 0; }
.px-system-grid h3 { margin: 0; padding: 22px; text-align: center; font-size: clamp(20px, 1.55vw, 29px); }
.px-system .px-button { min-width: 490px; }

.px-distribution { padding-block: 105px; background: #fff; }
.px-distribution-grid { display: grid; grid-template-columns: minmax(0, 49fr) minmax(0, 51fr); align-items: center; gap: 78px; }
.px-distribution-image { aspect-ratio: 4 / 5; height: auto; margin: 0; border-radius: 10px; overflow: hidden; }
.px-distribution-image img { width: 100%; height: 100%; object-fit: cover; object-position: center 48%; }
.px-distribution-copy h2 { font-size: clamp(42px, 3.5vw, 66px); line-height: 1.16; }
.px-distribution-copy > p:not(.px-kicker) { max-width: 730px; color: var(--px-muted); font-size: clamp(18px, 1.36vw, 25px); line-height: 1.58; }
.px-benefit-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 28px; margin: 52px 0 40px; }
.px-benefit-grid article { display: grid; grid-template-columns: 75px 1fr; gap: 12px; min-height: 155px; padding: 29px 22px; border: 1px solid var(--px-border); border-radius: 8px; }
.px-benefit-grid i { color: var(--px-cyan); font-style: normal; font-size: 51px; line-height: 1; }
.px-benefit-grid h3 { margin-bottom: 12px; font-size: clamp(17px, 1.12vw, 21px); }
.px-benefit-grid p { margin: 0; color: var(--px-muted); font-size: clamp(15px, 1vw, 19px); line-height: 1.45; }
.px-distribution-copy > .px-button { min-width: 400px; }

.px-oem { border-top: 1px solid var(--px-border); background: #fbfdff; }
.px-oem-steps { display: grid; grid-template-columns: repeat(5, 1fr); gap: 0; margin: 70px 0 0; padding: 0; list-style: none; counter-reset: steps; }
.px-oem-steps li { position: relative; padding: 205px 10px 0; text-align: center; font-size: clamp(15px, 1.15vw, 22px); font-weight: 800; counter-increment: steps; }
.px-oem-steps li::before { content: "0" counter(steps); position: absolute; top: 0; left: 50%; z-index: 2; display: grid; place-items: center; width: 64px; height: 64px; transform: translateX(-50%); color: var(--px-cyan); border: 2px solid var(--px-cyan); border-radius: 50%; background: #fff; font-size: 23px; }
.px-oem-steps li::after { content: "✓"; position: absolute; top: 85px; left: 50%; display: grid; place-items: center; width: 90px; height: 90px; transform: translateX(-50%); color: var(--px-ink); border: 4px double #506275; border-radius: 16px; font-size: 45px; }
.px-oem-steps li + li { border-top: 2px solid var(--px-cyan); }
.px-oem .px-button { min-width: 500px; }

.px-manufacturing { padding-block: 85px; }
.px-manufacturing-grid { display: grid; grid-template-columns: minmax(0, 57fr) minmax(0, 43fr); align-items: center; gap: 82px; }
.px-manufacturing-gallery { display: grid; grid-template-columns: repeat(3, 1fr); gap: 11px; }
.px-manufacturing-gallery img { width: 100%; height: auto; aspect-ratio: 4 / 3; object-fit: cover; object-position: center; border: 1px solid #6c8799; border-radius: 7px; }
.px-manufacturing-gallery .px-manufacturing-main { grid-column: 1 / -1; height: auto; aspect-ratio: 16 / 9; object-position: center 48%; }
.px-manufacturing-copy h2 { font-size: clamp(40px, 3vw, 56px); line-height: 1.18; }
.px-manufacturing-copy > p:not(.px-kicker) { color: #c4ced6; font-size: clamp(18px, 1.36vw, 25px); line-height: 1.65; }
.px-check-list { margin: 48px 0; padding: 0; list-style: none; }
.px-check-list li { position: relative; margin: 22px 0; padding-left: 45px; color: #e9f0f4; font-size: clamp(18px, 1.35vw, 25px); }
.px-check-list li::before { content: "✓"; position: absolute; left: 0; top: -.1em; display: grid; place-items: center; width: 28px; height: 28px; color: var(--px-cyan); border: 2px solid var(--px-cyan); border-radius: 50%; font-size: 16px; }
.px-manufacturing-copy .px-button { min-width: 285px; }

.px-compliance { padding-block: 75px 95px; }
.px-compliance .px-section-head { margin-bottom: 48px; }
.px-cert-grid { display: grid; grid-template-columns: repeat(9, 1fr); gap: 26px; max-width: 1350px; margin: 0 auto; }
.px-cert-grid span { display: flex; flex-direction: column; align-items: center; justify-content: center; aspect-ratio: 1.15; color: #15263a; border: 2px solid #b7c2cc; border-radius: 8px; font-size: clamp(23px, 2.05vw, 38px); font-weight: 800; }
.px-cert-grid small { display: block; font-size: .48em; }

.px-resources { padding-block: 85px 95px; border-top: 1px solid var(--px-border); background: #f9fbfd; }
.px-resource-layout { display: grid; grid-template-columns: minmax(0, 32fr) minmax(0, 68fr); align-items: center; gap: 65px; }
.px-resource-head h2 { font-size: clamp(40px, 3.1vw, 58px); line-height: 1.18; }
.px-resource-grid { display: grid; grid-template-columns: repeat(4, 1fr); gap: 22px; }
.px-resource-grid article { position: relative; min-height: 455px; padding: 18px 18px 60px; border: 1px solid var(--px-border); border-radius: 8px; background: #fff; }
.px-resource-grid img { display: block; width: 100%; height: 300px; object-fit: contain; }
.px-resource-grid h3 { margin: 16px 28px 0 0; font-size: clamp(15px, 1.05vw, 20px); line-height: 1.35; }
.px-resource-grid article > b { position: absolute; right: 20px; bottom: 22px; font-size: 27px; }
.px-resource-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; justify-content: flex-start; gap: 26px; margin-top: 8px; }
.px-resource-actions .px-button { min-width: 310px; }

.px-contact { position: relative; min-height: 780px; color: #fff; background: var(--px-navy); overflow: hidden; }
.px-contact-bg { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center 70%; filter: saturate(.85) brightness(.62); }
.px-contact-shade { position: absolute; inset: 0; background: linear-gradient(90deg, rgba(2,18,30,.86), rgba(2,18,30,.56) 45%, rgba(2,18,30,.3)); }
.px-contact-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 43fr) minmax(0, 57fr); align-items: center; min-height: 780px; gap: 70px; padding-block: 60px; }
.px-contact-copy { max-width: 620px; }
.px-contact-copy h2 { margin-bottom: 32px; font-size: clamp(38px, 2.8vw, 52px); line-height: 1.2; }
.px-contact-copy > p:not(.px-kicker) { color: #d0dbe3; font-size: clamp(18px, 1.35vw, 25px); line-height: 1.55; }
.px-contact-copy .px-button { min-width: 330px; margin-top: 26px; }
.px-inquiry-form { display: flex; flex-direction: column; gap: 25px; padding: 42px 42px 34px; color: var(--px-ink); border-radius: 15px; background: #fff; box-shadow: 0 30px 65px rgba(0,0,0,.3); }
.px-inquiry-form h3 { margin-bottom: 2px; font-size: clamp(26px, 2vw, 37px); }
.px-form-grid { display: grid; grid-template-columns: repeat(2, 1fr); gap: 26px 28px; }
.px-inquiry-form textarea { height: 140px; padding-top: 18px; resize: vertical; }
.px-inquiry-form .px-button { width: 100%; border: 0; }
.px-form-status { min-height: 18px; margin: -12px 0 0; color: #4e6474; text-align: center; }

.px-footer { color: #fff; background: #031522; }
.px-footer-main { display: grid; grid-template-columns: 1.2fr 1.4fr .9fr; align-items: center; gap: 70px; min-height: 250px; }
.px-footer-brand img { width: 230px; }
.px-footer-brand p { margin: 18px 0 0; color: #b8c6d1; font-size: 18px; }
.px-footer-nav { display: grid; grid-template-columns: repeat(3, 1fr); gap: 28px 45px; }
.px-footer-nav a { color: #dce6ec; font-size: 20px; }
.px-socials { display: flex; gap: 16px; justify-content: flex-end; }
.px-socials a { display: grid; place-items: center; width: 46px; height: 46px; border: 2px solid #d7e0e6; border-radius: 50%; font-size: 19px; font-weight: 700; }
.px-footer-bottom { display: flex; justify-content: center; padding: 28px 0 34px; border-top: 1px solid rgba(255,255,255,.25); color: #aebbc5; }
.px-footer-bottom p { margin: 0; font-size: 17px; }

.reveal { opacity: 0; transform: translateY(22px); transition: opacity .6s ease, transform .6s ease; }
.reveal.is-visible { opacity: 1; transform: none; }

@media (max-width: 1180px) {
  .px-nav { gap: 20px; }
  .px-header-cta { margin-left: 24px; padding-inline: 22px; }
  .px-container { width: min(100% - 48px, 1080px); }
  .px-hero-copy { width: 70%; }
  .px-engineering-grid, .px-distribution-grid, .px-manufacturing-grid { gap: 42px; }
  .px-benefit-grid { grid-template-columns: 1fr; }
  .px-distribution-image { height: auto; }
  .px-system-grid { gap: 24px; }
  .px-system-grid article:not(:last-child)::after { display: none; }
}

@media (max-width: 860px) {
  body.admin-bar .px-header { top: 46px; }
  .px-header { height: 72px; }
  .px-logo { width: 150px; }
  .px-menu-toggle { display: block; }
  .px-nav { position: absolute; left: 0; right: 0; top: 72px; display: none; flex-direction: column; align-items: flex-start; padding: 22px 28px; background: #031522; }
  .px-nav.is-open { display: flex; }
  .px-header-cta { margin-left: 18px; min-height: 44px; }
  .px-hero { min-height: 920px; padding-top: 72px; }
  .px-hero-media { left: 0; width: 100%; opacity: .65; }
  .px-hero-shade { background: linear-gradient(90deg, rgba(3,21,34,.95), rgba(3,21,34,.55)); }
  .px-hero-inner { min-height: 920px; }
  .px-hero-copy { width: 100%; padding-bottom: 180px; }
  .px-stats { grid-template-columns: repeat(2, 1fr); min-height: 320px; }
  .px-stats article:nth-child(3)::before { display: none; }
  .px-portfolio { padding-top: 240px; }
  .px-product-grid { grid-template-columns: repeat(2, 1fr); }
  .px-engineering-grid, .px-finder-grid, .px-distribution-grid, .px-manufacturing-grid, .px-resource-layout, .px-contact-grid { grid-template-columns: 1fr; }
  .px-engineering-copy { max-width: 680px; }
  .px-finder-form { padding: 34px; }
  .px-system-grid { grid-template-columns: repeat(2, 1fr); }
  .px-distribution-image { width: min(100%, 680px); height: auto; margin-inline: auto; }
  .px-oem-steps { grid-template-columns: 1fr; gap: 18px; }
  .px-oem-steps li { padding: 22px 10px 22px 160px; text-align: left; }
  .px-oem-steps li::before { left: 32px; top: 8px; transform: none; }
  .px-oem-steps li::after { left: 95px; top: 6px; width: 55px; height: 55px; transform: none; font-size: 28px; }
  .px-oem-steps li + li { border-top: 0; }
  .px-cert-grid { grid-template-columns: repeat(3, 1fr); }
  .px-resource-grid { grid-template-columns: repeat(2, 1fr); }
  .px-contact-grid { padding-block: 90px; }
  .px-footer-main { grid-template-columns: 1fr; gap: 35px; padding-block: 55px; }
  .px-socials { justify-content: flex-start; }
}

@media (max-width: 560px) {
  .px-container { width: calc(100% - 32px); }
  .px-header-cta { display: none; }
  .px-hero h1 { font-size: 45px; }
  .px-hero-intro { font-size: 18px; }
  .px-actions { flex-direction: column; }
  .px-button { width: 100%; padding-inline: 20px; }
  .px-hero-tags li + li::before { padding-inline: 10px; }
  .px-stats { grid-template-columns: 1fr 1fr; min-height: 300px; }
  .px-stats i { width: 38px; margin-bottom: 10px; }
  .px-stats strong { font-size: 22px; }
  .px-stats span { padding: 0 8px; font-size: 11px; }
  .px-product-grid, .px-system-grid, .px-finder-form, .px-form-grid, .px-benefit-grid, .px-resource-grid { grid-template-columns: 1fr; }
  .px-portfolio .px-centered .px-button, .px-system .px-button, .px-oem .px-button { min-width: 0; }
  .px-pill-list { grid-template-columns: 1fr; }
  .px-system-grid { gap: 18px; }
  .px-distribution-image { width: 100%; height: auto; }
  .px-benefit-grid article { grid-template-columns: 55px 1fr; }
  .px-manufacturing-gallery .px-manufacturing-main { height: auto; }
  .px-manufacturing-gallery img { height: auto; }
  .px-cert-grid { grid-template-columns: repeat(3, 1fr); gap: 10px; }
  .px-resource-grid article { min-height: 390px; }
  .px-resource-actions { flex-direction: column; }
  .px-resource-actions .px-button { min-width: 0; }
  .px-inquiry-form { padding: 28px 20px; }
  .px-footer-nav { grid-template-columns: repeat(2, 1fr); }
  .px-socials { flex-wrap: wrap; }
}

@media (prefers-reduced-motion: reduce) {
  *, *::before, *::after { scroll-behavior: auto !important; animation: none !important; transition-duration: .01ms !important; }
  .reveal { opacity: 1; transform: none; }
}