:root{--navy:#061b37;--blue:#0756b6;--sky:#13a6ff;--soft:#f4f9ff;--line:#dfe9f5;--white:#fff;--ink:#0a1830;--sub:#617189;--shadow:0 22px 60px rgba(4,42,92,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.v14-container{width:min(1460px,calc(100% - 48px));margin:auto}.v14-utility{background:linear-gradient(90deg,#063e86,#006ad4);color:#fff;font-size:13px}.v14-utility .v14-container{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.v14-utility-left,.v14-utility-right{display:flex;gap:22px;white-space:nowrap}.v14-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #e6eef8}.v14-header-inner{height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.v14-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);min-width:280px}.v14-logo-box{width:82px;height:58px;border-radius:13px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.v14-logo-box img{width:100%;height:100%;object-fit:contain;transform:scale(1.13)}.v14-brand-text{display:flex;flex-direction:column;line-height:1}.v14-brand-text b{font-size:17px;letter-spacing:.02em}.v14-brand-text small{font-size:10px;letter-spacing:.13em;color:var(--blue);margin-top:6px}.v14-nav{display:flex;justify-content:center;align-items:center;gap:26px}.v14-nav a{text-decoration:none;color:#101c33;font-weight:700;font-size:14px;position:relative;padding:34px 0}.v14-nav a:after{content:"";height:3px;border-radius:8px;background:linear-gradient(90deg,var(--blue),var(--sky));position:absolute;left:0;right:100%;bottom:22px;transition:.25s}.v14-nav a:hover:after{right:0}.v14-header-actions{display:flex;align-items:center;gap:10px}.v14-cart,.v14-enquiry{text-decoration:none;font-weight:800;border-radius:14px;padding:13px 16px;white-space:nowrap}.v14-cart{color:#142033;border:1px solid #dce7f4;background:#fff}.v14-cart b{display:inline-grid;place-items:center;width:23px;height:23px;background:var(--blue);color:#fff;border-radius:50%}.v14-enquiry{background:linear-gradient(135deg,#0a6bea,#0450ac);color:#fff;box-shadow:0 10px 24px rgba(5,88,190,.22)}.v14-menu-btn{display:none;border:0;background:#edf5ff;border-radius:12px;font-size:28px;padding:8px 12px}.v14-ticker{height:40px;background:#edf7ff;display:flex;align-items:center;border-bottom:1px solid #dbeaf8;overflow:hidden}.v14-ticker-label{height:100%;display:flex;align-items:center;padding:0 20px;background:#062d5c;color:#fff;font-size:12px;font-weight:900;letter-spacing:.12em}.v14-ticker-window{overflow:hidden;flex:1}.v14-ticker-track{display:flex;width:max-content;animation:v14ticker 38s linear infinite;white-space:nowrap}.v14-ticker-track span{display:inline-flex;align-items:center;gap:18px;padding:0 26px;font-size:13px;font-weight:700;color:#17314f}.v14-ticker-track i{font-style:normal;color:#0780e8;font-size:8px}@keyframes v14ticker{to{transform:translateX(-50%)}}
.v14-hero{min-height:660px;display:grid;grid-template-columns:44% 56%;align-items:stretch;margin-top:28px;background:#fff;border:1px solid #e0ebf7;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.v14-hero-copy{padding:68px 36px 58px 54px;align-self:center}.v14-kicker,.v14-section-head span,.v14-page-hero>div>span,.v14-export-copy>span,.v14-export-hero-copy>span{font-size:13px;font-weight:900;letter-spacing:.12em;color:#0756b6}.v14-kicker i{color:#13a6ff;margin:0 8px}.v14-hero h1{font-size:clamp(48px,4.7vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0 24px}.v14-hero h1 em{font-style:normal;color:#0a67d8}.v14-hero-copy>p{font-size:18px;line-height:1.8;color:#5e6f85;max-width:680px}.v14-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.v14-benefits span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;font-size:13px;font-weight:800}.v14-benefits span>b{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #cfe2f8;color:#0968d7;margin-right:8px}.v14-benefits small{font-weight:500;color:#8290a4}.v14-hero-actions{display:flex;gap:14px}.v14-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:13px;text-decoration:none;font-weight:900}.v14-btn.primary{background:linear-gradient(135deg,#0a6fea,#0450aa);color:#fff}.v14-btn.outline{border:1px solid #cfe0f4;background:#fff;color:#0756b6}.v14-btn.light{background:#fff;color:#0756b6}.v14-hero-visual{position:relative;min-height:660px;background:#e8f3ff}.v14-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.v14-export-badge{position:absolute;right:28px;bottom:28px;background:rgba(4,28,61,.9);color:#fff;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;box-shadow:0 15px 38px rgba(0,0,0,.2)}.v14-export-badge b{font-size:15px}.v14-export-badge span{font-size:23px;font-weight:900;color:#54bfff}.v14-category-rail{background:#fff;border-bottom:1px solid #dfe9f5}.v14-category-track{display:grid;grid-template-columns:repeat(9,1fr)}.v14-category-track a{text-decoration:none;color:#13233d;min-height:112px;padding:17px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-right:1px solid #e8eff7;text-align:center}.v14-category-track a:first-child{border-left:1px solid #e8eff7}.v14-category-track strong{font-size:28px}.v14-category-track span{font-weight:800;font-size:12px}.v14-stats{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #e0ebf7;border-radius:22px;margin-top:24px;box-shadow:0 12px 35px rgba(8,53,102,.06)}.v14-stats div{padding:25px 20px;text-align:center;border-right:1px solid #edf2f8}.v14-stats div:last-child{border:0}.v14-stats b{display:block;font-size:24px;color:#0756b6}.v14-stats span{font-size:12px;color:#76869b}.v14-section{padding:88px 0}.v14-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.v14-section-head h2{font-size:clamp(34px,3.3vw,52px);line-height:1.05;letter-spacing:-.04em;max-width:860px;margin:8px 0}.v14-section-head p{max-width:460px;color:#66778d;line-height:1.7}.v14-section-head>a{font-weight:800;color:#0756b6;text-decoration:none}.v14-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v14-app{background:#fff;border:1px solid #e0ebf7;border-radius:22px;padding:24px;display:flex;gap:18px;text-decoration:none;color:inherit;transition:.3s;min-height:210px}.v14-app:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#b7dafd}.v14-app-icon{min-width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#e3f2ff,#f7fbff);display:grid;place-items:center;font-size:28px}.v14-app small{font-weight:900;color:#0780de;font-size:11px;letter-spacing:.08em}.v14-app h3{margin:5px 0 8px;font-size:22px}.v14-app p{color:#6d7d92;line-height:1.6;font-size:14px}.v14-app b{font-size:13px;color:#0756b6}.v14-export-story{background:linear-gradient(135deg,#031b37,#0756b6 62%,#0ca7ff);color:#fff;padding:74px 0}.v14-export-story .v14-container{display:grid;grid-template-columns:46% 54%;align-items:center;gap:48px}.v14-export-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.05;margin:12px 0 18px;letter-spacing:-.04em}.v14-export-copy p{color:#d8e8fb;line-height:1.8}.v14-route-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.v14-route-pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:800}.v14-export-map{height:440px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.25)}.v14-export-map img{width:100%;height:100%;object-fit:cover}.v14-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v14-product{background:#fff;border:1px solid #e0ebf7;border-radius:22px;overflow:hidden;transition:.3s}.v14-product:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.v14-product a{text-decoration:none;color:inherit}.v14-product-media{height:270px;background:linear-gradient(180deg,#f7fbff,#eef6ff);display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.v14-product-media img{width:100%;height:100%;object-fit:contain}.v14-product-placeholder{font-weight:900;color:#7b91ac}.v14-product-copy{padding:20px}.v14-product-copy small{font-weight:900;color:#0b78dc;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.v14-product-copy h3{font-size:19px;line-height:1.25;margin:7px 0 8px}.v14-product-copy p{font-size:13px;color:#6c7e93;line-height:1.6;min-height:62px}.v14-product-copy>div{border-top:1px solid #edf2f7;padding-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#71839a}.v14-product-copy b{color:#0756b6}.v14-buyer-band{background:#fff;padding:30px 0 78px}.v14-buyer-band .v14-container{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v14-buyer-band article{border:1px solid #dfe9f5;border-radius:20px;padding:26px;display:flex;gap:18px}.v14-buyer-band article>b{font-size:35px}.v14-buyer-band h3{margin:0 0 8px}.v14-buyer-band p{color:#6d7d92;line-height:1.6}.v14-buyer-band a{font-weight:900;color:#0756b6;text-decoration:none}.v14-footer{background:#061b37;color:#dbe9f8;padding-top:32px}.v14-footer-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1b3859;border-radius:16px;overflow:hidden;margin-bottom:40px}.v14-footer-badges span{background:#0b294b;padding:13px;text-align:center;font-size:12px;font-weight:800}.v14-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;padding:20px 0 45px}.v14-footer-about img{width:150px;height:64px;object-fit:contain;background:#fff;border-radius:12px;padding:7px}.v14-footer h3{font-size:23px;line-height:1.25}.v14-footer p{color:#91a8c0;line-height:1.7}.v14-footer a{display:block;color:#cce0f4;text-decoration:none;margin:10px 0}.v14-footer-about>a{color:#55baff;font-weight:900}.v14-footer h4{color:#fff}.v14-footer-bottom{border-top:1px solid #173a60;padding:18px 0;display:flex;justify-content:space-between;gap:20px;color:#7996b6;font-size:12px}.v14-page-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:26px;padding:64px 0}.v14-page-hero>div,.v14-page-hero>aside{border-radius:26px;padding:42px;background:#fff;border:1px solid #e0ebf7}.v14-page-hero>div{background:linear-gradient(135deg,#fff,#f0f8ff)}.v14-page-hero h1{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:13px 0 20px}.v14-page-hero p{font-size:17px;line-height:1.8;color:#63748b}.v14-page-hero aside{background:linear-gradient(135deg,#06274e,#0756b6);color:#fff;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.v14-page-hero aside p{color:#d7e8fa;font-size:14px}.v14-page-hero aside a{color:#fff;font-weight:900}.v14-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.v14-hero-tags b{font-size:11px;padding:10px 13px;border-radius:999px;background:#e8f4ff;color:#0756b6}.v14-split-copy{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;background:#fff;border:1px solid #e0ebf7;border-radius:28px;padding:48px}.v14-split-copy h2{font-size:45px;line-height:1.06;letter-spacing:-.04em}.v14-split-copy p{font-size:16px;line-height:1.85;color:#66788f}.v14-value-grid,.v14-quality-grid,.v14-logistics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v14-value-grid article,.v14-quality-grid article,.v14-logistics-grid article{background:#fff;border:1px solid #e0ebf7;border-radius:22px;padding:26px}.v14-value-grid article>b,.v14-quality-grid article>b{color:#0b75d8;font-size:12px}.v14-logistics-grid article>b{font-size:36px}.v14-value-grid h3,.v14-quality-grid h3,.v14-logistics-grid h3{font-size:21px}.v14-value-grid p,.v14-quality-grid p,.v14-logistics-grid p{color:#687b91;line-height:1.7}.v14-page-blocks{display:grid;gap:26px;padding-bottom:70px}.v14-content-block{background:#fff;border:1px solid #e0ebf7;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:minmax(0,42%) 1fr;min-height:360px}.v14-content-block.layout-right .v14-content-media{order:2}.v14-content-block.layout-right .v14-content-copy{order:1}.v14-content-block.layout-center{grid-template-columns:1fr}.v14-content-block.layout-center .v14-content-media{height:330px}.v14-content-block.text-only{display:block;min-height:0}.v14-content-media{min-height:360px;background:#eef6ff;overflow:hidden}.v14-content-media img{width:100%;height:100%;object-fit:cover}.v14-content-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}.v14-content-copy>span{font-size:11px;font-weight:900;color:#0a70d5;letter-spacing:.1em}.v14-content-copy h2{font-size:36px;letter-spacing:-.035em;margin:8px 0 16px}.v14-content-copy .rich-text{color:#63758a;line-height:1.8}.v14-company-hero{background:linear-gradient(135deg,#061b37,#0756b6);color:#fff;padding:42px 0}.v14-company-hero .v14-container{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}.v14-company-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.02;margin:10px 0;letter-spacing:-.05em}.v14-company-hero p{color:#d5e6f8;line-height:1.75}.v14-company-hero img{width:100%;height:470px;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.15)}.v14-company-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.v14-company-metrics b{background:rgba(255,255,255,.09);padding:14px;border-radius:14px;font-size:11px}.v14-company-metrics strong{display:block;font-size:22px;color:#6dc8ff}.v14-people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.v14-people-grid article{display:grid;grid-template-columns:230px 1fr;background:#fff;border:1px solid #e0ebf7;border-radius:24px;overflow:hidden}.v14-people-grid img,.v14-person-placeholder{width:230px;height:280px;object-fit:cover;background:#edf5ff;display:grid;place-items:center;color:#7b91ac;font-weight:800}.v14-people-grid article>div:last-child{padding:28px}.v14-people-grid small,.v14-team-grid small{color:#0a71d8;font-weight:900}.v14-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v14-team-grid article{background:#fff;border:1px solid #e0ebf7;border-radius:22px;overflow:hidden}.v14-team-grid img{width:100%;height:190px;object-fit:cover}.v14-team-grid article>div{padding:24px}.v14-team-grid p{color:#687b91;line-height:1.7}.v14-export-story.compact{padding:60px 0}.v14-route-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.v14-route-cards span{background:rgba(255,255,255,.1);padding:18px;border-radius:16px;font-weight:800}.v14-export-hero{padding:34px 0;background:linear-gradient(135deg,#eef8ff,#fff)}.v14-export-hero .v14-container{display:grid;grid-template-columns:41% 59%;align-items:center;background:#fff;border:1px solid #dfe9f5;border-radius:28px;overflow:hidden}.v14-export-hero-copy{padding:50px}.v14-export-hero-copy h1{font-size:clamp(40px,4.4vw,66px);line-height:1;letter-spacing:-.05em}.v14-export-hero-copy p{color:#64768d;line-height:1.8}.v14-export-hero-img{height:560px}.v14-export-hero-img img{width:100%;height:100%;object-fit:cover}.v14-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v14-project-grid article{background:#fff;border:1px solid #e0ebf7;border-radius:22px;overflow:hidden}.v14-project-grid img,.v14-project-placeholder{height:250px;width:100%;object-fit:cover;background:#eaf4ff;display:grid;place-items:center;color:#6c83a0;font-weight:800}.v14-project-grid article>div:last-child{padding:24px}.v14-project-grid small{color:#0a70d5;font-weight:900}.v14-project-grid p{color:#687b91;line-height:1.65}.v14-empty{grid-column:1/-1;padding:45px;text-align:center;border:1px dashed #bad4ef;border-radius:20px;background:#f6fbff;color:#6d839b}.scroll-top-fab,.chat-fab{position:fixed;right:25px;z-index:70;border:0;cursor:pointer}.scroll-top-fab{bottom:95px;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.13);color:#0756b6}.chat-fab{bottom:28px;border-radius:999px;padding:15px 21px;background:linear-gradient(135deg,#086ce8,#04a8ff);color:#fff;font-weight:900;box-shadow:0 15px 35px rgba(0,102,220,.3)}
/* Admin rebuild */.admin-body{background:#edf5fb!important}.v11-admin-shell{display:grid!important;grid-template-columns:276px minmax(0,1fr)!important;min-height:100vh!important}.v11-admin-side{position:sticky!important;top:0!important;height:100vh!important;overflow:auto!important;background:linear-gradient(180deg,#061b37,#08294d)!important;padding:18px 14px!important}.admin-brand{display:flex!important;align-items:center!important;gap:10px!important;background:#fff!important;padding:10px!important;border-radius:16px!important;text-decoration:none!important;margin-bottom:16px!important}.admin-brand img{width:72px!important;height:52px!important;object-fit:contain!important}.admin-brand span{display:flex;flex-direction:column;color:#071b35}.admin-brand small{font-size:8px;color:#0765c8}.admin-nav{display:grid!important;gap:4px!important}.admin-nav a{display:flex!important;align-items:center!important;gap:11px!important;padding:11px 12px!important;color:#d8e7f7!important;text-decoration:none!important;border-radius:11px!important;font-size:13px!important}.admin-nav a.active,.admin-nav a:hover{background:linear-gradient(90deg,#0a67d8,#0aa3f7)!important;color:#fff!important}.admin-nav i{font-style:normal;width:24px;text-align:center}.admin-side-bottom{display:grid;gap:6px;margin-top:18px}.admin-side-bottom a{color:#c7daee;text-decoration:none;padding:10px}.v11-admin-main{min-width:0!important;width:100%!important;padding:22px!important;overflow:hidden!important}.v11-admin-top{position:relative!important;top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;border:1px solid #dbe6f1!important;border-radius:18px!important;padding:14px 18px!important;margin-bottom:18px!important}.dash-hero{border-radius:24px!important;background:linear-gradient(135deg,#061b37,#0868da 70%,#04a7ff)!important;color:#fff!important;padding:30px!important;min-height:180px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}.dash-hero h1{font-size:38px!important;margin:6px 0!important}.dash-hero p{color:#dcecff!important}.admin-dashboard-links{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}.admin-dashboard-links a{background:#fff!important;border:1px solid #dce7f2!important;border-radius:16px!important;padding:16px!important;text-decoration:none!important;color:#10223b!important}.admin-dashboard-links b{display:block;color:#0866c9;margin-bottom:5px}.admin-dashboard-links span{font-size:11px;color:#6d7f94;line-height:1.4}.stat-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}.stat,.admin-card,.chart-card,.kpi{border-radius:18px!important;border:1px solid #dce7f2!important;background:#fff!important;box-shadow:none!important}.chart-grid{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(320px,1fr)!important;gap:14px!important}.chart-card{min-height:390px!important;overflow:hidden!important}.chart-wrap{height:300px!important;position:relative!important}.round-chart{height:300px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}.table-wrap{max-width:100%;overflow:auto}.visitor-table table{min-width:1250px}.admin-product-grid,.admin-block-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.admin-product-card,.admin-block-card{background:#fff!important;border:1px solid #dce7f2!important;border-radius:18px!important;overflow:hidden!important}.admin-product-card>img,.admin-block-card>img,.image-preview-card img{width:100%!important;height:180px!important;object-fit:contain!important;background:#f4f8fc!important}.admin-product-card>div,.admin-block-card>div{padding:16px!important}.admin-card{padding:20px!important;margin-bottom:16px!important}.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid #d5e3f1;border-radius:11px;padding:12px;background:#f9fcff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:1/-1}.admin-mobile-menu{display:none}
@media(max-width:1180px){.v14-brand-text{display:none}.v14-brand{min-width:auto}.v14-nav{gap:14px}.v14-nav a{font-size:12px}.v14-product-grid{grid-template-columns:repeat(3,1fr)}.v14-category-track{grid-template-columns:repeat(5,1fr)}.v14-category-track a:nth-child(n+6){display:none}.admin-dashboard-links{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:900px){.v14-container{width:min(100% - 28px,760px)}.v14-utility-right{display:none}.v14-utility-left span:nth-child(n+2){display:none}.v14-header-inner{height:74px;grid-template-columns:auto auto 1fr}.v14-logo-box{width:94px;height:58px}.v14-menu-btn{display:block}.v14-nav{display:none!important;position:absolute;top:74px;left:14px;right:14px;background:#fff;box-shadow:0 20px 55px rgba(8,42,83,.2);border-radius:20px;padding:14px;grid-template-columns:repeat(2,1fr);z-index:99}.v14-nav.open{display:grid!important}.v14-nav a{padding:13px;border-radius:10px;background:#f5f9fe}.v14-header-actions{justify-self:end}.v14-enquiry{display:none}.v14-hero{grid-template-columns:1fr;margin-top:14px}.v14-hero-copy{padding:38px 28px}.v14-hero h1{font-size:48px}.v14-hero-visual{min-height:360px;order:-1}.v14-benefits{grid-template-columns:1fr}.v14-category-track{display:flex;overflow:auto}.v14-category-track a{min-width:145px}.v14-stats{grid-template-columns:repeat(2,1fr)}.v14-stats div{border-bottom:1px solid #edf2f8}.v14-app-grid,.v14-product-grid,.v14-project-grid{grid-template-columns:repeat(2,1fr)}.v14-export-story .v14-container,.v14-company-hero .v14-container,.v14-export-hero .v14-container{grid-template-columns:1fr}.v14-export-map,.v14-export-hero-img{height:360px}.v14-section-head{align-items:start;flex-direction:column}.v14-buyer-band .v14-container{grid-template-columns:1fr}.v14-footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:22px}.v14-footer-about{grid-column:1/-1}.v14-page-hero,.v14-split-copy{grid-template-columns:1fr}.v14-value-grid,.v14-quality-grid,.v14-logistics-grid{grid-template-columns:repeat(2,1fr)}.v14-content-block,.v14-content-block.layout-right{grid-template-columns:1fr}.v14-content-block .v14-content-media{order:0!important;height:260px;min-height:260px}.v14-content-block .v14-content-copy{order:1!important}.v14-people-grid{grid-template-columns:1fr}.v14-team-grid{grid-template-columns:repeat(2,1fr)}.v11-admin-shell{display:block!important}.v11-admin-side{position:relative!important;height:auto!important;display:block!important}.admin-nav{grid-template-columns:repeat(3,1fr)!important}.v11-admin-main{padding:12px!important}.admin-dashboard-links{grid-template-columns:repeat(2,1fr)!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.chart-grid{grid-template-columns:1fr!important}.admin-product-grid,.admin-block-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.v14-container{width:calc(100% - 20px)}.v14-utility .v14-container{height:32px}.v14-header-inner{height:70px;gap:8px}.v14-logo-box{width:100px;height:60px}.v14-cart{padding:11px 13px;font-size:13px}.v14-ticker{height:34px}.v14-ticker-label{padding:0 10px;font-size:9px}.v14-ticker-track span{font-size:11px;padding:0 16px}.v14-hero{border-radius:18px}.v14-hero-visual{min-height:255px}.v14-hero-copy{padding:28px 20px}.v14-hero h1{font-size:40px}.v14-hero-copy>p{font-size:15px}.v14-hero-actions{flex-direction:column}.v14-btn{width:100%}.v14-stats{grid-template-columns:1fr 1fr}.v14-section{padding:58px 0}.v14-section-head h2{font-size:34px}.v14-app-grid,.v14-product-grid,.v14-project-grid,.v14-value-grid,.v14-quality-grid,.v14-logistics-grid,.v14-team-grid{grid-template-columns:1fr}.v14-product-media{height:230px}.v14-export-copy h2{font-size:36px}.v14-export-map{height:240px}.v14-footer-badges{grid-template-columns:repeat(4,1fr)}.v14-footer-badges span{font-size:8px;padding:10px 3px;white-space:nowrap}.v14-footer-grid{grid-template-columns:repeat(3,1fr);gap:10px}.v14-footer-about{grid-column:1/-1}.v14-footer h4{font-size:12px}.v14-footer a{font-size:10px;line-height:1.3}.v14-footer-bottom{flex-direction:column;font-size:10px}.v14-page-hero{padding:28px 0}.v14-page-hero>div,.v14-page-hero>aside{padding:25px}.v14-page-hero h1{font-size:39px}.v14-split-copy{padding:25px;gap:20px}.v14-split-copy h2{font-size:34px}.v14-content-block .v14-content-media{height:210px;min-height:210px}.v14-content-copy{padding:25px}.v14-content-copy h2{font-size:29px}.v14-company-hero img{height:260px}.v14-company-metrics{grid-template-columns:repeat(2,1fr)}.v14-people-grid article{grid-template-columns:100px 1fr}.v14-people-grid img,.v14-person-placeholder{width:100px;height:140px}.v14-people-grid article>div:last-child{padding:16px}.v14-export-hero-copy{padding:28px}.v14-export-hero-copy h1{font-size:39px}.v14-export-hero-img{height:250px}.scroll-top-fab{right:14px;bottom:82px}.chat-fab{right:14px;bottom:20px;padding:13px 16px}.admin-nav{grid-template-columns:repeat(2,1fr)!important}.admin-brand span{display:none}.dash-hero{display:block!important;padding:22px!important}.dash-hero h1{font-size:28px!important}.admin-dashboard-links,.stat-grid,.admin-product-grid,.admin-block-grid{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.v11-admin-top{align-items:start!important}.admin-top-actions{display:none}}

.v14-home-slider{position:relative;overflow:hidden}.v14-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,transform .8s ease;transform:scale(1.03)}.v14-hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.v14-hero-slide img{width:100%;height:100%;object-fit:cover}.v14-slide-card{position:absolute;left:24px;bottom:24px;max-width:390px;background:rgba(5,29,60,.88);backdrop-filter:blur(12px);padding:16px 18px;border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:4px}.v14-slide-card span{font-size:12px;color:#cfe4fb}.v14-slider-prev,.v14-slider-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#0756b6;font-size:28px;box-shadow:0 8px 24px rgba(0,0,0,.15);cursor:pointer}.v14-slider-prev{left:16px}.v14-slider-next{right:16px}.v14-slider-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.v14-slider-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55)}.v14-slider-dots i.active{width:26px;border-radius:8px;background:#fff}@media(max-width:560px){.v14-slide-card{left:12px;right:12px;bottom:12px;max-width:none;padding:11px 13px}.v14-slide-card span{font-size:10px}.v14-slider-prev,.v14-slider-next{width:36px;height:36px;font-size:22px}}
.v14-filter-row{display:flex;gap:8px;overflow:auto;padding:8px 0 0}.v14-filter-row a{white-space:nowrap;text-decoration:none;padding:10px 14px;border:1px solid #d9e7f5;border-radius:999px;background:#fff;color:#23405f;font-size:12px;font-weight:800}.v14-filter-row a.active{background:#0756b6;color:#fff}.v14-filter-row span{opacity:.65}.v14-product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;padding:54px 0}.v14-product-gallery,.v14-product-info{background:#fff;border:1px solid #dfeaf6;border-radius:28px}.v14-product-gallery{padding:24px}.v14-product-detail-img{height:620px;background:linear-gradient(180deg,#f8fbff,#edf5fd);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.v14-product-detail-img img{width:100%;height:100%;object-fit:contain}.v14-product-info{padding:48px;display:flex;flex-direction:column;justify-content:center}.v14-product-info>span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#0870d6;text-transform:uppercase}.v14-product-info h1{font-size:clamp(40px,4vw,62px);line-height:1.02;letter-spacing:-.05em;margin:9px 0 18px}.v14-product-info .lead{font-size:17px;line-height:1.8;color:#65768b}.v14-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.v14-spec-grid div{background:#f6faff;border:1px solid #e2edf8;border-radius:14px;padding:15px}.v14-spec-grid small{display:block;color:#7c8da2;font-size:10px;margin-bottom:4px}.v14-detail-actions{display:flex;gap:12px}@media(max-width:900px){.v14-product-detail{grid-template-columns:1fr}.v14-product-detail-img{height:420px}}@media(max-width:560px){.v14-product-detail{padding:24px 0}.v14-product-detail-img{height:300px}.v14-product-info{padding:25px}.v14-product-info h1{font-size:38px}.v14-spec-grid{grid-template-columns:1fr 1fr}.v14-detail-actions{flex-direction:column}}

/* =========================================================
   V14 HOME REBUILD - H25 (isolated home-only design)
   ========================================================= */
.h25-home{background:#f6faff;color:#0a1830;overflow:hidden}.h25-shell{width:min(1460px,calc(100% - 48px));margin-inline:auto}.h25-hero-wrap{padding:14px 0 0}.h25-hero-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);height:500px;background:#fff;border:1px solid #dbe7f4;border-radius:30px;overflow:hidden;box-shadow:0 20px 52px rgba(4,48,104,.08)}.h25-hero-copy{padding:46px 54px 42px;display:flex;flex-direction:column;justify-content:center;min-width:0}.h25-kicker{display:flex;flex-wrap:wrap;gap:8px 14px;color:#0756b6;font-size:12px;font-weight:900;letter-spacing:.13em;line-height:1.35}.h25-kicker i{font-style:normal;color:#13a6ff}.h25-hero-copy h1{margin:22px 0 15px;font-size:clamp(42px,4vw,67px);line-height:.98;letter-spacing:-.045em;max-width:760px}.h25-hero-copy h1 em{font-style:normal;color:#0a67df}.h25-hero-copy>p{margin:0;color:#5b6e86;font-size:16px;line-height:1.72;max-width:700px}.h25-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 22px}.h25-benefits>div{display:flex;align-items:flex-start;gap:10px;min-width:0}.h25-benefits b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #cfe2f8;border-radius:50%;color:#0669d9;background:#f7fbff;font-size:12px}.h25-benefits span{font-size:12.5px;font-weight:900;line-height:1.25}.h25-benefits small{display:block;color:#7a8ba0;font-size:10.5px;font-weight:600;margin-top:3px}.h25-actions{display:flex;gap:12px;flex-wrap:wrap}.h25-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:14px;text-decoration:none;font-weight:900;font-size:14px;transition:.25s ease}.h25-btn.primary{background:linear-gradient(135deg,#086fe7,#0756b6);color:#fff;box-shadow:0 12px 24px rgba(7,86,182,.2)}.h25-btn.secondary{background:#fff;color:#0756b6;border:1px solid #cfe0f3}.h25-btn.light{background:#fff;color:#0756b6}.h25-btn:hover{transform:translateY(-2px)}
.h25-hero-media{position:relative;min-width:0;height:100%;background:#eaf4ff;overflow:hidden}.h25-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .65s ease;background:#eaf4ff}.h25-slide.active{opacity:1;pointer-events:auto}.h25-slide img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center center!important;margin:0!important;padding:0!important;max-width:100%!important;max-height:100%!important;transform:none!important}.h25-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:5;display:flex;gap:6px;padding:6px 9px;background:rgba(3,24,48,.22);backdrop-filter:blur(10px);border-radius:999px}.h25-dots button{width:7px;height:7px;border:0;border-radius:50%;background:rgba(255,255,255,.65);padding:0;cursor:pointer}.h25-dots button.active{width:22px;border-radius:99px;background:#fff}.h25-hero-media button:not(.h25-dots button){display:none!important}.h25-hero-media .v14-slide-card,.h25-hero-media .v14-export-badge,.h25-hero-media [class*="caption"],.h25-hero-media [class*="badge"]{display:none!important}
.h25-rail-wrap{background:#fff;border-bottom:1px solid #e0eaf5}.h25-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow-x:auto;scrollbar-width:none}.h25-rail::-webkit-scrollbar{display:none}.h25-rail a{min-width:130px;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#10203a;border-right:1px solid #e6edf6;transition:.25s}.h25-rail a:first-child{border-left:1px solid #e6edf6}.h25-rail a:hover{background:#f2f8ff;transform:translateY(-2px)}.h25-rail strong{font-size:25px;line-height:1}.h25-rail span{text-align:center;font-size:11.5px;font-weight:900;line-height:1.25}
.h25-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 0}.h25-metrics article{background:#fff;border:1px solid #dfe9f5;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 24px rgba(6,45,92,.04)}.h25-metrics b{font-size:24px;color:#0756b6}.h25-metrics span{font-size:12px;color:#66778c;font-weight:700}
.h25-section{padding:42px 0}.h25-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:38px;align-items:end;margin-bottom:22px}.h25-heading span,.h25-export-copy>span{font-size:11px;font-weight:950;letter-spacing:.15em;color:#0a70de}.h25-heading h2{font-size:clamp(27px,2.7vw,42px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 0}.h25-heading p{margin:0;color:#65768c;line-height:1.7;font-size:14px}.h25-heading-inline a{justify-self:end;text-decoration:none;color:#0756b6;font-weight:900;font-size:13px}.h25-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.h25-app-card{display:flex;gap:15px;padding:20px;border:1px solid #dbe7f4;border-radius:20px;background:#fff;text-decoration:none;color:#0b1930;min-height:156px;transition:.25s;box-shadow:0 10px 28px rgba(5,49,105,.045)}.h25-app-card:hover{transform:translateY(-4px);border-color:#b8d7fa;box-shadow:0 16px 34px rgba(5,79,164,.1)}.h25-app-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#eef7ff;font-size:22px}.h25-app-card small{font-size:9.5px;color:#0a70de;font-weight:900;letter-spacing:.09em}.h25-app-card h3{margin:5px 0 7px;font-size:17px}.h25-app-card p{margin:0 0 9px;color:#6c7d91;line-height:1.5;font-size:12.5px}.h25-app-card b{font-size:11.5px;color:#0756b6}
.h25-export-wrap{padding:18px 0 38px}.h25-export-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:430px;background:linear-gradient(120deg,#052b5b,#0867c9 65%,#12a6f5);border-radius:28px;overflow:hidden;box-shadow:0 22px 54px rgba(2,45,99,.18)}.h25-export-copy{padding:48px 50px;color:#fff;display:flex;flex-direction:column;justify-content:center}.h25-export-copy>span{color:#55b8ff}.h25-export-copy h2{font-size:clamp(31px,3.2vw,48px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 15px}.h25-export-copy p{margin:0;color:#e4f1ff;font-size:14px;line-height:1.75}.h25-pills{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 22px}.h25-pills span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);border-radius:999px;padding:8px 12px;font-size:11.5px;font-weight:850}.h25-export-copy .h25-btn{align-self:flex-start}.h25-export-media{display:flex;align-items:center;justify-content:center;min-width:0;background:rgba(255,255,255,.05);padding:18px}.h25-export-media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;border-radius:20px;margin:0!important;padding:0!important;transform:none!important}
.h25-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.h25-product-card{background:#fff;border:1px solid #dfe9f4;border-radius:20px;overflow:hidden;transition:.25s;box-shadow:0 10px 28px rgba(6,45,92,.045)}.h25-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(6,74,155,.1)}.h25-product-card>a{text-decoration:none;color:inherit}.h25-product-media{height:220px;background:#f3f8fd;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.h25-product-media img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;transform:none!important}.h25-placeholder{color:#8b9bad;font-size:12px}.h25-product-copy{padding:17px}.h25-product-copy>small{font-size:9.5px;color:#0a70de;font-weight:900;letter-spacing:.08em}.h25-product-copy h3{font-size:16px;line-height:1.3;margin:5px 0 8px}.h25-product-copy p{font-size:12.3px;line-height:1.55;color:#6a7a8e;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.h25-product-copy>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #edf2f7}.h25-product-copy>div span{font-size:10.5px;color:#718197}.h25-product-copy>div b{font-size:11.5px;color:#0756b6}.h25-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:10px 0 56px}.h25-audience article{display:flex;gap:15px;background:#fff;border:1px solid #dce7f3;border-radius:20px;padding:20px}.h25-audience article>b{width:42px;height:42px;display:grid;place-items:center;background:#eef7ff;border-radius:13px;font-size:20px;flex:0 0 42px}.h25-audience h3{font-size:16px;margin:0 0 6px}.h25-audience p{font-size:12.5px;line-height:1.5;color:#6a7a8e;margin:0 0 7px}.h25-audience a{text-decoration:none;color:#0756b6;font-size:11.5px;font-weight:900}
@media(max-width:1180px){.h25-hero-card{grid-template-columns:1fr 1fr;height:470px}.h25-hero-copy{padding:38px}.h25-hero-copy h1{font-size:48px}.h25-benefits{grid-template-columns:1fr}.h25-benefits>div:nth-child(3){display:none}.h25-app-grid,.h25-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h25-rail{grid-template-columns:repeat(8,150px)}}
@media(max-width:820px){.h25-shell{width:min(100% - 24px,760px)}.h25-hero-wrap{padding-top:10px}.h25-hero-card{height:auto;grid-template-columns:1fr;border-radius:22px}.h25-hero-copy{padding:30px 26px 26px;order:1}.h25-hero-copy h1{font-size:clamp(38px,9vw,54px);margin-top:17px}.h25-hero-copy>p{font-size:14px}.h25-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:19px 0}.h25-benefits>div:nth-child(3){display:flex}.h25-benefits small{display:none}.h25-hero-media{order:2;height:auto;aspect-ratio:16/10}.h25-slide img{object-fit:contain!important}.h25-rail-wrap{margin-top:0}.h25-rail{width:100%;padding-inline:12px;grid-template-columns:repeat(8,122px)}.h25-rail a{min-width:122px;min-height:82px}.h25-metrics{grid-template-columns:repeat(2,1fr)}.h25-heading{grid-template-columns:1fr;gap:12px}.h25-heading-inline a{justify-self:start}.h25-export-card{grid-template-columns:1fr;min-height:0}.h25-export-copy{padding:34px 28px 26px}.h25-export-media{height:auto;aspect-ratio:16/10;padding:12px 18px 20px}.h25-audience{grid-template-columns:1fr}.h25-section{padding:34px 0}}
@media(max-width:520px){.h25-shell{width:calc(100% - 16px)}.h25-hero-card{border-radius:18px}.h25-hero-copy{padding:24px 18px 21px}.h25-kicker{font-size:9.5px;gap:5px 8px}.h25-hero-copy h1{font-size:36px;line-height:1.02;margin:14px 0 12px}.h25-hero-copy>p{font-size:13px;line-height:1.6}.h25-benefits{grid-template-columns:1fr;gap:8px}.h25-benefits>div{background:#f7fbff;border:1px solid #e3edf7;padding:8px 9px;border-radius:12px}.h25-benefits>div:nth-child(3){display:flex}.h25-benefits small{display:block}.h25-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.h25-btn{min-height:44px;padding:0 12px;font-size:12px}.h25-hero-media{aspect-ratio:4/3}.h25-dots{bottom:8px}.h25-metrics{gap:8px;padding:14px 0}.h25-metrics article{padding:14px 12px;gap:8px;border-radius:14px}.h25-metrics b{font-size:18px}.h25-metrics span{font-size:10.5px}.h25-app-grid,.h25-product-grid{grid-template-columns:1fr}.h25-app-card{min-height:0;padding:16px}.h25-export-wrap{padding:8px 0 28px}.h25-export-card{border-radius:18px}.h25-export-copy{padding:26px 18px 20px}.h25-export-copy h2{font-size:30px}.h25-export-copy p{font-size:12.5px}.h25-export-media{aspect-ratio:4/3;padding:10px}.h25-export-media img{border-radius:12px}.h25-product-media{height:210px}.h25-audience{padding-bottom:38px}.h25-audience article{padding:16px}}


/* =========================================================
   H27 FINAL HERO REBUILD
   Goal: compact hero, image inset equally top/right/bottom/left,
   full image visible without crop/stretch, no slider dots/arrows.
   ========================================================= */
.h25-hero-card{
  height:440px !important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
  border-radius:28px !important;
  overflow:hidden !important;
}
.h25-hero-copy{
  padding:28px 42px 26px !important;
}
.h25-hero-copy h1{
  font-size:clamp(40px,3.65vw,58px) !important;
  line-height:1 !important;
  margin:16px 0 12px !important;
}
.h25-hero-copy>p{
  font-size:14px !important;
  line-height:1.55 !important;
}
.h25-benefits{margin:18px 0 16px !important;gap:10px !important}
.h25-btn{min-height:44px !important;padding:0 20px !important}

/* Right media panel keeps a visible soft border around the image */
.h25-hero-media{
  position:relative !important;
  height:100% !important;
  min-height:0 !important;
  padding:16px 18px 16px 16px !important;
  box-sizing:border-box !important;
  background:#eaf4ff !important;
  overflow:hidden !important;
}
.h25-slide{
  position:absolute !important;
  top:16px !important;
  right:18px !important;
  bottom:16px !important;
  left:16px !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border:1px solid #cfe0f2 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  box-shadow:0 10px 28px rgba(8,62,122,.08) !important;
}
.h25-slide img{
  position:static !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:21px !important;
  transform:none !important;
}

/* Remove every navigation overlay from the hero image */
.h25-dots,
.h25-slider-dots,
.h25-slide-dots,
.h25-dot,
.v14-dots,
.v14-dot,
.v14-slider-dots,
.slider-dots,
.carousel-dots,
.swiper-pagination,
.h25-hero-media button,
.h25-hero-media [class*="arrow"],
.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:1180px){
  .h25-hero-card{height:420px !important;grid-template-columns:1fr 1.1fr !important}
  .h25-hero-copy{padding:24px 30px !important}
  .h25-hero-copy h1{font-size:44px !important}
  .h25-hero-media{padding:14px !important}
  .h25-slide{top:14px !important;right:14px !important;bottom:14px !important;left:14px !important}
}

@media(max-width:820px){
  .h25-hero-card{
    height:auto !important;
    grid-template-columns:1fr !important;
    border-radius:22px !important;
  }
  .h25-hero-copy{padding:26px 22px 22px !important}
  .h25-hero-copy h1{font-size:clamp(36px,8.5vw,50px) !important}
  .h25-hero-media{
    height:auto !important;
    aspect-ratio:16/10 !important;
    padding:12px !important;
  }
  .h25-slide{
    top:12px !important;right:12px !important;bottom:12px !important;left:12px !important;
    border-radius:18px !important;
  }
  .h25-slide img{border-radius:17px !important}
}

@media(max-width:520px){
  .h25-hero-card{border-radius:18px !important}
  .h25-hero-copy{padding:22px 16px 18px !important}
  .h25-hero-copy h1{font-size:34px !important;margin:12px 0 10px !important}
  .h25-hero-copy>p{font-size:12.8px !important;line-height:1.55 !important}
  .h25-hero-media{aspect-ratio:4/3 !important;padding:9px !important}
  .h25-slide{top:9px !important;right:9px !important;bottom:9px !important;left:9px !important;border-radius:14px !important}
  .h25-slide img{border-radius:13px !important}
}

/* =========================================================
   H28 SCREENSHOT-BASED HERO + HEADER REBUILD
   - Larger uncropped header logo
   - Hero content fully visible at bottom
   - Right image has a real reduced/inset border on all 4 sides
   - Image remains no-stretch and visually contained
   - No hero arrows / dots / overlay badges
   ========================================================= */

/* HEADER / LOGO */
.v14-header-inner{
  height:88px !important;
  grid-template-columns:auto 1fr auto !important;
  gap:22px !important;
}
.v14-brand{
  min-width:315px !important;
  gap:12px !important;
  overflow:visible !important;
}
.v14-logo-box{
  width:118px !important;
  height:68px !important;
  flex:0 0 118px !important;
  border-radius:10px !important;
  overflow:visible !important;
  background:#fff !important;
}
.v14-logo-box img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  display:block !important;
}
.v14-brand-text b{font-size:18px !important}
.v14-brand-text small{font-size:10px !important}

/* HERO OUTER CARD */
.h25-hero-wrap{padding-top:14px !important}
.h25-hero-card{
  height:478px !important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  align-items:stretch !important;
}
.h25-hero-copy{
  padding:30px 44px 28px !important;
  min-height:0 !important;
  overflow:visible !important;
  justify-content:center !important;
}
.h25-hero-copy h1{
  font-size:clamp(40px,3.55vw,58px) !important;
  line-height:1 !important;
  margin:16px 0 13px !important;
}
.h25-hero-copy>p{
  font-size:14px !important;
  line-height:1.55 !important;
}
.h25-benefits{
  margin:17px 0 15px !important;
  gap:9px !important;
}
.h25-actions{margin-bottom:0 !important}
.h25-btn{min-height:44px !important;padding:0 20px !important}

/* RIGHT MEDIA: REAL INNER BORDER / REDUCED IMAGE */
.h25-hero-media{
  position:relative !important;
  height:100% !important;
  min-height:0 !important;
  padding:18px 20px !important;
  background:#eaf4ff !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.h25-slide{
  position:absolute !important;
  inset:18px 20px !important;
  width:auto !important;
  height:auto !important;
  border:1px solid #c9ddef !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(7,61,119,.07) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.h25-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  border-radius:21px !important;
  background:#fff !important;
}

/* STRICT CLEAN HERO IMAGE */
.h25-dots,
.h25-slider-dots,
.h25-slide-dots,
.h25-dot,
.v14-dots,
.v14-dot,
.v14-slider-dots,
.slider-dots,
.carousel-dots,
.swiper-pagination,
.h25-hero-media button,
.h25-hero-media [class*="arrow"],
.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"],
.h25-hero-media [class*="caption"],
.h25-hero-media [class*="badge"],
.h25-hero-media .v14-slide-card,
.h25-hero-media .v14-export-badge{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:1180px){
  .v14-brand{min-width:auto !important}
  .v14-logo-box{width:108px !important;height:64px !important;flex-basis:108px !important}
  .v14-brand-text{display:none !important}
  .h25-hero-card{height:462px !important;grid-template-columns:1fr 1.08fr !important}
  .h25-hero-copy{padding:26px 32px 24px !important}
  .h25-hero-copy h1{font-size:44px !important}
  .h25-hero-media{padding:16px !important}
  .h25-slide{inset:16px !important}
}

@media(max-width:820px){
  .v14-header-inner{height:76px !important;grid-template-columns:auto auto 1fr !important}
  .v14-logo-box{width:104px !important;height:62px !important;flex-basis:104px !important}
  .h25-hero-card{height:auto !important;grid-template-columns:1fr !important;border-radius:22px !important}
  .h25-hero-copy{padding:28px 22px 24px !important}
  .h25-hero-copy h1{font-size:clamp(36px,8.5vw,50px) !important}
  .h25-hero-media{height:auto !important;aspect-ratio:16/10 !important;padding:12px !important}
  .h25-slide{inset:12px !important;border-radius:18px !important}
  .h25-slide img{border-radius:17px !important}
}

@media(max-width:520px){
  .v14-header-inner{height:70px !important}
  .v14-logo-box{width:96px !important;height:56px !important;flex-basis:96px !important}
  .h25-hero-card{border-radius:18px !important}
  .h25-hero-copy{padding:22px 16px 20px !important}
  .h25-hero-copy h1{font-size:34px !important;margin:12px 0 10px !important}
  .h25-hero-copy>p{font-size:12.8px !important;line-height:1.55 !important}
  .h25-benefits{grid-template-columns:1fr !important;margin:14px 0 13px !important}
  .h25-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important}
  .h25-hero-media{aspect-ratio:4/3 !important;padding:9px !important}
  .h25-slide{inset:9px !important;border-radius:14px !important}
  .h25-slide img{border-radius:13px !important}
}

/* ============================================================
   H30 - HERO IMAGE FLUSH TO ROUNDED FRAME
   Goal: image touches the rounded inner border on all 4 sides;
   no white underlay/letterbox visible behind the image.
   ============================================================ */
.h25-hero-media{
  padding:18px 20px !important;
  background:#eaf4ff !important;
  overflow:hidden !important;
}
.h25-slide{
  inset:18px 20px !important;
  border:1px solid #c9ddef !important;
  border-radius:22px !important;
  background:transparent !important;
  overflow:hidden !important;
  box-shadow:0 8px 22px rgba(7,61,119,.07) !important;
}
.h25-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:21px !important;
  background:transparent !important;
  transform:none !important;
}

/* Keep slider chrome completely hidden */
.h25-dots,.h25-slider-dots,.h25-slide-dots,.h25-dot,
.v14-dots,.v14-dot,.v14-slider-dots,.slider-dots,.carousel-dots,
.swiper-pagination,.h25-hero-media button,
.h25-hero-media [class*="arrow"],.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:1180px){
  .h25-hero-media{padding:16px !important}
  .h25-slide{inset:16px !important;border-radius:20px !important}
  .h25-slide img{border-radius:19px !important}
}
@media(max-width:820px){
  .h25-hero-media{padding:12px !important}
  .h25-slide{inset:12px !important;border-radius:18px !important}
  .h25-slide img{border-radius:17px !important}
}
@media(max-width:520px){
  .h25-hero-media{padding:9px !important}
  .h25-slide{inset:9px !important;border-radius:14px !important}
  .h25-slide img{border-radius:13px !important}
}

/* ============================================================
   H31 / H32 FINAL HOME UI
   - Hero image full stretch inside rounded frame (no crop)
   - Mobile hamburger aligned beside Cart
   - Ultra arrow section dividers
   ============================================================ */

/* User-approved hero image behavior: fill the rounded frame without crop. */
.h25-hero-media,
.h25-hero-visual,
.h25-slider,
.h25-slide{
  overflow:hidden !important;
}
.h25-slide img,
.h25-hero-media img,
.h25-hero-visual img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:fill !important;
  object-position:center center !important;
  transform:none !important;
}

/* Slider chrome stays completely off. */
.h25-dots,.h25-slider-dots,.h25-slide-dots,.h25-dot,
.v14-dots,.v14-dot,.v14-slider-dots,.slider-dots,.carousel-dots,
.swiper-pagination,.h25-hero-media button,
.h25-hero-media [class*="arrow"],.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"],.h25-hero-media [class*="caption"],
.h25-hero-media [class*="badge"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Ultra arrow / chevron divider between home sections. */
.h32-arrow-divider{
  width:min(1460px,calc(100% - 48px));
  height:34px;
  margin:8px auto 6px;
  display:grid;
  grid-template-columns:1fr 74px 1fr;
  align-items:center;
  gap:12px;
  pointer-events:none;
  position:relative;
  z-index:2;
}
.h32-arrow-divider span{
  height:1px;
  background:linear-gradient(90deg,transparent,#9ec9f4 18%,#4b9ce9 70%,#0b69ca);
  box-shadow:0 0 14px rgba(11,105,202,.16);
}
.h32-arrow-divider span:last-child{
  transform:scaleX(-1);
}
.h32-arrow-divider i{
  position:relative;
  width:74px;
  height:24px;
  margin:auto;
  filter:drop-shadow(0 7px 10px rgba(7,86,182,.16));
}
.h32-arrow-divider i::before,
.h32-arrow-divider i::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  border-radius:5px 1px 5px 1px;
}
.h32-arrow-divider i::before{
  top:1px;
  width:28px;
  height:28px;
  background:linear-gradient(135deg,#0a62c1,#14adff);
}
.h32-arrow-divider i::after{
  top:5px;
  width:20px;
  height:20px;
  background:#f7fbff;
}
.h32-arrow-divider.light i::after{background:#fff}

/* Mobile header: LOGO ... CART + premium three-line menu card. */
@media(max-width:900px){
  .v14-header-inner{
    height:72px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    position:relative !important;
  }
  .v14-brand{
    min-width:0 !important;
    flex:1 1 auto !important;
    margin-right:auto !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  .v14-logo-box{
    width:92px !important;
    height:54px !important;
    flex:0 0 92px !important;
    border-radius:11px !important;
  }
  .v14-logo-box img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    transform:none !important;
  }
  .v14-brand-text{display:none !important}
  .v14-header-actions{
    order:20 !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    margin:0 !important;
  }
  .v14-cart{
    height:42px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border-radius:13px !important;
    white-space:nowrap !important;
  }
  .v14-enquiry{display:none !important}
  .v14-menu-btn{
    order:21 !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    padding:0 !important;
    margin:0 0 0 2px !important;
    border:1px solid #d5e5f5 !important;
    border-radius:13px !important;
    background:#fff !important;
    color:transparent !important;
    box-shadow:0 8px 22px rgba(5,69,145,.10) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:hidden !important;
    inset:auto !important;
    transform:none !important;
    z-index:101 !important;
  }
  .v14-menu-btn::before,
  .v14-menu-btn::after{
    content:"";
    position:absolute;
    left:50%;
    width:21px;
    height:2px;
    border-radius:99px;
    background:#081b36;
    transform:translateX(-50%);
    transition:.22s ease;
  }
  .v14-menu-btn::before{top:14px;box-shadow:0 7px 0 #081b36,0 14px 0 #081b36}
  .v14-menu-btn::after{display:none}
  .v14-nav{
    top:72px !important;
    left:10px !important;
    right:10px !important;
    border:1px solid #dce9f6 !important;
  }
}

@media(max-width:560px){
  .v14-container{width:calc(100% - 16px) !important}
  .v14-header-inner{height:68px !important;gap:6px !important}
  .v14-logo-box{width:84px !important;height:50px !important;flex-basis:84px !important}
  .v14-cart{height:40px !important;padding:0 10px !important;font-size:12px !important}
  .v14-menu-btn{width:42px !important;height:42px !important;min-width:42px !important}
  .v14-menu-btn::before{top:13px}
  .v14-nav{top:68px !important}
  .h32-arrow-divider{
    width:calc(100% - 24px);
    height:26px;
    grid-template-columns:1fr 52px 1fr;
    gap:8px;
    margin:4px auto 2px;
  }
  .h32-arrow-divider i{width:52px;height:18px}
  .h32-arrow-divider i::before{width:22px;height:22px;top:0}
  .h32-arrow-divider i::after{width:16px;height:16px;top:3px}
}
/* =========================================================
   V14 HOME REBUILD - H25 (isolated home-only design)
   ========================================================= */
.h25-home{background:#f6faff;color:#0a1830;overflow:hidden}.h25-shell{width:min(1460px,calc(100% - 48px));margin-inline:auto}.h25-hero-wrap{padding:14px 0 0}.h25-hero-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);height:500px;background:#fff;border:1px solid #dbe7f4;border-radius:30px;overflow:hidden;box-shadow:0 20px 52px rgba(4,48,104,.08)}.h25-hero-copy{padding:46px 54px 42px;display:flex;flex-direction:column;justify-content:center;min-width:0}.h25-kicker{display:flex;flex-wrap:wrap;gap:8px 14px;color:#0756b6;font-size:12px;font-weight:900;letter-spacing:.13em;line-height:1.35}.h25-kicker i{font-style:normal;color:#13a6ff}.h25-hero-copy h1{margin:22px 0 15px;font-size:clamp(42px,4vw,67px);line-height:.98;letter-spacing:-.045em;max-width:760px}.h25-hero-copy h1 em{font-style:normal;color:#0a67df}.h25-hero-copy>p{margin:0;color:#5b6e86;font-size:16px;line-height:1.72;max-width:700px}.h25-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 22px}.h25-benefits>div{display:flex;align-items:flex-start;gap:10px;min-width:0}.h25-benefits b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #cfe2f8;border-radius:50%;color:#0669d9;background:#f7fbff;font-size:12px}.h25-benefits span{font-size:12.5px;font-weight:900;line-height:1.25}.h25-benefits small{display:block;color:#7a8ba0;font-size:10.5px;font-weight:600;margin-top:3px}.h25-actions{display:flex;gap:12px;flex-wrap:wrap}.h25-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:14px;text-decoration:none;font-weight:900;font-size:14px;transition:.25s ease}.h25-btn.primary{background:linear-gradient(135deg,#086fe7,#0756b6);color:#fff;box-shadow:0 12px 24px rgba(7,86,182,.2)}.h25-btn.secondary{background:#fff;color:#0756b6;border:1px solid #cfe0f3}.h25-btn.light{background:#fff;color:#0756b6}.h25-btn:hover{transform:translateY(-2px)}
.h25-hero-media{position:relative;min-width:0;height:100%;background:#eaf4ff;overflow:hidden}.h25-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .65s ease;background:#eaf4ff}.h25-slide.active{opacity:1;pointer-events:auto}.h25-slide img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center center!important;margin:0!important;padding:0!important;max-width:100%!important;max-height:100%!important;transform:none!important}.h25-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:5;display:flex;gap:6px;padding:6px 9px;background:rgba(3,24,48,.22);backdrop-filter:blur(10px);border-radius:999px}.h25-dots button{width:7px;height:7px;border:0;border-radius:50%;background:rgba(255,255,255,.65);padding:0;cursor:pointer}.h25-dots button.active{width:22px;border-radius:99px;background:#fff}.h25-hero-media button:not(.h25-dots button){display:none!important}.h25-hero-media .v14-slide-card,.h25-hero-media .v14-export-badge,.h25-hero-media [class*="caption"],.h25-hero-media [class*="badge"]{display:none!important}
.h25-rail-wrap{background:#fff;border-bottom:1px solid #e0eaf5}.h25-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow-x:auto;scrollbar-width:none}.h25-rail::-webkit-scrollbar{display:none}.h25-rail a{min-width:130px;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#10203a;border-right:1px solid #e6edf6;transition:.25s}.h25-rail a:first-child{border-left:1px solid #e6edf6}.h25-rail a:hover{background:#f2f8ff;transform:translateY(-2px)}.h25-rail strong{font-size:25px;line-height:1}.h25-rail span{text-align:center;font-size:11.5px;font-weight:900;line-height:1.25}
.h25-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 0}.h25-metrics article{background:#fff;border:1px solid #dfe9f5;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 24px rgba(6,45,92,.04)}.h25-metrics b{font-size:24px;color:#0756b6}.h25-metrics span{font-size:12px;color:#66778c;font-weight:700}
.h25-section{padding:42px 0}.h25-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:38px;align-items:end;margin-bottom:22px}.h25-heading span,.h25-export-copy>span{font-size:11px;font-weight:950;letter-spacing:.15em;color:#0a70de}.h25-heading h2{font-size:clamp(27px,2.7vw,42px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 0}.h25-heading p{margin:0;color:#65768c;line-height:1.7;font-size:14px}.h25-heading-inline a{justify-self:end;text-decoration:none;color:#0756b6;font-weight:900;font-size:13px}.h25-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.h25-app-card{display:flex;gap:15px;padding:20px;border:1px solid #dbe7f4;border-radius:20px;background:#fff;text-decoration:none;color:#0b1930;min-height:156px;transition:.25s;box-shadow:0 10px 28px rgba(5,49,105,.045)}.h25-app-card:hover{transform:translateY(-4px);border-color:#b8d7fa;box-shadow:0 16px 34px rgba(5,79,164,.1)}.h25-app-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#eef7ff;font-size:22px}.h25-app-card small{font-size:9.5px;color:#0a70de;font-weight:900;letter-spacing:.09em}.h25-app-card h3{margin:5px 0 7px;font-size:17px}.h25-app-card p{margin:0 0 9px;color:#6c7d91;line-height:1.5;font-size:12.5px}.h25-app-card b{font-size:11.5px;color:#0756b6}
.h25-export-wrap{padding:18px 0 38px}.h25-export-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:430px;background:linear-gradient(120deg,#052b5b,#0867c9 65%,#12a6f5);border-radius:28px;overflow:hidden;box-shadow:0 22px 54px rgba(2,45,99,.18)}.h25-export-copy{padding:48px 50px;color:#fff;display:flex;flex-direction:column;justify-content:center}.h25-export-copy>span{color:#55b8ff}.h25-export-copy h2{font-size:clamp(31px,3.2vw,48px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 15px}.h25-export-copy p{margin:0;color:#e4f1ff;font-size:14px;line-height:1.75}.h25-pills{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 22px}.h25-pills span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);border-radius:999px;padding:8px 12px;font-size:11.5px;font-weight:850}.h25-export-copy .h25-btn{align-self:flex-start}.h25-export-media{display:flex;align-items:center;justify-content:center;min-width:0;background:rgba(255,255,255,.05);padding:18px}.h25-export-media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;border-radius:20px;margin:0!important;padding:0!important;transform:none!important}
.h25-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.h25-product-card{background:#fff;border:1px solid #dfe9f4;border-radius:20px;overflow:hidden;transition:.25s;box-shadow:0 10px 28px rgba(6,45,92,.045)}.h25-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(6,74,155,.1)}.h25-product-card>a{text-decoration:none;color:inherit}.h25-product-media{height:220px;background:#f3f8fd;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.h25-product-media img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;transform:none!important}.h25-placeholder{color:#8b9bad;font-size:12px}.h25-product-copy{padding:17px}.h25-product-copy>small{font-size:9.5px;color:#0a70de;font-weight:900;letter-spacing:.08em}.h25-product-copy h3{font-size:16px;line-height:1.3;margin:5px 0 8px}.h25-product-copy p{font-size:12.3px;line-height:1.55;color:#6a7a8e;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.h25-product-copy>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #edf2f7}.h25-product-copy>div span{font-size:10.5px;color:#718197}.h25-product-copy>div b{font-size:11.5px;color:#0756b6}.h25-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:10px 0 56px}.h25-audience article{display:flex;gap:15px;background:#fff;border:1px solid #dce7f3;border-radius:20px;padding:20px}.h25-audience article>b{width:42px;height:42px;display:grid;place-items:center;background:#eef7ff;border-radius:13px;font-size:20px;flex:0 0 42px}.h25-audience h3{font-size:16px;margin:0 0 6px}.h25-audience p{font-size:12.5px;line-height:1.5;color:#6a7a8e;margin:0 0 7px}.h25-audience a{text-decoration:none;color:#0756b6;font-size:11.5px;font-weight:900}
@media(max-width:1180px){.h25-hero-card{grid-template-columns:1fr 1fr;height:470px}.h25-hero-copy{padding:38px}.h25-hero-copy h1{font-size:48px}.h25-benefits{grid-template-columns:1fr}.h25-benefits>div:nth-child(3){display:none}.h25-app-grid,.h25-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h25-rail{grid-template-columns:repeat(8,150px)}}
@media(max-width:820px){.h25-shell{width:min(100% - 24px,760px)}.h25-hero-wrap{padding-top:10px}.h25-hero-card{height:auto;grid-template-columns:1fr;border-radius:22px}.h25-hero-copy{padding:30px 26px 26px;order:1}.h25-hero-copy h1{font-size:clamp(38px,9vw,54px);margin-top:17px}.h25-hero-copy>p{font-size:14px}.h25-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:19px 0}.h25-benefits>div:nth-child(3){display:flex}.h25-benefits small{display:none}.h25-hero-media{order:2;height:auto;aspect-ratio:16/10}.h25-slide img{object-fit:contain!important}.h25-rail-wrap{margin-top:0}.h25-rail{width:100%;padding-inline:12px;grid-template-columns:repeat(8,122px)}.h25-rail a{min-width:122px;min-height:82px}.h25-metrics{grid-template-columns:repeat(2,1fr)}.h25-heading{grid-template-columns:1fr;gap:12px}.h25-heading-inline a{justify-self:start}.h25-export-card{grid-template-columns:1fr;min-height:0}.h25-export-copy{padding:34px 28px 26px}.h25-export-media{height:auto;aspect-ratio:16/10;padding:12px 18px 20px}.h25-audience{grid-template-columns:1fr}.h25-section{padding:34px 0}}
@media(max-width:520px){.h25-shell{width:calc(100% - 16px)}.h25-hero-card{border-radius:18px}.h25-hero-copy{padding:24px 18px 21px}.h25-kicker{font-size:9.5px;gap:5px 8px}.h25-hero-copy h1{font-size:36px;line-height:1.02;margin:14px 0 12px}.h25-hero-copy>p{font-size:13px;line-height:1.6}.h25-benefits{grid-template-columns:1fr;gap:8px}.h25-benefits>div{background:#f7fbff;border:1px solid #e3edf7;padding:8px 9px;border-radius:12px}.h25-benefits>div:nth-child(3){display:flex}.h25-benefits small{display:block}.h25-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.h25-btn{min-height:44px;padding:0 12px;font-size:12px}.h25-hero-media{aspect-ratio:4/3}.h25-dots{bottom:8px}.h25-metrics{gap:8px;padding:14px 0}.h25-metrics article{padding:14px 12px;gap:8px;border-radius:14px}.h25-metrics b{font-size:18px}.h25-metrics span{font-size:10.5px}.h25-app-grid,.h25-product-grid{grid-template-columns:1fr}.h25-app-card{min-height:0;padding:16px}.h25-export-wrap{padding:8px 0 28px}.h25-export-card{border-radius:18px}.h25-export-copy{padding:26px 18px 20px}.h25-export-copy h2{font-size:30px}.h25-export-copy p{font-size:12.5px}.h25-export-media{aspect-ratio:4/3;padding:10px}.h25-export-media img{border-radius:12px}.h25-product-media{height:210px}.h25-audience{padding-bottom:38px}.h25-audience article{padding:16px}}


/* =========================================================
   H27 FINAL HERO REBUILD
   Goal: compact hero, image inset equally top/right/bottom/left,
   full image visible without crop/stretch, no slider dots/arrows.
   ========================================================= */
.h25-hero-card{
  height:440px !important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
  border-radius:28px !important;
  overflow:hidden !important;
}
.h25-hero-copy{
  padding:28px 42px 26px !important;
}
.h25-hero-copy h1{
  font-size:clamp(40px,3.65vw,58px) !important;
  line-height:1 !important;
  margin:16px 0 12px !important;
}
.h25-hero-copy>p{
  font-size:14px !important;
  line-height:1.55 !important;
}
.h25-benefits{margin:18px 0 16px !important;gap:10px !important}
.h25-btn{min-height:44px !important;padding:0 20px !important}

/* Right media panel keeps a visible soft border around the image */
.h25-hero-media{
  position:relative !important;
  height:100% !important;
  min-height:0 !important;
  padding:16px 18px 16px 16px !important;
  box-sizing:border-box !important;
  background:#eaf4ff !important;
  overflow:hidden !important;
}
.h25-slide{
  position:absolute !important;
  top:16px !important;
  right:18px !important;
  bottom:16px !important;
  left:16px !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border:1px solid #cfe0f2 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  box-shadow:0 10px 28px rgba(8,62,122,.08) !important;
}
.h25-slide img{
  position:static !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:21px !important;
  transform:none !important;
}

/* Remove every navigation overlay from the hero image */
.h25-dots,
.h25-slider-dots,
.h25-slide-dots,
.h25-dot,
.v14-dots,
.v14-dot,
.v14-slider-dots,
.slider-dots,
.carousel-dots,
.swiper-pagination,
.h25-hero-media button,
.h25-hero-media [class*="arrow"],
.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:1180px){
  .h25-hero-card{height:420px !important;grid-template-columns:1fr 1.1fr !important}
  .h25-hero-copy{padding:24px 30px !important}
  .h25-hero-copy h1{font-size:44px !important}
  .h25-hero-media{padding:14px !important}
  .h25-slide{top:14px !important;right:14px !important;bottom:14px !important;left:14px !important}
}

@media(max-width:820px){
  .h25-hero-card{
    height:auto !important;
    grid-template-columns:1fr !important;
    border-radius:22px !important;
  }
  .h25-hero-copy{padding:26px 22px 22px !important}
  .h25-hero-copy h1{font-size:clamp(36px,8.5vw,50px) !important}
  .h25-hero-media{
    height:auto !important;
    aspect-ratio:16/10 !important;
    padding:12px !important;
  }
  .h25-slide{
    top:12px !important;right:12px !important;bottom:12px !important;left:12px !important;
    border-radius:18px !important;
  }
  .h25-slide img{border-radius:17px !important}
}

@media(max-width:520px){
  .h25-hero-card{border-radius:18px !important}
  .h25-hero-copy{padding:22px 16px 18px !important}
  .h25-hero-copy h1{font-size:34px !important;margin:12px 0 10px !important}
  .h25-hero-copy>p{font-size:12.8px !important;line-height:1.55 !important}
  .h25-hero-media{aspect-ratio:4/3 !important;padding:9px !important}
  .h25-slide{top:9px !important;right:9px !important;bottom:9px !important;left:9px !important;border-radius:14px !important}
  .h25-slide img{border-radius:13px !important}
}

/* =========================================================
   H28 SCREENSHOT-BASED HERO + HEADER REBUILD
   - Larger uncropped header logo
   - Hero content fully visible at bottom
   - Right image has a real reduced/inset border on all 4 sides
   - Image remains no-stretch and visually contained
   - No hero arrows / dots / overlay badges
   ========================================================= */

/* HEADER / LOGO */
.v14-header-inner{
  height:88px !important;
  grid-template-columns:auto 1fr auto !important;
  gap:22px !important;
}
.v14-brand{
  min-width:315px !important;
  gap:12px !important;
  overflow:visible !important;
}
.v14-logo-box{
  width:118px !important;
  height:68px !important;
  flex:0 0 118px !important;
  border-radius:10px !important;
  overflow:visible !important;
  background:#fff !important;
}
.v14-logo-box img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  display:block !important;
}
.v14-brand-text b{font-size:18px !important}
.v14-brand-text small{font-size:10px !important}

/* HERO OUTER CARD */
.h25-hero-wrap{padding-top:14px !important}
.h25-hero-card{
  height:478px !important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  align-items:stretch !important;
}
.h25-hero-copy{
  padding:30px 44px 28px !important;
  min-height:0 !important;
  overflow:visible !important;
  justify-content:center !important;
}
.h25-hero-copy h1{
  font-size:clamp(40px,3.55vw,58px) !important;
  line-height:1 !important;
  margin:16px 0 13px !important;
}
.h25-hero-copy>p{
  font-size:14px !important;
  line-height:1.55 !important;
}
.h25-benefits{
  margin:17px 0 15px !important;
  gap:9px !important;
}
.h25-actions{margin-bottom:0 !important}
.h25-btn{min-height:44px !important;padding:0 20px !important}

/* RIGHT MEDIA: REAL INNER BORDER / REDUCED IMAGE */
.h25-hero-media{
  position:relative !important;
  height:100% !important;
  min-height:0 !important;
  padding:18px 20px !important;
  background:#eaf4ff !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.h25-slide{
  position:absolute !important;
  inset:18px 20px !important;
  width:auto !important;
  height:auto !important;
  border:1px solid #c9ddef !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(7,61,119,.07) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.h25-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  border-radius:21px !important;
  background:#fff !important;
}

/* STRICT CLEAN HERO IMAGE */
.h25-dots,
.h25-slider-dots,
.h25-slide-dots,
.h25-dot,
.v14-dots,
.v14-dot,
.v14-slider-dots,
.slider-dots,
.carousel-dots,
.swiper-pagination,
.h25-hero-media button,
.h25-hero-media [class*="arrow"],
.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"],
.h25-hero-media [class*="caption"],
.h25-hero-media [class*="badge"],
.h25-hero-media .v14-slide-card,
.h25-hero-media .v14-export-badge{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:1180px){
  .v14-brand{min-width:auto !important}
  .v14-logo-box{width:108px !important;height:64px !important;flex-basis:108px !important}
  .v14-brand-text{display:none !important}
  .h25-hero-card{height:462px !important;grid-template-columns:1fr 1.08fr !important}
  .h25-hero-copy{padding:26px 32px 24px !important}
  .h25-hero-copy h1{font-size:44px !important}
  .h25-hero-media{padding:16px !important}
  .h25-slide{inset:16px !important}
}

@media(max-width:820px){
  .v14-header-inner{height:76px !important;grid-template-columns:auto auto 1fr !important}
  .v14-logo-box{width:104px !important;height:62px !important;flex-basis:104px !important}
  .h25-hero-card{height:auto !important;grid-template-columns:1fr !important;border-radius:22px !important}
  .h25-hero-copy{padding:28px 22px 24px !important}
  .h25-hero-copy h1{font-size:clamp(36px,8.5vw,50px) !important}
  .h25-hero-media{height:auto !important;aspect-ratio:16/10 !important;padding:12px !important}
  .h25-slide{inset:12px !important;border-radius:18px !important}
  .h25-slide img{border-radius:17px !important}
}

@media(max-width:520px){
  .v14-header-inner{height:70px !important}
  .v14-logo-box{width:96px !important;height:56px !important;flex-basis:96px !important}
  .h25-hero-card{border-radius:18px !important}
  .h25-hero-copy{padding:22px 16px 20px !important}
  .h25-hero-copy h1{font-size:34px !important;margin:12px 0 10px !important}
  .h25-hero-copy>p{font-size:12.8px !important;line-height:1.55 !important}
  .h25-benefits{grid-template-columns:1fr !important;margin:14px 0 13px !important}
  .h25-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important}
  .h25-hero-media{aspect-ratio:4/3 !important;padding:9px !important}
  .h25-slide{inset:9px !important;border-radius:14px !important}
  .h25-slide img{border-radius:13px !important}
}

/* ============================================================
   H30 - HERO IMAGE FLUSH TO ROUNDED FRAME
   Goal: image touches the rounded inner border on all 4 sides;
   no white underlay/letterbox visible behind the image.
   ============================================================ */
.h25-hero-media{
  padding:18px 20px !important;
  background:#eaf4ff !important;
  overflow:hidden !important;
}
.h25-slide{
  inset:18px 20px !important;
  border:1px solid #c9ddef !important;
  border-radius:22px !important;
  background:transparent !important;
  overflow:hidden !important;
  box-shadow:0 8px 22px rgba(7,61,119,.07) !important;
}
.h25-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:21px !important;
  background:transparent !important;
  transform:none !important;
}

/* Keep slider chrome completely hidden */
.h25-dots,.h25-slider-dots,.h25-slide-dots,.h25-dot,
.v14-dots,.v14-dot,.v14-slider-dots,.slider-dots,.carousel-dots,
.swiper-pagination,.h25-hero-media button,
.h25-hero-media [class*="arrow"],.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:1180px){
  .h25-hero-media{padding:16px !important}
  .h25-slide{inset:16px !important;border-radius:20px !important}
  .h25-slide img{border-radius:19px !important}
}
@media(max-width:820px){
  .h25-hero-media{padding:12px !important}
  .h25-slide{inset:12px !important;border-radius:18px !important}
  .h25-slide img{border-radius:17px !important}
}
@media(max-width:520px){
  .h25-hero-media{padding:9px !important}
  .h25-slide{inset:9px !important;border-radius:14px !important}
  .h25-slide img{border-radius:13px !important}
}

/* ============================================================
   H31 / H32 FINAL HOME UI
   - Hero image full stretch inside rounded frame (no crop)
   - Mobile hamburger aligned beside Cart
   - Ultra arrow section dividers
   ============================================================ */

/* User-approved hero image behavior: fill the rounded frame without crop. */
.h25-hero-media,
.h25-hero-visual,
.h25-slider,
.h25-slide{
  overflow:hidden !important;
}
.h25-slide img,
.h25-hero-media img,
.h25-hero-visual img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:fill !important;
  object-position:center center !important;
  transform:none !important;
}

/* Slider chrome stays completely off. */
.h25-dots,.h25-slider-dots,.h25-slide-dots,.h25-dot,
.v14-dots,.v14-dot,.v14-slider-dots,.slider-dots,.carousel-dots,
.swiper-pagination,.h25-hero-media button,
.h25-hero-media [class*="arrow"],.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"],.h25-hero-media [class*="caption"],
.h25-hero-media [class*="badge"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Ultra arrow / chevron divider between home sections. */
.h32-arrow-divider{
  width:min(1460px,calc(100% - 48px));
  height:34px;
  margin:8px auto 6px;
  display:grid;
  grid-template-columns:1fr 74px 1fr;
  align-items:center;
  gap:12px;
  pointer-events:none;
  position:relative;
  z-index:2;
}
.h32-arrow-divider span{
  height:1px;
  background:linear-gradient(90deg,transparent,#9ec9f4 18%,#4b9ce9 70%,#0b69ca);
  box-shadow:0 0 14px rgba(11,105,202,.16);
}
.h32-arrow-divider span:last-child{
  transform:scaleX(-1);
}
.h32-arrow-divider i{
  position:relative;
  width:74px;
  height:24px;
  margin:auto;
  filter:drop-shadow(0 7px 10px rgba(7,86,182,.16));
}
.h32-arrow-divider i::before,
.h32-arrow-divider i::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  border-radius:5px 1px 5px 1px;
}
.h32-arrow-divider i::before{
  top:1px;
  width:28px;
  height:28px;
  background:linear-gradient(135deg,#0a62c1,#14adff);
}
.h32-arrow-divider i::after{
  top:5px;
  width:20px;
  height:20px;
  background:#f7fbff;
}
.h32-arrow-divider.light i::after{background:#fff}

/* Mobile header: LOGO ... CART + premium three-line menu card. */
@media(max-width:900px){
  .v14-header-inner{
    height:72px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    position:relative !important;
  }
  .v14-brand{
    min-width:0 !important;
    flex:1 1 auto !important;
    margin-right:auto !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  .v14-logo-box{
    width:92px !important;
    height:54px !important;
    flex:0 0 92px !important;
    border-radius:11px !important;
  }
  .v14-logo-box img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    transform:none !important;
  }
  .v14-brand-text{display:none !important}
  .v14-header-actions{
    order:20 !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    margin:0 !important;
  }
  .v14-cart{
    height:42px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border-radius:13px !important;
    white-space:nowrap !important;
  }
  .v14-enquiry{display:none !important}
  .v14-menu-btn{
    order:21 !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    padding:0 !important;
    margin:0 0 0 2px !important;
    border:1px solid #d5e5f5 !important;
    border-radius:13px !important;
    background:#fff !important;
    color:transparent !important;
    box-shadow:0 8px 22px rgba(5,69,145,.10) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:hidden !important;
    inset:auto !important;
    transform:none !important;
    z-index:101 !important;
  }
  .v14-menu-btn::before,
  .v14-menu-btn::after{
    content:"";
    position:absolute;
    left:50%;
    width:21px;
    height:2px;
    border-radius:99px;
    background:#081b36;
    transform:translateX(-50%);
    transition:.22s ease;
  }
  .v14-menu-btn::before{top:14px;box-shadow:0 7px 0 #081b36,0 14px 0 #081b36}
  .v14-menu-btn::after{display:none}
  .v14-nav{
    top:72px !important;
    left:10px !important;
    right:10px !important;
    border:1px solid #dce9f6 !important;
  }
}

@media(max-width:560px){
  .v14-container{width:calc(100% - 16px) !important}
  .v14-header-inner{height:68px !important;gap:6px !important}
  .v14-logo-box{width:84px !important;height:50px !important;flex-basis:84px !important}
  .v14-cart{height:40px !important;padding:0 10px !important;font-size:12px !important}
  .v14-menu-btn{width:42px !important;height:42px !important;min-width:42px !important}
  .v14-menu-btn::before{top:13px}
  .v14-nav{top:68px !important}
  .h32-arrow-divider{
    width:calc(100% - 24px);
    height:26px;
    grid-template-columns:1fr 52px 1fr;
    gap:8px;
    margin:4px auto 2px;
  }
  .h32-arrow-divider i{width:52px;height:18px}
  .h32-arrow-divider i::before{width:22px;height:22px;top:0}
  .h32-arrow-divider i::after{width:16px;height:16px;top:3px}
}

/* =========================================================
   V15.1 LOCKED BASE PATCH — MOBILE 2-CARD APPLICATION RAIL
   Scope: Water Storage ... Project Procurement rail only.
   Desktop/tablet structure remains unchanged.
   ========================================================= */
@media (max-width: 820px) {
  .h25-rail-wrap {
    position: relative;
    overflow: hidden !important;
    background:
      linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    border-top: 1px solid #e6eef8 !important;
    border-bottom: 1px solid #dce8f6 !important;
    padding: 10px 0 12px !important;
  }

  .h25-rail {
    width: min(100% - 16px, 760px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    gap: 10px !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    touch-action: pan-x !important;
    overscroll-behavior-inline: contain !important;
  }

  .h25-rail::-webkit-scrollbar { display:none !important; }

  .h25-rail a {
    box-sizing: border-box !important;
    flex: 0 0 calc((100% - 10px) / 2) !important;
    min-width: 0 !important;
    min-height: 104px !important;
    padding: 13px 9px 12px !important;
    gap: 8px !important;
    justify-content: center !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    border: 1px solid #d9e7f6 !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 85% 8%,rgba(16,126,232,.10),transparent 33%),
      linear-gradient(145deg,#ffffff 0%,#f5faff 100%) !important;
    box-shadow:
      0 9px 22px rgba(8,67,137,.08),
      inset 0 1px 0 rgba(255,255,255,.95) !important;
    transform: none !important;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .h25-rail a::before {
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:3px;
    background:linear-gradient(90deg,#0b5fc6,#15a5ff,#0b5fc6);
    opacity:.95;
  }

  .h25-rail a::after {
    content:"";
    position:absolute;
    width:54px;
    height:54px;
    right:-24px;
    bottom:-24px;
    border-radius:50%;
    background:rgba(13,111,213,.07);
    pointer-events:none;
  }

  .h25-rail a:active {
    transform: scale(.985) !important;
    box-shadow: 0 5px 14px rgba(8,67,137,.10) !important;
  }

  .h25-rail strong {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 14px !important;
    background: #eef7ff !important;
    border: 1px solid #d8ebff !important;
    box-shadow: inset 0 1px 0 #fff !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  .h25-rail span {
    max-width: 100% !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    color: #0b1930 !important;
    letter-spacing: -.01em !important;
  }

  /* Small auto-slide status rail; decorative only. */
  .h25-rail-wrap::after {
    content:"";
    display:block;
    width:46px;
    height:4px;
    margin:10px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg,#0b62c9 0 48%,#d8e6f5 48% 100%);
    box-shadow:0 2px 8px rgba(9,93,186,.12);
    opacity:.85;
  }
}

@media (max-width: 430px) {
  .h25-rail { width: calc(100% - 12px) !important; gap: 8px !important; }
  .h25-rail a {
    flex-basis: calc((100% - 8px) / 2) !important;
    min-height: 98px !important;
    border-radius: 16px !important;
    padding: 12px 7px 10px !important;
  }
  .h25-rail strong { width:38px !important; height:38px !important; font-size:20px !important; }
  .h25-rail span { font-size:10.5px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .h25-rail { scroll-behavior:auto !important; }
}
:root{--navy:#061b37;--blue:#0756b6;--sky:#13a6ff;--soft:#f4f9ff;--line:#dfe9f5;--white:#fff;--ink:#0a1830;--sub:#617189;--shadow:0 22px 60px rgba(4,42,92,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#f7fbff;color:var(--ink);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;overflow-x:hidden}.v14-container{width:min(1460px,calc(100% - 48px));margin:auto}.v14-utility{background:linear-gradient(90deg,#063e86,#006ad4);color:#fff;font-size:13px}.v14-utility .v14-container{height:38px;display:flex;align-items:center;justify-content:space-between;gap:20px}.v14-utility-left,.v14-utility-right{display:flex;gap:22px;white-space:nowrap}.v14-header{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #e6eef8}.v14-header-inner{height:92px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:28px}.v14-brand{display:flex;align-items:center;gap:14px;text-decoration:none;color:var(--ink);min-width:280px}.v14-logo-box{width:82px;height:58px;border-radius:13px;overflow:hidden;background:#fff;display:flex;align-items:center;justify-content:center}.v14-logo-box img{width:100%;height:100%;object-fit:contain;transform:scale(1.13)}.v14-brand-text{display:flex;flex-direction:column;line-height:1}.v14-brand-text b{font-size:17px;letter-spacing:.02em}.v14-brand-text small{font-size:10px;letter-spacing:.13em;color:var(--blue);margin-top:6px}.v14-nav{display:flex;justify-content:center;align-items:center;gap:26px}.v14-nav a{text-decoration:none;color:#101c33;font-weight:700;font-size:14px;position:relative;padding:34px 0}.v14-nav a:after{content:"";height:3px;border-radius:8px;background:linear-gradient(90deg,var(--blue),var(--sky));position:absolute;left:0;right:100%;bottom:22px;transition:.25s}.v14-nav a:hover:after{right:0}.v14-header-actions{display:flex;align-items:center;gap:10px}.v14-cart,.v14-enquiry{text-decoration:none;font-weight:800;border-radius:14px;padding:13px 16px;white-space:nowrap}.v14-cart{color:#142033;border:1px solid #dce7f4;background:#fff}.v14-cart b{display:inline-grid;place-items:center;width:23px;height:23px;background:var(--blue);color:#fff;border-radius:50%}.v14-enquiry{background:linear-gradient(135deg,#0a6bea,#0450ac);color:#fff;box-shadow:0 10px 24px rgba(5,88,190,.22)}.v14-menu-btn{display:none;border:0;background:#edf5ff;border-radius:12px;font-size:28px;padding:8px 12px}.v14-ticker{height:40px;background:#edf7ff;display:flex;align-items:center;border-bottom:1px solid #dbeaf8;overflow:hidden}.v14-ticker-label{height:100%;display:flex;align-items:center;padding:0 20px;background:#062d5c;color:#fff;font-size:12px;font-weight:900;letter-spacing:.12em}.v14-ticker-window{overflow:hidden;flex:1}.v14-ticker-track{display:flex;width:max-content;animation:v14ticker 38s linear infinite;white-space:nowrap}.v14-ticker-track span{display:inline-flex;align-items:center;gap:18px;padding:0 26px;font-size:13px;font-weight:700;color:#17314f}.v14-ticker-track i{font-style:normal;color:#0780e8;font-size:8px}@keyframes v14ticker{to{transform:translateX(-50%)}}
.v14-hero{min-height:660px;display:grid;grid-template-columns:44% 56%;align-items:stretch;margin-top:28px;background:#fff;border:1px solid #e0ebf7;border-radius:28px;overflow:hidden;box-shadow:var(--shadow)}.v14-hero-copy{padding:68px 36px 58px 54px;align-self:center}.v14-kicker,.v14-section-head span,.v14-page-hero>div>span,.v14-export-copy>span,.v14-export-hero-copy>span{font-size:13px;font-weight:900;letter-spacing:.12em;color:#0756b6}.v14-kicker i{color:#13a6ff;margin:0 8px}.v14-hero h1{font-size:clamp(48px,4.7vw,78px);line-height:.98;letter-spacing:-.055em;margin:22px 0 24px}.v14-hero h1 em{font-style:normal;color:#0a67d8}.v14-hero-copy>p{font-size:18px;line-height:1.8;color:#5e6f85;max-width:680px}.v14-benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin:28px 0}.v14-benefits span{display:grid;grid-template-columns:34px 1fr;grid-template-rows:auto auto;align-items:center;font-size:13px;font-weight:800}.v14-benefits span>b{grid-row:1/3;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #cfe2f8;color:#0968d7;margin-right:8px}.v14-benefits small{font-weight:500;color:#8290a4}.v14-hero-actions{display:flex;gap:14px}.v14-btn{display:inline-flex;align-items:center;justify-content:center;min-height:52px;padding:0 24px;border-radius:13px;text-decoration:none;font-weight:900}.v14-btn.primary{background:linear-gradient(135deg,#0a6fea,#0450aa);color:#fff}.v14-btn.outline{border:1px solid #cfe0f4;background:#fff;color:#0756b6}.v14-btn.light{background:#fff;color:#0756b6}.v14-hero-visual{position:relative;min-height:660px;background:#e8f3ff}.v14-hero-visual img{width:100%;height:100%;object-fit:cover;object-position:center}.v14-export-badge{position:absolute;right:28px;bottom:28px;background:rgba(4,28,61,.9);color:#fff;border-radius:18px;padding:16px 18px;display:flex;flex-direction:column;box-shadow:0 15px 38px rgba(0,0,0,.2)}.v14-export-badge b{font-size:15px}.v14-export-badge span{font-size:23px;font-weight:900;color:#54bfff}.v14-category-rail{background:#fff;border-bottom:1px solid #dfe9f5}.v14-category-track{display:grid;grid-template-columns:repeat(9,1fr)}.v14-category-track a{text-decoration:none;color:#13233d;min-height:112px;padding:17px 10px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;border-right:1px solid #e8eff7;text-align:center}.v14-category-track a:first-child{border-left:1px solid #e8eff7}.v14-category-track strong{font-size:28px}.v14-category-track span{font-weight:800;font-size:12px}.v14-stats{display:grid;grid-template-columns:repeat(5,1fr);background:#fff;border:1px solid #e0ebf7;border-radius:22px;margin-top:24px;box-shadow:0 12px 35px rgba(8,53,102,.06)}.v14-stats div{padding:25px 20px;text-align:center;border-right:1px solid #edf2f8}.v14-stats div:last-child{border:0}.v14-stats b{display:block;font-size:24px;color:#0756b6}.v14-stats span{font-size:12px;color:#76869b}.v14-section{padding:88px 0}.v14-section-head{display:flex;align-items:end;justify-content:space-between;gap:40px;margin-bottom:34px}.v14-section-head h2{font-size:clamp(34px,3.3vw,52px);line-height:1.05;letter-spacing:-.04em;max-width:860px;margin:8px 0}.v14-section-head p{max-width:460px;color:#66778d;line-height:1.7}.v14-section-head>a{font-weight:800;color:#0756b6;text-decoration:none}.v14-app-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v14-app{background:#fff;border:1px solid #e0ebf7;border-radius:22px;padding:24px;display:flex;gap:18px;text-decoration:none;color:inherit;transition:.3s;min-height:210px}.v14-app:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#b7dafd}.v14-app-icon{min-width:58px;height:58px;border-radius:16px;background:linear-gradient(135deg,#e3f2ff,#f7fbff);display:grid;place-items:center;font-size:28px}.v14-app small{font-weight:900;color:#0780de;font-size:11px;letter-spacing:.08em}.v14-app h3{margin:5px 0 8px;font-size:22px}.v14-app p{color:#6d7d92;line-height:1.6;font-size:14px}.v14-app b{font-size:13px;color:#0756b6}.v14-export-story{background:linear-gradient(135deg,#031b37,#0756b6 62%,#0ca7ff);color:#fff;padding:74px 0}.v14-export-story .v14-container{display:grid;grid-template-columns:46% 54%;align-items:center;gap:48px}.v14-export-copy h2{font-size:clamp(36px,4vw,58px);line-height:1.05;margin:12px 0 18px;letter-spacing:-.04em}.v14-export-copy p{color:#d8e8fb;line-height:1.8}.v14-route-pills{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.v14-route-pills span{padding:10px 14px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.16);font-size:12px;font-weight:800}.v14-export-map{height:440px;border-radius:24px;overflow:hidden;border:1px solid rgba(255,255,255,.2);box-shadow:0 30px 80px rgba(0,0,0,.25)}.v14-export-map img{width:100%;height:100%;object-fit:cover}.v14-product-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v14-product{background:#fff;border:1px solid #e0ebf7;border-radius:22px;overflow:hidden;transition:.3s}.v14-product:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.v14-product a{text-decoration:none;color:inherit}.v14-product-media{height:270px;background:linear-gradient(180deg,#f7fbff,#eef6ff);display:flex;align-items:center;justify-content:center;padding:16px;overflow:hidden}.v14-product-media img{width:100%;height:100%;object-fit:contain}.v14-product-placeholder{font-weight:900;color:#7b91ac}.v14-product-copy{padding:20px}.v14-product-copy small{font-weight:900;color:#0b78dc;text-transform:uppercase;font-size:10px;letter-spacing:.08em}.v14-product-copy h3{font-size:19px;line-height:1.25;margin:7px 0 8px}.v14-product-copy p{font-size:13px;color:#6c7e93;line-height:1.6;min-height:62px}.v14-product-copy>div{border-top:1px solid #edf2f7;padding-top:12px;display:flex;justify-content:space-between;gap:10px;font-size:11px;color:#71839a}.v14-product-copy b{color:#0756b6}.v14-buyer-band{background:#fff;padding:30px 0 78px}.v14-buyer-band .v14-container{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v14-buyer-band article{border:1px solid #dfe9f5;border-radius:20px;padding:26px;display:flex;gap:18px}.v14-buyer-band article>b{font-size:35px}.v14-buyer-band h3{margin:0 0 8px}.v14-buyer-band p{color:#6d7d92;line-height:1.6}.v14-buyer-band a{font-weight:900;color:#0756b6;text-decoration:none}.v14-footer{background:#061b37;color:#dbe9f8;padding-top:32px}.v14-footer-badges{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;background:#1b3859;border-radius:16px;overflow:hidden;margin-bottom:40px}.v14-footer-badges span{background:#0b294b;padding:13px;text-align:center;font-size:12px;font-weight:800}.v14-footer-grid{display:grid;grid-template-columns:2fr repeat(3,1fr);gap:45px;padding:20px 0 45px}.v14-footer-about img{width:150px;height:64px;object-fit:contain;background:#fff;border-radius:12px;padding:7px}.v14-footer h3{font-size:23px;line-height:1.25}.v14-footer p{color:#91a8c0;line-height:1.7}.v14-footer a{display:block;color:#cce0f4;text-decoration:none;margin:10px 0}.v14-footer-about>a{color:#55baff;font-weight:900}.v14-footer h4{color:#fff}.v14-footer-bottom{border-top:1px solid #173a60;padding:18px 0;display:flex;justify-content:space-between;gap:20px;color:#7996b6;font-size:12px}.v14-page-hero{display:grid;grid-template-columns:1.7fr 1fr;gap:26px;padding:64px 0}.v14-page-hero>div,.v14-page-hero>aside{border-radius:26px;padding:42px;background:#fff;border:1px solid #e0ebf7}.v14-page-hero>div{background:linear-gradient(135deg,#fff,#f0f8ff)}.v14-page-hero h1{font-size:clamp(42px,5vw,72px);line-height:1;letter-spacing:-.05em;margin:13px 0 20px}.v14-page-hero p{font-size:17px;line-height:1.8;color:#63748b}.v14-page-hero aside{background:linear-gradient(135deg,#06274e,#0756b6);color:#fff;align-self:stretch;display:flex;flex-direction:column;justify-content:center}.v14-page-hero aside p{color:#d7e8fa;font-size:14px}.v14-page-hero aside a{color:#fff;font-weight:900}.v14-hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:20px}.v14-hero-tags b{font-size:11px;padding:10px 13px;border-radius:999px;background:#e8f4ff;color:#0756b6}.v14-split-copy{display:grid;grid-template-columns:1fr 1.2fr;gap:70px;background:#fff;border:1px solid #e0ebf7;border-radius:28px;padding:48px}.v14-split-copy h2{font-size:45px;line-height:1.06;letter-spacing:-.04em}.v14-split-copy p{font-size:16px;line-height:1.85;color:#66788f}.v14-value-grid,.v14-quality-grid,.v14-logistics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.v14-value-grid article,.v14-quality-grid article,.v14-logistics-grid article{background:#fff;border:1px solid #e0ebf7;border-radius:22px;padding:26px}.v14-value-grid article>b,.v14-quality-grid article>b{color:#0b75d8;font-size:12px}.v14-logistics-grid article>b{font-size:36px}.v14-value-grid h3,.v14-quality-grid h3,.v14-logistics-grid h3{font-size:21px}.v14-value-grid p,.v14-quality-grid p,.v14-logistics-grid p{color:#687b91;line-height:1.7}.v14-page-blocks{display:grid;gap:26px;padding-bottom:70px}.v14-content-block{background:#fff;border:1px solid #e0ebf7;border-radius:26px;overflow:hidden;display:grid;grid-template-columns:minmax(0,42%) 1fr;min-height:360px}.v14-content-block.layout-right .v14-content-media{order:2}.v14-content-block.layout-right .v14-content-copy{order:1}.v14-content-block.layout-center{grid-template-columns:1fr}.v14-content-block.layout-center .v14-content-media{height:330px}.v14-content-block.text-only{display:block;min-height:0}.v14-content-media{min-height:360px;background:#eef6ff;overflow:hidden}.v14-content-media img{width:100%;height:100%;object-fit:cover}.v14-content-copy{padding:44px;display:flex;flex-direction:column;justify-content:center}.v14-content-copy>span{font-size:11px;font-weight:900;color:#0a70d5;letter-spacing:.1em}.v14-content-copy h2{font-size:36px;letter-spacing:-.035em;margin:8px 0 16px}.v14-content-copy .rich-text{color:#63758a;line-height:1.8}.v14-company-hero{background:linear-gradient(135deg,#061b37,#0756b6);color:#fff;padding:42px 0}.v14-company-hero .v14-container{display:grid;grid-template-columns:1fr 1.05fr;gap:40px;align-items:center}.v14-company-hero h1{font-size:clamp(42px,4.8vw,68px);line-height:1.02;margin:10px 0;letter-spacing:-.05em}.v14-company-hero p{color:#d5e6f8;line-height:1.75}.v14-company-hero img{width:100%;height:470px;object-fit:cover;border-radius:24px;border:1px solid rgba(255,255,255,.15)}.v14-company-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-top:24px}.v14-company-metrics b{background:rgba(255,255,255,.09);padding:14px;border-radius:14px;font-size:11px}.v14-company-metrics strong{display:block;font-size:22px;color:#6dc8ff}.v14-people-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}.v14-people-grid article{display:grid;grid-template-columns:230px 1fr;background:#fff;border:1px solid #e0ebf7;border-radius:24px;overflow:hidden}.v14-people-grid img,.v14-person-placeholder{width:230px;height:280px;object-fit:cover;background:#edf5ff;display:grid;place-items:center;color:#7b91ac;font-weight:800}.v14-people-grid article>div:last-child{padding:28px}.v14-people-grid small,.v14-team-grid small{color:#0a71d8;font-weight:900}.v14-team-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.v14-team-grid article{background:#fff;border:1px solid #e0ebf7;border-radius:22px;overflow:hidden}.v14-team-grid img{width:100%;height:190px;object-fit:cover}.v14-team-grid article>div{padding:24px}.v14-team-grid p{color:#687b91;line-height:1.7}.v14-export-story.compact{padding:60px 0}.v14-route-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:13px}.v14-route-cards span{background:rgba(255,255,255,.1);padding:18px;border-radius:16px;font-weight:800}.v14-export-hero{padding:34px 0;background:linear-gradient(135deg,#eef8ff,#fff)}.v14-export-hero .v14-container{display:grid;grid-template-columns:41% 59%;align-items:center;background:#fff;border:1px solid #dfe9f5;border-radius:28px;overflow:hidden}.v14-export-hero-copy{padding:50px}.v14-export-hero-copy h1{font-size:clamp(40px,4.4vw,66px);line-height:1;letter-spacing:-.05em}.v14-export-hero-copy p{color:#64768d;line-height:1.8}.v14-export-hero-img{height:560px}.v14-export-hero-img img{width:100%;height:100%;object-fit:cover}.v14-project-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.v14-project-grid article{background:#fff;border:1px solid #e0ebf7;border-radius:22px;overflow:hidden}.v14-project-grid img,.v14-project-placeholder{height:250px;width:100%;object-fit:cover;background:#eaf4ff;display:grid;place-items:center;color:#6c83a0;font-weight:800}.v14-project-grid article>div:last-child{padding:24px}.v14-project-grid small{color:#0a70d5;font-weight:900}.v14-project-grid p{color:#687b91;line-height:1.65}.v14-empty{grid-column:1/-1;padding:45px;text-align:center;border:1px dashed #bad4ef;border-radius:20px;background:#f6fbff;color:#6d839b}.scroll-top-fab,.chat-fab{position:fixed;right:25px;z-index:70;border:0;cursor:pointer}.scroll-top-fab{bottom:95px;width:48px;height:48px;border-radius:50%;background:#fff;box-shadow:0 12px 30px rgba(0,0,0,.13);color:#0756b6}.chat-fab{bottom:28px;border-radius:999px;padding:15px 21px;background:linear-gradient(135deg,#086ce8,#04a8ff);color:#fff;font-weight:900;box-shadow:0 15px 35px rgba(0,102,220,.3)}
/* Admin rebuild */.admin-body{background:#edf5fb!important}.v11-admin-shell{display:grid!important;grid-template-columns:276px minmax(0,1fr)!important;min-height:100vh!important}.v11-admin-side{position:sticky!important;top:0!important;height:100vh!important;overflow:auto!important;background:linear-gradient(180deg,#061b37,#08294d)!important;padding:18px 14px!important}.admin-brand{display:flex!important;align-items:center!important;gap:10px!important;background:#fff!important;padding:10px!important;border-radius:16px!important;text-decoration:none!important;margin-bottom:16px!important}.admin-brand img{width:72px!important;height:52px!important;object-fit:contain!important}.admin-brand span{display:flex;flex-direction:column;color:#071b35}.admin-brand small{font-size:8px;color:#0765c8}.admin-nav{display:grid!important;gap:4px!important}.admin-nav a{display:flex!important;align-items:center!important;gap:11px!important;padding:11px 12px!important;color:#d8e7f7!important;text-decoration:none!important;border-radius:11px!important;font-size:13px!important}.admin-nav a.active,.admin-nav a:hover{background:linear-gradient(90deg,#0a67d8,#0aa3f7)!important;color:#fff!important}.admin-nav i{font-style:normal;width:24px;text-align:center}.admin-side-bottom{display:grid;gap:6px;margin-top:18px}.admin-side-bottom a{color:#c7daee;text-decoration:none;padding:10px}.v11-admin-main{min-width:0!important;width:100%!important;padding:22px!important;overflow:hidden!important}.v11-admin-top{position:relative!important;top:auto!important;display:flex!important;align-items:center!important;justify-content:space-between!important;background:#fff!important;border:1px solid #dbe6f1!important;border-radius:18px!important;padding:14px 18px!important;margin-bottom:18px!important}.dash-hero{border-radius:24px!important;background:linear-gradient(135deg,#061b37,#0868da 70%,#04a7ff)!important;color:#fff!important;padding:30px!important;min-height:180px!important;display:flex!important;align-items:center!important;justify-content:space-between!important;gap:20px!important}.dash-hero h1{font-size:38px!important;margin:6px 0!important}.dash-hero p{color:#dcecff!important}.admin-dashboard-links{display:grid!important;grid-template-columns:repeat(5,minmax(0,1fr))!important;gap:10px!important;margin:16px 0!important}.admin-dashboard-links a{background:#fff!important;border:1px solid #dce7f2!important;border-radius:16px!important;padding:16px!important;text-decoration:none!important;color:#10223b!important}.admin-dashboard-links b{display:block;color:#0866c9;margin-bottom:5px}.admin-dashboard-links span{font-size:11px;color:#6d7f94;line-height:1.4}.stat-grid{display:grid!important;grid-template-columns:repeat(4,1fr)!important;gap:14px!important}.stat,.admin-card,.chart-card,.kpi{border-radius:18px!important;border:1px solid #dce7f2!important;background:#fff!important;box-shadow:none!important}.chart-grid{display:grid!important;grid-template-columns:minmax(0,2fr) minmax(320px,1fr)!important;gap:14px!important}.chart-card{min-height:390px!important;overflow:hidden!important}.chart-wrap{height:300px!important;position:relative!important}.round-chart{height:300px!important;position:relative!important;display:flex!important;align-items:center!important;justify-content:center!important}.table-wrap{max-width:100%;overflow:auto}.visitor-table table{min-width:1250px}.admin-product-grid,.admin-block-grid{display:grid!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;gap:14px!important}.admin-product-card,.admin-block-card{background:#fff!important;border:1px solid #dce7f2!important;border-radius:18px!important;overflow:hidden!important}.admin-product-card>img,.admin-block-card>img,.image-preview-card img{width:100%!important;height:180px!important;object-fit:contain!important;background:#f4f8fc!important}.admin-product-card>div,.admin-block-card>div{padding:16px!important}.admin-card{padding:20px!important;margin-bottom:16px!important}.admin-form input,.admin-form select,.admin-form textarea{width:100%;border:1px solid #d5e3f1;border-radius:11px;padding:12px;background:#f9fcff}.form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.span-2{grid-column:1/-1}.admin-mobile-menu{display:none}
@media(max-width:1180px){.v14-brand-text{display:none}.v14-brand{min-width:auto}.v14-nav{gap:14px}.v14-nav a{font-size:12px}.v14-product-grid{grid-template-columns:repeat(3,1fr)}.v14-category-track{grid-template-columns:repeat(5,1fr)}.v14-category-track a:nth-child(n+6){display:none}.admin-dashboard-links{grid-template-columns:repeat(3,1fr)!important}}
@media(max-width:900px){.v14-container{width:min(100% - 28px,760px)}.v14-utility-right{display:none}.v14-utility-left span:nth-child(n+2){display:none}.v14-header-inner{height:74px;grid-template-columns:auto auto 1fr}.v14-logo-box{width:94px;height:58px}.v14-menu-btn{display:block}.v14-nav{display:none!important;position:absolute;top:74px;left:14px;right:14px;background:#fff;box-shadow:0 20px 55px rgba(8,42,83,.2);border-radius:20px;padding:14px;grid-template-columns:repeat(2,1fr);z-index:99}.v14-nav.open{display:grid!important}.v14-nav a{padding:13px;border-radius:10px;background:#f5f9fe}.v14-header-actions{justify-self:end}.v14-enquiry{display:none}.v14-hero{grid-template-columns:1fr;margin-top:14px}.v14-hero-copy{padding:38px 28px}.v14-hero h1{font-size:48px}.v14-hero-visual{min-height:360px;order:-1}.v14-benefits{grid-template-columns:1fr}.v14-category-track{display:flex;overflow:auto}.v14-category-track a{min-width:145px}.v14-stats{grid-template-columns:repeat(2,1fr)}.v14-stats div{border-bottom:1px solid #edf2f8}.v14-app-grid,.v14-product-grid,.v14-project-grid{grid-template-columns:repeat(2,1fr)}.v14-export-story .v14-container,.v14-company-hero .v14-container,.v14-export-hero .v14-container{grid-template-columns:1fr}.v14-export-map,.v14-export-hero-img{height:360px}.v14-section-head{align-items:start;flex-direction:column}.v14-buyer-band .v14-container{grid-template-columns:1fr}.v14-footer-grid{grid-template-columns:1.5fr repeat(3,1fr);gap:22px}.v14-footer-about{grid-column:1/-1}.v14-page-hero,.v14-split-copy{grid-template-columns:1fr}.v14-value-grid,.v14-quality-grid,.v14-logistics-grid{grid-template-columns:repeat(2,1fr)}.v14-content-block,.v14-content-block.layout-right{grid-template-columns:1fr}.v14-content-block .v14-content-media{order:0!important;height:260px;min-height:260px}.v14-content-block .v14-content-copy{order:1!important}.v14-people-grid{grid-template-columns:1fr}.v14-team-grid{grid-template-columns:repeat(2,1fr)}.v11-admin-shell{display:block!important}.v11-admin-side{position:relative!important;height:auto!important;display:block!important}.admin-nav{grid-template-columns:repeat(3,1fr)!important}.v11-admin-main{padding:12px!important}.admin-dashboard-links{grid-template-columns:repeat(2,1fr)!important}.stat-grid{grid-template-columns:repeat(2,1fr)!important}.chart-grid{grid-template-columns:1fr!important}.admin-product-grid,.admin-block-grid{grid-template-columns:repeat(2,1fr)!important}}
@media(max-width:560px){.v14-container{width:calc(100% - 20px)}.v14-utility .v14-container{height:32px}.v14-header-inner{height:70px;gap:8px}.v14-logo-box{width:100px;height:60px}.v14-cart{padding:11px 13px;font-size:13px}.v14-ticker{height:34px}.v14-ticker-label{padding:0 10px;font-size:9px}.v14-ticker-track span{font-size:11px;padding:0 16px}.v14-hero{border-radius:18px}.v14-hero-visual{min-height:255px}.v14-hero-copy{padding:28px 20px}.v14-hero h1{font-size:40px}.v14-hero-copy>p{font-size:15px}.v14-hero-actions{flex-direction:column}.v14-btn{width:100%}.v14-stats{grid-template-columns:1fr 1fr}.v14-section{padding:58px 0}.v14-section-head h2{font-size:34px}.v14-app-grid,.v14-product-grid,.v14-project-grid,.v14-value-grid,.v14-quality-grid,.v14-logistics-grid,.v14-team-grid{grid-template-columns:1fr}.v14-product-media{height:230px}.v14-export-copy h2{font-size:36px}.v14-export-map{height:240px}.v14-footer-badges{grid-template-columns:repeat(4,1fr)}.v14-footer-badges span{font-size:8px;padding:10px 3px;white-space:nowrap}.v14-footer-grid{grid-template-columns:repeat(3,1fr);gap:10px}.v14-footer-about{grid-column:1/-1}.v14-footer h4{font-size:12px}.v14-footer a{font-size:10px;line-height:1.3}.v14-footer-bottom{flex-direction:column;font-size:10px}.v14-page-hero{padding:28px 0}.v14-page-hero>div,.v14-page-hero>aside{padding:25px}.v14-page-hero h1{font-size:39px}.v14-split-copy{padding:25px;gap:20px}.v14-split-copy h2{font-size:34px}.v14-content-block .v14-content-media{height:210px;min-height:210px}.v14-content-copy{padding:25px}.v14-content-copy h2{font-size:29px}.v14-company-hero img{height:260px}.v14-company-metrics{grid-template-columns:repeat(2,1fr)}.v14-people-grid article{grid-template-columns:100px 1fr}.v14-people-grid img,.v14-person-placeholder{width:100px;height:140px}.v14-people-grid article>div:last-child{padding:16px}.v14-export-hero-copy{padding:28px}.v14-export-hero-copy h1{font-size:39px}.v14-export-hero-img{height:250px}.scroll-top-fab{right:14px;bottom:82px}.chat-fab{right:14px;bottom:20px;padding:13px 16px}.admin-nav{grid-template-columns:repeat(2,1fr)!important}.admin-brand span{display:none}.dash-hero{display:block!important;padding:22px!important}.dash-hero h1{font-size:28px!important}.admin-dashboard-links,.stat-grid,.admin-product-grid,.admin-block-grid{grid-template-columns:1fr!important}.form-grid{grid-template-columns:1fr}.span-2{grid-column:auto}.v11-admin-top{align-items:start!important}.admin-top-actions{display:none}}

.v14-home-slider{position:relative;overflow:hidden}.v14-hero-slide{position:absolute;inset:0;opacity:0;visibility:hidden;transition:opacity .7s ease,transform .8s ease;transform:scale(1.03)}.v14-hero-slide.active{opacity:1;visibility:visible;transform:scale(1)}.v14-hero-slide img{width:100%;height:100%;object-fit:cover}.v14-slide-card{position:absolute;left:24px;bottom:24px;max-width:390px;background:rgba(5,29,60,.88);backdrop-filter:blur(12px);padding:16px 18px;border-radius:15px;color:#fff;display:flex;flex-direction:column;gap:4px}.v14-slide-card span{font-size:12px;color:#cfe4fb}.v14-slider-prev,.v14-slider-next{position:absolute;top:50%;transform:translateY(-50%);z-index:5;width:44px;height:44px;border:0;border-radius:50%;background:rgba(255,255,255,.9);color:#0756b6;font-size:28px;box-shadow:0 8px 24px rgba(0,0,0,.15);cursor:pointer}.v14-slider-prev{left:16px}.v14-slider-next{right:16px}.v14-slider-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);display:flex;gap:6px;z-index:5}.v14-slider-dots i{width:7px;height:7px;border-radius:50%;background:rgba(255,255,255,.55)}.v14-slider-dots i.active{width:26px;border-radius:8px;background:#fff}@media(max-width:560px){.v14-slide-card{left:12px;right:12px;bottom:12px;max-width:none;padding:11px 13px}.v14-slide-card span{font-size:10px}.v14-slider-prev,.v14-slider-next{width:36px;height:36px;font-size:22px}}
.v14-filter-row{display:flex;gap:8px;overflow:auto;padding:8px 0 0}.v14-filter-row a{white-space:nowrap;text-decoration:none;padding:10px 14px;border:1px solid #d9e7f5;border-radius:999px;background:#fff;color:#23405f;font-size:12px;font-weight:800}.v14-filter-row a.active{background:#0756b6;color:#fff}.v14-filter-row span{opacity:.65}.v14-product-detail{display:grid;grid-template-columns:1.05fr .95fr;gap:32px;padding:54px 0}.v14-product-gallery,.v14-product-info{background:#fff;border:1px solid #dfeaf6;border-radius:28px}.v14-product-gallery{padding:24px}.v14-product-detail-img{height:620px;background:linear-gradient(180deg,#f8fbff,#edf5fd);border-radius:20px;display:flex;align-items:center;justify-content:center;overflow:hidden}.v14-product-detail-img img{width:100%;height:100%;object-fit:contain}.v14-product-info{padding:48px;display:flex;flex-direction:column;justify-content:center}.v14-product-info>span{font-size:11px;font-weight:900;letter-spacing:.1em;color:#0870d6;text-transform:uppercase}.v14-product-info h1{font-size:clamp(40px,4vw,62px);line-height:1.02;letter-spacing:-.05em;margin:9px 0 18px}.v14-product-info .lead{font-size:17px;line-height:1.8;color:#65768b}.v14-spec-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin:24px 0}.v14-spec-grid div{background:#f6faff;border:1px solid #e2edf8;border-radius:14px;padding:15px}.v14-spec-grid small{display:block;color:#7c8da2;font-size:10px;margin-bottom:4px}.v14-detail-actions{display:flex;gap:12px}@media(max-width:900px){.v14-product-detail{grid-template-columns:1fr}.v14-product-detail-img{height:420px}}@media(max-width:560px){.v14-product-detail{padding:24px 0}.v14-product-detail-img{height:300px}.v14-product-info{padding:25px}.v14-product-info h1{font-size:38px}.v14-spec-grid{grid-template-columns:1fr 1fr}.v14-detail-actions{flex-direction:column}}

/* =========================================================
   V14 HOME REBUILD - H25 (isolated home-only design)
   ========================================================= */
.h25-home{background:#f6faff;color:#0a1830;overflow:hidden}.h25-shell{width:min(1460px,calc(100% - 48px));margin-inline:auto}.h25-hero-wrap{padding:14px 0 0}.h25-hero-card{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);height:500px;background:#fff;border:1px solid #dbe7f4;border-radius:30px;overflow:hidden;box-shadow:0 20px 52px rgba(4,48,104,.08)}.h25-hero-copy{padding:46px 54px 42px;display:flex;flex-direction:column;justify-content:center;min-width:0}.h25-kicker{display:flex;flex-wrap:wrap;gap:8px 14px;color:#0756b6;font-size:12px;font-weight:900;letter-spacing:.13em;line-height:1.35}.h25-kicker i{font-style:normal;color:#13a6ff}.h25-hero-copy h1{margin:22px 0 15px;font-size:clamp(42px,4vw,67px);line-height:.98;letter-spacing:-.045em;max-width:760px}.h25-hero-copy h1 em{font-style:normal;color:#0a67df}.h25-hero-copy>p{margin:0;color:#5b6e86;font-size:16px;line-height:1.72;max-width:700px}.h25-benefits{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:24px 0 22px}.h25-benefits>div{display:flex;align-items:flex-start;gap:10px;min-width:0}.h25-benefits b{display:grid;place-items:center;width:30px;height:30px;flex:0 0 30px;border:1px solid #cfe2f8;border-radius:50%;color:#0669d9;background:#f7fbff;font-size:12px}.h25-benefits span{font-size:12.5px;font-weight:900;line-height:1.25}.h25-benefits small{display:block;color:#7a8ba0;font-size:10.5px;font-weight:600;margin-top:3px}.h25-actions{display:flex;gap:12px;flex-wrap:wrap}.h25-btn{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:0 24px;border-radius:14px;text-decoration:none;font-weight:900;font-size:14px;transition:.25s ease}.h25-btn.primary{background:linear-gradient(135deg,#086fe7,#0756b6);color:#fff;box-shadow:0 12px 24px rgba(7,86,182,.2)}.h25-btn.secondary{background:#fff;color:#0756b6;border:1px solid #cfe0f3}.h25-btn.light{background:#fff;color:#0756b6}.h25-btn:hover{transform:translateY(-2px)}
.h25-hero-media{position:relative;min-width:0;height:100%;background:#eaf4ff;overflow:hidden}.h25-slide{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;opacity:0;pointer-events:none;transition:opacity .65s ease;background:#eaf4ff}.h25-slide.active{opacity:1;pointer-events:auto}.h25-slide img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center center!important;margin:0!important;padding:0!important;max-width:100%!important;max-height:100%!important;transform:none!important}.h25-dots{position:absolute;left:50%;bottom:14px;transform:translateX(-50%);z-index:5;display:flex;gap:6px;padding:6px 9px;background:rgba(3,24,48,.22);backdrop-filter:blur(10px);border-radius:999px}.h25-dots button{width:7px;height:7px;border:0;border-radius:50%;background:rgba(255,255,255,.65);padding:0;cursor:pointer}.h25-dots button.active{width:22px;border-radius:99px;background:#fff}.h25-hero-media button:not(.h25-dots button){display:none!important}.h25-hero-media .v14-slide-card,.h25-hero-media .v14-export-badge,.h25-hero-media [class*="caption"],.h25-hero-media [class*="badge"]{display:none!important}
.h25-rail-wrap{background:#fff;border-bottom:1px solid #e0eaf5}.h25-rail{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));overflow-x:auto;scrollbar-width:none}.h25-rail::-webkit-scrollbar{display:none}.h25-rail a{min-width:130px;min-height:94px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;text-decoration:none;color:#10203a;border-right:1px solid #e6edf6;transition:.25s}.h25-rail a:first-child{border-left:1px solid #e6edf6}.h25-rail a:hover{background:#f2f8ff;transform:translateY(-2px)}.h25-rail strong{font-size:25px;line-height:1}.h25-rail span{text-align:center;font-size:11.5px;font-weight:900;line-height:1.25}
.h25-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;padding:22px 0}.h25-metrics article{background:#fff;border:1px solid #dfe9f5;border-radius:18px;padding:18px 20px;display:flex;align-items:center;gap:14px;box-shadow:0 8px 24px rgba(6,45,92,.04)}.h25-metrics b{font-size:24px;color:#0756b6}.h25-metrics span{font-size:12px;color:#66778c;font-weight:700}
.h25-section{padding:42px 0}.h25-heading{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(260px,.7fr);gap:38px;align-items:end;margin-bottom:22px}.h25-heading span,.h25-export-copy>span{font-size:11px;font-weight:950;letter-spacing:.15em;color:#0a70de}.h25-heading h2{font-size:clamp(27px,2.7vw,42px);line-height:1.08;letter-spacing:-.035em;margin:8px 0 0}.h25-heading p{margin:0;color:#65768c;line-height:1.7;font-size:14px}.h25-heading-inline a{justify-self:end;text-decoration:none;color:#0756b6;font-weight:900;font-size:13px}.h25-app-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px}.h25-app-card{display:flex;gap:15px;padding:20px;border:1px solid #dbe7f4;border-radius:20px;background:#fff;text-decoration:none;color:#0b1930;min-height:156px;transition:.25s;box-shadow:0 10px 28px rgba(5,49,105,.045)}.h25-app-card:hover{transform:translateY(-4px);border-color:#b8d7fa;box-shadow:0 16px 34px rgba(5,79,164,.1)}.h25-app-icon{width:42px;height:42px;flex:0 0 42px;display:grid;place-items:center;border-radius:13px;background:#eef7ff;font-size:22px}.h25-app-card small{font-size:9.5px;color:#0a70de;font-weight:900;letter-spacing:.09em}.h25-app-card h3{margin:5px 0 7px;font-size:17px}.h25-app-card p{margin:0 0 9px;color:#6c7d91;line-height:1.5;font-size:12.5px}.h25-app-card b{font-size:11.5px;color:#0756b6}
.h25-export-wrap{padding:18px 0 38px}.h25-export-card{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);min-height:430px;background:linear-gradient(120deg,#052b5b,#0867c9 65%,#12a6f5);border-radius:28px;overflow:hidden;box-shadow:0 22px 54px rgba(2,45,99,.18)}.h25-export-copy{padding:48px 50px;color:#fff;display:flex;flex-direction:column;justify-content:center}.h25-export-copy>span{color:#55b8ff}.h25-export-copy h2{font-size:clamp(31px,3.2vw,48px);line-height:1.05;letter-spacing:-.04em;margin:10px 0 15px}.h25-export-copy p{margin:0;color:#e4f1ff;font-size:14px;line-height:1.75}.h25-pills{display:flex;flex-wrap:wrap;gap:9px;margin:19px 0 22px}.h25-pills span{border:1px solid rgba(255,255,255,.22);background:rgba(255,255,255,.09);border-radius:999px;padding:8px 12px;font-size:11.5px;font-weight:850}.h25-export-copy .h25-btn{align-self:flex-start}.h25-export-media{display:flex;align-items:center;justify-content:center;min-width:0;background:rgba(255,255,255,.05);padding:18px}.h25-export-media img{display:block;width:100%;height:100%;max-width:100%;max-height:100%;object-fit:contain!important;object-position:center!important;border-radius:20px;margin:0!important;padding:0!important;transform:none!important}
.h25-product-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.h25-product-card{background:#fff;border:1px solid #dfe9f4;border-radius:20px;overflow:hidden;transition:.25s;box-shadow:0 10px 28px rgba(6,45,92,.045)}.h25-product-card:hover{transform:translateY(-4px);box-shadow:0 18px 40px rgba(6,74,155,.1)}.h25-product-card>a{text-decoration:none;color:inherit}.h25-product-media{height:220px;background:#f3f8fd;display:flex;align-items:center;justify-content:center;padding:12px;overflow:hidden}.h25-product-media img{display:block;width:100%;height:100%;object-fit:contain!important;object-position:center!important;margin:0!important;padding:0!important;transform:none!important}.h25-placeholder{color:#8b9bad;font-size:12px}.h25-product-copy{padding:17px}.h25-product-copy>small{font-size:9.5px;color:#0a70de;font-weight:900;letter-spacing:.08em}.h25-product-copy h3{font-size:16px;line-height:1.3;margin:5px 0 8px}.h25-product-copy p{font-size:12.3px;line-height:1.55;color:#6a7a8e;margin:0;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.h25-product-copy>div{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-top:14px;padding-top:12px;border-top:1px solid #edf2f7}.h25-product-copy>div span{font-size:10.5px;color:#718197}.h25-product-copy>div b{font-size:11.5px;color:#0756b6}.h25-audience{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding:10px 0 56px}.h25-audience article{display:flex;gap:15px;background:#fff;border:1px solid #dce7f3;border-radius:20px;padding:20px}.h25-audience article>b{width:42px;height:42px;display:grid;place-items:center;background:#eef7ff;border-radius:13px;font-size:20px;flex:0 0 42px}.h25-audience h3{font-size:16px;margin:0 0 6px}.h25-audience p{font-size:12.5px;line-height:1.5;color:#6a7a8e;margin:0 0 7px}.h25-audience a{text-decoration:none;color:#0756b6;font-size:11.5px;font-weight:900}
@media(max-width:1180px){.h25-hero-card{grid-template-columns:1fr 1fr;height:470px}.h25-hero-copy{padding:38px}.h25-hero-copy h1{font-size:48px}.h25-benefits{grid-template-columns:1fr}.h25-benefits>div:nth-child(3){display:none}.h25-app-grid,.h25-product-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.h25-rail{grid-template-columns:repeat(8,150px)}}
@media(max-width:820px){.h25-shell{width:min(100% - 24px,760px)}.h25-hero-wrap{padding-top:10px}.h25-hero-card{height:auto;grid-template-columns:1fr;border-radius:22px}.h25-hero-copy{padding:30px 26px 26px;order:1}.h25-hero-copy h1{font-size:clamp(38px,9vw,54px);margin-top:17px}.h25-hero-copy>p{font-size:14px}.h25-benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;margin:19px 0}.h25-benefits>div:nth-child(3){display:flex}.h25-benefits small{display:none}.h25-hero-media{order:2;height:auto;aspect-ratio:16/10}.h25-slide img{object-fit:contain!important}.h25-rail-wrap{margin-top:0}.h25-rail{width:100%;padding-inline:12px;grid-template-columns:repeat(8,122px)}.h25-rail a{min-width:122px;min-height:82px}.h25-metrics{grid-template-columns:repeat(2,1fr)}.h25-heading{grid-template-columns:1fr;gap:12px}.h25-heading-inline a{justify-self:start}.h25-export-card{grid-template-columns:1fr;min-height:0}.h25-export-copy{padding:34px 28px 26px}.h25-export-media{height:auto;aspect-ratio:16/10;padding:12px 18px 20px}.h25-audience{grid-template-columns:1fr}.h25-section{padding:34px 0}}
@media(max-width:520px){.h25-shell{width:calc(100% - 16px)}.h25-hero-card{border-radius:18px}.h25-hero-copy{padding:24px 18px 21px}.h25-kicker{font-size:9.5px;gap:5px 8px}.h25-hero-copy h1{font-size:36px;line-height:1.02;margin:14px 0 12px}.h25-hero-copy>p{font-size:13px;line-height:1.6}.h25-benefits{grid-template-columns:1fr;gap:8px}.h25-benefits>div{background:#f7fbff;border:1px solid #e3edf7;padding:8px 9px;border-radius:12px}.h25-benefits>div:nth-child(3){display:flex}.h25-benefits small{display:block}.h25-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.h25-btn{min-height:44px;padding:0 12px;font-size:12px}.h25-hero-media{aspect-ratio:4/3}.h25-dots{bottom:8px}.h25-metrics{gap:8px;padding:14px 0}.h25-metrics article{padding:14px 12px;gap:8px;border-radius:14px}.h25-metrics b{font-size:18px}.h25-metrics span{font-size:10.5px}.h25-app-grid,.h25-product-grid{grid-template-columns:1fr}.h25-app-card{min-height:0;padding:16px}.h25-export-wrap{padding:8px 0 28px}.h25-export-card{border-radius:18px}.h25-export-copy{padding:26px 18px 20px}.h25-export-copy h2{font-size:30px}.h25-export-copy p{font-size:12.5px}.h25-export-media{aspect-ratio:4/3;padding:10px}.h25-export-media img{border-radius:12px}.h25-product-media{height:210px}.h25-audience{padding-bottom:38px}.h25-audience article{padding:16px}}


/* =========================================================
   H27 FINAL HERO REBUILD
   Goal: compact hero, image inset equally top/right/bottom/left,
   full image visible without crop/stretch, no slider dots/arrows.
   ========================================================= */
.h25-hero-card{
  height:440px !important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
  border-radius:28px !important;
  overflow:hidden !important;
}
.h25-hero-copy{
  padding:28px 42px 26px !important;
}
.h25-hero-copy h1{
  font-size:clamp(40px,3.65vw,58px) !important;
  line-height:1 !important;
  margin:16px 0 12px !important;
}
.h25-hero-copy>p{
  font-size:14px !important;
  line-height:1.55 !important;
}
.h25-benefits{margin:18px 0 16px !important;gap:10px !important}
.h25-btn{min-height:44px !important;padding:0 20px !important}

/* Right media panel keeps a visible soft border around the image */
.h25-hero-media{
  position:relative !important;
  height:100% !important;
  min-height:0 !important;
  padding:16px 18px 16px 16px !important;
  box-sizing:border-box !important;
  background:#eaf4ff !important;
  overflow:hidden !important;
}
.h25-slide{
  position:absolute !important;
  top:16px !important;
  right:18px !important;
  bottom:16px !important;
  left:16px !important;
  width:auto !important;
  height:auto !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
  background:#fff !important;
  border:1px solid #cfe0f2 !important;
  border-radius:22px !important;
  overflow:hidden !important;
  box-shadow:0 10px 28px rgba(8,62,122,.08) !important;
}
.h25-slide img{
  position:static !important;
  display:block !important;
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center center !important;
  border-radius:21px !important;
  transform:none !important;
}

/* Remove every navigation overlay from the hero image */
.h25-dots,
.h25-slider-dots,
.h25-slide-dots,
.h25-dot,
.v14-dots,
.v14-dot,
.v14-slider-dots,
.slider-dots,
.carousel-dots,
.swiper-pagination,
.h25-hero-media button,
.h25-hero-media [class*="arrow"],
.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:1180px){
  .h25-hero-card{height:420px !important;grid-template-columns:1fr 1.1fr !important}
  .h25-hero-copy{padding:24px 30px !important}
  .h25-hero-copy h1{font-size:44px !important}
  .h25-hero-media{padding:14px !important}
  .h25-slide{top:14px !important;right:14px !important;bottom:14px !important;left:14px !important}
}

@media(max-width:820px){
  .h25-hero-card{
    height:auto !important;
    grid-template-columns:1fr !important;
    border-radius:22px !important;
  }
  .h25-hero-copy{padding:26px 22px 22px !important}
  .h25-hero-copy h1{font-size:clamp(36px,8.5vw,50px) !important}
  .h25-hero-media{
    height:auto !important;
    aspect-ratio:16/10 !important;
    padding:12px !important;
  }
  .h25-slide{
    top:12px !important;right:12px !important;bottom:12px !important;left:12px !important;
    border-radius:18px !important;
  }
  .h25-slide img{border-radius:17px !important}
}

@media(max-width:520px){
  .h25-hero-card{border-radius:18px !important}
  .h25-hero-copy{padding:22px 16px 18px !important}
  .h25-hero-copy h1{font-size:34px !important;margin:12px 0 10px !important}
  .h25-hero-copy>p{font-size:12.8px !important;line-height:1.55 !important}
  .h25-hero-media{aspect-ratio:4/3 !important;padding:9px !important}
  .h25-slide{top:9px !important;right:9px !important;bottom:9px !important;left:9px !important;border-radius:14px !important}
  .h25-slide img{border-radius:13px !important}
}

/* =========================================================
   H28 SCREENSHOT-BASED HERO + HEADER REBUILD
   - Larger uncropped header logo
   - Hero content fully visible at bottom
   - Right image has a real reduced/inset border on all 4 sides
   - Image remains no-stretch and visually contained
   - No hero arrows / dots / overlay badges
   ========================================================= */

/* HEADER / LOGO */
.v14-header-inner{
  height:88px !important;
  grid-template-columns:auto 1fr auto !important;
  gap:22px !important;
}
.v14-brand{
  min-width:315px !important;
  gap:12px !important;
  overflow:visible !important;
}
.v14-logo-box{
  width:118px !important;
  height:68px !important;
  flex:0 0 118px !important;
  border-radius:10px !important;
  overflow:visible !important;
  background:#fff !important;
}
.v14-logo-box img{
  width:100% !important;
  height:100% !important;
  max-width:100% !important;
  max-height:100% !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  display:block !important;
}
.v14-brand-text b{font-size:18px !important}
.v14-brand-text small{font-size:10px !important}

/* HERO OUTER CARD */
.h25-hero-wrap{padding-top:14px !important}
.h25-hero-card{
  height:478px !important;
  grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr) !important;
  border-radius:28px !important;
  overflow:hidden !important;
  align-items:stretch !important;
}
.h25-hero-copy{
  padding:30px 44px 28px !important;
  min-height:0 !important;
  overflow:visible !important;
  justify-content:center !important;
}
.h25-hero-copy h1{
  font-size:clamp(40px,3.55vw,58px) !important;
  line-height:1 !important;
  margin:16px 0 13px !important;
}
.h25-hero-copy>p{
  font-size:14px !important;
  line-height:1.55 !important;
}
.h25-benefits{
  margin:17px 0 15px !important;
  gap:9px !important;
}
.h25-actions{margin-bottom:0 !important}
.h25-btn{min-height:44px !important;padding:0 20px !important}

/* RIGHT MEDIA: REAL INNER BORDER / REDUCED IMAGE */
.h25-hero-media{
  position:relative !important;
  height:100% !important;
  min-height:0 !important;
  padding:18px 20px !important;
  background:#eaf4ff !important;
  overflow:hidden !important;
  box-sizing:border-box !important;
}
.h25-slide{
  position:absolute !important;
  inset:18px 20px !important;
  width:auto !important;
  height:auto !important;
  border:1px solid #c9ddef !important;
  border-radius:22px !important;
  overflow:hidden !important;
  background:#fff !important;
  box-shadow:0 8px 22px rgba(7,61,119,.07) !important;
  display:flex !important;
  align-items:center !important;
  justify-content:center !important;
}
.h25-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  max-width:none !important;
  max-height:none !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:contain !important;
  object-position:center !important;
  transform:none !important;
  border-radius:21px !important;
  background:#fff !important;
}

/* STRICT CLEAN HERO IMAGE */
.h25-dots,
.h25-slider-dots,
.h25-slide-dots,
.h25-dot,
.v14-dots,
.v14-dot,
.v14-slider-dots,
.slider-dots,
.carousel-dots,
.swiper-pagination,
.h25-hero-media button,
.h25-hero-media [class*="arrow"],
.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"],
.h25-hero-media [class*="caption"],
.h25-hero-media [class*="badge"],
.h25-hero-media .v14-slide-card,
.h25-hero-media .v14-export-badge{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:1180px){
  .v14-brand{min-width:auto !important}
  .v14-logo-box{width:108px !important;height:64px !important;flex-basis:108px !important}
  .v14-brand-text{display:none !important}
  .h25-hero-card{height:462px !important;grid-template-columns:1fr 1.08fr !important}
  .h25-hero-copy{padding:26px 32px 24px !important}
  .h25-hero-copy h1{font-size:44px !important}
  .h25-hero-media{padding:16px !important}
  .h25-slide{inset:16px !important}
}

@media(max-width:820px){
  .v14-header-inner{height:76px !important;grid-template-columns:auto auto 1fr !important}
  .v14-logo-box{width:104px !important;height:62px !important;flex-basis:104px !important}
  .h25-hero-card{height:auto !important;grid-template-columns:1fr !important;border-radius:22px !important}
  .h25-hero-copy{padding:28px 22px 24px !important}
  .h25-hero-copy h1{font-size:clamp(36px,8.5vw,50px) !important}
  .h25-hero-media{height:auto !important;aspect-ratio:16/10 !important;padding:12px !important}
  .h25-slide{inset:12px !important;border-radius:18px !important}
  .h25-slide img{border-radius:17px !important}
}

@media(max-width:520px){
  .v14-header-inner{height:70px !important}
  .v14-logo-box{width:96px !important;height:56px !important;flex-basis:96px !important}
  .h25-hero-card{border-radius:18px !important}
  .h25-hero-copy{padding:22px 16px 20px !important}
  .h25-hero-copy h1{font-size:34px !important;margin:12px 0 10px !important}
  .h25-hero-copy>p{font-size:12.8px !important;line-height:1.55 !important}
  .h25-benefits{grid-template-columns:1fr !important;margin:14px 0 13px !important}
  .h25-actions{display:grid !important;grid-template-columns:1fr 1fr !important;gap:8px !important}
  .h25-hero-media{aspect-ratio:4/3 !important;padding:9px !important}
  .h25-slide{inset:9px !important;border-radius:14px !important}
  .h25-slide img{border-radius:13px !important}
}

/* ============================================================
   H30 - HERO IMAGE FLUSH TO ROUNDED FRAME
   Goal: image touches the rounded inner border on all 4 sides;
   no white underlay/letterbox visible behind the image.
   ============================================================ */
.h25-hero-media{
  padding:18px 20px !important;
  background:#eaf4ff !important;
  overflow:hidden !important;
}
.h25-slide{
  inset:18px 20px !important;
  border:1px solid #c9ddef !important;
  border-radius:22px !important;
  background:transparent !important;
  overflow:hidden !important;
  box-shadow:0 8px 22px rgba(7,61,119,.07) !important;
}
.h25-slide img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  margin:0 !important;
  padding:0 !important;
  max-width:none !important;
  max-height:none !important;
  display:block !important;
  object-fit:cover !important;
  object-position:center center !important;
  border-radius:21px !important;
  background:transparent !important;
  transform:none !important;
}

/* Keep slider chrome completely hidden */
.h25-dots,.h25-slider-dots,.h25-slide-dots,.h25-dot,
.v14-dots,.v14-dot,.v14-slider-dots,.slider-dots,.carousel-dots,
.swiper-pagination,.h25-hero-media button,
.h25-hero-media [class*="arrow"],.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

@media(max-width:1180px){
  .h25-hero-media{padding:16px !important}
  .h25-slide{inset:16px !important;border-radius:20px !important}
  .h25-slide img{border-radius:19px !important}
}
@media(max-width:820px){
  .h25-hero-media{padding:12px !important}
  .h25-slide{inset:12px !important;border-radius:18px !important}
  .h25-slide img{border-radius:17px !important}
}
@media(max-width:520px){
  .h25-hero-media{padding:9px !important}
  .h25-slide{inset:9px !important;border-radius:14px !important}
  .h25-slide img{border-radius:13px !important}
}

/* ============================================================
   H31 / H32 FINAL HOME UI
   - Hero image full stretch inside rounded frame (no crop)
   - Mobile hamburger aligned beside Cart
   - Ultra arrow section dividers
   ============================================================ */

/* User-approved hero image behavior: fill the rounded frame without crop. */
.h25-hero-media,
.h25-hero-visual,
.h25-slider,
.h25-slide{
  overflow:hidden !important;
}
.h25-slide img,
.h25-hero-media img,
.h25-hero-visual img{
  position:absolute !important;
  inset:0 !important;
  width:100% !important;
  height:100% !important;
  min-width:100% !important;
  min-height:100% !important;
  margin:0 !important;
  padding:0 !important;
  object-fit:fill !important;
  object-position:center center !important;
  transform:none !important;
}

/* Slider chrome stays completely off. */
.h25-dots,.h25-slider-dots,.h25-slide-dots,.h25-dot,
.v14-dots,.v14-dot,.v14-slider-dots,.slider-dots,.carousel-dots,
.swiper-pagination,.h25-hero-media button,
.h25-hero-media [class*="arrow"],.h25-hero-media [class*="prev"],
.h25-hero-media [class*="next"],.h25-hero-media [class*="caption"],
.h25-hero-media [class*="badge"]{
  display:none !important;
  visibility:hidden !important;
  opacity:0 !important;
  pointer-events:none !important;
}

/* Ultra arrow / chevron divider between home sections. */
.h32-arrow-divider{
  width:min(1460px,calc(100% - 48px));
  height:34px;
  margin:8px auto 6px;
  display:grid;
  grid-template-columns:1fr 74px 1fr;
  align-items:center;
  gap:12px;
  pointer-events:none;
  position:relative;
  z-index:2;
}
.h32-arrow-divider span{
  height:1px;
  background:linear-gradient(90deg,transparent,#9ec9f4 18%,#4b9ce9 70%,#0b69ca);
  box-shadow:0 0 14px rgba(11,105,202,.16);
}
.h32-arrow-divider span:last-child{
  transform:scaleX(-1);
}
.h32-arrow-divider i{
  position:relative;
  width:74px;
  height:24px;
  margin:auto;
  filter:drop-shadow(0 7px 10px rgba(7,86,182,.16));
}
.h32-arrow-divider i::before,
.h32-arrow-divider i::after{
  content:"";
  position:absolute;
  left:50%;
  transform:translateX(-50%) rotate(45deg);
  border-radius:5px 1px 5px 1px;
}
.h32-arrow-divider i::before{
  top:1px;
  width:28px;
  height:28px;
  background:linear-gradient(135deg,#0a62c1,#14adff);
}
.h32-arrow-divider i::after{
  top:5px;
  width:20px;
  height:20px;
  background:#f7fbff;
}
.h32-arrow-divider.light i::after{background:#fff}

/* Mobile header: LOGO ... CART + premium three-line menu card. */
@media(max-width:900px){
  .v14-header-inner{
    height:72px !important;
    display:flex !important;
    align-items:center !important;
    gap:8px !important;
    position:relative !important;
  }
  .v14-brand{
    min-width:0 !important;
    flex:1 1 auto !important;
    margin-right:auto !important;
    gap:8px !important;
    overflow:hidden !important;
  }
  .v14-logo-box{
    width:92px !important;
    height:54px !important;
    flex:0 0 92px !important;
    border-radius:11px !important;
  }
  .v14-logo-box img{
    width:100% !important;
    height:100% !important;
    object-fit:contain !important;
    transform:none !important;
  }
  .v14-brand-text{display:none !important}
  .v14-header-actions{
    order:20 !important;
    flex:0 0 auto !important;
    display:flex !important;
    align-items:center !important;
    gap:6px !important;
    margin:0 !important;
  }
  .v14-cart{
    height:42px !important;
    padding:0 12px !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    gap:6px !important;
    border-radius:13px !important;
    white-space:nowrap !important;
  }
  .v14-enquiry{display:none !important}
  .v14-menu-btn{
    order:21 !important;
    width:44px !important;
    height:44px !important;
    min-width:44px !important;
    padding:0 !important;
    margin:0 0 0 2px !important;
    border:1px solid #d5e5f5 !important;
    border-radius:13px !important;
    background:#fff !important;
    color:transparent !important;
    box-shadow:0 8px 22px rgba(5,69,145,.10) !important;
    display:inline-flex !important;
    align-items:center !important;
    justify-content:center !important;
    position:relative !important;
    font-size:0 !important;
    line-height:0 !important;
    overflow:hidden !important;
    inset:auto !important;
    transform:none !important;
    z-index:101 !important;
  }
  .v14-menu-btn::before,
  .v14-menu-btn::after{
    content:"";
    position:absolute;
    left:50%;
    width:21px;
    height:2px;
    border-radius:99px;
    background:#081b36;
    transform:translateX(-50%);
    transition:.22s ease;
  }
  .v14-menu-btn::before{top:14px;box-shadow:0 7px 0 #081b36,0 14px 0 #081b36}
  .v14-menu-btn::after{display:none}
  .v14-nav{
    top:72px !important;
    left:10px !important;
    right:10px !important;
    border:1px solid #dce9f6 !important;
  }
}

@media(max-width:560px){
  .v14-container{width:calc(100% - 16px) !important}
  .v14-header-inner{height:68px !important;gap:6px !important}
  .v14-logo-box{width:84px !important;height:50px !important;flex-basis:84px !important}
  .v14-cart{height:40px !important;padding:0 10px !important;font-size:12px !important}
  .v14-menu-btn{width:42px !important;height:42px !important;min-width:42px !important}
  .v14-menu-btn::before{top:13px}
  .v14-nav{top:68px !important}
  .h32-arrow-divider{
    width:calc(100% - 24px);
    height:26px;
    grid-template-columns:1fr 52px 1fr;
    gap:8px;
    margin:4px auto 2px;
  }
  .h32-arrow-divider i{width:52px;height:18px}
  .h32-arrow-divider i::before{width:22px;height:22px;top:0}
  .h32-arrow-divider i::after{width:16px;height:16px;top:3px}
}

/* =========================================================
   V15.1 LOCKED BASE PATCH — MOBILE 2-CARD APPLICATION RAIL
   Scope: Water Storage ... Project Procurement rail only.
   Desktop/tablet structure remains unchanged.
   ========================================================= */
@media (max-width: 820px) {
  .h25-rail-wrap {
    position: relative;
    overflow: hidden !important;
    background:
      linear-gradient(180deg,#ffffff 0%,#f8fbff 100%) !important;
    border-top: 1px solid #e6eef8 !important;
    border-bottom: 1px solid #dce8f6 !important;
    padding: 10px 0 12px !important;
  }

  .h25-rail {
    width: min(100% - 16px, 760px) !important;
    margin: 0 auto !important;
    padding: 0 !important;
    display: flex !important;
    gap: 10px !important;
    grid-template-columns: none !important;
    overflow-x: auto !important;
    overflow-y: hidden !important;
    scroll-behavior: smooth !important;
    scroll-snap-type: x mandatory !important;
    scrollbar-width: none !important;
    -ms-overflow-style: none !important;
    touch-action: pan-x !important;
    overscroll-behavior-inline: contain !important;
  }

  .h25-rail::-webkit-scrollbar { display:none !important; }

  .h25-rail a {
    box-sizing: border-box !important;
    flex: 0 0 calc((100% - 10px) / 2) !important;
    min-width: 0 !important;
    min-height: 104px !important;
    padding: 13px 9px 12px !important;
    gap: 8px !important;
    justify-content: center !important;
    scroll-snap-align: start !important;
    scroll-snap-stop: always !important;
    border: 1px solid #d9e7f6 !important;
    border-radius: 18px !important;
    background:
      radial-gradient(circle at 85% 8%,rgba(16,126,232,.10),transparent 33%),
      linear-gradient(145deg,#ffffff 0%,#f5faff 100%) !important;
    box-shadow:
      0 9px 22px rgba(8,67,137,.08),
      inset 0 1px 0 rgba(255,255,255,.95) !important;
    transform: none !important;
    transition: transform .28s ease, box-shadow .28s ease, border-color .28s ease !important;
    position: relative !important;
    overflow: hidden !important;
  }

  .h25-rail a::before {
    content:"";
    position:absolute;
    inset:0 0 auto 0;
    height:3px;
    background:linear-gradient(90deg,#0b5fc6,#15a5ff,#0b5fc6);
    opacity:.95;
  }

  .h25-rail a::after {
    content:"";
    position:absolute;
    width:54px;
    height:54px;
    right:-24px;
    bottom:-24px;
    border-radius:50%;
    background:rgba(13,111,213,.07);
    pointer-events:none;
  }

  .h25-rail a:active {
    transform: scale(.985) !important;
    box-shadow: 0 5px 14px rgba(8,67,137,.10) !important;
  }

  .h25-rail strong {
    width: 42px !important;
    height: 42px !important;
    display: grid !important;
    place-items: center !important;
    border-radius: 14px !important;
    background: #eef7ff !important;
    border: 1px solid #d8ebff !important;
    box-shadow: inset 0 1px 0 #fff !important;
    font-size: 22px !important;
    line-height: 1 !important;
  }

  .h25-rail span {
    max-width: 100% !important;
    text-align: center !important;
    font-size: 11px !important;
    font-weight: 950 !important;
    line-height: 1.25 !important;
    color: #0b1930 !important;
    letter-spacing: -.01em !important;
  }

  /* Small auto-slide status rail; decorative only. */
  .h25-rail-wrap::after {
    content:"";
    display:block;
    width:46px;
    height:4px;
    margin:10px auto 0;
    border-radius:999px;
    background:linear-gradient(90deg,#0b62c9 0 48%,#d8e6f5 48% 100%);
    box-shadow:0 2px 8px rgba(9,93,186,.12);
    opacity:.85;
  }
}

@media (max-width: 430px) {
  .h25-rail { width: calc(100% - 12px) !important; gap: 8px !important; }
  .h25-rail a {
    flex-basis: calc((100% - 8px) / 2) !important;
    min-height: 98px !important;
    border-radius: 16px !important;
    padding: 12px 7px 10px !important;
  }
  .h25-rail strong { width:38px !important; height:38px !important; font-size:20px !important; }
  .h25-rail span { font-size:10.5px !important; }
}

@media (prefers-reduced-motion: reduce) {
  .h25-rail { scroll-behavior:auto !important; }
}

/* =========================================================
   V15.2 — COMPACT EXPORT / LOGISTICS CARD
   Locked V15 base: visual-only targeted patch
   Desktop: all 5 freight chips in one row
   Mobile: 3 + 2 chips in exactly two rows
   ========================================================= */
.h25-export-wrap{
  padding:14px 0 30px!important;
}
.h25-export-card{
  min-height:380px!important;
  grid-template-columns:minmax(0,.94fr) minmax(0,1.06fr)!important;
  border-radius:24px!important;
  box-shadow:0 18px 46px rgba(2,45,99,.16)!important;
}
.h25-export-copy{
  padding:36px 42px!important;
}
.h25-export-copy h2{
  font-size:clamp(29px,2.9vw,44px)!important;
  margin:8px 0 12px!important;
  line-height:1.04!important;
}
.h25-export-copy p{
  font-size:13.5px!important;
  line-height:1.65!important;
}
.h25-pills{
  display:grid!important;
  grid-template-columns:repeat(5,minmax(0,1fr))!important;
  gap:7px!important;
  margin:16px 0 18px!important;
  width:100%!important;
}
.h25-pills span{
  min-width:0!important;
  min-height:36px!important;
  padding:7px 8px!important;
  border-radius:12px!important;
  display:flex!important;
  align-items:center!important;
  justify-content:center!important;
  text-align:center!important;
  white-space:nowrap!important;
  font-size:10.5px!important;
  font-weight:900!important;
  letter-spacing:.005em!important;
  background:linear-gradient(180deg,rgba(255,255,255,.14),rgba(255,255,255,.075))!important;
  border:1px solid rgba(255,255,255,.24)!important;
  box-shadow:inset 0 1px 0 rgba(255,255,255,.08),0 7px 18px rgba(0,24,64,.08)!important;
}
.h25-pills span:hover{
  transform:translateY(-1px)!important;
  background:rgba(255,255,255,.18)!important;
}
.h25-export-media{
  padding:14px!important;
}
.h25-export-media img{
  border-radius:18px!important;
}

@media (max-width:820px){
  .h25-export-card{
    min-height:0!important;
    border-radius:21px!important;
  }
  .h25-export-copy{
    padding:27px 22px 22px!important;
  }
  .h25-export-copy h2{
    font-size:clamp(27px,7.2vw,36px)!important;
    margin:7px 0 10px!important;
  }
  .h25-export-copy p{
    font-size:12.5px!important;
    line-height:1.6!important;
  }
  .h25-pills{
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
    margin:15px 0 17px!important;
  }
  .h25-pills span{
    grid-column:span 2!important;
    min-height:38px!important;
    padding:7px 5px!important;
    font-size:10px!important;
    white-space:normal!important;
    line-height:1.15!important;
    border-radius:11px!important;
  }
  /* second row stays visually centred: 2 + 1 + 2 columns */
  .h25-pills span:nth-child(4){grid-column:2 / span 2!important;}
  .h25-pills span:nth-child(5){grid-column:4 / span 2!important;}
  .h25-export-media{
    padding:9px 12px 14px!important;
  }
}

@media (max-width:520px){
  .h25-export-wrap{padding:6px 0 24px!important;}
  .h25-export-card{border-radius:18px!important;}
  .h25-export-copy{padding:23px 16px 18px!important;}
  .h25-export-copy h2{font-size:28px!important;}
  .h25-pills{gap:6px!important;margin:13px 0 15px!important;}
  .h25-pills span{
    min-height:36px!important;
    font-size:9.4px!important;
    padding:6px 4px!important;
  }
  .h25-export-media{padding:8px!important;}
  .h25-export-media img{border-radius:13px!important;}
}

/* =========================================================
   V15.3 MOBILE-ONLY EXPORT CARD REPAIR
   Laptop/desktop untouched. Fixes broken mobile chip/card layout.
   ========================================================= */
@media (max-width:820px){
  .h25-export-wrap{
    padding:8px 0 26px!important;
  }
  .h25-export-card{
    display:grid!important;
    grid-template-columns:1fr!important;
    min-height:0!important;
    border-radius:20px!important;
    overflow:hidden!important;
  }
  .h25-export-copy{
    padding:26px 18px 20px!important;
    min-width:0!important;
  }
  .h25-export-copy>span{
    font-size:9.5px!important;
    letter-spacing:.12em!important;
  }
  .h25-export-copy h2{
    font-size:30px!important;
    line-height:1.04!important;
    margin:7px 0 10px!important;
  }
  .h25-export-copy p{
    font-size:12.5px!important;
    line-height:1.58!important;
    margin:0!important;
  }
  .h25-pills{
    display:grid!important;
    grid-template-columns:repeat(6,minmax(0,1fr))!important;
    gap:7px!important;
    margin:14px 0 16px!important;
    width:100%!important;
  }
  .h25-pills span{
    grid-column:span 2!important;
    min-width:0!important;
    width:100%!important;
    min-height:36px!important;
    padding:6px 5px!important;
    margin:0!important;
    display:flex!important;
    align-items:center!important;
    justify-content:center!important;
    text-align:center!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:9.8px!important;
    line-height:1.15!important;
    border-radius:11px!important;
    box-sizing:border-box!important;
  }
  .h25-pills span:nth-child(4){grid-column:2 / span 2!important;}
  .h25-pills span:nth-child(5){grid-column:4 / span 2!important;}
  .h25-export-copy .h25-btn{
    align-self:flex-start!important;
    min-height:43px!important;
    padding:0 17px!important;
    font-size:12px!important;
  }
  .h25-export-media{
    height:auto!important;
    aspect-ratio:16/10!important;
    padding:10px 12px 14px!important;
    box-sizing:border-box!important;
  }
  .h25-export-media img{
    width:100%!important;
    height:100%!important;
    object-fit:fill!important;
    border-radius:14px!important;
  }
}

@media (max-width:520px){
  .h25-export-copy{
    padding:22px 14px 17px!important;
  }
  .h25-export-copy h2{
    font-size:27px!important;
  }
  .h25-export-copy p{
    font-size:12px!important;
  }
  .h25-pills{
    gap:6px!important;
    margin:12px 0 14px!important;
  }
  .h25-pills span{
    min-height:35px!important;
    padding:5px 4px!important;
    font-size:9.1px!important;
  }
  .h25-export-media{
    aspect-ratio:4/3!important;
    padding:8px 9px 10px!important;
  }
}


/* =========================================================
   V15.4 ABOUT ULTRA REBUILD — ABOUT.PHP ONLY
   Locked V15 home/header/divider preserved.
   ========================================================= */
.about-ultra{overflow:hidden}
.about-hero{display:grid;grid-template-columns:minmax(0,1.08fr) minmax(380px,.92fr);gap:22px;padding:34px 0 26px;align-items:stretch}
.about-hero-copy,.about-hero-media,.about-hero-fallback{border:1px solid #d9e7f5;border-radius:24px;overflow:hidden;position:relative;min-height:500px}
.about-hero-copy{padding:46px 48px;background:linear-gradient(145deg,#fff 0%,#f8fbff 64%,#eef7ff 100%);display:flex;flex-direction:column;justify-content:center}
.about-eyebrow,.about-support-head>span,.about-values-head>span{font-size:11px;font-weight:950;letter-spacing:.15em;color:#0865c9}
.about-hero-copy h1{font-size:clamp(40px,4.6vw,66px);line-height:.99;letter-spacing:-.052em;margin:16px 0 18px;color:#071a38}
.about-hero-copy>p{max-width:850px;font-size:15px;line-height:1.75;color:#64778e;margin:0}
.about-hero-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.about-hero-tags b{font-size:10px;padding:9px 12px;border-radius:999px;color:#075bb9;background:#e8f4ff;border:1px solid #d7eaff}
.about-hero-media{background:#eaf4ff;box-shadow:0 18px 50px rgba(6,55,109,.10)}
.about-hero-media img{width:100%;height:100%;display:block;object-fit:cover;object-position:center;border-radius:23px;transition:transform .9s cubic-bezier(.2,.8,.2,1)}
.about-hero-media:hover img{transform:scale(1.025)}
.about-media-shine{position:absolute;inset:0;pointer-events:none;background:linear-gradient(120deg,transparent 15%,rgba(255,255,255,.16) 42%,transparent 60%);transform:translateX(-120%);transition:transform .9s ease}.about-hero-media:hover .about-media-shine{transform:translateX(120%)}
.about-hero-fallback{padding:42px;background:linear-gradient(145deg,#06254a,#0967cb);color:#fff;display:flex;flex-direction:column;justify-content:center}.about-hero-fallback small{font-weight:900;letter-spacing:.13em;color:#7dd3fc}.about-hero-fallback h3{font-size:32px;line-height:1.08;margin:13px 0}.about-hero-fallback p{color:#d9eafa;line-height:1.7}.about-hero-fallback a{color:#fff;font-weight:900;text-decoration:none}

.about-support{padding:34px 0 58px}.about-support{display:grid;grid-template-columns:.9fr 1.1fr;gap:50px}.about-support-head,.about-support-copy{background:#fff;border:1px solid #dce9f6;border-radius:24px;padding:36px 38px;box-shadow:0 12px 36px rgba(7,62,122,.055)}
.about-support-head{position:relative;overflow:hidden}.about-support-head:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(#0a78e8,#19b4ff)}
.about-support-head h2{font-size:clamp(32px,3.2vw,47px);line-height:1.04;letter-spacing:-.045em;margin:14px 0 0;color:#091a36}.about-accent-line{width:72px;height:4px;border-radius:999px;background:linear-gradient(90deg,#0b67d5,#24b8ff);margin-top:25px}
.about-support-copy p{font-size:15px;line-height:1.8;color:#61758d;margin:0 0 15px}.about-support-points{display:flex;flex-wrap:wrap;gap:8px;margin-top:18px}.about-support-points span{font-size:10px;font-weight:900;padding:9px 11px;border:1px solid #d7e8f8;background:#f4f9ff;border-radius:999px;color:#0b5cae}

.about-pro-blocks .v14-page-blocks{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;padding-top:0;padding-bottom:58px}
.about-pro-blocks .v14-content-block{display:flex!important;flex-direction:column;min-height:300px;border-radius:24px;box-shadow:0 12px 34px rgba(5,55,110,.055);transition:transform .3s ease,box-shadow .3s ease,border-color .3s ease}
.about-pro-blocks .v14-content-block:hover{transform:translateY(-5px);box-shadow:0 22px 55px rgba(5,55,110,.11);border-color:#badcfb}
.about-pro-blocks .v14-content-block .v14-content-media{order:0!important;width:100%;height:230px;min-height:230px;background:#eef7ff}
.about-pro-blocks .v14-content-block .v14-content-media img{object-fit:cover}
.about-pro-blocks .v14-content-copy{order:1!important;padding:30px 32px;justify-content:flex-start;flex:1}
.about-pro-blocks .v14-content-copy h2{font-size:27px;line-height:1.08;margin:7px 0 12px}.about-pro-blocks .v14-content-copy .rich-text{font-size:14px;line-height:1.72}
.about-pro-blocks .v14-content-block.text-only{display:block!important;min-height:0;background:linear-gradient(145deg,#fff,#f8fbff)}
.about-pro-blocks .v14-content-block.text-only .v14-content-copy{padding:34px 34px 36px}

.about-values{padding:18px 0 80px}.about-values-head{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:24px}.about-values-head h2{max-width:900px;font-size:clamp(32px,3.2vw,48px);line-height:1.04;letter-spacing:-.045em;margin:8px 0 0}
.about-values-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}.about-values-grid article{position:relative;overflow:hidden;background:linear-gradient(145deg,#fff,#f7fbff);border:1px solid #d9e7f5;border-radius:24px;padding:30px 32px;min-height:230px;transition:.3s ease;box-shadow:0 12px 34px rgba(7,60,118,.045)}
.about-values-grid article:after{content:"";position:absolute;width:150px;height:150px;border-radius:50%;right:-60px;top:-70px;background:radial-gradient(circle,rgba(29,157,255,.14),transparent 70%)}.about-values-grid article:hover{transform:translateY(-5px);border-color:#b8dafa;box-shadow:0 20px 50px rgba(6,57,113,.11)}
.about-values-grid i{width:48px;height:48px;border-radius:15px;display:grid;place-items:center;font-style:normal;font-size:21px;color:#075fc0;background:#e8f4ff;border:1px solid #d7eafa}.about-values-grid h3{font-size:25px;margin:17px 0 9px}.about-values-grid p{font-size:14px;line-height:1.7;color:#63768c;margin:0 0 18px}.about-values-grid a{font-size:12px;font-weight:900;color:#075fc0;text-decoration:none}

.about-reveal{opacity:0;transform:translateY(22px);transition:opacity .65s ease,transform .65s cubic-bezier(.2,.8,.2,1)}.about-reveal.is-visible{opacity:1;transform:none}
@media(prefers-reduced-motion:reduce){.about-reveal{opacity:1;transform:none;transition:none}.about-hero-media img,.about-media-shine{transition:none!important}}
@media(max-width:980px){.about-hero{grid-template-columns:1fr}.about-hero-copy,.about-hero-media,.about-hero-fallback{min-height:0}.about-hero-media{aspect-ratio:16/10}.about-support{grid-template-columns:1fr;gap:16px}.about-pro-blocks .v14-page-blocks{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.about-hero{padding:18px 0 20px;gap:12px}.about-hero-copy{padding:28px 22px}.about-hero-copy h1{font-size:38px}.about-hero-copy>p{font-size:13px}.about-hero-media{aspect-ratio:4/5}.about-hero-media img{object-fit:cover}.about-support{padding:18px 0 38px}.about-support-head,.about-support-copy{padding:25px 22px}.about-support-head h2{font-size:32px}.about-pro-blocks .v14-page-blocks{grid-template-columns:1fr;gap:13px;padding-bottom:38px}.about-pro-blocks .v14-content-block .v14-content-media{height:200px;min-height:200px}.about-pro-blocks .v14-content-copy,.about-pro-blocks .v14-content-block.text-only .v14-content-copy{padding:24px 22px}.about-pro-blocks .v14-content-copy h2{font-size:25px}.about-values{padding:5px 0 55px}.about-values-head{display:block}.about-values-grid{grid-template-columns:1fr}.about-values-grid article{min-height:0;padding:25px 22px}.about-values-grid h3{font-size:23px}}

/* CURRENT APPROVED ABOUT HERO IMAGE FIT OVERRIDE — preserved in V16 */
@media (min-width:769px){
  .about-ultra .about-hero{align-items:center!important}
  .about-ultra .about-hero-media{width:100%!important;height:540px!important;min-height:0!important;max-height:540px!important;align-self:center!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:26px!important;background:transparent!important;display:block!important}
  .about-ultra .about-hero-media>img{display:block!important;width:100%!important;height:100%!important;padding:0!important;margin:0!important;object-fit:fill!important;object-position:center center!important;border-radius:26px!important;min-height:0!important;max-height:none!important}
  .about-ultra .about-media-shine{display:none!important}
}
@media (min-width:769px) and (max-width:1200px){.about-ultra .about-hero-media{height:470px!important;max-height:470px!important}}
@media (max-width:768px){.about-ultra .about-hero-media{width:100%!important;height:auto!important;max-height:none!important;padding:0!important;margin:0!important;overflow:hidden!important;border-radius:20px!important}.about-ultra .about-hero-media>img{display:block!important;width:100%!important;height:auto!important;margin:0!important;padding:0!important;object-fit:contain!important;border-radius:20px!important}}


/* =========================================================
   V16.2 ADMIN THEME PRIORITY REPAIR
   v14.css loads after app.css, so these !important rules
   intentionally restore theme-aware admin contrast.
   ========================================================= */
.admin-body .stat-grid.premium-stats .stat-primary{
  background:linear-gradient(135deg,var(--p),var(--s))!important;
  border-color:color-mix(in srgb,var(--p) 70%,var(--border))!important;
  color:#fff!important;
}
.admin-body .stat-grid.premium-stats .stat-primary span,
.admin-body .stat-grid.premium-stats .stat-primary small,
.admin-body .stat-grid.premium-stats .stat-primary b{
  color:#fff!important;
}

.admin-body .dash-hero .btn.ghost{
  background:#fff!important;
  color:var(--p)!important;
  border-color:rgba(255,255,255,.85)!important;
}
.admin-body .dash-hero .btn.ghost:hover{
  background:color-mix(in srgb,#fff 92%,var(--s))!important;
  color:color-mix(in srgb,var(--p) 88%,#000)!important;
}

.admin-body .v11-admin-top,
.admin-body .admin-dashboard-links a,
.admin-body .stat:not(.stat-primary),
.admin-body .admin-card,
.admin-body .chart-card,
.admin-body .kpi{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
.admin-body .v11-admin-top h2,
.admin-body .admin-card h1,
.admin-body .admin-card h2,
.admin-body .admin-card h3,
.admin-body .chart-card h1,
.admin-body .chart-card h2,
.admin-body .chart-card h3,
.admin-body .stat:not(.stat-primary) b,
.admin-body .kpi b,
.admin-body .admin-dashboard-links b{
  color:var(--text)!important;
}
.admin-body .admin-dashboard-links b,
.admin-body .eyebrow,
.admin-body .admin-card-head>a,
.admin-body .top-pages strong{
  color:var(--p)!important;
}
.admin-body .v11-admin-top small,
.admin-body .admin-dashboard-links span,
.admin-body .stat:not(.stat-primary) span,
.admin-body .stat:not(.stat-primary) small,
.admin-body .kpi span,
.admin-body .kpi i,
.admin-body .admin-card p,
.admin-body .lead-row small,
.admin-body .lead-row time,
.admin-body .top-pages span{
  color:var(--muted)!important;
}

/* Side navigation keeps strong contrast independent of active public theme */
.admin-body .v11-admin-side{color:#dce9ff!important}
.admin-body .v11-admin-side .admin-nav a{color:#d8e7f7!important}
.admin-body .v11-admin-side .admin-nav a.active,
.admin-body .v11-admin-side .admin-nav a:hover{color:#fff!important}

/* Theme-aware form contrast */
.admin-body .admin-form input,
.admin-body .admin-form select,
.admin-body .admin-form textarea{
  background:color-mix(in srgb,var(--surface) 72%,var(--bg))!important;
  color:var(--text)!important;
  border-color:var(--border)!important;
}
.admin-body .admin-form input::placeholder,
.admin-body .admin-form textarea::placeholder{color:var(--muted)!important;opacity:1!important}



/* =========================================================
   V16.8 GLOBAL THEME ENGINE — TRUE ALL-PAGE COLOR APPLICATION
   Replaces hard-coded blue/white surfaces with active theme tokens.
   Applies to public pages + admin, while images/content stay untouched.
   ========================================================= */
html,body{background:var(--bg)!important;color:var(--text)!important}
body:not(.admin-body) main{background:var(--bg)!important;color:var(--text)!important}

/* Global typography */
body:not(.admin-body) h1,
body:not(.admin-body) h2,
body:not(.admin-body) h3,
body:not(.admin-body) h4,
body:not(.admin-body) strong,
body:not(.admin-body) b{color:var(--text)}
body:not(.admin-body) p,
body:not(.admin-body) small{color:var(--muted)}

/* Header / utility / ticker */
.v14-utility{background:linear-gradient(90deg,color-mix(in srgb,var(--p) 88%,#000),var(--s))!important}
.v14-header{background:color-mix(in srgb,var(--surface) 94%,transparent)!important;border-color:var(--border)!important}
.v14-brand,.v14-nav a{color:var(--text)!important}
.v14-brand-text small{color:var(--p)!important}
.v14-nav a:after{background:linear-gradient(90deg,var(--p),var(--s))!important}
.v14-cart{background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important}
.v14-cart b{background:var(--p)!important;color:#fff!important}
.v14-enquiry,.v14-btn,.v16-cta,.btn:not(.ghost){background:linear-gradient(135deg,var(--p),var(--s))!important;color:#fff!important}
.v14-menu-btn{background:color-mix(in srgb,var(--p) 9%,var(--surface))!important;color:var(--text)!important}
.v14-ticker{background:color-mix(in srgb,var(--p) 7%,var(--bg))!important;border-color:var(--border)!important}
.v14-ticker-label{background:color-mix(in srgb,var(--p) 82%,#000)!important;color:#fff!important}
.v14-ticker-track span{color:var(--text)!important}
.v14-ticker-track i{color:var(--s)!important}

/* V14 / V16 universal cards and sections */
.v14-hero,.v14-card,.v14-page-hero,.v14-export-card,
.v16-hero-copy,.v16-product,.v16-spec,.v16-gallery-card,.v16-detail-copy,
.v16-form-card,.v16-feature,.v16-project,.v16-gallery-item,.v16-doc,
.about-hero-copy,.about-support,.about-values article,.about-pro-blocks .v10-content-block,
.company-pro .cp-card,.company-pro .cp-stat,.company-pro .cp-person,
.cart-pro-card,.cart-empty-pro,.cart-next-pro,.cart-reco-card,
.project-pro-card,.project-legal-note{
  background:var(--surface)!important;
  color:var(--text)!important;
  border-color:var(--border)!important
}

/* Soft surfaces */
.v16-hero-copy,.about-hero-copy,.cart-empty-pro,.cart-next-pro,.project-legal-note{
  background:linear-gradient(135deg,var(--surface),color-mix(in srgb,var(--p) 5%,var(--surface)))!important
}
.v16-product-media,.v16-main-img,.v16-mini,.v16-tag,
.cart-pro-media,.cart-pro-meta b,.project-pro-scope,
.about-hero-tags b{
  background:color-mix(in srgb,var(--p) 7%,var(--surface))!important;
  border-color:var(--border)!important
}

/* Theme accent text */
.v14-kicker,.v14-section-head span,.v14-page-hero>div>span,
.v16-kicker,.v16-eyebrow,.v16-product-copy small,.v16-meta b,.v16-price,
.about-eyebrow,.about-values-head span,.about-support-head span,
.company-pro .cp-eyebrow,.project-pro-body small,.project-pro-link,
.cart-reco-copy>small,.cart-reco-meta b{
  color:var(--p)!important
}

/* Hero side / premium dark panels follow selected theme */
.v16-hero-side,.v16-managed-hero-side,.about-hero-fallback,
.company-pro .cp-dark-card,.inquiry-form-intro{
  background:linear-gradient(135deg,color-mix(in srgb,var(--p) 86%,#000),var(--p) 58%,var(--s))!important;
  color:#fff!important
}
.v16-hero-side h1,.v16-hero-side h2,.v16-hero-side h3,
.v16-managed-hero-side h1,.v16-managed-hero-side h2,.v16-managed-hero-side h3,
.inquiry-form-intro h1,.inquiry-form-intro h2,.inquiry-form-intro h3{color:#fff!important}

/* Dividers */
.v16-divider:before,.v16-divider:after{background:linear-gradient(90deg,transparent,var(--s))!important}
.v16-divider i{border-color:var(--s)!important;box-shadow:0 8px 20px color-mix(in srgb,var(--s) 25%,transparent)!important}

/* Footer */
.v14-footer,.site-footer,footer{
  background:color-mix(in srgb,var(--p) 72%,#07101d)!important;
  color:#fff!important
}
.v14-footer h3,.v14-footer h4,.v14-footer b,
.site-footer h3,.site-footer h4,.site-footer b,
footer h3,footer h4,footer b{color:#fff!important}
.v14-footer a,.v14-footer p,.v14-footer small,
.site-footer a,.site-footer p,.site-footer small,
footer a,footer p,footer small{color:rgba(255,255,255,.82)!important}

/* Inputs/forms */
body:not(.admin-body) input,
body:not(.admin-body) select,
body:not(.admin-body) textarea{
  background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important
}
body:not(.admin-body) input:focus,
body:not(.admin-body) select:focus,
body:not(.admin-body) textarea:focus{
  border-color:color-mix(in srgb,var(--p) 65%,var(--border))!important;
  box-shadow:0 0 0 4px color-mix(in srgb,var(--p) 10%,transparent)!important
}

/* Admin complete theme application */
.admin-body,.v11-admin-main{background:var(--bg)!important;color:var(--text)!important}
.admin-body .admin-main,
.admin-body .admin-card,
.admin-body .chart-card,
.admin-body .stat,
.admin-body .theme-option,
.admin-body .visitor-mini,
.admin-body table,
.admin-body .table-wrap{
  background:var(--surface)!important;color:var(--text)!important;border-color:var(--border)!important
}
.admin-body th{background:color-mix(in srgb,var(--p) 8%,var(--surface))!important;color:var(--text)!important}
.admin-body td{color:var(--text)!important;border-color:var(--border)!important}
.admin-body .eyebrow,.admin-body a:not(.btn):not(.admin-brand){color:var(--p)}
.admin-body .admin-side{background:color-mix(in srgb,var(--p) 70%,#061427)!important}
.admin-body .admin-nav a.active{background:linear-gradient(135deg,var(--p),var(--s))!important}
.admin-body .btn.ghost{background:var(--surface)!important;color:var(--p)!important;border-color:var(--border)!important}

/* Dark theme safety: tokens already carry light text/dark surface.
   Avoid old hard-coded white card text conflicts. */
@media (prefers-reduced-motion:reduce){
  .v16-product,.v16-project,.cart-reco-card,.project-pro-card{transition:none!important}
}

.v14-footer-addresses{display:grid;gap:8px;margin-top:14px}.v14-footer-addresses small{display:block;line-height:1.55;color:var(--muted)}