@font-face{font-family:'IBM Plex Mono';src:url(/assets/fonts/ibm-plex-mono-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Mono';src:url(/assets/fonts/ibm-plex-mono-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(/assets/fonts/ibm-plex-sans-arabic-400.woff2) format('woff2');font-weight:400;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(/assets/fonts/ibm-plex-sans-arabic-500.woff2) format('woff2');font-weight:500;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
@font-face{font-family:'IBM Plex Sans Arabic';src:url(/assets/fonts/ibm-plex-sans-arabic-600.woff2) format('woff2');font-weight:600;font-style:normal;font-display:swap;unicode-range:U+0600-06FF,U+0750-077F,U+0870-088E,U+0890-0891,U+0898-08E1,U+08E3-08FF,U+200C-200E,U+2010-2011,U+204F,U+2E41,U+FB50-FDFF,U+FE70-FE74,U+FE76-FEFC}
/* Yaroslawsky — site styles. Tokens from the Yaroslawsky design system. No inline styles anywhere (strict CSP). */
:root{
--yr-navy:#0B1320;--yr-navy-ink:#061428;--yr-navy-900:#06111E;--yr-navy-800:#0E1C2E;--yr-navy-700:#16253A;--yr-navy-600:#24344C;
--yr-graphite:#1F232B;--yr-graphite-700:#2C313A;--yr-graphite-500:#4A505B;
--yr-slate-500:#5F6672;--yr-slate-400:#868C97;--yr-slate-300:#A9AEB7;
--yr-silver:#D6D9DE;--yr-silver-200:#E4E6EA;--yr-silver-100:#EEEFF1;
--yr-paper:#F7F8F8;--yr-white:#FFFFFF;
--yr-ok:#2F6B4F;--yr-ok-bg:#E7EFEA;--yr-warn:#8A6A1F;--yr-warn-bg:#F3EEE1;--yr-crit:#9B2C2C;--yr-crit-bg:#F5E6E6;--yr-info:#2D4E7A;--yr-info-bg:#E6ECF4;
--surface-page:var(--yr-white);--surface-subtle:var(--yr-paper);--surface-card:var(--yr-white);--surface-inverse:var(--yr-navy);
--text-primary:var(--yr-navy);--text-secondary:var(--yr-graphite-500);--text-tertiary:var(--yr-slate-400);
--text-inverse:var(--yr-white);--text-inverse-secondary:var(--yr-slate-300);
--border-default:var(--yr-silver);--border-subtle:var(--yr-silver-200);--border-strong:var(--yr-navy);--border-inverse:var(--yr-navy-600);
--focus-ring:var(--yr-slate-400);--link:var(--yr-navy);
--font-sans:'General Sans','Satoshi','Neue Montreal',system-ui,-apple-system,'Segoe UI',sans-serif;
--font-mono:'IBM Plex Mono',ui-monospace,'SFMono-Regular',monospace;
--shadow-2:0 8px 24px -8px rgba(11,19,32,.18),0 1px 2px rgba(11,19,32,.06);
--ease-standard:cubic-bezier(.2,0,0,1);--dur-fast:120ms;--dur-base:200ms;--dur-slow:320ms;
--container:min(1840px,max(1320px,74vw));--gutter:clamp(20px,5vw,64px);
--header-h:clamp(72px,9vw,100px);
}
:lang(ar){--font-sans:'General Sans','IBM Plex Sans Arabic','Noto Sans Arabic',system-ui,sans-serif}

/* ---------- base ---------- */
*,*::before,*::after{box-sizing:border-box}
html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility;-webkit-text-size-adjust:100%;scroll-padding-top:var(--header-h)}
body{margin:0;min-height:100vh;background:#fff;color:var(--yr-navy);font:400 15px/1.6 var(--font-sans)}
main,footer{hyphens:manual;-webkit-hyphens:manual;word-break:normal;overflow-wrap:normal}
main *,footer *{hyphens:manual;-webkit-hyphens:manual}
a{color:var(--yr-navy);text-decoration:none}
a:hover{color:var(--yr-navy-700)}
img,svg{display:block}
h1,h2,h3,p{margin:0}
ul,ol{margin:0;padding:0;list-style:none}
::selection{background:var(--yr-silver);color:var(--yr-navy)}
:focus-visible{outline:1px solid var(--focus-ring);outline-offset:2px}
[hidden]{display:none!important}
#main{outline:none}
.icon{flex-shrink:0}
.muted{color:var(--yr-slate-400)}
.mono{font-family:var(--font-mono)}
.num{font:400 11px/1 var(--font-mono);color:var(--yr-slate-400)}
.wrap{max-width:var(--container);margin:0 auto;padding-inline:var(--gutter)}
.label-caps{font:500 10px/1 var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary)}

:lang(ar) *{letter-spacing:0!important}
:lang(ar) h1,:lang(ar) h2{line-height:1.35!important}
:lang(ar) .label-caps,:lang(ar) .eyebrow{font-size:13px!important}

.skip{position:absolute;inset-inline-start:16px;top:-60px;z-index:60;background:var(--yr-navy);color:#fff;padding:10px 16px;font:500 13px/1 var(--font-sans)}
.skip:focus{top:12px;color:#fff}

/* ---------- primitives ---------- */
.eyebrow{display:flex;align-items:center;gap:14px;font:500 10px/1 var(--font-sans);letter-spacing:.22em;text-transform:uppercase;color:var(--text-secondary)}
.eyebrow-rule{width:24px;height:1px;background:currentColor;flex-shrink:0}

.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;border-radius:0;border:1px solid transparent;font-weight:500;line-height:1;letter-spacing:.01em;white-space:nowrap;cursor:pointer;text-decoration:none;font-family:var(--font-sans);transition:background var(--dur-fast) var(--ease-standard),color var(--dur-fast)}
.btn-md{height:40px;padding:0 22px;font-size:14px}
.btn-lg{height:48px;padding:0 28px;font-size:15px}
.btn-block{display:flex;width:100%}
.btn-primary{background:var(--yr-navy);color:#fff;border-color:var(--yr-navy)}
.btn-primary:hover{background:var(--yr-navy-700);color:#fff}
.btn-primary:active{background:var(--yr-navy-900)}
.btn-secondary{background:transparent;color:var(--yr-navy);border-color:var(--yr-navy)}
.btn-secondary:hover{background:var(--yr-silver-100);color:var(--yr-navy)}
.btn-secondary:active{background:var(--yr-silver-200)}
.btn-dark{background:#fff;color:var(--yr-navy);border-color:#fff}
.btn-dark:hover{background:var(--yr-silver-100);color:var(--yr-navy)}
.btn-dark:active{background:var(--yr-silver)}
.btn-link{height:auto;padding:0;background:none;border:0;color:var(--yr-navy);gap:10px;font-size:14px}
.btn-arrow{display:inline-flex;transition:transform var(--dur-base) var(--ease-standard)}
.btn-link:hover .btn-arrow{transform:translateX(3px)}
[dir=rtl] .btn-link:hover .btn-arrow{transform:translateX(-3px)}
.btn[disabled],.btn[aria-disabled=true]{opacity:.4;cursor:not-allowed}

.card{display:flex;flex-direction:column;padding:30px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:2px;color:var(--text-primary)}
.card-icon{margin-bottom:20px;color:var(--yr-navy)}
.card-title{font:500 16px/1.3 var(--font-sans);letter-spacing:-.005em;margin-bottom:10px}
.card-body{font:400 13px/1.65 var(--font-sans);color:var(--text-secondary);text-wrap:pretty}
.card-200{min-height:200px}.card-210{min-height:210px}.card-230{min-height:230px}

.monogram{display:block;overflow:hidden;flex-shrink:0;direction:ltr}
.monogram img{height:100%;width:auto;max-width:none}
.monogram-22{height:22px;width:26px}
.monogram-88{height:88px;width:103px}

/* ---------- grids (breakpoints mirror the design's width rules) ---------- */
.g2,.g3,.g3s,.g4{display:grid;grid-template-columns:minmax(0,1fr)}
@media (min-width:520px){.g2{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:640px){.g3,.g4{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media (min-width:1000px){.g3,.g3s{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media (min-width:1100px){.g4{grid-template-columns:repeat(4,minmax(0,1fr))}}
.gap-24{gap:24px}.mt-24{margin-top:24px}.mt-40{margin-top:40px}
.tiles{gap:1px;background:var(--yr-silver);border:1px solid var(--yr-silver);border-radius:2px;overflow:hidden}

/* ---------- header ---------- */
.site-header{position:sticky;top:0;z-index:30;background:rgba(255,255,255,.97);border-bottom:1px solid var(--border-subtle)}
.header-inner{height:var(--header-h);display:flex;align-items:center;justify-content:space-between;gap:32px}
.brand{display:flex;flex-shrink:0}
.logo{height:34px;width:auto}
.logo-footer{height:38px;width:auto}
.header-actions{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px)}
.nav{display:flex;align-items:center;gap:clamp(18px,2.4vw,36px)}
.nav-link{font:500 14px/1 var(--font-sans);color:var(--yr-navy);padding-block:6px;border-bottom:1px solid transparent;white-space:nowrap;transition:border-color var(--dur-base) var(--ease-standard)}
.nav-link:hover,.nav-link[aria-current=page]{border-bottom-color:var(--yr-navy);color:var(--yr-navy)}
.desktop-only{display:none}
@media (min-width:1280px){
  .desktop-only{display:flex}
  .mobile-only{display:none!important}
  .logo{height:44px}
}

details>summary{list-style:none;cursor:pointer}
details>summary::-webkit-details-marker{display:none}

.lang{position:relative}
.lang-btn{display:inline-flex;align-items:center;gap:8px;height:40px;padding-inline:10px;border:1px solid transparent;color:var(--yr-navy);font:500 12px/1 var(--font-mono);letter-spacing:.06em}
.lang-btn:hover,.lang[open] .lang-btn{border-color:var(--yr-silver)}
.lang-menu{position:absolute;top:calc(100% + 10px);inset-inline-end:0;min-width:240px;background:#fff;border:1px solid var(--yr-silver);border-radius:4px;box-shadow:var(--shadow-2);padding:6px;z-index:40}
.lang-menu-title{padding:10px 12px;color:var(--text-tertiary)}
.lang-list{display:flex;flex-direction:column}
.lang-opt{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:11px 12px;color:var(--yr-navy);border-radius:2px;font:400 14px/1.2 var(--font-sans)}
.lang-opt:hover,.lang-opt[aria-current=true]{background:var(--yr-silver-100);color:var(--yr-navy)}
.lang-opt[aria-current=true]{font-weight:500}
.lang-code{display:flex;align-items:center;gap:8px;font:400 11px/1 var(--font-mono);color:var(--text-tertiary)}
.lang-check{width:14px;display:flex;color:var(--yr-navy)}

.mmenu-btn{display:inline-flex;align-items:center;gap:10px;height:44px;padding-inline:12px;border:1px solid var(--yr-silver);color:var(--yr-navy);font:500 13px/1 var(--font-sans)}
.mmenu-code{font:500 11px/1 var(--font-mono);color:var(--text-secondary)}
.mmenu .when-open{display:none}
.mmenu[open] .when-open{display:inline-flex}
.mmenu[open] .when-closed{display:none}
.mmenu-panel{position:absolute;inset-inline:0;top:100%;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);background:#fff;max-height:calc(100vh - 72px);overflow:auto}
.mmenu-inner{padding-top:8px;padding-bottom:32px;display:flex;flex-direction:column;gap:28px}
.mnav{display:flex;flex-direction:column}
.mnav-link{display:flex;align-items:center;justify-content:space-between;min-height:56px;border-bottom:1px solid var(--border-subtle);font:500 20px/1.2 var(--font-sans);color:var(--yr-navy)}
.mnav-link[aria-current=page] span{text-decoration:underline;text-underline-offset:6px;text-decoration-thickness:1px}
.mlang{display:flex;flex-direction:column;gap:14px}
.mlang-title{display:flex;align-items:center;gap:10px;color:var(--text-tertiary)}
.mlang-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px}
.mlang-opt{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:48px;padding-inline:14px;border:1px solid var(--yr-silver);color:var(--yr-navy);font:400 15px/1.2 var(--font-sans)}
.mlang-opt[aria-current=true]{border-color:var(--yr-navy);background:var(--yr-silver-100);font-weight:500}

/* ---------- sections ---------- */
.section-rule{border-top:1px solid var(--yr-silver)}
.section-pad{padding-block:clamp(56px,6vw,88px)}
.section-tail{padding-bottom:clamp(56px,6vw,88px)}
.split{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,340px),1fr));gap:clamp(32px,5vw,80px)}
.stack-22{display:flex;flex-direction:column;gap:22px}
.h2{font:500 clamp(28px,3vw,36px)/1.2 var(--font-sans);letter-spacing:-.02em;text-wrap:balance}
.prose{display:flex;flex-direction:column;gap:20px;padding-top:6px}
.prose p{font:400 16px/1.7 var(--font-sans);color:var(--text-secondary);text-wrap:pretty}
.row-between{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px}
.lead-sm{font:400 15px/1.7 var(--font-sans);color:var(--text-secondary);max-width:30em}

/* ---------- home ---------- */
.hero{padding-top:clamp(40px,6vw,88px);padding-bottom:clamp(56px,6vw,96px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,440px),1fr));gap:clamp(40px,5vw,80px);align-items:center}
.hero-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0}
.hero-title{margin-top:32px;font:500 clamp(40px,5.2vw,64px)/1.08 var(--font-sans);letter-spacing:-.03em;text-wrap:balance;max-width:13em}
.hero-lead{margin-top:28px;font:400 18px/1.6 var(--font-sans);color:var(--yr-graphite);max-width:34em;text-wrap:pretty}
.hero-ctas{display:flex;flex-wrap:wrap;gap:16px;margin-top:44px}

.flow-panel{border:1px solid var(--yr-silver);border-radius:2px;background:#fff;min-width:0}
.flow-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:16px 24px;border-bottom:1px solid var(--yr-silver)}
.flow-body{padding:20px 24px 18px;border-bottom:1px solid var(--yr-silver);display:flex;flex-direction:column;gap:12px}
.flow-viz{width:100%;aspect-ratio:340/120}
.flow-svg{overflow:visible}
[dir=rtl] .flow-svg{transform:scaleX(-1)}
.fv-fan{fill:none;stroke:var(--yr-silver-200);stroke-width:1}
.fv-line{fill:none;stroke:var(--yr-silver);stroke-width:1}
.fv-src{fill:#fff;stroke:var(--yr-slate-300);stroke-width:1}
.fv-node{fill:#fff;stroke:var(--yr-navy);stroke-width:1.25}
.fv-node-line{stroke:var(--yr-navy);stroke-width:1.25}
.fv-dot,.fv-dest,.fv-p-clean{fill:var(--yr-navy)}
.fv-dest-line{stroke:#fff;stroke-width:1}
.fv-p-bad{fill:#fff;stroke:var(--yr-slate-400);stroke-width:1}
.flow-stages{position:relative;min-height:32px}
.flow-stage{position:absolute;top:0;max-width:28%;font:500 11px/1.35 var(--font-sans);color:var(--yr-graphite);text-wrap:balance;text-align:center}
.flow-stage-0{inset-inline-start:0;text-align:start}
.flow-stage-3{inset-inline-end:0;text-align:end}
.flow-stage-1{inset-inline-start:35.29%;transform:translateX(-50%)}
.flow-stage-2{inset-inline-start:64.71%;transform:translateX(-50%)}
[dir=rtl] .flow-stage-1,[dir=rtl] .flow-stage-2{transform:translateX(50%)}
.flow-legend{display:flex;flex-wrap:wrap;gap:8px 20px;margin-top:6px;font:400 11px/1.4 var(--font-sans);color:var(--text-secondary)}
.flow-legend>span{display:inline-flex;align-items:center;gap:8px}
.lg-clean{width:6px;height:6px;border-radius:50%;background:var(--yr-navy)}
.lg-bad{width:5px;height:5px;border:1px solid var(--yr-slate-400);background:#fff}
.index-label{padding:14px 24px;border-bottom:1px solid var(--yr-silver-200)}
.index-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:1px;background:var(--yr-silver-200)}
@media (min-width:480px){.index-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
.index-row{display:flex;align-items:baseline;gap:16px;padding:13px 24px;background:#fff}
.index-term{font:500 14px/1.35 var(--font-sans);color:var(--yr-navy)}

.band{background:var(--yr-navy);color:#fff}
.band-inner{padding-block:clamp(56px,6vw,80px);display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,360px),1fr));gap:clamp(40px,5vw,72px)}
.band-copy{display:flex;flex-direction:column;gap:16px}
.band-title{font:500 clamp(24px,2.4vw,28px)/1.3 var(--font-sans);letter-spacing:-.015em;color:#fff;text-wrap:balance}
.band-copy p{font:400 14px/1.65 var(--font-sans);color:var(--yr-silver)}
.band-grid{gap:32px}
.principle{display:flex;flex-direction:column;gap:10px;color:#fff}
.principle h3{font:500 14px/1.35 var(--font-sans);margin-top:10px;color:#fff}
.principle p{font:400 13px/1.6 var(--font-sans);color:var(--yr-silver)}
.band-cta{padding-block:clamp(48px,5vw,64px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.band-cta-copy{display:flex;flex-direction:column;gap:12px;max-width:640px}
.band-cta-copy p{font:400 15px/1.6 var(--font-sans);color:var(--yr-silver)}

/* ---------- inner pages ---------- */
.page-head{padding-top:clamp(48px,7vw,96px);padding-bottom:clamp(40px,5vw,72px);display:flex;flex-direction:column;align-items:flex-start}
.page-head h1{margin-top:28px;font:500 clamp(36px,4.4vw,56px)/1.1 var(--font-sans);letter-spacing:-.025em;max-width:16em;text-wrap:balance}
.page-head p{margin-top:24px;font:400 18px/1.6 var(--font-sans);color:var(--yr-graphite);max-width:40em;text-wrap:pretty}

.sol{background:#fff;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:14px}
.sol-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:10px}
.sol h2{font:500 19px/1.3 var(--font-sans);letter-spacing:-.01em}
.sol p{font:400 14px/1.65 var(--font-sans);color:var(--text-secondary);text-wrap:pretty}
.sol ul{margin-top:8px;padding-top:16px;border-top:1px solid var(--border-subtle);display:flex;flex-direction:column;gap:10px}
.sol li{display:flex;align-items:baseline;gap:12px;font:400 13px/1.5 var(--font-sans);color:var(--yr-graphite)}
.bullet{width:5px;height:5px;background:var(--yr-slate-400);flex-shrink:0;transform:translateY(-2px)}
.industries{display:flex;flex-direction:column;border-top:1px solid var(--yr-silver)}
.industry{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,200px),1fr));gap:6px 24px;padding-block:22px;border-bottom:1px solid var(--yr-silver)}
.industry h3{font:500 16px/1.4 var(--font-sans)}
.industry p{font:400 14px/1.6 var(--font-sans);color:var(--text-secondary)}

.steps{margin-top:44px;gap:32px 24px}
.steps li{border-top:1px solid var(--yr-navy);padding-top:22px;display:flex;flex-direction:column;gap:10px}
.steps .num{font-size:12px}
.steps h3{font:500 18px/1.3 var(--font-sans);margin-top:14px}
.steps p{font:400 14px/1.65 var(--font-sans);color:var(--text-secondary);text-wrap:pretty}

.tile{background:#fff;padding:clamp(24px,3vw,36px);display:flex;flex-direction:column;gap:12px}
.tile h2{font:500 19px/1.3 var(--font-sans);margin-top:16px}
.tile p{font:400 14px/1.65 var(--font-sans);color:var(--text-secondary);text-wrap:pretty}

.about{display:flex;align-items:flex-start;gap:clamp(24px,3vw,40px)}
.about .monogram{margin-top:6px}
.about-body{flex:1;min-width:0}
.about-body p{margin:0 0 22px;font:400 clamp(16px,1.15vw,21px)/1.7 var(--font-sans);color:var(--yr-graphite);text-wrap:pretty}
@media (max-width:519px){.about{flex-direction:column}}
.value{background:#fff;padding:30px;display:flex;flex-direction:column;gap:10px}
.value h3{font:500 17px/1.3 var(--font-sans);margin-top:12px}
.value p{font:400 14px/1.6 var(--font-sans);color:var(--text-secondary)}

.cta{padding-block:clamp(56px,6vw,80px);display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:32px}
.cta-copy{display:flex;flex-direction:column;gap:14px;max-width:640px}
.cta-copy h2{font:500 clamp(26px,2.8vw,34px)/1.2 var(--font-sans);letter-spacing:-.02em;text-wrap:balance}
.cta-copy p{font:400 15px/1.6 var(--font-sans);color:var(--text-secondary)}

/* ---------- contact ---------- */
.contact{padding-top:clamp(48px,6vw,80px);padding-bottom:clamp(64px,7vw,104px);display:grid;grid-template-columns:minmax(0,1fr);gap:clamp(40px,6vw,96px)}
.contact-aside{display:flex;flex-direction:column;gap:20px;align-self:start}
.contact-aside h2{font:500 18px/1.3 var(--font-sans)}
.contact-aside ul{display:flex;flex-direction:column;border-top:1px solid var(--border-subtle)}
.contact-aside li{display:flex;align-items:center;gap:14px;padding-block:16px;border-bottom:1px solid var(--border-subtle);font:400 14px/1.5 var(--font-sans);color:var(--yr-graphite)}
.contact-main{min-width:0}
.contact-form{display:grid;grid-template-columns:minmax(0,1fr);gap:24px 20px}
.span-all{grid-column:1/-1}
@media (min-width:720px){
  .contact{grid-template-columns:minmax(0,1fr) minmax(0,1.7fr)}
  .contact-aside{position:sticky;top:clamp(96px,11vw,132px)}
  .contact-form{grid-template-columns:repeat(2,minmax(0,1fr))}
}
.field{display:flex;flex-direction:column;gap:8px;font:400 13px/1.4 var(--font-sans)}
.field-label{font:500 12px/1 var(--font-sans);letter-spacing:.04em;color:var(--text-primary)}
.input{width:100%;height:40px;padding:0 12px;border:1px solid var(--border-default);border-radius:0;background:var(--surface-card);color:var(--text-primary);font:400 14px var(--font-sans);outline:none;transition:border-color var(--dur-fast)}
.input:focus{border-color:var(--yr-navy)}
.input[aria-invalid=true]{border-color:var(--yr-crit)}
.input::placeholder{color:var(--text-tertiary)}
.input.ltr{direction:ltr;text-align:left}
[dir=rtl] .input.ltr{text-align:right}
.textarea{height:auto;min-height:150px;padding:12px;font:400 14px/1.6 var(--font-sans);resize:vertical}
.select-wrap{position:relative;display:block}
.select{appearance:none;-webkit-appearance:none;padding-inline:12px 36px}
.select:invalid{color:var(--text-tertiary)}
.select option{color:var(--yr-navy)}
.select-chevron{position:absolute;inset-inline-end:12px;top:13px;pointer-events:none;display:flex;color:var(--yr-navy)}
.field-msg{font-size:12px;color:var(--text-tertiary)}
.field-msg:empty{display:none}
.field-msg.is-error{color:var(--yr-crit)}
.consent-block{display:flex;flex-direction:column;gap:10px}
.checkbox{display:inline-flex;align-items:center;gap:10px;cursor:pointer;font:400 14px/1.4 var(--font-sans);color:var(--text-primary);user-select:none;position:relative}
.checkbox input{position:absolute;opacity:0;width:16px;height:16px;margin:0}
.checkbox-box{width:16px;height:16px;flex-shrink:0;border:1px solid var(--yr-slate-300);background:#fff;display:inline-flex;align-items:center;justify-content:center;transition:background var(--dur-fast)}
.checkbox-box svg{display:none;fill:none;stroke:#fff;stroke-width:1.4}
.checkbox input:checked+.checkbox-box{background:var(--yr-navy);border-color:var(--yr-navy)}
.checkbox input:checked+.checkbox-box svg{display:block}
.checkbox input:focus-visible+.checkbox-box{outline:1px solid var(--focus-ring);outline-offset:2px}
.checkbox input[aria-invalid=true]+.checkbox-box{border-color:var(--yr-crit)}
.consent-msg,.privacy{padding-inline-start:26px}
.privacy{font:400 12px/1.6 var(--font-sans);color:var(--text-tertiary)}
.alert{display:flex;align-items:center;gap:10px;padding:12px 16px;border:1px solid var(--yr-crit);background:var(--yr-crit-bg);color:var(--yr-crit);font:400 13px/1.4 var(--font-sans)}
.hp{position:absolute!important;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.success{border:1px solid var(--yr-silver);border-radius:2px;padding:clamp(28px,4vw,48px);display:flex;flex-direction:column;align-items:flex-start;gap:16px;outline:none}
.success h2{margin-top:8px;font:500 26px/1.25 var(--font-sans);letter-spacing:-.015em}
.success p{font:400 15px/1.65 var(--font-sans);color:var(--text-secondary);max-width:36em}
.success .btn{margin-top:12px}

/* ---------- footer ---------- */
.site-footer{border-top:1px solid var(--yr-silver)}
.footer-grid{padding-block:clamp(48px,5vw,72px);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));justify-content:space-between;gap:40px clamp(40px,5vw,96px)}
.footer-brand{grid-column:1/-1;display:flex;flex-direction:column;align-items:flex-start;gap:18px}
@media (min-width:560px){.footer-grid{grid-template-columns:repeat(3,max-content)}}
@media (min-width:900px){.footer-grid{grid-template-columns:minmax(240px,1fr) repeat(3,max-content)}.footer-brand{grid-column:auto}}
.footer-tagline{font:400 14px/1.7 var(--font-sans);color:var(--text-secondary);max-width:300px;text-wrap:balance}
.footer-nav{display:flex;flex-direction:column;gap:12px}
.footer-head{color:var(--text-tertiary);margin-bottom:8px}
.footer-nav a,.footer-lang a{font:400 14px/1.4 var(--font-sans);color:var(--text-secondary)}
.footer-nav a:hover,.footer-lang a:hover{color:var(--yr-navy)}
.footer-lang{display:grid;grid-template-columns:repeat(2,max-content);column-gap:32px;row-gap:12px;align-content:start}
.footer-lang .footer-head{grid-column:1/-1}
.footer-lang a[aria-current=true]{font-weight:500;color:var(--yr-navy)}
.footer-bar{background:var(--yr-navy)}
.footer-bar-inner{padding-block:22px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:12px 32px;font:400 12px/1.5 var(--font-sans);color:var(--yr-slate-300)}

/* ---------- motion (enabled by site.js only when motion is allowed) ---------- */
.js-motion [data-reveal]{opacity:0;transform:translateY(4px);transition:opacity var(--dur-slow) var(--ease-standard),transform var(--dur-slow) var(--ease-standard)}
.js-motion [data-reveal].is-visible{opacity:1;transform:none}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{transition:none!important;animation:none!important}}
@media print{.site-header,.cta,.band-cta,.footer-bar{display:none}}
.footer-nav a[aria-current=page]{color:var(--yr-navy);font-weight:500}