/* SHRI TECH DYNAMICS — responsive production-ready static site */
:root{--navy:#101d2c;--navy-2:#17364b;--blue:#1684b7;--orange:#1684b7;--orange-2:#39b7d9;--ink:#132c3b;--muted:#62717b;--line:#dce5e9;--paper:#f5f7f7;--white:#fff;--green:#1eae70;--shadow:0 24px 70px rgba(9,38,62,.12);--radius:8px;--max:1200px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:92px}body{margin:0;font-family:"DM Sans",sans-serif;color:var(--ink);background:#fff;line-height:1.65;-webkit-font-smoothing:antialiased}img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button,input,textarea,select{font:inherit}.container{width:min(var(--max),calc(100% - 48px));margin-inline:auto}.skip-link{position:absolute;left:-999px;top:10px;z-index:999;background:#fff;padding:10px}.skip-link:focus{left:10px}.topbar{background:var(--navy);color:#d8e3e9;font-size:11px;letter-spacing:.06em}.topbar-inner{display:flex;justify-content:space-between;align-items:center;min-height:34px}.topbar a{color:#fff}.topbar a span{color:var(--orange);margin-left:8px}.site-header{height:84px;background:#fff;position:sticky;top:0;z-index:100;border-bottom:1px solid rgba(9,38,62,.08);transition:box-shadow .25s}.site-header.scrolled{box-shadow:0 8px 30px #09263e12}.nav-wrap{height:100%;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:flex;align-items:center;gap:10px;flex-shrink:0}.brand img{width:58px;height:54px;object-fit:contain}.brand span{display:flex;flex-direction:column;line-height:1.08;color:var(--navy);font-family:Manrope,sans-serif;letter-spacing:.08em}.brand b{font-size:14px;font-weight:800}.brand small{font-size:10px;letter-spacing:.28em;margin-top:5px}.main-nav{display:flex;align-items:center;gap:clamp(14px,2.2vw,29px);font-size:12px;font-weight:700;color:#334b59}.main-nav>a:not(.nav-cta){position:relative;padding:10px 0}.main-nav>a:not(.nav-cta):after{content:"";position:absolute;left:0;bottom:3px;width:0;height:2px;background:var(--orange);transition:width .25s}.main-nav>a:hover:after,.main-nav>a.active:after{width:100%}.nav-cta{background:var(--orange);color:#101f29;padding:13px 17px;border-radius:4px;white-space:nowrap}.nav-cta span{margin-left:12px}.menu-toggle{display:none;border:0;background:transparent;width:42px;height:42px;padding:10px;cursor:pointer}.menu-toggle span{display:block;height:2px;background:var(--navy);margin:5px 0}
.hero{min-height:min(760px,calc(100svh - 118px));height:690px;max-height:850px;background:var(--navy);color:#fff;position:relative;overflow:hidden;display:flex;align-items:center}.hero-video,.hero-shade,.hero-grid{position:absolute;inset:0;width:100%;height:100%}.hero-video{object-fit:cover;object-position:center;opacity:1}.hero-shade{background:linear-gradient(90deg,rgba(4,24,40,.78) 0%,rgba(6,35,55,.48) 43%,rgba(6,35,55,.12) 100%),linear-gradient(0deg,rgba(3,23,39,.28),transparent 55%)}.hero-grid{opacity:.12;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(90deg,#000,transparent 75%)}.hero-content{position:relative;z-index:2;padding-block:80px}.eyebrow{display:flex;align-items:center;gap:10px;color:#526a78;font-size:10px;font-weight:700;letter-spacing:.17em;text-transform:uppercase;margin-bottom:21px}.eyebrow.light{color:#c5d7e0}.eyebrow-dot{width:7px;height:7px;background:var(--orange);display:inline-block;border-radius:50%;box-shadow:0 0 0 5px #f28a241c}.hero h1,.section h2{font-family:Manrope,sans-serif;letter-spacing:-.055em;line-height:1.08;font-weight:700}.hero h1{font-size:clamp(40px,5.35vw,70px);max-width:1000px;margin:0 0 25px;text-wrap:balance}.hero h1 em,.section h2 em{font-style:normal;color:var(--orange)}.hero-copy{font-size:15px;max-width:550px;color:#d5e0e7;line-height:1.85;margin:0 0 31px}.hero-actions{display:flex;gap:13px;flex-wrap:wrap}.btn{display:inline-flex;align-items:center;justify-content:center;gap:26px;padding:15px 20px;border-radius:4px;border:1px solid transparent;font-weight:700;font-size:12px;transition:transform .2s,background .2s;cursor:pointer}.btn:hover{transform:translateY(-2px)}.btn-orange{background:var(--orange);color:#172a35}.btn-orange:hover{background:var(--orange-2)}.btn-glass{border-color:#ffffff70;color:#fff;background:#ffffff0b}.btn-glass:hover{background:#ffffff17}.btn-dark{background:var(--navy);color:#fff}.play-icon{font-size:10px;border:1px solid #ffffff80;border-radius:50%;width:24px;height:24px;display:grid;place-items:center;padding-left:2px}.hero-note{display:flex;align-items:center;gap:12px;color:#c4d4dc;font-size:9px;letter-spacing:.2em;margin-top:70px}.hero-note .line{height:1px;width:42px;background:var(--orange)}.hero-index{position:absolute;right:35px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:12px;writing-mode:vertical-rl;font-size:9px;letter-spacing:.22em;color:#d1e1e8}.hero-index span:first-child{color:var(--orange);font-size:13px}.hero-index i{height:55px;width:1px;background:#ffffff80}.scroll-cue{position:absolute;bottom:27px;right:42px;color:#d2dfe6;font-size:9px;letter-spacing:.15em;display:flex;gap:14px;align-items:center}.scroll-cue span{font-size:18px;color:var(--orange)}
.trust-strip{background:#f1f5f6;border-bottom:1px solid #e4ebee}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);padding:25px 0;gap:20px}.trust-grid>div{display:flex;align-items:center;gap:13px;border-right:1px solid #d7e0e4;padding-left:14px}.trust-grid>div:first-child{padding-left:0}.trust-grid>div:last-child{border:0}.trust-icon{font:700 12px Manrope;color:var(--orange);border:1px solid #f0b979;width:36px;height:36px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.trust-grid b,.trust-grid small{display:block}.trust-grid b{font-size:12px}.trust-grid small{font-size:10px;color:var(--muted);margin-top:2px}
.section{padding:108px 0}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:clamp(48px,8vw,105px);align-items:center}.section h2{font-size:clamp(34px,4.2vw,54px);margin:0 0 22px}.section-copy p,.process-intro p,.contact-intro>p,.materials-layout>div>p{font-size:14px;line-height:1.9;color:var(--muted);margin:0 0 16px}.visual-stack{position:relative;padding:0 35px 36px 0}.visual-main{height:430px;background:#e8eef1;overflow:hidden}.visual-main img{width:100%;height:100%;object-fit:cover}.visual-stack:before{content:"";position:absolute;z-index:-1;left:20px;bottom:15px;width:78%;height:80%;background:#eef2f3}.visual-stamp{position:absolute;right:0;bottom:0;background:var(--orange);color:var(--navy);width:158px;height:158px;padding:20px;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center}.stamp-symbol{font:800 28px Manrope;line-height:1}.stamp-symbol span{color:#fff}.visual-stamp b{font-size:11px;margin-top:13px}.visual-stamp small{font-size:10px}.visual-caption{position:absolute;left:0;top:18px;writing-mode:vertical-rl;transform:rotate(180deg);font-size:9px;letter-spacing:.16em;color:#526a78}.text-link{display:inline-flex;gap:30px;align-items:center;color:var(--navy);font-size:12px;font-weight:700;margin-top:17px;border-bottom:1px solid #a9b8bf;padding-bottom:8px}.text-link span{color:var(--orange);font-size:17px}
.values-section{background:#f4f7f8;padding-top:96px;padding-bottom:100px}.section-heading{max-width:700px;margin-bottom:43px}.section-heading.centered{text-align:center;margin-inline:auto}.section-heading.centered .eyebrow{justify-content:center}.section-heading>p,.split-heading>p{font-size:14px;color:var(--muted);max-width:520px;margin:0;line-height:1.8}.section-heading.centered>p{margin:auto}.value-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.value-card{background:#fff;border:1px solid #e2e9ec;padding:31px;position:relative;min-height:285px;transition:transform .25s,box-shadow .25s}.value-card:hover{transform:translateY(-5px);box-shadow:var(--shadow)}.value-card.featured{background:var(--navy);color:#fff;border-color:var(--navy)}.card-number{font-size:9px;letter-spacing:.16em;color:#7c8e98}.featured .card-number{color:#b6cbd6}.line-icon{font-size:36px;color:var(--orange);margin:24px 0 12px}.value-card h3{font:700 20px Manrope;margin:0 0 9px}.value-card p{font-size:12px;line-height:1.8;color:var(--muted);margin:0;max-width:290px}.featured p{color:#c3d3dc}.card-arrow{position:absolute;right:28px;top:28px;color:var(--orange)}
.solutions-section{background:var(--navy);color:#fff}.split-heading{display:flex;align-items:end;justify-content:space-between;gap:45px;max-width:none}.split-heading h2{margin-bottom:0}.split-heading>p{max-width:360px;color:#b9cbd5;padding-bottom:5px}.solutions-section .eyebrow,.machines-section .eyebrow,.quote-banner .eyebrow{color:#c2d4dd}.solution-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:45px}.solution-card{background:#12354b;min-width:0}.solution-image{height:240px;position:relative;overflow:hidden;background:#e9edf0}.solution-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}.solution-card:hover .solution-image img{transform:scale(1.05)}.solution-image>span{position:absolute;top:16px;left:16px;background:var(--orange);color:var(--navy);font:700 11px Manrope;padding:8px 10px}.solution-body{position:relative;padding:24px 55px 26px 24px}.solution-body h3{font:700 18px Manrope;margin:0 0 10px}.solution-body p{font-size:12px;color:#c1d1da;line-height:1.8;margin:0}.solution-body>a{position:absolute;right:20px;bottom:25px;width:30px;height:30px;border:1px solid #ffffff50;display:grid;place-items:center;color:var(--orange)}
.process-section{background:#fff}.process-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,9vw,120px)}.process-intro{align-self:start;position:sticky;top:130px}.process-intro .btn{margin-top:18px}.process-list article{display:grid;grid-template-columns:55px 1fr 25px;gap:18px;padding:25px 0;border-top:1px solid var(--line);align-items:start}.process-list article:last-child{border-bottom:1px solid var(--line)}.process-num{font:700 13px Manrope;color:var(--orange);padding-top:4px}.process-list h3{font:700 17px Manrope;margin:0 0 5px}.process-list p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:500px}.process-mark{color:#93a3ac}
.technology-section{background:#f3f6f7}.tech-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;margin-top:40px}.tech-card{padding:24px;background:#fff;border:1px solid #e1e8eb;min-height:260px;display:flex;flex-direction:column}.tech-top{display:flex;justify-content:space-between;align-items:center;color:#82939c;font-size:10px}.tech-symbol{font-size:28px;color:var(--orange)}.tech-card h3{font:700 17px Manrope;margin:34px 0 11px;line-height:1.35}.tech-card p{font-size:12px;color:var(--muted);line-height:1.8;margin:0 0 25px}.tech-tag{font-size:8px;letter-spacing:.12em;font-weight:700;color:#6c818d;margin-top:auto}
.machines-section{background:#08263e;color:#fff;padding:0}.machine-layout{display:grid;grid-template-columns:1fr 1fr;min-height:570px}.machine-image{position:relative;min-height:570px;background:#dfe5e7}.machine-image img{width:100%;height:100%;position:absolute;inset:0;object-fit:cover}.image-label{position:absolute;bottom:22px;left:22px;background:var(--orange);color:var(--navy);font-size:9px;letter-spacing:.14em;font-weight:700;padding:11px 14px}.machine-copy{padding:75px clamp(30px,6vw,80px);align-self:center}.machine-copy h2{font-size:clamp(35px,4vw,50px)}.machine-copy>p{color:#bfd0d9;font-size:13px;line-height:1.9;margin:0 0 26px}.machine-list{border-top:1px solid #ffffff30;margin-bottom:25px}.machine-list>div{display:flex;align-items:center;gap:16px;border-bottom:1px solid #ffffff30;padding:12px 0;font-size:12px;color:#e1e9ed}.machine-list span{color:var(--orange);font:700 10px Manrope}.light-link{color:#fff;border-color:#ffffff50}
.materials-section{background:#fff}.materials-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:clamp(45px,9vw,120px)}.material-list article{display:grid;grid-template-columns:35px 1fr 25px;gap:14px;padding:19px 0;border-top:1px solid var(--line);align-items:start}.material-list article:last-child{border-bottom:1px solid var(--line)}.material-list article>span{font:700 11px Manrope;color:var(--orange);padding-top:3px}.material-list h3{font:700 17px Manrope;margin:0 0 4px}.material-list p{font-size:12px;line-height:1.7;color:var(--muted);margin:0}.material-list article>b{color:#8b9ba4;font-weight:400}
.industries-section{background:#f3f6f7}.industry-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px;margin-top:43px}.industry-card{height:350px;position:relative;overflow:hidden;background:linear-gradient(145deg,#f8fafb 0%,#e6edf1 100%);color:#fff;border:1px solid #e0e8ec}.industry-card>img{width:100%;height:100%;padding:18px 14px 96px;object-fit:contain;object-position:center;transition:transform .5s;filter:drop-shadow(0 10px 12px rgba(8,38,62,.10))}.industry-card:hover>img{transform:scale(1.035)}.industry-overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(4,25,41,.98) 0%,rgba(4,25,41,.88) 20%,rgba(4,25,41,.12) 48%,rgba(4,25,41,0) 70%);pointer-events:none}.industry-content{position:absolute;bottom:22px;left:20px;right:15px;display:flex;flex-direction:column}.industry-content small{font-size:8px;letter-spacing:.16em;color:#ffb15c}.industry-content b{font:700 17px Manrope;margin:7px 0 10px}.industry-content i{font-style:normal;font-size:10px;color:#d2e0e7}
.gallery-section{background:#fff}.gallery-filters{display:flex;gap:8px;margin:-12px 0 24px}.filter-btn{border:1px solid var(--line);background:#fff;color:#526a78;padding:9px 15px;font-size:10px;font-weight:700;cursor:pointer;border-radius:2px}.filter-btn.active,.filter-btn:hover{background:var(--navy);border-color:var(--navy);color:#fff}.gallery-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.gallery-item{margin:0;background:#f2f5f6;border:1px solid #e7ecee;min-width:0;transition:transform .2s}.gallery-item:hover{transform:translateY(-3px)}.gallery-item[hidden]{display:none}.gallery-item img{width:100%;height:220px;padding:12px;object-fit:contain;object-position:center;background:linear-gradient(145deg,#fff,#f1f5f7)}.gallery-item figcaption{padding:14px;display:flex;flex-direction:column;gap:3px}.gallery-item figcaption span{font:700 12px Manrope}.gallery-item figcaption small{font-size:10px;color:var(--muted)}.gallery-note{font-size:10px;color:#82919a;margin-top:18px}
.quote-banner{background:var(--navy);color:#fff;padding:75px 0;overflow:hidden;position:relative}.quote-inner{display:flex;align-items:center;justify-content:space-between;gap:30px;position:relative}.quote-inner h2{font-size:clamp(34px,4.5vw,55px);margin:0}.quote-inner .btn{position:relative;z-index:2}.quote-orbit{position:absolute;width:320px;height:320px;border:1px solid #ffffff15;border-radius:50%;right:15%;top:-190px;box-shadow:0 0 0 40px #ffffff08,0 0 0 80px #ffffff05}
.contact-section{background:#f4f7f8}.contact-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:clamp(45px,8vw,100px)}.contact-intro h2{font-size:clamp(38px,4.6vw,58px)}.contact-points{margin-top:34px;display:grid;gap:17px}.contact-points>div{display:flex;gap:13px;align-items:center}.contact-point-icon{width:39px;height:39px;border:1px solid #d5e0e4;background:#fff;display:grid;place-items:center;color:var(--orange);font-size:19px}.contact-points b,.contact-points small{display:block}.contact-points b{font-size:12px}.contact-points small{font-size:10px;color:var(--muted);margin-top:2px}.contact-form{background:#fff;border:1px solid #e2e9ec;padding:clamp(24px,4vw,42px);box-shadow:0 12px 45px #09263e08}.form-heading{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}.form-heading span{font:800 12px Manrope;letter-spacing:.12em}.form-heading small{font-size:10px;color:var(--muted)}.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:11px;font-weight:700;margin-bottom:17px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:15px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #dce5e9;border-radius:2px;padding:12px 13px;background:#fbfcfc;color:var(--ink);font-size:12px;outline:none;transition:border .2s}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #0b638012}.contact-form textarea{resize:vertical;min-height:110px}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9ba9b0}.form-submit{width:100%;border:0}.form-note{font-size:10px;color:#83919a;margin:13px 0 0}.form-status{font-size:12px;color:var(--blue);margin-top:10px}
.site-footer{background:#061c2d;color:#fff}.footer-main{display:grid;grid-template-columns:1.3fr .7fr .9fr 1fr;gap:48px;padding-top:65px;padding-bottom:54px}.brand-footer{color:#fff}.brand-footer img{background:#fff;border-radius:3px}.brand-footer span{color:#fff}.footer-brand>p,.footer-contact>p{font-size:11px;line-height:1.9;color:#afc0ca;max-width:290px;margin:19px 0}.footer-pill{display:inline-flex;gap:10px;align-items:center;border:1px solid #ffffff2b;padding:8px 11px;font-size:8px;letter-spacing:.12em;color:#d3e0e6}.footer-pill span{color:var(--orange)}.footer-links,.footer-contact{display:flex;flex-direction:column;align-items:flex-start}.footer-links h3,.footer-contact h3{font:700 13px Manrope;margin:7px 0 20px}.footer-links a{font-size:11px;color:#b6c6cf;margin-bottom:11px;transition:color .2s}.footer-links a:hover{color:var(--orange)}.footer-contact-link{font-size:11px;font-weight:700;border-bottom:1px solid #ffffff50;padding-bottom:9px;width:100%;display:flex;justify-content:space-between}.footer-contact-link span{color:var(--orange);font-size:16px}.footer-social{display:flex;flex-wrap:wrap;gap:7px;margin-top:24px}.footer-social span{font-size:7px;letter-spacing:.1em;color:#aebfc8;border:1px solid #ffffff25;padding:6px 7px}.footer-bottom{border-top:1px solid #ffffff22;min-height:58px;display:flex;align-items:center;justify-content:space-between;gap:18px;font-size:9px;color:#a7b8c2}.footer-bottom a{color:#fff}.floating-actions{position:fixed;right:22px;bottom:22px;z-index:110;display:flex;flex-direction:column;gap:12px}.float-btn{width:58px;height:58px;border-radius:50%;display:flex;align-items:center;justify-content:center;position:relative;box-shadow:0 8px 22px #00152635;transition:transform .2s,box-shadow .2s;border:2px solid #fff}.float-btn:hover{transform:translateY(-3px) scale(1.04);box-shadow:0 12px 28px #00152645}.float-btn svg{width:24px;height:24px;fill:#fff}.float-btn span{position:absolute;right:68px;background:#fff;color:var(--navy);border-radius:4px;padding:5px 9px;font-size:10px;font-weight:700;white-space:nowrap;box-shadow:0 4px 15px #00152618;opacity:0;pointer-events:none;transition:opacity .2s}.float-btn:hover span,.float-btn:focus-visible span{opacity:1}.float-call{background:#0b6380}.float-whatsapp{background:#20b86a}
@media(max-width:1000px){.main-nav{gap:14px}.main-nav>a{font-size:11px}.nav-cta{padding:11px}.brand img{width:49px}.brand b{font-size:12px}.two-col{gap:45px}.tech-grid{grid-template-columns:repeat(2,1fr)}.industry-grid{grid-template-columns:repeat(2,1fr)}.industry-card{height:330px}.footer-main{grid-template-columns:1.2fr .8fr .8fr;gap:35px}.footer-contact{grid-column:1/-1;max-width:480px}.gallery-item img{height:190px}}
@media(max-width:760px){.container{width:min(var(--max),calc(100% - 36px))}.topbar-inner{min-height:31px;font-size:9px}.topbar-inner>span{max-width:70%;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.site-header{height:72px}.brand img{width:47px;height:47px}.menu-toggle{display:block;margin-left:auto}.main-nav{display:none;position:absolute;left:0;right:0;top:72px;background:#fff;padding:14px 22px 22px;box-shadow:0 15px 25px #09263e18;align-items:stretch;gap:0;flex-direction:column;border-top:1px solid var(--line)}.main-nav.open{display:flex}.main-nav>a:not(.nav-cta){padding:12px 2px;border-bottom:1px solid #edf1f2}.main-nav>a:not(.nav-cta):after{display:none}.nav-cta{margin-top:13px;text-align:center}.hero{height:auto;min-height:650px;max-height:none}.hero-content{padding-block:90px 85px}.hero h1{font-size:clamp(42px,10vw,66px)}.hero-copy{font-size:13px;max-width:480px}.hero-note{margin-top:50px;font-size:8px}.hero-index{right:13px;top:auto;bottom:115px;transform:none}.scroll-cue{right:18px;bottom:18px;font-size:8px}.trust-grid{grid-template-columns:repeat(2,1fr);gap:20px 10px;padding:23px 0}.trust-grid>div{padding-left:0;border-right:0}.trust-grid small{font-size:9px}.section{padding:76px 0}.two-col,.process-layout,.materials-layout,.contact-layout{grid-template-columns:1fr;gap:43px}.visual-stack{max-width:560px;width:100%;margin:auto}.visual-main{height:350px}.visual-stamp{width:130px;height:130px}.section h2{font-size:clamp(34px,8vw,48px)}.section-copy p,.process-intro p,.contact-intro>p{font-size:13px}.values-section{padding:72px 0}.value-cards{grid-template-columns:1fr;gap:12px}.value-card{min-height:230px;padding:26px}.line-icon{margin:17px 0 8px}.split-heading{display:block}.split-heading>p{margin-top:22px}.solution-grid{grid-template-columns:1fr;gap:14px;margin-top:32px}.solution-image{height:280px}.solution-body{padding:22px 60px 24px 22px}.process-intro{position:static}.process-list article{grid-template-columns:37px 1fr 20px;gap:12px;padding:21px 0}.process-list h3{font-size:15px}.tech-grid{grid-template-columns:1fr 1fr;gap:10px}.tech-card{padding:19px;min-height:245px}.tech-card h3{font-size:15px;margin-top:27px}.machine-layout{grid-template-columns:1fr}.machine-image{min-height:350px;height:350px}.machine-copy{padding:55px 0 60px}.machine-copy>p{font-size:12px}.industry-grid{gap:10px}.industry-card{height:300px}.industry-content{left:14px;bottom:17px}.industry-content b{font-size:15px}.gallery-grid{grid-template-columns:repeat(2,1fr);gap:10px}.gallery-item img{height:180px}.gallery-item figcaption{padding:11px}.gallery-item figcaption span{font-size:11px}.quote-inner{display:block}.quote-inner .btn{margin-top:27px}.quote-banner{padding:62px 0}.contact-form{padding:24px 18px}.footer-main{grid-template-columns:1fr 1fr;gap:32px 22px;padding-top:50px}.footer-brand{grid-column:1/-1}.footer-contact{grid-column:1/-1}.footer-bottom{padding:16px 0;flex-wrap:wrap;justify-content:space-between}.footer-bottom span:last-child{display:none}.floating-actions{right:13px;bottom:14px;gap:10px}.float-btn{width:52px;height:52px}.float-btn svg{width:22px;height:22px}}
@media(max-width:420px){.container{width:calc(100% - 30px)}.topbar-inner>span{max-width:66%}.hero{min-height:670px}.hero h1{font-size:40px}.hero-actions{align-items:stretch;flex-direction:column;max-width:300px}.btn{justify-content:space-between}.hero-note{margin-top:40px}.trust-grid>div{gap:9px}.trust-icon{width:31px;height:31px;font-size:10px}.trust-grid b{font-size:11px}.trust-grid small{font-size:8px}.visual-main{height:285px}.visual-caption{font-size:8px}.tech-grid{grid-template-columns:1fr}.tech-card{min-height:210px}.tech-card h3{margin-top:20px}.industry-card{height:245px}.industry-content b{font-size:13px}.industry-content small{font-size:7px}.gallery-item img{height:145px}.gallery-filters{gap:5px;flex-wrap:wrap}.filter-btn{padding:8px 11px}.form-row{grid-template-columns:1fr;gap:0}.form-heading{align-items:flex-start;gap:8px}.footer-main{gap:28px 15px}.footer-links h3,.footer-contact h3{font-size:12px}.footer-bottom{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.hero-video{display:none}}

/* Product image click-through: accessible full-screen lightbox */
.gallery-item img,.solution-image img,.industry-card>img,.visual-main img,.machine-image img{cursor:zoom-in}
.product-lightbox{position:fixed;inset:0;z-index:1000;background:rgba(3,15,24,.94);display:none;align-items:center;justify-content:center;padding:32px}
.product-lightbox.open{display:flex}
.product-lightbox figure{margin:0;max-width:min(1100px,94vw);max-height:90vh;display:flex;flex-direction:column;align-items:center;gap:12px}
.product-lightbox img{max-width:100%;max-height:78vh;object-fit:contain;background:#fff;border-radius:4px}
.product-lightbox figcaption{color:#fff;font:600 13px Manrope,sans-serif;text-align:center}
.product-lightbox .lightbox-close{position:absolute;right:22px;top:18px;width:46px;height:46px;border:1px solid #ffffff70;border-radius:50%;background:#ffffff12;color:#fff;font-size:28px;cursor:pointer}
.product-lightbox .lightbox-hint{color:#b9cbd5;font-size:10px;text-align:center}
@media(max-width:760px){.hero-video{object-position:60% center}.hero-shade{background:linear-gradient(90deg,rgba(4,24,40,.72),rgba(6,35,55,.32)),linear-gradient(0deg,rgba(3,23,39,.42),transparent 70%)}.hero h1{font-size:clamp(37px,8.2vw,58px);max-width:100%}.product-lightbox{padding:16px}.product-lightbox img{max-height:72vh}.product-lightbox .lightbox-close{right:12px;top:12px}}

/* Brand-aligned loading screen */
.site-preloader{position:fixed;inset:0;z-index:9999;display:grid;place-items:center;background:#fff;opacity:1;visibility:visible;transition:opacity .45s ease,visibility .45s ease}
.site-preloader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}
.preloader-inner{display:flex;flex-direction:column;align-items:center;gap:13px;padding:24px;text-align:center}
.preloader-inner img{width:122px;height:74px;object-fit:contain;animation:logoFloat 1.6s ease-in-out infinite}
.preloader-brand{font-family:Manrope,sans-serif;font-size:15px;font-weight:800;letter-spacing:.14em;color:#101d2c}
.preloader-brand b{display:block;font-size:10px;letter-spacing:.36em;color:#1684b7;margin-top:5px}
.preloader-track{display:block;width:150px;height:3px;background:#e4edf2;overflow:hidden;border-radius:10px;margin-top:6px}
.preloader-track i{display:block;width:45%;height:100%;border-radius:10px;background:linear-gradient(90deg,#1684b7,#39b7d9);animation:loaderSlide 1.15s ease-in-out infinite}
.preloader-caption{font-size:9px;letter-spacing:.18em;color:#667987}
@keyframes loaderSlide{0%{transform:translateX(-110%)}100%{transform:translateX(340%)}}
@keyframes logoFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@media(prefers-reduced-motion:reduce){.site-preloader,.preloader-inner img,.preloader-track i{animation:none;transition:none}}

/* Product fit refinement: show complete component/tool without cropping */
.industry-card>img,.gallery-item img,.product-lightbox img{object-position:center}
.industry-content{z-index:2}
.industry-card:focus-visible{outline:3px solid #1684b7;outline-offset:3px}
@media(max-width:760px){.industry-card{height:300px}.industry-card>img{padding:14px 10px 88px}.gallery-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-item img{height:190px;padding:9px}}
@media(max-width:420px){.industry-grid{grid-template-columns:1fr}.industry-card{height:320px}.gallery-grid{grid-template-columns:1fr}.gallery-item img{height:230px}}


/* Product cards: consistent image framing and side-panel enquiry flow */
.solution-image{height:clamp(210px,22vw,280px);background:#f7fafb;display:flex;align-items:center;justify-content:center;padding:12px}
.solution-image img{width:100%;height:100%;object-fit:contain;object-position:center;mix-blend-mode:multiply}
.solution-card{display:flex;flex-direction:column;height:100%;overflow:hidden;border:1px solid #ffffff12;transition:transform .25s,box-shadow .25s}
.solution-body{flex:1}
.gallery-item{display:flex;flex-direction:column;overflow:hidden;cursor:pointer}
.gallery-item img{height:clamp(175px,19vw,230px);padding:14px;object-fit:contain;object-position:center;background:#f8fafb;transition:transform .25s}
.gallery-item:hover img{transform:scale(1.025)}
.industry-card>img{object-fit:contain;object-position:center;padding:16px 12px 78px;background:#f8fafb}
.product-clickable{cursor:pointer}
.product-clickable:focus-visible{outline:3px solid #1684b7;outline-offset:3px}
.product-drawer{position:fixed;inset:0;z-index:1200;visibility:hidden;pointer-events:none}
.product-drawer.is-open{visibility:visible;pointer-events:auto}
.product-drawer-backdrop{position:absolute;inset:0;width:100%;height:100%;border:0;background:rgba(3,17,29,.68);opacity:0;transition:opacity .25s;cursor:pointer;backdrop-filter:blur(4px)}
.product-drawer.is-open .product-drawer-backdrop{opacity:1}
.product-drawer-panel{position:absolute;top:50%;left:50%;right:auto;width:min(1080px,calc(100% - 56px));max-height:min(900px,92vh);overflow:hidden;background:#fff;box-shadow:0 28px 100px #00162655;border:1px solid #dce8ed;border-radius:12px;transform:translate(-50%,-46%) scale(.985);opacity:0;transition:transform .28s ease,opacity .28s ease;overscroll-behavior:contain;display:flex;flex-direction:column}
.product-drawer.is-open .product-drawer-panel{transform:translate(-50%,-50%) scale(1);opacity:1}
.product-drawer-header{position:relative;flex:0 0 auto;z-index:3;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:18px 26px;background:rgba(255,255,255,.98);border-bottom:1px solid #e5edf1}
.drawer-eyebrow{font-size:9px;letter-spacing:.15em;font-weight:800;color:#1684b7}
.product-drawer-header h2{font:800 25px/1.2 Manrope,sans-serif;color:#102638;margin:7px 0 0}
.product-drawer-close{width:40px;height:40px;flex:0 0 40px;border-radius:50%;border:1px solid #dce6eb;background:#fff;color:#12354b;font-size:26px;cursor:pointer;transition:background .2s,color .2s}
.product-drawer-close:hover{background:#102638;color:#fff}
.product-drawer-content{padding:24px 26px 28px;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr);gap:28px;overflow-y:auto;min-height:0}
.product-detail-visual{min-width:0;align-self:start;position:sticky;top:0}
.product-drawer-image-wrap{height:clamp(300px,42vh,450px);min-height:0;min-width:0;display:flex;align-items:center;justify-content:center;padding:18px;background:linear-gradient(145deg,#f8fbfc,#edf4f7);border:1px solid #e2ebef;border-radius:8px;overflow:hidden;box-sizing:border-box}
.product-drawer-image{display:block;flex:0 1 auto;width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;min-width:0;min-height:0;object-fit:contain;object-position:center center;margin:auto;box-sizing:border-box}
.product-drawer-image-wrap img.product-drawer-image{aspect-ratio:auto}
.product-visual-caption{margin-top:15px;padding:15px 17px;background:#102638;border-left:3px solid #1684b7;border-radius:3px}
.product-visual-kicker{font-size:9px;letter-spacing:.16em;font-weight:800;color:#4eb6df}
.product-visual-caption p{font-size:11px;line-height:1.7;color:#e4eef3;margin:7px 0 0}
.product-detail-information{min-width:0}
.product-drawer-meta{padding:0 0 4px}
.product-drawer-category{display:inline-flex;padding:7px 10px;background:#e8f5fa;color:#087aa9;font-size:9px;font-weight:800;letter-spacing:.1em;border-radius:2px}
.product-drawer-description{font-size:13px;line-height:1.8;color:#5b6f7c;margin:13px 0 0}
.product-drawer-highlights{display:grid;grid-template-columns:1fr;gap:0;margin:16px 0 20px;border-top:1px solid #e8eef1}
.product-drawer-highlights>div{display:flex;align-items:center;gap:13px;padding:9px 0;border-bottom:1px solid #e8eef1;font-size:11px;color:#3c5362}
.product-drawer-highlights b{font-size:10px;color:#1684b7;letter-spacing:.08em}
.product-enquiry-form{padding:20px;background:#f5f8fa;border:1px solid #e4edf1;border-radius:6px}
.drawer-form-title h3{font:800 19px Manrope,sans-serif;color:#102638;margin:0 0 6px}
.drawer-form-title p{font-size:11px;color:#6b7e89;margin:0 0 18px;line-height:1.6}
.product-enquiry-form label{display:flex;flex-direction:column;gap:7px;margin:0 0 12px;font-size:10px;font-weight:800;color:#344c5b}
.product-enquiry-form input,.product-enquiry-form textarea{width:100%;min-width:0;border:1px solid #d8e3e8;border-radius:4px;background:#fff;padding:11px 12px;color:#102638;font:12px Inter,Arial,sans-serif;outline:none}
.product-enquiry-form input:focus,.product-enquiry-form textarea:focus{border-color:#1684b7;box-shadow:0 0 0 3px #1684b71a}
.product-enquiry-form textarea{resize:vertical;min-height:65px}
.drawer-form-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.drawer-submit{width:100%;border:0;justify-content:space-between;margin-top:3px}
.drawer-form-note,.drawer-form-status{font-size:10px;line-height:1.6;color:#71838e;margin:12px 0 0}
.drawer-form-status{color:#087aa9;font-weight:700}
body.product-drawer-open{overflow:hidden}
@media(max-width:760px){.solution-image{height:240px}.gallery-item img{height:180px}.product-drawer-panel{width:calc(100% - 20px);max-height:94dvh;border-radius:12px}.product-drawer-header{padding:15px 17px}.product-drawer-header h2{font-size:20px}.product-drawer-content{padding:16px;grid-template-columns:1fr;gap:18px}.product-detail-visual{position:static}.product-drawer-image-wrap{height:clamp(190px,30vh,280px);padding:14px}.product-visual-caption{margin-top:10px;padding:12px 14px}.product-drawer-meta{padding-top:0}.product-enquiry-form{padding:16px}.drawer-form-row{grid-template-columns:1fr;gap:0}.product-drawer-highlights{margin:14px 0 17px}}
@media(max-width:420px){.gallery-item img{height:165px}.solution-image{height:220px}.product-drawer-content{padding:12px;gap:14px}.product-drawer-image-wrap{height:190px}.product-drawer-header{padding:13px 14px}.product-drawer-header h2{font-size:18px}}
.solution-image{height:220px}.product-drawer-image-wrap{height:190px}}

/* Product detail image containment fix: keep the complete source image visible. */
.product-drawer-image-wrap{isolation:isolate}
.product-drawer-image-wrap>.product-drawer-image{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important}
@media(max-width:760px){.product-drawer-image-wrap{height:clamp(220px,34vh,320px);padding:12px}.product-drawer-image-wrap>.product-drawer-image{max-width:100%!important;max-height:100%!important}}


/* Final hero readability + footer utility links */
.hero{align-items:stretch;min-height:680px;height:min(760px,calc(100svh - 118px));max-height:850px}
.hero-content{position:absolute;left:0;right:0;bottom:54px;padding-block:0;max-width:var(--max)}
.hero h1{max-width:1050px;font-size:clamp(38px,4.7vw,64px);margin-bottom:15px}
.hero-copy{max-width:530px;margin-bottom:20px}
.hero-note{margin-top:24px}
.hero-shade{background:linear-gradient(180deg,rgba(4,24,40,.04) 0%,rgba(4,24,40,.02) 36%,rgba(4,24,40,.35) 58%,rgba(3,20,34,.88) 100%),linear-gradient(90deg,rgba(4,24,40,.18),rgba(6,35,55,.02) 80%)}
.hero-grid{opacity:.07}
.footer-bottom .profile-download{color:#bce9f6;border-bottom:1px solid #1684b7;padding-bottom:3px}
.footer-bottom .profile-download:hover,.site-credit a:hover{color:#39b7d9}
.site-credit{border-top:1px solid #ffffff18;padding-top:13px;padding-bottom:17px;text-align:center;color:#8fa7b5;font-size:10px;letter-spacing:.03em}
.site-credit a{color:#bce9f6;font-weight:700;margin-left:4px}
@media(max-width:760px){.hero{height:auto;min-height:760px;max-height:none}.hero-content{bottom:65px}.hero h1{font-size:clamp(34px,8vw,52px);max-width:100%;line-height:1.06}.hero-copy{font-size:13px;max-width:95%}.hero-shade{background:linear-gradient(180deg,rgba(4,24,40,.02) 0%,rgba(4,24,40,.08) 32%,rgba(3,20,34,.9) 100%)}.hero-note{margin-top:24px}.hero-index{top:44%;bottom:auto}.scroll-cue{bottom:17px}.footer-bottom{align-items:flex-start}.footer-bottom .profile-download{order:3;flex-basis:100%;width:max-content}.site-credit{line-height:1.8}}
@media(max-width:420px){.hero{min-height:790px}.hero-content{bottom:62px}.hero h1{font-size:clamp(32px,8.3vw,40px)}.hero-actions{max-width:100%}.hero-note{letter-spacing:.12em}}


/* Hero video control: unobtrusive, responsive, and always above the background layers. */
.hero-video-toggle{position:absolute;z-index:5;left:clamp(18px,3vw,42px);bottom:22px;display:inline-flex;align-items:center;gap:9px;padding:9px 13px;border:1px solid rgba(255,255,255,.48);border-radius:999px;background:rgba(4,24,40,.58);backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:700;letter-spacing:.02em;cursor:pointer;transition:background .2s,border-color .2s,opacity .2s}
.hero-video-toggle:hover{background:rgba(4,24,40,.88);border-color:#fff}
.hero-video-toggle:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
.hero-video-toggle:disabled{opacity:.65;cursor:not-allowed}
.video-toggle-icon{display:grid;place-items:center;width:22px;height:22px;border:1px solid #ffffff8c;border-radius:50%;font-size:10px;line-height:1}
@media(max-width:760px){.hero-video-toggle{left:16px;bottom:14px;padding:7px 10px;font-size:10px}.hero-video-toggle .video-toggle-icon{width:20px;height:20px}.scroll-cue{right:16px;bottom:20px}}
@media(prefers-reduced-motion:reduce){.hero-video-toggle{display:none}}

/* Typography + icon refinement: consistent engineering-brand visual system */
:root{--font-heading:'Manrope',sans-serif;--font-body:'DM Sans',sans-serif;--focus-ring:0 0 0 3px rgba(22,132,183,.28)}
body{font-family:var(--font-body);font-size:15px;line-height:1.72;letter-spacing:-.012em;text-rendering:optimizeLegibility}
h1,h2,h3,h4,.brand,.nav-cta,.btn,.eyebrow,.card-number,.hero-note,.hero-index,.scroll-cue,.footer-pill,.form-heading{font-family:var(--font-heading)}
h1,h2,h3,h4{letter-spacing:-.045em;text-wrap:balance}
p{ text-wrap:pretty }
.hero h1{font-size:clamp(46px,5.35vw,76px);line-height:1.055;letter-spacing:-.065em;font-weight:800;max-width:900px;text-shadow:0 2px 22px rgba(0,0,0,.16)}
.hero-copy{font-size:clamp(15px,1.2vw,18px);line-height:1.75;max-width:610px;color:rgba(255,255,255,.88)}
.section h2{line-height:1.1;letter-spacing:-.055em}
.section h3,.value-card h3,.solution-body h3,.tech-card h3{letter-spacing:-.035em;line-height:1.2}
.eyebrow{font-size:10px;line-height:1.4;letter-spacing:.18em;font-weight:800}
.main-nav{font-family:var(--font-heading);font-size:12px;letter-spacing:-.01em}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:52px;padding:14px 21px;font-size:12px;font-weight:800;letter-spacing:-.01em;line-height:1.2;transition:transform .2s ease,box-shadow .2s ease,background .2s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(4,29,45,.2)}
.btn:focus-visible,.main-nav a:focus-visible,.float-btn:focus-visible,button:focus-visible,a:focus-visible{outline:0;box-shadow:var(--focus-ring)}
.nav-cta{font-size:12px;font-weight:800;letter-spacing:-.01em}
.line-icon,.contact-point-icon{display:grid;place-items:center;width:48px;height:48px;border:1px solid currentColor;border-radius:12px;font-size:0;line-height:1;color:var(--blue);background:rgba(22,132,183,.07)}
.line-icon svg,.contact-point-icon svg,.card-arrow svg,.icon-inline{display:block;width:23px;height:23px;fill:none;stroke:currentColor;stroke-width:1.7;stroke-linecap:round;stroke-linejoin:round}
.value-card .line-icon{margin:20px 0 13px}
.card-arrow{display:grid;place-items:center;width:36px;height:36px;border:1px solid rgba(255,255,255,.24);border-radius:50%;font-size:0;transition:transform .2s ease,background .2s ease}
.card-arrow svg{width:17px;height:17px}
.value-card:hover .card-arrow{transform:translate(2px,-2px);background:rgba(255,255,255,.12)}
.contact-point-icon{width:42px;height:42px;flex:0 0 42px;border-radius:50%}
.trust-icon{display:grid;place-items:center;font-family:var(--font-heading);font-weight:800;letter-spacing:-.04em}
.play-icon,.video-toggle-icon{display:inline-grid;place-items:center;width:30px;height:30px;border:1px solid currentColor;border-radius:50%;font-size:11px;line-height:1;flex:0 0 auto}
.video-toggle-icon{font-size:13px}
.hero-actions .btn span:not(.play-icon){display:inline-grid;place-items:center;width:24px;height:24px;border-radius:50%;background:rgba(255,255,255,.18);font-size:15px;line-height:1}
.scroll-cue span{display:inline-grid;place-items:center;width:24px;height:24px;border:1px solid currentColor;border-radius:50%;font-size:13px;margin-left:8px}
.float-btn{box-shadow:0 10px 30px rgba(0,0,0,.2);transition:transform .2s ease,box-shadow .2s ease}
.float-btn:hover{transform:translateY(-3px);box-shadow:0 15px 34px rgba(0,0,0,.26)}
.float-btn svg{fill:currentColor;stroke:none}
input,textarea,select{font-family:var(--font-body);font-size:14px;line-height:1.5}
::selection{background:rgba(22,132,183,.2);color:var(--navy)}
@media(max-width:760px){body{font-size:14px}.hero h1{font-size:clamp(39px,9vw,60px);line-height:1.07;letter-spacing:-.06em}.hero-copy{font-size:14px;line-height:1.7}.btn{min-height:50px;padding:13px 17px}.line-icon{width:44px;height:44px}}
@media(prefers-reduced-motion:reduce){.btn,.float-btn,.card-arrow{transition:none!important}.btn:hover,.float-btn:hover,.value-card:hover .card-arrow{transform:none}}


/* Founder / leadership story */
.founder-section{position:relative;overflow:hidden;padding:clamp(58px,8vw,104px) 0;background:linear-gradient(120deg,#f2f7f9 0%,#fff 65%);border-top:1px solid #e4edf1;border-bottom:1px solid #e4edf1}
.founder-section:after{content:"";position:absolute;width:360px;height:360px;border:1px solid #1684b71b;border-radius:50%;right:-120px;top:-180px;box-shadow:0 0 0 36px #1684b709,0 0 0 72px #1684b706;pointer-events:none}
.founder-layout{display:grid;grid-template-columns:minmax(190px,.65fr) minmax(0,1.6fr);gap:clamp(32px,7vw,90px);align-items:center;position:relative;z-index:1}
.founder-mark{min-height:270px;background:#102638;color:#fff;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;padding:clamp(25px,4vw,42px);border-left:4px solid #1684b7;box-shadow:0 22px 55px #10263818}
.founder-monogram{font:800 clamp(45px,6vw,68px)/1 Manrope,sans-serif;letter-spacing:-.08em;color:#fff}.founder-monogram span{color:#39b7d9;font-size:.5em;vertical-align:top;margin-left:5px}.founder-mark-line{width:48px;height:2px;background:#39b7d9;margin:26px 0 17px}.founder-mark small{font-size:9px;letter-spacing:.16em;line-height:1.9;color:#c3d5df;font-weight:700}.founder-copy .eyebrow{margin-bottom:16px}.founder-copy h2{font:800 clamp(30px,4vw,48px)/1.12 Manrope,sans-serif;letter-spacing:-.055em;color:#102638;margin:0 0 20px}.founder-copy h2 em{font-style:normal;color:#1684b7}.founder-copy p{font-size:13px;line-height:1.9;color:#586e7b;max-width:760px;margin:0 0 13px}.founder-principles{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}.founder-principles span{display:inline-flex;align-items:center;gap:9px;padding:9px 12px;border:1px solid #dce7ec;background:#fff;border-radius:4px;color:#314c5c;font-size:10px;font-weight:700}.founder-principles b{font:800 9px Manrope;color:#1684b7}
/* Product details drawer refinements */
.product-drawer{isolation:isolate}.product-drawer-backdrop{background:rgba(3,17,29,.74);backdrop-filter:blur(7px)}.product-drawer-panel{width:min(1120px,calc(100% - 44px));max-height:min(880px,92dvh);border-radius:18px;border-color:#d8e5eb;box-shadow:0 32px 110px #00162670}.product-drawer-header{padding:22px 28px;background:linear-gradient(110deg,#fff,#f8fbfc)}.drawer-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:9px;letter-spacing:.17em}.drawer-eyebrow:before{content:"";width:7px;height:7px;background:#1684b7;border-radius:50%;box-shadow:0 0 0 4px #1684b71a}.product-drawer-header h2{font-size:clamp(23px,2.5vw,30px);letter-spacing:-.04em}.product-drawer-close{display:grid;place-items:center;font-size:0;width:42px;height:42px;flex-basis:42px}.product-drawer-close:before{content:"";width:12px;height:12px;background:currentColor;clip-path:polygon(15% 0,50% 35%,85% 0,100% 15%,65% 50%,100% 85%,85% 100%,50% 65%,15% 100%,0 85%,35% 50%,0 15%)}.product-drawer-content{padding:26px 28px 30px;gap:30px;grid-template-columns:minmax(0,.92fr) minmax(0,1.08fr)}.product-drawer-image-wrap{min-height:280px;height:clamp(300px,39vh,410px);border-radius:12px;background:radial-gradient(circle at 50% 30%,#fff 0,#f3f8fa 70%);border-color:#dce8ed}.product-visual-caption{margin-top:13px;padding:19px 20px;border-radius:8px;border-left-width:4px}.product-visual-kicker{font-size:10px;letter-spacing:.15em}.product-visual-caption p{font-size:12px}.product-drawer-category{align-items:center;gap:8px;padding:8px 11px;border-radius:4px;font-size:9px}.product-drawer-category:before{content:"";display:block;width:6px;height:6px;background:#1684b7;border-radius:50%}.product-drawer-description{font-size:13px;line-height:1.85}.product-drawer-highlights{margin:18px 0 22px}.product-drawer-highlights>div{padding:11px 0;font-size:12px}.product-drawer-highlights b{display:grid;place-items:center;width:28px;height:28px;flex:0 0 28px;border-radius:7px;background:#e8f5fa;font-size:9px}.product-enquiry-form{padding:22px;border-radius:12px;background:linear-gradient(145deg,#f7fafb,#f0f6f8);border-color:#dce8ed}.drawer-form-title h3{font-size:21px;letter-spacing:-.035em}.drawer-form-title p{font-size:12px}.product-enquiry-form label{gap:7px;margin-bottom:14px;font-size:11px}.product-enquiry-form input,.product-enquiry-form textarea{padding:12px 13px;border-radius:7px;font-size:12px;transition:border-color .2s,box-shadow .2s}.product-enquiry-form input:focus,.product-enquiry-form textarea:focus{border-color:#1684b7;box-shadow:0 0 0 4px #1684b718}.product-enquiry-form input[aria-invalid="true"],.product-enquiry-form textarea[aria-invalid="true"]{border-color:#c94747;box-shadow:0 0 0 3px #c9474712}.drawer-submit{min-height:48px;padding:13px 16px;border-radius:7px;font-weight:800}.drawer-submit span{font-size:18px}.drawer-form-note{font-size:10px}.drawer-form-status{padding:9px 11px;border-radius:6px;background:#e7f5ee;color:#176947}.drawer-form-status:empty{display:none}
@media(max-width:760px){.founder-layout{grid-template-columns:1fr;gap:26px}.founder-mark{min-height:185px;padding:28px}.founder-monogram{font-size:50px}.founder-mark-line{margin:18px 0 12px}.founder-copy h2{font-size:clamp(30px,8vw,42px)}.founder-principles{gap:7px}.founder-principles span{font-size:9px}.product-drawer-panel{width:calc(100% - 18px);max-height:94dvh;border-radius:14px}.product-drawer-header{padding:16px 17px}.product-drawer-content{padding:15px;gap:16px}.product-drawer-image-wrap{height:clamp(210px,32vh,300px);min-height:210px;border-radius:9px}.product-enquiry-form{padding:16px}.product-drawer-close{width:38px;height:38px;flex-basis:38px}}
@media(prefers-reduced-motion:reduce){.product-drawer-panel,.product-drawer-backdrop{transition:none}}


/* Official SHRI TECH DYNAMICS wordmark integration */
.brand{gap:0;min-width:0}
.brand img{width:236px;height:auto;max-height:62px;object-fit:contain}
.brand span{display:none}
.brand-footer img{width:260px;height:auto;max-height:76px;background:transparent!important;border-radius:0!important}
.preloader-inner{gap:16px}
.preloader-inner .preloader-wordmark{width:min( min(585px, 78vw), 380px);height:auto;max-height:none;object-fit:contain;animation:logoFloat 1.6s ease-in-out infinite}
.preloader-caption{margin-top:2px}
@media(max-width:1000px){.brand img{width:205px;max-height:55px}}
@media(max-width:760px){.brand img{width:clamp(168px, 52vw, 205px);max-height:48px}.brand-footer img{width:min(250px, 75vw);max-height:70px}.preloader-inner .preloader-wordmark{width:min(82vw, 340px)}}
@media(prefers-reduced-motion:reduce){.preloader-inner .preloader-wordmark{animation:none}}


/* Final polish: restore the original emblem alongside the official wordmark. */
.brand{display:flex;align-items:center;gap:12px;min-width:0}
.brand .brand-mark{width:48px;height:43px;max-height:none;object-fit:contain;flex:0 0 auto}
.brand .brand-wordmark{width:205px;height:auto;max-height:54px;object-fit:contain;flex:0 1 auto}
.brand-footer img{width:260px;height:auto;max-height:76px}
.preloader-brand-lockup{display:flex;align-items:center;justify-content:center;gap:18px;max-width:90vw}
.preloader-inner .preloader-mark{width:clamp(64px,10vw,112px);height:clamp(54px,8vw,84px);object-fit:contain;animation:none}
.preloader-inner .preloader-wordmark{width:min( min(585px, 68vw), 380px);height:auto;max-height:none;object-fit:contain;animation:logoFloat 1.6s ease-in-out infinite}
.product-drawer-close{display:inline-flex;align-items:center;justify-content:center;padding:0;line-height:1;font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:400;text-align:center;appearance:none;-webkit-appearance:none;vertical-align:middle;position:relative;isolation:isolate}
.product-drawer-close:hover{background:#102638;color:#fff}
.product-drawer-close:focus-visible{outline:3px solid #1684b7;outline-offset:3px}
@media(max-width:1000px){.brand .brand-mark{width:42px;height:40px}.brand .brand-wordmark{width:178px;max-height:49px}}
@media(max-width:760px){.brand{gap:8px}.brand .brand-mark{width:36px;height:36px}.brand .brand-wordmark{width:clamp(135px,42vw,185px);max-height:43px}.preloader-brand-lockup{gap:10px}.preloader-inner .preloader-mark{width:clamp(52px,15vw,76px);height:clamp(46px,13vw,64px)}.preloader-inner .preloader-wordmark{width:min(68vw,300px)}.product-drawer-close{width:40px;height:40px;flex-basis:40px;font-size:24px}}
@media(max-width:380px){.brand .brand-mark{width:31px;height:31px}.brand .brand-wordmark{width:clamp(125px,40vw,155px)}.preloader-brand-lockup{gap:7px}.preloader-inner .preloader-wordmark{width:65vw}}

/* Final brand lockup polish: consistent logo, wordmark and footer visibility */
.brand{display:flex;align-items:center;gap:12px;min-width:0;flex-shrink:0}
.brand .brand-mark{display:block;width:46px;height:44px;max-height:none;object-fit:contain;flex:0 0 46px;border-radius:0;background:transparent}
.brand .brand-name{display:block;white-space:nowrap;font-family:Manrope,sans-serif;font-size:13px;line-height:1.15;letter-spacing:.055em;color:#102638;font-weight:600}
.brand .brand-name strong{font-weight:800;color:#1684b7}
.brand-footer .brand-name{color:#fff;font-size:15px;letter-spacing:.07em}
.brand-footer .brand-name strong{color:#39b7d9}
.brand-footer .brand-mark{width:48px;height:46px;flex-basis:48px;filter:drop-shadow(0 0 8px #39b7d91c)}
.footer-brand .brand-footer{width:max-content;max-width:100%;gap:13px;margin-bottom:4px}
.preloader-brand-lockup{display:flex;align-items:center;justify-content:center;gap:16px;max-width:92vw}
.preloader-inner .preloader-mark{display:block;width:82px;height:76px;object-fit:contain;animation:logoFloat 1.6s ease-in-out infinite}
.brand-name-preloader{font-family:Manrope,sans-serif;font-size:clamp(19px,3vw,30px);line-height:1.1;letter-spacing:.045em;color:#102638;white-space:nowrap}
.brand-name-preloader strong{color:#1684b7;font-weight:800}
@media(max-width:1000px){.brand .brand-mark{width:42px;height:40px;flex-basis:42px}.brand .brand-name{font-size:11px}.brand-footer .brand-name{font-size:14px}}
@media(max-width:760px){.brand{gap:8px}.brand .brand-mark{width:36px;height:36px;flex-basis:36px}.brand .brand-name{font-size:clamp(9px,2.7vw,11px);letter-spacing:.025em}.brand-footer .brand-mark{width:42px;height:40px;flex-basis:42px}.brand-footer .brand-name{font-size:clamp(12px,3.5vw,15px)}.preloader-brand-lockup{gap:10px}.preloader-inner .preloader-mark{width:clamp(52px,15vw,76px);height:clamp(48px,14vw,70px)}.brand-name-preloader{font-size:clamp(15px,4.2vw,24px);letter-spacing:.02em}}
@media(max-width:380px){.brand .brand-mark{width:31px;height:31px;flex-basis:31px}.brand .brand-name{font-size:9px}.preloader-brand-lockup{gap:7px}.brand-name-preloader{font-size:14px}}


/* Production polish: full brand name, balanced logo lockup, and video-led hero state */
.site-header .brand{display:flex;align-items:center;gap:14px;min-width:max-content;flex-shrink:0}
.site-header .brand .brand-mark{display:block;width:58px;height:50px;flex:0 0 58px;object-fit:contain;background:transparent;border:0;border-radius:0}
.site-header .brand .brand-name{display:block;white-space:nowrap;font-family:Manrope,sans-serif;font-size:14px;line-height:1.2;letter-spacing:.045em;color:#102638;font-weight:700}
.site-header .brand .brand-name>span{display:inline!important;color:#102638}
.site-header .brand .brand-name strong{display:inline!important;color:#1684b7;font-weight:800}
.footer-brand .brand-footer{display:inline-flex;align-items:center;gap:14px;max-width:100%;width:auto;margin-bottom:8px}
.footer-brand .brand-footer .brand-mark{width:58px;height:52px;flex:0 0 58px;object-fit:contain;background:transparent!important;border-radius:0!important}
.footer-brand .brand-footer .brand-name{display:block;white-space:nowrap;color:#fff;font-size:15px;letter-spacing:.05em}
.footer-brand .brand-footer .brand-name>span{display:inline!important;color:#fff}
.footer-brand .brand-footer .brand-name strong{display:inline!important;color:#39b7d9}
.preloader-brand-lockup .brand-name-preloader>span{display:inline!important;color:#102638}
.preloader-brand-lockup .brand-name-preloader strong{display:inline!important;color:#1684b7}
.hero-content,.hero-index,.scroll-cue{transition:opacity .55s ease,visibility .55s ease,transform .55s ease}
.hero.is-video-playing .hero-content{opacity:0;visibility:hidden;pointer-events:none;transform:translateY(12px)}
.hero.is-video-playing .hero-index{opacity:0;visibility:hidden;pointer-events:none}
@media(max-width:1000px){.site-header .brand{gap:10px}.site-header .brand .brand-mark{width:50px;height:46px;flex-basis:50px}.site-header .brand .brand-name{font-size:12px}}
@media(max-width:760px){.site-header .brand{gap:8px;min-width:0}.site-header .brand .brand-mark{width:43px;height:41px;flex-basis:43px}.site-header .brand .brand-name{font-size:clamp(10px,2.8vw,12px);letter-spacing:.015em}.footer-brand .brand-footer .brand-mark{width:48px;height:44px;flex-basis:48px}.footer-brand .brand-footer .brand-name{font-size:clamp(12px,3.6vw,15px)}.hero.is-video-playing .hero-content{transform:translateY(8px)}}
@media(max-width:380px){.site-header .brand{gap:6px}.site-header .brand .brand-mark{width:36px;height:36px;flex-basis:36px}.site-header .brand .brand-name{font-size:9px;letter-spacing:0}}
@media(prefers-reduced-motion:reduce){.hero-content,.hero-index,.scroll-cue{transition:none!important}}


/* Final fix: one centered close glyph only (prevents the doubled × seen in the product modal). */
.product-drawer-close{display:grid;place-items:center;position:relative;padding:0;line-height:1;font-family:Arial,Helvetica,sans-serif;font-size:25px;font-weight:400;text-align:center;color:#12354b}
.product-drawer-close:before{content:none!important;display:none!important}
.product-drawer-close:hover{color:#fff}
.product-drawer-close:focus-visible{outline:3px solid #1684b7;outline-offset:3px}
.hero-video{background-color:#102638;object-fit:cover}
.hero-video-toggle{z-index:5}
.hero-content,.hero-index{transition:opacity .45s ease,visibility .45s ease,transform .45s ease}
@media(prefers-reduced-motion:reduce){.hero-content,.hero-index{transition:none!important}}

/* Production update: branded fallback banner, accessible video loading and founder contact */
.hero-video-loading{position:absolute;z-index:5;left:clamp(24px,5vw,72px);bottom:26px;width:min(340px,calc(100% - 48px));padding:14px 16px;border:1px solid rgba(255,255,255,.24);border-radius:10px;background:rgba(8,29,46,.88);color:#fff;box-shadow:0 12px 35px rgba(0,0,0,.2);backdrop-filter:blur(12px)}
.hero-video-loading[hidden]{display:none!important}
.hero-video-loading>span:first-child{font-size:11px;font-weight:700;letter-spacing:.04em}
.hero-video-loading strong{float:right;font-size:12px;color:#54c6ff;font-variant-numeric:tabular-nums}
.video-loading-track{display:block;height:5px;overflow:hidden;border-radius:99px;background:#ffffff30;margin:9px 0 7px}
.video-loading-track i{display:block;height:100%;width:0;border-radius:inherit;background:linear-gradient(90deg,#1684b7,#54c6ff);transition:width .25s ease}
.hero-video-loading small{display:block;font-size:10px;line-height:1.45;color:#d4e4ed}
.founder-contact{display:inline-flex;align-items:center;gap:10px;flex-wrap:wrap;margin-top:24px;padding:12px 16px;border:1px solid #2b8db8;border-radius:7px;color:var(--navy);font-weight:800;background:#fff}
.founder-contact>span:first-child{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#e5f5fc;color:#087eaf}
.founder-contact-cta{font-size:11px;font-weight:700;color:#087eaf;margin-left:8px}
@media(max-width:640px){.hero-video-loading{left:20px;bottom:18px;width:calc(100% - 40px);padding:12px 14px}.founder-contact{align-items:flex-start}.founder-contact-cta{width:100%;margin-left:40px}}


/* Hero banner typography tuned to the light-left / tooling-right fallback banner. */
.hero:not(.is-video-playing) .hero-shade{background:linear-gradient(90deg,rgba(248,252,255,.20) 0%,rgba(239,247,252,.12) 47%,rgba(5,25,43,.14) 100%),linear-gradient(0deg,rgba(7,31,50,.16),transparent 48%)}
.hero:not(.is-video-playing) .hero-grid{opacity:.035}
.hero:not(.is-video-playing) .hero-content{width:min(var(--max),calc(100% - 48px));}
.hero:not(.is-video-playing) .hero-content>*{max-width:min(760px,60%)}
.hero:not(.is-video-playing) .eyebrow.light{color:#163b54;text-shadow:none}
.hero:not(.is-video-playing) .hero h1{color:#102d48;font-size:clamp(36px,4.25vw,62px);line-height:1.06;max-width:760px;letter-spacing:-.052em;margin-bottom:20px;text-shadow:0 1px 0 rgba(255,255,255,.24)}
.hero:not(.is-video-playing) .hero h1 em{color:#087fbd}
.hero:not(.is-video-playing) .hero-copy{color:#203e54;max-width:590px;font-weight:500;line-height:1.7}
.hero:not(.is-video-playing) .hero-note{color:#24475d;margin-top:42px}
.hero:not(.is-video-playing) .btn-glass{border-color:#244d6870;color:#15354b;background:rgba(255,255,255,.58)}
.hero:not(.is-video-playing) .play-icon{border-color:#244d6870}
.hero:not(.is-video-playing) .hero-index,.hero:not(.is-video-playing) .scroll-cue{color:#23475e}
.hero:not(.is-video-playing) .hero-index i{background:#23475e70}
.hero.is-video-playing .hero-shade{background:linear-gradient(90deg,rgba(4,24,40,.78) 0%,rgba(6,35,55,.48) 43%,rgba(6,35,55,.12) 100%),linear-gradient(0deg,rgba(3,23,39,.28),transparent 55%)}
.hero.is-video-playing .hero-content>*{max-width:min(820px,70%)}
@media(max-width:760px){
 .hero:not(.is-video-playing) .hero-content>*{max-width:100%}
 .hero:not(.is-video-playing) .hero h1{font-size:clamp(34px,8.5vw,48px);line-height:1.08}
 .hero:not(.is-video-playing) .hero-copy{font-size:14px;max-width:100%}
 .hero:not(.is-video-playing) .hero-note{margin-top:30px}
 .hero.is-video-playing .hero-content>*{max-width:100%}
}

/* Final hero readability and vertical-position correction */
.hero .hero-content{bottom:94px !important;}
.hero:not(.is-video-playing) .hero-content{bottom:112px !important;}
.hero:not(.is-video-playing) .hero h1{color:#102d48 !important;text-shadow:none !important;}
.hero:not(.is-video-playing) .hero h1 em{color:#087fbd !important;}
.hero:not(.is-video-playing) .hero-copy{color:#203e54 !important;}
.hero.is-video-playing .hero h1{color:#fff !important;text-shadow:0 2px 18px rgba(0,0,0,.28) !important;}
.hero.is-video-playing .hero h1 em{color:#39b9ff !important;}
.hero.is-video-playing .hero-copy{color:#f3f8fb !important;text-shadow:0 1px 10px rgba(0,0,0,.24);}
@media(max-width:760px){
 .hero .hero-content{bottom:84px !important;}
 .hero:not(.is-video-playing) .hero-content{bottom:96px !important;}
 .hero:not(.is-video-playing) .hero-content>*{max-width:100% !important;}
 .hero:not(.is-video-playing) .hero h1{font-size:clamp(34px,8.5vw,48px) !important;}
}


/* Requested hero heading: keep the first line black on the fallback banner. */
.hero h1 .hero-heading-primary{color:#000 !important;text-shadow:none !important;}
.hero.is-video-playing h1 .hero-heading-primary{color:#000 !important;text-shadow:none !important;}
.form-status{padding:10px 12px;border-radius:6px;line-height:1.6;}
.form-status:empty{display:none;}
.form-status.is-success{color:#176947;background:#e7f5ee;border:1px solid #bfe4d0;}
.form-status.is-info{color:#7b4a00;background:#fff6df;border:1px solid #f1d99a;}
.footer-bottom .developer-profile-link{color:#bce9f6;border-bottom:1px solid #1684b7;padding-bottom:3px}.footer-bottom .developer-profile-link:hover{color:#39b7d9}


/* Mobile responsiveness refinement — preserves the existing desktop design */
html{scroll-padding-top:84px}
img,video,iframe{max-width:100%}
.container{width:min(var(--max),calc(100% - 48px))}
@media(max-width:760px){
  html{scroll-padding-top:72px}
  body{overflow-x:hidden}
  .container{width:calc(100% - 36px)}
  .topbar{font-size:9px;letter-spacing:.025em}
  .topbar-inner{min-height:30px;gap:8px}
  .topbar-inner>span{max-width:70%;line-height:1.35}
  .topbar-inner>a{white-space:nowrap;font-size:9px}
  .site-header{height:68px}
  .nav-wrap{gap:10px}
  .site-header .brand{max-width:calc(100% - 56px)}
  .site-header .brand .brand-mark{width:40px;height:40px;flex-basis:40px;object-fit:contain}
  .site-header .brand .brand-name{font-size:clamp(9px,2.8vw,11px);white-space:nowrap}
  .menu-toggle{width:42px;height:42px;flex:0 0 42px}
  .main-nav{top:68px;max-height:calc(100svh - 100px);overflow-y:auto;padding:12px 18px 20px}
  .main-nav>a{font-size:13px}
  .hero{
    height:auto!important;
    min-height:clamp(620px,calc(100svh - 98px),790px)!important;
    max-height:none!important;
    align-items:flex-end;
    isolation:isolate;
  }
  .hero-video,.hero-shade,.hero-grid{position:absolute;inset:0;width:100%;height:100%;min-height:100%}
  .hero-video{object-fit:cover!important;object-position:50% 50%!important;display:block}
  .hero-shade{z-index:1}
  .hero-grid{z-index:1}
  .hero-content{
    width:calc(100% - 36px)!important;
    padding:90px 0 108px!important;
    margin-inline:auto;
    position:relative;
    z-index:2;
    bottom:auto!important;
  }
  .hero-content>*{max-width:100%!important}
  .hero h1{font-size:clamp(33px,8.2vw,46px)!important;line-height:1.08!important;letter-spacing:-.045em}
  .hero-copy{font-size:14px!important;line-height:1.65!important;max-width:100%!important}
  .hero-actions{display:flex;flex-wrap:wrap;gap:10px}
  .hero-actions .btn{min-height:48px;padding:12px 15px;font-size:11px}
  .hero-note{margin-top:28px!important;font-size:8px}
  .hero-index{display:none}
  .hero-video-toggle{left:14px;bottom:14px;z-index:6}
  .hero-video-loading{left:18px;right:18px;bottom:64px;width:auto}
  .section{padding-block:58px}
  .two-col,.about-grid,.founder-grid{grid-template-columns:1fr;gap:30px}
  .tech-grid,.industry-grid,.product-grid,.gallery-grid,.value-grid,.stats-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .footer-main{grid-template-columns:1fr 1fr;gap:28px}
  .floating-actions{right:14px;bottom:calc(68px + env(safe-area-inset-bottom));gap:10px}
  .float-btn{width:52px;height:52px}
  .float-btn svg{width:22px;height:22px}
  .float-btn span{display:none}
  .founder-contact{max-width:100%}
  .contact-grid,.contact-layout{grid-template-columns:1fr;gap:24px}
  .form-row{grid-template-columns:1fr}
  .table-wrap{overflow-x:auto}
}
@media(max-width:480px){
  .container{width:calc(100% - 30px)}
  .hero{min-height:690px!important}
  .hero-content{width:calc(100% - 30px)!important;padding:78px 0 112px!important}
  .hero h1{font-size:clamp(31px,8.5vw,39px)!important}
  .hero-copy{font-size:13px!important}
  .hero-actions{align-items:stretch;flex-direction:column;max-width:290px}
  .hero-actions .btn{width:100%;justify-content:center}
  .tech-grid,.industry-grid,.product-grid,.gallery-grid,.value-grid,.stats-grid{grid-template-columns:1fr}
  .footer-main{grid-template-columns:1fr;gap:22px}
  .floating-actions{right:12px;bottom:calc(64px + env(safe-area-inset-bottom));gap:9px}
  .float-btn{width:49px;height:49px}
  .topbar-inner>span{max-width:65%}
}
@media(orientation:landscape) and (max-width:900px){
  .hero{min-height:560px!important}
  .hero-content{padding-top:70px!important;padding-bottom:88px!important}
}
@media(prefers-reduced-motion:reduce){
  .hero-video{scroll-behavior:auto}
}

@media(min-width:761px){.floating-actions{bottom:54px}}



/* Premium mobile navigation — compact floating panel, without changing desktop navigation */
@media (max-width:760px){
  .site-header{
    height:70px!important;
    background:rgba(255,255,255,.96);
    -webkit-backdrop-filter:blur(16px);
    backdrop-filter:blur(16px);
    border-bottom:1px solid rgba(13,48,72,.08);
    box-shadow:0 5px 22px rgba(8,35,55,.055);
  }
  .site-header .nav-wrap{
    position:relative;
    gap:10px;
  }
  .site-header .brand{
    min-width:0!important;
    max-width:calc(100% - 58px)!important;
    gap:9px!important;
  }
  .site-header .brand .brand-mark{
    width:39px!important;height:38px!important;flex:0 0 39px!important;
  }
  .site-header .brand .brand-name{
    font-size:clamp(9px,2.7vw,11px)!important;
    letter-spacing:.035em!important;
  }
  .menu-toggle{
    display:flex!important;
    align-items:center;
    justify-content:center;
    flex-direction:column;
    width:44px!important;height:44px!important;
    flex:0 0 44px!important;
    padding:10px!important;
    border:1px solid #dce8ee!important;
    border-radius:12px!important;
    background:linear-gradient(145deg,#fff,#f2f8fb)!important;
    box-shadow:0 4px 12px rgba(9,38,62,.07);
    transition:background .2s,border-color .2s,transform .2s;
  }
  .menu-toggle span{
    width:19px;height:2px;margin:2.5px 0!important;
    border-radius:4px;background:#12354b!important;
    transition:transform .25s,opacity .2s,width .2s;
  }
  .menu-toggle[aria-expanded="true"]{
    background:#eaf6fb!important;border-color:#9ccfe2!important;
  }
  .menu-toggle[aria-expanded="true"] span:first-child{transform:translateY(7px) rotate(45deg)}
  .menu-toggle[aria-expanded="true"] span:nth-child(2){opacity:0;width:0}
  .menu-toggle[aria-expanded="true"] span:last-child{transform:translateY(-7px) rotate(-45deg)}
  .main-nav,
  .main-nav.open{
    position:absolute!important;
    top:calc(100% + 10px)!important;
    left:0!important;right:0!important;
    width:100%!important;
    max-height:min(72svh,570px)!important;
    overflow-y:auto!important;
    overscroll-behavior:contain;
    display:none;
    flex-direction:row!important;
    flex-wrap:wrap!important;
    align-items:stretch!important;
    justify-content:space-between;
    gap:8px!important;
    padding:15px!important;
    border:1px solid rgba(22,132,183,.13)!important;
    border-radius:17px!important;
    background:linear-gradient(155deg,#fff 0%,#f7fbfd 100%)!important;
    box-shadow:0 22px 55px rgba(5,31,49,.2),0 3px 10px rgba(5,31,49,.06)!important;
    z-index:150!important;
    animation:mobileNavEnter .22s ease-out both;
  }
  .main-nav.open{display:flex!important}
  .main-nav>a:not(.nav-cta){
    display:flex!important;
    align-items:center;
    flex:1 1 calc(50% - 5px);
    min-width:calc(50% - 5px);
    min-height:48px;
    padding:11px 12px!important;
    border:1px solid #e5edf1!important;
    border-radius:10px;
    background:#fff;
    color:#18394e!important;
    font-size:12px!important;
    font-weight:700!important;
    letter-spacing:.005em;
    line-height:1.3;
    transition:background .2s,border-color .2s,transform .2s;
  }
  .main-nav>a:not(.nav-cta):before{
    content:"";
    width:5px;height:5px;flex:0 0 5px;
    margin-right:9px;border-radius:50%;
    background:#1684b7;
    box-shadow:0 0 0 3px rgba(22,132,183,.09);
  }
  .main-nav>a:not(.nav-cta):after{display:none!important}
  .main-nav>a:not(.nav-cta).active{
    color:#087eaf!important;
    background:#eaf6fb!important;
    border-color:#b9dfed!important;
  }
  .main-nav>a:not(.nav-cta):active{transform:scale(.98)}
  .main-nav>a.nav-cta{
    display:flex!important;
    flex:1 1 100%;
    align-items:center;
    justify-content:center;
    min-height:49px;
    margin-top:3px!important;
    padding:13px 16px!important;
    border-radius:10px!important;
    background:linear-gradient(110deg,#1684b7,#08769f)!important;
    color:#fff!important;
    font-size:12px!important;
    font-weight:800!important;
    letter-spacing:.025em;
    box-shadow:0 7px 17px rgba(8,126,175,.2);
  }
  .main-nav>a.nav-cta span{margin-left:12px;color:#d8f4ff}
}
@keyframes mobileNavEnter{
  from{opacity:0;transform:translateY(-7px) scale(.985)}
  to{opacity:1;transform:translateY(0) scale(1)}
}
@media(max-width:380px){
  .main-nav,.main-nav.open{padding:12px!important;gap:7px!important}
  .main-nav>a:not(.nav-cta){min-height:45px;padding:10px!important;font-size:11px!important}
}
@media(prefers-reduced-motion:reduce){
  .main-nav,.menu-toggle span{animation:none!important;transition:none!important}
}



/* Mobile typography correction — readable, balanced type scale */
@media(max-width:760px){
  html{font-size:16px}
  body{
    font-size:15px!important;
    line-height:1.75!important;
    letter-spacing:0!important;
    -webkit-text-size-adjust:100%;
    text-size-adjust:100%;
  }
  p,li{
    font-size:14.5px;
    line-height:1.78;
  }
  .site-header .brand .brand-name{
    font-size:11.5px!important;
    line-height:1.25!important;
    letter-spacing:.025em!important;
  }
  .main-nav>a:not(.nav-cta){
    font-size:14px!important;
    line-height:1.35!important;
    font-weight:700!important;
    min-height:50px;
  }
  .main-nav>a.nav-cta{
    font-size:14px!important;
    line-height:1.35!important;
  }
  .hero .eyebrow,.section .eyebrow,
  .eyebrow,.hero-note,.hero-index,.scroll-cue{
    font-size:10.5px!important;
    line-height:1.5!important;
    letter-spacing:.12em!important;
  }
  .hero h1{
    font-size:clamp(36px,8.5vw,46px)!important;
    line-height:1.12!important;
    letter-spacing:-.045em!important;
  }
  .hero-copy{
    font-size:15px!important;
    line-height:1.75!important;
  }
  .section h2,.machine-copy h2,.founder-copy h2{
    font-size:clamp(31px,7.4vw,40px)!important;
    line-height:1.14!important;
    letter-spacing:-.04em!important;
  }
  .section-heading>p,.split-heading>p,
  .section-copy p,.process-intro p,
  .contact-intro>p,.materials-layout>div>p,
  .machine-copy>p,.founder-copy p{
    font-size:14.5px!important;
    line-height:1.8!important;
  }
  h3,.value-card h3,.solution-body h3,
  .process-list h3,.tech-card h3{
    font-size:18px!important;
    line-height:1.35!important;
  }
  .value-card p,.solution-body p,.process-list p,
  .tech-card p,.machine-list>div,.contact-card p{
    font-size:13.5px!important;
    line-height:1.75!important;
  }
  .btn,.nav-cta,.text-link{
    font-size:13px!important;
    line-height:1.35!important;
  }
  .trust-grid b{font-size:13px!important}
  .trust-grid small{font-size:11.5px!important;line-height:1.5}
  .card-number,.tech-tag,.image-label,
  .footer-pill,.form-heading{
    font-size:10px!important;
    line-height:1.5!important;
  }
  .footer-main,.footer-main p,.footer-main a{
    font-size:13.5px;
    line-height:1.75;
  }
  input,textarea,select{
    font-size:16px!important;
    line-height:1.5!important;
  }
}
@media(max-width:420px){
  body{font-size:14.5px!important}
  p,li{font-size:14px}
  .main-nav>a:not(.nav-cta){font-size:13.5px!important}
  .hero-copy{font-size:14.5px!important}
}


/* Mobile product detail drawer: single-column, comfortably readable and internally scrollable.
   Desktop layout is intentionally unchanged. */
@media (max-width: 760px) {
  .product-drawer-panel {
    position: fixed !important;
    top: 3dvh !important;
    bottom: 3dvh !important;
    left: 9px !important;
    right: 9px !important;
    width: auto !important;
    height: 94dvh !important;
    max-height: 94dvh !important;
    transform: none !important;
    border-radius: 14px !important;
    display: flex !important;
    flex-direction: column !important;
    overflow: hidden !important;
  }
  .product-drawer.is-open .product-drawer-panel {
    transform: none !important;
  }
  .product-drawer-header {
    flex: 0 0 auto !important;
    padding: 14px 16px !important;
    gap: 12px !important;
  }
  .drawer-eyebrow {
    font-size: 9px !important;
    line-height: 1.45 !important;
    letter-spacing: .12em !important;
  }
  .product-drawer-header h2 {
    font-size: 21px !important;
    line-height: 1.25 !important;
    margin-top: 5px !important;
  }
  .product-drawer-close {
    width: 38px !important;
    height: 38px !important;
    flex: 0 0 38px !important;
  }
  .product-drawer-content {
    display: flex !important;
    flex: 1 1 auto !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 16px !important;
    width: 100% !important;
    min-height: 0 !important;
    padding: 14px !important;
    overflow-x: hidden !important;
    overflow-y: auto !important;
    -webkit-overflow-scrolling: touch;
    overscroll-behavior: contain;
  }
  .product-detail-visual,
  .product-detail-information {
    position: static !important;
    display: block !important;
    width: 100% !important;
    min-width: 0 !important;
    flex: 0 0 auto !important;
  }
  .product-drawer-image-wrap {
    width: 100% !important;
    height: clamp(190px, 27vh, 250px) !important;
    min-height: 190px !important;
    padding: 12px !important;
  }
  .product-drawer-image-wrap > .product-drawer-image {
    display: block !important;
    width: auto !important;
    height: auto !important;
    max-width: 100% !important;
    max-height: 100% !important;
    object-fit: contain !important;
  }
  .product-visual-caption {
    margin-top: 10px !important;
    padding: 13px 14px !important;
  }
  .product-visual-caption p {
    font-size: 12px !important;
    line-height: 1.65 !important;
  }
  .product-drawer-category {
    font-size: 10px !important;
  }
  .product-drawer-description {
    font-size: 13px !important;
    line-height: 1.7 !important;
  }
  .product-drawer-highlights {
    margin: 12px 0 16px !important;
  }
  .product-drawer-highlights > div {
    gap: 11px !important;
    padding: 10px 0 !important;
    font-size: 12px !important;
    line-height: 1.5 !important;
  }
  .product-enquiry-form {
    width: 100% !important;
    box-sizing: border-box !important;
    padding: 16px !important;
    margin: 0 !important;
  }
  .drawer-form-title h3 {
    font-size: 19px !important;
    line-height: 1.3 !important;
  }
  .drawer-form-title p {
    font-size: 12px !important;
    line-height: 1.6 !important;
    margin-bottom: 15px !important;
  }
  .product-enquiry-form label {
    font-size: 11px !important;
    line-height: 1.45 !important;
    margin-bottom: 12px !important;
  }
  .product-enquiry-form input,
  .product-enquiry-form textarea {
    min-height: 46px !important;
    box-sizing: border-box !important;
    padding: 12px !important;
    font-size: 15px !important;
    line-height: 1.45 !important;
  }
  .product-enquiry-form textarea {
    min-height: 88px !important;
  }
  .drawer-form-row {
    display: grid !important;
    grid-template-columns: minmax(0, 1fr) !important;
    gap: 0 !important;
  }
  .drawer-submit {
    min-height: 48px !important;
    width: 100% !important;
    font-size: 14px !important;
  }
  .product-enquiry-form .form-note {
    font-size: 10px !important;
    line-height: 1.6 !important;
  }
}
@media (max-width: 380px) {
  .product-drawer-content { padding: 11px !important; gap: 13px !important; }
  .product-drawer-image-wrap { height: 185px !important; min-height: 185px !important; }
  .product-drawer-header h2 { font-size: 19px !important; }
}