:root{--navy:#031f3c;--dark:#001c36;--blue:#087cff;--cyan:#07c5ed;--ink:#0b1c52;--muted:#59627e;--line:#cbd4e4}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Arial,'Segoe UI',sans-serif;color:var(--ink);background:#fff}a{text-decoration:none;color:inherit}button,input,select,textarea{font:inherit}button{cursor:pointer}.wrap{max-width:1380px;margin:auto;padding-left:34px;padding-right:34px}.header{position:absolute;z-index:10;top:0;left:0;right:0;height:108px;display:flex;align-items:center;justify-content:space-between;gap:22px}.brand{display:block;width:288px;height:89px;background:transparent;overflow:visible;flex-shrink:0}.brand img{width:287px;height:87px;object-fit:contain}.nav{display:flex;align-items:center;gap:41px;color:#fff;font-size:15px}.nav a{padding:12px 4px;position:relative}.nav a.active:after,.nav a:hover:after{content:'';height:3px;position:absolute;bottom:-3px;left:0;right:0;background:var(--cyan)}.cta{border:0;background:linear-gradient(100deg,#0973fa,#05aaf2);color:#fff;border-radius:15px;padding:16px 25px;font-weight:600;white-space:nowrap;display:inline-flex;align-items:center;gap:18px;box-shadow:0 4px 24px #002c5c25}.cta:hover{filter:brightness(1.12)}.hamburger{display:none;color:white;background:transparent;border:1px solid #ffffff65;border-radius:8px;padding:10px}.hero{min-height:579px;background:linear-gradient(90deg,#001b34 0%,#001b34 26%,#002a46cf 39%,#002a4600 57%),url('skyline.jpg') right center/auto 100% no-repeat,#00213e;position:relative;overflow:hidden}.hero:after{content:'';position:absolute;left:-150px;bottom:-120px;width:650px;height:320px;border-radius:50%;border:1px solid #0087ef33;box-shadow:0 0 0 15px #007cbb07,0 0 0 32px #0085ca0b,0 0 0 52px #0086b00c;pointer-events:none}.hero-copy{position:relative;z-index:1;padding-top:170px;color:white}.hero h1{font-size:57px;line-height:1.03;letter-spacing:-1.2px;margin:0 0 18px;max-width:550px;font-weight:750}.hero h1 strong{display:block;color:#0796ed}.hero p{font-size:19px;line-height:1.43;max-width:475px;margin:0;color:#f5f8ff}.services{display:grid;grid-template-columns:repeat(3,1fr);padding-top:40px;padding-bottom:34px;min-height:184px}.service{display:flex;gap:24px;align-items:flex-start;padding:0 42px;border-left:1px solid var(--line)}.service:first-child{border-left:0;padding-left:10px}.service img{width:70px;height:70px;object-fit:contain;flex-shrink:0}.service h2{font-size:25px;letter-spacing:-.6px;margin:0 0 5px}.service p{font-size:15px;line-height:1.35;color:var(--muted);margin:0;max-width:310px}.arrow{display:inline-block;color:#087cff;font-size:28px;line-height:1.2;margin-top:2px}.benefits{background:#002749;color:#fff;position:relative}.benefit-grid{display:grid;grid-template-columns:repeat(4,1fr);min-height:108px;align-items:center}.benefit{display:flex;align-items:center;gap:19px;border-left:1px solid #ffffff65;padding:0 28px}.benefit:first-child{border:0;padding-left:12px}.benefit img{width:49px;height:55px;object-fit:contain}.benefit b{font-size:16px;display:block;margin-bottom:4px}.benefit small{font-size:13px;color:#e6eef9}.partners{padding-top:20px;padding-bottom:38px}.section-label{text-align:center;text-transform:uppercase;font-weight:800;letter-spacing:4px;font-size:12px;margin:0 0 20px;display:flex;align-items:center;justify-content:center;gap:16px}.section-label:before,.section-label:after{content:'';width:60px;height:1px;background:#d4e1f3}.logo-grid{display:grid;grid-template-columns:repeat(6,1fr);align-items:center}.partner{height:65px;border-left:1px solid #bfcadb;display:flex;align-items:center;justify-content:center;padding:7px 15px}.partner:first-child{border-left:0}.partner img{width:100%;max-height:60px;object-fit:contain}.footer{background:#001d38;color:#cdddeb;padding:26px 0}.footer-inner{display:flex;gap:20px;justify-content:space-between;align-items:center;font-size:14px}.footer a:hover{color:#05c8ff}.subhero{background:radial-gradient(circle at 85% 30%,#095e9e 0%,#002a4c 38%,#001b33 90%);padding:163px 0 75px;color:white}.subhero h1{font-size:47px;margin:0 0 12px}.subhero p{font-size:19px;max-width:740px;line-height:1.5;color:#e3edf8}.content{padding-top:66px;padding-bottom:80px}.content h2{font-size:31px}.content p{font-size:17px;line-height:1.7;color:#505b73}.columns{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:40px}.tile{border:1px solid #d8e4ee;padding:26px;border-radius:13px;background:#fbfdff}.tile h3{margin-top:0;font-size:21px}.tile p{font-size:15px;margin-bottom:0}.contact-layout{display:grid;grid-template-columns:1fr 1.15fr;gap:70px}.detail{margin:22px 0;font-size:17px}.detail b{display:block;margin-bottom:9px}.detail a{color:#006bdc}.form{border:1px solid #dbe5ee;border-radius:15px;padding:32px;box-shadow:0 12px 50px #0b2a5010}.form h2{margin:0 0 12px}.form .hint{color:#636c7f;font-size:14px;margin-bottom:20px}.field{display:block;margin:17px 0;font-weight:700;font-size:14px}.field input,.field select,.field textarea{width:100%;border:1px solid #bdcbdb;border-radius:8px;padding:12px 13px;margin-top:8px;color:#1a284a;background:white}.field textarea{min-height:130px;resize:vertical}.field input:focus,.field textarea:focus,.field select:focus{outline:2px solid #55bbff;border-color:transparent}.form button{margin-top:10px}.form-note{font-size:12px;color:#59657c;margin-top:15px}.backdrop{background:#f5f9fc}.quote-intro{max-width:780px;margin-bottom:36px}.quote-shell{max-width:820px;margin:auto}@media(max-width:1050px){.wrap{padding-left:24px;padding-right:24px}.header{height:100px}.brand{width:245px;height:80px}.brand img{width:245px;height:80px}.nav{gap:22px}.hero h1{font-size:49px}.service{padding:0 20px;gap:14px}.service h2{font-size:21px}.service img{width:54px}.benefit{padding:0 12px;gap:9px}.benefit img{width:39px}.benefit b{font-size:14px}.benefit small{font-size:11px}}@media(max-width:740px){.header{height:83px}.brand{width:205px;height:73px}.brand img{width:205px;height:73px}.hamburger{display:block;margin-left:auto}.header>.cta{display:none}.nav{display:none;position:absolute;top:80px;left:16px;right:16px;background:#002b50;border:1px solid #25648c;padding:16px;flex-direction:column;gap:8px;align-items:stretch;border-radius:11px}.nav.open{display:flex}.nav a{padding:12px 14px}.hero{min-height:620px;background:linear-gradient(90deg,#001a33ed 0%,#001e37bb 65%,#001e3766 100%),url('skyline.jpg') center bottom/auto 72% no-repeat,#00213e}.hero-copy{padding-top:150px}.hero h1{font-size:clamp(34px,9vw,49px);max-width:440px}.hero p{font-size:17px;max-width:420px}.services{grid-template-columns:1fr;padding-top:20px;padding-bottom:20px}.service,.service:first-child{padding:19px 6px;border:0;border-bottom:1px solid var(--line)}.service:last-child{border:0}.service h2{font-size:23px}.benefit-grid{grid-template-columns:1fr 1fr;padding-top:15px;padding-bottom:15px;gap:20px 0}.benefit:nth-child(3){border-left:0}.logo-grid{grid-template-columns:repeat(2,1fr);gap:15px 0}.partner:nth-child(odd){border:0}.partner{height:76px}.footer-inner{flex-direction:column;text-align:center}.subhero{padding-top:135px;padding-bottom:53px}.subhero h1{font-size:37px}.columns,.contact-layout{grid-template-columns:1fr;gap:20px}.content{padding-top:39px;padding-bottom:52px}.form{padding:22px}}@media(max-width:400px){.brand{width:175px}.brand img{width:175px}.hero h1{font-size:35px}.benefit{padding:0 6px}.benefit b{font-size:13px}}

/* About page uses a continuous navy and electric-blue palette. */
.about-blue{min-height:calc(100vh - 75px);background:linear-gradient(135deg,#001b34 0%,#003b70 58%,#0755a0 100%);color:#fff}.about-blue .subhero{background:transparent;padding-bottom:4px}.about-content{padding-top:14px;max-width:1380px}.about-content p{color:#eef7ff;font-size:clamp(19px,2vw,25px);line-height:1.7;max-width:960px}.about-content .about-action{margin-top:44px}.draft-result{border:1px solid #8cd6ff;background:#eef9ff;padding:20px;border-radius:12px;margin-top:25px}.draft-result h3{margin:0 0 8px}.draft-result p{font-size:14px;color:#34506b}.draft-text{width:100%;min-height:170px;resize:vertical;padding:12px;background:#fff;border:1px solid #abc8df;border-radius:8px;font-size:14px;line-height:1.5}.draft-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:14px}.draft-secondary{background:#063866}.draft-result .cta{margin-top:0}.about-blue .content{padding-bottom:100px}

.hp-field{position:absolute;left:-10000px;width:1px;height:1px;overflow:hidden}.form-feedback{font-size:14px;margin:12px 0 0}.form-feedback[data-state="error"]{color:#b42318}.form-feedback[data-state="success"]{color:#087344}.form-feedback[data-state="pending"]{color:#175cd3}.form button:disabled{opacity:.65;cursor:wait}

/* V7: cohesive Riyadh skyline treatment for secondary pages. */
body:has(.subhero):not(:has(.about-blue)) .subhero {
  position:relative; isolation:isolate; overflow:hidden;
  background:linear-gradient(90deg,rgba(0,22,43,.97) 0%,rgba(0,30,57,.89) 39%,rgba(0,31,59,.50) 70%,rgba(0,28,52,.35) 100%),url('skyline.jpg') center 51%/cover no-repeat,#001d39;
  box-shadow: inset 0 -35px 65px rgba(0,27,53,.2);
}
body:has(.subhero):not(:has(.about-blue)) .subhero:after {content:'';position:absolute;inset:auto auto -140px -140px;width:560px;height:310px;border-radius:50%;border:1px solid rgba(0,178,255,.24);box-shadow:0 0 0 22px rgba(0,170,255,.035),0 0 0 48px rgba(0,170,255,.035);pointer-events:none;z-index:-1}
body:has(.subhero):not(:has(.about-blue)) .subhero h1 {text-shadow:0 3px 22px rgba(0,15,32,.5)}
.about-blue {background:linear-gradient(100deg,rgba(0,23,46,.96) 0%,rgba(0,34,68,.87) 51%,rgba(0,52,100,.67) 100%),url('skyline.jpg') center center/cover no-repeat,#001d39;background-attachment:scroll}
.about-blue .subhero {background:transparent}
.about-blue .about-content p {text-shadow:0 2px 14px rgba(0,15,35,.55)}
@media(max-width:740px){
  body:has(.subhero):not(:has(.about-blue)) .subhero {background:linear-gradient(90deg,rgba(0,23,45,.95),rgba(0,32,62,.68)),url('skyline.jpg') 60% center/cover no-repeat,#001d39}
  .about-blue {background:linear-gradient(105deg,rgba(0,25,49,.96),rgba(0,41,81,.82)),url('skyline.jpg') 57% center/cover no-repeat,#001d39}
}

/* DANJOVA solutions pages, additive styling */
.solution-main{background:#f5f9fc;min-height:75vh}.solution-hero{padding:166px 0 70px;background:linear-gradient(100deg,#001b34e8,#00365ab8),url('skyline.jpg') center center/cover;color:white}.solution-hero h1{font-size:clamp(34px,4vw,52px);margin:10px 0 14px;line-height:1.1}.solution-hero p{max-width:830px;font-size:18px;line-height:1.65;color:#e5eef8}.solution-kicker{text-transform:uppercase;letter-spacing:2.5px;color:#4adeff;font-size:13px;font-weight:bold}.solution-area{padding-top:55px;padding-bottom:70px}.solution-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px;margin:25px 0 38px}.solution-card{padding:27px;border-radius:16px;background:white;border:1px solid #dae6ef;box-shadow:0 7px 24px #123b5610}.solution-card h2{font-size:23px;margin:0 0 10px}.solution-card p{font-size:16px;color:#465b70;line-height:1.55}.solution-example{border-top:1px solid #e4edf3;padding-top:14px;font-size:14px;color:#365579}.solution-actions{display:flex;gap:18px;flex-wrap:wrap;align-items:center;padding:26px;background:#e5f2fc;border-radius:15px}.solution-actions p{flex:1;min-width:240px;margin:0;line-height:1.6}.solution-links{display:flex;flex-wrap:wrap;gap:12px;margin-top:24px}.solution-links a{padding:10px 15px;background:white;border:1px solid #d2e1ed;border-radius:8px;color:#035b9b}.solution-links a:hover{border-color:#087cff;color:#087cff}.solution-note{font-size:13px!important;color:#6e7890;margin-top:25px}.solution-overview-title{font-size:30px}.solution-a{color:#087cff;font-weight:700}.nav a{white-space:nowrap}@media(max-width:900px){.solution-grid{grid-template-columns:1fr 1fr}}@media(max-width:650px){.solution-grid{grid-template-columns:1fr}.solution-hero{padding-top:145px}.solution-area{padding-top:35px}}

/* V22: restore single horizontal partner row on desktop */
.logo-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:0}
.partner{min-width:0;height:75px;padding:7px 9px;border-left:1px solid #bfcadb}
.partner:first-child{border-left:0}
.partner:nth-child(5){border-left:1px solid #bfcadb}
.partner img{width:100%;max-width:100%;max-height:58px;object-fit:contain}
@media(max-width:900px){.logo-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.partner:nth-child(5){border-left:0}}
@media(max-width:560px){.logo-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.partner:nth-child(odd){border-left:0}}

/* V23: partner registration invitation directly below technology partner logos */
.partner-invite{display:flex;align-items:center;gap:26px;margin:0 auto 50px;padding:26px 32px;background:linear-gradient(105deg,#f1f8ff,#e7f2ff);border:1px solid #e4effb;border-radius:15px;box-shadow:0 8px 26px rgba(20,80,160,.045)}
.partner-invite-symbol{display:grid;place-items:center;flex:none;width:78px;height:78px;color:#306ff0;background:#e0edff;border-radius:50%}
.partner-invite-symbol svg{width:43px;height:43px}
.partner-invite-copy{flex:1;min-width:0;border-left:1px solid #bfd5f0;padding-left:27px}
.partner-invite-copy h2{font-size:clamp(25px,2.3vw,34px);line-height:1.2;margin:0 0 8px;color:#091a42}
.partner-invite-copy p{color:#62758e;font-size:clamp(15px,1.35vw,19px);margin:0;line-height:1.5}
.partner-invite-button{display:flex;align-items:center;justify-content:center;gap:12px;flex:none;background:linear-gradient(95deg,#3978f6,#3159ed);padding:18px 25px;min-height:57px;color:white;text-decoration:none;font-weight:700;border-radius:11px;box-shadow:0 6px 16px rgba(49,96,228,.12)}
.partner-invite-button:hover{filter:brightness(1.06)}
@media(max-width:780px){.partner-invite{gap:14px;padding:22px}.partner-invite-symbol{width:56px;height:56px}.partner-invite-symbol svg{width:33px;height:33px}.partner-invite-copy{padding-left:16px}.partner-invite-button{padding:14px 18px}}
@media(max-width:620px){.partner-invite{flex-wrap:wrap}.partner-invite-copy{flex:1 1 calc(100% - 75px)}.partner-invite-button{width:100%}}

/* V24 compact partner invitation */
.partner-invite{gap:17px;padding:15px 24px;margin-bottom:32px;border-radius:13px}
.partner-invite-symbol{width:54px;height:54px}
.partner-invite-symbol svg{width:30px;height:30px}
.partner-invite-copy{padding-left:19px}
.partner-invite-copy h2{font-size:clamp(21px,1.85vw,27px);margin-bottom:4px}
.partner-invite-copy p{font-size:clamp(13px,1.1vw,16px);line-height:1.35}
.partner-invite-button{font-size:14px;min-height:41px;padding:11px 17px;gap:8px;border-radius:9px}
@media(max-width:780px){.partner-invite{gap:12px;padding:14px}.partner-invite-symbol{width:46px;height:46px}.partner-invite-symbol svg{width:26px;height:26px}.partner-invite-copy{padding-left:12px}.partner-invite-button{padding:10px 14px}}
@media(max-width:620px){.partner-invite{gap:10px}.partner-invite-button{min-height:39px;width:100%}}

/* V25: reduce vertical thickness of both full-width horizontal bands only. */
.benefit-grid{min-height:82px}
.benefit{gap:14px;padding-top:8px;padding-bottom:8px}
.benefit img{width:41px;height:43px}
.benefit b{font-size:15px;margin-bottom:3px}
.benefit small{font-size:12px}
.partner-invite{padding-top:9px;padding-bottom:9px;gap:14px}
.partner-invite-symbol{width:43px;height:43px}
.partner-invite-symbol svg{width:24px;height:24px}
.partner-invite-copy{padding-left:16px}
.partner-invite-copy h2{font-size:22px;margin-bottom:2px}
.partner-invite-copy p{font-size:14px;line-height:1.3}
.partner-invite-button{min-height:36px;padding:9px 15px;font-size:13px}
@media(max-width:740px){.benefit-grid{min-height:0}.benefit{padding-top:6px;padding-bottom:6px}.benefit img{width:34px;height:38px}}
@media(max-width:620px){.partner-invite{padding-top:10px;padding-bottom:10px}.partner-invite-symbol{width:41px;height:41px}}


/* v26 refinements */
.services{padding-top:24px;padding-bottom:22px;min-height:auto}
.service{gap:18px;padding:0 28px}
.service:first-child{padding-left:8px}
.service img{width:58px;height:58px}
.service h2{font-size:21px;margin:0 0 4px}
.service p{font-size:14px;line-height:1.32;max-width:285px}
.solution-a{font-size:14px}
.partner-invite{padding-top:7px;padding-bottom:7px;gap:13px;margin-bottom:28px}
.partner-invite-symbol{width:39px;height:39px}
.partner-invite-symbol svg{width:21px;height:21px}
.partner-invite-copy{padding-left:14px}
.partner-invite-copy h2{font-size:20px;margin-bottom:2px}
.partner-invite-copy p{font-size:13px;line-height:1.28}
.partner-invite-button{min-height:32px;padding:7px 13px;font-size:12px;gap:6px;border-radius:8px}
@media(max-width:740px){.services{padding-top:14px;padding-bottom:14px}.service h2{font-size:21px}.service p{font-size:14px}.partner-invite{padding-top:8px;padding-bottom:8px}.partner-invite-button{font-size:12px;padding:8px 12px}}

/* V27: smaller About page call to action only */
.about-blue .about-action .cta{font-size:15px;padding:11px 19px;border-radius:11px;gap:0;box-shadow:0 4px 14px #002c5c20}