:root{--af-orange:#fc7107;--af-orange-bright:#ff8a2b;--af-orange-deep:#e25f00;--af-orange-tint:#fdb37b;--af-orange-wash:#fff1e4;--af-navy:#0e1e33;--af-navy-800:#13243b;--af-navy-700:#1c3251;--af-court-blue:#1e4f9c;--af-court-blue-dk:#16386e;--af-court-blue-br:#2e6bcb;--af-court-blue-wash:#e8f0fa;--af-ink:#0e1e33;--af-gray-700:#344256;--af-gray-500:#5b6678;--af-gray-400:#8a93a3;--af-gray-300:#c7cdd6;--af-gray-200:#e4e7ec;--af-gray-100:#f1f3f6;--af-gray-50:#f7f8fa;--af-white:#fff;--af-success:#1e9e5a;--af-warning:#f2a416;--af-danger:#e0413b;--bg:var(--af-gray-50);--surface:var(--af-white);--surface-alt:var(--af-gray-100);--fg1:var(--af-ink);--fg2:var(--af-gray-500);--fg3:var(--af-gray-400);--border:var(--af-gray-200);--border-strong:var(--af-gray-300);--primary:var(--af-orange);--primary-hover:var(--af-orange-deep);--primary-fg:var(--af-white);--accent:var(--af-court-blue);--on-dark:var(--af-white);--focus-ring:#fc710773;--font-display:"Saira Condensed", "Arial Narrow", sans-serif;--font-ui:"Saira", system-ui, sans-serif;--font-body:"Hanken Grotesk", system-ui, sans-serif;--text-xs:12px;--text-sm:14px;--text-base:16px;--text-md:18px;--text-lg:22px;--text-xl:28px;--text-2xl:36px;--text-3xl:48px;--text-4xl:64px;--text-5xl:84px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:24px;--space-6:32px;--space-7:48px;--space-8:64px;--space-9:96px;--radius-xs:4px;--radius-sm:8px;--radius-md:12px;--radius-lg:18px;--radius-xl:28px;--radius-pill:999px;--shadow-sm:0 1px 2px #0e1e330f, 0 1px 3px #0e1e3314;--shadow-md:0 4px 12px #0e1e3314, 0 2px 4px #0e1e330f;--shadow-lg:0 18px 40px #0e1e3329, 0 6px 12px #0e1e3314;--shadow-orange:0 10px 28px #fc710757;--ease-out:cubic-bezier(.22,.61,.36,1);--ease-in-out:cubic-bezier(.65,.05,.36,1);--dur-fast:.12s;--dur:.2s;--dur-slow:.36s}@media (prefers-color-scheme:dark){:root:not([data-theme=light]){--bg:var(--af-navy);--surface:var(--af-navy-800);--surface-alt:var(--af-navy-700);--fg1:var(--af-white);--fg2:#ffffffb3;--fg3:#ffffff7a;--border:var(--af-navy-700);--border-strong:#2a446b;--primary-fg:var(--af-white)}}:root[data-theme=dark],[data-theme=dark]{--bg:var(--af-navy);--surface:var(--af-navy-800);--surface-alt:var(--af-navy-700);--fg1:var(--af-white);--fg2:#ffffffb3;--fg3:#ffffff7a;--border:var(--af-navy-700);--border-strong:#2a446b;--primary-fg:var(--af-white)}*,:before,:after{box-sizing:border-box}html{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;-webkit-text-size-adjust:100%}body{background:var(--af-navy);color:var(--af-navy);font-family:var(--font-body);-webkit-font-smoothing:antialiased;-webkit-tap-highlight-color:transparent;overscroll-behavior-y:none;margin:0;font-size:16px;line-height:1.5}#root{min-height:100dvh}img{max-width:100%;display:block}button{font:inherit;color:inherit}a{color:var(--af-navy)}a:hover{color:#b34a00}:focus-visible{outline:3px solid var(--focus-ring);outline-offset:2px}.app{background:var(--af-gray-50);flex-direction:column;width:100%;max-width:480px;min-height:100dvh;margin:0 auto;display:flex;position:relative;overflow-x:hidden}@media (width>=600px){.app{box-shadow:var(--shadow-lg)}}.screen{background:var(--af-gray-50);padding-bottom:calc(84px + env(safe-area-inset-bottom));flex-direction:column;flex:1;display:flex}.screen--white{background:var(--af-white)}.screen--flush{padding-bottom:env(safe-area-inset-bottom)}.spacer{flex:1;min-height:24px}.topbar{background:var(--af-white);padding:calc(16px + env(safe-area-inset-top)) 20px 16px;border-bottom:1px solid var(--af-gray-200);flex:none;align-items:center;gap:12px;display:flex}.topbar--dark{background:var(--af-navy);color:var(--af-white);border-bottom:none}.topbar--plain{background:0 0;border-bottom:none;padding-bottom:0}.topbar--sticky{z-index:20;position:sticky;top:0}.topbar__title{min-width:0;font-family:var(--font-ui);flex:1;margin:0;font-size:18px;font-weight:700;line-height:1.2}.iconbtn{border-radius:var(--radius-pill);background:var(--af-gray-100);width:44px;height:44px;color:var(--af-navy);cursor:pointer;border:none;flex:none;justify-content:center;align-items:center;text-decoration:none;display:inline-flex;position:relative}.iconbtn--bare{background:0 0}.iconbtn--onDark{color:var(--af-white);background:#ffffff14;border:1px solid #ffffff3d}.iconbtn--glass{color:var(--af-white);background:#0e1e3373;border:1px solid #ffffff3d}.iconbtn__badge{border-radius:var(--radius-pill);background:var(--af-orange);min-width:18px;height:18px;color:var(--af-navy);border:2px solid var(--af-white);font-family:var(--font-ui);text-align:center;font-size:10px;font-weight:700;line-height:14px;position:absolute;top:4px;right:4px}.avatar{border-radius:var(--radius-pill);width:48px;height:48px;color:var(--af-white);font-family:var(--font-ui);background:#b34a00;flex:none;justify-content:center;align-items:center;font-size:16px;font-weight:700;text-decoration:none;display:inline-flex}.avatar--ring{background:var(--af-orange-wash);color:#b34a00;border:2px solid var(--af-orange);width:44px;height:44px;font-size:15px}.avatar--sm{width:36px;height:36px;font-size:13px}.display{font-family:var(--font-display);text-transform:uppercase;letter-spacing:-.01em;margin:0;font-weight:800;line-height:.94}.display--xl{font-size:40px}.display--lg{font-size:34px}.display--md{font-size:30px;line-height:1}.display--sm{font-size:19px;line-height:1}.h2{font-family:var(--font-ui);margin:0;font-size:18px;font-weight:700}.h3{font-family:var(--font-ui);margin:0;font-size:15px;font-weight:700}.ui{font-family:var(--font-ui);font-weight:600}.lead{color:var(--af-gray-700);margin:0;font-size:16px;line-height:1.55}.meta{color:var(--af-gray-500);font-size:13px;line-height:1.45}.meta--ui{font-family:var(--font-ui);color:var(--af-gray-500);font-size:13px;font-weight:500}.num{font-family:var(--font-display);font-weight:800;line-height:1}.link-u{color:var(--af-navy);text-decoration:underline;-webkit-text-decoration-color:var(--af-orange-deep);text-decoration-color:var(--af-orange-deep);text-underline-offset:3px;font-weight:600}.section{flex-direction:column;gap:10px;padding:22px 20px 0;display:flex}.section--tight{padding-top:16px}.section__head{justify-content:space-between;align-items:center;gap:12px;display:flex}.seeall{min-height:44px;font-family:var(--font-ui);color:var(--af-navy);align-items:center;gap:2px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.card{background:var(--af-white);border:1px solid var(--af-gray-200);border-radius:var(--radius-lg);color:var(--af-navy);flex-direction:column;gap:12px;padding:16px;text-decoration:none;display:flex}.card--flush{gap:0;padding:0;overflow:hidden}.card--warn{border:1.5px solid #f2a865}.panel-dark{background:var(--af-navy);color:var(--af-white);border-radius:var(--radius-lg);border:none;flex-direction:column;gap:14px;padding:16px;text-decoration:none;display:flex}.panel-dark:hover{color:var(--af-white)}.panel-dark .meta,.panel-dark .meta--ui{color:#ffffffbf}.tile-dark{border-radius:var(--radius-md);background:#ffffff12;flex-direction:column;gap:2px;padding:10px 12px;display:flex}.row{border-radius:var(--radius-lg);background:var(--af-white);border:1px solid var(--af-gray-200);color:var(--af-navy);text-align:left;cursor:pointer;align-items:center;gap:12px;width:100%;padding:14px;text-decoration:none;display:flex}.row__icon{border-radius:var(--radius-md);background:var(--af-court-blue-wash);width:44px;height:44px;color:var(--af-court-blue);flex:none;justify-content:center;align-items:center;display:inline-flex}.row__icon--orange{background:var(--af-orange-wash);color:#b34a00}.row__icon--green{color:#157a45;background:#e3f4ea}.row__icon--navy{background:var(--af-navy);color:var(--af-orange)}.row__body{flex-direction:column;flex:1;gap:2px;min-width:0;display:flex}.row__sub{color:var(--af-gray-700);font-size:13.5px;line-height:1.4}.chev{color:var(--af-gray-400);flex:none}.list{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.list--card{border-radius:var(--radius-lg);background:var(--af-white);border:1px solid var(--af-gray-200);overflow:hidden}.list--card>*+*{border-top:1px solid var(--af-gray-200)}.pill{border-radius:var(--radius-pill);height:24px;font-family:var(--font-ui);white-space:nowrap;flex:none;align-items:center;padding:0 9px;font-size:12px;font-weight:700;display:inline-flex}.pill--navy{background:var(--af-navy);color:var(--af-white)}.pill--blue{background:var(--af-court-blue-wash);color:var(--af-court-blue)}.pill--orange{background:var(--af-orange-wash);color:#b34a00}.pill--green{color:#157a45;background:#e3f4ea}.pill--gray{background:var(--af-gray-100);color:var(--af-gray-700)}.pill--danger{color:#a32722;background:#fdeceb}.pill--lg{height:26px;padding:0 10px}.btn{border-radius:var(--radius-pill);min-height:54px;color:var(--af-white);font-family:var(--font-ui);cursor:pointer;transition:background var(--dur-fast) var(--ease-out);padding:0 20px;white-space:normal;text-align:center;background:#c45200;border:none;justify-content:center;align-items:center;gap:8px;min-width:0;padding-block:10px;font-size:18px;font-weight:700;line-height:1.2;text-decoration:none;display:inline-flex}.btn:hover{color:var(--af-white);background:#a84600}.btn:active{transform:translateY(1px)}.btn--navy{background:var(--af-navy)}.btn--navy:hover{background:var(--af-navy-700)}.btn--ghost{background:var(--af-white);border:1.5px solid var(--af-gray-300);color:var(--af-navy)}.btn--ghost:hover{background:var(--af-gray-50);color:var(--af-navy)}.btn--danger{background:var(--af-white);border:1.5px solid var(--af-danger);color:var(--af-danger)}.btn--danger:hover{color:var(--af-danger);background:#fdeceb}.btn--sm{min-height:44px;font-size:15px}.btn--xs{min-height:40px;padding:0 14px;font-size:13.5px}.btn:disabled{background:var(--af-gray-200);color:var(--af-gray-500);cursor:not-allowed}.btn:disabled:active{transform:none}.actionbar{z-index:15;padding:14px 20px calc(14px + env(safe-area-inset-bottom));background:var(--af-white);border-top:1px solid var(--af-gray-200);flex-direction:column;flex:none;gap:10px;display:flex;position:sticky;bottom:0}.field{flex-direction:column;gap:8px;display:flex}.label{font-family:var(--font-ui);font-size:14px;font-weight:600}.input,.select,.textarea{border-radius:var(--radius-md);border:1.5px solid var(--af-gray-400);background:var(--af-white);width:100%;min-height:52px;font-family:var(--font-body);color:var(--af-navy);padding:0 14px;font-size:16px}.textarea{resize:vertical;min-height:92px;padding:14px;line-height:1.5}.select{appearance:none;padding-right:44px}.select-wrap{position:relative}.select-wrap>svg{pointer-events:none;color:var(--af-gray-500);position:absolute;top:16px;right:14px}.input-group{border-radius:var(--radius-md);border:1.5px solid var(--af-gray-400);background:var(--af-white);min-height:52px;display:flex;overflow:hidden}.input-group__prefix{background:var(--af-gray-100);border-right:1px solid var(--af-gray-300);font-family:var(--font-ui);color:var(--af-gray-700);flex:none;align-items:center;padding:0 12px;font-size:15px;font-weight:600;display:flex}.input-group .input{background:0 0;border:none;border-radius:0;flex:1;width:auto;min-width:0;min-height:auto}.choice{border:1.5px solid var(--af-gray-300);background:var(--af-white);min-height:60px;color:var(--af-navy);text-align:left;cursor:pointer;border-radius:14px;align-items:center;gap:12px;width:100%;padding:10px 14px;display:flex}.choice[aria-checked=true],.choice[aria-pressed=true]{border:2px solid var(--af-navy);background:var(--af-navy);color:var(--af-white)}.choice__dot{border-radius:var(--radius-pill);border:2px solid var(--af-gray-400);background:var(--af-white);flex:none;width:20px;height:20px}.choice[aria-checked=true] .choice__dot{border:6px solid var(--af-orange)}.choice__body{flex-direction:column;gap:2px;min-width:0;display:flex}.choice__title{font-family:var(--font-ui);font-size:15px;font-weight:700}.choice__sub{color:var(--af-gray-500);font-size:13px;line-height:1.35}.choice[aria-checked=true] .choice__sub,.choice[aria-pressed=true] .choice__sub{color:#ffffffbf}.segment{border-radius:var(--radius-pill);background:#e9ecf1;grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;padding:4px;display:grid}.segment__btn{border-radius:var(--radius-pill);min-height:44px;font-family:var(--font-ui);color:var(--af-gray-500);cursor:pointer;background:0 0;border:none;font-size:14px;font-weight:600}.segment__btn[aria-pressed=true]{background:var(--af-white);box-shadow:var(--shadow-sm);color:var(--af-navy);font-weight:700}.chips{flex-wrap:wrap;gap:8px;display:flex}.chip{border-radius:var(--radius-pill);border:1.5px solid var(--af-gray-400);background:var(--af-white);min-height:44px;color:var(--af-navy);font-family:var(--font-ui);cursor:pointer;padding:0 16px;font-size:14px;font-weight:600}.chip[aria-pressed=true]{border-color:var(--af-navy);background:var(--af-navy);color:var(--af-white)}.check-row{align-items:flex-start;gap:12px;display:flex}.check-row input[type=checkbox]{width:22px;height:22px;accent-color:var(--af-orange-deep);cursor:pointer;flex:none;margin:1px 0 0}.check-row label{cursor:pointer;font-size:14.5px;line-height:1.5}.otp{grid-template-columns:repeat(6,minmax(0,1fr));gap:8px;display:grid}.otp input{border:1.5px solid var(--af-gray-400);background:var(--af-white);text-align:center;min-width:0;height:60px;font-family:var(--font-display);color:var(--af-navy);border-radius:14px;font-size:30px;font-weight:800}.otp input:focus{border:2px solid var(--af-orange-deep);outline:none;box-shadow:0 0 0 4px #fc71072e}.note{background:var(--af-court-blue-wash);color:var(--af-navy);border-radius:14px;align-items:flex-start;gap:10px;padding:12px 14px;font-size:14px;line-height:1.5;display:flex}.note>svg{color:var(--af-court-blue);flex:none;margin-top:2px}.note--orange{background:var(--af-orange-wash)}.note--orange>svg{color:#b34a00}.note--green{background:#e3f4ea}.note--green>svg{color:#157a45}.note--gray{background:var(--af-gray-100)}.note--gray>svg{color:var(--af-gray-500)}.note--danger{background:#fdeceb}.note--danger>svg{color:#a32722}.pips{grid-auto-columns:1fr;grid-auto-flow:column;gap:4px;display:grid}.pips__pip{border-radius:var(--radius-pill);background:var(--af-gray-200);height:6px}.pips__pip--on{background:var(--af-orange)}.panel-dark .pips__pip{background:#ffffff2e}.panel-dark .pips__pip--on{background:var(--af-orange)}.bar{border-radius:var(--radius-pill);background:var(--af-gray-200);height:8px;overflow:hidden}.bar__fill{border-radius:var(--radius-pill);background:var(--af-orange-deep);height:100%}.hero{background:var(--af-navy);flex:none;position:relative;overflow:hidden}.hero__img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.hero__scrim{position:absolute;inset:0}.hero__content{flex-direction:column;height:100%;display:flex;position:relative}.bottomnav{z-index:30;width:100%;max-width:480px;padding:6px 4px calc(6px + env(safe-area-inset-bottom));background:var(--af-white);border-top:1px solid var(--af-gray-200);grid-template-columns:repeat(5,minmax(0,1fr));display:grid;position:fixed;bottom:0;left:50%;transform:translate(-50%)}.navitem{height:56px;color:var(--af-gray-500);font-family:var(--font-ui);flex-direction:column;justify-content:center;align-items:center;gap:4px;font-size:12px;font-weight:600;text-decoration:none;display:flex;position:relative}.navitem--active{color:var(--af-orange-deep)}.navitem--active .navitem__label{color:var(--af-navy);font-weight:700}.navitem__mark{background:var(--af-orange-deep);border-radius:0 0 3px 3px;width:28px;height:3px;position:absolute;top:-7px}.sheet-backdrop{z-index:40;animation:fade var(--dur) var(--ease-out);background:#0e1e3380;justify-content:center;align-items:flex-end;display:flex;position:fixed;inset:0}.sheet{background:var(--af-white);width:100%;max-width:480px;max-height:86dvh;padding:8px 20px calc(24px + env(safe-area-inset-bottom));animation:slide-up var(--dur-slow) var(--ease-out);border-radius:24px 24px 0 0;flex-direction:column;gap:16px;display:flex;overflow-y:auto}.sheet__grip{border-radius:var(--radius-pill);background:var(--af-gray-300);align-self:center;width:44px;height:5px;margin:6px 0 2px}.shimmer{background:linear-gradient(90deg, var(--af-gray-100) 25%, var(--af-gray-200) 37%, var(--af-gray-100) 63%);background-size:400% 100%;animation:1.4s ease-in-out infinite shimmer;display:block}@keyframes shimmer{0%{background-position:100% 0}to{background-position:0 0}}.toast{left:50%;bottom:calc(96px + env(safe-area-inset-bottom));z-index:50;background:var(--af-navy);width:calc(100% - 40px);max-width:440px;color:var(--af-white);font-family:var(--font-ui);box-shadow:var(--shadow-lg);animation:slide-up var(--dur) var(--ease-out);border-radius:14px;padding:12px 16px;font-size:14px;font-weight:600;position:fixed;transform:translate(-50%)}@keyframes fade{0%{opacity:0}}@keyframes slide-up{0%{opacity:0;transform:translateY(14px)}}@media (prefers-reduced-motion:reduce){*,:before,:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}.stack{flex-direction:column;gap:12px;display:flex}.stack--sm{gap:8px}.stack--lg{gap:20px}.rowflex{align-items:center;gap:10px;display:flex}.between{justify-content:space-between;align-items:center;gap:12px;display:flex}.grid2{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.grid4{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;display:grid}.pad{padding:20px}.truncate{white-space:nowrap;text-overflow:ellipsis;min-width:0;overflow:hidden}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.demo-banner{padding:calc(8px + env(safe-area-inset-top)) 16px 8px;color:#5c4300;font-family:var(--font-ui);background:#fff1c2;flex:none;align-items:flex-start;gap:8px;font-size:12.5px;font-weight:600;line-height:1.4;display:flex}.demo-banner>svg{flex:none;margin-top:1px}
