:root{--navy:#071b2b;--navy2:#0b2639;--blue:#168cf0;--blue2:#0b78d0;--cyan:#29b6ff;--ink:#0b1b2b;--muted:#64778a;--line:#dfe7ee;--bg:#f4f7fa;--white:#fff;--green:#16a36a;--gold:#f3bd35;--shadow:0 18px 55px rgba(8,31,49,.10)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;color:var(--ink);background:var(--bg);line-height:1.55}body:before{content:"";position:fixed;inset:0;pointer-events:none;background:radial-gradient(circle at 15% 10%,rgba(22,140,240,.06),transparent 30%),radial-gradient(circle at 85% 35%,rgba(41,182,255,.05),transparent 25%);z-index:-1}a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,select,textarea{font:inherit}.container{width:min(1180px,calc(100% - 40px));margin:auto}
/* Header */
.site-header{height:78px;background:rgba(255,255,255,.94);backdrop-filter:blur(16px);border-bottom:1px solid rgba(223,231,238,.8);position:sticky;top:0;z-index:1000}.header-inner{height:78px;display:flex;align-items:center;gap:28px}.brand{display:flex;align-items:center;gap:10px;font-size:23px;font-weight:850;letter-spacing:-.6px;white-space:nowrap}.brand-mark{width:36px;height:36px;border:2px solid var(--blue);border-radius:10px;display:grid;place-items:center;color:var(--blue);font-weight:900;background:linear-gradient(145deg,#fff,#edf7ff);box-shadow:0 5px 18px rgba(22,140,240,.13)}.main-nav{margin-left:auto;display:flex;align-items:center;gap:21px;font-size:13px;font-weight:750;color:#536579}.main-nav a{position:relative;padding:30px 0}.main-nav a:after{content:"";position:absolute;left:0;right:0;bottom:20px;height:2px;border-radius:99px;background:var(--blue);transform:scaleX(0);transition:.2s}.main-nav a:hover,.main-nav a.active{color:var(--blue)}.main-nav a:hover:after,.main-nav a.active:after{transform:scaleX(1)}.quote-btn,.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:8px;background:linear-gradient(135deg,var(--blue),#0b80df);color:#fff;padding:13px 20px;border:0;border-radius:10px;font-weight:850;font-size:13px;box-shadow:0 10px 24px rgba(22,140,240,.20);transition:.2s;cursor:pointer}.quote-btn:hover,.btn-primary:hover{transform:translateY(-2px);box-shadow:0 14px 28px rgba(22,140,240,.28)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;padding:13px 20px;border-radius:10px;background:#fff;color:var(--ink);font-weight:850;font-size:13px;border:1px solid var(--line);transition:.2s}.btn-secondary:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(8,31,49,.10)}.mobile-menu{display:none;border:0;background:transparent;font-size:24px;color:var(--ink);margin-left:auto;cursor:pointer}
/* Hero */
.hero{background:linear-gradient(135deg,#061827,#0a2235 52%,#071a2a);color:#fff;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.7) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.7) 1px,transparent 1px);background-size:54px 54px;mask-image:linear-gradient(to right,#000,transparent 85%)}.hero:after{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-170px;top:-190px;background:radial-gradient(circle,rgba(22,140,240,.28),transparent 68%)}.hero-inner{position:relative;z-index:1;min-height:460px;display:flex;align-items:center}.hero-copy{max-width:820px;padding:80px 0}.eyebrow,.section-label{color:#1da0ff;font-size:11px;font-weight:950;letter-spacing:2.7px;text-transform:uppercase}.hero h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-3.5px;margin:16px 0 20px;max-width:900px}.hero h1 span{color:#29b6ff}.hero p{color:#b7cddd;font-size:18px;max-width:720px}.hero-small .hero-inner{min-height:330px}.hero-small .hero-copy{padding:60px 0}.hero-visual{position:absolute;right:0;top:50%;transform:translateY(-50%);width:390px;height:310px;display:grid;place-items:center}.hero-tool{width:185px;height:185px;border-radius:38px;background:linear-gradient(145deg,#eef4f7,#7d8e99);transform:rotate(22deg);box-shadow:35px 35px 55px rgba(0,0,0,.25),inset -18px -18px 30px rgba(0,0,0,.16),inset 12px 12px 24px rgba(255,255,255,.65);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%)}.hero-chip{position:absolute;padding:12px 15px;background:rgba(255,255,255,.09);border:1px solid rgba(255,255,255,.18);backdrop-filter:blur(12px);border-radius:12px;font-size:12px;font-weight:800;color:#dcecf7}.chip-a{top:25px;right:20px}.chip-b{bottom:20px;left:15px}.chip-c{top:125px;left:0}
/* Sections */
.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:28px}.section{padding:92px 0}.section-title{font-size:clamp(34px,4vw,52px);line-height:1.04;letter-spacing:-1.7px;margin:10px 0 12px}.section-intro{max-width:740px;color:var(--muted);line-height:1.8}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:30px;margin-bottom:42px}.view-link{color:var(--blue);font-weight:850}.grid-3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s;box-shadow:0 5px 20px rgba(8,31,49,.03)}.card:hover{transform:translateY(-7px);box-shadow:var(--shadow);border-color:#c8dbe9}.card-body{padding:24px}.product-image,.visual{height:235px;background:radial-gradient(circle at 50% 45%,#f8fbfd,#dce7ee);display:grid;place-items:center;position:relative;overflow:hidden}.product-image:after{content:"";position:absolute;width:220px;height:220px;border-radius:50%;border:1px dashed #c4d7e4}.tool-shape{width:125px;height:125px;background:linear-gradient(145deg,#edf2f5,#71818c);clip-path:polygon(50% 0,100% 30%,85% 85%,30% 100%,0 50%,15% 15%);box-shadow:0 22px 32px rgba(0,0,0,.22);position:relative;z-index:1}.tag{font-size:11px;font-weight:950;letter-spacing:1.5px;color:var(--blue);text-transform:uppercase}.card h3{font-size:21px;margin:9px 0}.card p{color:var(--muted);font-size:14px}.dark{background:var(--navy);color:#fff}.dark .section-intro{color:#a8bdce}.feature-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:42px}.feature{background:#fff;border:1px solid var(--line);padding:27px;border-radius:16px;transition:.2s}.feature:hover{transform:translateY(-4px);box-shadow:0 14px 35px rgba(8,31,49,.08)}.feature .num{color:var(--blue);font-weight:950;font-size:13px}.feature h3{margin:18px 0 8px}.feature p{color:var(--muted);font-size:14px}.dark .feature{background:#0c2639;border-color:#ffffff18}.dark .feature p{color:#a8bdce}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.industry{min-height:135px;padding:24px;border:1px solid #ffffff18;border-radius:14px;background:#ffffff08;display:flex;align-items:end;font-weight:850;transition:.2s}.industry:hover{background:#168cf01c;border-color:#168cf066;transform:translateY(-3px)}.cta{background:linear-gradient(135deg,#1188e9,#0a75ce);color:#fff;padding:72px 0;position:relative;overflow:hidden}.cta:after{content:"";position:absolute;width:350px;height:350px;border-radius:50%;right:-100px;top:-180px;background:#fff1}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative;z-index:1}.cta h2{font-size:clamp(32px,4vw,48px);margin:0}.cta p{margin:10px 0 0;color:#e5f3ff}.cta a{background:#fff;color:var(--ink);padding:15px 22px;border-radius:10px;font-weight:900;white-space:nowrap}.site-footer{background:#061522;color:#fff;padding:70px 0 25px}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:45px}.footer-brand p{color:#8fa5b7;max-width:340px}.footer-grid>div:not(:first-child){display:grid;align-content:start;gap:10px}.footer-grid h4{margin:0 0 8px;font-size:14px}.footer-grid>div>a{color:#8fa5b7;font-size:13px}.footer-grid>div>a:hover{color:#20a0ff}.footer-brand-link span:last-child{color:#fff}.footer-brand-link{gap:11px}.footer-brand-link .brand-logo-mark{width:42px;height:42px}.footer-bottom{border-top:1px solid #ffffff14;margin-top:45px;padding-top:20px;color:#708899;font-size:12px;display:flex;justify-content:space-between;gap:20px}
/* Home engagement */
.hero-home .hero-inner{min-height:550px}.hero-home .hero-copy{max-width:760px}.hero-home .hero-copy p{font-size:19px}.trust-strip{background:#fff;border-bottom:1px solid var(--line)}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:0}.trust-item{padding:20px 18px;display:flex;align-items:center;gap:12px;border-right:1px solid var(--line)}.trust-item:last-child{border:0}.icon-box{width:42px;height:42px;border-radius:12px;background:#eaf5ff;color:var(--blue);display:grid;place-items:center;font-size:19px;flex:0 0 auto}.trust-item strong{display:block;font-size:13px}.trust-item span{display:block;color:var(--muted);font-size:11px}.finder{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;box-shadow:0 12px 40px rgba(8,31,49,.07);margin-top:35px}.finder-row{display:grid;grid-template-columns:1.4fr .7fr auto;gap:10px}.finder input,.finder select{width:100%;padding:15px 16px;border:1px solid #d4e0ea;border-radius:11px;outline:none;background:#fbfdff}.finder input:focus,.finder select:focus{border-color:#8ecbfa;box-shadow:0 0 0 4px #168cf012}.mini-result{margin-top:16px;color:var(--muted);font-size:13px}.number-cards{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:38px}.number-card{padding:25px;background:#fff;border:1px solid var(--line);border-radius:16px}.number-card strong{display:block;font-size:34px;letter-spacing:-1px}.number-card span{color:var(--muted);font-size:13px}.process-line{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin-top:40px}.process-step{padding:22px;border-radius:15px;background:#fff;border:1px solid var(--line);position:relative}.process-step .step-no{color:var(--blue);font-size:12px;font-weight:950}.process-step h4{margin:12px 0 5px}.process-step p{margin:0;color:var(--muted);font-size:12px}.faq{display:grid;gap:10px;margin-top:32px}.faq details{background:#fff;border:1px solid var(--line);border-radius:13px;padding:17px 20px}.faq summary{font-weight:800;cursor:pointer}.faq p{color:var(--muted);margin:12px 0 0}
/* Products */
.page-main{padding:58px 0 90px}.toolbar{display:flex;gap:10px;margin-bottom:28px}.toolbar input,.toolbar select,.form-control{width:100%;padding:14px 15px;border:1px solid #d4e0ea;border-radius:10px;background:#fff;outline:0}.toolbar input:focus,.toolbar select:focus,.form-control:focus{border-color:#8ecbfa;box-shadow:0 0 0 4px #168cf012}.toolbar select{max-width:230px}.toolbar button{border:0}.product-toolbar{padding:18px;background:#fff;border:1px solid var(--line);border-radius:16px;box-shadow:0 10px 30px rgba(8,31,49,.05)}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.product-card{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;transition:.25s;box-shadow:0 5px 18px rgba(8,31,49,.03)}.product-card:hover{transform:translateY(-6px);box-shadow:var(--shadow);border-color:#c4d9e9}.product-card .image{height:230px;background:radial-gradient(circle at 50% 45%,#f9fcfe,#e5edf2);display:grid;place-items:center;position:relative}.product-card .image:before{content:"";position:absolute;width:170px;height:170px;border-radius:50%;border:1px dashed #c8dbe7}.product-card .body{padding:22px}.product-card h2{font-size:20px;margin:8px 0}.product-card p{color:var(--muted);margin:0}.product-card .body:after{content:"View product →";display:block;color:var(--blue);font-weight:800;font-size:12px;margin-top:18px}.loading-card{grid-column:1/-1;min-height:220px;background:#fff;border:1px solid var(--line);border-radius:16px;display:grid;place-items:center;align-content:center;gap:12px;color:var(--muted)}.spinner{width:28px;height:28px;border:3px solid #dce7ef;border-top-color:var(--blue);border-radius:50%;animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.empty-state,.error-card{grid-column:1/-1}.error-card{border-color:#f1cccc}.product-card .code{color:#718395;font-weight:700}
/* Product detail */
.detail-grid{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}.detail-image{height:430px;background:radial-gradient(circle at 50% 45%,#f9fcfe,#e4edf2);border-radius:20px;display:grid;place-items:center;overflow:hidden;border:1px solid var(--line);position:relative}.detail-image:before{content:"";position:absolute;width:290px;height:290px;border-radius:50%;border:1px dashed #c8dbe7}.detail-image .tool-shape.large{width:230px;height:230px;z-index:1}.detail-title{font-size:42px;line-height:1.05;margin:8px 0}.spec-wrap{margin-top:78px}.spec-wrap .section-title{font-size:34px}.spec-table{width:100%;border-collapse:separate;border-spacing:0;background:#fff;border:1px solid var(--line);border-radius:16px;overflow:hidden;box-shadow:0 8px 30px rgba(8,31,49,.05)}.spec-table th,.spec-table td{text-align:left;padding:15px;border-bottom:1px solid #e9eef2}.spec-table tr:last-child th,.spec-table tr:last-child td{border-bottom:0}.spec-table th{width:35%;color:#64778a;font-size:13px;background:#f8fafc}.product-data-section{margin-top:62px;padding-bottom:30px}.product-data-section .section-label{margin-bottom:8px}.product-data-section .section-title{font-size:34px}.product-data-scroll{overflow:auto;background:#fff;border:1px solid #dbe4ec;border-radius:18px;box-shadow:0 10px 35px rgba(8,31,49,.06)}.product-data-table{width:100%;min-width:720px;border-collapse:collapse;font-size:13px}.product-data-table th{background:#081d2e;color:#fff;text-align:left;padding:15px 16px;font-weight:800;white-space:nowrap;position:sticky;top:0}.product-data-table td{padding:13px 16px;border-bottom:1px solid #e8eef3;color:#26384a;vertical-align:top}.product-data-table tbody tr:nth-child(even){background:#f7fafc}.product-data-table tbody tr:hover{background:#eef6fd}.data-note{margin-top:12px;color:var(--muted);font-size:12px}.related-section{padding-top:35px}.related-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.related-card{background:#fff;border:1px solid var(--line);border-radius:15px;padding:20px;transition:.2s}.related-card:hover{transform:translateY(-4px);box-shadow:0 14px 30px rgba(8,31,49,.08)}.recent-strip{display:none}
/* Content pages */
.content-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:32px;box-shadow:0 8px 28px rgba(8,31,49,.04)}.two-col{display:grid;grid-template-columns:1.1fr .9fr;gap:30px}.check-list{display:grid;gap:14px;padding:0;margin:25px 0;list-style:none}.check-list li{display:flex;gap:12px}.check-list li:before{content:'✓';color:var(--blue);font-weight:900}.stats{display:grid;grid-template-columns:repeat(4,1fr);gap:16px}.stat-card{background:#fff;border:1px solid var(--line);padding:22px;border-radius:15px}.stat-card strong{font-size:25px;display:block}.stat-card span{color:var(--muted);font-size:13px}.blog-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:25px;transition:.2s}.blog-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.blog-card .date{font-size:11px;color:var(--blue);font-weight:900;text-transform:uppercase;letter-spacing:1px}.blog-card h3{font-size:21px}.career-banner{background:linear-gradient(135deg,#071b2b,#12364f);color:#fff;border-radius:20px;padding:50px}.career-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:25px}.job{background:#fff;border:1px solid var(--line);border-radius:15px;padding:25px;transition:.2s}.job:hover{transform:translateY(-4px);box-shadow:var(--shadow)}.job h3{margin:0 0 8px}.job p{color:var(--muted)}.download-list{display:grid;gap:14px}.download-item{display:flex;align-items:center;justify-content:space-between;gap:20px;background:#fff;border:1px solid var(--line);padding:20px;border-radius:14px}.download-item small{color:var(--muted)}.contact-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:25px}.contact-box{background:#fff;border:1px solid var(--line);border-radius:17px;padding:28px;box-shadow:0 8px 28px rgba(8,31,49,.04)}.contact-item{padding:16px 0;border-bottom:1px solid #edf1f4}.contact-item:last-child{border:0}.contact-item strong{display:block}.contact-item span{color:var(--muted)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}.form-group{margin-bottom:16px}.form-group label{display:block;font-weight:800;font-size:13px;margin-bottom:7px}.form-group textarea{min-height:150px;resize:vertical}.notice{padding:14px 16px;border-radius:10px;background:#eaf6ff;border:1px solid #c9e7fb;color:#14547c;margin-bottom:20px}
/* Floating engagement CTA */
.float-actions{position:fixed;right:18px;bottom:18px;z-index:900;display:flex;flex-direction:column;gap:9px}.float-actions a{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(8,31,49,.16);font-size:19px}.float-actions a.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
/* Admin */
.admin-body{background:#f4f7fa;color:#0b1b2b}.admin-header{min-height:70px;background:#fff;border-bottom:1px solid var(--line);position:sticky;top:0;z-index:100}.admin-nav{min-height:70px;display:flex;align-items:center;gap:24px}.wrap{width:min(1180px,calc(100% - 40px));margin:auto}.admin-nav nav{margin-left:auto;display:flex;gap:17px;align-items:center;flex-wrap:wrap}.admin-nav nav a{font-size:12px;font-weight:800;color:#596d80}.admin-nav nav a:hover{color:var(--blue)}.admin-main{padding:55px 0 90px}.admin-head{display:flex;justify-content:space-between;align-items:flex-end;gap:25px;margin-bottom:28px}.admin-head h1{font-size:44px;line-height:1;margin:8px 0}.admin-head p{color:var(--muted)}.admin-panel{background:#fff;border:1px solid var(--line);border-radius:17px;padding:26px;box-shadow:0 7px 25px rgba(8,31,49,.04)}.admin-grid2{display:grid;grid-template-columns:1fr 1fr;gap:18px}.admin-form{display:grid;gap:18px}.admin-form label{display:block;font-size:12px;font-weight:900;margin-bottom:7px}.admin-input,.admin-select,.admin-textarea{width:100%;padding:13px 14px;border:1px solid #d4e0ea;border-radius:10px;background:#fff;outline:0}.admin-input:focus,.admin-select:focus,.admin-textarea:focus{border-color:#8ecbfa;box-shadow:0 0 0 4px #168cf012}.admin-textarea{resize:vertical;min-height:180px}.admin-right{display:flex;justify-content:flex-end;gap:9px;flex-wrap:wrap}.admin-btn{display:inline-flex;align-items:center;justify-content:center;padding:11px 15px;border-radius:9px;border:1px solid var(--line);font-size:12px;font-weight:850;cursor:pointer}.admin-btn.blue{background:var(--blue);color:#fff;border-color:var(--blue)}.admin-btn.light{background:#fff;color:var(--ink)}.admin-btn.danger{color:#c73939}.admin-filters{display:grid;grid-template-columns:1fr 190px auto;gap:10px;margin-bottom:20px}.admin-table{width:100%;border-collapse:collapse}.admin-table th,.admin-table td{text-align:left;padding:13px;border-bottom:1px solid #e8eef3;font-size:12px;vertical-align:top}.admin-table th{background:#f7fafc;color:#607487;font-size:11px;text-transform:uppercase;letter-spacing:.7px}.status-pill{display:inline-block;padding:5px 9px;border-radius:99px;font-size:10px;font-weight:900}.status-pill.pub{background:#e7f8f0;color:#168255}.status-pill.drf{background:#fff4dc;color:#9a6b0a}.actions{display:flex;gap:8px;flex-wrap:wrap}.admin-link{color:var(--blue);font-size:11px;font-weight:850}.admin-link.danger{color:#c73939}.alert{padding:13px 15px;border-radius:10px;margin-bottom:18px;font-size:13px}.alert.err{background:#fff0f0;border:1px solid #ffcaca;color:#c62828}.alert.ok{background:#ebfbf3;border:1px solid #bdebd1;color:#167b50}.narrow{max-width:900px}.form-help{color:#64748b;font-size:13px;line-height:1.6}.help-list{margin:0;padding-left:20px;color:#53677b;line-height:2}.table-meta{margin-top:20px;padding:14px;background:#f5f8fb;border-radius:10px;color:#52677b;font-size:13px}.table-scroll{overflow:hidden}.data-preview{min-width:700px}.admin-grid2 .admin-panel{height:100%}.data-builder{display:grid;gap:10px}.spec-row{display:grid;grid-template-columns:1fr 1.5fr auto;gap:8px}.spec-row button{border:1px solid #f0c7c7;background:#fff3f3;color:#b63131;border-radius:9px;padding:0 12px;cursor:pointer}.builder-actions{display:flex;gap:9px;align-items:center}.builder-note{font-size:12px;color:var(--muted)}.admin-icon{width:38px;height:38px;border-radius:11px;background:#eaf5ff;color:var(--blue);display:grid;place-items:center}.login-body{min-height:100vh;background:linear-gradient(135deg,#061827,#0b2639);display:grid;place-items:center;padding:20px}.login-card{width:min(440px,100%);background:#fff;border-radius:22px;padding:40px;box-shadow:0 30px 80px rgba(0,0,0,.25)}
.auth{min-height:100vh;background:linear-gradient(135deg,#061827,#0b2639);display:grid;place-items:center;padding:20px}.login{width:min(440px,100%);background:#fff;border-radius:22px;padding:40px;box-shadow:0 30px 80px rgba(0,0,0,.25)}.login .logo,.login-card .logo{width:44px;height:44px;border:2px solid var(--blue);border-radius:12px;display:grid;place-items:center;color:var(--blue);font-size:22px;font-weight:950;margin-bottom:18px;background:#f5fbff}.login h1,.login-card h1{margin:0 0 7px;font-size:30px}.login>p,.login-card>p{color:var(--muted);margin:0 0 25px}.login form,.login-card form{display:grid;gap:8px}.login label,.login-card label{font-size:12px;font-weight:900;margin-top:8px}.login input,.login-card input{width:100%;padding:13px 14px;border:1px solid #d4e0ea;border-radius:10px;outline:0;background:#fff}.login input:focus,.login-card input:focus{border-color:#8ecbfa;box-shadow:0 0 0 4px #168cf012}.login small,.login-card small{display:block;text-align:center;color:#71869a;margin-top:22px}.full{width:100%;margin-top:10px}.login .alert,.login-card .alert{margin:0 0 8px}.admin-mobile{display:none}
@media(max-width:1050px){.main-nav{gap:13px}.feature-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.footer-grid{grid-template-columns:1.3fr 1fr 1fr}.footer-grid>div:last-child{display:none}.grid-3,.product-grid,.blog-grid,.related-grid{grid-template-columns:repeat(2,1fr)}.hero-visual{opacity:.45;right:-100px}.trust-grid{grid-template-columns:repeat(2,1fr)}.trust-item:nth-child(2){border-right:0}.process-line{grid-template-columns:repeat(3,1fr)}.number-cards{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.site-header,.header-inner{height:68px}.container,.wrap{width:calc(100% - 28px)}.mobile-menu{display:block}.quote-btn{padding:10px 13px;font-size:12px}.main-nav{position:absolute;top:68px;left:0;right:0;background:#fff;border-bottom:1px solid var(--line);display:none;flex-direction:column;align-items:flex-start;padding:18px 20px;gap:4px;box-shadow:0 15px 25px rgba(8,31,49,.08)}.main-nav a{padding:11px 0}.main-nav a:after{bottom:5px}.menu-open .main-nav{display:flex}.hero-copy{padding:65px 0}.hero h1{font-size:48px;letter-spacing:-2.4px}.hero p{font-size:16px}.hero-visual{display:none}.hero-home .hero-inner{min-height:500px}.section{padding:68px 0}.section-heading{display:block}.view-link{display:inline-block;margin-top:15px}.grid-3,.product-grid,.blog-grid,.feature-grid,.industry-grid,.two-col,.detail-grid,.contact-grid,.career-grid,.form-grid,.stats,.related-grid{grid-template-columns:1fr}.toolbar{display:grid}.toolbar select{max-width:none}.cta-inner{display:block}.cta a{display:inline-block;margin-top:22px}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.footer-bottom{display:block}.footer-bottom span{display:block;margin-top:7px}.finder-row,.admin-filters,.admin-grid2{grid-template-columns:1fr}.trust-grid{grid-template-columns:1fr}.trust-item{border-right:0;border-bottom:1px solid var(--line)}.trust-item:last-child{border-bottom:0}.process-line{grid-template-columns:1fr 1fr}.number-cards{grid-template-columns:1fr 1fr}.detail-title{font-size:34px}.detail-image{height:320px}.spec-wrap{margin-top:55px}.admin-head{display:block}.admin-head .admin-btn{margin-top:15px}.admin-nav{padding:10px 0;flex-wrap:wrap}.admin-nav nav{margin-left:0;width:100%;overflow:auto;white-space:nowrap}.admin-header{position:relative}.admin-main{padding-top:35px}.admin-table{min-width:760px}.admin-panel{overflow:auto}.spec-row{grid-template-columns:1fr}.float-actions{right:12px;bottom:12px}.login-card{padding:30px 22px}}
.admin-hero{background:linear-gradient(135deg,#071b2b,#0b2a40);color:#fff;padding:55px 0}.admin-hero h1{font-size:50px;letter-spacing:-2px;margin:8px 0}.admin-hero p{color:#b7cddd}.admin-stats{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-bottom:20px}.admin-stat{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px}.admin-stat strong{font-size:32px;display:block}.admin-stat small{color:var(--muted)}.admin-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.admin-card{background:#fff;border:1px solid var(--line);border-radius:17px;padding:25px;transition:.2s}.admin-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.admin-card .icon{width:42px;height:42px;border-radius:12px;background:#eaf5ff;color:var(--blue);display:grid;place-items:center;font-size:20px}.admin-card h2{margin:18px 0 7px}.admin-card p{color:var(--muted);font-size:13px}@media(max-width:760px){.admin-stats,.admin-cards{grid-template-columns:1fr}}

/* ===== Premium Home + Product Data v12 ===== */
svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.home-hero{min-height:650px;background:#061827;color:#fff;position:relative;overflow:hidden}.home-grid-lines{position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(90deg,#000 0%,#000 60%,transparent 100%)}.home-hero:before{content:"";position:absolute;width:760px;height:760px;right:-250px;top:-180px;border-radius:50%;background:radial-gradient(circle,rgba(24,142,241,.27),transparent 67%)}.home-hero-inner{min-height:650px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;position:relative;z-index:2}.home-copy{padding:70px 0}.hero-kicker{font-size:11px;letter-spacing:2.6px;color:#31aaff;font-weight:900;display:flex;align-items:center;gap:10px}.hero-kicker span{width:30px;height:2px;background:#168cf0}.home-copy h1{font-size:clamp(54px,6.2vw,88px);line-height:.94;letter-spacing:-4.8px;margin:22px 0 24px}.home-copy h1 em{font-style:normal;color:#2bb8ff}.home-copy>p{font-size:18px;color:#b9cedd;max-width:650px;line-height:1.8}.home-actions{display:flex;align-items:center;gap:22px;margin-top:32px;flex-wrap:wrap}.hero-text-link{font-size:13px;font-weight:850;color:#d8e8f3}.hero-proof{margin-top:42px;color:#8da7b9;font-size:11px;display:flex;gap:18px;flex-wrap:wrap;text-transform:uppercase;letter-spacing:1px}.hero-proof span{color:#2cb4ff;font-weight:900}.home-visual{height:560px;position:relative;display:grid;place-items:center}.orbit{position:absolute;border:1px solid rgba(61,177,255,.24);border-radius:50%;transform:rotate(-18deg)}.orbit-1{width:470px;height:220px}.orbit-2{width:360px;height:360px}.orbit-3{width:210px;height:470px}.cnc-tool{width:230px;height:230px;position:relative;transform:rotate(-18deg);filter:drop-shadow(30px 35px 28px rgba(0,0,0,.35));background:linear-gradient(145deg,#f7fafb 0%,#a9b7bf 30%,#586975 72%,#d8e0e4 100%);clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);border-radius:32px}.tool-face{position:absolute;inset:24px;background:linear-gradient(145deg,#dfe7ea,#7d8d96);clip-path:polygon(20% 0,80% 0,100% 20%,100% 80%,80% 100%,20% 100%,0 80%,0 20%);border-radius:26px}.tool-hole{position:absolute;width:48px;height:48px;border-radius:50%;left:91px;top:91px;background:#071b2b;box-shadow:inset 7px 7px 13px #000,0 0 0 9px #9aa8af}.tool-edge{position:absolute;width:52px;height:12px;right:8px;top:42px;background:#168cf0;border-radius:8px;box-shadow:0 0 20px rgba(22,140,240,.7)}.visual-card{position:absolute;padding:14px 17px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.16);backdrop-filter:blur(14px);border-radius:13px;box-shadow:0 15px 35px rgba(0,0,0,.16)}.visual-card b{display:block;font-size:12px}.visual-card span{font-size:11px;color:#8faabc}.visual-card-a{right:5px;top:80px}.visual-card-b{left:10px;bottom:100px}.visual-label{position:absolute;bottom:42px;right:40px;color:#6e899b;font-size:10px;letter-spacing:2px;text-align:right}.visual-label strong{color:#fff;font-size:13px}.hero-scroll{position:absolute;left:50%;bottom:20px;transform:translateX(-50%);color:#698497;font-size:9px;letter-spacing:2px;z-index:3}.hero-scroll span{color:#2db7ff;margin-left:8px}.home-metrics{background:#fff;border-bottom:1px solid var(--line)}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metrics-grid>div{padding:26px 20px;border-right:1px solid var(--line)}.metrics-grid>div:last-child{border-right:0}.metrics-grid strong{display:block;font-size:28px;letter-spacing:-1px}.metrics-grid sup{color:var(--blue)}.metrics-grid span{font-size:11px;color:var(--muted)}.finder-intro{display:flex;justify-content:space-between;align-items:end;gap:30px}.finder-badge{border:1px solid #d9e7f0;border-radius:16px;padding:17px 20px;font-size:16px;font-weight:950;letter-spacing:1px;text-align:right;color:#0b1b2b;background:#fff;box-shadow:0 8px 30px rgba(8,31,49,.05)}.finder-badge span{font-size:8px;letter-spacing:2px;color:var(--blue)}.finder-premium{margin-top:35px;border-radius:22px;padding:20px;background:#fff;border:1px solid #dce7ef;box-shadow:0 20px 55px rgba(8,31,49,.09)}.finder-premium .finder-row{grid-template-columns:1.5fr .55fr auto}.finder-input-wrap{position:relative}.finder-input-wrap svg{position:absolute;left:16px;top:50%;transform:translateY(-50%);color:#6b8293}.finder-input-wrap input{padding-left:50px}.portfolio-section{padding-top:40px}.portfolio-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:18px}.portfolio-card{min-height:390px;border-radius:22px;padding:30px;position:relative;overflow:hidden;color:#fff;display:flex;flex-direction:column;justify-content:flex-end;box-shadow:0 18px 45px rgba(8,31,49,.12);transition:.3s}.portfolio-card:hover{transform:translateY(-8px);box-shadow:0 25px 60px rgba(8,31,49,.18)}.portfolio-card:before{content:"";position:absolute;width:280px;height:280px;border:1px solid rgba(255,255,255,.15);border-radius:50%;right:-90px;top:-80px}.portfolio-card:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 30%,rgba(0,0,0,.5) 100%)}.portfolio-card>*{position:relative;z-index:2}.card-index{background:linear-gradient(145deg,#0b3148,#061827)}.card-special{background:linear-gradient(145deg,#123e56,#071b2b)}.card-solid{background:linear-gradient(145deg,#0c5f82,#071b2b)}.portfolio-icon{width:52px;height:52px;border-radius:15px;background:#ffffff13;border:1px solid #ffffff25;display:grid;place-items:center;position:absolute;top:28px;left:30px}.portfolio-icon svg{width:25px;height:25px;color:#2db8ff}.portfolio-card>span{font-size:10px;letter-spacing:2px;color:#32b4ff;font-weight:900}.portfolio-card h3{font-size:27px;line-height:1.05;margin:10px 0}.portfolio-card p{color:#b5cad8;font-size:13px;line-height:1.7;max-width:330px}.portfolio-card b{color:#fff;font-size:12px;margin-top:14px}.home-feature-section{padding-top:85px}.featured-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.featured-product{background:#0b2639;border:1px solid #ffffff14;border-radius:18px;overflow:hidden;transition:.25s}.featured-product:hover{transform:translateY(-6px);border-color:#168cf055}.featured-art{height:190px;background:radial-gradient(circle at 50% 45%,#23485f,#091c2b);display:grid;place-items:center}.mini-tool{width:100px;height:100px;background:linear-gradient(145deg,#f1f4f5,#687984);clip-path:polygon(22% 0,78% 0,100% 22%,100% 78%,78% 100%,22% 100%,0 78%,0 22%);transform:rotate(20deg);box-shadow:0 25px 30px #0007}.featured-body{padding:22px}.featured-body>span{font-size:9px;letter-spacing:1.8px;color:#2fb5ff;font-weight:900}.featured-body h3{margin:8px 0;font-size:19px}.featured-body p{color:#8ea7b8;font-size:12px}.featured-body>div{display:flex;align-items:center;gap:6px;color:#fff;font-weight:800;font-size:12px;margin-top:15px}.featured-body svg{width:15px}.engineering-section{background:#eef4f8}.engineering-grid{align-items:center}.eng-cards{display:grid;grid-template-columns:1fr 1fr;gap:12px}.eng-card{background:#fff;border:1px solid #dce7ef;border-radius:16px;padding:22px;min-height:160px;transition:.2s}.eng-card:hover{transform:translateY(-4px);box-shadow:0 16px 35px rgba(8,31,49,.08)}.eng-icon{width:42px;height:42px;border-radius:12px;background:#eaf5ff;color:var(--blue);display:grid;place-items:center;margin-bottom:17px}.eng-card strong{display:block;font-size:15px}.eng-card span{display:block;color:var(--muted);font-size:12px;margin-top:6px;line-height:1.6}.process-section{background:#fff}.process-modern{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin-top:42px}.process-modern-card{padding:24px 20px;border-top:3px solid var(--blue);background:#f7fafc;min-height:205px}.process-modern-card>span{font-size:10px;color:var(--blue);font-weight:950;letter-spacing:1px}.process-modern-card h3{margin:17px 0 8px}.process-modern-card p{font-size:12px;color:var(--muted);line-height:1.7}.knowledge-section{background:#f4f7fa}.knowledge-grid{display:grid;grid-template-columns:1fr .85fr;gap:60px;align-items:center}.knowledge-actions{display:flex;gap:18px;flex-wrap:wrap;margin-top:30px}.knowledge-actions a{color:var(--blue);font-size:13px;font-weight:900}.knowledge-panel{background:#fff;border:1px solid var(--line);border-radius:20px;padding:8px 24px;box-shadow:0 15px 40px rgba(8,31,49,.07)}.knowledge-panel-top{display:flex;justify-content:space-between;padding:18px 0;color:#6d8190;font-size:10px;letter-spacing:2px;font-weight:900}.knowledge-panel details{border-top:1px solid #e9eff3;padding:17px 0}.knowledge-panel summary{font-weight:850;font-size:13px;cursor:pointer}.knowledge-panel p{color:var(--muted);font-size:12px;line-height:1.7}.home-cta{background:linear-gradient(135deg,#0b7fd8,#0b3e63);color:#fff;padding:72px 0}.home-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.home-cta-inner>div>span{font-size:10px;letter-spacing:2px;color:#58c4ff;font-weight:900}.home-cta h2{font-size:clamp(34px,4vw,54px);line-height:1;margin:10px 0}.home-cta p{color:#bdd7e8}.home-cta>a{background:#fff;color:#071b2b;padding:15px 22px;border-radius:11px;font-weight:900;display:flex;align-items:center;gap:8px}.product-hero .hero-product-badge{margin-left:auto;border:1px solid #ffffff18;background:#ffffff08;border-radius:16px;padding:22px 25px;min-width:170px;text-align:right}.product-hero .hero-product-badge span{font-size:9px;color:#32b4ff;letter-spacing:2px;font-weight:900}.product-hero .hero-product-badge strong{display:block;margin-top:5px}.product-overview{margin-top:75px}.product-detail-side{min-width:0}.product-side-specs{margin-top:28px;padding-top:22px;border-top:1px solid var(--line)}.product-side-specs .section-title{font-size:24px;margin:7px 0 14px}.product-side-specs .spec-grid{grid-template-columns:1fr 1fr;gap:9px}.product-side-specs .spec-card{padding:12px 14px;border-radius:11px}.product-side-specs .spec-card span{font-size:8px}.product-side-specs .spec-card strong{font-size:12px;margin-top:5px;line-height:1.35}.product-data-section .data-heading{align-items:start}.data-count{display:none}
.product-quick-links{display:flex;gap:9px;flex-wrap:wrap;margin-top:25px}.product-quick-links a{font-size:11px;padding:9px 12px;border:1px solid var(--line);border-radius:9px;background:#fff;color:#50687a;font-weight:800}.product-quick-links a:hover{border-color:#9bcdf0;color:var(--blue)}.spec-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.spec-card{background:#fff;border:1px solid var(--line);border-radius:14px;padding:18px}.spec-card span{display:block;color:#718696;font-size:10px;text-transform:uppercase;letter-spacing:1px}.spec-card strong{display:block;margin-top:7px;font-size:15px}.data-heading{display:flex;justify-content:space-between;gap:30px;align-items:end}.data-count{display:grid;grid-template-columns:auto auto;gap:2px 10px;align-items:center;background:#fff;border:1px solid var(--line);border-radius:14px;padding:13px 17px}.data-count strong{font-size:20px}.data-count span{font-size:9px;text-transform:uppercase;color:var(--muted);letter-spacing:1px}.product-data-scroll{overflow:auto;border:1px solid #dbe5ec;border-radius:18px;background:#fff;box-shadow:0 14px 40px rgba(8,31,49,.06);margin-top:28px}.product-data-table{border-collapse:separate;border-spacing:0;min-width:max-content;width:100%}.product-data-table th{position:sticky;top:0;background:#071b2b;color:#fff;padding:15px 18px;text-align:left;font-size:12px;white-space:nowrap;border-right:1px solid #ffffff18}.product-data-table td{padding:13px 18px;border-bottom:1px solid #e5edf2;color:#334c60;font-size:12px;white-space:nowrap}.product-data-table tbody tr:nth-child(even) td{background:#f8fbfd}.product-data-table tbody tr:hover td{background:#edf7ff}.data-note{font-size:11px;color:#718696;margin-top:10px}.related-section{margin-top:80px;margin-bottom:80px}.related-icon{width:38px;height:38px;border-radius:11px;background:#eaf5ff;color:var(--blue);display:grid;place-items:center;margin-bottom:18px}.optional{font-weight:600;color:#8ca0af}.excel-rule{display:flex;gap:12px;background:#eef8ff;border:1px solid #cce8fb;border-radius:12px;padding:13px;color:#315b73;font-size:12px;line-height:1.6}.excel-rule>span{width:24px;height:24px;border-radius:50%;background:#d8f1ff;color:#0c8fe4;display:grid;place-items:center;font-weight:900;flex:0 0 auto}.table-panel-head{display:flex;justify-content:space-between;align-items:end;margin-bottom:15px}
@media(max-width:900px){.home-hero-inner{grid-template-columns:1fr}.home-visual{display:none}.home-copy{padding:90px 0 80px}.metrics-grid{grid-template-columns:repeat(2,1fr)}.metrics-grid>div:nth-child(2){border-right:0}.portfolio-grid,.featured-grid{grid-template-columns:1fr}.process-modern{grid-template-columns:repeat(2,1fr)}.knowledge-grid{grid-template-columns:1fr}.spec-grid{grid-template-columns:repeat(2,1fr)}.data-heading{display:block}.data-count{display:none}.product-hero .hero-product-badge{display:none}}
@media(max-width:760px){.home-copy h1{font-size:52px;letter-spacing:-3px}.home-hero{min-height:560px}.home-hero-inner{min-height:560px}.hero-proof{gap:10px;font-size:9px}.metrics-grid{grid-template-columns:1fr 1fr}.finder-intro{display:block}.finder-badge{display:none}.finder-premium .finder-row{grid-template-columns:1fr}.portfolio-card{min-height:330px}.eng-cards{grid-template-columns:1fr}.process-modern{grid-template-columns:1fr}.home-cta-inner{display:block}.home-cta>a{display:inline-flex;margin-top:20px}.spec-grid{grid-template-columns:1fr}.product-overview{margin-top:45px}.product-data-table th,.product-data-table td{padding:11px 13px}.product-data-section{padding-top:55px}}
/* MSTM Dynamic Content + Product Media Upgrade */
.page-hero{background:linear-gradient(135deg,#061a2a 0%,#0a2940 58%,#0a5f86 100%);color:#fff;padding:95px 0 80px;position:relative;overflow:hidden}.page-hero:after{content:"";position:absolute;width:520px;height:520px;border:1px solid #ffffff14;border-radius:50%;right:-160px;top:-220px;box-shadow:0 0 0 80px #ffffff05,0 0 0 160px #ffffff03}.page-hero h1{font-size:clamp(46px,6vw,78px);line-height:.98;letter-spacing:-3px;max-width:850px;margin:12px 0 20px;position:relative;z-index:1}.page-hero p{font-size:18px;line-height:1.7;color:#bdd1df;max-width:720px;position:relative;z-index:1}.blog-grid-premium{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.blog-card-premium{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 35px rgba(8,31,49,.05);transition:.25s}.blog-card-premium:hover{transform:translateY(-7px);box-shadow:0 24px 55px rgba(8,31,49,.11)}.blog-cover{height:220px;display:block;background:#092438}.blog-cover img{width:100%;height:100%;object-fit:cover}.blog-cover-art{height:100%;display:flex;align-items:end;justify-content:space-between;padding:25px;background:linear-gradient(145deg,#0a3150,#0a79ad);color:#fff}.blog-cover-art span{font-size:48px;font-weight:900;color:#55c5ff}.blog-cover-art b{font-size:13px;letter-spacing:2px}.blog-body-premium{padding:24px}.blog-body-premium h2{font-size:22px;line-height:1.15;margin:10px 0}.blog-body-premium p{color:var(--muted);font-size:13px;line-height:1.7;min-height:66px}.article-wrap{max-width:900px}.article-cover{width:100%;max-height:500px;object-fit:cover;border-radius:22px;border:1px solid var(--line);margin-bottom:38px}.article-content{font-size:17px;line-height:1.9;color:#294257;margin-bottom:35px}.resource-filter{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}.resource-filter button{border:1px solid var(--line);background:#fff;border-radius:999px;padding:10px 15px;font-weight:800;color:#5c7284;cursor:pointer}.resource-filter button.active,.resource-filter button:hover{background:#0b86df;color:#fff;border-color:#0b86df}.resource-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.resource-card{display:block;background:#fff;border:1px solid var(--line);border-radius:18px;padding:25px;transition:.25s;box-shadow:0 8px 30px rgba(8,31,49,.04)}.resource-card:hover{transform:translateY(-5px);border-color:#9bcff0;box-shadow:0 18px 42px rgba(8,31,49,.09)}.resource-icon{width:44px;height:44px;border-radius:13px;background:#e9f6ff;color:#0a8ee8;display:grid;place-items:center;font-weight:900;margin-bottom:25px}.resource-card h3{font-size:20px;margin:9px 0}.resource-card p{color:var(--muted);font-size:13px;line-height:1.7;min-height:50px}.resource-card b{font-size:12px;color:var(--blue)}.career-perks{display:grid;grid-template-columns:1fr 1fr;gap:12px}.career-perks>div{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;display:grid;gap:8px}.career-perks span{font-size:12px;color:var(--muted)}.job-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.job-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:28px}.job-card h3{font-size:23px;margin:10px 0}.job-card p{color:var(--muted);line-height:1.7;font-size:13px;min-height:90px}.about-intro{align-items:start}.content-copy{color:#476074;line-height:1.9;font-size:16px}.timeline-premium{border-left:2px solid #cfe1ed;margin:35px 0 0 8px;padding-left:35px}.timeline-item{position:relative;padding:0 0 36px}.timeline-item:before{content:"";position:absolute;width:12px;height:12px;border-radius:50%;background:#0b8ee9;left:-42px;top:5px;box-shadow:0 0 0 6px #e7f5ff}.timeline-item>span{color:#0b8ee9;font-size:12px;font-weight:900;letter-spacing:1.5px}.timeline-item h3{font-size:24px;margin:7px 0}.timeline-item p{max-width:700px;color:var(--muted);line-height:1.7}.timeline-item img{width:130px;height:75px;object-fit:cover;border-radius:10px;float:right;margin-left:25px}.solution-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.solution-grid article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:32px;min-height:220px;transition:.25s}.solution-grid article:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(8,31,49,.08)}.solution-grid article>span{color:#0a91ec;font-weight:900;font-size:12px}.solution-grid h2{font-size:28px;margin:15px 0 8px}.solution-grid p{color:var(--muted);line-height:1.7}.contact-grid-premium{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.contact-info-card{background:#fff;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:12px}.contact-info-card>span{font-size:9px;letter-spacing:2px;color:#718899;font-weight:900}.contact-info-card a{display:block;color:#0a86dd;font-size:18px;font-weight:850;margin-top:7px}.contact-info-card p{color:var(--muted);line-height:1.6}.contact-form-premium{background:#fff;border:1px solid var(--line);border-radius:20px;padding:30px;box-shadow:0 16px 45px rgba(8,31,49,.07)}.contact-form-premium label{display:block;font-weight:800;font-size:12px;margin:15px 0 7px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:16px}.timeline-home{background:#f3f7fa}.timeline-home-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:10px;margin:35px 0 22px}.timeline-home-card{background:#fff;border:1px solid var(--line);padding:23px;border-radius:14px;min-height:175px}.timeline-home-card span{font-size:10px;color:#0a8de8;font-weight:900;letter-spacing:1.5px}.timeline-home-card h3{font-size:18px;margin:14px 0 7px}.timeline-home-card p{font-size:12px;color:var(--muted);line-height:1.6}.insight-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.insight-card{background:#fff;border:1px solid var(--line);border-radius:18px;padding:26px;transition:.25s}.insight-card:hover{transform:translateY(-5px);box-shadow:0 16px 35px rgba(8,31,49,.08)}.insight-number{font-size:10px;color:#8aa0b0;letter-spacing:1.5px;margin-bottom:32px}.insight-card h3{font-size:21px;line-height:1.2;margin:10px 0}.insight-card p{font-size:13px;line-height:1.7;color:var(--muted);min-height:55px}.insight-card b{font-size:12px;color:var(--blue)}
.detail-media-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.detail-image img{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;padding:28px}.detail-image.media-main,.detail-image.media-diagram{min-height:270px}.diagram-placeholder{position:relative;z-index:2;display:grid;place-items:center;text-align:center;color:#6d8190;gap:7px}.diagram-placeholder span{font-size:54px;color:#0a91ea}.diagram-placeholder small{font-size:11px}.media-main{background:radial-gradient(circle at 50% 45%,#ffffff,#e3edf3)}.media-diagram{background:linear-gradient(135deg,#f7fafc,#e9f1f6)}
.media-manager-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.media-box{padding:24px}.media-box-head{display:flex;gap:12px}.media-box-head h2{margin:0 0 5px}.media-box-head p{font-size:12px;color:var(--muted);line-height:1.6}.media-icon{width:42px;height:42px;border-radius:12px;background:#eaf6ff;color:#078be7;display:grid;place-items:center;float:left;margin-right:12px;font-size:20px}.media-preview,.media-placeholder{height:300px;border:1px dashed #c9dce8;border-radius:16px;margin:20px 0;display:grid;place-items:center;background:#f5f9fb;overflow:hidden}.media-preview img{width:100%;height:100%;object-fit:contain}.media-placeholder{color:#8ba0ae;text-align:center}.media-placeholder span{font-size:50px;color:#0a8fe7;display:block}.media-placeholder b{display:block}.media-side-note{margin-top:18px;padding:20px 22px;border-radius:16px;background:#eaf6ff;border:1px solid #cce8fa;display:flex;align-items:center;gap:15px}.media-side-note span{font-size:12px;color:#527085;flex:1}.media-side-note b{font-size:13px}.content-tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.content-tabs a{background:#fff;border:1px solid var(--line);padding:10px 14px;border-radius:10px;font-size:12px;font-weight:850;color:#607588}.content-tabs a.active,.content-tabs a:hover{background:#0a8ee8;color:#fff;border-color:#0a8ee8}.manage-row{display:flex;justify-content:space-between;gap:15px;padding:16px 0;border-bottom:1px solid #e7eef3;align-items:center}.manage-row:last-child{border-bottom:0}.manage-row b{display:block}.manage-row span{display:block;color:#8aa0af;font-size:11px;margin-top:5px}.text-danger{border:0;background:none;color:#e04b4b;cursor:pointer;font-weight:800;font-size:12px;margin-left:10px}.admin-mobile{display:none}.admin-table-wrap{overflow:auto}.admin-select.small{padding:8px 10px;width:auto}.tall{min-height:220px}
.visual-grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff0a 1px,transparent 1px),linear-gradient(90deg,#ffffff0a 1px,transparent 1px);background-size:42px 42px;mask-image:linear-gradient(to bottom,transparent,#000 30%,#000 70%,transparent)}
@media(max-width:950px){.blog-grid-premium,.resource-grid,.insight-grid{grid-template-columns:1fr 1fr}.timeline-home-grid{grid-template-columns:1fr 1fr}.media-manager-grid,.contact-grid-premium{grid-template-columns:1fr}.detail-media-grid{grid-template-columns:1fr}.solution-grid,.job-grid{grid-template-columns:1fr}.admin-mobile{display:block;border:1px solid #ffffff25;background:#ffffff08;color:#fff;border-radius:8px;padding:7px}.admin-links{display:none;position:absolute;left:0;right:0;top:65px;background:#071b2b;padding:12px;z-index:20}.admin-links.open{display:grid}.admin-nav{position:relative}}
@media(max-width:650px){.page-hero{padding:70px 0 60px}.page-hero h1{font-size:46px;letter-spacing:-2px}.blog-grid-premium,.resource-grid,.insight-grid,.career-perks,.form-row{grid-template-columns:1fr}.timeline-home-grid{grid-template-columns:1fr}.media-side-note{display:block}.media-side-note .admin-btn{display:inline-flex;margin-top:12px}.detail-image.media-main,.detail-image.media-diagram{min-height:240px}}
.admin-stats-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px;margin-bottom:20px}.admin-stat{background:#fff;border:1px solid var(--line);border-radius:17px;padding:20px;transition:.2s}.admin-stat:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(8,31,49,.08)}.admin-stat>span{display:grid;place-items:center;width:38px;height:38px;border-radius:11px;background:#eaf6ff;color:#0a8ee8;margin-bottom:18px}.admin-stat strong{display:block;font-size:28px}.admin-stat b{display:block;margin-top:2px}.admin-stat small{color:#8297a6;font-size:10px}.alert-stat>span{background:#fff1f1;color:#dc4c4c}.admin-feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-bottom:20px}.admin-feature{display:flex;gap:15px;background:#fff;border:1px solid var(--line);border-radius:17px;padding:22px;transition:.2s}.admin-feature:hover{transform:translateY(-4px);box-shadow:0 15px 35px rgba(8,31,49,.08)}.admin-feature>span{width:42px;height:42px;border-radius:12px;background:#edf7ff;color:#0a8ee8;display:grid;place-items:center;flex:0 0 auto}.admin-feature h3{margin:0 0 6px}.admin-feature p{margin:0;color:var(--muted);font-size:12px;line-height:1.6}.deployment-panel{display:flex;justify-content:space-between;align-items:center;gap:25px;background:linear-gradient(135deg,#fff,#eef8ff)}.deployment-panel h2{margin:6px 0;font-size:27px}.deployment-panel p{color:var(--muted);max-width:700px;margin:0}@media(max-width:1000px){.admin-stats-grid{grid-template-columns:repeat(3,1fr)}.admin-feature-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.admin-stats-grid,.admin-feature-grid{grid-template-columns:1fr}.deployment-panel{display:block}.deployment-panel .admin-btn{margin-top:18px}}
.product-card .image img{width:100%;height:100%;object-fit:contain;padding:22px;position:relative;z-index:2}.featured-art img{width:100%;height:100%;object-fit:contain;padding:20px}

/* =========================================================
   Product visual comparison viewer
   ========================================================= */
.product-visual-panel{background:#fff;border:1px solid var(--line);border-radius:24px;padding:14px;box-shadow:0 18px 50px rgba(8,31,49,.08);min-width:0}
.visualizer-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:8px 8px 14px}
.visualizer-kicker{display:block;color:var(--blue);font-size:9px;letter-spacing:1.8px;font-weight:950;margin-bottom:4px}
.visualizer-toolbar strong{font-size:14px;color:var(--ink)}
.visualizer-controls{display:flex;align-items:center;gap:6px;background:#f3f7fa;border:1px solid #dfe9ef;border-radius:11px;padding:4px}
.viewer-mode,.viewer-reset{border:0;background:transparent;color:#5c7181;font-size:11px;font-weight:850;padding:8px 10px;border-radius:8px;cursor:pointer;transition:.18s}
.viewer-mode.active{background:#fff;color:var(--blue);box-shadow:0 3px 12px rgba(8,31,49,.08)}
.viewer-mode:hover,.viewer-reset:hover{color:var(--blue)}
.product-visualizer{position:relative;height:520px;border-radius:19px;overflow:hidden;background:#eaf2f6;--split:50%;isolation:isolate;touch-action:none}
.visual-pane{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;overflow:hidden}
.visual-pane-product{background:radial-gradient(circle at 50% 44%,#fff 0,#eef5f8 52%,#dfeaf0 100%);clip-path:inset(0 calc(100% - var(--split)) 0 0);}
.visual-pane-diagram{background:linear-gradient(135deg,#f8fbfd,#e8f1f5);clip-path:inset(0 0 0 var(--split));}
.product-visualizer[data-mode="vertical"] .visual-pane-product{clip-path:inset(0 0 calc(100% - var(--split)) 0)}
.product-visualizer[data-mode="vertical"] .visual-pane-diagram{clip-path:inset(var(--split) 0 0 0)}
.visual-pane:before{content:"";position:absolute;width:min(72%,360px);aspect-ratio:1;border-radius:50%;border:1px dashed #c4d8e5;opacity:.85}
.visual-pane img{position:relative;z-index:2;width:100%;height:100%;object-fit:contain;padding:38px 48px;filter:drop-shadow(0 18px 22px rgba(5,24,38,.12))}
.visual-pane .tool-shape{position:relative;z-index:2;width:155px;height:260px;clip-path:polygon(43% 0,57% 0,68% 14%,68% 76%,82% 90%,62% 100%,38% 100%,18% 90%,32% 76%,32% 14%)}
.pane-badge{position:absolute;z-index:4;left:18px;top:17px;background:#071b2b;color:#fff;border-radius:999px;padding:7px 10px;font-size:9px;letter-spacing:1.4px;font-weight:950;box-shadow:0 8px 18px rgba(7,27,43,.12);white-space:nowrap}
.visual-pane-diagram .pane-badge{left:auto;right:18px;background:#fff;color:#0b7fd8;border:1px solid #d5e6f1}
.pane-caption{position:absolute;z-index:4;left:18px;bottom:15px;background:rgba(255,255,255,.88);backdrop-filter:blur(8px);padding:8px 11px;border-radius:9px;color:#526b7b;font-size:10px;font-weight:750;max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;transition:opacity .18s ease,transform .18s ease}
.visual-pane-diagram .pane-caption{left:auto;right:18px;text-align:right}
.pane-caption.is-hidden{opacity:0;pointer-events:none;transform:translateY(6px)}
.product-visualizer[data-mode="vertical"] .visual-pane-product .pane-badge{left:18px;right:auto;top:17px}
.product-visualizer[data-mode="vertical"] .visual-pane-diagram .pane-badge{left:18px;right:auto;top:auto;bottom:17px}
.product-visualizer[data-mode="vertical"] .visual-pane-product .pane-caption{left:18px;right:auto;bottom:15px}
.product-visualizer[data-mode="vertical"] .visual-pane-diagram .pane-caption{left:18px;right:auto;top:15px;bottom:auto;text-align:left}
.viewer-divider{position:absolute;z-index:10;top:0;bottom:0;left:calc(var(--split) - 2px);width:4px;background:#fff;box-shadow:0 0 0 1px rgba(8,31,49,.1),0 0 20px rgba(8,31,49,.18);cursor:ew-resize;display:flex;align-items:center;justify-content:center;transition:background .15s}
.viewer-divider:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:36px;height:70px;border-radius:18px;background:#fff;box-shadow:0 8px 24px rgba(8,31,49,.18);border:1px solid #dce7ee}
.divider-grip{position:relative;z-index:2;color:#087fd1;font-size:15px;font-weight:950;line-height:1}
.product-visualizer[data-mode="vertical"] .viewer-divider{left:0;right:0;top:calc(var(--split) - 2px);bottom:auto;width:auto;height:4px;cursor:ns-resize}
.product-visualizer[data-mode="vertical"] .divider-grip{transform:rotate(90deg)}
.viewer-dragging,.viewer-dragging *{cursor:grabbing!important;user-select:none!important}
.visualizer-hint{display:flex;align-items:center;gap:8px;padding:11px 7px 2px;color:#718695;font-size:10px}
.visualizer-hint>span{width:23px;height:23px;border-radius:7px;background:#edf7ff;color:#087fd1;display:grid;place-items:center;font-size:12px;font-weight:900}
.visualizer-hint b{color:#4e6878}
@media(max-width:950px){.visualizer-toolbar{align-items:flex-start;flex-direction:column}.visualizer-controls{width:100%;justify-content:space-between}.viewer-mode{flex:1}.product-visualizer{height:460px}}
@media(max-width:650px){.product-visual-panel{padding:9px;border-radius:18px}.visualizer-toolbar{padding:6px 5px 11px}.visualizer-controls{overflow:auto}.viewer-mode span{display:none}.viewer-mode{min-width:44px}.product-visualizer{height:420px;border-radius:14px}.visual-pane img{padding:28px 22px}.pane-caption{font-size:9px;max-width:78%}.visualizer-hint{font-size:9px;line-height:1.5}}


/* Dynamic home sections */
.industries-section{background:#f7fafc}.industry-showcase{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.industry-card{background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;box-shadow:0 8px 30px rgba(8,31,49,.04);transition:.25s}.industry-card:hover{transform:translateY(-7px);box-shadow:0 20px 50px rgba(8,31,49,.11)}.industry-media{height:190px;position:relative;background:linear-gradient(145deg,#092438,#0c4d6d);overflow:hidden}.industry-media img{width:100%;height:100%;object-fit:cover;transition:.5s}.industry-card:hover .industry-media img{transform:scale(1.05)}.industry-index{position:absolute;top:16px;left:16px;background:rgba(255,255,255,.92);color:var(--blue);font-size:10px;font-weight:900;padding:7px 9px;border-radius:8px;letter-spacing:1px}.industry-visual{height:100%;display:flex;align-items:flex-end;justify-content:space-between;padding:22px;background:radial-gradient(circle at 70% 20%,rgba(41,182,255,.25),transparent 35%),linear-gradient(145deg,#061a2a,#0b4562);color:#fff}.industry-visual span{font-size:55px;font-weight:950;line-height:.8;color:#2cb5ff}.industry-visual b{font-size:12px;letter-spacing:2px}.industry-body{padding:22px}.industry-body h3{font-size:20px;margin:0 0 8px}.industry-body p{color:var(--muted);font-size:13px;line-height:1.7;min-height:88px}.industry-body a{color:var(--blue);font-weight:850;font-size:12px}.gallery-home{background:#eef5f9}.gallery-controls{display:flex;gap:8px}.gallery-controls button{width:44px;height:44px;border:1px solid var(--line);border-radius:12px;background:#fff;color:var(--ink);font-size:18px;cursor:pointer}.gallery-controls button:hover{background:var(--blue);color:#fff;border-color:var(--blue)}.gallery-slider{overflow:hidden;border-radius:24px}.gallery-track{display:flex;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.gallery-slide{min-width:100%;background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1.35fr .65fr}.gallery-image{height:440px;background:#dce8ef;position:relative;overflow:hidden}.gallery-image img{width:100%;height:100%;object-fit:cover}.gallery-image>span{position:absolute;left:20px;bottom:20px;background:rgba(7,27,43,.86);color:#fff;padding:9px 12px;border-radius:9px;font-size:10px;font-weight:900;letter-spacing:1.5px}.gallery-caption{padding:45px 36px;display:flex;flex-direction:column;justify-content:center}.gallery-caption h3{font-size:30px;line-height:1.1;margin:0 0 12px}.gallery-caption p{color:var(--muted);line-height:1.8;font-size:14px}.gallery-dots{display:flex;justify-content:center;gap:7px;margin-top:18px}.gallery-dots button{width:8px;height:8px;border:0;border-radius:50%;background:#c8d8e3;padding:0;cursor:pointer}.gallery-dots button.active{width:24px;border-radius:99px;background:var(--blue)}.infrastructure-home{background:#fff}.infra-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.infra-card{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 8px 30px rgba(8,31,49,.04)}.infra-card img,.infra-placeholder{width:100%;height:240px;object-fit:cover}.infra-placeholder{display:flex;align-items:flex-end;padding:22px;background:linear-gradient(145deg,#071b2b,#0b5276);color:#fff}.infra-placeholder span{font-size:62px;font-weight:950;color:#39b8ff}.infra-card>div:last-child{padding:24px}.infra-card>div:last-child>span{font-size:10px;color:var(--blue);font-weight:900;letter-spacing:1.7px}.infra-card h3{font-size:22px;margin:9px 0}.infra-card p{color:var(--muted);font-size:13px;line-height:1.7}.solution-hero .actions{margin-top:28px}.solutions-intro{background:#fff}.solution-intro-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:end}.solution-grid-premium{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.solution-premium-card{background:#fff;border:1px solid var(--line);border-radius:24px;padding:32px;min-height:330px;position:relative;overflow:hidden;transition:.25s}.solution-premium-card:hover{transform:translateY(-6px);box-shadow:var(--shadow)}.solution-card-icon{width:58px;height:58px;border-radius:16px;background:#e8f6ff;color:var(--blue);display:grid;place-items:center;font-size:27px;margin-bottom:25px}.solution-card-image{height:150px;border-radius:15px;overflow:hidden;margin:-8px -8px 22px}.solution-card-image img{width:100%;height:100%;object-fit:cover}.solution-number{position:absolute;right:25px;top:25px;font-size:11px;color:#9aacba;font-weight:900;letter-spacing:2px}.solution-premium-card h2{font-size:28px;line-height:1.1;margin:0 0 10px}.solution-premium-card p{color:var(--muted);line-height:1.75;max-width:520px}.solution-premium-card a{display:inline-block;margin-top:14px;color:var(--blue);font-size:12px;font-weight:900}.process-journey{background:#f4f8fb}.journey-line{display:grid;grid-template-columns:repeat(5,1fr);margin-top:40px;border-top:1px solid #cbdce7}.journey-line>div{padding:28px 18px 0;border-right:1px solid #d9e4eb;min-height:155px}.journey-line>div:last-child{border-right:0}.journey-line b{display:block;color:var(--blue);font-size:12px;letter-spacing:1px}.journey-line strong{display:block;font-size:18px;margin:13px 0 6px}.journey-line span{display:block;color:var(--muted);font-size:12px;line-height:1.6}.solution-cta{background:linear-gradient(135deg,#071b2b,#0a4564);color:#fff}.solution-cta-inner{display:flex;justify-content:space-between;align-items:center;gap:30px}.solution-cta h2{font-size:44px;letter-spacing:-1.5px;margin:8px 0}.solution-cta p{color:#bdd0dc}.admin-preview-img{display:block;width:150px;height:90px;object-fit:cover;border-radius:10px;border:1px solid var(--line);margin-top:10px}.section-admin-list{display:grid;gap:10px}.section-admin-item{display:grid;grid-template-columns:62px 1fr auto;gap:13px;align-items:center;border:1px solid var(--line);border-radius:13px;padding:10px;background:#fff}.section-admin-thumb{width:62px;height:52px;border-radius:9px;background:#eaf4fa;display:grid;place-items:center;overflow:hidden;color:var(--blue);font-size:21px;font-weight:900}.section-admin-thumb img{width:100%;height:100%;object-fit:cover}.section-admin-copy{min-width:0}.section-admin-copy b{display:block;font-size:14px}.section-admin-copy span{display:block;color:var(--muted);font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:420px}.section-admin-copy small{color:#8798a5;font-size:10px}.section-admin-actions{display:flex;gap:10px;align-items:center}.admin-link.danger{border:0;background:transparent;color:#d64545;cursor:pointer;font:inherit;font-weight:800}.form-help{display:block;color:#8293a0;font-size:11px;margin:-3px 0 10px}
@media(max-width:1000px){.industry-showcase{grid-template-columns:1fr 1fr}.gallery-slide{grid-template-columns:1fr}.gallery-image{height:360px}.infra-grid{grid-template-columns:1fr 1fr}.journey-line{grid-template-columns:1fr 1fr}.journey-line>div:nth-child(2){border-right:0}.solution-intro-grid{grid-template-columns:1fr;gap:15px}.solution-grid-premium{grid-template-columns:1fr}}
@media(max-width:650px){.industry-showcase,.infra-grid{grid-template-columns:1fr}.industry-media{height:210px}.gallery-image{height:280px}.gallery-caption{padding:28px}.gallery-caption h3{font-size:24px}.journey-line{grid-template-columns:1fr}.journey-line>div{border-right:0;border-bottom:1px solid #d9e4eb}.journey-line>div:last-child{border-bottom:0}.solution-cta-inner{display:block}.solution-cta h2{font-size:34px}.section-admin-item{grid-template-columns:50px 1fr}.section-admin-thumb{width:50px;height:45px}.section-admin-actions{grid-column:2}.section-admin-copy span{max-width:220px}}
/* Product viewer sizing refinement */
@media(min-width:951px){.product-overview{grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:58px}.product-visualizer{height:580px}.product-visual-panel{padding:16px}.visual-pane img{padding:30px 44px}}

/* Premium solutions presentation */
.solution-showcase-hero{position:relative;overflow:hidden;background:radial-gradient(circle at 76% 42%,rgba(22,140,240,.22),transparent 30%),linear-gradient(135deg,#061827 0%,#0a2336 56%,#071b2b 100%);color:#fff;padding:92px 0 82px}
.solution-showcase-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(rgba(255,255,255,.045) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.045) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(to right,#000 35%,transparent 100%);pointer-events:none}
.solution-showcase-inner{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.02fr) minmax(420px,.98fr);gap:70px;align-items:center;min-height:520px}
.solution-showcase-copy{max-width:700px}.solution-showcase-copy h1{font-size:clamp(46px,5.4vw,74px);line-height:.98;letter-spacing:-3px;margin:16px 0 22px}.solution-showcase-copy h1 span{color:#2ab4ff}.solution-showcase-copy>p{max-width:650px;color:#b9cedd;font-size:18px;line-height:1.75}.solution-proof{display:flex;margin-top:42px;border-top:1px solid rgba(255,255,255,.13);padding-top:20px;gap:0}.solution-proof>div{display:flex;gap:10px;align-items:flex-start;padding-right:28px;margin-right:28px;border-right:1px solid rgba(255,255,255,.13)}.solution-proof>div:last-child{border:0}.solution-proof strong{font-size:11px;color:#2ab4ff;letter-spacing:1px}.solution-proof span{font-size:11px;color:#b8cad7;line-height:1.35;font-weight:700}
.solution-showcase-visual{height:470px;position:relative;display:grid;place-items:center}.solution-orbit{position:absolute;border:1px dashed rgba(73,194,255,.28);border-radius:50%;transform:rotate(-15deg)}.orbit-one{width:420px;height:250px}.orbit-two{width:300px;height:180px}.solution-machine{width:330px;height:290px;position:relative;filter:drop-shadow(0 28px 35px rgba(0,0,0,.28));transform:perspective(800px) rotateY(-13deg) rotateX(4deg)}.machine-top{position:absolute;left:52px;top:18px;width:225px;height:48px;background:linear-gradient(145deg,#b8c9d3,#526875);clip-path:polygon(10% 0,100% 15%,90% 100%,0 78%);border:1px solid #9db3c0}.machine-body{position:absolute;left:28px;top:55px;width:275px;height:190px;background:linear-gradient(145deg,#d8e2e7,#718592 65%,#4c616e);clip-path:polygon(7% 0,100% 8%,94% 91%,0 100%,0 12%);border:1px solid #90a6b2}.machine-screen{position:absolute;right:35px;top:26px;width:62px;height:48px;background:linear-gradient(145deg,#0c2738,#1d789c);border:4px solid #526a76;border-radius:5px}.machine-window{position:absolute;left:54px;top:35px;width:125px;height:105px;border:8px solid #546a76;background:radial-gradient(circle at 55% 45%,#244c5f,#071d2d 70%);border-radius:4px}.machine-table{position:absolute;left:63px;bottom:19px;width:145px;height:24px;background:linear-gradient(#b9c8cf,#667b87);border-radius:4px;transform:skewX(-14deg)}.machine-tool{position:absolute;left:128px;top:92px;width:25px;height:112px;background:linear-gradient(90deg,#e4edf1,#7b8e98 55%,#f0f5f6);border-radius:5px;box-shadow:0 4px 12px rgba(0,0,0,.2);z-index:3}.machine-tool:after{content:"";position:absolute;bottom:-17px;left:-9px;width:43px;height:23px;background:linear-gradient(145deg,#c8d5dc,#5d707b);clip-path:polygon(25% 0,75% 0,100% 100%,0 100%);border-radius:2px}.machine-chip{position:absolute;width:58px;height:8px;border-radius:100%;border:2px solid #25adf4;transform:rotate(25deg);opacity:.9}.chip-one{right:4px;bottom:43px}.chip-two{left:0;bottom:68px;transform:rotate(-25deg)}.solution-floating-card{position:absolute;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.2);backdrop-filter:blur(16px);padding:14px 16px;border-radius:13px;box-shadow:0 18px 35px rgba(0,0,0,.18)}.solution-floating-card span{display:block;color:#4cc2ff;font-size:9px;font-weight:900;letter-spacing:1.8px}.solution-floating-card b{display:block;font-size:12px;margin-top:4px}.floating-a{right:0;top:66px}.floating-b{left:0;bottom:54px}
@media(max-width:900px){.solution-showcase-inner{grid-template-columns:1fr;gap:30px}.solution-showcase-copy{max-width:none}.solution-showcase-visual{height:390px}.floating-a{right:4%}.floating-b{left:4%}}
@media(max-width:650px){.solution-showcase-hero{padding:65px 0 45px}.solution-showcase-copy h1{letter-spacing:-2px;font-size:44px}.solution-showcase-copy>p{font-size:15px}.solution-proof{overflow:auto}.solution-proof>div{min-width:145px;padding-right:18px;margin-right:18px}.solution-showcase-visual{height:320px;transform:scale(.82)}.solution-floating-card{font-size:10px}}
/* Product detail balance: keep the viewer visually subordinate to the information */
@media(min-width:951px){.product-overview{grid-template-columns:minmax(390px,.86fr) minmax(0,1.14fr);gap:62px;align-items:center}.product-visual-panel{max-width:520px;width:100%;justify-self:start}.product-visualizer{height:470px}.visualizer-toolbar{padding:11px 13px}.visual-pane img{padding:24px 34px}.visualizer-hint{padding:10px 4px;font-size:10px}.detail-title{font-size:clamp(38px,4vw,54px)}}
/* RFQ / technical data enhancements */
.data-toolbar{display:flex;gap:10px;align-items:center;margin:22px 0 12px}.data-search{flex:1;display:flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);border-radius:12px;padding:0 14px;box-shadow:0 8px 25px rgba(8,31,49,.04)}.data-search span{font-size:20px;color:var(--blue)}.data-search input{border:0;outline:0;width:100%;padding:13px 0;font:inherit}.data-toolbar select,.data-clear,.page-btn{border:1px solid var(--line);background:#fff;border-radius:10px;padding:12px 14px;color:#40586a;font-weight:700}.data-clear,.page-btn{cursor:pointer}.data-selection-bar{display:flex;justify-content:space-between;align-items:center;background:#071b2b;color:#fff;border-radius:14px;padding:11px 13px;margin-bottom:12px;font-size:12px}.data-selection-bar .btn-primary{padding:10px 14px;font-size:11px}.data-selection-bar .btn-primary:disabled{opacity:.45;cursor:not-allowed}.select-col{width:44px;text-align:center!important}.product-data-table th.sortable{cursor:pointer;user-select:none}.sort-indicator{opacity:.55;margin-left:7px}.product-data-table th.sortable:hover{background:#0b2a40}.data-footer{display:flex;justify-content:space-between;align-items:center;padding-top:12px;color:var(--muted);font-size:11px}.data-footer .page-btn{margin-left:6px;padding:9px 12px}.data-footer .page-btn:disabled{opacity:.45;cursor:not-allowed}.build-layout{padding-top:70px;padding-bottom:80px}.build-intro-card{background:linear-gradient(145deg,#071b2b,#0b3148);color:#fff;border:0;position:sticky;top:95px}.build-intro-card p{color:#b8d0df;line-height:1.8}.build-steps{display:grid;gap:12px;margin-top:30px}.build-steps div{display:flex;gap:13px;align-items:center;border-top:1px solid #ffffff18;padding-top:13px}.build-steps b{color:#36b5ff;font-size:11px}.build-steps span{font-size:12px;color:#d6e5ee}.rfq-form{padding:30px}.form-section{padding:5px 0 30px;margin-bottom:26px;border-bottom:1px solid #e5edf2}.form-section h3,.selected-items-box h3,.otp-panel h3{margin:7px 0 18px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form-grid label,.admin-settings-form label{display:flex;flex-direction:column;gap:7px;font-size:12px;font-weight:800;color:#294255}.form-grid label.full{grid-column:1/-1}.form-grid input,.form-grid textarea,.form-grid select,.admin-settings-form input,.admin-settings-form textarea{font:inherit;border:1px solid #d4e0e8;border-radius:10px;padding:12px 13px;background:#fff;outline:0}.form-grid input:focus,.form-grid textarea:focus,.admin-settings-form input:focus,.admin-settings-form textarea:focus{border-color:#72bff1;box-shadow:0 0 0 3px #168cf014}.selected-items-box{padding:20px;background:#f5f9fc;border:1px solid #dce7ee;border-radius:15px;margin-bottom:24px}.selected-item{display:flex;justify-content:space-between;gap:15px;padding:11px 0;border-bottom:1px solid #dfe9ef;font-size:12px}.selected-item:last-child{border-bottom:0}.selected-item span{color:var(--muted);text-align:right;max-width:70%}.muted{color:var(--muted);font-size:12px}.otp-panel{display:flex;justify-content:space-between;gap:25px;align-items:end;background:#eef8ff;border:1px solid #cce8fb;border-radius:15px;padding:20px;margin-bottom:24px}.otp-panel p{font-size:12px;color:#547084;margin:0}.otp-actions{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.otp-input{width:130px!important;letter-spacing:3px;text-align:center;border:1px solid #d4e0e8;border-radius:10px;padding:12px}.otp-input.verified{border-color:#23a36d;background:#f0fff8}.otp-status{font-size:11px;color:#547084}.form-submit-row{display:flex;justify-content:space-between;align-items:center;gap:20px}.form-submit-row p{font-size:11px;color:var(--muted)}.form-submit-row .btn-primary:disabled{opacity:.45;cursor:not-allowed}.success-card{max-width:760px;margin:90px auto;padding:50px;text-align:center}.success-icon{width:62px;height:62px;border-radius:50%;background:#e7f9f0;color:#168c61;display:grid;place-items:center;font-size:30px;font-weight:900;margin:0 auto 20px}.admin-settings-form{max-width:800px;padding:30px}.admin-settings-form label{margin:18px 0}.admin-settings-form .admin-btn{margin-top:20px}.build-hero .hero-product-badge{min-width:180px}
@media(max-width:900px){.build-layout{grid-template-columns:1fr}.build-intro-card{position:relative;top:auto}.otp-panel,.form-submit-row{display:block}.otp-actions{margin-top:15px}.form-submit-row .btn-primary{margin-top:15px}.data-toolbar{flex-wrap:wrap}.data-search{min-width:100%}}
@media(max-width:650px){.form-grid{grid-template-columns:1fr}.form-grid label.full{grid-column:auto}.rfq-form{padding:20px}.data-selection-bar{align-items:flex-start;gap:10px;flex-direction:column}.data-selection-bar .btn-primary{width:100%}.data-footer{display:block}.data-footer>div{margin-top:10px}.success-card{padding:30px 20px;margin:50px auto}.selected-item{display:block}.selected-item span{display:block;max-width:none;text-align:left;margin-top:5px}}
.inline-status select{border:1px solid var(--line);border-radius:8px;padding:7px;background:#fff;font-size:11px}.rfq-admin-details{padding:14px;min-width:380px;background:#f7fafc;border:1px solid #e1eaf0;border-radius:10px;margin-top:8px;font-size:11px}.rfq-admin-details table{border-collapse:collapse;width:100%;margin-top:10px}.rfq-admin-details td{padding:5px;border-bottom:1px solid #e1eaf0;vertical-align:top}.rfq-admin-details td:first-child{width:35%;color:#63798a}

/* ==========================================================
   BUILD TOOL V2 — application-engineering RFQ experience
   ========================================================== */
.build-hero-v2{position:relative;overflow:hidden;background:linear-gradient(120deg,#061a2a 0%,#0a263a 58%,#0b3550 100%);color:#fff;padding:86px 0 82px}.build-hero-v2:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 76% 45%,rgba(27,154,235,.18),transparent 34%),linear-gradient(90deg,transparent,rgba(255,255,255,.025));pointer-events:none}.build-hero-grid{position:relative;z-index:1;display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);gap:60px;align-items:center}.build-hero-copy{max-width:760px}.build-hero-copy h1{font-size:clamp(42px,5.2vw,72px);line-height:1.02;letter-spacing:-2.8px;margin:14px 0 24px}.build-hero-copy h1 span{color:#55b9f5}.build-hero-copy>p{max-width:720px;color:#bdd3e1;font-size:16px;line-height:1.8;margin:0}.build-hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:30px}.build-hero-actions .btn-primary,.build-hero-actions .btn-secondary{padding:14px 18px}.build-trust-row{display:flex;gap:22px;flex-wrap:wrap;margin-top:25px;color:#d8e9f3;font-size:11px;font-weight:800;letter-spacing:.2px}.build-trust-row span{display:inline-flex;gap:7px;align-items:center}.build-trust-row span:first-child{color:#69c5f8}.build-hero-visual{height:360px;position:relative;display:grid;place-items:center}.build-tool-icon{width:148px;height:148px;border:2px solid #27a4ed;border-radius:34px;display:grid;place-items:center;font-size:72px;font-weight:900;color:#fff;background:linear-gradient(145deg,#0d4262,#071b2b);box-shadow:0 35px 80px rgba(0,0,0,.28),inset 0 0 0 10px rgba(255,255,255,.025);position:relative;z-index:2}.build-tool-icon:after{content:"APPLICATION ENGINEERING";position:absolute;bottom:-35px;left:50%;transform:translateX(-50%);white-space:nowrap;font-size:9px;letter-spacing:2px;color:#68c5f8;font-weight:900}.build-orbit{position:absolute;border:1px solid rgba(83,188,242,.25);border-radius:50%;left:50%;top:50%;transform:translate(-50%,-50%)}.orbit-one{width:270px;height:270px}.orbit-two{width:390px;height:390px;border-style:dashed;opacity:.65}.build-floating-card{position:absolute;background:rgba(255,255,255,.95);color:#102b3e;border:1px solid rgba(255,255,255,.35);box-shadow:0 18px 50px rgba(0,0,0,.22);border-radius:14px;padding:11px 13px;display:grid;grid-template-columns:28px 1fr;column-gap:9px;min-width:142px}.build-floating-card b{grid-row:span 2;color:#168de0;font-size:11px}.build-floating-card span{font-size:9px;color:#71899a;font-weight:800;text-transform:uppercase;letter-spacing:.8px}.build-floating-card strong{font-size:12px}.card-a{top:35px;left:7%}.card-b{right:2%;top:145px}.card-c{bottom:25px;left:18%}.build-page-v2{padding-top:48px}.build-progress{display:grid;grid-template-columns:auto 1fr auto 1fr auto;align-items:center;gap:13px;max-width:760px;margin:0 auto 34px}.build-progress>i{height:1px;background:#d8e4eb}.build-progress-step{display:flex;align-items:center;gap:9px;color:#7b91a1;font-size:11px;font-weight:800}.build-progress-step b{width:30px;height:30px;border-radius:50%;display:grid;place-items:center;border:1px solid #d6e2e9;background:#fff;color:#718898;font-size:10px}.build-progress-step.active{color:#123047}.build-progress-step.active b{background:#168ee4;color:#fff;border-color:#168ee4;box-shadow:0 7px 18px rgba(22,142,228,.2)}.selected-context-card{background:#fff;border:1px solid #dce7ee;border-radius:20px;padding:24px 25px;margin-bottom:28px;box-shadow:0 16px 50px rgba(7,28,43,.06)}.selected-context-top{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.selected-context-top h2{margin:5px 0 7px;font-size:23px;letter-spacing:-.5px}.selected-context-top p{margin:0;color:var(--muted);font-size:12px}.btn-secondary.small{padding:10px 13px;font-size:11px;white-space:nowrap}.selected-context-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-top:20px}.selected-context-item{display:grid;grid-template-columns:36px 1fr 28px;gap:11px;align-items:start;border:1px solid #e2ebf0;background:#f8fbfd;border-radius:13px;padding:12px}.selected-item-number{width:30px;height:30px;border-radius:9px;background:#e8f5fd;color:#1187d9;display:grid;place-items:center;font-size:9px;font-weight:900}.selected-item-main{min-width:0}.selected-item-main strong,.selected-item-main span,.selected-item-main small{display:block}.selected-item-main strong{font-size:12px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-item-main span{font-size:10px;color:#647f91;margin-top:3px}.selected-item-main small{font-size:9px;color:#7c91a0;margin-top:5px;line-height:1.5;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.selected-remove{border:0;background:#fff;width:26px;height:26px;border-radius:8px;color:#718898;cursor:pointer;font-size:18px;line-height:1}.selected-remove:hover{background:#fff0f0;color:#e04b4b}.selected-context-bottom{display:flex;justify-content:space-between;gap:15px;margin-top:14px;padding-top:13px;border-top:1px solid #e8eff3;color:#8195a3;font-size:10px}.text-button{border:0;background:none;color:#168ee4;font:inherit;font-weight:800;cursor:pointer}.build-shell{display:grid;grid-template-columns:285px minmax(0,1fr);gap:26px;align-items:start}.build-side-card{background:#071b2b;color:#fff;border-radius:20px;padding:24px;box-shadow:0 18px 55px rgba(7,28,43,.13)}.build-side-sticky{position:sticky;top:105px}.build-side-card h2{font-size:25px;letter-spacing:-.6px;margin:6px 0 10px}.build-side-card>p{color:#a9c2d1;font-size:11px;line-height:1.7}.build-side-list{display:grid;gap:0;margin-top:25px}.build-side-list>div{display:grid;grid-template-columns:30px 1fr;column-gap:9px;padding:13px 0;border-top:1px solid rgba(255,255,255,.09)}.build-side-list span{grid-row:span 2;color:#47b4f1;font-size:9px;font-weight:900}.build-side-list b{font-size:11px}.build-side-list small{color:#88a6b7;font-size:9px;margin-top:3px}.build-side-note{margin-top:22px;padding:13px;border-radius:12px;background:rgba(255,255,255,.055);border:1px solid rgba(255,255,255,.07);display:grid;gap:5px}.build-side-note strong{font-size:10px;color:#61c1f7}.build-side-note span{font-size:9px;color:#9cb7c7;line-height:1.6}.rfq-form-v2{padding:32px}.form-section-first{padding-top:0}.required-mark{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:#168ee4;margin-left:auto}.optional{font-size:8px;text-transform:uppercase;letter-spacing:.5px;color:#91a3af;margin-left:auto}.auto-date-field{position:relative}.auto-date-field:after{content:"AUTO";position:absolute;right:10px;top:31px;font-size:7px;font-weight:900;letter-spacing:.7px;color:#168ee4;background:#eaf7ff;border-radius:5px;padding:4px 5px}.form-grid label,.parameter-grid label{position:relative}.form-grid input,.form-grid textarea,.form-grid select{transition:border-color .18s,box-shadow .18s,transform .18s}.form-grid input:focus,.form-grid textarea:focus,.form-grid select:focus{transform:translateY(-1px)}.parameter-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:12px}.parameter-grid input{width:100%;box-sizing:border-box;font:inherit;border:1px solid #d4e0e8;border-radius:10px;padding:12px 13px;background:#fff;outline:0}.parameter-grid input:focus{border-color:#72bff1;box-shadow:0 0 0 3px #168cf014}.empty-selected{display:flex;align-items:center;gap:15px;background:linear-gradient(135deg,#f5fbff,#f9fbfc)}.selected-empty-icon{width:45px;height:45px;border-radius:13px;background:#e7f6ff;color:#168ee4;display:grid;place-items:center;font-size:22px;font-weight:300;flex:0 0 auto}.empty-selected h3{margin:5px 0}.empty-selected p{margin:0 0 8px}.text-link{font-size:11px;font-weight:800;color:#168ee4}.otp-panel-v2{align-items:stretch;display:grid;grid-template-columns:1fr 1.05fr;gap:25px}.otp-copy{display:flex;flex-direction:column;justify-content:center}.otp-copy h3{margin:7px 0 8px}.otp-copy p{max-width:470px}.otp-actions-v2{display:grid;align-content:center;gap:9px}.otp-email-preview{background:#fff;border:1px solid #d7e8f1;border-radius:10px;padding:9px 12px}.otp-email-preview span,.otp-email-preview b{display:block}.otp-email-preview span{font-size:8px;text-transform:uppercase;letter-spacing:.8px;color:#7b91a1;font-weight:900}.otp-email-preview b{font-size:11px;color:#17354a;margin-top:2px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.otp-control-row{display:grid;grid-template-columns:auto 1fr auto;gap:8px}.otp-control-row .otp-input{width:100%!important;box-sizing:border-box}.otp-verify-btn{background:#fff}.otp-status{min-height:16px}.form-submit-row-v2{border-top:1px solid #e5edf2;padding-top:22px;margin-top:4px}.form-submit-row-v2 strong{font-size:12px;color:#18374c}.form-submit-row-v2 p{margin:4px 0 0;max-width:520px;line-height:1.6}.submit-build-btn{min-width:240px;display:flex;justify-content:center;align-items:center;gap:18px}.submit-build-btn b{font-size:18px}.selected-empty-inline{grid-column:1/-1;padding:18px;border:1px dashed #cddde6;border-radius:12px;color:#7890a0;font-size:11px;text-align:center}
@media(max-width:1000px){.build-hero-grid{grid-template-columns:1fr}.build-hero-visual{display:none}.build-shell{grid-template-columns:1fr}.build-side-card{display:none}.selected-context-grid{grid-template-columns:1fr}.parameter-grid{grid-template-columns:repeat(3,1fr)}.otp-panel-v2{grid-template-columns:1fr}.build-progress{max-width:620px}}
@media(max-width:650px){.build-hero-v2{padding:58px 0}.build-hero-copy h1{font-size:40px;letter-spacing:-1.8px}.build-trust-row{display:grid;gap:8px}.build-page-v2{padding-top:30px}.build-progress{gap:6px}.build-progress-step span{display:none}.build-progress>i{min-width:20px}.selected-context-card{padding:18px}.selected-context-top{display:block}.selected-context-top .small{display:inline-flex;margin-top:15px}.selected-context-bottom{display:block;line-height:1.5}.selected-context-bottom .text-button{display:block;margin-top:7px}.rfq-form-v2{padding:20px}.parameter-grid{grid-template-columns:1fr 1fr}.otp-control-row{grid-template-columns:1fr 1fr}.otp-control-row .otp-input{grid-column:1/-1;grid-row:1}.otp-control-row button{min-height:44px}.form-submit-row-v2{display:block}.submit-build-btn{width:100%;margin-top:15px}.empty-selected{align-items:flex-start}.build-hero-actions{display:grid}.build-hero-actions>*{width:100%;box-sizing:border-box;text-align:center}.build-side-card{display:none}}
/* ==========================================================
   V7 TECHNICAL DATA FILTERS + PRODUCT VIEWER REFINEMENT
   ========================================================== */
.data-toolbar{position:relative;display:flex;gap:10px;align-items:center;margin:22px 0 12px}
.filter-toggle-btn{display:inline-flex;align-items:center;gap:7px;border:1px solid var(--line);background:#fff;color:#183348;border-radius:11px;padding:12px 14px;font-weight:850;cursor:pointer;white-space:nowrap;box-shadow:0 8px 25px rgba(8,31,49,.04)}
.filter-toggle-btn span{display:grid;place-items:center;min-width:20px;height:20px;border-radius:999px;background:#eaf6ff;color:#087bd0;font-size:10px}
.data-layout{display:grid;grid-template-columns:245px minmax(0,1fr);gap:14px;align-items:start}
.data-filter-panel{background:#fff;border:1px solid #dbe5ec;border-radius:16px;box-shadow:0 12px 35px rgba(8,31,49,.06);position:sticky;top:92px;max-height:620px;overflow:hidden}
.filter-panel-head{display:flex;justify-content:space-between;align-items:center;padding:16px;border-bottom:1px solid #e6edf2;background:linear-gradient(180deg,#fff,#f8fbfd)}
.filter-panel-head>div{display:grid;gap:3px}.filter-panel-head strong{font-size:13px;color:#102b3f}.filter-panel-head button{border:0;background:#edf5f9;width:28px;height:28px;border-radius:8px;cursor:pointer;font-size:18px;color:#4b6272;display:none}
.filter-panel-body{padding:12px;overflow:auto;max-height:500px;display:grid;gap:10px}
.column-filter{display:grid;gap:6px}.column-filter span{font-size:10px;font-weight:900;color:#526b7b;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.column-filter input,.column-filter select{width:100%;min-width:0;border:1px solid #d6e2e9;background:#fbfdfe;border-radius:9px;padding:9px 10px;font:inherit;font-size:11px;color:#243e50;outline:none}.column-filter input:focus,.column-filter select:focus{border-color:#7dc5f2;box-shadow:0 0 0 3px #168cf012;background:#fff}.filter-reset{margin:0 12px 12px;width:calc(100% - 24px);border:1px solid #d7e3ea;background:#f7fafc;color:#456074;border-radius:9px;padding:9px;font-size:11px;font-weight:850;cursor:pointer}.product-data-scroll{min-width:0}
.viewer-zoom,.viewer-zoom-value{border:1px solid #d9e6ed;background:#fff;color:#345065;border-radius:8px;height:30px;padding:0 9px;font-size:10px;font-weight:850;display:inline-flex;align-items:center;justify-content:center}.viewer-zoom{cursor:pointer}.viewer-zoom:hover{border-color:#8bcaf1;color:#087bd0}.viewer-zoom-value{background:#f5f9fc;min-width:42px}.visual-pane img{transform:scale(var(--zoom));transition:transform .2s ease}.visual-pane .tool-shape{transform:scale(var(--zoom));transition:transform .2s ease}.product-visualizer{box-shadow:inset 0 0 0 1px rgba(8,31,49,.04)}
@media(max-width:1100px){.data-layout{grid-template-columns:1fr}.data-filter-panel{position:fixed;z-index:100;left:18px;top:90px;bottom:18px;width:min(330px,calc(100vw - 36px));max-height:none;transform:translateX(calc(-100% - 30px));transition:transform .22s ease}.data-filter-panel.open{transform:translateX(0)}.filter-panel-head button{display:grid;place-items:center}.data-filter-panel.open:after{content:"";position:fixed;inset:0;z-index:-1;background:rgba(5,24,38,.28);pointer-events:none}}
@media(max-width:760px){.data-toolbar{display:grid;grid-template-columns:auto 1fr auto}.filter-toggle-btn{grid-row:1}.data-search{grid-column:1/-1;min-width:0}.data-toolbar select{grid-column:2}.data-clear{grid-column:3}.viewer-zoom,.viewer-zoom-value{display:none}}
/* Quick quotation flow: selected product rows go straight to secure OTP */
.quick-quote-flow .build-side-card,.quick-quote-flow .form-section,.quick-quote-flow .empty-selected{display:none!important}
.quick-quote-flow .build-shell{grid-template-columns:minmax(0,900px);justify-content:center}
.quick-quote-flow .rfq-form{padding:0;background:transparent;border:0;box-shadow:none}
.quick-quote-flow #verification{display:grid!important;grid-template-columns:1fr;gap:20px;max-width:900px;margin:26px auto 0;padding:30px;border-radius:22px;background:linear-gradient(135deg,#071b2b,#0b3047);border:1px solid rgba(75,188,246,.18);box-shadow:0 25px 60px rgba(8,31,49,.15);color:#fff}
.quick-quote-flow #verification .section-label{color:#4cc2ff}.quick-quote-flow #verification h3{color:#fff;font-size:25px;margin:7px 0 10px}.quick-quote-flow #verification p{color:#bcd0dd;max-width:650px}.quick-quote-flow .otp-actions-v2{display:grid;gap:13px}.quick-quote-flow .quick-otp-email{display:grid;gap:7px;max-width:520px}.quick-quote-flow .quick-otp-email span,.quick-quote-flow .otp-email-preview span{font-size:10px;font-weight:900;letter-spacing:.8px;text-transform:uppercase;color:#8fb0c2}.quick-quote-flow .quick-otp-email input{width:100%;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;border-radius:11px;padding:14px;font:inherit;outline:0}.quick-quote-flow .quick-otp-email input::placeholder{color:#8fa8b8}.quick-quote-flow .quick-otp-email input:focus{border-color:#42b8f8;box-shadow:0 0 0 3px rgba(66,184,248,.12)}.quick-quote-flow .otp-email-preview{display:none}.quick-quote-flow .otp-control-row{display:flex;gap:9px;flex-wrap:wrap}.quick-quote-flow .otp-control-row .btn-secondary{background:#fff;color:#123046;border-color:#fff}.quick-quote-flow .otp-input{background:#fff}.quick-quote-flow .form-submit-row{max-width:900px;margin:18px auto 0;background:#fff;border:1px solid var(--line);border-radius:18px;padding:18px 20px}.quick-quote-flow .selected-context-card{max-width:900px;margin:0 auto}
@media(max-width:650px){.quick-quote-flow #verification{padding:22px 18px}.quick-quote-flow .otp-control-row{display:grid;grid-template-columns:1fr 1fr}.quick-quote-flow .otp-control-row .otp-input{grid-column:1/-1;width:100%!important}.quick-quote-flow .otp-control-row .btn-secondary{width:100%}}

/* Success Stories */
.success-stories-home{background:linear-gradient(180deg,#f7fafc 0%,#eef5f9 100%);position:relative;overflow:hidden}
.success-stories-home:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-260px;top:100px;background:radial-gradient(circle,rgba(22,140,240,.10),transparent 68%);pointer-events:none}
.success-story-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.success-story-card{background:#fff;border:1px solid #dfe8ef;border-radius:20px;overflow:hidden;box-shadow:0 10px 30px rgba(8,31,49,.06);transition:.25s;position:relative}
.success-story-card:hover{transform:translateY(-7px);box-shadow:0 22px 50px rgba(8,31,49,.12);border-color:#bfd7e8}
.success-story-media{height:255px;background:#eef4f7;position:relative;overflow:hidden}
.success-story-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.success-badge{position:absolute;left:15px;bottom:15px;min-width:94px;padding:10px 12px;border-radius:13px;background:rgba(7,27,43,.92);color:#fff;backdrop-filter:blur(8px);box-shadow:0 10px 24px rgba(0,0,0,.18)}
.success-badge strong{display:block;font-size:22px;line-height:1;font-weight:950;color:#29b6ff}
.success-badge span{display:block;font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#d2e2ec;margin-top:5px;font-weight:800}
.success-placeholder{height:100%;display:grid;place-items:center;background:radial-gradient(circle at 50% 35%,#fff,#dce9f0);color:#0b2639}
.success-placeholder span{font-size:10px;letter-spacing:2px;color:#168cf0;font-weight:950}
.success-placeholder b{font-size:46px;letter-spacing:-2px}
.success-story-body{padding:21px}
.success-story-body h3{font-size:21px;line-height:1.12;margin:8px 0}
.success-story-body p{font-size:13px;color:var(--muted);line-height:1.65;min-height:63px;margin:0 0 16px}
.life-compare{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin:0 0 17px}
.life-compare div{padding:10px;border-radius:11px;background:#f4f8fb;border:1px solid #e5edf2}
.life-compare small{display:block;font-size:8px;letter-spacing:1.1px;color:#7b8e9f;font-weight:900}
.life-compare b{display:block;margin-top:3px;font-size:12px}
.success-story-body>a{display:flex;align-items:center;gap:6px;color:var(--blue);font-size:12px;font-weight:900}
.success-story-body>a svg{width:14px;height:14px}
@media(max-width:1050px){.success-story-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.success-story-grid{grid-template-columns:1fr}.success-story-media{height:235px}.success-story-body p{min-height:auto}}


/* =========================================================
   V9 VISUAL REFINEMENTS
   ========================================================= */
.page-hero-image{background-image:linear-gradient(90deg,rgba(5,20,34,.96) 0%,rgba(6,25,40,.86) 48%,rgba(6,25,40,.56) 100%),var(--hero-image),linear-gradient(135deg,#061a2a,#0a5f86);background-size:cover;background-position:center;min-height:360px;display:flex;align-items:center}
.page-hero-image:after{background-image:linear-gradient(90deg,transparent,rgba(41,182,255,.12));}

.home-hero{background-image:linear-gradient(90deg,rgba(5,20,34,.98) 0%,rgba(7,27,43,.92) 48%,rgba(7,27,43,.72) 100%),var(--hero-image),linear-gradient(135deg,#061827,#0a2235 52%,#071a2a);background-size:cover;background-position:center}

/* Product viewer: compact icon-only controls */
.visualizer-toolbar{align-items:center}
.visualizer-controls.viewer-minimal{gap:5px;padding:4px;border-radius:12px}
.viewer-minimal .viewer-mode,.viewer-minimal .viewer-reset{width:38px;height:36px;padding:0;display:grid;place-items:center;border-radius:9px;font-size:17px}
.viewer-minimal .viewer-mode.active{color:var(--blue);background:#fff;box-shadow:0 4px 13px rgba(8,31,49,.09)}
.viewer-minimal .viewer-reset{font-size:16px;color:#718695}
.viewer-minimal .viewer-mode:hover,.viewer-minimal .viewer-reset:hover{background:#fff;color:var(--blue)}
@media(max-width:650px){
  .visualizer-toolbar{gap:10px}
  .visualizer-toolbar strong{font-size:12px}
  .visualizer-controls.viewer-minimal{width:auto;justify-content:flex-end}
  .viewer-minimal .viewer-mode,.viewer-minimal .viewer-reset{width:34px;height:32px}
}

/* Industries: clean icon list instead of oversized cards */
.industry-list{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}
.industry-list-item{min-height:118px;padding:20px 18px;display:flex;align-items:center;gap:16px;background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:0 8px 25px rgba(8,31,49,.04);transition:.22s;position:relative;overflow:hidden}
.industry-list-item:before{content:"";position:absolute;inset:0;background:linear-gradient(110deg,rgba(22,140,240,.06),transparent 55%);opacity:0;transition:.22s}
.industry-list-item:hover{transform:translateY(-4px);border-color:#b7d9ed;box-shadow:0 18px 40px rgba(8,31,49,.09)}
.industry-list-item:hover:before{opacity:1}
.industry-list-icon{width:58px;height:58px;flex:0 0 58px;border-radius:17px;background:#eaf6ff;color:#0b83df;display:grid;place-items:center;position:relative;z-index:1}
.industry-list-icon svg{width:31px;height:31px}
.industry-list-icon img{width:100%;height:100%;object-fit:contain;border-radius:17px;padding:10px;filter:brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(1700%) hue-rotate(178deg) brightness(95%) contrast(103%)}
.industry-list-copy{display:grid;gap:4px;min-width:0;position:relative;z-index:1}
.industry-list-copy b{font-size:16px;line-height:1.2}
.industry-list-copy small{font-size:11px;color:var(--muted);line-height:1.5;max-width:300px}
.industry-list-arrow{margin-left:auto;color:#8aa0b0;font-size:18px;position:relative;z-index:1;transition:.2s}
.industry-list-item:hover .industry-list-arrow{color:var(--blue);transform:translate(2px,-2px)}
@media(max-width:950px){.industry-list{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.industry-list{grid-template-columns:1fr}.industry-list-item{min-height:100px}.industry-list-icon{width:50px;height:50px;flex-basis:50px}}

/* Success stories: one premium featured result + compact supporting cards */
.success-story-feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:20px}
.success-story-feature{background:#fff;border:1px solid var(--line);border-radius:24px;overflow:hidden;display:grid;grid-template-columns:1fr 1fr;min-height:280px;box-shadow:0 10px 35px rgba(8,31,49,.05);transition:.25s}
.success-story-feature:hover{transform:translateY(-5px);box-shadow:0 22px 50px rgba(8,31,49,.11);border-color:#bdd9ea}
.success-story-feature.is-featured{grid-column:1/-1;grid-template-columns:1.2fr .8fr;min-height:390px;background:linear-gradient(135deg,#fff,#f3f9fc)}
.success-feature-media{position:relative;min-height:100%;background:#eaf2f6;overflow:hidden}
.success-feature-media img{width:100%;height:100%;object-fit:cover;object-position:center;transition:.5s}
.success-story-feature:hover .success-feature-media img{transform:scale(1.025)}
.success-feature-content{padding:28px 30px;display:flex;flex-direction:column;justify-content:center}
.success-story-topline{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}
.life-stat{padding:10px 13px;border-radius:14px;background:#071b2b;color:#fff;text-align:right;min-width:104px;box-shadow:0 10px 24px rgba(7,27,43,.14)}
.life-stat strong{display:block;color:#29b6ff;font-size:26px;line-height:1;font-weight:950}
.life-stat span{display:block;font-size:8px;letter-spacing:1px;text-transform:uppercase;color:#c8d9e4;margin-top:4px;font-weight:850}
.success-feature-content h3{font-size:25px;line-height:1.08;margin:13px 0 10px;letter-spacing:-.5px}
.success-feature-content p{font-size:13px;color:var(--muted);line-height:1.7;margin:0 0 17px}
.life-compare.premium{grid-template-columns:1fr 1fr;display:grid;gap:8px;margin-bottom:17px}
.life-compare.premium div{padding:11px 12px;border-radius:12px;background:#f5f9fb;border:1px solid #e4edf2}
.life-compare.premium small{font-size:8px;letter-spacing:1px;color:#7b8e9f;font-weight:900;display:block}
.life-compare.premium b{display:block;margin-top:3px;font-size:13px}
.success-link{display:inline-flex;align-items:center;gap:7px;color:var(--blue);font-size:12px;font-weight:900}
.success-link svg{width:14px;height:14px}
@media(max-width:900px){.success-story-feature,.success-story-feature.is-featured{grid-template-columns:1fr;min-height:0}.success-feature-media{height:260px}.success-story-feature.is-featured{grid-column:auto}}
@media(max-width:620px){.success-story-feature-grid{grid-template-columns:1fr}.success-feature-content{padding:22px}.success-feature-media{height:220px}.success-feature-content h3{font-size:21px}}

/* Admin banner preview */
.header-banner-preview{width:100%;height:145px;border-radius:16px;object-fit:cover;border:1px solid #dbe6ee;background:#eef4f7;margin:10px 0 15px}
.banner-help{display:flex;gap:8px;align-items:center;padding:11px 13px;background:#f2f8fc;border:1px solid #dcecf5;border-radius:10px;color:#62798a;font-size:11px;line-height:1.5}

.solution-showcase-hero{background-image:linear-gradient(90deg,rgba(5,20,34,.97) 0%,rgba(7,27,43,.90) 52%,rgba(7,27,43,.72) 100%),var(--hero-image),radial-gradient(circle at 76% 42%,rgba(22,140,240,.22),transparent 30%),linear-gradient(135deg,#061827,#071b2b);background-size:cover;background-position:center}

/* Career application */
.career-apply-shell{display:grid;grid-template-columns:.8fr 1.2fr;gap:34px;background:linear-gradient(135deg,#071b2b,#0d2b43);border-radius:28px;padding:34px;color:#fff;box-shadow:0 24px 70px rgba(7,27,43,.16)}
.career-apply-intro{padding:22px 14px}.career-apply-intro .section-title{color:#fff}.career-apply-intro p{color:#c8d7e5;line-height:1.75}.career-steps{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:28px}.career-steps span{border:1px solid rgba(255,255,255,.14);background:rgba(255,255,255,.06);border-radius:12px;padding:12px;color:#c8d7e5;font-size:13px}.career-steps b{color:#35a0ff;margin-right:8px}.career-form{background:#fff;color:#10283b;border-radius:22px;padding:28px}.career-selected{background:#f0f7fc;border:1px solid #d7e5f0;border-radius:14px;padding:13px 16px;margin-bottom:18px}.career-selected span{display:block;font-size:11px;text-transform:uppercase;letter-spacing:.12em;color:#6d8295;margin-bottom:4px}.career-selected strong{font-size:17px}.career-form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.career-form label{display:block;font-size:13px;font-weight:700;color:#17344b;margin-bottom:15px}.career-form input,.career-form textarea{display:block;width:100%;box-sizing:border-box;margin-top:7px;border:1px solid #d4e0e9;border-radius:11px;padding:12px 13px;font:inherit;color:#10283b;background:#fff;outline:none}.career-form input:focus,.career-form textarea:focus{border-color:#168ef0;box-shadow:0 0 0 3px rgba(22,142,240,.1)}.career-form small{display:block;margin-top:6px;color:#71869a;font-weight:400}.career-otp-box{margin-top:4px;background:#f6f9fc;border:1px solid #dce7ef;border-radius:15px;padding:16px}.otp-title{display:flex;gap:11px;align-items:center}.otp-icon{width:34px;height:34px;border-radius:10px;background:#e6f3ff;color:#168ef0;display:grid;place-items:center}.otp-title b,.otp-title small{display:block}.otp-title small{color:#71869a;font-weight:400;margin-top:2px}.otp-actions{display:grid;grid-template-columns:auto 1fr auto;gap:8px;margin-top:13px}.otp-actions input{margin:0}.career-submit{width:100%;margin-top:15px}.career-submit:disabled{opacity:.55;cursor:not-allowed}.career-form-msg{min-height:20px;margin-top:8px;font-size:13px}.career-form-msg.ok{color:#14834b}.career-form-msg.error{color:#c0392b}
@media(max-width:900px){.career-apply-shell{grid-template-columns:1fr;padding:20px}.career-form-grid{grid-template-columns:1fr}.otp-actions{grid-template-columns:1fr 1fr}.otp-actions input{grid-column:1/-1}.career-apply-intro{padding:8px}}

/* =========================================================
   SUCCESS STORIES — COMPACT APPLICATION RESULT CARDS
   ========================================================= */
.success-story-compact-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;align-items:stretch}
.success-story-compact{background:#fff;border:1px solid #dce7ee;border-radius:18px;overflow:hidden;box-shadow:0 8px 26px rgba(8,31,49,.055);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;min-width:0}
.success-story-compact:hover{transform:translateY(-5px);box-shadow:0 18px 38px rgba(8,31,49,.11);border-color:#b9d6e7}
.success-compact-image{height:155px;background:#f3f7f9;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center}
.success-compact-image img{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .35s ease}
.success-story-compact:hover .success-compact-image img{transform:scale(1.035)}
.success-compact-category{position:absolute;left:11px;bottom:10px;padding:6px 9px;border-radius:999px;background:rgba(7,27,43,.9);color:#fff;font-size:8px;font-weight:900;letter-spacing:.7px;text-transform:uppercase;backdrop-filter:blur(7px)}
.success-compact-body{padding:15px}
.success-compact-head{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}
.success-kicker{display:block;font-size:8px;font-weight:950;letter-spacing:1.1px;color:var(--blue);text-transform:uppercase;margin-bottom:4px}
.success-compact-head h3{font-size:18px;line-height:1.12;letter-spacing:-.25px;margin:0;color:#071b2b}
.success-percent{flex:0 0 auto;min-width:62px;padding:7px 8px;border-radius:10px;background:#071b2b;text-align:center;color:#fff}
.success-percent strong{display:block;font-size:18px;line-height:1;color:#29b6ff;font-weight:950}
.success-percent span{display:block;font-size:7px;line-height:1.15;letter-spacing:.5px;text-transform:uppercase;color:#c9d9e3;margin-top:3px;font-weight:800}
.success-compact-desc{font-size:11px;line-height:1.55;color:var(--muted);margin:10px 0 11px;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;min-height:51px}
.success-data-chips{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-bottom:8px}
.success-data-chips span{display:block;padding:7px 8px;border-radius:9px;background:#f5f8fa;border:1px solid #e6edf1;font-size:9px;line-height:1.3;color:#506b7c;min-width:0;overflow:hidden;text-overflow:ellipsis}
.success-data-chips b{display:block;font-size:7px;letter-spacing:.7px;text-transform:uppercase;color:#8a9dab;margin-bottom:2px}
.success-operation{display:flex;gap:5px;align-items:flex-start;padding:7px 8px;border-radius:9px;background:#f7fafb;border:1px solid #e7eef2;font-size:9px;line-height:1.35;color:#536e7e;margin-bottom:10px}
.success-operation b{font-size:7px;letter-spacing:.7px;text-transform:uppercase;color:#7e93a1;white-space:nowrap;padding-top:1px}
.success-compact-footer{display:flex;align-items:center;justify-content:space-between;gap:8px;padding-top:10px;border-top:1px solid #edf2f5}
.success-life-mini{display:flex;gap:10px;min-width:0}
.success-life-mini span{display:block;min-width:0}
.success-life-mini small{display:block;font-size:7px;letter-spacing:.7px;color:#8a9dab;font-weight:900}
.success-life-mini b{display:block;font-size:11px;color:#132f42;margin-top:2px}
.success-compact-footer .success-link{font-size:10px;white-space:nowrap}
.success-compact-footer .success-link svg{width:12px;height:12px}
@media(max-width:1100px){.success-story-compact-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.success-story-compact-grid{grid-template-columns:1fr}.success-compact-image{height:190px}.success-compact-body{padding:17px}.success-compact-head h3{font-size:20px}}

/* Success story CTA refinement */
.success-stories-home{background:linear-gradient(180deg,#f5f9fc 0%,#ffffff 100%)}
.success-stories-home .section-heading{margin-bottom:24px}
.success-stories-home .section-title{max-width:680px}
.success-story-compact-grid{align-items:start}
.success-story-compact{height:100%;display:flex;flex-direction:column}
.success-compact-body{display:flex;flex-direction:column;flex:1}
.success-compact-footer{margin-top:auto}

/* V14 — cleaner success-story CTA and default page banners */
.success-compact-footer{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:11px 0 0;margin-top:12px;border-top:1px solid #e7eef3}
.success-result-note{min-width:0;display:flex;flex-direction:column;gap:3px}
.success-result-note span{font-size:8px;line-height:1;letter-spacing:1.25px;font-weight:900;color:#168fe3}
.success-result-note b{font-size:11px;line-height:1.3;color:#142b3c;font-weight:800}
.success-compact-footer .success-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:0 0 auto;min-height:34px;padding:8px 12px;border-radius:9px;background:#0b8fe8;color:#fff;box-shadow:0 7px 18px rgba(11,143,232,.18);font-size:10px;font-weight:900;text-decoration:none;white-space:nowrap;transition:transform .2s ease,background .2s ease,box-shadow .2s ease}
.success-compact-footer .success-link:hover{transform:translateY(-1px);background:#087dca;box-shadow:0 10px 24px rgba(11,143,232,.25)}
.success-compact-footer .success-link svg{width:12px;height:12px}
.success-compact{min-height:0}
.page-hero-image,.home-hero,.solution-showcase-hero{position:relative;overflow:hidden}
.page-hero-image:before,.home-hero:before,.solution-showcase-hero:before{content:"";position:absolute;inset:0;pointer-events:none;background-image:radial-gradient(circle at 82% 42%,rgba(54,188,255,.12),transparent 24%),linear-gradient(115deg,transparent 0 60%,rgba(255,255,255,.035) 60.1% 61%,transparent 61.1%)}
.page-hero-image .container,.home-hero-inner,.solution-showcase-inner{position:relative;z-index:1}
@media(max-width:700px){.success-compact-footer{align-items:flex-end}.success-result-note b{font-size:10px}.success-compact-footer .success-link{padding:8px 10px}}
/* Admin V15 refinements */
.admin-quick-status{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-bottom:20px;background:linear-gradient(135deg,#071b2b,#0b2c44);color:#fff;border-color:#143b57}.admin-quick-status p{color:#b9cedd;max-width:720px}.admin-quick-status h2{margin:6px 0}.migration-panel{margin-top:18px}.migration-panel li{margin:8px 0;color:#607487}.migration-panel code{background:#f2f6f9;padding:3px 6px;border-radius:5px}.admin-alert.error{padding:13px 15px;border-radius:10px;margin-bottom:18px;background:#fff0f0;border:1px solid #ffcaca;color:#b72e2e;font-size:13px}.admin-alert.success{padding:13px 15px;border-radius:10px;margin-bottom:18px;background:#ebfbf3;border:1px solid #bdebd1;color:#167b50;font-size:13px}@media(max-width:760px){.admin-quick-status{display:block}.admin-quick-status .admin-btn{margin-top:15px}.admin-links{max-height:70vh;overflow:auto}}

/* V16 — clean default banners + dynamic product finder */
.banner-default-option{display:flex;align-items:flex-start;gap:10px;padding:13px 14px;margin:10px 0 4px;background:#f3f8fb;border:1px solid #d9e8f1;border-radius:12px;cursor:pointer}
.banner-default-option input{margin-top:3px;accent-color:#0b8ee9}.banner-default-option span{display:grid;gap:3px}.banner-default-option small{color:#6a7f8e;line-height:1.5}
.finder-row select{min-width:250px}.finder-input-wrap input{min-width:0}
.home-hero{isolation:isolate}.home-hero:after{content:"";position:absolute;inset:0;pointer-events:none;z-index:0;background:linear-gradient(90deg,rgba(4,17,29,.10),transparent 55%)}
.home-hero-inner{z-index:2}
@media(max-width:900px){.finder-row{grid-template-columns:1fr}.finder-row select{width:100%;min-width:0}}
/* Product catalogue search refresh */
.product-search-panel{padding:18px 20px 15px;background:rgba(255,255,255,.96);border:1px solid var(--line);border-radius:20px;box-shadow:0 18px 45px rgba(8,31,49,.07);margin-bottom:30px}
.product-search-wrap{display:flex;align-items:center;gap:10px;min-height:58px}
.product-search-icon{width:24px;text-align:center;color:#0b86df;font-size:28px;line-height:1;flex:none}
.product-search-wrap input{flex:1;min-width:0;border:0;outline:0;background:transparent;font:inherit;font-size:16px;color:#132b3e;padding:12px 4px}
.product-search-wrap input::placeholder{color:#8395a4}
.product-search-btn{min-width:118px;border:0;white-space:nowrap}
.product-search-clear{width:36px;height:36px;border:1px solid #d7e3eb;background:#f7fafc;color:#587084;border-radius:50%;font-size:22px;line-height:1;cursor:pointer;display:grid;place-items:center;flex:none}
.product-search-clear:hover{background:#eaf6ff;color:#0b86df;border-color:#b8def6}
.product-search-foot{display:flex;justify-content:space-between;gap:15px;padding:7px 4px 0;color:#7b8f9e;font-size:11px}
.product-search-foot span:last-child{color:#0b86df;font-weight:800}
.product-card .image img{transition:transform .35s ease}
.product-card:hover .image img{transform:scale(1.035)}
@media(max-width:650px){.product-search-wrap{flex-wrap:wrap}.product-search-icon{display:none}.product-search-wrap input{flex-basis:calc(100% - 46px);padding-left:4px}.product-search-btn{width:100%;margin-top:4px}.product-search-foot{display:block;line-height:1.6}.product-search-foot span:last-child{display:block;margin-top:2px}}

/* =========================================================
   V19 SITE-WIDE POLISH
   ========================================================= */
.brand-logo{display:block;width:auto;max-width:142px;height:38px;object-fit:contain}.brand-logo-mark{width:38px;height:38px;object-fit:contain;object-position:center}.brand-logo-mark + span{color:inherit}
.page-hero-image{min-height:390px;padding:82px 0 76px;background-image:linear-gradient(90deg,rgba(4,18,31,.98) 0%,rgba(4,18,31,.90) 43%,rgba(4,18,31,.48) 72%,rgba(4,18,31,.22) 100%),var(--hero-image),linear-gradient(135deg,#061725,#0b5f86);background-size:cover;background-position:center}
.page-hero-image:after{width:420px;height:420px;right:-150px;top:-170px;border-color:#7bd6ff22;box-shadow:0 0 0 70px #ffffff04,0 0 0 140px #ffffff02}
.page-hero-image .container{max-width:1240px}
.page-hero-image .section-label{color:#35b8ff}
.page-hero-image h1{max-width:720px;font-size:clamp(42px,5vw,70px);letter-spacing:-3px}
.page-hero-image p{max-width:660px;font-size:16px;color:#c4d8e5}

/* Product cards: never let tall transparent tooling escape into text. */
.product-card .image,.product-card-image{height:230px;min-height:230px;padding:20px 28px;box-sizing:border-box;overflow:hidden;isolation:isolate}
.product-card .image img{position:relative;z-index:1;display:block;width:auto;max-width:76%;height:auto;max-height:190px;object-fit:contain;object-position:center;margin:0 auto;transform:none!important}
.product-card:hover .image img{transform:scale(1.025)!important}
.product-card .body{position:relative;z-index:2;background:#fff;min-height:155px;padding:20px 22px 22px}
.product-card .body h2{font-size:19px;line-height:1.22;min-height:46px;max-width:100%;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}
.product-card .body .tag{font-size:9px;letter-spacing:1.2px;color:#168fe5;font-weight:900;text-transform:uppercase;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.product-card .code{font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}

/* Home finder: search-first, no category selector. */
.finder-premium .finder-row.finder-search-only{grid-template-columns:1fr auto}
.finder-search-only .finder-input-wrap input{min-height:54px}

/* About: Vision / Mission / Quality Policy */
.about-principles{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:55px}
.about-principles article{display:grid;grid-template-columns:auto 1fr;gap:16px;padding:26px;border:1px solid #dbe7ee;background:linear-gradient(180deg,#fff,#f7fafc);border-radius:18px;box-shadow:0 12px 30px rgba(8,31,49,.05)}
.about-principle-icon{width:42px;height:42px;border-radius:12px;background:#071b2b;color:#31b6ff;display:grid;place-items:center;font-size:11px;font-weight:950;letter-spacing:1px}
.about-principles h3{margin:7px 0 8px;font-size:20px;letter-spacing:-.4px}
.about-principles p{margin:0;color:#617789;font-size:12px;line-height:1.75}

/* About milestones — clean alternating roadmap, text only */
.roadmap{position:relative;margin-top:48px;padding:28px 0 40px;display:flex;flex-direction:column;gap:0}
.roadmap-line{position:absolute;left:50%;top:34px;bottom:34px;width:2px;transform:translateX(-50%);background:linear-gradient(180deg,#8fd4f7 0%,#168fe5 50%,#8fd4f7 100%);opacity:.6}
.roadmap-item{position:relative;z-index:1;display:grid;grid-template-columns:1fr 42px 1fr;align-items:center;min-height:190px}
.roadmap-item:nth-of-type(even) .roadmap-card{grid-column:1;grid-row:1;text-align:right}
.roadmap-item:nth-of-type(odd) .roadmap-card{grid-column:3;grid-row:1;text-align:left}
.roadmap-marker{grid-column:2;grid-row:1;width:16px;height:16px;border-radius:50%;background:#fff;border:4px solid #168fe5;box-shadow:0 0 0 7px #eaf6fd;justify-self:center}
.roadmap-card{width:min(470px,calc(100% - 36px));padding:10px 28px 16px;border:0;background:transparent;box-shadow:none;transition:transform .22s ease}
.roadmap-item:nth-of-type(even) .roadmap-card{justify-self:end}
.roadmap-item:nth-of-type(odd) .roadmap-card{justify-self:start}
.roadmap-card:hover{transform:translateY(-3px)}
.roadmap-year{font-size:clamp(42px,5vw,68px);line-height:.95;color:#0b86df;font-weight:950;letter-spacing:-3px;margin-bottom:13px}
.roadmap-card h3{font-size:clamp(20px,2vw,28px);line-height:1.16;margin:0 0 9px;color:#0b1d2d;letter-spacing:-.7px}
.roadmap-card p{font-size:14px;line-height:1.75;color:#617789;margin:0;max-width:430px}
.roadmap-item:nth-of-type(even) .roadmap-card p{margin-left:auto}

/* Admin settings */
.admin-settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.settings-card-head{display:flex;justify-content:space-between;gap:20px}
.admin-settings-grid>.admin-panel:first-child{grid-column:1/-1}
.admin-settings-grid>.admin-panel:nth-child(3){grid-column:1/-1}
.logo-admin-box{display:grid;grid-template-columns:180px 1fr;gap:22px;align-items:center;margin-top:16px}
.logo-admin-preview{height:92px;border:1px solid #dce8ef;border-radius:14px;background:#f6fafc;display:grid;place-items:center;padding:12px}
.logo-admin-preview img{max-width:100%;max-height:68px;object-fit:contain}
.logo-fallback{font-weight:950;font-size:25px;color:#0b86df;letter-spacing:2px}
.check-row{display:flex!important;align-items:center;gap:8px;margin-top:12px!important;font-weight:600!important;color:#6b7e8d}
.check-row input{accent-color:#0b8ee9}
.settings-divider{height:1px;background:#e6eef3;margin:24px 0}
.admin-grid2 .full{grid-column:1/-1}
.settings-actions{margin-top:18px}
.admin-brand-link{font-weight:900!important;color:#0b86df!important}

@media(max-width:1050px){.about-principles{grid-template-columns:1fr}.roadmap{grid-template-columns:repeat(3,1fr)}.roadmap-line{display:none}.admin-settings-grid{grid-template-columns:1fr}.admin-settings-grid>.admin-panel:first-child,.admin-settings-grid>.admin-panel:nth-child(3){grid-column:auto}}
@media(max-width:760px){.page-hero-image{min-height:330px;padding:68px 0 58px;background-position:64% center}.page-hero-image h1{font-size:44px}.product-card .image,.product-card-image{height:215px;min-height:215px}.product-card .image img{max-height:175px;max-width:72%}.roadmap{grid-template-columns:1fr}.roadmap-item{display:grid;grid-template-columns:46px 1fr;align-items:start;gap:12px}.roadmap-node{margin:0}.roadmap-card{min-height:0}.logo-admin-box{grid-template-columns:1fr}.finder-premium .finder-row.finder-search-only{grid-template-columns:1fr}.finder-search-only .btn-primary{width:100%}}

/* Home hero uses the same clean artwork system as inner-page banners. */
.home-hero{min-height:650px;background-image:linear-gradient(90deg,rgba(3,17,29,.16),rgba(3,17,29,.06)),var(--hero-image),linear-gradient(135deg,#061725,#0a5f86);background-size:cover;background-position:center;}
.home-hero .home-visual{min-height:560px}
.home-hero .home-visual .cnc-tool,.home-hero .home-visual .orbit,.home-hero .home-visual .visual-card,.home-hero .home-visual .visual-label{display:none}
.home-hero .home-visual:after{content:"";position:absolute;inset:40px 0 20px 0;background:radial-gradient(circle at 50% 50%,rgba(51,184,255,.11),transparent 55%);pointer-events:none}
.home-hero:before{background-image:linear-gradient(90deg,rgba(4,17,29,.10),transparent 58%);width:100%;height:100%;right:auto;top:auto;border-radius:0}
.home-hero:after{background:linear-gradient(90deg,rgba(4,17,29,.10),transparent 60%);z-index:0}
@media(max-width:900px){.home-hero{min-height:620px;background-position:62% center}.home-hero-inner{grid-template-columns:1fr}.home-visual{display:none}.home-copy{padding:80px 0 100px}}

/* V20 visual system: cleaner typography, admin sidebar and engineering insights */
.admin-header{position:sticky;top:0;z-index:2000}.admin-topbar{height:68px;background:#071b2b;color:#fff;display:flex;align-items:center;justify-content:space-between;padding:0 24px 0 22px;border-bottom:1px solid rgba(255,255,255,.08)}.admin-brand{display:flex;align-items:center;gap:12px;font-size:19px;font-weight:850;letter-spacing:-.4px}.admin-brand img{width:42px;height:42px;max-width:42px;object-fit:contain;background:transparent;border-radius:0;padding:0}.admin-brand span:last-child{white-space:nowrap}.admin-brand .brand-mark{width:40px;height:40px}.admin-brand b{font-weight:950}.admin-top-actions{display:flex;align-items:center;gap:18px;font-size:12px;font-weight:800;color:#c6d8e5}.admin-top-actions a:hover{color:#29b6ff}.admin-mobile{display:none}.admin-sidebar{position:fixed;left:0;top:68px;bottom:0;width:248px;background:#fff;border-right:1px solid #dce6ed;padding:20px 13px 28px;overflow:auto;box-shadow:8px 0 30px rgba(8,31,49,.035)}.admin-sidebar-title{font-size:9px;letter-spacing:2px;color:#91a4b2;font-weight:950;padding:0 12px 12px}.admin-side-group{font-size:9px;letter-spacing:1.7px;color:#9aaab6;font-weight:950;padding:20px 12px 7px}.admin-side-link{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:9px;color:#4d6577;font-size:12px;font-weight:800;margin:2px 0}.admin-side-link:hover,.admin-side-link:focus{background:#eef7fd;color:#0b86df}.admin-side-link span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-side-link.admin-brand-link{color:#0b86df;background:#edf7ff}.admin-main{margin-left:248px;padding:38px 0 70px}.admin-main>.wrap{width:min(1220px,calc(100% - 48px))}.insights-home{background:linear-gradient(180deg,#f7fafc 0%,#eef4f8 100%)}.insights-heading{align-items:end}.insights-showcase{display:grid;grid-template-columns:1.45fr .85fr;gap:18px}.insight-feature{display:grid;grid-template-columns:1.08fr .92fr;background:#071b2b;color:#fff;border-radius:22px;overflow:hidden;border:1px solid #16364c;box-shadow:0 18px 50px rgba(8,31,49,.12);min-height:365px}.insight-feature-media{position:relative;min-height:365px;overflow:hidden;background:linear-gradient(145deg,#0a3048,#071b2b)}.insight-feature-media img{width:100%;height:100%;object-fit:cover;transition:.45s}.insight-feature:hover .insight-feature-media img{transform:scale(1.04)}.insight-overlay-label{position:absolute;top:18px;left:18px;background:#168cf0;color:#fff;border-radius:999px;padding:7px 10px;font-size:9px;font-weight:950;letter-spacing:1.5px}.insight-art{height:100%;display:flex;align-items:flex-end;justify-content:space-between;padding:28px;background:radial-gradient(circle at 70% 35%,rgba(41,182,255,.28),transparent 28%),linear-gradient(145deg,#0a3853,#071b2b)}.insight-art span{font-size:80px;font-weight:950;color:#29b6ff;line-height:1}.insight-art b{font-size:12px;letter-spacing:2px;line-height:1.5}.insight-feature-body{padding:34px;display:flex;flex-direction:column;justify-content:center}.insight-meta{font-size:9px;color:#70caff;letter-spacing:1.6px;font-weight:950;text-transform:uppercase}.insight-feature-body h3{font-size:clamp(26px,3vw,38px);line-height:1.05;letter-spacing:-1.2px;margin:15px 0}.insight-feature-body p{color:#afc5d5;font-size:13px;line-height:1.75}.insight-feature-body b{margin-top:20px;font-size:12px;color:#fff}.insight-feature-body b span{color:#29b6ff;margin-left:5px}.insight-side-list{display:grid;gap:12px}.insight-side-card{display:grid;grid-template-columns:45px 1fr;gap:15px;background:#fff;border:1px solid #dbe6ed;border-radius:17px;padding:19px;box-shadow:0 8px 24px rgba(8,31,49,.04);transition:.25s}.insight-side-card:hover{transform:translateY(-3px);border-color:#acd7f2;box-shadow:0 15px 30px rgba(8,31,49,.08)}.insight-side-number{font-size:22px;font-weight:950;color:#b6c7d2}.insight-side-thumb{width:72px;height:48px;object-fit:cover;border-radius:8px;float:right;margin:0 0 8px 12px}.insight-side-card h3{font-size:17px;line-height:1.25;margin:8px 0}.insight-side-card p{font-size:11px;color:#687e8f;line-height:1.6;margin:0 0 10px}.insight-side-card b{font-size:10px;color:#0b86df}.insight-side-card .insight-meta{color:#7c94a4;font-size:8px}@media(max-width:1000px){.admin-sidebar{width:220px}.admin-main{margin-left:220px}.insights-showcase{grid-template-columns:1fr}.insight-side-list{grid-template-columns:1fr 1fr}.insight-feature{min-height:330px}.insight-feature-media{min-height:330px}}@media(max-width:760px){.admin-header{position:sticky}.admin-topbar{height:62px;padding:0 14px}.admin-brand{font-size:16px}.admin-brand img{height:36px;max-width:105px}.admin-top-actions a{display:none}.admin-mobile{display:block;border:1px solid #ffffff24;background:#ffffff0d;color:#fff;border-radius:8px;padding:7px 9px;cursor:pointer}.admin-sidebar{top:62px;width:270px;transform:translateX(-105%);transition:transform .22s ease;z-index:2100;box-shadow:15px 0 35px rgba(8,31,49,.16)}.admin-sidebar.open{transform:translateX(0)}.admin-main{margin-left:0;padding-top:28px}.admin-main>.wrap{width:calc(100% - 28px)}.insight-feature{grid-template-columns:1fr}.insight-feature-media{min-height:230px}.insight-feature-body{padding:24px}.insight-side-list{grid-template-columns:1fr}.insight-side-thumb{width:82px;height:54px}.footer-brand-link .brand-logo{max-width:125px}}

/* V21 — stable brand mark and product-page safety */
.product-card .image img{position:relative;z-index:1;max-width:82%;max-height:205px;width:auto;height:auto;object-fit:contain;display:block}.product-card .image img[src$="indexable-endmill.png"]{max-height:190px}.featured-art img{max-width:78%;max-height:170px;width:auto;height:auto;object-fit:contain;display:block}.brand-logo-mark{flex:0 0 auto}

/* Product management flow */
.product-flow{display:flex;align-items:center;gap:10px;margin:0 0 22px;padding:14px 16px;background:rgba(255,255,255,.82);border:1px solid #d8e4ef;border-radius:16px;box-shadow:0 8px 24px rgba(15,35,55,.05)}
.product-flow .flow-step{display:flex;align-items:center;gap:8px;color:#71849a;font-size:12px;white-space:nowrap}.product-flow .flow-step span{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;border:1px solid #cbd9e6;background:#fff;font-weight:800}.product-flow .flow-step.done{color:#0b78d0}.product-flow .flow-step.done span{background:#0b8cf0;color:#fff;border-color:#0b8cf0}.product-flow .flow-line{height:1px;background:#d5e1ec;flex:1;min-width:18px}
@media(max-width:700px){.product-flow{overflow:auto}.product-flow .flow-line{min-width:12px}.product-flow .flow-step b{display:none}}


/* V24 — logo-only brand treatment and polished Engineering Insight article */
.brand-logo-only{display:flex;align-items:center;justify-content:flex-start;gap:0;line-height:0}
.brand-logo-only .brand-logo{display:block;width:auto;height:44px;max-width:150px;object-fit:contain;object-position:left center}
.footer-brand-link.brand-logo-only .brand-logo{height:52px;max-width:170px}
.admin-logo-only{gap:0!important;line-height:0}
.admin-logo-only img{display:block!important;width:auto!important;height:42px!important;max-width:150px!important;object-fit:contain!important;background:transparent!important;border-radius:0!important;padding:0!important}
.article-hero{position:relative;overflow:hidden;background:linear-gradient(135deg,#061827 0%,#082b43 58%,#0b5f86 100%);color:#fff;padding:86px 0 78px}
.article-hero:before{content:"";position:absolute;width:620px;height:620px;border:1px solid rgba(106,205,255,.16);border-radius:50%;right:-250px;top:-310px;box-shadow:0 0 0 80px rgba(255,255,255,.025),0 0 0 160px rgba(255,255,255,.018)}
.article-hero:after{content:"";position:absolute;inset:0;background:linear-gradient(115deg,transparent 0 55%,rgba(61,190,255,.07) 55.1% 55.5%,transparent 55.6%);pointer-events:none}
.article-hero-inner{position:relative;z-index:1;max-width:1040px}
.article-kicker{font-size:11px;font-weight:950;letter-spacing:2.6px;color:#37b9ff}
.article-hero h1{max-width:920px;font-size:clamp(42px,5.5vw,72px);line-height:1.02;letter-spacing:-2.8px;margin:16px 0 18px}
.article-hero p{max-width:760px;color:#bcd2df;font-size:17px;line-height:1.75;margin:0}
.article-date{margin-top:22px;color:#82a6ba;font-size:12px;font-weight:800;letter-spacing:.7px}
.article-page{background:#f4f8fb;padding:62px 0 100px}
.article-layout{display:grid;grid-template-columns:minmax(0,900px) 270px;gap:24px;align-items:start}
.article-card{background:#fff;border:1px solid #dce7ee;border-radius:24px;overflow:hidden;box-shadow:0 18px 55px rgba(8,31,49,.08)}
.article-cover-wrap{position:relative;background:#eaf2f6;min-height:320px;display:grid;place-items:center;overflow:hidden}
.article-cover{display:block;width:100%;max-height:520px;object-fit:cover}
.article-cover-fallback{display:none;position:absolute;inset:0;align-items:center;justify-content:center;flex-direction:column;gap:8px;background:linear-gradient(145deg,#0a3853,#071b2b);color:#fff}
.article-cover-fallback span{font-size:52px;font-weight:950;color:#35b8ff;letter-spacing:-2px}.article-cover-fallback b{font-size:11px;letter-spacing:2px}
.article-cover-wrap.image-missing{min-height:250px}.article-cover-wrap.image-missing .article-cover-fallback{display:flex}
.article-content{padding:42px 52px 25px;color:#31495b}
.article-content p{font-size:17px;line-height:1.95;margin:0 0 24px}
.article-content p:first-child:first-letter{font-size:42px;font-weight:900;float:left;line-height:.9;padding:5px 9px 0 0;color:#0b86df}
.article-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 52px 42px;border-top:1px solid #edf2f5;margin-top:5px;padding-top:25px}
.article-quote{color:#0b86df;font-size:12px;font-weight:900}
.article-aside{display:grid;gap:16px;position:sticky;top:100px}
.article-aside-card{background:#fff;border:1px solid #dce7ee;border-radius:18px;padding:24px;box-shadow:0 10px 30px rgba(8,31,49,.05)}
.article-aside-card h3{font-size:21px;line-height:1.2;margin:12px 0}.article-aside-card p{font-size:13px;color:#647b8b;line-height:1.7}.article-aside-card a{color:#0b86df;font-size:12px;font-weight:900}.article-aside-dark{background:#071b2b;color:#fff;border-color:#15354a;min-height:160px;display:flex;flex-direction:column;justify-content:flex-end}.article-aside-dark span{font-size:9px;letter-spacing:2px;color:#37b9ff;font-weight:950}.article-aside-dark strong{font-size:22px;line-height:1.15;margin-top:12px}
.article-not-found{background:#f4f8fb;padding:100px 0;min-height:55vh}.article-empty{max-width:720px;background:#fff;border:1px solid #dce7ee;border-radius:22px;padding:48px;box-shadow:0 18px 50px rgba(8,31,49,.07)}.article-empty h1{font-size:48px;margin:12px 0}.article-empty p{color:#647b8b;line-height:1.7}
@media(max-width:900px){.article-layout{grid-template-columns:1fr}.article-aside{position:static;grid-template-columns:1fr 1fr}.article-aside-dark{min-height:130px}}
@media(max-width:650px){.brand-logo-only .brand-logo{height:38px;max-width:125px}.footer-brand-link.brand-logo-only .brand-logo{height:44px}.admin-logo-only img{height:36px!important;max-width:125px!important}.article-hero{padding:68px 0 60px}.article-hero h1{font-size:44px;letter-spacing:-1.8px}.article-hero p{font-size:15px}.article-content{padding:30px 24px 15px}.article-content p{font-size:16px;line-height:1.85}.article-footer{display:block;padding:0 24px 30px;padding-top:22px}.article-quote{display:inline-block;margin-top:16px}.article-aside{grid-template-columns:1fr}.article-cover-wrap{min-height:220px}}

/* V26 — stronger header branding + footer logo plaque */
.site-header{height:94px}
.header-inner{height:94px}
.brand-logo-only .brand-logo{height:62px;max-width:210px;width:auto;object-fit:contain;object-position:center}
.main-nav a{padding:37px 0}
.main-nav a:after{bottom:26px}
.quote-btn{padding:14px 21px}

/* Give the footer logo a clean rectangular white plaque so the supplied logo remains visible on the dark footer. */
.footer-brand-link.brand-logo-only{width:190px;height:78px;padding:10px 18px;background:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;box-shadow:0 8px 24px rgba(0,0,0,.12);overflow:hidden}
.footer-brand-link.brand-logo-only .brand-logo{height:58px;max-width:154px;width:auto;object-fit:contain;object-position:center}

@media(max-width:760px){
  .site-header,.header-inner{height:76px}
  .brand-logo-only .brand-logo{height:50px;max-width:165px}
  .main-nav a{padding:14px 0}
  .main-nav a:after{bottom:7px}
  .footer-brand-link.brand-logo-only{width:170px;height:68px;padding:8px 15px}
  .footer-brand-link.brand-logo-only .brand-logo{height:50px;max-width:140px}
}


/* V27 — larger header + compact quote contact verification */
.site-header{height:110px}
.header-inner{height:110px}
.brand-logo-only .brand-logo{height:76px;max-width:240px}
.main-nav a{padding:45px 0}
.main-nav a:after{bottom:31px}
.quick-quote-contact-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;max-width:820px}
.quick-quote-contact-grid .quick-otp-email{max-width:none}
.quick-quote-contact-grid .quick-otp-email input{width:100%;box-sizing:border-box}
@media(max-width:900px){
  .site-header,.header-inner{height:92px}
  .brand-logo-only .brand-logo{height:62px;max-width:190px}
  .main-nav a{padding:20px 0}
  .main-nav a:after{bottom:11px}
}
@media(max-width:760px){
  .site-header,.header-inner{height:84px}
  .brand-logo-only .brand-logo{height:54px;max-width:165px}
  .quick-quote-contact-grid{grid-template-columns:1fr}
}

.portfolio-card-dynamic{min-height:390px}
@media(max-width:900px){.portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:650px){.portfolio-grid{grid-template-columns:1fr}.portfolio-card-dynamic{min-height:330px}}
.admin-head-actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap}.category-help{margin-top:18px}.help-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:12px;margin-top:20px}.help-grid>div{background:#f7fafc;border:1px solid var(--line);border-radius:14px;padding:18px}.help-grid b{display:block;font-size:13px;margin-bottom:7px}.help-grid span{display:block;color:var(--muted);font-size:12px;line-height:1.6}@media(max-width:900px){.help-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.help-grid{grid-template-columns:1fr}.admin-head-actions{margin-top:15px}}


/* V30 — premium footer + clickable milestone roadmap */
.site-footer{background:linear-gradient(145deg,#041522 0%,#061b2b 58%,#08273b 100%);color:#fff;padding:58px 0 22px;position:relative;overflow:hidden;border-top:1px solid #158ee5}
.site-footer:before{content:"";position:absolute;width:520px;height:520px;border:1px solid rgba(36,166,239,.11);border-radius:50%;right:-220px;top:-320px;box-shadow:0 0 0 70px rgba(36,166,239,.025),0 0 0 140px rgba(36,166,239,.018)}
.site-footer:after{content:"";position:absolute;left:-180px;bottom:-310px;width:500px;height:500px;background:radial-gradient(circle,rgba(15,141,228,.12),transparent 66%);pointer-events:none}
.footer-shell{position:relative;z-index:1}
.footer-topline{display:flex;align-items:center;gap:14px;color:#5fbfff;font-size:9px;font-weight:950;letter-spacing:2.2px;margin-bottom:30px}
.footer-line{height:1px;background:linear-gradient(90deg,#168fe5,transparent);flex:0 0 120px;opacity:.55}
.footer-grid-v30{grid-template-columns:1.6fr 1fr 1fr 1fr;gap:55px;align-items:start}
.footer-brand-v30{padding-right:25px}
.footer-logo-plaque{width:190px;height:82px;background:#fff;border:1px solid rgba(255,255,255,.7);border-radius:10px;display:flex;align-items:center;justify-content:center;padding:10px 18px;box-shadow:0 16px 38px rgba(0,0,0,.18);margin-bottom:20px}
.footer-logo-plaque img{width:auto;height:62px;max-width:154px;object-fit:contain}
.footer-brand-v30 p{color:#9ab0bf;max-width:380px;line-height:1.75;font-size:13px;margin:0 0 20px}
.footer-quote-link{display:inline-flex;align-items:center;gap:12px;color:#fff;font-size:12px;font-weight:900;text-decoration:none;border-bottom:1px solid #168fe5;padding-bottom:7px}
.footer-quote-link span{color:#29b6ff;font-size:16px;transition:transform .2s}
.footer-quote-link:hover span{transform:translateX(4px)}
.footer-column{display:grid;align-content:start;gap:11px}
.footer-column-kicker{font-size:9px;letter-spacing:2px;color:#29b6ff;font-weight:950;margin-bottom:2px}
.footer-column h4{font-size:15px;margin:0 0 7px;color:#fff;letter-spacing:-.2px}
.footer-column a{color:#8fa7b7;font-size:12px;text-decoration:none;transition:.2s}
.footer-column a:hover{color:#fff;transform:translateX(2px)}
.footer-contact-column{padding-left:12px;border-left:1px solid rgba(255,255,255,.08)}
.footer-bottom-v30{border-top:1px solid rgba(255,255,255,.09);margin-top:44px;padding-top:18px;color:#70899a;font-size:11px;display:flex;justify-content:space-between;gap:20px;align-items:center}
.footer-signature{color:#8ba4b4;letter-spacing:.8px}


/* V31 — horizontal animated milestone timeline */
.milestone-section{margin-top:96px;padding-bottom:25px}
.milestone-heading-row{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:54px}
.milestone-heading-row .section-title{margin-bottom:8px}
.milestone-hint{display:flex;align-items:center;gap:10px;padding:10px 14px;border:1px solid #dbe8ef;background:#fff;border-radius:999px;color:#637b8b;font-size:10px;font-weight:850;white-space:nowrap;box-shadow:0 8px 24px rgba(8,31,49,.04)}
.milestone-hint span:first-child{width:25px;height:25px;border-radius:50%;background:#eaf6fd;color:#0b86df;display:grid;place-items:center;font-size:9px}
.milestone-horizontal{position:relative}
.milestone-track{position:absolute;left:38px;right:38px;top:31px;height:3px;border-radius:99px;background:#dceaf2;overflow:hidden;z-index:0}
.milestone-track:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(20,151,232,.08),rgba(20,151,232,.18),rgba(20,151,232,.08));animation:milestoneShimmer 2.8s linear infinite}
.milestone-track-progress{position:absolute;left:0;top:0;height:100%;width:var(--progress,0%);background:linear-gradient(90deg,#55c8ff,#0b8fe6);border-radius:99px;box-shadow:0 0 14px rgba(11,143,230,.35);transition:width .55s cubic-bezier(.22,.8,.22,1)}
.milestone-years{display:grid;grid-template-columns:repeat(var(--milestone-count, 1),minmax(130px,1fr));gap:18px;position:relative;z-index:2}
.milestone-year-btn{border:0;background:transparent;cursor:pointer;padding:0 8px 24px;display:flex;flex-direction:column;align-items:center;gap:10px;color:inherit;position:relative;transition:transform .25s ease}
.milestone-year-btn:hover{transform:translateY(-4px)}
.milestone-dot{width:20px;height:20px;border-radius:50%;background:#fff;border:4px solid #a9c5d5;box-shadow:0 0 0 7px #edf6fb;transition:all .35s ease;position:relative}
.milestone-dot:after{content:"";position:absolute;inset:3px;border-radius:50%;background:#0b8fe6;transform:scale(0);transition:transform .35s ease}
.milestone-year{font-size:clamp(26px,3.2vw,48px);font-weight:950;line-height:.95;letter-spacing:-2px;color:#91a8b7;transition:all .35s ease;text-align:center;white-space:nowrap}
.milestone-step{font-size:9px;letter-spacing:1.5px;color:#9aadb9;font-weight:900;transition:.3s}
.milestone-year-btn.is-active .milestone-dot{border-color:#0b8fe6;background:#fff;box-shadow:0 0 0 8px #e3f4fd,0 0 0 14px rgba(11,143,230,.06);animation:milestonePulse 2.2s ease-in-out infinite}
.milestone-year-btn.is-active .milestone-dot:after{transform:scale(1)}
.milestone-year-btn.is-active .milestone-year{color:#0b8fe6;transform:scale(1.04)}
.milestone-year-btn.is-active .milestone-step{color:#0b8fe6}
.milestone-panels{margin-top:30px;min-height:205px;position:relative}
.milestone-panel{position:relative;background:linear-gradient(135deg,#fff 0%,#f8fcff 100%);border:1px solid #d5e5ee;border-radius:24px;padding:28px 32px;display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:24px;box-shadow:0 18px 48px rgba(8,31,49,.07);overflow:hidden;opacity:0;transform:translateY(16px) scale(.985);transition:opacity .35s ease,transform .45s cubic-bezier(.22,.8,.22,1),box-shadow .3s ease}
.milestone-panel[hidden]{display:none}
.milestone-panel.is-active{opacity:1;transform:translateY(0) scale(1);animation:milestoneReveal .55s cubic-bezier(.22,.8,.22,1) both}
.milestone-panel:before{content:"";position:absolute;left:0;top:0;bottom:0;width:5px;background:linear-gradient(180deg,#58caff,#0b8fe6,#083454);border-radius:24px 0 0 24px}
.milestone-panel:after{content:"";position:absolute;width:220px;height:220px;border:1px solid rgba(11,143,230,.09);border-radius:50%;right:-90px;top:-125px;box-shadow:0 0 0 35px rgba(11,143,230,.025),0 0 0 70px rgba(11,143,230,.015);pointer-events:none}
.milestone-panel-index{width:52px;height:52px;border-radius:15px;background:#062035;color:#2bb7ff;display:grid;place-items:center;font-size:11px;font-weight:950;letter-spacing:1.5px;box-shadow:0 10px 25px rgba(4,21,34,.15);position:relative;z-index:1}
.milestone-panel-content{position:relative;z-index:1}
.milestone-panel-year{font-size:11px;font-weight:950;letter-spacing:2px;color:#0b8fe6;text-transform:uppercase;margin-bottom:6px}
.milestone-panel h3{font-size:28px;line-height:1.15;margin:0 0 8px;color:#0b1d2d;letter-spacing:-.7px}
.milestone-panel p{font-size:14px;line-height:1.75;color:#647b8b;margin:0;max-width:850px}
.milestone-panel-arrow{width:42px;height:42px;border-radius:50%;border:1px solid #d8e8f0;background:#fff;color:#0b8fe6;display:grid;place-items:center;font-size:18px;position:relative;z-index:1;transition:.25s}
.milestone-panel:hover .milestone-panel-arrow{transform:translate(3px,-3px);box-shadow:0 8px 20px rgba(8,31,49,.08)}
@keyframes milestonePulse{0%,100%{box-shadow:0 0 0 8px #e3f4fd,0 0 0 14px rgba(11,143,230,.04)}50%{box-shadow:0 0 0 8px #e3f4fd,0 0 0 20px rgba(11,143,230,.10)}}
@keyframes milestoneReveal{0%{opacity:0;transform:translateY(18px) scale(.98)}100%{opacity:1;transform:translateY(0) scale(1)}}
@keyframes milestoneShimmer{0%{transform:translateX(-100%)}100%{transform:translateX(100%)}}

@media(max-width:900px){
  .footer-grid-v30{grid-template-columns:1.4fr 1fr 1fr}.footer-contact-column{padding-left:0;border-left:0}
  .milestone-heading-row{align-items:flex-start}
  .milestone-track{left:28px;right:28px}
  .milestone-years{grid-template-columns:repeat(var(--milestone-count, 1),minmax(115px,1fr));gap:8px;overflow-x:auto;scrollbar-width:none;padding:0 4px 8px}
  .milestone-years::-webkit-scrollbar{display:none}
  .milestone-year-btn{min-width:115px}
  .milestone-year{font-size:31px}
  .milestone-panel{padding:24px;grid-template-columns:auto 1fr;gap:18px}
  .milestone-panel-arrow{grid-column:2;justify-self:end;grid-row:1}
}
@media(max-width:650px){
  .site-footer{padding:48px 0 20px}.footer-topline{margin-bottom:24px}.footer-grid-v30{grid-template-columns:1fr 1fr;gap:30px 24px}.footer-brand-v30{grid-column:1/-1;padding-right:0}.footer-logo-plaque{width:170px;height:72px}.footer-logo-plaque img{height:53px;max-width:140px}.footer-bottom-v30{display:block;margin-top:34px}.footer-signature{display:block;margin-top:8px}
  .milestone-section{margin-top:68px}.milestone-heading-row{display:block;margin-bottom:28px}.milestone-hint{display:inline-flex;margin-top:18px}
  .milestone-track{left:20px;right:20px;top:28px}.milestone-years{gap:2px}.milestone-year-btn{min-width:100px;padding-bottom:20px}.milestone-year{font-size:25px;letter-spacing:-1.3px}.milestone-step{font-size:8px}
  .milestone-panels{margin-top:22px;min-height:0}.milestone-panel{padding:21px 18px;grid-template-columns:44px 1fr;gap:13px;border-radius:19px}.milestone-panel:before{border-radius:19px 0 0 19px}.milestone-panel-index{width:44px;height:44px;border-radius:12px}.milestone-panel h3{font-size:20px}.milestone-panel p{font-size:12px;line-height:1.65}.milestone-panel-arrow{width:34px;height:34px;font-size:15px}
}


/* V35 — blue high-tech Product Portfolio cards + blended admin image */
.portfolio-card-dynamic{
  min-height:390px;
  isolation:isolate;
  background:
    radial-gradient(circle at 82% 18%,rgba(46,183,255,.32),transparent 28%),
    linear-gradient(145deg,#0b8fe8 0%,#075b9c 42%,#06263d 100%);
  border:1px solid rgba(54,181,255,.28);
  box-shadow:0 22px 55px rgba(5,55,91,.18),inset 0 1px 0 rgba(255,255,255,.12);
}
.portfolio-card-dynamic:before{
  width:330px;height:330px;right:-115px;top:-115px;
  border-color:rgba(110,213,255,.22);
  box-shadow:0 0 0 45px rgba(42,174,244,.035),0 0 0 90px rgba(42,174,244,.025);
  z-index:0;
}
.portfolio-card-dynamic:after{
  content:"";position:absolute;inset:0;z-index:1;pointer-events:none;
  background:
    linear-gradient(180deg,rgba(4,34,58,.02) 0%,rgba(4,34,58,.08) 32%,rgba(3,20,35,.92) 100%),
    linear-gradient(90deg,rgba(0,134,229,.20),rgba(0,88,154,.04));
}
.portfolio-card-dynamic[style*="--portfolio-image"]:after{
  background:
    linear-gradient(180deg,rgba(4,34,58,.04) 0%,rgba(3,39,67,.18) 35%,rgba(2,20,35,.94) 100%),
    linear-gradient(90deg,rgba(0,126,218,.42),rgba(3,32,54,.12));
}
.portfolio-card-dynamic{
  background-image:
    radial-gradient(circle at 82% 18%,rgba(46,183,255,.30),transparent 28%),
    linear-gradient(145deg,#0b8fe8 0%,#075b9c 42%,#06263d 100%);
}
.portfolio-card-dynamic[style*="--portfolio-image"]{
  background-image:
    radial-gradient(circle at 82% 18%,rgba(46,183,255,.28),transparent 28%),
    linear-gradient(145deg,rgba(8,137,224,.84),rgba(5,55,91,.88)),
    var(--portfolio-image),
    linear-gradient(145deg,#0b8fe8 0%,#075b9c 42%,#06263d 100%);
  background-size:auto,auto,cover,cover;
  background-position:center,center,center,center;
  background-repeat:no-repeat;
  background-blend-mode:screen,normal,soft-light,normal;
}
.portfolio-card-dynamic:hover{
  transform:translateY(-8px);
  border-color:rgba(71,194,255,.52);
  box-shadow:0 28px 65px rgba(5,55,91,.24),0 0 0 1px rgba(44,174,244,.10) inset;
}
.portfolio-card-dynamic .portfolio-icon{
  width:52px;height:52px;border-radius:15px;
  background:rgba(255,255,255,.09);
  border-color:rgba(116,214,255,.28);
  box-shadow:0 10px 28px rgba(0,28,50,.16);
  overflow:hidden;
}
.portfolio-card-dynamic .portfolio-icon img{width:100%;height:100%;display:block;object-fit:contain;object-position:center;padding:9px;box-sizing:border-box;}
.portfolio-card-dynamic .portfolio-icon img[src$=".jpg"],.portfolio-card-dynamic .portfolio-icon img[src$=".jpeg"],.portfolio-card-dynamic .portfolio-icon img[src$=".webp"]{border-radius:12px;}
.portfolio-card-dynamic .portfolio-card-number{}
.portfolio-card-dynamic>span{color:#66ccff;text-shadow:0 1px 8px rgba(0,0,0,.22);}
.portfolio-card-dynamic h3{color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.28);}
.portfolio-card-dynamic p{color:#d0e8f7;text-shadow:0 1px 8px rgba(0,0,0,.18);}
.portfolio-card-dynamic b{color:#fff;}
.category-image-admin-preview{margin-top:10px;border:1px solid var(--line);border-radius:14px;padding:10px;background:#f7fafc}.category-image-admin-preview img{display:block;width:100%;max-height:190px;object-fit:cover;border-radius:10px}.category-icon-admin-preview{margin-top:10px;width:92px;height:92px;border:1px solid var(--line);border-radius:14px;padding:8px;background:#f7fafc;box-sizing:border-box}.category-icon-admin-preview img{display:block;width:100%;height:100%;object-fit:contain;border-radius:10px}.category-icon-admin-preview .checkbox-line{width:260px}.checkbox-line{display:flex!important;align-items:center;gap:8px;margin-top:10px!important;font-size:12px!important;color:var(--muted)}.checkbox-line input{width:auto!important}
.section-admin-thumb{background-size:cover;background-position:center;position:relative;overflow:hidden}.section-admin-thumb:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(4,20,32,.10),rgba(4,20,32,.45));}.section-admin-thumb span{position:relative;z-index:2}

/* V34 — unified public Blog for engineering ideas, articles and company updates */
.blog-intro-bar{display:flex;justify-content:space-between;gap:28px;align-items:center;margin:0 0 30px;padding:20px 22px;border:1px solid #d8e5ef;border-radius:18px;background:rgba(255,255,255,.72);box-shadow:0 14px 35px rgba(10,35,55,.06)}
.blog-intro-bar p{margin:6px 0 0;color:#657b90;max-width:760px}
.blog-type-legend{display:flex;flex-wrap:wrap;gap:8px;justify-content:flex-end}
.blog-type-legend span{padding:8px 11px;border-radius:999px;background:#eef6fc;color:#197fca;font-size:11px;font-weight:800;letter-spacing:.04em;white-space:nowrap}
.blog-card-premium .tag{display:inline-flex;align-items:center;padding:6px 9px;border-radius:999px;background:#edf7ff;color:#168de1}
.blog-card-type-company_update .tag{background:#eef8f1;color:#19834b}
.blog-card-type-blog .tag{background:#f3f5f8;color:#506274}
.article-kicker{letter-spacing:.18em}
@media(max-width:900px){.blog-intro-bar{align-items:flex-start;flex-direction:column}.blog-type-legend{justify-content:flex-start}}


/* V35 FEEDS */
.feeds-page{padding:72px 0 100px}.feeds-intro{display:flex;justify-content:space-between;align-items:end;gap:30px;padding:28px 0 26px;border-bottom:1px solid var(--line);margin-bottom:24px}.feeds-intro h2{font-size:34px;letter-spacing:-1px;margin:8px 0}.feeds-intro p{max-width:760px;color:var(--muted);margin:0;line-height:1.7}.feeds-count{display:flex;align-items:center;gap:12px;padding:12px 16px;border:1px solid var(--line);border-radius:16px;background:#fff;white-space:nowrap}.feeds-count strong{font-size:30px;color:#0b86df}.feeds-count span{font-size:10px;line-height:1.25;color:#6e8394;text-transform:uppercase;letter-spacing:1px;font-weight:900}.feed-toolbar{display:flex;gap:9px;flex-wrap:wrap;margin:0 0 28px}.feed-filter{border:1px solid #d6e3eb;background:#fff;color:#5b7182;border-radius:999px;padding:10px 14px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:.2s}.feed-filter:hover{border-color:#93cbed;color:#0b86df;transform:translateY(-1px)}.feed-filter.active{background:#0b86df;border-color:#0b86df;color:#fff;box-shadow:0 8px 20px rgba(11,134,223,.18)}.feed-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feed-card{background:#fff;border:1px solid var(--line);border-radius:20px;overflow:hidden;box-shadow:0 10px 32px rgba(8,31,49,.05);transition:.25s;animation:feedIn .4s ease both}.feed-card:hover{transform:translateY(-6px);box-shadow:0 22px 50px rgba(8,31,49,.11);border-color:#b8d9ed}.feed-card[hidden]{display:none}.feed-card-media{height:225px;display:block;position:relative;background:#092438;overflow:hidden}.feed-card-media img{width:100%;height:100%;object-fit:cover;transition:.45s}.feed-card:hover .feed-card-media img{transform:scale(1.045)}.feed-card-art{height:100%;display:flex;align-items:end;justify-content:space-between;padding:24px;background:radial-gradient(circle at 78% 25%,rgba(38,183,255,.25),transparent 28%),linear-gradient(145deg,#0a3853,#061a2a);color:#fff}.feed-card-art span{font-size:58px;line-height:1;font-weight:950;color:#32b8ff}.feed-card-art b{font-size:10px;letter-spacing:1.7px}.feed-type-pill{position:absolute;left:16px;top:16px;padding:7px 10px;border-radius:999px;background:rgba(7,27,43,.86);color:#fff;font-size:9px;font-weight:900;letter-spacing:1px;backdrop-filter:blur(8px)}.feed-card-body{padding:23px}.feed-meta{font-size:9px;text-transform:uppercase;letter-spacing:1.35px;color:#0b86df;font-weight:950}.feed-card-body h2{font-size:22px;line-height:1.16;margin:10px 0}.feed-card-body h2 a{color:#0b1f31}.feed-card-body p{font-size:13px;line-height:1.7;color:var(--muted);min-height:66px;margin:0 0 16px}.feed-read{font-size:12px;font-weight:900;color:#0b86df}.feed-read span{margin-left:4px}.feed-empty{margin:30px 0;padding:50px;text-align:center;background:#fff;border:1px solid var(--line);border-radius:20px}.feed-empty h3{font-size:26px;margin:10px 0}.feed-empty p{color:var(--muted)}@keyframes feedIn{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}.feeds-hero .page-hero h1{max-width:950px}
@media(max-width:1000px){.feed-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:760px){.feeds-page{padding:55px 0 75px}.feeds-intro{display:block}.feeds-count{display:inline-flex;margin-top:18px}.feed-grid{grid-template-columns:1fr}.feed-card-media{height:210px}.feed-toolbar{overflow:auto;flex-wrap:nowrap;padding-bottom:7px}.feed-filter{flex:0 0 auto}}

/* ==========================================================
   MSTM WEBSITE ASSISTANT — WEBSITE-ONLY MINI CHAT
   ========================================================== */
.mstm-chat-launch{position:relative;display:grid;place-items:center;cursor:pointer;border:0;font:inherit}.mstm-chat-spark{font-size:19px;line-height:1;display:block;animation:mstmSparkFloat 2.8s ease-in-out infinite}.mstm-chat-launch:hover .mstm-chat-spark{transform:rotate(12deg) scale(1.08)}
.mstm-chat{position:fixed;right:24px;bottom:88px;width:min(390px,calc(100vw - 28px));height:min(590px,calc(100vh - 112px));background:#fff;border:1px solid #d7e4ed;border-radius:22px;box-shadow:0 28px 80px rgba(5,28,45,.25),0 5px 20px rgba(5,28,45,.08);z-index:1500;overflow:hidden;display:flex;flex-direction:column;opacity:0;transform:translateY(14px) scale(.98);transition:opacity .18s ease,transform .18s ease}.mstm-chat[hidden]{display:flex;visibility:hidden}.mstm-chat.open{opacity:1;transform:none;visibility:visible}.mstm-chat-head{padding:20px 20px 17px;background:linear-gradient(135deg,#061827,#0b2a40);color:#fff;display:flex;justify-content:space-between;gap:15px}.mstm-chat-head>div{min-width:0}.mstm-chat-kicker{display:block;color:#28a8ff;font-size:9px;font-weight:950;letter-spacing:2px;margin-bottom:6px}.mstm-chat-head strong{display:block;font-size:18px;letter-spacing:-.3px}.mstm-chat-head small{display:block;color:#b7cad8;font-size:10px;line-height:1.45;margin-top:5px;max-width:280px}.mstm-chat-close{width:32px;height:32px;flex:0 0 32px;border-radius:10px;border:1px solid rgba(255,255,255,.18);background:rgba(255,255,255,.08);color:#fff;font-size:22px;line-height:1;cursor:pointer}.mstm-chat-close:hover{background:rgba(255,255,255,.15)}.mstm-chat-messages{flex:1;overflow:auto;padding:17px;background:linear-gradient(180deg,#f6f9fb,#fff);scrollbar-width:thin}.mstm-chat-msg{display:flex;flex-direction:column;max-width:91%;margin-bottom:13px}.mstm-chat-msg.user{margin-left:auto;align-items:flex-end}.mstm-chat-msg.bot{align-items:flex-start}.mstm-chat-bubble{padding:11px 13px;border-radius:15px;background:#fff;border:1px solid #dce7ee;color:#183247;font-size:12px;line-height:1.55;box-shadow:0 3px 10px rgba(8,31,49,.035)}.mstm-chat-msg.user .mstm-chat-bubble{background:#168cf0;color:#fff;border-color:#168cf0;border-bottom-right-radius:5px}.mstm-chat-msg.bot .mstm-chat-bubble{border-bottom-left-radius:5px}.mstm-chat-links{display:flex;flex-wrap:wrap;gap:6px;margin-top:7px}.mstm-chat-links a{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;border-radius:9px;background:#eaf5ff;border:1px solid #cfe6f8;color:#087bd5;font-size:10px;font-weight:850}.mstm-chat-links a:hover{background:#dff0ff}.mstm-chat-links span{font-size:11px}.mstm-chat-suggestions{display:flex;gap:6px;overflow:auto;padding:0 13px 10px;background:#fff;scrollbar-width:none}.mstm-chat-suggestions:empty{display:none}.mstm-chat-suggestions button{white-space:nowrap;border:1px solid #d7e5ef;background:#fff;color:#365267;border-radius:999px;padding:7px 10px;font-size:10px;font-weight:800;cursor:pointer}.mstm-chat-suggestions button:hover{border-color:#8ecbfa;color:#087bd5;background:#f5fbff}.mstm-chat-form{display:grid;grid-template-columns:1fr 40px;gap:7px;padding:11px 12px;border-top:1px solid #e5edf2;background:#fff}.mstm-chat-form input{width:100%;min-width:0;border:1px solid #d3e1ea;border-radius:11px;padding:11px 12px;outline:none;background:#fbfdff;color:#17344b;font-size:12px}.mstm-chat-form input:focus{border-color:#75bff4;box-shadow:0 0 0 3px rgba(22,140,240,.09)}.mstm-chat-form button{border:0;border-radius:11px;background:#168cf0;color:#fff;font-size:19px;font-weight:900;cursor:pointer;box-shadow:0 7px 18px rgba(22,140,240,.2)}.mstm-chat-form button:hover{background:#087bd5}.mstm-chat-note{text-align:center;color:#91a3b0;font-size:9px;padding:0 10px 10px;background:#fff}.mstm-chat-msg.typing .mstm-chat-bubble{display:flex;gap:4px;padding:12px 14px}.mstm-chat-msg.typing span{width:5px;height:5px;background:#8aa3b4;border-radius:50%;animation:mstmTyping 1s infinite}.mstm-chat-msg.typing span:nth-child(2){animation-delay:.14s}.mstm-chat-msg.typing span:nth-child(3){animation-delay:.28s}@keyframes mstmTyping{0%,60%,100%{opacity:.3;transform:translateY(0)}30%{opacity:1;transform:translateY(-2px)}}@keyframes mstmSparkFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-2px)}}
@media(max-width:620px){.mstm-chat{right:10px;bottom:78px;width:calc(100vw - 20px);height:min(610px,calc(100vh - 95px));border-radius:18px}.mstm-chat-head{padding:17px}.mstm-chat-messages{padding:14px}.mstm-chat-launch{width:48px!important;height:48px!important}.float-actions{right:10px!important;bottom:16px!important}}
.float-actions button{width:48px;height:48px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid var(--line);box-shadow:0 12px 30px rgba(8,31,49,.16);font-size:19px}.float-actions button.primary{background:var(--blue);color:#fff;border-color:var(--blue)}
.mstm-chat[hidden]{display:none}.mstm-chat.open{display:flex}

/* V41 — Home page scroll experience */
@media (prefers-reduced-motion: no-preference){
  body.home-scroll-motion .home-hero-inner{transform:translate3d(0,calc(var(--home-scroll,0px) * .055),0);transition:transform .08s linear;}
  body.home-scroll-motion .home-hero .home-visual{transform:translate3d(0,calc(var(--home-scroll,0px) * -.035),0);transition:transform .08s linear;}
  body.home-scroll-motion .hero-kicker,.home-scroll-motion .home-copy h1,.home-scroll-motion .home-copy>p,.home-scroll-motion .home-actions,.home-scroll-motion .hero-proof{animation:homeHeroIn .8s cubic-bezier(.2,.75,.25,1) both;}
  body.home-scroll-motion .home-copy h1{animation-delay:.08s}.home-scroll-motion .home-copy>p{animation-delay:.16s}.home-scroll-motion .home-actions{animation-delay:.24s}.home-scroll-motion .hero-proof{animation-delay:.32s}
  body.home-scroll-motion .home-hero .orbit-1{animation:homeOrbitA 14s ease-in-out infinite}.home-scroll-motion .home-hero .orbit-2{animation:homeOrbitB 18s ease-in-out infinite}.home-scroll-motion .home-hero .orbit-3{animation:homeOrbitC 22s ease-in-out infinite}
  body.home-scroll-motion .home-hero .cnc-tool{animation:homeToolFloat 5s ease-in-out infinite}
  body.home-scroll-motion .home-hero .visual-card{animation:homeCardFloat 5.5s ease-in-out infinite}.home-scroll-motion .home-hero .visual-card-b{animation-delay:-2s}
  .home-scroll-motion .home-scroll-reveal{opacity:0;transform:translate3d(0,34px,0) scale(.985);transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1)}
  .home-scroll-motion .home-scroll-reveal.is-visible{opacity:1;transform:none}
  .home-scroll-motion .home-scroll-reveal.home-stagger > *{opacity:0;transform:translate3d(0,24px,0);transition:opacity .55s ease,transform .55s ease}
  .home-scroll-motion .home-scroll-reveal.home-stagger.is-visible > *{opacity:1;transform:none}
  .home-scroll-motion .home-scroll-reveal.home-stagger.is-visible > *:nth-child(1){transition-delay:.04s}.home-scroll-motion .home-scroll-reveal.home-stagger.is-visible > *:nth-child(2){transition-delay:.10s}.home-scroll-motion .home-scroll-reveal.home-stagger.is-visible > *:nth-child(3){transition-delay:.16s}.home-scroll-motion .home-scroll-reveal.home-stagger.is-visible > *:nth-child(4){transition-delay:.22s}.home-scroll-motion .home-scroll-reveal.home-stagger.is-visible > *:nth-child(5){transition-delay:.28s}.home-scroll-motion .home-scroll-reveal.home-stagger.is-visible > *:nth-child(6){transition-delay:.34s}
  .home-scroll-motion .portfolio-card-dynamic,.home-scroll-motion .eng-card,.home-scroll-motion .featured-product,.home-scroll-motion .infra-card,.home-scroll-motion .insight-feature,.home-scroll-motion .insight-side-card{will-change:transform}
  .home-scroll-motion .portfolio-card-dynamic:hover{transform:translateY(-9px) scale(1.012)}
  .home-scroll-motion .home-metrics .metrics-grid>div{transition:transform .3s ease,background .3s ease}.home-scroll-motion .home-metrics .metrics-grid>div:hover{transform:translateY(-4px);background:#f8fbfd}
  .home-scroll-motion .home-scroll-progress{position:fixed;left:0;top:0;height:3px;width:100%;transform-origin:left center;transform:scaleX(0);background:linear-gradient(90deg,#168cf0,#38baff);z-index:3000;pointer-events:none;box-shadow:0 0 12px rgba(22,140,240,.45)}
  .home-scroll-motion .hero-scroll span{animation:homeScrollPulse 1.8s ease-in-out infinite}
}
@keyframes homeHeroIn{from{opacity:0;transform:translate3d(0,22px,0)}to{opacity:1;transform:none}}
@keyframes homeOrbitA{0%,100%{transform:rotate(-18deg) translate3d(0,0,0)}50%{transform:rotate(-12deg) translate3d(8px,-7px,0)}}
@keyframes homeOrbitB{0%,100%{transform:rotate(-18deg) translate3d(0,0,0)}50%{transform:rotate(-24deg) translate3d(-8px,6px,0)}}
@keyframes homeOrbitC{0%,100%{transform:rotate(-18deg) translate3d(0,0,0)}50%{transform:rotate(-8deg) translate3d(5px,5px,0)}}
@keyframes homeToolFloat{0%,100%{transform:rotate(-18deg) translate3d(0,0,0)}50%{transform:rotate(-15deg) translate3d(0,-12px,0)}}
@keyframes homeCardFloat{0%,100%{transform:translate3d(0,0,0)}50%{transform:translate3d(0,-7px,0)}}
@keyframes homeScrollPulse{0%,100%{opacity:.45;transform:translateY(0)}50%{opacity:1;transform:translateY(5px)}}
@media(max-width:900px){.home-scroll-motion .home-scroll-progress{height:2px}}
@media(prefers-reduced-motion:reduce){.home-scroll-progress{display:none!important}}


/* V36 — refined milestone timeline: contained rail, clean spacing, no page overflow */
.milestone-horizontal{position:relative;width:100%;min-width:0}
.milestone-nav{display:flex;align-items:center;justify-content:flex-end;gap:9px;margin:-12px 0 12px}
.milestone-nav-label{font-size:10px;letter-spacing:1.4px;text-transform:uppercase;font-weight:900;color:#7b91a0;padding:0 4px}
.milestone-nav-btn{width:34px;height:34px;border:1px solid #d5e5ee;border-radius:50%;background:#fff;color:#0b86df;display:grid;place-items:center;font-size:15px;font-weight:800;cursor:pointer;box-shadow:0 6px 18px rgba(8,31,49,.06);transition:transform .2s,background .2s,box-shadow .2s}
.milestone-nav-btn:hover{transform:translateY(-2px);background:#eef8ff;box-shadow:0 10px 22px rgba(8,31,49,.1)}
.milestone-years-wrap{position:relative;width:100%;overflow:hidden;padding:6px 0 10px}
.milestone-years{display:flex;gap:0;position:relative;z-index:2;width:max-content;min-width:100%;overflow:visible;padding:0 8px 8px}
.milestone-year-btn{flex:0 0 170px;min-width:170px;padding:0 10px 22px;gap:10px;box-sizing:border-box}
.milestone-year-btn:not(:last-child):after{content:"";position:absolute;left:50%;right:-50%;top:10px;height:3px;background:#dceaf2;z-index:-1}
.milestone-year-btn.is-active:after{background:linear-gradient(90deg,#0b8fe6,#dceaf2)}
.milestone-track{display:none}
.milestone-dot{position:relative;z-index:3;width:18px;height:18px;flex:0 0 18px}
.milestone-year{font-size:34px;letter-spacing:-1.6px;max-width:100%;overflow:hidden;text-overflow:ellipsis}
.milestone-step{margin-top:-1px}
.milestone-panels{margin-top:22px;min-height:170px}
.milestone-panel{min-height:150px;padding:26px 30px}
.milestone-panel h3{font-size:26px}
.milestone-panel p{max-width:none}

@media(min-width:901px){
  .milestone-year-btn{flex-basis:calc((100vw - 80px)/6);max-width:180px}
}
@media(max-width:1200px) and (min-width:901px){
  .milestone-year-btn{flex-basis:160px}
}
@media(max-width:900px){
  .milestone-nav{margin:-2px 0 10px}
  .milestone-years-wrap{overflow-x:auto;scrollbar-width:thin}
  .milestone-years{min-width:max-content}
  .milestone-year-btn{flex-basis:125px;min-width:125px}
  .milestone-year{font-size:28px}
  .milestone-panels{margin-top:18px}
}
@media(max-width:650px){
  .milestone-years-wrap{margin-inline:-2px;padding-inline:2px}
  .milestone-year-btn{flex-basis:110px;min-width:110px;padding-bottom:18px}
  .milestone-year{font-size:24px}
  .milestone-panel{min-height:0}
}


/* V37 — HI-TECH MSTM milestone command timeline */
.milestone-section{
  position:relative;
  margin-top:105px;
  padding:8px 0 40px;
}
.milestone-section:before{
  content:"";
  position:absolute;
  left:-8vw;right:-8vw;top:0;height:520px;
  background:
    radial-gradient(circle at 70% 32%,rgba(28,167,255,.11),transparent 28%),
    radial-gradient(circle at 22% 55%,rgba(0,92,153,.055),transparent 30%);
  pointer-events:none;
  z-index:-1;
}
.milestone-heading-row{
  margin-bottom:38px;
}
.milestone-heading-row .section-title{
  font-size:clamp(36px,4.4vw,58px);
  letter-spacing:-2.6px;
}
.milestone-heading-row .section-intro{
  font-size:14px;
  color:#71899a;
}
.milestone-nav{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:18px;
  margin:0 0 13px;
}
.milestone-system-status{
  display:inline-flex;
  align-items:center;
  gap:9px;
  padding:8px 12px;
  border:1px solid #d4e6ef;
  border-radius:7px;
  background:rgba(255,255,255,.7);
  color:#587182;
  font:900 9px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.5px;
  box-shadow:0 6px 20px rgba(4,33,53,.04);
}
.milestone-system-status span{
  width:7px;height:7px;border-radius:50%;
  background:#13a7f4;
  box-shadow:0 0 0 4px rgba(19,167,244,.13),0 0 12px rgba(19,167,244,.65);
  animation:milestoneLive 1.7s infinite;
}
.milestone-nav-controls{display:flex;align-items:center;gap:8px}
.milestone-counter{
  margin-right:6px;
  color:#8aa0ad;
  font:800 10px/1.2 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.2px;
}
.milestone-counter b{color:#0a91e3;font-size:12px}
.milestone-nav-btn{
  width:38px;height:38px;
  border:1px solid #cfe2ec;
  border-radius:8px;
  background:linear-gradient(145deg,#fff,#eef7fb);
  color:#087fca;
  display:grid;place-items:center;
  font-size:17px;font-weight:900;
  cursor:pointer;
  box-shadow:0 8px 20px rgba(8,45,67,.07);
  transition:.22s ease;
}
.milestone-nav-btn:hover:not(:disabled){
  transform:translateY(-2px);
  border-color:#4abaf0;
  color:#fff;
  background:#0b8fe6;
  box-shadow:0 10px 24px rgba(11,143,230,.22);
}
.milestone-nav-btn:disabled{opacity:.32;cursor:not-allowed}
.milestone-years-wrap{
  position:relative;
  width:100%;
  overflow-x:auto;
  overflow-y:hidden;
  padding:9px 3px 17px;
  scrollbar-width:none;
  scroll-behavior:smooth;
  -webkit-mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
  mask-image:linear-gradient(90deg,transparent 0,#000 3%,#000 97%,transparent 100%);
}
.milestone-years-wrap::-webkit-scrollbar{display:none}
.milestone-years{
  display:flex;
  position:relative;
  width:max-content;
  min-width:100%;
  padding:0 5.5%;
}
.milestone-years:before{
  content:"";
  position:absolute;
  left:calc(5.5% + 85px);
  right:calc(5.5% + 85px);
  top:27px;
  height:1px;
  background:linear-gradient(90deg,transparent,#b8d5e4 8%,#b8d5e4 92%,transparent);
}
.milestone-year-btn{
  flex:0 0 170px;
  min-width:170px;
  border:0;
  background:transparent;
  cursor:pointer;
  padding:0 10px 20px;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:9px;
  position:relative;
  color:inherit;
}
.milestone-year-btn:before{
  content:"";
  position:absolute;
  top:22px;
  left:50%;
  width:0;height:1px;
  background:#18a9f5;
  transition:.35s;
}
.milestone-dot{
  width:17px;height:17px;
  border-radius:3px;
  transform:rotate(45deg);
  background:#fff;
  border:2px solid #a8c8d8;
  box-shadow:0 0 0 5px rgba(232,244,250,.9);
  position:relative;
  z-index:3;
  transition:.3s;
}
.milestone-dot:after{
  content:"";
  position:absolute;
  width:5px;height:5px;
  left:4px;top:4px;
  border-radius:1px;
  background:#0b8fe6;
  opacity:0;
  transition:.25s;
}
.milestone-year{
  margin-top:2px;
  font-size:31px;
  line-height:1;
  font-weight:950;
  letter-spacing:-1.6px;
  color:#8ba4b3;
  text-shadow:none;
  transition:.3s;
}
.milestone-step{
  font-size:8px;
  letter-spacing:2px;
  color:#9fb1bc;
  font-weight:950;
  transition:.3s;
}
.milestone-year-btn:hover .milestone-year{color:#3c8eb8}
.milestone-year-btn.is-active .milestone-dot{
  border-color:#0b9be9;
  background:#e9f8ff;
  box-shadow:0 0 0 6px rgba(11,155,233,.11),0 0 20px rgba(11,155,233,.25);
  animation:milestoneTechPulse 2s infinite;
}
.milestone-year-btn.is-active .milestone-dot:after{opacity:1}
.milestone-year-btn.is-active .milestone-year{
  color:#078fe1;
  transform:translateY(-2px);
  text-shadow:0 0 18px rgba(11,143,230,.18);
}
.milestone-year-btn.is-active .milestone-step{color:#078fe1}
.milestone-year-btn.is-active:after{
  content:"";
  position:absolute;
  bottom:5px;
  width:38px;height:2px;
  border-radius:3px;
  background:#0b9be9;
  box-shadow:0 0 12px rgba(11,155,233,.55);
}
.milestone-panels{
  margin-top:15px;
  min-height:205px;
  position:relative;
}
.milestone-panel{
  min-height:185px;
  grid-template-columns:74px 1fr 46px;
  gap:25px;
  padding:30px 34px;
  border-radius:12px;
  border:1px solid #cfe2ec;
  background:
    linear-gradient(135deg,rgba(255,255,255,.98),rgba(242,250,254,.98)),
    linear-gradient(90deg,transparent,rgba(14,154,229,.04));
  box-shadow:0 20px 55px rgba(5,38,58,.09);
}
.milestone-panel:before{
  width:3px;
  border-radius:12px 0 0 12px;
}
.milestone-panel:after{
  width:280px;height:280px;
  right:-130px;top:-170px;
  border-color:rgba(11,143,230,.13);
  box-shadow:0 0 0 38px rgba(11,143,230,.025),0 0 0 78px rgba(11,143,230,.018);
}
.milestone-panel-index{
  width:58px;height:58px;
  border-radius:8px;
  background:#061d2d;
  color:#24b8ff;
  border:1px solid rgba(35,184,255,.35);
  font-size:10px;
  position:relative;
}
.milestone-panel-index:after{
  content:"";
  position:absolute;
  width:8px;height:8px;
  right:7px;top:7px;
  border:1px solid #25b8ff;
  opacity:.65;
}
.milestone-panel-year{
  font-size:10px;
  letter-spacing:2.3px;
}
.milestone-panel h3{
  font-size:30px;
  letter-spacing:-1px;
}
.milestone-panel p{
  font-size:13px;
  line-height:1.75;
  max-width:850px;
}
.milestone-panel-arrow{
  width:44px;height:44px;
  border-radius:8px;
  color:#078fe1;
  border:1px solid #cde3ee;
}
@keyframes milestoneLive{50%{opacity:.35;box-shadow:0 0 0 7px rgba(19,167,244,.08),0 0 20px rgba(19,167,244,.85)}}
@keyframes milestoneTechPulse{50%{box-shadow:0 0 0 8px rgba(11,155,233,.08),0 0 28px rgba(11,155,233,.3)}}
@media(max-width:900px){
  .milestone-heading-row{margin-bottom:25px}
  .milestone-nav{margin-bottom:8px}
  .milestone-year-btn{flex-basis:135px;min-width:135px}
  .milestone-year{font-size:27px}
  .milestone-years:before{left:calc(5.5% + 67px);right:calc(5.5% + 67px)}
  .milestone-panel{grid-template-columns:56px 1fr;gap:16px;padding:24px 20px}
  .milestone-panel-index{width:48px;height:48px}
  .milestone-panel-arrow{grid-column:2;justify-self:end;grid-row:1;width:38px;height:38px}
}
@media(max-width:600px){
  .milestone-system-status{font-size:8px}
  .milestone-counter{display:none}
  .milestone-nav-btn{width:35px;height:35px}
  .milestone-years{padding:0 18px}
  .milestone-year-btn{flex-basis:112px;min-width:112px}
  .milestone-year{font-size:24px}
  .milestone-panel h3{font-size:22px}
  .milestone-panel p{font-size:12px}
}

/* V38 — refined precision-engineering milestone UI */
.milestone-hint{display:none!important}

.milestone-section{padding-bottom:55px}
.milestone-heading-row{
  display:block!important;
  margin-bottom:34px!important;
}
.milestone-heading-row .section-title{
  max-width:780px;
  margin-bottom:9px;
}
.milestone-heading-row .section-intro{
  max-width:760px;
  font-size:13px;
  line-height:1.7;
  letter-spacing:.1px;
}

/* Timeline shell */
.milestone-horizontal{
  position:relative;
  padding:18px 0 0;
}
.milestone-horizontal:before{
  content:"";
  position:absolute;
  inset:0 -42px auto;
  height:112px;
  background:linear-gradient(90deg,
    transparent,
    rgba(11,143,230,.045) 20%,
    rgba(11,143,230,.08) 50%,
    rgba(11,143,230,.045) 80%,
    transparent);
  border-top:1px solid rgba(135,180,204,.16);
  border-bottom:1px solid rgba(135,180,204,.1);
  pointer-events:none;
}
.milestone-nav{
  position:relative;
  z-index:4;
  margin-bottom:9px!important;
}
.milestone-system-status{
  background:#071d2b!important;
  color:#8fb6c9!important;
  border-color:#12394d!important;
  box-shadow:0 8px 24px rgba(4,28,42,.12)!important;
}
.milestone-system-status span{
  background:#19a9f4!important;
}

/* Hide the counter text but keep it available to JS/accessibility. */
.milestone-counter{
  min-width:48px;
  text-align:center;
  padding:7px 9px;
  border:1px solid #d8e8ef;
  border-radius:6px;
  background:rgba(255,255,255,.9);
}

/* Timeline viewport */
.milestone-years-wrap{
  position:relative;
  z-index:3;
  padding:18px 0 25px!important;
  border-bottom:1px solid #d6e5ec;
  background:linear-gradient(180deg,rgba(255,255,255,.18),rgba(255,255,255,.55));
}
.milestone-years{
  padding:0 34px!important;
  min-width:max-content!important;
}
.milestone-years:before{
  top:30px!important;
  left:78px!important;
  right:78px!important;
  height:2px!important;
  background:linear-gradient(90deg,
    transparent,
    #c9dde7 8%,
    #c9dde7 92%,
    transparent)!important;
}

/* Each milestone node */
.milestone-year-btn{
  flex-basis:148px!important;
  min-width:148px!important;
  padding:0 8px 12px!important;
  gap:8px!important;
}
.milestone-year-btn:focus-visible{
  outline:2px solid #13a7f4;
  outline-offset:4px;
  border-radius:8px;
}
.milestone-dot{
  width:15px!important;
  height:15px!important;
  border-radius:2px!important;
  transform:rotate(45deg)!important;
  border:2px solid #9fbecf!important;
  box-shadow:0 0 0 4px #f4f9fb!important;
}
.milestone-year{
  font-size:28px!important;
  font-weight:900!important;
  letter-spacing:-1.2px!important;
  color:#7f9aa8!important;
}
.milestone-step{
  font-size:8px!important;
  letter-spacing:1.8px!important;
  color:#a2b4be!important;
}

/* Active node */
.milestone-year-btn.is-active{
  transform:translateY(-3px);
}
.milestone-year-btn.is-active .milestone-dot{
  width:19px!important;
  height:19px!important;
  border-color:#078fe1!important;
  background:#fff!important;
  box-shadow:
    0 0 0 5px rgba(7,143,225,.12),
    0 0 0 1px rgba(7,143,225,.15),
    0 0 18px rgba(7,143,225,.28)!important;
}
.milestone-year-btn.is-active .milestone-dot:after{
  width:6px!important;
  height:6px!important;
  left:4px!important;
  top:4px!important;
  opacity:1!important;
}
.milestone-year-btn.is-active .milestone-year{
  color:#078fe1!important;
  font-size:31px!important;
}
.milestone-year-btn.is-active .milestone-step{
  color:#078fe1!important;
}
.milestone-year-btn.is-active:after{
  bottom:1px!important;
  width:52px!important;
  height:2px!important;
  background:#078fe1!important;
  box-shadow:0 0 12px rgba(7,143,225,.55)!important;
}

/* Selected milestone card */
.milestone-panels{
  margin-top:26px!important;
  min-height:210px!important;
}
.milestone-panel{
  position:relative;
  overflow:hidden;
  min-height:185px!important;
  padding:30px 34px!important;
  border:1px solid #cfe1e9!important;
  border-radius:10px!important;
  background:
    linear-gradient(105deg,#061d2b 0%,#092a3c 56%,#0b3850 100%)!important;
  color:#fff!important;
  box-shadow:
    0 24px 50px rgba(4,32,47,.15),
    inset 0 1px 0 rgba(255,255,255,.07)!important;
}
.milestone-panel:before{
  content:""!important;
  position:absolute!important;
  left:0!important;
  top:0!important;
  bottom:0!important;
  width:4px!important;
  background:linear-gradient(#15b4ff,#087ed0)!important;
  border-radius:10px 0 0 10px!important;
}
.milestone-panel:after{
  content:"MSTM / MILESTONE"!important;
  position:absolute!important;
  right:26px!important;
  top:22px!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  box-shadow:none!important;
  color:rgba(157,213,239,.22)!important;
  font:900 9px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
  letter-spacing:2px!important;
}
.milestone-panel-index{
  width:54px!important;
  height:54px!important;
  border-radius:7px!important;
  background:#031521!important;
  border:1px solid rgba(44,188,255,.35)!important;
  color:#24b8ff!important;
  box-shadow:inset 0 0 0 1px rgba(255,255,255,.025)!important;
}
.milestone-panel-year{
  color:#29b6f6!important;
  font-size:10px!important;
  letter-spacing:2.4px!important;
}
.milestone-panel h3{
  color:#fff!important;
  font-size:29px!important;
  margin:6px 0 7px!important;
}
.milestone-panel p{
  color:#b9cfda!important;
  max-width:850px!important;
  line-height:1.75!important;
}
.milestone-panel-arrow{
  background:rgba(255,255,255,.04)!important;
  border-color:rgba(170,215,235,.22)!important;
  color:#39bcf7!important;
}

/* Tiny circuit details */
.milestone-panel-content:before{
  content:"";
  display:block;
  width:76px;
  height:1px;
  margin-bottom:15px;
  background:linear-gradient(90deg,#18b3f8,transparent);
}
@media(max-width:900px){
  .milestone-years{padding:0 22px!important}
  .milestone-year-btn{flex-basis:126px!important;min-width:126px!important}
  .milestone-year{font-size:25px!important}
  .milestone-year-btn.is-active .milestone-year{font-size:28px!important}
  .milestone-panel{padding:25px 22px!important}
}
@media(max-width:600px){
  .milestone-heading-row .section-title{font-size:34px!important}
  .milestone-system-status{font-size:7px!important}
  .milestone-counter{display:none}
  .milestone-year-btn{flex-basis:108px!important;min-width:108px!important}
  .milestone-year{font-size:22px!important}
  .milestone-year-btn.is-active .milestone-year{font-size:25px!important}
  .milestone-panel h3{font-size:22px!important}
  .milestone-panel:after{display:none!important}
}

/* Material recommendation admin + product display */
.material-toggle{display:flex;gap:12px;align-items:flex-start;margin:18px 0;padding:13px 15px;border:1px solid #d7e6ed;border-radius:10px;background:#f7fbfd;cursor:pointer}
.material-toggle input{margin-top:3px}
.material-toggle span{display:flex;flex-direction:column;gap:3px}
.material-toggle small{color:#78909d}
.material-rec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.material-rec-card{display:flex;gap:11px;align-items:flex-start;padding:13px;border:1px solid #d8e6ed;border-radius:10px;background:#fff}
.material-code-badge{display:grid;place-items:center;width:32px;height:32px;flex:0 0 32px;border-radius:7px;background:#062033;color:#22b7ff;font-weight:900;font-size:11px;letter-spacing:.5px}
.material-rec-copy{display:flex;flex:1;flex-direction:column;gap:7px}
.material-rec-copy b{font-size:11px;color:#345266}
.material-rec-copy .admin-input{min-width:0}
.material-recommendation-section{margin-top:22px;padding:26px;border:1px solid #d6e5ec;border-radius:12px;background:linear-gradient(135deg,#f9fcfe,#eef8fc);position:relative;overflow:hidden}
.material-recommendation-section:after{content:"PMKNSH";position:absolute;right:22px;top:18px;font:900 32px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;letter-spacing:4px;color:rgba(10,126,180,.07)}
.material-rec-public-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}
.material-rec-public-card{position:relative;z-index:1;padding:14px 12px;border:1px solid #d3e5ed;border-radius:9px;background:#fff;box-shadow:0 8px 18px rgba(8,45,67,.045)}
.material-rec-public-card .mat{font:900 10px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;letter-spacing:1.5px;color:#0a8fda}
.material-rec-public-card strong{display:block;margin-top:8px;font-size:13px;color:#09263a;word-break:break-word}
@media(max-width:900px){.material-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-rec-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.material-rec-grid{grid-template-columns:1fr}.material-rec-public-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V39 — milestone precision timeline refinement */
.milestone-section .milestone-heading-row{max-width:900px}
.milestone-section .milestone-heading-row .section-title{font-weight:900}
.milestone-section .milestone-years-wrap{border-top:1px solid rgba(122,169,192,.12);border-bottom:1px solid rgba(122,169,192,.2)}
.milestone-section .milestone-nav{padding:0 4px}
.milestone-section .milestone-year-btn{transition:transform .22s ease,opacity .22s ease}
.milestone-section .milestone-year-btn:not(.is-active){opacity:.82}
.milestone-section .milestone-year-btn:hover{opacity:1}
.milestone-section .milestone-panels{filter:drop-shadow(0 16px 28px rgba(5,34,50,.08))}

/* Material recommendation controls */
.material-toggle{display:flex;gap:12px;align-items:flex-start;margin:18px 0;padding:14px 16px;border:1px solid #d5e5ed;border-radius:10px;background:#f7fbfd;cursor:pointer}
.material-toggle input{margin-top:3px}
.material-toggle span{display:flex;flex-direction:column;gap:4px}.material-toggle small{color:#78909d}
.material-rec-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}
.material-rec-card{display:flex;gap:10px;align-items:flex-start;padding:13px;border:1px solid #d8e6ed;border-radius:10px;background:#fff}
.material-code-badge{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:7px;background:#062033;color:#23b8ff;font-weight:900}
.material-rec-copy{display:flex;flex:1;flex-direction:column;gap:7px}.material-rec-copy b{font-size:11px;color:#345266}
.material-recommendation-section{margin-top:24px;padding:28px;border:1px solid #d5e6ed;border-radius:14px;background:linear-gradient(135deg,#f8fcfe,#edf8fc);position:relative;overflow:hidden}
.material-recommendation-section:after{content:"PMKNSH";position:absolute;right:22px;top:20px;font:900 30px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;letter-spacing:4px;color:rgba(10,126,180,.07)}
.material-rec-public-grid{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px;margin-top:16px}
.material-rec-public-card{position:relative;z-index:1;padding:15px 12px;border:1px solid #d2e4ec;border-radius:9px;background:#fff;box-shadow:0 7px 18px rgba(8,45,67,.05)}
.material-rec-public-card .mat{font:900 9px/1.3 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;letter-spacing:1.2px;color:#078fdb}.material-rec-public-card strong{display:block;margin-top:8px;color:#09263a;font-size:13px;word-break:break-word}
@media(max-width:900px){.material-rec-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.material-rec-public-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:600px){.material-rec-grid,.material-rec-public-grid{grid-template-columns:1fr}}

/* V40 — PMKNSH material recommendation matrix */
.material-admin-matrix{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;margin-top:16px}
.material-admin-cell{display:flex;flex-direction:column;gap:8px;padding:10px;border:1px solid #d7e5ec;border-radius:9px;background:#fff}
.material-admin-code{display:grid;place-items:center;height:38px;border-radius:4px;color:#072033;font-size:22px;font-weight:900}
.material-admin-name{font-size:10px;font-weight:800;color:#4d6675;min-height:24px}
.material-status-select{width:100%;font-size:11px!important;padding:8px!important}
.material-admin-legend{display:flex;gap:22px;flex-wrap:wrap;margin-top:14px;font-size:11px;color:#637b89}.material-admin-legend b{font-size:15px;color:#071c2d}
.mat-P{background:#19a9e9}.mat-M{background:#fff42e}.mat-K{background:#ef5a3d}.mat-N{background:#72bf62}.mat-S{background:#f6ad35}.mat-H{background:#c8c9ca}

.material-spec-matrix{margin-top:24px;padding-top:18px;border-top:1px solid #dce8ee}
.material-spec-label{font-size:9px;font-weight:950;letter-spacing:1.7px;color:#698493;margin-bottom:10px}
.material-spec-matrix-grid{display:grid;grid-template-columns:repeat(6,minmax(44px,74px));gap:0;width:max-content;max-width:100%}
.material-spec-col{width:100%;min-width:44px}
.material-spec-code{height:42px;display:grid;place-items:center;color:#071d2b;font-size:25px;font-weight:900}
.material-spec-status{height:42px;display:grid;place-items:center;background:rgba(240,248,252,.8)}
.material-spec-col:nth-child(1) .material-spec-code{background:#19a9e9}
.material-spec-col:nth-child(2) .material-spec-code{background:#fff42e}
.material-spec-col:nth-child(3) .material-spec-code{background:#ef5a3d}
.material-spec-col:nth-child(4) .material-spec-code{background:#72bf62}
.material-spec-col:nth-child(5) .material-spec-code{background:#f6ad35}
.material-spec-col:nth-child(6) .material-spec-code{background:#c8c9ca}
.material-spec-col:nth-child(1) .material-spec-status{background:#a8e5ff}
.material-spec-col:nth-child(2) .material-spec-status{background:#fffdb0}
.material-spec-col:nth-child(3) .material-spec-status{background:#f6aaa0}
.material-spec-col:nth-child(4) .material-spec-status{background:#b7e5aa}
.material-spec-col:nth-child(5) .material-spec-status{background:#ffdc9e}
.material-spec-col:nth-child(6) .material-spec-status{background:#e1e1e1}
.status-dot{font-size:22px;line-height:1;color:#071827}
.status-dot.good{font-size:27px;font-weight:400}
.status-dot.empty{width:9px;height:9px;border-radius:50%;background:rgba(7,24,39,.14)}
.material-spec-legend{display:flex;gap:22px;margin-top:12px;flex-wrap:wrap;font-size:12px;color:#263746}
.legend-dot{font-size:20px;vertical-align:-2px;color:#071827}.legend-dot.good{font-weight:400}
@media(max-width:900px){
 .material-admin-matrix{grid-template-columns:repeat(3,minmax(0,1fr))}
 .material-spec-matrix-grid{grid-template-columns:repeat(6,44px)}
}
@media(max-width:600px){
 .material-admin-matrix{grid-template-columns:repeat(2,minmax(0,1fr))}
 .material-spec-matrix{overflow-x:auto;padding-bottom:5px}
}

/* V41 — compact PMKNSH matrix beside Technical Specifications */
.material-spec-card{
  min-width:0;
}
.material-spec-card > span{
  display:block;
  margin-bottom:8px;
  font-size:9px!important;
  letter-spacing:1.1px!important;
  white-space:nowrap;
}
.material-spec-inline{margin-top:2px}
.material-spec-inline-grid{
  display:grid;
  grid-template-columns:repeat(6,31px);
  width:max-content;
  border-radius:3px;
  overflow:hidden;
}
.material-inline-col{
  width:31px;
  text-align:center;
}
.material-inline-col b{
  display:grid;
  place-items:center;
  height:25px;
  font-size:16px;
  line-height:1;
  color:#071d2b;
}
.material-inline-col > span{
  display:grid;
  place-items:center;
  height:22px;
  font-size:14px;
  line-height:1;
  background:#edf4f7;
  color:#071827;
}
.material-inline-col.mat-inline-P b{background:#19a9e9}
.material-inline-col.mat-inline-M b{background:#fff42e}
.material-inline-col.mat-inline-K b{background:#ef5a3d}
.material-inline-col.mat-inline-N b{background:#72bf62}
.material-inline-col.mat-inline-S b{background:#f6ad35}
.material-inline-col.mat-inline-H b{background:#c8c9ca}
.material-inline-col.mat-inline-P > span{background:#a8e5ff}
.material-inline-col.mat-inline-M > span{background:#fffdb0}
.material-inline-col.mat-inline-K > span{background:#f6aaa0}
.material-inline-col.mat-inline-N > span{background:#b7e5aa}
.material-inline-col.mat-inline-S > span{background:#ffdc9e}
.material-inline-col.mat-inline-H > span{background:#e1e1e1}
.material-inline-legend{
  display:flex;
  gap:10px;
  margin-top:6px;
  font-size:8px;
  line-height:1;
  color:#5f7582;
  white-space:nowrap;
}
@media(min-width:701px){
  .material-spec-card{
    grid-column:span 1;
  }
}
@media(max-width:700px){
  .material-spec-inline-grid{grid-template-columns:repeat(6,27px)}
  .material-inline-col,.material-inline-col b{width:27px}
  .material-inline-col b{height:23px;font-size:15px}
  .material-inline-col > span{height:20px}
  .material-inline-legend{font-size:7px}
}

/* V42 — clean admin material panel + stable technical-specification container */
.material-recommendation-panel .admin-icon{display:none!important}
.material-recommendation-panel{overflow:hidden}
.material-only-spec-grid{margin-top:4px}
.material-only-spec-grid .material-spec-card{grid-column:1 / -1;max-width:100%}
#specifications{scroll-margin-top:110px}

/* V43 — standalone milestone cards: no continuous line, no merged years */
.milestone-section{
  overflow:hidden;
}
.milestone-horizontal{
  position:relative;
  padding:4px 0 18px;
}
.milestone-horizontal:before{
  display:none!important;
}
.milestone-nav{
  margin-bottom:16px!important;
  padding:0 4px;
}
.milestone-system-status{
  font-size:8px!important;
  letter-spacing:1.4px!important;
}
.milestone-years-wrap{
  overflow:hidden!important;
  padding:4px 0 18px!important;
  border:0!important;
  background:transparent!important;
  -webkit-mask-image:none!important;
  mask-image:none!important;
}
.milestone-years{
  width:max-content!important;
  min-width:100%!important;
  display:flex!important;
  gap:12px!important;
  padding:4px 10px 10px!important;
  box-sizing:border-box;
}
.milestone-years:before{
  display:none!important;
}

/* Every year becomes its own independent tile. */
.milestone-year-btn{
  flex:0 0 136px!important;
  min-width:136px!important;
  height:105px;
  box-sizing:border-box;
  padding:14px 12px 11px!important;
  border:1px solid #d7e5ec!important;
  border-radius:12px!important;
  background:linear-gradient(145deg,#ffffff,#f4f9fb)!important;
  box-shadow:0 8px 20px rgba(7,40,58,.055)!important;
  align-items:flex-start!important;
  justify-content:space-between!important;
  gap:0!important;
  transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease,background .22s ease;
}
.milestone-year-btn:before,
.milestone-year-btn:after{
  display:none!important;
}
.milestone-year-btn:hover{
  transform:translateY(-4px)!important;
  border-color:#9ed5ed!important;
  box-shadow:0 14px 28px rgba(7,40,58,.10)!important;
}
.milestone-dot{
  position:absolute!important;
  top:13px!important;
  right:13px!important;
  width:11px!important;
  height:11px!important;
  border-radius:3px!important;
  transform:rotate(45deg)!important;
  border:1.5px solid #a8c7d5!important;
  background:#fff!important;
  box-shadow:none!important;
}
.milestone-year{
  display:block!important;
  margin-top:27px!important;
  font-size:29px!important;
  line-height:1!important;
  font-weight:950!important;
  letter-spacing:-1.4px!important;
  color:#7b96a5!important;
}
.milestone-step{
  display:block!important;
  margin-top:auto!important;
  font-size:8px!important;
  line-height:1!important;
  letter-spacing:1.8px!important;
  color:#9aadb8!important;
  font-weight:900!important;
}
.milestone-year-btn.is-active{
  transform:translateY(-5px)!important;
  border-color:#0798e7!important;
  background:linear-gradient(145deg,#0a2738,#082334)!important;
  box-shadow:0 18px 34px rgba(5,40,59,.18),0 0 0 1px rgba(7,152,231,.12)!important;
}
.milestone-year-btn.is-active .milestone-dot{
  top:12px!important;
  right:12px!important;
  width:13px!important;
  height:13px!important;
  border-color:#27b7fa!important;
  background:#0b9be9!important;
  box-shadow:0 0 0 4px rgba(24,174,242,.12),0 0 14px rgba(24,174,242,.35)!important;
}
.milestone-year-btn.is-active .milestone-dot:after{
  display:none!important;
}
.milestone-year-btn.is-active .milestone-year{
  color:#fff!important;
  font-size:31px!important;
}
.milestone-year-btn.is-active .milestone-step{
  color:#37baf7!important;
}

/* Give duplicate years a clear identity instead of visually merging them. */
.milestone-year-btn .milestone-step:before{
  content:"MILESTONE ";
  letter-spacing:1px;
  font-size:6px;
  opacity:.7;
  margin-right:3px;
}
.milestone-year-btn.is-active .milestone-step:before{
  opacity:.9;
}

/* Selected content card becomes a clean command-style panel. */
.milestone-panels{
  margin-top:14px!important;
  min-height:205px!important;
}
.milestone-panel{
  min-height:178px!important;
  border-radius:14px!important;
  padding:28px 30px!important;
  display:grid!important;
  grid-template-columns:62px minmax(0,1fr) 44px!important;
  align-items:center!important;
  gap:24px!important;
  background:linear-gradient(115deg,#061d2b 0%,#092c40 72%,#0b3449 100%)!important;
  border:1px solid rgba(62,166,207,.22)!important;
  box-shadow:0 22px 50px rgba(4,31,46,.15)!important;
}
.milestone-panel:after{
  content:"01 / 12"!important;
  right:26px!important;
  top:20px!important;
  color:rgba(157,213,239,.18)!important;
  font-size:8px!important;
  letter-spacing:1.8px!important;
  width:auto!important;
  height:auto!important;
  border:0!important;
  box-shadow:none!important;
}
.milestone-panel-index{
  width:52px!important;
  height:52px!important;
  border-radius:9px!important;
  display:grid!important;
  place-items:center!important;
  background:#031521!important;
  border:1px solid rgba(45,184,255,.38)!important;
  color:#2ab8fa!important;
}
.milestone-panel-content:before{
  width:64px!important;
  margin-bottom:12px!important;
}
.milestone-panel-year{
  font-size:9px!important;
  letter-spacing:2.2px!important;
  color:#2bb8f8!important;
}
.milestone-panel h3{
  font-size:28px!important;
  margin:6px 0 7px!important;
}
.milestone-panel p{
  font-size:12px!important;
  line-height:1.7!important;
  color:#b9ced9!important;
}
@media(min-width:1200px){
  .milestone-year-btn{flex-basis:145px!important;min-width:145px!important}
}
@media(max-width:900px){
  .milestone-years{
    overflow:visible!important;
    min-width:max-content!important;
    padding-inline:8px!important;
  }
  .milestone-year-btn{flex-basis:125px!important;min-width:125px!important;height:98px}
  .milestone-year{font-size:26px!important}
  .milestone-year-btn.is-active .milestone-year{font-size:28px!important}
}
@media(max-width:600px){
  .milestone-years-wrap{
    overflow-x:auto!important;
    scrollbar-width:none;
  }
  .milestone-years-wrap::-webkit-scrollbar{display:none}
  .milestone-years{gap:9px!important}
  .milestone-year-btn{flex-basis:112px!important;min-width:112px!important;height:92px}
  .milestone-year{font-size:23px!important}
  .milestone-year-btn.is-active .milestone-year{font-size:25px!important}
  .milestone-panel{
    grid-template-columns:50px minmax(0,1fr)!important;
    gap:15px!important;
    padding:23px 19px!important;
  }
  .milestone-panel-arrow{
    grid-column:2;
    justify-self:end;
    grid-row:1;
  }
}

/* V44 — milestone deck: keep only the active panel in the flow */
.milestone-panels{
  margin-top:18px!important;
  min-height:0!important;
  height:auto!important;
}
.milestone-panel[hidden]{
  display:none!important;
}
.milestone-panel:not([hidden]){
  display:grid!important;
  animation:milestoneCardIn .32s ease both;
}
@keyframes milestoneCardIn{
  from{opacity:0;transform:translateY(10px)}
  to{opacity:1;transform:translateY(0)}
}
.milestone-horizontal{
  padding-bottom:8px!important;
}
.milestone-years-wrap{
  padding-bottom:10px!important;
}
@media(min-width:901px){
  .milestone-panels{margin-top:10px!important}
}

/* V45 — contact page premium industrial layout */
.contact-page-hero{
  position:relative;
  overflow:hidden;
}
.contact-page-hero:after{
  content:"CONTACT / MSTM";
  position:absolute;
  right:5%;
  bottom:18px;
  font:900 10px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:2.5px;
  color:rgba(9,48,69,.18);
}
.contact-page-main{
  padding:70px 0 90px;
  background:
    radial-gradient(circle at 80% 18%,rgba(18,160,232,.08),transparent 25%),
    linear-gradient(180deg,#f7fbfd 0,#fff 55%);
}
.contact-premium-layout{
  display:grid;
  grid-template-columns:minmax(0,.86fr) minmax(0,1.14fr);
  gap:28px;
  align-items:start;
}
.contact-side-title{
  font-size:clamp(30px,3.4vw,46px);
  line-height:1.03;
  letter-spacing:-1.8px;
  color:#071d2d;
  margin:10px 0 15px;
}
.contact-side-copy{
  color:#6d8797;
  font-size:14px;
  line-height:1.8;
  max-width:520px;
}
.contact-info-stack{
  display:grid;
  gap:10px;
  margin-top:28px;
}
.contact-info-card{
  padding:18px 20px!important;
  border:1px solid #d8e6ed;
  border-radius:12px;
  background:rgba(255,255,255,.82);
  box-shadow:0 10px 25px rgba(7,39,57,.045);
}
.contact-info-card>span{
  display:block;
  margin-bottom:7px;
  font-size:8px!important;
  font-weight:950!important;
  letter-spacing:1.8px;
  color:#158fce;
}
.contact-info-card a{
  color:#09263a;
  font-size:16px;
  font-weight:800;
  text-decoration:none;
}
.contact-info-card p{
  margin:0;
  color:#688291;
  font-size:12px;
  line-height:1.65;
}
.contact-support-card{
  background:linear-gradient(135deg,#062031,#0a3348)!important;
  border-color:#123e53!important;
}
.contact-support-card>span{color:#28b9f8!important}
.contact-support-card p{color:#b8cfda!important}

/* Map directly below APPLICATION SUPPORT */
.contact-map-card{
  margin-top:12px;
  border:1px solid #d4e5ec;
  border-radius:14px;
  overflow:hidden;
  background:#fff;
  box-shadow:0 16px 35px rgba(7,39,57,.07);
}
.contact-map-heading{
  padding:15px 17px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  gap:12px;
  border-bottom:1px solid #e2edf2;
}
.contact-map-heading span:first-child{
  font:950 9px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.6px;
  color:#0a8fd8;
}
.contact-map-heading span:last-child{
  font-size:10px;
  color:#7a919e;
}
.contact-map-frame{
  display:block;
  width:100%;
  height:275px;
  border:0;
}
.contact-address{
  padding:13px 16px;
  font-size:11px;
  line-height:1.6;
  color:#6e8592;
  border-top:1px solid #e3edf1;
}

/* Form */
.contact-form-card{
  padding:30px!important;
  border:1px solid #d4e5ec;
  border-radius:16px;
  background:#fff;
  box-shadow:0 22px 55px rgba(6,37,54,.09);
}
.contact-form-head{
  margin-bottom:22px;
}
.contact-form-head .section-label{margin-bottom:8px}
.contact-form-head h2{
  margin:0 0 7px;
  font-size:27px;
  letter-spacing:-1px;
  color:#071d2d;
}
.contact-form-head p{
  margin:0;
  color:#718896;
  font-size:12px;
  line-height:1.65;
}
.contact-form-premium label{
  display:block;
  margin:0 0 7px;
  color:#365364;
  font-size:10px;
  font-weight:850;
}
.contact-form-premium .form-control{
  width:100%;
  box-sizing:border-box;
  border:1px solid #d6e5ec;
  border-radius:9px;
  background:#f9fcfd;
  padding:12px 13px;
  color:#09263a;
  transition:.2s;
}
.contact-form-premium .form-control:focus{
  outline:none;
  border-color:#2aaef0;
  background:#fff;
  box-shadow:0 0 0 3px rgba(42,174,240,.09);
}
.contact-form-premium textarea.form-control{resize:vertical;min-height:145px}
.contact-form-premium .form-row{gap:14px!important;margin-bottom:14px}
.contact-submit-row{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:15px;
  margin-top:17px;
}
.contact-submit-note{
  font-size:10px;
  line-height:1.5;
  color:#7a919e;
}
.contact-submit-row .btn-primary{white-space:nowrap}

/* Responsive */
@media(max-width:900px){
  .contact-premium-layout{grid-template-columns:1fr}
  .contact-page-main{padding:50px 0 70px}
  .contact-map-frame{height:300px}
}
@media(max-width:600px){
  .contact-form-card{padding:21px!important}
  .contact-side-title{font-size:34px}
  .contact-map-frame{height:245px}
  .contact-submit-row{align-items:flex-start;flex-direction:column}
}

/* V46 — Contact quick-action buttons */
.contact-action-card .contact-action-value{
  display:block;
  margin-bottom:13px;
}
.contact-action-buttons{
  display:flex;
  gap:8px;
  flex-wrap:wrap;
}
.contact-action-btn{
  display:inline-flex!important;
  align-items:center;
  justify-content:center;
  gap:7px;
  min-height:34px;
  padding:7px 13px;
  border-radius:7px;
  border:1px solid #d3e4eb;
  background:#f7fbfd;
  color:#18384b!important;
  font-size:10px!important;
  font-weight:900!important;
  letter-spacing:.15px;
  text-decoration:none!important;
  transition:all .2s ease;
}
.contact-action-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 7px 16px rgba(5,43,63,.10);
}
.contact-action-icon{
  font-size:13px;
  line-height:1;
}
.contact-action-btn.mail:hover{
  border-color:#168fda;
  color:#087fc4!important;
  background:#eef9ff;
}
.contact-action-btn.call:hover{
  border-color:#168fda;
  color:#087fc4!important;
  background:#eef9ff;
}
.contact-action-btn.whatsapp:hover{
  border-color:#43b96a;
  color:#168b3d!important;
  background:#f0fff5;
}
@media(max-width:600px){
  .contact-action-btn{flex:1;min-width:105px}
}

/* V47 — premium contact action controls */
.contact-action-card{
  position:relative;
  padding:19px 20px 18px!important;
}
.contact-action-card > span:first-child{
  margin-bottom:7px!important;
}
.contact-action-value{
  font-size:17px!important;
  letter-spacing:-.15px;
  transition:color .2s ease;
}
.contact-action-value:hover{
  color:#078fd8!important;
}
.contact-action-hint{
  display:block;
  margin-top:5px;
  color:#8a9da8;
  font-size:9px;
  line-height:1.4;
}
.contact-action-buttons{
  margin-top:13px;
  gap:8px!important;
}
.contact-action-btn{
  position:relative;
  min-height:36px!important;
  padding:6px 13px 6px 8px!important;
  border-radius:8px!important;
  background:#fff!important;
  border:1px solid #d5e5ec!important;
  box-shadow:0 4px 12px rgba(6,43,62,.035);
  color:#18384b!important;
  font-size:10px!important;
  font-weight:900!important;
  transition:transform .2s ease,box-shadow .2s ease,border-color .2s ease,background .2s ease,color .2s ease;
}
.contact-action-btn:hover{
  transform:translateY(-2px);
  box-shadow:0 9px 20px rgba(5,43,63,.10);
}
.contact-action-icon{
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  border-radius:6px;
  background:#eef8fc;
  color:#087fc4;
}
.contact-action-icon svg{
  width:14px;
  height:14px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-action-btn.mail:hover{
  border-color:#79c9ee!important;
  color:#087fc4!important;
  background:#f8fdff!important;
}
.contact-action-btn.mail:hover .email-icon{
  background:#dff4ff;
}
.contact-action-btn.call:hover{
  border-color:#79c9ee!important;
  color:#087fc4!important;
  background:#f8fdff!important;
}
.contact-action-btn.call:hover .call-icon{
  background:#dff4ff;
}
.contact-action-btn.whatsapp:hover{
  border-color:#8ad2a1!important;
  color:#168b3d!important;
  background:#f8fffa!important;
}
.contact-action-btn.whatsapp .whatsapp-icon{
  background:#edf9f0;
  color:#159447;
}
.contact-action-btn.whatsapp:hover .whatsapp-icon{
  background:#dff4e5;
}
@media(max-width:600px){
  .contact-action-buttons{display:flex!important}
  .contact-action-btn{flex:0 0 auto!important}
}

/* V48 — final contact page refinement */
.contact-page-main{padding-top:58px!important;padding-bottom:85px!important}
.contact-premium-layout{grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr)!important;gap:34px!important}
.contact-side-title{max-width:570px}.contact-side-copy{max-width:550px}
.contact-info-stack{gap:12px!important;margin-top:25px!important}
.contact-info-card{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.contact-info-card:hover{transform:translateY(-2px);border-color:#c2dce7;box-shadow:0 14px 28px rgba(7,39,57,.07)}
.contact-location-intro{margin-top:2px;margin-bottom:10px;padding:17px 19px;border-left:3px solid #159fe5;border-radius:0 10px 10px 0;background:linear-gradient(90deg,#f0f9fd,#fbfdfe)}
.contact-location-intro span{display:block;margin-bottom:6px;font:900 8px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;letter-spacing:1.8px;color:#0794dc}
.contact-location-intro strong{display:block;color:#102b3c;font-size:13px;line-height:1.45}
.contact-location-intro p{margin:4px 0 0;color:#738995;font-size:10px}
.contact-map-card{margin-top:0!important}
.contact-map-frame{height:285px!important}
.contact-address{background:#fbfdfe}
.contact-form-card{position:relative;overflow:hidden}
.contact-form-card:before{content:"ENQUIRY";position:absolute;right:27px;top:25px;font:900 8px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;letter-spacing:2px;color:rgba(11,143,210,.18)}
.contact-form-head{padding-right:75px}
.contact-form-premium .form-row{display:grid!important;grid-template-columns:1fr 1fr}
.contact-submit-row{padding-top:4px;border-top:1px solid #e6eef2}
.contact-submit-row .btn-primary{min-width:145px}
.contact-support-card{display:none!important}
@media(max-width:900px){.contact-premium-layout{grid-template-columns:1fr!important}}
@media(max-width:600px){
 .contact-page-main{padding-top:42px!important}
 .contact-form-premium .form-row{grid-template-columns:1fr!important}
 .contact-form-head{padding-right:0}
}

/* V49 — premium contact information rail */
.contact-quick-rail{
  display:grid!important;
  grid-template-columns:1fr 1fr;
  gap:12px!important;
  margin-top:25px!important;
}
.contact-quick-card{
  position:relative;
  min-width:0;
  padding:18px 18px 16px;
  border:1px solid #d6e5ec;
  border-radius:14px;
  background:linear-gradient(145deg,#fff 0%,#f8fcfe 100%);
  box-shadow:0 10px 25px rgba(7,39,57,.055);
  overflow:hidden;
  transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease;
}
.contact-quick-card:after{
  content:"";
  position:absolute;
  width:90px;
  height:90px;
  right:-42px;
  top:-44px;
  border-radius:50%;
  border:1px solid rgba(18,157,222,.10);
}
.contact-quick-card:hover{
  transform:translateY(-3px);
  border-color:#b9dbe8;
  box-shadow:0 16px 32px rgba(7,39,57,.09);
}
.contact-quick-top{
  display:flex;
  align-items:center;
  gap:9px;
  margin-bottom:12px;
}
.contact-quick-icon{
  width:30px;
  height:30px;
  flex:0 0 30px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#eaf7fc;
  color:#078fd8;
}
.contact-quick-icon svg{
  width:15px;
  height:15px;
  fill:none;
  stroke:currentColor;
  stroke-width:1.8;
  stroke-linecap:round;
  stroke-linejoin:round;
}
.contact-quick-label{
  font:900 8px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.6px;
  color:#078fd8;
}
.contact-quick-value{
  display:block;
  color:#082438!important;
  font-size:16px!important;
  line-height:1.2;
  font-weight:950!important;
  letter-spacing:-.25px;
  text-decoration:none!important;
}
.contact-quick-value:hover{color:#078fd8!important}
.contact-quick-card p{
  margin:7px 0 13px;
  color:#7b909c;
  font-size:9px;
  line-height:1.5;
}
.contact-quick-link{
  position:relative;
  z-index:1;
  display:inline-flex!important;
  align-items:center;
  gap:7px;
  min-height:32px;
  padding:6px 9px;
  border:1px solid #d4e5ec;
  border-radius:7px;
  background:#fff;
  color:#17394b!important;
  font-size:9px!important;
  font-weight:900!important;
  text-decoration:none!important;
  transition:.2s ease;
}
.contact-quick-link span{
  display:grid;
  place-items:center;
  width:19px;
  height:19px;
  border-radius:5px;
  background:#eef8fc;
  color:#078fd8;
}
.contact-quick-link b{
  margin-left:2px;
  color:#8ca1ac;
}
.contact-quick-link:hover{
  transform:translateY(-1px);
  border-color:#8ccce9;
  color:#078fd8!important;
  box-shadow:0 7px 15px rgba(7,70,96,.08);
}
.contact-quick-actions{
  display:flex;
  gap:7px;
  flex-wrap:wrap;
}
.whatsapp-link span{
  background:#edf9f0;
  color:#159447;
}
.whatsapp-link:hover{
  border-color:#8bd1a0;
  color:#168b3d!important;
}
.phone-quick-card .contact-quick-icon{
  background:#eef7ff;
}
.contact-location-intro{
  grid-column:1 / -1;
  margin-top:1px!important;
}
@media(max-width:900px){
  .contact-quick-rail{grid-template-columns:1fr!important}
}
@media(max-width:600px){
  .contact-quick-card{padding:17px 16px 15px}
  .contact-quick-value{font-size:15px!important}
}

/* =========================================================
   V50 — COMPLETE CONTACT PAGE REDESIGN
   ========================================================= */
.contact-new-hero{
  position:relative;
  overflow:hidden;
  background:#071f2e;
  color:#fff;
  border-bottom:1px solid #12394e;
}
.contact-new-hero:before{
  content:"";
  position:absolute;
  inset:0;
  background:
    linear-gradient(90deg,rgba(7,31,46,.98),rgba(7,31,46,.90)),
    radial-gradient(circle at 80% 20%,rgba(20,161,226,.28),transparent 28%),
    linear-gradient(rgba(255,255,255,.025) 1px,transparent 1px),
    linear-gradient(90deg,rgba(255,255,255,.025) 1px,transparent 1px);
  background-size:auto,auto,34px 34px,34px 34px;
  pointer-events:none;
}
.contact-new-hero-inner{
  position:relative;
  min-height:285px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:40px;
  padding-top:45px;
  padding-bottom:45px;
}
.contact-new-hero .section-label{
  color:#27b8f7;
  margin-bottom:13px;
}
.contact-new-hero h1{
  margin:0;
  max-width:760px;
  color:#fff;
  font-size:clamp(42px,5.2vw,70px);
  line-height:.98;
  letter-spacing:-3.5px;
  font-weight:900;
}
.contact-new-hero h1 span{color:#78cbed}
.contact-new-hero p{
  max-width:650px;
  margin:18px 0 0;
  color:#a9c4d2;
  font-size:14px;
  line-height:1.7;
}
.contact-hero-code{
  width:170px;
  height:150px;
  flex:0 0 170px;
  display:flex;
  flex-direction:column;
  justify-content:space-between;
  padding:17px;
  box-sizing:border-box;
  border:1px solid rgba(69,190,242,.25);
  border-radius:12px;
  background:rgba(255,255,255,.035);
}
.contact-hero-code span,
.contact-hero-code small{
  color:#5fc7f4;
  font:900 8px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.7px;
}
.contact-hero-code b{
  color:#fff;
  font:900 55px/.9 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:-3px;
}
.contact-hero-code small{color:#7594a4;font-size:7px}

.contact-new-main{
  padding:60px 0 90px;
  background:#f4f8fa;
  position:relative;
}
.contact-new-grid{
  display:grid;
  grid-template-columns:minmax(0,.88fr) minmax(0,1.12fr);
  gap:30px;
  align-items:start;
}
.contact-new-side{
  min-width:0;
}
.contact-new-heading{
  margin-bottom:20px;
}
.contact-new-heading>span{
  display:block;
  color:#078fd8;
  font:900 8px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:2px;
  margin-bottom:9px;
}
.contact-new-heading h2{
  margin:0;
  max-width:480px;
  color:#09263a;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-1.3px;
}

.contact-new-actions{
  display:grid;
  gap:10px;
}
.contact-new-action{
  position:relative;
  min-height:105px;
  display:flex;
  align-items:center;
  gap:13px;
  padding:16px;
  box-sizing:border-box;
  border:1px solid #d5e4eb;
  border-radius:12px;
  background:#fff;
  text-decoration:none;
  box-shadow:0 8px 24px rgba(7,39,57,.045);
  transition:.22s ease;
}
.contact-new-action:hover{
  transform:translateY(-3px);
  border-color:#91cde8;
  box-shadow:0 15px 30px rgba(7,39,57,.09);
}
.new-action-icon{
  width:42px;
  height:42px;
  flex:0 0 42px;
  display:grid;
  place-items:center;
  border-radius:9px;
  color:#078fd8;
  background:#eaf7fc;
}
.new-action-icon svg{
  width:20px;height:20px;fill:none;stroke:currentColor;
  stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round;
}
.new-action-copy{
  min-width:0;
  display:flex;
  flex-direction:column;
}
.new-action-copy small{
  color:#078fd8;
  font:900 7px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.6px;
  margin-bottom:7px;
}
.new-action-copy strong{
  color:#082438;
  font-size:16px;
  line-height:1.15;
  font-weight:900;
}
.new-action-copy em{
  margin-top:5px;
  color:#8195a0;
  font-size:9px;
  font-style:normal;
}
.new-action-arrow{
  margin-left:auto;
  align-self:flex-start;
  color:#8fa5b1;
  font-size:17px;
}
.phone-new{
  display:flex;
}
.new-action-buttons{
  margin-left:auto;
  display:flex;
  gap:6px;
  align-self:flex-end;
}
.new-action-buttons a{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:29px;
  padding:5px 9px;
  border:1px solid #d6e5eb;
  border-radius:6px;
  color:#183b4e;
  background:#fff;
  text-decoration:none;
  font-size:8px;
  font-weight:900;
  transition:.2s ease;
}
.new-action-buttons a:hover{
  color:#078fd8;
  border-color:#8dcce8;
  background:#f3fbfe;
}
.new-action-buttons .wa-new{
  color:#168c40;
}
.new-action-buttons .wa-new:hover{
  border-color:#8bd1a0;
  background:#f4fff7;
}

.contact-new-location{
  margin-top:13px;
  padding:17px 18px;
  border-radius:11px;
  background:#082a3d;
  color:#fff;
}
.contact-location-top{
  display:flex;
  justify-content:space-between;
  gap:15px;
  margin-bottom:9px;
}
.contact-location-top span{
  color:#26b8f7;
  font:900 7px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.7px;
}
.contact-location-top b{
  color:#7293a3;
  font:900 7px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.3px;
}
.contact-new-location>strong{
  display:block;
  font-size:14px;
}
.contact-new-location p{
  margin:5px 0 0;
  color:#9eb8c5;
  font-size:9px;
  line-height:1.6;
}
.contact-new-map{
  position:relative;
  margin-top:10px;
  height:245px;
  overflow:hidden;
  border:1px solid #d2e3ea;
  border-radius:11px;
  background:#fff;
}
.contact-new-map iframe{
  display:block;
  width:100%;
  height:100%;
  border:0;
}
.map-open-new{
  position:absolute;
  top:11px;
  left:11px;
  z-index:2;
  padding:8px 10px;
  border-radius:6px;
  background:#fff;
  color:#086f9f;
  box-shadow:0 5px 14px rgba(0,0,0,.12);
  text-decoration:none;
  font-size:8px;
  font-weight:900;
}

.contact-new-form{
  padding:34px;
  border:1px solid #d5e4eb;
  border-radius:15px;
  background:#fff;
  box-shadow:0 20px 50px rgba(7,39,57,.09);
}
.contact-form-topline{
  display:flex;
  justify-content:space-between;
  padding-bottom:15px;
  border-bottom:1px solid #e1ebef;
  color:#8aa0ac;
  font:900 7px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.6px;
}
.contact-form-topline span:first-child{color:#078fd8}
.contact-form-title{
  padding:24px 0 22px;
}
.contact-form-title .section-label{
  margin-bottom:8px;
}
.contact-form-title h2{
  margin:0;
  color:#082438;
  font-size:33px;
  line-height:1.03;
  letter-spacing:-1.5px;
}
.contact-form-title h2 span{color:#078fd8}
.contact-form-title p{
  max-width:570px;
  margin:11px 0 0;
  color:#718792;
  font-size:10px;
  line-height:1.6;
}
.contact-new-form-fields{
  display:grid;
  gap:14px;
}
.new-field-grid{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:12px;
}
.new-field-grid label,
.contact-new-form-fields>label{
  display:block;
}
.new-field-grid label>span,
.contact-new-form-fields>label>span{
  display:block;
  margin:0 0 6px;
  color:#4c6572;
  font:900 7px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1px;
}
.contact-new-form-fields input,
.contact-new-form-fields textarea{
  width:100%;
  box-sizing:border-box;
  border:1px solid #d5e4eb;
  border-radius:7px;
  background:#f9fcfd;
  color:#082438;
  padding:11px 12px;
  font:500 11px/1.4 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  transition:.2s ease;
}
.contact-new-form-fields input{height:42px}
.contact-new-form-fields textarea{
  min-height:145px;
  resize:vertical;
}
.contact-new-form-fields input::placeholder,
.contact-new-form-fields textarea::placeholder{
  color:#9baab2;
}
.contact-new-form-fields input:focus,
.contact-new-form-fields textarea:focus{
  outline:none;
  background:#fff;
  border-color:#27aeea;
  box-shadow:0 0 0 3px rgba(39,174,234,.08);
}
.new-form-bottom{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:20px;
  padding-top:17px;
  margin-top:1px;
  border-top:1px solid #e3edf1;
}
.new-form-bottom div{
  display:flex;
  flex-direction:column;
  gap:4px;
}
.new-form-bottom div b{
  color:#526d7b;
  font:900 7px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  letter-spacing:1.2px;
}
.new-form-bottom div span{
  color:#8799a3;
  font-size:8px;
}
.new-form-bottom button{
  border:0;
  border-radius:7px;
  min-height:40px;
  padding:0 18px;
  color:#fff;
  background:#0b91df;
  box-shadow:0 10px 22px rgba(11,145,223,.22);
  cursor:pointer;
  font:900 10px/1 Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif;
  transition:.2s ease;
}
.new-form-bottom button:hover{
  transform:translateY(-2px);
  background:#087fca;
  box-shadow:0 14px 28px rgba(11,145,223,.28);
}
.new-form-bottom button b{margin-left:7px;font-size:13px}

@media(max-width:1000px){
  .contact-new-grid{grid-template-columns:1fr}
  .contact-new-side{order:2}
  .contact-new-form{order:1}
  .contact-hero-code{display:none}
}
@media(max-width:600px){
  .contact-new-hero-inner{min-height:260px;padding:40px 0}
  .contact-new-hero h1{font-size:43px;letter-spacing:-2.3px}
  .contact-new-hero p{font-size:12px}
  .contact-new-main{padding:40px 0 65px}
  .contact-new-form{padding:21px}
  .contact-form-title h2{font-size:29px}
  .new-field-grid{grid-template-columns:1fr}
  .contact-new-action{min-height:115px}
  .new-action-buttons{margin-left:0;position:absolute;right:14px;bottom:14px}
  .new-action-copy em{padding-right:110px}
  .new-form-bottom{align-items:flex-start;flex-direction:column}
  .new-form-bottom button{width:100%}
}

/* =========================================================
   V51 — CONTACT TYPOGRAPHY / READABILITY REFINEMENT
   Larger, clearer, Google-like UI typography
   ========================================================= */
.contact-new-hero h1{
  font-size:clamp(46px,5.3vw,72px)!important;
  line-height:1.02!important;
  letter-spacing:-2.8px!important;
  font-weight:800!important;
}
.contact-new-hero p{
  font-size:15px!important;
  line-height:1.75!important;
  max-width:700px!important;
}
.contact-new-heading>span{
  font-size:10px!important;
  letter-spacing:2.2px!important;
}
.contact-new-heading h2{
  font-size:34px!important;
  line-height:1.12!important;
  letter-spacing:-1.2px!important;
  font-weight:750!important;
}
.contact-new-action{
  min-height:116px!important;
  padding:20px!important;
}
.new-action-icon{
  width:46px!important;
  height:46px!important;
  flex-basis:46px!important;
}
.new-action-icon svg{
  width:21px!important;
  height:21px!important;
}
.new-action-copy small{
  font-size:9px!important;
  letter-spacing:1.8px!important;
  margin-bottom:8px!important;
}
.new-action-copy strong{
  font-size:18px!important;
  line-height:1.2!important;
  font-weight:750!important;
}
.new-action-copy em{
  font-size:11px!important;
  line-height:1.4!important;
}
.new-action-buttons a{
  min-height:34px!important;
  padding:6px 11px!important;
  font-size:10px!important;
}
.contact-new-location{
  padding:20px!important;
}
.contact-location-top span,
.contact-location-top b{
  font-size:9px!important;
  letter-spacing:1.5px!important;
}
.contact-new-location>strong{
  font-size:17px!important;
  line-height:1.3!important;
}
.contact-new-location p{
  font-size:11px!important;
  line-height:1.65!important;
}
.contact-new-map{
  height:280px!important;
}
.map-open-new{
  padding:9px 12px!important;
  font-size:10px!important;
}
.contact-new-form{
  padding:38px!important;
}
.contact-form-topline{
  font-size:9px!important;
  letter-spacing:1.7px!important;
}
.contact-form-title{
  padding:27px 0 25px!important;
}
.contact-form-title h2{
  font-size:39px!important;
  line-height:1.08!important;
  letter-spacing:-1.7px!important;
  font-weight:800!important;
}
.contact-form-title p{
  font-size:12px!important;
  line-height:1.7!important;
}
.new-field-grid{
  gap:16px!important;
}
.contact-new-form-fields{
  gap:17px!important;
}
.new-field-grid label>span,
.contact-new-form-fields>label>span{
  font-size:9px!important;
  letter-spacing:1.1px!important;
  margin-bottom:7px!important;
}
.contact-new-form-fields input{
  height:48px!important;
  padding:12px 14px!important;
  font-size:13px!important;
}
.contact-new-form-fields textarea{
  min-height:155px!important;
  padding:13px 14px!important;
  font-size:13px!important;
  line-height:1.55!important;
}
.new-form-bottom{
  padding-top:21px!important;
}
.new-form-bottom div b{
  font-size:9px!important;
  letter-spacing:1.2px!important;
}
.new-form-bottom div span{
  font-size:10px!important;
  line-height:1.5!important;
}
.new-form-bottom button{
  min-height:46px!important;
  padding:0 22px!important;
  font-size:11px!important;
}
@media(max-width:1000px){
  .contact-new-hero h1{font-size:52px!important}
  .contact-form-title h2{font-size:35px!important}
}
@media(max-width:600px){
  .contact-new-hero h1{
    font-size:42px!important;
    letter-spacing:-1.8px!important;
  }
  .contact-new-hero p{font-size:13px!important}
  .contact-new-heading h2{font-size:29px!important}
  .contact-new-action{min-height:125px!important}
  .new-action-copy strong{font-size:17px!important}
  .contact-new-form{padding:24px!important}
  .contact-form-title h2{font-size:31px!important}
  .contact-new-form-fields input{height:46px!important}
}

/* =========================================================
   V52 — GLOBAL TYPOGRAPHY CONSISTENCY
   All pages use the same MSTM typography system.
   ========================================================= */
html,body{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
}
button,input,textarea,select{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
}
.contact-new-hero-inner{
  min-height:245px!important;
  padding-top:42px!important;
  padding-bottom:42px!important;
}
.contact-new-hero h1{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
  font-size:clamp(42px,4.7vw,64px)!important;
  line-height:1.04!important;
  letter-spacing:-2.2px!important;
  font-weight:800!important;
}
.contact-new-hero p{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
  font-size:14px!important;
  line-height:1.7!important;
}
.contact-new-heading h2,
.contact-form-title h2,
.contact-new-action,
.contact-new-location,
.contact-new-form-fields,
.new-form-bottom{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
}
.contact-new-heading h2{
  font-size:32px!important;
  line-height:1.12!important;
  letter-spacing:-1.1px!important;
  font-weight:750!important;
}
.contact-form-title h2{
  font-size:36px!important;
  line-height:1.08!important;
  letter-spacing:-1.4px!important;
  font-weight:800!important;
}
.contact-new-action .new-action-copy strong{
  font-size:17px!important;
  font-weight:750!important;
}
.contact-new-action .new-action-copy em{
  font-size:10px!important;
}
.new-field-grid label>span,
.contact-new-form-fields>label>span{
  font-size:8px!important;
  font-weight:750!important;
  letter-spacing:1.15px!important;
}
.contact-new-form-fields input,
.contact-new-form-fields textarea{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
}
.contact-new-form-fields input::placeholder,
.contact-new-form-fields textarea::placeholder{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
  font-size:12px!important;
}
.contact-new-location>strong{
  font-size:15px!important;
  font-weight:750!important;
}
.contact-new-location p{
  font-size:10px!important;
}
.new-form-bottom div span{
  font-size:9px!important;
}
@media(max-width:600px){
  .contact-new-hero-inner{
    min-height:225px!important;
  }
  .contact-new-hero h1{
    font-size:40px!important;
    letter-spacing:-1.6px!important;
  }
  .contact-form-title h2{
    font-size:30px!important;
  }
}

/* V53 — Contact banner uses the same typography as all standard page banners */
.contact-shared-banner{
  background:linear-gradient(135deg,#061a2a 0%,#0a2940 58%,#0a5f86 100%)!important;
  padding:95px 0 80px!important;
}
.contact-shared-banner h1{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
  font-size:clamp(46px,6vw,78px)!important;
  line-height:.98!important;
  letter-spacing:-3px!important;
  max-width:850px!important;
  margin:12px 0 20px!important;
  font-weight:800!important;
}
.contact-shared-banner h1 span{
  color:#59b9ee!important;
}
.contact-shared-banner p{
  font-family:Inter,"Segoe UI",Roboto,Arial,Helvetica,sans-serif!important;
  font-size:18px!important;
  line-height:1.7!important;
  color:#bdd1df!important;
  max-width:720px!important;
  margin:0!important;
}
.contact-shared-banner .section-label{
  font-size:11px!important;
  font-weight:950!important;
  letter-spacing:2.7px!important;
}
@media(max-width:900px){
  .contact-shared-banner{
    padding:70px 0 60px!important;
  }
}
@media(max-width:600px){
  .contact-shared-banner{
    padding:58px 0 48px!important;
  }
  .contact-shared-banner h1{
    font-size:clamp(40px,11vw,56px)!important;
    letter-spacing:-2px!important;
  }
  .contact-shared-banner p{
    font-size:15px!important;
  }
}

/* V54 — Contact banner: use the same normal heading weight as shared page banners */
.contact-shared-banner h1{
  font-weight:700!important;
}

/* V55 — remove decorative Application Engineering hero graphic */
.solution-showcase-inner{
  grid-template-columns:minmax(0,1fr)!important;
}
.solution-showcase-copy{
  max-width:900px!important;
}
.solution-showcase-copy h1{
  max-width:850px!important;
}
.solution-showcase-copy>p{
  max-width:720px!important;
}
.solution-showcase-visual{
  display:none!important;
}

.admin-icon-preview-square{display:block;width:96px;height:96px;aspect-ratio:1/1;object-fit:contain;border-radius:14px;border:1px solid var(--line);background:#eaf6ff;padding:10px;margin-top:-8px;margin-bottom:6px}.industry-list-icon img{object-fit:contain;padding:10px;filter:brightness(0) saturate(100%) invert(42%) sepia(96%) saturate(1700%) hue-rotate(178deg) brightness(95%) contrast(103%)}