.aft {
	--aft-navy: #102a43;
	--aft-blue: #275dad;
	--aft-mist: #eaf4f4;
	--aft-saffron: #f5b82e;
	--aft-clay: #923b27;
	--aft-forest: #24593f;
	--aft-ink: #17242e;
	--aft-muted: #586873;
	--aft-line: rgba(16,42,67,.2);
	background: #fff;
	color: var(--aft-ink);
	font-family: "IBM Plex Sans Arabic", "Tajawal", Arial, sans-serif;
	font-size: 18px;
	line-height: 1.85;
	overflow: clip;
}
.aft *, .aft *::before, .aft *::after { box-sizing: border-box; }
.aft__wrap { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }
.aft__narrow { width: min(850px, calc(100% - 40px)); }
.aft h1, .aft h2, .aft h3, .aft p, .aft li, .aft th, .aft td { color: inherit; }
.aft h1, .aft h2, .aft h3 { margin-block: 0 .58em; font-family: "Changa", "IBM Plex Sans Arabic", sans-serif; font-weight: 800; line-height: 1.3; letter-spacing: -.025em; }
.aft h1 { max-width: 810px; color: #fff !important; font-size: clamp(2.55rem, 5.8vw, 5.1rem); }
.aft h2 { color: var(--aft-navy) !important; font-size: clamp(1.95rem, 4vw, 3.35rem); }
.aft h3 { color: var(--aft-navy) !important; font-size: 1.33rem; }
.aft p { margin-block: 0 1.1rem; }
.aft a { color: #1c5596; text-underline-offset: .22em; }
.aft a:hover { color: #762b1b; }
.aft a:focus-visible, .aft button:focus-visible, .aft summary:focus-visible { outline: 3px solid var(--aft-saffron); outline-offset: 4px; }
.aft__hero { position: relative; padding: clamp(68px,9vw,126px) 0; overflow: hidden; color: #fff; background: var(--aft-navy); isolation: isolate; }
.aft__hero::before { content: ""; position: absolute; inset: 0; z-index: -1; opacity: .28; background: repeating-linear-gradient(162deg, transparent 0 47px, rgba(234,244,244,.2) 48px 49px, transparent 50px 82px); }
.aft__hero::after { content: "LOAD ≠ LABEL"; position: absolute; bottom: -1.2rem; inset-inline-start: 2vw; z-index: -1; color: rgba(255,255,255,.06); font: 900 clamp(3rem,10vw,9rem)/1 ui-monospace, Consolas, monospace; white-space: nowrap; }
.aft__hero-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(330px,.7fr); gap: clamp(42px,7vw,88px); align-items: center; }
.aft__eyebrow, .aft__kicker { color: #82301f !important; font-size: .78rem; font-weight: 900; letter-spacing: .08em; text-transform: uppercase; }
.aft__hero .aft__eyebrow { color: var(--aft-saffron) !important; }
.aft__lead { max-width: 780px; color: #e7f1f5 !important; font-size: clamp(1.08rem,2vw,1.33rem); }
.aft__actions { display: flex; flex-wrap: wrap; gap: 20px; align-items: center; margin-top: 28px; }
.aft__button { display: inline-flex; min-height: 52px; align-items: center; justify-content: center; padding: 12px 24px; border: 2px solid var(--aft-saffron); color: var(--aft-navy) !important; background: var(--aft-saffron); box-shadow: 7px 7px 0 var(--aft-blue); font-weight: 900; text-decoration: none; transition: transform .18s, box-shadow .18s; }
.aft__button:hover { color: var(--aft-navy) !important; transform: translate(-2px,-2px); box-shadow: 10px 10px 0 var(--aft-blue); }
.aft__text-link { color: #fff !important; font-weight: 850; }
.aft__specimen { border: 1px solid rgba(255,255,255,.28); background: rgba(255,255,255,.07); box-shadow: 16px 16px 0 rgba(39,93,173,.4); }
.aft__specimen > p { margin: 0; padding: 15px 20px; border-block-end: 1px solid rgba(255,255,255,.25); color: var(--aft-saffron) !important; font: 800 .72rem ui-monospace, Consolas, monospace; letter-spacing: .1em; }
.aft__specimen dl { margin: 0; }
.aft__specimen dl > div { display: grid; grid-template-columns: 1fr 1fr; padding: 12px 20px; border-block-end: 1px dashed rgba(255,255,255,.2); }
.aft__specimen dt { color: #b9cbd5; }
.aft__specimen dd { margin: 0; color: #fff; font-weight: 850; }
.aft__specimen > strong { display: block; padding: 17px 20px; color: #fff; }
.aft__toc { position: sticky; top: 0; z-index: 30; border-block-end: 1px solid var(--aft-line); background: rgba(255,255,255,.96); box-shadow: 0 9px 24px rgba(16,42,67,.09); }
.aft__toc .aft__wrap { display: flex; gap: 24px; overflow-x: auto; scrollbar-width: thin; }
.aft__toc a { flex: 0 0 auto; padding: 14px 0 11px; border-block-end: 3px solid transparent; color: var(--aft-navy); font-size: .82rem; font-weight: 850; text-decoration: none; }
.aft__toc a:hover { border-color: var(--aft-blue); }
.aft__section { padding: clamp(68px,8vw,110px) 0; scroll-margin-top: 70px; }
.aft__section--mist { background: var(--aft-mist); }
.aft__section--clay { color: #fff; background: var(--aft-clay); }
.aft__section--clay h2, .aft__section--clay h3 { color: #fff !important; }
.aft__section--clay .aft__kicker { color: #fff !important; }
.aft__section--navy { color: #eef5f7; background: var(--aft-navy); }
.aft__section--navy h2, .aft__section--navy h3 { color: #fff !important; }
.aft__section--navy .aft__kicker { color: var(--aft-saffron) !important; }
.aft__section--navy p, .aft__section--navy li { color: #eef5f7 !important; }
.aft__section--forest { color: #f2f8f4; background: var(--aft-forest); }
.aft__section--forest h2, .aft__section--forest h3 { color: #fff !important; }
.aft__section--forest .aft__kicker { color: #fff !important; }
.aft__section--forest p { color: #f2f8f4 !important; }
.aft__heading { max-width: 890px; margin-bottom: 34px; }
.aft__three { display: grid; grid-template-columns: repeat(3,1fr); gap: 1px; margin-block: 32px; background: var(--aft-line); }
.aft__three section { padding: 24px; background: var(--aft-mist); }
.aft__three span { display: inline-grid; width: 34px; height: 34px; place-items: center; color: #fff; background: var(--aft-blue); font: 850 .85rem ui-monospace, Consolas, monospace; }
.aft__three p { margin: 0; }
.aft__stop-grid { display: grid; grid-template-columns: minmax(0,1.3fr) minmax(300px,.7fr); gap: 48px; align-items: center; }
.aft__stop-grid aside { padding: 25px 28px; border: 2px solid rgba(255,255,255,.55); background: rgba(0,0,0,.1); }
.aft__stop-grid aside > strong { display: block; font-size: 1.15rem; }
.aft__stop-grid li { color: #fff !important; }
.aft__tool { display: grid; grid-template-columns: minmax(0,1.15fr) minmax(330px,.85fr); border: 1px solid var(--aft-line); background: #fff; box-shadow: 14px 14px 0 rgba(39,93,173,.18); }
.aft__inputs fieldset { display: grid; grid-template-columns: 190px repeat(3,1fr); gap: 8px; align-items: center; margin: 0; padding: 20px 24px; border: 0; border-block-end: 1px solid var(--aft-line); }
.aft__inputs fieldset:last-child { border: 0; }
.aft__inputs legend { float: right; width: 190px; padding: 0; color: var(--aft-navy); font-weight: 850; }
.aft__inputs button { min-height: 48px; padding: 9px 10px; border: 1px solid #48718e; color: var(--aft-navy); background: #fff; font: inherit; font-size: .86rem; font-weight: 800; cursor: pointer; }
.aft__inputs button[aria-pressed="true"] { color: #fff; background: var(--aft-blue); box-shadow: inset 0 -4px 0 rgba(0,0,0,.2); }
.aft__output { padding: 30px; color: #fff; background: var(--aft-navy); }
.aft__output > p:first-child { margin: 0; color: var(--aft-saffron) !important; font: 850 .75rem ui-monospace, Consolas, monospace; }
.aft__output output { display: block; margin: 7px 0; color: #fff; font-family: "Changa", sans-serif; font-size: clamp(1.8rem,3vw,2.7rem); font-weight: 900; }
.aft__output p, .aft__output li { color: #e7f1f5 !important; }
.aft__output h3 { color: #fff !important; }
.aft__meter { height: 8px; margin: 18px 0 22px; overflow: hidden; background: rgba(255,255,255,.18); }
.aft__meter i { display: block; width: 8%; height: 100%; background: var(--aft-saffron); transition: width .2s ease; }
.aft__privacy { margin-top: 25px !important; padding: 14px; border: 1px solid rgba(255,255,255,.25); font-size: .82rem; }
.aft__notice { margin-top: 30px !important; padding: 21px 24px; border-inline-start: 6px solid var(--aft-clay); color: var(--aft-navy) !important; background: #d8ecee; }
.aft__evidence { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: var(--aft-line); }
.aft__evidence section { padding: 26px; background: #fff; }
.aft__talk { display: grid; grid-template-columns: 150px 1fr 1fr; gap: 1px; margin-top: 32px; background: var(--aft-line); }
.aft__talk > span, .aft__talk > div, .aft__talk > small { padding: 20px; background: var(--aft-mist); }
.aft__talk > span { color: #fff; background: var(--aft-blue); font-weight: 900; }
.aft__talk p { margin: 5px 0 0; }
.aft__talk small { grid-column: 1/-1; color: var(--aft-muted); }
.aft__questions { display: grid; grid-template-columns: repeat(2,1fr); gap: 1px; background: rgba(255,255,255,.2); }
.aft__questions section { padding: 28px; background: #173a58; }
.aft__questions ol { padding-inline-start: 1.5rem; }
.aft__timeline { position: relative; margin-block: 32px; border-inline-start: 2px solid var(--aft-blue); }
.aft__timeline section { position: relative; padding: 0 28px 24px; }
.aft__timeline section::before { content: ""; position: absolute; right: -8px; top: 5px; width: 14px; height: 14px; border: 3px solid #fff; border-radius: 50%; background: var(--aft-blue); box-shadow: 0 0 0 1px var(--aft-blue); }
.aft__timeline span { color: #78301f; font: 900 .8rem ui-monospace, Consolas, monospace; }
.aft__environment, .aft__gear, .aft__family-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; }
.aft__environment section, .aft__gear > div, .aft__family-grid section { padding: 24px; border-block-start: 5px solid var(--aft-blue); background: #fff; }
.aft__family-grid section { color: var(--aft-ink); background: #fff; }
.aft__family-grid section p { color: var(--aft-ink) !important; }
.aft__gear p, .aft__family-grid p { margin: 7px 0 0; }
.aft__mistakes { display: grid; grid-template-columns: 1fr 1fr; gap: 12px 42px; padding-inline-start: 1.5rem; }
.aft__mistakes li { padding: 10px 4px; border-block-end: 1px solid var(--aft-line); }
.aft__faq details { border-block-start: 1px solid var(--aft-line); }
.aft__faq details:last-child { border-block-end: 1px solid var(--aft-line); }
.aft__faq summary { padding: 19px 4px; color: var(--aft-navy); font-weight: 900; cursor: pointer; }
.aft__faq details p { padding: 0 22px 18px; }
.aft__sources { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 48px; align-items: start; }
.aft__sources ul { margin: 0; padding: 24px 40px 24px 20px; border: 1px solid var(--aft-line); background: var(--aft-mist); }
.aft__sources li { margin-block: 8px; }
.aft__small { color: var(--aft-muted) !important; font-size: .84rem; }
.aft__cta { padding: clamp(66px,8vw,104px) 0; color: #fff; background: var(--aft-blue); }
.aft__cta h2 { color: #fff !important; }
.aft__cta p { color: #fff !important; }
.aft__cta-grid { display: grid; grid-template-columns: minmax(0,1.4fr) minmax(240px,.6fr); gap: 50px; align-items: center; }
.aft__cta-grid > div:last-child { display: grid; gap: 18px; }
.aft__button--light { border-color: #fff; color: var(--aft-navy) !important; background: #fff; box-shadow: 7px 7px 0 var(--aft-saffron); }
.aft__cta-link { color: #fff !important; font-weight: 850; text-align: center; }
.aft-review { padding: 80px 0; }
@media (max-width: 960px) {
	.aft__hero-grid, .aft__stop-grid, .aft__sources, .aft__cta-grid, .aft__tool { grid-template-columns: 1fr; }
	.aft__specimen { max-width: 620px; }
	.aft__inputs fieldset { grid-template-columns: 170px repeat(3,1fr); }
}
@media (max-width: 760px) {
	.aft__three, .aft__evidence, .aft__questions, .aft__environment, .aft__gear, .aft__family-grid { grid-template-columns: 1fr; }
	.aft__talk { grid-template-columns: 1fr 1fr; }
	.aft__talk > span { grid-column: 1/-1; }
}
@media (max-width: 620px) {
	.aft { font-size: 16px; }
	.aft__wrap, .aft__narrow { width: min(100% - 28px,1180px); }
	.aft__hero { padding-top: 52px; }
	.aft__specimen { box-shadow: 9px 9px 0 rgba(39,93,173,.4); }
	.aft__inputs fieldset { display: grid; grid-template-columns: 1fr; padding: 18px; }
	.aft__inputs legend { float: none; width: auto; margin-bottom: 10px; }
	.aft__inputs button { width: 100%; }
	.aft__output { padding: 24px 19px; }
	.aft__talk, .aft__mistakes { grid-template-columns: 1fr; }
	.aft__talk > span, .aft__talk > small { grid-column: auto; }
}
@media (max-width: 350px) {
	.aft__wrap, .aft__narrow { width: min(100% - 20px,1180px); }
	.aft h1 { font-size: 2.15rem; }
	.aft h2 { font-size: 1.7rem; }
	.aft__specimen dl > div { padding-inline: 13px; }
}
@media (prefers-reduced-motion: reduce) {
	.aft *, .aft *::before, .aft *::after { scroll-behavior: auto !important; transition: none !important; }
}
@media (forced-colors: active) {
	.aft__button, .aft__inputs button, .aft__specimen, .aft__tool { border: 2px solid CanvasText; }
	.aft__inputs button[aria-pressed="true"] { outline: 4px solid Highlight; }
}