:root{--navy:#102d48;--blue:#086eae;--yellow:#f1c34d;--cream:#f7f5ef;--ink:#182b3c;--muted:#5d6b76;--line:#dae0e3}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;font-family:Inter,Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.65}html[lang=ar] body{font-family:Tajawal,Arial,sans-serif}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{max-width:100%;display:block}h1,h2,h3,p{margin-top:0}h1,h2{font-weight:600;letter-spacing:-.055em;line-height:1.08}html[lang=ar] h1,html[lang=ar] h2{letter-spacing:-.025em;line-height:1.25}h1{font-size:clamp(52px,5.8vw,88px);margin-bottom:25px}h2{font-size:clamp(34px,3.6vw,54px);margin-bottom:26px}h3{font-size:21px;line-height:1.3;margin-bottom:12px}p{color:var(--muted)}.topbar{padding:9px 5%;display:flex;justify-content:space-between;background:var(--navy);color:#fff;font-size:10px;letter-spacing:.13em}.topbar a{letter-spacing:0}header{position:sticky;top:0;z-index:10;background:#ffffffef;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 5%;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:12px;font-size:15px;line-height:1.2;font-weight:700;letter-spacing:.04em}.brand img{width:65px;height:44px;object-fit:contain}.brand small{display:block;font-size:9px;letter-spacing:.27em;margin-top:5px}nav{display:flex;gap:25px;font-size:12px}nav a:hover,.text-link:hover{color:var(--blue)}.header-actions{display:flex;gap:18px;align-items:center}#language{border:0;background:none;color:var(--navy);font-size:13px}.btn{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:white;padding:16px 25px;border:1px solid var(--navy);font-size:13px;font-weight:600;transition:.2s}.btn:hover{background:var(--blue);border-color:var(--blue);transform:translateY(-2px)}.btn.small{padding:11px 18px;font-size:12px}.menu{display:none;background:none;border:0;font-size:23px}.hero{min-height:660px;display:grid;grid-template-columns:1fr 1fr;background:var(--cream)}.hero-copy{padding:80px 10% 65px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:.17em;color:var(--blue);margin-bottom:22px}.lead{font-size:16px;max-width:480px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.text-link{font-size:13px;font-weight:600}.hero-notes{display:flex;gap:14px;flex-wrap:wrap;border-top:1px solid #d4d8d8;padding-top:22px;margin-top:45px;font-size:10px;color:var(--muted)}.hero-visual{position:relative;overflow:hidden;background:#e9ece5;display:flex;align-items:center;justify-content:center;min-height:550px;padding:60px}.hero-visual>img{width:78%;max-height:420px;object-fit:contain;position:relative;z-index:1;box-shadow:0 25px 60px #102d4826;transform:rotate(-7deg);border:8px solid #fff}.orbit{position:absolute;width:480px;height:480px;border:65px solid #dde4dd;border-radius:50%;inset:auto}.photo-label{position:absolute;top:28px;left:30px;display:flex;gap:10px;align-items:center;font-size:9px;letter-spacing:.12em}.dot{width:7px;height:7px;border-radius:50%;background:#55855d}.visual-caption{position:absolute;bottom:30px;left:30px;font-size:13px}.visual-caption b{display:block;font-size:22px}.visual-caption span{color:var(--muted)}.strip{background:var(--yellow);display:flex;justify-content:space-between;padding:22px 5%;gap:20px;font-size:10px;letter-spacing:.11em;font-weight:600}.section{padding:90px 7%;max-width:1600px;margin:auto}.intro-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:8%}.intro-grid p{font-size:15px}.products{background:var(--cream);max-width:none}.section-head{display:flex;justify-content:space-between;align-items:end;gap:50px;margin-bottom:40px}.section-head>p{max-width:340px;font-size:14px}.product-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.product{background:white;border:1px solid #e2e5e2}.product-image{height:300px;position:relative;background:#eceee9;padding:20px;display:flex;align-items:center;justify-content:center}.product-image img{height:100%;width:100%;object-fit:contain}.product.featured{border-top:4px solid var(--blue)}.tag{position:absolute;left:15px;top:15px;background:var(--yellow);padding:6px 10px;font-size:9px;letter-spacing:.1em}.product-content{padding:27px}.number{font-size:9px;letter-spacing:.16em;color:var(--blue);display:block;margin-bottom:15px}.product-content p{font-size:13px;min-height:85px}.product-cta{font-size:12px;font-weight:600;display:block;border-top:1px solid var(--line);padding-top:18px}.custom{display:grid;grid-template-columns:1fr 1.4fr;gap:8%;align-items:center}.custom>div>p{max-width:350px;font-size:14px}.custom .btn{margin-top:16px}.spec-grid{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid var(--line);border-left:1px solid var(--line)}.spec-grid article{padding:25px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);min-height:240px;position:relative}.spec-grid article>span{font-size:10px;color:#84919a}.spec-grid h3{margin-top:15px;font-size:18px}.spec-grid p{font-size:12px;margin:0}.diagram{height:55px;position:relative;margin:5px 0 20px}.width-diagram:before{content:'';position:absolute;top:5px;left:35px;width:100px;height:38px;border:10px solid var(--blue);border-radius:50%;transform:skewY(-10deg)}.width-diagram:after{content:'↔';position:absolute;top:28px;left:70px;color:var(--blue);font-size:30px}.length-diagram:before{content:'';position:absolute;width:110px;height:34px;left:30px;top:12px;border-top:12px solid var(--yellow);border-bottom:12px solid var(--yellow);transform:skew(-20deg)}.thickness-diagram:before{content:'';position:absolute;width:125px;height:8px;left:25px;top:12px;background:var(--blue);box-shadow:0 13px #398abb,0 26px #8cbed8}.print-sample{margin:14px 0 26px;background:var(--yellow);padding:8px 12px;font-size:15px;letter-spacing:.1em;transform:rotate(-5deg);width:max-content}.art-section{position:relative;background:var(--cream);display:grid;grid-template-columns:1.4fr 1fr;align-items:center;gap:45px}.art-section>img{width:100%;height:470px;object-fit:cover}.art-copy{padding:50px 12% 50px 0}.art-copy p:not(.eyebrow){font-size:14px}.factory-grid{display:grid;grid-template-columns:1fr 1fr 1fr;gap:24px}.video-card,.factory-photo{background:var(--cream);overflow:hidden}.video-card video,.factory-photo>img{width:100%;height:360px;object-fit:cover;background:#142735}.video-card>div,.factory-photo>div{padding:26px}.factory-grid p{font-size:13px}.factory-grid .eyebrow{font-size:9px}.quality{background:var(--navy);color:#fff;max-width:none;display:grid;grid-template-columns:1fr 1.2fr;gap:12%}.quality .eyebrow{color:var(--yellow)}.quality-points article{border-bottom:1px solid #ffffff30;padding:0 0 20px;margin-bottom:25px}.quality-points article:last-child{margin:0;border:0}.quality-points p{color:#bccbd6;font-size:14px;margin:0}.quality-points h3{font-size:19px}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:30px;margin-top:45px}.steps article{border-top:1px solid var(--line);padding-top:20px}.steps b{font-size:38px;color:#aebbc6;font-weight:400}.steps h3{font-size:17px;margin-top:20px}.steps p{font-size:13px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:12%;background:var(--cream);max-width:none}.faq>div>p{font-size:14px}details{border-bottom:1px solid #ccd3d3;padding:19px 0}summary{cursor:pointer;font-size:15px;font-weight:600;list-style:none;display:flex;justify-content:space-between;gap:20px}summary:after{content:'+';color:var(--blue)}details[open] summary:after{content:'−'}details p{font-size:13px;margin:15px 25px 0 0}.quote{display:grid;grid-template-columns:1fr 1.4fr;gap:10%}.quote-intro>p{font-size:14px}.quote-intro>a:not(.text-link){display:block;font-size:16px;font-weight:600;margin-top:10px;width:max-content}.location{margin-top:30px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px}label>span{display:block;font-size:12px;margin-bottom:7px}input,select,textarea{width:100%;border:1px solid #cdd5db;border-radius:0;background:#fafbfa;padding:12px;color:var(--ink);font-size:14px}input:focus,select:focus,textarea:focus{outline:2px solid #6aaccb;outline-offset:2px}.full{grid-column:1/-1}.form-note{font-size:11px;margin:20px 0}form .btn{width:100%}footer{padding:45px 7%;background:#f0f2f1;display:flex;justify-content:space-between;align-items:center;gap:25px;flex-wrap:wrap}footer p,footer small{font-size:10px;margin:0}.floating-wa{position:fixed;bottom:22px;right:22px;background:var(--navy);color:white;padding:13px 19px;box-shadow:0 6px 25px #102d4833;z-index:9;font-size:12px;border:1px solid #ffffff80}html[dir=rtl] .hero-visual>img{transform:rotate(7deg)}html[dir=rtl] .art-copy{padding:50px 0 50px 12%}html[dir=rtl] .eyebrow,html[dir=rtl] .strip{letter-spacing:0}html[dir=rtl] .floating-wa{right:auto;left:22px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #dcae32;outline-offset:5px}
@media(min-width:1700px){.hero-copy{padding-left:15%}}@media(max-width:1050px){nav{gap:14px;font-size:11px}.brand{font-size:12px}.header-actions{gap:8px}.hero-copy{padding:60px 9%}.hero-visual{padding:30px}.hero{min-height:600px}.product-image{height:240px}.section{padding:65px 5%}.custom{gap:5%}.factory-grid{gap:15px}.video-card video,.factory-photo>img{height:290px}}
@media(max-width:760px){.topbar{justify-content:center;font-size:8px;letter-spacing:.06em}.topbar>a{display:none}header{padding:13px 5%;gap:10px;flex-wrap:wrap}.brand img{width:48px;height:35px}.brand{font-size:12px}.header-actions .btn{display:none}.menu{display:block;margin-inline-start:auto}nav{display:none;order:5;width:100%;padding:15px 0;flex-direction:column;font-size:14px}nav.open{display:flex}.hero{grid-template-columns:1fr;min-height:auto}.hero-copy{padding:48px 6% 35px}h1{font-size:58px}.lead{font-size:15px}.hero-notes{margin-top:28px}.hero-visual{min-height:380px;padding:45px}.hero-visual>img{width:60%;max-height:270px}.orbit{width:330px;height:330px;border-width:45px}.photo-label{top:18px;left:20px}.visual-caption{bottom:18px;left:20px}.visual-caption b{font-size:19px}.strip{display:grid;grid-template-columns:1fr 1fr;font-size:8px;gap:16px}.section{padding:55px 6%}.intro-grid,.custom,.quality,.faq,.quote{grid-template-columns:1fr;gap:30px}.section-head{display:block;margin-bottom:28px}.section-head>p{max-width:none}.product-grid{grid-template-columns:1fr}.product-image{height:300px}.product-content p{min-height:0}.product-content{padding:24px}.spec-grid article{padding:20px}.art-section{grid-template-columns:1fr;gap:0}.art-section>img{height:290px;object-fit:cover}.art-copy,html[dir=rtl] .art-copy{padding:35px 6% 45px}.factory-grid{grid-template-columns:1fr}.video-card{display:grid;grid-template-columns:1fr 1fr;align-items:center}.video-card video{height:300px}.video-card>div{padding:20px}.factory-photo>img{height:300px;object-position:center}.steps{grid-template-columns:1fr 1fr;gap:25px}.steps b{font-size:30px}.form-grid{gap:15px}footer{padding:35px 6% 85px;display:block}footer>*{margin-bottom:18px!important}.floating-wa{bottom:14px;right:14px;font-size:11px}html[dir=rtl] .floating-wa{left:14px}h2{font-size:36px}html[lang=ar] h1{font-size:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}
/* October update: product slideshow and custom brand preview */
.hero-visual.carousel{padding:0;background:#e9e5dc;isolation:isolate}.hero-slides{width:100%;height:100%;position:absolute;inset:0}.hero-slides .slide{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;padding:48px 35px 75px;opacity:0;transition:opacity .85s ease;transform:none!important;box-shadow:none;border:0}.hero-slides .slide.active{opacity:1;z-index:1}.carousel .photo-label{z-index:3;background:#fffffff0;padding:8px 12px;max-width:calc(100% - 45px)}.carousel-controls{position:absolute;bottom:20px;left:0;right:0;z-index:3;display:flex;justify-content:center;align-items:center;gap:16px;direction:ltr}.carousel-controls>button,.demo-toggle{width:36px;height:36px;border:1px solid #ccd1d2;background:#fffffff0;color:var(--navy)}.dots{display:flex;gap:9px}.dots button{border:0;background:#aab4b9;width:9px;height:9px;border-radius:100%;padding:0}.dots button.selected{background:var(--blue);box-shadow:0 0 0 3px #ffffffb3}.branding{display:grid;grid-template-columns:1fr 1.2fr;gap:7%;align-items:center}.branding-copy p{font-size:14px}.branding-note{font-size:10px!important;margin:18px 0 0;max-width:370px}.brand-demo{height:350px;background:#e7edf0;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;direction:ltr;padding:30px}.demo-roll{width:160px;height:200px;border-radius:50%;border:35px solid #dfbd62;background:#f9f8f1;box-shadow:12px 8px 0 #be9844,18px 18px 24px #102d4820;position:absolute;left:9%;z-index:2;transform:rotate(-12deg)}.demo-core{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;color:var(--blue);font-weight:700;font-size:20px;transform:rotate(90deg)}.demo-tape{position:absolute;left:34%;right:-5%;height:98px;background:linear-gradient(0deg,#dbb655,#efd381 55%,#f3dd99);box-shadow:0 20px 25px #102d481a;transform:rotate(-8deg);overflow:hidden}.brand-pattern{position:absolute;inset:0;display:flex;justify-content:space-around;align-items:center;gap:20px;opacity:0;transition:opacity .7s ease;color:#133c62;white-space:nowrap;font-size:20px;letter-spacing:.03em;padding:0 15px}.brand-pattern.active{opacity:1}.brand-pattern:nth-child(2){color:#953e3d;font-size:14px}.brand-pattern:nth-child(3){color:#25634f;font-size:26px;font-family:Tajawal,sans-serif}.demo-bottom{position:absolute;bottom:20px;left:22px;right:22px;display:flex;align-items:center;justify-content:space-between;font-size:9px;letter-spacing:.12em;gap:15px}.dispatch{display:grid;grid-template-columns:1.2fr 1fr;align-items:center;gap:8%;background:var(--cream);max-width:none}.dispatch-images{display:grid;grid-template-columns:1fr 1fr;gap:16px}.dispatch-images img{width:100%;height:380px;object-fit:contain;background:#e4e7e2}.dispatch-images img:nth-child(2){margin-top:45px}.dispatch p{font-size:14px}
@media(max-width:760px){.hero-visual.carousel{min-height:440px}.hero-slides .slide{padding:45px 25px 65px}.branding,.dispatch{grid-template-columns:1fr;gap:30px}.brand-demo{height:290px}.demo-roll{width:130px;height:165px;border-width:28px;left:7%}.demo-tape{height:80px;left:32%}.brand-pattern{font-size:16px}.brand-pattern:nth-child(2){font-size:11px}.dispatch-images img{height:265px}.dispatch-images img:nth-child(2){margin-top:25px}.dispatch-images{gap:12px}.demo-bottom{font-size:8px}.branding-note{max-width:none}}
@media(prefers-reduced-motion:reduce){.slide,.brand-pattern{transition:none!important}}

.hero-slides .slide{object-fit:contain;padding:0}.hero-visual.carousel{aspect-ratio:6/5;min-height:0}.frame-demo{padding:0;height:auto;aspect-ratio:4/3;background:#edece6}.frame-demo>img{width:100%;height:100%;object-fit:contain}.frame-demo .demo-bottom{bottom:7px;background:#ffffffd9;padding:5px 8px}.branding{align-items:center}@media(max-width:760px){.hero-visual.carousel{min-height:0;aspect-ratio:6/5}.hero-slides .slide{padding:0}.frame-demo{height:auto;aspect-ratio:4/3}.carousel-controls{bottom:12px;gap:12px}.carousel .photo-label{top:12px;font-size:8px}.dots{gap:7px}}

.frame-demo{aspect-ratio:1/1;background:#efeee9}.frame-demo>img{object-fit:contain}.worldwide{display:grid;grid-template-columns:1.1fr 1fr;gap:7%;align-items:center;background:#102d48;color:white;max-width:none}.globe-visual svg{display:block;width:100%;height:auto}.worldwide .eyebrow{color:#efc65e}.worldwide p{color:#ccd9e2;font-size:14px}.worldwide .btn{background:#efc65e;color:#102d48;border-color:#efc65e}.worldwide .shipping-note{font-size:10px;margin:18px 0 0}.frame-demo .demo-bottom{font-size:8px;letter-spacing:.05em;right:12px;left:12px;justify-content:center}@media(max-width:760px){.worldwide{grid-template-columns:1fr;gap:12px}.globe-visual{max-width:390px;margin:auto;width:100%}.frame-demo{aspect-ratio:1/1}.worldwide .btn{font-size:12px;padding:14px 18px}}