:root{--ink:#0b2334;--navy:#071c2f;--navy-2:#0b2d46;--cyan:#22bed0;--blue:#327bd6;--paper:#f6f9fb;--white:#fff;--muted:#5b7180;--line:#dce6eb;--radius:20px;--shadow:0 24px 64px rgba(6,30,48,.12)}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;color:var(--ink);background:var(--white);font-family:Tajawal,"Segoe UI",Tahoma,sans-serif;font-size:16px;line-height:1.75;-webkit-font-smoothing:antialiased}
button,input,textarea,select{font:inherit}
button{cursor:pointer}
a{color:inherit;text-decoration:none}
img,svg{max-width:100%}
h1,h2,h3,p{margin-top:0}
h1,h2,h3{line-height:1.35}
.container{width:min(1180px,calc(100% - 48px));margin-inline:auto}
.skip-link{position:absolute;top:-100px;right:24px;z-index:1000;background:#fff;color:var(--ink);padding:10px 16px;border-radius:8px}
.skip-link:focus{top:12px}
:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}
.topline{background:#061726;color:#b9d5e4;font-size:12px;font-weight:700}
.topline-inner{min-height:35px;display:flex;align-items:center;justify-content:space-between;gap:16px}
.topline a:hover{text-decoration:underline}
.topline-sep{margin-inline:7px;color:var(--cyan)}
.site-header{background:var(--navy);color:#fff;position:relative;z-index:30;border-bottom:1px solid rgba(255,255,255,.08)}
.nav-wrap{height:88px;display:flex;align-items:center;gap:24px}
.brand{flex:0 0 auto;display:flex;align-items:center;min-width:200px;max-width:200px}
.brand img{display:block;width:190px;height:66px;object-fit:contain;object-position:right center}
.brand-fallback{display:none;font-size:25px;font-weight:800;line-height:1}
.brand-fallback small{font-size:13px;display:block;letter-spacing:2px;color:var(--cyan)}
.brand.logo-failed img{display:none}
.brand.logo-failed .brand-fallback{display:block}
.main-nav{display:flex;align-items:center;gap:25px;margin-inline:auto 0;font-size:13px;font-weight:700}
.main-nav a{white-space:nowrap;color:#d5e2e9;transition:color .2s}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:#fff}
.main-nav a[aria-current="page"]{position:relative}
.main-nav a[aria-current="page"]:after{content:"";position:absolute;right:0;left:0;bottom:-12px;height:2px;background:var(--cyan)}
.main-nav .nav-partner{color:#75dce7}
.nav-cta{flex:0 0 auto}
.menu-toggle{display:none}
.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;min-height:53px;padding:10px 25px;border:1px solid transparent;border-radius:9px;font-weight:800;font-size:14px;line-height:1.3;transition:transform .2s,background .2s,border-color .2s,box-shadow .2s;text-align:center}
.btn:hover{transform:translateY(-2px)}
.btn svg,.text-link svg,.card-link svg{transform:scaleX(-1)}
.btn-primary{background:linear-gradient(110deg,#20bdd0,#3485df);color:#fff;box-shadow:0 12px 28px rgba(21,142,208,.24)}
.btn-primary:hover{box-shadow:0 16px 30px rgba(21,142,208,.35)}
.btn-small{min-height:43px;padding:8px 17px;font-size:12px}
.btn-ghost{color:#fff;border-color:rgba(255,255,255,.32)}
.btn-ghost:hover{background:rgba(255,255,255,.1)}
.btn-dark{color:#fff;background:var(--navy)}
.btn-dark:hover{background:var(--navy-2)}
.btn-white{color:var(--navy);background:#fff}
.btn-outline-white{color:#fff;border-color:rgba(255,255,255,.58)}
.btn-outline-white:hover{background:rgba(255,255,255,.1)}
.eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:15px;color:#067e9b;font-weight:800;font-size:12px;letter-spacing:.1em}
.eyebrow:before{content:"";width:25px;height:2px;background:var(--cyan)}
.eyebrow.light{color:#89e7f1}
.eyebrow.light:before{background:#89e7f1}
.eyebrow i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--cyan)}
.hero{background:radial-gradient(circle at 15% 45%,rgba(29,119,180,.18),transparent 32%),linear-gradient(135deg,#071c2f,#0b3553 58%,#08263e);color:#fff;position:relative;overflow:hidden}
.hero:after{content:"";position:absolute;inset:auto 0 0;height:1px;background:linear-gradient(90deg,transparent,rgba(75,201,223,.5),transparent)}
.hero-pattern{position:absolute;inset:0;opacity:.13;background-image:linear-gradient(90deg,rgba(103,190,215,.3) 1px,transparent 1px),linear-gradient(rgba(103,190,215,.3) 1px,transparent 1px);background-size:74px 74px;mask-image:linear-gradient(to left,black,transparent 80%)}
.hero-grid{display:grid;grid-template-columns:1.05fr .95fr;align-items:center;gap:40px;min-height:650px;padding-block:90px 95px;position:relative;z-index:1}
.hero-copy{max-width:600px}
.hero h1{font-size:clamp(50px,6.5vw,88px);font-weight:800;letter-spacing:-.045em;margin:8px 0 24px;line-height:1.19}
.hero h1 em,.page-hero h1 em{font-style:normal;color:#5fe0ec}
.hero-copy>p{font-size:18px;line-height:2;color:#c7dce7;max-width:580px;margin-bottom:34px}
.hero-actions{display:flex;flex-wrap:wrap;gap:12px}
.hero-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:48px}
.hero-tags span{padding:5px 11px;border:1px solid rgba(190,224,237,.2);border-radius:50px;color:#acd0e0;font-size:11px;font-weight:700}
.hero-visual{min-height:495px;position:relative;display:flex;align-items:center;justify-content:center}
.orb{position:absolute;border:1px solid rgba(97,212,231,.17);border-radius:50%;aspect-ratio:1}
.orb-one{width:520px;box-shadow:0 0 0 64px rgba(45,132,190,.045),0 0 0 130px rgba(45,132,190,.025)}
.orb-two{width:355px;border-style:dashed;transform:rotate(18deg)}
.route-card{position:relative;width:min(415px,95%);padding:25px 27px 17px;background:linear-gradient(155deg,rgba(24,67,93,.97),rgba(8,35,56,.98));border:1px solid rgba(154,220,234,.26);border-radius:21px;box-shadow:0 30px 70px rgba(0,12,26,.32);backdrop-filter:blur(12px)}
.route-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-bottom:21px;border-bottom:1px solid rgba(255,255,255,.1);font-weight:800;font-size:14px}
.route-status{font-size:10px;color:#95ecdc;display:flex;align-items:center;gap:6px}
.route-status i{width:6px;height:6px;border-radius:50%;background:#78e5c9;box-shadow:0 0 0 5px rgba(120,229,201,.1)}
.route-step{display:grid;grid-template-columns:43px 1fr 12px;align-items:center;gap:15px;padding:17px 0}
.route-step b{color:#70dbe8;font-size:14px}
.route-step strong{display:block;font-size:13px}
.route-step small{display:block;color:#9cbdcd;font-size:11px;margin-top:2px}
.route-dot{width:10px;height:10px;border-radius:50%;background:#2e879c;box-shadow:0 0 0 5px rgba(51,153,180,.11)}
.route-dot.active{background:#6ee2cd}
.route-line{height:20px;width:1px;background:rgba(130,208,226,.25);margin:-8px 0 -8px 6px}
.route-foot{display:flex;justify-content:space-between;align-items:center;margin-top:9px;padding-top:13px;border-top:1px solid rgba(255,255,255,.1);color:#6bbad0;direction:ltr;font-size:9px;font-weight:800;letter-spacing:.2em}
.floating-note{position:absolute;bottom:13px;left:-2px;color:#d5f7f9;background:rgba(15,75,96,.9);border:1px solid rgba(115,213,226,.23);border-radius:9px;padding:8px 15px;font-size:11px;font-weight:700;box-shadow:0 10px 30px rgba(0,0,0,.2)}
.intro-strip{background:#eef6f9;border-bottom:1px solid #dcebf0}
.intro-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:70px;align-items:center;padding-block:40px}
.intro-grid strong{font-size:25px;line-height:1.55}
.intro-grid strong span{color:#087b9d}
.intro-grid p{color:#526b7a;font-size:14px;line-height:2;margin:0}
.section{padding-block:110px}
.section-heading{max-width:650px;margin-bottom:42px}
.section-heading h2{font-size:clamp(29px,3vw,43px);letter-spacing:-.035em;margin:0 0 14px}
.section-heading p{color:var(--muted);font-size:15px;line-height:2;margin:0}
.services-section{background:#fff}
.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.service-card{display:flex;flex-direction:column;min-height:345px;padding:33px;border:1px solid var(--line);border-radius:var(--radius);background:#fff;transition:transform .22s,box-shadow .22s,border-color .22s}
.service-card:hover{transform:translateY(-6px);border-color:#9dd5df;box-shadow:var(--shadow)}
.service-icon{width:62px;height:62px;display:grid;place-items:center;background:#e8f9fc;color:#078ba5;border-radius:15px;margin-bottom:27px}
.service-card:nth-child(2) .service-icon{background:#eef2ff;color:#4f6fbf}
.service-card:nth-child(3) .service-icon{background:#e9f4ff;color:#397bc6}
.service-no{font-size:10px;letter-spacing:.15em;color:#8aa0ae;font-weight:800;direction:ltr;align-self:flex-start}
.service-card h3{font-size:22px;margin:7px 0 12px}
.service-card p{color:var(--muted);font-size:13px;line-height:2;margin:0 0 26px}
.card-link{display:inline-flex;align-items:center;gap:8px;color:#087d9d;font-size:12px;font-weight:800;margin-top:auto}
.approach-section{background:var(--paper)}
.approach-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:95px;align-items:center}
.approach-grid .section-heading{margin-bottom:25px}
.text-link{display:inline-flex;align-items:center;gap:8px;color:#087d9d;font-size:13px;font-weight:800;border-bottom:1px solid #9bd2de;padding-bottom:5px}
.text-link:hover{color:#005f7b}
.approach-steps{border-right:2px solid #cce5eb;padding-right:27px}
.approach-steps>div{position:relative;padding:0 0 27px 0}
.approach-steps>div:last-child{padding-bottom:0}
.approach-steps>div:before{content:"";position:absolute;right:-35px;top:10px;width:13px;height:13px;border:3px solid #48c6d5;background:var(--paper);border-radius:50%}
.approach-steps span{font-size:11px;font-weight:800;color:#0aa0b7;letter-spacing:.14em}
.approach-steps h3{font-size:18px;margin:4px 0 3px}
.approach-steps p{color:var(--muted);font-size:13px;margin:0}
.partner-section{background:#fff}
.partner-grid{display:grid;grid-template-columns:.9fr 1.1fr;align-items:center;gap:95px}
.partner-grid .section-heading{margin-bottom:28px}
.partner-art{height:385px;border-radius:28px;background:radial-gradient(circle at 50% 50%,#1d719a,#0a2944 70%);position:relative;overflow:hidden;display:grid;place-items:center}
.partner-art:after{content:"";position:absolute;inset:0;background-image:linear-gradient(90deg,rgba(123,225,234,.09) 1px,transparent 1px),linear-gradient(rgba(123,225,234,.09) 1px,transparent 1px);background-size:42px 42px}
.partner-circle{position:relative;z-index:2;width:180px;height:180px;background:rgba(8,42,66,.8);border:1px solid rgba(157,225,236,.45);border-radius:50%;display:flex;align-items:center;justify-content:center;flex-direction:column;box-shadow:0 0 0 32px rgba(46,161,193,.08),0 0 0 76px rgba(46,161,193,.055);color:#fff;direction:ltr}
.partner-circle span{font-size:26px;letter-spacing:.16em;font-weight:800}
.partner-circle b{color:#7be0e9;font-size:10px;letter-spacing:.27em}
.partner-orbit{position:absolute;width:13px;height:13px;background:#68e1e6;border:3px solid #0d4666;border-radius:50%;z-index:3;box-shadow:0 0 0 11px rgba(111,223,232,.1)}
.orbit-a{top:22%;right:23%}.orbit-b{bottom:20%;right:22%}.orbit-c{top:45%;left:15%}
.about-section{background:#f4f8fa}
.about-grid{display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:85px}
.about-grid h2{font-size:42px;margin:0 0 15px}
.about-grid p{color:var(--muted);font-size:14px;line-height:2.1;max-width:650px}
.about-grid .about-lead{font-size:18px;font-weight:700;color:#2c495a;line-height:1.9}
.about-grid .text-link{margin-top:11px}
.about-quote{border-radius:24px;background:#e5f2f6;padding:47px 45px;min-height:260px;border:1px solid #d2e8ef}
.quote-mark{font-size:90px;line-height:.7;color:#1babc1;display:block}
.about-quote blockquote{font-size:25px;line-height:1.7;font-weight:800;margin:8px 0 20px}
.about-quote>span:last-child{font-size:12px;color:#567487;font-weight:700}
.cta-band{background:linear-gradient(110deg,#0b4663,#087596);color:#fff;position:relative;overflow:hidden}
.cta-band:after{content:"";position:absolute;left:-150px;top:-200px;width:580px;height:580px;border:1px solid rgba(255,255,255,.13);border-radius:50%;box-shadow:0 0 0 80px rgba(255,255,255,.03),0 0 0 170px rgba(255,255,255,.03)}
.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:40px;padding-block:68px;position:relative;z-index:1}
.cta-inner h2{font-size:clamp(27px,3vw,42px);margin:0 0 13px}
.cta-inner p{color:#bfe9ef;font-size:13px;margin:0}
.cta-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}
.footer{background:#071b2c;color:#c4d5de}
.footer-main{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:65px;padding-block:70px 60px}
.footer-logo{color:#fff;font-size:28px;font-weight:800;line-height:1.2;margin-bottom:16px}
.footer-logo span{color:#5dd4e1}
.footer-main p{font-size:12px;line-height:2;max-width:315px}
.footer-main h2{color:#fff;font-size:14px;margin:2px 0 19px}
.footer-main a,.footer-main>div>span{display:block;font-size:12px;margin-bottom:11px}
.footer-main a:hover{color:#73e1e7}
.footer-bottom{display:flex;justify-content:space-between;gap:15px;border-top:1px solid rgba(255,255,255,.1);padding-block:20px;font-size:10px;color:#8eafbd}
.page-hero{background:radial-gradient(circle at 18% 50%,rgba(36,145,188,.23),transparent 32%),linear-gradient(120deg,#071d30,#0a3855);color:#fff;overflow:hidden}
.page-hero-grid{min-height:420px;padding-block:70px;display:grid;grid-template-columns:1.2fr .8fr;align-items:center;gap:40px}
.page-hero h1{font-size:clamp(40px,5vw,65px);letter-spacing:-.04em;line-height:1.3;margin:4px 0 19px}
.page-hero p{color:#c3dce7;font-size:16px;line-height:2;max-width:630px;margin-bottom:29px}
.page-hero-graphic{width:min(300px,85%);height:300px;display:grid;place-items:center;margin-inline:auto;position:relative;color:#7fe2ec}
.graphic-ring{position:absolute;inset:5px;border:1px solid rgba(144,224,234,.28);border-radius:50%;box-shadow:0 0 0 35px rgba(77,174,196,.05),0 0 0 80px rgba(77,174,196,.035)}
.graphic-ring:before,.graphic-ring:after{content:"";position:absolute;width:10px;height:10px;border-radius:50%;background:#67dfea;top:28px;right:38px;box-shadow:0 0 0 11px rgba(96,218,234,.12)}
.graphic-ring:after{top:auto;right:auto;bottom:20px;left:47px;width:7px;height:7px}
.graphic-icon{width:170px;height:170px;display:grid;place-items:center;border:1px solid rgba(151,229,237,.4);border-radius:29px;background:rgba(26,94,125,.25);transform:rotate(-10deg)}
.graphic-icon svg{transform:rotate(10deg)}
.page-hero-graphic>span{position:absolute;bottom:0;right:0;direction:ltr;color:#91b9ca;font-size:10px;letter-spacing:.2em;font-weight:800}
.breadcrumb{font-size:11px;color:#78909e;padding-top:25px}
.breadcrumb a:hover{color:#067e9b}
.breadcrumb span{margin-inline:4px}
.detail-section{padding-top:80px}
.detail-intro .section-heading{max-width:710px}
.detail-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.detail-card{background:#f5f9fa;padding:31px;border-radius:18px;min-height:250px;border:1px solid #e5eef2}
.detail-card>span{font-size:11px;font-weight:800;letter-spacing:.14em;color:#10a3bc}
.detail-card h3{font-size:19px;margin:28px 0 10px}
.detail-card p{font-size:13px;color:var(--muted);line-height:2;margin:0}
.market-section{background:#fff;padding-top:15px}
.market-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}
.market-grid .section-heading{margin-bottom:22px}
.market-tags{display:flex;gap:8px;flex-wrap:wrap}
.market-tags span{background:#e5f4f7;color:#067f98;border-radius:40px;padding:5px 17px;font-size:12px;font-weight:800}
.category-panel{background:#0b2e46;color:#fff;padding:35px;border-radius:21px}
.category-panel h3{font-size:19px;margin:0 0 20px}
.category-list{display:flex;flex-wrap:wrap;gap:9px}
.category-list span{border:1px solid rgba(190,230,238,.24);border-radius:7px;padding:6px 11px;color:#d2e9f0;font-size:11px}
.category-panel p{color:#a9cad8;font-size:11px;margin:25px 0 0}
.work-section{background:#fff;padding-top:15px}
.work-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}
.work-card{display:flex;flex-direction:column;overflow:hidden;border:1px solid #e7e2ee;border-radius:15px;background:#fff;color:#1c1660;text-decoration:none;box-shadow:0 10px 28px rgba(28,22,96,.05);transition:transform .2s ease,box-shadow .2s ease}
.work-card:hover,.work-card:focus-visible{transform:translateY(-5px);box-shadow:0 18px 38px rgba(28,22,96,.13)}
.work-card:focus-visible{outline:3px solid #ff8266;outline-offset:3px}
.work-image{display:block;aspect-ratio:4/3;overflow:hidden;background:#f2edf8}
.work-image img{display:block;width:100%;height:100%;object-fit:cover;transition:transform .25s ease}
.work-card:hover .work-image img{transform:scale(1.04)}
.work-content{display:flex;flex:1;flex-direction:column;align-items:flex-start;gap:8px;padding:18px 20px 20px}
.work-type{color:#a8472c;font-size:11px;font-weight:800}
.work-content strong{font-size:16px;line-height:1.5}
.work-link{display:inline-flex;gap:5px;align-items:center;margin-top:auto;padding-top:9px;color:#a8472c;font-size:12px;font-weight:800}
.process-section{background:#eef6f8}
.process-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:start}
.process-grid .section-heading{margin-bottom:25px}
.process-list>div{display:grid;grid-template-columns:55px 1fr;gap:20px;padding:19px 0;border-bottom:1px solid #d5e7ec}
.process-list>div:first-child{padding-top:0}
.process-list>div:last-child{border-bottom:0}
.process-list b{display:grid;place-items:center;width:47px;height:47px;border-radius:13px;background:#d4eef3;color:#087d99;font-size:14px}
.process-list h3{font-size:17px;margin:0 0 5px}
.process-list p{color:var(--muted);font-size:13px;margin:0}
.faq-section{background:#fff}
.faq-head .section-heading{margin-bottom:30px}
.faq-list{max-width:820px}
.faq-list details{border-bottom:1px solid var(--line)}
.faq-list summary{list-style:none;display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 0;font-size:15px;font-weight:800;cursor:pointer}
.faq-list summary::-webkit-details-marker{display:none}
.faq-list summary span{display:grid;place-items:center;width:29px;height:29px;flex:0 0 auto;border-radius:50%;background:#e7f5f8;color:#087e9c;font-size:20px;line-height:1}
.faq-list details[open] summary span{transform:rotate(45deg)}
.faq-list p{color:var(--muted);font-size:13px;line-height:2;max-width:690px;margin:0 0 22px}
.contact-section{background:#f5f9fb;padding-top:85px}
.contact-grid{display:grid;grid-template-columns:.82fr 1.18fr;gap:75px;align-items:start}
.contact-info .section-heading{margin-bottom:35px}
.contact-method{display:flex;align-items:center;gap:17px;padding:15px 0;border-bottom:1px solid #dce9ee}
.contact-method>div{width:49px;height:49px;display:grid;place-items:center;flex:0 0 auto;background:#e0f2f7;color:#138da7;border-radius:13px}
.contact-method span{display:flex;flex-direction:column}
.contact-method small{color:#718996;font-size:11px}
.contact-method a,.contact-method strong{font-size:13px;font-weight:800}
.contact-method a:hover{color:#087e9c}
.contact-note{background:#e6f3f7;border-right:3px solid #2eb4ca;padding:20px 22px;margin-top:38px;border-radius:12px}
.contact-note b{font-size:13px}
.contact-note p{font-size:12px;color:#5f7886;margin:5px 0 0}
.contact-note a{text-decoration:underline;text-underline-offset:3px}
.contact-form{background:#fff;padding:42px;border:1px solid #e5edf1;border-radius:22px;box-shadow:0 25px 70px rgba(10,40,57,.07)}
.form-eyebrow{color:#0b9db5;font-weight:800;font-size:11px;letter-spacing:.08em}
.contact-form h2{font-size:29px;margin:5px 0 2px}
.contact-form>p{font-size:12px;color:var(--muted);margin-bottom:27px}
.form-row{display:grid;grid-template-columns:1fr 1fr;gap:17px}
.contact-form label{display:flex;flex-direction:column;gap:8px;font-size:12px;font-weight:800;margin-bottom:18px}
.contact-form input,.contact-form select,.contact-form textarea{width:100%;border:1px solid #d8e5eb;border-radius:9px;background:#fbfdfe;color:var(--ink);padding:13px 14px;outline:none;transition:border-color .2s,box-shadow .2s;font-size:12px;font-weight:500}
.contact-form textarea{resize:vertical;min-height:135px}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#22abc2;box-shadow:0 0 0 3px rgba(34,171,194,.13)}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#9aabb4}
.form-submit{display:flex;align-items:center;gap:20px;flex-wrap:wrap;margin-top:25px}
.form-submit small{color:var(--muted);font-size:10px;line-height:1.7;max-width:245px}
.form-error{color:#a02d34!important;background:#fff1f1;padding:10px 14px;border-radius:8px;margin-top:17px!important}
@media(max-width:1100px){.main-nav{gap:15px;font-size:11px}.brand{min-width:155px;max-width:155px}.brand img{width:155px}.nav-wrap{gap:15px}.nav-cta{padding-inline:12px}.hero-grid{gap:10px}.hero-visual{transform:scale(.9)}}
@media(max-width:900px){.topline{display:none}.nav-wrap{height:72px}.brand{min-width:170px;max-width:170px}.brand img{height:61px;width:170px}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:5px;width:42px;height:42px;padding:9px;border:1px solid rgba(255,255,255,.28);border-radius:8px;background:transparent;margin-inline-start:auto}.menu-toggle span{height:2px;width:100%;background:#fff;border-radius:2px}.main-nav{position:absolute;top:72px;right:0;left:0;background:#0a2940;display:none;flex-direction:column;align-items:stretch;gap:0;padding:14px 24px 24px;box-shadow:0 20px 30px rgba(0,0,0,.2)}.main-nav.open{display:flex}.main-nav a{padding:11px 0;border-bottom:1px solid rgba(255,255,255,.08);font-size:13px}.main-nav a[aria-current="page"]:after{display:none}.nav-cta{display:none}.hero-grid{grid-template-columns:1fr;gap:30px;padding-block:65px 75px}.hero-copy{max-width:700px}.hero-visual{min-height:370px;transform:none}.orb-one{width:450px}.intro-grid,.approach-grid,.partner-grid,.about-grid,.process-grid,.contact-grid,.market-grid{grid-template-columns:1fr;gap:45px}.partner-art{max-width:620px;order:2}.service-grid,.detail-grid{grid-template-columns:repeat(2,1fr)}.work-grid{grid-template-columns:repeat(2,1fr)}.cta-inner{align-items:flex-start;flex-direction:column}.cta-actions{justify-content:flex-start}.footer-main{gap:32px}.page-hero-grid{grid-template-columns:1fr;min-height:0}.page-hero-graphic{display:none}.contact-grid{gap:45px}}
@media(max-width:620px){.container{width:min(100% - 32px,1180px)}.section{padding-block:72px}.hero-grid{padding-block:62px 70px}.hero h1{font-size:clamp(46px,12vw,68px)}.hero-copy>p{font-size:14px}.hero-tags{margin-top:33px}.hero-visual{min-height:390px}.orb-one{width:355px}.orb-two{width:290px}.route-card{width:100%;max-width:370px}.floating-note{left:0;bottom:5px;font-size:10px}.intro-grid{padding-block:33px;gap:14px}.intro-grid strong{font-size:19px}.intro-grid p{font-size:12px}.section-heading{margin-bottom:28px}.section-heading h2{font-size:30px}.section-heading p{font-size:13px}.service-grid,.detail-grid,.work-grid{grid-template-columns:1fr}.service-card{min-height:0;padding:28px}.approach-grid,.partner-grid,.about-grid{gap:35px}.partner-art{height:300px}.about-grid h2{font-size:34px}.about-quote{padding:35px;min-height:0}.about-quote blockquote{font-size:20px}.cta-inner{padding-block:58px}.cta-actions{width:100%}.cta-actions .btn{width:100%}.footer-main{grid-template-columns:1fr 1fr;gap:38px 22px;padding-block:55px 45px}.footer-brand{grid-column:1/-1}.footer-bottom{flex-direction:column;gap:3px}.page-hero-grid{padding-block:60px}.page-hero h1{font-size:39px}.page-hero p{font-size:14px}.detail-section,.contact-section{padding-top:62px}.process-grid{gap:35px}.contact-form{padding:27px 21px}.contact-form h2{font-size:25px}.form-row{grid-template-columns:1fr;gap:0}.form-submit .btn{width:100%}.hero-actions .btn{flex:1 1 190px}.btn{padding-inline:18px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Original MASAQ identity: deep indigo and coral from the supplied logo. */
:root{--ink:#1c1660;--navy:#1c1660;--navy-2:#29216d;--cyan:#fd8261;--blue:#fd8261;--paper:#f9f8fc;--muted:#605b73;--line:#e6e2ee;--shadow:0 24px 64px rgba(28,22,96,.12)}
.topline{background:#151049;color:#e7e3f5}
.topline-sep{color:#fd8261}
.site-header{background:#fff;color:#1c1660;border-bottom:1px solid #e9e5ef;box-shadow:0 2px 14px rgba(28,22,96,.04)}
.brand{min-width:235px;max-width:235px;height:72px;overflow:hidden}
.brand img{width:235px;height:66px;object-fit:cover;object-position:center}
.brand-fallback{color:#1c1660}
.brand-fallback small{color:#fd8261}
.main-nav a{color:#30295f}
.main-nav a:hover,.main-nav a[aria-current="page"]{color:#1c1660}
.main-nav a[aria-current="page"]:after{background:#fd8261}
.main-nav .nav-partner{color:#a8472c}
.btn-primary{background:#fd8261;color:#1c1660;box-shadow:0 12px 28px rgba(253,130,97,.22)}
.btn-primary:hover{background:#f57552;box-shadow:0 16px 30px rgba(253,130,97,.3)}
.eyebrow{color:#a8472c}
.eyebrow:before{background:#fd8261}
.eyebrow.light{color:#ffc3b2}
.eyebrow.light:before,.eyebrow i{background:#fd8261}
.hero{background:radial-gradient(circle at 18% 58%,rgba(253,130,97,.1),transparent 36%),linear-gradient(135deg,#17114e,#1c1660 62%,#29216d)}
.hero-pattern{background-image:linear-gradient(90deg,rgba(253,130,97,.16) 1px,transparent 1px),linear-gradient(rgba(253,130,97,.16) 1px,transparent 1px)}
.hero:after{background:linear-gradient(90deg,transparent,rgba(253,130,97,.56),transparent)}
.hero h1 em,.page-hero h1 em{color:#fd8261}
.hero-copy>p{color:#dedbef}
.hero-tags span{border-color:rgba(255,226,216,.24);color:#e2dbea}
.orb{border-color:rgba(253,130,97,.2)}
.orb-one{box-shadow:0 0 0 64px rgba(253,130,97,.035),0 0 0 130px rgba(253,130,97,.02)}
.route-card{background:linear-gradient(155deg,rgba(42,33,110,.97),rgba(24,18,79,.98));border-color:rgba(253,130,97,.29);box-shadow:0 30px 70px rgba(15,10,58,.32)}
.route-status,.route-step b,.route-foot{color:#ffad94}
.route-status i,.route-dot.active{background:#fd8261}
.route-step small{color:#c8c1df}
.route-dot{background:#786bae;box-shadow:0 0 0 5px rgba(253,130,97,.11)}
.route-line{background:rgba(253,130,97,.29)}
.floating-note{background:rgba(37,28,102,.94);border-color:rgba(253,130,97,.33);color:#ffe7df}
.intro-strip{background:#f8f5fc;border-bottom-color:#ebe6f1}
.intro-grid strong span,.card-link,.text-link{color:#a8472c}
.service-icon,.service-card:nth-child(2) .service-icon,.service-card:nth-child(3) .service-icon{background:#fff0eb;color:#b85336}
.service-card:hover{border-color:#fdad96}
.approach-section,.about-section,.process-section,.contact-section{background:#f9f8fc}
.approach-steps{border-right-color:#e6dce9}
.approach-steps>div:before{border-color:#fd8261;background:#f9f8fc}
.approach-steps span,.detail-card>span{color:#a8472c}
.partner-art{background:radial-gradient(circle at 50% 50%,#382b8b,#1c1660 72%)}
.partner-circle{background:rgba(28,22,96,.83);border-color:rgba(253,130,97,.46);box-shadow:0 0 0 32px rgba(253,130,97,.065),0 0 0 76px rgba(253,130,97,.045)}
.partner-circle b{color:#ffb49e}
.partner-orbit{background:#fd8261;border-color:#382b8b;box-shadow:0 0 0 11px rgba(253,130,97,.1)}
.about-quote{background:#f4ecf4;border-color:#e7dce9}
.quote-mark{color:#fd8261}
.cta-band{background:linear-gradient(110deg,#1c1660,#302472)}
.cta-inner p{color:#e0d8ee}
.footer{background:#151049;color:#e1ddec}
.footer-logo span{color:#fd8261}
.footer-logo{width:235px;height:72px;background:#fff;border-radius:8px;overflow:hidden;margin-bottom:18px}
.footer-logo img{display:block;width:235px;height:72px;object-fit:cover;object-position:center}
.footer-main a:hover{color:#fd8261}
.footer-bottom{color:#aca6c8}
.page-hero{background:radial-gradient(circle at 18% 50%,rgba(253,130,97,.1),transparent 34%),linear-gradient(120deg,#17114e,#1c1660)}
.page-hero p{color:#e1ddec}
.graphic-ring{border-color:rgba(253,130,97,.32);box-shadow:0 0 0 35px rgba(253,130,97,.05),0 0 0 80px rgba(253,130,97,.035)}
.graphic-ring:before,.graphic-ring:after{background:#fd8261;box-shadow:0 0 0 11px rgba(253,130,97,.12)}
.graphic-icon{border-color:rgba(253,130,97,.43);background:rgba(58,43,139,.26)}
.page-hero-graphic{color:#ffad94}
.page-hero-graphic>span{color:#c6bfdc}
.category-panel{background:#1c1660}
.market-tags span{background:#fff0eb;color:#a8472c}
.contact-method>div{background:#fff0eb;color:#a8472c}
.contact-note{background:#fff1ec;border-right-color:#fd8261}
.form-eyebrow{color:#a8472c}
.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#fd8261;box-shadow:0 0 0 3px rgba(253,130,97,.14)}
.intro-grid p,.service-card p,.approach-steps p,.about-grid p,.detail-card p,.process-list p,.contact-note p{color:#605b73}
.service-no,.breadcrumb,.contact-method small{color:#79728e}
.text-link{border-bottom-color:#f5b39f}
.text-link:hover,.breadcrumb a:hover,.contact-method a:hover{color:#7f321e}
.approach-steps{border-right-color:#e6e2ee}
.about-grid .about-lead{color:#29236a}
.about-quote{background:#f1edf8;border-color:#e5ddf1}
.about-quote>span:last-child{color:#655d7b}
.detail-card{background:#f8f6fc;border-color:#e9e4f0}
.process-list>div{border-bottom-color:#e5e0ed}
.process-list b,.faq-list summary span{background:#fff0eb;color:#a8472c}
.category-list span{border-color:rgba(253,130,97,.3);color:#e9e3f5}
.category-panel p{color:#d2cce5}
.contact-method{border-bottom-color:#e4dfeb}
.contact-form{border-color:#e8e3ef;box-shadow:0 25px 70px rgba(28,22,96,.07)}
.contact-form input,.contact-form select,.contact-form textarea{border-color:#dcd6e7;background:#fdfcff}
.contact-form input::placeholder,.contact-form textarea::placeholder{color:#8c859c}
.footer-bottom{color:#b9b3d0}
@media(max-width:1100px){.brand{min-width:195px;max-width:195px}.brand img{width:195px;height:62px}.main-nav{gap:12px}}
@media(max-width:900px){.brand{min-width:205px;max-width:205px}.brand img{width:205px;height:62px}.menu-toggle{border-color:#d9d0e2}.menu-toggle span{background:#1c1660}.main-nav{background:#fff;box-shadow:0 20px 30px rgba(28,22,96,.13)}.main-nav a{border-bottom-color:#eee8f0}}

.platforms-section{background:#f9f8fc;scroll-margin-top:90px}
.platforms-section .section-heading{max-width:760px}
.platform-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.platform-card{display:flex;flex-direction:column;min-height:360px;padding:25px;border:1px solid #e6e2ee;border-radius:18px;background:#fff;box-shadow:0 10px 28px rgba(28,22,96,.035);transition:transform .2s,border-color .2s,box-shadow .2s}
.platform-card:hover{transform:translateY(-5px);border-color:#fdad96;box-shadow:0 18px 35px rgba(28,22,96,.09)}
.platform-card:focus-visible{outline:3px solid #fd8261;outline-offset:3px}
.platform-index{align-self:flex-start;color:#a5a0b3;font-size:10px;font-weight:800;letter-spacing:.14em;direction:ltr}
.platform-logo-wrap{display:flex;align-items:center;justify-content:center;width:100%;height:105px;margin:15px 0 18px;padding:8px 10px;border-radius:14px;background:#faf9fc}
.platform-logo{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}
.platform-card:nth-child(3) .platform-logo-wrap{height:120px;margin:7px 0 11px;background:#fff;overflow:hidden}
.platform-card:nth-child(3) .platform-logo{width:220px;height:220px;max-width:none;max-height:none;flex:0 0 auto}
.platform-card:nth-child(4) .platform-logo-wrap{background:#050505}
.platform-card:nth-child(4) .platform-logo{max-height:91px}
.platform-category{color:#a8472c;font-size:11px;font-weight:800}
.platform-card h3{margin:6px 0 11px;color:#1c1660;font-size:23px;line-height:1.5}
.platform-card h3 small{display:block;color:#766c92;font-size:12px;font-weight:700;letter-spacing:.08em}
.platform-card p{margin:0 0 24px;color:#605b73;font-size:12px;line-height:1.9}
.platform-link{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:auto;padding-top:16px;border-top:1px solid #eee9f0;color:#a8472c;font-size:12px;font-weight:800}
.platform-link span:first-child{overflow-wrap:anywhere}
@media(max-width:1100px){.platform-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.platform-card{min-height:310px}}
@media(max-width:620px){.platform-grid{grid-template-columns:1fr}.platform-card{min-height:0;padding:25px}.platform-logo-wrap{margin:16px 0}.platform-card p{margin-bottom:20px}}

/* Arabic typography: readable copy and clear hierarchy without tight tracking. */
.hero h1,.page-hero h1,.section-heading h2{letter-spacing:normal}
.main-nav{font-size:15px}
.btn{font-size:16px}
.btn-small{font-size:14px}
.hero-copy>p{font-size:20px;line-height:1.8}
.intro-grid p,.section-heading p,.page-hero p{font-size:17px;line-height:1.85}
.service-card h3,.platform-card h3{font-size:24px}
.service-card p,.platform-card p,.about-grid p,.detail-card p,.process-list p,.faq-list p,.contact-note p{font-size:16px;line-height:1.8}
.platform-card h3 small{font-size:14px}
.card-link,.text-link,.platform-link{font-size:15px}
.approach-steps h3,.process-list h3{font-size:20px}
.approach-steps p,.cta-inner p,.footer-main p,.footer-main a,.footer-main>div>span{font-size:15px;line-height:1.8}
.faq-list summary{font-size:18px}
.contact-method small{font-size:13px}
.contact-method a,.contact-method strong,.contact-note b{font-size:16px}
.contact-form>p,.contact-form label{font-size:15px}
.contact-form input,.contact-form select,.contact-form textarea{font-size:16px;line-height:1.6}
.form-submit small{font-size:13px}
.footer-bottom{font-size:12px}
@media(max-width:1100px){.main-nav{font-size:13px}}
@media(max-width:900px){.main-nav a{font-size:17px}}
@media(max-width:620px){.hero-copy>p{font-size:17px}.intro-grid p,.section-heading p,.page-hero p{font-size:16px}.section-heading h2{font-size:32px}.service-card p,.platform-card p,.about-grid p,.detail-card p,.process-list p,.faq-list p,.contact-note p{font-size:15px}.footer-main p,.footer-main a,.footer-main>div>span{font-size:14px}}

/* Footer layout and spacing across wide, medium, and narrow screens. */
.footer{border-top:3px solid #fd8261}
.footer-main{grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr) minmax(0,1fr);gap:36px;padding-block:62px 54px;align-items:start}
.footer-brand{min-width:0}
.footer-logo{width:265px;height:82px;border-radius:11px;box-shadow:0 14px 30px rgba(0,0,0,.12)}
.footer-logo img{width:100%;height:100%;object-fit:cover}
.footer-main p{max-width:380px;margin:0;color:#e1ddec;line-height:1.9}
.footer-main h2{display:flex;align-items:center;gap:10px;margin:8px 0 22px;font-size:17px;line-height:1.5}
.footer-main h2::before{content:"";width:20px;height:2px;flex:none;background:#fd8261;border-radius:2px}
.footer-main .footer-links,.footer-main .footer-contact{min-height:250px;border-inline-start:1px solid rgba(255,255,255,.14);padding-inline-start:30px}
.footer-main a,.footer-main>div>span{width:fit-content;max-width:100%;margin-bottom:12px;line-height:1.7}
.footer-main a{transition:color .2s ease}
.footer-main a:hover,.footer-main a:focus-visible{color:#fd8261;text-decoration:underline;text-underline-offset:4px}
.footer-contact a[dir="ltr"]{direction:ltr;unicode-bidi:plaintext;overflow-wrap:anywhere}
.footer-bottom{padding-block:21px 25px}
@media(max-width:900px){.footer-main{grid-template-columns:repeat(2,minmax(0,1fr));gap:27px 42px;padding-block:50px 40px}.footer-brand{grid-column:1/-1;display:grid;grid-template-columns:265px minmax(0,1fr);align-items:center;gap:26px;padding-bottom:29px;border-bottom:1px solid rgba(255,255,255,.14)}.footer-logo{margin:0}.footer-main .footer-links,.footer-main .footer-contact{min-height:0;border:0;padding:0}.footer-main h2{margin-top:0}}
@media(max-width:620px){.footer-main{grid-template-columns:1fr;gap:0;padding-block:43px 28px}.footer-brand{grid-column:auto;display:block;padding-bottom:28px}.footer-logo{width:245px;height:76px;margin-bottom:19px}.footer-main .footer-links,.footer-main .footer-contact{padding-block:26px 15px;border-bottom:1px solid rgba(255,255,255,.14)}.footer-main .footer-contact{border-bottom:0}.footer-main h2{margin-bottom:15px}.footer-main a,.footer-main>div>span{margin-bottom:9px}.footer-bottom{align-items:flex-start;gap:8px;padding-block:18px 25px}}

/* About page. */
.about-story-section{padding-top:78px;background:#fff}
.about-story-grid{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:center;gap:72px}
.about-story-grid .section-heading{margin-bottom:19px}
.about-story-grid>div>p{max-width:680px;color:#605b73;font-size:17px;line-height:1.95;margin-bottom:23px}
.about-story-panel{position:relative;overflow:hidden;padding:42px;border-radius:24px;background:linear-gradient(145deg,#1c1660,#322673);color:#fff;min-height:330px;display:flex;flex-direction:column;justify-content:center;box-shadow:0 26px 50px rgba(28,22,96,.16)}
.about-story-panel::after{content:"";position:absolute;width:250px;height:250px;left:-75px;bottom:-120px;border:1px solid rgba(255,255,255,.15);border-radius:50%;box-shadow:0 0 0 48px rgba(255,255,255,.025),0 0 0 98px rgba(255,255,255,.025)}
.about-panel-label{color:#ffb59f;font-size:13px;font-weight:800;margin-bottom:19px}
.about-story-panel strong{position:relative;z-index:1;max-width:390px;font-size:27px;line-height:1.55}
.about-panel-rule{width:55px;height:3px;background:#fd8261;border-radius:3px;margin-block:24px}
.about-story-panel p{position:relative;z-index:1;margin:0;color:#ded9f1;font-size:14px;line-height:1.8}
.about-platforms{scroll-margin-top:90px}
@media(max-width:900px){.about-story-grid{grid-template-columns:1fr;gap:32px}.about-story-panel{min-height:280px}}
@media(max-width:620px){.about-story-section{padding-top:62px}.about-story-grid>div>p{font-size:15px}.about-story-panel{padding:30px;min-height:250px}.about-story-panel strong{font-size:22px}}

/* Company story and industrial expertise. */
.home-service-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
.home-service-grid .service-card{padding:27px;min-height:355px}
.home-service-grid .service-card h3{font-size:21px}
.home-service-grid .service-card p{font-size:15px}
.about-founded-year{font-size:clamp(60px,7vw,92px)!important;line-height:1!important;color:#fff;font-weight:800;letter-spacing:-.05em}
.about-story-panel p+p{margin-top:12px}
.about-story-panel p b{color:#fff;font-size:17px}
.expertise-section{background:#f9f8fc;scroll-margin-top:90px}
.expertise-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.expertise-card{padding:38px;border:1px solid #e6e2ee;border-radius:22px;background:#fff;box-shadow:0 12px 32px rgba(28,22,96,.045);scroll-margin-top:95px}
.expertise-number{color:#a8472c;font-size:13px;font-weight:800}
.expertise-card h3{font-size:26px;line-height:1.45;margin:15px 0}
.expertise-card p{font-size:16px;line-height:1.9;color:#605b73}
.expertise-card ul{list-style:none;margin:24px 0 28px;padding:0;display:grid;gap:13px}
.expertise-card li{position:relative;padding-inline-start:25px;color:#403b56;font-size:15px;line-height:1.75}
.expertise-card li::before{content:"";position:absolute;inset-inline-start:0;top:.65em;width:10px;height:10px;border-radius:50%;background:#fd8261;box-shadow:0 0 0 4px #fff0ea}
.factory-lifecycle-section{background:#fff;scroll-margin-top:90px}
.factory-steps{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}
.factory-steps article{padding:27px;border:1px solid #e7e2ee;border-radius:18px;background:#fcfbfe}
.factory-steps b{display:inline-grid;place-items:center;width:42px;height:42px;border-radius:11px;background:#f8e8e3;color:#a8472c;font-size:14px}
.factory-steps h3{font-size:20px;margin:24px 0 12px}
.factory-steps p{font-size:14px;line-height:1.85;color:#605b73;margin:0}
.regions-section{background:#1c1660;color:#fff}
.regions-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:75px;align-items:center}
.regions-section .section-heading{margin-bottom:20px}
.regions-section .section-heading h2{color:#fff}
.regions-section .section-heading p,.regions-grid>div>p{color:#e1ddec;font-size:16px;line-height:1.9}
.region-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.region-list span{display:flex;align-items:center;min-height:92px;padding:20px;border:1px solid rgba(255,255,255,.22);border-radius:14px;background:rgba(255,255,255,.06);font-size:16px;font-weight:800}
.support-section{background:#fff}
.support-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.support-grid a{display:flex;flex-direction:column;padding:32px;border:1px solid #e6e2ee;border-radius:18px;background:#fcfbfe;transition:transform .2s,box-shadow .2s}
.support-grid a:hover,.support-grid a:focus-visible{transform:translateY(-4px);box-shadow:0 15px 32px rgba(28,22,96,.1)}
.support-grid a>span{color:#a8472c;font-size:13px;font-weight:800}
.support-grid h3{font-size:23px;margin:12px 0}
.support-grid p{color:#605b73;font-size:16px;line-height:1.8;margin-bottom:24px}
.support-grid b{display:flex;align-items:center;gap:8px;margin-top:auto;color:#a8472c;font-size:14px}
@media(max-width:1100px){.home-service-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.factory-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:900px){.expertise-grid,.regions-grid{grid-template-columns:1fr}.regions-grid{gap:28px}}
@media(max-width:620px){.home-service-grid,.factory-steps,.support-grid,.region-list{grid-template-columns:1fr}.home-service-grid .service-card{min-height:0}.expertise-card{padding:25px}.expertise-card h3{font-size:23px}.expertise-card p{font-size:15px}.region-list span{min-height:64px}.factory-steps article{padding:23px}}

.contact-ad-section{background:#fff;padding:78px 0}
.contact-ad-grid{display:grid;grid-template-columns:minmax(0,1fr) 330px;align-items:center;gap:70px;padding:48px 58px;border:1px solid #e9e4ef;border-radius:28px;background:linear-gradient(135deg,#fff 0%,#f7f4fa 100%);box-shadow:0 25px 70px rgba(28,22,96,.06)}
.contact-ad-copy h2{font-size:clamp(34px,4vw,50px);line-height:1.2;margin:12px 0 24px;color:#1c1660}
.contact-ad-services{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
.contact-ad-services a{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:64px;padding:15px 17px;border:1px solid #e5dfec;border-radius:13px;background:#fff;color:#1c1660;font-size:16px;font-weight:800;transition:border-color .2s,transform .2s}
.contact-ad-services a:hover,.contact-ad-services a:focus-visible{border-color:#fd8261;transform:translateY(-2px)}
.contact-ad-services svg{flex:none;color:#c34b2f}
.contact-ad-info{margin-top:27px;padding-top:24px;border-top:1px solid #e6e0eb}
.contact-ad-info h3{margin:0 0 12px;color:#1c1660;font-size:20px}
.contact-ad-info a,.contact-ad-info>div{display:flex;justify-content:space-between;align-items:baseline;gap:18px;padding:10px 0;border-bottom:1px solid #eee9f2;font-size:15px}
.contact-ad-info>div:last-child{border-bottom:0}
.contact-ad-info span{flex:none;color:#6a6478}
.contact-ad-info b{color:#1c1660;font-weight:800;text-align:left;overflow-wrap:anywhere}
.contact-ad-info a:hover b,.contact-ad-info a:focus-visible b{color:#bf4b2d}
.contact-ad-player{width:100%;max-width:330px;justify-self:center;overflow:hidden;border-radius:21px;background:#171347;box-shadow:0 20px 45px rgba(28,22,96,.25)}
.contact-ad-player video{display:block;width:100%;aspect-ratio:9/16;object-fit:contain;background:#171347}
@media(max-width:900px){.contact-ad-grid{grid-template-columns:1fr;gap:36px}.contact-ad-player{max-width:300px}}
@media(max-width:620px){.contact-ad-section{padding:55px 0}.contact-ad-grid{padding:30px 22px;border-radius:20px}.contact-ad-copy h2{font-size:34px}.contact-ad-services{grid-template-columns:1fr}.contact-ad-services a{min-height:56px}.contact-ad-info a,.contact-ad-info>div{align-items:flex-start;flex-direction:column;gap:4px}.contact-ad-player{max-width:280px}}

.wheel-section{background:#f7f4fa;overflow:hidden}
.wheel-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(420px,.95fr);align-items:center;gap:55px}
.wheel-copy h2{font-size:clamp(34px,4.5vw,55px);color:#1c1660;margin:5px 0 21px}
.wheel-copy>p:not(.wheel-note){max-width:570px;color:#605b73;font-size:18px;line-height:1.9;margin-bottom:27px}
.wheel-copy .btn{min-width:170px}
.wheel-copy .btn:disabled{cursor:default;opacity:.75;transform:none}
.wheel-note{font-size:13px;color:#746d87;margin:15px 0 0}
.wheel-stage{position:relative;width:min(100%,490px);aspect-ratio:1;margin:auto;filter:drop-shadow(0 24px 30px rgba(28,22,96,.18))}
.wheel-pointer{position:absolute;z-index:2;top:-6px;left:50%;width:42px;height:52px;transform:translateX(-50%);background:#1c1660;clip-path:polygon(0 0,100% 0,50% 100%);filter:drop-shadow(0 3px 4px rgba(28,22,96,.2))}
.wheel-disc{position:absolute;inset:10px;overflow:hidden;border:10px solid #fff;border-radius:50%;background:conic-gradient(from -22.5deg,#211a68 0deg 45deg,#fd8261 45deg 90deg,#2d2677 90deg 135deg,#ffd5aa 135deg 180deg,#211a68 180deg 225deg,#fd8261 225deg 270deg,#2d2677 270deg 315deg,#ffd5aa 315deg 360deg);transition:transform 5.2s cubic-bezier(.12,.78,.12,1);box-shadow:inset 0 0 0 2px rgba(255,255,255,.38)}
.wheel-label{position:absolute;top:50%;left:50%;width:105px;text-align:center;line-height:1.2;font-size:16px;font-weight:800;color:#1c1660;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-165px) rotate(var(--counter));text-shadow:0 1px 0 rgba(255,255,255,.18)}
.wheel-label-light{color:#fff;text-shadow:0 1px 4px rgba(10,5,45,.35)}
.wheel-hub{position:absolute;top:50%;left:50%;display:flex;align-items:center;justify-content:center;width:90px;height:90px;transform:translate(-50%,-50%);border:7px solid #fff;border-radius:50%;background:#1c1660;color:#fff;font-size:24px;font-weight:800;box-shadow:0 5px 18px rgba(10,5,45,.32)}
.wheel-result{max-width:570px;margin-top:25px;padding:22px 25px;border:1px solid #ded7eb;border-right:4px solid #fd8261;border-radius:14px;background:#fff;box-shadow:0 12px 30px rgba(28,22,96,.06)}
.wheel-result h3{color:#1c1660;font-size:22px;margin-bottom:7px}
.wheel-result p{color:#605b73;font-size:15px;line-height:1.8;margin-bottom:11px}
.wheel-result a{color:#af4128;font-weight:800;font-size:15px}
.wheel-result a svg{vertical-align:middle;transform:scaleX(-1)}
@media(max-width:1000px){.wheel-grid{grid-template-columns:1fr;gap:42px}.wheel-stage{width:min(100%,450px)}}
@media(max-width:620px){.wheel-copy h2{font-size:35px}.wheel-copy>p:not(.wheel-note){font-size:16px}.wheel-stage{width:min(100%,335px)}.wheel-label{width:73px;font-size:12px;transform:translate(-50%,-50%) rotate(var(--angle)) translateY(-107px) rotate(var(--counter))}.wheel-hub{width:69px;height:69px;font-size:18px;border-width:5px}.wheel-pointer{width:32px;height:42px}.wheel-disc{inset:8px;border-width:7px}}
@media(prefers-reduced-motion:reduce){.wheel-disc{transition:none}}