@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--bg:#041425;--bg2:#0b2239;--bg3:#081b2e;--panel:#0d2740;--panel2:#0a2238;--cyan:#18d8f4;--cyan2:#69efff;--txt:#f4fbff;--muted:#a8c7d7;--line:#245473;--ink:#082038;--light:#eaf7ff}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--txt);background:radial-gradient(circle at 80% 0%,rgba(28,144,200,.25),transparent 25%),radial-gradient(circle at 15% 12%,rgba(18,216,244,.10),transparent 30%),linear-gradient(180deg,#041425,#071b30 35%,#03101f 100%)}
a{text-decoration:none;color:inherit}img{max-width:100%;display:block}button,input,textarea,select{font:inherit}
.wrap{width:min(1200px,calc(100% - 52px));margin:auto}
.top{position:sticky;top:0;z-index:60;background:rgba(3,17,30,.90);backdrop-filter:blur(16px);border-bottom:1px solid rgba(69,127,161,.35)}
.top-inner{height:84px;display:flex;align-items:center;justify-content:space-between;gap:18px}.logoimg img{height:38px;width:auto}.footer-logo img{height:42px}.nav{display:flex;align-items:center;gap:28px}.nav a{font-size:13px;font-weight:700;letter-spacing:.3px;color:#d3e6ef}.nav a.active,.nav a:hover{color:var(--cyan)}.menu{display:none;color:#fff;background:none;border:0;font-size:26px}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:999px;background:linear-gradient(115deg,#06d4ef,#5cefff);color:#002239;font-size:13px;font-weight:800;border:1px solid #7ff3ff;box-shadow:0 10px 30px rgba(8,220,249,.22);transition:.2s}.btn:hover{transform:translateY(-2px);box-shadow:0 12px 34px rgba(8,220,249,.35)}.btn.secondary{background:transparent;color:#dceefa;border:1px solid #4f83a3;box-shadow:none}
.hero{display:grid;grid-template-columns:46% 54%;gap:30px;align-items:center;min-height:650px;padding:40px 0 20px;position:relative}.hero::after,.banner::after{content:'';position:absolute;inset:auto 4% 30px auto;width:380px;height:110px;border:2px solid rgba(24,216,244,.45);border-radius:50%;filter:blur(8px);opacity:.6;pointer-events:none}.eyebrow{color:var(--cyan);font-weight:800;letter-spacing:2.5px;text-transform:uppercase;font-size:12px}.hero h1,.banner h1{font-size:clamp(38px,4.5vw,68px);line-height:1.05;letter-spacing:-2px;margin:18px 0}.grad{background:linear-gradient(100deg,#fff 0%,#7af2ff 50%,#11d8f4 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero p,.banner p,.desc{font-size:16px;line-height:1.8;color:var(--muted)}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero-visual,.banner-image{position:relative}.hero-visual img,.banner-image img{width:100%;height:auto;max-height:560px;object-fit:contain;filter:drop-shadow(0 20px 45px rgba(0,220,255,.16))}.hero-chip-row{display:flex;gap:12px;flex-wrap:wrap;margin-top:22px}.chip{display:inline-flex;align-items:center;gap:10px;padding:10px 14px;border-radius:999px;background:rgba(11,41,69,.8);border:1px solid rgba(64,116,146,.7);color:#dff5ff;font-size:12px;font-weight:700}
.stripe{height:2px;background:linear-gradient(90deg,transparent,var(--cyan),transparent);box-shadow:0 0 14px rgba(20,220,244,.55)}
.section{padding:76px 0}.section.alt{background:linear-gradient(180deg,rgba(11,34,57,.92),rgba(5,19,34,.92))}.section h2{font-size:clamp(28px,3.2vw,44px);margin:10px 0 12px;letter-spacing:-1px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px}
.cards,.solution-grid,.feature-grid,.mini-grid,.stats{display:grid;gap:20px}.cards{grid-template-columns:repeat(3,minmax(0,1fr))}.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.card{background:linear-gradient(160deg,#0f3150,#071b31);border:1px solid rgba(56,113,146,.75);border-radius:18px;overflow:hidden;box-shadow:0 18px 36px rgba(0,0,0,.22);transition:.2s}.card:hover{transform:translateY(-5px);border-color:#22ddfb;box-shadow:0 18px 36px rgba(0,222,252,.16)}.card-image{height:230px;background:#081e33;overflow:hidden}.card-image img{width:100%;height:100%;object-fit:cover}.card-image.contain img{object-fit:contain;padding:12px}.card-copy{padding:22px}.card h3{margin:0 0 8px;font-size:20px}.card p{margin:0 0 15px;color:var(--muted);font-size:14px;line-height:1.7}.read{font-size:13px;color:var(--cyan);font-weight:800}.metric{background:linear-gradient(180deg,rgba(9,35,58,.95),rgba(7,26,43,.95));border:1px solid rgba(56,113,146,.65);padding:24px;border-radius:16px}.metric b{display:block;font-size:34px;color:var(--cyan2);margin-bottom:8px}.metric span{display:block;font-size:14px;color:#d8eef8;font-weight:700}.metric p{margin:8px 0 0;font-size:13px;color:var(--muted);line-height:1.6}
.feature-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.feature{background:linear-gradient(180deg,#0b2945,#081f34);border:1px solid rgba(55,111,144,.7);border-radius:16px;padding:24px}.feature .icon{width:42px;height:42px;border-radius:12px;background:rgba(24,216,244,.14);border:1px solid rgba(24,216,244,.35);display:flex;align-items:center;justify-content:center;color:var(--cyan);font-weight:800;margin-bottom:14px}.feature h3{margin:0 0 8px;font-size:16px}.feature p{margin:0;color:var(--muted);font-size:13px;line-height:1.65}
.banner{display:grid;grid-template-columns:44% 56%;gap:30px;align-items:center;min-height:560px;padding:30px 0 10px;position:relative}
.kicker-list{display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}
.detail-grid{display:grid;grid-template-columns:1.15fr .85fr;gap:26px}.panel{background:var(--light);color:var(--ink);border-radius:18px;padding:28px;box-shadow:0 12px 30px rgba(0,0,0,.18)}.panel h3{margin:0 0 12px}.panel p{margin:0 0 12px;color:#426076;line-height:1.75}.dark-panel{background:linear-gradient(180deg,#0a2740,#071b31);border:1px solid rgba(57,114,146,.75);border-radius:18px;padding:28px}.dark-panel p{color:var(--muted);line-height:1.8}.spec{width:100%;border-collapse:collapse;font-size:14px}.spec td{padding:14px 10px;border-bottom:1px solid #b7d8ea}.spec td:first-child{width:39%;font-weight:800;color:#0d436f}.mini{font-size:12px;color:#638194}
.gallery{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.gallery .g{background:linear-gradient(180deg,#0b2945,#071b31);border:1px solid rgba(54,112,145,.7);border-radius:16px;overflow:hidden}.gallery img{width:100%;height:320px;object-fit:cover}.gallery .caption{padding:14px 16px;color:#d6edf8;font-size:14px;font-weight:700}
.logo-strip{display:flex;gap:14px;flex-wrap:wrap;align-items:center;margin-top:14px}.logo-mark-box{width:90px;height:90px;border-radius:18px;background:rgba(10,35,58,.85);border:1px solid rgba(60,115,145,.7);display:flex;align-items:center;justify-content:center}.logo-mark-box img{width:58px;height:58px;object-fit:contain}
.list{display:grid;gap:14px}.list-item{display:flex;gap:12px;align-items:flex-start}.list-item b{display:inline-flex;width:26px;height:26px;align-items:center;justify-content:center;border-radius:50%;background:rgba(24,216,244,.14);border:1px solid rgba(24,216,244,.35);color:var(--cyan)}
.mini-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.mini-card{background:rgba(8,31,51,.8);border:1px solid rgba(59,115,145,.6);padding:22px;border-radius:16px}.mini-card h3{margin:0 0 8px;font-size:16px}.mini-card p{margin:0;color:var(--muted);font-size:14px;line-height:1.7}
.cta{text-align:center;padding:72px 24px;background:radial-gradient(circle at center,rgba(19,98,144,.9),rgba(5,19,35,.96) 70%);border:1px solid rgba(56,115,147,.8);border-radius:24px}.cta h2{font-size:38px;margin:0 0 12px}.cta p{margin:0 0 24px;color:#c0dae7}.footer{border-top:1px solid rgba(59,115,145,.5);padding:40px 0;background:#03101e}.foot{display:flex;justify-content:space-between;gap:25px;align-items:flex-start}.foot p{font-size:12px;color:#7b9dad}.foot-links{display:flex;gap:20px;flex-wrap:wrap;color:#d9edf8;font-size:13px}
.form-wrap{display:grid;grid-template-columns:1fr .95fr;gap:24px}.form-panel{background:rgba(10,39,64,.88);border:1px solid rgba(57,114,146,.75);border-radius:18px;padding:26px}.field,.textarea{width:100%;padding:14px 15px;border-radius:12px;border:1px solid #97bed0;background:#edf8ff;color:#12364f}.textarea{min-height:130px;resize:vertical}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.note{font-size:13px;color:var(--muted);line-height:1.7}.tagline{font-size:clamp(24px,2vw,30px);font-weight:800;line-height:1.3;color:#fff}
@media(max-width:980px){.menu{display:block}.nav{display:none;position:absolute;top:84px;left:0;right:0;background:#061828;padding:20px 26px;flex-direction:column;align-items:flex-start}.nav.open{display:flex}.hero,.banner,.detail-grid,.form-wrap{grid-template-columns:1fr}.hero{min-height:auto;padding:40px 0}.banner{min-height:auto;padding:35px 0}.cards,.solution-grid,.feature-grid,.mini-grid,.stats{grid-template-columns:repeat(2,minmax(0,1fr))}.gallery{grid-template-columns:1fr}.hero-visual img,.banner-image img{max-height:420px}}
@media(max-width:640px){.wrap{width:min(100% - 32px,1200px)}.top-inner{height:78px}.logoimg img{height:32px}.hero h1,.banner h1{font-size:40px}.cards,.solution-grid,.feature-grid,.mini-grid,.stats,.form-grid{grid-template-columns:1fr}.section{padding:54px 0}.card-image{height:210px}.gallery img{height:240px}.cta h2{font-size:30px}.foot{display:block}.foot-links{margin-top:18px}}

/* Hand Plus Robotics Version 3 — photo-first design and connected ecosystem */
.logoimg img{background:transparent;filter:drop-shadow(0 0 8px rgba(14,221,249,.17))}
.brand-intro{background:linear-gradient(180deg,#031323,#041629);padding:14px 0 8px}.brand-intro-inner{position:relative;border-radius:20px;overflow:hidden;max-width:1180px}.brand-intro img{width:100%;display:block;max-height:350px;object-fit:cover;object-position:center 54%}
.feature-hero{padding:22px 0 48px;background:linear-gradient(180deg,#041629,#061d32)}.feature-hero-shell{border:1px solid rgba(44,134,171,.65);border-radius:20px;overflow:hidden;background:#07172b;box-shadow:0 24px 65px rgba(0,0,0,.2)}.feature-hero-image{display:block;overflow:hidden}.feature-hero-image img{display:block;width:100%;max-height:580px;object-fit:cover;object-position:center center;transition:transform .4s}.feature-hero-image:hover img{transform:scale(1.012)}.feature-hero-footer{display:flex;align-items:center;justify-content:space-between;gap:24px;padding:21px 28px;background:linear-gradient(90deg,#082a42,#06192e)}.feature-hero-footer p{margin:7px 0 0;color:#c0dcec;font-size:15px;line-height:1.5}
.ecosystem-layout{display:grid;grid-template-columns:35% 65%;align-items:center;gap:12px}.ecosystem-copy{padding-right:20px}.ecosystem-copy .desc{max-width:370px}.ecosystem-chart{position:relative;width:100%;max-width:660px;aspect-ratio:640/580;margin:0 auto;background:radial-gradient(ellipse at 50% 50%,rgba(12,198,242,.15),transparent 60%)}.eco-lines{position:absolute;inset:0;width:100%;height:100%;filter:drop-shadow(0 0 6px rgba(27,224,255,.65));pointer-events:none}.eco-core{position:absolute;left:50%;top:50%;width:29%;min-height:23%;transform:translate(-50%,-50%);border:2px solid #13d8fb;border-radius:50%;background:radial-gradient(ellipse at center,#0c4261,#052139);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:12px;box-shadow:0 0 24px #03d4ff55}.eco-core img{height:38px;width:38px;object-fit:contain;mix-blend-mode:screen}.eco-core strong{font-size:18px;white-space:nowrap}.eco-core strong span{color:#34e5ff}.eco-core small{font-size:10px;color:#acd8e9}.eco-node{position:absolute;width:25%;min-height:22%;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:12px 9px;text-align:center;background:linear-gradient(150deg,#0b3753,#071b30);border:1.5px solid #16cafa;border-radius:50%;box-shadow:0 0 20px #08d8f442;transition:.2s}.eco-node:hover{transform:scale(1.06);box-shadow:0 0 27px #12e5ff77}.eco-node strong{font-size:clamp(10px,1vw,14px);line-height:1.2}.eco-node small{font-size:clamp(8px,.8vw,10px);color:#b2dbe8;margin-top:4px}.eco-icon{font-size:23px;color:#45ebff}.eco-node-top{left:37.5%;top:1%}.eco-node-left{left:4%;top:26%}.eco-node-right{right:4%;top:26%}.eco-node-bottom-left{left:16%;bottom:2%}.eco-node-bottom-right{right:16%;bottom:2%}
.platform-cards .card-image{height:245px}.platform-cards .card-image img{object-fit:cover}.training-layout{display:grid;grid-template-columns:47% 53%;align-items:center;gap:26px;background:linear-gradient(130deg,#092f49,#071a30);border:1px solid #246687;border-radius:20px;padding:35px}.training-copy p{color:#c0dcec;line-height:1.8}.training-visual{display:block;border-radius:16px;overflow:hidden;border:1px solid #1f91b3}.training-visual img{width:100%;height:330px;object-fit:cover}
@media(max-width:980px){.ecosystem-layout{grid-template-columns:1fr}.ecosystem-copy{padding:0}.ecosystem-copy .desc{max-width:620px}.ecosystem-chart{max-width:620px}.eco-node strong{font-size:13px}.eco-node small{font-size:10px}.training-layout{grid-template-columns:1fr}.training-visual img{height:310px}}
@media(max-width:600px){.brand-intro{padding:4px 0}.brand-intro .wrap{width:100%}.brand-intro-inner{border-radius:0}.brand-intro img{max-height:220px}.feature-hero{padding:18px 0 30px}.feature-hero-footer{display:block;padding:20px}.feature-hero-footer .btn{margin-top:20px}.ecosystem-chart{width:calc(100% + 20px);margin-left:-10px}.eco-node{padding:6px;width:28%;min-height:23%}.eco-core{width:32%}.eco-core img{height:27px;width:27px}.eco-core strong{font-size:12px}.eco-core small{font-size:8px}.eco-node strong{font-size:9px}.eco-node small{font-size:7px}.eco-icon{font-size:17px}.eco-node-top{left:36%;top:0}.eco-node-left{left:0;top:27%}.eco-node-right{right:0;top:27%}.eco-node-bottom-left{left:14%;bottom:0}.eco-node-bottom-right{right:14%;bottom:0}.training-layout{padding:22px}.training-visual img{height:240px}}

/* Version 4 homepage and contact refinements */
.home-showcase{padding:22px 0 35px!important;background:linear-gradient(180deg,#031422,#061c31)}
.home-showcase-grid{display:grid;grid-template-columns:35% 65%;border:1px solid #22617b;border-radius:22px 22px 0 0;overflow:hidden;background:#06172b;min-height:380px}
.home-showcase-brand{display:flex;flex-direction:column;justify-content:center;align-items:center;padding:14px 16px 24px;background:radial-gradient(ellipse at center,#0b2f4e,#031220 88%)}
.home-showcase-brand img{width:100%;height:auto;max-height:290px;object-fit:contain;mix-blend-mode:screen}
.home-showcase-brand p{color:#c4e4ef;font-size:13px;line-height:1.65;text-align:center;max-width:310px;margin:4px 0 0}
.home-showcase-product{display:block;overflow:hidden;min-height:370px}
.home-showcase-product img{display:block;width:100%;height:100%;min-height:370px;object-fit:cover;object-position:center}
.home-showcase-foot{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:18px 24px;border:1px solid #22617b;border-top:0;border-radius:0 0 22px 22px;background:linear-gradient(90deg,#07314a,#071b32)}
.home-showcase-foot p{margin:6px 0 0;color:#bbdae9;font-size:14px;line-height:1.6}
.eco-core .eco-powered{width:94%;height:65px;max-height:65px;object-fit:contain;mix-blend-mode:screen}
.eco-core small{font-size:10px}.eco-icon svg{width:27px;height:27px;stroke:#44ebff;fill:none;stroke-width:2;stroke-linecap:round;stroke-linejoin:round}
.eco-core{padding:10px 5px}
.training-visual{background:#061629}.training-visual img{height:auto!important;width:100%;aspect-ratio:1672/941;object-fit:contain!important;object-position:center}
.training-layout{grid-template-columns:42% 58%}
.contact-heading{padding:78px 0 60px;background:radial-gradient(ellipse at 82% 20%,#0b4e75,#041529 65%);border-bottom:1px solid #175577}
.contact-heading h1{font-size:clamp(38px,5vw,66px);line-height:1.12;margin:18px 0}
.contact-heading p{font-size:17px;line-height:1.75;color:#bcd8e7;max-width:770px}
.regional-map-shell{position:relative;overflow:hidden;border:1px solid #286684;border-radius:20px;background:#071b2c}
#regional-map{height:490px;width:100%;z-index:1;background:radial-gradient(circle at 50% 50%,#153e58,#051524)}
.map-legend{position:absolute;bottom:16px;left:16px;z-index:500;background:#061b2edb;border:1px solid #3383a0;padding:10px 13px;border-radius:12px;display:flex;flex-wrap:wrap;gap:14px;font-size:12px}
.map-legend span{display:inline-flex;align-items:center;gap:6px}.map-legend i,.office-dot{height:9px;width:9px;border-radius:50%;background:#18dff6;display:inline-block;box-shadow:0 0 8px #1bdafa}
.handplus-map-marker{border:0;background:transparent}.pin-inner{height:24px;width:24px;display:block;border-radius:50%;border:4px solid #d7fbff;background:#00c9e8;box-shadow:0 0 0 6px #04bcdb44,0 0 22px #02e2ff;}
.map-popup{font-family:Inter,Arial,sans-serif;color:#092238;min-width:200px}.map-popup p{color:#345064;line-height:1.5}.map-popup a{color:#006796;font-weight:800}
.office-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:23px}
.office-card{background:linear-gradient(150deg,#0b3049,#071e33);border:1px solid #286684;border-radius:16px;padding:24px;display:flex;flex-direction:column;gap:15px;min-height:285px}
.office-header{display:flex;align-items:center;gap:10px}.office-header h3{color:#42e8fa;margin:0;font-size:18px}
.office-card address{font-style:normal;line-height:1.65;color:#d4edf8;min-height:64px;font-size:14px}
.office-actions{display:flex;flex-direction:column;gap:9px;font-size:13px;color:#d7f2ff;overflow-wrap:anywhere}
.office-actions a:hover,.maps-link:hover{color:#5fefff}
.maps-link{font-weight:800;font-size:13px;color:#1de2fa;margin-top:auto}.map-focus{background:transparent;color:#cbeaff;border:1px solid #397a97;border-radius:9px;padding:10px;cursor:pointer;text-align:left}.map-focus:hover{border-color:#3ae8fb;color:#fff}
.contact-form-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:24px}.contact-form-intro{display:flex;flex-direction:column;align-items:flex-start;gap:12px}.contact-form-intro .note{font-size:12px}.contact-form-intro p{line-height:1.75}
.contact-benefits{margin:8px 0 22px}.contact-benefits p{margin:9px 0;color:#b9e2ec}.contact-form{display:grid;gap:16px}.contact-form label{display:flex;flex-direction:column;gap:8px;color:#d9f2fb;font-size:13px;font-weight:700}.contact-form .field,.contact-form .textarea{font-weight:400}.contact-form select{appearance:auto}.contact-form .note{margin:0}
.map-fallback{padding:65px 20px;text-align:center;color:#c9eef7}.map-fallback-links{display:flex;justify-content:center;flex-wrap:wrap;gap:15px}.map-fallback-links a{border:1px solid #23dff2;padding:12px;border-radius:9px}
@media(max-width:950px){.home-showcase-grid{grid-template-columns:1fr}.home-showcase-brand{padding:20px}.home-showcase-brand img{max-height:220px}.home-showcase-product{min-height:0}.home-showcase-product img{min-height:0}.training-layout{grid-template-columns:1fr}.office-cards{grid-template-columns:repeat(2,1fr)}.contact-form-layout{grid-template-columns:1fr}}
@media(max-width:640px){.home-showcase-foot{flex-direction:column;align-items:flex-start}.home-showcase-brand img{max-height:180px}.office-cards{grid-template-columns:1fr}.office-card{min-height:0}.contact-heading{padding:48px 0 40px}#regional-map{height:390px}.map-legend{font-size:10px;gap:8px}.eco-core .eco-powered{height:34px}}

/* Version 5 — original brand-first landing, unboxed continuous hero, reference map */
.landing-v5{padding:0;background:#031020}
.landing-v5-visuals{max-width:1680px;margin:0 auto;overflow:hidden}
.landing-v5-brand,.landing-v5-one{display:block;background:#031020;line-height:0}
.landing-v5-visuals img{display:block;width:100%;height:auto;object-fit:contain}
.landing-v5-one img{margin-top:-2px}
.landing-v5-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding-top:19px;padding-bottom:23px}
.landing-v5-foot p{font-size:14px;color:#c8e5ee;line-height:1.7;margin:6px 0 0}
.world-map-v5{background:#f9fdff;border:1px solid #266e8d;box-shadow:0 18px 40px #0003;overflow:hidden}
.world-map-v5-image{position:relative;overflow:hidden;line-height:0}
.world-map-v5-image img{display:block;width:100%;height:auto}
.map-hotspot{position:absolute;display:block;width:4.5%;height:10%;border-radius:50%;cursor:pointer;transform:translate(-50%,-50%);outline-offset:2px}
.map-hotspot:hover,.map-hotspot:focus-visible{outline:3px solid #00bada;background:#12d8ff3d;box-shadow:0 0 0 10px #0ce2fb35}
.map-hotspot-sg{left:78.3%;top:57.5%}.map-hotspot-my{left:77.3%;top:48.5%}.map-hotspot-ph{left:83.1%;top:43.6%}
.world-map-v5-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;align-items:center;padding:15px 18px;background:#052238;color:#c9eaf5;font-size:13px}
.world-map-v5-actions a{border:1px solid #2586ac;color:#40ecff;padding:8px 15px;border-radius:999px;font-weight:700}
.world-map-v5-actions a:hover{background:#0e4b64;color:white}
.visually-hidden{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:720px){.landing-v5-foot{flex-direction:column;align-items:flex-start}.world-map-v5-actions{gap:7px}.world-map-v5-actions a{font-size:12px;padding:6px 9px}.map-hotspot{width:9%;height:17%}}

/* V6: unified immersive platform hero */
.platform-banner-v6{background:linear-gradient(180deg,#041629 0%,#05213a 100%);padding:28px 0 50px}.platform-hero-v6{position:relative;overflow:hidden;border-radius:20px;border:1px solid rgba(34,212,244,.36);background:#031426;box-shadow:0 20px 60px rgba(0,0,0,.30)}.platform-hero-v6>img{width:100%;height:auto;display:block}.platform-message-v6{position:relative;display:flex;flex-direction:column;align-items:center;text-align:center;padding:22px 28px 32px;background:linear-gradient(180deg,rgba(4,24,43,.93),rgba(6,34,57,.97))}.platform-message-v6 h1{font-size:clamp(28px,3vw,46px);line-height:1.12;letter-spacing:-1.4px;margin:9px 0}.platform-message-v6 p{font-size:15px;line-height:1.6;color:#b7d8e7;margin:6px 0 12px}.platform-message-v6 .actions{justify-content:center;margin-top:9px}@media(max-width:640px){.platform-banner-v6{padding:14px 0 28px}.platform-message-v6{padding:21px 17px 25px}.platform-message-v6 h1{font-size:27px}}

/* V7: accessible dropdown navigation and integrated training course landing */
.nav-group{position:relative;display:flex;align-items:center;height:100%}.nav-parent{display:flex;align-items:center;gap:6px}.nav-chevron{font-size:18px;color:#48ddf2;line-height:1}.nav-submenu{position:absolute;top:calc(100% - 7px);left:-20px;z-index:90;display:flex;flex-direction:column;gap:1px;min-width:245px;max-width:325px;padding:10px;background:rgba(5,26,44,.98);border:1px solid rgba(39,207,235,.55);border-radius:13px;box-shadow:0 18px 35px rgba(0,0,0,.45),0 0 24px rgba(8,212,248,.13);opacity:0;visibility:hidden;pointer-events:none;transform:translateY(8px);transition:opacity .18s,transform .18s,visibility .18s}.nav-submenu.wide{min-width:335px}.nav-submenu a{display:block;font-size:12px;font-weight:650;line-height:1.35;color:#e1f6ff;padding:11px 12px;border-radius:7px}.nav-submenu a small{display:block;font-size:10px;font-weight:400;color:#98bfcd;margin-top:2px}.nav-submenu a:hover,.nav-submenu a:focus{color:#4bedff;background:rgba(28,204,242,.12)}.nav-submenu a.nav-subheading{font-size:11px;letter-spacing:.12em;text-transform:uppercase;color:#48e4f9;border-bottom:1px solid #285773;border-radius:0;margin-bottom:5px}.nav-group:hover .nav-submenu,.nav-group:focus-within .nav-submenu,.nav-group.is-open .nav-submenu{opacity:1;visibility:visible;pointer-events:auto;transform:translateY(0)}
.training-hero-v7{background:linear-gradient(180deg,#05192e,#04182b);padding:24px 0 43px}.training-hero-shell-v7{border:1px solid rgba(40,185,224,.5);overflow:hidden;border-radius:20px;position:relative;box-shadow:0 24px 60px rgba(0,0,0,.24);background:#031426}.training-hero-shell-v7>img{width:100%;height:auto;display:block}.training-hero-caption-v7{position:relative;text-align:center;background:linear-gradient(180deg,rgba(3,23,43,.93),rgba(5,38,62,.98));padding:21px 34px 34px}.training-hero-caption-v7 h1{font-size:clamp(28px,3.5vw,48px);line-height:1.14;margin:10px auto 12px;max-width:950px;letter-spacing:-1.7px}.training-hero-caption-v7 p{color:#c2dfeb;max-width:750px;margin:0 auto;font-size:15px;line-height:1.65}.training-hero-caption-v7 .actions{justify-content:center;margin-top:20px}.training-catalog-v7 .desc{max-width:930px}.course-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;margin-top:28px}.course-card{min-width:0;overflow:hidden;border-radius:18px;background:linear-gradient(160deg,#0c2a45,#071b30);border:1px solid #276585;box-shadow:0 15px 34px rgba(0,0,0,.2)}.course-visual{height:190px;position:relative;display:flex;flex-direction:column;justify-content:center;align-items:flex-start;padding:24px;overflow:hidden;background:radial-gradient(circle at 86% 24%,rgba(0,221,255,.28),transparent 42%),linear-gradient(120deg,#073356,#061b34)}.course-visual-amr{background:radial-gradient(circle at 75% 35%,rgba(13,172,234,.28),transparent 48%),linear-gradient(120deg,#06273e,#0a3452)}.course-visual-vision{background:radial-gradient(circle at 76% 35%,rgba(57,193,232,.31),transparent 48%),linear-gradient(120deg,#062c47,#0a2037)}.course-visual:after{content:'';position:absolute;right:-30px;top:-35px;width:175px;height:175px;border:1px solid rgba(47,218,253,.6);border-radius:50%;box-shadow:0 0 0 16px rgba(34,211,244,.035),0 0 0 36px rgba(34,211,244,.025);pointer-events:none}.course-visual-icon{width:50px;height:50px;color:#65efff;margin-bottom:12px}.course-visual-icon svg{width:100%;height:100%}.course-code{position:absolute;right:22px;top:18px;color:#59eaff;font-weight:800;font-size:13px;letter-spacing:.2em}.course-visual-title{font-weight:850;font-size:19px;max-width:88%;line-height:1.15;position:relative;z-index:1}.course-track{color:#79eaff;font-size:10px;font-weight:800;letter-spacing:.13em;margin-top:8px}.course-content{padding:22px;display:flex;flex-direction:column;gap:10px}.course-content h3{font-size:18px;margin:0;line-height:1.35}.course-content>p{font-size:13px;color:#b6d6e5;line-height:1.6;min-height:65px;margin:0}.course-highlights{list-style:none;padding:0;margin:0;display:grid;gap:10px}.course-highlights li{font-size:12px;line-height:1.5;color:#e0f3fa;display:flex;gap:8px}.course-highlights li:before{content:'✓';font-weight:900;color:#41e5f8}.course-details{border-top:1px solid #245371;margin-top:8px;padding-top:10px;color:#c5e5ed}.course-details summary{cursor:pointer;font-size:12px;color:#47dff5;font-weight:800;list-style:none;display:flex;justify-content:space-between;align-items:center}.course-details summary::-webkit-details-marker{display:none}.course-details summary span{font-size:20px}.course-details[open] summary span{transform:rotate(45deg)}.course-detail-body{padding:12px 0 0}.course-detail-body strong{font-size:12px;color:#fff}.course-detail-body p,.course-detail-body small{font-size:12px;line-height:1.6;color:#b0d1df}.course-actions{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px;border-top:1px solid #245371;padding-top:14px;margin-top:4px}.course-actions a{font-size:12px;font-weight:800;color:#5decff}.course-actions a:hover{text-decoration:underline}
@media(max-width:980px){.nav-group{height:auto;display:block;width:100%}.nav-submenu,.nav-submenu.wide{position:static;opacity:1;visibility:visible;pointer-events:auto;transform:none;display:flex;min-width:0;max-width:none;width:100%;box-shadow:none;margin:8px 0 10px;padding:4px 8px;border-color:#295873;background:#08263e}.nav-submenu a{padding:9px 12px}.course-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.course-grid{grid-template-columns:1fr}.training-hero-v7{padding:12px 0 27px}.training-hero-caption-v7{padding:20px 15px 27px}.training-hero-caption-v7 h1{font-size:28px}.course-content>p{min-height:0}}

/* V8: minimal navigation dropdown triggers */
.nav-chevron{display:none!important}
/* About Us: full-width immersive hero, team, logo directory */
.about-hero-v8{padding:22px 0 55px;background:linear-gradient(180deg,#04162a,#061e34)}
.about-hero-wrap-v8{border:1px solid rgba(54,206,242,.34);border-radius:19px;overflow:hidden;background:#04162b;box-shadow:0 24px 60px rgba(0,0,0,.22)}
.about-hero-wrap-v8>img{width:100%;height:auto;display:block}
.about-hero-sub-v8{padding:22px 28px 32px;text-align:center;background:linear-gradient(180deg,#071d33,#092b46)}
.about-hero-sub-v8 h1{font-size:clamp(27px,3vw,44px);margin:8px 0 5px}.about-hero-sub-v8 p{color:#b8ddeb;margin:0}
.about-lead-v8{max-width:1000px;margin-bottom:26px}
.founder-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px;margin-top:28px}
.founder-card{display:flex;flex-direction:column;align-items:center;text-align:center;min-width:0;padding:25px 15px 23px;border-radius:18px;background:linear-gradient(160deg,#0c304c,#061d33);border:1px solid #2a5877;transition:transform .22s,border-color .22s,box-shadow .22s}
.founder-card:hover,.founder-card:focus-visible{transform:translateY(-5px);border-color:#3fe7fc;box-shadow:0 14px 35px rgba(13,202,239,.14)}
.founder-card img{height:150px;width:150px;object-fit:cover;border-radius:50%;border:3px solid #19ccef;background:#f8fcff}
.founder-card h3{margin:18px 0 7px;font-size:19px}.founder-card p{margin:0;min-height:35px;color:#b8d5e5;font-size:13px}.founder-link{color:#54e8fd;font-size:12px;font-weight:800;margin-top:12px}
.partner-group{margin-top:34px}.partner-group h3{color:#e4f6ff;margin:0 0 16px;font-size:18px}
.partner-grid{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
.partner-tile{height:112px;border-radius:14px;display:flex;align-items:center;justify-content:center;background:#f8fcff;border:1px solid #9ad8f1;padding:8px;box-shadow:0 5px 12px rgba(0,0,0,.12)}
.partner-tile img{max-height:88px;max-width:100%;object-fit:contain}
.training-delivery-v8{grid-template-columns:repeat(2,minmax(0,1fr));max-width:960px}
.training-benefit-v8{display:flex;align-items:center;justify-content:space-between;gap:24px}
.training-benefit-v8 h2{max-width:760px}.training-benefit-v8 p{max-width:790px}
@media(max-width:980px){.founder-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.training-benefit-v8{display:block}.training-benefit-v8 .btn{margin-top:16px}}
@media(max-width:640px){.founder-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.founder-card{padding:18px 9px}.founder-card img{width:110px;height:110px}.founder-card h3{font-size:15px}.partner-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:9px}.partner-tile{height:92px;padding:7px}.training-delivery-v8{grid-template-columns:1fr}.about-hero-v8{padding:12px 0 26px}.about-hero-sub-v8{padding:17px 12px 24px}}

.about-lead-v10{max-width:1120px;margin-bottom:14px}.about-vision-v10{font-size:17px;color:#dff6ff;margin:18px 0 18px}.story-path-v10{margin:24px 0 26px;padding:12px 18px;border:1px solid rgba(65,145,184,.45);border-radius:18px;background:linear-gradient(180deg,rgba(5,27,46,.88),rgba(7,31,53,.9))}.story-path-v10 img{width:100%;max-width:700px;display:block;margin:0 auto}.story-grid-v10 .mini-card{padding:24px}.story-grid-v10 .mini-kicker{margin:0 0 10px;color:var(--cyan);font-weight:800;font-size:13px;letter-spacing:.02em}.story-grid-v10 .mini-card p:last-child{margin:0;color:var(--muted);font-size:14px;line-height:1.7}

/* V11: full-width Our Story panel using supplied artwork, no crop */
.story-feature-v11{background:linear-gradient(180deg,#051c32,#071a30);padding:34px 0 54px}
.story-feature-content-v11{max-width:1440px}
.story-feature-content-v11 img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid rgba(21,207,241,.27);box-shadow:0 18px 50px rgba(0,6,18,.35);object-fit:contain}
.story-caption-v11{font-size:14px;line-height:1.7;color:#acd1e5;text-align:center;margin:16px 0 0}
.visually-hidden-v11{position:absolute!important;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(max-width:640px){.story-feature-v11{padding:18px 0 34px}.story-feature-content-v11 img{border-radius:10px}.story-caption-v11{font-size:12px}}

/* V12 HandPlus ONE page — cohesive full-width hero and integrated overview */
.one-hero-v12{padding:18px 0 23px;background:linear-gradient(180deg,#031329,#06213c)}
.one-hero-visual-v12{overflow:hidden;border-radius:18px;border:1px solid rgba(28,194,239,.2);box-shadow:0 20px 50px rgba(0,0,0,.2)}
.one-hero-visual-v12 img{display:block;width:100%;height:auto}
.one-hero-actions-v12{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:16px}
.one-hero-actions-v12>span{color:#d7f5ff;font-size:18px;font-weight:800}
.one-hero-actions-v12 .actions{margin:0}
.one-overview-section-v12{background:linear-gradient(180deg,#061e36,#041629)}
.one-overview-section-v12 h2{margin-top:7px}
.one-overview-section-v12 .desc{max-width:1050px}
.one-overview-visual-v12{margin-top:26px;border:1px solid rgba(37,187,229,.4);border-radius:18px;overflow:hidden;box-shadow:0 20px 44px rgba(0,0,0,.18)}
.one-overview-visual-v12 img{display:block;width:100%;height:auto}
.one-deployment-brand-v12{margin-top:22px}
.one-deployment-brand-v12 img{width:100%;max-width:380px;max-height:220px;object-fit:contain;object-position:left center;border:0;background:transparent;border-radius:0}
.one-deployment-brand-v12 p{margin:10px 0 0;color:#e1f6ff;font-size:17px;font-weight:750;line-height:1.55}
@media(max-width:780px){.one-hero-actions-v12{align-items:flex-start;flex-direction:column}.one-hero-actions-v12>span{font-size:16px}.one-deployment-brand-v12 img{max-width:300px}}
@media(max-width:540px){.one-hero-v12{padding-top:8px}.one-hero-visual-v12{border-radius:10px}.one-overview-visual-v12{border-radius:10px}.one-hero-actions-v12 .actions{gap:8px}.one-hero-actions-v12 .btn{padding:11px 15px}}

/* Exoskeleton solution — featured seventh card and dedicated page */
.exo-solution-card{grid-column:1/-1;display:grid;grid-template-columns:1.4fr 1fr;min-height:285px}.exo-solution-card .card-image{height:100%;min-height:290px}.exo-solution-card .card-image img{object-fit:cover;object-position:center}.exo-solution-card .card-copy{display:flex;flex-direction:column;justify-content:center;gap:10px;padding:30px}.exo-solution-card .card-copy p{margin:0 0 9px}.exo-hero{padding:26px 0 36px;background:linear-gradient(180deg,#041426,#08223b)}.exo-hero img{width:100%;height:auto;display:block;border:1px solid rgba(36,205,249,.35);border-radius:20px}.exo-hero-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:24px 8px 0}.exo-hero-actions h1{font-size:clamp(26px,3.1vw,43px);margin:8px 0}.exo-hero-actions p{font-size:15px;line-height:1.65;color:var(--muted);margin:0}.exo-process{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;margin-top:26px}.exo-process>div{border:1px solid rgba(66,143,189,.7);border-radius:16px;background:linear-gradient(160deg,#0c2c4c,#061c31);padding:23px}.exo-process b{font-size:28px;color:var(--cyan)}.exo-process h3{font-size:16px;margin:10px 0}.exo-process p{font-size:13px;line-height:1.7;color:var(--muted);margin:0}.exo-panel-image{border-radius:12px;margin:16px 0;width:100%;height:auto}
@media(max-width:980px){.exo-process{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.exo-solution-card{grid-template-columns:1fr}.exo-solution-card .card-image{height:215px;min-height:0}.exo-hero-actions{flex-direction:column;align-items:flex-start}.exo-process{grid-template-columns:1fr}}

/* Vision+ dedicated product page V14 */
.vision-v14-hero{padding:24px 0 0;background:linear-gradient(#041528,#041a30)}
.vision-v14-hero img{display:block;width:100%;height:auto;border-radius:18px;border:1px solid rgba(22,205,248,.28);box-shadow:0 15px 55px rgba(0,0,0,.35)}
.vision-v14-hero-actions{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:20px 4px 28px}
.vision-v14-hero-actions span{color:var(--cyan);font-size:12px;letter-spacing:2px;font-weight:800}
.vision-v14-section{padding-top:64px}
.vision-v14-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.vision-v14-capability{border:1px solid rgba(34,204,241,.56);background:linear-gradient(135deg,#0b2d4b,#071b32);border-radius:16px;padding:22px;min-height:164px}
.vision-v14-icon{display:inline-flex;align-items:center;justify-content:center;color:#4feaff;border:1px solid #24d8f6;border-radius:12px;width:44px;height:44px;font-size:25px;font-weight:800;margin-bottom:14px}
.vision-v14-capability h3{font-size:18px;margin:0 0 8px}.vision-v14-capability p{color:#bad6e7;font-size:14px;line-height:1.6;margin:0}
.vision-v14-applications{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin-top:28px}
.vision-v14-app{border-radius:17px;overflow:hidden;border:1px solid rgba(34,204,241,.6);background:#09243d}
.vision-v14-app img{width:100%;aspect-ratio:16/9;object-fit:cover}.vision-v14-app>div{padding:17px}.vision-v14-app h3{font-size:17px;margin:0 0 9px}.vision-v14-app p{font-size:13px;line-height:1.55;color:#b7d2e4;margin:0}
.vision-v14-tech{display:grid;grid-template-columns:.8fr 1.2fr;gap:32px;align-items:center}
@media(max-width:980px){.vision-v14-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}.vision-v14-applications{grid-template-columns:repeat(2,minmax(0,1fr))}.vision-v14-tech{grid-template-columns:1fr}}
@media(max-width:640px){.vision-v14-hero{padding-top:14px}.vision-v14-hero-actions{align-items:flex-start;flex-direction:column}.vision-v14-capabilities,.vision-v14-applications{grid-template-columns:1fr}}

/* V15: cleaner original Vision+ banner and reference-matched cyan capability icons */
.vision-v15-icon{display:inline-flex;justify-content:center;align-items:center;width:64px;height:64px;margin:0 0 12px;border:0;background:transparent;filter:drop-shadow(0 0 7px rgba(12,212,242,.40))}
.vision-v15-icon img{width:64px;height:64px;object-fit:contain}
.vision-v14-capability{min-height:194px}
.vision-v14-capability h3{margin-top:2px}
@media(max-width:640px){.vision-v14-capability{min-height:unset}}

/* V16: richer Vision+ capability cards using clean icons and visual previews */
.vision-v16-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:26px}
.vision-v16-capability{position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-start;min-height:260px;padding:20px 20px 18px;border:1px solid rgba(34,204,241,.56);border-radius:18px;background:linear-gradient(145deg,#0b2f4d 0%,#09253e 52%,#071a2e 100%);box-shadow:inset 0 0 0 1px rgba(89,226,255,.08),0 14px 32px rgba(0,0,0,.22)}
.vision-v16-capability::before{content:"";position:absolute;inset:0;background:radial-gradient(circle at top right,rgba(55,214,255,.15),transparent 35%),linear-gradient(180deg,transparent 42%,rgba(0,0,0,.08));pointer-events:none}
.vision-v16-copy{position:relative;z-index:2;max-width:58%}
.vision-v16-head{display:flex;align-items:center;gap:12px;margin-bottom:12px}
.vision-v16-icon{display:inline-flex;align-items:center;justify-content:center;flex:0 0 54px;width:54px;height:54px;border-radius:14px;border:1px solid rgba(49,228,255,.65);background:linear-gradient(180deg,rgba(20,50,76,.9),rgba(9,27,44,.85));box-shadow:0 0 14px rgba(52,235,255,.24),inset 0 0 20px rgba(52,235,255,.08)}
.vision-v16-icon img{width:34px;height:34px;display:block}
.vision-v16-capability h3{font-size:17px;line-height:1.2;margin:0;color:#f2f8fb}
.vision-v16-capability p{font-size:14px;line-height:1.6;margin:0;color:#bad6e7}
.vision-v16-media{position:absolute;right:0;bottom:0;display:flex;align-items:flex-end;justify-content:flex-end;pointer-events:none;z-index:1}
.vision-v16-media img{display:block;max-width:100%;height:auto;object-fit:contain;filter:drop-shadow(0 8px 18px rgba(0,0,0,.28))}
.vision-v16-capability.cap-2d .vision-v16-media{width:50%;right:12px;bottom:10px}.vision-v16-capability.cap-2d .vision-v16-copy{max-width:47%}
.vision-v16-capability.cap-3d .vision-v16-media{width:43%;right:10px;bottom:10px}.vision-v16-capability.cap-3d .vision-v16-copy{max-width:52%}
.vision-v16-capability.cap-ai .vision-v16-media{width:40%;right:10px;top:18px;bottom:auto}.vision-v16-capability.cap-ai .vision-v16-copy{max-width:55%}
.vision-v16-capability.cap-pose .vision-v16-media{width:44%;right:8px;bottom:0}.vision-v16-capability.cap-pose .vision-v16-copy{max-width:50%}
.vision-v16-capability.cap-guidance .vision-v16-media{width:48%;right:0;bottom:0}.vision-v16-capability.cap-guidance .vision-v16-copy{max-width:48%}
.vision-v16-capability.cap-integration .vision-v16-media{width:52%;right:-4px;bottom:0}.vision-v16-capability.cap-integration .vision-v16-copy{max-width:47%}
@media(max-width:980px){.vision-v16-capabilities{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:640px){.vision-v16-capabilities{grid-template-columns:1fr}.vision-v16-capability{min-height:240px}.vision-v16-copy,.vision-v16-capability.cap-2d .vision-v16-copy,.vision-v16-capability.cap-3d .vision-v16-copy,.vision-v16-capability.cap-ai .vision-v16-copy,.vision-v16-capability.cap-pose .vision-v16-copy,.vision-v16-capability.cap-guidance .vision-v16-copy,.vision-v16-capability.cap-integration .vision-v16-copy{max-width:58%}.vision-v16-icon{width:50px;height:50px;flex-basis:50px}.vision-v16-icon img{width:32px;height:32px}}

/* V17 OCS and HandPlus ONE native UI sections */
.ocs-v17-hero{position:relative;overflow:hidden;padding:74px 0 76px;background:radial-gradient(ellipse at 78% 45%,rgba(0,137,235,.26),transparent 52%),linear-gradient(120deg,#021325 8%,#073251 65%,#031426)}
.ocs-v17-hero-inner{position:relative;min-height:260px;display:flex;align-items:center}
.ocs-v17-heading{position:relative;z-index:2;max-width:720px}.ocs-v17-heading h1{font-size:clamp(48px,7vw,92px);letter-spacing:-.06em;line-height:1.07;margin:12px 0 12px}.ocs-v17-heading p{max-width:680px;color:#d1e9f3;line-height:1.7;font-size:16px;margin:10px 0}.ocs-v17-heading .ocs-v17-lead{font-size:clamp(19px,2.5vw,26px);font-weight:700;color:#f5fdff}.ocs-v17-heading .actions{margin-top:24px}.ocs-v17-orbit{position:absolute;right:-17%;top:-16%;width:65%;height:115%;object-fit:cover;opacity:.68;mix-blend-mode:screen;mask-image:linear-gradient(to right,transparent,#000 20%,#000 85%,transparent);pointer-events:none}
.ocs-v17-cap-section .desc{max-width:940px}.ocs-v17-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:30px}.ocs-v17-card{border-radius:17px;border:1px solid rgba(28,206,251,.63);background:linear-gradient(160deg,#0b3550,#06223c 65%,#041b30);overflow:hidden;padding:15px;box-shadow:inset 0 1px rgba(108,240,255,.13),0 13px 25px rgba(0,0,0,.20)}.ocs-v17-card-top{display:flex;gap:12px;align-items:flex-start;min-height:145px}.ocs-v17-icon{border:1px solid rgba(26,232,252,.65);box-shadow:0 0 12px rgba(24,225,250,.17);background:#03192e;border-radius:12px;display:grid;place-items:center;flex:0 0 46px;height:46px;color:#35e8fa}.ocs-v17-icon svg{width:27px;height:27px}.ocs-v17-card h3{font-size:16px;line-height:1.27;margin:0 0 9px}.ocs-v17-card p{font-size:12.5px;color:#bbd8e8;line-height:1.5;margin:0}.ocs-v17-card>img{width:100%;height:133px;object-fit:cover;object-position:top center;border-radius:10px;border:1px solid rgba(39,213,239,.35);background:#041326}
.ocs-v17-shots{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;margin-top:26px}.ocs-v17-shot{display:block;overflow:hidden;border:1px solid rgba(46,177,227,.56);border-radius:18px;background:#071f34;transition:transform .2s,border-color .2s}.ocs-v17-shot:hover{transform:translateY(-3px);border-color:#4ae6ff}.ocs-v17-shot>img{width:100%;aspect-ratio:16/9;object-fit:contain;background:#001423;display:block}.ocs-v17-shot-copy{padding:16px 20px 20px;display:flex;flex-direction:column;gap:6px}.ocs-v17-shot-copy strong{font-size:17px;color:white}.ocs-v17-shot-copy span{color:#a9cedf;font-size:13px;line-height:1.5}
.ocs-v17-context{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:40px}.ocs-v17-context h2{margin:12px 0}.ocs-v17-context p{line-height:1.8;color:#bed8e8;max-width:600px}.ocs-v17-context img{width:100%;mix-blend-mode:screen;filter:drop-shadow(0 0 18px rgba(0,186,255,.14));border-radius:12px}.ocs-v17-context .btn{margin-top:14px}
.one-v17-deploy .one-v17-deploy-shot{display:block;width:100%;border:1px solid rgba(30,210,243,.4);border-radius:12px;margin:20px 0 12px;aspect-ratio:16/9;object-fit:contain;background:#06192a}.one-v17-identity{display:flex;align-items:center;gap:17px}.one-v17-identity img{width:155px;mix-blend-mode:screen}.one-v17-identity span{font-weight:700;color:#d9f4ff;font-size:14px;line-height:1.5}
@media(max-width:1050px){.ocs-v17-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ocs-v17-card-top{min-height:120px}}
@media(max-width:700px){.ocs-v17-hero{padding:55px 0}.ocs-v17-orbit{width:115%;right:-52%;opacity:.3}.ocs-v17-grid,.ocs-v17-shots,.ocs-v17-context{grid-template-columns:1fr}.ocs-v17-card-top{min-height:112px}.ocs-v17-context img{max-width:480px;margin:auto}.ocs-v17-heading h1{font-size:52px}.ocs-v17-shot-copy{padding:13px 15px}}

/* V18: full supplied OCS overview, branded headline and clean HMI screenshots */
.ocs-v18-logo-heading{width:min(100%,580px);height:auto;margin:12px 0 8px!important;line-height:1!important;font-size:initial!important;letter-spacing:normal!important}
.ocs-v18-logo-heading img{width:100%;height:auto;max-height:255px;object-fit:contain;object-position:left center;display:block;mix-blend-mode:screen}
.ocs-v18-cap-section{padding-top:30px;padding-bottom:52px;background:linear-gradient(180deg,#04182a,#05243c 70%,#04182a)}
.ocs-v18-overview{overflow:hidden;border-radius:20px;border:1px solid rgba(36,205,255,.48);background:#04162a;box-shadow:0 0 35px rgba(0,144,240,.16)}
.ocs-v18-overview img{width:100%;height:auto;display:block}
.ocs-v17-hero{padding-top:50px;padding-bottom:42px}
.ocs-v17-hero-inner{min-height:0}.ocs-v17-heading{max-width:880px}
.ocs-v17-hero .ocs-v17-lead{margin-top:0}
@media(max-width:700px){.ocs-v18-logo-heading{width:100%}.ocs-v18-cap-section{padding-top:12px;padding-bottom:30px}.ocs-v17-hero{padding:32px 0 28px}}


/* V19: OCS text hero accent, cropped overview, and Vision+ banner sections */
.ocs-v17-accent{background:linear-gradient(180deg,#9ff7ff 0%,#2fd3ff 38%,#3ba5ff 100%);-webkit-background-clip:text;background-clip:text;color:transparent;text-shadow:0 0 18px rgba(46,217,255,.18)}
.vision-v17-banner{overflow:hidden;border-radius:20px;border:1px solid rgba(34,204,241,.55);background:#04162a;box-shadow:0 0 32px rgba(0,144,240,.14);margin-top:28px}
.vision-v17-banner img{width:100%;height:auto;display:block}

/* V21 robotics hardware catalog */
.nav{gap:18px}.top-inner{gap:10px}.nav a{font-size:12px}.nav-group .nav-parent{white-space:nowrap}.top-inner>.btn{white-space:nowrap;padding:11px 14px}
.catalog-main{background:#061a2d}.catalog-hero{padding:100px 0 78px;background:radial-gradient(ellipse at 80% 15%,rgba(0,186,246,.2),transparent 52%),linear-gradient(125deg,#041326,#08304c 60%,#071b30);border-bottom:1px solid rgba(50,206,255,.25)}.catalog-hero h1{font-size:clamp(40px,5.3vw,68px);letter-spacing:-.045em;line-height:1.08;max-width:930px;margin:16px 0}.catalog-hero p{font-size:18px;color:#c2d8e5;line-height:1.8;max-width:880px}.catalog-hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:28px}
.catalog-categories{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:28px}.catalog-category,.catalog-item{display:block;overflow:hidden;border-radius:17px;border:1px solid rgba(55,205,240,.4);background:linear-gradient(155deg,#0b304b,#071a2f);color:#f4fbff;text-decoration:none;transition:transform .2s,border-color .2s}.catalog-category:hover,.catalog-item:hover{transform:translateY(-4px);border-color:#54e8ff}.catalog-category-picture{height:190px;background:#f4f8fb;display:flex;align-items:center;justify-content:center;overflow:hidden}.catalog-category-picture img{width:100%;height:100%;object-fit:contain}.catalog-category-picture span{font-size:80px;color:#0a9ed7}.catalog-category-body,.catalog-item-body{padding:21px}.catalog-category h3,.catalog-item h3{font-size:21px;line-height:1.3;margin:0 0 10px}.catalog-category p,.catalog-item p{font-size:14px;line-height:1.7;color:#b9d4e1;margin:0 0 18px}.catalog-quote{color:#44e3ff;font-size:14px;font-weight:750}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin-top:26px}.catalog-item{display:flex;flex-direction:column}.catalog-product-image{background:#f6fbfd;height:235px;display:flex;align-items:center;justify-content:center;overflow:hidden}.catalog-product-image img{width:100%;height:100%;object-fit:contain}.catalog-icon-visual{font-size:96px;color:#067cb5}.catalog-item-body{flex:1;display:flex;flex-direction:column}.catalog-item-body .eyebrow{font-size:10px;margin:10px 0}.catalog-item-body p{flex:1}.catalog-brand-logo{height:44px;width:165px;max-width:90%;background:#fff;border-radius:7px;display:flex;align-items:center;justify-content:center;padding:6px 10px}.catalog-brand-logo img{width:100%;height:100%;object-fit:contain}.catalog-note{margin-top:26px;color:#b8d6e6}.catalog-note a{color:#42e9ff}.catalog-brand-wall{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:14px;margin-top:25px}.catalog-brand-wall div{background:#f8fbff;border:1px solid #93d9ee;padding:22px 14px;border-radius:13px;height:102px;display:flex;align-items:center;justify-content:center}.catalog-brand-wall img{width:100%;height:100%;object-fit:contain}.catalog-crosssell{display:flex;align-items:center;justify-content:space-between;gap:28px}.catalog-crosssell .desc{max-width:780px}.catalog-crosssell h2{margin:12px 0}.catalog-teaser{display:grid;grid-template-columns:1.3fr 1fr;align-items:center;gap:42px}.catalog-teaser-section{background:linear-gradient(130deg,#061c30,#0b3450)}.catalog-teaser h2{font-size:clamp(32px,3.3vw,46px);line-height:1.2}.catalog-teaser-logos{display:flex;gap:14px;flex-wrap:wrap;margin:22px 0}.catalog-teaser-logos img{background:#f7fbff;border-radius:8px;width:106px;height:57px;object-fit:contain;padding:7px}.catalog-teaser-visual{border:1px solid #2089ba;border-radius:18px;overflow:hidden;background:#f9fcff}.catalog-teaser-visual img{width:100%;max-height:290px;object-fit:contain;display:block}.catalog-teaser-visual span{background:#08243c;color:#d3f1ff;display:block;padding:11px 16px;font-weight:650}
@media(max-width:1100px){.catalog-categories{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-brand-wall{grid-template-columns:repeat(4,minmax(0,1fr))}.nav{gap:12px}.nav a{font-size:11px}}
@media(max-width:800px){.catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.catalog-teaser{grid-template-columns:1fr}.catalog-crosssell{flex-direction:column;align-items:flex-start}}
@media(max-width:620px){.catalog-hero{padding:60px 0}.catalog-hero p{font-size:16px}.catalog-categories,.catalog-grid{grid-template-columns:1fr}.catalog-brand-wall{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* V23 — clean product and brand presentation; original dark navy/cyan theme retained */
.logoimg img,.footer-logo img{background:transparent!important;object-fit:contain!important}
.catalog-product-image,.catalog-category-picture{box-sizing:border-box;background:#f8fbfd!important;padding:12px 18px!important}
.catalog-product-image img,.catalog-category-picture img{width:100%!important;height:100%!important;max-width:100%!important;max-height:100%!important;object-fit:contain!important;object-position:center!important;display:block}
.catalog-product-image{height:258px}
.catalog-category-picture{height:208px}
.catalog-brand-logo{box-sizing:border-box;height:62px;width:195px;max-width:100%;padding:8px 12px;background:rgba(247,251,255,.96);border:1px solid rgba(106,207,233,.35);border-radius:10px}
.catalog-brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.catalog-brand-text{display:inline-flex;align-items:center;justify-content:center;min-height:52px;width:195px;max-width:100%;border:1px solid rgba(44,221,246,.45);border-radius:10px;color:#53e5f7;letter-spacing:.08em;font-weight:800;font-size:12px;text-align:center}
.catalog-brand-wall div{box-sizing:border-box;padding:13px 12px;height:110px}
.catalog-brand-wall img{max-width:100%;max-height:100%;object-fit:contain}
@media(min-width:980px){.catalog-grid:has(.catalog-item:nth-child(4)){grid-template-columns:repeat(3,minmax(0,1fr))}}

/* V24 — tighter source framing, brand consistency and uncropped product photography */
.catalog-category-picture{height:226px!important;padding:4px 6px!important;background:#f8fbfd!important}
.catalog-category-picture img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.catalog-product-image{height:268px!important;padding:4px 8px!important;background:#fff!important}
.catalog-product-image img{width:100%!important;height:100%!important;object-fit:contain!important;object-position:center!important}
.catalog-brand-logo{height:78px!important;width:210px!important;max-width:100%!important;border:1px solid rgba(88,176,204,.34)!important;background:#fff!important;padding:3px 7px!important;box-shadow:none!important}
.catalog-brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.catalog-brand-wall div{background:#fff!important;padding:6px 7px!important}
.catalog-brand-wall img{max-width:100%!important;max-height:100%!important;object-fit:contain!important}
@media(max-width:640px){.catalog-product-image{height:245px!important}.catalog-category-picture{height:220px!important}}

/* v26 product layout */
.catalog-product-image{background:#fff!important;padding:0!important}
.catalog-product-image img{object-fit:contain!important;object-position:center!important}
.catalog-product-image img[src*="camera"]{mix-blend-mode:multiply}
.catalog-brand-logo{width:224px!important;height:76px!important;padding:3px 5px!important;background:#fff!important;border:0!important;border-radius:8px!important}
.catalog-brand-logo img{width:100%!important;height:100%!important;object-fit:contain!important}
.catalog-brand-logo img[src*="partner-ur"]{transform:scale(1.42)}
.catalog-brand-logo img[src*="partner-mitsubishi"]{transform:scale(1.22)}
.catalog-brand-logo img[src*="partner-zimmer"]{transform:scale(1.12)}
.catalog-brand-logo img[src*="partner-onrobot"]{transform:scale(1.22)}
.solutions-feature{padding:94px 0 32px;background:radial-gradient(ellipse at 50% 0,#0b365b 0%,#061e32 65%,#051726 100%)}
.solutions-feature-inner{max-width:1420px}
.solutions-feature-art{display:block;width:100%;height:auto;border-radius:15px;box-shadow:0 0 30px rgba(0,177,238,.12)}
.solutions-feature-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:14px;padding:23px 0 0}
@media(max-width:750px){.solutions-feature{padding:85px 0 20px}.solutions-feature-art{border-radius:9px}.solutions-feature-actions{padding-top:17px}.solutions-feature-actions .btn{font-size:12px}}


/* Hand Plus robotics hardware presentation improvements 2026-11-12 */
.catalog-brand-logo{overflow:hidden!important;background:#f8fbfd!important;border:1px solid rgba(165,208,220,.25)!important;border-radius:10px!important}
.catalog-brand-logo img{mix-blend-mode:multiply;object-fit:contain!important}
.catalog-brand-logo img[src*="partner-ur"]{transform:scale(1.74)!important}
.catalog-brand-logo img[src*="partner-mitsubishi"]{transform:scale(1.5)!important}
.catalog-brand-logo img[src*="partner-flexiv"]{transform:scale(1.22)!important}
.catalog-brand-logo img[src*="partner-onrobot"]{transform:scale(1.27)!important}
.catalog-brand-logo img[src*="partner-zimmer"],.catalog-brand-logo img[src*="632f26e036734"]{transform:scale(1.12)!important}
.catalog-brand-logo img[src*="18af1faacd8c"]{transform:scale(1.34)!important}
.catalog-brand-wall div{overflow:hidden;background:#f8fbfd!important}
.catalog-brand-wall img{mix-blend-mode:multiply}
.catalog-brand-wall img[src*="partner-ur"]{transform:scale(1.4)}
.catalog-brand-wall img[src*="partner-mitsubishi"]{transform:scale(1.2)}
.catalog-brand-wall img[src*="632f26e036734"]{transform:scale(1.12)}
.catalog-product-image:has(img[src*="catalog-abb"]){background:#f3f5f8!important}
.catalog-product-image img[src*="catalog-abb"]{mix-blend-mode:multiply;object-fit:contain!important}
.catalog-category-picture img[src*="1a64405e51694"]{width:100%!important;height:100%!important;object-fit:contain!important}
.catalog-kuka .catalog-product-image img{object-fit:contain!important}
@media(max-width:640px){.catalog-brand-logo img[src*="partner-ur"]{transform:scale(1.5)!important}.catalog-brand-logo img[src*="partner-mitsubishi"]{transform:scale(1.35)!important}}


/* November 2026: matching, compact product-image headers */
.solution-visual-hero {padding:26px 0 34px;background:linear-gradient(145deg,#04182a,#082f49 65%,#041b2e)}
.solution-visual-hero-inner {max-width:1200px}
.solution-visual-hero img {width:100%;height:auto;display:block;object-fit:contain;border-radius:18px;border:1px solid rgba(43,204,241,.4);box-shadow:0 12px 45px rgba(0,173,234,.12)}
.solution-visual-actions {display:flex;gap:14px;justify-content:center;flex-wrap:wrap;margin-top:18px}

/* China Shanghai marker, aligned to map geography and branded to match regional pins */
.world-map-v5-image .map-hotspot-cn{
  position:absolute;left:82.3%;top:32.5%;
  width:34px;height:43px;transform:translate(-50%,-50%);
  background:transparent;border:0;border-radius:0;z-index:7;
}
.world-map-v5-image .map-hotspot-cn::before{
  content:"";position:absolute;left:4px;top:3px;
  width:25px;height:25px;
  background:#11bad2;border:2px solid #f6feff;
  border-radius:55% 55% 55% 8%;
  transform:rotate(-45deg);
  box-shadow:0 0 0 3px rgba(0,208,232,.17),0 3px 13px rgba(0,150,195,.34);
}
.world-map-v5-image .map-hotspot-cn::after{
  content:"";position:absolute;left:10px;top:8px;
  width:15px;height:15px;
  background-image:url('https://static.wixstatic.com/media/bdd554_31f36a2f9ce8485292ca45e37d7a4cf6~mv2.png');
  background-position:center;background-size:contain;background-repeat:no-repeat;
  filter:brightness(0) invert(1);
  transform:none;
}
.world-map-v5-image .map-hotspot-cn .map-china-pin{
  position:absolute;left:-20px;bottom:48px;
  display:inline-flex;align-items:center;justify-content:center;
  min-width:78px;padding:5px 12px;background:#f7fcff;
  border:2px solid #14c4dd;border-radius:22px;
  font-size:12px;font-weight:850;line-height:1.05;color:#08243a;white-space:nowrap;
  box-shadow:0 2px 8px rgba(0,160,200,.17);
}
.world-map-v5-image .map-hotspot-cn .map-china-pin::after{
  content:"";position:absolute;width:2px;height:17px;left:52%;top:100%;
  background:#0bb8d2;transform:rotate(30deg);transform-origin:top;
}
.world-map-v5-image .map-hotspot-cn:hover,
.world-map-v5-image .map-hotspot-cn:focus-visible{
  background:transparent;outline:0;box-shadow:none;
}
.world-map-v5-image .map-hotspot-cn:hover::before,
.world-map-v5-image .map-hotspot-cn:focus-visible::before{
  box-shadow:0 0 0 6px rgba(0,208,232,.28),0 0 18px #00cbe7;
}
@media(max-width:680px){
 .world-map-v5-image .map-hotspot-cn{width:23px;height:30px;left:82.3%;top:32.5%}
 .world-map-v5-image .map-hotspot-cn::before{width:18px;height:18px;left:2px;top:3px;border-width:1px}
 .world-map-v5-image .map-hotspot-cn::after{width:11px;height:11px;left:6px;top:7px}
 .world-map-v5-image .map-hotspot-cn .map-china-pin{font-size:9px;padding:3px 7px;min-width:52px;left:-16px;bottom:33px;border-width:1px}
 .world-map-v5-image .map-hotspot-cn .map-china-pin::after{height:9px}
}
@media(max-width:680px){.solution-visual-hero{padding:14px 0 22px}.solution-visual-hero img{border-radius:10px}.solution-visual-actions .btn{font-size:11px;padding:10px 12px}.map-china-pin{font-size:9px;padding:3px 6px}.map-hotspot-cn::before{width:12px;height:12px}}

/* Hand Plus responsive polish — 2026-11-13 */
/* Shared safeguards for phone and iPad widths without changing desktop layouts */
html,body{max-width:100%;overflow-x:clip}
img,video,svg,canvas{max-width:100%}
iframe{max-width:100%}
section,.wrap,main,.section,.form-panel,.dark-panel,.card,.catalog-item{min-width:0}
.contact-form input,.contact-form select,.contact-form textarea{max-width:100%;min-width:0}
@media(max-width:1120px){
 .top-inner{gap:12px}
 .menu{display:block;min-width:44px;min-height:44px;cursor:pointer}
 .nav{display:none;position:absolute;top:100%;left:0;right:0;background:#061828;padding:16px max(18px,calc((100vw - 1200px)/2));flex-direction:column;align-items:stretch;gap:4px;max-height:calc(100dvh - 80px);overflow-y:auto;overscroll-behavior:contain;box-shadow:0 16px 28px #0008}
 .nav.open{display:flex}
 .nav>a,.nav-group>.nav-parent{display:block;padding:11px 9px;font-size:15px;min-height:44px}
 .nav-group{height:auto;display:block;width:100%}
 .nav-submenu,.nav-submenu.wide{position:static;display:flex;flex-direction:column;opacity:1;visibility:visible;pointer-events:auto;transform:none;max-width:none;width:100%;margin:3px 0 8px;padding:5px 8px;box-shadow:none}
 .nav-submenu a{min-height:40px;padding:10px}
 .contact-form-layout{grid-template-columns:1fr}
}
@media(min-width:681px) and (max-width:1120px){
 .wrap{width:calc(100% - 44px)}
 .form-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery{grid-template-columns:repeat(2,minmax(0,1fr))}
 .gallery img{height:clamp(200px,28vw,300px)}
}
@media(max-width:680px){
 .wrap{width:calc(100% - 28px)}
 .section{padding:42px 0}
 h1,h2,h3,p{overflow-wrap:break-word}
 .top-inner{height:70px}
 .logoimg img{max-width:155px;height:auto;max-height:34px}
 .nav{max-height:calc(100dvh - 70px);padding:12px 16px 24px}
 .form-grid,.contact-form-layout{grid-template-columns:1fr}
 .contact-form .field,.contact-form .textarea{width:100%;font-size:16px;min-height:44px}
 .contact-form textarea{min-height:130px}
 .contact-form label>span:has(select[name=country_code]){display:flex;flex-wrap:wrap}
 .contact-form select[name=country_code]{flex:1 1 40%!important;width:auto!important}
 .contact-form input[name=phone]{flex:1 1 48%!important;width:auto!important}
 .contact-form .btn[type=submit]{min-height:48px;width:100%}
 .solution-visual-actions{gap:9px}
 .solution-visual-actions .btn{min-height:44px;white-space:normal;text-align:center}
 .gallery{grid-template-columns:1fr}
 .gallery img{height:auto;max-height:320px;object-fit:contain}
 .nav-submenu a{font-size:13px}
}
@media(max-width:390px){
 .contact-form select[name=country_code],.contact-form input[name=phone]{flex:1 1 100%!important}
 .hero h1,.banner h1{font-size:clamp(28px,9vw,38px)}
}

/* Hand Plus social QR cards */
.hp-social-qr-section{background:linear-gradient(135deg,#06182b,#092e49 65%,#06182b);border-top:1px solid #1e607b}
.hp-social-heading{text-align:center;max-width:760px;margin:0 auto 26px}
.hp-social-heading h2{font-size:clamp(27px,3.5vw,39px);margin:8px 0 10px;color:#f6fcff}
.hp-social-heading p{color:#bddbe8;font-size:15px;line-height:1.6;margin:0}
.hp-social-qr-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;max-width:960px;margin:0 auto}
.hp-social-qr-card{display:flex;align-items:center;gap:22px;border:1px solid #277c9e;border-radius:17px;background:linear-gradient(140deg,#0c3350,#061d31);padding:21px;transition:border-color .2s,transform .2s;min-width:0}
.hp-social-qr-card:hover{border-color:#2ce3fb;transform:translateY(-3px)}
.hp-social-qr-card img{width:154px;height:154px;max-width:43%;flex:0 0 auto;object-fit:contain;background:white;border:7px solid white;border-radius:11px;image-rendering:auto}
.hp-social-qr-card h3{margin:0 0 7px;color:#fff;font-size:21px}
.hp-social-qr-card p{font-size:14px;line-height:1.5;color:#b8d3df;margin:0 0 9px}
.hp-social-qr-card .read{font-size:13px}
@media(max-width:820px){.hp-social-qr-grid{grid-template-columns:1fr;max-width:600px}}
@media(max-width:420px){.hp-social-qr-card{padding:15px;gap:12px}.hp-social-qr-card img{width:120px;height:120px;border-width:5px}.hp-social-qr-card h3{font-size:18px}.hp-social-qr-card p{font-size:12px}.hp-social-qr-card .read{font-size:12px}}