:root{
  --blue:#118bd1;--blue2:#31b9e8;--purple:#8d1ed2;--orange:#ff7a1a;--orange2:#ffb33f;--peach:#fff0df;--navy:#09213c;--ink:#142032;--muted:#657386;--line:#e8edf2;--soft:#f7f9fb;--green:#25d366;--radius:18px;--shadow:0 14px 40px rgba(28,60,88,.10)
}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif;color:var(--ink);background:linear-gradient(180deg,#fffaf5 0%,#fff7f0 100%)}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}img{max-width:100%;display:block}.container{width:min(1180px,calc(100% - 32px));margin:auto}.topbar{background:linear-gradient(180deg,#fff9f3 0%,#fff4ea 100%);border-bottom:1px solid #f2e7da;font-size:11px;color:#566478}.topbar-inner{height:36px;display:flex;align-items:center;justify-content:space-between}.topbar-left,.topbar-right{display:flex;align-items:center;gap:17px}.topbar-left i{width:3px;height:3px;border-radius:50%;background:#9ca8b5}.topbar-right a:hover{color:var(--blue)}
.main-header{background:rgba(255,253,250,.92);backdrop-filter:blur(14px);position:sticky;top:0;z-index:50;box-shadow:0 3px 18px rgba(29,52,75,.05)}.header-row{height:86px;display:grid;grid-template-columns:190px minmax(260px,1fr) auto;align-items:center;gap:28px}.logo img{width:165px;height:66px;object-fit:contain}.search-wrap{height:48px;border:1px solid #dfe5eb;background:#fafbfd;border-radius:10px;display:flex;align-items:center;padding:0 14px;position:relative}.search-wrap svg{width:20px;fill:none;stroke:#68768a;stroke-width:1.8;margin-right:10px}.search-wrap input{border:0;outline:0;background:transparent;width:100%;font-size:13px}.search-results{display:none;position:absolute;top:54px;left:0;right:0;background:#fff;border:1px solid var(--line);border-radius:12px;box-shadow:var(--shadow);padding:8px;z-index:60}.search-results.open{display:block}.search-results a{display:block;padding:10px 12px;border-radius:8px;font-size:12px}.search-results a:hover{background:#f2f7fb;color:var(--blue)}.header-actions{display:flex;align-items:center;gap:18px}.header-icon{display:grid;justify-items:center;gap:3px;font-size:10px;color:#637083}.icon-box{font-size:20px;color:#1b2c40}.wa-mini{border-left:1px solid var(--line);padding-left:17px;display:flex;flex-direction:column;gap:2px}.wa-mini b{font-size:12px;color:#1a344b}.wa-mini span{font-size:11px;color:#6d7886}.category-nav-wrap{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.category-nav{height:44px;display:flex;align-items:center;gap:28px;overflow-x:auto;white-space:nowrap;font-size:12px}.category-nav a{color:#4e5b6c}.category-nav a:first-child{color:#fff;background:linear-gradient(135deg,#ff7418,#ff9f2f);height:44px;display:flex;align-items:center;padding:0 18px;margin-left:0;box-shadow:0 8px 22px rgba(255,122,26,.18)}.category-nav a:hover{color:var(--blue)}.category-nav a:first-child:hover{color:#fff;background:linear-gradient(135deg,#f06412,#ff8b1f)}
.hero-section{padding:24px 0 22px}.hero-grid{display:grid;grid-template-columns:minmax(0,2.15fr) minmax(280px,.85fr);gap:16px}.hero-banner{min-height:430px;border-radius:24px;background:radial-gradient(circle at 83% 18%,rgba(255,119,28,.48) 0 14%,rgba(255,119,28,0) 38%),radial-gradient(circle at 35% 108%,rgba(255,184,76,.55) 0 15%,rgba(255,184,76,0) 42%),radial-gradient(circle at 3% 25%,rgba(255,229,199,.88) 0 14%,rgba(255,229,199,0) 36%),linear-gradient(135deg,#fff9f2 0%,#fff2e3 58%,#ffe6cc 100%);position:relative;overflow:hidden;padding:52px;display:flex;align-items:center;box-shadow:inset 0 0 0 1px rgba(255,145,44,.08),0 18px 48px rgba(255,121,24,.10)}.hero-copy{position:relative;z-index:5;max-width:56%}.hero-kicker{display:inline-block;color:#cc5b0b;font-size:10px;font-weight:900;letter-spacing:.16em;margin-bottom:15px}.hero-copy h1{font-size:clamp(43px,4.6vw,66px);line-height:.98;letter-spacing:-.055em;margin:0 0 20px}.hero-copy h1 strong{background:linear-gradient(90deg,#ff641d 0%,#ff9d24 45%,#8d1ed2 100%);-webkit-background-clip:text;background-clip:text;color:transparent}.hero-copy p{font-size:14px;line-height:1.65;color:#526277;max-width:520px}.hero-cta{display:flex;gap:10px;margin-top:25px}.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:9px;padding:13px 18px;font-size:12px;font-weight:850;cursor:pointer}.btn-primary{background:linear-gradient(135deg,#ff7018,#ff9f2f);color:#fff;box-shadow:0 10px 24px rgba(255,119,25,.22)}.btn-primary:hover{background:linear-gradient(135deg,#ed5f10,#ff8818);transform:translateY(-1px)}.btn-ghost{background:#fff;color:#20334a;border:1px solid #dce4eb}.hero-product-card{position:absolute;right:38px;top:43px;width:36%;height:344px;background:rgba(255,255,255,.94);border:1px solid rgba(255,255,255,.72);border-radius:22px;padding:14px;box-shadow:0 24px 60px rgba(149,72,14,.18);transform:rotate(1.2deg);z-index:3;backdrop-filter:blur(12px)}.hero-product-card img{width:100%;height:100%;object-fit:contain;background:#f7f8fa;border-radius:12px}.floating-tag{position:absolute;left:-25px;bottom:22px;background:#fff;border-radius:10px;box-shadow:var(--shadow);padding:10px 14px;display:flex;flex-direction:column}.floating-tag b{font-size:11px}.floating-tag span{font-size:9px;color:#7a8795}.hero-art{position:absolute;border-radius:999px;filter:blur(18px) saturate(118%)}.art-a{width:360px;height:360px;background:linear-gradient(140deg,#ff8a21,#ffbe4f);right:-145px;top:-160px;opacity:.34}.art-b{width:190px;height:190px;border:42px solid #ff9f2f;right:25%;bottom:-110px;opacity:.24}.art-c{width:125px;height:125px;background:#ffd8b1;left:-64px;top:42px;transform:rotate(45deg);opacity:.52}.hero-side{display:grid;gap:16px}.side-card{border-radius:24px;min-height:207px;padding:27px;position:relative;display:flex;align-items:flex-end;color:#fff;overflow:hidden;box-shadow:0 16px 36px rgba(230,103,15,.13);isolation:isolate}.side-card:before{content:"";position:absolute;width:190px;height:190px;background:rgba(255,220,171,.26);filter:blur(22px);border-radius:50%;right:-58px;top:-68px;z-index:-1}.side-card:after{content:"";position:absolute;width:120px;height:120px;background:rgba(255,255,255,.18);filter:blur(28px);border-radius:50%;left:-35px;bottom:-45px;z-index:-1}.side-card span{font-size:9px;font-weight:900;letter-spacing:.14em}.side-card h3{font-size:25px;line-height:1.05;margin:10px 0 8px;letter-spacing:-.03em}.side-card p{font-size:11px;line-height:1.55;opacity:.85;max-width:230px;margin:0}.side-blue{background:radial-gradient(circle at 78% 18%,rgba(255,220,171,.38),transparent 38%),linear-gradient(135deg,#ff7a1a 0%,#ff9f2f 56%,#ffbc58 100%)}.side-purple{background:radial-gradient(circle at 82% 18%,rgba(255,231,199,.26),transparent 36%),linear-gradient(135deg,#ef5b14 0%,#ff7a1a 52%,#ff9e2d 100%)}.side-arrow{position:absolute;right:20px;bottom:20px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.16)}
.section{padding:62px 0}.section-title-row{display:flex;justify-content:space-between;align-items:end;gap:24px;margin-bottom:26px}.eyebrow{display:block;font-size:9px;font-weight:950;letter-spacing:.17em;color:var(--blue);margin-bottom:8px}.eyebrow.white{color:#fff0dd}.section-title-row h2{font-size:32px;line-height:1.05;letter-spacing:-.035em;margin:0}.section-title-row>a{font-size:11px;color:#e56710;font-weight:800}.category-section{padding-top:42px}.category-cards{display:grid;grid-template-columns:repeat(8,1fr);gap:12px}.category-card{border:1px solid #f0e8df;border-radius:16px;padding:18px 10px 15px;text-align:center;background:#fff;transition:.22s;box-shadow:0 5px 18px rgba(37,53,67,.035)}.category-card:hover{transform:translateY(-4px);box-shadow:0 14px 34px rgba(255,120,24,.11);border-color:#ffd8b7}.cat-icon{width:55px;height:55px;border-radius:50%;margin:0 auto 10px;display:grid;place-items:center;font-weight:900;font-size:18px}.cat-icon.blue{background:#dff3ff;color:#118bd1}.cat-icon.purple{background:#f1e5ff;color:#8d1ed2}.cat-icon.cyan{background:#e0f9ff;color:#1ca3c9}.cat-icon.orange{background:#fff1dc;color:#ef8d0e}.cat-icon.navy{background:#e4edf5;color:#173a5e}.cat-icon.pink{background:#ffe7f5;color:#cc3b8b}.cat-icon.green{background:#e7f8ed;color:#269e55}.cat-icon.gray{background:#edf0f3;color:#5f6d7c}.category-card span{font-size:11px;font-weight:750}.service-market{background:linear-gradient(180deg,#fffaf5 0%,#fff7f1 100%);border-top:1px solid #f5e8dc;border-bottom:1px solid #f5e8dc;position:relative;isolation:isolate;overflow:hidden}.product-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:14px}.product-card{background:#fff;border:1px solid #eee8e1;border-radius:16px;overflow:hidden;transition:.22s;box-shadow:0 5px 16px rgba(31,46,61,.035)}.product-card:hover{box-shadow:0 18px 38px rgba(255,117,22,.10);transform:translateY(-4px);border-color:#ffd8b7}.image-button,.project-card button{border:0;padding:0;background:none;width:100%;cursor:zoom-in}.product-image{height:220px;background:#f4f6f8;display:grid;place-items:center;padding:10px}.product-image img{width:100%;height:100%;object-fit:contain}.product-body{padding:14px}.product-cat{font-size:9px;color:#7d8a99}.product-body h3{font-size:15px;line-height:1.2;margin:5px 0 7px}.product-body p{font-size:10.5px;line-height:1.45;color:#707d8c;min-height:46px}.product-foot{border-top:1px solid var(--line);padding-top:11px;margin-top:11px;display:flex;flex-direction:column;gap:7px}.product-foot small{font-size:9px;color:#8692a0}.product-foot a{font-size:10px;color:#e96812;font-weight:850}.latest{background:linear-gradient(180deg,#fffdfb 0%,#fff8f2 100%);position:relative;isolation:isolate;overflow:hidden}.slider-actions{display:flex;gap:6px}.slider-actions button{width:38px;height:38px;border:1px solid #f0dfd2;background:#fff;border-radius:50%;cursor:pointer;transition:.2s}.slider-actions button:hover{background:#fff3e8;border-color:#ffcfa9;color:#e9650f;transform:translateY(-1px)}.project-slider{display:flex;gap:14px;overflow-x:auto;scroll-snap-type:x mandatory;padding-bottom:12px;scrollbar-width:none}.project-slider::-webkit-scrollbar{display:none}.project-card{min-width:260px;border:1px solid var(--line);border-radius:14px;background:#fff;overflow:hidden;scroll-snap-align:start}.project-image{height:300px;background:#f5f6f8;padding:9px;display:grid;place-items:center}.project-image img{width:100%;height:100%;object-fit:contain}.project-card>div{padding:12px 14px 15px}.project-card span{font-size:9px;color:#7b8998}.project-card h3{font-size:14px;margin:3px 0 0}.category-showcase{background:linear-gradient(180deg,#fff 0%,#fffaf5 100%)}.showcase-grid{display:grid;grid-template-columns:1.05fr 1.95fr;gap:18px}.showcase-banner{border-radius:24px;background:radial-gradient(circle at 18% 12%,rgba(255,235,211,.34) 0 14%,transparent 38%),radial-gradient(circle at 95% 85%,rgba(255,204,145,.28) 0 13%,transparent 36%),linear-gradient(135deg,#f35d12 0%,#ff7a1a 44%,#ff9e2d 100%);padding:40px;color:#fff;min-height:350px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;position:relative;overflow:hidden;box-shadow:0 20px 46px rgba(232,100,20,.16)}.showcase-banner h2{font-size:38px;line-height:1.02;letter-spacing:-.04em;margin:4px 0 14px}.showcase-banner p{font-size:12px;line-height:1.65;color:#fff5ea;max-width:420px}.btn-white{background:#fff;color:#d75a0e;margin-top:10px;box-shadow:0 10px 24px rgba(113,49,6,.11)}.showcase-products{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.showcase-products article{background:#fff;border:1px solid var(--line);border-radius:16px;padding:12px}.showcase-image{height:240px;background:#f5f6f8;border-radius:10px;padding:8px;display:grid;place-items:center}.showcase-image img{width:100%;height:100%;object-fit:contain}.showcase-products span{display:block;font-size:9px;color:#83909f;margin-top:11px}.showcase-products h3{font-size:14px;margin:4px 0 3px}.process-section{background:linear-gradient(180deg,#fffaf5 0%,#fff7f1 100%);position:relative;isolation:isolate;overflow:hidden}.process-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line);border-radius:18px;overflow:hidden}.process-grid article{padding:26px 20px;min-height:205px;border-right:1px solid var(--line);position:relative}.process-grid article:last-child{border-right:0}.process-grid article>b{position:absolute;right:14px;top:12px;font-size:10px;color:#a5afb9}.process-icon{font-size:26px;margin-bottom:22px}.process-grid h3{font-size:15px;margin:0 0 8px}.process-grid p{font-size:10.5px;line-height:1.5;color:#738090;margin:0}.corporate-section{padding-top:18px}.corporate-card{background:radial-gradient(circle at 14% 18%,rgba(255,235,211,.25) 0 12%,transparent 34%),radial-gradient(circle at 65% 95%,rgba(255,200,128,.22) 0 11%,transparent 34%),linear-gradient(120deg,#ef5a13 0%,#ff7618 48%,#ff9f2f 100%);border-radius:26px;color:#fff;display:grid;grid-template-columns:1.1fr .9fr;overflow:hidden;min-height:390px;box-shadow:0 22px 54px rgba(222,92,10,.16)}.corporate-card>div:first-child{padding:52px}.corporate-card h2{font-size:40px;line-height:1.02;letter-spacing:-.04em;margin:6px 0 16px;max-width:630px}.corporate-card p{font-size:12px;line-height:1.7;color:#fff3e6;max-width:610px}.corporate-photo{padding:18px;background:linear-gradient(135deg,rgba(255,255,255,.10),rgba(255,255,255,.03))}.corporate-photo img{width:100%;height:100%;object-fit:contain;background:#fff;border-radius:18px;box-shadow:0 16px 34px rgba(107,48,7,.16)}.trust-section{background:linear-gradient(180deg,#fffdfb 0%,#fff7f2 100%);position:relative;isolation:isolate;overflow:hidden}.trust-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.trust-grid article{border:1px solid var(--line);border-radius:15px;padding:23px}.trust-icon{width:43px;height:43px;border-radius:50%;background:#e8f6fd;color:#0e8bc9;display:grid;place-items:center;font-weight:900;margin-bottom:17px}.trust-grid h3{font-size:14px;margin:0 0 8px}.trust-grid p{font-size:10.5px;line-height:1.55;color:#748191;margin:0}.quote-section{background:linear-gradient(135deg,#f36b15 0%,#ff8d28 54%,#8d1ed2 100%);padding:68px 0;color:#fff;position:relative;isolation:isolate;overflow:hidden}.quote-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:72px;align-items:center}.quote-copy h2{font-size:44px;line-height:1;letter-spacing:-.04em;margin:7px 0 16px}.quote-copy p{font-size:12px;line-height:1.7;color:#c7dfeb;max-width:430px}.quote-contact{display:grid;grid-template-columns:90px 1fr;gap:8px 12px;margin-top:28px;font-size:11px}.quote-contact span{color:#96c7dc}.quote-form{background:#fff;color:var(--ink);border-radius:18px;padding:24px}.quote-form label{display:block;font-size:10px;font-weight:800;margin-bottom:14px}.quote-form input,.quote-form select,.quote-form textarea{display:block;width:100%;margin-top:6px;padding:12px;border:1px solid #dfe5eb;border-radius:9px;outline:0;background:#fafbfd;font-size:12px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.btn-wa{background:var(--green);color:#fff;width:100%;margin-top:3px}
footer{background:linear-gradient(180deg,#fff8f2 0%,#fff4ec 100%);border-top:1px solid #efe2d5;position:relative;isolation:isolate;overflow:hidden}.footer-grid{display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:40px;padding:52px 0}.footer-brand img{width:180px;height:70px;object-fit:contain}.footer-brand p,.footer-grid p{font-size:10.5px;line-height:1.65;color:#74808d;max-width:300px}.footer-grid h4{font-size:12px;margin:8px 0 14px}.footer-grid a,.footer-grid b{display:block;font-size:10.5px;margin:0 0 9px;color:#566474}.footer-grid a:hover{color:var(--blue)}.footer-bottom{border-top:1px solid #e0e5ea}.footer-bottom .container{height:54px;display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#8a95a1}.floating-wa{position:fixed;right:19px;bottom:18px;z-index:80;background:#fff;border-radius:999px;box-shadow:0 12px 34px rgba(31,53,71,.2);padding:7px 13px 7px 7px;display:flex;align-items:center;gap:9px;border:1px solid #e6ecef}.floating-wa>span{width:38px;height:38px;background:var(--green);color:#fff;border-radius:50%;display:grid;place-items:center;font-size:10px;font-weight:900}.floating-wa div{display:flex;flex-direction:column}.floating-wa b{font-size:10px}.floating-wa small{font-size:8px;color:#7d8995}.lightbox{position:fixed;inset:0;background:rgba(3,13,24,.87);display:none;align-items:center;justify-content:center;z-index:150;padding:30px}.lightbox.open{display:flex}.lightbox img{max-width:min(96vw,1300px);max-height:92vh;object-fit:contain;background:#fff;border-radius:12px}.lightbox-close{position:absolute;right:24px;top:20px;width:42px;height:42px;border:0;border-radius:50%;background:#fff;color:#111;font-size:27px;cursor:pointer}

/* V5 polish: warm Wellen-inspired campaign surfaces */
.hero-banner:before{content:"";position:absolute;inset:-18%;background:radial-gradient(circle at 75% 16%,rgba(255,120,23,.20),transparent 26%),radial-gradient(circle at 28% 92%,rgba(255,184,75,.24),transparent 25%);filter:blur(28px);pointer-events:none}
.showcase-banner:before,.corporate-card:before{content:"";position:absolute;width:220px;height:220px;border-radius:50%;background:rgba(255,232,204,.18);filter:blur(28px);pointer-events:none}
.showcase-banner:before{right:-70px;top:-70px}.corporate-card{position:relative;isolation:isolate}.corporate-card:before{left:38%;bottom:-100px;z-index:0}.corporate-card>div{position:relative;z-index:1}
.product-card,.project-card,.showcase-products article,.trust-grid article{transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.project-card:hover,.showcase-products article:hover,.trust-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 36px rgba(255,117,22,.09);border-color:#ffd9b9}
.floating-tag{border:1px solid #f4e3d6}.search-wrap:focus-within{border-color:#ffb77b;box-shadow:0 0 0 4px rgba(255,127,31,.08)}



/* V6: unified orange surfaces + purple ornaments across sections */
.hero-section,.category-section,.category-showcase,.corporate-section,.quote-section,.service-market,.latest,.process-section,.trust-section,footer{position:relative;isolation:isolate;overflow:hidden}
.category-section:before,.service-market:before,.latest:before,.process-section:before,.trust-section:before,.quote-section:before,footer:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;filter:blur(56px);background:radial-gradient(circle,rgba(141,30,210,.18) 0%,rgba(141,30,210,.08) 38%,rgba(141,30,210,0) 72%);pointer-events:none;z-index:0}
.category-section:after,.service-market:after,.latest:after,.process-section:after,.trust-section:after,.quote-section:after,footer:after{content:"";position:absolute;width:320px;height:320px;border-radius:50%;filter:blur(56px);background:radial-gradient(circle,rgba(255,145,44,.20) 0%,rgba(255,145,44,.08) 36%,rgba(255,145,44,0) 72%);pointer-events:none;z-index:0}
.category-section:before{right:-120px;top:-120px}.category-section:after{left:-120px;bottom:-150px}
.service-market:before{left:-90px;top:50px}.service-market:after{right:-100px;bottom:-130px}
.latest:before{right:-80px;top:25px}.latest:after{left:-140px;bottom:-150px}
.process-section:before{left:-120px;top:-120px}.process-section:after{right:-100px;bottom:-140px}
.trust-section:before{right:-120px;top:-100px}.trust-section:after{left:-120px;bottom:-140px}
.quote-section:before{left:-110px;top:-110px;background:radial-gradient(circle,rgba(255,210,162,.32) 0%,rgba(255,210,162,.10) 38%,rgba(255,210,162,0) 75%)}
.quote-section:after{right:-120px;bottom:-120px;background:radial-gradient(circle,rgba(141,30,210,.28) 0%,rgba(141,30,210,.10) 36%,rgba(141,30,210,0) 76%)}
footer:before{left:-120px;top:-140px}.footer-grid, .footer-bottom{position:relative;z-index:1}.quote-grid,.trust-grid,.process-grid,.project-slider,.product-grid,.showcase-grid,.category-cards,.section-title-row{position:relative;z-index:1}
.side-blue{background:radial-gradient(circle at 82% 18%,rgba(255,224,180,.30),transparent 38%),radial-gradient(circle at 14% 84%,rgba(141,30,210,.18),transparent 42%),linear-gradient(135deg,#ff7a1a 0%,#ff9f2f 58%,#8d1ed2 100%)}
.side-purple{background:radial-gradient(circle at 82% 18%,rgba(255,231,199,.24),transparent 36%),radial-gradient(circle at 18% 84%,rgba(255,255,255,.16),transparent 42%),linear-gradient(135deg,#ef5b14 0%,#ff7a1a 46%,#8d1ed2 100%)}
.showcase-banner{background:radial-gradient(circle at 18% 12%,rgba(255,235,211,.34) 0 14%,transparent 38%),radial-gradient(circle at 90% 15%,rgba(141,30,210,.20) 0 12%,transparent 36%),radial-gradient(circle at 95% 85%,rgba(255,204,145,.28) 0 13%,transparent 36%),linear-gradient(135deg,#f35d12 0%,#ff7a1a 44%,#8d1ed2 100%)}
.corporate-card{background:radial-gradient(circle at 14% 18%,rgba(255,235,211,.25) 0 12%,transparent 34%),radial-gradient(circle at 80% 18%,rgba(141,30,210,.18) 0 13%,transparent 36%),radial-gradient(circle at 65% 95%,rgba(255,200,128,.22) 0 11%,transparent 34%),linear-gradient(120deg,#ef5a13 0%,#ff7618 48%,#8d1ed2 100%)}
.search-wrap:focus-within,.quote-form input:focus,.quote-form select:focus,.quote-form textarea:focus{border-color:#d193ff;box-shadow:0 0 0 4px rgba(141,30,210,.10)}
.btn-primary,.btn-white,.btn-wa{transition:transform .2s ease, box-shadow .2s ease, filter .2s ease}.btn-primary:hover,.btn-white:hover,.btn-wa:hover{transform:translateY(-1px);filter:saturate(1.04)}

@media(max-width:1050px){.header-row{grid-template-columns:160px 1fr}.header-actions{display:none}.hero-grid{grid-template-columns:1fr}.hero-side{grid-template-columns:1fr 1fr}.product-grid{grid-template-columns:repeat(3,1fr)}.category-cards{grid-template-columns:repeat(4,1fr)}.showcase-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(3,1fr)}.process-grid article{border-bottom:1px solid var(--line)}.corporate-card{grid-template-columns:1fr}.corporate-photo{height:360px}.quote-grid{grid-template-columns:1fr;gap:35px}}
@media(max-width:720px){.topbar-right{display:none}.topbar-inner{justify-content:center}.header-row{height:auto;padding:12px 0;grid-template-columns:1fr}.logo{display:flex;justify-content:center}.logo img{width:145px;height:54px}.search-wrap{order:2}.category-nav{gap:20px}.hero-section{padding-top:14px}.hero-banner{min-height:610px;padding:30px 22px;align-items:flex-start}.hero-copy{max-width:100%}.hero-copy h1{font-size:45px}.hero-product-card{right:18px;left:18px;bottom:18px;top:auto;width:auto;height:260px}.floating-tag{left:10px}.hero-side{grid-template-columns:1fr}.side-card{min-height:180px}.section{padding:48px 0}.section-title-row{align-items:flex-start}.section-title-row h2{font-size:27px}.section-title-row>a{display:none}.category-cards{grid-template-columns:repeat(4,1fr);gap:8px}.category-card{padding:13px 5px}.cat-icon{width:45px;height:45px}.category-card span{font-size:9px}.product-grid{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.product-card{min-width:74vw;scroll-snap-align:start}.product-image{height:260px}.project-card{min-width:78vw}.project-image{height:360px}.showcase-products{display:flex;overflow-x:auto}.showcase-products article{min-width:76vw}.process-grid{grid-template-columns:1fr 1fr}.corporate-card>div:first-child{padding:34px 24px}.corporate-card h2{font-size:33px}.trust-grid{grid-template-columns:1fr 1fr}.quote-copy h2{font-size:38px}.two-col{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr 1fr}.footer-brand{grid-column:span 2}.floating-wa div{display:none}.floating-wa{padding-right:7px}}
@media(max-width:430px){.topbar-left span:last-child,.topbar-left i{display:none}.category-cards{grid-template-columns:repeat(4,1fr)}.hero-copy h1{font-size:39px}.hero-product-card{height:245px}.product-card{min-width:82vw}.project-card{min-width:84vw}.trust-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:1fr}.footer-grid{grid-template-columns:1fr}.footer-brand{grid-column:auto}.footer-bottom .container{flex-direction:column;justify-content:center;gap:5px}.showcase-banner h2{font-size:32px}}

/* V7 Final Preview polish */
.category-card small{display:block;margin-top:5px;font-size:8.5px;line-height:1.3;color:#8a94a0}.line-icon{font-size:17px;font-weight:900;letter-spacing:-.05em}.product-links{display:flex;align-items:center;justify-content:space-between;gap:10px}.product-links a:first-child{color:#697789;font-weight:750}.product-links a:last-child{color:#e96812}.section-intro{font-size:11px;line-height:1.55;color:#718091;margin:8px 0 0;max-width:620px}.portfolio-gallery-section{background:linear-gradient(180deg,#fff8f2 0%,#fffdfb 100%);position:relative;isolation:isolate;overflow:hidden}.portfolio-gallery-section:before{content:"";position:absolute;width:410px;height:410px;right:-120px;top:-130px;border-radius:50%;filter:blur(62px);background:radial-gradient(circle,rgba(141,30,210,.18),rgba(141,30,210,0) 70%);pointer-events:none}.portfolio-gallery-section:after{content:"";position:absolute;width:350px;height:350px;left:-130px;bottom:-150px;border-radius:50%;filter:blur(60px);background:radial-gradient(circle,rgba(255,137,35,.18),rgba(255,137,35,0) 72%);pointer-events:none}.portfolio-gallery{display:grid;grid-template-columns:repeat(4,1fr);grid-auto-rows:255px;gap:14px;position:relative;z-index:1}.gallery-card{position:relative;border:1px solid #eee4da;border-radius:18px;background:#fff;overflow:hidden;padding:0;cursor:zoom-in;box-shadow:0 7px 22px rgba(45,55,67,.04);transition:.22s;display:flex;flex-direction:column}.gallery-card:hover{transform:translateY(-4px);border-color:#ffd2b0;box-shadow:0 17px 38px rgba(255,117,22,.10)}.gallery-card.wide{grid-column:span 2}.gallery-card.tall{grid-row:span 2}.gallery-card img{width:100%;height:calc(100% - 72px);object-fit:contain;background:#f7f7f8;padding:10px;display:block}.gallery-card span{position:static;left:auto;right:auto;bottom:auto;padding:14px 16px;border-radius:0;background:#fff;backdrop-filter:none;-webkit-backdrop-filter:none;box-shadow:none;border:0;border-top:1px solid #f1e5da;display:flex;flex-direction:column;align-items:flex-start;min-height:72px;justify-content:center}.gallery-card span::before,.gallery-card span::after{display:none !important;content:none !important}.gallery-card b{font-size:11px;color:#1d2b3f;position:relative;z-index:1}.gallery-card small{font-size:8.5px;color:#7d8895;margin-top:2px;position:relative;z-index:1}.category-card{min-height:126px;display:flex;flex-direction:column;align-items:center;justify-content:center}.category-card .cat-icon{transition:.22s}.category-card:hover .cat-icon{transform:scale(1.06) rotate(-2deg)}.quote-form{box-shadow:0 18px 48px rgba(91,45,12,.14)}.main-header{border-bottom:1px solid rgba(255,160,87,.08)}
@media(max-width:1050px){.portfolio-gallery{grid-template-columns:repeat(3,1fr)}}
@media(max-width:720px){.portfolio-gallery{grid-template-columns:repeat(2,1fr);grid-auto-rows:230px}.gallery-card.wide{grid-column:span 2}.gallery-card.tall{grid-row:span 1}.category-card small{display:none}.category-card{min-height:auto}.product-links{align-items:flex-start;flex-direction:column}}
@media(max-width:430px){.portfolio-gallery{grid-template-columns:1fr;grid-auto-rows:270px}.gallery-card.wide{grid-column:auto}.gallery-card img{padding:8px}}


/* V10: hero ornament removed */
.hero-banner{
  min-height:430px;
  padding:56px 58px;
}
.hero-copy{
  max-width:72%;
}
.hero-copy p{
  max-width:620px;
}
.hero-banner::after{display:none !important;content:none !important;}
.hero-copy{position:relative;z-index:3}
@media(max-width:900px){
  .hero-copy{max-width:100%}
}
@media(max-width:720px){
  .hero-banner{
    min-height:480px;
    padding:34px 24px;
  }
  .hero-copy{max-width:100%}
}
  .hero-copy{max-width:100%}
  .hero-banner::after{
    width:155px;height:155px;
    right:-55px;bottom:-35px;top:auto;transform:none;
    opacity:.45;
  }
}


/* V9: hero promo cards — prevent text clipping / narrow-column overflow */
.hero-grid > *,
.hero-side,
.side-card,
.side-card > div{
  min-width:0;
}

.hero-side{
  width:100%;
  grid-template-columns:1fr;
}

.side-card{
  width:100%;
  overflow:hidden;
  padding:30px 32px;
}

.side-card > div{
  position:relative;
  z-index:2;
  width:100%;
  max-width:100%;
  padding-right:48px;
}

.side-card span,
.side-card h3,
.side-card p{
  white-space:normal;
  overflow:visible;
  text-overflow:clip;
  word-break:normal;
  overflow-wrap:break-word;
}

.side-card h3{
  max-width:100%;
  font-size:clamp(22px,2.2vw,28px);
}

.side-card p{
  max-width:100%;
}

@media (max-width:1050px){
  .hero-grid{
    grid-template-columns:1fr;
  }
  .hero-side{
    grid-template-columns:repeat(2,minmax(0,1fr));
  }
}

@media (max-width:900px){
  .hero-side{
    grid-template-columns:1fr;
  }
  .side-card{
    min-height:170px;
  }
}

@media (max-width:560px){
  .side-card{
    padding:24px 22px;
  }
  .side-card > div{
    padding-right:36px;
  }
  .side-card h3{
    font-size:24px;
  }
}


/* V13: additional services — ACP facade & welding workshop */
.additional-services{
  background:linear-gradient(180deg,#fffdfb 0%,#fff7f1 100%);
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.additional-services:before{
  content:"";
  position:absolute;
  width:420px;height:420px;
  right:-140px;top:-150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(141,30,210,.16) 0%,rgba(141,30,210,0) 70%);
  filter:blur(56px);
  pointer-events:none;
}
.additional-services:after{
  content:"";
  position:absolute;
  width:360px;height:360px;
  left:-130px;bottom:-150px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(255,126,31,.18) 0%,rgba(255,126,31,0) 72%);
  filter:blur(54px);
  pointer-events:none;
}
.additional-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:14px;
  position:relative;
  z-index:1;
}
.additional-card{
  background:rgba(255,255,255,.94);
  border:1px solid #f0e3d8;
  border-radius:18px;
  padding:24px;
  min-height:250px;
  box-shadow:0 8px 24px rgba(47,55,68,.04);
  transition:.22s ease;
  position:relative;
  overflow:hidden;
}
.additional-card:after{
  content:"";
  position:absolute;
  width:130px;height:130px;
  right:-55px;top:-55px;
  border-radius:50%;
  background:radial-gradient(circle,rgba(141,30,210,.10),rgba(141,30,210,0) 70%);
  pointer-events:none;
}
.additional-card:hover{
  transform:translateY(-4px);
  border-color:#ffd1b0;
  box-shadow:0 18px 40px rgba(255,117,22,.09);
}
.additional-icon{
  width:52px;height:52px;
  border-radius:15px;
  display:grid;
  place-items:center;
  margin-bottom:18px;
  font-size:22px;
  font-weight:900;
  color:#fff;
  background:linear-gradient(135deg,#ff7a1a 0%,#ff9f2f 52%,#8d1ed2 100%);
  box-shadow:0 10px 24px rgba(174,78,25,.14);
}
.additional-card>span{
  display:block;
  font-size:9px;
  color:#8a6f60;
  font-weight:850;
  letter-spacing:.08em;
  text-transform:uppercase;
  margin-bottom:6px;
}
.additional-card h3{
  margin:0 0 10px;
  font-size:18px;
  letter-spacing:-.02em;
}
.additional-card p{
  margin:0 0 18px;
  font-size:10.5px;
  line-height:1.6;
  color:#718091;
}
.additional-card a{
  font-size:10px;
  font-weight:850;
  color:#df6515;
}

@media(max-width:1050px){
  .category-cards{grid-template-columns:repeat(4,1fr)}
  .additional-grid{grid-template-columns:repeat(2,1fr)}
}
@media(max-width:720px){
  .additional-grid{grid-template-columns:1fr}
  .additional-card{min-height:auto}
}


/* V14: fix showcase card crop / caption overlap */
.showcase-products article{
  display:flex;
  flex-direction:column;
  overflow:hidden;
  padding:12px;
  min-height:392px;
}
.showcase-image{
  height:300px;
  flex:0 0 300px;
  overflow:hidden;
}
.showcase-image img{
  width:100%;
  height:100%;
  object-fit:contain;
  object-position:center;
}
.showcase-meta{
  padding:12px 4px 4px;
  display:flex;
  flex-direction:column;
  align-items:flex-start;
  justify-content:flex-start;
  min-height:64px;
}
.showcase-meta span{
  display:block;
  font-size:9px;
  color:#83909f;
  margin:0 0 4px;
}
.showcase-meta h3{
  font-size:14px;
  line-height:1.25;
  margin:0;
  color:#1d2b3f;
}
/* neutralize any old direct-text spacing */
.showcase-products > article > span,
.showcase-products > article > h3{
  margin:0;
}

@media(max-width:720px){
  .showcase-products article{min-height:unset}
  .showcase-image{height:260px;flex-basis:260px}
  .showcase-meta{min-height:auto}
}


/* FINAL SOCIAL: contact + social hub */
.contact-social{
  background:linear-gradient(180deg,#fffaf5 0%,#fff7f1 100%);
  border-top:1px solid #f2e5d9;
  position:relative;
  isolation:isolate;
  overflow:hidden;
}
.contact-social:before{
  content:"";position:absolute;width:420px;height:420px;right:-160px;top:-160px;border-radius:50%;
  background:radial-gradient(circle,rgba(141,30,210,.14),rgba(141,30,210,0) 70%);filter:blur(48px);pointer-events:none;
}
.contact-social-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px;position:relative;z-index:1}
.contact-social-card{background:#fff;border:1px solid #eee4da;border-radius:18px;padding:18px;display:grid;grid-template-columns:48px minmax(0,1fr) auto;align-items:center;gap:12px;min-height:112px;box-shadow:0 7px 22px rgba(45,55,67,.04);transition:.22s}
.contact-social-card:hover{transform:translateY(-4px);border-color:#ffd1ae;box-shadow:0 16px 36px rgba(255,117,22,.09)}
.contact-social-icon{width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:#fff;font-size:12px;font-weight:950;background:linear-gradient(135deg,#ff7418,#ff9f2f 52%,#8d1ed2)}
.contact-social-card.wa .contact-social-icon{background:#25D366}.contact-social-card.ig .contact-social-icon{background:linear-gradient(135deg,#ff7a1a,#d934b3 55%,#7a2ce8)}.contact-social-card.maps .contact-social-icon{background:linear-gradient(135deg,#ff7a1a,#ff9f2f)}.contact-social-card.mail .contact-social-icon{background:linear-gradient(135deg,#8d1ed2,#b653ec)}
.contact-social-card span{display:block;font-size:8.5px;color:#8a96a3;text-transform:uppercase;letter-spacing:.08em;font-weight:850}.contact-social-card b{display:block;font-size:11px;line-height:1.25;margin:4px 0}.contact-social-card small{display:block;font-size:8.5px;line-height:1.35;color:#788594}.contact-social-card em{font-style:normal;font-size:16px;color:#d96b1b}
.website-live-bar{margin-top:14px;background:#fff;border:1px solid #eee4da;border-radius:14px;padding:14px 18px;display:flex;justify-content:space-between;gap:16px;align-items:center;position:relative;z-index:1}.website-live-bar span{font-size:10px;color:#7c8997}.website-live-bar a{font-size:11px;font-weight:850;color:#d96817}
.footer-bottom a{color:#8a95a1}.footer-bottom a:hover{color:#d96817}
@media(max-width:1050px){.contact-social-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:620px){.contact-social-grid{grid-template-columns:1fr}.website-live-bar{align-items:flex-start;flex-direction:column}.contact-social-card{min-height:auto}}


/* FINAL SOCIAL COMPLETE: TikTok + Facebook */
.contact-social-card.tt .contact-social-icon{background:linear-gradient(135deg,#111 0%,#111 45%,#25F4EE 46%,#FE2C55 100%)}
.contact-social-card.fb .contact-social-icon{background:linear-gradient(135deg,#1877F2,#0f5fc9)}
@media(min-width:1051px){.contact-social-grid{grid-template-columns:repeat(3,1fr)}}