@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Tajawal:wght@400;500;600;700;800&display=swap');
:root{--navy:#10263b;--deep:#071a2c;--teal:#098f98;--bright:#13bcc1;--ink:#183247;--muted:#60758a;--line:#e1eaf0;--bg:#f4f8fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:'Tajawal','DM Sans',Arial,sans-serif;line-height:1.65}html[lang=en] body,html[lang=tr] body{font-family:'DM Sans','Tajawal',sans-serif}a{color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%}.wrap{width:min(1180px,calc(100% - 44px));margin-inline:auto}.nav{position:sticky;top:0;z-index:99;background:rgba(255,255,255,.96);backdrop-filter:blur(18px);border-bottom:1px solid #e5eef2}.navinner{display:flex;align-items:center;justify-content:space-between;gap:20px;min-height:82px}.brand{display:flex;align-items:center;text-decoration:none;gap:10px}.brand img{width:145px;height:45px;object-fit:contain;filter:none}.brandname{font-size:12px;color:var(--teal);font-weight:800;letter-spacing:.06em}.navlinks{display:flex;align-items:center;gap:23px}.navlinks a{text-decoration:none;font-weight:700;color:#364e61;font-size:15px}.navlinks a:hover,.back:hover{color:var(--teal)}.actions{display:flex;align-items:center;gap:10px}.lang{border:1px solid var(--line);border-radius:11px;padding:9px;background:white;color:var(--ink);max-width:100px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;padding:14px 22px;border-radius:12px;font-weight:800;text-decoration:none;border:1px solid transparent;transition:transform .18s,background .18s;white-space:nowrap}.btn:hover{transform:translateY(-2px)}.btn-primary{background:#0c929b;color:white}.btn-primary:hover{background:#077880}.btn-white{background:white;color:var(--navy)}.btn-outline{border-color:#bcd5df;color:var(--navy);background:#fff}.menu{display:none;background:white;border:1px solid var(--line);border-radius:10px;padding:8px 12px;font-size:20px}.hero{background:radial-gradient(circle at 10% 20%,rgba(37,220,216,.14),transparent 36%),linear-gradient(135deg,#0c253c 0%,#11415b 63%,#047f89 100%);color:white;position:relative;overflow:hidden}.hero-inner{display:grid;grid-template-columns:1fr .98fr;align-items:center;gap:55px;padding-block:90px 100px}.eyebrow{text-transform:uppercase;font-size:13px;letter-spacing:.11em;color:#4be1d9;font-weight:800}.hero h1{font-size:clamp(42px,5.1vw,75px);line-height:1.13;letter-spacing:-.035em;margin:22px 0}.hero p{font-size:clamp(17px,1.6vw,21px);color:#d3e9ee;line-height:1.85;max-width:570px}.hero-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:35px}.hero-visual{padding:18px;background:rgba(255,255,255,.08);border:1px solid #ffffff33;border-radius:25px;box-shadow:0 40px 65px #03132255;transform:rotate(-1.5deg)}.hero-visual img{width:100%;display:block;border-radius:12px}.visual-caption{color:#c8e8ed;font-size:13px;margin-top:12px}.trust{background:#eaf5f6;border-bottom:1px solid #d6e9eb}.trustrow{display:flex;align-items:center;justify-content:space-between;gap:22px;padding:20px 0;flex-wrap:wrap}.trustrow div{font-weight:800;color:#2d6071}.trustrow b{color:#0a8f97}.section{padding:100px 0}.section.alt{background:var(--bg)}.sectiontop{max-width:760px;margin-bottom:36px}.tag{color:#078d96;font-weight:800;font-size:14px;letter-spacing:.06em}.section h2{font-size:clamp(30px,3.5vw,46px);line-height:1.2;letter-spacing:-.025em;margin:14px 0}.sectiontop p{color:var(--muted);font-size:18px;margin:0}.cards{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.sector{overflow:hidden;border:1px solid #dfebef;border-radius:23px;background:#fff;box-shadow:0 18px 45px #183e5310;display:flex;flex-direction:column;transition:transform .2s,box-shadow .2s}.sector:hover{transform:translateY(-5px);box-shadow:0 23px 55px #153e5420}.sector-img{height:195px;background:#e1eff1;overflow:hidden}.sector-img img{height:100%;width:100%;object-fit:cover;object-position:top}.sector-body{padding:25px;display:flex;flex-direction:column;flex:1}.pill{display:inline-block;width:max-content;border-radius:30px;padding:5px 12px;background:#e9f7f7;color:#067c86;font-size:12px;font-weight:800}.sector h3{font-size:24px;line-height:1.2;margin:16px 0 10px}.sector p{color:var(--muted);margin:0 0 16px;flex:1}.sector a{font-weight:800;color:#007e88;text-decoration:none}.sector small{color:#788995;display:block;padding:7px 0 0}.benefits{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.benefit{background:#fff;border:1px solid var(--line);padding:32px;border-radius:20px}.benefit .num{font-weight:800;font-size:34px;color:#08a4ac}.benefit h3{font-size:21px;margin:9px 0}.benefit p{margin:0;color:var(--muted)}.process{background:linear-gradient(135deg,#09263d,#0f5664);color:white}.process h2{color:white}.process .tag{color:#62e6dd}.process-list{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:34px}.process-step{border:1px solid #ffffff30;background:#ffffff10;border-radius:18px;padding:26px}.process-step b{color:#72e7e0;font-size:33px}.process-step p{font-size:18px}.media{display:grid;grid-template-columns:1fr 1.15fr;gap:44px;align-items:center}.media p{color:var(--muted);font-size:18px}.video{width:100%;border-radius:22px;background:#0b2638;box-shadow:0 15px 45px #23435b21;max-height:380px}.contact{background:#ecf6f7}.contactgrid{display:grid;grid-template-columns:.8fr 1.2fr;gap:52px}.contact .sectiontop{margin:0}.form{padding:34px;background:#fff;border:1px solid #dde9ef;border-radius:24px;box-shadow:0 15px 45px #093c4811}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.form label{display:flex;flex-direction:column;gap:7px;color:#2e4a5f;font-weight:700;font-size:14px}.form input,.form select,.form textarea{background:#fbfdfe;border:1px solid #d9e5ec;border-radius:11px;padding:12px 13px;min-height:48px;color:#1d394d;width:100%;outline-offset:2px}.form input:focus,.form select:focus,.form textarea:focus{outline:2px solid #0ca2a9}.wide{grid-column:1/-1}.form textarea{min-height:94px;resize:vertical}.form .btn{margin-top:20px}.privacy{color:#6c8190;font-size:13px}.footer{background:#0b2033;color:#cbdae3;padding:36px 0}.footerinner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}.footer a{color:#a9e5e3}.sectorhero{background:linear-gradient(125deg,#0b253c,#106271);color:white;padding:70px 0 75px}.sectorgrid{display:grid;grid-template-columns:1fr 1.05fr;gap:45px;align-items:center}.sectorhero h1{font-size:clamp(36px,4.2vw,64px);line-height:1.15;margin:18px 0}.sectorhero p{font-size:20px;color:#d3e9eb}.sector-screen{background:#ffffff18;border-radius:22px;padding:13px;border:1px solid #ffffff45}.sector-screen img{border-radius:11px;display:block;width:100%}.sector-screen small{color:#d5eef1;display:block;padding:10px}.feature-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.feature{background:white;border:1px solid var(--line);border-radius:17px;padding:23px;font-weight:700;font-size:19px}.feature b{display:block;color:#09939b;margin-bottom:12px}.metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.metric{background:#e8f6f6;border:1px solid #d5eeee;border-radius:15px;padding:24px;text-align:center;font-weight:800}.ctaband{background:linear-gradient(100deg,#102a43,#087983);border-radius:26px;padding:38px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:white}.ctaband h2{color:white;margin:0}.back{text-decoration:none;font-weight:800}.thanks{padding:110px 0;min-height:55vh;text-align:center}.thanks h1{font-size:45px}.thanks p{color:var(--muted)}@media(max-width:950px){.navlinks{display:none;position:absolute;inset-inline:0;top:82px;background:#fff;padding:22px;box-shadow:0 20px 25px #0e34421a;flex-direction:column;align-items:stretch}.navlinks.open{display:flex}.menu{display:block}.nav .actions>.btn{display:none}.hero-inner,.media,.contactgrid,.sectorgrid{grid-template-columns:1fr}.hero-inner{padding-block:60px}.hero-visual{max-width:680px}.cards,.benefits{grid-template-columns:1fr 1fr}.process-list{grid-template-columns:1fr}.section{padding:70px 0}}@media(max-width:620px){.wrap{width:min(100% - 28px,1180px)}.navinner{min-height:70px}.brand img{width:108px;height:36px}.navlinks{top:70px}.hero h1{font-size:43px}.hero-inner{gap:24px;padding-block:50px 60px}.hero-visual{padding:9px}.cards,.benefits,.feature-grid,.metrics,.form-grid{grid-template-columns:1fr}.section{padding:54px 0}.form{padding:20px}.ctaband{display:block}.sectorhero{padding:52px 0}.contactgrid{gap:25px}.actions{gap:6px}.lang{max-width:77px;font-size:13px}.section h2{font-size:33px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.sector,.btn{transition:none}}

/* Original brand and product gallery */
.brand img{width:170px;height:auto;max-height:58px;object-fit:contain;filter:none!important}.brandname{display:none}.original-showcase{background:#fff;padding:74px 0}.original-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.original-card{border:1px solid #dceaf0;border-radius:20px;overflow:hidden;background:white;box-shadow:0 15px 40px #1c435315}.original-card img{display:block;width:100%;height:220px;object-fit:cover;object-position:top}.original-card div{padding:22px}.original-card h3{margin:0 0 8px;font-size:22px}.original-card p{color:#60758a;margin:0}.contact-extra{margin-top:26px;display:flex;align-items:center;gap:24px;flex-wrap:wrap}.contact-extra a{color:#fff;font-size:19px;direction:ltr;text-decoration:none}.contact-extra .qr-panel{display:flex;align-items:center;gap:18px;background:#fff;color:#10263b;padding:17px;border-radius:17px;max-width:470px}.qr-panel img{width:118px;height:118px;max-width:none}.qr-panel strong{display:block;font-size:18px}.qr-panel small{color:#60758a}.quick-contact{background:linear-gradient(120deg,#075068,#0aa4a9);color:white;padding:68px 0}.quick-contact h2{color:#fff;font-size:clamp(32px,4vw,55px);max-width:830px}.quick-contact p{font-size:20px}.brand-bottom{width:190px;max-width:60%;height:auto;display:block;margin-bottom:18px}.screen-gallery{margin-top:24px;display:grid;grid-template-columns:repeat(2,1fr);gap:20px}.screen-gallery img{width:100%;border-radius:18px;border:1px solid #e2eaf0;box-shadow:0 16px 40px #12364718}.screen-gallery figure{margin:0}.screen-gallery figcaption{font-size:14px;color:#60758a;margin-top:8px}@media(max-width:850px){.original-gallery{grid-template-columns:1fr}.original-card img{height:auto;max-height:330px}.brand img{width:125px}.screen-gallery{grid-template-columns:1fr}}

/* Real screenshots gallery */
.screenshots-section{background:linear-gradient(180deg,#f3f8fa,#fff)}.screen-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.screen-card{margin:0;background:#fff;border:1px solid #dfe8ee;border-radius:20px;overflow:hidden;box-shadow:0 12px 35px rgba(10,35,55,.07);transition:transform .2s,box-shadow .2s}.screen-card:hover{transform:translateY(-4px);box-shadow:0 18px 42px rgba(10,35,55,.13)}.screen-card a{display:block;overflow:hidden;background:#eaf1f5}.screen-card img{width:100%;height:220px;object-fit:cover;object-position:top;display:block;transition:transform .3s}.screen-card a:hover img{transform:scale(1.025)}.screen-card figcaption{padding:16px 19px;font-size:16px;font-weight:700;color:#163149}.image-viewer{position:fixed;inset:0;background:rgba(7,21,35,.94);z-index:9999;display:none;align-items:center;justify-content:center;padding:5vw}.image-viewer.open{display:flex}.image-viewer img{max-width:100%;max-height:85vh;object-fit:contain;border-radius:12px}.image-viewer button{position:absolute;top:18px;right:24px;font-size:34px;color:white;background:transparent;border:0;cursor:pointer}@media(max-width:900px){.screen-gallery{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:590px){.screen-gallery{grid-template-columns:1fr}.screen-card img{height:auto;max-height:300px;object-fit:contain}}

/* NABDA premium interactive product showcase */
.showcase-v2{background:linear-gradient(180deg,#ecf5f7 0%,#f7fafb 55%,#fff 100%);position:relative;overflow:hidden}
.showcase-v2:before{content:"";position:absolute;top:-250px;left:-220px;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle,rgba(19,165,164,.13),transparent 68%);pointer-events:none}
.showcase-heading{max-width:860px;margin:0 auto 30px;text-align:center;position:relative}.showcase-heading h2{font-size:clamp(31px,4vw,58px);line-height:1.19;letter-spacing:-.035em;margin:14px 0}.showcase-heading p{color:#63788b;font-size:clamp(15px,1.5vw,19px);line-height:1.8;margin:0}
.showcase-tabs{display:flex;justify-content:center;gap:9px;flex-wrap:wrap;margin-bottom:23px}.showcase-tab{cursor:pointer;background:#fff;border:1px solid #dae5eb;color:#38536a;padding:12px 18px;border-radius:999px;font:inherit;font-weight:700;display:flex;gap:12px;align-items:center;box-shadow:0 3px 11px #193b4a08;transition:.2s}.showcase-tab span{font-size:12px;opacity:.7}.showcase-tab[aria-selected=true]{background:#102d43;color:#fff;border-color:#102d43;box-shadow:0 7px 20px #102d432e}.showcase-tab:hover{transform:translateY(-2px)}
.showcase-shell{display:grid;grid-template-columns:minmax(0,1.8fr) minmax(280px,.8fr);gap:19px;align-items:stretch;direction:ltr}.showcase-feature,.showcase-aside{background:#fff;border:1px solid #deebef;border-radius:25px;box-shadow:0 16px 50px #142e4610;min-width:0}.showcase-feature{padding:19px;display:flex;flex-direction:column}.showcase-feature-head{display:flex;align-items:center;justify-content:space-between;gap:15px;padding:4px 4px 15px;direction:rtl}.showcase-kicker{color:#078c93;font-weight:800;font-size:12px;letter-spacing:.045em}.showcase-title{color:#133148;font-size:clamp(18px,2vw,24px);margin:5px 0 0}.showcase-index{font-size:13px;background:#e8f4f5;color:#116b72;padding:8px 12px;border-radius:999px;white-space:nowrap;font-weight:800}.showcase-main-button{padding:0;cursor:zoom-in;position:relative;border:1px solid #dce8ee;background:#f1f5f8;border-radius:17px;overflow:hidden;display:flex;align-items:center;justify-content:center;width:100%;aspect-ratio:16/9}.showcase-main-img{width:100%;height:100%;object-fit:contain;display:block;transition:transform .35s}.showcase-main-button:hover .showcase-main-img{transform:scale(1.022)}.showcase-magnify{position:absolute;bottom:14px;left:14px;border-radius:11px;background:#102e42ed;color:white;font:inherit;font-weight:700;padding:11px 14px;font-size:13px}.showcase-controls{display:flex;align-items:center;justify-content:space-between;padding-top:17px;gap:17px}.showcase-controls button{border:1px solid #dce8eb;border-radius:12px;padding:10px 17px;background:#f8fbfc;color:#15374e;font:inherit;font-weight:700;cursor:pointer}.showcase-controls button:hover{background:#e3f5f3}.showcase-progress{flex:1;height:5px;border-radius:10px;background:#e8eff2;overflow:hidden}.showcase-progress span{display:block;height:100%;background:linear-gradient(90deg,#16b5b0,#0b5968);transition:width .3s}
.showcase-aside{padding:19px;display:flex;flex-direction:column}.showcase-aside-head{display:flex;justify-content:space-between;gap:10px;align-items:center;margin-bottom:15px;direction:rtl}.showcase-aside-head h3{font-size:17px;margin:0;color:#123249}.showcase-visible-count{font-size:12px;color:#667f90}.showcase-thumbnails{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:11px;max-height:510px;overflow:auto;scrollbar-width:thin;padding:2px}.showcase-thumb{appearance:none;cursor:pointer;border:2px solid transparent;border-radius:14px;background:#f3f7f9;overflow:hidden;display:flex;flex-direction:column;text-align:start;padding:0;color:#193b50;font:inherit;transition:.2s;min-width:0}.showcase-thumb img{width:100%;aspect-ratio:16/10;object-fit:cover;object-position:top;display:block}.showcase-thumb span{font-size:12px;font-weight:700;line-height:1.5;padding:9px 10px;direction:rtl;width:100%}.showcase-thumb[aria-pressed=true]{border-color:#16a7a4;background:#e9f9f8;box-shadow:0 5px 16px #087f8824}.showcase-thumb:hover{border-color:#3bc5bb}.showcase-disclaimer{font-size:12px;line-height:1.7;color:#788c99;margin:18px 3px 0}.showcase-v2 button:focus-visible{outline:3px solid #16a7a4;outline-offset:3px}
@media(max-width:940px){.showcase-shell{grid-template-columns:1fr}.showcase-thumbnails{grid-template-columns:repeat(4,minmax(0,1fr));max-height:250px}.showcase-main-button{aspect-ratio:16/9}}
@media(max-width:600px){.showcase-feature,.showcase-aside{padding:12px;border-radius:18px}.showcase-thumbnails{grid-template-columns:repeat(2,minmax(0,1fr));max-height:320px}.showcase-tab{font-size:12px;padding:10px 12px}.showcase-main-button{aspect-ratio:4/3}.showcase-controls button{padding:9px 11px}.showcase-heading{margin-bottom:20px}.showcase-magnify{font-size:11px;padding:8px}}

.contextual-shot{margin-top:36px;background:#fff;border:1px solid #dce9ed;border-radius:24px;padding:20px;display:grid;grid-template-columns:minmax(200px,.55fr) minmax(0,1fr);align-items:center;gap:22px;box-shadow:0 15px 35px rgba(15,44,63,.06)}.contextual-shot img{display:block;width:100%;height:auto;border-radius:14px;border:1px solid #e7edf0}.contextual-shot h3{color:#143247;font-size:clamp(22px,2.8vw,32px);margin:10px 0}.contextual-shot p{color:#60798a;line-height:1.7}.contextual-shot small{color:#758b99}.sector-img img{display:block;width:100%;height:100%;object-fit:cover;object-position:top}.sector{overflow:hidden}@media(max-width:760px){.contextual-shot{grid-template-columns:1fr;padding:14px}}

/* NABDA: progressive, accessible UI enhancement */
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{overflow-x:hidden}
.nav{z-index:60;backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);transition:box-shadow .25s ease,background-color .25s ease}
.nav.is-scrolled{box-shadow:0 10px 30px rgba(12,43,59,.1)}
a,button,select,input,textarea{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid #16b5b0;outline-offset:3px}
.btn{position:relative;transition:transform .22s ease,box-shadow .22s ease,background .22s ease,border-color .22s ease}
.btn:hover{transform:translateY(-2px);box-shadow:0 12px 25px rgba(4,63,75,.15)}
.btn:active{transform:translateY(0) scale(.98)}
.sector,.benefit,.feature,.metric,.process-step,.contextual-shot{transition:transform .3s cubic-bezier(.2,.8,.2,1),box-shadow .3s ease,border-color .3s ease}
.sector:hover,.benefit:hover,.feature:hover,.contextual-shot:hover{transform:translateY(-5px);box-shadow:0 18px 40px rgba(13,55,70,.13);border-color:#b6dfdf}
.sector-img{overflow:hidden}
.sector-img img,.contextual-shot img,.hero-visual img{transition:transform .55s cubic-bezier(.18,.7,.2,1)}
.sector:hover .sector-img img,.contextual-shot:hover img{transform:scale(1.035)}
.navlinks a{transition:color .2s ease,opacity .2s ease}
.navlinks a:hover{color:#087f88}
.form input,.form select,.form textarea{transition:border-color .2s ease,box-shadow .2s ease}
.form input:focus,.form select:focus,.form textarea:focus{border-color:#087f88;box-shadow:0 0 0 4px rgba(17,157,157,.12);outline:none}
/* Reveal elements only when JS observers are active, so the page is never hidden without JS. */
.js-motion .motion-reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s cubic-bezier(.2,.8,.2,1)}
.js-motion .motion-reveal.in-view{opacity:1;transform:none}
.js-motion .motion-reveal:nth-child(2){transition-delay:.08s}
.js-motion .motion-reveal:nth-child(3){transition-delay:.14s}
.js-motion .motion-reveal:nth-child(4){transition-delay:.18s}
.page-progress{position:fixed;inset:0 0 auto;transform-origin:left;height:3px;background:linear-gradient(90deg,#16b5b0,#087f88);transform:scaleX(0);z-index:100;pointer-events:none}
.back-top{position:fixed;bottom:24px;inset-inline-end:22px;z-index:40;border:1px solid #cde4e7;border-radius:999px;width:46px;height:46px;background:#fff;color:#10394a;box-shadow:0 8px 24px #0b374422;font-size:21px;cursor:pointer;display:grid;place-items:center;opacity:0;pointer-events:none;transform:translateY(10px);transition:opacity .2s ease,transform .2s ease}
.back-top.show{opacity:1;pointer-events:auto;transform:none}
.back-top:hover{background:#e3f5f3}
@media(max-width:760px){.btn{min-height:44px}.navlinks.open{box-shadow:0 20px 28px #092b3a21}.back-top{bottom:16px;inset-inline-end:14px}.sector:hover,.benefit:hover,.feature:hover,.contextual-shot:hover{transform:none}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto!important}*,*::before,*::after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.js-motion .motion-reveal{opacity:1!important;transform:none!important}}

/* NABDA corporate one-page template inspired by the supplied reference */
:root{--navy:#123447;--deep:#0b2535;--teal:#087f88;--bright:#16b5b0;--ink:#183247;--muted:#607b89;--line:#dfeaed;--bg:#f2f7f7;--brand-blue:#087f88;--brand-blue-2:#13aaa9}
body{background:#f5f7fa;color:var(--ink)}
.nav{background:rgba(255,255,255,.97);border-bottom:1px solid #e1ecee}
.navinner{min-height:76px}.brand img{width:156px;height:48px}.brandname{display:none}.navlinks a{color:#243f50}.btn-primary{background:#087f88}.btn-primary:hover{background:#075c66}.btn-outline{border-color:#b9d9d9;color:#086b75}
.hero{background:#fff;color:var(--ink);overflow:hidden;border-bottom:1px solid #e6edf5}
.hero:before{content:"";position:absolute;width:310px;height:310px;border-radius:50%;background:#e2f3f1;top:-170px;left:-110px;pointer-events:none}
.hero:after{content:"";position:absolute;width:190px;height:190px;border-radius:50%;background:#e1f4f2;bottom:-110px;right:38%;pointer-events:none}
.hero-inner{position:relative;z-index:1;grid-template-columns:1.05fr .95fr;gap:42px;padding-block:58px 64px;direction:rtl}
.eyebrow{display:inline-flex;color:#087f88;background:#e3f5f3;border-radius:6px;padding:6px 11px;font-size:12px;letter-spacing:.04em}
.hero h1{color:#123447;font-size:clamp(36px,4.3vw,61px);line-height:1.16;letter-spacing:-.025em;margin:18px 0 16px;max-width:650px}
.hero p{color:#607b89;font-size:clamp(16px,1.45vw,20px);max-width:630px;line-height:1.85}
.hero-actions{gap:12px;margin-top:25px}.btn-white{background:#087f88;color:#fff}.btn-white:hover{background:#086b75}.btn-outline{background:white}
.hero-visual{background:#f2f7f7;border:1px solid #dce9eb;border-radius:22px;padding:10px;box-shadow:0 22px 55px rgba(20,48,83,.13);position:relative}.hero-visual img{border-radius:14px;aspect-ratio:16/10;object-fit:cover;object-position:top;width:100%;display:block}.visual-caption{color:#56717d;background:#fff;border:1px solid #e7edf4;border-radius:10px;padding:9px 12px;margin-top:10px;font-size:12px}
.trust{background:#123447;color:white;border:0;padding:18px 0}.trustrow{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.trustrow>div{display:flex;align-items:center;justify-content:center;gap:10px;font-weight:700;font-size:14px}.trustrow b{display:inline-grid;place-items:center;width:28px;height:28px;background:#fff;color:#087f88;border-radius:50%}
.section{padding:66px 0;background:#f5f7fa}.section.alt{background:#fff}.sectiontop{max-width:780px;margin:0 auto 28px;text-align:center}.tag{display:inline-block;background:#e3f5f3;color:#087f88;border-radius:5px;padding:5px 10px;font-size:12px;font-weight:800;letter-spacing:.05em}.sectiontop h2{font-size:clamp(28px,3.4vw,43px);line-height:1.2;letter-spacing:-.025em;color:#123447;margin:12px 0}.sectiontop p{color:#657991;font-size:17px;line-height:1.8;margin:0}
.cards{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.sector{border:1px solid #e0e7f0;border-radius:16px;background:#fff;box-shadow:0 9px 28px rgba(19,43,74,.055)}.sector-img{background:#edf5f5;height:205px}.sector-img img{object-fit:cover;object-position:top}.sector-body{padding:21px}.pill{background:#e3f5f3;color:#086b75;border-radius:5px;font-size:12px}.sector h3{font-size:22px;color:#123447;margin:11px 0 8px}.sector p{color:#637d88;line-height:1.8}.sector-body>a{color:#087f88;font-weight:800;text-decoration:none}.sector small{display:block;margin-top:12px;color:#7c9199;font-size:11px}
.benefits{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.benefit{border:1px solid #dce9eb;border-radius:14px;background:#fff;padding:24px;box-shadow:0 8px 22px rgba(16,43,75,.045)}.num{background:#e3f5f3;color:#087f88;border-radius:8px;font-weight:900}.benefit h3{font-size:20px;color:#123447}.benefit p{color:#637d88;line-height:1.8}
.process{background:#fff}.process-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.process-step{background:#f4f8f8;border:1px solid #dce9eb;border-radius:14px;padding:23px;display:flex;align-items:center;gap:16px}.process-step b{flex:0 0 44px;height:44px;display:grid;place-items:center;background:#087f88;color:#fff;border-radius:50%;font-size:15px}.process-step p{font-weight:700;color:#183b4b;margin:0}
.contact{background:#edf5f5}.contactgrid{gap:34px}.contact .sectiontop{text-align:right;margin:0}.form{background:#fff;border:1px solid #dce9eb;border-radius:17px;padding:25px;box-shadow:0 12px 30px rgba(16,43,75,.06)}.form label{color:#315363}.form input,.form select,.form textarea{border:1px solid #d8e7e8;border-radius:9px;background:#fbfdfd}.form input:focus,.form select:focus,.form textarea:focus{border-color:#087f88;box-shadow:0 0 0 4px #087f8817}.privacy{color:#7d9299}
.quick-contact{background:linear-gradient(120deg,#0b2535,#087f88);padding:52px 0}.quick-contact h2{font-size:clamp(30px,3.4vw,44px)}.contact-extra .qr-panel{border-radius:12px}.footer{background:#0b2535;color:#d8e9e9}.footer a{color:#fff}
.motion-reveal{opacity:0;transform:translateY(15px);transition:opacity .5s ease,transform .5s ease}.motion-reveal.in-view{opacity:1;transform:none}
@media(max-width:850px){.hero-inner{grid-template-columns:1fr;gap:28px;padding-block:42px}.hero-visual{max-width:720px;width:100%;margin:auto}.trustrow{grid-template-columns:1fr;gap:9px}.trustrow>div{justify-content:flex-start}.cards,.benefits,.process-list{grid-template-columns:1fr}.sector-img{height:auto;max-height:300px}.sector-img img{height:auto;max-height:300px}.contactgrid{grid-template-columns:1fr}.contact .sectiontop{text-align:center}}
@media(max-width:560px){.wrap{width:min(100% - 28px,1180px)}.navinner{min-height:68px}.brand img{width:122px}.actions .btn{display:none}.hero h1{font-size:36px}.hero-inner{padding-block:35px}.section{padding:48px 0}.sectiontop h2{font-size:30px}.sector-body{padding:18px}.form{padding:18px}.process-step{padding:17px}.quick-contact{padding:40px 0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.motion-reveal,.btn,.sector,.benefit,.hero-visual img{transition:none!important}.motion-reveal{opacity:1;transform:none}}


/* Refined reference-template layout in Nabda brand colors */
.service-overview{background:#f5f7f6;padding-top:54px;padding-bottom:62px}
.service-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;max-width:1050px;margin-inline:auto}
.service-tile{display:flex;align-items:center;gap:17px;min-height:118px;padding:22px 24px;background:#fff;border:1px solid #e0e9e7;border-radius:18px;box-shadow:0 8px 22px rgba(10,47,58,.07);transition:transform .22s ease,box-shadow .22s ease,border-color .22s ease}
.service-tile:hover{transform:translateY(-4px);box-shadow:0 16px 30px rgba(10,47,58,.11);border-color:#a9d8d4}
.service-icon{display:grid;place-items:center;flex:0 0 58px;width:58px;height:58px;border-radius:15px;background:#e2f3f1;color:#087f88;font-weight:900;font-size:16px;letter-spacing:.02em}
.service-tile h3{margin:0 0 5px;color:#123447;font-size:19px}
.service-tile p{margin:0;color:#637985;font-size:14px;line-height:1.7}
.why-section{background:#0b2535;color:#fff;position:relative;overflow:hidden}
.why-section:before{content:"";position:absolute;inset:auto -120px -250px auto;width:420px;height:420px;border:1px solid rgba(22,181,176,.2);border-radius:50%;box-shadow:0 0 0 24px rgba(22,181,176,.035),0 0 0 52px rgba(22,181,176,.025);pointer-events:none}
.why-section .sectiontop{position:relative;z-index:1}
.why-section .sectiontop h2{color:#fff}.why-section .sectiontop p{color:#c1d4d9}.why-section .tag{background:rgba(22,181,176,.14);color:#64ded5}
.why-section .benefit{background:#123447;border-color:rgba(192,225,227,.14);box-shadow:none;border-radius:16px;transition:transform .22s ease,border-color .22s ease}
.why-section .benefit:hover{transform:translateY(-4px);border-color:rgba(74,210,201,.5)}
.why-section .benefit h3{color:#fff}.why-section .benefit p{color:#c1d4d9}.why-section .num{background:rgba(22,181,176,.15);color:#68ded5;padding:7px 10px;display:inline-block}
.quick-contact{background:#e2f1e7;color:#123447;padding:28px 0}.quick-contact .wrap{display:flex;align-items:center;justify-content:space-between;gap:24px;flex-wrap:wrap}.quick-contact h2{font-size:clamp(24px,2.5vw,32px);margin:0 0 4px;color:#123447}.quick-contact p{margin:0;color:#5c747e}.quick-contact .contact-extra{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.quick-contact .contact-extra>a{background:#087f88;color:#fff;padding:12px 18px;border-radius:999px;text-decoration:none;font-weight:800;transition:background .2s,transform .2s}.quick-contact .contact-extra>a:hover{background:#075c66;transform:translateY(-2px)}.quick-contact .qr-panel{display:none}
@media(max-width:760px){.service-grid{grid-template-columns:1fr}.service-tile{min-height:100px;padding:17px}.service-icon{flex-basis:50px;width:50px;height:50px}.quick-contact .wrap{align-items:flex-start;flex-direction:column}.quick-contact .contact-extra{gap:10px}}
@media(prefers-reduced-motion:reduce){.service-tile,.why-section .benefit,.quick-contact .contact-extra>a{transition:none!important}}


/* Image-fit fix: keep full product screenshots visible without cropping */
.hero-visual{transform:none;overflow:visible}
.hero-visual img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.sector-img{height:auto;overflow:visible;background:#f4f8fa}
.sector-img img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}
.original-card{overflow:hidden}
.original-card img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center;background:#f4f8fa}
.sector-screen img{display:block;width:100%;height:auto;max-height:none;object-fit:contain;object-position:center}