:root { --amber:#d97706; --amber-bright:#fb923c; --sky:#38bdf8; --page:#080b10; --panel:rgba(30,41,59,.9); --border:rgba(148,163,184,.18); --text:#f8fafc; --muted:#94a3b8; }
* { box-sizing:border-box; }
body { min-width:320px; min-height:100vh; margin:0; color:var(--text); font-family:Arial,sans-serif; background:radial-gradient(circle at 8% 2%,rgba(217,119,6,.24),transparent 34rem),radial-gradient(circle at 91% 93%,rgba(14,116,144,.14),transparent 30rem),linear-gradient(180deg,#0f172a 0%,var(--page) 48%,#05070b 100%); }
a { color:inherit; }.edu-site-header { border-bottom:1px solid var(--border); background:rgba(8,11,16,.72); box-shadow:0 12px 34px rgba(0,0,0,.18); backdrop-filter:blur(14px); }.edu-site-header-inner { display:flex; width:min(1180px,100%); min-height:70px; align-items:center; gap:22px; margin:0 auto; padding:12px clamp(18px,4vw,34px); }.edu-logo { flex:0 0 auto; color:#fff; font-size:1.42rem; font-weight:900; letter-spacing:-.065em; text-decoration:none; }.edu-logo span { color:var(--amber-bright); }.edu-site-nav { display:flex; min-width:0; flex:1; align-items:center; gap:4px; }.edu-site-nav a { padding:8px 10px; border-radius:7px; color:#cbd5e1; font-size:.78rem; font-weight:800; text-decoration:none; white-space:nowrap; }.edu-site-nav a:hover { color:#fff; background:rgba(217,119,6,.16); }.edu-site-nav a.is-active { color:#fff; background:var(--amber); }.edu-home-action { flex:0 0 auto; color:#bae6fd; font-size:.74rem; font-weight:800; text-decoration:none; white-space:nowrap; }.edu-home-action:hover { color:#fff; }.edu-home-action span { color:var(--amber-bright); font-size:1rem; }.edu-header-tools { display:flex; flex:0 0 auto; align-items:center; gap:11px; }
.language-switch { display:inline-flex; padding:2px; border:1px solid rgba(148,163,184,.28); border-radius:7px; background:rgba(15,23,42,.74); }.language-button { min-width:31px; border:0; border-radius:4px; color:#94a3b8; background:transparent; padding:6px 7px; font:inherit; font-size:.68rem; font-weight:850; cursor:pointer; }.language-button:hover { color:#fff; }.language-button.is-active { color:#fff; background:rgba(14,116,144,.58); }
.edu-home-shell { width:min(1180px,100%); margin:0 auto; padding:clamp(28px,6vw,68px) clamp(18px,4vw,34px) 26px; }.edu-content-shell { width:min(1180px,100%); margin:0 auto; padding:clamp(16px,2.5vw,32px) clamp(18px,4vw,34px) 26px; }.edu-hero { max-width:760px; margin-bottom:clamp(32px,6vw,58px); }.edu-eyebrow { margin:0 0 11px; color:#f7c76e; font-size:.7rem; font-weight:800; letter-spacing:.12em; text-transform:uppercase; }.edu-hero h1,.edu-page-heading h1 { margin:0; color:#fff; font-size:clamp(2.35rem,5.4vw,4.3rem); line-height:.99; letter-spacing:-.07em; }.edu-hero h1 span { color:var(--amber-bright); }.edu-hero > p:last-child,.edu-page-heading > p:last-child { max-width:53ch; margin:19px 0 0; color:#c6d0de; font-size:1.04rem; font-weight:600; line-height:1.6; }
.edu-module-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.edu-module-card { position:relative; display:flex; min-height:300px; padding:23px; flex-direction:column; overflow:hidden; border:1px solid var(--border); border-radius:12px; background:linear-gradient(155deg,rgba(30,41,59,.92),rgba(15,23,42,.9)); box-shadow:0 18px 42px rgba(0,0,0,.18); text-decoration:none; transition:transform .18s ease,border-color .18s ease; }.edu-module-card::after { position:absolute; right:-52px; bottom:-70px; width:170px; height:170px; border:1px solid currentColor; border-radius:50%; content:''; opacity:.1; }.edu-module-card:hover,.edu-module-card:focus-visible { border-color:currentColor; outline:0; transform:translateY(-4px); }.edu-module-card--device { color:#7dd3fc; }.edu-module-card--settings { color:#fdba74; }.edu-module-card--calculators { color:#c4b5fd; }.edu-module-icon { display:grid; width:49px; height:49px; margin-bottom:auto; place-items:center; border:1px solid currentColor; border-radius:10px; background:rgba(2,6,23,.3); }.edu-module-icon svg { width:29px; height:29px; }.edu-module-kicker { margin-top:25px; color:inherit; font-size:.64rem; font-weight:800; letter-spacing:.1em; text-transform:uppercase; }.edu-module-card strong { margin-top:7px; color:#fff; font-size:1.35rem; letter-spacing:-.04em; }.edu-module-copy { max-width:30ch; margin-top:10px; color:#c4cfdd; font-size:.87rem; font-weight:600; line-height:1.5; }.edu-module-link { display:inline-flex; align-items:center; gap:8px; margin-top:20px; color:#fff; font-size:.81rem; font-weight:800; }.edu-module-link b { color:inherit; font-size:1.05rem; transition:transform .18s ease; }.edu-module-card:hover .edu-module-link b { transform:translateX(4px); }.edu-footer { margin-top:clamp(40px,8vw,88px); color:var(--muted); font-size:.7rem; font-weight:800; letter-spacing:.08em; text-align:center; text-transform:uppercase; }.edu-footer span { margin:0 6px; color:var(--amber); }
.edu-content-shell { max-width:1040px; }.edu-back-link { display:inline-flex; align-items:center; gap:7px; margin-bottom:25px; padding:7px 10px; border:1px solid rgba(148,163,184,.3); border-radius:7px; color:#dbe5ee; background:rgba(15,23,42,.62); font-size:.76rem; font-weight:800; text-decoration:none; }.edu-back-link:hover { border-color:rgba(56,189,248,.72); color:#fff; background:rgba(14,116,144,.22); }.edu-page-heading { margin-bottom:30px; }.edu-page-heading h1 { font-size:clamp(2rem,4.4vw,3.25rem); }.edu-calculator-heading { padding-top:2px; }.edu-calculator-heading .edu-page-heading { max-width:760px; margin-bottom:22px; }.edu-calculator-heading .edu-page-heading h1 { font-size:clamp(1.8rem,3.2vw,2.5rem); }.edu-info-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.edu-info-card { min-height:220px; padding:20px; border:1px solid var(--border); border-radius:10px; background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.9)); box-shadow:0 18px 42px rgba(0,0,0,.16); }.edu-number { color:var(--amber-bright); font-size:.68rem; font-weight:900; letter-spacing:.1em; }.edu-info-card h2 { margin:16px 0 8px; color:#fff; font-size:1.06rem; }.edu-info-card p { margin:0; color:#b9c5d4; font-size:.86rem; line-height:1.55; }.edu-callout { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:16px; padding:22px; border:1px solid rgba(56,189,248,.26); border-radius:10px; background:linear-gradient(135deg,rgba(8,47,73,.34),rgba(15,23,42,.84)); }.edu-callout .edu-eyebrow { margin-bottom:7px; color:#7dd3fc; }.edu-callout h2 { margin:0; color:#fff; font-size:1.1rem; }.edu-callout p:last-child { margin:7px 0 0; color:var(--muted); font-size:.84rem; }.edu-primary-link { flex:0 0 auto; padding:10px 12px; border:1px solid rgba(217,119,6,.84); border-radius:7px; color:#fff; background:var(--amber); font-size:.78rem; font-weight:800; text-decoration:none; }.edu-primary-link:hover { background:#b45309; }
.edu-note { margin:-10px 0 30px; padding:12px 14px; border:1px solid rgba(245,158,11,.32); border-radius:9px; color:#fde68a; background:rgba(120,53,15,.18); font-size:.82rem; line-height:1.52; }.edu-note strong { color:#fff; }.edu-article-section { margin-top:42px; }.edu-section-heading { max-width:760px; margin-bottom:17px; }.edu-section-heading h2 { margin:0; color:#fff; font-size:clamp(1.35rem,2.8vw,1.85rem); letter-spacing:-.04em; }.edu-section-heading > p:last-child { margin:9px 0 0; color:#b9c5d4; font-size:.91rem; line-height:1.6; }.edu-feature-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.edu-feature-grid--two { grid-template-columns:repeat(2,minmax(0,1fr)); }.edu-feature-card { min-height:174px; padding:19px; border:1px solid var(--border); border-radius:10px; background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.9)); box-shadow:0 18px 42px rgba(0,0,0,.14); }.edu-feature-card h3 { margin:0 0 8px; color:#fff; font-size:1rem; }.edu-feature-card p { margin:0; color:#b9c5d4; font-size:.84rem; line-height:1.57; }.edu-spec-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:12px; margin:0; }.edu-spec-list div { padding:16px 18px; border-left:2px solid rgba(56,189,248,.54); background:rgba(15,23,42,.55); }.edu-spec-list dt { margin:0 0 5px; color:#e2e8f0; font-size:.82rem; font-weight:850; }.edu-spec-list dd { margin:0; color:#aebdce; font-size:.81rem; line-height:1.52; }
.edu-device-visual { display:grid; grid-template-columns:minmax(0,1.05fr) minmax(350px,.95fr); align-items:center; gap:22px; margin:0 0 16px; padding:clamp(20px,4vw,31px); overflow:hidden; border:1px solid rgba(56,189,248,.26); border-radius:14px; background:radial-gradient(circle at 74% 44%,rgba(14,116,144,.2),transparent 19rem),linear-gradient(135deg,rgba(15,23,42,.96),rgba(8,15,29,.93)); }.edu-device-visual-copy h2 { max-width:18ch; margin:0; color:#fff; font-size:clamp(1.35rem,2.8vw,2rem); letter-spacing:-.045em; }.edu-device-visual-copy > p:last-of-type { max-width:50ch; margin:10px 0 0; color:#b9c5d4; font-size:.88rem; line-height:1.58; }.edu-inline-pills { display:flex; flex-wrap:wrap; gap:6px; margin-top:16px; }.edu-inline-pills span { padding:5px 7px; border:1px solid rgba(56,189,248,.25); border-radius:99px; color:#bae6fd; background:rgba(14,116,144,.15); font-size:.66rem; font-weight:800; }.edu-system-flow { display:grid; grid-template-columns:minmax(68px,1fr) 30px minmax(92px,1.15fr) 30px minmax(73px,1fr); align-items:center; gap:5px; }.edu-flow-stack { display:grid; gap:9px; }.edu-flow-node { position:relative; display:grid; min-height:88px; place-items:center; align-content:center; gap:4px; padding:9px 6px; border:1px solid rgba(148,163,184,.23); border-radius:11px; color:#cbd5e1; background:rgba(15,23,42,.78); text-align:center; box-shadow:0 14px 32px rgba(0,0,0,.17); }.edu-flow-node span { display:grid; width:28px; height:28px; place-items:center; border-radius:50%; color:#bae6fd; background:rgba(14,116,144,.3); font-size:1rem; }.edu-flow-node strong { color:#fff; font-size:.73rem; line-height:1.2; }.edu-flow-node small { color:#94a3b8; font-size:.59rem; }.edu-flow-node--battery span { color:#fdba74; background:rgba(180,83,9,.28); }.edu-flow-node--controller { min-height:120px; border-color:rgba(251,146,60,.57); background:linear-gradient(145deg,rgba(120,53,15,.35),rgba(15,23,42,.9)); }.edu-flow-node--controller span { width:36px; height:36px; color:#fff; background:var(--amber); font-size:1.25rem; }.edu-flow-node--controller strong { font-size:.9rem; }.edu-flow-link { position:relative; height:4px; border-radius:99px; background:repeating-linear-gradient(90deg,rgba(125,211,252,.9) 0 7px,transparent 7px 14px); animation:edu-flow 1s linear infinite; }.edu-flow-link::after { position:absolute; top:50%; right:-1px; width:7px; height:7px; border-top:2px solid #7dd3fc; border-right:2px solid #7dd3fc; content:''; transform:translateY(-50%) rotate(45deg); }@keyframes edu-flow { to { background-position:28px 0; } }.edu-at-glance { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:9px; margin-bottom:27px; }.edu-at-glance > div { display:grid; grid-template-columns:28px 1fr; column-gap:8px; padding:11px; border:1px solid var(--border); border-radius:8px; background:rgba(15,23,42,.54); }.edu-glance-icon { display:grid; width:27px; height:27px; grid-row:span 2; place-items:center; border-radius:7px; color:#fdba74; background:rgba(217,119,6,.17); font-size:.9rem; }.edu-at-glance strong { color:#f8fafc; font-size:.76rem; }.edu-at-glance small { align-self:start; color:#94a3b8; font-size:.61rem; font-weight:700; line-height:1.3; }.edu-process-steps { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:0; margin:0; padding:0; list-style:none; overflow:hidden; border:1px solid var(--border); border-radius:11px; background:rgba(15,23,42,.46); }.edu-process-steps li { position:relative; display:grid; min-height:155px; gap:9px; padding:17px; border-left:1px solid var(--border); }.edu-process-steps li:first-child { border-left:0; }.edu-process-steps li:not(:last-child)::after { position:absolute; z-index:1; top:28px; right:-5px; width:9px; height:9px; border-top:1px solid #7dd3fc; border-right:1px solid #7dd3fc; background:#172033; content:''; transform:rotate(45deg); }.edu-process-steps span { color:#fdba74; font-size:.66rem; font-weight:900; letter-spacing:.08em; }.edu-process-steps strong { color:#fff; font-size:.88rem; }.edu-process-steps p { margin:5px 0 0; color:#aebdce; font-size:.76rem; line-height:1.48; }
.edu-topic-nav { display:flex; gap:6px; margin:0 0 30px; overflow-x:auto; padding-bottom:2px; }.edu-topic-nav a { padding:7px 9px; border:1px solid rgba(148,163,184,.25); border-radius:7px; color:#cbd5e1; background:rgba(15,23,42,.58); font-size:.72rem; font-weight:800; text-decoration:none; white-space:nowrap; }.edu-topic-nav a:hover { border-color:rgba(56,189,248,.65); color:#fff; background:rgba(14,116,144,.18); }.edu-setup-path { display:grid; grid-template-columns:minmax(220px,.65fr) minmax(0,1.35fr); align-items:center; gap:22px; padding:20px; border:1px solid rgba(251,146,60,.28); border-radius:11px; background:linear-gradient(135deg,rgba(120,53,15,.19),rgba(15,23,42,.86)); }.edu-setup-path h2 { margin:0; color:#fff; font-size:1.22rem; }.edu-setup-path ol { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:7px; margin:0; padding:0; list-style:none; }.edu-setup-path li { display:grid; gap:6px; padding-left:8px; border-left:2px solid rgba(251,146,60,.56); color:#e2e8f0; font-size:.71rem; line-height:1.35; }.edu-setup-path li span { color:#fdba74; font-size:.65rem; font-weight:900; }.edu-settings-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.edu-settings-grid--three { grid-template-columns:repeat(3,minmax(0,1fr)); }.edu-setting-card { min-height:210px; padding:19px; border:1px solid var(--border); border-radius:10px; background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.9)); box-shadow:0 18px 42px rgba(0,0,0,.14); }.edu-setting-card h3 { margin:12px 0 7px; color:#fff; font-size:1rem; }.edu-setting-card p { margin:0; color:#b9c5d4; font-size:.82rem; line-height:1.53; }.edu-setting-card ul { display:grid; gap:4px; margin:12px 0 0; padding:0; list-style:none; }.edu-setting-card li { color:#cbd5e1; font-size:.74rem; line-height:1.38; }.edu-setting-card li::before { margin-right:6px; color:#7dd3fc; content:'•'; }.edu-setting-tag { display:inline-flex; padding:4px 6px; border:1px solid rgba(56,189,248,.3); border-radius:99px; color:#bae6fd; background:rgba(14,116,144,.15); font-size:.59rem; font-weight:850; letter-spacing:.05em; text-transform:uppercase; }.edu-setting-tag--warning { border-color:rgba(245,158,11,.38); color:#fde68a; background:rgba(120,53,15,.23); }
@media(max-width:800px) { .edu-site-header-inner { flex-wrap:wrap; gap:9px 15px; }.edu-site-nav { order:3; width:100%; overflow-x:auto; padding-bottom:1px; }.edu-home-action { margin-left:auto; }.edu-header-tools { margin-left:auto; }.edu-module-grid,.edu-info-grid,.edu-feature-grid,.edu-feature-grid--two,.edu-spec-list,.edu-settings-grid,.edu-settings-grid--three { grid-template-columns:1fr; }.edu-module-card { min-height:215px; }.edu-module-icon { margin-bottom:5px; }.edu-module-kicker { margin-top:18px; }.edu-callout { flex-direction:column; align-items:flex-start; }.edu-article-section { margin-top:34px; }.edu-device-visual { grid-template-columns:1fr; }.edu-at-glance { grid-template-columns:repeat(2,minmax(0,1fr)); }.edu-process-steps { grid-template-columns:1fr 1fr; }.edu-process-steps li:nth-child(3) { border-left:0; }.edu-process-steps li:nth-child(3),.edu-process-steps li:nth-child(4) { border-top:1px solid var(--border); }.edu-process-steps li:nth-child(2)::after { display:none; }.edu-setup-path { grid-template-columns:1fr; }.edu-setup-path ol { grid-template-columns:repeat(2,minmax(0,1fr)); } }
@media(max-width:480px) { .edu-system-flow { grid-template-columns:minmax(60px,1fr) 17px minmax(78px,1.05fr) 17px minmax(60px,1fr); gap:2px; }.edu-flow-node { min-height:76px; padding:7px 3px; }.edu-flow-node--controller { min-height:103px; }.edu-flow-node strong { font-size:.64rem; }.edu-flow-node small { font-size:.52rem; }.edu-at-glance { grid-template-columns:1fr; }.edu-process-steps { grid-template-columns:1fr; }.edu-process-steps li,.edu-process-steps li:nth-child(3) { min-height:0; border-top:1px solid var(--border); border-left:0; }.edu-process-steps li:first-child { border-top:0; }.edu-process-steps li::after { display:none; }.edu-setup-path ol { grid-template-columns:1fr; } }
@media(prefers-reduced-motion:reduce) { .edu-flow-link { animation:none; } }
@media(max-width:430px) { .edu-site-header-inner { min-height:62px; padding-inline:16px; }.edu-site-nav a { padding:7px 8px; font-size:.72rem; }.edu-home-action { font-size:.68rem; }.edu-hero h1 { font-size:2.35rem; } }

/* Shared product navigation, product landing page and searchable FAQ. */
.edu-site-header { position:relative; z-index:10; }
.edu-site-header-inner { min-height:64px; justify-content:space-between; gap:12px; padding-block:8px; }
.edu-logo small { color:#94a3b8; font-size:.62rem; font-weight:800; letter-spacing:.02em; }
.edu-selects { display:flex; min-width:0; flex:1; align-items:end; gap:7px; }
.edu-selects label { display:grid; min-width:118px; gap:2px; color:#94a3b8; font-size:.56rem; font-weight:800; letter-spacing:.06em; text-transform:uppercase; }
.edu-selects select { width:100%; border:1px solid rgba(148,163,184,.28); border-radius:7px; color:#e2e8f0; background:#0f172a; padding:6px 25px 6px 8px; font:inherit; font-size:.72rem; font-weight:750; text-transform:none; cursor:pointer; }
.edu-selects select:focus { outline:2px solid rgba(56,189,248,.72); outline-offset:2px; }
.edu-selects select:disabled { cursor:not-allowed; opacity:.55; }
.edu-search-link { color:#dbeafe; font-size:.75rem; font-weight:800; text-decoration:none; white-space:nowrap; }
.edu-search-link:hover { color:#fff; }
.edu-header-spacer { flex:1; }
.edu-site-header .language-switch { flex:0 0 auto; }
.edu-product-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }
.edu-product-card { display:flex; min-height:280px; padding:22px; flex-direction:column; border:1px solid var(--border); border-radius:12px; background:linear-gradient(145deg,rgba(30,41,59,.92),rgba(15,23,42,.9)); box-shadow:0 18px 42px rgba(0,0,0,.18); text-decoration:none; transition:transform .18s ease,border-color .18s ease; }
.edu-product-card:hover,.edu-product-card:focus-visible { border-color:rgba(251,146,60,.8); outline:0; transform:translateY(-4px); }
.edu-product-card:nth-child(2) { border-color:rgba(56,189,248,.28); }
.edu-product-card:nth-child(3) { border-color:rgba(196,181,253,.28); }
.edu-product-card .edu-module-kicker { margin-top:32px; color:#f7c76e; }
.edu-product-card .edu-product-image { width:112px; height:76px; margin:-9px 0 0 auto; object-fit:contain; filter:drop-shadow(0 10px 12px rgba(0,0,0,.38)); }
.edu-product-card strong { color:#fff; font-size:1.42rem; letter-spacing:-.045em; }
.edu-product-card .edu-quick-action { margin-top:auto; color:#fff; font-size:.8rem; font-weight:850; }
.edu-product-card .edu-quick-action b { color:#fdba74; font-size:1rem; }
.edu-help-callout { display:flex; align-items:center; justify-content:space-between; gap:20px; margin-top:16px; padding:22px; border:1px solid rgba(56,189,248,.26); border-radius:10px; background:linear-gradient(135deg,rgba(8,47,73,.34),rgba(15,23,42,.84)); }
.edu-help-callout h2 { margin:0; font-size:1.1rem; }.edu-help-callout p:last-child { margin:7px 0 0; color:var(--muted); font-size:.84rem; }
.edu-product-details { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:14px; }.edu-product-details h2 { margin:0 0 8px; font-size:1.05rem; }
.edu-product-page-heading { display:flex; align-items:center; justify-content:space-between; gap:20px; }.edu-product-page-image { width:min(250px,32vw); max-height:185px; object-fit:contain; filter:drop-shadow(0 16px 18px rgba(0,0,0,.38)); }
.edu-product-section-grid { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; }.edu-product-section-grid a,.edu-guide-list a { display:flex; min-height:142px; padding:18px; flex-direction:column; border:1px solid var(--border); border-radius:10px; background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.9)); color:#fff; text-decoration:none; }.edu-product-section-grid a:hover,.edu-product-section-grid a:focus-visible,.edu-guide-list a:hover,.edu-guide-list a:focus-visible { border-color:rgba(56,189,248,.65); outline:0; transform:translateY(-2px); }.edu-product-section-grid span,.edu-guide-list span { color:#fdba74; font-size:.67rem; font-weight:850; letter-spacing:.08em; }.edu-product-section-grid strong,.edu-guide-list strong { margin-top:12px; font-size:1rem; }.edu-product-section-grid b { margin-top:auto; color:#7dd3fc; font-size:.72rem; }.edu-guide-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:13px; }.edu-guide-list p { margin:9px 0 0; color:#b9c5d4; font-size:.82rem; line-height:1.5; }.edu-guide-notice { margin:0 0 20px; padding:14px 16px; border:1px solid rgba(245,158,11,.35); border-radius:9px; color:#fde68a; background:rgba(120,53,15,.18); font-size:.86rem; line-height:1.55; }.edu-guide-block { margin-top:25px; }.edu-guide-block h2 { margin:0 0 12px; color:#fff; font-size:1.2rem; }.edu-guide-steps { display:grid; gap:10px; margin:0; padding:0; list-style:none; counter-reset:guide-step; }.edu-guide-steps li { position:relative; min-height:68px; padding:14px 15px 14px 50px; border:1px solid var(--border); border-radius:9px; background:rgba(15,23,42,.68); }.edu-guide-steps li::before { position:absolute; top:14px; left:14px; color:#fdba74; content:counter(guide-step,decimal-leading-zero); counter-increment:guide-step; font-size:.7rem; font-weight:900; }.edu-guide-steps strong { color:#fff; font-size:.9rem; }.edu-guide-steps p { margin:5px 0 0; color:#b9c5d4; font-size:.82rem; line-height:1.5; }.edu-guide-image { margin:22px 0; padding:15px; border:1px solid var(--border); border-radius:10px; background:rgba(15,23,42,.6); text-align:center; }.edu-guide-image img { display:block; width:min(100%,430px); max-height:290px; margin:0 auto; object-fit:contain; }.edu-guide-image figcaption { margin-top:10px; color:#94a3b8; font-size:.76rem; }.edu-guide-table-wrap { overflow-x:auto; border:1px solid var(--border); border-radius:9px; }.edu-guide-table-wrap table { width:100%; border-collapse:collapse; color:#dbe5ee; font-size:.82rem; text-align:left; }.edu-guide-table-wrap th,.edu-guide-table-wrap td { padding:11px 13px; border-bottom:1px solid var(--border); vertical-align:top; }.edu-guide-table-wrap th { color:#fff; background:rgba(30,41,59,.9); }.edu-guide-table-wrap tr:last-child td { border-bottom:0; }.edu-guide-link { display:inline-block; margin-top:10px; color:#7dd3fc; font-size:.71rem; font-weight:850; text-decoration:none; }
.edu-search-panel { max-width:860px; }.edu-search-panel > label { display:block; margin-bottom:7px; color:#e2e8f0; font-size:.85rem; font-weight:800; }.edu-search-panel input { width:100%; border:1px solid rgba(148,163,184,.3); border-radius:9px; color:#fff; background:rgba(15,23,42,.78); padding:13px 15px; font:inherit; }.edu-search-panel input:focus { border-color:#38bdf8; outline:2px solid rgba(56,189,248,.2); }.edu-filter-row { display:flex; flex-wrap:wrap; gap:7px; margin:13px 0; }.edu-filter-row button { border:1px solid rgba(148,163,184,.28); border-radius:99px; color:#cbd5e1; background:rgba(15,23,42,.72); padding:6px 10px; font:inherit; font-size:.71rem; font-weight:800; cursor:pointer; }.edu-filter-row button:hover,.edu-filter-row button.is-active { border-color:rgba(56,189,248,.56); color:#fff; background:rgba(14,116,144,.36); }.edu-search-status { margin:14px 0 10px; color:var(--muted); font-size:.8rem; }.edu-faq-results { display:grid; gap:11px; }.edu-faq-card { padding:18px; border:1px solid var(--border); border-radius:10px; background:linear-gradient(145deg,rgba(30,41,59,.9),rgba(15,23,42,.9)); }.edu-faq-card > span { color:#7dd3fc; font-size:.65rem; font-weight:850; letter-spacing:.06em; text-transform:uppercase; }.edu-faq-card h2 { margin:7px 0; color:#fff; font-size:1.02rem; }.edu-faq-card p { margin:0; color:#b9c5d4; font-size:.86rem; line-height:1.55; }.edu-faq-card a { display:inline-block; margin-top:11px; color:#fdba74; font-size:.76rem; font-weight:850; text-decoration:none; }
@media(max-width:800px) { .edu-selects { order:3; width:100%; }.edu-product-grid,.edu-product-details,.edu-product-section-grid,.edu-guide-list { grid-template-columns:1fr; }.edu-help-callout { flex-direction:column; align-items:flex-start; } }
@media(max-width:480px) { .edu-selects { gap:5px; }.edu-selects label { min-width:0; flex:1; }.edu-site-header-inner { gap:9px; }.edu-search-link { display:none; } }
.edu-compat-hero { display:grid; grid-template-columns:minmax(0,1fr) minmax(280px,.85fr); align-items:center; gap:24px; margin:0 0 18px; padding:clamp(20px,4vw,31px); border:1px solid rgba(251,146,60,.34); border-radius:14px; background:radial-gradient(circle at 76% 45%,rgba(180,83,9,.25),transparent 21rem),linear-gradient(135deg,rgba(15,23,42,.96),rgba(8,15,29,.92)); }.edu-compat-hero-copy h2 { max-width:19ch; margin:0; color:#fff; font-size:clamp(1.35rem,2.8vw,2rem); letter-spacing:-.045em; }.edu-compat-hero-copy > p:last-of-type { max-width:54ch; margin:10px 0 0; color:#b9c5d4; font-size:.88rem; line-height:1.58; }.edu-product-photo { margin:0; text-align:center; }.edu-product-photo img { display:block; width:min(100%,420px); margin:0 auto; filter:drop-shadow(0 22px 20px rgba(0,0,0,.45)); }.edu-product-photo figcaption { margin-top:9px; color:#94a3b8; font-size:.68rem; font-weight:700; }.edu-compat-groups { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:14px; }.edu-compat-groups--three { grid-template-columns:repeat(3,minmax(0,1fr)); }.edu-compat-card { display:flex; min-height:250px; padding:19px; flex-direction:column; border:1px solid var(--border); border-radius:11px; background:linear-gradient(145deg,rgba(30,41,59,.91),rgba(15,23,42,.89)); box-shadow:0 18px 42px rgba(0,0,0,.14); }.edu-compat-card--compact { min-height:183px; }.edu-compat-card header { display:flex; align-items:flex-start; gap:10px; }.edu-compat-icon { display:grid; width:32px; height:32px; flex:0 0 auto; place-items:center; border:1px solid rgba(56,189,248,.33); border-radius:8px; color:#7dd3fc; background:rgba(14,116,144,.15); font-weight:900; }.edu-compat-card h3 { margin:1px 0 4px; color:#fff; font-size:1rem; }.edu-compat-card header p { margin:0; color:#aebdce; font-size:.77rem; line-height:1.45; }.edu-compat-list { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:6px 12px; margin:16px 0; padding:0; list-style:none; }.edu-compat-card--compact .edu-compat-list { grid-template-columns:1fr; margin:14px 0 0; }.edu-compat-list li { position:relative; padding-left:12px; color:#d7e0ea; font-size:.76rem; line-height:1.35; }.edu-compat-list li::before { position:absolute; top:.45em; left:0; width:5px; height:5px; border-radius:50%; background:#38bdf8; content:''; }.edu-compat-card footer { margin-top:auto; padding-top:14px; border-top:1px solid rgba(148,163,184,.13); }.edu-status-pill { display:inline-flex; padding:4px 7px; border:1px solid rgba(56,189,248,.32); border-radius:99px; color:#bae6fd; background:rgba(14,116,144,.14); font-size:.61rem; font-weight:850; letter-spacing:.035em; }.edu-status-pill--control { border-color:rgba(34,197,94,.38); color:#bbf7d0; background:rgba(21,128,61,.17); }.edu-status-pill--warning { border-color:rgba(245,158,11,.38); color:#fde68a; background:rgba(120,53,15,.2); }.edu-capability-strip { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:1px; margin-top:14px; overflow:hidden; border:1px solid rgba(148,163,184,.18); border-radius:10px; background:rgba(148,163,184,.16); }.edu-capability-strip > div { padding:14px 16px; background:rgba(15,23,42,.72); }.edu-capability-strip strong { display:block; margin-bottom:4px; color:#f7c76e; font-size:.66rem; letter-spacing:.075em; text-transform:uppercase; }.edu-capability-strip span { color:#cbd5e1; font-size:.78rem; line-height:1.43; }.edu-compat-legend { display:grid; grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; margin:0; }.edu-compat-legend > div { padding:14px; border-left:2px solid rgba(56,189,248,.55); background:rgba(15,23,42,.55); }.edu-compat-legend dt { margin:0 0 8px; }.edu-compat-legend dd { margin:0; color:#aebdce; font-size:.78rem; line-height:1.5; }
@media(max-width:800px) { .edu-compat-hero,.edu-compat-groups,.edu-compat-groups--three,.edu-compat-legend,.edu-capability-strip { grid-template-columns:1fr; } }
.edu-profile-facts { display:grid; gap:5px; margin:2px 0 14px; padding:10px; border:1px solid rgba(251,146,60,.2); border-radius:7px; background:rgba(120,53,15,.12); }.edu-profile-facts span { color:#dbe5ee; font-size:.7rem; line-height:1.4; }.edu-profile-facts span::before { margin-right:6px; color:#fdba74; content:'•'; }.edu-compat-list--profiles { grid-template-columns:1fr; gap:9px; margin:15px 0; }.edu-compat-list--profiles li { padding-left:0; }.edu-compat-list--profiles li::before { display:none; }.edu-compat-list--profiles strong { display:block; color:#f8fafc; font-size:.76rem; }.edu-compat-list--profiles small { display:block; margin-top:3px; color:#aebdce; font-size:.67rem; line-height:1.38; }
.edu-compat-list--balance { grid-template-columns:1fr; gap:7px; }.edu-compat-list--balance li { display:flex; align-items:center; justify-content:space-between; gap:8px; padding-left:0; }.edu-compat-list--balance li::before { display:none; }.edu-balance { display:inline-flex; flex:0 0 auto; align-items:center; padding:4px 7px; border:1px solid; border-radius:99px; font-size:.58rem; font-weight:900; letter-spacing:.035em; line-height:1.1; text-transform:uppercase; white-space:nowrap; }.edu-balance::before { width:6px; height:6px; margin-right:5px; border-radius:50%; background:currentColor; content:''; box-shadow:0 0 8px currentColor; }.edu-balance--yes { border-color:rgba(34,197,94,.52); color:#bbf7d0; background:rgba(21,128,61,.22); }.edu-balance--no { border-color:rgba(244,63,94,.52); color:#fecdd3; background:rgba(159,18,57,.22); }.edu-compat-list--profiles li { display:grid; grid-template-columns:minmax(0,1fr) auto; column-gap:10px; }.edu-compat-list--profiles strong { grid-column:1; grid-row:1; }.edu-compat-list--profiles small { grid-column:1; grid-row:2; }.edu-compat-list--profiles .edu-balance { grid-column:2; grid-row:1 / span 2; align-self:start; margin-top:0; }
.edu-quick-grid { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); border-top:1px solid var(--border); border-left:1px solid var(--border); border-radius:13px; overflow:hidden; box-shadow:0 20px 46px rgba(0,0,0,.18); }.edu-quick-card { position:relative; display:grid; min-height:226px; grid-template-columns:55px 1fr; grid-template-rows:auto 1fr auto; column-gap:16px; padding:21px; border-right:1px solid var(--border); border-bottom:1px solid var(--border); color:#dbe5ee; background:linear-gradient(145deg,rgba(30,41,59,.88),rgba(15,23,42,.93)); text-decoration:none; transition:background .18s ease,transform .18s ease; }.edu-quick-card:hover,.edu-quick-card:focus-visible { z-index:1; outline:0; background:linear-gradient(145deg,rgba(43,57,79,.95),rgba(15,23,42,.98)); transform:scale(1.012); }.edu-quick-number { align-self:start; color:rgba(148,163,184,.55); font-size:.68rem; font-weight:900; letter-spacing:.1em; }.edu-quick-icon { display:grid; width:42px; height:42px; grid-column:1; grid-row:2; align-self:start; place-items:center; border:1px solid currentColor; border-radius:9px; color:#7dd3fc; background:rgba(14,116,144,.15); font-size:1.22rem; }.edu-quick-card > div { grid-column:2; grid-row:1 / span 2; align-self:center; }.edu-quick-card .edu-module-kicker { display:block; margin:0 0 7px; }.edu-quick-card strong { display:block; color:#fff; font-size:1.3rem; letter-spacing:-.045em; }.edu-quick-card .edu-module-copy { display:block; max-width:34ch; margin-top:9px; }.edu-quick-action { display:inline-flex; width:max-content; grid-column:2; align-items:center; gap:8px; padding:7px 8px 7px 10px; border:1px solid rgba(148,163,184,.25); border-radius:99px; color:#e2e8f0; background:rgba(2,6,23,.25); font-size:.7rem; font-weight:850; }.edu-quick-action b { display:grid; width:18px; height:18px; place-items:center; border-radius:50%; color:#fff; background:currentColor; font-size:.85rem; line-height:1; }.edu-quick-action b::first-letter { color:#0f172a; }.edu-quick-card--compatibility .edu-quick-icon { color:#f7c76e; background:rgba(120,53,15,.18); }.edu-quick-card--settings .edu-quick-icon { color:#fdba74; background:rgba(120,53,15,.18); }.edu-quick-card--calculators .edu-quick-icon { color:#c4b5fd; background:rgba(91,33,182,.15); }@media(max-width:650px) { .edu-quick-grid { grid-template-columns:1fr; }.edu-quick-card { min-height:195px; } }
.edu-compat-list--single { grid-template-columns:1fr; margin-top:18px; }.edu-integration-card { min-height:225px; }.edu-integration-card--cloud { border-color:rgba(56,189,248,.34); background:radial-gradient(circle at 87% 15%,rgba(14,116,144,.2),transparent 15rem),linear-gradient(145deg,rgba(30,41,59,.91),rgba(15,23,42,.89)); }.edu-integration-card--cloud footer { display:flex; justify-content:flex-start; }.edu-integration-card--cloud .edu-primary-link { padding:8px 10px; }
html,body { overflow-x:hidden; }@media(max-width:800px) { .edu-site-nav { display:grid; flex:initial; grid-template-columns:repeat(3,minmax(0,1fr)); gap:4px; overflow:visible; padding-bottom:0; }.edu-site-nav a { min-width:0; padding:8px 6px; font-size:.71rem; line-height:1.15; text-align:center; white-space:normal; } }@media(max-width:540px) { .edu-site-header-inner { gap:8px 12px; }.edu-site-nav { grid-template-columns:repeat(2,minmax(0,1fr)); }.edu-site-nav a:last-child { grid-column:1 / -1; } }