@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--navy:#071c36;--navy2:#0d315b;--blue:#0866e8;--ice:#eff6ff;--ink:#152944;--muted:#64758c;--line:#e0e8f1}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Manrope,Arial,sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}.topbar{background:var(--navy);color:#d9e9fa;font-size:12px;padding:10px 0}.topbar .container{display:flex;justify-content:space-between;gap:15px;flex-wrap:wrap}.header{position:sticky;top:0;background:#ffffffed;backdrop-filter:blur(15px);z-index:20;border-bottom:1px solid var(--line)}.header-inner{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:12px 0}.brand{display:flex;align-items:center;gap:13px}.brand img{width:72px;height:72px;object-fit:contain;border-radius:50%}.brand strong{font-size:24px;letter-spacing:.05em;color:var(--navy)}.brand small{display:block;color:#37658d;font-size:10px;font-weight:800;letter-spacing:.11em}.nav{display:flex;gap:24px;align-items:center;font-weight:700;font-size:13px}.nav a:hover,.nav a.active{color:var(--blue)}.btn{display:inline-flex;align-items:center;justify-content:center;padding:14px 22px;border-radius:9px;background:var(--blue);color:#fff;font-weight:800;font-size:13px;transition:.2s;border:1px solid var(--blue)}.btn:hover{transform:translateY(-2px);background:#004eae}.btn.outline{background:transparent;color:#fff;border-color:#a2bad6}.btn.light{background:#fff;color:var(--blue);border-color:#fff}.hero{background:radial-gradient(ellipse at 85% 20%,#1d5d9e 0%,transparent 45%),linear-gradient(115deg,#05182d,#0b3056 75%,#07243f);color:#fff;overflow:hidden}.hero-inner{min-height:540px;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:25px;padding:64px 0}.eyebrow{color:#55b4ff;font-size:12px;letter-spacing:.22em;font-weight:800;text-transform:uppercase}.hero h1{font-size:clamp(38px,4.7vw,68px);letter-spacing:-.055em;line-height:1.08;margin:16px 0}.hero h1 span{color:#57b3ff}.hero p{color:#d0dff1;line-height:1.85;max-width:580px}.hero-actions{display:flex;flex-wrap:wrap;gap:13px;margin-top:28px}.hero-visual{position:relative}.hero-visual img{width:100%;aspect-ratio:1;object-fit:contain;border-radius:50%;filter:drop-shadow(0 22px 35px #0008);background:#fff}.hero-visual:after{content:'MEGA DRIVE  •  INDUSTRIAL BELTS';position:absolute;bottom:5%;right:0;background:#006be8;color:#fff;padding:11px 16px;border-radius:8px;font-size:11px;font-weight:800;letter-spacing:.09em}.stats{background:#f3f7fc;border-bottom:1px solid var(--line)}.stats-inner{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;padding:24px 0}.stat{padding:12px 20px;border-right:1px solid #d9e4ef}.stat:last-child{border:0}.stat b{display:block;color:var(--navy);font-size:15px}.stat small{color:var(--muted);font-size:12px}.section{padding:76px 0}.section.alt{background:#f6f9fd}.section-head{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:28px}.section h2,.pagehero h1{font-size:clamp(28px,3vw,42px);line-height:1.2;color:var(--navy);letter-spacing:-.035em;margin:9px 0}.section-head p,.lead{color:var(--muted);line-height:1.85;max-width:660px}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{border:1px solid var(--line);border-radius:15px;overflow:hidden;background:white;box-shadow:0 9px 35px #12365b0a;transition:.2s}.product:hover{transform:translateY(-5px);box-shadow:0 18px 40px #12365b18}.product img{width:100%;height:205px;object-fit:contain;background:#f1f5f9;padding:14px}.product .copy{padding:22px}.product h3{margin:0 0 9px;color:var(--navy);font-size:18px}.product p{margin:0 0 18px;font-size:13px;color:var(--muted);line-height:1.6}.arrow{color:var(--blue);font-weight:800;font-size:13px}.split{display:grid;grid-template-columns:1fr 1fr;gap:55px;align-items:center}.feature{padding:20px 0;border-bottom:1px solid var(--line)}.feature b{color:var(--navy)}.feature p{margin:7px 0 0;color:var(--muted);line-height:1.75;font-size:14px}.image-panel{background:linear-gradient(145deg,#e4f2ff,#b7d5ef);border-radius:20px;padding:35px}.image-panel img{width:100%;border-radius:15px;object-fit:contain;max-height:410px}.cta{background:linear-gradient(110deg,#052345,#0866d3);color:#fff;padding:55px 0}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}.cta h2{margin:0 0 8px;font-size:30px}.cta p{color:#d5e8ff;margin:0}.footer{background:#06182c;color:#c4d2e2;padding:48px 0 18px}.footgrid{display:grid;grid-template-columns:2fr 1fr 1.4fr;gap:45px}.footer h3{color:#fff}.footer p,.footer a{font-size:13px;line-height:1.9}.footer a{display:block}.copyright{border-top:1px solid #2b4056;margin-top:34px;padding-top:17px;font-size:12px}.pagehero{background:linear-gradient(110deg,#061c35,#10477a);color:#fff;padding:65px 0}.pagehero h1{color:#fff}.pagehero p{max-width:720px;line-height:1.8;color:#d3e2f1}.form{display:grid;gap:15px}.form label{font-size:13px;font-weight:800}.form input,.form textarea,.form select{width:100%;padding:14px;border:1px solid #d2dfea;border-radius:9px;font:inherit;font-size:14px}.form textarea{min-height:130px;resize:vertical}.note{color:var(--muted);font-size:12px}.menu-btn{display:none;background:#eaf2ff;border:0;border-radius:8px;padding:10px;font-size:20px}@media(max-width:860px){.nav{gap:13px}.brand strong{font-size:19px}.brand img{width:58px;height:58px}.hero-inner{min-height:0}.stats-inner{grid-template-columns:repeat(2,1fr)}.grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:680px){.topbar .container{font-size:10px}.menu-btn{display:block}.nav{display:none;position:absolute;left:0;right:0;top:100%;background:#fff;padding:22px;box-shadow:0 18px 25px #071c3620;flex-direction:column;align-items:start}.nav.open{display:flex}.header-inner>.btn{display:none}.hero-inner{grid-template-columns:1fr;padding:54px 0}.hero-visual{max-width:350px;margin:auto}.hero h1{font-size:42px}.stats-inner{grid-template-columns:1fr 1fr}.stat{padding:12px 8px}.section{padding:52px 0}.grid,.split,.footgrid{grid-template-columns:1fr}.section-head,.cta-inner{display:block}.cta-inner .btn{margin-top:22px}.product img{height:210px}}
/* Expanded AR SONS catalog */
.catalog-section{padding:42px 0 20px}.catalog-section h2{font-size:30px;color:#102e51;margin:0 0 20px}.catalog-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.catalog-card{display:block;text-decoration:none;color:#142e4c;background:#fff;border:1px solid #dbe4ef;border-radius:18px;overflow:hidden;box-shadow:0 6px 22px #142d4810;transition:transform .2s}.catalog-card:hover{transform:translateY(-4px)}.catalog-card img{width:100%;height:205px;object-fit:contain;background:#f0f4f9;display:block;padding:12px}.catalog-copy{padding:20px}.catalog-copy h3{margin:0 0 10px;font-size:20px}.catalog-copy p{margin:0 0 14px;color:#58718c}.catalog-copy b{color:#0758d8}.catalog-items{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.catalog-item{background:white;border:1px solid #dbe4ef;border-radius:16px;overflow:hidden}.catalog-item img{width:100%;height:230px;object-fit:contain;background:#f4f7fa;padding:10px}.catalog-item .copy{padding:17px}.catalog-item h3{font-size:18px;margin:0 0 12px}.catalog-item .btn{display:inline-block}.catalog-intro{max-width:850px;color:#516982;line-height:1.7}.catalog-tabs{display:flex;flex-wrap:wrap;gap:10px;margin:20px 0 35px}.catalog-tabs a{padding:9px 13px;background:#eaf1fa;border-radius:9px;text-decoration:none;color:#17477e;font-weight:600}.catalog-tabs a:hover{background:#d7e9ff}@media(max-width:850px){.catalog-grid,.catalog-items{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:540px){.catalog-grid,.catalog-items{grid-template-columns:1fr}.catalog-card img{height:200px}}

/* Premium AR SONS homepage introduction */
.ar-intro-section{padding:78px 0 72px;background:linear-gradient(135deg,#f5f9ff 0%,#fff 68%);border-bottom:1px solid #e1e9f5}.ar-intro-top{max-width:1000px}.ar-intro-top h2{font-size:clamp(30px,4vw,49px);line-height:1.16;letter-spacing:-.035em;margin:16px 0 20px;color:#102a4c}.ar-intro-top h2 span{color:#1261d8}.ar-intro-top p{font-size:16px;line-height:1.85;color:#445b76;margin:0 0 15px}.ar-intro-top .ar-intro-lead{font-size:20px;line-height:1.6;color:#1b385b;font-weight:550;margin-bottom:23px}.ar-intro-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:17px;margin-top:34px}.ar-intro-grid article{background:#fff;border:1px solid #dce7f7;border-radius:16px;padding:23px 20px;box-shadow:0 10px 25px rgba(14,47,89,.045)}.ar-intro-number{color:#1261d8;font-weight:800;font-size:13px;letter-spacing:.1em}.ar-intro-grid h3{font-size:18px;color:#102a4c;margin:11px 0}.ar-intro-grid p{font-size:14px;line-height:1.7;color:#60718a;margin:0}.ar-intro-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:30px;flex-wrap:wrap}.ar-intro-footer strong{font-size:18px;color:#102a4c}@media(max-width:850px){.ar-intro-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-intro-section{padding:54px 0}}@media(max-width:540px){.ar-intro-grid{grid-template-columns:1fr}.ar-intro-top p{font-size:15px}.ar-intro-top .ar-intro-lead{font-size:18px}}

/* AR SONS extended About page */
.ar-about-alt{background:#f1f6fc}.ar-about-intro{max-width:850px}.ar-about-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:28px 0 34px}.ar-about-card{background:#fff;border:1px solid #dce7f5;border-radius:18px;padding:28px;box-shadow:0 12px 30px rgba(11,43,78,.05)}.ar-about-card h3{font-size:1.25rem;margin:0 0 12px;color:#0b2746}.ar-about-card p{line-height:1.8;color:#536b85;margin:0}.ar-about-two{grid-template-columns:repeat(2,minmax(0,1fr))}.ar-about-closing{margin-top:32px;padding:34px;background:#0a2849;border-radius:18px;color:white}.ar-about-closing h2,.ar-about-closing p{color:white}.ar-about-closing p{margin-bottom:22px;line-height:1.8}@media(max-width:800px){.ar-about-grid,.ar-about-two{grid-template-columns:1fr}.ar-about-card{padding:22px}.ar-about-closing{padding:24px}}


/* AR SONS mobile responsiveness: preserve desktop and existing product photos */
@media(max-width:767px){
 html,body{max-width:100%;overflow-x:clip}
 img,video{max-width:100%}
 .wrap,.container{max-width:100%;box-sizing:border-box}
 .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}
 .catalog-grid .product-card{min-width:0;min-height:0!important;padding:12px!important;overflow:hidden}
 .catalog-grid .product-card h3{font-size:14px!important;overflow-wrap:anywhere}
 .catalog-grid .product-card p{font-size:12px!important}
 .catalog-grid .premium-card-media{width:100%;max-width:100%;height:145px!important;overflow:hidden!important}
 .catalog-grid .belt-scroll-box{overflow:hidden!important}
 .catalog-grid .belt-scroll-track{height:100%;max-width:none}
 .catalog-grid .belt-scroll-track img{height:100%!important;width:auto!important;max-width:none!important;object-fit:contain!important;flex-shrink:0}
 .catalog-head{align-items:flex-start!important;gap:8px!important}
 .catalog-head h2{font-size:23px!important;overflow-wrap:anywhere}
 .catalog-search{max-width:100%;box-sizing:border-box}
 .catalog-search input{min-width:0}
 .detail-grid,.product-gallery,.intro,.two{min-width:0}
 .product-gallery img{max-width:100%;object-fit:contain}
 .aftab-showcase-heading{flex-wrap:wrap}
 .float-wa{z-index:180}
}
@media(max-width:480px){
 .catalog-grid{grid-template-columns:1fr!important;gap:15px!important}
 .catalog-grid .product-card{padding:16px!important}
 .catalog-grid .premium-card-media{height:205px!important}
 .catalog-grid .product-card h3{font-size:18px!important}
 .catalog-grid .product-card p{font-size:13px!important}
 .grid{grid-template-columns:1fr!important}
 .catalog-head h2{font-size:22px!important}
 .subhero h1{font-size:clamp(26px,8vw,34px)!important;overflow-wrap:anywhere}
 .product-gallery{gap:8px}
}

/* AR SONS homepage: three horizontal product showcase lanes */
.ar-intro-belts-showcase{max-width:1220px;margin:34px auto 40px;padding:0 20px;display:grid;gap:22px}
.ar-showcase-lane{min-width:0;border:1px solid #d9e7f8;border-radius:18px;background:#fff;overflow:hidden;box-shadow:0 8px 26px rgba(10,55,110,.06)}
.ar-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:15px 20px;background:#f0f6ff}
.ar-showcase-head h3{font-size:19px;color:#08254c;margin:0}
.ar-showcase-head a{font-weight:700;color:#0762db;text-decoration:none;font-size:14px}
.ar-showcase-window{overflow:hidden;width:100%;padding:14px 0}
.ar-showcase-track{display:flex;width:max-content;gap:14px;animation:ar-intro-slide 30s linear infinite}
.ar-showcase-reverse{animation-direction:reverse}
.ar-showcase-item{flex:0 0 205px;width:205px;height:145px;background:#f7faff;border:1px solid #e4eefa;border-radius:12px;display:flex;align-items:center;justify-content:center;overflow:hidden}
.ar-showcase-item img{display:block;width:100%;height:100%;object-fit:contain}
.ar-showcase-lane:hover .ar-showcase-track,.ar-showcase-lane:focus-within .ar-showcase-track{animation-play-state:paused}
@keyframes ar-intro-slide{to{transform:translateX(calc(-50% - 7px))}}
@media(max-width:640px){.ar-intro-belts-showcase{padding:0 14px;margin:24px auto;gap:16px}.ar-showcase-head{padding:12px}.ar-showcase-head h3{font-size:16px}.ar-showcase-head a{font-size:12px}.ar-showcase-item{flex-basis:150px;width:150px;height:112px}.ar-showcase-track{gap:10px}@keyframes ar-intro-slide{to{transform:translateX(calc(-50% - 5px))}}}
@media(prefers-reduced-motion:reduce){.ar-showcase-track{animation:none}.ar-showcase-window{overflow-x:auto}}

/* AR SONS animated brand experience */
.md-brand-visual{position:relative;min-height:450px;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate;background:radial-gradient(circle at 50% 45%,#1b62ac 0%,#103968 36%,#081d39 78%)}
.md-motion-orbit{position:absolute;border:2px solid rgba(126,195,255,.35);border-radius:50%;aspect-ratio:1;pointer-events:none;box-shadow:0 0 30px rgba(48,150,255,.13),inset 0 0 30px rgba(48,150,255,.08)}
.orbit-one{width:65%;animation:arSpin 20s linear infinite;border-top-color:#e9b95b;border-right-color:#60b8ff}
.orbit-two{width:85%;border-style:dashed;border-left-color:#e9b95b;animation:arSpin 35s linear infinite reverse}
.orbit-three{width:112%;border-width:1px;animation:arPulse 5s ease-in-out infinite}
.md-motion-center{z-index:2;display:flex;flex-direction:column;align-items:center;gap:13px;text-align:center;padding:25px;animation:arFloat 5s ease-in-out infinite}
.md-motion-kicker{font-size:10px;font-weight:800;letter-spacing:3px;color:#c9dfff}
.md-motion-wordmark{font-size:clamp(33px,4.2vw,68px);font-weight:950;font-style:italic;letter-spacing:-2px;white-space:nowrap;filter:drop-shadow(0 5px 12px #001a35)}
.md-motion-wordmark span{color:white}.md-motion-wordmark strong{color:#e9b95b}.md-motion-wordmark sup{font-size:14px;vertical-align:top;color:#fff}
.md-motion-tag{font-size:11px;font-weight:700;letter-spacing:2px;color:#d7e8fc}
.md-motion-pill{position:absolute;z-index:2;border:1px solid #8bb8e0;background:#08284bd9;color:white;border-radius:100px;padding:9px 15px;font-size:10px;letter-spacing:1px;font-weight:800;box-shadow:0 8px 20px #03162988;animation:arFloat 6s ease-in-out infinite}
.pill-a{top:15%;left:5%}.pill-b{bottom:14%;right:5%;animation-delay:-3s}
.ar-about-motion{position:relative;width:100%;min-height:410px;display:flex;align-items:center;justify-content:center;overflow:hidden;border-radius:24px;background:radial-gradient(circle at 50% 50%,#2670c1,#0a315d 58%,#061b35);isolation:isolate}
.ar-about-ring{position:absolute;border:2px solid #78b5ff66;border-radius:50%;aspect-ratio:1}.ar-about-ring-one{width:60%;border-top-color:#f1c16a;animation:arSpin 17s linear infinite}.ar-about-ring-two{width:90%;border-style:dashed;animation:arSpin 27s linear infinite reverse}
.ar-about-mark{z-index:2;display:flex;flex-direction:column;align-items:center;gap:13px;color:white;text-align:center;animation:arFloat 5s ease-in-out infinite}.ar-about-mark strong{font-size:clamp(36px,5vw,64px);font-style:italic;letter-spacing:-2px}.ar-about-mark em{color:#eebd66}.ar-about-mark>span:last-child{font-size:13px;letter-spacing:1px}.ar-about-small{font-size:11px;letter-spacing:3px;color:#c4ddfb}.ar-about-motion-foot{position:absolute;bottom:22px;color:#c5defb;font-size:10px;letter-spacing:2px}
.ar-thanks{position:relative;overflow:hidden;padding:95px 20px;background:radial-gradient(circle at 50% 0%,#174c83,#081e3a 75%);color:white;text-align:center}.ar-thanks:before,.ar-thanks:after{content:"";position:absolute;border:1px solid #ffffff19;border-radius:50%;width:500px;height:500px;pointer-events:none}.ar-thanks:before{left:-300px;top:-280px}.ar-thanks:after{right:-300px;bottom:-330px}.ar-thanks-inner{position:relative;z-index:1;max-width:850px}.ar-thanks-star{font-size:35px;color:#f0bb60;animation:arFloat 4s ease-in-out infinite}.ar-thanks-kicker{font-size:11px;font-weight:800;letter-spacing:3px;color:#e5b45e}.ar-thanks h2{font-size:clamp(30px,4.4vw,58px);line-height:1.15;margin:20px 0}.ar-thanks h2 span{color:#f0bd64}.ar-thanks p{font-size:17px;line-height:1.9;color:#d4e3f5;max-width:750px;margin:0 auto 28px}.ar-thanks-actions{display:flex;gap:13px;justify-content:center;flex-wrap:wrap}.ar-thanks-actions a{display:inline-block;padding:14px 23px;border-radius:9px;text-decoration:none;font-weight:800}.ar-thanks-primary{background:#efbd65;color:#071c36}.ar-thanks-outline{border:1px solid #c0d8f0;color:white}.ar-thanks-signoff{margin-top:34px;color:#b7d2ef;font-size:12px;letter-spacing:1px}.ar-thanks-signoff span{color:#efbd65}
@keyframes arSpin{to{transform:rotate(360deg)}}@keyframes arFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes arPulse{0%,100%{opacity:.4;transform:scale(.98)}50%{opacity:1;transform:scale(1.05)}}
@media(max-width:760px){.md-brand-visual{min-height:340px}.md-motion-pill{font-size:8px;padding:7px 9px}.md-motion-wordmark{font-size:38px}.md-motion-kicker{font-size:8px;letter-spacing:1.5px}.ar-about-motion{min-height:310px}.ar-thanks{padding:65px 18px}.ar-thanks p{font-size:15px}}
@media(prefers-reduced-motion:reduce){.md-motion-orbit,.md-motion-center,.md-motion-pill,.ar-about-ring,.ar-about-mark,.ar-thanks-star{animation:none!important}}

/* Distinct AR SONS identity for the second animated home panel */
.ar-about-motion{background:radial-gradient(circle at 48% 42%,#20669c,#092943 64%,#05192d)!important}
.ar-about-mark strong{font-size:clamp(35px,5vw,60px)!important;letter-spacing:.025em!important}
.ar-about-mark em{color:#69c6ff!important;font-style:normal!important}
@media(max-width:680px){.ar-about-motion{min-height:275px!important}.ar-about-mark strong{font-size:clamp(35px,9vw,52px)!important}.ar-about-mark span:last-child{font-size:12px!important;max-width:90%;text-align:center}}