@font-face{font-family: 'Bricolage Grotesque';src: url('/assets/fonts/bricolage.woff2') format('woff2');font-weight: 500 700;font-display: swap}@font-face{font-family: 'IBM Plex Sans';src: url('/assets/fonts/plex-sans.woff2') format('woff2');font-weight: 400 600;font-display: swap}@font-face{font-family: 'IBM Plex Mono';src: url('/assets/fonts/plex-mono-Medium.woff2') format('woff2');font-weight: 500;font-display: swap}@font-face{font-family: 'IBM Plex Mono';src: url('/assets/fonts/plex-mono-SemiBold.woff2') format('woff2');font-weight: 600;font-display: swap}@view-transition{navigation: auto}:root{--bg: #06111F;--bg2: #0B1C30;--ink: #EAF2FA;--mute: #9DB0C4;--line: rgba(190,220,255,.14);--glass: rgba(18,38,62,.55);--glass-strong: rgba(14,30,50,.82);--ice: #9FD8FF;--acc: #9FD8FF;--wa: #25D366;--radius: 18px;--f-title: 'Bricolage Grotesque',system-ui,sans-serif;--f-text: 'IBM Plex Sans',system-ui,sans-serif;--f-mono: 'IBM Plex Mono',ui-monospace,monospace;--maxw: 1180px}*,*::before,*::after{box-sizing: border-box}html{scroll-behavior: smooth;-webkit-text-size-adjust: 100%}@media (prefers-reduced-motion: reduce){html{scroll-behavior: auto}*,*::before,*::after{animation: none !important;transition: none !important}}body{margin: 0;background: var(--bg);color: var(--ink);font: 400 17px/1.65 var(--f-text);overflow-x: hidden}img,svg{max-width: 100%}a{color: var(--ice);text-underline-offset: 3px}a:hover{color: #fff}h1,h2,h3,h4{font-family: var(--f-title);line-height: 1.1;letter-spacing: -.02em;margin: 0 0 .5em;text-wrap: balance}h1{font-size: clamp(2.1rem,5vw,3.6rem);font-weight: 700}h2{font-size: clamp(1.6rem,3.4vw,2.4rem);font-weight: 650}h3{font-size: 1.25rem;font-weight: 600}p{margin: 0 0 1em}.mono,.tag,.price{font-family: var(--f-mono)}.skip{position: absolute;left: 8px;top: -100px;background: #fff;color: #000;padding: 8px 12px;border-radius: 8px;z-index: 100}.skip:focus{top: 8px}:focus-visible{outline: 2px solid var(--acc);outline-offset: 3px;border-radius: 6px}.wrap{max-width: var(--maxw);margin: 0 auto;padding: 0 20px}.hdr{position: fixed;inset: 0 0 auto 0;z-index: 50;display: flex;align-items: center;gap: 16px;padding: 12px 20px;background: linear-gradient(180deg,rgba(6,17,31,.85),rgba(6,17,31,.35));backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px);border-bottom: 1px solid var(--line)}.logo{display: flex;align-items: center;gap: 10px;color: var(--ink);text-decoration: none;font-family: var(--f-title);font-weight: 700;line-height: 1}.logo svg{width: 34px;height: 34px}.logo small{display: block;font: 500 .7rem/1.2 var(--f-mono);color: var(--ice);letter-spacing: .14em;text-transform: uppercase;margin-top: 3px}.nav{margin-left: auto;display: flex;align-items: center;gap: 4px}.nav>a,.nav .dd>button{color: var(--ink);text-decoration: none;font: 500 .95rem var(--f-text);padding: 8px 12px;border-radius: 10px;background: none;border: 0;cursor: pointer}.nav>a:hover,.nav .dd>button:hover,.nav>a[aria-current="page"]{background: rgba(159,216,255,.1)}.dd{position: relative}.dd-menu{position: absolute;top: 100%;left: 0;min-width: 270px;padding: 8px;background: var(--glass-strong);border: 1px solid var(--line);border-radius: 14px;backdrop-filter: blur(14px);display: none;box-shadow: 0 20px 50px rgba(0,0,0,.4)}.dd:hover .dd-menu,.dd:focus-within .dd-menu,.dd.open .dd-menu{display: block}.dd-menu a{display: flex;align-items: center;gap: 10px;padding: 9px 10px;border-radius: 10px;color: var(--ink);text-decoration: none;font-size: .95rem}.dd-menu a:hover{background: rgba(159,216,255,.08)}.dd-menu i{width: 10px;height: 10px;border-radius: 3px;transform: rotate(45deg);flex: none}.btn{display: inline-flex;align-items: center;justify-content: center;gap: 8px;padding: 12px 20px;border-radius: 999px;font: 600 .95rem var(--f-text);text-decoration: none;border: 1px solid transparent;cursor: pointer;transition: transform .2s,background .2s,border-color .2s;color: #04121F;background: var(--ice)}.btn:hover{transform: translateY(-2px);color: #04121F;background: #CFEFFF}.btn svg{width: 18px;height: 18px}.btn-ghost{background: rgba(255,255,255,.04);color: var(--ink);border-color: var(--line)}.btn-ghost:hover{background: rgba(255,255,255,.1);color: #fff}.btn-wa{background: var(--wa);color: #04210F}.btn-wa:hover{background: #4AE383;color: #04210F}.btn-sm{padding: 9px 14px;font-size: .88rem}.burger{display: none;margin-left: auto;background: none;border: 1px solid var(--line);color: var(--ink);border-radius: 10px;padding: 8px 10px;cursor: pointer}@media (max-width: 980px){.burger{display: block}.nav{display: none;position: absolute;top: 100%;left: 0;right: 0;flex-direction: column;align-items: stretch;padding: 12px;background: var(--glass-strong);backdrop-filter: blur(14px);border-bottom: 1px solid var(--line);max-height: calc(100vh - 64px);overflow: auto}.nav.open{display: flex}.dd-menu{position: static;display: block;box-shadow: none;background: transparent;border: 0;padding: 0 0 0 10px}.hdr .hdr-wa span{display: none}}main{display: block}.page-hero{position: relative;padding: 130px 0 56px;overflow: hidden;border-bottom: 1px solid var(--line);background: radial-gradient(90% 120% at 80% 0%,color-mix(in srgb,var(--acc) 22%,transparent),transparent 60%),var(--bg)}.page-hero::before{content: "";position: absolute;inset: 0;background-image: var(--motif,none);background-size: 64px 64px;opacity: .09;mask-image: linear-gradient(180deg,#000,transparent 90%);-webkit-mask-image: linear-gradient(180deg,#000,transparent 90%)}.page-hero .wrap{position: relative}.crumbs{font: 500 .78rem var(--f-mono);color: var(--mute);letter-spacing: .06em;margin-bottom: 18px}.crumbs a{color: var(--mute);text-decoration: none}.crumbs a:hover{color: var(--ink)}.lede{font-size: 1.15rem;color: #C9D8E6;max-width: 760px}.tag{display: inline-flex;align-items: center;gap: 8px;font-size: .74rem;letter-spacing: .14em;text-transform: uppercase;color: var(--acc);margin-bottom: 14px}.tag::before{content: "";width: 8px;height: 8px;background: var(--acc);transform: rotate(45deg)}.actions{display: flex;flex-wrap: wrap;gap: 10px;margin-top: 22px}section.blk{padding: 64px 0;border-bottom: 1px solid var(--line);content-visibility: auto;contain-intrinsic-size: auto 640px}section.blk:nth-of-type(even){background: var(--bg2)}.grid{display: grid;gap: 16px;grid-template-columns: repeat(auto-fit,minmax(240px,1fr))}.grid-2{display: grid;gap: 24px;grid-template-columns: repeat(auto-fit,minmax(320px,1fr))}.card{background: var(--glass);border: 1px solid var(--line);border-radius: var(--radius);padding: 22px;backdrop-filter: blur(10px);-webkit-backdrop-filter: blur(10px)}.card h3{margin-bottom: .35em}.card p:last-child{margin-bottom: 0}.card .ico{width: 42px;height: 42px;border-radius: 12px;display: grid;place-items: center;background: color-mix(in srgb,var(--acc) 16%,transparent);color: var(--acc);margin-bottom: 12px}.card .ico svg{width: 22px;height: 22px}.card.link{text-decoration: none;color: var(--ink);transition: transform .2s,border-color .2s;display: block}.card.link:hover{transform: translateY(-3px);border-color: color-mix(in srgb,var(--acc) 50%,transparent)}.card.link .more{color: var(--acc);font-weight: 600;font-size: .92rem}.adv{border-left: 3px solid var(--acc)}.adv strong{display: block;font: 600 1.6rem var(--f-mono);color: var(--acc)}.callout{border-radius: var(--radius);padding: 20px 22px;border: 1px solid rgba(255,190,110,.35);background: rgba(255,170,80,.08)}.callout h3{color: #FFCB8A}.callout ul{margin: 0;padding-left: 1.1em}.callout.info{border-color: rgba(159,216,255,.35);background: rgba(159,216,255,.07)}.callout.info h3{color: var(--ice)}ul.check{list-style: none;padding: 0;margin: 0 0 1em}ul.check li{position: relative;padding-left: 26px;margin: .35em 0}ul.check li::before{content: "";position: absolute;left: 4px;top: .55em;width: 9px;height: 9px;transform: rotate(45deg);background: var(--acc)}table.prices{width: 100%;border-collapse: collapse;font-size: 1rem}table.prices th,table.prices td{text-align: left;padding: 14px 12px;border-bottom: 1px solid var(--line)}table.prices th{font: 500 .75rem var(--f-mono);letter-spacing: .12em;text-transform: uppercase;color: var(--mute)}table.prices td.price{font-weight: 600;color: var(--ice);white-space: nowrap}.table-scroll{overflow-x: auto}.chips{display: flex;flex-wrap: wrap;gap: 8px;margin: 0;padding: 0;list-style: none}.chips li{padding: 7px 13px;border-radius: 999px;border: 1px solid var(--line);background: rgba(255,255,255,.03);font-size: .92rem}.steps3{counter-reset: s;display: grid;gap: 16px;grid-template-columns: repeat(auto-fit,minmax(230px,1fr))}.steps3 .card::before{counter-increment: s;content: "0" counter(s);display: block;font: 600 .85rem var(--f-mono);color: var(--acc);margin-bottom: 8px;letter-spacing: .1em}details.faq{border: 1px solid var(--line);border-radius: 14px;padding: 4px 18px;margin: 10px 0;background: var(--glass)}details.faq summary{cursor: pointer;font-weight: 600;padding: 14px 0;list-style: none;position: relative;padding-right: 28px}details.faq summary::-webkit-details-marker{display: none}details.faq summary::after{content: "+";position: absolute;right: 0;top: 10px;font: 400 1.5rem var(--f-mono);color: var(--acc)}details.faq[open] summary::after{content: "–"}.prose{max-width: 760px}.prose h2{margin-top: 1.6em;font-size: 1.7rem}.prose ul{padding-left: 1.2em}.prose li{margin: .3em 0}.prose .callout{margin: 1.4em 0}.form{display: grid;gap: 14px;grid-template-columns: repeat(auto-fit,minmax(240px,1fr))}.form .full{grid-column: 1 / -1}.form label{display: block;font: 500 .78rem var(--f-mono);letter-spacing: .08em;text-transform: uppercase;color: var(--mute);margin-bottom: 6px}.form input,.form select,.form textarea{width: 100%;padding: 12px 14px;border-radius: 12px;border: 1px solid var(--line);background: rgba(4,14,26,.6);color: var(--ink);font: 400 1rem var(--f-text)}.form textarea{min-height: 110px;resize: vertical}.preview{white-space: pre-wrap;font: 400 .92rem/1.5 var(--f-mono);background: rgba(4,14,26,.7);border: 1px dashed var(--line);border-radius: 12px;padding: 14px;min-height: 120px}.contact-line{font: 500 1.05rem var(--f-mono);user-select: all}.ftr{padding: 56px 0 30px;background: #040B15;border-top: 1px solid var(--line);font-size: .95rem;color: var(--mute);position: relative;z-index: 2}.ftr .cols{display: grid;gap: 30px;grid-template-columns: 1.4fr repeat(4,1fr)}@media (max-width: 820px){.ftr .cols{grid-template-columns: 1fr 1fr}}@media (max-width: 520px){.ftr .cols{grid-template-columns: 1fr}}.ftr .fh{font-size: .8rem;font-family: var(--f-mono);letter-spacing: .14em;text-transform: uppercase;color: var(--ink);margin-bottom: 12px}.ftr ul{list-style: none;margin: 0;padding: 0}.ftr li{margin: 6px 0}.ftr a{color: var(--mute);text-decoration: none}.ftr a:hover{color: var(--ink)}.ftr .legal{margin-top: 36px;padding-top: 18px;border-top: 1px solid var(--line);font-size: .82rem}.fabs{position: fixed;right: 18px;bottom: 18px;z-index: 60;display: flex;flex-direction: column;align-items: flex-end;gap: 10px}.fab{position: relative;display: flex;align-items: center;justify-content: center;width: 54px;height: 54px;border-radius: 50%;text-decoration: none;box-shadow: 0 10px 30px rgba(0,0,0,.4);transition: transform .2s}.fab:hover{transform: scale(1.06)}.fab .fi{display: grid;place-items: center}.fab .fi svg{width: 24px;height: 24px}.fab .fl{position: absolute;right: 64px;white-space: nowrap;font: 600 .82rem var(--f-text);color: var(--ink);background: var(--glass-strong);border: 1px solid var(--line);padding: 6px 10px;border-radius: 8px;opacity: 0;pointer-events: none;transition: opacity .2s}.fab:hover .fl,.fab:focus-visible .fl{opacity: 1}.fab-wa{background: var(--wa);color: #fff}.fab-wa svg{fill: #fff;width: 28px !important;height: 28px !important}.fab-tel{background: #12324F;border: 1px solid var(--line);color: var(--ice)}.fab-alt{width: 46px;height: 46px;margin-right: 4px;background: #0F2238;border: 1px solid var(--line);color: var(--ice)}.fab-alt .fi svg{width: 20px;height: 20px}@media (max-width: 820px){body{padding-bottom: calc(68px + env(safe-area-inset-bottom,0px))}.fabs{left: 0;right: 0;bottom: 0;flex-direction: row;align-items: stretch;gap: 0;padding: 6px 6px calc(6px + env(safe-area-inset-bottom,0px));background: rgba(6,17,31,.94);border-top: 1px solid var(--line);backdrop-filter: blur(12px);-webkit-backdrop-filter: blur(12px)}.fab,.fab-alt{flex: 1;width: auto;height: 56px;margin: 0 3px;border-radius: 12px;flex-direction: column;gap: 3px;box-shadow: none}.fab:hover{transform: none}.fab .fl{position: static;opacity: 1;background: none;border: 0;padding: 0;font-size: .7rem;color: inherit}.fab-wa svg{width: 22px !important;height: 22px !important}.fab .fi svg{width: 20px;height: 20px}.fab-wa{color: #04210F}.fab-wa svg{fill: #04210F}}.langs{font-size: .9rem}.trust{display: grid;gap: 10px;grid-template-columns: repeat(auto-fit,minmax(190px,1fr));margin-top: 26px}.trust div{display: flex;align-items: center;gap: 12px;padding: 12px 14px;border-radius: 14px;background: rgba(255,255,255,.04);border: 1px solid var(--line)}.trust svg{width: 22px;height: 22px;color: var(--acc);flex: none}.trust b{display: block;font: 600 1rem var(--f-mono);color: var(--ink)}.trust span{font-size: .85rem;color: var(--mute)}@media (max-width: 560px){.trust{grid-template-columns: 1fr 1fr}.trust div{padding: 10px;gap: 8px}.trust span{font-size: .78rem}}.quick{display: grid;gap: 10px;grid-template-columns: repeat(auto-fit,minmax(200px,1fr))}.quick a{display: flex;align-items: center;gap: 12px;padding: 16px;border-radius: 14px;border: 1px solid var(--line);background: var(--glass);color: var(--ink);text-decoration: none;font-weight: 600;transition: border-color .2s,transform .2s}.quick a:hover{border-color: var(--acc);transform: translateY(-2px)}.quick a svg{width: 22px;height: 22px;color: var(--acc);flex: none}.quick a small{display: block;font-weight: 400;color: var(--mute);font-size: .85rem}.calc-out{font: 600 2rem var(--f-mono);color: var(--ice)}.glossary dt{font-family: var(--f-title);font-weight: 600;font-size: 1.15rem;margin-top: 18px;color: var(--ice)}.glossary dd{margin: 4px 0 0}[dir="rtl"] body,[dir="rtl"]{font-family: 'Segoe UI','Noto Sans Arabic',Tahoma,sans-serif}[dir="rtl"] h1,[dir="rtl"] h2,[dir="rtl"] h3{font-family: 'Segoe UI','Noto Sans Arabic',Tahoma,sans-serif;letter-spacing: 0}[dir="rtl"] ul.check li{padding-left: 0;padding-right: 26px}[dir="rtl"] ul.check li::before{left: auto;right: 4px}@media (max-width: 1180px){.hide-sm{display: none}}