/* rules taken from the reference stylesheet, trimmed to the classes this site uses */
*, ::before, ::after { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-ring-offset-shadow: 0 0#0000; --tw-ring-shadow: 0 0#0000; --tw-shadow: 0 0#0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; }
::backdrop { --tw-translate-x: 0; --tw-translate-y: 0; --tw-rotate: 0; --tw-skew-x: 0; --tw-skew-y: 0; --tw-scale-x: 1; --tw-scale-y: 1; --tw-ring-offset-shadow: 0 0#0000; --tw-ring-shadow: 0 0#0000; --tw-shadow: 0 0#0000; --tw-blur: ; --tw-brightness: ; --tw-contrast: ; --tw-grayscale: ; --tw-hue-rotate: ; --tw-invert: ; --tw-saturate: ; --tw-sepia: ; --tw-drop-shadow: ; }
*, ::before, ::after { box-sizing: border-box; border-width: 0px; border-style: solid; border-color: rgb(229, 231, 235); }
html, :host { line-height: 1.5; text-size-adjust: 100%; tab-size: 4; font-family: ui-sans-serif, system-ui, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol", "Noto Color Emoji"; font-feature-settings: normal; font-variation-settings: normal; -webkit-tap-highlight-color: transparent; }
body { margin: 0px; line-height: inherit; }
a { text-decoration: inherit; }
strong { font-weight: bolder; }
button { font-family: inherit; font-feature-settings: inherit; font-variation-settings: inherit; font-size: 100%; font-weight: inherit; line-height: inherit; letter-spacing: inherit; color: inherit; margin: 0px; padding: 0px; }
button { text-transform: none; }
button { appearance: button; background-color: transparent; background-image: none; }
::-webkit-inner-spin-button, ::-webkit-outer-spin-button { height: auto; }
::-webkit-search-decoration { appearance: none; }
::-webkit-file-upload-button { appearance: button; font: inherit; }
h1, h2, p { margin: 0px; }
ul { list-style: none; margin: 0px; padding: 0px; }
button { cursor: pointer; }
:disabled { cursor: default; }
img, svg, iframe { display: block; vertical-align: middle; }
img { max-width: 100%; height: auto; }
h1, h2, p { --tw-text-opacity: 1; }
h1 { text-wrap: balance; }
@media (min-width: 768px){
h1 { line-height: 2.5rem; }
h2 { font-size: 1.5rem; line-height: 2rem; }
}
p { font-size: 1rem !important; line-height: 1.5rem !important; }
a { font-weight: 400; --tw-text-opacity: 1; color: rgb(96 165 250/var(--tw-text-opacity,1)); }
.fixed { position: fixed; }
.absolute { position: absolute; }
.relative { position: relative; }
.sticky { position: sticky; }
.bottom-2\.5 { bottom: 0.625rem; }
.left-2\.5 { left: 0.625rem; }
.top-0 { top: 0px; }
.z-10 { z-index: 10; }
.z-50 { z-index: 50; }
.z-\[9999\] { z-index: 9999; }
.mx-auto { margin-left: auto; margin-right: auto; }
.mb-6 { margin-bottom: 1.5rem; }
.flex { display: flex; }
.grid { display: grid; }
.hidden { display: none; }
.h-10 { height: 2.5rem; }
.h-12 { height: 3rem; }
.h-4 { height: 1rem; }
.h-6 { height: 1.5rem; }
.h-9 { height: 2.25rem; }
.h-full { height: 100%; }
.w-10 { width: 2.5rem; }
.w-4 { width: 1rem; }
.w-6 { width: 1.5rem; }
.w-\[calc\(100\%-48px\)\] { width: calc(100% - 48px); }
.w-auto { width: auto; }
.w-fit { width: fit-content; }
.w-full { width: 100%; }
.max-w-7xl { max-width: 80rem; }
.max-w-\[180px\] { max-width: 180px; }
.grid-cols-1 { grid-template-columns: repeat(1, minmax(0px, 1fr)); }
.flex-col { flex-direction: column; }
.items-center { align-items: center; }
.justify-center { justify-content: center; }
.justify-between { justify-content: space-between; }
.gap-2 { gap: 0.5rem; }
.gap-6 { gap: 1.5rem; }
.gap-x-10 { column-gap: 2.5rem; }
.gap-y-12 { row-gap: 3rem; }
.gap-y-4 { row-gap: 1rem; }
.gap-y-6 { row-gap: 1.5rem; }
.overflow-hidden { overflow: hidden; }
.whitespace-nowrap { white-space: nowrap; }
.\!rounded-sm { border-radius: 4px !important; }
.rounded-md { border-radius: 8px; }
.border { border-width: 1px; }
.border-b { border-bottom-width: 1px; }
.border-b-\[0\.5px\] { border-bottom-width: 0.5px; }
.border-t { border-top-width: 1px; }
.border-slate-800 { --tw-border-opacity: 1; border-color: rgb(30 41 59/var(--tw-border-opacity,1)); }
.bg-\[\#3f424e\] { --tw-bg-opacity: 1; background-color: rgb(63 66 78/var(--tw-bg-opacity,1)); }
.bg-slate-900 { --tw-bg-opacity: 1; background-color: rgb(15 23 42/var(--tw-bg-opacity,1)); }
.bg-slate-950 { --tw-bg-opacity: 1; background-color: rgb(2 6 23/var(--tw-bg-opacity,1)); }
.bg-transparent { background-color: transparent; }
.p-4 { padding: 1rem; }
.px-4 { padding-left: 1rem; padding-right: 1rem; }
.px-\[9px\] { padding-left: 9px; padding-right: 9px; }
.py-04 { padding-top: 16px; padding-bottom: 16px; }
.py-07 { padding-top: 40px; padding-bottom: 40px; }
.py-\[18px\] { padding-top: 18px; padding-bottom: 18px; }
.py-\[48px\] { padding-top: 48px; padding-bottom: 48px; }
.pb-10 { padding-bottom: 64px; }
.text-center { text-align: center; }
.text-\[32px\] { font-size: 32px; }
.text-base { font-size: 1rem; line-height: 1.5rem; }
.text-sm { font-size: 0.875rem; }
.text-xl { font-size: 1.25rem; }
.font-medium { font-weight: 500; }
.font-normal { font-weight: 400; }
.font-semibold { font-weight: 600; }
.leading-6 { line-height: 1.5rem; }
.leading-\[1\.4\] { line-height: 1.4; }
.text-orange-400 { --tw-text-opacity: 1; color: rgb(251 146 60/var(--tw-text-opacity,1)); }
.text-slate-200 { --tw-text-opacity: 1; color: rgb(226 232 240/var(--tw-text-opacity,1)); }
.text-white-900 { --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
body { font-family: "Plus Jakarta Sans", sans-serif; overflow-x: hidden; }
html { scroll-behavior: smooth !important; }
#scrollToTop { transition: transform 0.5s ease-in-out, opacity 0.5s ease-in-out; transform: translateX(100%); opacity: 0; }
.header-navigation-logo::after { content: ""; position: absolute; top: 50%; right: -3rem; display: none; height: 3.5rem; width: 1px; --tw-translate-y: -50%; transform: translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y)); --tw-bg-opacity: 1; background-color: rgb(15 23 42/var(--tw-bg-opacity,1)); }
@media (min-width: 1024px){
.header-navigation-logo::after { display: block; }
}
.btn-primary { border-radius: 4px 4px 0px; border-width: 1px; border-color: transparent; --tw-bg-opacity: 1; background-color: rgb(249 115 22/var(--tw-bg-opacity,1)); text-align: center; font-size: 1rem; font-weight: 600; line-height: 1.5rem; --tw-text-opacity: 1; color: rgb(67 20 7/var(--tw-text-opacity,1)); transition-duration: 300ms; transition-timing-function: cubic-bezier(0, 0, 0.2, 1); }
.btn-primary:hover { border-top-left-radius: 4px; border-top-right-radius: 32px; border-bottom-right-radius: 0px; border-width: 1px; --tw-border-opacity: 1; border-color: rgb(249 115 22/var(--tw-border-opacity,1)); --tw-bg-opacity: 1; background-color: rgb(251 146 60/var(--tw-bg-opacity,1)); --tw-shadow: 0 10px 15px -3px rgb(0 0 0/0.1),0 4px 6px -4px rgb(0 0 0/0.1); box-shadow: var(--tw-ring-offset-shadow,0 0#0000),var(--tw-ring-shadow,0 0#0000),var(--tw-shadow); }
.btn-lg { padding: 12px 24px; }
.btn-md { padding: 12px 16px; }
.cards-module__product { --tw-bg-opacity: 1; background-color: rgb(2 6 23/var(--tw-bg-opacity,1)); }
.cards-module__product .cards-general-settings-text { display: flex; flex-direction: column; row-gap: 1.5rem; }
.cards-module__product .cards-general-settings-text h2 { font-size: 32px; font-weight: 500; line-height: 48px; --tw-text-opacity: 1; color: rgb(255 255 255/var(--tw-text-opacity,1)); }
@media (min-width: 768px){
.cards-module__product .cards-general-settings-text h2 { font-weight: 600; line-height: 60px; }
}
@media (min-width: 1024px){
.cards-module__product .cards-general-settings-text h2 { font-size: 40px; }
}
.cards-module__product .cards-general-settings-text p { font-weight: 400; --tw-text-opacity: 1; color: rgb(226 232 240/var(--tw-text-opacity,1)); }
strong { margin-bottom: 2rem; }
.hover\:border-transparent:hover { border-color: transparent; }
.hover\:bg-white-900:hover { --tw-bg-opacity: 1; background-color: rgb(255 255 255/var(--tw-bg-opacity,1)); }
.hover\:text-slate-950:hover { --tw-text-opacity: 1; color: rgb(2 6 23/var(--tw-text-opacity,1)); }
@media (min-width: 768px){
.md\:grid-cols-2 { grid-template-columns: repeat(2, minmax(0px, 1fr)); }
.md\:gap-4 { gap: 1rem; }
.md\:px-0 { padding-left: 0px; padding-right: 0px; }
.md\:px-4 { padding-left: 1rem; padding-right: 1rem; }
.md\:px-6 { padding-left: 1.5rem; padding-right: 1.5rem; }
.md\:text-\[56px\] { font-size: 56px; }
.md\:leading-normal { line-height: 1.5; }
}
@media (min-width: 1024px){
.lg\:grid-cols-\[minmax\(200px\,470px\)\,1fr\] { grid-template-columns: minmax(200px, 470px) 1fr; }
.lg\:flex-row { flex-direction: row; }
.lg\:items-start { align-items: flex-start; }
.lg\:gap-x-8 { column-gap: 2rem; }
.lg\:border-l { border-left-width: 1px; }
.lg\:border-l-slate-800 { --tw-border-opacity: 1; border-left-color: rgb(30 41 59/var(--tw-border-opacity,1)); }
.lg\:px-0 { padding-left: 0px; padding-right: 0px; }
.lg\:py-10 { padding-top: 64px; padding-bottom: 64px; }
.lg\:pl-8 { padding-left: 2rem; }
.lg\:text-left { text-align: left; }
.lg\:text-\[64px\] { font-size: 64px; }
}
@media (min-width: 1280px){
.xl\:gap-x-24 { column-gap: 6rem; }
.xl\:px-0 { padding-left: 0px; padding-right: 0px; }
}
@media (min-width: 1025px){
.laptop\:flex { display: flex; }
.laptop\:hidden { display: none; }
.laptop\:w-full { width: 100%; }
.laptop\:w-max { width: max-content; }
.laptop\:items-center { align-items: center; }
.laptop\:justify-start { justify-content: flex-start; }
.laptop\:gap-0 { gap: 0px; }
.laptop\:border-b-0 { border-bottom-width: 0px; }
.laptop\:p-0 { padding: 0px; }
.laptop\:py-03 { padding-top: 12px; padding-bottom: 12px; }
}
:where(body) { margin: 0px; }
body { padding: 0px; }
/* site components */
/* utilities used in the reference markup whose rules the captured sheet did not carry */
.border-white{border-color:#fff}
.py-2{padding-top:8px;padding-bottom:8px}
.w-5{width:1.25rem}.h-5{height:1.25rem}.w-8{width:2rem}.h-8{height:2rem}
@media (min-width:1024px){.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* base */
:root{--bg:#020617;--panel:rgba(15,23,42,.8);--solid:#0f172a;--line:#1e293b;--muted:#94a3b8;--text:#e2e8f0;--accent:#f97316;--accent-2:#fb923c;--on-accent:#431407}
html{scroll-padding-top:100px}
body{font-family:"Plus Jakarta Sans",ui-sans-serif,system-ui,"Segoe UI",Roboto,sans-serif;color:var(--text);font-size:16px;line-height:1.5}
html[lang="ar"] body{font-family:"IBM Plex Sans Arabic",Tahoma,"Segoe UI",ui-sans-serif,system-ui,sans-serif}
h3,h4{margin:0;font-size:inherit;font-weight:inherit}
ul,ol,dl,dd,figure{margin:0;padding:0}
strong{font-weight:600}
[hidden]{display:none!important}
.sr{position:absolute;width:1px;height:1px;margin:-1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:absolute;inset-inline-start:-9999px;top:8px;z-index:100000;background:#fff;color:#020617;padding:10px 16px;border-radius:4px}
.skip:focus{inset-inline-start:8px}
a:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--accent-2);outline-offset:3px}
.ico{flex:none;display:inline-block;vertical-align:middle}
.deco-ring{position:absolute;width:520px;height:520px;border:2px solid var(--line);border-radius:9999px;inset-inline-end:-180px;top:-140px;pointer-events:none}
.deco-quarter{position:absolute;width:96px;height:96px;background:var(--accent);inset-inline-end:0;bottom:0;border-start-start-radius:96px;pointer-events:none}

/* header */
.site-logo img{display:block}
.site-logo img,.footer-logo img{filter:brightness(0) invert(1)}
[dir="rtl"] .header-navigation-logo::after{right:auto;left:-3rem}
.site-nav{position:absolute;inset-inline:0;top:100%;flex-direction:column;background:var(--bg);border-bottom:1px solid var(--line);padding-bottom:16px;max-height:calc(100vh - 70px);overflow:auto}
.site-nav.is-open{display:flex}
.site-nav__tools{display:flex;flex-direction:column;gap:16px;width:calc(100% - 48px);margin:16px auto 0}
.site-nav__tools .btn-md{justify-content:center;display:flex;align-items:center}
.nav-link{padding-block:2px;border-bottom:2px solid transparent}
.nav-link[aria-current]{border-bottom-color:var(--accent);color:var(--accent-2)}
.lang-link{text-decoration:underline;text-underline-offset:4px}
.site-burger{margin-inline-start:auto;width:44px;height:44px;align-items:center;justify-content:center}
.burger,.burger::before,.burger::after{display:block;width:22px;height:2px;background:#fff;border-radius:2px;transition:transform .3s,opacity .3s}
.burger{position:relative}
.burger::before,.burger::after{content:"";position:absolute;inset-inline-start:0}
.burger::before{top:-7px}.burger::after{top:7px}
.site-burger[aria-expanded="true"] .burger{background:transparent}
.site-burger[aria-expanded="true"] .burger::before{top:0;transform:rotate(45deg)}
.site-burger[aria-expanded="true"] .burger::after{top:0;transform:rotate(-45deg)}
@media (min-width:1025px){
  .site-nav{position:static;flex-direction:row;align-items:center;gap:2rem;border:0;padding:0;background:none;max-height:none;overflow:visible;flex:1;margin-inline-start:4rem}
  .site-nav__tools{flex-direction:row;align-items:center;gap:24px;width:auto;margin:0;margin-inline-start:auto}
}

/* buttons: shapes come from the reference (.btn-primary, .btn-md, .btn-lg) */
.btn-primary,.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:48px;cursor:pointer;text-decoration:none;white-space:nowrap}
.btn-ghost{border:1px solid #fff;color:#fff;font-weight:600;border-radius:4px 4px 0 4px;background:transparent;transition:background .3s cubic-bezier(0,0,.2,1),color .3s}
.btn-ghost:hover{background:#fff;color:var(--bg)}
[dir="rtl"] .btn-primary,[dir="rtl"] .btn-ghost{border-radius:4px 4px 4px 0}
[dir="rtl"] .btn-primary:hover{border-top-right-radius:4px;border-top-left-radius:32px;border-bottom-left-radius:0}
.btn-ico{gap:8px}

/* hero */
.hero{padding-block:40px}
.hero__grid{display:grid;grid-template-columns:minmax(0,1fr);gap:48px;align-items:center}
.hero__lead{font-size:20px;line-height:30px;font-weight:500;margin-top:24px;max-width:600px}
.hero__form{margin-top:28px;max-width:600px;background:var(--panel);border:1px solid var(--line);border-radius:24px;padding:20px}
.hero__jump{margin-top:16px;font-size:14px}
.shot{margin:0}
.shot img{width:100%;height:auto;aspect-ratio:4/3;object-fit:cover;border-radius:16px;background:var(--solid)}
.shot figcaption{font-size:12px;line-height:18px;color:var(--muted);margin-top:8px}
.shot .credit{display:block}
.shot .credit a{color:var(--muted);text-decoration:underline}
.shot--hero img{aspect-ratio:4/5;border-radius:260px 260px 24px 24px}
.shot--head img{aspect-ratio:4/3;border-radius:24px}
.shot--small{margin-top:16px}
.shot--small img{aspect-ratio:3/2}
@media (min-width:768px){.hero{padding-block:72px;min-height:640px}}
@media (min-width:1025px){.hero__grid{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:64px}}

/* page head and breadcrumbs */
.page-head{position:relative;overflow:hidden;padding:24px 0 56px}
.page-head__grid{position:relative;display:grid;gap:40px;padding-inline:16px;align-items:center}
.page-head__lead{font-size:20px;line-height:30px;font-weight:500;margin-top:20px;max-width:640px}
.crumbs{font-size:14px;margin-bottom:20px}
.crumbs ol{display:flex;flex-wrap:wrap;gap:8px;list-style:none}
.crumbs li+li::before{content:"/";margin-inline-end:8px;color:#475569}
.crumbs a{color:var(--muted);text-decoration:underline;text-underline-offset:3px}
.crumbs li[aria-current]{color:#fff}
@media (min-width:1025px){.page-head__grid{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);padding-inline:0;gap:64px}}
@media (min-width:1280px){.page-head__grid{padding-inline:0}}

/* summary boxes */
.short{margin-top:28px;border:1.5px solid var(--accent);border-radius:16px;padding:16px 20px;background:rgba(249,115,22,.07);max-width:640px}
.short__h{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-2);margin-bottom:8px}
.short ul{padding-inline-start:20px;list-style:disc}
.short li{margin:4px 0}
.recap{border:1.5px solid var(--accent);border-radius:24px;padding:28px;background:var(--panel)}
.recap__h{font-size:28px;line-height:36px;font-weight:600;color:#fff;margin-bottom:16px}
.recap ul{list-style:none;display:grid;gap:12px}
.recap li{display:flex;align-items:flex-start;gap:12px}
.recap li .ico{margin-top:3px}
.next-card{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:24px;padding:20px 24px;border:1px solid var(--line);border-radius:16px;background:var(--bg);color:#fff;text-decoration:none}
.next-card span{color:var(--muted);font-size:14px}
.next-card strong{font-size:24px;line-height:32px;flex:1;margin-inline-start:12px}
.next-card:hover{border-color:var(--accent)}

/* cards */
.info-card,.card,.note,.qa{background:var(--panel);border:1px solid var(--line);border-radius:24px}
.info-card{padding:24px;display:grid;gap:12px;align-content:start}
.info-card h3,.card__title,.note__title{color:var(--accent-2);font-size:24px;line-height:32px;font-weight:600}
.info-card p,.card__text{color:#fff;font-weight:500}
.card{position:relative;display:grid;gap:12px;align-content:start;padding:24px 24px 72px;color:#fff;text-decoration:none;transition:border-color .3s}
.card:hover{border-color:var(--accent)}
.card__arrow{position:absolute;inset-inline-end:16px;bottom:16px;width:40px;height:40px;display:flex;align-items:center;justify-content:center;border-radius:9999px;background:#f1f5f9;color:var(--bg)}
.note{padding:24px;display:grid;gap:10px;align-content:start}
.notes{display:grid;gap:20px}
.qa{padding:20px 24px;border-radius:16px}
.qa h3{color:#fff;font-size:20px;line-height:28px;font-weight:600}
.qa p{margin-top:8px;color:#cbd5e1}
.faq{display:grid;gap:16px;max-width:880px}
@media (min-width:768px){.notes{grid-template-columns:repeat(2,minmax(0,1fr))}}

/* chips */
.chip{display:inline-flex;align-items:center;border:1px solid #334155;border-radius:9999px;padding:2px 12px;font-size:14px;line-height:22px;color:var(--text);text-decoration:none}
.chip--flag{border-color:var(--accent);color:var(--accent-2)}
a.chip--link:hover{border-color:var(--accent)}

/* place entries */
.jump{margin-bottom:24px;background:var(--solid);border:1px solid var(--line);border-radius:16px;padding:16px 20px}
.jump__h{font-weight:600;color:var(--accent-2);margin-bottom:8px}
.jump ol{padding-inline-start:22px}
.jump li{margin:6px 0;break-inside:avoid}
.jump a{color:var(--text);text-underline-offset:3px}
.jump a:hover{color:#fff;text-decoration:underline}
@media (min-width:768px){.jump ol{columns:2;column-gap:32px}}
.group{scroll-margin-top:100px}
.group__title{font-size:32px;line-height:44px;font-weight:600;color:#fff;margin:40px 0 24px;padding-bottom:12px;border-bottom:1px solid var(--line)}
.entry{display:grid;gap:24px;grid-template-columns:minmax(0,1fr);padding:20px;margin-bottom:32px;border:1px solid var(--line);border-radius:24px;background:var(--panel);scroll-margin-top:100px}
.entry__media{align-self:start}
.entry__tags{display:flex;flex-wrap:wrap;gap:8px}
.entry__name{display:flex;align-items:center;font-size:28px;line-height:36px;font-weight:600;color:#fff;margin:14px 0 12px}
.entry__num{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;margin-inline-end:12px;border-radius:9999px;background:var(--accent);color:var(--on-accent);font-size:16px}
.entry__lead{color:#fff;font-weight:500}
.entry__h{color:var(--accent-2);font-size:20px;line-height:28px;font-weight:600;margin:20px 0 8px}
.entry__body>p{line-height:1.7}
.facts{display:grid;gap:12px;margin:20px 0}
.fact{border-top:1px solid var(--line);padding-top:12px}
.fact dt{display:flex;align-items:center;gap:8px;font-weight:600;color:var(--accent-2);font-size:14px;margin-bottom:4px}
.fact dd{margin:0;line-height:1.65}
.basis{color:var(--muted);font-size:14px}
.know{display:flex;align-items:flex-start;gap:12px;background:var(--solid);border:1px dashed #475569;border-radius:16px;padding:14px 16px;margin:16px 0}
.know .ico{margin-top:2px}
.btn-row{display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px;margin-top:20px}
.to-list{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:14px;text-decoration:underline;text-underline-offset:3px}
.entry__src{margin-top:16px;font-size:14px;color:var(--muted)}
.entry__src a{margin-inline-end:14px;text-underline-offset:3px;text-decoration:underline}
.aside{margin-top:24px;padding:14px 18px;border:1px dashed #475569;border-radius:16px;color:var(--text)}
@media (min-width:1025px){
  .entry{grid-template-columns:minmax(300px,440px) minmax(0,1fr);gap:40px;padding:28px}
  .entry__media{position:sticky;top:110px}
}

/* index regions, steps */
.region{display:grid;gap:28px;margin-bottom:72px;scroll-margin-top:100px}
.region:last-child{margin-bottom:0}
.steps{list-style:none;display:grid;gap:16px;margin:24px 0}
.steps li{display:flex;gap:16px;align-items:flex-start}
.step__n{flex:none;width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--accent);border-radius:9999px;color:var(--accent-2);font-weight:600;background:var(--solid)}
.step__name{color:#fff;font-weight:600;text-underline-offset:3px;text-decoration:underline}
.steps p{margin-top:4px;color:#cbd5e1}
.region__sum{display:flex;gap:12px;align-items:flex-start;padding:14px 16px;border-radius:16px;background:var(--solid);border:1px dashed #475569}
.region__sum .ico{margin-top:2px}
.region__more{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}
@media (min-width:1025px){
  .region{grid-template-columns:minmax(280px,480px) minmax(0,1fr);gap:56px;align-items:start}
  .region:nth-of-type(even) .shot{order:2}
  .region>.shot{position:sticky;top:110px}
}

/* tables */
.table-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:16px;background:var(--panel)}
.table{width:100%;min-width:680px;border-collapse:collapse}
.table th,.table td{padding:12px 16px;border-bottom:1px solid var(--line);text-align:start;vertical-align:top}
.table thead th{color:var(--accent-2);font-weight:600}
.table tbody th{font-weight:600}
.table tbody th a{color:#fff;text-underline-offset:3px;text-decoration:underline}
.table tbody tr:last-child th,.table tbody tr:last-child td{border-bottom:0}

/* legal pages */
.legal{padding:24px 0 56px}
.legal__title{font-size:clamp(32px,5vw,56px);line-height:1.2;font-weight:500;color:#fff;margin-bottom:24px}
.legal__item{max-width:760px;margin-block:28px}
.legal__item h2{font-size:24px;line-height:32px;font-weight:600;color:var(--accent-2);margin-bottom:8px}
.legal__item p{line-height:1.7}

/* subscribe block and form */
.cta-box{display:grid;gap:28px;padding:24px;border:1px solid var(--line);border-radius:24px;background:var(--panel)}
.cta-module{scroll-margin-top:90px}
@media (min-width:1025px){.cta-box{grid-template-columns:minmax(0,1fr) minmax(0,1fr);padding:40px;gap:48px;align-items:center}}
.form__row{display:grid;gap:12px;align-items:end}
@media (min-width:768px){.form__row{grid-template-columns:minmax(0,1fr) auto}}
.field__label{display:block;margin-bottom:6px;font-size:14px;color:var(--text)}
.field__input{width:100%;height:48px;background:var(--bg);border:1px solid #475569;border-radius:4px;color:#fff;padding:0 14px;font:inherit}
.field__input[aria-invalid="true"],.check input[aria-invalid="true"]{border-color:#fda4af;outline-color:#fda4af}
.check{display:flex;align-items:flex-start;gap:10px;margin-top:14px;font-size:14px;line-height:22px}
.check input{flex:none;width:20px;height:20px;margin-top:1px;accent-color:var(--accent)}
.check a{color:#60a5fa;text-decoration:underline}
.field__error{color:#fda4af;font-size:14px;margin-top:6px}
.hp{position:absolute;inset-inline-start:-9999px;width:1px;height:1px;overflow:hidden}
.form__status{margin-top:10px;min-height:1.5em;color:var(--accent-2);font-weight:600}

/* footer */
.footer-link{background:none;border:0;padding:0;text-decoration:underline;text-underline-offset:3px;cursor:pointer}
@media (min-width:1024px){
  [dir="rtl"] .lg\:text-left{text-align:right}
  [dir="rtl"] .lg\:border-l{border-left-width:0;border-right-width:1px;border-right-color:#1e293b}
  [dir="rtl"] .lg\:pl-8{padding-left:0;padding-right:2rem}
}

/* cookie dialog (GDPR / PDPL): accept and reject carry equal weight */
[dir="rtl"] .gear-cookies-icon{left:auto;right:10px}
.cookie-bar{position:fixed;inset-inline:12px;bottom:12px;z-index:99999;max-width:780px;margin-inline:auto;max-height:calc(100vh - 24px);overflow:auto;background:var(--solid);border:1px solid #475569;border-radius:16px;padding:20px;box-shadow:0 20px 40px rgba(0,0,0,.5)}
.cookie-bar__title{font-size:20px;line-height:28px;font-weight:600;color:#fff;margin-bottom:6px}
.cookie-bar__text{font-size:14px;line-height:22px}
.cookie-bar__text a{color:#60a5fa;text-decoration:underline}
.cookie-bar__panel{display:grid;gap:14px;margin-top:16px;padding-top:16px;border-top:1px solid var(--line)}
.cookie-row{display:flex;gap:12px;align-items:flex-start}
.cookie-row input{flex:none;width:20px;height:20px;margin-top:2px;accent-color:var(--accent)}
.cookie-row label{display:grid;gap:2px;font-size:14px;line-height:22px}
.cookie-row label span{color:var(--muted)}
.cookie-bar__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px}
.cookie-bar__actions .btn-md{flex:1 1 150px}