/* Zameel v1 — shared application of the supplied identity.
   The vector master and exact palette live in /assets/brand/. */
@font-face { font-family: "Zameel Kufi"; src: url('../fonts/NotoKufiArabic-Regular.woff2') format('woff2'); font-weight: 400; font-display: swap; }
@font-face { font-family: "Zameel Kufi"; src: url('../fonts/NotoKufiArabic-SemiBold.woff2') format('woff2'); font-weight: 600; font-display: swap; }
@font-face { font-family: "Zameel Editorial"; src: url('../fonts/CormorantGaramond-Medium.woff2') format('woff2'); font-weight: 500; font-display: swap; }
:root {
  --gold-ink: #745B32;
  --gold-edge: #A08958;
  --gold-soft: #F0E7D3;
  --gold-light: #D8C59B;
  --gold-heading: linear-gradient(110deg, #68502D 5%, #8E7140 48%, #765A30 90%);
  --action-fill: var(--brand-pine);
  --action-hover: var(--brand-forest);
  --glass-green: linear-gradient(145deg, rgba(255, 253, 248, .94) 0%, rgba(221, 237, 223, .78) 55%, rgba(189, 213, 196, .65) 100%);
  --glass-gold: linear-gradient(145deg, rgba(255, 253, 248, .94) 0%, rgba(241, 230, 203, .84) 55%, rgba(216, 197, 155, .72) 100%);
  --glass-pine: linear-gradient(145deg, rgba(66, 106, 88, .96) 0%, rgba(23, 63, 53, .96) 48%, rgba(16, 45, 38, .98) 100%);
  --glass-rim: inset 0 1px 0 rgba(255, 255, 255, .85), inset 0 0 0 1px rgba(255, 253, 248, .5);
  --r-md: 12px;
  --r-lg: 16px;
  --r-xl: 20px;
  --r-2xl: 24px;
  --glass: rgba(247, 244, 237, .88);
  --glass-strong: rgba(255, 253, 248, .96);
  --glass-line: rgba(23, 63, 53, .11);
  --sh-glass: 0 6px 24px rgba(16, 45, 38, .06), inset 0 1px 0 rgba(255, 255, 255, .7);
}

/* Use the actual outline assets at every existing logo mount, including
   dynamically rendered dialogs. The surrounding link supplies the label. */
.appicon, .appicon.ink {
  inline-size: 30px; block-size: 40px; padding: 0; border-radius: 0;
  background: url('../brand/logo-symbol-primary.svg') center / contain no-repeat;
  box-shadow: none; color: transparent; font-size: 0;
}
.appicon.lg { inline-size: 62px; block-size: 82px; border-radius: 0; font-size: 0; }
.brand-name, .gn-name {
  display: block; flex: none; inline-size: 72px; block-size: 34px;
  background: url('../brand/logo-wordmark-primary.svg') center / contain no-repeat;
  font-size: 0;
}
.gn-brand { gap: 5px; }
.gn-brand .appicon { inline-size: 24px; block-size: 33px; border-radius: 0; background-image: url('../brand/logo-symbol-reverse.svg'); }
.gn-name { inline-size: 64px; block-size: 30px; background-image: url('../brand/logo-wordmark-reverse.svg'); }
.brand { gap: 4px; }
.mock-brand .appicon { inline-size: 23px; block-size: 31px; }
.mock-brand > b { inline-size: 57px; block-size: 27px; font-size: 0; background: url('../brand/logo-wordmark-primary.svg') center / contain no-repeat; }
.foot-brand { gap: 7px; }
.try-tile .appicon { background-image: url('../brand/logo-symbol-reverse.svg'); }
.ln-title img { width: 72px; height: 32px; }
.ln-title { gap: 6px; }
.ln-title .appicon { inline-size: 25px; block-size: 34px; }

.btn, .pill { border-radius: 12px; }
.btn-icon { border-radius: 50%; }
.btn-primary, .pill, .band-black .btn-primary {
  background: var(--action-fill); color: #FFF;
  box-shadow: inset 0 0 0 1px rgba(16, 45, 38, .28), inset 0 1px 0 rgba(255, 253, 248, .32), 0 4px 12px rgba(16, 45, 38, .14);
}
@media (hover: hover) and (pointer: fine) {
  .btn-primary:hover:not(:disabled), .pill:hover, .band-black .btn-primary:hover:not(:disabled) {
    background: var(--action-hover); color: #FFF;
    box-shadow: inset 0 1px 0 rgba(255, 253, 248, .6), 0 5px 16px rgba(16, 45, 38, .22);
  }
}
.band-black .btn-tinted { background: #DCE6DE; color: #173F35; }
.btn-tinted, .band-black .btn-tinted { background: var(--glass-green); color: var(--brand-forest); box-shadow: var(--glass-rim), 0 3px 10px rgba(16, 45, 38, .08); }
.btn-dark { background: var(--glass-pine); color: #FFF; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), 0 4px 12px rgba(16, 45, 38, .16); }
.input, .select, .textarea { border-color: rgba(23, 63, 53, .08); }
.tag, .status { border-radius: 7px; }

.g { background: none; color: var(--brand-pine); -webkit-text-fill-color: currentColor; }
.band-black .g { color: var(--brand-gold); }
.ic-g { stroke: currentColor; color: var(--brand-pine); }
.band-black .ic-g { color: var(--brand-gold); }
.band-white { background: linear-gradient(150deg, #FFFDF8, var(--brand-ivory) 58%, #E7EDE2); }
.band-light { background: linear-gradient(135deg, #EAF0E7, #DCE6DE 65%, #EAE4D2); }
.band-white .tile, .band-light .tile { background: var(--glass-green); box-shadow: var(--glass-rim), 0 12px 32px -20px rgba(16, 45, 38, .2); }
.band-black .tile { background: var(--glass-pine); box-shadow: inset 0 1px 0 rgba(216, 197, 155, .25), 0 12px 32px -20px rgba(0, 0, 0, .3); }
.gn { background: var(--glass-pine); }
.ln:not(.is-dark) { background: var(--glass-green); border-block-end-color: rgba(23, 63, 53, .12); }
.band-black .h2 .dim { color: #A8BFAE; }
.h2 { line-height: 1.32; font-weight: 600; }
.hero { overflow: hidden; padding-block: 44px 88px; }
.hero-brand { display: flex; align-items: center; justify-content: center; gap: 12px; color: var(--ink-2); font-size: 16px; font-weight: 500; }
.hero-brand img { flex: none; inline-size: 36px; block-size: 48px; }
.hero-title { margin-block-start: 24px; font-weight: 600; font-size: clamp(46px, 5vw + 14px, 88px); line-height: 1.25; }
.hero-title .g { color: var(--gold-ink); }
@supports ((background-clip: text) or (-webkit-background-clip: text)) {
  .hero-title .g { background: var(--gold-heading); background-clip: text; -webkit-background-clip: text; -webkit-text-fill-color: transparent; }
}
.hero-sub { max-inline-size: 650px; line-height: 1.8; color: var(--ink-3); }
.hero::before {
  block-size: 75%;
  background: radial-gradient(50% 48% at 65% 70%, rgba(182, 163, 123, .12), transparent 74%), radial-gradient(55% 52% at 30% 80%, rgba(64, 105, 77, .12), transparent 74%);
}
.hero .wrap::before {
  content: ''; position: absolute; top: 110px; right: -260px; width: 460px; height: 620px;
  background: url('../brand/logo-symbol-mono.svg') center / contain no-repeat;
  opacity: .025; pointer-events: none;
}
.mock-win { border-radius: 20px; box-shadow: 0 0 0 1px rgba(23, 63, 53, .13), 0 24px 64px -18px rgba(16, 45, 38, .24); }
.mock-titlebar { background: var(--glass-gold); }
.mock-app { background: radial-gradient(ellipse at 12% 90%, rgba(216, 197, 155, .45), transparent 60%), linear-gradient(135deg, #D7E5D9, #F1F1E7 55%, #CBDDCE); }
.mock-bar, .mock-tabbar { background: var(--glass-green); box-shadow: var(--glass-rim), 0 8px 28px rgba(16, 45, 38, .08); }
.mock-card { background: var(--glass-gold); box-shadow: var(--glass-rim), 0 12px 28px rgba(116, 91, 50, .12); }
.mock-panel { background: var(--glass-green); box-shadow: var(--glass-rim), 0 8px 24px rgba(16, 45, 38, .08); }
.mock-seg .is-on, .mock-tabbar .is-on { color: var(--gold-ink); background: var(--glass-gold); }
.quick button[data-wa='approve'] { background: var(--action-fill); color: #FFF; }
.quick.is-used button[data-wa='approve'][aria-pressed='true'] { background: var(--action-fill); }
.flow .is-decision::after { background: #B6A37B; box-shadow: 0 0 0 6px rgba(182, 163, 123, .17); }
.tt.is-decision { border-color: #B6A37B; }
.doc { background: var(--brand-ivory); }

body.app { background: #F3F1E9; }
body.app::before { background: radial-gradient(50% 85% at 90% 10%, rgba(111, 159, 125, .26), transparent 75%), radial-gradient(55% 90% at 5% 10%, rgba(182, 163, 123, .28), transparent 75%); }
.gbar, .tabbar { background: var(--glass-green); box-shadow: var(--glass-rim), 0 8px 26px rgba(16, 45, 38, .09); }
.gbar { border-radius: 18px; border-color: rgba(160, 137, 88, .32); }
.segnav { border-radius: 12px; }
.segnav button, .segnav a { border-radius: 9px; }
.segnav [aria-current='page'] { background: var(--glass-pine); color: #F7F4ED; box-shadow: inset 0 1px 0 rgba(255, 255, 255, .3), inset 0 -2px 0 var(--brand-gold), 0 2px 5px rgba(16, 45, 38, .12); }
.segnav [aria-current='page']:hover { background: var(--glass-pine); color: var(--gold-light); }
.tabbar [aria-current='page'], .pop button[aria-current='page'],
.seg button[aria-checked='true'], .seg button[aria-selected='true'], .seg button[aria-pressed='true'] {
  background: var(--glass-gold); color: var(--gold-ink); box-shadow: var(--glass-rim), inset 0 0 0 1px var(--gold-edge);
}
.pop button[aria-current='page'] svg.i { color: var(--gold-ink); }
.app .eyebrow, .ob-k { color: var(--gold-ink); }
.onb-dots li.is-cur { background: var(--gold-edge); }
.pick[aria-pressed='true'], .lv[aria-pressed='true'] { background: var(--glass-gold); box-shadow: inset 0 0 0 2px var(--gold-edge); }
.pick[aria-pressed='true'] .pick-check { background: var(--action-fill); color: #FFF; }
.chip[aria-pressed='true'], .chip[aria-checked='true']:not(.serious) { background: var(--glass-gold); color: var(--gold-ink); box-shadow: inset 0 0 0 1px var(--gold-edge); }
.tone[aria-checked='true'] { box-shadow: inset 0 0 0 2px var(--gold-edge); }
.apv { background: var(--glass-gold); box-shadow: var(--glass-rim), 0 12px 32px rgba(116, 91, 50, .12), inset 0 0 0 1.5px var(--brand-gold); }
.wa-q span:first-child { background: var(--action-fill); color: #FFF; }
.head h1, .view-title { line-height: 1.35; font-weight: 600; }
.card, .glasscard, .ob-card, .emp-card { background: var(--glass-green); box-shadow: var(--glass-rim), 0 10px 30px -18px rgba(16, 45, 38, .22); }
.glasscard, .emp-card { background: var(--glass-gold); }
.glasscard, .emp-card, .mock-card, .mock-panel, .apv { -webkit-backdrop-filter: blur(16px) saturate(135%); backdrop-filter: blur(16px) saturate(135%); }
.me { background: var(--glass-pine); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .35), 0 2px 6px rgba(16, 45, 38, .14); }
.paycard { background: linear-gradient(135deg, #102D26, #264C3E); }
.paycard::after { background: radial-gradient(60% 80% at 90% 0%, rgba(182, 163, 123, .3), transparent 60%); }
.cm-user p { background: #173F35; }
.cm-agent p, .cm-typing { background: #E4EAE1; }
.status-wait { color: #75551F; background: #F2EAD9; }
.ic-pink { background: #AD3F35; }
.ic-teal { background: #3E6F62; }
.app .approval { border-color: #B6A37B; }

.login-wrap { background: url('../brand/fold-pattern.svg') center / 760px auto; }
.login-card { max-inline-size: 420px; padding: 32px; border: 1px solid rgba(23, 63, 53, .1); background: var(--glass-green); box-shadow: var(--glass-rim), 0 18px 70px -35px rgba(16, 45, 38, .25); }
.login-brand { align-self: center; display: block; margin-block-end: 6px; }
.login-brand img { width: 100px; height: auto; }
.login-card h1 { font-weight: 600; line-height: 1.4; }
.login-foot { color: var(--ink-3); }

@media (forced-colors: active) {
  .hero-title .g { background: none; color: CanvasText; -webkit-text-fill-color: CanvasText; }
  .segnav [aria-current='page'], .tabbar [aria-current='page'], .pick[aria-pressed='true'], .lv[aria-pressed='true'] { outline: 2px solid Highlight; }
}

@media (max-width: 734px) {
  .hero { padding-block: 36px 64px; }
  .hero-title { font-size: clamp(42px, 10vw, 68px); }
  .hero-brand { font-size: 14px; }
  .hero .wrap::before { display: none; }
  .hero-sub { font-size: 18px; }
  .gn-name { width: 58px; }
  .brand-name { inline-size: 62px; }
  .gbar { border-radius: 16px; }
}
@media (prefers-reduced-transparency: reduce) {
  :root { --glass: #F7F4ED; --glass-strong: #FFFDF8; --glass-green: #EAF0E7; --glass-gold: #F0E7D3; --glass-pine: #173F35; }
  .glasscard, .emp-card, .mock-card, .mock-panel, .apv, .gbar, .tabbar, .ln { -webkit-backdrop-filter: none; backdrop-filter: none; }
}

.lang-switch { flex: none; min-height: 34px; padding: 5px 10px; border: 1px solid var(--line-2); border-radius: 8px; background: transparent; color: var(--ink); font: 500 12px/1.4 "Archivo", "Plex Arabic", sans-serif; }
.gn .lang-switch { color: #F7F4ED; border-color: #738F80; }
.lang-switch:hover { background: #DCE6DE; color: #173F35; }
.lang-switch:focus-visible { outline: 3px solid #B6A37B; outline-offset: 3px; }
.login-card .lang-switch { align-self: center; margin-top: 4px; }
:root[lang=en] { --font: "Archivo", "Plex Arabic", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif; }
html[lang=en] .brand-name, html[lang=en] .gn-name, html[lang=en] .mock-brand > b { background-image: url('../brand/logo-wordmark-en-primary.svg'); inline-size: 84px; }
html[lang=en] .gn-name { background-image: url('../brand/logo-wordmark-en-reverse.svg'); inline-size: 76px; }
html[lang=en] .hero-title { font-size: clamp(40px, 5.1vw, 76px); line-height: 1.08; letter-spacing: -.045em; }
html[lang=en] .hero-sub { line-height: 1.6; }
html[lang=en] .h2 { line-height: 1.12; letter-spacing: -.03em; }
html[lang=en] .login-brand img { width: 180px; height: 70px; object-fit: contain; }
html[lang=en] .segnav button, html[lang=en] .segnav a { padding-inline: 10px; font-size: 12px; }
html[lang=en] .chev::after { content: '›'; }
html[lang=en] .ln-title img { width: 88px; }
html[lang=en] .ln-title { flex: none; }
html[lang=en] .ob-nav .btn { white-space: normal; }
html[lang=en] .brand-sub { max-inline-size: 140px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
@media (max-width: 734px) {
  html[lang=en] .hero-title { font-size: clamp(38px, 9.2vw, 62px); }
  html[lang=en] .hero-sub { font-size: 17px; }
  html[lang=en] .tabbar button { font-size: 10px; }
  html[lang=en] .brand-name { inline-size: 72px; }
  .gbar-end { gap: 6px; }
  .gbar .lang-switch { padding-inline: 7px; font-size: 11px; }
  html[lang=en] .ln-title img { width: 56px; }
  html[lang=en] .ln-in { gap: 10px; }
  html[lang=en] .ln-link { font-size: 12px; }
  html[lang=en] .ln-in .pill { font-size: 12px; padding-inline: 11px; }
  .admin .seg { flex-wrap: wrap; max-inline-size: 100%; }
  .admin .seg button { white-space: normal; }
  .admin .tag, .admin .status { max-inline-size: 100%; white-space: normal; overflow-wrap: anywhere; }
  .admin .idc { max-inline-size: 100%; white-space: normal; overflow-wrap: anywhere; }
  .admin .meter .tag { block-size: auto; min-block-size: 21px; line-height: 1.45; }
}

/* Approved direction B: quiet gold surfaces, pine actions.
   Preserve the existing page structure, content and product flows. */
body.site { background: #F6F2EA; }
.site .band-white { background: #F6F2EA; }
.site .band-light { background: linear-gradient(135deg, #EFE8DA, #F9F5ED 58%, #EAE1CD); }
.site .band-white .tile, .site .band-light .tile { background: var(--glass-gold); }
.site .gn { background: rgba(246, 242, 234, .95); color: var(--brand-pine); border-block-end: 1px solid rgba(161, 138, 100, .16); }
.site .gn-links .gn-app, .site .gn-menu { color: var(--brand-pine); }
.site .gn-brand .appicon { background-image: url('../brand/logo-symbol-primary.svg'); }
.site .gn-name { background-image: url('../brand/logo-wordmark-primary.svg'); }
html[lang=en] .site .gn-name { background-image: url('../brand/logo-wordmark-en-primary.svg'); }
.site .gn .lang-switch { color: var(--brand-pine); border-color: rgba(23, 63, 53, .2); }
.site .ln:not(.is-dark) { background: linear-gradient(130deg, rgba(255, 253, 248, .82), rgba(240, 231, 211, .78)); border-block-end-color: rgba(161, 138, 100, .2); }
.site .ln.is-dark .ln-title img { filter: brightness(0) invert(1); }
.site .ln.is-dark .ln-title .appicon { background-image: url('../brand/logo-symbol-reverse.svg'); }
.site .hero { padding-block: 54px 84px; }
.site .hero-brand { font-size: 13px; color: var(--gold-ink); font-weight: 400; }
.site .hero-brand img { inline-size: 26px; block-size: 35px; }
.site .hero-title { font-family: "Zameel Kufi", var(--font); font-size: clamp(40px, 4.5vw, 66px); font-weight: 400; line-height: 1.65; margin-block-start: 24px; }
.site .hero-sub { font-size: 18px; font-weight: 400; line-height: 2; max-inline-size: 620px; margin-block-start: 20px; }
.site .hero-cta { margin-block-start: 28px; }
.site .hero-cta .more { font-size: 16px; }
.site .hero::before { background: radial-gradient(ellipse at 50% 34%, rgba(216, 190, 138, .24), rgba(255, 249, 235, .6) 34%, transparent 66%); block-size: 75%; }
.site .hero .wrap::before { display: none; }
.site .h2 { font-family: "Zameel Kufi", var(--font); font-weight: 400; font-size: clamp(29px, 2.5vw + 12px, 49px); line-height: 1.55; }
.site .mock { margin-block-start: 52px; }
.site .mock-win { border: 1px solid #FFFDF8; border-radius: 25px; background: var(--glass-gold); box-shadow: 0 25px 65px -28px rgba(116, 91, 50, .3), inset 0 0 0 1px rgba(182, 163, 123, .2); }
.site .mock-titlebar { background: linear-gradient(130deg, rgba(255, 253, 248, .8), rgba(233, 222, 196, .65)); }
.site .mock-app { background: linear-gradient(135deg, #FCFAF5, #F0E9DA 72%, #F8F4EC); }
.site .mock-bar, .site .mock-tabbar, .site .mock-panel { background: linear-gradient(135deg, rgba(255, 253, 248, .9), rgba(238, 229, 207, .6)); }
.site .mock-card { background: linear-gradient(140deg, #FFFEFA, rgba(245, 239, 223, .78)); box-shadow: inset 0 0 0 1px rgba(182, 163, 123, .35), 0 8px 22px rgba(116, 91, 50, .07); }
.site .mock-h { font-weight: 500; }
.site .band-white .tile, .site .band-light .tile, .site .mock-panel { border: 1px solid rgba(255, 253, 248, .9); }
/* These cards carry light copy and must retain a dark surface. */
.site .tile:is(.office, .tt.is-decision) { background: var(--glass-pine); border-color: rgba(216, 197, 155, .25); }
.site .tt.is-decision .g { color: var(--gold-light); }
.site .job-code { color: var(--gray-d); }
.site .h2 .dim { color: var(--ink-3); }
.site .band-black .h2 .dim { color: #A8BFAE; }
.site .quick.is-used button { opacity: 1; }
.site .mock-card.is-rejected .mock-card-title, .site .mock-card.is-rejected .mock-rows { opacity: 1; }
.site .quick button[aria-pressed='true']::after { content: ' ✓'; }
/* Local review: readable focus and content-sized controls in both languages. */
.site { --focus-ring: var(--brand-pine); --gray-d: var(--brand-sage); }
.site .band-black, .site .office, .site .ln.is-dark { --focus-ring: var(--brand-ivory); }
.site :focus-visible, .site .gn a:focus-visible, .site .gn-menu:focus-visible, .site .lang-switch:focus-visible {
  outline: 3px solid var(--focus-ring); outline-offset: 3px;
}
.site .gn-in, .site .ln-in { block-size: auto; min-block-size: var(--ln-h); }
.site .gn-links { min-inline-size: 0; flex-wrap: wrap; }
.site .gn-links a { white-space: normal; }
.site .pill { block-size: auto; min-block-size: 40px; padding-block: 7px; line-height: 1.3; white-space: normal; text-align: center; }
.site .pill::before { inset: -2px 0; }
.site .btn { white-space: normal; line-height: 1.4; padding-block: 9px; }
.site :is(h3, p, dt, dd, .fact-big) { overflow-wrap: anywhere; }
.site .steps .code { white-space: normal; overflow-wrap: anywhere; }
.site .plans { grid-template-columns: repeat(auto-fit, minmax(min(100%, 15em), 1fr)); }
.site .calc-sum > div { flex-wrap: wrap; }
.site .calc-sum dd { margin-inline-start: auto; }
.site .wa-who, .site .lo-head > div { min-inline-size: 0; overflow-wrap: anywhere; }
.site .btn:active:not(:disabled), .site .pill:active, .site .quick button:active, .site .st-ctl button:active { transform: scale(.96); }
.site .field-error { color: #8E2D25; font-size: 14px; line-height: 1.6; }
.site .form-status { margin-block-start: 8px; text-align: center; }
.site .form-status:empty { display: none; }
.site .submit-spinner { inline-size: 16px; block-size: 16px; flex: none; border: 2px solid currentColor; border-inline-end-color: transparent; border-radius: 50%; }
@media (prefers-reduced-motion: no-preference) { .site .submit-spinner { animation: submit-spin .8s linear infinite; } }
@keyframes submit-spin { to { transform: rotate(360deg); } }
.site .levels { max-inline-size: 1040px; }
.site .levels > h3 { font-size: 22px; line-height: 1.5; text-wrap: balance; }
.site .level-details { margin-block-start: 28px; padding-block-start: 28px; border-block-start: 1px solid var(--line); }
.site .level-kicker { color: var(--gold-ink); font-size: 13px; font-weight: 600; margin-block-end: 10px; }
.site .level-details h4 { font-size: clamp(23px, 2vw, 30px); line-height: 1.6; color: var(--ink); }
.site .level-summary { color: var(--ink-2); font-size: 16px; line-height: 1.85; margin-block-start: 10px; max-inline-size: 72ch; }
.site .level-specs { margin-block-start: 24px; }
.site .level-specs > div { display: grid; grid-template-columns: 180px minmax(0,1fr); gap: 24px; padding-block: 16px; border-block-start: 1px solid var(--line); }
.site .level-specs dt { font-size: 14px; color: var(--ink-3); }
.site .level-specs dd { font-size: 16px; line-height: 1.8; color: var(--ink); margin: 0; }
.site .level-specs small, .site .level-facts small { display: block; font-size: 13px; line-height: 1.7; color: var(--ink-3); font-weight: 400; margin-block-start: 4px; }
.site .level-facts { display: grid; grid-template-columns: repeat(3, minmax(0,1fr)); gap: 24px; margin-block-start: 24px; padding: 22px; background: #EAF0E7; border-radius: 14px; }
.site .level-facts dt { color: var(--ink-3); font-size: 13px; margin-block-end: 8px; }
.site .level-facts dd { color: var(--ink); font-size: 16px; font-weight: 600; line-height: 1.7; margin: 0; }
.site .levels-note { text-align: center; max-inline-size: 75ch; }
@media (max-width: 860px) { .site .gn-links { top: 100%; } }
@media (max-width: 734px) {
  .site .level-specs > div { grid-template-columns: 90px minmax(0,1fr); gap: 14px; }
  .site .level-specs dt { font-size: 13px; }
  .site .level-specs dd { font-size: 14px; }
  .site .level-summary { font-size: 15px; }
  .site .level-facts { grid-template-columns: minmax(0,1fr); gap: 16px; padding: 18px; }
  .site .level-facts > div { display: grid; grid-template-columns: 88px minmax(0,1fr); gap: 12px; }
  .site .level-facts dt { margin: 0; }
  .site .level-facts dd { font-size: 14px; text-align: end; }
  .site .plans { grid-template-columns: minmax(0, 1fr); }
  .site .ln-in { flex-wrap: wrap; row-gap: 4px; padding-block: 4px; }
}
@media (forced-colors: active) { .site :focus-visible, .site .gn a:focus-visible, .site .gn-menu:focus-visible, .site .lang-switch:focus-visible { outline-color: Highlight; } }
.site .doc { background: #F6F2EA; }
html[lang=en] .site .hero-title { font-family: "Zameel Editorial", Georgia, serif; font-size: clamp(62px, 7vw, 100px); font-weight: 500; line-height: 1.02; letter-spacing: -.035em; }
html[lang=en] .site .h2 { font-family: "Zameel Editorial", Georgia, serif; font-size: clamp(40px, 4.2vw, 64px); font-weight: 500; line-height: 1.1; }
html[lang=en] .site .hero-sub { font-size: 18px; line-height: 1.75; max-inline-size: 590px; }
@media (max-width: 860px) {
  .site .gn-links { background: #F6F2EA; }
  .site .gn-links li { border-block-end-color: rgba(23, 63, 53, .12); }
  .site .gn-links .gn-app { color: var(--brand-pine); }
}
@media (max-width: 734px) {
  .site .hero { padding-block: 38px 64px; }
  .site .hero-title { font-size: clamp(32px, 9vw, 48px); line-height: 1.7; }
  .site .hero-sub { font-size: 16px; line-height: 1.95; }
  .site .hero-cta .more { font-size: 15px; }
  .site .mock { margin-block-start: 38px; }
  .ln-title .appicon { inline-size: 20px; block-size: 27px; }
  html[lang=en] .site .hero-title { font-size: clamp(48px, 12vw, 66px); }
  html[lang=en] .site .hero-sub { font-size: 16px; }
}
@media (prefers-reduced-transparency: reduce) {
  .site .ln:not(.is-dark), .site .mock-bar, .site .mock-tabbar, .site .mock-panel { background: #F0E7D3; }
}
@media (max-width: 400px) {
  html[lang=en] .site .ln-link:not(.ln-wide) { flex: 1; min-inline-size: 0; white-space: normal; line-height: 1.3; }
}