/* Arif Education plugin - GENERATED from style.css by tools/scope_css.py. Do not edit by hand:
   edit the original file and run the tool again. Every rule is scoped to .arif-edu (the widget wrapper). */
/* 1. Tags inside the widgets start from browser defaults (themes and Elementor change some of them). */
.arif-edu :is(a,img,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,button,input,select,textarea,label,figure,figcaption,blockquote,table,thead,tbody,tr,th,td,video,iframe,section,header,footer,nav,article,aside,span,strong,em,small,b,i,hr,details,summary,form,fieldset,legend,code,main,div,address,pre,abbr,cite,q,mark,time,sup,sub,del,ins,s,u,kbd,caption,tfoot,option,optgroup,output,progress,meter,picture):is(a,img,h1,h2,h3,h4,h5,h6,p,ul,ol,li,dl,dt,dd,button,input,select,textarea,label,figure,figcaption,blockquote,table,thead,tbody,tr,th,td,video,iframe,section,header,footer,nav,article,aside,span,strong,em,small,b,i,hr,details,summary,form,fieldset,legend,code,main,div,address,pre,abbr,cite,q,mark,time,sup,sub,del,ins,s,u,kbd,caption,tfoot,option,optgroup,output,progress,meter,picture) { all: revert; }
/* 2. Text settings a theme may pass down; the website expects browser defaults. */
.arif-edu { box-sizing: border-box; font-weight: 400; font-style: normal; letter-spacing: normal; word-spacing: normal; text-transform: none; text-indent: 0; text-align: left; text-shadow: none; }
/* 3. The original stylesheet, scoped. */
html:has(.arif-edu) { --brand: #0070E4; --brand-700: #005BC0; --brand-deep: #00157E; --brand-50: #EEF5FE; --brand-100: #DCEBFD; --brand-line: #CFE1F8; --brand-grad: linear-gradient(135deg, #0070E4 0%, #00157E 100%); --dark: #000E5C; --ink: var(--brand-deep); --ink-600: #0A2A9E; --accent: var(--brand); --accent-700: var(--brand-700); --accent-50: var(--brand-50); --school: #0062D1; --school-50: #EAF3FE; --school-line: #CBE0FA; --academy: #4338CA; --academy-50: #EFEEFD; --academy-line: #D9D6F8; --fee: #0F766E; --fee-50: #E6F4F2; --fee-line: #C2E3DE; --white: #FFFFFF; --soft: #F5F8FD; --soft-2: #EDF2FA; --text: #46546F; --muted: #5A6785; --border: #E1E8F2; --border-strong: #C3D1E4; --on-dark: #D3DDF8; --on-dark-line: rgba(255, 255, 255, 0.16); --on-dark-accent: #A8CBFF; --error: #B42318; --error-50: #FEF3F2; --error-line: #F4C7C3; --success: #1F6F4A; --success-50: #ECF7F1; --success-line: #BFE3CF; --warn: #7A5418; --warn-50: #FBF6EE; --warn-line: #B7894A; --font: "Inter", "Noto Sans Ethiopic", "Nyala", "Abyssinica SIL", system-ui, -apple-system, "Segoe UI", Roboto, Arial, sans-serif; --fs-display: clamp(2.375rem, 1.3rem + 3.6vw, 4.125rem); --fs-h1: clamp(2.25rem, 1.5rem + 2.4vw, 3.375rem); --fs-h2: clamp(1.875rem, 1.4rem + 1.5vw, 2.625rem); --fs-h3: 1.25rem; --fs-lead: clamp(1.0625rem, 1rem + 0.3vw, 1.1875rem); --fs-body: 1.0625rem; --fs-small: 0.875rem; --fs-xs: 0.8125rem; --lh-body: 1.65; --lh-head: 1.12; --s-1: 4px; --s-2: 8px; --s-3: 12px; --s-4: 16px; --s-5: 24px; --s-6: 32px; --s-7: 48px; --s-8: 64px; --s-9: 96px; --gutter: clamp(16px, 4vw, 32px); --section: clamp(64px, 4.5rem + 3vw, 120px); --measure: 68ch; --radius-sm: 8px; --radius: 12px; --radius-lg: 20px; --radius-xl: 28px; --radius-pill: 999px; --shadow-sm: 0 1px 2px rgba(0, 21, 126, 0.06); --shadow: 0 1px 2px rgba(0, 21, 126, 0.05), 0 18px 40px -24px rgba(0, 21, 126, 0.32); --shadow-lg: 0 2px 4px rgba(0, 21, 126, 0.04), 0 40px 80px -40px rgba(0, 21, 126, 0.5); --shadow-menu: 0 24px 48px -16px rgba(0, 21, 126, 0.28); --shadow-brand: 0 12px 26px -12px rgba(0, 112, 228, 0.75); --ease: cubic-bezier(.2, .7, .2, 1); --dur: .25s; --header-h: 76px; --chrome: #00157E; --chrome-deep: #000E5C; --on-chrome: #FFFFFF; --on-chrome-soft: #D9E4FF; --on-chrome-muted: #A8CBFF; --chrome-line: rgba(255, 255, 255, .14); --chrome-hover: rgba(255, 255, 255, .10); --chrome-accent: #59AEFF; --focus: 0 0 0 2px var(--white), 0 0 0 4px var(--brand); --p: var(--brand-700); --p-50: var(--brand-50); --p-line: var(--brand-line); --p-dot: var(--brand-grad); color-scheme: light; }
.arif-edu.arif-edu .theme-school { --p: var(--school); --p-50: var(--school-50); --p-line: var(--school-line); --p-dot: var(--school); }
.arif-edu.arif-edu .theme-academy { --p: var(--academy); --p-50: var(--academy-50); --p-line: var(--academy-line); --p-dot: var(--academy); }
.arif-edu.arif-edu .theme-fee { --p: var(--fee); --p-50: var(--fee-50); --p-line: var(--fee-line); --p-dot: var(--fee); }
.arif-edu.arif-edu *,
.arif-edu,
.arif-edu.arif-edu *::before,
.arif-edu::before,
.arif-edu.arif-edu *::after,
.arif-edu::after { box-sizing: border-box; }
.arif-edu.arif-edu [hidden] { display: none !important; }
html:has(.arif-edu) { -webkit-text-size-adjust: 100%; scroll-padding-top: calc(var(--header-h) + 16px); }
.arif-edu.arif-edu { color: var(--text); font-family: var(--font); font-size: var(--fs-body); line-height: var(--lh-body); -webkit-font-smoothing: antialiased; text-rendering: optimizeLegibility; }
body:has(.arif-edu) { margin: 0; background: var(--white); overflow-x: hidden; }
.arif-edu.arif-edu ::selection { background: var(--brand-100); color: var(--ink); }
.arif-edu.arif-edu :lang(am) { --lh-body: 1.8; --lh-head: 1.35; }
.arif-edu.arif-edu img,
.arif-edu.arif-edu svg { max-width: 100%; }
.arif-edu.arif-edu h1,
.arif-edu.arif-edu h2,
.arif-edu.arif-edu h3,
.arif-edu.arif-edu h4 { margin: 0; color: var(--ink); line-height: var(--lh-head); letter-spacing: -0.02em; text-wrap: balance; }
.arif-edu.arif-edu h1 { font-size: var(--fs-h1); font-weight: 700; letter-spacing: -0.032em; }
.arif-edu.arif-edu h2 { font-size: var(--fs-h2); font-weight: 700; letter-spacing: -0.026em; }
.arif-edu.arif-edu h3 { font-size: var(--fs-h3); font-weight: 600; line-height: 1.3; }
.arif-edu.arif-edu p,
.arif-edu.arif-edu ul,
.arif-edu.arif-edu ol,
.arif-edu.arif-edu dl,
.arif-edu.arif-edu figure,
.arif-edu.arif-edu blockquote { margin: 0; }
.arif-edu.arif-edu ul,
.arif-edu.arif-edu ol { padding: 0; }
.arif-edu.arif-edu a { color: var(--accent-700); text-underline-offset: 3px; text-decoration-thickness: 1px; }
.arif-edu.arif-edu a:hover { color: var(--ink); }
.arif-edu.arif-edu :focus-visible { outline: 2px solid var(--brand); outline-offset: 3px; border-radius: 4px; }
.arif-edu.arif-edu button { font: inherit; color: inherit; }
.arif-edu.arif-edu address { font-style: normal; }
.arif-edu.arif-edu strong { color: var(--ink); font-weight: 600; }
.arif-edu.arif-edu .skip-link { position: absolute; inset-inline-start: 16px; top: -60px; z-index: 100; background: var(--ink); color: var(--white); padding: 12px 18px; border-radius: var(--radius); font-weight: 600; text-decoration: none; }
.arif-edu.arif-edu .skip-link:focus { top: 12px; color: var(--white); }
.arif-edu.arif-edu .visually-hidden { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0 0 0 0); white-space: nowrap; border: 0; }
#main:focus { outline: none; }
.arif-edu.arif-edu .grad-text,
.arif-edu.arif-edu .im-grad-text { color: var(--brand-deep); }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
.arif-edu.arif-edu .grad-text,
.arif-edu.arif-edu .im-grad-text { background: var(--brand-grad); -webkit-background-clip: text; background-clip: text; color: transparent; -webkit-box-decoration-break: clone; box-decoration-break: clone; }
}
@media (forced-colors: active) {
.arif-edu.arif-edu .grad-text,
.arif-edu.arif-edu .im-grad-text { background: none; color: CanvasText; }
}
.arif-edu.arif-edu .container { width: 100%; max-width: 1200px; margin-inline: auto; padding-inline: var(--gutter); }
.arif-edu.arif-edu .section { padding-block: var(--section); }
.arif-edu.arif-edu .section--soft { background: var(--soft); border-block: 1px solid var(--border); }
.arif-edu.arif-edu .section--soft + .section--soft,
:is(.e-con, .elementor-section, .elementor-element):has(.arif-edu-root:is(.section--soft)) + :is(.e-con, .elementor-section, .elementor-element) .arif-edu-root:is(.section--soft) { border-top: 0; }
.arif-edu.arif-edu .section--flush-top { padding-top: 0; }
.arif-edu.arif-edu .section--tight { padding-block: clamp(48px, 3rem + 2vw, 80px); }
.arif-edu.arif-edu .stack { display: flex; flex-direction: column; gap: var(--s-4); }
.arif-edu.arif-edu .stack--lg { gap: var(--s-5); }
.arif-edu.arif-edu .split { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 2fr); gap: clamp(32px, 2rem + 3vw, 80px); align-items: start; }
.arif-edu.arif-edu .split--even { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .split > *,
.arif-edu.arif-edu .grid > * { min-width: 0; }
.arif-edu.arif-edu .grid { display: grid; gap: var(--s-5); }
.arif-edu.arif-edu .grid--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .grid--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.arif-edu.arif-edu .grid--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.arif-edu.arif-edu .grid--wide-gap { gap: var(--s-6) var(--s-6); }
.arif-edu.arif-edu .sticky-col { position: sticky; top: calc(var(--header-h) + 32px); }
.arif-edu.arif-edu .eyebrow { display: inline-flex; align-items: center; gap: 8px; align-self: flex-start; margin-bottom: var(--s-4); padding: 5px 12px 5px 10px; border: 1px solid var(--p-line); border-radius: var(--radius-pill); background: var(--p-50); color: var(--p); font-size: var(--fs-xs); font-weight: 600; line-height: 1.4; letter-spacing: .02em; }
.arif-edu.arif-edu .eyebrow::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--p-dot); }
.arif-edu.arif-edu .eyebrow .icon { width: 16px; height: 16px; }
.arif-edu.arif-edu .lead { font-size: var(--fs-lead); line-height: 1.6; }
.arif-edu.arif-edu .small { font-size: var(--fs-small); line-height: 1.55; }
.arif-edu.arif-edu .muted { color: var(--muted); }
.arif-edu.arif-edu .measure { max-width: var(--measure); }
.arif-edu.arif-edu .section-head { max-width: 720px; margin-bottom: clamp(36px, 2rem + 1.5vw, 56px); }
.arif-edu.arif-edu .section-head > * + * { margin-top: var(--s-3); }
.arif-edu.arif-edu .section-head .eyebrow + h2,
.arif-edu.arif-edu .section-head .eyebrow + h1 { margin-top: 0; }
.arif-edu.arif-edu .section-head--center { margin-inline: auto; text-align: center; }
.arif-edu.arif-edu .section-head--center .eyebrow { align-self: center; }
.arif-edu.arif-edu .section-head--row { max-width: none; display: flex; flex-wrap: wrap; justify-content: space-between; align-items: flex-end; gap: var(--s-4) var(--s-6); }
.arif-edu.arif-edu .section-head--row > div { max-width: 720px; }
.arif-edu.arif-edu .section-head--row > * + * { margin-top: 0; }
.arif-edu.arif-edu .prose-block > * + * { margin-top: var(--s-4); }
.arif-edu.arif-edu .stack > .eyebrow { margin-bottom: 0; }
.arif-edu.arif-edu .tbc { display: inline-flex; flex-wrap: wrap; align-items: baseline; gap: 2px 6px; padding: 1px 8px; border: 1px dashed var(--warn-line); border-radius: 6px; background: var(--warn-50); color: var(--warn); font-size: 0.875em; font-weight: 500; line-height: 1.5; }
.arif-edu.arif-edu .tbc::before { content: "To confirm"; font-size: 0.72rem; font-weight: 700; letter-spacing: 0.06em; text-transform: uppercase; }
.arif-edu.arif-edu .band-dark .tbc,
.arif-edu.arif-edu .panel-dark .tbc,
.arif-edu.arif-edu .hero .tbc { background: #1B2A6B; border-color: #C9A76B; color: #F6E2BC; }
.arif-edu.arif-edu .btn { display: inline-flex; align-items: center; justify-content: center; gap: var(--s-2); min-height: 48px; padding: 11px 24px; border-radius: var(--radius); border: 1.5px solid transparent; font-size: 1rem; font-weight: 600; line-height: 1.25; text-align: center; text-decoration: none; cursor: pointer; transition: background-color var(--dur) ease, background-position .45s var(--ease), color var(--dur) ease,
              border-color var(--dur) ease, box-shadow var(--dur) ease, transform var(--dur) var(--ease); }
.arif-edu.arif-edu .btn:hover { transform: translateY(-1px); }
.arif-edu.arif-edu .btn:active { transform: translateY(0); }
.arif-edu.arif-edu .btn:focus-visible { outline: none; box-shadow: var(--focus); }
.arif-edu.arif-edu .btn--lg { min-height: 54px; padding-inline: 28px; }
.arif-edu.arif-edu .btn--sm { min-height: 44px; padding-inline: 18px; font-size: 0.9375rem; }
.arif-edu.arif-edu .btn--primary,
.arif-edu.arif-edu .btn--accent,
.arif-edu.arif-edu .btn--brand { background: var(--brand-grad); background-size: 160% 160%; background-position: 0% 0%; color: var(--white); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .btn--primary:hover,
.arif-edu.arif-edu .btn--accent:hover,
.arif-edu.arif-edu .btn--brand:hover { background-position: 100% 100%; color: var(--white); box-shadow: 0 16px 30px -12px rgba(0, 21, 126, .6); }
.arif-edu.arif-edu .btn--outline { background: var(--white); color: var(--ink); border-color: var(--border-strong); }
.arif-edu.arif-edu .btn--outline:hover { border-color: var(--brand); color: var(--brand-700); background: var(--brand-50); }
.arif-edu.arif-edu .btn--light { background: var(--white); color: var(--brand-deep); box-shadow: 0 12px 26px -14px rgba(0, 6, 40, .55); }
.arif-edu.arif-edu .btn--light:hover { background: var(--brand-50); color: var(--brand-deep); }
.arif-edu.arif-edu .btn--ghost-light { background: rgba(255, 255, 255, .06); color: var(--white); border-color: rgba(255, 255, 255, .55); }
.arif-edu.arif-edu .btn--ghost-light:hover { border-color: var(--white); background: rgba(255, 255, 255, .14); color: var(--white); }
.arif-edu.arif-edu .btn--light:focus-visible,
.arif-edu.arif-edu .btn--ghost-light:focus-visible { box-shadow: 0 0 0 2px var(--brand-deep), 0 0 0 4px var(--white); }
.arif-edu.arif-edu .btn-row { display: flex; flex-wrap: wrap; align-items: center; gap: var(--s-3); }
.arif-edu.arif-edu .text-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; color: var(--p); font-weight: 600; text-decoration: none; }
.arif-edu.arif-edu .text-link:hover { color: var(--ink); text-decoration: underline; }
.arif-edu.arif-edu .text-link .icon--sm { transition: transform var(--dur) var(--ease); }
.arif-edu.arif-edu .text-link:hover .icon--sm { transform: translateX(4px); }
.arif-edu.arif-edu .ext-icon { width: 14px; height: 14px; margin-inline-start: 2px; vertical-align: -1px; }
.arif-edu.arif-edu .link-row { display: flex; flex-wrap: wrap; gap: 4px var(--s-6); }
.arif-edu.arif-edu .icon { width: 24px; height: 24px; flex: none; fill: none; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.arif-edu.arif-edu .icon--sm { width: 18px; height: 18px; stroke-width: 2; }
.arif-edu.arif-edu .icon-tile { width: 48px; height: 48px; flex: none; border-radius: 14px; display: inline-flex; align-items: center; justify-content: center; background: var(--p-50); color: var(--p); transition: background var(--dur) ease, color var(--dur) ease, box-shadow var(--dur) ease; }
.arif-edu.arif-edu .icon-tile--sm { width: 40px; height: 40px; border-radius: 12px; }
.arif-edu.arif-edu .icon-tile--sm .icon { width: 20px; height: 20px; }
.arif-edu.arif-edu .icon-tile--grad { background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .tag { display: inline-flex; align-items: center; gap: 6px; padding: 3px 10px; border-radius: var(--radius-pill); background: var(--p-50); color: var(--ink); font-size: var(--fs-xs); font-weight: 600; line-height: 1.5; white-space: nowrap; }
.arif-edu.arif-edu .tag::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--p); }
.arif-edu.arif-edu .tag-list { display: flex; flex-wrap: wrap; gap: var(--s-2); list-style: none; }
.arif-edu.arif-edu .site-header { position: sticky; top: env(safe-area-inset-top, 0px); z-index: 50; color: var(--on-chrome); background: radial-gradient(520px 140px at 100% 0%, rgba(0, 112, 228, .45), rgba(0, 112, 228, 0) 70%), var(--chrome); border-bottom: 1px solid var(--chrome-line); transition: box-shadow var(--dur) ease, background-color var(--dur) ease; }
@supports (backdrop-filter: blur(8px)) {
.arif-edu.arif-edu .site-header { background: radial-gradient(520px 140px at 100% 0%, rgba(0, 112, 228, .45), rgba(0, 112, 228, 0) 70%), rgba(0, 21, 126, .94); backdrop-filter: saturate(1.4) blur(14px); }
}
.arif-edu.arif-edu .site-header.is-scrolled { box-shadow: 0 12px 32px -18px rgba(0, 8, 50, .75); }
.arif-edu.arif-edu .header-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--s-5); min-height: var(--header-h); }
.arif-edu.arif-edu .site-header :focus-visible { outline-color: var(--white); }
@media (min-width: 1121px) {
.arif-edu.arif-edu .site-header .dropdown :focus-visible { outline-color: var(--brand); }
}
.arif-edu.arif-edu .brand { display: inline-flex; align-items: center; gap: 10px; flex: none; color: var(--on-chrome); text-decoration: none; }
.arif-edu.arif-edu .brand:hover { color: var(--on-chrome); }
.arif-edu.arif-edu .brand-mark { width: 36px; height: 36px; border-radius: 11px; background: var(--white); color: var(--brand); display: inline-flex; align-items: center; justify-content: center; box-shadow: 0 8px 18px -8px rgba(0, 6, 40, .7); transition: transform var(--dur) var(--ease); }
.arif-edu.arif-edu .brand:hover .brand-mark { transform: rotate(-6deg) scale(1.04); }
.arif-edu.arif-edu .brand-mark svg { width: 20px; height: 20px; }
.arif-edu.arif-edu .brand-name { font-size: 1.125rem; font-weight: 700; letter-spacing: -0.015em; }
.arif-edu.arif-edu .main-nav { display: flex; align-items: center; }
.arif-edu.arif-edu .nav-list { display: flex; align-items: center; gap: 2px; list-style: none; }
.arif-edu.arif-edu .nav-link,
.arif-edu.arif-edu .nav-trigger { position: relative; display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 14px; border: 0; border-radius: var(--radius); background: none; cursor: pointer; color: var(--on-chrome-soft); font-size: 0.9375rem; font-weight: 500; text-decoration: none; transition: background-color var(--dur) ease, color var(--dur) ease; }
.arif-edu.arif-edu .nav-link:hover,
.arif-edu.arif-edu .nav-trigger:hover,
.arif-edu.arif-edu .nav-trigger[aria-expanded="true"] { background: var(--chrome-hover); color: var(--on-chrome); }
.arif-edu.arif-edu .nav-link[aria-current="page"],
.arif-edu.arif-edu .nav-trigger.is-current { color: var(--on-chrome); font-weight: 600; }
.arif-edu.arif-edu .nav-link[aria-current="page"]::after,
.arif-edu.arif-edu .nav-trigger.is-current::after { content: ""; position: absolute; left: 14px; right: 14px; bottom: 4px; height: 3px; border-radius: 3px; background: linear-gradient(90deg, var(--chrome-accent), var(--white)); }
.arif-edu.arif-edu .nav-trigger.is-current::after { right: 34px; }
.arif-edu.arif-edu .nav-trigger .icon--sm { transition: transform var(--dur) var(--ease); }
.arif-edu.arif-edu .nav-trigger[aria-expanded="true"] .icon--sm { transform: rotate(180deg); }
.arif-edu.arif-edu .has-dropdown { position: relative; }
.arif-edu.arif-edu .dropdown { position: absolute; top: calc(100% + 12px); inset-inline-start: -12px; width: 380px; padding: var(--s-2); list-style: none; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-menu); }
.arif-edu.arif-edu .dropdown a { display: flex; gap: var(--s-3); padding: var(--s-3); border-radius: var(--radius); text-decoration: none; transition: background-color var(--dur) ease; }
.arif-edu.arif-edu .dropdown a:hover,
.arif-edu.arif-edu .dropdown a:focus-visible { background: var(--soft); }
.arif-edu.arif-edu .dropdown a:hover .icon-tile,
.arif-edu.arif-edu .dropdown a:focus-visible .icon-tile { background: var(--p); color: var(--white); }
.arif-edu.arif-edu .dropdown strong { display: block; font-size: 0.9375rem; }
.arif-edu.arif-edu .dropdown span { display: block; color: var(--muted); font-size: var(--fs-small); line-height: 1.4; }
.arif-edu.arif-edu .dropdown .icon-tile { display: inline-flex; width: 38px; height: 38px; border-radius: 11px; }
.arif-edu.arif-edu .dropdown .icon-tile .icon { width: 18px; height: 18px; }
.arif-edu.arif-edu .header-actions { display: flex; align-items: center; gap: var(--s-3); flex: none; }
.arif-edu.arif-edu .signin-link { display: inline-flex; align-items: center; gap: 6px; min-height: 44px; padding: 0 10px; color: var(--on-chrome-soft); font-size: 0.9375rem; font-weight: 500; text-decoration: none; border-radius: var(--radius); transition: color var(--dur) ease, background-color var(--dur) ease; }
.arif-edu.arif-edu .signin-link:hover { color: var(--on-chrome); background: var(--chrome-hover); }
.arif-edu.arif-edu .site-header .btn--accent { background: var(--white); color: var(--brand-deep); box-shadow: 0 10px 22px -12px rgba(0, 6, 40, .8); }
.arif-edu.arif-edu .site-header .btn--accent:hover { background: var(--brand-50); color: var(--brand-deep); box-shadow: 0 14px 26px -12px rgba(0, 6, 40, .9); }
.arif-edu.arif-edu .site-header .btn--accent::after { background: linear-gradient(110deg, rgba(0, 112, 228, 0) 30%, rgba(0, 112, 228, .16) 50%, rgba(0, 112, 228, 0) 70%); }
.arif-edu.arif-edu .site-header .btn--outline { background: transparent; color: var(--on-chrome); border-color: rgba(255, 255, 255, .45); }
.arif-edu.arif-edu .site-header .btn--outline:hover { background: var(--chrome-hover); border-color: var(--white); color: var(--on-chrome); }
.arif-edu.arif-edu .site-header .btn:focus-visible { box-shadow: 0 0 0 2px var(--chrome), 0 0 0 4px var(--white); }
.arif-edu.arif-edu .menu-toggle { display: none; width: 44px; height: 44px; align-items: center; justify-content: center; border: 1px solid rgba(255, 255, 255, .3); border-radius: var(--radius); background: rgba(255, 255, 255, .06); color: var(--on-chrome); cursor: pointer; transition: background-color var(--dur) ease, border-color var(--dur) ease; }
.arif-edu.arif-edu .menu-toggle:hover,
.arif-edu.arif-edu .menu-toggle[aria-expanded="true"] { background: var(--chrome-hover); border-color: rgba(255, 255, 255, .6); }
.arif-edu.arif-edu .menu-toggle .icon-close,
.arif-edu.arif-edu .menu-toggle[aria-expanded="true"] .icon-open { display: none; }
.arif-edu.arif-edu .menu-toggle[aria-expanded="true"] .icon-close { display: block; }
.arif-edu.arif-edu .nav-extra { display: none; }
.arif-edu.arif-edu .dropdown--compact { width: 240px; }
.arif-edu.arif-edu .dropdown--compact .icon-tile { width: 32px; height: 32px; border-radius: 9px; }
.arif-edu.arif-edu .dropdown--compact a { align-items: center; padding: 8px 10px; }
.arif-edu.arif-edu .header-actions .btn--sm { min-height: 42px; padding-inline: 20px; }
.arif-edu.arif-edu .topbar { background: var(--chrome-deep); color: var(--on-chrome-soft); font-size: var(--fs-xs); border-bottom: 1px solid var(--chrome-line); }
.arif-edu.arif-edu .topbar-inner { display: flex; align-items: center; justify-content: space-between; gap: var(--s-4); min-height: 40px; }
.arif-edu.arif-edu .topbar-address { display: flex; align-items: center; gap: 8px; min-width: 0; }
.arif-edu.arif-edu .topbar-address span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arif-edu.arif-edu .topbar-address .icon { flex: none; color: var(--chrome-accent); }
.arif-edu.arif-edu .topbar-social { display: flex; align-items: center; gap: 4px; flex: none; }
.arif-edu.arif-edu .topbar-social a { display: inline-flex; align-items: center; justify-content: center; width: 32px; height: 32px; border-radius: 50%; color: var(--on-chrome-soft); transition: background-color var(--dur) ease, color var(--dur) ease, transform var(--dur) var(--ease); }
.arif-edu.arif-edu .topbar-social a:hover { background: var(--white); color: var(--brand-deep); transform: translateY(-1px); }
.arif-edu.arif-edu .topbar-social .icon { width: 16px; height: 16px; }
.arif-edu.arif-edu .topbar :focus-visible { outline-color: var(--white); }
.arif-edu.arif-edu .hero { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(56px, 3rem + 4vw, 120px) clamp(80px, 4rem + 5vw, 144px); background: var(--brand-grad); color: var(--white); }
.arif-edu.arif-edu .hero::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(700px 420px at 88% 8%, rgba(255, 255, 255, .20), rgba(255, 255, 255, 0) 60%),
    repeating-radial-gradient(circle at 78% 40%, rgba(255, 255, 255, .07) 0 1px, rgba(255, 255, 255, 0) 1px 64px); }
.arif-edu.arif-edu .hero > .container { position: relative; z-index: 1; }
.arif-edu.arif-edu .hero-grid { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.05fr); gap: clamp(40px, 2rem + 4vw, 88px); align-items: center; }
.arif-edu.arif-edu .hero-grid > * { min-width: 0; }
.arif-edu.arif-edu .hero h1 { margin-bottom: var(--s-5); color: var(--white); font-size: clamp(2.25rem, 1.1rem + 2.6vw, 3.5rem); line-height: 1.04; letter-spacing: -.038em; }
.arif-edu.arif-edu .hero .lead { max-width: 560px; margin-bottom: var(--s-6); color: var(--white); }
.arif-edu.arif-edu .hero .eyebrow { border-color: rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .12); color: var(--white); }
.arif-edu.arif-edu .hero .eyebrow::before { background: var(--white); }
.arif-edu.arif-edu .hero .mock-note { color: var(--white); }
.arif-edu.arif-edu .hero-solutions { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); margin-top: var(--s-7); }
.arif-edu.arif-edu .hero-solutions a { display: flex; flex-direction: column; gap: 2px; height: 100%; padding: 14px 16px; border: 1px solid rgba(255, 255, 255, .28); border-radius: var(--radius); background: rgba(255, 255, 255, .1); color: var(--white); text-decoration: none; transition: background-color var(--dur) ease, border-color var(--dur) ease, transform var(--dur) var(--ease); }
.arif-edu.arif-edu .hero-solutions a:hover { background: rgba(255, 255, 255, .18); border-color: rgba(255, 255, 255, .6); color: var(--white); transform: translateY(-2px); }
.arif-edu.arif-edu .hero-solutions strong { color: var(--white); font-size: 0.9375rem; }
.arif-edu.arif-edu .hero-solutions span { color: var(--white); font-size: var(--fs-xs); line-height: 1.4; }
.arif-edu.arif-edu .page-hero { position: relative; overflow: hidden; isolation: isolate; padding-block: clamp(32px, 1.5rem + 2.5vw, 64px) clamp(56px, 3rem + 3.5vw, 112px); background: radial-gradient(900px 480px at 92% 0%, var(--brand-100), rgba(220, 235, 253, 0) 65%), linear-gradient(180deg, var(--white), var(--soft)); border-bottom: 1px solid var(--border); }
.arif-edu.arif-edu .page-hero::after { content: ""; position: absolute; z-index: -1; pointer-events: none; top: 50%; right: -140px; width: 560px; height: 560px; transform: translateY(-50%); border-radius: 50%; background: repeating-radial-gradient(circle, rgba(0, 112, 228, .12) 0 1px, rgba(0, 112, 228, 0) 1px 46px); -webkit-mask-image: radial-gradient(circle, #000 25%, transparent 70%); mask-image: radial-gradient(circle, #000 25%, transparent 70%); }
.arif-edu.arif-edu .page-hero h1 { max-width: 860px; margin-bottom: var(--s-5); }
.arif-edu.arif-edu .page-hero .lead { max-width: 680px; }
.arif-edu.arif-edu .page-hero .meta-line { margin-top: var(--s-4); }
.arif-edu.arif-edu .page-hero--product { background: radial-gradient(900px 520px at 85% 10%, var(--brand-100), rgba(220, 235, 253, 0) 65%), var(--white); }
.arif-edu.arif-edu .page-hero--product::after { display: none; }
.arif-edu.arif-edu .page-hero--product h1 { font-size: clamp(2.25rem, 1.3rem + 2.2vw, 3.25rem); line-height: 1.06; }
.arif-edu.arif-edu .page-hero--product .lead { margin-bottom: var(--s-6); }
.arif-edu.arif-edu .page-hero--product .hero-grid { grid-template-columns: minmax(0, 1fr) minmax(0, 1.1fr); }
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child { position: relative; isolation: isolate; }
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child::before { content: ""; position: absolute; z-index: -1; inset: -24px -24px 84px 56px; border-radius: var(--radius-xl); background: var(--brand-grad); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child:has(> .flow)::before { bottom: 28px; }
.arif-edu.arif-edu .breadcrumb { display: flex; flex-wrap: wrap; gap: 6px; list-style: none; margin-bottom: var(--s-6); color: var(--muted); font-size: var(--fs-small); }
.arif-edu.arif-edu .breadcrumb li + li::before { content: "/"; margin-inline-end: 6px; color: var(--border-strong); }
.arif-edu.arif-edu .breadcrumb a { display: inline-block; padding-block: 4px; color: var(--muted); }
.arif-edu.arif-edu .breadcrumb a:hover { color: var(--ink); }
.arif-edu.arif-edu .breadcrumb [aria-current] { color: var(--ink); font-weight: 500; }
.arif-edu.arif-edu .mock-stage { position: relative; padding-top: 52px; }
.arif-edu.arif-edu .mock-ghost { position: absolute; height: 60px; border: 1px solid var(--border); border-bottom: 0; border-radius: var(--radius) var(--radius) 0 0; background: var(--white); display: flex; align-items: flex-start; gap: 8px; padding: 6px 14px 0; font-size: 12px; line-height: 14px; font-weight: 600; color: var(--ink); }
.arif-edu.arif-edu .mock-ghost::before { content: ""; width: 8px; height: 8px; margin-top: 3px; border-radius: 50%; background: var(--p); }
.arif-edu.arif-edu .mock-ghost--1 { top: 0; inset-inline-end: 8%; inset-inline-start: 24%; background: var(--soft-2); }
.arif-edu.arif-edu .mock-ghost--2 { top: 26px; inset-inline-end: 4%; inset-inline-start: 12%; background: var(--white); }
.arif-edu.arif-edu .mock { position: relative; overflow: hidden; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); color: var(--text); font-size: 13px; line-height: 1.4; }
.arif-edu.arif-edu .mock-bar { display: flex; align-items: center; gap: 6px; height: 40px; padding: 0 14px; border-bottom: 1px solid var(--border); }
.arif-edu.arif-edu .mock-bar i { display: block; width: 9px; height: 9px; border-radius: 50%; background: var(--border-strong); }
.arif-edu.arif-edu .mock-title { margin-inline-start: 10px; display: inline-flex; align-items: center; gap: 8px; color: var(--ink); font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arif-edu.arif-edu .mock-title::before { content: ""; width: 8px; height: 8px; border-radius: 50%; background: var(--p); flex: none; }
.arif-edu.arif-edu .mock-body { display: grid; grid-template-columns: 176px minmax(0, 1fr); min-height: 340px; }
.arif-edu.arif-edu .mock-side { display: flex; flex-direction: column; gap: 2px; padding: 14px 10px; border-inline-end: 1px solid var(--border); background: #F8FAFE; }
.arif-edu.arif-edu .ms-label { padding: 6px 10px 6px; color: var(--muted); font-size: 10.5px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.arif-edu.arif-edu .ms-item { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border-radius: 6px; font-weight: 500; }
.arif-edu.arif-edu .ms-item .icon { width: 16px; height: 16px; }
.arif-edu.arif-edu .ms-item.is-active { background: var(--p-50); color: var(--ink); font-weight: 600; }
.arif-edu.arif-edu .ms-item.is-active .icon { color: var(--p); }
.arif-edu.arif-edu .mock-main { display: flex; flex-direction: column; gap: 14px; min-width: 0; padding: 18px 20px; }
.arif-edu.arif-edu .mm-head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
.arif-edu.arif-edu .mm-head strong { font-size: 15px; }
.arif-edu.arif-edu .mm-chip { padding: 3px 10px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--soft); color: var(--muted); font-size: 11px; white-space: nowrap; }
.arif-edu.arif-edu .mm-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.arif-edu.arif-edu .mm-kpi { padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; min-width: 0; background: linear-gradient(180deg, var(--white), var(--soft)); }
.arif-edu.arif-edu .mm-kpi span { display: block; color: var(--muted); font-size: 11px; }
.arif-edu.arif-edu .mm-kpi b { display: block; margin-top: 4px; color: var(--ink); font-size: 18px; font-variant-numeric: tabular-nums; }
.arif-edu.arif-edu .mm-kpi em { color: var(--p); font-size: 11px; font-style: normal; }
.arif-edu.arif-edu .mm-table { overflow: hidden; border: 1px solid var(--border); border-radius: 8px; }
.arif-edu.arif-edu .mm-row { display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr) 84px; gap: 10px; align-items: center; padding: 9px 12px; border-top: 1px solid var(--border); font-variant-numeric: tabular-nums; }
.arif-edu.arif-edu .mm-row > * { min-width: 0; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.arif-edu.arif-edu .mm-row:first-child { border-top: 0; background: var(--soft); color: var(--muted); font-size: 10.5px; font-weight: 600; letter-spacing: .05em; text-transform: uppercase; }
.arif-edu.arif-edu .mm-row b { color: var(--ink); font-weight: 600; }
.arif-edu.arif-edu .bar { height: 6px; overflow: hidden; border-radius: 3px; background: var(--border); }
.arif-edu.arif-edu .bar > i { display: block; height: 100%; border-radius: 3px; background: var(--brand-grad); }
.arif-edu.arif-edu .pill { display: inline-flex; justify-content: center; padding: 3px 8px; border-radius: var(--radius-pill); font-size: 11px; font-weight: 600; white-space: nowrap; }
.arif-edu.arif-edu .pill--ok { background: var(--success-50); color: var(--success); }
.arif-edu.arif-edu .pill--wait { background: #FFF6E5; color: #7A5000; }
.arif-edu.arif-edu .pill--info { background: var(--p-50); color: var(--ink); }
.arif-edu.arif-edu .mock-lab { display: flex; align-items: center; justify-content: center; gap: 28px; aspect-ratio: 16 / 7; border: 1px solid var(--border); border-radius: 8px; background: var(--p-50); color: var(--p); }
.arif-edu.arif-edu .mock-lab svg { width: 140px; height: 104px; }
.arif-edu.arif-edu .mock-lab ul { list-style: none; display: grid; gap: 8px; color: var(--text); font-size: 12px; }
.arif-edu.arif-edu .mock-lab li { display: flex; align-items: center; gap: 8px; }
.arif-edu.arif-edu .mock-lab li i { width: 10px; height: 10px; border-radius: 50%; background: var(--border-strong); }
.arif-edu.arif-edu .mock-lab li.is-on i { background: var(--p); }
.arif-edu.arif-edu .mock-float { position: absolute; inset-inline-end: -16px; bottom: -28px; width: 236px; padding: 14px; background: var(--white); border: 1px solid var(--border); border-radius: 10px; box-shadow: var(--shadow-menu); font-size: 12.5px; }
.arif-edu.arif-edu .mf-app { display: flex; align-items: center; gap: 6px; margin-bottom: 8px; color: var(--muted); font-size: 11px; font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.arif-edu.arif-edu .mf-app::before { content: ""; width: 7px; height: 7px; border-radius: 50%; background: var(--fee); }
.arif-edu.arif-edu .mock-float strong { display: block; font-size: 13px; }
.arif-edu.arif-edu .mock-float p { margin: 2px 0 10px; color: var(--muted); }
.arif-edu.arif-edu .mock-note { display: flex; align-items: flex-start; gap: 6px; margin-top: var(--s-4); color: var(--muted); font-size: var(--fs-xs); line-height: 1.45; }
.arif-edu.arif-edu .mock-note .icon { width: 15px; height: 15px; margin-top: 1px; }
.arif-edu.arif-edu .mock-stage + .mock-note--float { margin-top: 44px; }
.arif-edu.arif-edu .card,
.arif-edu.arif-edu .workflow,
.arif-edu.arif-edu .benefit-col,
.arif-edu.arif-edu .facts,
.arif-edu.arif-edu .row-list,
.arif-edu.arif-edu .callout,
.arif-edu.arif-edu .form-card { background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.arif-edu.arif-edu .card,
.arif-edu.arif-edu .workflow { transition: border-color var(--dur) ease, box-shadow .3s ease, transform .3s var(--ease); }
.arif-edu.arif-edu .card:hover,
.arif-edu.arif-edu .workflow:hover { border-color: var(--p-line); box-shadow: var(--shadow); transform: translateY(-3px); }
.arif-edu.arif-edu .solution-row { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(32px, 2rem + 3vw, 88px); align-items: center; }
.arif-edu.arif-edu .solution-row + .solution-row { margin-top: clamp(64px, 4rem + 2vw, 112px); padding-top: clamp(64px, 4rem + 2vw, 112px); border-top: 1px solid var(--border); }
.arif-edu.arif-edu .solution-row > * { min-width: 0; }
.arif-edu.arif-edu .solution-row--flip > :first-child { order: 2; }
.arif-edu.arif-edu .solution-row h3 { margin-bottom: var(--s-3); font-size: clamp(1.75rem, 1.3rem + 1.3vw, 2.375rem); font-weight: 700; letter-spacing: -0.028em; }
.arif-edu.arif-edu .solution-row .lead { margin-bottom: var(--s-5); }
.arif-edu.arif-edu .solution-head { display: flex; align-items: center; gap: var(--s-3); margin-bottom: var(--s-4); }
.arif-edu.arif-edu .solution-head .eyebrow { margin: 0; }
.arif-edu.arif-edu .solution-row .mock { transition: transform .4s var(--ease), box-shadow .4s ease; }
.arif-edu.arif-edu .solution-row:hover .mock { transform: translateY(-4px); box-shadow: 0 50px 90px -40px rgba(0, 21, 126, .55); }
.arif-edu.arif-edu .check-list { display: grid; gap: var(--s-3); list-style: none; margin-bottom: var(--s-6); }
.arif-edu.arif-edu .check-list li { display: flex; align-items: flex-start; gap: var(--s-3); }
.arif-edu.arif-edu .check-list .icon { width: 22px; height: 22px; margin-top: 2px; padding: 4px; border-radius: 50%; background: var(--p-50); color: var(--p); stroke-width: 2.6; }
.arif-edu.arif-edu .check-list--2 { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3) var(--s-6); }
.arif-edu.arif-edu .workflows { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); }
.arif-edu.arif-edu .workflow { position: relative; overflow: hidden; display: flex; flex-direction: column; gap: var(--s-3); padding: clamp(24px, 1.2rem + 1vw, 36px); }
.arif-edu.arif-edu .workflow::before { content: ""; position: absolute; top: 0; left: 0; right: 0; height: 3px; background: var(--brand-grad); transform: scaleX(0); transform-origin: left; transition: transform .4s var(--ease); }
.arif-edu.arif-edu .workflow:hover::before { transform: scaleX(1); }
.arif-edu.arif-edu .workflow h3 { font-size: 1.25rem; }
.arif-edu.arif-edu .workflow .tag { align-self: flex-start; }
.arif-edu.arif-edu .workflow dl { display: grid; gap: var(--s-3); padding-top: var(--s-4); border-top: 1px solid var(--border); }
.arif-edu.arif-edu .workflow dt { color: var(--muted); font-size: var(--fs-xs); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.arif-edu.arif-edu .workflow dd { margin: 2px 0 0; font-size: 1rem; }
.arif-edu.arif-edu .workflow .text-link { margin-top: auto; }
.arif-edu.arif-edu .band-dark { position: relative; isolation: isolate; overflow: hidden; background: var(--dark); color: var(--on-dark); }
.arif-edu.arif-edu .band-dark::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(700px 500px at 0% 0%, rgba(0, 112, 228, .35), rgba(0, 112, 228, 0) 65%), radial-gradient(600px 400px at 100% 100%, rgba(0, 112, 228, .22), rgba(0, 112, 228, 0) 70%); }
.arif-edu.arif-edu .band-dark h2,
.arif-edu.arif-edu .band-dark h3,
.arif-edu.arif-edu .band-dark strong { color: var(--white); }
.arif-edu.arif-edu .band-dark .lead { color: var(--on-dark); }
.arif-edu.arif-edu .band-dark .eyebrow,
.arif-edu.arif-edu .panel-dark .eyebrow { border-color: rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .08); color: var(--white); }
.arif-edu.arif-edu .band-dark .eyebrow::before,
.arif-edu.arif-edu .panel-dark .eyebrow::before { background: var(--on-dark-accent); }
.arif-edu.arif-edu .audience-list { list-style: none; display: grid; gap: 10px; }
.arif-edu.arif-edu .audience-list a { display: grid; grid-template-columns: 180px minmax(0, 1fr) 40px; gap: 6px 28px; align-items: center; padding: 20px 22px; border: 1px solid var(--on-dark-line); border-radius: var(--radius-lg); background: rgba(255, 255, 255, .04); color: var(--on-dark); text-decoration: none; transition: background-color var(--dur) ease, border-color var(--dur) ease, transform var(--dur) var(--ease); }
.arif-edu.arif-edu .audience-list a:hover { background: rgba(255, 255, 255, .09); border-color: rgba(255, 255, 255, .35); color: var(--white); transform: translateX(4px); }
.arif-edu.arif-edu .audience-list strong { font-size: 1.125rem; }
.arif-edu.arif-edu .audience-list .icon { width: 40px; height: 40px; padding: 10px; border-radius: 50%; background: rgba(255, 255, 255, .1); color: var(--white); transition: background var(--dur) ease; }
.arif-edu.arif-edu .audience-list a:hover .icon { background: var(--brand); }
.arif-edu.arif-edu .audience-list .products { display: block; margin-top: 4px; color: var(--on-dark-accent); font-size: var(--fs-xs); font-weight: 600; letter-spacing: .04em; }
.arif-edu.arif-edu .steps { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-6); list-style: none; counter-reset: step; }
.arif-edu.arif-edu .steps--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); }
.arif-edu.arif-edu .step { position: relative; counter-increment: step; }
.arif-edu.arif-edu .step::before { content: counter(step); position: relative; z-index: 1; display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 20px; border-radius: 50%; background: var(--brand-grad); color: var(--white); font-size: 1rem; font-weight: 700; font-variant-numeric: tabular-nums; box-shadow: 0 0 0 6px var(--step-ring, var(--white)), var(--shadow-brand); }
.arif-edu.arif-edu .section--soft .step { --step-ring: var(--soft); }
.arif-edu.arif-edu .steps:not(.steps--stacked) .step:not(:last-child)::after { content: ""; position: absolute; top: 22px; left: 46px; right: calc(-1 * var(--s-6)); height: 2px; background: linear-gradient(90deg, var(--brand), var(--brand-line)); }
.arif-edu.arif-edu .step h3 { margin-bottom: var(--s-2); }
.arif-edu.arif-edu .step p { font-size: 1rem; }
.arif-edu.arif-edu .steps--stacked { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); }
.arif-edu.arif-edu .steps--stacked .step { min-height: 46px; padding-inline-start: 70px; }
.arif-edu.arif-edu .steps--stacked .step::before { position: absolute; left: 0; top: -4px; margin: 0; }
.arif-edu.arif-edu .steps--stacked .step:not(:last-child)::after { content: ""; position: absolute; left: 22px; top: 46px; bottom: calc(-1 * var(--s-6)); width: 2px; background: linear-gradient(180deg, var(--brand), var(--brand-line)); }
.arif-edu.arif-edu .card { padding: clamp(24px, 1.2rem + 1vw, 32px); }
.arif-edu.arif-edu .card--soft { background: var(--soft); }
.arif-edu.arif-edu .card h3 { margin-bottom: var(--s-2); }
.arif-edu.arif-edu .card > .icon { margin-bottom: var(--s-4); color: var(--p); }
.arif-edu.arif-edu .card p { font-size: 1rem; }
.arif-edu.arif-edu .card-stack { display: flex; flex-direction: column; gap: var(--s-3); }
.arif-edu.arif-edu .card-stack .btn-row,
.arif-edu.arif-edu .card-stack > .btn { margin-top: auto; padding-top: var(--s-3); }
.arif-edu.arif-edu .card-stack .eyebrow { margin-bottom: 0; }
.arif-edu.arif-edu .card--feature { border-color: transparent; background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .card--feature h3,
.arif-edu.arif-edu .card--feature strong,
.arif-edu.arif-edu .card--feature p { color: var(--white); }
.arif-edu.arif-edu .card--feature .eyebrow { border-color: rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .12); color: var(--white); }
.arif-edu.arif-edu .card--feature .eyebrow::before { background: var(--white); }
.arif-edu.arif-edu .card--feature .tbc { background: #1B2A6B; border-color: #C9A76B; color: #F6E2BC; }
.arif-edu.arif-edu .card--feature:hover { border-color: transparent; }
.arif-edu.arif-edu .role-strip { gap: 0; overflow: hidden; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); }
.arif-edu.arif-edu .role-strip > .card { border: 0; border-radius: 0; background: transparent; }
.arif-edu.arif-edu .role-strip > .card + .card { border-inline-start: 1px solid var(--border); }
.arif-edu.arif-edu .role-strip > .card:hover { transform: none; box-shadow: none; background: var(--soft); }
.arif-edu.arif-edu .role-strip > .card::before { content: ""; display: block; width: 36px; height: 4px; margin-bottom: 20px; border-radius: 4px; background: var(--brand-grad); transition: width .35s var(--ease); }
.arif-edu.arif-edu .role-strip > .card:hover::before { width: 64px; }
.arif-edu.arif-edu .method-list { grid-template-columns: minmax(0, 1fr); gap: var(--s-3); }
.arif-edu.arif-edu .method-list > .card { display: grid; grid-template-columns: 48px minmax(0, 180px) minmax(0, 1fr); gap: 8px 20px; align-items: center; padding: 18px 22px; }
.arif-edu.arif-edu .method-list > .card h3 { margin: 0; }
.arif-edu.arif-edu .features { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-3) var(--s-5); }
.arif-edu.arif-edu .feature { display: flex; gap: var(--s-4); padding: 20px; border: 1px solid transparent; border-radius: var(--radius-lg); transition: background-color var(--dur) ease, border-color var(--dur) ease, box-shadow var(--dur) ease; }
.arif-edu.arif-edu .feature:hover { background: var(--white); border-color: var(--border); box-shadow: var(--shadow); }
.arif-edu.arif-edu .feature > .icon { width: 46px; height: 46px; padding: 11px; border-radius: 14px; background: var(--p-50); color: var(--p); transition: background var(--dur) ease, color var(--dur) ease; }
.arif-edu.arif-edu .feature:hover > .icon { background: var(--brand-grad); color: var(--white); }
.arif-edu.arif-edu .feature h3 { margin-bottom: 4px; font-size: 1.0625rem; }
.arif-edu.arif-edu .feature p { font-size: 1rem; }
.arif-edu.arif-edu .cell-grid { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-4); }
.arif-edu.arif-edu .cell-grid > * { min-width: 0; padding: 32px 28px; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); transition: border-color var(--dur) ease, box-shadow .3s ease, transform .3s var(--ease); }
.arif-edu.arif-edu .cell-grid > :hover { border-color: var(--p-line); box-shadow: var(--shadow); transform: translateY(-3px); }
.arif-edu.arif-edu .cell-grid .icon { width: 52px; height: 52px; margin-bottom: 20px; padding: 13px; border-radius: 15px; background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .cell-grid h3 { margin-bottom: var(--s-2); }
.arif-edu.arif-edu .cell-grid p { font-size: 1rem; }
.arif-edu.arif-edu .callout { display: flex; gap: var(--s-4); padding: var(--s-5); background: linear-gradient(135deg, var(--p-50), var(--white) 70%); border-color: var(--p-line); }
.arif-edu.arif-edu .callout > .icon { margin-top: 2px; color: var(--p); }
.arif-edu.arif-edu .callout strong { display: block; margin-bottom: 4px; }
.arif-edu.arif-edu .callout p { font-size: 1rem; }
.arif-edu.arif-edu .callout .text-link { margin-top: 4px; }
.arif-edu.arif-edu .panel-dark { position: relative; isolation: isolate; overflow: hidden; display: grid; grid-template-columns: minmax(0, 1.4fr) minmax(0, 1fr); gap: var(--s-7); align-items: center; padding: clamp(28px, 1.5rem + 3vw, 72px); border-radius: var(--radius-xl); background: var(--dark); color: var(--on-dark); }
.arif-edu.arif-edu .panel-dark::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(600px 420px at 100% 0%, rgba(0, 112, 228, .5), rgba(0, 112, 228, 0) 65%), repeating-radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .05) 0 1px, rgba(255, 255, 255, 0) 1px 48px); }
.arif-edu.arif-edu .panel-dark h2 { margin-bottom: var(--s-3); color: var(--white); font-size: clamp(1.625rem, 1.2rem + 1.4vw, 2.375rem); }
.arif-edu.arif-edu .school-cluster { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-3); }
.arif-edu.arif-edu .school-cluster > div { color: var(--on-dark-accent); display: flex; align-items: center; justify-content: center; height: 88px; border: 1px solid var(--on-dark-line); border-radius: var(--radius); background: rgba(255, 255, 255, .05); }
.arif-edu.arif-edu .school-cluster > div:last-child { grid-column: 1 / -1; height: 52px; background: var(--brand-grad); border-color: transparent; color: var(--white); font-size: 0.9375rem; font-weight: 600; box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .flow { display: grid; grid-template-columns: minmax(0, 1fr) 28px minmax(0, 0.9fr) 28px minmax(0, 0.9fr); gap: var(--s-3); align-items: center; padding: clamp(20px, 1rem + 1.5vw, 32px); background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .flow > * { min-width: 0; }
.arif-edu.arif-edu .flow-label { margin-bottom: var(--s-2); color: var(--muted); font-size: 12px; font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.arif-edu.arif-edu .flow-opts { display: grid; gap: var(--s-2); list-style: none; }
.arif-edu.arif-edu .flow-opts li { display: flex; align-items: center; gap: 10px; padding: 11px 12px; background: var(--soft); border: 1px solid var(--border); border-radius: 10px; color: var(--ink); font-size: 0.9375rem; font-weight: 600; }
.arif-edu.arif-edu .flow-opts .icon { width: 18px; height: 18px; color: var(--p); }
.arif-edu.arif-edu .flow-arrow { display: flex; justify-content: center; color: var(--brand); }
.arif-edu.arif-edu .flow-node { padding: 22px 14px; border-radius: var(--radius); text-align: center; }
.arif-edu.arif-edu .flow-node strong { display: block; margin-top: var(--s-2); font-size: 1.0625rem; }
.arif-edu.arif-edu .flow-node span { display: block; margin-top: 2px; font-size: var(--fs-xs); line-height: 1.4; }
.arif-edu.arif-edu .flow-node--dark { background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .flow-node--dark strong,
.arif-edu.arif-edu .flow-node--dark .icon { color: var(--white); }
.arif-edu.arif-edu .flow-node--light { background: var(--white); border: 1.5px solid var(--p-line); }
.arif-edu.arif-edu .flow-node--light .icon { color: var(--p); }
.arif-edu.arif-edu .benefit-col { padding: clamp(24px, 1.2rem + 1vw, 36px); }
.arif-edu.arif-edu .benefit-col h3 { padding-bottom: 16px; margin-bottom: 4px; background: var(--brand-grad) left bottom / 48px 3px no-repeat; font-size: 1.375rem; }
.arif-edu.arif-edu .line-list { list-style: none; border-top: 1px solid var(--border); }
.arif-edu.arif-edu .benefit-col .line-list { border-top: 0; }
.arif-edu.arif-edu .line-list li { display: flex; gap: var(--s-3); padding: 14px 0; border-bottom: 1px solid var(--border); }
.arif-edu.arif-edu .line-list li:last-child { border-bottom: 0; }
.arif-edu.arif-edu .line-list .icon { width: 22px; height: 22px; margin-top: 2px; padding: 4px; border-radius: 50%; background: var(--p-50); color: var(--p); stroke-width: 2.6; }
.arif-edu.arif-edu .facts { padding: 6px 28px; box-shadow: var(--shadow-sm); }
.arif-edu.arif-edu .facts > div { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 4px var(--s-4); padding: 18px 0; border-top: 1px solid var(--border); }
.arif-edu.arif-edu .facts > div:first-child { border-top: 0; }
.arif-edu.arif-edu .facts dt { color: var(--muted); font-size: 0.9375rem; }
.arif-edu.arif-edu .facts dd { margin: 0; color: var(--ink); font-weight: 600; text-align: end; }
.arif-edu.arif-edu .statements { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-5); }
.arif-edu.arif-edu .statements > div { display: flex; flex-direction: column; padding: clamp(28px, 1.5rem + 1.5vw, 48px); border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--white); }
.arif-edu.arif-edu .statements > div + div { border-color: transparent; background: var(--brand-grad); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .statements > div + div .statement { color: var(--white); }
.arif-edu.arif-edu .statements > div + div .eyebrow { border-color: rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .12); color: var(--white); }
.arif-edu.arif-edu .statements > div + div .eyebrow::before { background: var(--white); }
.arif-edu.arif-edu .statement { color: var(--ink); font-size: clamp(1.3125rem, 1.1rem + .8vw, 1.75rem); font-weight: 600; line-height: 1.38; letter-spacing: -0.015em; }
.arif-edu.arif-edu .row-list { list-style: none; padding: 8px; }
.arif-edu.arif-edu .row-list li + li { border-top: 1px solid var(--border); }
.arif-edu.arif-edu .row-list a { display: grid; grid-template-columns: 48px 200px minmax(0, 1fr) auto; gap: 8px 24px; align-items: center; padding: 20px; border-radius: var(--radius); color: var(--text); text-decoration: none; transition: background-color var(--dur) ease; }
.arif-edu.arif-edu .row-list a:hover { background: var(--soft); }
.arif-edu.arif-edu .row-list a:hover .icon-tile { background: var(--p); color: var(--white); }
.arif-edu.arif-edu .row-list strong { font-size: 1.25rem; }
.arif-edu.arif-edu .row-list .go { display: inline-flex; align-items: center; gap: 6px; color: var(--p); font-weight: 600; }
.arif-edu.arif-edu .row-list .go .icon { transition: transform var(--dur) var(--ease); }
.arif-edu.arif-edu .row-list a:hover .go { color: var(--ink); }
.arif-edu.arif-edu .row-list a:hover .go .icon { transform: translateX(4px); }
.arif-edu.arif-edu .faq { display: grid; gap: 12px; }
.arif-edu.arif-edu .faq-item { padding: 0 22px; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); transition: border-color var(--dur) ease, box-shadow var(--dur) ease; }
.arif-edu.arif-edu .faq-item:hover { border-color: var(--border-strong); }
.arif-edu.arif-edu .faq-item:has(button[aria-expanded="true"]) { border-color: var(--brand-line); box-shadow: var(--shadow); }
.arif-edu.arif-edu .faq-q { font-size: 1.0625rem; }
.arif-edu.arif-edu .faq-q button { display: flex; justify-content: space-between; align-items: center; gap: var(--s-4); width: 100%; min-height: 64px; padding: 18px 0; border: 0; background: none; cursor: pointer; color: var(--ink); font-size: 1.0625rem; font-weight: 600; line-height: 1.45; text-align: start; }
.arif-edu.arif-edu .faq-q button:hover { color: var(--brand-700); }
.arif-edu.arif-edu .faq-q button:focus-visible { outline-offset: 4px; }
.arif-edu.arif-edu .faq-icon { position: relative; flex: none; width: 30px; height: 30px; border-radius: 50%; background: var(--brand-50); color: var(--brand-700); transition: background var(--dur) ease, color var(--dur) ease; }
.arif-edu.arif-edu .faq-icon::before,
.arif-edu.arif-edu .faq-icon::after { content: ""; position: absolute; left: 9px; right: 9px; top: 14px; height: 2px; border-radius: 1px; background: currentColor; transition: transform var(--dur) var(--ease); }
.arif-edu.arif-edu .faq-icon::after { transform: rotate(90deg); }
.arif-edu.arif-edu .faq-q button[aria-expanded="true"] .faq-icon { background: var(--brand-grad); color: var(--white); }
.arif-edu.arif-edu .faq-q button[aria-expanded="true"] .faq-icon::after { transform: rotate(0deg); }
.arif-edu.arif-edu .faq-a { padding: 0 48px 22px 0; }
.arif-edu.arif-edu .faq-a > * + * { margin-top: 10px; }
.arif-edu.arif-edu .cta-band { padding-block: clamp(40px, 2rem + 2vw, 72px) clamp(64px, 3rem + 3vw, 112px); }
.arif-edu.arif-edu .section--soft + .cta-band,
:is(.e-con, .elementor-section, .elementor-element):has(.arif-edu-root:is(.section--soft)) + :is(.e-con, .elementor-section, .elementor-element) .arif-edu-root:is(.cta-band) { padding-top: clamp(64px, 3rem + 3vw, 112px); }
.arif-edu.arif-edu .cta-inner { position: relative; isolation: isolate; overflow: hidden; display: flex; flex-wrap: wrap; align-items: center; justify-content: space-between; gap: var(--s-6) var(--s-7); padding: clamp(32px, 1.5rem + 3vw, 72px); border-radius: var(--radius-xl); background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .cta-inner::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(circle at 100% 0%, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 45%), repeating-radial-gradient(circle at 100% 100%, rgba(255, 255, 255, .08) 0 1px, rgba(255, 255, 255, 0) 1px 48px); }
.arif-edu.arif-edu .cta-inner > div:first-child { flex: 1 1 460px; min-width: 0; }
.arif-edu.arif-edu .cta-band h2 { margin-bottom: var(--s-3); color: var(--white); font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.625rem); }
.arif-edu.arif-edu .cta-band .lead { max-width: 580px; color: var(--white); }
.arif-edu.arif-edu .cta-band .btn-row { flex: 0 1 auto; }
.arif-edu.arif-edu .site-footer { position: relative; isolation: isolate; overflow: hidden; padding-top: 72px; color: var(--on-chrome-soft); font-size: 0.9375rem; background: linear-gradient(135deg, var(--chrome) 0%, var(--chrome-deep) 100%); }
.arif-edu.arif-edu .site-footer::before { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: radial-gradient(640px 360px at 0% 0%, rgba(0, 112, 228, .4), rgba(0, 112, 228, 0) 70%), radial-gradient(520px 320px at 100% 100%, rgba(0, 112, 228, .22), rgba(0, 112, 228, 0) 70%); }
.arif-edu.arif-edu .site-footer :focus-visible { outline-color: var(--white); }
.arif-edu.arif-edu .site-footer .theme-school { --p: #59AEFF; }
.arif-edu.arif-edu .site-footer .theme-academy { --p: #A9A3FF; }
.arif-edu.arif-edu .site-footer .theme-fee { --p: #5ED3C2; }
.arif-edu.arif-edu .footer-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) repeat(2, minmax(0, 1fr)) minmax(0, 1.5fr); gap: 40px 48px; padding-bottom: var(--s-7); border-bottom: 1px solid var(--chrome-line); }
.arif-edu.arif-edu .footer-grid > * { min-width: 0; }
.arif-edu.arif-edu .footer-about p { max-width: 320px; margin-top: var(--s-4); color: var(--on-chrome-soft); }
.arif-edu.arif-edu .footer-title { margin-bottom: 14px; color: var(--on-chrome); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.arif-edu.arif-edu .footer-links { display: grid; gap: 2px; list-style: none; }
.arif-edu.arif-edu .footer-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 36px; color: var(--on-chrome-soft); text-decoration: none; transition: color var(--dur) ease, transform var(--dur) var(--ease); }
.arif-edu.arif-edu .footer-links a:hover { color: var(--on-chrome); text-decoration: underline; text-decoration-color: var(--chrome-accent); transform: translateX(2px); }
.arif-edu.arif-edu .footer-links .dot { width: 7px; height: 7px; border-radius: 50%; background: var(--p); }
.arif-edu.arif-edu .footer-contact { display: grid; gap: var(--s-3); }
.arif-edu.arif-edu .footer-contact .label { display: block; color: var(--on-chrome-muted); font-size: var(--fs-xs); }
.arif-edu.arif-edu .footer-contact .value { color: var(--on-chrome); font-weight: 600; }
.arif-edu.arif-edu .footer-bottom { display: flex; flex-wrap: wrap; justify-content: space-between; gap: 12px 24px; padding-block: var(--s-5); color: var(--on-chrome-soft); font-size: var(--fs-small); }
.arif-edu.arif-edu .footer-bottom a { color: var(--on-chrome); }
.arif-edu.arif-edu .footer-bottom a:hover { color: var(--chrome-accent); }
.arif-edu.arif-edu .site-footer .tbc { background: rgba(255, 255, 255, .08); border-color: #C9A76B; color: #F6E2BC; }
.arif-edu.arif-edu .to-top { position: fixed; inset-inline-end: 20px; bottom: calc(20px + env(safe-area-inset-bottom, 0px)); z-index: 40; display: inline-flex; align-items: center; justify-content: center; width: 48px; height: 48px; cursor: pointer; border: 1px solid var(--border); border-radius: 50%; background: var(--white); color: var(--ink); box-shadow: var(--shadow); transition: background-color var(--dur) ease, color var(--dur) ease, transform var(--dur) var(--ease); }
.arif-edu.arif-edu .to-top:hover { background: var(--brand-grad); color: var(--white); border-color: transparent; transform: translateY(-2px); }
.arif-edu.arif-edu .to-top:focus-visible { outline: none; box-shadow: var(--focus); }
.arif-edu.arif-edu .im-label { margin-bottom: 6px; color: var(--muted); font-size: var(--fs-xs); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.arif-edu.arif-edu .im-kicker { margin-bottom: var(--s-3); color: var(--brand-700); font-size: var(--fs-small); font-weight: 600; letter-spacing: .04em; font-variant-numeric: tabular-nums; }
.arif-edu.arif-edu .im-subhead { margin-bottom: var(--s-4); color: var(--ink); font-size: 1.125rem; }
.arif-edu.arif-edu .im-ico { display: grid; place-items: center; flex: none; width: 44px; height: 44px; border-radius: 12px; background: var(--brand-50); color: var(--brand); }
.arif-edu.arif-edu .im-ico .icon { width: 22px; height: 22px; }
.arif-edu.arif-edu .im-ico--grad { width: 52px; height: 52px; border-radius: 14px; background: var(--brand-grad); color: var(--white); }
.arif-edu.arif-edu .im-chips { display: flex; flex-wrap: wrap; gap: 8px; list-style: none; }
.arif-edu.arif-edu .im-chips li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border: 1px solid var(--brand-line); border-radius: var(--radius-pill); background: var(--white); color: var(--ink); font-size: var(--fs-small); font-weight: 600; }
.arif-edu.arif-edu .im-chips .icon { color: var(--brand); }
.arif-edu.arif-edu .im-chips--plain li { padding: 4px 10px; background: var(--brand-50); border-color: transparent; font-size: var(--fs-xs); }
.arif-edu.arif-edu .im-ticks { display: grid; gap: 10px; list-style: none; }
.arif-edu.arif-edu .im-ticks li { display: flex; align-items: flex-start; gap: 10px; color: var(--text); }
.arif-edu.arif-edu .im-ticks .icon { width: 18px; height: 18px; margin-top: 4px; color: var(--brand); stroke-width: 2.2; }
.arif-edu.arif-edu .im-note { display: flex; align-items: flex-start; gap: 10px; padding: 14px 16px; border: 1px dashed var(--border-strong); border-radius: 14px; color: var(--muted); font-size: var(--fs-small); line-height: 1.55; }
.arif-edu.arif-edu .im-note > .icon { width: 20px; height: 20px; margin-top: 1px; color: var(--brand); }
.arif-edu.arif-edu .im-note .text-link { min-height: 0; margin-inline-start: 4px; }
.arif-edu.arif-edu .im-hero { position: relative; overflow: hidden; padding-block: clamp(28px, 1.5rem + 2vw, 48px) clamp(64px, 3rem + 4vw, 120px); background: radial-gradient(900px 480px at 92% 0%, var(--brand-100), rgba(220, 235, 253, 0) 65%), var(--white); border-bottom: 1px solid var(--border); }
.arif-edu.arif-edu .im-hero-grid { display: grid; grid-template-columns: minmax(0, 1.08fr) minmax(0, .92fr); gap: clamp(40px, 2rem + 4vw, 96px); align-items: center; margin-top: clamp(16px, 1rem + 2vw, 48px); }
.arif-edu.arif-edu .im-hero-grid > * { min-width: 0; }
.arif-edu.arif-edu .im-hero h1 { margin-bottom: var(--s-5); font-size: clamp(2.375rem, 1.3rem + 3.6vw, 4.125rem); line-height: 1.03; letter-spacing: -.038em; }
.arif-edu.arif-edu .im-hero .lead { max-width: 560px; margin-bottom: var(--s-6); }
.arif-edu.arif-edu .im-hero-note { margin-top: var(--s-5); color: var(--muted); font-size: var(--fs-small); }
.arif-edu.arif-edu .im-eco { position: relative; isolation: isolate; overflow: hidden; padding: clamp(20px, 1rem + 1.5vw, 36px); border-radius: var(--radius-xl); background: var(--brand-grad); color: var(--white); box-shadow: 0 40px 80px -40px rgba(0, 21, 126, .65); }
.arif-edu.arif-edu .im-eco::before { content: ""; position: absolute; inset: 0; z-index: -1; background: radial-gradient(circle at 85% 10%, rgba(255, 255, 255, .22), rgba(255, 255, 255, 0) 40%), repeating-radial-gradient(circle at 50% 46%, rgba(255, 255, 255, .09) 0 1px, rgba(255, 255, 255, 0) 1px 54px); }
.arif-edu.arif-edu .im-eco-head { display: flex; align-items: center; justify-content: space-between; gap: 12px; margin-bottom: 16px; font-size: var(--fs-small); font-weight: 600; }
.arif-edu.arif-edu .im-eco-badge { padding: 3px 10px; border: 1px solid rgba(255, 255, 255, .4); border-radius: var(--radius-pill); font-size: var(--fs-xs); }
.arif-edu.arif-edu .im-eco-people { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 10px; list-style: none; }
.arif-edu.arif-edu .im-eco-people li { display: flex; align-items: center; gap: 10px; padding: 12px 14px; border: 1px solid rgba(255, 255, 255, .26); border-radius: 14px; background: rgba(255, 255, 255, .1); font-weight: 600; }
.arif-edu.arif-edu .im-eco-people .icon { width: 20px; height: 20px; }
.arif-edu.arif-edu .im-eco-hub { display: flex; align-items: center; gap: 12px; margin: 18px 0; font-size: var(--fs-xs); font-weight: 600; letter-spacing: .08em; text-transform: uppercase; }
.arif-edu.arif-edu .im-eco-hub::before,
.arif-edu.arif-edu .im-eco-hub::after { content: ""; flex: 1; height: 1px; background: linear-gradient(90deg, rgba(255, 255, 255, 0), rgba(255, 255, 255, .7), rgba(255, 255, 255, 0)); }
.arif-edu.arif-edu .im-eco-products { display: grid; gap: 10px; list-style: none; }
.arif-edu.arif-edu .im-eco-products li { display: grid; grid-template-columns: 44px minmax(0, 1fr); column-gap: 14px; align-items: center; padding: 14px 16px; border-radius: 16px; background: var(--white); color: var(--muted); box-shadow: 0 14px 28px -18px rgba(0, 10, 60, .8); font-size: var(--fs-small); }
.arif-edu.arif-edu .im-eco-products li:nth-child(2) { margin-inline-start: 7%; }
.arif-edu.arif-edu .im-eco-products li:nth-child(3) { margin-inline-start: 14%; }
.arif-edu.arif-edu .im-eco-products .im-ico { grid-row: span 2; }
.arif-edu.arif-edu .im-eco-products strong { color: var(--ink); font-size: 1rem; }
.arif-edu.arif-edu .im-audiences { padding-block: var(--section); }
.arif-edu.arif-edu .im-tablist { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; list-style: none; }
.arif-edu.arif-edu .im-tablist > li { min-width: 0; }
.arif-edu.arif-edu .im-tab { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); column-gap: 14px; align-items: center; height: 100%; min-height: 88px; padding: 18px; border: 1.5px solid var(--border); border-radius: var(--radius-lg); background: var(--white); color: var(--muted); text-decoration: none; transition: border-color .2s ease, box-shadow .25s ease, transform .25s var(--ease), background-color .2s ease; -webkit-tap-highlight-color: transparent; }
.arif-edu.arif-edu .im-tab:hover { border-color: var(--brand-line); color: var(--muted); box-shadow: var(--shadow); transform: translateY(-2px); }
.arif-edu.arif-edu .im-tab:focus-visible { outline: none; box-shadow: var(--focus); }
.arif-edu.arif-edu .im-tab-icon { display: grid; place-items: center; grid-row: span 2; width: 48px; height: 48px; border-radius: 14px; background: var(--brand-50); color: var(--brand); transition: background-color .2s ease, color .2s ease; }
.arif-edu.arif-edu .im-tab strong { align-self: end; color: var(--ink); font-size: 1.0625rem; line-height: 1.3; }
.arif-edu.arif-edu .im-tab-desc { align-self: start; font-size: var(--fs-small); line-height: 1.4; }
.arif-edu.arif-edu .im-tab[aria-selected="true"] { border-color: var(--brand-deep); background: var(--brand-grad); box-shadow: 0 20px 40px -20px rgba(0, 21, 126, .7); }
.arif-edu.arif-edu .im-tab[aria-selected="true"]:hover { transform: none; }
.arif-edu.arif-edu .im-tab[aria-selected="true"] strong,
.arif-edu.arif-edu .im-tab[aria-selected="true"] .im-tab-desc { color: var(--white); }
.arif-edu.arif-edu .im-tab[aria-selected="true"] .im-tab-icon { background: rgba(255, 255, 255, .16); color: var(--white); }
.arif-edu.arif-edu .im-tab[aria-selected="true"]::after { content: ""; position: absolute; left: 50%; bottom: -9px; width: 16px; height: 16px; border-radius: 3px; background: #0042B8; transform: translateX(-50%) rotate(45deg); }
.arif-edu.arif-edu .im-tab[aria-selected="true"]:focus-visible { box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--brand-deep); }
.arif-edu.arif-edu .im-panels { margin-top: clamp(28px, 1.5rem + 1.5vw, 48px); }
.arif-edu.arif-edu .im-panel { scroll-margin-top: calc(var(--header-h) + 24px); border-radius: var(--radius-xl); }
.arif-edu.arif-edu .im-panel:focus-visible { outline: 2px solid var(--brand); outline-offset: 8px; }
.arif-edu.arif-edu .im-tabs:not(.is-enhanced) .im-panel + .im-panel { margin-top: var(--s-8); padding-top: var(--s-8); border-top: 1px solid var(--border); border-radius: 0; }
.arif-edu.arif-edu .im-panel.is-entering { animation: arif-im-in .45s var(--ease) both; }
@keyframes arif-im-in { from { opacity: 0; transform: translateY(12px); } }
.arif-edu.arif-edu [id="administrators"],
.arif-edu.arif-edu [id="finance"] { scroll-margin-top: calc(var(--header-h) + 24px); }
.arif-edu.arif-edu .im-intro h3 { margin-bottom: var(--s-4); font-size: clamp(1.75rem, 1.25rem + 1.5vw, 2.5rem); line-height: 1.12; letter-spacing: -.028em; }
.arif-edu.arif-edu .im-intro .lead { margin-bottom: var(--s-5); }
.arif-edu.arif-edu .im-intro--center { max-width: 720px; margin-inline: auto; text-align: center; }
.arif-edu.arif-edu .im-uses { margin-bottom: var(--s-6); }
.arif-edu.arif-edu .im-split { display: grid; grid-template-columns: minmax(0, 5fr) minmax(0, 7fr); gap: var(--s-6) clamp(32px, 2rem + 3vw, 80px); align-items: start; }
.arif-edu.arif-edu .im-split > * { min-width: 0; }
.arif-edu.arif-edu .im-split--even { grid-template-columns: repeat(2, minmax(0, 1fr)); align-items: stretch; }
.arif-edu.arif-edu .im-split .im-intro { position: sticky; top: calc(var(--header-h) + 32px); }
.arif-edu.arif-edu .im-modules { display: grid; gap: 14px; }
.arif-edu.arif-edu .im-module { position: relative; display: grid; grid-template-columns: 52px minmax(0, 1fr); gap: 18px; padding: clamp(20px, 1rem + 1vw, 28px); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--white); scroll-margin-top: calc(var(--header-h) + 24px); transition: border-color .2s ease, box-shadow .25s ease, transform .25s var(--ease); }
.arif-edu.arif-edu .im-module::before { content: ""; position: absolute; top: 20px; bottom: 20px; left: -1px; width: 3px; border-radius: 3px; background: var(--brand-grad); opacity: 0; transition: opacity .2s ease; }
.arif-edu.arif-edu .im-module:hover { border-color: var(--brand-line); box-shadow: var(--shadow); transform: translateY(-2px); }
.arif-edu.arif-edu .im-module:hover::before,
.arif-edu.arif-edu .im-module:target::before { opacity: 1; }
.arif-edu.arif-edu .im-module-icon { display: grid; place-items: center; width: 52px; height: 52px; border-radius: 14px; background: var(--brand-grad); color: var(--white); }
.arif-edu.arif-edu .im-module h4 { margin-bottom: var(--s-3); font-size: 1.25rem; }
.arif-edu.arif-edu .im-module .im-label { color: var(--brand-700); margin-bottom: 2px; }
.arif-edu.arif-edu .im-module .text-link { margin-top: 6px; }
.arif-edu.arif-edu .im-showcase { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr); gap: var(--s-7) clamp(32px, 2rem + 4vw, 96px); align-items: center; }
.arif-edu.arif-edu .im-showcase > * { min-width: 0; }
.arif-edu.arif-edu .im-iconlist { display: grid; gap: 16px; margin-bottom: var(--s-5); list-style: none; }
.arif-edu.arif-edu .im-iconlist li { display: flex; align-items: center; gap: 14px; }
.arif-edu.arif-edu .im-preview { margin: 0; }
.arif-edu.arif-edu .im-window { overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--white); box-shadow: 0 40px 80px -40px rgba(0, 21, 126, .45), 0 0 0 10px var(--brand-50); }
.arif-edu.arif-edu .im-window-bar { display: flex; align-items: center; gap: 6px; padding: 12px 16px; border-bottom: 1px solid var(--border); background: #F7F9FD; }
.arif-edu.arif-edu .im-window-bar > span { width: 9px; height: 9px; border-radius: 50%; background: #CFD9E8; }
.arif-edu.arif-edu .im-window-bar em { margin-inline-start: 10px; color: var(--muted); font-size: var(--fs-xs); font-style: normal; font-weight: 600; }
.arif-edu.arif-edu .im-window-body { padding: clamp(18px, 1rem + 1vw, 28px); }
.arif-edu.arif-edu .im-w-sub { color: var(--muted); font-size: var(--fs-xs); font-weight: 600; letter-spacing: .04em; }
.arif-edu.arif-edu .im-w-title { margin: 4px 0 16px; color: var(--ink); font-size: 1.1875rem; font-weight: 700; }
.arif-edu.arif-edu .im-w-tools { display: flex; flex-wrap: wrap; gap: 6px; margin-bottom: 18px; list-style: none; }
.arif-edu.arif-edu .im-w-tools li { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border-radius: 8px; background: var(--brand-50); color: var(--brand-deep); font-size: var(--fs-xs); font-weight: 600; }
.arif-edu.arif-edu .im-w-tools .icon { width: 15px; height: 15px; color: var(--brand); }
.arif-edu.arif-edu .im-w-rows { list-style: none; border-top: 1px solid var(--border); }
.arif-edu.arif-edu .im-w-rows li { display: flex; justify-content: space-between; align-items: center; gap: 12px; padding: 11px 0; border-bottom: 1px solid var(--border); color: var(--ink); font-size: var(--fs-small); }
.arif-edu.arif-edu .im-w-rows b { padding: 3px 9px; border-radius: var(--radius-pill); background: #EEF1F5; color: var(--muted); font-size: var(--fs-xs); font-weight: 600; white-space: nowrap; }
.arif-edu.arif-edu .im-w-rows b.is-done { background: #E7F5EE; color: #17633F; }
.arif-edu.arif-edu .im-w-rows b.is-progress { background: var(--brand-50); color: var(--brand-700); }
.arif-edu.arif-edu .im-w-bar { height: 8px; margin-top: 18px; border-radius: 8px; background: #EEF1F5; overflow: hidden; }
.arif-edu.arif-edu .im-w-bar span { display: block; width: 45%; height: 100%; border-radius: inherit; background: var(--brand-grad); }
.arif-edu.arif-edu .im-preview figcaption { margin-top: 22px; color: var(--muted); font-size: var(--fs-xs); text-align: center; }
.arif-edu.arif-edu .im-headrow { display: flex; flex-wrap: wrap; align-items: flex-end; justify-content: space-between; gap: var(--s-4) var(--s-7); margin-bottom: var(--s-7); }
.arif-edu.arif-edu .im-headrow .im-intro { flex: 1 1 520px; max-width: 680px; }
.arif-edu.arif-edu .im-headrow .im-intro .lead { margin-bottom: 0; }
.arif-edu.arif-edu .im-path { position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-5); margin-bottom: var(--s-7); list-style: none; }
.arif-edu.arif-edu .im-path::before { content: ""; position: absolute; top: 22px; left: 22px; right: 12%; height: 2px; background: linear-gradient(90deg, var(--brand), var(--brand-line)); }
.arif-edu.arif-edu .im-path li { position: relative; display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.arif-edu.arif-edu .im-step { display: grid; place-items: center; width: 46px; height: 46px; margin-bottom: 10px; border: 4px solid var(--white); border-radius: 50%; background: var(--brand-grad); color: var(--white); font-weight: 700; box-shadow: 0 8px 18px -8px rgba(0, 21, 126, .6); }
.arif-edu.arif-edu .im-path strong { color: var(--ink); font-size: 1.0625rem; }
.arif-edu.arif-edu .im-path li > span:last-child { color: var(--text); font-size: var(--fs-small); }
.arif-edu.arif-edu .im-subjects { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; margin-bottom: var(--s-5); list-style: none; }
.arif-edu.arif-edu .im-subjects li { display: grid; grid-template-columns: 44px minmax(0, 1fr); gap: 4px 14px; align-content: start; padding: 18px; border-radius: var(--radius-lg); background: var(--soft); transition: background-color .2s ease, transform .25s var(--ease); }
.arif-edu.arif-edu .im-subjects li:hover { background: var(--brand-50); transform: translateY(-2px); }
.arif-edu.arif-edu .im-subjects .im-ico { grid-row: span 2; background: var(--white); }
.arif-edu.arif-edu .im-subjects strong { color: var(--ink); }
.arif-edu.arif-edu .im-subjects li > span:last-child { color: var(--text); font-size: var(--fs-small); line-height: 1.5; }
.arif-edu.arif-edu .im-flow { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 44px; margin: var(--s-7) 0; list-style: none; counter-reset: none; }
.arif-edu.arif-edu .im-flow > li { position: relative; display: flex; flex-direction: column; gap: 8px; min-width: 0; padding: 24px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--white); color: var(--text); font-size: var(--fs-small); }
.arif-edu.arif-edu .im-flow > li + li::before { content: ""; position: absolute; top: 50%; left: -34px; width: 24px; height: 24px; transform: translateY(-50%); background: var(--brand); -webkit-mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; mask: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23000' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat; }
.arif-edu.arif-edu .im-flow strong { color: var(--ink); font-size: 1.125rem; }
.arif-edu.arif-edu .im-flow-step { color: var(--brand-700); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.arif-edu.arif-edu .im-flow .im-chips { margin-top: 4px; }
.arif-edu.arif-edu .im-flow .im-chips li { font-size: var(--fs-xs); }
.arif-edu.arif-edu .im-flow > li.is-key { border-color: transparent; background: var(--brand-grad); color: var(--white); box-shadow: 0 24px 48px -24px rgba(0, 21, 126, .7); }
.arif-edu.arif-edu .im-flow > li.is-key strong,
.arif-edu.arif-edu .im-flow > li.is-key .im-flow-step { color: var(--white); }
.arif-edu.arif-edu .im-split--even .im-ticks { margin-bottom: var(--s-4); }
.arif-edu.arif-edu .im-card-soft { padding: clamp(20px, 1rem + 1vw, 28px); border-radius: var(--radius-lg); background: var(--soft); border: 1px solid var(--border); }
.arif-edu.arif-edu .im-card-soft p + p { margin-top: var(--s-3); }
.arif-edu.arif-edu .im-ecosystem { padding-block: var(--section); background: linear-gradient(180deg, var(--brand-50) 0%, #F7FAFE 70%, var(--white) 100%); border-top: 1px solid var(--border); }
.arif-edu.arif-edu .im-rows { display: grid; gap: 14px; margin-bottom: var(--s-5); list-style: none; }
.arif-edu.arif-edu .im-row { display: grid; grid-template-columns: minmax(0, 3fr) minmax(0, 4fr) minmax(0, 2.4fr) auto; gap: var(--s-5) var(--s-6); align-items: center; padding: clamp(20px, 1rem + 1vw, 28px) clamp(20px, 1rem + 1.5vw, 32px); border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--white); transition: border-color .2s ease, box-shadow .25s ease, transform .25s var(--ease); }
.arif-edu.arif-edu .im-row > * { min-width: 0; }
.arif-edu.arif-edu .im-row:hover { border-color: var(--brand-line); box-shadow: var(--shadow); transform: translateY(-2px); }
.arif-edu.arif-edu .im-row-name { display: flex; align-items: center; gap: 16px; }
.arif-edu.arif-edu .im-row h3 { font-size: 1.3125rem; }
.arif-edu.arif-edu .im-row-name p { color: var(--muted); font-size: var(--fs-small); }
.arif-edu.arif-edu .im-row .im-ticks { gap: 6px; font-size: var(--fs-small); }
.arif-edu.arif-edu .im-row .im-ticks .icon { margin-top: 2px; }
@media (max-width: 1024px) {
.arif-edu.arif-edu .im-row { grid-template-columns: minmax(0, 1fr) minmax(0, 1.3fr); }
.arif-edu.arif-edu .im-row-users { grid-column: 1; }
.arif-edu.arif-edu .im-row > .text-link { grid-column: 2; justify-self: start; }
.arif-edu.arif-edu .im-subjects { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 960px) {
.arif-edu.arif-edu .im-hero-grid,
.arif-edu.arif-edu .im-split,
.arif-edu.arif-edu .im-showcase { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .im-split .im-intro { position: static; }
.arif-edu.arif-edu .im-eco { max-width: 560px; }
.arif-edu.arif-edu .im-tablist { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .im-tab[aria-selected="true"]::after { display: none; }
.arif-edu.arif-edu .im-path { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--s-6); }
.arif-edu.arif-edu .im-path::before { display: none; }
.arif-edu.arif-edu .im-flow { grid-template-columns: minmax(0, 1fr); gap: 40px; }
.arif-edu.arif-edu .im-flow > li + li::before { top: -32px; left: 50%; transform: translateX(-50%) rotate(90deg); }
}
@media (max-width: 640px) {
.arif-edu.arif-edu .im-hero .btn-row .btn { width: 100%; }
.arif-edu.arif-edu .im-tab { grid-template-columns: minmax(0, 1fr); row-gap: 10px; align-content: start; padding: 16px; }
.arif-edu.arif-edu .im-tab-icon { grid-row: auto; width: 40px; height: 40px; border-radius: 12px; }
.arif-edu.arif-edu .im-tab strong { align-self: start; }
.arif-edu.arif-edu .im-split--even,
.arif-edu.arif-edu .im-subjects,
.arif-edu.arif-edu .im-path { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .im-eco-products li:nth-child(n) { margin-inline-start: 0; }
.arif-edu.arif-edu .im-row { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .im-row-users,
.arif-edu.arif-edu .im-row > .text-link { grid-column: 1; }
.arif-edu.arif-edu .im-module { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.arif-edu.arif-edu .im-module-icon { width: 44px; height: 44px; border-radius: 12px; }
.arif-edu.arif-edu .im-intro--center { text-align: left; }
}
.arif-edu.arif-edu .contact-grid { display: grid; grid-template-columns: minmax(0, 1.5fr) minmax(0, 1fr); gap: var(--s-7) var(--s-8); align-items: start; }
.arif-edu.arif-edu .contact-grid > * { min-width: 0; }
.arif-edu.arif-edu .form-card { box-shadow: var(--shadow); padding: clamp(24px, 1.2rem + 1.5vw, 40px); background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-xl); }
.arif-edu.arif-edu .form-card h2 { font-size: 1.625rem; }
.arif-edu.arif-edu .form-intro { margin: 6px 0 var(--s-5); }
.arif-edu.arif-edu .form-grid { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 20px var(--s-5); }
.arif-edu.arif-edu .field { display: flex; flex-direction: column; gap: 6px; min-width: 0; }
.arif-edu.arif-edu .field--full { grid-column: 1 / -1; }
.arif-edu.arif-edu .field label,
.arif-edu.arif-edu .field legend { color: var(--ink); font-size: 0.9375rem; font-weight: 600; }
.arif-edu.arif-edu .req { color: var(--error); }
.arif-edu.arif-edu .input { width: 100%; min-height: 48px; padding: 10px 14px; border: 1px solid var(--border-strong); border-radius: var(--radius); background: var(--white); color: var(--ink); font: inherit; font-size: 1rem; }
.arif-edu.arif-edu select.input { appearance: none; padding-inline-end: 40px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='16' height='16' viewBox='0 0 24 24' fill='none' stroke='%23526173' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 14px center; }
.arif-edu.arif-edu textarea.input { min-height: 140px; resize: vertical; line-height: 1.55; }
.arif-edu.arif-edu .input:hover { border-color: #A9B6C3; }
.arif-edu.arif-edu .input:focus { outline: none; border-color: var(--accent); box-shadow: 0 0 0 3px var(--accent-50); }
.arif-edu.arif-edu .input[aria-invalid="true"] { border-color: var(--error); box-shadow: 0 0 0 3px var(--error-50); }
.arif-edu.arif-edu .hint { color: var(--muted); font-size: var(--fs-xs); }
.arif-edu.arif-edu .error-msg { display: flex; gap: 6px; color: var(--error); font-size: var(--fs-small); font-weight: 500; }
.arif-edu.arif-edu .checks { display: flex; flex-direction: row; flex-wrap: wrap; gap: 10px; margin: 0; padding: 0; border: 0; min-width: 0; }
.arif-edu.arif-edu .checks legend { margin-bottom: 10px; padding: 0; }
.arif-edu.arif-edu .check { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px; cursor: pointer; border: 1px solid var(--border-strong); border-radius: var(--radius); color: var(--ink); font-weight: 500; }
.arif-edu.arif-edu .check input { width: 18px; height: 18px; margin: 0; accent-color: var(--accent); }
.arif-edu.arif-edu .check:has(input:checked) { border-color: var(--accent); background: var(--accent-50); }
.arif-edu.arif-edu .check:has(input:focus-visible) { box-shadow: var(--focus); }
.arif-edu.arif-edu .form-foot { display: flex; flex-wrap: wrap; align-items: center; gap: 14px var(--s-5); margin-top: 28px; }
.arif-edu.arif-edu .form-foot p { max-width: 380px; }
.arif-edu.arif-edu .alert { display: flex; gap: var(--s-3); margin-bottom: var(--s-5); padding: 16px 18px; border: 1px solid; border-radius: var(--radius); }
.arif-edu.arif-edu .alert--error { background: var(--error-50); border-color: var(--error-line); color: var(--error); }
.arif-edu.arif-edu .alert--error a { color: var(--error); font-weight: 600; }
.arif-edu.arif-edu .alert--info { background: var(--accent-50); border-color: #C4DCDF; color: var(--ink); }
.arif-edu.arif-edu .alert strong { display: block; color: inherit; }
.arif-edu.arif-edu .alert ul { margin-top: 6px; padding-inline-start: 18px; }
.arif-edu.arif-edu .alert .icon { margin-top: 1px; }
.arif-edu.arif-edu .review-panel:focus { outline: none; }
.arif-edu.arif-edu .review-panel h2 { margin: var(--s-4) 0 var(--s-2); }
.arif-edu.arif-edu .review-list { margin: var(--s-5) 0; padding: 4px 18px; background: var(--soft); border: 1px solid var(--border); border-radius: var(--radius); }
.arif-edu.arif-edu .review-list > div { display: grid; grid-template-columns: 150px minmax(0, 1fr); gap: 4px 16px; padding: 10px 0; border-top: 1px solid var(--border); }
.arif-edu.arif-edu .review-list > div:first-child { border-top: 0; }
.arif-edu.arif-edu .review-list dt { color: var(--muted); font-size: var(--fs-small); }
.arif-edu.arif-edu .review-list dd { margin: 0; color: var(--ink); font-weight: 500; overflow-wrap: anywhere; white-space: pre-line; }
.arif-edu.arif-edu .contact-list { list-style: none; border-top: 1px solid var(--border); }
.arif-edu.arif-edu .contact-list li { display: flex; gap: 14px; padding: 18px 0; border-bottom: 1px solid var(--border); }
.arif-edu.arif-edu .contact-list .icon { margin-top: 2px; color: var(--accent); }
.arif-edu.arif-edu .contact-list .label { display: block; color: var(--muted); font-size: var(--fs-xs); }
.arif-edu.arif-edu .contact-list .value { display: block; color: var(--ink); font-size: 1.0625rem; font-weight: 600; }
.arif-edu.arif-edu .contact-list .value--sm { font-size: 1rem; }
.arif-edu.arif-edu .contact-list .label + .tbc { margin-top: 4px; }
.arif-edu.arif-edu .contact-list .sub { margin-top: 10px; }
.arif-edu.arif-edu .contact-side { display: grid; gap: var(--s-4); }
.arif-edu.arif-edu .contact-side h2 { font-size: 1.375rem; }
.arif-edu.arif-edu .legal { display: grid; grid-template-columns: 240px minmax(0, 1fr); gap: var(--s-8); align-items: start; }
.arif-edu.arif-edu .legal > * { min-width: 0; }
.arif-edu.arif-edu .toc { position: sticky; top: calc(var(--header-h) + 24px); }
.arif-edu.arif-edu .toc ol { list-style: none; border-inline-start: 1px solid var(--border); }
.arif-edu.arif-edu .toc a { display: block; margin-inline-start: -1px; padding: 6px 0 6px 16px; border-inline-start: 2px solid transparent; color: var(--text); font-size: 0.9375rem; text-decoration: none; }
.arif-edu.arif-edu .toc a:hover { border-color: var(--accent); color: var(--ink); }
.arif-edu.arif-edu .prose { max-width: 720px; }
.arif-edu.arif-edu .prose h2 { margin: 48px 0 14px; font-size: 1.5rem; }
.arif-edu.arif-edu .prose h2:first-of-type { margin-top: 0; }
.arif-edu.arif-edu .prose p,
.arif-edu.arif-edu .prose ul { margin-bottom: 14px; }
.arif-edu.arif-edu .prose ul { padding-inline-start: 22px; }
.arif-edu.arif-edu .notice { display: flex; gap: 14px; margin-bottom: 40px; padding: 18px 20px; border: 1px dashed var(--warn-line); border-radius: var(--radius); background: var(--warn-50); color: #6B4A14; }
.arif-edu.arif-edu .notice .icon { color: var(--warn); }
.arif-edu.arif-edu .notice strong { color: #5C3F10; }
.arif-edu.arif-edu .placeholder-text { padding: 12px 16px; border-inline-start: 3px solid var(--warn-line); background: var(--warn-50); color: #6B4A14; font-size: 1rem; }
@media (max-width: 1120px) {
.arif-edu.arif-edu .menu-toggle { display: inline-flex; }
.arif-edu.arif-edu .header-actions .signin-link,
.arif-edu.arif-edu .header-actions .btn { display: none; }
.arif-edu.arif-edu .main-nav { position: absolute; inset-inline: 0; top: 100%; display: none; flex-direction: column; align-items: stretch; max-height: calc(100vh - var(--header-h)); max-height: calc(100dvh - var(--header-h)); overflow-y: auto; padding: 8px var(--gutter) 24px; background: var(--chrome); border-bottom: 1px solid var(--chrome-line); box-shadow: 0 24px 48px -16px rgba(0, 6, 40, .6); }
.arif-edu.arif-edu .main-nav.is-open { display: flex; }
.arif-edu.arif-edu .nav-list { flex-direction: column; align-items: stretch; gap: 0; }
.arif-edu.arif-edu .nav-list > li { border-bottom: 1px solid var(--chrome-line); }
.arif-edu.arif-edu .nav-link,
.arif-edu.arif-edu .nav-trigger { justify-content: space-between; width: 100%; min-height: 56px; padding: 0 4px; border-radius: 0; color: var(--on-chrome); font-size: 1.0625rem; font-weight: 600; }
.arif-edu.arif-edu .nav-link:hover,
.arif-edu.arif-edu .nav-trigger:hover,
.arif-edu.arif-edu .nav-trigger[aria-expanded="true"] { background: transparent; color: var(--on-chrome); }
.arif-edu.arif-edu .nav-link[aria-current="page"],
.arif-edu.arif-edu .nav-trigger.is-current { padding-inline-start: 16px; }
.arif-edu.arif-edu .nav-link[aria-current="page"]::after,
.arif-edu.arif-edu .nav-trigger.is-current::after { left: 0; right: auto; top: 14px; bottom: 14px; width: 4px; height: auto; background: linear-gradient(180deg, var(--chrome-accent), var(--white)); }
.arif-edu.arif-edu .dropdown { position: static; width: auto; padding: 0 0 12px; background: transparent; border: 0; box-shadow: none; }
.arif-edu.arif-edu .dropdown a:hover,
.arif-edu.arif-edu .dropdown a:focus-visible { background: var(--chrome-hover); }
.arif-edu.arif-edu .dropdown strong { color: var(--on-chrome); }
.arif-edu.arif-edu .dropdown span { color: var(--on-chrome-soft); }
.arif-edu.arif-edu .dropdown .icon-tile { background: rgba(255, 255, 255, .1); color: var(--on-chrome); }
.arif-edu.arif-edu .nav-extra { display: flex; flex-direction: column; gap: 10px; padding-top: 20px; }
.arif-edu.arif-edu .dropdown--compact { width: auto; }
.arif-edu.arif-edu .nav-extra .btn { width: 100%; }
}
@media (max-width: 1024px) {
.arif-edu.arif-edu .hero-grid,
.arif-edu.arif-edu .page-hero--product .hero-grid,
.arif-edu.arif-edu .solution-row { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .solution-row--flip > :first-child { order: 0; }
.arif-edu.arif-edu .mock-float { inset-inline-end: 12px; }
.arif-edu.arif-edu .steps--4,
.arif-edu.arif-edu .grid--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .cell-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .steps--4 .step:nth-child(2n)::after { display: none; }
.arif-edu.arif-edu .role-strip > .card:nth-child(3) { border-inline-start: 0; }
.arif-edu.arif-edu .role-strip > .card:nth-child(n/**/+3) { border-top: 1px solid var(--border); }
.arif-edu.arif-edu .footer-grid { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .flow { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .flow-arrow { transform: rotate(90deg); }
.arif-edu.arif-edu .panel-dark { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .sticky-col { position: static; }
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child::before { inset: -16px -12px 76px 32px; }
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child:has(> .flow)::before { bottom: 20px; }
}
@media (max-width: 860px) {
.arif-edu.arif-edu .split,
.arif-edu.arif-edu .split--even,
.arif-edu.arif-edu .legal,
.arif-edu.arif-edu .contact-grid { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .toc { position: static; }
.arif-edu.arif-edu .features,
.arif-edu.arif-edu .grid--2,
.arif-edu.arif-edu .grid--3,
.arif-edu.arif-edu .statements,
.arif-edu.arif-edu .workflows { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .steps { grid-template-columns: minmax(0, 1fr); gap: var(--s-6); }
.arif-edu.arif-edu .steps:not(.steps--stacked) .step { min-height: 46px; padding-inline-start: 70px; }
.arif-edu.arif-edu .steps:not(.steps--stacked) .step::before { position: absolute; left: 0; top: -4px; margin: 0; }
.arif-edu.arif-edu .steps:not(.steps--stacked) .step:not(:last-child)::after,
.arif-edu.arif-edu .steps--4 .step:nth-child(2n):not(:last-child)::after { display: block; left: 22px; top: 46px; right: auto; bottom: calc(-1 * var(--s-6)); width: 2px; height: auto; background: linear-gradient(180deg, var(--brand), var(--brand-line)); }
.arif-edu.arif-edu .audience-list a { grid-template-columns: minmax(0, 1fr) 40px; }
.arif-edu.arif-edu .audience-list a > :nth-child(2) { grid-column: 1; }
.arif-edu.arif-edu .audience-list a > .icon { grid-row: 1 / 3; grid-column: 2; }
.arif-edu.arif-edu .row-list a { grid-template-columns: 48px minmax(0, 1fr); }
.arif-edu.arif-edu .row-list a > :nth-child(3),
.arif-edu.arif-edu .row-list a > :nth-child(4) { grid-column: 2; }
.arif-edu.arif-edu .check-list--2 { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .hero-solutions { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .hero-solutions a { flex-direction: row; align-items: baseline; gap: 10px; flex-wrap: wrap; }
}
@media (max-width: 640px) {
.arif-edu.arif-edu .topbar-address { font-size: 12px; }
.arif-edu.arif-edu .mock-body { grid-template-columns: minmax(0, 1fr); min-height: 0; }
.arif-edu.arif-edu .mock-side { display: none; }
.arif-edu.arif-edu .mock-main { padding: 14px; }
.arif-edu.arif-edu .mm-kpis { gap: 6px; }
.arif-edu.arif-edu .mm-kpi { padding: 8px; }
.arif-edu.arif-edu .mm-kpi b { font-size: 15px; }
.arif-edu.arif-edu .mm-kpi em { display: none; }
.arif-edu.arif-edu .mm-row { grid-template-columns: minmax(0, 1.3fr) minmax(0, 1fr) 76px; padding: 8px 10px; }
.arif-edu.arif-edu .mock-lab { aspect-ratio: auto; padding: 16px; gap: 16px; }
.arif-edu.arif-edu .mock-lab svg { width: 90px; height: 68px; }
.arif-edu.arif-edu .mock-float { position: static; width: auto; margin-top: var(--s-3); box-shadow: var(--shadow); }
.arif-edu.arif-edu .mock-stage { padding-top: 52px; }
.arif-edu.arif-edu .mock-stage + .mock-note--float { margin-top: var(--s-4); }
.arif-edu.arif-edu .steps--4,
.arif-edu.arif-edu .cell-grid,
.arif-edu.arif-edu .grid--4 { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .role-strip > .card + .card { border-inline-start: 0; border-top: 1px solid var(--border); }
.arif-edu.arif-edu .footer-grid { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .form-grid { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .hero .btn-row .btn,
.arif-edu.arif-edu .page-hero .btn-row .btn,
.arif-edu.arif-edu .cta-inner .btn { width: 100%; }
.arif-edu.arif-edu .cta-inner .btn-row { width: 100%; }
.arif-edu.arif-edu .faq-item { padding: 0 16px; }
.arif-edu.arif-edu .faq-a { padding-inline-end: 0; }
.arif-edu.arif-edu .facts { padding: 4px 18px; }
.arif-edu.arif-edu .facts > div { flex-direction: column; }
.arif-edu.arif-edu .facts dd { text-align: start; }
.arif-edu.arif-edu .row-list a { padding: 16px 12px; }
.arif-edu.arif-edu .review-list > div { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .section-head--row .btn { width: 100%; }
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child::before { inset: -12px -8px 80px 20px; }
.arif-edu.arif-edu .method-list > .card { grid-template-columns: 48px minmax(0, 1fr); }
.arif-edu.arif-edu .method-list > .card .icon-tile { grid-row: span 2; }
.arif-edu.arif-edu .feature { padding: 16px 0; }
.arif-edu.arif-edu .feature:hover { background: transparent; border-color: transparent; box-shadow: none; }
}
@keyframes arif-page-in { from { opacity: 0; } }
@keyframes arif-rise { from { opacity: 0; transform: translateY(18px); } }
@keyframes arif-float { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-6px); } }
@keyframes arif-drop-in { from { opacity: 0; transform: translateY(-6px); } }
@keyframes arif-fade-down { from { opacity: 0; transform: translateY(-4px); } }
@media (prefers-reduced-motion: no-preference) {
html:has(.arif-edu) { scroll-behavior: smooth; }
#main { animation: arif-page-in .45s ease both; }
.arif-edu.arif-edu .hero-grid > :first-child > *,
.arif-edu.arif-edu .page-hero:not(.page-hero--product) .container > *:not(nav),
.arif-edu.arif-edu .im-hero-copy > * { animation: arif-rise .7s var(--ease) both; }
.arif-edu.arif-edu .hero-grid > :first-child > :nth-child(2),
.arif-edu.arif-edu .page-hero:not(.page-hero--product) .container > :nth-child(3),
.arif-edu.arif-edu .im-hero-copy > :nth-child(2) { animation-delay: .06s; }
.arif-edu.arif-edu .hero-grid > :first-child > :nth-child(3),
.arif-edu.arif-edu .page-hero:not(.page-hero--product) .container > :nth-child(4),
.arif-edu.arif-edu .im-hero-copy > :nth-child(3) { animation-delay: .12s; }
.arif-edu.arif-edu .hero-grid > :first-child > :nth-child(n/**/+4),
.arif-edu.arif-edu .page-hero:not(.page-hero--product) .container > :nth-child(n/**/+5),
.arif-edu.arif-edu .im-hero-copy > :nth-child(n/**/+4) { animation-delay: .18s; }
.arif-edu.arif-edu .hero-grid > :last-child,
.arif-edu.arif-edu .im-eco { animation: arif-rise .9s .12s var(--ease) both; }
.arif-edu.arif-edu .mock-float { animation: arif-float 7s ease-in-out 1s infinite; }
.arif-edu.arif-edu .mock-ghost--1 { animation: arif-float 9s ease-in-out infinite; }
.arif-edu.arif-edu .im-eco-products li { animation: arif-float 7s ease-in-out infinite; }
.arif-edu.arif-edu .im-eco-products li:nth-child(2) { animation-delay: -2.3s; }
.arif-edu.arif-edu .im-eco-products li:nth-child(3) { animation-delay: -4.6s; }
.arif-edu.arif-edu .dropdown:not([hidden]) { animation: arif-drop-in .18s var(--ease); }
.arif-edu.arif-edu .faq-a:not([hidden]) { animation: arif-fade-down .25s var(--ease); }
.js-anim .arif-edu.arif-edu .reveal { opacity: 0; transform: translateY(22px); transition: opacity .7s ease, transform .7s var(--ease); transition-delay: var(--d, 0ms); }
.js-anim .arif-edu.arif-edu .reveal.is-in { opacity: 1; transform: none; }
}
@media (prefers-reduced-motion: reduce) {
.arif-edu.arif-edu *,
.arif-edu,
.arif-edu.arif-edu *::before,
.arif-edu::before,
.arif-edu.arif-edu *::after,
.arif-edu::after { transition: none !important; animation: none !important; scroll-behavior: auto !important; }
}
.arif-edu.arif-edu .bar .w-55 { width: 55%; }
.arif-edu.arif-edu .bar .w-89 { width: 89%; }
.arif-edu.arif-edu .bar .w-91 { width: 91%; }
.arif-edu.arif-edu .bar .w-94 { width: 94%; }
.arif-edu.arif-edu .bar .w-100 { width: 100%; }
.arif-edu.arif-edu .scroll-progress { position: absolute; left: 0; right: 0; bottom: -1px; height: 2px; pointer-events: none; background: linear-gradient(90deg, var(--chrome-accent), var(--white)); transform: scaleX(var(--scroll, 0)); transform-origin: left center; }
.arif-edu.arif-edu .to-top { border: 2px solid transparent; background: linear-gradient(var(--white), var(--white)) padding-box,
              conic-gradient(var(--brand) calc(var(--scroll, 0) * 360deg), var(--border) 0) border-box; }
.arif-edu.arif-edu .to-top:hover { border-color: transparent; background: var(--brand-grad) padding-box,
              conic-gradient(var(--white) calc(var(--scroll, 0) * 360deg), rgba(0, 112, 228, .35) 0) border-box; }
.arif-edu.arif-edu .btn:active { transform: translateY(0) scale(.97); }
.arif-edu.arif-edu .hero-solutions a:active,
.arif-edu.arif-edu .row-list a:active,
.arif-edu.arif-edu .audience-list a:active,
.arif-edu.arif-edu .dropdown a:active,
.arif-edu.arif-edu .im-tab:active,
.arif-edu.arif-edu .check:active,
.arif-edu.arif-edu .faq-q button:active,
.arif-edu.arif-edu .to-top:active { transform: scale(.98); }
.arif-edu.arif-edu .check { transition: border-color var(--dur) ease, background-color var(--dur) ease, transform .15s ease; }
.arif-edu.arif-edu .check:hover { border-color: var(--brand); }
.arif-edu.arif-edu .field label { transition: color var(--dur) ease; }
.arif-edu.arif-edu .field:focus-within > label { color: var(--brand-700); }
.arif-edu.arif-edu .input { transition: border-color var(--dur) ease, box-shadow var(--dur) ease; }
@media (hover: hover) and (pointer: fine) {
.arif-edu.arif-edu .card:not(.card--feature),
.arif-edu.arif-edu .workflow,
.arif-edu.arif-edu .cell-grid > *,
.arif-edu.arif-edu .faq-item,
.arif-edu.arif-edu .benefit-col,
.arif-edu.arif-edu .facts,
.arif-edu.arif-edu .im-module,
.arif-edu.arif-edu .im-row,
.arif-edu.arif-edu .im-tab:not([aria-selected="true"]),
.arif-edu.arif-edu .feature:hover,
.arif-edu.arif-edu .form-card { background-image: radial-gradient(420px circle at var(--mx, 50%) var(--my, -300%), rgba(0, 112, 228, .07), rgba(0, 112, 228, 0) 45%); }
}
.arif-edu.arif-edu .dropdown a > span:last-child { transition: transform var(--dur) var(--ease); }
.arif-edu.arif-edu .dropdown a:hover > span:last-child,
.arif-edu.arif-edu .dropdown a:focus-visible > span:last-child { transform: translateX(3px); }
.arif-edu.arif-edu .footer-links .dot { transition: transform var(--dur) var(--ease); }
.arif-edu.arif-edu .footer-links a:hover .dot { transform: scale(1.6); }
@media (prefers-reduced-motion: no-preference) {
.arif-edu.arif-edu .btn--primary,
.arif-edu.arif-edu .btn--accent,
.arif-edu.arif-edu .btn--brand { position: relative; overflow: hidden; isolation: isolate; }
.arif-edu.arif-edu .btn--primary::after,
.arif-edu.arif-edu .btn--accent::after,
.arif-edu.arif-edu .btn--brand::after { content: ""; position: absolute; inset: 0; z-index: -1; pointer-events: none; background: linear-gradient(110deg, rgba(255, 255, 255, 0) 30%, rgba(255, 255, 255, .32) 50%, rgba(255, 255, 255, 0) 70%); transform: translateX(-120%); transition: transform .8s var(--ease); }
.arif-edu.arif-edu .btn--primary:hover::after,
.arif-edu.arif-edu .btn--accent:hover::after,
.arif-edu.arif-edu .btn--brand:hover::after { transform: translateX(120%); }
.arif-edu.arif-edu .card:hover .icon-tile,
.arif-edu.arif-edu .feature:hover > .icon,
.arif-edu.arif-edu .cell-grid > :hover .icon,
.arif-edu.arif-edu .im-module:hover .im-module-icon,
.arif-edu.arif-edu .im-row:hover .im-ico--grad,
.arif-edu.arif-edu .im-tab:hover .im-tab-icon,
.arif-edu.arif-edu .row-list a:hover .icon-tile,
.arif-edu.arif-edu .dropdown a:hover .icon-tile,
.arif-edu.arif-edu .im-subjects li:hover .im-ico,
.arif-edu.arif-edu .solution-row:hover .solution-head .icon-tile,
.arif-edu.arif-edu .callout:hover > .icon { animation: arif-icon-pop .55s var(--ease); }
.arif-edu.arif-edu .hero .eyebrow::before,
.arif-edu.arif-edu .page-hero .eyebrow::before,
.arif-edu.arif-edu .im-hero .eyebrow::before,
.arif-edu.arif-edu .hero .mock-title::before,
.arif-edu.arif-edu .page-hero--product .mock-title::before { animation: arif-live-pulse 2.6s ease-out infinite; }
.arif-edu.arif-edu .hero .eyebrow::before { --ring: rgba(255, 255, 255, .7); }
.arif-edu.arif-edu .hero::after,
.arif-edu.arif-edu .page-hero::before,
.arif-edu.arif-edu .im-hero::before,
.arif-edu.arif-edu .cta-inner::after { content: ""; position: absolute; z-index: -1; pointer-events: none; border-radius: 50%; width: 560px; height: 560px; filter: blur(8px); animation: arif-drift 22s ease-in-out infinite alternate; }
.arif-edu.arif-edu .hero::after { top: -30%; left: -12%; background: radial-gradient(circle, rgba(90, 170, 255, .45), rgba(90, 170, 255, 0) 65%); }
.arif-edu.arif-edu .page-hero::before,
.arif-edu.arif-edu .im-hero::before { top: -45%; right: 8%; background: radial-gradient(circle, rgba(0, 112, 228, .14), rgba(0, 112, 228, 0) 65%); animation-duration: 26s; }
.arif-edu.arif-edu .im-hero { isolation: isolate; }
.arif-edu.arif-edu .cta-inner::after { bottom: -60%; left: -10%; background: radial-gradient(circle, rgba(120, 185, 255, .35), rgba(120, 185, 255, 0) 65%); animation-duration: 18s; }
.arif-edu.arif-edu .band-dark::before,
.arif-edu.arif-edu .panel-dark::before { inset: -12%; animation: arif-drift-soft 24s ease-in-out infinite alternate; }
.arif-edu.arif-edu .page-hero::after { animation: arif-breathe 14s ease-in-out infinite; }
.arif-edu.arif-edu .im-grad-text { background-size: 220% 100%; animation: arif-grad-shift 9s ease-in-out infinite alternate; }
.arif-edu.arif-edu .hero .mock-stage,
.arif-edu.arif-edu .im-eco,
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child > :first-child { translate: calc(var(--px, 0) * -10px) calc(var(--py, 0) * -8px); transition: translate .6s var(--ease); }
.arif-edu.arif-edu .hero .mock-float { translate: calc(var(--px, 0) * 8px) calc(var(--py, 0) * 6px); transition: translate .6s var(--ease); }
.js-anim .arif-edu.arif-edu .bar > i,
.js-anim .arif-edu.arif-edu .im-w-bar span { transform: scaleX(0); transform-origin: left center; transition: transform 1.1s var(--ease) .25s; }
.js-anim .arif-edu.arif-edu .is-live .bar > i,
.js-anim .arif-edu.arif-edu .is-live .im-w-bar span { transform: none; }
.js-anim .arif-edu.arif-edu .mock .pill,
.js-anim .arif-edu.arif-edu .im-w-rows b { opacity: 0; transform: scale(.85); transition: opacity .4s ease, transform .4s var(--ease); }
.js-anim .arif-edu.arif-edu .is-live .pill,
.js-anim .arif-edu.arif-edu .is-live .im-w-rows b { opacity: 1; transform: none; }
.js-anim .arif-edu.arif-edu .is-live .mm-row:nth-child(2) .pill,
.js-anim .arif-edu.arif-edu .is-live .im-w-rows li:nth-child(1) b { transition-delay: .45s; }
.js-anim .arif-edu.arif-edu .is-live .mm-row:nth-child(3) .pill,
.js-anim .arif-edu.arif-edu .is-live .im-w-rows li:nth-child(2) b { transition-delay: .6s; }
.js-anim .arif-edu.arif-edu .is-live .mm-row:nth-child(4) .pill,
.js-anim .arif-edu.arif-edu .is-live .im-w-rows li:nth-child(3) b { transition-delay: .75s; }
.js-anim .arif-edu.arif-edu .is-live .mm-row:nth-child(5) .pill { transition-delay: .9s; }
.js-anim .arif-edu.arif-edu .is-live .mock-float .pill { transition-delay: 1s; }
.js-anim .arif-edu.arif-edu .steps .step::after,
.js-anim .arif-edu.arif-edu .im-path::before { clip-path: inset(0 100% 100% 0); transition: clip-path 1.1s var(--ease) .3s; }
.js-anim .arif-edu.arif-edu .steps.is-drawn .step::after,
.js-anim .arif-edu.arif-edu .im-path.is-drawn::before { clip-path: inset(0); }
.js-anim .arif-edu.arif-edu .steps .step::before,
.js-anim .arif-edu.arif-edu .im-path .im-step { transform: scale(.5); opacity: 0; transition: transform .5s var(--ease), opacity .4s ease; }
.js-anim .arif-edu.arif-edu .steps.is-drawn .step::before,
.js-anim .arif-edu.arif-edu .im-path.is-drawn .im-step { transform: none; opacity: 1; }
.js-anim .arif-edu.arif-edu .is-drawn > :nth-child(2)::before,
.js-anim .arif-edu.arif-edu .is-drawn > li:nth-child(2) .im-step { transition-delay: .25s; }
.js-anim .arif-edu.arif-edu .is-drawn > :nth-child(3)::before,
.js-anim .arif-edu.arif-edu .is-drawn > li:nth-child(3) .im-step { transition-delay: .5s; }
.js-anim .arif-edu.arif-edu .is-drawn > :nth-child(4)::before,
.js-anim .arif-edu.arif-edu .is-drawn > li:nth-child(4) .im-step { transition-delay: .75s; }
.arif-edu.arif-edu .to-top:not([hidden]) { animation: arif-pop-in .35s var(--ease); }
}
@keyframes arif-icon-pop { 0% { transform: none; } 40% { transform: translateY(-3px) rotate(-6deg) scale(1.07); } 100% { transform: none; } }
@keyframes arif-live-pulse { 0% { box-shadow: 0 0 0 0 var(--ring, rgba(0, 112, 228, .45)); } 70%, 100% { box-shadow: 0 0 0 7px rgba(0, 112, 228, 0); } }
@keyframes arif-drift { 0% { transform: translate(0, 0) scale(1); } 50% { transform: translate(8vw, 6%) scale(1.08); } 100% { transform: translate(14vw, -4%) scale(.96); } }
@keyframes arif-drift-soft { 0% { transform: translate(0, 0); } 100% { transform: translate(6%, 5%); } }
@keyframes arif-breathe { 0%, 100% { transform: translateY(-50%) scale(1); opacity: 1; } 50% { transform: translateY(-50%) scale(1.06); opacity: .75; } }
@keyframes arif-grad-shift { from { background-position: 0% 50%; } to { background-position: 100% 50%; } }
@keyframes arif-pop-in { from { opacity: 0; transform: translateY(10px) scale(.9); } }
@media (max-width: 860px) {
.arif-edu.arif-edu .hero::after,
.arif-edu.arif-edu .page-hero::before,
.arif-edu.arif-edu .im-hero::before,
.arif-edu.arif-edu .cta-inner::after { width: 340px; height: 340px; }
}
@media (prefers-reduced-motion: reduce) {
.arif-edu.arif-edu .scroll-progress { display: none; }
}
.arif-edu.arif-edu .split--about { align-items: center; }
.arif-edu.arif-edu .point-stack { display: grid; gap: 14px; list-style: none; }
.arif-edu.arif-edu .point-card { position: relative; display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 18px; align-items: start; padding: 22px 24px; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-sm); transition: transform .3s var(--ease), box-shadow .3s ease, border-color var(--dur) ease; }
.arif-edu.arif-edu .point-card:hover { transform: translateY(-3px); border-color: var(--brand-line); box-shadow: var(--shadow); }
.arif-edu.arif-edu .point-card:nth-child(2) { margin-inline-start: 7%; }
.arif-edu.arif-edu .point-card:nth-child(3) { margin-inline-start: 14%; background: var(--soft); box-shadow: none; }
.arif-edu.arif-edu .point-card h3 { margin-bottom: 6px; font-size: 1.125rem; }
.arif-edu.arif-edu .point-card p { font-size: 1rem; }
.arif-edu.arif-edu .split--about .stack .lead { margin-top: var(--s-2); }
.arif-edu.arif-edu .facts--tiles { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; padding: 0; background: none; border: 0; box-shadow: none; }
.arif-edu.arif-edu .facts--tiles > div,
.arif-edu.arif-edu .facts--tiles > div:first-child { flex-direction: column; justify-content: space-between; gap: 10px; min-height: 112px; padding: 20px 22px; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); transition: border-color var(--dur) ease, box-shadow .3s ease, transform .3s var(--ease); }
.arif-edu.arif-edu .facts--tiles > div:hover { border-color: var(--brand-line); box-shadow: var(--shadow); transform: translateY(-2px); }
.arif-edu.arif-edu .facts--tiles dt { color: var(--muted); font-size: var(--fs-xs); font-weight: 600; letter-spacing: .06em; text-transform: uppercase; }
.arif-edu.arif-edu .facts--tiles dd { text-align: start; font-size: 1.0625rem; line-height: 1.4; }
.arif-edu.arif-edu .facts--tiles > div:first-child { grid-column: 1 / -1; min-height: 0; background: var(--brand-grad); border-color: transparent; }
.arif-edu.arif-edu .facts--tiles > div:first-child dt,
.arif-edu.arif-edu .facts--tiles > div:first-child dd { color: var(--white); }
.arif-edu.arif-edu .facts--tiles > div:first-child dd { font-size: 1.25rem; }
.arif-edu.arif-edu .facts--tiles > div:last-child:nth-child(even) { grid-column: 1 / -1; min-height: 0; }
.arif-edu.arif-edu .band-dark .section-head .eyebrow { margin-bottom: var(--s-4); }
.arif-edu.arif-edu .band-dark .row-list { background: rgba(255, 255, 255, .04); border-color: var(--on-dark-line); }
.arif-edu.arif-edu .band-dark .row-list li + li { border-top-color: var(--on-dark-line); }
.arif-edu.arif-edu .band-dark .row-list a { color: var(--on-dark); }
.arif-edu.arif-edu .band-dark .row-list a:hover { background: rgba(255, 255, 255, .07); }
.arif-edu.arif-edu .band-dark .row-list .icon-tile { background: rgba(255, 255, 255, .1); color: var(--white); }
.arif-edu.arif-edu .band-dark .row-list a:hover .icon-tile { background: var(--brand); color: var(--white); }
.arif-edu.arif-edu .band-dark .row-list .go,
.arif-edu.arif-edu .band-dark .row-list a:hover .go { color: var(--white); }
.arif-edu.arif-edu .role-strip--icons > .card::before { display: none; }
.arif-edu.arif-edu .role-strip--icons > .card .icon-tile { margin-bottom: 18px; }
.arif-edu.arif-edu .role-strip--icons > .card:hover .icon-tile { background: var(--brand-grad); color: var(--white); }
.arif-edu.arif-edu .steps-panel { padding: clamp(24px, 1.2rem + 1.5vw, 40px); background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-xl); box-shadow: var(--shadow); }
.arif-edu.arif-edu .steps-panel .step { --step-ring: var(--white); }
.arif-edu.arif-edu .cell-grid--bento { grid-template-columns: minmax(0, 1.2fr) repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .cell-grid--bento > :first-child { position: relative; isolation: isolate; overflow: hidden; grid-row: span 2; display: flex; flex-direction: column; justify-content: flex-end; min-height: 340px; background: var(--brand-grad); border-color: transparent; color: var(--white); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .cell-grid--bento > :first-child::before { content: ""; position: absolute; z-index: -1; top: -30%; right: -30%; width: 120%; aspect-ratio: 1; border-radius: 50%; pointer-events: none; background: repeating-radial-gradient(circle, rgba(255, 255, 255, .09) 0 1px, rgba(255, 255, 255, 0) 1px 40px); }
.arif-edu.arif-edu .cell-grid--bento > :first-child h3 { color: var(--white); font-size: 1.625rem; }
.arif-edu.arif-edu .cell-grid--bento > :first-child p { color: var(--white); font-size: 1.0625rem; max-width: 30ch; }
.arif-edu.arif-edu .cell-grid--bento > :first-child .icon { margin-bottom: auto; background: rgba(255, 255, 255, .16); box-shadow: none; }
.arif-edu.arif-edu .cell-grid--bento > :first-child:hover { border-color: transparent; }
.arif-edu.arif-edu .cell-grid--bento > :last-child { grid-column: span 2; display: grid; grid-template-columns: 52px minmax(0, 1fr); column-gap: 20px; align-items: center; }
.arif-edu.arif-edu .cell-grid--bento > :last-child .icon { grid-row: span 2; margin: 0; }
.arif-edu.arif-edu .cell-grid--bento > :last-child h3 { align-self: end; }
.arif-edu.arif-edu .cell-grid--bento > :last-child p { align-self: start; }
.arif-edu.arif-edu .benefit-col > .icon-tile { margin-bottom: 16px; }
.arif-edu.arif-edu .benefit-col--feature { position: relative; isolation: isolate; overflow: hidden; background: var(--brand-grad); border-color: transparent; color: var(--white); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .benefit-col--feature::before { content: ""; position: absolute; z-index: -1; right: -120px; bottom: -160px; width: 360px; height: 360px; border-radius: 50%; background: repeating-radial-gradient(circle, rgba(255, 255, 255, .1) 0 1px, rgba(255, 255, 255, 0) 1px 36px); pointer-events: none; }
.arif-edu.arif-edu .benefit-col--feature h3 { color: var(--white); background-image: linear-gradient(var(--white), var(--white)); }
.arif-edu.arif-edu .benefit-col--feature > .icon-tile { background: rgba(255, 255, 255, .16); color: var(--white); }
.arif-edu.arif-edu .benefit-col--feature .line-list li { border-bottom-color: rgba(255, 255, 255, .2); color: var(--white); }
.arif-edu.arif-edu .benefit-col--feature .line-list .icon { background: rgba(255, 255, 255, .16); color: var(--white); }
.arif-edu.arif-edu .workflows { counter-reset: wf; }
.arif-edu.arif-edu .workflow { counter-increment: wf; }
.arif-edu.arif-edu .workflow::after { content: "0" counter(wf); content: "0" counter(wf) / ""; position: absolute; top: 14px; right: 22px; pointer-events: none; color: var(--p-50); font-size: 4rem; font-weight: 700; line-height: 1; letter-spacing: -.05em; transition: color .3s ease, transform .4s var(--ease); }
.arif-edu.arif-edu .workflow:hover::after { color: var(--p-line); transform: translateY(-2px); }
.arif-edu.arif-edu .workflow h3 { position: relative; padding-inline-end: 72px; }
.arif-edu.arif-edu .workflow dl { border-top: 0; padding-top: 0; gap: 10px; }
.arif-edu.arif-edu .workflow dl > div:first-child { padding: 0 2px 4px; }
.arif-edu.arif-edu .workflow dl > div:last-child { position: relative; padding: 14px 16px; border-radius: var(--radius); background: var(--p-50); border-inline-start: 3px solid var(--p); }
.arif-edu.arif-edu .quick-links { display: flex; flex-wrap: wrap; gap: 10px; margin-top: var(--s-6); list-style: none; }
.arif-edu.arif-edu .quick-links a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 16px; border: 1px solid var(--brand-line); border-radius: var(--radius-pill); background: rgba(255, 255, 255, .85); color: var(--ink); font-size: .9375rem; font-weight: 600; text-decoration: none; box-shadow: var(--shadow-sm); transition: transform var(--dur) var(--ease), border-color var(--dur) ease, box-shadow var(--dur) ease, background-color var(--dur) ease; }
.arif-edu.arif-edu .quick-links a .icon--sm { color: var(--brand); }
.arif-edu.arif-edu .quick-links a:hover { border-color: var(--brand); background: var(--white); box-shadow: var(--shadow); transform: translateY(-2px); color: var(--brand-700); }
.arif-edu.arif-edu .quick-links a:active { transform: scale(.98); }
.arif-edu.arif-edu .toc a { transition: border-color var(--dur) ease, color var(--dur) ease, background-color var(--dur) ease; border-radius: 0 8px 8px 0; }
.arif-edu.arif-edu .toc a.is-active { border-color: var(--brand); background: var(--brand-50); color: var(--ink); font-weight: 600; }
@media (max-width: 1024px) {
.arif-edu.arif-edu .cell-grid--bento { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .cell-grid--bento > :first-child { grid-row: auto; grid-column: 1 / -1; min-height: 240px; }
.arif-edu.arif-edu .cell-grid--bento > :last-child { grid-column: 1 / -1; }
}
@media (max-width: 860px) {
.arif-edu.arif-edu .point-card:nth-child(n) { margin-inline-start: 0; }
}
@media (max-width: 640px) {
.arif-edu.arif-edu .cell-grid--bento { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .cell-grid--bento > :last-child { display: block; }
.arif-edu.arif-edu .cell-grid--bento > :last-child .icon { margin-bottom: 20px; }
.arif-edu.arif-edu .facts--tiles { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .point-card { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.arif-edu.arif-edu .workflow::after { font-size: 3rem; }
.arif-edu.arif-edu .quick-links a { width: 100%; }
}
.arif-edu.arif-edu .shot { margin: 0; overflow: hidden; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); transition: transform .4s var(--ease), box-shadow .4s ease; }
.arif-edu.arif-edu .solution-row:hover .shot { transform: translateY(-4px); box-shadow: 0 50px 90px -40px rgba(0, 21, 126, .55); }
.arif-edu.arif-edu .shot-bar { display: flex; align-items: center; gap: 6px; height: 42px; padding: 0 14px; border-bottom: 1px solid var(--border); background: linear-gradient(180deg, var(--white), var(--soft)); }
.arif-edu.arif-edu .shot-bar i { flex: none; width: 10px; height: 10px; border-radius: 50%; background: var(--border-strong); }
.arif-edu.arif-edu .shot-url { display: inline-flex; align-items: center; justify-content: center; gap: 8px; min-width: 0; max-width: 320px; height: 26px; margin-inline: auto; padding: 0 14px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--white); color: var(--muted); font-size: 12px; font-weight: 600; white-space: nowrap; overflow: hidden; text-overflow: ellipsis; }
.arif-edu.arif-edu .shot-url::before { content: ""; flex: none; width: 7px; height: 7px; border-radius: 50%; background: var(--p); }
.arif-edu.arif-edu .shot-bar::after { content: ""; flex: none; width: 46px; }
.arif-edu.arif-edu .shot-media { position: relative; background: var(--soft); }
.arif-edu.arif-edu .shot-img { display: block; width: 100%; height: auto; max-height: min(72vh, 760px); object-fit: contain; object-position: top center; background: var(--soft); }
.arif-edu.arif-edu .shot.is-missing .shot-img { display: none; }
.arif-edu.arif-edu .shot.is-missing .shot-media { display: grid; place-items: center; aspect-ratio: 16 / 10; background: radial-gradient(600px 400px at 80% 0%, var(--brand-100), rgba(220, 235, 253, 0) 65%), var(--soft); }
.arif-edu.arif-edu .shot.is-missing .shot-media::after { content: ""; width: 72px; height: 72px; border-radius: 20px; background: var(--brand-grad); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child:has(> .shot)::before { bottom: 36px; }
@media (max-width: 640px) {
.arif-edu.arif-edu .shot-bar { height: 36px; }
.arif-edu.arif-edu .shot-url { font-size: 11px; height: 24px; }
.arif-edu.arif-edu .shot-bar::after { width: 0; }
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child:has(> .shot)::before { bottom: 28px; }
}
.arif-edu.arif-edu .dot { display: inline-block; flex: none; width: 8px; height: 8px; border-radius: 50%; background: var(--p); }
.arif-edu.arif-edu .text-link--light { color: var(--white); }
.arif-edu.arif-edu .text-link--light:hover { color: var(--white); }
.arif-edu.arif-edu .h-60 { --h: 60%; }
.arif-edu.arif-edu .h-70 { --h: 70%; }
.arif-edu.arif-edu .h-75 { --h: 75%; }
.arif-edu.arif-edu .h-88 { --h: 88%; }
.arif-edu.arif-edu .h-90 { --h: 90%; }
.arif-edu.arif-edu .h-92 { --h: 92%; }
.arif-edu.arif-edu .h-95 { --h: 95%; }
.arif-edu.arif-edu .bar .w-30,
.arif-edu.arif-edu .slider .w-30 { width: 30%; }
.arif-edu.arif-edu .slider .w-55 { width: 55%; }
.arif-edu.arif-edu .hero-community { list-style: none; position: relative; display: flex; flex-wrap: wrap; gap: 8px; margin-top: var(--s-7); }
.arif-edu.arif-edu .hero-community li { position: relative; display: inline-flex; align-items: center; gap: 8px; padding: 6px 12px 6px 6px; border: 1px solid rgba(255, 255, 255, .28); border-radius: var(--radius-pill); background: rgba(255, 255, 255, .1); color: var(--white); font-size: var(--fs-xs); font-weight: 600; }
.arif-edu.arif-edu .hero-community .icon { width: 28px; height: 28px; padding: 6px; border-radius: 50%; background: var(--white); color: var(--brand-deep); }
.arif-edu.arif-edu .hero-stage { position: relative; padding: 64px 0 0 0; }
.arif-edu.arif-edu .hs-lesson { position: absolute; z-index: 2; top: 0; inset-inline-start: -28px; width: 230px; padding: 14px; background: var(--white); border: 1px solid var(--border); border-radius: 14px; box-shadow: var(--shadow-menu); color: var(--text); font-size: 12px; }
.arif-edu.arif-edu .hs-lesson .mf-app::before { background: var(--academy); }
.arif-edu.arif-edu .hs-lesson strong { display: block; color: var(--ink); font-size: 13px; }
.arif-edu.arif-edu .hs-video { display: grid; place-items: center; height: 70px; margin: 10px 0; border-radius: 8px; background: linear-gradient(135deg, var(--academy) 0%, var(--brand-deep) 100%); }
.arif-edu.arif-edu .play { display: grid; place-items: center; width: 34px; height: 34px; border-radius: 50%; background: rgba(255, 255, 255, .95); color: var(--academy); }
.arif-edu.arif-edu .play .icon { width: 18px; height: 18px; }
.arif-edu.arif-edu .hs-prog { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; color: var(--muted); font-size: 11px; }
.arif-edu.arif-edu .hs-prog .bar > i { background: linear-gradient(90deg, var(--academy), var(--brand)); }
.arif-edu.arif-edu .hero-stage .mock { margin-inline-start: 40px; }
.arif-edu.arif-edu .hero-stage .mock-body { min-height: 300px; }
.arif-edu.arif-edu .hero-note { margin-top: 48px; }
.arif-edu.arif-edu .sol-switch { list-style: none; display: flex; flex-wrap: wrap; justify-content: center; gap: 10px; margin: calc(-1 * var(--s-5)) 0 clamp(40px, 2rem + 2vw, 72px); }
.arif-edu.arif-edu .sol-switch a { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 18px 8px 10px; border: 1px solid var(--p-line); border-radius: var(--radius-pill); background: var(--white); color: var(--ink); font-weight: 600; text-decoration: none; transition: background-color var(--dur) ease, border-color var(--dur) ease, transform var(--dur) var(--ease); }
.arif-edu.arif-edu .sol-switch .icon { width: 28px; height: 28px; padding: 5px; border-radius: 50%; background: var(--p-50); color: var(--p); }
.arif-edu.arif-edu .sol-switch a:hover { border-color: var(--p); background: var(--p-50); transform: translateY(-2px); }
.arif-edu.arif-edu .showcase { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr); gap: clamp(32px, 2rem + 3vw, 80px); align-items: center; scroll-margin-top: calc(var(--header-h) + 24px); }
.arif-edu.arif-edu .showcase > * { min-width: 0; }
.arif-edu.arif-edu .showcase + .showcase { margin-top: clamp(56px, 3rem + 3vw, 112px); }
.arif-edu.arif-edu .showcase h3 { margin-bottom: var(--s-3); font-size: clamp(1.75rem, 1.3rem + 1.3vw, 2.375rem); font-weight: 700; letter-spacing: -0.028em; }
.arif-edu.arif-edu .showcase .lead { margin-bottom: var(--s-5); }
.arif-edu.arif-edu .showcase .check-list { margin-bottom: var(--s-5); }
.arif-edu.arif-edu .module-chips { list-style: none; display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--s-6); }
.arif-edu.arif-edu .module-chips li { display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px 6px 8px; border: 1px solid var(--p-line); border-radius: var(--radius-pill); background: var(--p-50); color: var(--ink); font-size: var(--fs-small); font-weight: 500; }
.arif-edu.arif-edu .module-chips .icon { color: var(--p); }
.arif-edu.arif-edu .showcase--school .showcase-visual { position: relative; isolation: isolate; padding: clamp(20px, 1rem + 2vw, 36px); }
.arif-edu.arif-edu .showcase--school .showcase-visual::before { content: ""; position: absolute; z-index: -1; inset: 0; border-radius: var(--radius-xl); background: radial-gradient(500px 300px at 20% 0%, rgba(255, 255, 255, .7), rgba(255, 255, 255, 0) 70%), var(--school-50); border: 1px solid var(--school-line); }
.arif-edu.arif-edu .showcase--academy { position: relative; isolation: isolate; overflow: hidden; padding: clamp(28px, 1.5rem + 3vw, 64px); border-radius: var(--radius-xl); color: var(--on-dark); background: linear-gradient(135deg, #2A2496 0%, var(--brand-deep) 70%, var(--dark) 100%); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .showcase--academy::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(520px 360px at 100% 0%, rgba(124, 116, 255, .45), rgba(124, 116, 255, 0) 70%),
              repeating-radial-gradient(circle at 0% 100%, rgba(255, 255, 255, .06) 0 1px, rgba(255, 255, 255, 0) 1px 44px); }
.arif-edu.arif-edu .showcase--academy h3,
.arif-edu.arif-edu .showcase--academy strong { color: var(--white); }
.arif-edu.arif-edu .showcase--academy .lead { color: var(--on-dark); }
.arif-edu.arif-edu .showcase--academy .eyebrow { border-color: rgba(255, 255, 255, .25); background: rgba(255, 255, 255, .08); color: var(--white); }
.arif-edu.arif-edu .showcase--academy .eyebrow::before { background: #B9B3FF; }
.arif-edu.arif-edu .showcase--academy .icon-tile { background: rgba(255, 255, 255, .12); color: var(--white); }
.arif-edu.arif-edu .showcase--academy :focus-visible { outline-color: var(--white); }
.arif-edu.arif-edu .subject-dots { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 10px; margin-bottom: var(--s-5); }
.arif-edu.arif-edu .subject-dots li { display: flex; flex-direction: column; align-items: center; gap: 8px; padding: 14px 6px; border: 1px solid rgba(255, 255, 255, .16); border-radius: var(--radius); background: rgba(255, 255, 255, .06); color: var(--white); font-size: var(--fs-small); font-weight: 600; text-align: center; transition: background-color var(--dur) ease, transform var(--dur) var(--ease); }
.arif-edu.arif-edu .subject-dots li:hover { background: rgba(255, 255, 255, .12); transform: translateY(-2px); }
.arif-edu.arif-edu .subject-dots .icon { width: 38px; height: 38px; padding: 8px; border-radius: 50%; background: rgba(185, 179, 255, .22); color: var(--white); }
.arif-edu.arif-edu .mini-facts { list-style: none; display: grid; gap: 8px; margin-bottom: var(--s-6); }
.arif-edu.arif-edu .mini-facts li { display: flex; align-items: center; gap: 10px; color: var(--on-dark); }
.arif-edu.arif-edu .mini-facts .icon { color: #B9B3FF; }
.arif-edu.arif-edu .shot-stack { position: relative; padding: 0 0 56px 0; }
.arif-edu.arif-edu .shot-stack > .shot:first-child { width: 78%; margin-inline-start: auto; opacity: .92; }
.arif-edu.arif-edu .shot-stack > .shot:last-child { position: absolute; inset-inline-start: 0; bottom: 0; width: 78%; box-shadow: 0 40px 80px -30px rgba(0, 6, 40, .8); }
.arif-edu.arif-edu .fee-visual { position: relative; padding-bottom: 40px; }
.arif-edu.arif-edu .fee-visual > .shot { width: 80%; }
.arif-edu.arif-edu .pay-card { position: absolute; z-index: 2; inset-inline-end: 0; bottom: 0; width: 236px; padding: 16px; background: var(--white); border: 1px solid var(--border); border-radius: 16px; box-shadow: var(--shadow-menu); color: var(--text); font-size: 12.5px; }
.arif-edu.arif-edu .pc-title { color: var(--ink); font-size: 15px; font-weight: 700; }
.arif-edu.arif-edu .pc-sub { margin: 2px 0 12px; color: var(--muted); }
.arif-edu.arif-edu .pc-methods { list-style: none; display: grid; gap: 6px; margin-bottom: 12px; }
.arif-edu.arif-edu .pc-methods li { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; font-weight: 500; }
.arif-edu.arif-edu .pc-methods li.is-on { border-color: var(--fee); background: var(--fee-50); color: var(--ink); box-shadow: inset 3px 0 0 var(--fee); }
.arif-edu.arif-edu .pc-methods .icon { color: var(--fee); }
.arif-edu.arif-edu .pc-status { display: flex; align-items: center; gap: 8px; color: var(--muted); font-size: 12px; }
.arif-edu.arif-edu .method-chips { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; margin-bottom: var(--s-5); }
.arif-edu.arif-edu .method-chips li { display: flex; flex-direction: column; align-items: flex-start; gap: 10px; padding: 14px; border: 1px solid var(--fee-line); border-radius: var(--radius); background: var(--fee-50); color: var(--ink); font-size: var(--fs-small); font-weight: 600; line-height: 1.3; }
.arif-edu.arif-edu .method-chips .icon { width: 36px; height: 36px; padding: 7px; border-radius: 10px; background: var(--white); color: var(--fee); }
.arif-edu.arif-edu .journey { --j-gap: var(--s-5); position: relative; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--j-gap); list-style: none; }
.arif-edu.arif-edu .journey--3 { grid-template-columns: repeat(3, minmax(0, 1fr)); }
.arif-edu.arif-edu .journey-step { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 6px; padding: 24px; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--white); transition: border-color var(--dur) ease, box-shadow .3s ease, transform .3s var(--ease); }
.arif-edu.arif-edu .journey-step:hover { border-color: var(--p-line); box-shadow: var(--shadow); transform: translateY(-3px); }
.arif-edu.arif-edu .journey-icon { position: relative; z-index: 1; display: grid; place-items: center; width: 56px; height: 56px; margin-bottom: 10px; border-radius: 16px; background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .journey-num { color: var(--p); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.arif-edu.arif-edu .journey-step h3 { font-size: 1.125rem; }
.arif-edu.arif-edu .journey-step p { font-size: 0.975rem; }
.arif-edu.arif-edu .journey-step:not(:last-child)::after { content: ""; position: absolute; z-index: 0; top: 51px; left: 80px; right: calc(-1 * var(--j-gap) - 1px); height: 2px; background: repeating-linear-gradient(90deg, var(--brand) 0 8px, rgba(0, 112, 228, 0) 8px 14px); transform-origin: left; }
.arif-edu.arif-edu .journey-step:not(:last-child)::before { content: ""; position: absolute; z-index: 1; top: 46px; right: calc(-1 * var(--j-gap) / 2 - 6px); width: 12px; height: 12px; border-radius: 50%; background: var(--white); border: 2px solid var(--brand); }
.arif-edu.arif-edu .journey-note { display: flex; align-items: flex-start; justify-content: center; gap: 8px; margin-top: var(--s-6); color: var(--muted); font-size: var(--fs-small); text-align: center; }
.arif-edu.arif-edu .journey-note .icon { width: 18px; height: 18px; margin-top: 2px; color: var(--brand); }
.arif-edu.arif-edu .people { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: var(--s-5); }
.arif-edu.arif-edu .person { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--white); transition: border-color var(--dur) ease, box-shadow .3s ease, transform .3s var(--ease); }
.arif-edu.arif-edu .person:hover { border-color: var(--p-line); box-shadow: var(--shadow); transform: translateY(-4px); }
.arif-edu.arif-edu .person-visual { position: relative; display: flex; align-items: flex-end; justify-content: center; gap: 10px; height: 132px; padding: 20px 20px 0; background: radial-gradient(240px 140px at 80% 0%, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0) 70%), var(--p-50); border-bottom: 1px solid var(--p-line); }
.arif-edu.arif-edu .person-body { display: flex; flex: 1; flex-direction: column; align-items: flex-start; gap: 8px; padding: 22px 22px 14px; }
.arif-edu.arif-edu .person-body .icon-tile { position: relative; z-index: 1; width: 44px; height: 44px; margin-top: -44px; border: 3px solid var(--white); background: var(--p); color: var(--white); box-shadow: var(--shadow); }
.arif-edu.arif-edu .person h3 { margin-top: 6px; font-size: 1.125rem; }
.arif-edu.arif-edu .person p { font-size: 0.975rem; }
.arif-edu.arif-edu .person-uses-label { margin-top: auto; padding-top: 8px; color: var(--muted); font-size: var(--fs-xs) !important; font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.arif-edu.arif-edu .person-uses { list-style: none; display: flex; flex-wrap: wrap; gap: 6px; }
.arif-edu.arif-edu .person-uses li { display: inline-flex; align-items: center; gap: 6px; padding: 2px 10px; border-radius: var(--radius-pill); background: var(--p-50); color: var(--ink); font-size: var(--fs-xs); font-weight: 600; }
.arif-edu.arif-edu .person-uses li::before { content: ""; width: 6px; height: 6px; border-radius: 50%; background: var(--p); }
.arif-edu.arif-edu .pv-tag { position: absolute; top: 14px; inset-inline-start: 16px; padding: 2px 10px; border-radius: var(--radius-pill); background: var(--white); color: var(--ink); font-size: 11px; font-weight: 600; }
.arif-edu.arif-edu .pv-chart { display: flex; align-items: flex-end; gap: 8px; width: 150px; height: 82px; padding: 10px 12px 0; border-radius: 10px 10px 0 0; background: var(--white); box-shadow: var(--shadow-sm); }
.arif-edu.arif-edu .pv-chart i { flex: 1; height: var(--h, 50%); border-radius: 4px 4px 0 0; background: var(--brand-grad); transform-origin: bottom; }
.arif-edu.arif-edu .pv-list { list-style: none; display: grid; gap: 6px; width: 170px; padding: 12px; margin-bottom: 14px; border-radius: 10px; background: var(--white); box-shadow: var(--shadow-sm); font-size: 12px; font-weight: 600; color: var(--ink); }
.arif-edu.arif-edu .pv-list li { display: flex; align-items: center; gap: 8px; }
.arif-edu.arif-edu .pv-list .icon { width: 16px; height: 16px; color: var(--muted); }
.arif-edu.arif-edu .pv-list .is-done .icon { color: var(--white); padding: 2px; border-radius: 50%; background: var(--p); }
.arif-edu.arif-edu .pv-ring { display: grid; place-items: center; width: 92px; height: 92px; margin-bottom: 16px; border-radius: 50%; background: radial-gradient(closest-side, var(--white) 72%, transparent 73%), conic-gradient(var(--p) 0 50%, var(--p-line) 50% 100%); color: var(--ink); font-weight: 700; font-size: 18px; box-shadow: var(--shadow-sm); }
.arif-edu.arif-edu .pv-receipt { display: flex; align-items: center; justify-content: space-between; gap: 10px; width: 180px; padding: 10px 12px; border-radius: 10px; background: var(--white); box-shadow: var(--shadow-sm); color: var(--ink); font-size: 12px; font-weight: 600; }
.arif-edu.arif-edu .person-visual:has(.pv-receipt) { flex-direction: column; align-items: center; justify-content: center; padding-bottom: 0; gap: 8px; }
.arif-edu.arif-edu .pv-receipt--2 { transform: scale(.95); background: rgba(255, 255, 255, .85); }
.arif-edu.arif-edu .demo-tabs { display: flex; flex-wrap: wrap; gap: 8px; margin-bottom: var(--s-6); padding: 6px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--white); width: fit-content; max-width: 100%; }
.arif-edu.arif-edu .demo-tab { display: inline-flex; align-items: center; gap: 8px; min-height: 44px; padding: 8px 18px; border: 0; border-radius: var(--radius-pill); background: transparent; color: var(--ink); font: inherit; font-size: var(--fs-small); font-weight: 600; cursor: pointer; transition: background-color var(--dur) ease, color var(--dur) ease; }
.arif-edu.arif-edu .demo-tab:hover { background: var(--p-50); }
.arif-edu.arif-edu .demo-tab[aria-selected="true"] { background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .demo-tab[aria-selected="true"] .dot { background: var(--white); }
.arif-edu.arif-edu .demo-tab:focus-visible { outline: none; box-shadow: var(--focus); }
.arif-edu.arif-edu .demo-panels { display: grid; gap: var(--s-6); }
.arif-edu.arif-edu .demo-panel { display: grid; grid-template-columns: minmax(0, .85fr) minmax(0, 1.15fr); gap: clamp(28px, 1.5rem + 3vw, 72px); align-items: center; padding: clamp(24px, 1rem + 2.5vw, 48px); border: 1px solid var(--border); border-radius: var(--radius-xl); background: var(--white); box-shadow: var(--shadow); }
.arif-edu.arif-edu .demo-panel > * { min-width: 0; }
.arif-edu.arif-edu .demo-panel:focus-visible { outline: none; box-shadow: var(--focus), var(--shadow); }
.arif-edu.arif-edu .demo-product { display: inline-flex; align-items: center; gap: 8px; margin-bottom: var(--s-3); color: var(--p); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; text-transform: uppercase; }
.arif-edu.arif-edu .demo-copy h3 { margin-bottom: var(--s-3); font-size: clamp(1.375rem, 1.1rem + .8vw, 1.75rem); }
.arif-edu.arif-edu .demo-copy > p:not(.demo-product) { margin-bottom: var(--s-5); }
.arif-edu.arif-edu .demo-copy .check-list { margin-bottom: var(--s-4); }
.arif-edu.arif-edu .demo-visual { padding: clamp(16px, 1rem + 1.5vw, 32px); border-radius: var(--radius-lg); background: radial-gradient(400px 260px at 100% 0%, rgba(255, 255, 255, .8), rgba(255, 255, 255, 0) 70%), var(--p-50); }
.arif-edu.arif-edu .js-tabs .demo-panel[hidden] { display: none; }
.arif-edu.arif-edu .win { overflow: hidden; background: var(--white); border: 1px solid var(--border); border-radius: var(--radius-lg); box-shadow: var(--shadow-lg); color: var(--text); font-size: 13px; line-height: 1.4; }
.arif-edu.arif-edu .win-chip { margin-inline-start: auto; padding: 2px 10px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--soft); color: var(--muted); font-size: 11px; white-space: nowrap; }
.arif-edu.arif-edu .win-body { display: grid; gap: 14px; padding: 18px; }
.arif-edu.arif-edu .wb-head { display: flex; align-items: baseline; justify-content: space-between; gap: 10px; }
.arif-edu.arif-edu .wb-head strong { color: var(--ink); font-size: 15px; }
.arif-edu.arif-edu .wb-head span { color: var(--muted); font-size: 12px; }
.arif-edu.arif-edu .week-chart { display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 12px; align-items: end; height: 150px; padding: 12px 12px 0; border: 1px solid var(--border); border-radius: 10px; background: linear-gradient(180deg, var(--white), var(--soft)); }
.arif-edu.arif-edu .week-chart > div { display: flex; flex-direction: column; justify-content: flex-end; align-items: center; gap: 6px; height: 100%; }
.arif-edu.arif-edu .week-chart i { display: block; width: 100%; max-width: 40px; height: var(--h, 50%); border-radius: 6px 6px 0 0; background: var(--brand-grad); transform-origin: bottom; }
.arif-edu.arif-edu .week-chart .is-today i { background: repeating-linear-gradient(135deg, var(--brand-100) 0 6px, var(--brand-line) 6px 12px); }
.arif-edu.arif-edu .week-chart span { padding-bottom: 6px; color: var(--muted); font-size: 11px; font-weight: 600; }
.arif-edu.arif-edu .wb-list { list-style: none; display: grid; border: 1px solid var(--border); border-radius: 10px; }
.arif-edu.arif-edu .wb-list li { display: flex; align-items: center; justify-content: space-between; gap: 10px; padding: 9px 12px; }
.arif-edu.arif-edu .wb-list li + li { border-top: 1px solid var(--border); }
.arif-edu.arif-edu .wb-list b { color: var(--ink); }
.arif-edu.arif-edu .lesson { display: grid; grid-template-columns: minmax(0, 1.6fr) minmax(0, 1fr); gap: 12px; }
.arif-edu.arif-edu .lesson-video { position: relative; display: grid; place-items: center; min-height: 170px; border-radius: 10px; background: linear-gradient(135deg, var(--academy) 0%, var(--brand-deep) 100%); }
.arif-edu.arif-edu .lesson-video .play { width: 48px; height: 48px; }
.arif-edu.arif-edu .lesson-video .play .icon { width: 24px; height: 24px; }
.arif-edu.arif-edu .lesson-cap { position: absolute; inset-inline-start: 12px; bottom: 10px; color: var(--white); font-size: 12px; font-weight: 600; }
.arif-edu.arif-edu .lesson-outline { list-style: none; display: grid; align-content: start; gap: 6px; }
.arif-edu.arif-edu .lesson-outline li { display: flex; align-items: center; gap: 8px; padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; color: var(--ink); font-weight: 500; }
.arif-edu.arif-edu .lesson-outline .icon { width: 16px; height: 16px; color: var(--muted); }
.arif-edu.arif-edu .lesson-outline .is-done .icon { padding: 2px; border-radius: 50%; background: var(--academy); color: var(--white); }
.arif-edu.arif-edu .lesson-outline .is-now { border-color: var(--academy-line); background: var(--academy-50); box-shadow: inset 3px 0 0 var(--academy); }
.arif-edu.arif-edu .lesson-outline .is-now .icon { color: var(--academy); }
.arif-edu.arif-edu .wb-progress { display: grid; grid-template-columns: auto minmax(0, 1fr) auto; gap: 10px; align-items: center; color: var(--muted); font-size: 12px; }
.arif-edu.arif-edu .wb-progress b { color: var(--ink); }
.arif-edu.arif-edu .wb-progress .bar > i { background: linear-gradient(90deg, var(--academy), var(--brand)); }
.arif-edu.arif-edu .lab { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 14px; align-items: center; }
.arif-edu.arif-edu .lab-art { width: 100%; height: auto; border-radius: 10px; background: linear-gradient(180deg, var(--academy-50), var(--white)); border: 1px solid var(--border); }
.arif-edu.arif-edu .lab-art line,
.arif-edu.arif-edu .lab-art path { fill: none; stroke: var(--ink); stroke-width: 2; stroke-linecap: round; }
.arif-edu.arif-edu .lab-art .lab-arc { stroke: var(--academy); stroke-dasharray: 4 5; }
.arif-edu.arif-edu .lab-art circle { fill: var(--academy); stroke: none; }
.arif-edu.arif-edu .lab-swing { transform-origin: 100px 14px; transform: rotate(14deg); }
.arif-edu.arif-edu .lab-controls { display: grid; gap: 10px; }
.arif-edu.arif-edu .lab-name { color: var(--ink); font-weight: 700; }
.arif-edu.arif-edu .lab-controls label { display: grid; gap: 6px; color: var(--muted); font-size: 12px; }
.arif-edu.arif-edu .slider { position: relative; display: block; height: 6px; border-radius: 3px; background: var(--border); }
.arif-edu.arif-edu .slider > i { position: relative; display: block; height: 100%; border-radius: 3px; background: var(--academy); }
.arif-edu.arif-edu .slider > i::after { content: ""; position: absolute; right: -7px; top: -4px; width: 14px; height: 14px; border-radius: 50%; background: var(--white); border: 2px solid var(--academy); }
.arif-edu.arif-edu .lab-btn { justify-self: start; padding: 6px 16px; border-radius: 8px; background: var(--academy); color: var(--white); font-weight: 600; }
.arif-edu.arif-edu .report { display: grid; gap: 12px; }
.arif-edu.arif-edu .report-line { width: 100%; height: 110px; border: 1px solid var(--border); border-radius: 10px; background: linear-gradient(180deg, var(--white), var(--soft)); }
.arif-edu.arif-edu .rl-area { fill: rgba(0, 112, 228, .12); }
.arif-edu.arif-edu .rl-line { fill: none; stroke: var(--brand); stroke-width: 2.5; stroke-linejoin: round; }
.arif-edu.arif-edu .report-legend { color: var(--muted); font-size: 11px; font-weight: 600; }
.arif-edu.arif-edu .report-bars { display: grid; gap: 8px; }
.arif-edu.arif-edu .report-bars > div { display: grid; grid-template-columns: 64px minmax(0, 1fr); gap: 10px; align-items: center; color: var(--ink); font-size: 12px; font-weight: 600; }
.arif-edu.arif-edu .pay-steps { list-style: none; display: grid; gap: 0; }
.arif-edu.arif-edu .pay-steps li { position: relative; display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 14px; padding-bottom: 20px; }
.arif-edu.arif-edu .pay-steps li:last-child { padding-bottom: 0; }
.arif-edu.arif-edu .pay-steps li:not(:last-child)::after { content: ""; position: absolute; left: 19px; top: 40px; bottom: 0; width: 2px; background: repeating-linear-gradient(180deg, var(--fee) 0 6px, transparent 6px 11px); }
.arif-edu.arif-edu .ps-dot { grid-row: span 2; display: grid; place-items: center; width: 40px; height: 40px; border-radius: 50%; border: 2px solid var(--fee-line); background: var(--fee-50); color: var(--fee); }
.arif-edu.arif-edu .pay-steps .is-done .ps-dot { border-color: var(--fee); background: var(--fee); color: var(--white); }
.arif-edu.arif-edu .pay-steps b { padding-top: 2px; color: var(--ink); font-size: 14px; }
.arif-edu.arif-edu .pay-steps span:not(.ps-dot) { color: var(--muted); font-size: 12px; }
.arif-edu.arif-edu .eco { --eco-gap: clamp(40px, 2rem + 3vw, 96px); display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, .8fr) minmax(0, 1fr); gap: var(--eco-gap); align-items: center; }
.arif-edu.arif-edu .eco-col { list-style: none; position: relative; display: grid; gap: 12px; }
.arif-edu.arif-edu .eco-col li { position: relative; }
.arif-edu.arif-edu .eco-col li > a,
.arif-edu.arif-edu .eco-people li { display: flex; align-items: center; gap: 12px; }
.arif-edu.arif-edu .eco-col li span { min-width: 0; }
.arif-edu.arif-edu .eco-people li,
.arif-edu.arif-edu .eco-products a { padding: 14px 16px; border: 1px solid var(--border); border-radius: var(--radius); background: var(--white); box-shadow: var(--shadow-sm); color: var(--ink); text-decoration: none; }
.arif-edu.arif-edu .eco-products a { border-color: var(--p-line); transition: border-color var(--dur) ease, transform var(--dur) var(--ease), box-shadow var(--dur) ease; }
.arif-edu.arif-edu .eco-products a:hover { border-color: var(--p); box-shadow: var(--shadow); transform: translateX(4px); color: var(--ink); }
.arif-edu.arif-edu .eco-col .icon { width: 40px; height: 40px; padding: 9px; border-radius: 12px; background: var(--brand-50); color: var(--brand); }
.arif-edu.arif-edu .eco-products .icon { background: var(--p); color: var(--white); }
.arif-edu.arif-edu .eco-col strong { display: block; color: var(--ink); font-size: 1rem; }
.arif-edu.arif-edu .eco-col small { display: block; color: var(--muted); font-size: var(--fs-xs); line-height: 1.4; }
.arif-edu.arif-edu .eco-hub { position: relative; z-index: 1; display: flex; flex-direction: column; align-items: center; gap: 6px; padding: 28px 18px; text-align: center; border-radius: var(--radius-xl); background: var(--brand-grad); color: var(--on-chrome-soft); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .eco-hub strong { color: var(--white); font-size: 1.25rem; }
.arif-edu.arif-edu .eco-hub > span:last-child { font-size: var(--fs-small); }
.arif-edu.arif-edu .eco-hub-icon { display: grid; place-items: center; width: 64px; height: 64px; margin-bottom: 6px; border-radius: 50%; background: var(--white); color: var(--brand-deep); box-shadow: 0 0 0 10px rgba(255, 255, 255, .14); }
.arif-edu.arif-edu .eco-hub-icon .icon { width: 30px; height: 30px; }
.arif-edu.arif-edu .eco-col li::after { content: ""; position: absolute; top: 50%; width: calc(var(--eco-gap) / 2); height: 2px; background: var(--brand-line); }
.arif-edu.arif-edu .eco-people li::after { left: 100%; }
.arif-edu.arif-edu .eco-products li::after { right: 100%; background: var(--p-line); }
.arif-edu.arif-edu .eco-col::before { content: ""; position: absolute; top: 34px; bottom: 34px; width: 2px; background: var(--brand-line); }
.arif-edu.arif-edu .eco-people::before { left: calc(100% + var(--eco-gap) / 2 - 1px); }
.arif-edu.arif-edu .eco-products::before { right: calc(100% + var(--eco-gap) / 2 - 1px); }
.arif-edu.arif-edu .eco-hub::before,
.arif-edu.arif-edu .eco-hub::after { content: ""; position: absolute; top: 50%; width: calc(var(--eco-gap) / 2); height: 2px; background: repeating-linear-gradient(90deg, var(--brand) 0 8px, rgba(0, 112, 228, 0) 8px 14px); background-size: 28px 2px; }
.arif-edu.arif-edu .eco-hub::before { right: 100%; }
.arif-edu.arif-edu .eco-hub::after { left: 100%; }
.arif-edu.arif-edu .eco-note { display: block; max-width: 760px; margin: var(--s-6) auto 0; color: var(--muted); font-size: var(--fs-small); text-align: center; }
.arif-edu.arif-edu .eco-note .icon { width: 18px; height: 18px; margin-inline-end: 6px; vertical-align: -4px; color: var(--brand); }
.arif-edu.arif-edu .eco-note .tbc { margin-top: 6px; }
.arif-edu.arif-edu .changes { list-style: none; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: var(--s-4); }
.arif-edu.arif-edu .change { display: grid; grid-template-columns: minmax(0, 1fr) 40px minmax(0, 1fr); align-items: stretch; gap: 0; border: 1px solid var(--on-dark-line); border-radius: var(--radius-lg); background: rgba(255, 255, 255, .04); overflow: hidden; transition: border-color var(--dur) ease, background-color var(--dur) ease; }
.arif-edu.arif-edu .change:hover { border-color: rgba(255, 255, 255, .35); background: rgba(255, 255, 255, .07); }
.arif-edu.arif-edu .change-from,
.arif-edu.arif-edu .change-to { padding: 20px; }
.arif-edu.arif-edu .change-from p { color: var(--on-dark); }
.arif-edu.arif-edu .change-to { background: rgba(255, 255, 255, .07); }
.arif-edu.arif-edu .change-to p { color: var(--white); font-weight: 500; }
.arif-edu.arif-edu .change-label { display: inline-flex; align-items: center; gap: 6px; margin-bottom: 6px; color: var(--on-dark-accent); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.arif-edu.arif-edu .change .dot { background: var(--p); }
.arif-edu.arif-edu .band-dark .theme-school { --p: #59AEFF; }
.arif-edu.arif-edu .band-dark .theme-academy { --p: #A9A3FF; }
.arif-edu.arif-edu .band-dark .theme-fee { --p: #5ED3C2; }
.arif-edu.arif-edu .change-arrow { display: grid; place-items: center; color: var(--white); background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .07) 50%); }
.arif-edu.arif-edu .change-arrow .icon { width: 30px; height: 30px; padding: 6px; border-radius: 50%; background: var(--brand); }
.arif-edu.arif-edu .principles { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--s-4); margin-top: var(--s-6); }
.arif-edu.arif-edu .principles li { display: flex; align-items: flex-start; gap: 14px; padding: 18px 0; border-top: 1px solid var(--on-dark-line); color: var(--on-dark); font-size: var(--fs-small); }
.arif-edu.arif-edu .principles .icon { width: 44px; height: 44px; padding: 10px; border-radius: 12px; background: rgba(255, 255, 255, .1); color: var(--white); }
.arif-edu.arif-edu .principles strong { display: block; font-size: 1rem; }
.arif-edu.arif-edu .impact-tbc { margin-top: var(--s-5); }
.arif-edu.arif-edu .cta-contacts { list-style: none; display: flex; flex-wrap: wrap; gap: 8px 24px; margin-top: var(--s-5); }
.arif-edu.arif-edu .cta-contacts li { display: inline-flex; align-items: center; gap: 8px; color: var(--white); font-size: var(--fs-small); font-weight: 500; }
.arif-edu.arif-edu .cta-contacts a { display: inline-flex; align-items: center; min-height: 32px; color: var(--white); font-weight: 600; }
.arif-edu.arif-edu .cta-contacts .icon { width: 20px; height: 20px; }
.arif-edu.arif-edu .cta-band :focus-visible { outline-color: var(--white); }
.arif-edu.arif-edu .demo-split { display: grid; grid-template-columns: minmax(0, .9fr) minmax(0, 1.1fr); gap: clamp(28px, 1.5rem + 3vw, 72px); align-items: center; }
.arif-edu.arif-edu .demo-split > * { min-width: 0; }
.arif-edu.arif-edu .demo-split--flip > :first-child { order: 2; }
.arif-edu.arif-edu .demo-split .demo-visual { position: relative; }
.arif-edu.arif-edu .demo-pair { display: grid; gap: var(--s-4); }
@media (max-width: 1024px) {
.arif-edu.arif-edu .showcase,
.arif-edu.arif-edu .demo-panel,
.arif-edu.arif-edu .demo-split { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .demo-split--flip > :first-child { order: 0; }
.arif-edu.arif-edu .showcase--fee .showcase-visual { order: 2; }
.arif-edu.arif-edu .people { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .journey { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .journey-step:nth-child(2n)::after,
.arif-edu.arif-edu .journey-step:nth-child(2n)::before { display: none; }
.arif-edu.arif-edu .changes { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .hs-lesson { inset-inline-start: 0; }
}
@media (max-width: 860px) {
.arif-edu.arif-edu .eco { grid-template-columns: minmax(0, 1fr); gap: 0; }
.arif-edu.arif-edu .eco-people { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .eco-col li::after,
.arif-edu.arif-edu .eco-col::before { display: none; }
.arif-edu.arif-edu .eco-hub { margin-block: 40px; }
.arif-edu.arif-edu .eco-hub::before,
.arif-edu.arif-edu .eco-hub::after { left: 50%; right: auto; width: 2px; height: 40px; transform: translateX(-50%); background: repeating-linear-gradient(180deg, var(--brand) 0 8px, rgba(0, 112, 228, 0) 8px 14px); }
.arif-edu.arif-edu .eco-hub::before { top: auto; bottom: 100%; }
.arif-edu.arif-edu .eco-hub::after { top: 100%; }
.arif-edu.arif-edu .journey,
.arif-edu.arif-edu .journey--3 { grid-template-columns: minmax(0, 1fr); --j-gap: var(--s-4); }
.arif-edu.arif-edu .journey-step { display: grid; grid-template-columns: 56px minmax(0, 1fr); column-gap: 18px; row-gap: 4px; }
.arif-edu.arif-edu .journey-icon { grid-row: span 3; margin: 0; }
.arif-edu.arif-edu .journey-step:not(:last-child)::after,
.arif-edu.arif-edu .journey-step:nth-child(2n):not(:last-child)::after { display: block; top: 80px; left: 51px; right: auto; bottom: calc(-1 * var(--j-gap) - 1px); width: 2px; height: auto; background: repeating-linear-gradient(180deg, var(--brand) 0 8px, rgba(0, 112, 228, 0) 8px 14px); transform-origin: top; }
.arif-edu.arif-edu .journey-step:not(:last-child)::before,
.arif-edu.arif-edu .journey-step:nth-child(2n):not(:last-child)::before { display: block; top: auto; right: auto; left: 46px; bottom: calc(-1 * var(--j-gap) / 2 - 6px); }
}
@media (max-width: 640px) {
.arif-edu.arif-edu .hero-stage { padding-top: 0; }
.arif-edu.arif-edu .hs-lesson { position: relative; inset: auto; width: auto; margin-bottom: 12px; }
.arif-edu.arif-edu .hero-stage .mock { margin-inline-start: 0; }
.arif-edu.arif-edu .hero-note { margin-top: var(--s-4); }
.arif-edu.arif-edu .people,
.arif-edu.arif-edu .eco-people,
.arif-edu.arif-edu .method-chips { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .method-chips li { flex-direction: row; align-items: center; }
.arif-edu.arif-edu .subject-dots { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .shot-stack { padding: 0; display: grid; gap: 12px; }
.arif-edu.arif-edu .shot-stack > .shot:first-child,
.arif-edu.arif-edu .shot-stack > .shot:last-child { position: static; width: 100%; opacity: 1; }
.arif-edu.arif-edu .fee-visual { padding: 0; display: grid; gap: 12px; }
.arif-edu.arif-edu .fee-visual > .shot { width: 100%; }
.arif-edu.arif-edu .pay-card { position: static; width: auto; }
.arif-edu.arif-edu .demo-tabs { border-radius: var(--radius-lg); width: 100%; }
.arif-edu.arif-edu .demo-tab { flex: 1 1 auto; justify-content: center; }
.arif-edu.arif-edu .lesson,
.arif-edu.arif-edu .lab { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .change { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .change-arrow { height: 36px; background: rgba(255, 255, 255, .04); }
.arif-edu.arif-edu .change-arrow .icon { transform: rotate(90deg); }
.arif-edu.arif-edu .principles { grid-template-columns: minmax(0, 1fr); gap: 0; }
.arif-edu.arif-edu .showcase--academy { padding: 24px 18px; }
.arif-edu.arif-edu .sol-switch { margin-top: 0; }
.arif-edu.arif-edu .sol-switch li { flex: 1 1 100%; }
.arif-edu.arif-edu .sol-switch a { width: 100%; }
}
@keyframes arif-dash-flow { to { background-position: 28px 0; } }
@keyframes arif-dash-flow-y { to { background-position: 0 28px; } }
@keyframes arif-grow-y { from { transform: scaleY(0); } }
@keyframes arif-draw-x { from { transform: scaleX(0); } }
@keyframes arif-swing { 0%, 100% { transform: rotate(14deg); } 50% { transform: rotate(-14deg); } }
@keyframes arif-pulse-ring { 0% { box-shadow: 0 0 0 0 rgba(255, 255, 255, .35); } 100% { box-shadow: 0 0 0 18px rgba(255, 255, 255, 0); } }
@media (prefers-reduced-motion: no-preference) {
.arif-edu.arif-edu .hs-lesson { animation: arif-float 8s ease-in-out infinite; }
.arif-edu.arif-edu .eco-hub::before,
.arif-edu.arif-edu .eco-hub::after { animation: arif-dash-flow 1.4s linear infinite; }
.arif-edu.arif-edu .eco-hub-icon { animation: arif-pulse-ring 2.6s ease-out infinite; }
.arif-edu.arif-edu .lab-swing { animation: arif-swing 2.4s ease-in-out infinite; }
.js-anim .arif-edu.arif-edu .journey:not(.is-drawn) .journey-step::after { transform: scaleX(0); }
.js-anim .arif-edu.arif-edu .journey .journey-step::after { transition: transform .8s var(--ease); }
.js-anim .arif-edu.arif-edu .journey .journey-step:nth-child(2)::after { transition-delay: .35s; }
.js-anim .arif-edu.arif-edu .journey .journey-step:nth-child(3)::after { transition-delay: .7s; }
.arif-edu.arif-edu .journey.is-drawn .journey-step:not(:last-child)::after { animation: arif-dash-flow 1.4s linear .9s infinite; background-size: 28px 2px; }
.js-anim .arif-edu.arif-edu .win:not(.is-live) .week-chart i,
.js-anim .arif-edu.arif-edu .person:not(.is-live) .pv-chart i { transform: scaleY(.08); }
.arif-edu.arif-edu .week-chart i,
.arif-edu.arif-edu .pv-chart i { transition: transform .9s var(--ease); }
.arif-edu.arif-edu .week-chart div:nth-child(2) i,
.arif-edu.arif-edu .pv-chart i:nth-child(2) { transition-delay: .08s; }
.arif-edu.arif-edu .week-chart div:nth-child(3) i,
.arif-edu.arif-edu .pv-chart i:nth-child(3) { transition-delay: .16s; }
.arif-edu.arif-edu .week-chart div:nth-child(4) i,
.arif-edu.arif-edu .pv-chart i:nth-child(4) { transition-delay: .24s; }
.arif-edu.arif-edu .week-chart div:nth-child(5) i,
.arif-edu.arif-edu .pv-chart i:nth-child(5) { transition-delay: .32s; }
.js-anim .arif-edu.arif-edu .win:not(.is-live) .rl-line { stroke-dashoffset: 100; }
.arif-edu.arif-edu .rl-line { transition: stroke-dashoffset 1.4s var(--ease); stroke-dasharray: 100; stroke-dashoffset: 0; }
.arif-edu.arif-edu .demo-panel.is-entering { animation: arif-rise .45s var(--ease); }
.arif-edu.arif-edu .person:hover .person-visual > * { transform: translateY(-3px); }
.arif-edu.arif-edu .person-visual > * { transition: transform .35s var(--ease); }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 860px) {
.js-anim .arif-edu.arif-edu .journey:not(.is-drawn) .journey-step::after { transform: scaleY(0); }
.arif-edu.arif-edu .journey.is-drawn .journey-step:not(:last-child)::after { animation-name: arif-dash-flow-y; background-size: 2px 28px; }
}
.arif-edu.arif-edu .fee-visual--wide { max-width: 940px; margin: clamp(40px, 2rem + 2vw, 64px) auto 0; }
.arif-edu.arif-edu .journey-step p a { font-weight: 600; }
.arif-edu.arif-edu .footer-contact a.value { display: inline-flex; align-items: center; min-height: 24px; text-decoration: none; }
.arif-edu.arif-edu .footer-contact a.value:hover { color: var(--chrome-accent); text-decoration: underline; }
.arif-edu.arif-edu .footer-social { gap: 8px; }
.arif-edu.arif-edu .footer-bottom .footer-social a { width: 40px; height: 40px; border: 1px solid var(--chrome-line); color: var(--on-chrome); }
.arif-edu.arif-edu .footer-bottom .footer-social a:hover { border-color: var(--white); background: var(--white); color: var(--brand-deep); }
.arif-edu.arif-edu .footer-bottom .footer-social .icon { width: 18px; height: 18px; }
.arif-edu.arif-edu .about-hero { grid-template-columns: minmax(0, 1fr) minmax(0, .9fr); }
.arif-edu.arif-edu .trio { display: flex; flex-direction: column; }
.arif-edu.arif-edu .trio-row { position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 14px; }
.arif-edu.arif-edu .trio-core { position: relative; align-self: center; display: inline-flex; align-items: center; gap: 12px; margin-bottom: 56px; padding: 14px 22px 14px 14px; border-radius: var(--radius-lg); background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-lg); }
.arif-edu.arif-edu .trio-core strong { color: var(--white); font-size: 1.125rem; }
.arif-edu.arif-edu .trio-core::after { content: ""; position: absolute; left: 50%; top: 100%; width: 2px; height: 28px; background: var(--brand); }
.arif-edu.arif-edu .trio-row::before { content: ""; position: absolute; top: -28px; left: calc((100% - 28px) / 6); right: calc((100% - 28px) / 6); height: 2px; background: var(--brand-line); }
.arif-edu.arif-edu .trio-item { position: relative; display: flex; flex-direction: column; align-items: flex-start; gap: 4px; padding: 18px; border: 1px solid var(--p-line); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow); }
.arif-edu.arif-edu .trio-item::before { content: ""; position: absolute; left: 50%; bottom: 100%; width: 2px; height: 28px; background: var(--p-line); }
.arif-edu.arif-edu .trio-item .icon-tile { width: 44px; height: 44px; margin-bottom: 8px; background: var(--p); color: var(--white); }
.arif-edu.arif-edu .trio-item b { color: var(--ink); font-size: .975rem; line-height: 1.3; }
.arif-edu.arif-edu .trio-item span:last-child { color: var(--muted); font-size: var(--fs-xs); }
.arif-edu.arif-edu .trio .brand-mark { flex: none; }
@media (max-width: 1024px) {
.arif-edu.arif-edu .about-hero { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .trio { max-width: 560px; }
}
@media (max-width: 520px) {
.arif-edu.arif-edu .trio-row { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .trio-row::before,
.arif-edu.arif-edu .trio-item::before,
.arif-edu.arif-edu .trio-core::after { display: none; }
.arif-edu.arif-edu .trio-core { align-self: stretch; margin-bottom: 14px; }
}
html:has(.arif-edu) { --section: clamp(72px, 4.5rem + 4vw, 136px); --grid-line: rgba(0, 21, 126, .05); --shadow-float: 0 2px 6px rgba(0, 21, 126, .05), 0 30px 60px -28px rgba(0, 21, 126, .35); }
.arif-edu.arif-edu .btn { border-radius: var(--radius-pill); }
.arif-edu.arif-edu .btn--lg { padding-inline: 32px; }
.arif-edu.arif-edu .btn .icon--sm { transition: transform var(--dur) var(--ease); }
.arif-edu.arif-edu .btn:hover .icon--sm { transform: translateX(3px); }
.arif-edu.arif-edu .btn--outline { border-color: var(--border-strong); box-shadow: var(--shadow-sm); }
.arif-edu.arif-edu .grad-text--light { color: var(--on-dark-accent); }
@supports ((-webkit-background-clip: text) or (background-clip: text)) {
.arif-edu.arif-edu .grad-text--light { background: linear-gradient(135deg, #8EC2FF 0%, #FFFFFF 100%); -webkit-background-clip: text; background-clip: text; color: transparent; }
}
.arif-edu.arif-edu .section-head h2 { letter-spacing: -.03em; }
.arif-edu.arif-edu .section-head--center { max-width: 760px; }
.arif-edu.arif-edu .hero--light,
.arif-edu.arif-edu .page-hero { background: radial-gradient(ellipse 70% 80% at 35% 45%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .55) 55%, #FFFFFF 85%),
    linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 48px 48px,
    radial-gradient(900px 520px at 88% 0%, var(--brand-100), rgba(220, 235, 253, 0) 65%),
    radial-gradient(600px 420px at 0% 100%, rgba(67, 56, 202, .07), rgba(67, 56, 202, 0) 70%),
    #FFFFFF; }
.arif-edu.arif-edu .hero--light { color: var(--text); padding-block: clamp(56px, 3rem + 4vw, 112px) clamp(88px, 4rem + 6vw, 160px); border-bottom: 1px solid var(--border); }
.arif-edu.arif-edu .hero--light::before { display: none; }
.arif-edu.arif-edu .hero--light h1 { color: var(--ink); font-size: clamp(2.5rem, 1.2rem + 3.3vw, 4rem); line-height: 1.02; letter-spacing: -.045em; }
.arif-edu.arif-edu .hero--light .lead { color: var(--text); font-size: clamp(1.0625rem, 1rem + .4vw, 1.25rem); }
.arif-edu.arif-edu .hero--light .eyebrow { border-color: var(--brand-line); background: var(--white); color: var(--brand-700); box-shadow: var(--shadow-sm); }
.arif-edu.arif-edu .hero--light .eyebrow::before { background: var(--brand-grad); }
.arif-edu.arif-edu .hero--light .mock-note { color: var(--muted); }
.arif-edu.arif-edu .hero--light .hero-community li { border-color: var(--border); background: rgba(255, 255, 255, .85); color: var(--ink); box-shadow: var(--shadow-sm); }
.arif-edu.arif-edu .hero--light .hero-community .icon { background: var(--brand-50); color: var(--brand); }
.arif-edu.arif-edu .hero--light .tbc { background: var(--warn-50); border-color: var(--warn-line); color: var(--warn); }
.arif-edu.arif-edu .hero--light :focus-visible { outline-color: var(--brand); }
.arif-edu.arif-edu .hero-stage--devices { padding: 0 0 56px 64px; }
.arif-edu.arif-edu .hero-stage--devices .mock { margin: 0; }
.arif-edu.arif-edu .hero-stage--devices .mock-float { top: -28px; bottom: auto; inset-inline-end: -12px; }
.arif-edu.arif-edu .phone { position: absolute; z-index: 3; inset-inline-start: 0; bottom: 0; width: 196px; padding: 8px; border-radius: 34px; background: linear-gradient(160deg, #1B2B7A, #050C3A); box-shadow: 0 40px 70px -26px rgba(0, 10, 60, .65), inset 0 0 0 1px rgba(255, 255, 255, .12); transform: rotate(-4deg); }
.arif-edu.arif-edu .phone-screen { display: flex; flex-direction: column; gap: 9px; min-height: 360px; padding: 8px 12px 14px; border-radius: 27px; background: var(--white); color: var(--text); font-size: 11px; line-height: 1.35; }
.arif-edu.arif-edu .phone-notch { align-self: center; width: 64px; height: 16px; margin-bottom: 2px; border-radius: 10px; background: #050C3A; }
.arif-edu.arif-edu .phone-app { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 10px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.arif-edu.arif-edu .phone-app .dot { width: 6px; height: 6px; background: var(--academy); }
.arif-edu.arif-edu .phone-title { color: var(--ink); font-size: 13px; font-weight: 700; line-height: 1.25; }
.arif-edu.arif-edu .phone-video { display: grid; place-items: center; height: 92px; border-radius: 12px; background: linear-gradient(135deg, var(--academy) 0%, var(--brand-deep) 100%); }
.arif-edu.arif-edu .phone-list { list-style: none; display: grid; gap: 5px; }
.arif-edu.arif-edu .phone-list li { display: flex; align-items: center; gap: 7px; padding: 6px 8px; border: 1px solid var(--border); border-radius: 8px; color: var(--ink); font-weight: 600; }
.arif-edu.arif-edu .phone-list .icon { width: 14px; height: 14px; color: var(--muted); }
.arif-edu.arif-edu .phone-list .is-done .icon { padding: 2px; border-radius: 50%; background: var(--academy); color: var(--white); }
.arif-edu.arif-edu .phone-list .is-now { border-color: var(--academy-line); background: var(--academy-50); box-shadow: inset 3px 0 0 var(--academy); }
.arif-edu.arif-edu .phone-prog { display: grid; grid-template-columns: minmax(0, 1fr) auto; gap: 8px; align-items: center; color: var(--muted); font-size: 10px; }
.arif-edu.arif-edu .phone-prog .bar > i { background: linear-gradient(90deg, var(--academy), var(--brand)); }
.arif-edu.arif-edu .phone-btn { margin-top: auto; padding: 8px; border-radius: var(--radius-pill); background: var(--brand-grad); color: var(--white); font-weight: 700; text-align: center; }
.arif-edu.arif-edu .section:not(.section--soft):not(.band-dark) { position: relative; isolation: isolate; }
.arif-edu.arif-edu .section:not(.section--soft):not(.band-dark)::before { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(420px 300px at 100% 35%, rgba(0, 112, 228, .05), rgba(0, 112, 228, 0) 70%),
    radial-gradient(380px 280px at 0% 62%, rgba(67, 56, 202, .04), rgba(67, 56, 202, 0) 70%); }
.arif-edu.arif-edu .section--soft { background: linear-gradient(180deg, var(--soft) 0%, #F8FAFE 100%); }
.arif-edu.arif-edu .card,
.arif-edu.arif-edu .workflow,
.arif-edu.arif-edu .benefit-col,
.arif-edu.arif-edu .person,
.arif-edu.arif-edu .journey-step,
.arif-edu.arif-edu .demo-panel,
.arif-edu.arif-edu .eco-people li,
.arif-edu.arif-edu .eco-products a,
.arif-edu.arif-edu .feature-card { box-shadow: var(--shadow-sm); }
.arif-edu.arif-edu .card:hover,
.arif-edu.arif-edu .person:hover,
.arif-edu.arif-edu .journey-step:hover { box-shadow: var(--shadow-float); }
.arif-edu.arif-edu .shot,
.arif-edu.arif-edu .win { transition: transform .45s var(--ease), box-shadow .45s ease; }
.arif-edu.arif-edu .showcase:hover .shot,
.arif-edu.arif-edu .demo-split:hover .win,
.arif-edu.arif-edu .demo-visual:hover .win { transform: translateY(-4px); }
.arif-edu.arif-edu .journey-step { padding-bottom: 56px; }
.arif-edu.arif-edu .journey-big { position: absolute; bottom: 10px; inset-inline-end: 16px; z-index: 0; font-size: 3.25rem; font-weight: 700; line-height: 1; letter-spacing: -.04em; font-variant-numeric: tabular-nums; color: transparent; -webkit-text-stroke: 1.5px var(--brand-line); transition: -webkit-text-stroke-color var(--dur) ease, color var(--dur) ease; }
.arif-edu.arif-edu .journey-big::before { content: attr(data-n); }
.arif-edu.arif-edu .journey-step:hover .journey-big { color: var(--brand-50); -webkit-text-stroke-color: var(--brand); }
@media (forced-colors: active) {
.arif-edu.arif-edu .journey-big { color: CanvasText; -webkit-text-stroke: 0; }
}
.arif-edu.arif-edu .demo.js-tabs { display: grid; grid-template-columns: minmax(0, .78fr) minmax(0, 1.22fr); gap: clamp(24px, 1rem + 3vw, 56px); align-items: start; }
.arif-edu.arif-edu .js-tabs .demo-tabs { position: sticky; top: calc(var(--header-h) + 24px); flex-direction: column; flex-wrap: nowrap; gap: 12px; width: auto; margin: 0; padding: 0; border: 0; border-radius: 0; background: none; }
.arif-edu.arif-edu .js-tabs .demo-tab { justify-content: flex-start; gap: 14px; width: 100%; min-height: 0; padding: 14px 16px; text-align: start; border: 1.5px solid var(--border); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-sm); transition: border-color var(--dur) ease, box-shadow var(--dur) ease, transform var(--dur) var(--ease), background-color var(--dur) ease; }
.arif-edu.arif-edu .js-tabs .demo-tab:hover { border-color: var(--p-line); background: var(--white); transform: translateX(3px); }
.arif-edu.arif-edu .js-tabs .demo-tab[aria-selected="true"] { border-color: var(--p); background: var(--p-50); color: var(--ink); box-shadow: var(--shadow-float), inset 4px 0 0 var(--p); }
.arif-edu.arif-edu .demo-tab-icon { display: grid; place-items: center; flex: none; width: 42px; height: 42px; border-radius: 12px; background: var(--p-50); color: var(--p); transition: background var(--dur) ease, color var(--dur) ease; }
.arif-edu.arif-edu .demo-tab[aria-selected="true"] .demo-tab-icon { background: var(--p); color: var(--white); }
.arif-edu.arif-edu .demo-tab-text { display: flex; flex-direction: column; gap: 2px; min-width: 0; }
.arif-edu.arif-edu .demo-tab-text strong { color: var(--ink); font-size: 1rem; }
.arif-edu.arif-edu .demo-tab-text small { color: var(--muted); font-size: var(--fs-xs); font-weight: 500; line-height: 1.4; }
.arif-edu.arif-edu .js-tabs .demo-panel { grid-template-columns: minmax(0, 1fr); gap: var(--s-5); padding: 12px 12px clamp(20px, 1rem + 1vw, 28px); }
.arif-edu.arif-edu .js-tabs .demo-copy { padding-inline: clamp(8px, .5rem + 1vw, 20px); }
.arif-edu.arif-edu .js-tabs .demo-panel .demo-visual { order: -1; }
.arif-edu.arif-edu .js-tabs .demo-copy .check-list { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .demo-tabs[hidden] { display: none; }
.arif-edu.arif-edu .cta-inner--art { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); align-items: center; gap: var(--s-6); padding-block: clamp(40px, 2rem + 3vw, 80px); }
.arif-edu.arif-edu .cta-inner--art > div:first-child { flex: none; }
.arif-edu.arif-edu .cta-inner--art .btn-row { margin-top: var(--s-6); }
.arif-edu.arif-edu .cta-art { position: relative; height: 260px; }
.arif-edu.arif-edu .ca-ring { position: absolute; top: 50%; left: 40%; width: 230px; height: 230px; transform: translate(-50%, -50%); border-radius: 50%; border: 1px dashed rgba(255, 255, 255, .35); }
.arif-edu.arif-edu .ca-ring::after { content: ""; position: absolute; inset: 34px; border-radius: 50%; border: 1px solid rgba(255, 255, 255, .18); }
.arif-edu.arif-edu .ca-core { position: absolute; top: 50%; left: 40%; display: grid; place-items: center; width: 76px; height: 76px; transform: translate(-50%, -50%); border-radius: 22px; background: var(--white); color: var(--brand); box-shadow: 0 20px 40px -16px rgba(0, 6, 40, .6); }
.arif-edu.arif-edu .ca-core .icon { width: 34px; height: 34px; }
.arif-edu.arif-edu .ca-card { position: absolute; display: inline-flex; align-items: center; gap: 10px; padding: 8px 14px 8px 8px; border-radius: var(--radius-pill); background: rgba(255, 255, 255, .96); color: var(--ink); font-size: var(--fs-small); font-weight: 700; white-space: nowrap; box-shadow: 0 18px 36px -18px rgba(0, 6, 40, .7); }
.arif-edu.arif-edu .ca-card .icon-tile { width: 34px; height: 34px; border-radius: 50%; background: var(--p); color: var(--white); }
.arif-edu.arif-edu .ca-card .icon-tile .icon { width: 18px; height: 18px; }
.arif-edu.arif-edu .ca-card--school { top: 4px; left: 0; }
.arif-edu.arif-edu .ca-card--academy { top: 42%; right: 0; }
.arif-edu.arif-edu .ca-card--fee { bottom: 4px; left: 6%; }
.arif-edu.arif-edu .page-hero { padding-block: clamp(40px, 2rem + 2.5vw, 72px) clamp(64px, 3rem + 4vw, 128px); }
.arif-edu.arif-edu .page-hero h1,
.arif-edu.arif-edu .page-hero--product h1 { letter-spacing: -.04em; }
.arif-edu.arif-edu .page-hero--product .hero-grid > :last-child::before { background: var(--brand-grad); box-shadow: var(--shadow-lg); }
@media (max-width: 1024px) {
.arif-edu.arif-edu .hero-stage--devices { padding: 36px 0 48px 56px; max-width: 680px; }
.arif-edu.arif-edu .demo.js-tabs { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .js-tabs .demo-tabs { position: static; display: grid; grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); }
.arif-edu.arif-edu .cta-inner--art { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .cta-art { display: none; }
}
@media (max-width: 640px) {
.arif-edu.arif-edu .hero-stage--devices { display: grid; justify-items: center; gap: 14px; padding: 0; }
.arif-edu.arif-edu .hero-stage--devices .mock { display: none; }
.arif-edu.arif-edu .phone { position: relative; inset: auto; transform: none; width: min(240px, 100%); }
.arif-edu.arif-edu .phone-screen { min-height: 0; }
.arif-edu.arif-edu .hero-stage--devices .mock-float { position: static; width: 100%; max-width: 320px; }
.arif-edu.arif-edu .js-tabs .demo-tabs { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 8px; }
.arif-edu.arif-edu .js-tabs .demo-tab { padding: 10px; gap: 10px; }
.arif-edu.arif-edu .demo-tab-icon { width: 34px; height: 34px; border-radius: 10px; }
.arif-edu.arif-edu .demo-tab-icon .icon { width: 18px; height: 18px; }
.arif-edu.arif-edu .demo-tab-text small { display: none; }
.arif-edu.arif-edu .js-tabs .demo-copy .check-list { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .journey-big { font-size: 2.5rem; }
}
@keyframes arif-path-flow { to { stroke-dashoffset: -120; } }
@keyframes arif-orbit-bob { 0%, 100% { transform: translateY(0); } 50% { transform: translateY(-8px); } }
@keyframes arif-phone-in { from { opacity: 0; transform: translateY(30px) rotate(-8deg); } }
@media (prefers-reduced-motion: no-preference) {
.arif-edu.arif-edu .phone { animation: arif-phone-in 1s .35s var(--ease) both; }
.arif-edu.arif-edu .hero-stage--devices .mock-float { animation: arif-float 7s ease-in-out 1.2s infinite; }
.arif-edu.arif-edu .ca-card { animation: arif-orbit-bob 6s ease-in-out infinite; }
.arif-edu.arif-edu .ca-card--academy { animation-delay: -2s; }
.arif-edu.arif-edu .ca-card--fee { animation-delay: -4s; }
.arif-edu.arif-edu .ca-ring { animation: arif-spin 40s linear infinite; }
.arif-edu.arif-edu .hero--light .hero-grid > :last-child { translate: calc(var(--px, 0) * -6px) calc(var(--py, 0) * -6px); transition: translate .6s var(--ease); }
}
@keyframes arif-spin { to { transform: translate(-50%, -50%) rotate(360deg); } }
@media (prefers-reduced-motion: no-preference) and (max-width: 640px) {
.arif-edu.arif-edu .phone { animation: none; }
}
html:has(.arif-edu) { --header-pad: 10px; --header-offset: calc(var(--header-h) + var(--header-pad) * 2); --glass: rgba(255, 255, 255, .72); --glass-strong: rgba(255, 255, 255, .9); --glass-line: rgba(0, 21, 126, .10); --neutral: #F7F8FB; }
html:has(.arif-edu) { scroll-padding-top: calc(var(--header-offset) + 12px); }
.arif-edu.arif-edu .site-header { --on-chrome: var(--ink); --on-chrome-soft: #26366B; --on-chrome-muted: var(--muted); --chrome: #FFFFFF; --chrome-hover: rgba(0, 112, 228, .08); --chrome-line: var(--glass-line); --chrome-accent: var(--brand); padding: var(--header-pad) 0; margin-bottom: calc(-1 * var(--header-offset)); background: none; border-bottom: 0; color: var(--ink); }
@supports (backdrop-filter: blur(8px)) {
.arif-edu.arif-edu .site-header { background: none; backdrop-filter: none; }
}
.arif-edu.arif-edu .site-header.is-scrolled { box-shadow: none; }
.arif-edu.arif-edu .header-inner { position: relative; min-height: var(--header-h); padding-inline: 14px 12px; background: var(--glass-strong); border: 1px solid rgba(255, 255, 255, .7); border-radius: 22px; box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 0 0 1px var(--glass-line), 0 18px 40px -26px rgba(0, 21, 126, .45); transition: background-color var(--dur) ease, box-shadow var(--dur) ease; }
@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)) {
.arif-edu.arif-edu .header-inner { background: var(--glass); -webkit-backdrop-filter: saturate(1.6) blur(18px); backdrop-filter: saturate(1.6) blur(18px); }
.arif-edu.arif-edu .site-header.is-scrolled .header-inner { background: rgba(255, 255, 255, .82); }
}
.arif-edu.arif-edu .site-header.is-scrolled .header-inner { box-shadow: 0 1px 0 rgba(255, 255, 255, .8) inset, 0 0 0 1px var(--glass-line), 0 24px 50px -24px rgba(0, 21, 126, .5); }
.arif-edu.arif-edu .site-header :focus-visible { outline-color: var(--brand); }
.arif-edu.arif-edu .site-header .brand-mark { background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .nav-link[aria-current="page"]::after,
.arif-edu.arif-edu .nav-trigger.is-current::after { background: var(--brand-grad); }
.arif-edu.arif-edu .nav-link[aria-current="page"],
.arif-edu.arif-edu .nav-trigger.is-current { color: var(--brand-deep); }
.arif-edu.arif-edu .site-header .btn--accent { background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .site-header .btn--accent:hover { background: var(--brand-grad); background-position: 100% 100%; color: var(--white); }
.arif-edu.arif-edu .site-header .btn--outline { background: rgba(255, 255, 255, .6); color: var(--ink); border-color: var(--border-strong); }
.arif-edu.arif-edu .site-header .btn--outline:hover { background: var(--white); border-color: var(--brand); color: var(--brand-700); }
.arif-edu.arif-edu .site-header .btn:focus-visible { box-shadow: 0 0 0 2px var(--white), 0 0 0 4px var(--brand); }
.arif-edu.arif-edu .menu-toggle { border-color: var(--border-strong); background: rgba(255, 255, 255, .7); color: var(--ink); }
.arif-edu.arif-edu .menu-toggle:hover,
.arif-edu.arif-edu .menu-toggle[aria-expanded="true"] { background: var(--white); border-color: var(--brand); }
.arif-edu.arif-edu .dropdown { background: rgba(255, 255, 255, .96); border-color: var(--glass-line); }
@supports (backdrop-filter: blur(8px)) {
.arif-edu.arif-edu .dropdown { background: rgba(255, 255, 255, .88); backdrop-filter: blur(18px) saturate(1.5); }
}
#main .arif-edu.arif-edu > section:first-child,
#main .arif-edu.arif-edu > div > section:first-child { border-top: var(--header-offset) solid transparent; }
.arif-edu.arif-edu .topbar { position: relative; z-index: 51; }
@media (max-width: 1120px) {
.arif-edu.arif-edu .main-nav { top: calc(100% + 8px); border: 1px solid rgba(255, 255, 255, .7); border-radius: 20px; background: rgba(255, 255, 255, .97); box-shadow: 0 0 0 1px var(--glass-line), 0 30px 60px -20px rgba(0, 21, 126, .45); max-height: calc(100vh - var(--header-offset) - 24px); max-height: calc(100dvh - var(--header-offset) - 24px); }
.arif-edu.arif-edu .main-nav { background: rgba(255, 255, 255, .985); }
.arif-edu.arif-edu .nav-list > li { border-bottom-color: var(--glass-line); }
.arif-edu.arif-edu .dropdown { background: transparent; backdrop-filter: none; }
.arif-edu.arif-edu .dropdown strong { color: var(--ink); }
.arif-edu.arif-edu .dropdown span { color: var(--muted); }
.arif-edu.arif-edu .dropdown .icon-tile { background: var(--p-50); color: var(--p); }
.arif-edu.arif-edu .nav-link[aria-current="page"]::after,
.arif-edu.arif-edu .nav-trigger.is-current::after { background: var(--brand-grad); }
}
@media (max-width: 640px) {
html:has(.arif-edu) { --header-pad: 8px; }
.arif-edu.arif-edu .header-inner { border-radius: 18px; padding-inline: 12px 8px; }
}
.arif-edu.arif-edu .site-footer { padding-top: 88px; }
.arif-edu.arif-edu .site-footer::after { content: ""; position: absolute; z-index: -1; inset: 0; pointer-events: none; background: radial-gradient(420px 300px at 18% 30%, rgba(0, 112, 228, .55), rgba(0, 112, 228, 0) 70%),
    radial-gradient(380px 280px at 82% 20%, rgba(98, 88, 255, .38), rgba(98, 88, 255, 0) 70%),
    radial-gradient(360px 260px at 65% 95%, rgba(0, 170, 200, .22), rgba(0, 170, 200, 0) 70%); }
.arif-edu.arif-edu .footer-grid { padding: clamp(28px, 1.5rem + 2vw, 48px); border: 1px solid rgba(255, 255, 255, .16); border-radius: var(--radius-xl); background: rgba(255, 255, 255, .07); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .14), 0 30px 60px -30px rgba(0, 0, 0, .5); }
@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)) {
.arif-edu.arif-edu .footer-grid { -webkit-backdrop-filter: blur(22px) saturate(1.4); backdrop-filter: blur(22px) saturate(1.4); }
}
.arif-edu.arif-edu .footer-bottom { border-top: 0; }
.arif-edu.arif-edu .footer-links a { border-radius: 8px; transition: color var(--dur) ease, transform var(--dur) var(--ease); }
.arif-edu.arif-edu .footer-links a:hover { transform: translateX(3px); }
.arif-edu.arif-edu .bg-white { background: var(--white); }
.arif-edu.arif-edu .bg-tint { background: linear-gradient(180deg, var(--brand-50) 0%, #F8FBFF 55%, var(--white) 100%); border-block: 1px solid var(--brand-line); }
.arif-edu.arif-edu .bg-mesh { background: radial-gradient(600px 400px at 0% 0%, rgba(0, 112, 228, .10), rgba(0, 112, 228, 0) 70%),
    radial-gradient(520px 380px at 100% 100%, rgba(67, 56, 202, .08), rgba(67, 56, 202, 0) 70%),
    radial-gradient(400px 300px at 70% 10%, rgba(15, 118, 110, .05), rgba(15, 118, 110, 0) 70%),
    #F9FBFF; border-block: 1px solid var(--border); }
.arif-edu.arif-edu .bg-neutral { background: var(--neutral); border-block: 1px solid #ECEEF3; }
.arif-edu.arif-edu .bg-tint + .bg-tint,
.arif-edu.arif-edu .bg-mesh + .bg-mesh,
.arif-edu.arif-edu .bg-neutral + .bg-neutral { border-top: 0; }
.arif-edu.arif-edu .has-deco { position: relative; isolation: isolate; overflow: hidden; }
.arif-edu.arif-edu .has-deco::after { content: ""; position: absolute; z-index: -1; pointer-events: none; top: 48px; right: -40px; width: 260px; height: 260px; background: radial-gradient(rgba(0, 112, 228, .22) 1.4px, transparent 1.6px) 0 0 / 18px 18px; -webkit-mask-image: radial-gradient(circle, #000 35%, transparent 70%); mask-image: radial-gradient(circle, #000 35%, transparent 70%); }
.arif-edu.arif-edu .band-dark .check-list li,
.arif-edu.arif-edu .band-dark .mock-note,
.arif-edu.arif-edu .band-dark .demo-split p { color: var(--on-dark); }
.arif-edu.arif-edu .band-dark .check-list .icon { background: rgba(255, 255, 255, .12); color: var(--white); }
.arif-edu.arif-edu .band-dark .demo-visual { background: rgba(255, 255, 255, .06); border: 1px solid var(--on-dark-line); }
.arif-edu.arif-edu .band-dark .card .tbc { background: var(--warn-50); border-color: var(--warn-line); color: var(--warn); }
.arif-edu.arif-edu .band-dark .card { border-color: transparent; }
.arif-edu.arif-edu .band-dark .stack > p { color: var(--on-dark); }
.arif-edu.arif-edu .band-dark .grad-text--light { -webkit-text-fill-color: transparent; }
.arif-edu.arif-edu .band-dark .method-list .card:hover { box-shadow: 0 30px 60px -30px rgba(0, 0, 0, .6); }
.arif-edu.arif-edu .process { --pr-gap: clamp(20px, 1rem + 2vw, 40px); --art-h: 150px; position: relative; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: var(--pr-gap); list-style: none; }
.arif-edu.arif-edu .process--4 { grid-template-columns: repeat(4, minmax(0, 1fr)); --art-h: 132px; }
.arif-edu.arif-edu .process-step { position: relative; display: flex; flex-direction: column; align-items: flex-start; }
.arif-edu.arif-edu .process-art { position: relative; display: grid; place-items: center; width: 100%; height: var(--art-h); margin-bottom: 22px; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-lg); background: radial-gradient(220px 140px at 80% 0%, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0) 70%),
    linear-gradient(135deg, var(--p-50), #FFFFFF); box-shadow: var(--shadow-sm); transition: transform .35s var(--ease), box-shadow .35s ease, border-color .35s ease; }
.arif-edu.arif-edu .process-step:hover .process-art { transform: translateY(-4px); box-shadow: var(--shadow-float); border-color: var(--p-line); }
.arif-edu.arif-edu .process-num { position: relative; z-index: 1; display: grid; place-items: center; width: 40px; height: 40px; margin-bottom: 14px; border-radius: 50%; background: var(--brand-grad); color: var(--white); font-weight: 700; box-shadow: 0 0 0 6px var(--pr-ring, var(--white)), var(--shadow-brand); }
.arif-edu.arif-edu .process-step h3 { margin-bottom: 6px; font-size: 1.125rem; }
.arif-edu.arif-edu .process-step p { color: var(--text); font-size: .975rem; }
.arif-edu.arif-edu .process-step:not(:last-child)::after { content: ""; position: absolute; top: calc(var(--art-h) + 22px + 19px); left: 52px; right: calc(-1 * var(--pr-gap) + 6px); height: 2px; background: repeating-linear-gradient(90deg, var(--brand) 0 8px, rgba(0, 112, 228, 0) 8px 14px); transform-origin: left; }
.arif-edu.arif-edu .section--soft .process-num,
.arif-edu.arif-edu .bg-neutral .process-num { --pr-ring: var(--soft); }
.arif-edu.arif-edu .bg-mesh .process-num,
.arif-edu.arif-edu .bg-tint .process-num { --pr-ring: #F7FAFF; }
.arif-edu.arif-edu .process-cta { display: flex; flex-wrap: wrap; align-items: center; justify-content: center; gap: 10px 20px; margin-top: var(--s-7); }
.arif-edu.arif-edu .pa-card { display: grid; gap: 8px; width: min(78%, 220px); padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--white); box-shadow: 0 14px 28px -18px rgba(0, 21, 126, .45); }
.arif-edu.arif-edu .pa-l { display: block; height: 7px; border-radius: 4px; background: #E3EAF6; }
.arif-edu.arif-edu .pa-l.is-dark { height: 9px; background: var(--ink); opacity: .85; }
.arif-edu.arif-edu .pa-l.w40 { width: 40%; }
.arif-edu.arif-edu .pa-l.w60 { width: 60%; }
.arif-edu.arif-edu .pa-l.w80 { width: 80%; }
.arif-edu.arif-edu .pa-f { display: flex; align-items: center; height: 24px; padding: 0 8px; border: 1px solid var(--border); border-radius: 7px; }
.arif-edu.arif-edu .pa-btn { justify-self: start; padding: 4px 12px; border-radius: var(--radius-pill); background: var(--brand-grad); color: var(--white); font-size: 11px; font-weight: 700; }
.arif-edu.arif-edu .pa-win { position: relative; padding-top: 26px; }
.arif-edu.arif-edu .pa-dots { position: absolute; top: 9px; left: 12px; display: flex; gap: 4px; }
.arif-edu.arif-edu .pa-dots i { width: 6px; height: 6px; border-radius: 50%; background: var(--border-strong); }
.arif-edu.arif-edu .pa-bars { display: flex; align-items: flex-end; gap: 8px; height: 56px; }
.arif-edu.arif-edu .pa-bars i { flex: 1; height: var(--h, 50%); border-radius: 4px 4px 0 0; background: var(--brand-grad); transform-origin: bottom; }
.arif-edu.arif-edu .pa-tag { position: absolute; top: 6px; right: 8px; display: inline-flex; align-items: center; gap: 4px; padding: 2px 8px; border-radius: var(--radius-pill); background: var(--p-50); color: var(--p); font-size: 10px; font-weight: 700; }
.arif-edu.arif-edu .pa-tag .icon { width: 12px; height: 12px; }
.arif-edu.arif-edu .pa-row { display: flex; align-items: center; justify-content: space-between; gap: 8px; }
.arif-edu.arif-edu .pa-row .pa-l { flex: 1; }
.arif-edu.arif-edu .pa-row .pill { font-size: 10px; padding: 2px 7px; }
.arif-edu.arif-edu .pa-chk { display: grid; place-items: center; flex: none; width: 18px; height: 18px; border-radius: 50%; background: var(--brand); color: var(--white); }
.arif-edu.arif-edu .pa-chk .icon { width: 11px; height: 11px; stroke-width: 3; }
.arif-edu.arif-edu .pa-chk.is-open { background: none; border: 2px solid var(--border-strong); }
.arif-edu.arif-edu .pa-row .pa-chk + .pa-l { flex: 0 1 auto; margin-inline-end: auto; }
.arif-edu.arif-edu .pa-av { display: grid; place-items: center; flex: none; width: 34px; height: 34px; border-radius: 50%; background: var(--p-50); color: var(--p); }
.arif-edu.arif-edu .pa-stack { display: grid; flex: 1; gap: 6px; }
.arif-edu.arif-edu .pa-grid { display: grid; grid-template-columns: repeat(5, 1fr); gap: 6px; }
.arif-edu.arif-edu .pa-grid i { aspect-ratio: 1; border-radius: 5px; background: #E3EAF6; }
.arif-edu.arif-edu .pa-grid i.on { background: var(--brand-grad); }
.arif-edu.arif-edu .pa-chat { display: grid; gap: 8px; width: min(80%, 220px); }
.arif-edu.arif-edu .pa-bubble { display: grid; gap: 6px; width: 78%; padding: 10px 12px; border-radius: 14px 14px 14px 4px; background: var(--white); border: 1px solid var(--border); box-shadow: 0 10px 22px -16px rgba(0, 21, 126, .4); }
.arif-edu.arif-edu .pa-bubble.is-me { justify-self: end; border-radius: 14px 14px 4px 14px; background: var(--brand-grad); border-color: transparent; }
.arif-edu.arif-edu .pa-bubble.is-me .pa-l { background: rgba(255, 255, 255, .55); }
.arif-edu.arif-edu .pa-tiles { display: grid; grid-template-columns: repeat(2, 52px); gap: 10px; }
.arif-edu.arif-edu .pa-tiles span { display: grid; place-items: center; height: 52px; border-radius: 14px; background: var(--white); border: 1px solid var(--border); color: var(--p); box-shadow: 0 10px 20px -16px rgba(0, 21, 126, .45); }
.arif-edu.arif-edu .pa-tiles span:nth-child(2) { background: var(--p); color: var(--white); }
.arif-edu.arif-edu .pa-video { display: grid; place-items: center; height: 54px; border-radius: 10px; background: linear-gradient(135deg, var(--academy) 0%, var(--brand-deep) 100%); }
.arif-edu.arif-edu .pa-video .play { width: 28px; height: 28px; }
.arif-edu.arif-edu .pa-prog { display: block; height: 6px; border-radius: 3px; background: var(--border); }
.arif-edu.arif-edu .pa-prog i { display: block; width: 60%; height: 100%; border-radius: 3px; background: linear-gradient(90deg, var(--academy), var(--brand)); }
.arif-edu.arif-edu .pa-cert { justify-items: center; text-align: center; border-style: double; border-width: 3px; border-color: var(--p-line); }
.arif-edu.arif-edu .pa-cert .pa-l { justify-self: center; }
.arif-edu.arif-edu .pa-seal { display: grid; place-items: center; width: 38px; height: 38px; border-radius: 50%; background: var(--brand-grad); color: var(--white); }
.arif-edu.arif-edu .pa-seal .icon { width: 20px; height: 20px; }
.arif-edu.arif-edu .pa-amt { display: block; width: 34px; height: 9px; border-radius: 4px; background: var(--ink); opacity: .7; }
.arif-edu.arif-edu .pa-methods { display: grid; gap: 6px; width: min(78%, 200px); }
.arif-edu.arif-edu .pa-methods span { display: flex; align-items: center; gap: 8px; padding: 7px 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--white); color: var(--ink); font-size: 12px; font-weight: 600; }
.arif-edu.arif-edu .pa-methods .icon { color: var(--fee); }
.arif-edu.arif-edu .pa-methods .is-on { border-color: var(--fee); background: var(--fee-50); box-shadow: inset 3px 0 0 var(--fee); }
.arif-edu.arif-edu .shot--phone { width: min(100%, 260px); padding: 10px; border: 0; border-radius: 40px; background: linear-gradient(160deg, #1B2B7A, #050C3A); box-shadow: 0 40px 70px -30px rgba(0, 10, 60, .6), inset 0 0 0 1px rgba(255, 255, 255, .12); }
.arif-edu.arif-edu .shot--phone .shot-media { overflow: hidden; border-radius: 31px; }
.arif-edu.arif-edu .shot--phone .shot-img { max-height: none; }
.arif-edu.arif-edu .sticky-col .shot--phone { margin-top: var(--s-5); }
.arif-edu.arif-edu .shot-skeleton { position: absolute; inset: 0; display: grid; grid-template-columns: 22% 1fr; }
.arif-edu.arif-edu .shot-skeleton .sk-side { display: grid; align-content: start; gap: 10px; padding: 18px 14px; border-inline-end: 1px solid var(--border); background: #F6F9FE; }
.arif-edu.arif-edu .shot-skeleton .sk-main { display: grid; align-content: start; gap: 12px; padding: 18px; }
.arif-edu.arif-edu .shot-skeleton i { display: block; height: 10px; border-radius: 5px; background: #E6EDF8; }
.arif-edu.arif-edu .shot-skeleton .sk-cards { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; }
.arif-edu.arif-edu .shot-skeleton .sk-cards i { height: 54px; border-radius: 10px; }
.arif-edu.arif-edu .shot--phone .shot-skeleton { grid-template-columns: 1fr; }
.arif-edu.arif-edu .shot--phone .shot-skeleton .sk-side { display: none; }
.arif-edu.arif-edu .shot-ph-label { position: absolute; left: 50%; top: 50%; transform: translate(-50%, -50%); padding: 8px 16px; max-width: 86%; border: 1.5px dashed #9DBDEB; border-radius: var(--radius-pill); background: rgba(242, 247, 255, .95); color: #2C5BA8; font-size: var(--fs-small); font-weight: 600; text-align: center; }
.arif-edu.arif-edu .shot.is-missing .shot-media::after { display: none; }
.arif-edu.arif-edu .shot.is-missing .shot-media { position: relative; display: block; aspect-ratio: 16 / 10; }
.arif-edu.arif-edu .shot--phone.is-missing .shot-media { aspect-ratio: 1 / 2; }
@media (max-width: 1024px) {
.arif-edu.arif-edu .process--4 { grid-template-columns: repeat(2, minmax(0, 1fr)); row-gap: var(--s-7); }
.arif-edu.arif-edu .process--4 .process-step:nth-child(2n)::after { display: none; }
}
@media (max-width: 860px) {
.arif-edu.arif-edu .process,
.arif-edu.arif-edu .process--4 { grid-template-columns: minmax(0, 1fr); --pr-gap: var(--s-6); --art-h: 120px; row-gap: var(--s-6); }
.arif-edu.arif-edu .process-step { display: grid; grid-template-columns: 40px minmax(0, 1fr); column-gap: 18px; align-items: start; }
.arif-edu.arif-edu .process-num { grid-column: 1; grid-row: 1 / span 3; margin: 0; }
.arif-edu.arif-edu .process-art,
.arif-edu.arif-edu .process-step h3,
.arif-edu.arif-edu .process-step p { grid-column: 2; }
.arif-edu.arif-edu .process-art { margin-bottom: 14px; }
.arif-edu.arif-edu .process-step:not(:last-child)::after,
.arif-edu.arif-edu .process--4 .process-step:nth-child(2n):not(:last-child)::after { display: block; top: 46px; left: 19px; right: auto; bottom: calc(-1 * var(--pr-gap) + 2px); width: 2px; height: auto; background: repeating-linear-gradient(180deg, var(--brand) 0 8px, rgba(0, 112, 228, 0) 8px 14px); transform-origin: top; }
.arif-edu.arif-edu .sticky-col .shot--phone { display: none; }
}
@media (prefers-reduced-motion: no-preference) {
.js-anim .arif-edu.arif-edu .process:not(.is-drawn) .process-step::after { transform: scaleX(0); }
.arif-edu.arif-edu .process-step::after { transition: transform .8s var(--ease); }
.arif-edu.arif-edu .process-step:nth-child(2)::after { transition-delay: .3s; }
.arif-edu.arif-edu .process-step:nth-child(3)::after { transition-delay: .6s; }
.arif-edu.arif-edu .process.is-drawn .process-step:not(:last-child)::after { animation: arif-dash-flow 1.4s linear 1s infinite; background-size: 28px 2px; }
.js-anim .arif-edu.arif-edu .process:not(.is-drawn) .pa-bars i { transform: scaleY(.1); }
.arif-edu.arif-edu .pa-bars i { transition: transform .8s var(--ease) .3s; }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 860px) {
.js-anim .arif-edu.arif-edu .process:not(.is-drawn) .process-step::after { transform: scaleY(0); }
.arif-edu.arif-edu .process.is-drawn .process-step:not(:last-child)::after { animation-name: arif-dash-flow-y; background-size: 2px 28px; }
}
.arif-edu.arif-edu .band-dark .card h3,
.arif-edu.arif-edu .band-dark .card strong { color: var(--ink); }
.arif-edu.arif-edu .footer-grid { column-gap: 32px; }
.arif-edu.arif-edu .showcase { scroll-margin-top: 16px; }
.arif-edu.arif-edu .process-call { color: var(--text); }
.arif-edu.arif-edu .shot--phone .shot-ph-label { border-radius: 16px; font-size: 13px; padding: 8px 12px; }
html:has(.arif-edu) { --header-pad: 0px; }
.arif-edu.arif-edu .site-header { padding: 0; background: rgba(255, 255, 255, .9); border-bottom: 1px solid var(--glass-line); box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 12px 32px -24px rgba(0, 21, 126, .45); }
@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)) {
.arif-edu.arif-edu .site-header { background: rgba(255, 255, 255, .7); -webkit-backdrop-filter: saturate(1.6) blur(18px); backdrop-filter: saturate(1.6) blur(18px); }
.arif-edu.arif-edu .site-header.is-scrolled { background: rgba(255, 255, 255, .82); }
}
.arif-edu.arif-edu .site-header.is-scrolled { box-shadow: 0 1px 0 rgba(255, 255, 255, .7) inset, 0 18px 40px -22px rgba(0, 21, 126, .5); }
.arif-edu.arif-edu .header-inner,
.arif-edu.arif-edu .site-header.is-scrolled .header-inner { position: static; padding-inline: var(--gutter); background: none; border: 0; border-radius: 0; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
@media (max-width: 1120px) {
.arif-edu.arif-edu .main-nav { top: 100%; inset-inline: 0; border: 0; border-top: 1px solid var(--glass-line); border-radius: 0; padding-inline: var(--gutter); box-shadow: 0 30px 50px -24px rgba(0, 21, 126, .4); max-height: calc(100vh - var(--header-h)); max-height: calc(100dvh - var(--header-h)); }
}
@media (max-width: 640px) {
.arif-edu.arif-edu .header-inner { padding-inline: var(--gutter); border-radius: 0; }
}
.arif-edu.arif-edu .site-footer { padding-top: 0; background: radial-gradient(1200px 500px at 10% 0%, rgba(0, 112, 228, .45), rgba(0, 112, 228, 0) 70%),
              linear-gradient(135deg, #00157E 0%, #000E5C 60%, #000A45 100%); }
.arif-edu.arif-edu .footer-grid { position: relative; padding: clamp(48px, 2rem + 3vw, 80px) 0; border: 0; border-radius: 0; background: none; box-shadow: none; -webkit-backdrop-filter: none; backdrop-filter: none; }
.arif-edu.arif-edu .footer-grid::before,
.arif-edu.arif-edu .footer-bottom::before { content: ""; position: absolute; z-index: -1; top: 0; bottom: 0; left: -100vmax; right: -100vmax; pointer-events: none; }
.arif-edu.arif-edu .footer-grid::before { background: linear-gradient(180deg, rgba(255, 255, 255, .07), rgba(255, 255, 255, .03)); border-bottom: 1px solid rgba(255, 255, 255, .14); box-shadow: inset 0 1px 0 rgba(255, 255, 255, .12); }
@supports (backdrop-filter: blur(8px)) or (-webkit-backdrop-filter: blur(8px)) {
.arif-edu.arif-edu .footer-grid::before { -webkit-backdrop-filter: blur(24px) saturate(1.4); backdrop-filter: blur(24px) saturate(1.4); }
}
.arif-edu.arif-edu .footer-bottom { position: relative; }
.arif-edu.arif-edu .footer-bottom::before { background: rgba(0, 6, 40, .25); }
.arif-edu.arif-edu .section:not(.section--soft):not(.band-dark):not([class*="bg-"]) { background: linear-gradient(180deg, #FFFFFF 0%, #F8FBFF 100%); }
.arif-edu.arif-edu .section--soft { background: radial-gradient(700px 360px at 85% 0%, rgba(0, 112, 228, .08), rgba(0, 112, 228, 0) 70%),
    linear-gradient(180deg, #F2F7FF 0%, #FAFCFF 100%); }
.arif-edu.arif-edu .bg-neutral { background: radial-gradient(600px 360px at 0% 100%, rgba(0, 112, 228, .06), rgba(0, 112, 228, 0) 70%),
    linear-gradient(180deg, #F7F8FB 0%, #FFFFFF 100%); }
.arif-edu.arif-edu .bg-white { background: linear-gradient(180deg, #FFFFFF 0%, #F7FAFF 100%); }
.arif-edu.arif-edu .band-dark { background: radial-gradient(800px 420px at 100% 0%, rgba(0, 112, 228, .45), rgba(0, 112, 228, 0) 70%),
    linear-gradient(135deg, #00157E 0%, #000E5C 70%); }
.arif-edu.arif-edu .bg-journey { position: relative; isolation: isolate; overflow: hidden; border-block: 1px solid var(--brand-line); background: radial-gradient(640px 420px at 0% 20%, rgba(0, 112, 228, .12), rgba(0, 112, 228, 0) 70%),
    radial-gradient(560px 420px at 100% 80%, rgba(67, 56, 202, .09), rgba(67, 56, 202, 0) 70%),
    linear-gradient(180deg, #EEF5FE 0%, #FFFFFF 60%, #F5F9FF 100%); }
.arif-edu.arif-edu .hero--light { background: radial-gradient(ellipse 70% 80% at 35% 45%, rgba(255, 255, 255, 0) 0%, rgba(255, 255, 255, .55) 55%, rgba(255, 255, 255, .9) 85%),
    linear-gradient(var(--grid-line) 1px, transparent 1px) 0 0 / 48px 48px,
    linear-gradient(90deg, var(--grid-line) 1px, transparent 1px) 0 0 / 48px 48px,
    radial-gradient(760px 520px at 85% 40%, rgba(0, 112, 228, .16), rgba(0, 112, 228, 0) 65%),
    radial-gradient(520px 380px at 5% 95%, rgba(67, 56, 202, .08), rgba(67, 56, 202, 0) 70%),
    linear-gradient(180deg, #FFFFFF 0%, #F2F7FF 100%); }
.arif-edu.arif-edu .story { position: relative; display: grid; gap: clamp(40px, 2rem + 3vw, 88px); list-style: none; max-width: 1040px; margin-inline: auto; }
.arif-edu.arif-edu .story::before { content: ""; position: absolute; top: 28px; bottom: 28px; left: 50%; width: 2px; transform: translateX(-50%); transform-origin: top; background: repeating-linear-gradient(180deg, var(--brand) 0 8px, rgba(0, 112, 228, 0) 8px 14px); }
.arif-edu.arif-edu .story-step { position: relative; display: grid; grid-template-columns: minmax(0, 1fr) 72px minmax(0, 1fr); align-items: center; gap: clamp(16px, 1rem + 1.5vw, 40px); }
.arif-edu.arif-edu .story-visual { order: 1; }
.arif-edu.arif-edu .story-text { order: 3; }
.arif-edu.arif-edu .story-step:nth-child(even) .story-visual { order: 3; }
.arif-edu.arif-edu .story-step:nth-child(even) .story-text { order: 1; text-align: end; }
.arif-edu.arif-edu .story-marker { order: 2; position: relative; z-index: 1; display: grid; place-items: center; justify-self: center; width: 56px; height: 56px; border-radius: 18px; background: var(--brand-grad); color: var(--white); font-weight: 700; letter-spacing: .02em; box-shadow: 0 0 0 8px #F4F8FF, var(--shadow-brand); transition: transform .35s var(--ease); }
.arif-edu.arif-edu .story-step:hover .story-marker { transform: scale(1.08) rotate(-4deg); }
.arif-edu.arif-edu .story-visual { position: relative; display: grid; place-items: center; min-height: 240px; padding: clamp(16px, 1rem + 1vw, 28px); border: 1px solid rgba(255, 255, 255, .9); border-radius: var(--radius-xl); background: radial-gradient(320px 200px at 80% 0%, rgba(255, 255, 255, .95), rgba(255, 255, 255, 0) 70%), linear-gradient(135deg, #E9F2FE 0%, #F7FAFF 100%); box-shadow: 0 0 0 1px var(--brand-line), var(--shadow-float); transition: transform .4s var(--ease), box-shadow .4s ease; }
.arif-edu.arif-edu .story-step:hover .story-visual { transform: translateY(-4px); box-shadow: 0 0 0 1px var(--brand-line), 0 40px 70px -34px rgba(0, 21, 126, .5); }
.arif-edu.arif-edu .story-text { max-width: 400px; }
.arif-edu.arif-edu .story-step:nth-child(even) .story-text { justify-self: end; }
.arif-edu.arif-edu .story-kicker { margin-bottom: 6px; color: var(--brand-700); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .1em; text-transform: uppercase; }
.arif-edu.arif-edu .story-text h3 { margin-bottom: 8px; font-size: clamp(1.25rem, 1.05rem + .6vw, 1.625rem); letter-spacing: -.02em; }
.arif-edu.arif-edu .story-text p:last-child { font-size: 1.0625rem; }
.arif-edu.arif-edu .story-text .tbc { margin-top: 6px; }
.arif-edu.arif-edu .story-svg { width: 100%; max-width: 360px; height: auto; }
.arif-edu.arif-edu .sv-soft { fill: #FFFFFF; stroke: var(--brand-line); stroke-width: 1.5; }
.arif-edu.arif-edu .sv-ink { fill: none; stroke: var(--brand-deep); stroke-width: 2.6; stroke-linecap: round; stroke-linejoin: round; }
.arif-edu.arif-edu .sv-dash { fill: none; stroke: var(--brand); stroke-width: 2; stroke-dasharray: 3 7; stroke-linecap: round; }
.arif-edu.arif-edu .sv-grad { fill: var(--brand); }
.arif-edu.arif-edu .sv-card { fill: #FFFFFF; stroke: var(--border); stroke-width: 1.5; stroke-linejoin: round; }
.arif-edu.arif-edu .sv-line { fill: #DCE6F6; }
.arif-edu.arif-edu .sv-blue { fill: var(--brand); }
.arif-edu.arif-edu .laptop { width: min(100%, 400px); }
.arif-edu.arif-edu .laptop-screen.shot { padding: 8px; border: 0; border-radius: 16px 16px 6px 6px; background: linear-gradient(160deg, #1B2B7A, #050C3A); box-shadow: 0 30px 50px -30px rgba(0, 10, 60, .6); }
.arif-edu.arif-edu .laptop-screen .shot-media { overflow: hidden; border-radius: 9px; }
.arif-edu.arif-edu .laptop-base { display: block; height: 12px; margin: 0 -6%; border-radius: 0 0 14px 14px; background: linear-gradient(180deg, #C9D5E8, #9FB0CC); box-shadow: 0 14px 24px -14px rgba(0, 21, 126, .5); }
.arif-edu.arif-edu .laptop-base::after { content: ""; display: block; width: 18%; height: 5px; margin: 0 auto; border-radius: 0 0 6px 6px; background: #8EA0BE; }
.arif-edu.arif-edu .setup-card { position: relative; width: min(100%, 300px); padding: 20px; border: 1px solid var(--border); border-radius: 18px; background: var(--white); box-shadow: 0 24px 44px -26px rgba(0, 21, 126, .5); }
.arif-edu.arif-edu .setup-title { display: flex; align-items: center; gap: 8px; margin-bottom: 14px; color: var(--ink); font-weight: 700; }
.arif-edu.arif-edu .setup-title .icon { color: var(--brand); }
.arif-edu.arif-edu .setup-card ul { list-style: none; display: grid; gap: 10px; }
.arif-edu.arif-edu .setup-card li { display: flex; align-items: center; gap: 10px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; color: var(--ink); font-size: var(--fs-small); font-weight: 600; }
.arif-edu.arif-edu .setup-card li.is-done { background: var(--brand-50); border-color: var(--brand-line); }
.arif-edu.arif-edu .setup-badge { position: absolute; top: -14px; right: -12px; display: inline-flex; align-items: center; gap: 6px; padding: 6px 12px; border-radius: var(--radius-pill); background: var(--brand-grad); color: var(--white); font-size: var(--fs-xs); font-weight: 700; box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .daily { position: relative; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 12px; width: min(100%, 400px); padding-bottom: 30px; }
.arif-edu.arif-edu .daily-win { padding: 14px; border: 1px solid var(--border); border-radius: 14px; background: var(--white); box-shadow: 0 18px 34px -24px rgba(0, 21, 126, .5); }
.arif-edu.arif-edu .daily-win:first-child { grid-row: span 2; display: flex; flex-direction: column; }
.arif-edu.arif-edu .daily-win:first-child .pa-bars { margin-top: auto; height: 90px; }
.arif-edu.arif-edu .daily-app { display: flex; align-items: center; gap: 6px; color: var(--muted); font-size: 11px; font-weight: 700; letter-spacing: .06em; text-transform: uppercase; }
.arif-edu.arif-edu .daily-h { margin: 4px 0 10px; color: var(--ink); font-size: 14px; font-weight: 700; }
.arif-edu.arif-edu .daily-s { margin-top: 6px; color: var(--muted); font-size: 11px; }
.arif-edu.arif-edu .daily-chip { position: absolute; bottom: 0; left: 50%; transform: translateX(-50%); padding: 3px 12px; border: 1px solid var(--border); border-radius: var(--radius-pill); background: var(--white); color: var(--muted); font-size: 11px; font-weight: 600; white-space: nowrap; }
@media (max-width: 860px) {
.arif-edu.arif-edu .story { gap: var(--s-7); }
.arif-edu.arif-edu .story::before { left: 27px; transform: none; }
.arif-edu.arif-edu .story-step,
.arif-edu.arif-edu .story-step:nth-child(even) { grid-template-columns: 56px minmax(0, 1fr); gap: 14px 18px; align-items: start; }
.arif-edu.arif-edu .story-marker,
.arif-edu.arif-edu .story-step:nth-child(even) .story-marker { order: 0; grid-column: 1; grid-row: 1 / span 2; align-self: start; box-shadow: 0 0 0 6px #F4F8FF, var(--shadow-brand); }
.arif-edu.arif-edu .story-visual,
.arif-edu.arif-edu .story-step:nth-child(even) .story-visual { order: 0; grid-column: 2; min-height: 0; }
.arif-edu.arif-edu .story-text,
.arif-edu.arif-edu .story-step:nth-child(even) .story-text { order: 0; grid-column: 2; text-align: start; justify-self: start; }
}
@media (max-width: 420px) {
.arif-edu.arif-edu .setup-badge { right: 0; }
}
@media (prefers-reduced-motion: no-preference) {
.js-anim .arif-edu.arif-edu .story:not(.is-drawn)::before { transform: translateX(-50%) scaleY(0); }
.arif-edu.arif-edu .story::before { transition: transform 1.6s var(--ease); }
.arif-edu.arif-edu .story.is-drawn::before { animation: arif-dash-flow-y 1.4s linear 1.6s infinite; background-size: 2px 28px; }
.arif-edu.arif-edu .sv-bubble-a { animation: arif-orbit-bob 5s ease-in-out infinite; }
.arif-edu.arif-edu .sv-bubble-b { animation: arif-orbit-bob 5s ease-in-out -2.5s infinite; }
.arif-edu.arif-edu .sv-dash { animation: arif-path-flow 4s linear infinite; }
}
@media (prefers-reduced-motion: no-preference) and (max-width: 860px) {
.js-anim .arif-edu.arif-edu .story:not(.is-drawn)::before { transform: scaleY(0); }
}
@keyframes arif-path-flow { to { stroke-dashoffset: -120; } }
.arif-edu.arif-edu .toc { position: static; }
.arif-edu.arif-edu .scrolly-steps { list-style: none; display: grid; gap: var(--s-6); }
.arif-edu.arif-edu .scrolly-step { display: grid; gap: var(--s-4); scroll-margin-top: calc(var(--header-h) + 24px); }
.arif-edu.arif-edu .scrolly-card { position: relative; display: flex; align-items: flex-start; gap: 18px; padding: 22px 24px; border: 1.5px solid var(--border); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-sm); transition: border-color .35s ease, box-shadow .35s ease, opacity .35s ease, transform .35s var(--ease); }
.arif-edu.arif-edu .scrolly-icon { display: grid; place-items: center; flex: none; width: 48px; height: 48px; border-radius: 14px; background: var(--p-50); color: var(--p); transition: background .35s ease, color .35s ease, box-shadow .35s ease; }
.arif-edu.arif-edu .scrolly-copy { min-width: 0; }
.arif-edu.arif-edu .scrolly-copy h3 { margin: 2px 0 2px; font-size: 1.25rem; }
.arif-edu.arif-edu .scrolly-short { color: var(--muted); font-size: var(--fs-small); }
.arif-edu.arif-edu .scrolly-more { margin-top: var(--s-3); }
.arif-edu.arif-edu .scrolly-more > p { margin-bottom: var(--s-3); }
.arif-edu.arif-edu .scrolly-more .check-list { margin-bottom: var(--s-2); }
.arif-edu.arif-edu .scrolly-stage-col { display: none; }
.arif-edu.arif-edu .scrolly-inline { padding: clamp(14px, 1rem + 1vw, 24px); }
.arif-edu.arif-edu .scrolly.is-auto { display: grid; grid-template-columns: minmax(0, .82fr) minmax(0, 1.18fr); gap: clamp(28px, 1.5rem + 2.5vw, 56px); align-items: stretch; }
.arif-edu.arif-edu .is-auto .scrolly-steps { gap: 12px; align-content: center; }
.arif-edu.arif-edu .is-auto .scrolly-inline { display: none; }
.arif-edu.arif-edu .is-auto .scrolly-card { opacity: .55; transform: scale(.98); transform-origin: left center; }
.arif-edu.arif-edu .is-auto .scrolly-more { max-height: 0; overflow: hidden; opacity: 0; margin-top: 0; transition: max-height .45s var(--ease), opacity .35s ease, margin-top .35s ease; }
.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-more { max-height: 340px; opacity: 1; margin-top: var(--s-3); }
.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-card { opacity: 1; transform: none; border-color: transparent; background: linear-gradient(var(--white), var(--white)) padding-box, var(--brand-grad) border-box; box-shadow: 0 24px 48px -28px rgba(0, 21, 126, .45); }
.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-card::before { content: ""; position: absolute; left: -1.5px; top: 18px; bottom: 18px; width: 4px; border-radius: 0 4px 4px 0; background: var(--brand-grad); }
.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-icon { background: var(--brand-grad); color: var(--white); box-shadow: var(--shadow-brand); }
.arif-edu.arif-edu .is-auto .scrolly-stage-col { display: block; }
.arif-edu.arif-edu .scrolly-stage { position: relative; display: flex; flex-direction: column; gap: 14px; height: 100%; min-height: 540px; padding: clamp(16px, 1rem + 1vw, 24px); border: 1px solid var(--brand-line); border-radius: var(--radius-xl); background: radial-gradient(420px 260px at 100% 0%, rgba(255, 255, 255, .9), rgba(255, 255, 255, 0) 70%), linear-gradient(135deg, #EAF2FE 0%, #F7FAFF 100%); box-shadow: 0 30px 60px -36px rgba(0, 21, 126, .45); }
.arif-edu.arif-edu .scrolly-bar { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.arif-edu.arif-edu .scrolly-count { color: var(--muted); font-size: var(--fs-xs); font-weight: 700; letter-spacing: .08em; }
.arif-edu.arif-edu .scrolly-count b { color: var(--brand-deep); font-size: 1rem; }
.arif-edu.arif-edu .scrolly-dots { list-style: none; display: flex; gap: 6px; }
.arif-edu.arif-edu .scrolly-dots li { width: 8px; height: 8px; border-radius: var(--radius-pill); background: var(--brand-line); transition: width .35s var(--ease), background-color .35s ease; }
.arif-edu.arif-edu .scrolly-dots li.is-active { width: 26px; background: var(--brand-grad); }
.arif-edu.arif-edu .scrolly-frames { position: relative; flex: 1; min-height: 0; }
.arif-edu.arif-edu .scrolly-frame { position: absolute; inset: 0; display: grid; align-content: center; opacity: 0; visibility: hidden; transform: translateY(14px); transition: opacity .4s ease, transform .45s var(--ease), visibility 0s linear .45s; }
.arif-edu.arif-edu .scrolly-frame.is-active { opacity: 1; visibility: visible; transform: none; transition: opacity .4s ease .05s, transform .45s var(--ease) .05s, visibility 0s; }
.arif-edu.arif-edu .scrolly-frame .win { max-height: 100%; overflow: hidden; }
.arif-edu.arif-edu .sc-materials { display: flex; flex-wrap: wrap; gap: 8px; }
.arif-edu.arif-edu .sc-materials span { display: inline-flex; align-items: center; gap: 6px; padding: 5px 10px; border: 1px solid var(--border); border-radius: var(--radius-pill); color: var(--ink); font-size: 12px; font-weight: 600; }
.arif-edu.arif-edu .sc-materials .icon { width: 14px; height: 14px; color: var(--academy); }
.arif-edu.arif-edu .sc-materials .is-on { border-color: var(--academy-line); background: var(--academy-50); }
.arif-edu.arif-edu .sc-kpis { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 10px; }
.arif-edu.arif-edu .sc-kpis > div { display: grid; gap: 2px; padding: 10px 12px; border: 1px solid var(--border); border-radius: 10px; background: linear-gradient(180deg, var(--white), var(--soft)); }
.arif-edu.arif-edu .sc-kpis span { color: var(--muted); font-size: 11px; }
.arif-edu.arif-edu .sc-kpis b { color: var(--ink); font-size: 18px; font-variant-numeric: tabular-nums; }
.arif-edu.arif-edu .sc-ring { --v: 88; display: grid; place-items: center; width: 44px; height: 44px; border-radius: 50%; background: radial-gradient(closest-side, var(--white) 72%, transparent 73%), conic-gradient(var(--fee) calc(var(--v) * 1%), var(--fee-line) 0); }
.arif-edu.arif-edu .sc-ring i { font-style: normal; font-size: 11px; font-weight: 700; }
.arif-edu.arif-edu .sc-methods { display: flex; flex-wrap: wrap; gap: 8px; }
.arif-edu.arif-edu .sc-methods span { display: inline-flex; align-items: center; gap: 6px; padding: 6px 10px; border: 1px solid var(--border); border-radius: 9px; background: var(--white); color: var(--ink); font-size: 12px; font-weight: 600; }
.arif-edu.arif-edu .sc-methods .icon { width: 14px; height: 14px; color: var(--fee); }
.arif-edu.arif-edu .sc-methods .is-on { border-color: var(--fee); background: var(--fee-50); box-shadow: inset 3px 0 0 var(--fee); }
.arif-edu.arif-edu .sc-tx li { display: grid; grid-template-columns: minmax(0, 1fr) minmax(0, 1fr) auto; }
.arif-edu.arif-edu .sc-tx li > span:not(.pill) { color: var(--muted); font-size: 12px; }
@media (prefers-reduced-motion: no-preference) {
.arif-edu.arif-edu .scrolly-frame .bar > i,
.arif-edu.arif-edu .scrolly-frame .slider > i { transition: transform .8s var(--ease) .15s; transform-origin: left; }
.arif-edu.arif-edu .scrolly-frame:not(.is-active) .bar > i,
.arif-edu.arif-edu .scrolly-frame:not(.is-active) .slider > i { transform: scaleX(.05); }
.arif-edu.arif-edu .scrolly-frame .lab-swing { animation-play-state: paused; }
.arif-edu.arif-edu .scrolly-frame.is-active .lab-swing { animation-play-state: running; }
}
@media (prefers-reduced-motion: reduce) {
.arif-edu.arif-edu .scrolly-frame,
.arif-edu.arif-edu .scrolly-card,
.arif-edu.arif-edu .scrolly-more,
.arif-edu.arif-edu .scrolly-dots li { transition: none !important; }
}
@media (max-width: 640px) {
.arif-edu.arif-edu .scrolly-card { padding: 18px; gap: 14px; }
.arif-edu.arif-edu .scrolly-icon { width: 42px; height: 42px; }
.arif-edu.arif-edu .sc-tx li { grid-template-columns: minmax(0, 1fr) auto; }
.arif-edu.arif-edu .sc-tx li > span:not(.pill) { display: none; }
}
.arif-edu.arif-edu .scrolly-steps,
.arif-edu.arif-edu .scrolly-step { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu .scrolly-step,
.arif-edu.arif-edu .scrolly-step > *,
.arif-edu.arif-edu .scrolly > * { min-width: 0; }
.arif-edu.arif-edu .scrolly-select { padding: 0; border: 0; background: none; color: inherit; font: inherit; text-align: start; cursor: pointer; }
.arif-edu.arif-edu .scrolly-select:focus-visible { outline: none; }
.arif-edu.arif-edu .scrolly-select::after { content: ""; position: absolute; inset: 0; z-index: 1; border-radius: inherit; }
.arif-edu.arif-edu .scrolly-card:has(.scrolly-select:focus-visible) { box-shadow: var(--focus); }
.arif-edu.arif-edu .scrolly-more .text-link { position: relative; z-index: 2; }
.arif-edu.arif-edu .scrolly-progress { display: none; }
.arif-edu.arif-edu .is-auto .scrolly-card:hover { opacity: .85; }
.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-card:hover { opacity: 1; }
.arif-edu.arif-edu .is-auto .scrolly-progress { position: absolute; left: 24px; right: 24px; bottom: 10px; display: block; height: 3px; overflow: hidden; border-radius: 3px; background: var(--brand-50); opacity: 0; transition: opacity .3s ease; }
.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-progress { opacity: 1; }
.arif-edu.arif-edu .scrolly-progress i { display: block; width: 100%; height: 100%; border-radius: inherit; background: var(--brand-grad); transform: scaleX(0); transform-origin: left; }
.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-progress i { animation: arif-scrolly-timer var(--scrolly-time, 5s) linear forwards; }
.arif-edu.arif-edu .is-auto.is-paused .scrolly-step.is-active .scrolly-progress i { animation-play-state: paused; }
@keyframes arif-scrolly-timer { to { transform: scaleX(1); } }
.arif-edu.arif-edu .scrolly-bar .scrolly-dots { margin-inline-start: auto; }
.arif-edu.arif-edu .scrolly-toggle { display: grid; place-items: center; width: 36px; height: 36px; padding: 0; border: 1px solid var(--brand-line); border-radius: 50%; background: var(--white); color: var(--brand-deep); cursor: pointer; transition: background-color var(--dur) ease, border-color var(--dur) ease; }
.arif-edu.arif-edu .scrolly-toggle:hover { border-color: var(--brand); background: var(--brand-50); }
.arif-edu.arif-edu .scrolly-toggle:focus-visible { outline: none; box-shadow: var(--focus); }
.arif-edu.arif-edu .scrolly-toggle .icon { width: 16px; height: 16px; }
.arif-edu.arif-edu .scrolly-toggle .icon:last-child,
.arif-edu.arif-edu .is-paused .scrolly-toggle .icon:first-child { display: none; }
.arif-edu.arif-edu .is-paused .scrolly-toggle .icon:last-child { display: block; }
.arif-edu.arif-edu .scrolly-dots li { cursor: default; }
@media (prefers-reduced-motion: reduce) {
.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-progress i { animation: none; transform: scaleX(1); }
}
.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-more { max-height: var(--more-h, 340px); height: var(--more-h, auto); }
.arif-edu.arif-edu .is-auto .scrolly-card { padding-bottom: 26px; }
.arif-edu.arif-edu .is-auto .scrolly-steps { gap: 10px; }
.arif-edu.arif-edu .is-auto .scrolly-card { gap: 14px; padding: 16px 20px 22px; }
.arif-edu.arif-edu .is-auto .scrolly-icon { width: 42px; height: 42px; border-radius: 12px; }
.arif-edu.arif-edu .is-auto .scrolly-icon .icon { width: 20px; height: 20px; }
.arif-edu.arif-edu .is-auto .scrolly-copy h3 { font-size: 1.125rem; }
.arif-edu.arif-edu .is-auto .scrolly-copy .demo-product { margin-bottom: 0; }
.arif-edu.arif-edu .is-auto .scrolly-more .check-list { display: none; }
.arif-edu.arif-edu .is-auto .scrolly-more > p { margin-bottom: 4px; font-size: .95rem; }
.arif-edu.arif-edu .is-auto .scrolly-more .text-link { min-height: 32px; }
.arif-edu.arif-edu .is-auto .scrolly-progress { left: 20px; right: 20px; bottom: 9px; }
.arif-edu.arif-edu .is-auto .scrolly-stage { min-height: 520px; }
.arif-edu.arif-edu .sol-switch--links { margin-bottom: 0; }
.arif-edu.arif-edu .sol-switch--links a { min-height: 48px; }
.arif-edu.arif-edu .story-links { display: none; }
@media (max-width: 860px) {
.arif-edu.arif-edu .story--loop > .story-step > .story-visual,
.arif-edu.arif-edu .story--loop > .story-step > .story-text,
.arif-edu.arif-edu .story--loop > .story-step > .story-marker { order: 0; text-align: start; justify-self: start; }
.arif-edu.arif-edu .story--loop > .story-step > .story-visual { justify-self: stretch; }
}
@media (min-width: 861px) {
.arif-edu.arif-edu .story--loop { grid-template-columns: repeat(2, minmax(0, 1fr)); column-gap: clamp(64px, 4rem + 4vw, 150px); row-gap: 20px; max-width: 980px; padding-bottom: var(--loop-shift); --loop-shift: 110px; }
.arif-edu.arif-edu .story--loop > .story-step > .story-visual { order: 1; }
.arif-edu.arif-edu .story--loop > .story-step > .story-text { order: 2; }
.arif-edu.arif-edu .story--loop::before { display: none; }
.arif-edu.arif-edu .story--loop .story-step,
.arif-edu.arif-edu .story--loop .story-step:nth-of-type(even) { display: flex; flex-direction: column; align-items: flex-start; gap: 14px; }
.arif-edu.arif-edu .story--loop .story-step:nth-of-type(even) { transform: translateY(var(--loop-shift)); }
.arif-edu.arif-edu .story--loop .story-marker { display: none; }
.arif-edu.arif-edu .story--loop > .story-step > .story-text { max-width: 400px; text-align: start; justify-self: auto; padding-inline: 8px; }
.arif-edu.arif-edu .story--loop .story-text h3 { margin-bottom: 4px; font-size: 1.25rem; }
.arif-edu.arif-edu .story--loop .story-text p:last-child { font-size: var(--fs-small); color: var(--muted); }
.arif-edu.arif-edu .story--loop .story-kicker { margin-bottom: 4px; }
.arif-edu.arif-edu .story-links { display: block; position: absolute; inset: 0; z-index: 0; width: 100%; height: 100%; overflow: visible; pointer-events: none; }
.arif-edu.arif-edu .story--loop > li { position: relative; z-index: 1; }
}
.arif-edu.arif-edu .story--loop .story-visual,
.arif-edu.arif-edu .story--loop .story-step:hover .story-visual { width: 100%; height: 210px; min-height: 0; padding: 10px; border: 0; border-radius: 0; box-shadow: none; transform: none; background: radial-gradient(closest-side, #E8EFFB 0%, #EFF4FC 72%, rgba(239, 244, 252, 0) 100%) center 62% / 92% 78% no-repeat; }
.arif-edu.arif-edu .story--loop .story-svg { max-width: 290px; }
.arif-edu.arif-edu .story--loop .laptop { width: min(100%, 300px); }
.arif-edu.arif-edu .story--loop .setup-card { width: min(100%, 260px); padding: 16px; }
.arif-edu.arif-edu .story--loop .setup-card li { padding: 8px 10px; }
.arif-edu.arif-edu .story--loop .daily { width: min(100%, 330px); }
.arif-edu.arif-edu .story--loop .daily-win:first-child .pa-bars { height: 70px; }
.arif-edu.arif-edu .story--loop .story-visual > * { transition: transform .4s var(--ease); }
.arif-edu.arif-edu .story--loop .setup-card,
.arif-edu.arif-edu .story--loop .daily { transform: scale(.8); }
.arif-edu.arif-edu .story--loop .story-step:hover .story-visual > * { transform: translateY(-4px); }
.arif-edu.arif-edu .story--loop .story-step:hover .setup-card,
.arif-edu.arif-edu .story--loop .story-step:hover .daily { transform: translateY(-4px) scale(.8); }
.arif-edu.arif-edu .story-links path { fill: none; stroke: var(--brand); stroke-width: 1.4; }
.arif-edu.arif-edu .story-links .ring { fill: var(--white); stroke: var(--brand); stroke-width: 1.4; }
.arif-edu.arif-edu .story-links .halo { fill: none; stroke: var(--brand); stroke-width: 1; stroke-dasharray: 2 2.5; opacity: .45; }
@media (prefers-reduced-motion: no-preference) {
.js-anim .arif-edu.arif-edu .story--loop:not(.is-drawn) .story-links path { stroke-dashoffset: 1; }
.arif-edu.arif-edu .story-links path { stroke-dasharray: 1; transition: stroke-dashoffset 1.4s var(--ease) .2s; }
.arif-edu.arif-edu .story-links .halo { transform-box: fill-box; transform-origin: center; animation: arif-ring-pulse 2.6s ease-in-out infinite; }
}
@keyframes arif-ring-pulse { 0%, 100% { transform: scale(1); opacity: .45; } 50% { transform: scale(1.35); opacity: .15; } }
.arif-edu.arif-edu .sol-cards { list-style: none; display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; max-width: 1040px; margin-inline: auto; }
.arif-edu.arif-edu .sol-card { display: flex; align-items: center; gap: 14px; height: 100%; padding: 18px 20px; border: 1px solid var(--border); border-radius: 16px; background: var(--white); color: var(--ink); text-decoration: none; box-shadow: var(--shadow-sm); transition: border-color .25s ease, box-shadow .25s ease, transform .25s var(--ease); }
.arif-edu.arif-edu .sol-card:hover { border-color: var(--p); color: var(--ink); box-shadow: var(--shadow); transform: translateY(-3px); }
.arif-edu.arif-edu .sol-card .icon-tile { flex: none; width: 46px; height: 46px; border-radius: 13px; background: var(--p-50); color: var(--p); }
.arif-edu.arif-edu .sol-card-text { display: grid; gap: 2px; min-width: 0; }
.arif-edu.arif-edu .sol-card-text strong { font-size: 1.0625rem; }
.arif-edu.arif-edu .sol-card-text span { color: var(--muted); font-size: var(--fs-small); line-height: 1.4; }
.arif-edu.arif-edu .sol-card-go { flex: none; width: 18px; height: 18px; margin-left: auto; color: var(--p); transition: transform .25s var(--ease); }
.arif-edu.arif-edu .sol-card:hover .sol-card-go { transform: translateX(3px); }
.arif-edu.arif-edu #solutions .section-head { margin-bottom: var(--s-6); }
@media (max-width: 860px) {
.arif-edu.arif-edu .sol-cards { grid-template-columns: minmax(0, 1fr); max-width: 520px; gap: 10px; }
.arif-edu.arif-edu .sol-card { padding: 14px 16px; }
}
.arif-edu.arif-edu #community .person-visual,
.arif-edu.arif-edu #community .person-uses-label { display: none; }
.arif-edu.arif-edu #community .people { gap: 14px; }
.arif-edu.arif-edu #community .person-body { display: grid; grid-template-columns: 40px minmax(0, 1fr); align-items: start; gap: 6px 12px; padding: 18px; }
.arif-edu.arif-edu #community .person-body .icon-tile { grid-row: span 2; width: 40px; height: 40px; margin: 0; border: 0; border-radius: 12px; box-shadow: none; }
.arif-edu.arif-edu #community .person-body .icon-tile .icon { width: 20px; height: 20px; }
.arif-edu.arif-edu #community .person h3 { margin: 0; font-size: 1rem; line-height: 1.3; }
.arif-edu.arif-edu #community .person p { font-size: var(--fs-small); line-height: 1.5; color: var(--muted); }
.arif-edu.arif-edu #community .person-uses,
.arif-edu.arif-edu #community .person-body .text-link { grid-column: 2; }
.arif-edu.arif-edu #community .person-uses li { padding: 1px 8px; font-size: 11px; }
.arif-edu.arif-edu #community .person-body .text-link { font-size: var(--fs-small); }
@media (max-width: 640px) {
.arif-edu.arif-edu #community .people { grid-template-columns: minmax(0, 1fr); gap: 10px; }
.arif-edu.arif-edu #community .person-body { padding: 14px 16px; }
}
.arif-edu.arif-edu .is-auto .scrolly-steps { gap: 8px; }
.arif-edu.arif-edu .is-auto .scrolly-card { gap: 12px; padding: 12px 16px 16px; }
.arif-edu.arif-edu .is-auto .scrolly-icon { width: 38px; height: 38px; border-radius: 11px; }
.arif-edu.arif-edu .is-auto .scrolly-icon .icon { width: 18px; height: 18px; }
.arif-edu.arif-edu .is-auto .scrolly-copy h3 { font-size: 1.0625rem; }
.arif-edu.arif-edu .is-auto .scrolly-step:not(.is-active) .scrolly-short { display: none; }
.arif-edu.arif-edu .is-auto .scrolly-progress { left: 16px; right: 16px; bottom: 7px; }
.arif-edu.arif-edu .is-auto .scrolly-stage { min-height: 430px; }
@media (max-width: 1024px) {
.arif-edu.arif-edu .scrolly.is-auto { grid-template-columns: minmax(0, 1fr); gap: 14px; }
.arif-edu.arif-edu .is-auto .scrolly-stage-col { order: -1; }
.arif-edu.arif-edu .is-auto .scrolly-stage { height: 400px; min-height: 0; padding: 14px; }
.arif-edu.arif-edu .is-auto .scrolly-more { display: none; }
.arif-edu.arif-edu .is-auto .scrolly-short { display: none; }
.arif-edu.arif-edu .is-auto .scrolly-steps { grid-template-columns: repeat(auto-fit, minmax(190px, 1fr)); gap: 8px; padding: 0; }
.arif-edu.arif-edu .is-auto .scrolly-card { padding: 10px 12px 14px; opacity: .7; transform: none; }
.arif-edu.arif-edu .is-auto .scrolly-copy .demo-product { font-size: 10px; }
.arif-edu.arif-edu .is-auto .scrolly-copy h3 { font-size: 1rem; margin: 0; }
}
@media (max-width: 640px) {
.arif-edu.arif-edu .is-auto .scrolly-stage { height: 360px; }
.arif-edu.arif-edu .is-auto .scrolly-steps { grid-template-columns: repeat(2, minmax(0, 1fr)); }
.arif-edu.arif-edu .is-auto .scrolly-step:last-child { grid-column: 1 / -1; }
.arif-edu.arif-edu .is-auto .scrolly-icon { width: 32px; height: 32px; }
.arif-edu.arif-edu .is-auto .scrolly-card { gap: 10px; }
}
.arif-edu.arif-edu .is-auto .scrolly-select { min-height: 26px; }
.arif-edu.arif-edu #difference.band-dark { background: linear-gradient(135deg, #1F3E90 0%, #3677E5 100%); padding-block: clamp(48px, 2.5rem + 2vw, 76px); }
.arif-edu.arif-edu #difference.band-dark::before { background: radial-gradient(520px 320px at 100% 0%, rgba(255, 255, 255, .12), rgba(255, 255, 255, 0) 70%); animation: none; inset: 0; }
.arif-edu.arif-edu #difference .section-head { margin-bottom: 24px; }
.arif-edu.arif-edu #difference h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); }
.arif-edu.arif-edu #difference .grad-text { background: none; color: #D6E6FF; -webkit-text-fill-color: #D6E6FF; }
.arif-edu.arif-edu #difference .lead { color: #E4EDFF; font-size: 1.0625rem; }
.arif-edu.arif-edu #difference .changes { gap: 12px; }
.arif-edu.arif-edu #difference .change { grid-template-columns: minmax(0, 1fr) 32px minmax(0, 1fr); border-color: rgba(255, 255, 255, .22); background: rgba(8, 24, 84, .35); }
.arif-edu.arif-edu #difference .change:hover { background: rgba(8, 24, 84, .45); border-color: rgba(255, 255, 255, .4); }
.arif-edu.arif-edu #difference .change-from,
.arif-edu.arif-edu #difference .change-to { padding: 12px 16px; }
.arif-edu.arif-edu #difference .change-from p { color: #E4EDFF; font-size: .9375rem; line-height: 1.45; }
.arif-edu.arif-edu #difference .change-to { background: rgba(255, 255, 255, .08); }
.arif-edu.arif-edu #difference .change-to p { font-size: .9375rem; line-height: 1.45; }
.arif-edu.arif-edu #difference .change-label { margin-bottom: 2px; color: #D6E6FF; font-size: 11px; }
.arif-edu.arif-edu #difference .change-arrow { background: linear-gradient(90deg, rgba(255, 255, 255, 0) 50%, rgba(255, 255, 255, .08) 50%); }
.arif-edu.arif-edu #difference .change-arrow .icon { width: 24px; height: 24px; padding: 5px; background: var(--white); color: #1F3E90; }
.arif-edu.arif-edu #difference .principles { gap: 0; margin-top: 16px; border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--radius-lg); background: rgba(8, 24, 84, .35); }
.arif-edu.arif-edu #difference .principles li { align-items: center; gap: 10px; padding: 12px 16px; border-top: 0; color: #E4EDFF; font-size: 13px; }
.arif-edu.arif-edu #difference .principles li + li { border-left: 1px solid rgba(255, 255, 255, .16); }
.arif-edu.arif-edu #difference .principles .icon { flex: none; width: 34px; height: 34px; padding: 8px; border-radius: 10px; }
.arif-edu.arif-edu #difference .principles strong { font-size: .9375rem; }
.arif-edu.arif-edu #difference .impact-tbc { margin-top: 12px; }
@media (max-width: 640px) {
.arif-edu.arif-edu #difference .change { grid-template-columns: minmax(0, 1fr); }
.arif-edu.arif-edu #difference .change-arrow { height: 24px; }
.arif-edu.arif-edu #difference .change-from,
.arif-edu.arif-edu #difference .change-to { padding: 10px 14px; }
.arif-edu.arif-edu #difference .principles li + li { border-left: 0; border-top: 1px solid rgba(255, 255, 255, .16); }
}
.arif-edu.arif-edu .loop-art { display: grid; place-items: center; width: 250px; }
.arif-edu.arif-edu .loop-art .pa-card { width: 100%; padding: 18px; gap: 10px; }
.arif-edu.arif-edu .story--loop-3 { max-width: 900px; }
.arif-edu.arif-edu .story--loop-3 .story-visual { height: 190px; }
.arif-edu.arif-edu .band-dark.band-brand { background: var(--brand-grad); }
.arif-edu.arif-edu .band-dark.band-brand::before { background: radial-gradient(520px 320px at 0% 0%, rgba(255, 255, 255, .14), rgba(255, 255, 255, 0) 70%); }
.arif-edu.arif-edu .band-brand .lead,
.arif-edu.arif-edu .band-brand .check-list li,
.arif-edu.arif-edu .band-brand .mock-note,
.arif-edu.arif-edu .band-brand .stack > p { color: var(--white); }
.arif-edu.arif-edu .band-brand .grad-text--light { background: none; color: #CFE3FF; -webkit-text-fill-color: #CFE3FF; }
.arif-edu.arif-edu .band-brand .demo-visual { background: rgba(255, 255, 255, .1); border-color: rgba(255, 255, 255, .25); }
.arif-edu.arif-edu .band-brand .demo-pair { max-width: 560px; margin-inline: auto; }
.arif-edu.arif-edu .fee-visual--card { display: flex; justify-content: center; padding-bottom: 0; }
.arif-edu.arif-edu .fee-visual--card .pay-card { position: static; inset: auto; transform: none; width: min(100%, 340px); }
.arif-edu.arif-edu .band-brand .method-list .card { background: rgba(255, 255, 255, .1); border: 1px solid rgba(255, 255, 255, .25); }
.arif-edu.arif-edu .band-brand .method-list .card h3 { color: var(--white); }
.arif-edu.arif-edu .band-brand .row-list { background: rgba(255, 255, 255, .08); border-color: rgba(255, 255, 255, .25); }
.arif-edu.arif-edu .band-brand .row-list li + li { border-top-color: rgba(255, 255, 255, .2); }
.arif-edu.arif-edu .band-brand .row-list a,
.arif-edu.arif-edu .band-brand .row-list a span { color: var(--white); }
.arif-edu.arif-edu .band-brand .row-list a:hover { background: rgba(255, 255, 255, .12); }
.arif-edu.arif-edu .band-brand .row-list .icon-tile { background: rgba(255, 255, 255, .16); color: var(--white); }
.arif-edu.arif-edu .band-brand .row-list a:hover .icon-tile { background: var(--white); color: var(--brand-deep); }
.arif-edu.arif-edu .section--compact { padding-block: clamp(48px, 2.5rem + 2vw, 72px); }
.arif-edu.arif-edu .section--compact .section-head { margin-bottom: 24px; }
.arif-edu.arif-edu .section--compact .section-head h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); }
.arif-edu.arif-edu .section--compact .statements { gap: 16px; }
.arif-edu.arif-edu .section--compact .statements > div { gap: 10px; padding: 22px 24px; border-radius: var(--radius-lg); }
.arif-edu.arif-edu .section--compact .statements .eyebrow { align-self: flex-start; margin: 0; }
.arif-edu.arif-edu .section--compact .statement { font-size: 1.0625rem; font-weight: 500; line-height: 1.6; letter-spacing: 0; }
.arif-edu.arif-edu #difference .changes2 { list-style: none; display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.arif-edu.arif-edu #difference .change2 { display: grid; align-content: start; gap: 10px; padding: 18px; border: 1px solid rgba(255, 255, 255, .22); border-radius: var(--radius-lg); background: rgba(8, 24, 84, .35); }
.arif-edu.arif-edu #difference .c2-product { display: flex; align-items: center; gap: 8px; color: var(--white); font-size: .9375rem; font-weight: 700; }
.arif-edu.arif-edu #difference .c2-product .dot { width: 8px; height: 8px; border-radius: 50%; background: var(--p); }
.arif-edu.arif-edu #difference .c2-row { display: grid; gap: 4px; font-size: .9375rem; line-height: 1.45; }
.arif-edu.arif-edu #difference .c2-tag { justify-self: start; padding: 1px 8px; border-radius: var(--radius-pill); font-size: 11px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.arif-edu.arif-edu #difference .c2-before { color: #E4EDFF; }
.arif-edu.arif-edu #difference .c2-before .c2-tag { background: rgba(255, 255, 255, .14); color: #E4EDFF; }
.arif-edu.arif-edu #difference .c2-now { padding-top: 10px; border-top: 1px solid rgba(255, 255, 255, .18); color: var(--white); font-weight: 600; }
.arif-edu.arif-edu #difference .c2-now .c2-tag { background: var(--white); color: #1F3E90; }
@media (max-width: 1024px) {
.arif-edu.arif-edu #difference .changes2 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
}
@media (max-width: 560px) {
.arif-edu.arif-edu #difference .changes2 { grid-template-columns: minmax(0, 1fr); }
}
@media (min-width: 1025px) {
.arif-edu.arif-edu .hero--light { display: flex; align-items: center; min-height: calc(100svh - 118px); padding-block: clamp(20px, 3.5vh, 44px); }
.arif-edu.arif-edu .hero--light > .container { width: 100%; }
.arif-edu.arif-edu .hero--light h1 { margin-bottom: 14px; font-size: clamp(2.25rem, .6rem + 2vw + 1.6vh, 3.25rem); }
.arif-edu.arif-edu .hero--light .lead { margin-bottom: 20px; font-size: 1.0625rem; }
.arif-edu.arif-edu .hero--light .eyebrow { margin-bottom: 14px; }
.arif-edu.arif-edu .hero--light .hero-community { margin-top: 18px; }
.arif-edu.arif-edu .hero--light .hero-stage--devices { padding: 24px 0 36px 48px; }
.arif-edu.arif-edu .hero--light .hero-note { margin-top: 6px; }
}
.arif-edu.arif-edu .sol-cards { max-width: none; gap: 20px; }
.arif-edu.arif-edu .sol-card { position: relative; display: flex; align-items: flex-start; gap: 16px; padding: 22px 24px; border: 1px solid var(--border); border-radius: 18px; background: var(--white); box-shadow: var(--shadow-sm); transition: border-color .25s ease, box-shadow .25s ease, transform .25s var(--ease); }
.arif-edu.arif-edu .sol-card:hover { border-color: var(--p); box-shadow: var(--shadow); transform: translateY(-3px); }
.arif-edu.arif-edu .sol-card .icon-tile { flex: none; width: 48px; height: 48px; border-radius: 14px; background: var(--p-50); color: var(--p); }
.arif-edu.arif-edu .sol-card-text { display: grid; gap: 4px; min-width: 0; }
.arif-edu.arif-edu .sol-card h3 { margin: 0; font-size: 1.125rem; }
.arif-edu.arif-edu .sol-card-main { color: var(--ink); text-decoration: none; }
.arif-edu.arif-edu .sol-card-main::after { content: ""; position: absolute; inset: 0; border-radius: inherit; }
.arif-edu.arif-edu .sol-card-main:focus-visible { outline: none; }
.arif-edu.arif-edu .sol-card:focus-within { outline: 3px solid var(--brand); outline-offset: 2px; }
.arif-edu.arif-edu .sol-card p { color: var(--muted); font-size: var(--fs-small); line-height: 1.45; }
.arif-edu.arif-edu .sol-card-links { display: flex; flex-wrap: wrap; gap: 4px 16px; margin-top: 6px; }
.arif-edu.arif-edu .sol-card-links a { position: relative; z-index: 1; display: inline-flex; align-items: center; gap: 4px; min-height: 28px; color: var(--brand); font-size: var(--fs-small); font-weight: 600; text-decoration: none; }
.arif-edu.arif-edu .sol-card-links a:hover { text-decoration: underline; }
.arif-edu.arif-edu .sol-card-link--ext { color: var(--muted) !important; font-weight: 500 !important; }
.arif-edu.arif-edu .cta-band { padding-block: clamp(32px, 1.5rem + 1.5vw, 56px) clamp(40px, 2rem + 2vw, 72px); }
.arif-edu.arif-edu .section--soft + .cta-band,
:is(.e-con, .elementor-section, .elementor-element):has(.arif-edu-root:is(.section--soft)) + :is(.e-con, .elementor-section, .elementor-element) .arif-edu-root:is(.cta-band) { padding-top: clamp(40px, 2rem + 2vw, 72px); }
.arif-edu.arif-edu .cta-inner { padding: clamp(24px, 1.2rem + 1.5vw, 44px) clamp(24px, 1.2rem + 2vw, 56px) !important; gap: 24px !important; }
.arif-edu.arif-edu .cta-band h2 { font-size: clamp(1.5rem, 1.2rem + 1.2vw, 2.125rem); }
.arif-edu.arif-edu .cta-inner--art .cta-art { transform: scale(.82); transform-origin: center; margin-block: -24px; }
.arif-edu.arif-edu #community .person { --p: var(--brand); --p-50: var(--brand-50); --p-line: var(--brand-line); }
.arif-edu.arif-edu #community .person-body .icon-tile { background: var(--brand-grad); color: var(--white); }
.arif-edu.arif-edu #community .person-uses li { background: var(--brand-50); }
.arif-edu.arif-edu #community .person-uses li::before { background: var(--brand); }
.arif-edu.arif-edu #ecosystem { padding-block: clamp(48px, 2.5rem + 2vw, 76px); }
.arif-edu.arif-edu #ecosystem .section-head { margin-bottom: 24px; }
.arif-edu.arif-edu #ecosystem .section-head h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); }
.arif-edu.arif-edu #ecosystem .eco { --eco-gap: clamp(28px, 1.5rem + 2vw, 64px); }
.arif-edu.arif-edu #ecosystem .eco-col { gap: 8px; }
.arif-edu.arif-edu #ecosystem .eco-people li,
.arif-edu.arif-edu #ecosystem .eco-products a { padding: 10px 14px; }
.arif-edu.arif-edu #ecosystem .eco-col .icon { width: 34px; height: 34px; padding: 8px; }
.arif-edu.arif-edu #ecosystem .eco-col strong { font-size: .9375rem; }
.arif-edu.arif-edu #ecosystem .eco-hub { padding: 22px; }
.arif-edu.arif-edu #ecosystem .eco-hub-icon { width: 52px; height: 52px; }
@media (max-width: 640px) {
.arif-edu.arif-edu .hero--light { padding-block: 28px 32px; }
.arif-edu.arif-edu .hero--light .hero-grid > :last-child { display: none; }
.arif-edu.arif-edu .hero--light h1 { font-size: 2.125rem; margin-bottom: 12px; }
.arif-edu.arif-edu .hero--light .lead { margin-bottom: 18px; font-size: 1rem; }
.arif-edu.arif-edu .hero--light .hero-community { margin-top: 16px; }
}
.arif-edu.arif-edu .shot-media video.shot-img { width: 100%; height: auto; aspect-ratio: 16 / 10; object-fit: cover; }
.arif-edu.arif-edu .shot-video { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; }
.arif-edu.arif-edu .hero-shot { position: relative; }
.arif-edu.arif-edu .hero-shot .shot { box-shadow: 0 40px 80px -40px rgba(0, 21, 126, .45); }
.arif-edu.arif-edu .hero-shot .shot-img { max-height: min(56vh, 520px); }
.arif-edu.arif-edu .shot--step { width: min(100%, 320px); border-radius: 14px; box-shadow: 0 24px 44px -26px rgba(0, 21, 126, .5); }
.arif-edu.arif-edu .shot--step .shot-bar { height: 30px; padding: 0 10px; gap: 4px; }
.arif-edu.arif-edu .shot--step .shot-bar i { width: 7px; height: 7px; }
.arif-edu.arif-edu .shot--step .shot-url { height: 20px; padding: 0 10px; font-size: 10px; }
.arif-edu.arif-edu .shot--step .shot-bar::after { width: 26px; }
.arif-edu.arif-edu .story--loop .story-visual > .shot--step { width: min(100%, 300px); }
.arif-edu.arif-edu .process-shot { display: grid; place-items: center; margin-bottom: 22px; }
.arif-edu.arif-edu .process-shot .shot--step { width: 100%; }
.arif-edu.arif-edu .scrolly-frame > .shot { width: 100%; box-shadow: 0 30px 60px -36px rgba(0, 21, 126, .45); }
.arif-edu.arif-edu .scrolly-frame .shot-img { max-height: 100%; }
.arif-edu.arif-edu .scrolly-inline > .shot { width: 100%; }
@media (min-width: 1025px) {
.arif-edu.arif-edu #demos { padding-block: clamp(44px, 2rem + 2vw, 72px); }
.arif-edu.arif-edu #demos .section-head { margin-bottom: 20px; }
.arif-edu.arif-edu #demos .section-head h2 { font-size: clamp(1.75rem, 1.3rem + 1.6vw, 2.5rem); }
.arif-edu.arif-edu #demos .is-auto .scrolly-stage { min-height: 0; padding: 14px; gap: 10px; }
.arif-edu.arif-edu #demos .is-auto .scrolly-steps { gap: 6px; }
.arif-edu.arif-edu #demos .is-auto .scrolly-card { padding: 10px 14px 14px; }
.arif-edu.arif-edu #demos .is-auto .scrolly-more > p { font-size: .9rem; }
}
.arif-edu.arif-edu .demo-swap { display: grid; }
.arif-edu.arif-edu .demo-swap > .win { grid-area: 1 / 1; }
@media (prefers-reduced-motion: no-preference) {
.arif-edu.arif-edu .demo-swap > .win { animation: arif-swap-a 10s ease-in-out infinite; }
.arif-edu.arif-edu .demo-swap > .win + .win { animation-name: arif-swap-b; }
}
@keyframes arif-swap-a { 0%, 44% { opacity: 1; transform: none; } 50%, 94% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: none; } }
@keyframes arif-swap-b { 0%, 44% { opacity: 0; transform: translateY(10px); } 50%, 94% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(10px); } }
@media (prefers-reduced-motion: reduce) {
.arif-edu.arif-edu .demo-swap > .win + .win { visibility: hidden; }
}
.arif-edu.arif-edu .demo-swap:hover > .win { animation-play-state: paused; }
@media (min-width: 1025px) {
.arif-edu.arif-edu #demos { padding-block: clamp(36px, 1.5rem + 1.5vw, 56px); }
.arif-edu.arif-edu #demos .is-auto .scrolly-card { gap: 10px; padding: 8px 12px 12px; }
.arif-edu.arif-edu #demos .is-auto .scrolly-icon { width: 32px; height: 32px; border-radius: 10px; }
.arif-edu.arif-edu #demos .is-auto .scrolly-icon .icon { width: 16px; height: 16px; }
.arif-edu.arif-edu #demos .is-auto .scrolly-copy .demo-product { font-size: 10px; }
.arif-edu.arif-edu #demos .is-auto .scrolly-copy h3 { font-size: 1rem; }
.arif-edu.arif-edu #demos .is-auto .scrolly-short { display: none; }
.arif-edu.arif-edu #demos .is-auto .scrolly-step.is-active .scrolly-more { margin-top: 4px; }
.arif-edu.arif-edu #demos .is-auto .scrolly-progress { bottom: 5px; }
}
@media (min-width: 861px) {
.arif-edu.arif-edu .process:has(.process-shot) { --art-h: 172px; }
.arif-edu.arif-edu .process-shot { height: var(--art-h); align-items: start; }
.arif-edu.arif-edu .process-shot .shot--step { max-height: var(--art-h); }
}
@keyframes arif-swap-a { 0%, 46% { opacity: 1; transform: none; } 50%, 96% { opacity: 0; transform: translateY(10px); } 100% { opacity: 1; transform: none; } }
@keyframes arif-swap-b { 0%, 46% { opacity: 0; transform: translateY(10px); } 50%, 96% { opacity: 1; transform: none; } 100% { opacity: 0; transform: translateY(10px); } }
@media (min-width: 1025px) {
.arif-edu.arif-edu #demos { padding-block: 32px 40px; }
.arif-edu.arif-edu #demos .section-head .eyebrow { margin-bottom: 8px; }
.arif-edu.arif-edu #demos .section-head h2 { margin-bottom: 4px; }
}
.arif-edu.arif-edu .brand-logo { display: block; width: auto; height: 46px; }
.arif-edu.arif-edu .site-footer .brand-logo { height: 44px; }
@media (max-width: 640px) {
.arif-edu.arif-edu .brand-logo { height: 38px; }
}
.arif-edu.arif-edu .im-media { min-width: 0; }
.arif-edu.arif-edu .im-media .shot { width: 100%; }
.arif-edu.arif-edu .im-two { display: grid; grid-template-columns: minmax(0, 1.1fr) minmax(0, .9fr); gap: clamp(24px, 1rem + 3vw, 56px); align-items: start; }
.arif-edu.arif-edu .im-two-text { min-width: 0; }
.arif-edu.arif-edu .im-two .im-headrow { display: grid; gap: 12px; }
.arif-edu.arif-edu .im-two .im-path,
.arif-edu.arif-edu .im-two .im-subjects { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; gap: 10px !important; }
.arif-edu.arif-edu .im-two .im-path li,
.arif-edu.arif-edu .im-two .im-subjects li { padding: 12px 14px !important; }
.arif-edu.arif-edu .im-two .im-subhead { margin: 18px 0 10px !important; }
@media (min-width: 1025px) {
.arif-edu.arif-edu .im-two .im-media { position: sticky; top: calc(var(--header-h) + 24px); }
}
@media (max-width: 860px) {
.arif-edu.arif-edu .im-two { grid-template-columns: minmax(0, 1fr); }
}
.arif-edu.arif-edu .im-two .im-headrow { margin-bottom: 4px; }
.arif-edu.arif-edu .im-two .im-path { grid-template-columns: minmax(0, 1fr) !important; gap: 6px !important; margin-bottom: 0; }
.arif-edu.arif-edu .im-two .im-path::before { display: none; }
.arif-edu.arif-edu .im-two .im-path li { display: grid; grid-template-columns: 30px minmax(0, 1fr); align-items: baseline; column-gap: 10px; padding: 6px 0 !important; }
.arif-edu.arif-edu .im-two .im-path .im-step { grid-row: span 2; width: 30px; height: 30px; font-size: 13px; box-shadow: none; }
.arif-edu.arif-edu .im-two .im-path strong { font-size: .9375rem; }
.arif-edu.arif-edu .im-two .im-path li > span:last-child { font-size: 13px; }
.arif-edu.arif-edu .im-two .im-subjects li { grid-template-columns: 34px minmax(0, 1fr); padding: 10px 12px !important; }
.arif-edu.arif-edu .im-two .im-subjects .im-ico { width: 34px; height: 34px; }
.arif-edu.arif-edu .im-two .im-subjects strong { font-size: .9375rem; }
.arif-edu.arif-edu .im-two .im-subjects li > span:last-child { font-size: 12.5px; line-height: 1.4; }
.arif-edu.arif-edu .im-two .im-subjects { margin-bottom: 12px; }
.arif-edu.arif-edu .im-two .im-intro .lead { font-size: 1rem; }
.arif-edu.arif-edu .im-two .im-path { grid-template-columns: repeat(2, minmax(0, 1fr)) !important; column-gap: 16px !important; }
@media (max-width: 560px) {
.arif-edu.arif-edu .im-two .im-path,
.arif-edu.arif-edu .im-two .im-subjects { grid-template-columns: minmax(0, 1fr) !important; }
}
.arif-edu.arif-edu .demo-swap > * { grid-area: 1 / 1; min-width: 0; }
@media (prefers-reduced-motion: no-preference) {
.arif-edu.arif-edu .demo-swap > * { animation: arif-swap-a 10s ease-in-out infinite; }
.arif-edu.arif-edu .demo-swap > * + * { animation-name: arif-swap-b; }
}
@media (prefers-reduced-motion: reduce) {
.arif-edu.arif-edu .demo-swap > * + * { visibility: hidden; }
}
.arif-edu.arif-edu .demo-swap:hover > *,
.arif-edu.arif-edu .demo-swap:focus-within > * { animation-play-state: paused; }
.arif-edu.arif-edu .demo-swap > .shot { width: 100%; align-self: center; }
.arif-edu.arif-edu .process--noart { --art-h: -22px; }
.arif-edu.arif-edu .im-hero-media { margin-top: 22px; max-width: 520px; }
.arif-edu.arif-edu .im-hero-media .shot-img { max-height: 300px; }
.arif-edu.arif-edu .page-hero:has(+ #demo),
:is(.e-con, .elementor-section, .elementor-element):has(+ :is(.e-con, .elementor-section, .elementor-element) #demo) .arif-edu-root:is(.page-hero) { padding-block: clamp(28px, 1.5rem + 1.5vw, 48px) 8px; }
.arif-edu.arif-edu .page-hero:has(+ #demo) .lead,
:is(.e-con, .elementor-section, .elementor-element):has(+ :is(.e-con, .elementor-section, .elementor-element) #demo) .arif-edu-root:is(.page-hero) .lead { margin-bottom: 0; }
.arif-edu.arif-edu #demo.section--tight { padding-block: 16px clamp(40px, 2rem + 2vw, 64px); }
.arif-edu.arif-edu #demo .form-card { padding: clamp(18px, 1rem + 1vw, 28px); }
.arif-edu.arif-edu #demo .alert--info { padding: 10px 14px; margin-bottom: 14px; font-size: 13.5px; }
.arif-edu.arif-edu #demo #form-title { margin-bottom: 2px; font-size: 1.5rem; }
.arif-edu.arif-edu #demo .form-intro { margin-bottom: 12px; }
.arif-edu.arif-edu #demo .form-grid { gap: 12px 16px; }
.arif-edu.arif-edu #demo .field label,
.arif-edu.arif-edu #demo .checks legend { margin-bottom: 4px; }
.arif-edu.arif-edu #demo .input { padding-block: 9px; }
.arif-edu.arif-edu #demo textarea.input { min-height: 84px; height: 84px; }
.arif-edu.arif-edu #demo .hint { margin-top: 3px; font-size: 12.5px; }
.arif-edu.arif-edu #demo .form-foot { margin-top: 14px; gap: 10px 16px; }
.arif-edu.arif-edu #demo .contact-side h2 { font-size: 1.25rem; }
.arif-edu.arif-edu .page-hero:has(+ #demo),
:is(.e-con, .elementor-section, .elementor-element):has(+ :is(.e-con, .elementor-section, .elementor-element) #demo) .arif-edu-root:is(.page-hero) { padding-block: 24px 8px !important; min-height: 0 !important; }
.arif-edu.arif-edu .page-hero:has(+ #demo) h1,
:is(.e-con, .elementor-section, .elementor-element):has(+ :is(.e-con, .elementor-section, .elementor-element) #demo) .arif-edu-root:is(.page-hero) h1 { margin-block: 6px 4px; font-size: clamp(1.875rem, 1.4rem + 1.4vw, 2.5rem); }
.arif-edu.arif-edu .page-hero:has(+ #demo) .breadcrumb,
:is(.e-con, .elementor-section, .elementor-element):has(+ :is(.e-con, .elementor-section, .elementor-element) #demo) .arif-edu-root:is(.page-hero) .breadcrumb { margin-bottom: 0; }
.arif-edu.arif-edu #demo .alert--info { align-items: center; }
.arif-edu.arif-edu #demo .field { gap: 4px; }
.arif-edu.arif-edu #demo .input { min-height: 0; height: 42px; padding-block: 8px; }
.arif-edu.arif-edu #demo select.input { height: 42px; }
.arif-edu.arif-edu #demo textarea.input { height: 76px; min-height: 76px; }
.arif-edu.arif-edu #demo .checks { gap: 4px 18px; }
@media (min-width: 861px) {
.arif-edu.arif-edu #demo .form-grid { grid-template-columns: repeat(6, minmax(0, 1fr)); }
.arif-edu.arif-edu #demo .form-grid > :nth-child(1),
.arif-edu.arif-edu #demo .form-grid > :nth-child(2),
.arif-edu.arif-edu #demo .form-grid > :nth-child(3) { grid-column: span 2; }
.arif-edu.arif-edu #demo .form-grid > :nth-child(4),
.arif-edu.arif-edu #demo .form-grid > :nth-child(5) { grid-column: span 3; }
.arif-edu.arif-edu #demo .form-grid > :nth-child(n/**/+6) { grid-column: 1 / -1; }
.arif-edu.arif-edu #demo .contact-grid { grid-template-columns: minmax(0, 1.7fr) minmax(0, 1fr); gap: 32px; }
}
.arif-edu.arif-edu #demo .alert--info strong { display: inline; margin: 0; }
.arif-edu.arif-edu #demo .alert--info { padding: 8px 12px; }
.arif-edu.arif-edu #demo .alert--info > div { display: block; }
.arif-edu.arif-edu #demo .form-card { padding-top: 18px; }
.arif-edu.arif-edu #demo .form-intro { margin-bottom: 8px; }
.arif-edu.arif-edu .page-hero:has(+ #demo) .lead,
:is(.e-con, .elementor-section, .elementor-element):has(+ :is(.e-con, .elementor-section, .elementor-element) #demo) .arif-edu-root:is(.page-hero) .lead { font-size: 1rem; }
.arif-edu.arif-edu #demo textarea.input { height: 64px; min-height: 64px; }
.arif-edu.arif-edu #demo .form-grid { row-gap: 10px; }
.arif-edu.arif-edu #demo .form-foot { margin-top: 12px; }
.arif-edu.arif-edu #demo.section--tight { padding-top: 12px; }
@media (min-width: 1025px) {
.arif-edu.arif-edu .im-hero { padding-block: 24px 40px !important; }
.arif-edu.arif-edu .im-hero .breadcrumb { margin-bottom: 8px; }
.arif-edu.arif-edu .im-hero h1 { font-size: clamp(2rem, 1rem + 1.9vw, 2.875rem) !important; margin-bottom: 12px !important; }
.arif-edu.arif-edu .im-hero .lead { font-size: 1.0625rem; margin-bottom: 18px !important; }
.arif-edu.arif-edu .im-hero-grid { align-items: start !important; }
.arif-edu.arif-edu .im-hero-media { margin-top: 18px; }
.arif-edu.arif-edu .im-hero-media .shot-img { max-height: 240px; }
.arif-edu.arif-edu .im-eco { padding: 22px !important; }
.arif-edu.arif-edu .im-eco-people li { padding-block: 8px !important; }
.arif-edu.arif-edu .im-eco-products li { padding-block: 10px !important; }
}
.arif-edu.arif-edu .im-hero-copy .lead { max-width: 560px; }
.arif-edu.arif-edu .im-eco-hub { justify-content: center; margin: 10px 0; }
.arif-edu.arif-edu .im-eco-hub::before,
.arif-edu.arif-edu .im-eco-hub::after { display: none; }
.arif-edu.arif-edu .im-eco-hub span { position: relative; padding: 6px 14px; border: 1px solid rgba(255, 255, 255, .4); border-radius: var(--radius-pill); background: rgba(255, 255, 255, .12); }
.arif-edu.arif-edu .im-eco-hub span::before,
.arif-edu.arif-edu .im-eco-hub span::after { content: ""; position: absolute; left: 50%; width: 2px; height: 10px; background: rgba(255, 255, 255, .6); transform: translateX(-50%); }
.arif-edu.arif-edu .im-eco-hub span::before { bottom: 100%; }
.arif-edu.arif-edu .im-eco-hub span::after { top: 100%; }
.arif-edu.arif-edu .im-eco-products li:nth-child(2),
.arif-edu.arif-edu .im-eco-products li:nth-child(3) { margin-inline-start: 0; }
.arif-edu.arif-edu .im-hero + .im-audiences,
:is(.e-con, .elementor-section, .elementor-element):has(.arif-edu-root:is(.im-hero)) + :is(.e-con, .elementor-section, .elementor-element) .arif-edu-root:is(.im-audiences) { padding-top: clamp(32px, 2rem + 1vw, 56px); }
.arif-edu.arif-edu .im-panel { padding: clamp(20px, 1rem + 1.5vw, 36px); border: 1px solid var(--border); background: var(--white); box-shadow: var(--shadow-sm); }
.arif-edu.arif-edu .im-kicker { display: inline-flex; padding: 3px 10px; border-radius: var(--radius-pill); background: var(--brand-50); }
.arif-edu.arif-edu .post-grid { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 20px; }
.arif-edu.arif-edu .post-card { display: flex; flex-direction: column; overflow: hidden; border: 1px solid var(--border); border-radius: var(--radius-lg); background: var(--white); box-shadow: var(--shadow-sm); transition: transform .25s var(--ease), box-shadow .25s ease; }
.arif-edu.arif-edu .post-card:hover { transform: translateY(-3px); box-shadow: var(--shadow); }
.arif-edu.arif-edu .post-card .shot { border: 0; border-radius: 0; box-shadow: none; }
.arif-edu.arif-edu .post-card .shot-bar { display: none; }
.arif-edu.arif-edu .post-card .shot-img { aspect-ratio: 16 / 10; object-fit: cover; max-height: none; }
.arif-edu.arif-edu .post-body { display: grid; gap: 6px; padding: 16px 18px 18px; }
.arif-edu.arif-edu .post-tag { color: var(--brand); font-size: 12px; font-weight: 700; letter-spacing: .04em; text-transform: uppercase; }
.arif-edu.arif-edu .post-body h3 { margin: 0; font-size: 1.125rem; }
.arif-edu.arif-edu .post-body p:not(.post-tag) { color: var(--muted); font-size: var(--fs-small); }
.arif-edu.arif-edu .post-body .text-link { margin-top: 4px; font-size: var(--fs-small); }
.arif-edu.arif-edu #media { padding-block: clamp(40px, 2rem + 2vw, 72px); }
@media (max-width: 860px) {
.arif-edu.arif-edu .post-grid { grid-template-columns: minmax(0, 1fr); }
}
.arif-edu.arif-edu .page-hero:has(+ #demo),
:is(.e-con, .elementor-section, .elementor-element):has(+ :is(.e-con, .elementor-section, .elementor-element) #demo) .arif-edu-root:is(.page-hero) { padding-block: 32px 24px !important; }
.arif-edu.arif-edu #demo.section--tight { padding-top: 32px; }
.arif-edu.arif-edu #demo .form-grid { row-gap: 14px; }
.arif-edu.arif-edu #demo .form-foot { margin-top: 18px; }
.arif-edu.arif-edu #demo .alert--info { margin-bottom: 18px; }
.arif-edu.arif-edu #demo .contact-side { gap: 18px; }
/* 4. All margins again, stronger than Elementor's figure rule (same order as above). */
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu h1,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu h2,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu h3,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu h4 { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu p,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu ul,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu ol,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu dl,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu figure,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu blockquote { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .visually-hidden { margin: -1px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .container { margin-inline: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .eyebrow { margin-bottom: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .section-head { margin-bottom: clamp(36px, 2rem + 1.5vw, 56px); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .section-head > * + * { margin-top: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .section-head .eyebrow + h2,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .section-head .eyebrow + h1 { margin-top: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .section-head--center { margin-inline: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .section-head--row > * + * { margin-top: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .prose-block > * + * { margin-top: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .stack > .eyebrow { margin-bottom: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .ext-icon { margin-inline-start: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero h1 { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero .lead { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero-solutions { margin-top: var(--s-7); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .page-hero h1 { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .page-hero .meta-line { margin-top: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .page-hero--product .lead { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .breadcrumb { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .breadcrumb li + li::before { margin-inline-end: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mock-ghost::before { margin-top: 3px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mock-title { margin-inline-start: 10px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mm-kpi b { margin-top: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mf-app { margin-bottom: 8px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mock-float p { margin: 2px 0 10px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mock-note { margin-top: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mock-note .icon { margin-top: 1px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mock-stage + .mock-note--float { margin-top: 44px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .solution-row + .solution-row { margin-top: clamp(64px, 4rem + 2vw, 112px); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .solution-row h3 { margin-bottom: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .solution-row .lead { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .solution-head { margin-bottom: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .solution-head .eyebrow { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .check-list { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .check-list .icon { margin-top: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .workflow dd { margin: 2px 0 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .workflow .text-link { margin-top: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .audience-list .products { margin-top: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .step::before { margin-bottom: 20px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .step h3 { margin-bottom: var(--s-2); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .steps--stacked .step::before { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .card h3 { margin-bottom: var(--s-2); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .card > .icon { margin-bottom: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .card-stack .btn-row,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .card-stack > .btn { margin-top: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .card-stack .eyebrow { margin-bottom: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .role-strip > .card::before { margin-bottom: 20px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .method-list > .card h3 { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .feature h3 { margin-bottom: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .cell-grid .icon { margin-bottom: 20px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .cell-grid h3 { margin-bottom: var(--s-2); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .callout > .icon { margin-top: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .callout strong { margin-bottom: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .callout .text-link { margin-top: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .panel-dark h2 { margin-bottom: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .flow-label { margin-bottom: var(--s-2); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .flow-node strong { margin-top: var(--s-2); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .flow-node span { margin-top: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .benefit-col h3 { margin-bottom: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .line-list .icon { margin-top: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .facts dd { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .faq-a > * + * { margin-top: 10px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .cta-band h2 { margin-bottom: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .footer-about p { margin-top: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .footer-title { margin-bottom: 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-label { margin-bottom: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-kicker { margin-bottom: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-subhead { margin-bottom: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-ticks .icon { margin-top: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-note > .icon { margin-top: 1px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-note .text-link { margin-inline-start: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-hero-grid { margin-top: clamp(16px, 1rem + 2vw, 48px); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-hero h1 { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-hero .lead { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-hero-note { margin-top: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-eco-head { margin-bottom: 16px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-eco-hub { margin: 18px 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-eco-products li:nth-child(2) { margin-inline-start: 7%; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-eco-products li:nth-child(3) { margin-inline-start: 14%; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-panels { margin-top: clamp(28px, 1.5rem + 1.5vw, 48px); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-tabs:not(.is-enhanced) .im-panel + .im-panel { margin-top: var(--s-8); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-intro h3 { margin-bottom: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-intro .lead { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-intro--center { margin-inline: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-uses { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-module h4 { margin-bottom: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-module .im-label { margin-bottom: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-module .text-link { margin-top: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-iconlist { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-preview { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-window-bar em { margin-inline-start: 10px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-w-title { margin: 4px 0 16px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-w-tools { margin-bottom: 18px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-w-bar { margin-top: 18px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-preview figcaption { margin-top: 22px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-headrow { margin-bottom: var(--s-7); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-headrow .im-intro .lead { margin-bottom: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-path { margin-bottom: var(--s-7); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-step { margin-bottom: 10px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-subjects { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-flow { margin: var(--s-7) 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-flow .im-chips { margin-top: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-split--even .im-ticks { margin-bottom: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-card-soft p + p { margin-top: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-rows { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-row .im-ticks .icon { margin-top: 2px; }
@media (max-width: 640px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-eco-products li:nth-child(n) { margin-inline-start: 0; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .form-intro { margin: 6px 0 var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .checks { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .checks legend { margin-bottom: 10px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .check input { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .form-foot { margin-top: 28px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .alert { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .alert ul { margin-top: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .alert .icon { margin-top: 1px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .review-panel h2 { margin: var(--s-4) 0 var(--s-2); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .review-list { margin: var(--s-5) 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .review-list dd { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .contact-list .icon { margin-top: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .contact-list .label + .tbc { margin-top: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .contact-list .sub { margin-top: 10px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .toc a { margin-inline-start: -1px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .prose h2 { margin: 48px 0 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .prose h2:first-of-type { margin-top: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .prose p,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .prose ul { margin-bottom: 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .notice { margin-bottom: 40px; }
@media (max-width: 860px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .steps:not(.steps--stacked) .step::before { margin: 0; }
}
@media (max-width: 640px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mock-float { margin-top: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mock-stage + .mock-note--float { margin-top: var(--s-4); }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .point-card:nth-child(2) { margin-inline-start: 7%; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .point-card:nth-child(3) { margin-inline-start: 14%; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .point-card h3 { margin-bottom: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .split--about .stack .lead { margin-top: var(--s-2); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .band-dark .section-head .eyebrow { margin-bottom: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .role-strip--icons > .card .icon-tile { margin-bottom: 18px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .cell-grid--bento > :first-child .icon { margin-bottom: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .cell-grid--bento > :last-child .icon { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .benefit-col > .icon-tile { margin-bottom: 16px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .quick-links { margin-top: var(--s-6); }
@media (max-width: 860px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .point-card:nth-child(n) { margin-inline-start: 0; }
}
@media (max-width: 640px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .cell-grid--bento > :last-child .icon { margin-bottom: 20px; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .shot { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .shot-url { margin-inline: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero-community { margin-top: var(--s-7); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hs-video { margin: 10px 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero-stage .mock { margin-inline-start: 40px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero-note { margin-top: 48px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .sol-switch { margin: calc(-1 * var(--s-5)) 0 clamp(40px, 2rem + 2vw, 72px); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .showcase + .showcase { margin-top: clamp(56px, 3rem + 3vw, 112px); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .showcase h3 { margin-bottom: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .showcase .lead { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .showcase .check-list { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .module-chips { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .subject-dots { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .mini-facts { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .shot-stack > .shot:first-child { margin-inline-start: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .pc-sub { margin: 2px 0 12px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .pc-methods { margin-bottom: 12px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .method-chips { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .journey-icon { margin-bottom: 10px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .journey-note { margin-top: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .journey-note .icon { margin-top: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .person-body .icon-tile { margin-top: -44px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .person h3 { margin-top: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .person-uses-label { margin-top: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .pv-list { margin-bottom: 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .pv-ring { margin-bottom: 16px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .demo-tabs { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .demo-product { margin-bottom: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .demo-copy h3 { margin-bottom: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .demo-copy > p:not(.demo-product) { margin-bottom: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .demo-copy .check-list { margin-bottom: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .win-chip { margin-inline-start: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .eco-hub-icon { margin-bottom: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .eco-note { margin: var(--s-6) auto 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .eco-note .icon { margin-inline-end: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .eco-note .tbc { margin-top: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .change-label { margin-bottom: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .principles { margin-top: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .impact-tbc { margin-top: var(--s-5); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .cta-contacts { margin-top: var(--s-5); }
@media (max-width: 860px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .eco-hub { margin-block: 40px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .journey-icon { margin: 0; }
}
@media (max-width: 640px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hs-lesson { margin-bottom: 12px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero-stage .mock { margin-inline-start: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero-note { margin-top: var(--s-4); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .sol-switch { margin-top: 0; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .fee-visual--wide { margin: clamp(40px, 2rem + 2vw, 64px) auto 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .trio-core { margin-bottom: 56px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .trio-item .icon-tile { margin-bottom: 8px; }
@media (max-width: 520px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .trio-core { margin-bottom: 14px; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero-stage--devices .mock { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .phone-notch { margin-bottom: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .phone-btn { margin-top: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .js-tabs .demo-tabs { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .cta-inner--art .btn-row { margin-top: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .site-header { margin-bottom: calc(-1 * var(--header-offset)); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .process-art { margin-bottom: 22px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .process-num { margin-bottom: 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .process-step h3 { margin-bottom: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .process-cta { margin-top: var(--s-7); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .pa-row .pa-chk + .pa-l { margin-inline-end: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .sticky-col .shot--phone { margin-top: var(--s-5); }
@media (max-width: 860px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .process-num { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .process-art { margin-bottom: 14px; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .story { margin-inline: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .story-kicker { margin-bottom: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .story-text h3 { margin-bottom: 8px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .story-text .tbc { margin-top: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .laptop-base { margin: 0 -6%; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .laptop-base::after { margin: 0 auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .setup-title { margin-bottom: 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .daily-win:first-child .pa-bars { margin-top: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .daily-h { margin: 4px 0 10px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .daily-s { margin-top: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .scrolly-copy h3 { margin: 2px 0 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .scrolly-more { margin-top: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .scrolly-more > p { margin-bottom: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .scrolly-more .check-list { margin-bottom: var(--s-2); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .is-auto .scrolly-more { margin-top: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .is-auto .scrolly-step.is-active .scrolly-more { margin-top: var(--s-3); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .scrolly-bar .scrolly-dots { margin-inline-start: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .is-auto .scrolly-copy .demo-product { margin-bottom: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .is-auto .scrolly-more > p { margin-bottom: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .sol-switch--links { margin-bottom: 0; }
@media (min-width: 861px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .story--loop .story-text h3 { margin-bottom: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .story--loop .story-kicker { margin-bottom: 4px; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .sol-cards { margin-inline: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .sol-card-go { margin-left: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #solutions .section-head { margin-bottom: var(--s-6); }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #community .person-body .icon-tile { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #community .person h3 { margin: 0; }
@media (max-width: 1024px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .is-auto .scrolly-copy h3 { margin: 0; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #difference .section-head { margin-bottom: 24px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #difference .change-label { margin-bottom: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #difference .principles { margin-top: 16px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #difference .impact-tbc { margin-top: 12px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .band-brand .demo-pair { margin-inline: auto; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .section--compact .section-head { margin-bottom: 24px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .section--compact .statements .eyebrow { margin: 0; }
@media (min-width: 1025px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero--light h1 { margin-bottom: 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero--light .lead { margin-bottom: 20px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero--light .eyebrow { margin-bottom: 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero--light .hero-community { margin-top: 18px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero--light .hero-note { margin-top: 6px; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .sol-card h3 { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .sol-card-links { margin-top: 6px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .cta-inner--art .cta-art { margin-block: -24px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #ecosystem .section-head { margin-bottom: 24px; }
@media (max-width: 640px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero--light h1 { margin-bottom: 12px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero--light .lead { margin-bottom: 18px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .hero--light .hero-community { margin-top: 16px; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .process-shot { margin-bottom: 22px; }
@media (min-width: 1025px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demos .section-head { margin-bottom: 20px; }
}
@media (min-width: 1025px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demos .is-auto .scrolly-step.is-active .scrolly-more { margin-top: 4px; }
}
@media (min-width: 1025px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demos .section-head .eyebrow { margin-bottom: 8px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demos .section-head h2 { margin-bottom: 4px; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-two .im-subhead { margin: 18px 0 10px !important; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-two .im-headrow { margin-bottom: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-two .im-path { margin-bottom: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-two .im-subjects { margin-bottom: 12px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-hero-media { margin-top: 22px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .page-hero:has(+ #demo) .lead { margin-bottom: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .alert--info { margin-bottom: 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo #form-title { margin-bottom: 2px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .form-intro { margin-bottom: 12px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .field label,
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .checks legend { margin-bottom: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .hint { margin-top: 3px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .form-foot { margin-top: 14px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .page-hero:has(+ #demo) h1 { margin-block: 6px 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .page-hero:has(+ #demo) .breadcrumb { margin-bottom: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .alert--info strong { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .form-intro { margin-bottom: 8px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .form-foot { margin-top: 12px; }
@media (min-width: 1025px) {
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-hero .breadcrumb { margin-bottom: 8px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-hero h1 { margin-bottom: 12px !important; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-hero .lead { margin-bottom: 18px !important; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-hero-media { margin-top: 18px; }
}
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-eco-hub { margin: 10px 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-eco-products li:nth-child(2),
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .im-eco-products li:nth-child(3) { margin-inline-start: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .post-body h3 { margin: 0; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu .post-body .text-link { margin-top: 4px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .form-foot { margin-top: 18px; }
.elementor-widget .arif-edu.arif-edu.arif-edu.arif-edu #demo .alert--info { margin-bottom: 18px; }