html{scroll-padding-top:100px}.brand-dot{color:#456bd1}.journey{padding:28px;background:#fff;border:1px solid #dce3f2;border-radius:5px;box-shadow:0 16px 40px #29498d0d}.journey-top{display:flex;justify-content:space-between;margin-bottom:24px;font-family:Figtree;font-size:20px}.status-mark{color:#456bd1}.journey-step{display:flex;align-items:center;gap:18px;padding:22px 0;border-top:1px solid #e0e3e8}.journey-step strong{flex:1;font-weight:500}.step-number{color:#456bd1;font-family:Figtree}.journey-end{display:flex;gap:10px;padding-top:18px}.journey-end span{border:1px solid #e0e3e8;border-radius:20px;padding:4px 14px;font-size:12px}.api-preview{background:#274b9f;color:#fff;padding:30px;border:1px solid #ffffff55;border-radius:5px;overflow:auto}.api-preview p{font-size:12px;letter-spacing:1px}.api-preview pre{font-size:14px;line-height:1.7}.capability-card h3{margin-top:32px}.resource-action{display:inline-block;min-height:44px;padding-top:12px}.source-notice{padding:14px 24px;background:#edf2ff;color:#3154b5}.article{max-width:850px;margin:auto;padding:60px 24px 90px}.article h1{font-size:46px;line-height:1.15;font-weight:400;margin:20px 0 30px}.article h2{font-size:28px;line-height:1.3;margin-top:40px}.article h3{font-size:21px}.article p,.article li{line-height:1.8}.article a{color:#3154b5;text-decoration:underline}.article pre{padding:22px;background:#edf2ff;overflow:auto;direction:ltr;text-align:left}.article table{border-collapse:collapse;width:100%}.article th,.article td{padding:14px;border-bottom:1px solid #e0e3e8;text-align:start}.article .button{color:white;text-decoration:none}.article-actions{display:flex;gap:18px;flex-wrap:wrap}.article button{border:0;cursor:pointer}.article .button-primary{background:#456bd1}.article-head{border-bottom:1px solid #e0e3e8;padding-bottom:28px}.eyebrow{line-height:1.5}a:focus-visible,button:focus-visible{outline:3px solid #456bd1;outline-offset:4px}html[dir=rtl] .hero-copy,html[dir=rtl] .section-heading{text-align:right}html[dir=rtl] .hero-proof span{padding-inline:12px}html[dir=rtl] .journey{font-family:Arial,sans-serif}@media(max-width:700px){.journey{margin-top:10px}.article h1{font-size:36px}.api-preview{padding:20px}.hero h1{font-size:42px;line-height:1.2}.hero-actions{align-items:flex-start}.article table{font-size:13px}.article th,.article td{padding:8px}.utility-inner nav a{display:inline-block;padding:10px 3px}}@media print{.site-header,.utility-bar,.article-actions,.skip-link{display:none}.article{padding:0;max-width:none}.article a{color:inherit}.article h2{break-after:avoid}.article p,.article li{orphans:3;widows:3}}
.journey{color:#3f454f}

@font-face{font-family:"Noto Sans Arabic";src:url("/product-tour/assets/fonts/noto-sans-arabic.ttf") format("truetype");font-weight:400;font-style:normal;font-display:swap}
html[lang=ar] body{font-family:"Noto Sans Arabic",Arial,sans-serif;line-height:1.9}
html[lang=ar] h1,html[lang=ar] h2,html[lang=ar] h3,html[lang=ar] .journey{font-family:"Noto Sans Arabic",Arial,sans-serif;line-height:1.65}
html[lang=ar] .eyebrow{letter-spacing:0;line-height:1.9}
html[lang=ar] .hero h1{line-height:1.65}
html[lang=ar] .product-name{font-family:Figtree,Arial,sans-serif}
html[lang=ar] .article p,html[lang=ar] .article li{line-height:2}
pre,code{direction:ltr;unicode-bidi:isolate;text-align:left}
pre{white-space:pre;overflow-x:auto}
.language-switch{display:flex;align-items:center;gap:8px;flex-wrap:wrap;direction:ltr}
.language-switch a{display:inline-flex;align-items:center;min-height:44px;padding:0 6px}
.language-switch a[aria-current=page]{color:#3154b5;text-decoration:underline;text-underline-offset:5px;font-weight:600}
@media(max-width:600px){.utility-inner{flex-wrap:wrap;gap:4px}.language-switch{font-size:12px;gap:4px}html[lang=ar] .hero h1{font-size:38px}.hero-actions .text-link{white-space:normal}.article table{table-layout:fixed}.article th{width:36%}}

.language-switch label{display:flex;align-items:center;gap:10px;flex-wrap:wrap}
.language-switch select{font:inherit;color:#241b2e;background:#fff;border:1px solid #74697f;border-radius:8px;min-height:44px;padding-block:8px;padding-inline:12px;max-width:100%;min-width:10rem}
.language-switch select:focus-visible{outline:3px solid #8d1977;outline-offset:3px}
html[dir=rtl] .language-switch{direction:rtl}

.utility-inner{min-height:60px;padding-block:8px}
.site-header{top:60px}
