:root{--ink:#071526;--paper:#f4f8fb;--blue:#0874b9;--cyan:#61d4dc;--amber:#f4b353;--muted:#566981;--line:#d7e1ea;--night:#051221}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:90px}body{margin:0;background:var(--paper);color:var(--ink);font:1rem/1.65 "DM Sans","Noto Sans Arabic",sans-serif}button,input,textarea{font:inherit}button,a,input,textarea{touch-action:manipulation}a{color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.6}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,[tabindex]:focus-visible{outline:3px solid #3faaca;outline-offset:5px}img{display:block;max-width:100%}h1,h2,h3,h4,p{overflow-wrap:break-word}h1,h2,h3,h4{font-family:Manrope,"Noto Sans Arabic",sans-serif}h1,h2,h3{font-weight:500;letter-spacing:-.045em}.skip{position:fixed;top:-100px;z-index:100;background:white;color:#051221;padding:12px}.skip:focus{top:10px}
.nav{position:absolute;z-index:20;inset:0 0 auto;min-height:88px;display:flex;align-items:center;gap:30px;padding:14px clamp(22px,4vw,70px);color:#fff;background:linear-gradient(#051221dd,transparent)}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font:700 1.4rem Manrope;flex-shrink:0}.brand img{width:42px;height:42px;object-fit:contain}.nav nav{display:flex;gap:25px;margin:auto}.nav nav a{text-decoration:none;font-size:.9rem;color:#b7cddd}.nav-actions{display:flex;align-items:center;gap:15px}.nav-cta{text-decoration:none;border-bottom:1px solid #61d4dc;padding:8px 0;font-size:.85rem}.language{border:1px solid #ffffff45;color:#fff;background:#ffffff09;border-radius:99px;padding:8px 13px;min-height:44px;font-size:.9rem}
.hero{min-height:850px;min-height:95svh;position:relative;display:grid;align-items:center;padding:160px clamp(24px,7vw,110px) 100px;background:#040d1b;color:#fff}.hero-art,.hero-shade{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}.hero-art{opacity:.9}.hero-shade{background:linear-gradient(90deg,#030c1af5,#030c1ad9 45%,#030c1a22 90%),linear-gradient(0deg,#030c1a,transparent 65%)}.hero-copy{position:relative;z-index:2;max-width:900px}.eyebrow{font:600 .78rem/1.5 Manrope,"Noto Sans Arabic";letter-spacing:.16em;color:var(--blue);text-transform:uppercase}.hero .eyebrow,.intelligence .eyebrow,.contact-section .eyebrow{color:var(--cyan)}.hero h1{font-size:clamp(3rem,6.5vw,6.1rem);line-height:1.04;margin:26px 0}.lead{font-size:clamp(1.05rem,1.5vw,1.3rem);line-height:1.7;color:#c5d1df;max-width:690px}.actions{display:flex;gap:14px;flex-wrap:wrap;margin-top:38px}.btn{display:inline-flex;justify-content:center;align-items:center;min-height:50px;padding:13px 23px;border-radius:6px;text-decoration:none;font-weight:600;font-size:.95rem;border:0}.primary{background:linear-gradient(135deg,#086ba9,#1188b8);color:#fff}.primary:hover:not(:disabled){background:#09628e}.secondary{border:1px solid #ffffff50;color:#fff;background:#ffffff0a}.status{display:flex;align-items:flex-start;gap:12px;font-size:.875rem;color:#bdc9d7;margin-top:30px}.status>span:first-child{width:7px;height:7px;margin-top:8px;flex-shrink:0;border-radius:50%;background:var(--amber)}
section:not(.hero){padding:clamp(75px,9vw,130px) clamp(24px,7vw,110px)}.section-head{display:grid;grid-template-columns:1.1fr .7fr;gap:8vw;align-items:end;margin-bottom:54px}.section-head h2,.contact-copy h2{font-size:clamp(2.4rem,4.5vw,4.1rem);line-height:1.12;margin:12px 0 0}.section-head>p{font-size:1.1rem;color:var(--muted);margin:0}.carousel{min-width:0}.carousel-toolbar{display:flex;justify-content:flex-end;align-items:center;margin-bottom:18px}.swipe-hint{display:none;color:var(--muted);font-size:.875rem}.carousel-controls{display:flex;gap:15px;align-items:center}.carousel-controls button{border:1px solid var(--line);background:white;min-width:44px;min-height:44px;padding:7px 12px;border-radius:6px}.carousel-controls #rotation{min-width:86px;font-size:.875rem}.carousel-controls span{font-size:.875rem;font-variant-numeric:tabular-nums;color:var(--muted)}
.carousel-track{display:flex;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;border-radius:18px;direction:ltr;background:var(--night)}.carousel-track::-webkit-scrollbar{display:none}.feature-slide{direction:ltr;flex:0 0 100%;width:100%;min-width:0;scroll-snap-align:start;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:16px;padding:clamp(24px,4vw,55px);background:var(--night);color:white}.feature-slide img{width:100%;height:auto;aspect-ratio:1;object-fit:contain;align-self:center;border-radius:15px}.feature-content{min-width:0}.feature-content>h3{font-size:clamp(2rem,3.3vw,3rem);line-height:1.15;max-width:550px;margin:26px 0 16px}.feature-content>p{color:#b3c4d6;font-size:1.05rem;max-width:510px}.badge{display:inline-flex;width:max-content;max-width:100%;border-radius:99px;padding:7px 12px;font:600 .875rem/1.3 "DM Sans","Noto Sans Arabic"}.done{background:#153c39;color:#9be3cd}.active{background:#42301c;color:#f5cf92}.planned{background:#e0e8f0;color:#3a526b}.mini-tiles{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-top:32px}.mini-tiles>div{padding:17px;border:1px solid #253d52;border-radius:9px;background:#ffffff03}.mini-tiles h4{font-size:1rem;font-weight:600;line-height:1.5;margin:0 0 10px}.mini-tiles p{font-size:.9rem;color:#afc0d1;margin:0}.carousel-dots{display:flex;justify-content:center;gap:5px;margin-top:18px}.carousel-dots button{border:0;width:44px;height:44px;background:transparent;position:relative}.carousel-dots button:after{content:"";position:absolute;inset:18px 10px;border-radius:20px;background:#c5d2de}.carousel-dots button[aria-current=true]:after{background:var(--blue)}
.intelligence{background:#081c2e;color:#fff}.intelligence .section-head>p{color:#aebfd0}.ai-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px}.ai-tile{position:relative;padding:30px;border:1px solid #284256;background:#0b2235;border-radius:12px}.tile-number{position:absolute;inset-inline-end:26px;top:27px;color:#608299;font-size:1rem;font-variant-numeric:tabular-nums}.ai-tile h3{font-size:clamp(1.7rem,2.5vw,2.25rem);line-height:1.2;margin:33px 0 17px}.ai-tile p{color:#b6c8d9;font-size:1.02rem;margin:0 0 28px}.tag{display:inline-block;border-top:1px solid #35536a;padding-top:12px;color:#7cdae3;font-size:.875rem;width:100%}.source-note{color:#afc2d5;font-size:.875rem;max-width:850px;margin:32px 0 0}.source-note a{color:#8ee4ea;text-underline-offset:3px}.roadmap-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.roadmap-grid article{padding:28px;border-radius:12px;border:1px solid var(--line);background:#fff}.roadmap-grid h3{font-size:1.6rem;line-height:1.3;margin:24px 0 12px}.roadmap-grid p{color:var(--muted);font-size:1rem}
.contact-section{background:linear-gradient(145deg,#063961,#05182b);color:#fff;display:grid;grid-template-columns:.8fr 1fr;gap:8vw;align-items:start}.contact-copy>p{font-size:1.15rem;color:#b7cbdc;margin:24px 0}.contact-copy>p.eyebrow{font-size:.78rem}.contact-copy>a{color:#8ce2e8;overflow-wrap:anywhere;font-size:1.1rem}.contact-copy>p.small{font-size:.875rem;color:#b2c9da;max-width:390px}.contact-form{padding:34px;background:#fff;border-radius:15px;color:var(--ink);min-width:0}.contact-form h3{margin:0 0 24px;font-size:1.6rem;line-height:1.3}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}.contact-form label{display:block;font-size:.9rem;font-weight:500;margin-bottom:18px}.form-grid label{margin-bottom:0}.form-grid{margin-bottom:18px}.contact-form input:not([type=checkbox]),.contact-form textarea{display:block;width:100%;border:1px solid #b4c4d3;border-radius:5px;padding:11px 12px;background:#f8fafc;color:var(--ink);font-size:1rem;margin-top:7px;min-width:0}.contact-form textarea{resize:vertical;min-height:120px}.contact-form .consent{display:flex;align-items:flex-start;gap:10px;font-weight:400;font-size:.875rem;color:#51657a;line-height:1.6}.consent input{width:19px;height:19px;margin:3px 0 0;flex-shrink:0;accent-color:var(--blue)}.contact-form .btn{width:100%}.honeypot{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}#form-status{font-size:.95rem;margin:18px 0 0;min-height:24px;overflow-wrap:anywhere}#form-status.error{color:#9e362e}#form-status.success{color:#166443}footer{background:#020a14;color:#a7b7c8;display:flex;align-items:center;justify-content:space-between;gap:28px;padding:38px clamp(24px,7vw,110px);font-size:.875rem}footer .brand{color:#fff}.reveal{opacity:1;transform:none}.js .reveal{opacity:0;transform:translateY(25px);transition:opacity .7s,transform .7s}.js .reveal.visible{opacity:1;transform:none}html[dir=rtl] h1,html[dir=rtl] h2,html[dir=rtl] h3{letter-spacing:normal;line-height:1.5}html[dir=rtl] .eyebrow{letter-spacing:normal}html[dir=rtl] .feature-slide{direction:rtl}html[dir=rtl] .hero-shade{background:linear-gradient(270deg,#030c1af5,#030c1ad9 45%,#030c1a22 90%)}
@media(max-width:1150px){.nav nav{display:none}.nav{justify-content:space-between}.section-head{gap:35px}.feature-slide{grid-template-columns:1.15fr .85fr;padding:30px}.mini-tiles{grid-template-columns:1fr}.contact-section{gap:40px}.roadmap-grid{grid-template-columns:1fr}}
@media(max-width:767px){html{scroll-padding-top:22px}.nav{padding:14px 20px;gap:10px;min-height:72px}.brand{font-size:1.18rem;gap:6px}.brand img{width:34px;height:34px}.nav-cta{display:none}.hero{padding:125px 24px 65px;min-height:auto}.hero h1{font-size:clamp(2.5rem,10vw,4.5rem)}.hero-shade{background:linear-gradient(90deg,#030c1af5,#030c1ad0)}.lead{font-size:1.08rem}.actions{flex-direction:column}.actions .btn{width:100%;min-height:52px}.status{font-size:.875rem}section:not(.hero){padding:65px 22px}.section-head{grid-template-columns:1fr;gap:22px;margin-bottom:30px}.section-head h2,.contact-copy h2{font-size:2.5rem}.section-head>p{font-size:1rem}.carousel-toolbar{justify-content:space-between;flex-wrap:wrap;gap:12px}.swipe-hint{display:block}.carousel-controls{gap:8px}.carousel-controls #rotation{display:none}.carousel-track{flex-direction:column;overflow-x:hidden;overflow-y:auto;height:680px;height:min(760px,88svh);min-height:550px;scroll-snap-type:y mandatory;touch-action:pan-y}.feature-slide{flex:0 0 100%;width:100%;height:100%;overflow-y:auto;scroll-snap-align:start;scroll-snap-stop:always;display:flex;flex-direction:column;align-items:stretch;gap:14px;padding:24px}.feature-content>h3{font-size:1.9rem;margin:18px 0 12px}.feature-content>p{font-size:.95rem;margin-bottom:15px}.feature-slide img{order:-1;align-self:center;width:160px;height:140px;object-fit:cover;flex-shrink:0}.mini-tiles{grid-template-columns:1fr 1fr;gap:10px;margin-top:17px}.mini-tiles>div{padding:12px}.mini-tiles h4{font-size:.9rem;margin-bottom:5px}.mini-tiles p{font-size:.875rem}.badge{font-size:.875rem}.ai-grid{grid-template-columns:1fr}.ai-tile{padding:25px}.ai-tile h3{font-size:1.8rem}.contact-section{grid-template-columns:1fr;gap:28px}.contact-form{padding:25px 20px}.form-grid{grid-template-columns:1fr;gap:18px}footer{flex-direction:column;text-align:center;gap:12px;padding:32px 22px}footer p{margin:0}}
@media(max-width:390px){.mini-tiles{grid-template-columns:1fr}.feature-slide img{width:100px;height:85px}.feature-content>h3{font-size:1.6rem}.carousel-controls span{font-size:.8rem}}
/* Keep RTL layout within the viewport, including hidden form fields. */
html,body{max-width:100%;overflow-x:clip}
main,section,.section-head,.section-head>*,.contact-copy,.contact-form,.form-grid,.form-grid>*,.carousel,.carousel-track,.feature-content,.nav-actions{min-width:0}
.contact-section{grid-template-columns:minmax(0,.8fr) minmax(0,1fr)}
.honeypot{left:auto;inset-inline-start:0;top:0;clip-path:inset(50%);width:1px;height:1px;overflow:hidden;white-space:nowrap}
html[dir=rtl] .hero-art{transform:scaleX(-1);object-position:center}
html[dir=rtl] .hero-shade{background:linear-gradient(270deg,#030c1af5 0%,#030c1ad9 45%,#030c1a22 90%),linear-gradient(0deg,#030c1a,transparent 65%)}
@media(max-width:767px){
 .contact-section{grid-template-columns:minmax(0,1fr)}
 html[dir=rtl] .hero-art{object-position:70% center}
 html[dir=rtl] .hero-shade{background:linear-gradient(270deg,#030c1aeb 0%,#030c1a9e 60%,#030c1a66),linear-gradient(0deg,#030c1a,transparent 75%)}
}
/* Spectix brand mark and wordmark. */
.brand{direction:ltr;gap:12px}
.brand-shield{display:block;flex:0 0 60px;width:60px;height:60px}
.brand .brand-shield img{display:block;width:60px;height:60px;object-fit:contain}
.brand-wordmark{color:#fff;font-family:Manrope,sans-serif;font-size:1.75rem;line-height:1.1;font-weight:700;letter-spacing:-.035em}
@media(max-width:767px){.brand{gap:10px}.brand-shield{flex-basis:48px;width:48px;height:48px}.brand .brand-shield img{width:48px;height:48px}.brand-wordmark{font-size:1.5rem}}
/* Full-width platform with horizontal swiping at every size. */
section.capabilities{padding-inline:0}
.capabilities .section-head{padding-inline:clamp(24px,7vw,110px)}
.carousel-toolbar{padding-inline:clamp(24px,7vw,110px);justify-content:space-between;color:var(--muted);font-size:.875rem}
.carousel-track{border-radius:0}
.feature-slide{padding-inline:clamp(24px,7vw,110px)}
.feature-content{opacity:.35;transform:translateY(16px);transition:opacity .85s ease,transform .85s ease}
.feature-slide img{opacity:.45;transform:scale(.97);transition:opacity 1s ease,transform 1s ease}
.feature-slide.is-current .feature-content,.feature-slide.is-current img{opacity:1;transform:none}
.js .reveal{opacity:0;transform:translateY(38px);transition:opacity 1.1s ease var(--reveal-delay,0ms),transform 1.1s cubic-bezier(.2,.7,.2,1) var(--reveal-delay,0ms)}
.js .reveal.visible{opacity:1;transform:none}
@media(max-width:767px){
 .capabilities .section-head,.carousel-toolbar{padding-inline:22px}
 .carousel-track{flex-direction:row;overflow-x:auto;overflow-y:hidden;height:auto;min-height:0;scroll-snap-type:x mandatory;touch-action:pan-x pan-y}
 .feature-slide{height:auto;min-height:0;overflow:visible;flex:0 0 100%;padding:30px 24px 35px;gap:20px}
 .feature-slide img{width:min(65vw,260px);height:auto;aspect-ratio:1;object-fit:contain}
 .feature-content>h3{font-size:clamp(1.8rem,7vw,2.6rem)}
 .mini-tiles{grid-template-columns:1fr}
 .mini-tiles>div{padding:16px}
 .mini-tiles p{font-size:.95rem}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal,.feature-content,.feature-slide img{opacity:1;transform:none;transition:none}.carousel-track{scroll-behavior:auto}}

/* Regional positioning and bilingual brand line. */
.hero h1{max-width:830px;font-size:clamp(3rem,6.3vw,5.9rem);line-height:1.12}
.bilingual-slogan{width:fit-content;max-width:100%;margin:16px 0 26px;color:var(--cyan);font-family:"Noto Sans Arabic",sans-serif;font-size:clamp(1.6rem,3vw,2.6rem);line-height:1.8;letter-spacing:normal}
html[lang=ar] .bilingual-slogan{display:none}
.ai-tile h3{padding-inline-end:24px}
@media(max-width:767px){.hero h1{font-size:clamp(2.6rem,10vw,4.5rem)}.bilingual-slogan{font-size:1.75rem}}

/* Dedicated AI section: generated artwork behind readable bilingual content. */
.ai-capabilities{position:relative;isolation:isolate;background:#051221;color:#fff;overflow:hidden}
.ai-background,.ai-overlay{position:absolute;inset:0;width:100%;height:100%;z-index:-2}
.ai-background{object-fit:cover;object-position:center}
.ai-overlay{z-index:-1;background:linear-gradient(90deg,rgba(3,12,26,.96),rgba(3,12,26,.76) 44%,rgba(3,12,26,.15)),linear-gradient(0deg,#051221 2%,transparent 85%)}
.ai-section-content{position:relative}.ai-intro{max-width:690px;padding-bottom:100px}.ai-intro .eyebrow{color:var(--cyan)}
.ai-intro h2{font-size:clamp(2.5rem,4.8vw,4.5rem);line-height:1.15;margin:24px 0}.ai-lead{font-size:1.125rem;color:#c5d6e5;max-width:620px}
.ai-detail-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.ai-detail-grid article{padding:28px;background:rgba(6,25,43,.91);border:1px solid #345167;border-radius:12px}
.ai-detail-grid h3{font-size:1.5rem;line-height:1.3;margin:0 0 16px;color:#b5edf2}.ai-detail-grid p{font-size:1rem;color:#c0d1df;margin:0}.ai-availability{font-size:.875rem;color:#b5c9da;margin:24px 0 0}
html[dir=rtl] .ai-background{transform:scaleX(-1)}html[dir=rtl] .ai-overlay{background:linear-gradient(270deg,rgba(3,12,26,.96),rgba(3,12,26,.76) 44%,rgba(3,12,26,.15)),linear-gradient(0deg,#051221 2%,transparent 85%)}
@media(max-width:1100px){.ai-detail-grid{grid-template-columns:1fr}.ai-intro{padding-bottom:45px}}
@media(max-width:767px){.ai-background{object-position:65% center}.ai-overlay{background:rgba(3,12,26,.8)}.ai-intro h2{font-size:2.5rem}.ai-detail-grid article{padding:24px}html[dir=rtl] .ai-overlay{background:rgba(3,12,26,.8)}}

/* White-to-azure Spectix wordmark. */
.original-brand-color{color:#fff;background:linear-gradient(90deg,#fff 0%,#fff 38%,#5fcee6 100%);background-clip:text;-webkit-background-clip:text;-webkit-text-fill-color:transparent}
.brand-wordmark{background:transparent;padding:0;border-radius:0;display:inline-block}
.hero-brand{display:inline-block;background:transparent;padding:0;border-radius:0;line-height:1.1;margin-bottom:.08em}
.tile-icon{display:flex;align-items:center;justify-content:center;width:46px;height:46px;margin-bottom:18px;border:1px solid #31566e;border-radius:10px;background:#123249;color:#66d6e2;flex-shrink:0}
.tile-icon svg{width:26px;height:26px;display:block}.mini-tiles .tile-icon{width:38px;height:38px;margin-bottom:13px}.mini-tiles .tile-icon svg{width:23px;height:23px}
.roadmap-grid .tile-icon{margin-top:24px;color:#06688d;background:#e5f5f9;border-color:#badce7}.roadmap-grid h3{margin-top:16px}.ai-tile h3{margin-top:20px}

html[dir=rtl] .hero-brand .original-brand-color{background-image:linear-gradient(270deg,#fff 0%,#fff 38%,#5fcee6 100%)}

/* Keep development status beside its icon in both languages. */
.development-tile-header{display:flex;align-items:center;gap:12px}.roadmap-grid .development-tile-header .tile-icon{margin:0}.development-tile-header .badge{min-width:0}
/* Reserve feedback space only after a submission; do not show a warning on load. */
#form-status:empty{display:none}

/* Formal RegTech introduction with commercial details. */
.hero-copy{max-width:950px}.hero h1{font-size:clamp(2.6rem,4.9vw,4.7rem);line-height:1.14;max-width:950px}.hero-title-line{display:block;margin-top:12px}.hero .lead{max-width:760px;font-size:1.125rem}
.hero-benefits{padding-inline-start:21px;margin:24px 0;color:#d5e4ee;font-size:1rem;max-width:750px}.hero-benefits li{padding-inline-start:4px;margin:9px 0}.hero-benefits li::marker{color:var(--cyan)}
.hero .actions{margin-top:28px}.hero-commercial{display:flex;gap:12px 28px;flex-wrap:wrap;align-items:center;margin-top:20px;font-size:.9375rem}.partner-offer{margin:0;color:#b3e9f0}.investment-link{color:#e1eaf2;text-underline-offset:5px}.hero-commercial a:hover{color:var(--cyan)}
@media(max-width:767px){.hero h1{font-size:clamp(2.4rem,8vw,3.7rem)}.hero-commercial{align-items:flex-start;flex-direction:column}.hero .lead{font-size:1.0625rem}}

.regional-reach{max-width:1080px;margin-top:54px;padding:27px 30px;border-inline-start:3px solid var(--cyan);background:#102d43;border-radius:0 10px 10px 0}
.regional-reach h3{font-size:1.5rem;line-height:1.35;margin:0 0 12px}.regional-reach p{font-size:1rem;color:#c0d0dc;line-height:1.75;margin:0}
html[dir=rtl] .regional-reach{border-radius:10px 0 0 10px}
@media(max-width:767px){.regional-reach{margin-top:36px;padding:22px}}