/* Generated by build.mjs from site.css: only the rules the built pages can use. */
@font-face{
  font-family: "Inter";
  src: url("/assets/fonts/inter-var-latin.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
}
@font-face{
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-500-latin.woff2") format("woff2");
  font-weight: 500;
  font-display: swap;
}
@font-face{
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-600-latin.woff2") format("woff2");
  font-weight: 600;
  font-display: swap;
}
@font-face{
  font-family: "Poppins";
  src: url("/assets/fonts/poppins-700-latin.woff2") format("woff2");
  font-weight: 700;
  font-display: swap;
}
@font-face{
  font-family: "Noto Kufi Arabic";
  src: url("/assets/fonts/noto-kufi-arabic-var.woff2") format("woff2");
  font-weight: 100 900;
  font-display: swap;
  unicode-range: U+0600-06FF, U+0750-077F, U+FB50-FDFF, U+FE70-FEFC, U+200C-200E;
}
:root{--bg: #040c0e;
  --bg-raise: #071519;
  --panel: rgba(255, 255, 255, 0.032);
  --panel-solid: #0b1e24;
  --line: rgba(255, 255, 255, 0.09);
  --line-soft: rgba(255, 255, 255, 0.055);
  --ink: #f5f3f9;
  --muted: #a8a3b8;
  --faint: #706b82;
  --faint-2: #8f8aa4; /* smallest menu text: 5.8:1 on the panel ground */
  --bg-pop: #120e1d; /* opaque menu panels; the bar keeps the glass */
  --brand-a: #079FBF;
  --brand-b: #00829C;
  --brand-grad: linear-gradient(100deg, #079FBF, #00829C);
  /* text-bearing brand surfaces: a light-to-brand gradient under near-black ink clears AA (6.0:1 at the dark end); --brand-grad stays for fills */
  --brand-grad-btn: linear-gradient(100deg, #4DDAFF, #079FBF);
  --on-brand: #03141b;
  --brand-grad-soft: linear-gradient(100deg, rgba(7, 159, 191, 0.15), rgba(0, 130, 156, 0.13));
  --brand-tint: rgba(7, 159, 191, 0.1);
  --accent: #4DDAFF;
  --good: #3ddc97;
  --warn: #ffc555;
  --bad: #ff6b6b;
  --font-body: "Inter", system-ui, -apple-system, "Segoe UI", sans-serif;
  --font-display: "Poppins", "Inter", system-ui, sans-serif;
  --radius: 16px;
  --radius-lg: 24px;
  --container: 1200px;
  --shadow-card: 0 12px 40px rgba(0, 0, 0, 0.35);
  --shadow-pop: 0 24px 80px rgba(0, 0, 0, 0.5);
  --ease-out: cubic-bezier(0.22, 1, 0.36, 1);
  --ease-spring: cubic-bezier(0.34, 1.56, 0.64, 1);
  --ease-in: cubic-bezier(0.55, 0, 1, 0.45);
  --ease-inout: cubic-bezier(0.65, 0, 0.35, 1);
  /* v4 additions: secondary ink, plane hues, spacing scale */
  --ink-2: #d9d4e6;
  --plane-tender: #3b82f6;
  --plane-tender-soft: rgba(59, 130, 246, 0.14);
  --plane-investor: #8b7ff0;
  --plane-investor-soft: rgba(139, 127, 240, 0.14);
  --plane-kernel: #c77d06;
  --plane-kernel-soft: rgba(199, 125, 6, 0.14);
  --s-4: 16px;
  --s-5: 24px;
  --s-6: 48px;
  --s-7: 64px;
  --s-8: 96px;
  --s-9: 128px;}
*{box-sizing: border-box;}
html{scroll-behavior: smooth; -webkit-text-size-adjust: 100%; interpolate-size: allow-keywords; overflow-x: hidden; overflow-x: clip;}
body{margin: 0;
  background: var(--bg);
  color: var(--ink);
  font-family: var(--font-body);
  font-size: 16.5px;
  line-height: 1.7;
  -webkit-font-smoothing: antialiased;
  text-rendering: optimizeLegibility;
  overflow-x: hidden;}
img,svg{max-width: 100%; height: auto;}
a{color: var(--ink); text-decoration: none;}
p a,li a,td a{color: #96E7FF; text-decoration: underline; text-decoration-color: rgba(150, 231, 255, 0.35); text-underline-offset: 3px; transition: text-decoration-color 0.2s;}
p a:hover,li a:hover,td a:hover{text-decoration-color: #96E7FF;}
.glossary-az a,.lesson-nav a,.toc a{text-decoration: none;}
::selection{background: rgba(7, 159, 191, 0.4);}
h1,h2,h3,h4{font-family: var(--font-display); line-height: 1.16; letter-spacing: -0.022em; margin: 0 0 0.5em; font-weight: 600; text-wrap: balance;}
h1{font-size: clamp(2.3rem, 5.4vw, 3.9rem); font-weight: 700; letter-spacing: -0.028em;}
h2{font-size: clamp(1.7rem, 3.4vw, 2.45rem);}
h3{font-size: 1.26rem;}
h4{font-size: 1.05rem;}
.container{max-width: var(--container); margin: 0 auto; padding: 0 28px;}
.container-narrow{max-width: 840px;}
@view-transition{ navigation: auto; }
@media (prefers-reduced-motion: no-preference){
::view-transition-old(root){animation: vt-out 0.18s ease both;}
::view-transition-new(root){animation: vt-in 0.24s ease both;}
}
@keyframes vt-out{ to { opacity: 0; } }
@keyframes vt-in{ from { opacity: 0; } }
@keyframes grad-shimmer{
  0%, 100% { background-position: 0% 50%; }
  50% { background-position: 100% 50%; }
}
@keyframes drift{
  from { transform: translate3d(0, 0, 0) scale(1); }
  to { transform: translate3d(60px, 40px, 0) scale(1.12); }
}
.skip-link{position: absolute; inset-inline-start: 0; top: 0; background: var(--panel-solid); padding: 10px 16px; z-index: 300; border-radius: 0 0 10px 10px; clip-path: inset(100%);}
.skip-link:focus{clip-path: none;}
.nav{display: flex; align-items: center; gap: 14px; height: 60px;
  padding: 0 10px 0 20px;
  background: rgba(12, 9, 19, 0.55);
  border: 1px solid rgba(255, 255, 255, 0.07);
  border-radius: 18px;
  backdrop-filter: blur(20px) saturate(1.5);
  -webkit-backdrop-filter: blur(20px) saturate(1.5);
  box-shadow: 0 1px 0 rgba(255, 255, 255, 0.04) inset, 0 8px 32px rgba(0, 0, 0, 0.25);
  transition: background 0.3s ease, box-shadow 0.3s ease, border-color 0.3s ease;}
.brand{display: inline-flex; align-items: center; gap: 10px; font-family: var(--font-display); font-weight: 700; font-size: 1.16rem; letter-spacing: -0.01em;}
.brand img{transition: transform 0.5s var(--ease-spring);}
.brand:hover img{transform: rotate(-8deg) scale(1.08);}
.nav.scrolled{background: rgba(4, 12, 14, 0.85);}
.btn{position: relative; display: inline-flex; align-items: center; justify-content: center; gap: 9px;
  border-radius: 12px; padding: 11px 22px; font-weight: 600; font-size: 0.97rem;
  font-family: var(--font-display); letter-spacing: 0;
  border: 1px solid transparent; cursor: pointer; overflow: hidden;
  transition: transform 0.2s var(--ease-out), box-shadow 0.25s ease, background 0.2s, border-color 0.2s;
  white-space: nowrap; text-overflow: ellipsis; max-width: 100%;}
.btn:active{transform: translateY(1px) scale(0.99);}
.btn-primary{background: var(--brand-grad-btn); color: var(--on-brand); box-shadow: 0 6px 24px rgba(7, 159, 191, 0.32);}
.btn-primary::before{content: ""; position: absolute; inset: 0;
  background: linear-gradient(115deg, transparent 30%, rgba(255, 255, 255, 0.35) 50%, transparent 70%);
  transform: translateX(-110%); transition: transform 0.7s var(--ease-out);}
.btn-primary:hover{box-shadow: 0 10px 36px rgba(7, 159, 191, 0.5); transform: translateY(-2px);}
.btn-primary:hover::before{transform: translateX(110%);}
.btn-ghost{background: rgba(255, 255, 255, 0.05); border-color: var(--line); color: var(--ink);}
.btn-ghost:hover{background: rgba(255, 255, 255, 0.09); border-color: rgba(255, 255, 255, 0.18); transform: translateY(-2px);}
.btn-lg{padding: 14px 30px; font-size: 1.04rem; border-radius: 14px;}
.btn-row{display: flex; gap: 14px; flex-wrap: wrap; align-items: center;}
.kicker{color: var(--plane, var(--accent)); font-family: var(--font-display); font-weight: 600; font-size: 0.84rem; letter-spacing: 0.16em; text-transform: uppercase; margin: 0 0 16px;}
.lead{color: var(--muted); font-size: clamp(1.05rem, 1.9vw, 1.22rem); line-height: 1.65; max-width: 46em; margin: 0 0 30px;}
@keyframes hero-float{
  0%, 100% { transform: translateY(0); }
  50% { transform: translateY(-10px); }
}
.page-section{padding: var(--s-7) 0;}
.page-section.chapter{padding-top: var(--s-9);}
.section-title{text-align: center; margin-bottom: 14px; font-size: 2.45rem;}
.section-sub{text-align: center; color: var(--muted); max-width: 44em; margin: 0 auto 56px; font-size: 1.06rem; line-height: 1.75;}
.section-kicker{text-align: center; color: var(--plane, var(--accent)); font-family: var(--font-display); font-weight: 600; font-size: 0.8rem; letter-spacing: 0.16em; text-transform: uppercase; margin: 0 0 12px;}
.card-grid{display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;}
.card-grid-2{grid-template-columns: repeat(2, 1fr);}
.card-grid-4{grid-template-columns: repeat(4, 1fr);}
.card{--mx: 50%; --my: 50%;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.022) 58%);
  border: 1px solid var(--line-soft); border-radius: var(--radius-lg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  padding: 28px; position: relative; overflow: hidden;
  transition: transform 0.3s var(--ease-out), border-color 0.25s ease, background 0.25s, box-shadow 0.3s ease;}
.card{display: flex; flex-direction: column; align-items: flex-start;}
.card > *{width: 100%;}
.card::after{content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0;
  background: radial-gradient(320px circle at var(--mx) var(--my), rgba(7, 159, 191, 0.09), transparent 60%);
  transition: opacity 0.3s ease;}
.card:hover{transform: translateY(-5px); border-color: rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.048); box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);}
.card:hover::after{opacity: 1;}
.card h3{margin: 16px 0 8px; font-size: 1.2rem; font-family: var(--font-display); font-weight: 600;}
.card p{color: var(--muted); font-size: 0.95rem; margin: 0;}
.card .card-link{display: inline-flex; align-items: center; gap: 6px; color: var(--accent); font-weight: 600; font-size: 0.9rem; margin-top: auto; padding-top: 16px; width: auto; transition: gap 0.2s var(--ease-out);}
.card p{margin-bottom: 0;}
.card:hover .card-link{gap: 10px;}
.card-icon{width: 44px; height: 44px; border-radius: 13px; display: inline-flex; align-items: center; justify-content: center;
  background: var(--plane-soft, var(--brand-grad-soft)); color: var(--plane, var(--accent));
  border: 1px solid color-mix(in srgb, var(--plane, var(--brand-a)) 30%, transparent);
  transition: transform 0.35s var(--ease-spring), box-shadow 0.3s ease;}
.card:hover .card-icon{transform: translateY(-2px) scale(1.06); box-shadow: 0 8px 20px rgba(7, 159, 191, 0.2);}
.card-icon svg{width: 21px; height: 21px;}
.split{display: grid; grid-template-columns: 1fr 1fr; gap: 64px; align-items: center; padding: 52px 0;}
.split-copy h2{margin-bottom: 16px; font-size: clamp(1.5rem, 2.6vw, 2.05rem); line-height: 1.15; letter-spacing: -0.02em; max-width: 14em;}
.split + .split{padding-top: 32px;}
.split-copy p{color: var(--muted);}
.split-copy ul{color: var(--muted); padding-left: 0; list-style: none; margin: 20px 0 0;}
.split-copy ul li{padding-left: 32px; position: relative; margin-bottom: 12px;}
.split-copy ul li::before{content: ""; position: absolute; left: 0; top: 4px; width: 19px; height: 19px; border-radius: 6px;
  background: var(--brand-grad-soft); border: 1px solid rgba(7, 159, 191, 0.3);}
.split-copy ul li::after{content: ""; position: absolute; left: 5px; top: 9px; width: 8px; height: 5px;
  border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg);}
.split:nth-of-type(even) .split-visual{order: -1;}
.table-wrap{overflow-x: auto; border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--panel);}
table.cmp{width: 100%; border-collapse: collapse; font-size: 0.93rem; min-width: 560px;}
.cmp th,.cmp td{padding: 13px 18px; text-align: left; border-bottom: 1px solid var(--line-soft); vertical-align: top;}
.cmp thead th{background: rgba(255, 255, 255, 0.04); font-family: var(--font-display); font-weight: 600; font-size: 0.94rem; position: sticky; top: 0;}
.cmp tbody tr{transition: background 0.15s;}
.cmp tbody tr:hover{background: rgba(255, 255, 255, 0.025);}
.cmp tbody tr:last-child td{border-bottom: 0;}
.cmp td.y{color: var(--good); font-weight: 650;}
.cmp td.n{color: var(--faint);}
.cmp td.p{color: var(--warn);}
.cmp .row-note{color: var(--faint); font-size: 0.82rem; display: block; margin-top: 2px; font-weight: 400;}
.stat{text-align: center; padding: 30px 14px; border: 1px solid var(--line-soft); border-radius: var(--radius-lg);
  background: var(--panel); transition: transform 0.3s var(--ease-out), border-color 0.25s;}
.stat:hover{transform: translateY(-4px); border-color: rgba(255, 255, 255, 0.14);}
.stat b{display: block; font-family: var(--font-display); font-size: 2.3rem; font-weight: 700; font-variant-numeric: tabular-nums; background: var(--brand-grad); -webkit-background-clip: text; background-clip: text; color: transparent;}
.stat span{color: var(--muted); font-size: 0.9rem;}
.faq-list{display: flex; flex-direction: column; gap: 12px;}
.faq-item{border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--panel); overflow: hidden; transition: border-color 0.25s, background 0.25s;}
.faq-item:hover,.faq-item[open]{border-color: rgba(255, 255, 255, 0.13); background: rgba(255, 255, 255, 0.042);}
.faq-item summary{cursor: pointer; list-style: none; padding: 18px 52px 18px 22px; font-weight: 600; position: relative;
  font-size: 1.0rem; font-family: var(--font-display);}
.faq-item summary::-webkit-details-marker{display: none;}
.faq-item summary::after{content: "+"; position: absolute; right: 20px; top: 50%; transform: translateY(-50%);
  font-size: 1.35rem; font-weight: 400; color: var(--accent); transition: transform 0.3s var(--ease-out);}
.faq-item[open] summary::after{transform: translateY(-50%) rotate(45deg);}
.faq-item::details-content{block-size: 0; overflow: hidden;
  transition: block-size 0.35s var(--ease-out), content-visibility 0.35s allow-discrete;}
.faq-item[open]::details-content{block-size: auto;}
.faq-a{padding: 0 22px 20px; color: var(--muted); font-size: 0.96rem;}
.faq-a p{margin: 0 0 10px;}
@property --cta-angle{
  syntax: "<angle>";
  initial-value: 0deg;
  inherits: false;
}
.cta-band{padding: 48px 0 100px;}
.cta-band-inner{text-align: center; border-radius: 30px; padding: 72px 36px; position: relative; overflow: hidden;
  background:
    radial-gradient(60% 120% at 20% 0%, rgba(7, 159, 191, 0.2), transparent 60%),
    radial-gradient(60% 120% at 85% 10%, rgba(0, 130, 156, 0.18), transparent 60%),
    var(--bg-raise);
  border: 1px solid transparent;
  background-clip: padding-box;}
.cta-band-inner::before{content: ""; position: absolute; inset: -1px; border-radius: inherit; padding: 1px; pointer-events: none;
  background: conic-gradient(from var(--cta-angle), rgba(7, 159, 191, 0.7), rgba(0, 130, 156, 0.15), rgba(14, 116, 144, 0.5), rgba(0, 130, 156, 0.15), rgba(7, 159, 191, 0.7));
  -webkit-mask: linear-gradient(#000 0 0) content-box, linear-gradient(#000 0 0);
  -webkit-mask-composite: xor; mask-composite: exclude;
  animation: cta-rotate 7s linear infinite;}
@keyframes cta-rotate{ to { --cta-angle: 360deg; } }
.cta-band-inner h2{font-size: clamp(1.9rem, 3.6vw, 2.8rem);}
.cta-band-inner p{color: var(--muted); max-width: 40em; margin: 0 auto 28px;}
.cta-band .btn-row{justify-content: center;}
.cta-trust{font-size: 0.86rem; color: var(--faint) !important; margin-top: 22px !important;}
.prose{max-width: 780px;}
.prose > *{margin-top: 0;}
.prose h2{margin: 2.1em 0 0.6em; font-size: 1.75rem;}
.prose h2::before{content: ""; display: block; width: 32px; height: 3px; border-radius: 2px; background: var(--plane, var(--brand-a)); margin-bottom: 14px;}
.prose h3{margin: 1.7em 0 0.5em;}
.prose p,.prose li{color: #cbc6d8;}
.prose li{margin-bottom: 7px;}
.prose ul,.prose ol{padding-left: 26px; margin: 0 0 1.2em;}
.prose blockquote{margin: 1.6em 0; padding: 14px 22px; border-left: 3px solid var(--accent);
  background: var(--panel); border-radius: 0 var(--radius) var(--radius) 0; color: var(--muted);}
.prose blockquote p{margin: 0;}
.prose table{width: 100%; border-collapse: collapse; margin: 1.4em 0; font-size: 0.92rem;}
.prose th,.prose td{border: 1px solid var(--line); padding: 10px 14px; text-align: left;}
.prose th{background: rgba(255, 255, 255, 0.04); font-family: var(--font-display); font-weight: 600;}
.prose td{color: var(--muted);}
.prose code{background: rgba(255, 255, 255, 0.07); border-radius: 6px; padding: 2px 7px; font-size: 0.86em; font-family: ui-monospace, "Cascadia Code", Consolas, monospace;}
.prose pre{background: var(--panel-solid); border: 1px solid var(--line); border-radius: var(--radius); padding: 18px; overflow-x: auto;}
.prose pre code{background: none; padding: 0;}
.prose hr{border: 0; border-top: 1px solid var(--line); margin: 2.4em 0;}
.prose .callout{display: flex; gap: 14px; padding: 16px 20px; margin: 1.6em 0;
  background: var(--brand-tint); border: 1px solid rgba(7, 159, 191, 0.25); border-radius: var(--radius);}
.prose .callout p{margin: 0; color: var(--ink); font-size: 0.95rem;}
.prose .callout::before{content: "→"; color: var(--accent); font-weight: 700;}
.prose .example{padding: 18px 22px; margin: 1.6em 0; background: var(--panel); border: 1px solid var(--line);
  border-radius: var(--radius);}
.prose .example .example-label{color: var(--plane, var(--accent)); font-weight: 650; font-size: 0.84rem; text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 8px;}
.prose .example > p:last-child{margin-bottom: 0;}
.prose img{border-radius: var(--radius); border: 1px solid var(--line);}
.article-layout{display: grid; grid-template-columns: minmax(0, 1fr) 240px; gap: 60px; padding-block: 38px 88px;}
.prose > h2:first-child{margin-top: 0;}
.toc{position: sticky; top: 110px; align-self: start; font-size: 0.88rem;}
.toc h4{color: var(--faint); text-transform: uppercase; letter-spacing: 0.1em; font-size: 0.72rem; margin-bottom: 12px;}
.toc ul{list-style: none; margin: 0; padding: 0; border-left: 1px solid var(--line);}
.toc li a{display: block; padding: 5px 0 5px 16px; color: var(--faint); border-left: 2px solid transparent; margin-left: -1.5px; transition: color 0.18s, border-color 0.18s;}
.toc li a:hover{color: var(--ink);}
.toc li a.active{color: var(--accent); border-left-color: var(--accent);}
.post-card{--mx: 50%; --my: 50%;
  display: flex; flex-direction: column; background: var(--panel); border: 1px solid var(--line-soft);
  border-radius: var(--radius-lg); padding: 26px; position: relative; overflow: hidden;
  transition: transform 0.3s var(--ease-out), border-color 0.25s, box-shadow 0.3s ease;}
.post-card::after{content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0;
  background: radial-gradient(320px circle at var(--mx) var(--my), rgba(7, 159, 191, 0.08), transparent 60%);
  transition: opacity 0.3s ease;}
.post-card:hover{transform: translateY(-5px); border-color: rgba(255, 255, 255, 0.18); box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);}
.post-card:hover::after{opacity: 1;}
.post-card h3{font-size: 1.12rem; margin: 0 0 8px;}
.post-card p{color: var(--muted); font-size: 0.92rem; margin: 0 0 14px; flex: 1;}
.course-list{display: flex; flex-direction: column; gap: 16px; counter-reset: course;}
.course-row{display: grid; grid-template-columns: 64px 1fr auto; gap: 24px; align-items: center;
  background: var(--panel); border: 1px solid var(--line-soft); border-radius: var(--radius-lg); padding: 24px 28px;
  transition: border-color 0.25s, transform 0.3s var(--ease-out), background 0.25s;}
.course-row:hover{border-color: rgba(255, 255, 255, 0.18); transform: translateX(6px); background: rgba(255, 255, 255, 0.045);}
.course-row .course-n{counter-increment: course; font-family: var(--font-display); font-size: 1.9rem; font-weight: 700; background: var(--brand-grad); -webkit-background-clip: text; background-clip: text; color: transparent;}
.course-row .course-n::before{content: "0" counter(course);}
.course-row h3{margin: 0 0 4px;}
.course-row p{margin: 0; color: var(--muted); font-size: 0.93rem;}
.course-row .course-meta{color: var(--faint); font-size: 0.84rem; white-space: nowrap;}
.lesson-nav{display: flex; justify-content: space-between; gap: 14px; margin-top: 48px; padding-top: 28px; border-top: 1px solid var(--line);}
.lesson-nav a{flex: 1; max-width: 46%; border: 1px solid var(--line); border-radius: var(--radius); padding: 14px 18px; font-size: 0.9rem; color: var(--muted); transition: border-color 0.2s, color 0.2s, transform 0.25s var(--ease-out);}
.lesson-nav a:hover{border-color: rgba(255, 255, 255, 0.2); color: var(--ink); transform: translateY(-2px);}
.lesson-nav a b{display: block; color: var(--ink); font-size: 0.97rem; margin-top: 3px;}
.lesson-nav a.next{text-align: right; margin-left: auto;}
.calc{display: grid; grid-template-columns: 380px 1fr; gap: 28px; align-items: start;}
.calc-inputs{background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 28px; display: flex; flex-direction: column; gap: 18px; position: sticky; top: 100px;}
.calc-field label{display: block; font-size: 0.84rem; font-weight: 600; color: var(--muted); margin-bottom: 7px;}
.calc-field input,.calc-field select{width: 100%; background: rgba(255, 255, 255, 0.05); border: 1px solid var(--line); color: var(--ink);
  border-radius: 11px; padding: 12px 14px; font: inherit; font-variant-numeric: tabular-nums;
  transition: border-color 0.2s, background 0.2s;}
.calc-field input:hover,.calc-field select:hover{border-color: rgba(255, 255, 255, 0.18);}
.calc-field input:focus,.calc-field select:focus{outline: 2px solid rgba(7, 159, 191, 0.55); outline-offset: 1px; border-color: transparent;}
.calc-field .hint{color: var(--faint); font-size: 0.78rem; margin-top: 5px;}
.calc-results{display: flex; flex-direction: column; gap: 18px;}
.calc-out{background: var(--panel); border: 1px solid var(--line); border-radius: var(--radius-lg); padding: 26px 28px;}
.calc-out h3{font-size: 0.86rem; color: var(--faint); text-transform: uppercase; letter-spacing: 0.1em; margin-bottom: 14px;}
.calc-big{font-family: var(--font-display); font-size: 2.3rem; font-weight: 700; font-variant-numeric: tabular-nums;}
.calc-note{color: var(--faint); font-size: 0.85rem;}
.calc-table{width: 100%; border-collapse: collapse; font-size: 0.92rem; font-variant-numeric: tabular-nums;}
.calc-table th{text-align: left; color: var(--faint); font-weight: 600; font-size: 0.76rem; text-transform: uppercase; letter-spacing: 0.07em; padding: 8px 10px; border-bottom: 1px solid var(--line);}
.calc-table td{padding: 9px 10px; border-bottom: 1px solid var(--line-soft); color: var(--muted);}
.calc-table td:first-child{color: var(--ink);}
.calc-table .num{text-align: right;}
.calc-table tr.hl td{color: var(--ink); font-weight: 600; background: var(--brand-tint);}
.glossary-az{display: flex; flex-wrap: wrap; gap: 8px; margin: 0 0 36px;}
.glossary-az a{border: 1px solid var(--line); border-radius: 10px; min-width: 36px; text-align: center; padding: 6px 0; color: var(--muted); font-weight: 600; font-size: 0.9rem; transition: color 0.15s, border-color 0.15s, background 0.15s;}
.glossary-az a:hover{color: var(--ink); border-color: rgba(255, 255, 255, 0.25); background: rgba(255, 255, 255, 0.05);}
.glossary-group{margin-bottom: 44px;}
.glossary-group h2{font-size: 1.9rem; color: var(--accent); border-bottom: 1px solid var(--line); padding-bottom: 8px;}
.glossary-term{margin-bottom: 20px;}
.glossary-term h3{font-size: 1.06rem; margin-bottom: 4px;}
.glossary-term p{color: var(--muted); font-size: 0.95rem; margin: 0; max-width: 760px;}
.release{border-left: 2px solid var(--line); padding: 0 0 48px 34px; position: relative;}
.release::before{content: ""; position: absolute; left: -7px; top: 6px; width: 12px; height: 12px; border-radius: 50%; background: var(--brand-grad); box-shadow: 0 0 0 4px rgba(7, 159, 191, 0.18);}
.release-head{display: flex; align-items: baseline; gap: 14px; flex-wrap: wrap; margin-bottom: 6px;}
.release-head h2{margin: 0; font-size: 1.5rem;}
.release .prose h2{font-size: 1.15rem; margin: 1.4em 0 0.5em;}
.checklist{list-style: none; padding: 0; margin: 18px 0;}
.checklist li{padding: 7px 0 7px 32px; position: relative; color: var(--muted);}
.checklist li::before{content: ""; position: absolute; left: 0; top: 11px; width: 18px; height: 18px; border-radius: 6px; background: var(--brand-grad-soft); border: 1px solid rgba(7, 159, 191, 0.3);}
.checklist li::after{content: ""; position: absolute; left: 5px; top: 16px; width: 8px; height: 5px; border-left: 2px solid var(--accent); border-bottom: 2px solid var(--accent); transform: rotate(-45deg);}
.notice{border: 1px solid rgba(255, 197, 85, 0.3); background: rgba(255, 197, 85, 0.07); border-radius: var(--radius); padding: 14px 20px; color: #e8d5ab; font-size: 0.92rem;}
@keyframes pop-in{ from { opacity: 0; transform: translateY(-14px) scale(0.98); } }
@keyframes fade-in{ from { opacity: 0; } }
.reveal{opacity: 0; transform: translateY(18px);
  transition: opacity 0.6s var(--ease-out) var(--rd, 0s), transform 0.6s var(--ease-out) var(--rd, 0s);
  will-change: opacity, transform;}
.reveal.in{opacity: 1; transform: none; will-change: auto;}
:is(.card-grid, .capability-index, .stat-tiles, .trust-strip) > :nth-child(1){--rd: 0ms;}
:is(.card-grid, .capability-index, .stat-tiles, .trust-strip) > :nth-child(2){--rd: 60ms;}
:is(.card-grid, .capability-index, .stat-tiles, .trust-strip) > :nth-child(3){--rd: 120ms;}
:is(.card-grid, .capability-index, .stat-tiles, .trust-strip) > :nth-child(4){--rd: 180ms;}
:is(.card-grid, .capability-index, .stat-tiles, .trust-strip) > :nth-child(5){--rd: 240ms;}
:is(.card-grid, .capability-index, .stat-tiles, .trust-strip) > :nth-child(6){--rd: 300ms;}
:is(.card-grid, .capability-index, .stat-tiles, .trust-strip) > :nth-child(7){--rd: 360ms;}
:is(.card-grid, .capability-index, .stat-tiles, .trust-strip) > :nth-child(8){--rd: 420ms;}
@media (prefers-reduced-motion: reduce){
html{scroll-behavior: auto;}
.cta-band-inner::before{animation: none;}
.reveal{opacity: 1; transform: none; filter: none; transition: none;}
.btn-primary::before{display: none;}
.card,.post-card,.stat,.course-row,.btn,.lesson-nav a{transition: none;}
}
@media (max-width: 1080px){
.card-grid,.card-grid-4{grid-template-columns: repeat(2, 1fr);}
.article-layout{grid-template-columns: minmax(0, 1fr);}
.toc{display: none;}
.prose{min-width: 0; max-width: 100%;}
}
@media (max-width: 860px){
.split{grid-template-columns: minmax(0, 1fr); gap: 34px; padding: 34px 0;}
.split:nth-of-type(even) .split-visual{order: 0;}
.calc{grid-template-columns: 1fr;}
.calc-inputs{position: static;}
.nav{height: 56px; padding: 0 6px 0 16px;}
}
@media (max-width: 620px){
.card-grid,.card-grid-2,.card-grid-4{grid-template-columns: 1fr;}
.page-section{padding: 60px 0;}
.section-sub{margin-bottom: 38px;}
.course-row{grid-template-columns: 1fr; gap: 8px;}
.course-row .course-n{font-size: 1.4rem;}
.course-row:hover{transform: none;}
.lesson-nav{flex-direction: column;}
.lesson-nav a{max-width: none;}
.btn-row .btn{flex: 1 1 100%;}
.cta-band-inner{padding: 52px 24px;}
}
.shot{position: relative; border-radius: var(--radius-lg); overflow: hidden;
  border: 1px solid rgba(255, 255, 255, 0.1);
  /* safe placeholder while the capture loads: gradient plus the four-point Ishara mark at 6 percent */
  background:
    url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 120'%3E%3Cpath d='M60 4C64.5 38 82 55.5 116 60 82 64.5 64.5 82 60 116 55.5 82 38 64.5 4 60 38 55.5 55.5 38 60 4Z' fill='%23ffffff' fill-opacity='.06'/%3E%3C/svg%3E") center / 120px 120px no-repeat,
    linear-gradient(180deg, #131a1c, #0c0916) #0c0916;
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.08), 0 24px 80px rgba(0, 0, 0, 0.55);}
.shot img{display: block; width: 100%; height: auto;}
.shot::after{content: ""; position: absolute; inset: 0; pointer-events: none;
  background: linear-gradient(165deg, rgba(255, 255, 255, 0.07), transparent 24%);}
.hero-stage{perspective: 1400px; max-width: 1040px; margin: 52px auto 0;}
.hero-stage .shot{transform: rotateX(calc(6deg + var(--rx, 0deg))) rotateY(var(--ry, 0deg)) translateZ(0);
  transition: transform 0.35s var(--ease-out);
  will-change: transform;}
.hero-stage:hover .shot{transform: rotateX(var(--rx, 0deg)) rotateY(var(--ry, 0deg));}
.split-visual .shot{transition: transform 0.5s var(--ease-out), box-shadow 0.5s ease;}
.split-visual:hover .shot{transform: translateY(-6px) scale(1.012); box-shadow: 0 34px 96px rgba(0, 0, 0, 0.6);}
.shot-zoom{cursor: zoom-in;}
.lightbox{position: fixed; inset: 0; z-index: 400; display: flex; align-items: center; justify-content: center;
  padding: 4vh 4vw; background: rgba(4, 3, 8, 0.88); backdrop-filter: blur(10px); -webkit-backdrop-filter: blur(10px);
  animation: fade-in 0.22s ease;}
.lightbox[hidden]{display: none;}
.lightbox img{max-width: 94vw; max-height: 90vh; width: auto; height: auto; border-radius: 14px;
  border: 1px solid rgba(255, 255, 255, 0.14); box-shadow: 0 40px 140px rgba(0, 0, 0, 0.8);
  animation: pop-in 0.3s var(--ease-out);}
.lightbox-close{position: absolute; top: 22px; right: 26px; width: 42px; height: 42px; border-radius: 50%;
  background: rgba(255, 255, 255, 0.08); border: 1px solid rgba(255, 255, 255, 0.16); color: var(--ink);
  font-size: 1.2rem; cursor: pointer; display: flex; align-items: center; justify-content: center;
  transition: background 0.2s, transform 0.25s var(--ease-out);}
.lightbox-close:hover{background: rgba(255, 255, 255, 0.15); transform: rotate(90deg);}
.lightbox-cap{position: absolute; bottom: 20px; left: 0; right: 0; text-align: center; color: var(--muted); font-size: 0.9rem;}
:root{--vz-rest: rgba(255, 255, 255, 0.13);
  --vz-grid: rgba(255, 255, 255, 0.07);
  --vz-surface: #071519;}
.vz{background: var(--panel); border: 1px solid var(--line-soft); border-radius: var(--radius-lg);
  padding: 24px 24px 18px; position: relative;}
.vz-title{font-family: var(--font-display); font-weight: 600; font-size: 0.98rem; margin: 0 0 2px;}
.vz-sub{color: var(--faint); font-size: 0.8rem; margin: 0 0 16px;}
.vz svg{display: block; width: 100%; height: auto; overflow: visible;}
.vz text{font-family: var(--font-body); fill: var(--muted); font-size: 11.5px;}
.vz .vz-axis text{fill: var(--faint); font-size: 10.5px; font-variant-numeric: tabular-nums;}
.vz .vz-gridline{stroke: var(--vz-grid); stroke-width: 1;}
.vz .vz-baseline{stroke: rgba(255, 255, 255, 0.16); stroke-width: 1;}
.vz .vz-val{fill: var(--ink); font-weight: 600; font-size: 11.5px; font-variant-numeric: tabular-nums;}
.vz .vz-lbl{fill: var(--muted); font-size: 11px;}
.vz-legend{display: flex; flex-wrap: wrap; gap: 8px 18px; margin-top: 14px;}
.vz-legend span{display: inline-flex; align-items: center; gap: 7px; color: var(--muted); font-size: 0.8rem;}
.vz-legend i{width: 9px; height: 9px; border-radius: 3px; flex: none;}
.vz-tip{position: fixed; z-index: 350; pointer-events: none; opacity: 0; transform: translateY(4px);
  background: #17121f; border: 1px solid rgba(255, 255, 255, 0.14); border-radius: 10px;
  padding: 8px 12px; font-size: 0.8rem; color: var(--muted); box-shadow: 0 12px 40px rgba(0, 0, 0, 0.5);
  transition: opacity 0.15s ease, transform 0.15s ease; max-width: 260px;}
.vz-tip.on{opacity: 1; transform: translateY(0);}
.vz-tip b{color: var(--ink); font-variant-numeric: tabular-nums;}
.vz-tip .t-name{display: flex; align-items: center; gap: 7px;}
.vz-tip .t-name i{width: 8px; height: 8px; border-radius: 2px; flex: none;}
.vz [data-vzi]{transition: opacity 0.18s ease, filter 0.18s ease; cursor: default;}
.vz.vz-dim [data-vzi]{opacity: 0.32;}
.vz.vz-dim [data-vzi].on{opacity: 1; filter: drop-shadow(0 0 6px rgba(255, 255, 255, 0.12));}
.vz .vz-bar{transform: scaleY(0); transform-box: fill-box; transform-origin: bottom;}
.vz.in .vz-bar{animation: vz-grow 0.9s var(--ease-out) forwards; animation-delay: var(--vzd, 0s);}
@keyframes vz-grow{ to { transform: scaleY(1); } }
.vz svg{direction: ltr;}
.vz .vz-barh{transform: scaleX(0); transform-box: fill-box; transform-origin: left;}
.vz.in .vz-barh{animation: vz-groww 0.9s var(--ease-out) forwards; animation-delay: var(--vzd, 0s);}
@keyframes vz-groww{ to { transform: scaleX(1); } }
.vz .vz-path{stroke-dasharray: 1; stroke-dashoffset: 1;}
.vz.in .vz-path{animation: vz-draw 1.4s var(--ease-out) forwards; animation-delay: var(--vzd, 0s);}
@keyframes vz-draw{ to { stroke-dashoffset: 0; } }
.vz .vz-fade{opacity: 0;}
.vz.in .vz-fade{animation: vz-fadein 0.7s ease forwards; animation-delay: var(--vzd, 0.6s);}
@keyframes vz-fadein{ to { opacity: 1; } }
.vz-donut-total{font-family: var(--font-display); font-weight: 700; fill: var(--ink);}
.vz .vz-donutg{transform: rotate(-40deg) scale(0.92); opacity: 0; transform-box: fill-box; transform-origin: center; transition: transform 1s var(--ease-out), opacity 0.7s ease;}
.vz.in .vz-donutg{transform: none; opacity: 1;}
.vz.vz-still .vz-bar,.vz.vz-still .vz-barh,.vz.vz-still.in .vz-bar,.vz.vz-still.in .vz-barh{animation: none; transform: none;}
.vz.vz-still .vz-path,.vz.vz-still.in .vz-path{animation: none; stroke-dasharray: none; stroke-dashoffset: 0;}
.vz.vz-still .vz-fade,.vz.vz-still.in .vz-fade{animation: none; opacity: 1;}
.vz.vz-still .vz-donutg{transition: none; transform: none; opacity: 1;}
.sr-only{position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0;}
table.sr-only{display: block;}
.bento{display: grid; grid-template-columns: repeat(6, 1fr); gap: 18px;}
.bento-item{--mx: 50%; --my: 50%;
  grid-column: span 2; position: relative; overflow: hidden;
  background: linear-gradient(180deg, rgba(255, 255, 255, 0.052), rgba(255, 255, 255, 0.022) 58%);
  border: 1px solid var(--line-soft); border-radius: var(--radius-lg);
  box-shadow: inset 0 1px 0 rgba(255, 255, 255, 0.05);
  padding: 26px; display: flex; flex-direction: column; min-height: 210px;
  transition: transform 0.3s var(--ease-out), border-color 0.25s, background 0.25s, box-shadow 0.3s;}
.bento-item::after{content: ""; position: absolute; inset: 0; pointer-events: none; opacity: 0;
  background: radial-gradient(380px circle at var(--mx) var(--my), rgba(7, 159, 191, 0.09), transparent 62%);
  transition: opacity 0.3s ease;}
.bento-item:hover{transform: translateY(-4px); border-color: rgba(255, 255, 255, 0.16); background: rgba(255, 255, 255, 0.045); box-shadow: 0 18px 48px rgba(0, 0, 0, 0.35);}
.bento-item:hover::after{opacity: 1;}
.bento-item h3{font-size: 1.14rem; margin: 0 0 6px;}
.bento-item p{color: var(--muted); font-size: 0.92rem; margin: 0 0 14px;}
.bento-item .shot{margin-top: auto; border-radius: 12px; box-shadow: 0 12px 40px rgba(0, 0, 0, 0.4);}
.bento-item .shot img{transition: transform 0.6s var(--ease-out);}
.bento-item:hover .shot img{transform: scale(1.025);}
.marquee{overflow: hidden; position: relative; padding: 6px 0;
  -webkit-mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);
  mask-image: linear-gradient(90deg, transparent, #000 8%, #000 92%, transparent);}
.marquee-track{display: flex; gap: 14px; width: max-content; animation: marquee-scroll 46s linear infinite;}
.marquee:hover .marquee-track{animation-play-state: paused;}
@keyframes marquee-scroll{ to { transform: translateX(calc(-50% - 7px)); } }
.showcase{display: grid; grid-template-columns: 320px 1fr; gap: 28px; align-items: start;}
.showcase-tabs{display: flex; flex-direction: column; gap: 8px;}
.showcase-tab{text-align: left; background: none; border: 1px solid transparent; border-radius: 14px; cursor: pointer;
  padding: 14px 18px; color: var(--muted); font: inherit;
  transition: background 0.2s, border-color 0.2s, color 0.2s, transform 0.25s var(--ease-out), box-shadow 0.25s ease;}
[dir="rtl"] .showcase-tab{text-align: right;}
.showcase-tab b{display: block; color: var(--ink); font-family: var(--font-display); font-weight: 600; font-size: 0.98rem; margin-bottom: 2px;}
.showcase-tab span{font-size: 0.84rem; line-height: 1.5; display: block;}
.showcase-tab:hover{background: rgba(255, 255, 255, 0.04); transform: translateX(3px);}
[dir="rtl"] .showcase-tab:hover{transform: translateX(-3px);}
.showcase-tab.on{background: rgba(7, 159, 191, 0.07); border-color: rgba(7, 159, 191, 0.35);
  box-shadow: inset 2px 0 0 var(--brand-a), 0 4px 18px rgba(7, 159, 191, 0.1);}
[dir="rtl"] .showcase-tab.on{box-shadow: inset -2px 0 0 var(--brand-a), 0 4px 18px rgba(7, 159, 191, 0.1);}
.showcase-tab.on b{background: var(--brand-grad); -webkit-background-clip: text; background-clip: text; color: transparent;}
.showcase-pane{position: relative;}
.showcase-pane .shot,.showcase-pane .demo{animation: pane-in 0.45s var(--ease-out);}
@keyframes pane-in{ from { opacity: 0; transform: translateY(10px) scale(0.99); } }
.words .w{display: inline-block; opacity: 0; transform: translateY(20px) rotate(1.5deg); filter: blur(6px);}
.words.in .w{animation: word-in 0.65s var(--ease-out) forwards; animation-delay: calc(var(--wi) * 70ms);}
@keyframes word-in{ to { opacity: 1; transform: none; filter: none; } }
@media (prefers-reduced-motion: reduce){
.words .w,.words.in .w{opacity: 1; transform: none; filter: none; animation: none;}
}
.flow{display: grid; grid-template-columns: repeat(auto-fit, minmax(240px, 1fr)); gap: 20px; counter-reset: flow;}
.flow:has(> :nth-child(4):last-child){grid-template-columns: repeat(2, 1fr);}
.flow:has(> :nth-child(5):last-child){grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));}
.flow-step{position: relative; background: var(--panel); border: 1px solid var(--line-soft); border-radius: var(--radius-lg);
  padding: 26px 26px 24px; transition: transform 0.3s var(--ease-out), border-color 0.25s;}
.flow-step:hover{transform: translateY(-4px); border-color: rgba(255, 255, 255, 0.15);}
.flow-step::before{counter-increment: flow; content: "0" counter(flow);
  font-family: var(--font-display); font-weight: 700; font-size: 2rem; line-height: 1;
  background: var(--brand-grad); -webkit-background-clip: text; background-clip: text; color: transparent;
  display: block; margin-bottom: 14px;}
.flow-step h3{font-size: 1.08rem; margin: 0 0 6px;}
.flow-step p{color: var(--muted); font-size: 0.92rem; margin: 0;}
html[lang="ar"] body{font-family: "Noto Kufi Arabic", "Inter", system-ui, sans-serif; letter-spacing: 0;}
html[lang="ar"] h1,html[lang="ar"] h2,html[lang="ar"] h3,html[lang="ar"] h4,html[lang="ar"] .btn,html[lang="ar"] .brand,html[lang="ar"] .kicker,html[lang="ar"] .section-kicker{font-family: "Noto Kufi Arabic", "Poppins", sans-serif; letter-spacing: 0;}
html[lang="ar"] h1{line-height: 1.42; font-size: clamp(2rem, 4.6vw, 3.3rem);}
html[lang="ar"] h2{line-height: 1.5;}
html[lang="ar"] h3{line-height: 1.6;}
html[lang="ar"] .lead,html[lang="ar"] p{line-height: 2;}
html[lang="ar"] .kicker,html[lang="ar"] .section-kicker{letter-spacing: 0.02em;}
[dir="rtl"] .split-copy ul li{padding-left: 0; padding-right: 32px;}
[dir="rtl"] .split-copy ul li::before{left: auto; right: 0;}
[dir="rtl"] .split-copy ul li::after{left: auto; right: 5px;}
[dir="rtl"] .checklist li{padding: 7px 32px 7px 0;}
[dir="rtl"] .checklist li::before{left: auto; right: 0;}
[dir="rtl"] .checklist li::after{left: auto; right: 5px;}
[dir="rtl"] .faq-item summary{padding: 18px 22px 18px 52px;}
[dir="rtl"] .faq-item summary::after{right: auto; left: 20px;}
[dir="rtl"] .prose blockquote{border-left: 0; border-right: 3px solid var(--accent); border-radius: var(--radius) 0 0 var(--radius);}
[dir="rtl"] .toc ul{border-left: 0; border-right: 1px solid var(--line);}
[dir="rtl"] .toc li a{padding: 5px 16px 5px 0; border-left: 0; border-right: 2px solid transparent; margin-left: 0; margin-right: -1.5px;}
[dir="rtl"] .toc li a.active{border-right-color: var(--accent);}
[dir="rtl"] .release{border-left: 0; border-right: 2px solid var(--line); padding: 0 34px 48px 0;}
[dir="rtl"] .release::before{left: auto; right: -7px;}
[dir="rtl"] .lesson-nav a.next{text-align: left; margin-left: 0; margin-right: auto;}
[dir="rtl"] .course-row:hover{transform: translateX(-6px);}
[dir="rtl"] .prose .callout::before{content: "←";}
[dir="rtl"] .lightbox-close{right: auto; left: 26px;}
[dir="rtl"] .cmp th,[dir="rtl"] .cmp td,[dir="rtl"] .prose th,[dir="rtl"] .prose td{text-align: right;}
.flow-vert{display: flex; flex-direction: column; gap: 14px; counter-reset: flow; max-width: 420px;}
.flow-vert .flow-step{display: flex; align-items: flex-start; gap: 14px; padding: 18px 20px;}
.flow-vert .flow-step::before{position: static; flex: none; margin-top: 2px;}
.journey .flow-vert{counter-reset: none;}
.journey .flow-vert .flow-step::before{content: none;}
.flow-vert .flow-step > div{min-width: 0;}
.phone{position: relative; width: min(300px, 80vw); border-radius: 46px; padding: 10px;
  background: linear-gradient(160deg, #3a3644, #17141f 40%, #211d2c 85%);
  border: 1px solid rgba(255, 255, 255, 0.16);
  box-shadow:
    inset 0 1px 0 rgba(255, 255, 255, 0.18),
    0 30px 80px rgba(0, 0, 0, 0.6), 0 0 90px rgba(7, 159, 191, 0.14);}
:where(a, button, [tabindex]):focus-visible{outline: 2px solid rgba(7, 159, 191, 0.75); outline-offset: 2px; border-radius: 6px;}
.btn:focus-visible{outline-offset: 3px;}
.card-link,.btn{will-change: transform;}
.split-copy ul li{transition: color 0.2s;}
.split-copy ul li:hover{color: var(--ink);}
.split-copy ul li:hover::after{border-color: #B8EEFF;}
.stat{transition: transform 0.25s var(--ease-out);}
.stat:hover{transform: translateY(-2px);}
.split-visual .demo{transition: transform 0.5s var(--ease-out), box-shadow 0.5s ease;}
.split-visual:hover .demo{transform: translateY(-6px); box-shadow: 0 34px 96px rgba(0, 0, 0, 0.6), 0 0 60px rgba(7, 159, 191, 0.08);}
@media (prefers-reduced-motion: reduce){
.split-visual .demo,.split-visual:hover .demo{transform: none; transition: none;}
.showcase-tab,.showcase-tab:hover,[dir="rtl"] .showcase-tab:hover{transform: none;}
.stat,.stat:hover{transform: none;}
}
@media (max-width: 1080px){
.bento{grid-template-columns: repeat(2, 1fr);}
.bento-item{grid-column: span 2;}
.showcase{grid-template-columns: 1fr;}
.showcase-tabs{flex-direction: row; overflow-x: auto; padding-bottom: 6px;}
.showcase-tab{flex: none; max-width: 260px;}
}
@media (max-width: 620px){
.bento{grid-template-columns: 1fr;}
.bento-item{grid-column: span 1; min-height: 0;}
.flow{grid-template-columns: 1fr;}
.hero-stage{margin-top: 36px;}
.vz{padding: 18px 14px 14px;}
}
@media (prefers-reduced-motion: reduce){
.marquee-track{animation: none;}
.hero-stage .shot,.hero-stage:hover .shot{transform: none; transition: none;}
.vz .vz-bar,.vz.in .vz-bar,.vz .vz-barh,.vz.in .vz-barh{transform: none; animation: none;}
.vz .vz-path,.vz.in .vz-path{stroke-dasharray: none; stroke-dashoffset: 0; animation: none;}
.vz .vz-fade,.vz.in .vz-fade{opacity: 1; animation: none;}
.bento-item,.flow-step,.shot,.split-visual .shot,.showcase-pane .shot{transition: none; animation: none;}
}
.plane-tender{--plane: var(--plane-tender); --plane-soft: var(--plane-tender-soft);}
.plane-investor{--plane: var(--plane-investor); --plane-soft: var(--plane-investor-soft);}
.plane-kernel{--plane: var(--plane-kernel); --plane-soft: var(--plane-kernel-soft);}
.section-raise{background: var(--bg-raise); border-top: 1px solid var(--line-soft); border-bottom: 1px solid var(--line-soft);}
.section-mesh{position: relative; isolation: isolate;}
.section-mesh::before{content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none;
  background:
    radial-gradient(60% 55% at 50% 0%, color-mix(in srgb, var(--plane, var(--brand-a)) 14%, transparent), transparent 70%),
    radial-gradient(rgba(255, 255, 255, 0.08) 1px, transparent 1.4px) 0 0 / 36px 36px;
  -webkit-mask-image: linear-gradient(180deg, #000 0%, transparent 40%);
  mask-image: linear-gradient(180deg, #000 0%, transparent 40%);}
.eyebrow-num{display: block; font-family: var(--font-display); font-weight: 700; font-size: 2.6rem; line-height: 1;
  font-variant-numeric: tabular-nums; color: var(--plane, var(--brand-a)); margin: 0 0 12px;}
.lang-pill{display: inline-block; vertical-align: middle; margin-inline-start: 6px; padding: 0 8px; border-radius: 999px;
  border: 1px solid var(--line); background: var(--panel); color: var(--faint); font-size: 0.66rem; font-weight: 600;
  letter-spacing: 0.06em; line-height: 1.7; text-transform: uppercase; direction: ltr; unicode-bidi: isolate;}
.flag{display: inline-block; border-radius: 50%; object-fit: cover; vertical-align: middle; flex: none;}
.stat-tiles{display: grid; grid-template-columns: repeat(auto-fit, minmax(180px, 1fr)); gap: 16px;}
.stat-tiles:has(> :nth-child(6)){grid-template-columns: repeat(6, minmax(0, 1fr)); gap: 14px;}
.stat-tiles:has(> :nth-child(6)) .stat-tile{padding: 20px 18px 18px;}
.stat-tiles:has(> :nth-child(6)) .stat-tile b{font-size: 1.9rem;}
.stat-tile{display: flex; flex-direction: column; align-items: flex-start; gap: 6px; min-width: 0; text-align: start;
  padding: 22px 22px 20px; border: 1px solid var(--line-soft); border-radius: var(--radius); background: var(--panel);
  transition: border-color 0.25s;}
.stat-tile:hover{border-color: rgba(255, 255, 255, 0.14);}
.stat-tile .stat-lbl{color: var(--faint); font-size: 0.76rem; font-weight: 650; letter-spacing: 0.08em; text-transform: uppercase; line-height: 1.4;
  display: -webkit-box; -webkit-box-orient: vertical; -webkit-line-clamp: 2; overflow: hidden; overflow-wrap: anywhere;}
.stat-tile b{display: block; position: relative; padding-bottom: 10px; color: var(--ink);
  font-family: var(--font-display); font-weight: 700; font-size: 2.3rem; line-height: 1.05; letter-spacing: -0.02em;
  font-variant-numeric: tabular-nums;}
.stat-tile b::after{content: ""; position: absolute; left: 0; bottom: 0; width: 36px; height: 3px; border-radius: 2px; background: var(--plane, var(--brand-a));}
[dir="rtl"] .stat-tile b::after{left: auto; right: 0;}
.stat-tile .stat-ctx{color: var(--muted); font-size: 0.86rem; line-height: 1.5;}
.stat-tile .stat-ctx:has(> .flag-strip){display: flex; align-self: stretch; justify-content: center;}
.stat-tile .flag-strip{display: inline-flex; flex-wrap: nowrap; justify-content: center; gap: 4px;}
.stat-tile .flag-strip .flag{width: 18px; height: 18px;}
.facts{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px 24px; margin: 22px 0 0;}
.facts > div{min-width: 0; padding-top: 10px; border-top: 1px solid var(--line-soft);}
.facts dt{color: var(--faint); font-size: 0.72rem; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase; margin-bottom: 3px;}
.facts dd{margin: 0; color: var(--ink); font-size: 0.95rem; line-height: 1.5;}
[dir="rtl"] .facts{text-align: right;}
.trust-strip{display: grid; grid-template-columns: repeat(auto-fit, minmax(230px, 1fr)); gap: 12px;}
.trust-strip a{overflow-wrap: break-word; hyphens: none;}
.trust-strip a{display: flex; align-items: center; gap: 10px; min-width: 0; padding: 16px 18px; border: 1px solid var(--line-soft); border-radius: 14px;
  background: var(--panel); color: var(--ink-2); font-size: 0.9rem; line-height: 1.4; font-weight: 500; text-decoration: none;
  transition: border-color 0.2s, background 0.2s, transform 0.25s var(--ease-out), color 0.2s;}
.trust-strip a::before{content: ""; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--good); box-shadow: 0 0 0 4px rgba(61, 220, 151, 0.18);}
.trust-strip a:hover{border-color: rgba(255, 255, 255, 0.18); background: rgba(255, 255, 255, 0.05); transform: translateY(-2px); color: var(--ink);}
.plan-panel{display: flex; flex-direction: column; gap: 8px; padding: 22px 24px; border-radius: var(--radius);
  border: 1px solid color-mix(in srgb, var(--plane, var(--brand-a)) 32%, transparent);
  background: linear-gradient(180deg, var(--plane-soft, var(--brand-tint)), var(--panel) 90%);}
.plan-panel .plan-panel-kicker{color: var(--plane, var(--accent)); font-family: var(--font-display); font-weight: 600; font-size: 0.74rem; letter-spacing: 0.14em; text-transform: uppercase;}
.plan-panel > b{color: var(--ink); font-family: var(--font-display); font-weight: 600; font-size: 1.12rem; line-height: 1.3; font-variant-numeric: tabular-nums;}
.plan-panel p{margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.6;}
.plan-panel > a{align-self: flex-start; color: var(--accent); font-weight: 600; font-size: 0.9rem;}
.chip{display: inline-flex; align-items: center; gap: 8px; padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px;
  background: rgba(255, 255, 255, 0.04); color: var(--ink-2); font-size: 0.84rem; line-height: 1.4;}
.chip time{color: var(--faint); font-size: 0.72rem; font-weight: 600; letter-spacing: 0.04em; white-space: nowrap;}
.related{display: grid; grid-template-columns: repeat(auto-fit, minmax(220px, 1fr)); gap: 14px; margin: 40px 0 0; padding-top: 28px; border-top: 1px solid var(--line);}
.related a{display: flex; flex-direction: column; gap: 4px; padding: 16px 18px; border: 1px solid var(--line-soft); border-radius: 14px;
  background: var(--panel); text-decoration: none; transition: border-color 0.2s, transform 0.25s var(--ease-out);}
.related a:hover{border-color: rgba(255, 255, 255, 0.18); transform: translateY(-2px);}
.related small{color: var(--plane, var(--accent)); font-size: 0.72rem; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase;}
.related b{color: var(--ink); font-family: var(--font-display); font-weight: 600; font-size: 0.98rem; line-height: 1.35;}
@keyframes shot-scan{ 0% { opacity: 1; background-position: 0 -40%; } 100% { opacity: 0; background-position: 0 140%; } }
.stage{position: relative;}
.tour{display: grid; grid-template-columns: 280px minmax(0, 1fr); gap: 48px; align-items: start;}
.capability-index{display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 14px;}
.card-compact{flex-direction: row; align-items: flex-start; gap: 14px; padding: 18px; border-radius: var(--radius);}
.card-compact > *{width: auto;}
.card-compact .card-icon{width: 36px; height: 36px; border-radius: 10px; flex: none;}
.card-compact .card-icon svg{width: 18px; height: 18px;}
.card-compact > div{min-width: 0; flex: 1;}
.card-compact h3{margin: 2px 0 4px; font-size: 1rem;}
.card-compact p{font-size: 0.86rem; line-height: 1.5;}
.card-compact:hover{transform: none;}
.card-compact:hover .card-icon{transform: none; box-shadow: none;}
.integration-wall{display: grid; grid-template-columns: repeat(auto-fit, minmax(200px, 1fr)); gap: 14px;}
.int-group{display: flex; flex-wrap: wrap; align-items: center; align-content: flex-start; gap: 8px; padding: 14px 16px; border: 1px solid var(--line-soft); border-radius: 14px; background: var(--panel);}
.int-group > b{flex-basis: 100%; color: var(--faint); font-size: 0.72rem; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase;}
.int-pill{display: inline-flex; align-items: center; padding: 5px 12px; border: 1px solid var(--line); border-radius: 999px;
  background: rgba(255, 255, 255, 0.04); color: var(--ink-2); font-size: 0.86rem; font-weight: 500;
  transition: border-color 0.2s, background 0.2s, color 0.2s;}
.int-pill:hover{border-color: color-mix(in srgb, var(--plane, var(--brand-a)) 50%, transparent); background: var(--plane-soft, var(--brand-tint)); color: var(--ink);}
.doors{display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px;}
.door{display: flex; flex-direction: column; gap: 6px; min-width: 0; padding: 18px 18px 16px; border: 1px solid var(--line-soft); border-radius: 14px;
  background: var(--panel); text-decoration: none; transition: border-color 0.2s, background 0.2s, transform 0.25s var(--ease-out);}
.door:hover{border-color: color-mix(in srgb, var(--plane, var(--brand-a)) 45%, transparent); background: rgba(255, 255, 255, 0.045); transform: translateY(-3px);}
.door b{color: var(--ink); font-family: var(--font-display); font-weight: 600; font-size: 1rem;}
.door span{color: var(--plane, var(--accent)); font-family: var(--font-display); font-weight: 700; font-size: 1.3rem; font-variant-numeric: tabular-nums;}
.verdict{display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); border: 1px solid var(--line); border-radius: var(--radius-lg); background: var(--panel); overflow: hidden; margin: 0 0 22px;}
.verdict > div{padding: 22px 24px; min-width: 0;}
.verdict > div + div{border-inline-start: 1px solid var(--line-soft);}
.verdict b{display: block; color: var(--ink); font-family: var(--font-display); font-weight: 600; font-size: 1rem; margin-bottom: 8px;}
.verdict > div:nth-child(2) b{color: var(--accent);}
.verdict p{margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.6;}
.cmp-summary{display: flex; flex-wrap: wrap; gap: 10px 22px; align-items: center; margin: 0 0 16px; color: var(--muted); font-size: 0.9rem;}
.cmp-summary span{display: inline-flex; align-items: baseline; gap: 6px;}
.cmp-summary b{color: var(--ink); font-family: var(--font-display); font-weight: 700; font-size: 1.3rem; font-variant-numeric: tabular-nums;}
.cmp-summary span:first-child b{color: var(--accent);}
.cmp-summary .nc,.cmp-summary .nc b{color: var(--faint);}
.cmp td.y,.cmp td.p,.cmp td.n,.cmp td.nc{position: relative; padding-inline-start: 42px;}
.cmp td.y::before,.cmp td.p::before,.cmp td.n::before,.cmp td.nc::before{content: ""; position: absolute; inset-inline-start: 16px; top: 15px; width: 16px; height: 16px; border-radius: 50%;}
.cmp td.y::before{background: rgba(61, 220, 151, 0.16); box-shadow: inset 0 0 0 1px rgba(61, 220, 151, 0.55);}
.cmp td.y::after{content: ""; position: absolute; inset-inline-start: 20px; top: 19px; width: 7px; height: 4px; border-left: 2px solid var(--good); border-bottom: 2px solid var(--good); transform: rotate(-45deg);}
.cmp td.p::before{background: linear-gradient(90deg, var(--warn) 50%, rgba(255, 197, 85, 0.18) 50%);}
.cmp td.n::before{background: rgba(255, 255, 255, 0.06); box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);}
.cmp td.n::after{content: ""; position: absolute; inset-inline-start: 20px; top: 22px; width: 8px; height: 2px; border-radius: 1px; background: var(--faint);}
.cmp td.nc{color: var(--faint); font-style: italic;}
.cmp td.nc::before{background: transparent; box-shadow: inset 0 0 0 1px rgba(255, 255, 255, 0.22);}
.cmp td.nc::after{content: "?"; position: absolute; inset-inline-start: 16px; top: 15px; width: 16px; height: 16px; line-height: 16px; text-align: center; font-size: 11px; font-weight: 700; font-style: normal; color: var(--faint);}
.cmp td:nth-child(2){background: rgba(7, 159, 191, 0.035);}
.cmp tr.concede th{box-shadow: inset 3px 0 0 var(--warn);}
[dir="rtl"] .cmp tr.concede th{box-shadow: inset -3px 0 0 var(--warn);}
.article-layout .table-wrap.wide{grid-column: 1 / -1;}
.stage-flow{--node: var(--plane, var(--brand-a)); list-style: none; margin: 0; padding: 0; display: flex; align-items: flex-start;}
.stage-flow li{position: relative; flex: 1 1 0; min-width: 0; padding: 26px 8px 0; text-align: center;
  color: var(--ink-2); font-size: 0.86rem; font-weight: 600; line-height: 1.35;}
.stage-flow li::before{content: ""; position: absolute; top: 6px; left: 0; right: 0; height: 2px; background: rgba(255, 255, 255, 0.14);}
.stage-flow li:first-child::before{left: 50%;}
.stage-flow li:last-child::before{right: 50%;}
.stage-flow li::after{content: ""; position: absolute; top: 0; left: 50%; width: 14px; height: 14px; border-radius: 50%; transform: translateX(-50%); z-index: 1;
  box-sizing: border-box; background: var(--bg); box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);}
.stage-flow li small{display: block; margin-top: 3px; color: var(--faint); font-size: 0.74rem; font-weight: 400; line-height: 1.35;}
.stage-flow li.is-done::before{background: var(--node);}
.stage-flow li.is-done::after{box-shadow: none;
  background: var(--node) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Cpath d='M2 5.2l2.1 2.1L8 3.2' fill='none' stroke='%23001122' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") center / 9px 9px no-repeat;}
.stage-flow li.is-hollow::after{background: var(--bg); box-shadow: inset 0 0 0 2px var(--node);}
.stage-flow li.is-dashed::before{background: none; height: 0; border-top: 2px dashed rgba(255, 255, 255, 0.3);}
.stage-flow li.is-dashed::after{background: var(--bg); box-shadow: none; border: 2px dashed rgba(255, 255, 255, 0.45);}
.stage-flow li.is-branch{padding-top: 50px; color: #ffb3b3;}
.stage-flow li.is-branch::before{top: 6px; left: 0; right: 50%; height: 26px; background: none;
  border-top: 2px dashed rgba(255, 107, 107, 0.5); border-right: 2px dashed rgba(255, 107, 107, 0.5); border-radius: 0 12px 0 0;}
.stage-flow li.is-branch::after{top: 26px; background: var(--bad); box-shadow: none;}
.stage-flow li.is-locked::after{box-shadow: inset 0 0 0 2px rgba(255, 255, 255, 0.3);
  background: var(--bg) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 10 10'%3E%3Crect x='2.2' y='4.4' width='5.6' height='4.2' rx='1' fill='%23ffffff' fill-opacity='.75'/%3E%3Cpath d='M3.5 4.4V3.2a1.5 1.5 0 0 1 3 0v1.2' fill='none' stroke='%23ffffff' stroke-opacity='.75' stroke-width='1.1'/%3E%3C/svg%3E") center / 8px 8px no-repeat;}
.stage-flow li.is-current{color: var(--ink);}
.stage-flow li.is-current::after{background: var(--node); box-shadow: 0 0 0 2px var(--accent), 0 0 0 5px color-mix(in srgb, var(--accent) 30%, transparent);}
[dir="rtl"] .stage-flow li:first-child::before{left: 0; right: 50%;}
[dir="rtl"] .stage-flow li:last-child::before{right: 0; left: 50%;}
[dir="rtl"] .stage-flow li.is-branch::before{left: 50%; right: 0; border-right: 0; border-left: 2px dashed rgba(255, 107, 107, 0.5); border-radius: 12px 0 0 0;}
.spokes{display: block; width: 100%; max-width: 560px; margin: 0 auto;}
.spokes svg{display: block; width: 100%; height: auto;}
.journey{position: relative;}
.journey > .split{position: relative;}
@media (min-width: 1400px){
.journey::before{content: ""; position: absolute; left: 50%; top: 48px; bottom: 48px; width: 1px; background: var(--line-soft); pointer-events: none;}
}
.plans{display: grid; grid-template-columns: 1fr 1fr 1.12fr 1fr; gap: 18px; align-items: stretch;}
.plan{position: relative; display: flex; flex-direction: column; gap: 10px; min-width: 0; padding: 30px 26px 26px;
  border: 1px solid var(--line-soft); border-radius: var(--radius-lg); background: var(--panel);
  transition: border-color 0.25s, background 0.25s, box-shadow 0.3s;}
.plan h3{margin: 0; font-size: 1.3rem;}
.plan .price{display: flex; flex-wrap: wrap; align-items: baseline; gap: 8px; margin: 0; color: var(--ink);
  font-family: var(--font-display); font-weight: 700; font-size: 3rem; line-height: 1; letter-spacing: -0.03em; font-variant-numeric: tabular-nums;}
.plan .price small{color: var(--faint); font-family: var(--font-body); font-size: 0.85rem; font-weight: 500; letter-spacing: 0;}
.plan .plan-tag{margin: 0; color: var(--muted); font-size: 0.92rem; line-height: 1.5;}
.plan .checklist{margin: 4px 0 8px; flex: 1;}
.plan .checklist li{font-size: 0.9rem; padding: 5px 0 5px 30px;}
[dir="rtl"] .plan .checklist li{padding: 5px 30px 5px 0;}
.plan .btn{width: 100%; margin-top: auto;}
.plan-note{margin: 0; color: var(--faint); font-size: 0.8rem; line-height: 1.5;}
.plan-badge{position: absolute; top: -13px; inset-inline-start: 22px; padding: 4px 12px; border-radius: 999px; background: var(--brand-grad-btn); color: var(--on-brand);
  font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; box-shadow: 0 6px 18px rgba(7, 159, 191, 0.35);}
.plan.featured{background: var(--bg-raise); border-color: rgba(77, 218, 255, 0.35); transform: translateY(-8px);
  box-shadow: inset 0 0 0 1px rgba(77, 218, 255, 0.18), inset 0 2px 0 var(--accent), 0 24px 60px rgba(0, 0, 0, 0.45);}
.calc-kpis{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px;}
.calc-kpis .calc-out{display: flex; flex-direction: column; gap: 6px; min-width: 0;}
.calc-kpis .calc-lbl{color: var(--faint); font-size: 0.76rem; font-weight: 650; letter-spacing: 0.1em; text-transform: uppercase;}
.calc-kpis .calc-big{font-size: 3.2rem; line-height: 1; letter-spacing: -0.03em; color: var(--ink);}
.calc-kpis .calc-why{color: var(--muted); font-size: 0.84rem; line-height: 1.5;}
.faq-2col{display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; align-items: start;}
.vz-card{background: var(--bg-raise); border: 1px solid var(--line-soft); border-radius: var(--radius-lg); padding: 24px 28px;}
.vz-card .vz{background: none; border: 0; padding: 0;}
.vz-cap{color: var(--faint); font-size: 0.78rem; font-style: italic; margin: 12px 0 0; line-height: 1.5;}
.vz-rows{display: grid; grid-template-columns: minmax(120px, 30%) 1fr auto; gap: 6px 14px; align-items: center;}
.vz-rows > *{min-width: 0;}
.vz-rows .lbl{color: var(--muted); font-size: 0.8rem; line-height: 1.35; overflow-wrap: anywhere;}
.vz-rows .val{color: var(--ink); font-weight: 600; font-size: 0.86rem; font-variant-numeric: tabular-nums; white-space: nowrap;}
.vz-rows svg{display: block; width: 100%; height: auto;}
.vz-rate{color: var(--muted); font-size: 0.78rem;}
[dir="rtl"] .vz-rows .lbl{text-align: right;}
table.vz-grid{width: 100%; border-collapse: separate; border-spacing: 2px; font-size: 0.86rem; margin: 0 -2px;}
.vz-grid th,.vz-grid td{padding: 10px 12px; background: var(--panel); border-radius: 6px; text-align: start; color: var(--muted); vertical-align: middle;}
.vz-grid thead th{background: none; color: var(--faint); font-size: 0.72rem; font-weight: 650; letter-spacing: 0.08em; text-transform: uppercase; padding-bottom: 6px;}
.vz-grid tr.hl td,.vz-grid tr.hl th{color: var(--ink);}
.vz-grid td i{display: inline-block; width: 10px; height: 10px; border-radius: 50%; margin-inline-end: 8px; vertical-align: -1px;}
.vz-grid .flag{width: 28px; height: 28px;}
.vz-st{white-space: normal;}
.vz-grid .vz-glyph{margin-inline-end: 6px;}
.vz-grid tbody th .flag{margin-inline-end: 8px;}
.vz-grid tbody th span{display: inline-block; vertical-align: middle; max-width: calc(100% - 36px);}
.vz-grid thead th:nth-child(2),.vz-grid thead th:nth-child(4){width: 15ch;}
.vz-grid td:nth-child(2),.vz-grid td:nth-child(4),.vz-grid td:nth-child(2) .vz-st,.vz-grid td:nth-child(4) .vz-st{white-space: nowrap;}
.vz .vz-pending{fill: none; stroke-width: 2;}
.vz .vz-cross{stroke: rgba(255, 255, 255, 0.28); stroke-width: 1;}
.vz-tip .t-row{display: flex; justify-content: space-between; gap: 14px;}
.vz-tip .t-row i.k{display: inline-block; width: 12px; height: 2px; border-radius: 1px; flex: none; align-self: center;}
.vz [data-vzi]:focus-visible{outline: 2px solid var(--accent); outline-offset: 2px;}
.vz-multi{display: grid; grid-template-columns: repeat(var(--cols, 2), 1fr); gap: 18px;}
html[lang="ar"] .stat-tile b{font-size: 2rem;}
html[lang="ar"] .btn{font-weight: 600;}
@media (prefers-reduced-motion: reduce){
:is(.card-grid, .capability-index, .stat-tiles, .trust-strip) > *{--rd: 0ms;}
.stat-tile,.trust-strip a,.related a,.door,.plan,.int-pill,.card-compact{transition: none;}
.trust-strip a:hover,.related a:hover,.door:hover{transform: none;}
}
@media (max-width: 1080px){
.stat-tiles:has(> :nth-child(6)){grid-template-columns: repeat(3, minmax(0, 1fr));}
.tour,[dir="rtl"] .tour{grid-template-columns: minmax(0, 1fr); gap: 24px;}
.capability-index{grid-template-columns: repeat(2, minmax(0, 1fr));}
.plans{grid-template-columns: repeat(2, minmax(0, 1fr));}
.plan.featured{transform: none;}
.doors{grid-template-columns: repeat(3, minmax(0, 1fr));}
.verdict{grid-template-columns: minmax(0, 1fr);}
.verdict > div + div{border-inline-start: 0; border-top: 1px solid var(--line-soft);}
}
@media (max-width: 860px){
.trust-strip{grid-template-columns: repeat(2, minmax(0, 1fr));}
.faq-2col{grid-template-columns: minmax(0, 1fr);}
.doors{grid-template-columns: repeat(2, minmax(0, 1fr));}
}
@media (max-width: 620px){
.stat-tiles:has(> :nth-child(6)){grid-template-columns: repeat(2, minmax(0, 1fr));}
.section-title{font-size: 1.9rem;}
.capability-index,.plans,.calc-kpis,.vz-multi,.facts,.doors,.integration-wall{grid-template-columns: minmax(0, 1fr);}
.plans .plan.featured{order: -1;}
.plan .price{font-size: 2.6rem;}
.cmp-summary{gap: 8px 16px;}
.stage-flow{flex-direction: column; align-items: stretch;}
.stage-flow li{flex: none; padding: 0 0 18px; padding-inline-start: 32px; text-align: start;}
.stage-flow li::before,.stage-flow li:first-child::before,[dir="rtl"] .stage-flow li:first-child::before{top: 8px; bottom: -8px; left: auto; right: auto; inset-inline-start: 6px; width: 2px; height: auto;}
.stage-flow li.is-dashed::before{width: 0; height: auto; border-top: 0; border-inline-start: 2px dashed rgba(255, 255, 255, 0.3);}
.stage-flow li:last-child::before,[dir="rtl"] .stage-flow li:last-child::before{display: none;}
.stage-flow li.is-branch{padding-top: 0;}
.stage-flow li.is-branch::before,[dir="rtl"] .stage-flow li.is-branch::before{display: none;}
.stage-flow li::after{top: 2px; left: auto; right: auto; inset-inline-start: 0; transform: none;}
.stage-flow li.is-branch::after{top: 2px;}
}
.plan .btn{display: block; width: 100%; margin-top: auto; text-align: center; line-height: 1.45;}
.vz-card:has(> table.vz-grid){overflow-x: auto;}
.flag-strip{display: inline-flex; align-items: center; gap: 6px; vertical-align: middle;}
.flag-strip .flag{border-radius: 50%; box-shadow: 0 0 0 2px rgba(255, 255, 255, 0.08);}
.markets-line{display: flex; align-items: center; justify-content: center; gap: 14px; flex-wrap: wrap; color: var(--muted); font-size: 0.95rem;}
.stat-tiles:has(> :nth-child(6)) .stat-lbl{min-height: 2.3em; display: flex; align-items: flex-end;}
.nav{position: relative;}
[data-plane="raise"]{--menu-tint: var(--plane-investor, #8b7ff0);}
[data-plane="bid"]{--menu-tint: var(--plane-tender, #3b82f6);}
[data-plane="crm"]{--menu-tint: var(--plane-crm, var(--brand-a));}
[data-plane="platform"]{--menu-tint: var(--plane-kernel);}
[dir="rtl"] .arrow{display: inline-block; transform: scaleX(-1);}
.lang{position: relative;}