@import url('https://fonts.googleapis.com/css2?family=Barlow+Condensed:wght@500;600;700;800;900&family=DM+Sans:wght@400;500;600;700&display=swap');
:root{--navy:#0b2340;--navy2:#102f52;--blue:#174d7b;--orange:#f36c21;--orange2:#ff8a3d;--ink:#14283d;--muted:#657487;--pale:#f2f6f9;--line:#dfe6ec;--white:#fff;--font-head:'Barlow Condensed',Impact,sans-serif;--font-body:'DM Sans',Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:88px}body{margin:0;font-family:var(--font-body);color:var(--ink);background:#fff;line-height:1.6}a{color:inherit;text-decoration:none}.container{width:min(1160px,calc(100% - 44px));margin-inline:auto}.topbar{background:#07192d;color:#dce6ef;font-size:11px;letter-spacing:.07em;text-transform:uppercase}.topbar-inner{min-height:36px;display:flex;align-items:center;justify-content:space-between;gap:16px}.topbar a{color:#fff;font-weight:700}.site-header{position:sticky;top:0;z-index:20;background:#fff;border-bottom:1px solid #e8edf1}.nav-wrap{height:82px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:11px;color:var(--navy);font-family:var(--font-head);font-weight:900;font-size:27px;line-height:.83;letter-spacing:-.02em}.brand b{color:var(--orange)}.brand-text{display:flex;flex-direction:column}.brand-text small{font:700 8px var(--font-body);letter-spacing:.16em;margin-top:8px;color:#6b7a89}.brand-mark{width:35px;height:35px;display:flex;align-items:flex-end;gap:3px;transform:skew(-16deg)}.brand-mark span{display:block;width:9px;background:var(--orange)}.brand-mark span:nth-child(1){height:19px}.brand-mark span:nth-child(2){height:28px;background:var(--navy)}.brand-mark span:nth-child(3){height:35px;background:var(--orange)}nav{display:flex;align-items:center;gap:33px;font-size:12px;font-weight:700;color:#364b60}nav a:hover{color:var(--orange)}.nav-cta{background:var(--navy);color:#fff;padding:13px 17px}.nav-cta span{color:var(--orange);margin-left:8px}.menu-toggle{display:none;border:0;background:var(--navy);color:#fff;font-size:20px;padding:8px 12px}
.hero{position:relative;overflow:hidden;background:linear-gradient(115deg,#0b2340 0%,#0c2a4a 56%,#123d63 100%);color:#fff;min-height:560px}.hero-grid{position:absolute;inset:0;opacity:.12;background-image:linear-gradient(rgba(255,255,255,.15) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.15) 1px,transparent 1px);background-size:44px 44px;mask-image:linear-gradient(90deg,black,transparent 92%)}.hero-content{position:relative;z-index:1;display:grid;grid-template-columns:1.05fr .95fr;align-items:center;min-height:525px;padding-top:45px;padding-bottom:55px}.eyebrow{display:flex;align-items:center;gap:10px;color:var(--orange);font-size:10px;font-weight:800;letter-spacing:.18em;text-transform:uppercase}.eyebrow-line{width:27px;height:2px;background:var(--orange);display:inline-block}.hero h1,.section h2{font-family:var(--font-head);font-size:clamp(48px,6vw,76px);line-height:.95;letter-spacing:-.025em;margin:23px 0 17px;font-weight:800;text-transform:uppercase}.hero h1 em,.section h2 em,.trade-copy h2 em{font-style:normal;color:var(--orange)}.hero-lead{font-size:18px;font-weight:700;margin:0 0 8px}.hero-description{color:#c2d0dd;max-width:500px;font-size:14px;line-height:1.8;margin:0}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:27px}.button{display:inline-flex;align-items:center;justify-content:center;gap:22px;padding:14px 18px;font-size:11px;font-weight:800;letter-spacing:.03em;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:16px}.button-orange{background:var(--orange);color:#fff}.button-orange:hover{background:#ff7e32}.button-outline{border:1px solid #71879c;color:#fff}.button-outline:hover{background:#ffffff12}.button-dark{background:var(--navy);color:#fff;margin-top:26px}.hero-points{display:flex;flex-wrap:wrap;gap:22px;margin-top:27px;color:#d6e0e9;font-size:11px}.hero-points>div{display:flex;align-items:center;gap:8px}.point-icon{display:grid;place-items:center;width:18px;height:18px;border:1px solid var(--orange);color:var(--orange);font-size:11px}.hero-visual{height:400px;position:relative;display:flex;align-items:center;justify-content:center;isolation:isolate}.visual-orbit{position:absolute;border:1px solid #ffffff18;border-radius:50%;width:370px;height:370px}.orbit-two{width:280px;height:280px;border-style:dashed}.pipe{position:absolute;border-radius:10px;transform:rotate(-35deg);box-shadow:inset 0 10px 8px #ffffff20,inset 0 -12px 14px #07192d55,0 28px 35px #06162866}.pipe-main{width:350px;height:95px;left:7%;top:38%;background:linear-gradient(180deg,#ff974e 0%,#f36c21 20%,#c64a0b 72%,#963707 100%);border:2px solid #ffad72}.pipe-back{width:300px;height:73px;left:21%;top:55%;background:linear-gradient(180deg,#f6a16b,#d85a17 50%,#853a15);opacity:.68}.pipe-highlight{position:absolute;top:13px;left:8px;right:8px;height:7px;border-radius:20px;background:#ffffff4a}.pipe-label{position:absolute;left:44%;top:33px;font-family:var(--font-head);font-size:19px;font-weight:900;letter-spacing:.12em;color:#fff8}.pipe-joint{position:absolute;width:31px;height:118px;top:31%;border-radius:8px;background:linear-gradient(90deg,#a84009,#ff8a3d 40%,#c84c0d);transform:rotate(-35deg);box-shadow:inset 0 0 0 4px #ffffff12}.joint-one{left:25%}.joint-two{right:18%;top:50%;height:90px}.visual-tag{position:absolute;bottom:18px;right:0;display:flex;gap:12px;align-items:center;padding:13px 16px;background:#fff;color:var(--navy);box-shadow:0 15px 35px #06162866}.visual-tag b,.visual-tag small{display:block}.visual-tag b{font-size:10px;letter-spacing:.1em}.visual-tag small{font-size:10px;color:#68798a;margin-top:3px}.tag-dot{width:10px;height:10px;border-radius:50%;background:var(--orange);box-shadow:0 0 0 5px #f36c2120}.visual-number{position:absolute;left:2px;bottom:24px;font:800 12px var(--font-head);letter-spacing:.12em;color:#8ea4b8}.visual-number span{color:var(--orange);padding:0 5px}.hero-bottom{position:relative;border-top:1px solid #ffffff20}.hero-bottom-inner{display:flex;align-items:center;gap:18px;min-height:43px;color:#a9bdce;font-size:9px;letter-spacing:.16em;font-weight:700}.bottom-line{height:1px;max-width:140px;flex:1;background:#ffffff30}
.quick-strip{background:#f2f5f7;border-bottom:1px solid #e1e8ed}.strip-grid{display:grid;grid-template-columns:repeat(4,1fr)}.strip-grid>div{padding:22px 20px;display:flex;gap:13px;align-items:center;border-right:1px solid #dce4eb}.strip-grid>div:first-child{padding-left:0}.strip-grid>div:last-child{border-right:0}.strip-number{font:800 24px var(--font-head);color:var(--orange)}.strip-grid b,.strip-grid small{display:block}.strip-grid b{font-size:12px}.strip-grid small{font-size:10px;color:#748394;margin-top:2px}
.section{padding:95px 0}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:35px;margin-bottom:42px}.section h2{font-size:clamp(42px,5vw,60px);color:var(--navy);margin:17px 0 0}.section-heading>p{max-width:365px;color:var(--muted);font-size:13px;line-height:1.8;margin:0 0 4px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product-card{border:1px solid var(--line);background:#fff;transition:transform .25s,box-shadow .25s}.product-card:hover{transform:translateY(-5px);box-shadow:0 18px 40px #0b234012}.product-art{height:215px;position:relative;overflow:hidden;background:linear-gradient(135deg,#edf2f6,#dce5ec)}.product-art:before{content:"";position:absolute;width:230px;height:230px;border:1px solid #b7c7d4;border-radius:50%;top:-65px;right:-38px}.product-art:after{content:"";position:absolute;width:175px;height:175px;border:1px dashed #b7c7d4;border-radius:50%;top:-37px;right:-10px}.art-index{position:absolute;right:17px;bottom:13px;font:800 24px var(--font-head);color:#a8b7c4}.art-pipe-body{position:absolute;width:270px;height:55px;top:86px;left:16px;transform:rotate(-18deg);border-radius:5px;background:linear-gradient(180deg,#ff9857,#f36c21 25%,#c64b0c 80%,#a43a05);box-shadow:0 19px 22px #102f5233,inset 0 6px 5px #ffffff55;z-index:2}.art-pipe-body span{position:absolute;right:22px;top:16px;color:#fff9;font:900 12px var(--font-head);letter-spacing:.12em}.art-pipe-shadow{position:absolute;width:250px;height:18px;top:155px;left:20px;transform:rotate(-18deg);background:#6b7c8c35;filter:blur(7px)}.art-elbow .elbow-shape{position:absolute;width:115px;height:110px;border:31px solid #f36c21;border-top-color:#ff9a58;border-left-color:#ce520f;border-radius:0 65px 65px 65px;transform:rotate(45deg);top:47px;left:calc(50% - 56px);box-shadow:12px 18px 20px #102f5233,inset 2px 4px 5px #ffffff44;z-index:2}.art-tee .tee-shape{position:absolute;left:calc(50% - 20px);top:34px;width:42px;height:140px;border-radius:8px;background:linear-gradient(90deg,#b74609,#f36c21 50%,#ff9a58);box-shadow:9px 14px 18px #102f5233;z-index:2}.art-tee .tee-shape:after{content:"";position:absolute;width:135px;height:40px;left:-47px;top:48px;border-radius:7px;background:linear-gradient(180deg,#ff9a58,#f36c21 65%,#b74609);box-shadow:0 9px 12px #102f5220}.product-info{padding:23px 23px 25px}.product-kicker{font-size:9px;font-weight:800;letter-spacing:.16em;color:var(--orange)}.product-info h3{font:800 27px var(--font-head);text-transform:uppercase;color:var(--navy);margin:8px 0}.product-info p{font-size:12px;color:var(--muted);line-height:1.8;min-height:66px;margin:0 0 18px}.text-link{display:inline-flex;gap:17px;align-items:center;color:var(--navy);font-size:11px;font-weight:800;border-bottom:1px solid #ccd6df;padding-bottom:7px}.text-link span{color:var(--orange);font-size:16px}.small-note{color:#8794a1;font-size:10px;margin:18px 0 0}
.about-section{background:#f2f5f7}.about-grid{display:grid;grid-template-columns:.92fr 1.08fr;gap:80px;align-items:center}.about-visual{height:450px;position:relative}.about-panel{position:absolute}.panel-back{width:76%;height:82%;right:0;top:0;background:#d9e3eb}.panel-front{width:78%;height:79%;left:0;bottom:0;overflow:hidden;background:linear-gradient(135deg,#0b2340,#164a75)}.panel-front:before,.panel-front:after{content:"";position:absolute;border:1px solid #ffffff1b;border-radius:50%;width:330px;height:330px;right:-105px;top:-100px}.panel-front:after{width:240px;height:240px;right:-60px;top:-55px;border-style:dashed}.panel-cross{position:absolute;left:32px;right:32px;top:32px;bottom:32px;border:1px solid #ffffff22}.panel-copy{position:absolute;left:54px;bottom:58px;display:flex;flex-direction:column;font:900 52px/.85 var(--font-head);color:#fff;letter-spacing:-.02em}.panel-copy b{color:var(--orange)}.panel-copy small{font:700 8px var(--font-body);letter-spacing:.15em;margin-top:18px;color:#bdcddd}.about-stamp{position:absolute;right:-7px;bottom:22px;background:var(--orange);color:#fff;padding:17px 21px;display:flex;flex-direction:column;box-shadow:0 12px 25px #0b234022}.about-stamp span{font-size:8px;letter-spacing:.14em;font-weight:700}.about-stamp b{font:800 21px var(--font-head);margin:3px 0}.about-copy>p{font-size:13px;line-height:1.9;color:var(--muted);margin:17px 0}.about-values{display:grid;grid-template-columns:repeat(3,1fr);gap:15px;border-top:1px solid #d6e0e7;border-bottom:1px solid #d6e0e7;padding:20px 0;margin-top:24px}.about-values>div{display:flex;flex-direction:column;gap:5px}.about-values span{font:800 20px var(--font-head);color:var(--orange)}.about-values b{font-size:11px;color:var(--navy)}.about-values small{font-size:10px;line-height:1.6;color:var(--muted)}
.trade-section{background:var(--navy);color:#fff;position:relative;overflow:hidden}.trade-section:after{content:"";position:absolute;width:500px;height:500px;border:1px solid #ffffff0d;border-radius:50%;right:-150px;top:-230px;box-shadow:0 0 0 50px #ffffff05,0 0 0 100px #ffffff03}.trade-inner{position:relative;z-index:1;display:grid;grid-template-columns:1fr .9fr;gap:95px;align-items:center}.eyebrow-light{color:#ff9b63}.trade-copy h2{font:800 clamp(45px,5vw,62px)/.95 var(--font-head);text-transform:uppercase;margin:20px 0}.trade-copy p{max-width:470px;color:#c1d0df;font-size:13px;line-height:1.9;margin-bottom:25px}.trade-list>div{display:flex;align-items:center;gap:17px;padding:20px 0;border-bottom:1px solid #ffffff24}.trade-list>div:first-child{border-top:1px solid #ffffff24}.trade-list>div>span:first-child{font:800 21px var(--font-head);color:var(--orange)}.trade-list b{font-size:12px;flex:1}.trade-arrow{color:#ff9b63;font-size:20px}
.contact-section{background:#fff}.contact-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px}.contact-card{padding:38px;background:var(--navy);color:#fff;position:relative;overflow:hidden}.contact-card:after{content:"";position:absolute;right:-60px;top:-60px;width:230px;height:230px;border:1px solid #ffffff18;border-radius:50%;box-shadow:0 0 0 30px #ffffff05,0 0 0 60px #ffffff03}.contact-icon{display:grid;place-items:center;width:40px;height:40px;background:var(--orange);font-size:22px;margin-bottom:25px}.contact-card>small{font-size:9px;letter-spacing:.17em;color:#ffad7d;font-weight:800}.contact-card h3{font:800 36px/.98 var(--font-head);text-transform:uppercase;margin:12px 0 20px}.contact-phone{font-size:18px;font-weight:700;display:block;margin-bottom:24px}.contact-card .button{position:relative;z-index:1}.contact-details{padding:10px 0}.detail-row{display:flex;gap:17px;padding:17px 0;border-bottom:1px solid var(--line)}.detail-icon{width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;background:#f0f4f7;color:var(--orange);font-size:21px}.detail-row small,.detail-row b{display:block}.detail-row small{font-size:9px;letter-spacing:.15em;color:var(--orange);font-weight:800}.detail-row b{font-size:13px;color:var(--navy);margin:4px 0}.detail-row p{font-size:11px;color:var(--muted);margin:0;line-height:1.7}.contact-disclaimer{font-size:10px;color:#7d8b98;line-height:1.7;padding-top:17px}
.site-footer{background:#07192d;color:#c0ccda}.footer-top{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:34px 0}.brand-footer{color:#fff;font-size:25px}.brand-footer .brand-text small{color:#91a4b6}.footer-top p{font-size:11px;line-height:1.8;color:#9fb0c0}.back-top{font-size:9px;letter-spacing:.15em;font-weight:800;color:#fff}.back-top:hover{color:var(--orange)}.footer-bottom{border-top:1px solid #ffffff1a;min-height:50px;display:flex;align-items:center;justify-content:space-between;gap:20px;font-size:9px;color:#8195a8}.floating-whatsapp{position:fixed;z-index:30;right:22px;bottom:22px;width:54px;height:54px;border-radius:50%;display:grid;place-items:center;background:#19bd67;box-shadow:0 8px 25px #001c2f35;transition:transform .2s}.floating-whatsapp:hover{transform:scale(1.06)}.floating-whatsapp svg{width:29px;height:29px;fill:#fff}
@media(max-width:900px){.hero-content{grid-template-columns:1fr .8fr}.hero h1{font-size:62px}.hero-visual{transform:scale(.86);transform-origin:center right;margin-left:-45px}.about-grid{gap:45px}.trade-inner{gap:45px}.strip-grid>div{padding:18px 12px}.strip-grid b{font-size:11px}}
@media(max-width:700px){.container{width:min(100% - 32px,560px)}.topbar-inner{font-size:9px;min-height:34px}.topbar-inner span{max-width:62%}.topbar-inner a{white-space:nowrap}.nav-wrap{height:72px}.brand{font-size:24px}.brand-mark{transform:scale(.9) skew(-16deg)}.menu-toggle{display:block}nav{display:none;position:absolute;top:72px;left:0;right:0;background:#fff;box-shadow:0 15px 22px #07192d18;padding:14px 20px 20px;align-items:stretch;gap:0;flex-direction:column}nav.open{display:flex}nav a{padding:14px 10px;border-bottom:1px solid #edf0f3}.nav-cta{margin-top:10px;text-align:center;border:0}.hero-content{display:block;padding-top:52px;padding-bottom:20px;min-height:0}.hero h1{font-size:58px}.hero-lead{font-size:16px}.hero-description{font-size:13px}.hero-visual{height:290px;transform:none;margin:10px -5px 0;overflow:hidden}.visual-orbit{width:280px;height:280px}.orbit-two{width:210px;height:210px}.pipe-main{width:270px;height:73px;left:8%;top:37%}.pipe-back{width:245px;height:57px;left:18%;top:53%}.pipe-label{font-size:14px;top:25px}.pipe-joint{height:90px;width:25px;top:31%}.joint-two{height:70px;top:49%}.visual-tag{bottom:3px;right:0;padding:10px 12px}.visual-number{bottom:9px}.hero-bottom-inner{font-size:8px;gap:10px;min-height:39px}.hero-bottom-inner span:first-child{max-width:45%}.bottom-line{min-width:18px}.strip-grid{grid-template-columns:repeat(2,1fr)}.strip-grid>div{padding:16px 10px;border-bottom:1px solid #dce4eb}.strip-grid>div:first-child{padding-left:10px}.strip-grid>div:nth-child(2){border-right:0}.strip-grid>div:nth-child(3),.strip-grid>div:nth-child(4){border-bottom:0}.section{padding:65px 0}.section-heading{display:block;margin-bottom:30px}.section h2{font-size:46px;margin-top:14px}.section-heading>p{margin-top:18px;font-size:12px}.product-grid{grid-template-columns:1fr;gap:17px}.product-art{height:190px}.product-info p{min-height:0}.about-grid{grid-template-columns:1fr;gap:38px}.about-visual{height:340px;max-width:440px;width:100%;margin:auto}.panel-copy{font-size:43px;left:38px;bottom:43px}.about-stamp{right:-2px;bottom:15px;padding:13px 15px}.about-stamp b{font-size:18px}.about-copy>p{font-size:12px}.about-values{gap:9px}.about-values b{font-size:10px}.about-values small{font-size:9px}.trade-inner{grid-template-columns:1fr;gap:32px}.trade-copy h2{font-size:52px}.trade-copy p{font-size:12px}.contact-grid{grid-template-columns:1fr;gap:22px}.contact-card{padding:29px}.contact-card h3{font-size:33px}.footer-top{align-items:flex-start;flex-wrap:wrap;padding:30px 0 20px}.footer-top p{order:3;width:100%;margin:0}.back-top{margin-top:8px}.footer-bottom{padding:13px 0;align-items:flex-start;flex-direction:column;gap:5px}.floating-whatsapp{width:49px;height:49px;right:15px;bottom:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}

/* Use the original logo artwork cropped from the supplied AROLAX catalogue. */
.brand-logo{display:block;width:clamp(190px,22vw,270px);height:auto;max-height:60px;object-fit:contain;object-position:left center}
.brand-logo-footer{width:245px;max-height:64px}
@media(max-width:700px){.brand-logo{width:clamp(165px,54vw,225px);max-height:52px}.brand-logo-footer{width:220px}}

/* Header logo: original AROLAX artwork extracted from the supplied catalogue */
.brand{min-width:0;max-width:290px}
.brand-logo{display:block;width:clamp(190px,24vw,265px);height:auto;max-height:62px;object-fit:contain;object-position:left center}
.brand-footer{max-width:270px}
.brand-logo-footer{width:250px;max-height:62px}
@media(max-width:700px){
  .brand-logo{width:clamp(160px,51vw,220px);max-height:48px}
  .brand-footer{max-width:230px}
  .brand-logo-footer{width:220px;max-height:55px}
  .nav-wrap{gap:12px}
}
/* Keep decorative product visual self-contained; no external image asset needed. */
.hero-visual{min-width:0}

/* Product gallery: real catalogue photos with consistent image sizing */
.product-photo-art{height:230px;display:block;background:#edf2f5;overflow:hidden;position:relative}
.product-photo-art:before,.product-photo-art:after{display:none!important}
.product-photo-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:center center;position:absolute;inset:0}
.product-photo-art .art-index{z-index:2;background:#ffffffd9;padding:2px 7px;right:12px;bottom:10px}
@media(max-width:700px){.product-photo-art{height:205px}}

/* Mobile fit fix: prevent horizontal overflow and keep product images fully visible */
html, body { max-width: 100%; overflow-x: hidden; }
img, svg, video, canvas { max-width: 100%; }
.container { width: min(1160px, calc(100% - 32px)); }
.product-grid { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.product-card { min-width: 0; overflow: hidden; }
.product-photo-art { width: 100%; height: 220px; overflow: hidden; }
.product-photo-art img { width: 100%; height: 100%; object-fit: contain; object-position: center; background: #f2f6f9; }
.product-info { min-width: 0; overflow-wrap: anywhere; }
@media (max-width: 700px) {
  .container { width: calc(100% - 28px); }
  .product-grid { grid-template-columns: minmax(0, 1fr); }
  .product-card { width: 100%; }
  .product-photo-art { height: clamp(170px, 55vw, 245px); }
  .product-photo-art img { object-fit: contain; }
  .section-heading { min-width: 0; }
  .section-heading > div, .section-heading > p { min-width: 0; }
  .hero-content, .about-grid, .trade-inner, .contact-grid { min-width: 0; }
  .hero-visual { width: 100%; overflow: hidden; }
}

/* AROLAX smooth professional motion system */
html{scroll-behavior:smooth}
.page-progress{position:fixed;top:0;left:0;width:100%;height:3px;z-index:100;pointer-events:none;background:transparent}
.page-progress span{display:block;height:100%;width:0;background:var(--orange);box-shadow:0 0 10px #f36c2166}
.hero-content .hero-copy{animation:heroEnter .8s cubic-bezier(.2,.7,.2,1) both}
.hero-visual{animation:visualEnter 1s .12s cubic-bezier(.2,.7,.2,1) both}
.hero-glow{position:absolute;z-index:0;pointer-events:none;width:260px;height:260px;border-radius:50%;filter:blur(55px);opacity:.16;background:var(--orange);animation:glowFloat 8s ease-in-out infinite alternate}
.hero-glow-one{top:10%;right:15%}
.hero-glow-two{bottom:5%;right:32%;width:170px;height:170px;background:#53a5d8;animation-delay:-3s}
.pipe-main{animation:pipeFloat 6s ease-in-out infinite}
.pipe-back{animation:pipeFloat 7s -2s ease-in-out infinite}
.visual-tag{animation:tagFloat 5s ease-in-out infinite}
.hero-pulse-line{width:180px;height:2px;background:#ffffff20;margin-top:24px;overflow:hidden}
.hero-pulse-line span{display:block;width:45%;height:100%;background:var(--orange);animation:lineSweep 3s ease-in-out infinite}
.reveal-section .section-heading,.reveal-section .product-card,.reveal-section .about-grid,.reveal-section .trade-inner,.reveal-section .contact-grid{opacity:1;transform:none}
.js-motion .reveal-section .section-heading,.js-motion .reveal-section .product-card,.js-motion .reveal-section .about-grid,.js-motion .reveal-section .trade-inner,.js-motion .reveal-section .contact-grid{opacity:0;transform:translateY(22px);transition:opacity .7s ease,transform .7s cubic-bezier(.2,.7,.2,1)}
.js-motion .reveal-section.is-visible .section-heading,.js-motion .reveal-section.is-visible .product-card,.js-motion .reveal-section.is-visible .about-grid,.js-motion .reveal-section.is-visible .trade-inner,.js-motion .reveal-section.is-visible .contact-grid{opacity:1;transform:translateY(0)}
.js-motion .reveal-section.is-visible .product-card:nth-child(2){transition-delay:.09s}
.js-motion .reveal-section.is-visible .product-card:nth-child(3){transition-delay:.18s}
.product-card{transition:transform .3s ease,box-shadow .3s ease}
.product-photo-art img{transition:transform .7s cubic-bezier(.2,.7,.2,1)}
.product-card:hover .product-photo-art img{transform:scale(1.035)}
.button,.text-link,.nav-cta,.floating-whatsapp{transition:transform .25s ease,background .25s ease,box-shadow .25s ease}
.button:focus-visible,a:focus-visible,button:focus-visible{outline:3px solid var(--orange);outline-offset:3px}
@keyframes heroEnter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes visualEnter{from{opacity:0;transform:translateX(20px)}to{opacity:1;transform:translateX(0)}}
@keyframes glowFloat{from{transform:translate3d(0,-8px,0) scale(.95)}to{transform:translate3d(12px,16px,0) scale(1.08)}}
@keyframes pipeFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes tagFloat{0%,100%{translate:0 0}50%{translate:0 -4px}}
@keyframes lineSweep{0%{transform:translateX(-110%)}55%,100%{transform:translateX(250%)}}
@media(max-width:700px){
 .hero-glow{width:170px;height:170px;filter:blur(38px)}
 .hero-visual{animation:visualEnter .8s .1s both}
 .hero-pulse-line{margin-top:18px}
 .js-motion .reveal-section .section-heading,.js-motion .reveal-section .product-card,.js-motion .reveal-section .about-grid,.js-motion .reveal-section .trade-inner,.js-motion .reveal-section .contact-grid{transform:translateY(14px)}
}
@media(prefers-reduced-motion:reduce){
 html{scroll-behavior:auto}
 *,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .js-motion .reveal-section .section-heading,.js-motion .reveal-section .product-card,.js-motion .reveal-section .about-grid,.js-motion .reveal-section .trade-inner,.js-motion .reveal-section .contact-grid{opacity:1;transform:none}
}

/* High-impact motion upgrade: bold but still mobile-conscious */
.hero h1{animation:headlineReveal .95s cubic-bezier(.16,1,.3,1) both}
.hero .eyebrow{animation:fadeSlide .65s .08s both}
.hero-lead{animation:fadeSlide .7s .18s both}
.hero-description{animation:fadeSlide .75s .27s both}
.hero-actions{animation:fadeSlide .75s .36s both}
.hero-points{animation:fadeSlide .75s .45s both}
.hero-visual{animation:visualPunch 1.1s .12s cubic-bezier(.16,1,.3,1) both}
.hero-glow{opacity:.24;filter:blur(48px);animation:glowPulse 5s ease-in-out infinite alternate}
.hero-glow-one{animation-delay:-1s}
.hero-glow-two{animation-delay:-3.5s}
.pipe-main{animation:pipeFloatImpact 4.5s ease-in-out infinite;transform-origin:center}
.pipe-back{animation:pipeFloatImpact 5.5s -1.5s ease-in-out infinite}
.visual-orbit{animation:orbitPulse 7s ease-in-out infinite}
.orbit-two{animation-direction:reverse;animation-duration:9s}
.visual-tag{animation:tagPop 5s ease-in-out infinite}
.hero-pulse-line{width:220px;height:3px;background:#ffffff1b}
.hero-pulse-line span{width:38%;animation:lineSweep 2.1s ease-in-out infinite}
.quick-strip .strip-number{animation:numberLift 3.2s ease-in-out infinite}
.quick-strip>div:nth-child(2) .strip-number{animation-delay:.25s}
.quick-strip>div:nth-child(3) .strip-number{animation-delay:.5s}
.quick-strip>div:nth-child(4) .strip-number{animation-delay:.75s}
.product-card{position:relative}
.product-card:after{content:"";position:absolute;left:0;top:0;width:100%;height:3px;background:linear-gradient(90deg,transparent,var(--orange),transparent);transform:scaleX(0);transform-origin:left;transition:transform .45s ease}
.product-card:hover:after{transform:scaleX(1)}
.product-photo-art img{transition:transform .85s cubic-bezier(.16,1,.3,1),filter .6s ease}
.product-card:hover .product-photo-art img{transform:scale(1.075);filter:saturate(1.08)}
.trade-list>div{transition:padding .3s ease,background .3s ease}
.trade-list>div:hover{padding-left:12px;background:#ffffff08}
.contact-icon{animation:iconPulse 3s ease-in-out infinite}
.floating-whatsapp{animation:whatsappPulse 3.4s ease-in-out infinite}
@keyframes headlineReveal{0%{opacity:0;transform:translateY(35px) skewY(2deg);clip-path:inset(0 0 100% 0)}100%{opacity:1;transform:translateY(0) skewY(0);clip-path:inset(0 0 0 0)}}
@keyframes fadeSlide{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}
@keyframes visualPunch{0%{opacity:0;transform:translateX(38px) scale(.94)}70%{opacity:1;transform:translateX(-3px) scale(1.015)}100%{opacity:1;transform:translateX(0) scale(1)}}
@keyframes glowPulse{0%{transform:translate3d(-12px,-8px,0) scale(.85);opacity:.14}100%{transform:translate3d(15px,18px,0) scale(1.16);opacity:.28}}
@keyframes pipeFloatImpact{0%,100%{translate:0 0;rotate:0deg}50%{translate:0 -11px;rotate:-1deg}}
@keyframes orbitPulse{0%,100%{scale:1;opacity:.75}50%{scale:1.04;opacity:1}}
@keyframes tagPop{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes numberLift{0%,100%{transform:translateY(0)}50%{transform:translateY(-3px)}}
@keyframes iconPulse{0%,100%{box-shadow:0 0 0 0 #f36c2100}50%{box-shadow:0 0 0 9px #f36c2118}}
@keyframes whatsappPulse{0%,85%,100%{box-shadow:0 8px 25px #001c2f35,0 0 0 0 #19bd6700}92%{box-shadow:0 8px 25px #001c2f35,0 0 0 10px #19bd6730}}
@media(max-width:700px){
 .hero h1{animation-duration:.7s}
 .hero-glow{filter:blur(34px);opacity:.18}
 .pipe-main{animation-duration:5.5s}
 .pipe-back{animation-duration:6.5s}
 .visual-orbit{animation-duration:10s}
 .floating-whatsapp{animation:none}
}
@media(prefers-reduced-motion:reduce){
 .hero h1,.hero .eyebrow,.hero-lead,.hero-description,.hero-actions,.hero-points,.hero-visual,.hero-glow,.pipe-main,.pipe-back,.visual-orbit,.visual-tag,.hero-pulse-line span,.quick-strip .strip-number,.contact-icon,.floating-whatsapp{animation:none!important}
}


/* Official catalogue with printed prices */
.nav-catalogue { display:inline-flex; align-items:center; gap:7px; margin-left:8px; padding:10px 15px; border:1px solid rgba(20,184,166,.55); border-radius:999px; color:var(--text,#f7fbff); font-weight:700; text-decoration:none; white-space:nowrap; transition:transform .25s ease,background .25s ease,box-shadow .25s ease; }
.nav-catalogue:hover { transform:translateY(-2px); background:rgba(20,184,166,.12); box-shadow:0 0 24px rgba(20,184,166,.18); }
.hero-catalogue-link { margin-left:8px; }
.catalogue-section { position:relative; }
.catalogue-section .section-heading { display:flex; align-items:flex-end; justify-content:space-between; gap:24px; margin-bottom:28px; }
.catalogue-section .section-heading p { max-width:760px; }
.catalogue-viewer { overflow:hidden; border:1px solid rgba(148,163,184,.22); border-radius:22px; background:#fff; box-shadow:0 24px 80px rgba(0,0,0,.22); }
.catalogue-viewer-bar { min-height:58px; display:flex; align-items:center; justify-content:space-between; gap:14px; padding:13px 18px; background:#101b2a; color:#f8fafc; }
.catalogue-viewer-bar a { color:#5eead4; font-weight:700; text-decoration:none; }
.catalogue-status { display:flex; align-items:center; gap:9px; font-size:.9rem; }
.catalogue-status i { width:8px; height:8px; border-radius:50%; background:#34d399; box-shadow:0 0 12px #34d399; }
.catalogue-viewer iframe { display:block; width:100%; height:min(82vh,950px); min-height:620px; border:0; background:#fff; }
.catalogue-mobile-note { padding:12px 16px; color:#334155; background:#f8fafc; font-size:.88rem; }
.catalogue-quick-link { text-align:center; padding:12px 0 24px; }
@media(max-width:760px) { .nav-catalogue { padding:8px 11px; font-size:.82rem; } .hero-catalogue-link { margin:10px 0 0; } .catalogue-section .section-heading { display:block; } .catalogue-download { margin-top:14px; } .catalogue-viewer { border-radius:15px; } .catalogue-viewer-bar { align-items:flex-start; flex-direction:column; gap:7px; padding:13px 14px; } .catalogue-viewer iframe { height:68vh; min-height:430px; } }