:root{--canvas: #f3f4f6;--surface: #ffffff;--surface-2: #f9fafb;--surface-3: #f3f4f6;--line: #e5e7eb;--line-strong: #d1d5db;--line-soft: #f0f0f0;--ink: #1a1a1a;--ink-soft: #4b5563;--ink-mute: #6b7280;--ink-faint: #9ca3af;--brand: #3b69b1;--brand-deep: #2c5289;--brand-ink: #1e3a63;--brand-tint: #e6ecf7;--on-brand: #ffffff;--mobot-green: #3eb073;--mobot-green-tint: #e2f3ea;--mobot-green-soft: #5bc78d;--mobot-green-deep: #1f7346;--mobot-green-ink: #0f5c36;--mobot-blue: #3b69b1;--mobot-blue-tint: #e6ecf7;--mobot-blue-deep: #2c5289;--mobot-blue-ink: #1e3a63;--mobot-purple: #76388d;--mobot-purple-tint: #f0e6f4;--mobot-purple-deep: #5b2b6e;--mobot-purple-ink: #4a2259;--mobot-yellow: #fdcf2a;--mobot-yellow-tint: #fdf0c4;--mobot-yellow-line: #f3d98a;--mobot-red: #e83c35;--mobot-red-deep: #c42b25;--mobot-red-ink: #a8221d;--mobot-red-tint: #fbe3e1;--font-body: "Nunito", "Varela Round", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-display: var(--font-body);--font-chunky: var(--font-body);--font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--fs-h1: 1.375rem;--fs-h2: 1.0625rem;--fs-h3: .9375rem;--fs-lede: .9375rem;--fs-body: .875rem;--fs-sm: .8125rem;--fs-xs: .75rem;--fs-label: .6875rem;--r-sm: .375rem;--r-md: .5rem;--r-lg: .75rem;--r-xl: 1rem;--r-card: 1rem;--r-pill: 999px;--learn-header-h: 3.125rem;--learn-frame-pad: .625rem;--learn-gutter: 1rem;--learn-sidebar-w: 13rem;--learn-content: 48rem;--learn-tap: 2.5rem;--t-state: .12s;--t-celebrate: .4s;--shadow-card: 0 1px 2px rgba(16, 24, 40, .04);--shadow-raise: 0 6px 16px rgba(16, 24, 40, .08);--kit-fill: var(--mobot-blue);--kit-on-fill: #ffffff;--kit-deep: var(--mobot-blue-deep);--kit-text: var(--mobot-blue-deep);--kit-ink: var(--mobot-blue-ink);--kit-tint: var(--mobot-blue-tint)}@media(min-width:769px){:root{--learn-gutter: 2rem}}.kit-smart-car{--kit-fill: var(--mobot-green);--kit-on-fill: var(--ink);--kit-deep: var(--mobot-green-deep);--kit-text: var(--mobot-green-deep);--kit-ink: var(--mobot-green-ink);--kit-tint: var(--mobot-green-tint)}.kit-smart-car-mini,.kit-unknown{--kit-fill: var(--mobot-blue);--kit-on-fill: #ffffff;--kit-deep: var(--mobot-blue-deep);--kit-text: var(--mobot-blue-deep);--kit-ink: var(--mobot-blue-ink);--kit-tint: var(--mobot-blue-tint)}.kit-smart-home{--kit-fill: var(--mobot-purple);--kit-on-fill: #ffffff;--kit-deep: var(--mobot-purple-deep);--kit-text: var(--mobot-purple-deep);--kit-ink: var(--mobot-purple-ink);--kit-tint: var(--mobot-purple-tint)}:lang(ar){--kit-text: var(--kit-ink);--ink-mute: var(--ink-soft);--font-body: "IBM Plex Sans Arabic", "Noto Sans Arabic", "Nunito", system-ui, sans-serif;--font-display: var(--font-body);--font-chunky: var(--font-body)}.learn-shell{min-height:100dvh;display:flex;flex-direction:column;background:var(--canvas);color:var(--ink);font-family:var(--font-body);font-size:.9375rem;line-height:1.5;text-align:start}.learn-shell:lang(ar){font-size:1rem}.learn-layout{display:flex;height:calc(100dvh - var(--learn-header-h));overflow:hidden;background:var(--canvas);padding:var(--learn-frame-pad);gap:var(--learn-frame-pad)}.learn-main{flex:1 1 auto;min-width:0;overflow-y:auto;padding:1.5rem var(--learn-gutter);background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}.learn-main:focus{outline:none}.learn-bleed{margin-inline:calc(var(--learn-gutter) * -1);padding-inline:var(--learn-gutter)}@media(max-width:760px){.learn-layout{flex-direction:column;height:auto;overflow:visible}.learn-main{padding-block:1.125rem}}.learn-h1,.learn-h2,.learn-h3{font-family:var(--font-display);color:var(--ink);margin:0;text-wrap:balance}.learn-h1{font-size:var(--fs-h1);font-weight:700;line-height:1.25}.learn-h2{font-size:var(--fs-h2);font-weight:700;line-height:1.3}.learn-h3{font-size:var(--fs-h3);font-weight:700;line-height:1.35}.learn-lede{margin:0;font-size:var(--fs-lede);line-height:1.55;color:var(--ink-mute);max-width:60ch}.learn-measure{max-width:60ch}.learn-eyebrow{display:block;margin:0 0 .5rem;font-family:var(--font-body);font-size:var(--fs-label);font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-mute)}:lang(ar) .learn-eyebrow{text-transform:none;letter-spacing:normal;font-weight:800;font-size:1rem}.learn-meta{font-size:var(--fs-sm);color:var(--ink-mute)}:lang(ar) .learn-meta{font-size:1rem}.learn-link{color:var(--brand-deep);text-decoration:underline;text-underline-offset:3px;font-weight:600}.learn-link:hover{color:var(--brand-ink)}:lang(ar) .learn-link{color:var(--brand-ink)}.learn-shell :focus-visible{outline:2px solid var(--ink);outline-offset:2px;box-shadow:0 0 0 2px #fff}.learn-btn,.btn{display:inline-flex;align-items:center;justify-content:center;gap:.375rem;min-height:var(--learn-tap);padding:.4375rem .875rem;border-radius:var(--r-sm);border:1px solid var(--line-strong);background:var(--surface);color:var(--ink);font-family:var(--font-body);font-size:var(--fs-sm);font-weight:600;line-height:1.3;text-align:center;text-decoration:none;cursor:pointer;transition:background-color var(--t-state) ease,border-color var(--t-state) ease}:lang(ar) .learn-btn,:lang(ar) .btn{font-size:1rem}.learn-btn:hover,.btn:hover{background:var(--surface-2);border-color:var(--ink-faint)}.learn-btn.primary,.btn.primary{background:var(--brand);border-color:var(--brand);color:var(--on-brand)}.learn-btn.primary:hover,.btn.primary:hover{background:var(--brand-deep);border-color:var(--brand-deep)}.learn-btn--text,.btn.ghost{border-color:transparent;background:transparent;color:var(--brand-deep);font-weight:600;text-decoration:underline;text-underline-offset:3px;padding-inline:.5rem}.learn-btn--text:hover,.btn.ghost:hover{background:var(--surface-2);border-color:transparent;color:var(--brand-ink)}:lang(ar) .learn-btn--text,:lang(ar) .btn.ghost{color:var(--brand-ink)}.learn-btn[aria-disabled=true],.learn-btn:disabled,.btn:disabled{opacity:.55;cursor:not-allowed}.learn-chip{display:inline-flex;align-items:center;gap:.375rem;padding:.1875rem .5rem;border-radius:var(--r-pill);background:var(--surface-3);border:1px solid var(--line);color:var(--ink-soft);font-family:var(--font-body);font-size:var(--fs-xs);font-weight:700;line-height:1.4;white-space:nowrap}:lang(ar) .learn-chip{font-size:1rem}a.learn-chip{min-height:var(--learn-tap);text-decoration:none}a.learn-chip:hover{background:var(--surface-2);border-color:var(--ink-faint)}.learn-chip--tint{background:var(--kit-tint);border-color:#1a1a1a14;color:var(--kit-text)}.learn-chip--warn{background:var(--mobot-yellow-tint);border-color:var(--mobot-yellow-line);color:var(--ink)}.learn-chip--error{background:var(--mobot-red-tint);color:var(--mobot-red-ink);border-color:var(--mobot-red-ink)}.learn-surface{background:var(--surface);border:1px solid var(--line);border-radius:var(--r-card)}.learn-inset{background:var(--surface-2);border:1px solid var(--line);border-radius:var(--r-lg)}.learn-tint{background:var(--kit-tint)}.learn-stack{display:flex;flex-direction:column;gap:.75rem}.learn-stack--lg{gap:1.5rem}.learn-row{display:flex;align-items:center;gap:.625rem;flex-wrap:wrap}.learn-grid{display:grid;gap:.75rem;grid-template-columns:1fr}@media(min-width:641px){.learn-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(min-width:900px){.learn-grid--3{grid-template-columns:repeat(3,minmax(0,1fr))}}.learn-rail{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(12.5rem,72%);gap:.75rem;overflow-x:auto;scroll-snap-type:x mandatory;padding-block-end:.5rem;margin-inline:calc(var(--learn-gutter) * -1);padding-inline:var(--learn-gutter);scrollbar-width:thin}.learn-rail>*{scroll-snap-align:start}@media(min-width:769px){.learn-rail{grid-auto-columns:minmax(0,1fr);overflow-x:visible;margin-inline:0;padding-inline:0}}.ltr-island{direction:ltr;unicode-bidi:isolate;text-align:left}.locale-island{unicode-bidi:isolate;text-align:start}.visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}.learn-skip-link{position:absolute;inset-inline-start:var(--learn-frame-pad);inset-block-start:-12.5rem;z-index:300;padding:.5rem .875rem;border-radius:var(--r-sm);background:var(--surface);color:var(--ink);border:1px solid var(--ink);font-size:var(--fs-sm);font-weight:700;text-decoration:none}.learn-skip-link:focus{inset-block-start:.5rem}.learn-media{display:block;width:100%;aspect-ratio:16 / 9;object-fit:cover;background:var(--kit-tint)}.learn-media--placeholder{display:grid;place-items:center;background:var(--kit-fill);color:var(--kit-on-fill);font-family:var(--font-display);font-weight:800;font-size:clamp(1.5rem,7vw,2rem)}@media(prefers-reduced-motion:reduce){.learn-shell *,.learn-shell *:before,.learn-shell *:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}
