/*
Theme Name: Purwa Catur Solusindo Industrial Solutions
Theme URI: https://baraksolusindo.com/
Author: PURWA CATUR SOLUSINDO
Description: Bright, animated industrial company theme with editable Products and Customizer settings.
Version: 1.0.0
Text Domain: bsi-industrial
*/
:root{--navy:#09233f;--blue:#1261b5;--cyan:#11bde3;--green:#24c987;--sky:#eaf7ff;--white:#fff;--ink:#102338;--muted:#66788a;--line:#dce9f2;--shadow:0 18px 50px rgba(14,64,104,.12)}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;line-height:1.6;overflow-x:hidden}a{text-decoration:none;color:inherit}.wrap{width:min(1180px,92%);margin:auto}.nav{position:sticky;top:0;z-index:20;background:#ffffffdd;backdrop-filter:blur(16px);border-bottom:1px solid var(--line)}.navin{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;font-weight:800;color:var(--navy)}.logoimg{width:255px;height:auto;max-height:58px;object-fit:contain;display:block}.brand small{display:block;color:#7890a3;font-size:9px;letter-spacing:1.8px;font-weight:600}.navlinks{display:flex;gap:26px;font-size:13px;font-weight:600;color:#476076}.navlinks a:hover{color:var(--blue)}.hamb{display:none;border:0;background:none;font-size:25px;color:var(--navy)}.hero{position:relative;min-height:650px;padding:100px 0 85px;overflow:hidden;background:linear-gradient(135deg,#f5fbff 0%,#fff 55%,#eafff6 100%)}.hero:before{content:"";position:absolute;width:520px;height:520px;border-radius:50%;right:-130px;top:-130px;background:radial-gradient(circle,#73d9ff55,transparent 65%);animation:float 7s ease-in-out infinite}.hero:after{content:"";position:absolute;width:420px;height:420px;border-radius:50%;left:-180px;bottom:-180px;background:radial-gradient(circle,#42e3aa30,transparent 65%);animation:float 9s ease-in-out infinite reverse}.heroGrid{display:grid;grid-template-columns:1.08fr .92fr;gap:45px;align-items:center;position:relative;z-index:1}.ey{font-size:11px;font-weight:800;letter-spacing:3px;text-transform:uppercase;color:var(--blue)}.hero h1{font-family:"Space Grotesk",Arial,sans-serif;font-size:clamp(44px,6vw,75px);line-height:1.02;margin:15px 0 22px;color:var(--navy)}.hero h1 span{background:linear-gradient(90deg,var(--blue),var(--cyan),var(--green));background-size:200% auto;color:transparent;background-clip:text;animation:shine 5s linear infinite}.hero p{font-size:18px;color:var(--muted);max-width:680px}.buttons{margin-top:28px}.btn{display:inline-block;padding:13px 19px;border-radius:10px;border:1px solid var(--line);font-weight:700;font-size:13px;margin:7px 9px 0 0;transition:.25s}.btn:hover{transform:translateY(-3px);box-shadow:var(--shadow)}.primary{background:var(--blue);color:#fff;border-color:var(--blue)}.heroVisual{height:410px;border-radius:28px;overflow:hidden;box-shadow:0 30px 80px #1261b526;position:relative;background:#dff5ff}.heroVisual img{width:100%;height:100%;object-fit:cover;filter:saturate(1.08)}.heroVisual:after{content:"INDUSTRIAL • AUTOMATION • DIGITAL";position:absolute;bottom:18px;left:18px;background:#ffffffdd;padding:9px 13px;border-radius:99px;font-size:10px;font-weight:800;letter-spacing:1.5px;color:var(--navy)}.trust{margin-top:-35px;position:relative;z-index:3}.trustin{background:#fff;border:1px solid var(--line);border-radius:18px;box-shadow:var(--shadow);display:grid;grid-template-columns:repeat(3,1fr);overflow:hidden}.stat{padding:24px;text-align:center;border-right:1px solid var(--line)}.stat:last-child{border:0}.stat b{font-family:"Space Grotesk";font-size:27px;color:var(--navy)}.stat span{display:block;color:var(--muted);font-size:12px}section{padding:90px 0}.head{margin-bottom:34px}.head h2{font-family:"Space Grotesk";font-size:39px;color:var(--navy);margin:8px 0}.head p{color:var(--muted);max-width:650px}.center{text-align:center}.center p{margin-left:auto;margin-right:auto}.solutions{display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{border-radius:22px;padding:34px;min-height:330px;position:relative;overflow:hidden;border:1px solid var(--line);box-shadow:0 10px 35px #0d5d9210;background:linear-gradient(135deg,#fff,#f2fbff)}.panel:nth-child(2){background:linear-gradient(135deg,#f4fff9,#fff)}.panel:after{content:"";position:absolute;width:180px;height:180px;border-radius:50%;right:-80px;bottom:-80px;background:#11bde314}.panel h3{font-family:"Space Grotesk";font-size:28px;margin:10px 0}.panel p{color:var(--muted);max-width:500px}.tags{display:flex;gap:9px;flex-wrap:wrap;margin-top:22px}.tag{padding:8px 12px;border-radius:99px;background:#fff;border:1px solid var(--line);font-size:12px;color:#496177;box-shadow:0 4px 15px #0c5b9410}.productGrid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.product{background:#fff;border:1px solid var(--line);border-radius:18px;overflow:hidden;box-shadow:0 8px 28px #0c5b9410;transition:.3s;opacity:0;transform:translateY(24px)}.product.show{opacity:1;transform:none}.product:hover{transform:translateY(-8px);box-shadow:0 20px 45px #0c5b9420}.pic{height:190px;overflow:hidden;background:var(--sky)}.pic img{width:100%;height:100%;object-fit:cover;transition:.5s}.product:hover .pic img{transform:scale(1.07)}.body{padding:19px}.num{color:var(--blue);font-size:10px;font-weight:900;letter-spacing:2px}.body h3{font-family:"Space Grotesk";font-size:18px;line-height:1.2;margin:8px 0}.body p{font-size:12px;color:var(--muted);margin:0 0 15px}.more{font-size:12px;font-weight:800;color:var(--blue)}.process{background:linear-gradient(135deg,#f1faff,#f4fff9);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.step{background:#fff;border:1px solid var(--line);padding:24px;border-radius:15px}.step b{font-size:28px;color:#b7cddd}.step h3{font-family:"Space Grotesk";font-size:18px;margin:8px 0}.step p{color:var(--muted);font-size:12px}.cta{border-radius:24px;padding:50px;background:linear-gradient(120deg,var(--navy),#1261b5);color:#fff;position:relative;overflow:hidden;box-shadow:var(--shadow)}.cta:after{content:"";position:absolute;width:300px;height:300px;border-radius:50%;right:-80px;top:-120px;background:#11bde330}.cta h2{font-family:"Space Grotesk";font-size:38px;margin:8px 0}.cta p{color:#d5e8f7}.cta .btn{border-color:#ffffff44}.cta .primary{background:#fff;color:var(--blue);border-color:#fff}.contactDetails{display:grid;gap:8px;margin:20px 0;position:relative;z-index:1}.contactDetails a,.contactDetails span{color:#dff3ff;font-size:13px}.contactDetails a:hover{color:#fff;text-decoration:underline}footer{padding:30px 0;border-top:1px solid var(--line);color:#718396;font-size:12px}.foot{display:flex;justify-content:space-between;gap:20px}.brandBlock{margin:42px 0 58px}.brandTitle{display:flex;justify-content:space-between;align-items:end;gap:20px;margin-bottom:20px}.brandTitle h3{font-family:"Space Grotesk";font-size:28px;color:var(--navy);margin:7px 0}.modelGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.model{border:1px solid var(--line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 10px 35px #0c5b9410;transition:.25s}.model:hover{transform:translateY(-7px);box-shadow:0 22px 50px #0c5b9420}.robotPhoto{height:230px;background:#f2f8fc;overflow:hidden}.robotPhoto img{width:100%;height:100%;object-fit:cover;display:block;transition:.5s}.model:hover .robotPhoto img{transform:scale(1.04)}.modelBody{padding:21px}.modelBody small{font-size:9px;letter-spacing:2px;color:var(--blue);font-weight:900}.modelBody h4{font-family:"Space Grotesk";font-size:23px;margin:7px 0}.modelBody p{color:var(--muted);font-size:12px;min-height:58px}.spec{display:grid;grid-template-columns:1fr 1fr;gap:3px 12px;margin:14px 0;padding:12px;border-radius:11px;background:#f4faff}.spec b{font-family:"Space Grotesk";font-size:18px;color:var(--navy)}.spec span{font-size:10px;color:var(--muted)}.toolGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.tool{padding:22px;border:1px solid var(--line);border-radius:15px;background:linear-gradient(145deg,#fff,#f5fbff);transition:.25s}.tool:hover{transform:translateY(-4px);border-color:#1261b555}.toolIcon{width:42px;height:42px;border-radius:10px;background:#e8f6ff;display:grid;place-items:center;color:var(--blue);font-size:21px}.tool h4{font-family:"Space Grotesk";margin:12px 0 6px;font-size:17px}.tool p{font-size:12px;color:var(--muted);margin:0}.cuttingGallery{margin:28px 0 26px}.galleryIntro{display:flex;align-items:end;justify-content:space-between;gap:24px;margin-bottom:16px}.galleryIntro h3{margin:5px 0 0}.galleryIntro p{max-width:520px;color:var(--muted);font-size:13px;margin:0}.galleryGrid{display:grid;grid-template-columns:repeat(12,1fr);gap:12px}.galleryGrid figure{margin:0;position:relative;overflow:hidden;border-radius:16px;min-height:190px;background:#edf4f8;border:1px solid var(--line)}.galleryGrid figure:nth-child(1){grid-column:span 7}.galleryGrid figure:nth-child(2){grid-column:span 5}.galleryGrid figure:nth-child(3),.galleryGrid figure:nth-child(4),.galleryGrid figure:nth-child(5){grid-column:span 4}.galleryGrid img{width:100%;height:100%;min-height:190px;object-fit:cover;display:block;transition:transform .55s ease,filter .55s ease}.galleryGrid figure:hover img{transform:scale(1.045);filter:saturate(1.08)}.galleryGrid figcaption{position:absolute;left:12px;right:12px;bottom:12px;padding:10px 12px;border-radius:11px;background:#06182ddd;color:#fff;font:700 12px "Space Grotesk";backdrop-filter:blur(8px)}.empty-products{padding:35px;border:1px dashed #9bb6ca;border-radius:16px;background:#f7fbfe;color:#506579;text-align:center}@keyframes float{50%{transform:translateY(20px) translateX(12px)}}@keyframes shine{to{background-position:200% center}}@media(max-width:950px){.heroGrid{grid-template-columns:1fr}.heroVisual{height:330px}.productGrid{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.modelGrid{grid-template-columns:1fr 1fr}.toolGrid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.logoimg{width:205px}.navlinks{display:none}.hamb{display:block}.trustin{grid-template-columns:1fr}.stat{border-right:0;border-bottom:1px solid var(--line)}.productGrid,.solutions,.steps,.modelGrid,.toolGrid{grid-template-columns:1fr}.hero{padding-top:65px}.heroVisual{height:270px}.head h2{font-size:31px}.foot{display:block}.brandTitle,.galleryIntro{display:block}.galleryIntro p{margin-top:8px}.galleryGrid{grid-template-columns:1fr}.galleryGrid figure,.galleryGrid figure:nth-child(n){grid-column:auto;min-height:220px}.galleryGrid img{min-height:220px}}