@font-face{font-family:Tajawal;src:url('/static/fonts/Tajawal-Regular.e004337f9e3830a7.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Tajawal;src:url('/static/fonts/Tajawal-Bold.55d574ec00ad52e6.woff2') format('woff2');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('/static/fonts/Inter-Regular.cada73c24ab2b3af.woff2') format('woff2');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('/static/fonts/Inter-Medium.0c1fff1be5cc64d9.woff2') format('woff2');font-weight:500;font-display:swap}
@font-face{font-family:Inter;src:url('/static/fonts/Inter-SemiBold.1e591b6e84c93771.woff2') format('woff2');font-weight:600 900;font-display:swap}
:root{color-scheme:light;--ink:#161719;--muted:#65676d;--blue:#075dcc;--action:#0866ed;--line:#e8e9ee;--paper:#fcfcfd;--white:#fff;--soft:#f5f6f8;--tint:#edf4ff;--shadow:0 8px 32px #17233e04;--radius:24px}
:root[data-theme=dark]{color-scheme:dark;--ink:#f6f7fa;--muted:#b1b5c0;--blue:#8ab8ff;--action:#0866ed;--line:#2c3039;--paper:#0e1015;--white:#171a21;--soft:#1e222c;--tint:#202e48;--shadow:0 8px 32px #0002}
*{box-sizing:border-box}
html{scroll-behavior:smooth;scroll-padding-top:110px}
body{margin:0;background:var(--paper);color:var(--ink);font:16px/1.65 Inter,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
html[lang=ar] body{font:18px/1.65 Tajawal,'Segoe UI',sans-serif}
a{color:var(--blue);text-underline-offset:4px;touch-action:manipulation}
a:hover{text-decoration-thickness:2px}
button,a,summary{-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible,summary:focus-visible,[tabindex]:focus-visible{outline:3px solid var(--blue);outline-offset:5px;border-radius:5px}
main:focus{outline:none}
h1,h2,h3,p,figure{margin:0}
h1,h2,h3{line-height:1.2;letter-spacing:-.045em;font-weight:500;text-wrap:balance}
h1{font-size:64px}h2{font-size:48px}h3{font-size:24px;letter-spacing:-.035em}
html[lang=ar] :is(h1,h2,h3){letter-spacing:-.035em;font-weight:700;line-height:1.32}
p{color:var(--muted)}
img{max-width:100%;object-fit:contain}
svg{flex-shrink:0}.icon{width:24px;height:24px;vertical-align:middle}
.container{width:min(1104px,calc(100% - 48px));margin-inline:auto}
.section{padding-block:88px;scroll-margin-top:20px}
.eyebrow{display:inline-flex;align-items:center;width:fit-content;padding:4px 12px;border:1px solid #a0c6ff;border-radius:12px;background:var(--tint);color:var(--blue);font-size:13px;line-height:1.6;font-weight:500;letter-spacing:0;margin-bottom:24px}
html[lang=ar] .eyebrow{font-size:15px}
[data-theme=dark] .eyebrow{border-color:#3e6091}
.lead{font-size:17px;line-height:1.65}
.muted{color:var(--muted)}
.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.skip-link{position:fixed;z-index:100;top:8px;inset-inline-start:16px;transform:translateY(-240%);padding:10px 20px;background:var(--white);color:var(--ink);border:2px solid var(--blue)}
.skip-link:focus{transform:none}
.preview-banner{text-align:center;padding:5px 16px;background:#fff3d4;color:#705017;font-size:13px}
.site-header{position:sticky;top:0;z-index:30;background:var(--white);box-shadow:0 3px 18px #15244504;border-bottom:1px solid var(--line)}
.header-inner{min-height:76px;display:flex;align-items:center;gap:28px;justify-content:space-between}
.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);text-decoration:none;font-size:18px;font-weight:600;letter-spacing:-.04em;line-height:1.15}
html[lang=ar] .brand{font-size:23px;font-weight:700}
.brand img{width:38px;height:38px;flex-shrink:0}
.header-inner nav{display:flex;align-items:center;gap:24px}
.header-inner nav a{font-size:13px;text-decoration:none;color:var(--muted);padding-block:18px;white-space:nowrap}
html[lang=ar] .header-inner nav a{font-size:16px}
.header-inner nav a:hover,.header-inner nav a[aria-current]{color:var(--blue)}
.header-controls{display:flex;gap:10px;align-items:center;flex-shrink:0}
.language{font-size:13px;text-decoration:none;color:var(--ink);padding:8px 12px;border:1px solid var(--line);border-radius:10px}
.theme-toggle{display:grid;place-items:center;width:36px;height:36px;border:0;border-radius:10px;background:var(--soft);color:var(--ink);cursor:pointer}
.theme-toggle[hidden]{display:none}.theme-toggle .icon{width:19px;height:19px}.theme-sun{display:none}[data-theme=dark] .theme-sun{display:block}[data-theme=dark] .theme-moon{display:none}
.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:46px;padding:11px 23px;border:1px solid transparent;border-radius:12px;font-weight:500;font-size:14px;text-decoration:none;line-height:1.4;transition:background .15s,transform .15s;max-width:100%}
html[lang=ar] .button{font-size:17px;font-weight:700}
.primary{background:var(--action);color:#fff;border-color:#418cff;box-shadow:inset 0 0 0 1px #ffffff25,0 3px 8px #0765ed18}
.primary:hover{background:#0757ca;color:#fff}
.secondary{background:var(--white);border-color:var(--line);color:var(--ink);box-shadow:0 2px 6px #00000003}
.secondary:hover{background:var(--soft)}
.hero{position:relative;padding-block:85px 55px;text-align:center}
.hero-copy{max-width:810px;margin-inline:auto;position:relative;z-index:1}
.hero h1{margin-bottom:22px}
.hero .lead{max-width:590px;margin-inline:auto}
html[lang=ar] .hero .lead{font-size:21px;max-width:610px}
.actions{display:flex;gap:12px;justify-content:center;margin-top:29px;flex-wrap:wrap}
.hero-footnote{display:flex;align-items:center;justify-content:center;gap:8px;margin-top:18px;font-size:12px}
html[lang=ar] .hero-footnote{font-size:15px}.hero-footnote .icon{width:15px;height:15px}
.floating-icons{position:absolute;inset:0;pointer-events:none}
.float-tile{position:absolute;display:block;color:var(--blue)}
.float-tile .icon{width:34px;height:34px;stroke-width:1.5}
.float-0{left:6px;top:100px}.float-1{right:12px;top:115px}.float-2{left:72px;bottom:65px}.float-3{right:58px;bottom:65px}
.product-showcase{position:relative;scroll-margin-top:95px}
.product-showcase::before{content:'';position:absolute;inset:0 -20px 25%;z-index:-1;background:radial-gradient(ellipse,#9ec8ff75,transparent 70%);filter:blur(25px)}
.capture-frame{background:var(--tint);padding:10px;border-radius:26px;border:1px solid var(--line);box-shadow:0 20px 70px #1b5aca12}
.product-capture img{display:block;width:100%;height:auto;border-radius:17px;border:1px solid var(--line)}
.product-capture .capture-dark{display:none}[data-theme=dark] .product-capture .capture-light{display:none}[data-theme=dark] .product-capture img.capture-dark{display:block}[data-theme=dark] .product-capture a.capture-dark{display:inline-block}
.product-capture figcaption{padding:19px 10px 0;display:flex;justify-content:space-between;gap:15px;font-size:11px;color:var(--muted);line-height:1.6}
html[lang=ar] .product-capture figcaption{font-size:14px}
.product-capture figcaption .text-link{margin:0;flex-shrink:0}
.text-link{display:inline-block;margin-top:18px;font-size:14px;font-weight:500;text-decoration:none;border-bottom:1px solid currentColor;padding-bottom:2px;width:fit-content}
html[lang=ar] .text-link{font-size:17px;font-weight:700}
.trust-strip{display:flex;justify-content:center;gap:60px;padding-block:55px 10px;color:var(--muted);font-size:13px}
.trust-strip>span{display:flex;gap:10px;align-items:center}.trust-strip .icon{width:19px;height:19px;color:var(--blue)}
html[lang=ar] .trust-strip{font-size:17px}
.section-heading{text-align:center;max-width:680px;margin:0 auto 44px}
.section-heading h2{max-width:650px;margin:0 auto 17px}
.section-heading>p:not(.eyebrow){max-width:570px;margin-inline:auto}
.section-heading .eyebrow{margin-bottom:20px}
.feature-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.feature-card{background:var(--white);padding:16px;border-radius:var(--radius);box-shadow:var(--shadow);border:1px solid var(--line)}
.feature-copy{padding:23px 9px 13px}.feature-copy h3{margin-bottom:10px}.feature-copy p{font-size:14px;line-height:1.7}
html[lang=ar] .feature-copy p{font-size:18px}
.feature-art{height:275px;display:grid;place-items:center;background:var(--soft);border:1px solid var(--line);border-radius:17px;overflow:hidden;position:relative;isolation:isolate}
.feature-art::before{content:'';position:absolute;inset:0;background:radial-gradient(ellipse at 50% 100%,#c9ddff50,transparent 65%);z-index:-1}
.mini-window{width:77%;background:var(--white);border:1px solid var(--line);box-shadow:0 15px 35px #15335e09;border-radius:14px;padding:18px;transform:rotate(-3deg)}
.art-1 .mini-window{transform:rotate(3deg)}.art-2 .mini-window{transform:rotate(2deg)}
.mini-top{display:flex;align-items:center;justify-content:space-between;gap:8px;border-bottom:1px solid var(--line);padding-bottom:12px;margin-bottom:16px;font-size:11px;font-weight:500;color:var(--ink)}
html[lang=ar] .mini-top{font-size:14px}
.mini-top>span{display:flex;gap:8px;align-items:center}.mini-top .icon{width:16px;height:16px;color:var(--blue)}.mini-top>i{height:5px;width:26px;border-radius:8px;background:var(--line)}
.mini-invoice{display:grid;grid-template-columns:2fr 1fr 1fr;gap:15px;font-size:9px;color:var(--muted)}.mini-invoice i{height:8px;border-radius:5px;background:var(--soft)}.mini-invoice i:nth-child(3n){background:var(--tint)}
.mini-total{margin-top:20px;padding-top:12px;border-top:1px solid var(--line);display:flex;justify-content:space-between;align-items:center;color:var(--blue)}.mini-total span{height:8px;width:75px;background:var(--tint);border-radius:5px}.mini-total .icon{width:18px;height:18px}
.warehouse-network{display:flex;justify-content:center;gap:14px;margin:20px 0 28px}.warehouse-network>div{display:grid;place-items:center;width:62px;height:62px;border-radius:15px;background:var(--tint);border:1px solid #bad6ff;color:var(--blue)}.warehouse-network>div:nth-child(2){transform:translateY(8px);background:var(--action);color:white}
.mini-tags{display:flex;gap:8px;justify-content:center;flex-wrap:wrap}.mini-tags span{font-size:9px;padding:3px 7px;border:1px solid var(--line);border-radius:5px;color:var(--muted)}html[lang=ar] .mini-tags span{font-size:12px}
.mini-chart{display:flex;align-items:end;gap:8px;height:91px;border-bottom:1px solid var(--line);margin-bottom:12px;padding-inline:5px}
.mini-chart i{flex:1;height:35%;border-radius:4px 4px 0 0;background:#a5c7fd}.mini-chart i:nth-child(3n){height:72%;background:#418af4}.mini-chart i:nth-child(2n){height:54%}.mini-chart i:nth-child(5){height:90%;background:var(--action)}.mini-chart i:last-child{height:95%;background:var(--action)}
.backup-network{display:flex;align-items:center;justify-content:center;margin:24px 0;gap:9px;color:var(--blue)}.backup-network strong{display:grid;place-items:center;width:58px;height:64px;background:var(--tint);border-radius:15px}.backup-network strong .icon{width:32px;height:32px}.backup-network i{width:25px;border-top:2px dashed #abcafa}
.art-bubble{position:absolute;bottom:27px;inset-inline-end:25px;background:var(--white);border:1px solid var(--line);box-shadow:0 6px 20px #14285510;width:48px;height:48px;border-radius:14px;display:grid;place-items:center;color:var(--blue);transform:rotate(8deg)}
.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
.benefit-grid article{padding:26px;border:1px solid var(--line);background:var(--white);box-shadow:var(--shadow);border-radius:var(--radius)}
.feature-icon{display:grid;place-items:center;width:44px;height:44px;color:var(--blue);background:var(--tint);border:1px solid #d4e4ff;border-radius:12px;margin-bottom:32px}
[data-theme=dark] .feature-icon{border-color:#345077}
.benefit-grid h3{font-size:20px;margin-bottom:12px}.benefit-grid p{font-size:14px}html[lang=ar] .benefit-grid p{font-size:17px}html[lang=ar] .benefit-grid h3{font-size:24px}
.steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:38px;text-align:center}
.step-number{display:grid;place-items:center;margin:0 auto 25px;width:54px;height:54px;border-radius:16px;background:var(--tint);border:1px solid #bad6ff;color:var(--blue);font-size:20px;font-weight:500;box-shadow:0 0 0 7px var(--white)}
.steps h3{font-size:20px;margin-bottom:14px}.steps p{font-size:14px}html[lang=ar] .steps p{font-size:18px}html[lang=ar] .steps h3{font-size:25px}
.split-features{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:22px}
.split-features article{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:32px;box-shadow:var(--shadow)}
.connection-art{display:flex;align-items:center;justify-content:center;gap:12px;height:148px;margin-bottom:24px;border-radius:16px;background:var(--soft)}
.connection-art>span{background:var(--white);border:1px solid var(--line);width:48px;height:48px;border-radius:13px;display:grid;place-items:center;color:var(--blue)}
.connection-art>i{width:25px;border-top:2px dashed #a4c6f4}.connection-art strong{color:var(--blue)}.connection-art strong .icon{width:58px;height:70px;stroke-width:1.2}.connection-art img{padding:6px;background:var(--white);border:1px solid var(--line);border-radius:18px}
.split-features h3{margin-bottom:18px}.split-features .eyebrow{font-size:11px;margin-bottom:18px}html[lang=ar] .split-features .eyebrow{font-size:14px}
.split-features p:not(.eyebrow){font-size:14px}html[lang=ar] .split-features p:not(.eyebrow){font-size:18px}
.split-features .fine-print{margin-top:18px;font-size:12px!important}html[lang=ar] .split-features .fine-print{font-size:16px!important}
.package-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch;padding-top:34px}
.package-card{position:relative;background:var(--white);border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);display:flex;min-width:0}
.package-body{padding:25px;display:flex;flex-direction:column;width:100%;position:relative;background:var(--white);border-radius:22px}
.package-card.featured{border:4px solid var(--action);background:var(--action);border-radius:24px;flex-direction:column;margin-top:-35px}
.package-card.featured .package-body{flex:1}
.featured-ribbon{display:grid;place-items:center;flex:0 0 35px;background:var(--action);color:#fff;border-radius:20px 20px 0 0;text-align:center;font-size:11px;line-height:1.4;padding:5px}
html[lang=ar] .featured-ribbon{font-size:15px}
.package-name{font-size:14px;color:var(--blue);font-weight:600;align-self:flex-start;margin-bottom:24px}
.package-card h3{font-size:22px;margin-bottom:13px}.package-card p{font-size:13px;min-height:64px}html[lang=ar] .package-card p{font-size:17px}
.pricing{border-top:1px solid var(--line);padding-top:22px;margin-top:20px;margin-bottom:25px}
.pricing>bdi{display:block;font-size:29px;line-height:1.4;letter-spacing:-.05em;font-weight:600;color:var(--ink);white-space:nowrap}
.base-price-label{display:block;color:var(--muted);font-size:11px;margin-bottom:5px}
.billing,.installment-price{display:block;font-size:11px;color:var(--muted);margin-top:6px;line-height:1.65}
.installment-price{margin-top:13px;color:var(--ink);min-height:37px}html[lang=ar] :is(.base-price-label,.billing,.installment-price){font-size:15px}
.package-card .button{width:100%;margin-top:auto}
.package-features{list-style:none;padding:20px 0 0;border-top:1px solid var(--line);margin:24px 0 0;display:grid;gap:12px}
.package-features li{display:flex;align-items:center;gap:9px;font-size:12px}.package-features .icon{width:17px;height:17px;color:var(--blue)}html[lang=ar] .package-features li{font-size:16px}
.center-action{text-align:center;margin-top:30px}.center-action p{font-size:13px}html[lang=ar] .center-action p{font-size:16px}
.faq{max-width:780px}.faq>h2{margin-bottom:30px}
.faq details{border:1px solid var(--line);background:var(--white);border-radius:15px;margin-bottom:12px;box-shadow:var(--shadow)}
.faq summary{padding:20px 24px;cursor:pointer;display:flex;align-items:center;justify-content:space-between;gap:24px;font-size:15px;font-weight:500;list-style:none;color:var(--ink)}
.faq summary::-webkit-details-marker{display:none}.faq summary>span{font-size:24px;color:var(--muted);font-weight:400;line-height:1;transition:transform .2s}.faq details[open] summary>span{transform:rotate(45deg)}
.faq details p{padding:0 24px 23px;font-size:14px}.faq details[open]{border-color:#b6d3ff}html[lang=ar] .faq summary{font-size:20px}html[lang=ar] .faq details p{font-size:18px}
.contact-band{position:relative;isolation:isolate;overflow:hidden;background:var(--action);color:white;padding:66px 30px;text-align:center;border-radius:28px}
.contact-band .eyebrow{color:#fff;background:#ffffff14;border-color:#ffffff55}
.contact-band h2{max-width:700px;margin:auto}.contact-band>p:not(.eyebrow){color:#fff;max-width:570px;margin:20px auto 27px;font-size:16px}
html[lang=ar] .contact-band>p:not(.eyebrow){font-size:21px}
.contact-band .button{background:white;color:#0755bd;border-color:#fff;box-shadow:0 3px 12px #043a7d22}
.contact-band .button:hover{background:#edf4ff;color:#054396}
.cta-orbits{position:absolute;inset:-60% -8%;border:1px solid #ffffff18;border-radius:50%;z-index:-1;transform:rotate(-20deg);pointer-events:none}
.cta-orbits::before,.cta-orbits::after{content:'';position:absolute;inset:60px;border:1px solid #ffffff18;border-radius:50%}.cta-orbits::after{inset:130px}
.site-footer{background:var(--white);padding-top:50px;border-top:1px solid var(--line)}
.footer-top{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:55px;padding-bottom:45px}.footer-top p{max-width:340px;margin-top:20px;font-size:13px}html[lang=ar] .footer-top p{font-size:17px}
.footer-top nav{display:grid;grid-template-columns:1fr 1fr;gap:16px 22px;align-content:start;font-size:13px}.footer-top nav a{color:var(--muted);text-decoration:none}html[lang=ar] .footer-top nav{font-size:17px}
.footer-contact{display:flex;flex-direction:column;align-items:flex-start;gap:13px;font-size:13px}.footer-contact a{color:var(--ink);text-decoration:none;overflow-wrap:anywhere}.footer-contact span{color:var(--muted)}
.footer-bottom{border-top:1px solid var(--line);padding-block:22px;display:flex;justify-content:space-between;gap:25px;font-size:10px}.footer-bottom p:last-child{max-width:465px}html[lang=ar] .footer-bottom{font-size:13px}
.page-heading{text-align:center;padding-block:80px 65px}.page-heading h1{max-width:840px;margin:auto}.page-heading .lead{max-width:710px;margin:25px auto 0}html[lang=ar] .page-heading .lead{font-size:21px}
.comparison-section h2{font-size:28px}.comparison-section>p{margin-top:14px;font-size:14px}html[lang=ar] .comparison-section>p{font-size:18px}
.table-scroll{overflow-x:auto;margin-top:24px;border:1px solid var(--line);border-radius:20px;background:var(--white)}
.comparison{border-collapse:collapse;width:100%;min-width:950px;white-space:nowrap;text-align:center;font-size:14px}.comparison th,.comparison td{padding:23px 20px;border-bottom:1px solid var(--line);text-align:center;vertical-align:middle}.comparison thead th{background:var(--soft);color:var(--muted);font-size:12px;font-weight:500}.comparison th{font-weight:600}.comparison tr:last-child td,.comparison tr:last-child th{border-bottom:none}.comparison tr[data-package=professional]{background:var(--tint)}
html[lang=ar] .comparison{font-size:18px}html[lang=ar] .comparison thead th{font-size:16px}
.comparison .included{display:inline-flex;align-items:center;gap:6px;color:var(--blue)}.comparison .icon{width:17px;height:17px}.table-link{font-weight:500}.pricing-note{line-height:1.8}
.limits-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:30px}.limits-grid>div{display:flex;flex-direction:column;padding:28px;border:1px solid var(--line);border-radius:20px;background:var(--white)}.limits-grid strong{font-size:42px;color:var(--blue);font-weight:500}.limits-grid span{font-size:16px}.limits-note{margin-top:24px}.device-example{padding:20px 24px;border-radius:12px;background:var(--tint);margin-top:20px;color:var(--blue)}
.session-details{margin-top:24px;padding:0 24px;border:1px solid var(--line);border-radius:15px;background:var(--white)}.session-details summary{cursor:pointer;padding-block:20px}.session-details[open]{padding-bottom:24px}
.info-columns{display:grid;grid-template-columns:1fr 1fr;gap:45px;margin-top:45px}.info-columns h3{margin-bottom:18px}
.contact-grid{display:grid;grid-template-columns:1fr 1fr;gap:24px}.contact-grid article{padding:36px;border:1px solid var(--line);border-radius:var(--radius);background:var(--white);box-shadow:var(--shadow)}.contact-grid .icon{color:var(--blue);margin-bottom:25px}.contact-grid h2{font-size:28px;margin-bottom:15px}.contact-value{overflow-wrap:anywhere;text-align:start;font-size:20px;margin-top:25px}.contact-grid .button{margin-top:25px}
.contact-note{display:flex;align-items:start;gap:15px;background:var(--tint);padding:24px;border-radius:16px;margin-top:25px;font-size:14px}.contact-note .icon{color:var(--blue);margin-top:3px}html[lang=ar] .contact-note{font-size:18px}
.policy-layout{display:grid;grid-template-columns:235px minmax(0,1fr);gap:70px;padding-block:75px 90px;align-items:start}.policy-nav{position:sticky;top:110px;border-inline-end:1px solid var(--line);padding-inline-end:25px;font-size:13px}.policy-nav>p{color:var(--ink);font-weight:600}.policy-nav ol{padding-inline-start:18px;margin-top:15px}.policy-nav li{padding-block:6px;color:var(--muted)}.policy-nav a{color:var(--muted);text-decoration:none}html[lang=ar] .policy-nav{font-size:17px}
.policy h1{font-size:46px}.policy header .lead{margin-block:22px;font-size:17px}.policy header>.muted{font-size:13px}.policy section{margin-top:40px;scroll-margin-top:100px}.policy section h2{font-size:25px;margin-bottom:18px}.policy section p+p{margin-top:16px}.policy :is(p,a){overflow-wrap:anywhere}.notice{padding:25px 30px;background:var(--tint);border-inline-start:3px solid var(--blue);border-radius:12px;margin-top:40px}
@media(max-width:1100px){.header-inner{gap:15px}.header-inner nav{gap:15px}.header-inner .brand{font-size:16px;max-width:220px}.float-tile{width:60px;height:60px;border-radius:18px}.float-tile .icon{width:27px;height:27px}.float-0{left:0}.float-1{right:0}.float-2{left:25px;bottom:40px}.float-3{right:25px;bottom:40px}.hero h1{font-size:56px}.hero-copy{max-width:700px}.package-body{padding:22px 18px}.pricing>bdi{font-size:25px}.footer-top{gap:30px}}
@media(max-width:850px){.header-inner{flex-wrap:wrap;min-height:106px;padding-block:10px;gap:4px 18px}.header-inner .brand{max-width:none;flex:1}.header-inner nav{order:3;width:100%;justify-content:center;gap:28px}.header-inner nav a{padding-block:8px}.hero{padding-block:62px 44px}.hero h1{font-size:52px}.section{padding-block:64px}h2{font-size:40px}.trust-strip{gap:20px;flex-wrap:wrap}.benefit-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.package-cards{gap:12px}.package-body{padding:18px 12px}.pricing>bdi{font-size:22px}.package-card h3{font-size:19px}.package-card p{min-height:90px}.package-features li{font-size:11px}.footer-top{grid-template-columns:1fr 1fr}.footer-contact{grid-column:1/-1;flex-direction:row;gap:25px}.policy-layout{grid-template-columns:180px minmax(0,1fr);gap:30px}.policy-nav{top:135px}}
@media(max-width:620px){.header-inner nav a[href$="#benefits"]{display:none}.container{width:calc(100% - 32px)}body{font-size:15px}html[lang=ar] body{font-size:18px}.header-inner{min-height:112px}.header-inner .brand{font-size:15px;gap:7px}html[lang=ar] .header-inner .brand{font-size:20px}.brand img{width:32px;height:32px}.header-controls{gap:7px}.language{padding:7px 9px;font-size:11px}.theme-toggle{width:32px;height:32px}.header-inner nav{justify-content:space-between;gap:8px}.header-inner nav a{font-size:11px}html[lang=ar] .header-inner nav a{font-size:15px}.hero{padding-block:45px 35px}.hero h1{font-size:39px;letter-spacing:-.05em}html[lang=ar] .hero h1{font-size:43px;line-height:1.35}.hero .lead{font-size:15px}html[lang=ar] .hero .lead{font-size:19px}.hero .eyebrow{margin-bottom:20px}.actions{gap:10px;margin-top:24px}.button{min-height:44px;padding:10px 17px;font-size:13px}.hero-footnote{font-size:11px;margin-top:17px}.capture-frame{padding:5px;border-radius:14px}.product-capture img{border-radius:9px}.product-showcase::before{inset:0 0 20%}.product-capture figcaption{flex-direction:column;align-items:center;text-align:center;gap:7px;font-size:10px;padding-inline:0}html[lang=ar] .product-capture figcaption{font-size:12px}.product-capture figcaption .text-link{font-size:11px}html[lang=ar] .product-capture figcaption .text-link{font-size:14px}.trust-strip{flex-direction:column;align-items:center;gap:15px;padding-top:35px;font-size:12px}html[lang=ar] .trust-strip{font-size:16px}.section{padding-block:48px}h2{font-size:34px}.section-heading{margin-bottom:30px}.section-heading>p:not(.eyebrow){font-size:14px}html[lang=ar] .section-heading>p:not(.eyebrow){font-size:18px}.feature-grid,.benefit-grid,.steps,.split-features,.package-cards,.contact-grid,.info-columns{grid-template-columns:1fr}.feature-art{height:235px}.feature-copy{padding:20px 7px 8px}.feature-copy h3{font-size:22px}.benefit-grid{gap:14px}.benefit-grid article{padding:25px}.feature-icon{margin-bottom:23px}.steps{gap:32px}.steps article{max-width:340px;margin-inline:auto}.split-features article{padding:24px}.connection-art{gap:10px}.connection-art>i{width:15px}.package-cards{gap:50px;padding-top:0}.package-body{padding:28px}.pricing>bdi{font-size:34px}.package-card h3{font-size:25px}.package-card p{min-height:0;font-size:15px}.package-features li{font-size:14px}.billing,.installment-price,.base-price-label{font-size:13px}.installment-price{min-height:0}.featured-ribbon{font-size:12px}.faq summary{font-size:14px;padding:18px;gap:16px}.faq details p{padding:0 18px 20px}.contact-band{padding:44px 23px;border-radius:23px}.contact-band h2{font-size:35px}.contact-band>p:not(.eyebrow){font-size:15px}.footer-top{grid-template-columns:1fr;gap:30px;padding-bottom:30px}.footer-top nav{display:flex;flex-wrap:wrap;gap:16px 25px}.footer-contact{grid-column:auto;flex-direction:column;gap:10px}.footer-bottom{flex-direction:column;gap:12px}.page-heading{padding-block:45px 35px}.page-heading h1{font-size:40px}.page-heading .lead{font-size:16px}html[lang=ar] .page-heading .lead{font-size:19px}.contact-grid article{padding:28px}.contact-value{font-size:18px}.limits-grid{gap:12px}.limits-grid>div{padding:18px}.limits-grid span{font-size:14px}.session-details{padding-inline:18px}.info-columns{gap:30px}.policy-layout{display:block;padding-block:35px 60px}.policy-nav{position:static;border:1px solid var(--line);border-radius:16px;padding:22px;margin-bottom:35px}.policy-nav ol{columns:2;gap:25px;margin-bottom:0}.policy-nav li{break-inside:avoid}.policy h1{font-size:36px}.policy section h2{font-size:24px}.notice{padding:23px}}
@media(max-width:370px){.hero h1{font-size:33px}html[lang=ar] .hero h1{font-size:37px}.header-inner .brand{font-size:13px}.header-controls{gap:4px}.header-inner nav a{font-size:10px}html[lang=ar] .header-inner nav a{font-size:13px}.header-inner .brand img{width:28px;height:28px}.feature-art{height:205px}.mini-window{width:84%;padding:13px}.warehouse-network{gap:9px}.warehouse-network>div{width:45px;height:45px}.art-bubble{width:37px;height:37px;bottom:18px;inset-inline-end:18px}.mini-tags{gap:4px}.connection-art{gap:6px}.connection-art>span{width:37px;height:40px}.policy-nav ol{columns:1}.package-body{padding:24px}.button{padding-inline:14px}}
@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation:none!important;transition:none!important}}
@media print{.preview-banner,.site-header,.site-footer,.policy-nav,.actions,.center-action,.cta-section,.skip-link,.floating-icons{display:none}:root[data-theme]{color-scheme:light;--ink:#161719;--muted:#555;--blue:#075dcc;--paper:#fff;--white:#fff;--soft:#f5f6f8;--tint:#edf4ff;--line:#ddd}body{font-size:12pt;background:white}.container{width:100%}.section{padding-block:20px}.table-scroll{overflow:visible}.comparison{min-width:0;font-size:10pt;white-space:normal}.comparison th,.comparison td{padding:8px}.policy-layout{display:block;padding:0}.policy section{break-inside:avoid}.feature-card,.package-card{box-shadow:none}a{color:inherit}.hero{padding-top:20px}}
/* Motion follows the reference's soft entrances and restrained hover response.
   Content has no hidden base state; scroll entrances are enhanced by theme.js. */
.button-label{display:grid;overflow:hidden}
.button-label>span{grid-area:1/1}
.button-label>span[aria-hidden]{visibility:hidden}
.button-label[data-segmented] .button-segment{display:inline-block;white-space:pre}
.button-label[data-segmented]>span{transform:none!important;transition:none!important}
.button-label[data-segmented]>span[aria-hidden]{visibility:hidden}
.faq details[data-faq-animating]{overflow:hidden}
@media (prefers-reduced-motion:no-preference){
  .feature-card,.benefit-grid>article,.package-card,.split-features>article,.contact-grid>article{transition:translate .35s cubic-bezier(.16,1,.3,1),box-shadow .35s,border-color .35s}
  .mini-window{transition:transform .5s cubic-bezier(.16,1,.3,1),scale .5s cubic-bezier(.16,1,.3,1)}
  .art-bubble,.feature-icon,.connection-art>span{transition:translate .45s cubic-bezier(.16,1,.3,1),rotate .45s cubic-bezier(.16,1,.3,1)}
  .button-label>span{transition:transform .3s cubic-bezier(.16,1,.3,1)}
  .button-label>span[aria-hidden]{visibility:visible;transform:translateY(115%)}
  .button:focus-visible .button-label>span:not([aria-hidden]){transform:translateY(-115%)}
  .button:focus-visible .button-label>span[aria-hidden]{transform:translateY(0)}
  .header-inner nav a{position:relative}
  .header-inner nav a::after{content:'';position:absolute;bottom:8px;inset-inline:0;height:1px;background:currentColor;transform:scaleX(0);transition:transform .25s ease}
  .header-inner nav a:focus-visible::after{transform:scaleX(1)}
  .button-label[data-segmented] .button-segment{transition:transform .38s cubic-bezier(.16,1,.3,1);transition-delay:var(--segment-delay)}
  .button-label[data-segmented]>span[aria-hidden]{visibility:visible}
  .button-label[data-segmented]>span[aria-hidden] .button-segment{transform:translateY(115%)}
  .button:focus-visible .button-label[data-segmented]>span:not([aria-hidden]) .button-segment{transform:translateY(-115%)}
  .button:focus-visible .button-label[data-segmented]>span[aria-hidden] .button-segment{transform:translateY(0)}
}
@media (hover:hover) and (pointer:fine) and (prefers-reduced-motion:no-preference){
  .button:hover{transform:translateY(-2px)}
  .feature-card:hover,.benefit-grid>article:hover,.package-card:hover,.split-features>article:hover,.contact-grid>article:hover{translate:0 -6px;box-shadow:0 16px 35px #135ac013;border-color:#a5caff}
  [data-theme=dark] :is(.feature-card,.benefit-grid>article,.package-card,.split-features>article,.contact-grid>article):hover{box-shadow:0 16px 35px #0003;border-color:#476b9b}
  .package-card.featured:hover,[data-theme=dark] .package-card.featured:hover{border-color:var(--action)}
  .feature-card:hover .mini-window{transform:rotate(0deg);scale:1.025}
  .feature-card:hover .art-bubble{translate:0 -5px;rotate:-8deg}
  .benefit-grid>article:hover .feature-icon{translate:0 -3px;rotate:-5deg}
  .split-features>article:hover .connection-art>span:first-child{translate:0 -4px;rotate:-5deg}
  .split-features>article:hover .connection-art>span:last-child{translate:0 -4px;rotate:5deg}
  .button:hover .button-label>span:not([aria-hidden]){transform:translateY(-115%)}
  .button:hover .button-label>span[aria-hidden]{transform:translateY(0)}
  .button:hover .button-label[data-segmented]>span:not([aria-hidden]) .button-segment{transform:translateY(-115%)}
  .button:hover .button-label[data-segmented]>span[aria-hidden] .button-segment{transform:translateY(0)}
  .header-inner nav a:hover::after{transform:scaleX(1)}
}
@media (prefers-reduced-motion:reduce){.button:hover{transform:none}}
@media print{.button-label>span[aria-hidden]{display:none}}

/* Reference comparison: dimensional icon tiles, illustrated steps and slides. */
.decorative-glyph{position:relative;display:grid;place-items:center;width:54px;height:54px;--glyph:#0866ed;--glyph-pale:#dfebff}
.glyph-violet{--glyph:#7955d9;--glyph-pale:#ede7ff}.glyph-amber{--glyph:#c77c10;--glyph-pale:#fff0d5}.glyph-green{--glyph:#0d927b;--glyph-pale:#ddf5ed}
.glyph-orbit{position:absolute;inset:0;border-radius:18px;background:var(--glyph-pale);transform:rotate(-12deg)}
.glyph-face{position:relative;display:grid;place-items:center;width:43px;height:43px;border-radius:13px;background:var(--glyph);color:#fff;box-shadow:inset 0 1px 1px #fff6,0 4px 9px #0d264b18}
.float-tile .glyph-face .icon,.glyph-face .icon{width:27px;height:27px;stroke-width:1.7}
.glyph-spark{position:absolute;right:0;bottom:1px;width:9px;height:9px;border:2px solid var(--white);border-radius:3px;background:var(--glyph);rotate:15deg}
.float-tile{width:110px;height:110px;transform:none;rotate:var(--hero-start)}
.float-card{display:grid;place-items:center;place-content:center;width:100%;height:100%;border:7px solid var(--white);border-radius:27px;background:var(--soft);box-shadow:0 10px 25px #182b4308}
.float-card .decorative-glyph{scale:1.2}
/* Framer mirrors the wrapper's rotation and the inner card's local-Y motion
   independently. Loop rotation values are offsets from each base angle. */
.float-0{--hero-start:-8deg;--hero-end:10deg;--hero-sway-time:3.5s;--hero-bob:-15px;--hero-bob-time:2.5s}
.float-1{--hero-start:8deg;--hero-end:-10deg;--hero-sway-time:4s;--hero-bob:-22px;--hero-bob-time:3s}
.float-2{--hero-start:-8deg;--hero-end:-18deg;--hero-sway-time:3s;--hero-bob:25px;--hero-bob-time:2s}
.float-3{--hero-start:8deg;--hero-end:22deg;--hero-sway-time:3.5s;--hero-bob:25px;--hero-bob-time:2.5s}
.floating-icons[data-enhanced] .float-tile{animation:hero-sway var(--hero-sway-time) cubic-bezier(.44,0,.56,1) infinite alternate;animation-play-state:paused}
.floating-icons[data-enhanced] .float-card{animation:hero-bob var(--hero-bob-time) cubic-bezier(.44,0,.56,1) infinite alternate;animation-play-state:paused}
.floating-icons.is-running :is(.float-tile,.float-card){animation-play-state:running}
@keyframes hero-sway{from{rotate:var(--hero-start)}to{rotate:var(--hero-end)}}
@keyframes hero-bob{from{translate:0 0}to{translate:0 var(--hero-bob)}}
.feature-card,.benefit-grid article,.steps article{border-color:transparent;box-shadow:0 6px 30px #17233e04}
[data-theme=dark] :is(.feature-card,.benefit-grid article,.steps article){border-color:var(--line)}
.feature-art{border-color:transparent;background:var(--soft)}
.mini-window{width:85%;transform:none;border-radius:12px;box-shadow:0 10px 24px #17345b08}
.art-1 .mini-window,.art-2 .mini-window{transform:none}
.feature-icon{width:42px;height:42px;border:0;border-radius:10px;box-shadow:0 2px 5px #085ecb12;margin-bottom:28px}
.feature-icon .icon{width:23px;height:23px;color:var(--action)}
.steps{gap:20px;text-align:start}
.steps article{min-width:0;padding:16px;background:var(--white);border:1px solid transparent;border-radius:24px}
.step-copy{padding:22px 8px 12px}.step-number{display:inline-flex;width:auto;height:auto;margin:0 0 12px;padding:2px 8px;font-size:12px;border-radius:6px;box-shadow:none}
.step-art{height:225px;border-radius:15px;background:var(--soft);position:relative;display:flex;align-items:center;justify-content:center;overflow:hidden;isolation:isolate}
.step-art::before{content:'';position:absolute;inset:25% -15% -100%;border:25px solid var(--line);border-radius:50%;z-index:-1;opacity:.45}
.step-art-badge{position:absolute;right:15px;bottom:15px;width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:var(--white);box-shadow:0 5px 15px #17233e10;color:var(--blue);rotate:7deg}
.step-art-badge .icon{width:20px;height:20px}
.art-lines{display:grid;gap:7px}.art-line{display:block;height:5px;border-radius:4px;background:var(--line)}.art-line:nth-child(2){width:75%}.art-line:last-child{width:55%}
.plan-options{display:flex;align-items:center;gap:8px;width:86%}.plan-option{flex:1;min-width:0;background:var(--white);border:1px solid var(--line);border-radius:10px;padding:13px 9px;box-shadow:0 8px 18px #17233e05}
.plan-option.is-selected{border-color:#80b2ff;transform:translateY(-13px);box-shadow:0 8px 22px #0765ed15}.plan-symbol{display:block;color:var(--blue);margin-bottom:14px}.plan-symbol .icon{width:20px;height:20px}
.plan-choice{margin-top:15px;display:grid;place-items:center;height:20px;border-radius:5px;background:var(--soft);color:#fff}.plan-choice .icon{width:14px;height:14px}.is-selected .plan-choice{background:var(--action)}
.setup-computer{width:58%;max-width:190px;display:grid;justify-items:center}.setup-screen{width:100%;padding:10px;background:var(--white);border:3px solid var(--line);border-radius:12px;text-align:center;box-shadow:0 10px 20px #17233e08}
.setup-toolbar{display:flex;gap:3px;margin-bottom:8px}.setup-toolbar i{width:4px;height:4px;border-radius:50%;background:var(--line)}.setup-screen img{width:46px;height:46px;margin-bottom:8px}.setup-screen .art-lines{width:65%;margin:auto;gap:4px}
.setup-stand{width:22px;height:17px;background:var(--line)}.setup-base{width:65px;height:6px;background:var(--line);border-radius:6px}
.setup-link{display:flex;gap:3px;padding:0 7px}.setup-link i{width:3px;height:3px;background:#a5bff0;border-radius:50%}.setup-phone{position:relative;color:var(--blue)}.setup-phone>.icon{width:39px;height:65px;stroke-width:1.2;fill:var(--white)}
.setup-check{position:absolute;bottom:7px;right:-5px;background:var(--action);color:#fff;border-radius:50%;width:19px;height:19px;display:grid;place-items:center}.setup-check .icon{width:12px;height:12px}
.workflow-report{width:78%;padding:18px;background:var(--white);border:1px solid var(--line);border-radius:13px;box-shadow:0 10px 25px #17233e07}
.workflow-report-top{display:flex;gap:12px;align-items:center;color:var(--blue)}.workflow-report-top .art-lines{flex:1}.workflow-bars{display:flex;align-items:end;gap:7px;height:78px;border-bottom:1px solid var(--line);margin:18px 0 12px}
.workflow-bar{flex:1;background:#a9ceff;border-radius:3px 3px 0 0;height:28%}.workflow-bar:nth-child(2){height:46%}.workflow-bar:nth-child(3){height:37%}.workflow-bar:nth-child(4){height:66%;background:#599cff}.workflow-bar:nth-child(5){height:58%;background:#599cff}.workflow-bar:nth-child(6){height:92%;background:var(--action)}
.workflow-report-bottom{display:flex;gap:6px}.workflow-report-bottom .art-line{flex:1;width:auto;height:4px}
.capture-frame{overflow:hidden}
.module-ribbon{margin-top:35px}.motion-control{pointer-events:none}.motion-control[hidden]{display:none}
.module-group{margin:0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:16px;justify-content:center}.module-group[aria-hidden]{display:none}
.module-group li{display:flex;align-items:center;gap:12px;flex-shrink:0;min-width:155px;padding:16px;border:1px solid var(--line);border-radius:15px;background:var(--white);font-size:12px;color:var(--muted)}
html[lang=ar] .module-group li{font-size:16px}.module-icon{display:grid;place-items:center;width:35px;height:35px;border-radius:10px;background:var(--module-tint,var(--tint));color:var(--module-color,var(--blue))}.module-icon .icon{width:21px;height:21px}
.module-sales{--module-color:#4338ca;--module-tint:#eef2ff}
.module-stock{--module-color:#7a4e2d;--module-tint:#f6eee7}
.module-accounts{--module-color:#2563eb;--module-tint:#eff6ff}
.module-cashbox{--module-color:#b45309;--module-tint:#fff7ed}
.module-reports{--module-color:#b91c1c;--module-tint:#fef2f2}
.module-production{--module-color:#15803d;--module-tint:#f0fdf4}
.module-backup{--module-color:#0f766e;--module-tint:#f0fdfa}
.module-followup{--module-color:#be185d;--module-tint:#fdf2f8}
[data-theme=dark] .module-sales{--module-color:#a5b4fc;--module-tint:#252344}
[data-theme=dark] .module-stock{--module-color:#d6ad8d;--module-tint:#34271f}
[data-theme=dark] .module-accounts{--module-color:#93c5fd;--module-tint:#1e2d46}
[data-theme=dark] .module-cashbox{--module-color:#fbbf24;--module-tint:#3a2b18}
[data-theme=dark] .module-reports{--module-color:#fca5a5;--module-tint:#3e2228}
[data-theme=dark] .module-production{--module-color:#86efac;--module-tint:#1d3328}
[data-theme=dark] .module-backup{--module-color:#5eead4;--module-tint:#1b3434}
[data-theme=dark] .module-followup{--module-color:#f9a8d4;--module-tint:#3b2238}
.module-ribbon[data-enhanced] .ribbon-window{direction:ltr;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 7%,#000 93%,transparent);padding-block:8px;touch-action:pan-y pinch-zoom;cursor:ew-resize;user-select:none}
.module-ribbon.is-dragging .ribbon-window{cursor:grabbing}
.module-ribbon:has(.motion-control:focus-visible) .ribbon-window{outline:3px solid var(--blue);outline-offset:5px;border-radius:15px}
.module-ribbon[data-enhanced] .ribbon-track{width:max-content;display:flex;direction:ltr;animation:module-slide 28s linear infinite reverse;animation-play-state:paused}
.module-ribbon[data-enhanced] .module-group{flex-wrap:nowrap;justify-content:start;padding-inline-end:16px}.module-ribbon[data-enhanced] .module-group[aria-hidden]{display:flex}
.module-ribbon.is-running .ribbon-track{animation-play-state:running}
@keyframes module-slide{to{transform:translateX(-50%)}}
.connected-stage{position:relative;isolation:isolate;overflow:hidden;min-height:600px;display:grid;place-content:center;background:var(--white);border:1px solid var(--line);border-radius:26px;margin:0 0 28px;padding:80px 22px}
.connected-stage .section-heading{position:relative;max-width:600px;margin:0 auto 25px;z-index:1}.connected-stage .section-heading h2{max-width:560px}.connected-stage .section-heading>p:not(.eyebrow){max-width:510px}
.connected-stage:has(.motion-control:focus-visible){outline:3px solid var(--blue);outline-offset:4px}.connected-stage .section-heading{margin-bottom:0}
.orbit-field{position:absolute;inset:0;z-index:-1;pointer-events:none;mask-image:radial-gradient(43% 54% at 46.5% 45.2%,#0000 10.1967%,rgba(0,0,0,.84) 70%,#0000 100%)}
.orbit-tile{--orbit-phase:0;--orbit-step:-16.666667s;position:absolute;display:grid;place-items:center;place-content:center;width:72px;height:72px;background:var(--soft);border:0;border-radius:13px;offset-path:var(--orbit-path,ellipse(44% 42% at 50% 50%));offset-rotate:auto;animation:module-orbit 100s linear infinite;animation-delay:calc(var(--orbit-phase) * var(--orbit-step));animation-play-state:paused;opacity:1}
/* Fill the whole card with its existing tone; compact layouts scale only the symbol. */
.orbit-tile .decorative-glyph{position:absolute;inset:0;width:100%;height:100%;background:var(--glyph);border-radius:inherit;scale:1}
.orbit-tile .glyph-orbit,.orbit-tile .glyph-spark{display:none}
.orbit-tile .glyph-face{background:none;box-shadow:none;color:#fff}
.orbit-tile .glyph-face .icon{width:42px;height:42px;stroke-width:1.8}
.orbit-field .orbit-extra{display:none}.connected-stage[data-enhanced] .orbit-extra{display:grid}
@media(min-width:851px){.connected-stage[data-enhanced] .orbit-field{inset:auto;left:50%;top:50%;width:140%;height:140vh;transform:translate(-50%,-50%)}.connected-stage[data-enhanced] .orbit-tile{--orbit-step:-2.777778s}}
.orbit-0{offset-distance:0%}.orbit-1{--orbit-phase:1;offset-distance:16.66%}.orbit-2{--orbit-phase:2;offset-distance:33.33%}.orbit-3{--orbit-phase:3;offset-distance:50%}.orbit-4{--orbit-phase:4;offset-distance:66.66%}.orbit-5{--orbit-phase:5;offset-distance:83.33%}
.orbit-6{--orbit-phase:6}.orbit-7{--orbit-phase:7}.orbit-8{--orbit-phase:8}.orbit-9{--orbit-phase:9}.orbit-10{--orbit-phase:10}.orbit-11{--orbit-phase:11}.orbit-12{--orbit-phase:12}.orbit-13{--orbit-phase:13}.orbit-14{--orbit-phase:14}.orbit-15{--orbit-phase:15}.orbit-16{--orbit-phase:16}.orbit-17{--orbit-phase:17}
.orbit-18{--orbit-phase:18}.orbit-19{--orbit-phase:19}.orbit-20{--orbit-phase:20}.orbit-21{--orbit-phase:21}.orbit-22{--orbit-phase:22}.orbit-23{--orbit-phase:23}.orbit-24{--orbit-phase:24}.orbit-25{--orbit-phase:25}.orbit-26{--orbit-phase:26}.orbit-27{--orbit-phase:27}.orbit-28{--orbit-phase:28}.orbit-29{--orbit-phase:29}.orbit-30{--orbit-phase:30}.orbit-31{--orbit-phase:31}.orbit-32{--orbit-phase:32}.orbit-33{--orbit-phase:33}.orbit-34{--orbit-phase:34}.orbit-35{--orbit-phase:35}
/* Pixel motion paths must share a physical origin in RTL and LTR. */
.orbit-tile{left:0;top:0}
.connected-stage.is-running .orbit-tile{animation-play-state:running}@keyframes module-orbit{0%{offset-distance:0%;opacity:0}3%,90%{opacity:1}100%{offset-distance:100%;opacity:0}}
@keyframes module-perimeter{0%{offset-distance:0%;opacity:.85}50%{opacity:.68}100%{offset-distance:100%;opacity:.85}}
/* Sway after the motion path, without rotating the path around its origin. */
@keyframes module-sway{0%,100%{transform:rotate(-4deg) translateY(0)}50%{transform:rotate(4deg) translateY(-4px)}}
/* First paint and browsers without motion initialization keep all six symbols. */
.connected-stage:not([data-enhanced]) .orbit-field{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;align-content:space-between;padding:18px 22px;mask-image:none}
.connected-stage:not([data-enhanced]) .orbit-tile{position:relative;inset:auto;justify-self:center;width:49px;height:49px;offset-path:none;animation:none;opacity:1}
.connected-stage:not([data-enhanced]) .orbit-tile .glyph-face{scale:.64}
.contact-band{background:var(--white);color:var(--ink);border:1px solid var(--line);box-shadow:0 8px 30px #17233e04;padding:74px 120px}
.contact-band .eyebrow{background:var(--tint);color:var(--blue);border-color:#a0c6ff}.contact-band h2{max-width:650px}.contact-band>p:not(.eyebrow){color:var(--muted);max-width:520px}
.contact-band .button{background:var(--action);color:#fff;border-color:#418cff}.contact-band .button:hover{background:#0757ca;color:#fff}
.cta-orbits{inset:0;border:0;border-radius:0;transform:none}
.cta-orbits::before,.cta-orbits::after{inset:auto;width:590px;height:590px;border:32px solid var(--action);border-radius:50%}.cta-orbits::before{right:80%;bottom:20%}.cta-orbits::after{left:80%;top:30%}
.cta-orbits>span{position:absolute;display:grid;place-items:center;width:92px;height:76px;background:var(--white);color:var(--blue);border:1px solid var(--line);box-shadow:inset 0 0 16px #abc8f51c,0 4px 12px #0765ed0a;border-radius:14px;top:44%;left:30px;rotate:-13deg}.cta-orbits>span:last-child{left:auto;right:30px;rotate:13deg}.cta-orbits .icon{width:43px;height:43px;stroke-width:1}
@media(min-width:621px) and (max-width:1000px){.steps{gap:14px}.steps article{padding:10px}.step-art{height:180px}.step-copy{padding:18px 8px}.setup-link{padding:0 3px}.contact-band{padding-inline:110px}}
@media(max-width:620px){.steps article{width:100%;max-width:100%}.step-art{height:230px}.step-copy{padding:22px 9px}.module-group li{min-width:140px;padding:12px}.contact-band{padding:55px 24px 105px}.cta-orbits>span{width:60px;height:48px;top:auto;bottom:25px;left:28px}.cta-orbits>span:last-child{right:28px}.cta-orbits .icon{width:29px;height:29px}.cta-orbits::before,.cta-orbits::after{border-width:22px}.cta-orbits::before{right:92%;bottom:40%}.cta-orbits::after{left:92%;top:60%}}
@media(prefers-reduced-motion:reduce){.module-ribbon[data-enhanced] .ribbon-window{overflow:visible;mask-image:none;cursor:auto;user-select:auto;touch-action:auto}.module-ribbon[data-enhanced] .ribbon-track{width:auto;display:block;transform:none}.module-ribbon[data-enhanced] .module-group{flex-wrap:wrap;justify-content:center;padding:0}.module-ribbon[data-enhanced] .module-group[aria-hidden]{display:none}}
@media print{.motion-control,.orbit-field,.cta-orbits,.module-group[aria-hidden]{display:none!important}.ribbon-window{overflow:visible!important;mask-image:none!important}.ribbon-track{animation:none!important;transform:none!important;width:auto!important}.module-group{flex-wrap:wrap!important}.steps{break-inside:avoid}}
@media(min-width:851px) and (max-width:1100px){.float-tile{width:86px;height:86px}.float-card{border-width:6px;border-radius:23px}.float-card .decorative-glyph{scale:.95}}
/* Keep all six phases inherited; animation shorthands here would reset delays.
   A rounded perimeter leaves a clear center and room for each rotated tile. */
@media(max-width:850px){
  .connected-stage[data-enhanced] .orbit-extra{display:none}
  .connected-stage{min-height:510px;padding:96px 64px}
  .connected-stage .section-heading{min-width:0;width:100%}
  .connected-stage .section-heading h2{font-size:clamp(24px,7vw,32px)}
  .connected-stage .section-heading>p:not(.eyebrow){max-width:100%}
  .orbit-field{mask-image:none}
  .orbit-tile{--orbit-step:-8s;width:49px;height:49px;border-radius:14px;offset-path:inset(34px round 42px);offset-rotate:0deg;animation-name:module-perimeter,module-sway;animation-duration:48s,7s;animation-delay:calc(var(--orbit-phase) * var(--orbit-step)),calc(var(--orbit-phase) * -1s)}
  .orbit-tile .glyph-face{scale:.64}
}
/* Static decoration needs no motion-path layout, including its first paint. */
@media(prefers-reduced-motion:reduce){
  .connected-stage[data-enhanced] .orbit-extra{display:none}
  .connected-stage{padding-block:100px}
  .connected-stage[data-enhanced] .orbit-field,.orbit-field{inset:0;width:auto;height:auto;transform:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;align-content:space-between;padding:18px 22px;mask-image:none}
  .orbit-tile{position:relative;inset:auto;justify-self:center;width:49px;height:49px;border-width:3px;offset-path:none;animation:none!important}
  .orbit-tile .glyph-face{scale:.64}
}
/* Reserve small decoration bands so phone icons never cover the hero copy. */
@media screen and (max-width:850px){
  .hero{padding-block:112px 116px}
  .floating-icons{display:block}
  .float-tile{width:56px;height:56px}
  .float-card{border-width:4px;border-radius:16px}
  .float-card .decorative-glyph{scale:.7}
  .float-0{left:16px;top:36px;bottom:auto}.float-1{right:16px;top:36px;bottom:auto}
  .float-2{left:16px;top:auto;bottom:38px}.float-3{right:16px;top:auto;bottom:38px}
  .orbit-tile{place-content:center}
}
/* Browsers without either motion path keep six separated positions. */
@supports not ((offset-path:ellipse(44% 42% at 50% 50%)) and (offset-path:inset(34px round 42px))){
  .connected-stage[data-enhanced] .orbit-extra{display:none}
  .connected-stage{padding-block:100px}
  .connected-stage[data-enhanced] .orbit-field,.orbit-field{inset:0;width:auto;height:auto;transform:none;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-template-rows:auto auto;align-content:space-between;padding:18px 22px;mask-image:none}
  .orbit-tile{position:relative;inset:auto;display:grid;justify-self:center;width:49px;height:49px;border-width:3px;offset-path:none;animation-name:module-sway;animation-duration:7s;animation-timing-function:ease-in-out;animation-iteration-count:infinite}
  .orbit-tile .glyph-face{scale:.64}
}
.cta-orbits>span{z-index:1}

.offer-status,.currency-choice{display:block;margin-top:7px;font-size:12px;font-weight:500;white-space:normal;color:var(--blue)}
.package-guidance .info-columns{margin-top:38px}.package-guidance h2{font-size:24px;letter-spacing:normal;margin-bottom:16px}.package-guidance p+p{margin-top:14px}.availability-note{padding:16px;border:1px solid var(--line);border-radius:12px;background:var(--tint);color:var(--blue)}

@media print{.capture-frame{transform:none!important}}