/* Noluvio service landing pages: original, static, bilingual, reduced-motion friendly. */
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:74px}
body{margin:0;background:#f5f8fc;color:#14283d;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Tahoma,Arial,sans-serif}
a{color:inherit;text-decoration:none}a:hover{text-decoration:underline}
a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #0057ff;outline-offset:4px}
.svc-skip{position:absolute;left:14px;top:-90px;z-index:40;background:white;color:#14283d;padding:13px;border-radius:8px}.svc-skip:focus{top:14px}
.svc-wrap{max-width:1230px;width:calc(100% - 84px);margin-inline:auto}
.svc-topbar{background:#091c35;color:#d8f0ff;border-bottom:1px solid #335276}
.svc-nav{display:flex;align-items:center;gap:16px;min-height:76px}
.svc-logo{font-size:20px;font-weight:850;letter-spacing:-.05em;color:#fff;display:inline-flex;gap:10px;align-items:center}
.svc-logo b{display:grid;place-items:center;background:#0057ff;color:#fff;font-size:17px;width:36px;height:36px;border-radius:10px}
.svc-logo small{font-weight:500;font-size:9px;letter-spacing:.14em;display:block;color:#8bb5e5}
.svc-links{margin-inline-start:auto;display:flex;align-items:center;flex-wrap:wrap;gap:clamp(9px,2vw,24px);font-size:12px;font-weight:680}
.svc-links a{padding:7px 3px;border-bottom:2px solid transparent}.svc-links a[aria-current=page]{border-bottom-color:#22e08a;color:#fff}
.svc-language{border:1px solid #5a83a6;border-radius:100px;padding:9px 14px;white-space:nowrap;font-size:12px;font-weight:750;color:#d1f7ea}
.svc-hero{background:radial-gradient(circle at 85% 20%,#134d91 0%,transparent 40%),linear-gradient(130deg,#0c1b32 12%,#0c335a 95%);color:#fff;overflow:hidden}
.svc-hero-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.9fr);gap:clamp(25px,6vw,92px);align-items:center;padding-block:clamp(58px,9vw,116px)}
.svc-kicker{font-size:11px;font-weight:830;letter-spacing:.18em;color:#56edbb;text-transform:uppercase;margin:0 0 22px}
.svc-hero h1{font-weight:830;font-size:clamp(39px,5.4vw,80px);line-height:1.02;letter-spacing:-.052em;max-width:760px;margin:0 0 23px}
.svc-hero h1 em{color:#77d8fd;font-style:normal}
.svc-lede{font-size:clamp(15px,1.4vw,18px);line-height:1.75;max-width:625px;color:#d4e5f4;margin:0 0 28px}
.svc-actions{display:flex;gap:16px;align-items:center;flex-wrap:wrap}
.svc-primary{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:13px 21px;background:#22e08a;color:#093027;border-radius:11px;font-weight:830;font-size:13px;text-align:center}
.svc-primary:hover{background:#62e8ac;text-decoration:none}
.svc-secondary{font-size:13px;font-weight:750;color:#c5eaff;border-bottom:1px solid #86cdf1;padding:10px 0}
.svc-disclosure{margin-top:27px;font-size:11px;color:#b9cfe4;line-height:1.6}
.svc-visual{position:relative;isolation:isolate;background:linear-gradient(160deg,#eaf6ff,#c7e7fa);border:1px solid #5e89b2;border-radius:24px;padding:15px;box-shadow:0 28px 80px #00122888;transform:rotate(-2deg)}
.svc-visual:before{position:absolute;content:"";width:60%;height:130%;left:-15%;top:-8%;border:2px solid #22e08a55;border-radius:50%;z-index:-1;transform:rotate(-40deg)}
.svc-window{background:#fff;color:#15314e;border:1px solid #acc9dd;border-radius:14px;min-height:300px;overflow:hidden}
.svc-dots{height:37px;background:#deebf6;display:flex;align-items:center;gap:5px;padding-inline:14px}.svc-dots i{width:8px;height:8px;background:#95b4ce;border-radius:50%}
.svc-window-body{padding:34px 27px}
.svc-demo-head{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:10px;color:#5e7794;font-weight:780;letter-spacing:.08em}
.svc-demo-head strong{color:#104381;font-size:17px;letter-spacing:-.06em}
.svc-window-body h2{font-size:clamp(26px,3vw,43px);letter-spacing:-.06em;line-height:1.06;margin:29px 0 12px;max-width:350px;color:#12304c}
.svc-visual-lines{display:grid;gap:8px;width:75%;margin:0 0 23px}
.svc-visual-lines i{height:7px;border-radius:6px;background:#cbdfee}.svc-visual-lines i:nth-child(2){width:76%}
.svc-mock-button{display:inline-block;background:#0057ff;color:#fff;font-size:10px;font-weight:830;padding:10px 13px;border-radius:8px}
.svc-float{position:absolute;right:-11px;bottom:-18px;background:#0a2545;color:#fff;border:1px solid #3c729f;border-radius:13px;padding:15px 17px;box-shadow:0 12px 30px #02162d55;font-size:11px;line-height:1.6}
.svc-float b{display:block;color:#69f4c4;font-size:12px}
.svc-principles{background:#e8f0f8;border-bottom:1px solid #d0e0ee}
.svc-principles-inner{padding:18px 0;display:flex;gap:16px 28px;flex-wrap:wrap;color:#29516e;font-weight:760;font-size:12px}
.svc-principles span:before{content:"•";margin-right:9px;color:#0057ff}
.svc-section{padding-block:clamp(60px,7vw,95px)}
.svc-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:60px;align-items:start}
.svc-section h2{font-size:clamp(30px,3.6vw,52px);letter-spacing:-.047em;line-height:1.08;margin:13px 0 18px}
.svc-section p{color:#456176;line-height:1.75;font-size:15px}
.svc-section .svc-kicker{color:#0057ff;margin:0}
.svc-list{display:grid;grid-template-columns:1fr 1fr;gap:14px}
.svc-feature{background:#fff;border:1px solid #dbe8f3;border-radius:16px;padding:22px;box-shadow:0 5px 22px #123b5912}
.svc-feature span{font-size:11px;font-weight:850;color:#00739c}
.svc-feature h3{font-size:18px;line-height:1.23;margin:9px 0;color:#122b47}
.svc-feature p{font-size:13px;margin:0}
.svc-steps{background:#ecf5fb;border-top:1px solid #dbe7f1;border-bottom:1px solid #dbe7f1}
.svc-step-row{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}
.svc-step{background:#fff;padding:26px;border-radius:16px;border:1px solid #d4e6f0}
.svc-step b{display:inline-flex;align-items:center;justify-content:center;border:1px solid #9ad3ec;color:#0057ff;width:38px;height:38px;border-radius:11px;font-size:12px}
.svc-step h3{font-size:18px;margin:19px 0 8px}.svc-step p{margin:0;font-size:13px;color:#526b80}
.svc-faq{padding-top:30px}.svc-faq details{border-bottom:1px solid #cfddea;padding:18px 0}.svc-faq summary{font-size:16px;font-weight:760;cursor:pointer}.svc-faq p{max-width:800px;margin:10px 0 0;font-size:13px}
.svc-arabic{background:#122945;color:#edf8ff}.svc-arabic .svc-kicker{color:#76eabf}.svc-arabic h2{color:#fff}.svc-arabic p{color:#c4d9e9}
.svc-arabic-card{padding:29px;background:#1d3d5d;border:1px solid #48718c;border-radius:18px;max-width:950px}
.svc-arabic-card ul{line-height:2;list-style-position:inside;padding:0}.svc-arabic-card li{font-size:14px}
.svc-arabic .svc-primary{margin-top:10px}
.svc-cta{background:#0b213a;text-align:center;color:#f3f8ff;padding-block:80px}
.svc-cta h2{font-size:clamp(29px,4vw,54px);letter-spacing:-.05em;max-width:780px;margin:0 auto 20px}
.svc-cta p{margin:0 auto 23px;max-width:750px;color:#c0d6e5;line-height:1.65}
.svc-footer{background:#09172c;color:#bacbdc;padding:22px 0;font-size:12px}
.svc-footer-inner{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap}
.svc-footer-inner a{color:#bee4ff}
.svc-links a:hover,.svc-secondary:hover{color:#fff}
[dir=rtl] .svc-principles span:before{margin-right:0;margin-left:9px}
@media(max-width:920px){.svc-hero-grid,.svc-grid{grid-template-columns:1fr}.svc-hero-grid{gap:48px}.svc-visual{max-width:620px}.svc-links{gap:10px}}
@media(max-width:640px){.svc-wrap{width:calc(100% - 32px)}.svc-nav{align-items:flex-start;padding-block:14px;flex-wrap:wrap}.svc-links{width:100%;order:3;overflow-x:auto;white-space:nowrap;flex-wrap:nowrap;padding-bottom:7px}.svc-hero-grid{padding-block:58px}.svc-window{min-height:270px}.svc-list,.svc-step-row{grid-template-columns:1fr}.svc-visual{transform:none}.svc-float{right:4px;bottom:-21px}.svc-section{padding-block:54px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.svc-visual{transform:none}}
@media(forced-colors:active){.svc-primary,.svc-mock-button{border:2px solid ButtonText}}

.svc-logo img{width:36px;height:36px;display:block;object-fit:contain;border-radius:10px;background:#0057ff;padding:3px}
.svc-prep{margin-top:30px;max-width:1020px;background:#fff;border:1px solid #d4e6f0;border-radius:16px;padding:clamp(19px,3vw,34px)}
.svc-prep h3{color:#12314e;font-size:clamp(18px,2vw,24px);line-height:1.3;margin:0 0 12px}
.svc-prep p{font-size:14px;line-height:1.8;margin:12px 0;color:#435d72}