x-panel{display:contents}@scope (x-panel) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){.panel-frame{width:min(calc(100% - (var(--gutter) * 2)),var(--content-max));margin-inline:auto}.panel-card{border:1px solid var(--border);border-radius:var(--radius-panel);background:var(--panel-bg);box-shadow:var(--shadow-panel);overflow:hidden}.panel-inner{margin:var(--panel-inset);padding:var(--panel-padding,0);border-radius:var(--radius-panel);background:var(--panel-inner-bg)}[data-variant="quote"] .panel-card{border-color:var(--border-purple-soft);box-shadow:var(--shadow-panel-quote)}[data-variant="quote"] .panel-inner{background:linear-gradient(to bottom right,var(--purple),var(--purple),var(--blue-deep))}[data-variant="cta"] .panel-card{border-color:var(--border-purple);box-shadow:var(--shadow-panel-cta)}[data-variant="cta"] .panel-inner{background:linear-gradient(to top right,var(--purple),rgba(83,74,183,0.7))}[data-variant="quote"] .panel-inner,[data-variant="cta"] .panel-inner,[data-variant="quote"] :is(h1,h2,h3,h4,h5,h6),[data-variant="cta"] :is(h1,h2,h3,h4,h5,h6){color:var(--text-on-dark)}.content{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:var(--space-6);width:100%;max-width:72rem;padding:var(--space-4)}@media (min-width:640px){.content{padding:var(--space-5)}}@media (min-width:768px){.content{flex-direction:row;padding:var(--space-7)}}@media (min-width:1024px){.content{column-gap:5rem}}}
x-nav{display:contents}@scope (x-nav) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){:scope{display:block;position:sticky;top:0;z-index:50}header{background:var(--panel-bg);box-shadow:0 1px 3px rgba(0,0,0,0.06)}.bar{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);width:100%;max-width:1280px;margin-inline:auto;padding:var(--space-3) var(--space-4)}.logo img{display:block;width:7rem;height:auto}.links,.tools{display:none}.links a,.panel nav a{color:var(--text-body);text-decoration:none;transition:color var(--duration-fast) var(--ease-out)}.links a:hover,.panel nav a:hover{color:var(--purple)}.social{display:inline-flex;color:var(--blue);font-size:1.5rem}.langs{display:flex;align-items:center;gap:var(--space-1)}.langs a{display:inline-flex;font-size:1.25rem;opacity:0.4;transition:opacity var(--duration-fast) var(--ease-out)}.langs a:hover{opacity:0.8}.langs a[aria-current="true"]{opacity:1}.cta{text-decoration:none}.menu-checkbox{position:absolute;width:1px;height:1px;margin:-1px;padding:0;border:0;overflow:hidden;clip-path:inset(50%)}.burger{display:inline-flex;padding:var(--space-2);color:var(--text-body);cursor:pointer;font-size:1.5rem}.menu-checkbox:focus-visible ~ .bar .burger{outline:2px solid var(--purple);outline-offset:2px}.i-close{display:none}.menu-checkbox:checked ~ .bar .i-open{display:none}.menu-checkbox:checked ~ .bar .i-close{display:inline-block}.panel{display:none;flex-direction:column;gap:var(--space-4);padding:var(--space-4) var(--space-4) var(--space-6);border-top:1px solid var(--border);background:var(--panel-bg)}.panel nav{display:flex;flex-direction:column;gap:var(--space-4)}.panel .cta button{width:100%}.menu-checkbox:checked ~ .panel{display:flex}@media (min-width:768px){.bar{padding:var(--space-5) var(--space-6);gap:var(--space-6)}.logo img{width:9rem}.burger,.panel{display:none !important}.links{display:flex;align-items:center;gap:var(--space-6);margin-right:auto;margin-left:var(--space-6)}.tools{display:flex;align-items:center;gap:var(--space-4)}}}
x-footer{display:contents}@scope (x-footer) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){footer{background:var(--surface-subtle)}.cols{display:flex;flex-direction:column;gap:var(--space-6);width:min(calc(100% - (var(--gutter) * 2)),64rem);margin-inline:auto;padding-block:var(--space-8)}.brand{display:flex;flex-direction:column;gap:var(--space-4);align-items:flex-start}.brand img{display:block;width:8rem;height:auto}.langs{display:flex;gap:var(--space-2)}.langs a{padding:0.15rem var(--space-3);border:1px solid var(--border-strong);border-radius:var(--radius-pill);color:var(--text-body);font-size:var(--text-sm);text-decoration:none}.langs a[aria-current="true"]{border-color:var(--purple);color:var(--purple);font-weight:var(--weight-bold)}footer h2{margin:0 0 var(--space-3);font-size:var(--text-base);color:var(--text-heading)}footer ul{display:flex;flex-direction:column;gap:var(--space-2);margin:0;padding:0;list-style:none}footer li a{color:var(--text-body);font-size:var(--text-sm);text-decoration:none}footer li a:hover{color:var(--purple);text-decoration:underline}.social{display:inline-flex;color:var(--blue);font-size:2rem}.copyright{margin:0;padding:var(--space-4);background:linear-gradient(to right,var(--purple),rgba(83,74,183,0.5));color:var(--text-on-dark);font-size:var(--text-sm);text-align:center}@media (min-width:768px){.cols{flex-direction:row;justify-content:space-between;gap:var(--space-8)}}}
x-article-card{display:contents}@scope (x-article-card) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){.card{display:flex;flex-direction:column;height:100%;border:1px solid var(--border);border-radius:var(--radius-2xl);background:var(--panel-bg);box-shadow:var(--shadow-card);overflow:hidden;transition:transform var(--duration) var(--ease-out),box-shadow var(--duration) var(--ease-out)}.card:hover{transform:translateY(-3px);box-shadow:var(--shadow-raised)}.card-media{aspect-ratio:16 / 9;background:var(--surface-ui)}.card-media img{width:100%;height:100%;object-fit:cover}.card-body{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-5)}.card-date{font-size:var(--text-sm);color:var(--text-soft)}.card-title{font-size:var(--text-xl);line-height:1.3;letter-spacing:var(--tracking-snug);margin:0}.card-summary{margin:0;font-size:var(--text-base);color:var(--text-body)}.card-more{margin-top:auto;padding-top:var(--space-3);font-size:var(--text-sm);font-weight:var(--weight-semibold);color:var(--purple)}.card:hover .card-more{text-decoration:underline}@media (prefers-reduced-motion:reduce){.card{transition:none}.card:hover{transform:none}}}
x-hero-scenes{display:contents}@scope (x-hero-scenes) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){:scope{display:block;width:100%;max-width:32rem}.scene-stage{display:grid;padding-bottom:var(--space-5)}.scene{position:relative;grid-area:1 / 1;min-width:0;opacity:0;visibility:hidden;transition:opacity var(--duration-shine) var(--ease-in-out),visibility var(--duration-shine)}.scene[aria-hidden="false"]{opacity:1;visibility:visible}.photo{display:block;width:100%;height:auto;aspect-ratio:1;object-fit:cover;border-radius:var(--radius-3xl);box-shadow:var(--shadow-media)}.scene-dots{display:flex;justify-content:center;gap:0}.scene-dots[hidden]{display:none}button.scene-dot{display:grid;place-items:center;flex:0 0 24px;width:24px;height:24px;padding:0;border:0;background:transparent;box-shadow:none;transform:none}button.scene-dot::before{display:none}button.scene-dot:hover{background:transparent;box-shadow:none;transform:none}.scene-dot span{display:block;width:6px;height:6px;border-radius:50%;background:var(--text-soft)}.scene-dot[aria-pressed="true"] span{background:var(--purple)}@media (prefers-reduced-motion:reduce){.scene{transition:none}}}
x-phone-mockup{display:contents}@scope (x-phone-mockup) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){:scope{display:block;flex-shrink:0}.device{--chrome-900:var(--text-heading);--chrome-800:#292524;--chrome-700:#44403c;--chrome-400:#a8a29e;--chrome-200:#e7e5e4;--chrome-100:#f5f5f4;display:flex;flex-direction:column;width:13rem;height:24rem;padding:1px;border:4px solid var(--chrome-700);border-radius:1.8rem;background:linear-gradient(to bottom,var(--chrome-900),var(--chrome-800));box-shadow:var(--shadow-media);overflow:hidden}.screen{position:relative;display:flex;flex:1;flex-direction:column;border-radius:1.2rem;background:var(--panel-bg);overflow:hidden}.notch{position:absolute;top:6px;left:50%;transform:translateX(-50%);z-index:10;display:flex;align-items:center;justify-content:center;gap:6px;width:4rem;height:1rem;border-radius:var(--radius-pill);background:var(--chrome-900);pointer-events:none}.sensor,.lens{border-radius:var(--radius-pill)}.sensor{width:6px;height:6px;background:var(--chrome-700)}.lens{width:8px;height:8px;background:var(--chrome-800);box-shadow:0 0 0 1px var(--chrome-700)}.appbar{display:flex;align-items:center;justify-content:space-between;padding:var(--space-2) var(--space-4);background:var(--chrome-100)}.appbar img{width:20px;height:20px}.appbar-menu{font-size:1rem;color:var(--text-body)}.body{display:flex;flex:1;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.label{margin:0;font-size:9px;font-weight:var(--weight-semibold);line-height:1.2;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--chrome-400)}.course{border-radius:var(--radius-md);overflow:hidden}.featured{background:color-mix(in srgb,var(--purple) 10%,transparent)}.thumb{position:relative;display:flex;align-items:flex-end;justify-content:center;height:6rem;background:var(--chrome-100);overflow:hidden}.thumb img{width:100%;height:100%;object-fit:contain;object-position:bottom}.badge{position:absolute;right:var(--space-1);bottom:var(--space-1);padding:1px 6px;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--purple) 85%,transparent);color:var(--text-on-dark);font-size:7px;font-weight:var(--weight-semibold)}.course-body{padding:var(--space-2)}.course-title{margin:0;font-size:12px;line-height:1.15;font-weight:var(--weight-bold);color:var(--text-heading)}.course-title.small{font-size:10px}.track{height:4px;margin-top:var(--space-1);border-radius:var(--radius-pill);background:var(--chrome-200);overflow:hidden}.fill{display:block;height:100%;border-radius:var(--radius-pill);background:var(--purple)}.row{display:flex;align-items:center;gap:var(--space-2);padding:10px}.row-body{flex:1;min-width:0}.play{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;width:2rem;height:2rem;border-radius:var(--radius-sm);color:var(--text-on-dark);font-size:1rem}.yellow{background:color-mix(in srgb,var(--yellow) 10%,transparent)}.yellow .play{background:var(--yellow)}.yellow .fill{background:var(--yellow)}.cyan{background:color-mix(in srgb,var(--cyan) 10%,transparent)}.cyan .play{background:var(--cyan)}.cyan .fill{background:var(--cyan)}.tabbar{display:flex;justify-content:space-around;margin-top:auto;padding-top:var(--space-2);border-top:1px solid var(--chrome-100);font-size:1rem;color:var(--chrome-400)}.tabbar .on{color:var(--purple)}}
x-laptop-mockup{display:contents}@scope (x-laptop-mockup) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){:scope{display:block;flex-shrink:0}.laptop{--chrome-800:#292524;--chrome-700:#44403c;--chrome-600:var(--text-body);--chrome-500:#78716c;--chrome-400:#a8a29e;--chrome-200:#e7e5e4;--chrome-100:#f5f5f4;--chrome-50:#fafaf9;display:flex;flex-direction:column;align-items:center}.lid{width:24rem;max-width:100%;padding:var(--space-2);border:1px solid var(--chrome-700);border-radius:var(--radius-md);background:var(--chrome-800);box-shadow:var(--shadow-media)}.camera{display:flex;justify-content:center;margin-bottom:6px}.camera span{width:8px;height:8px;border-radius:var(--radius-pill);background:var(--chrome-600);box-shadow:0 0 0 1px var(--chrome-500)}.screen{display:flex;flex-direction:column;height:14rem;border-radius:var(--radius-sm);background:var(--panel-bg);overflow:hidden}.titlebar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--chrome-100)}.titlebar img{width:16px;height:16px}.wordmark{font-size:10px;font-weight:var(--weight-bold);color:var(--text-heading)}.dots{display:flex;gap:6px;margin-left:auto}.dots i{width:6px;height:6px;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--chrome-400) 50%,transparent)}.cols{display:flex;flex:1;min-height:0}.main{display:flex;flex-direction:column;width:60%;background:var(--chrome-50);overflow:hidden}.stage{position:relative;display:flex;flex:1;align-items:flex-end;justify-content:center;background:color-mix(in srgb,var(--purple) 10%,transparent);overflow:hidden}.stage img{width:100%;height:100%;object-fit:contain;object-position:bottom}.badge{position:absolute;top:6px;right:6px;padding:1px 6px;border-radius:var(--radius-xs);background:color-mix(in srgb,var(--purple) 85%,transparent);color:var(--text-on-dark);font-size:7px;font-weight:var(--weight-semibold)}.caption{position:absolute;inset:auto 0 0;padding:var(--space-4) 10px var(--space-2);background:linear-gradient(to top,color-mix(in srgb,var(--text-heading) 80%,transparent),transparent)}.caption .course-title{color:var(--text-on-dark)}.course-title{margin:0;font-size:12px;line-height:1.15;font-weight:var(--weight-bold);color:var(--text-heading)}.course-title.small{font-size:10px}.track{height:4px;margin-top:var(--space-1);border-radius:var(--radius-pill);background:var(--chrome-200);overflow:hidden}.track.light{background:color-mix(in srgb,var(--text-on-dark) 30%,transparent)}.side .track{height:2px}.fill{display:block;height:100%;border-radius:var(--radius-pill)}.fill.yellow{background:var(--yellow)}.fill.cyan{background:var(--cyan)}.playbar{display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;border-top:1px solid var(--chrome-100);background:var(--panel-bg)}.playbar-title{margin:0;font-size:8px;color:var(--chrome-500);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.play{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:var(--text-on-dark)}.play.purple{width:24px;height:24px;border-radius:var(--radius-pill);background:var(--purple);font-size:12px}.side{display:flex;flex-direction:column;width:40%;border-left:1px solid var(--chrome-100);background:var(--panel-bg);overflow:hidden}.label{margin:0;padding:var(--space-2) var(--space-2) var(--space-1);font-size:7px;font-weight:var(--weight-semibold);line-height:1.2;text-transform:uppercase;letter-spacing:var(--tracking-wide);color:var(--chrome-400)}.side-item{padding:0 6px 6px}.course{display:flex;align-items:center;gap:6px;padding:6px;border-radius:var(--radius-sm)}.course-body{flex:1;min-width:0}.course.yellow{background:color-mix(in srgb,var(--yellow) 10%,transparent)}.course.cyan{background:color-mix(in srgb,var(--cyan) 10%,transparent)}.play.yellow,.play.cyan{width:20px;height:20px;border-radius:var(--radius-xs);font-size:10px}.play.yellow{background:var(--yellow)}.play.cyan{background:var(--cyan)}.tabbar{display:flex;justify-content:space-around;margin-top:auto;padding:6px 0;border-top:1px solid var(--chrome-100);font-size:12px;color:var(--chrome-400)}.tabbar .on{color:var(--purple)}.base{display:flex;align-items:center;justify-content:center;width:25rem;max-width:100%;height:20px;border-radius:var(--radius-xs) var(--radius-xs) var(--radius-2xl) var(--radius-2xl);background:var(--chrome-600);box-shadow:var(--shadow-raised)}.trackpad{width:3.5rem;height:8px;border-radius:2px;background:var(--chrome-500)}}
x-logo-mark{display:contents}@scope (x-logo-mark) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){:scope{display:block;line-height:0}.mark{width:100%;height:100%;vertical-align:top}}
x-accordion{display:contents}@scope (x-accordion) to (:scope :is(x-accordion,x-any-device,x-article-card,x-assign-by-role,x-automate-learning,x-award-certificates,x-base,x-benefits,x-brands,x-carousel,x-course-library,x-cta,x-faq,x-footer,x-get-started,x-grants,x-hero,x-hero-scenes,x-laptop-mockup,x-logo-mark,x-nav,x-panel,x-phone-mockup,x-problem,x-quiz,x-quote,x-solution,x-testimonials,x-track-progress)>*){.faq-item{border-bottom:1px solid var(--faq-border,color-mix(in srgb,currentColor 20%,transparent))}.faq-item:last-child{border-bottom:0}.faq-question{display:flex;align-items:center;gap:0.75rem;padding:var(--faq-padding,1rem 0);cursor:pointer;font-size:var(--faq-question-size,1.125rem);font-weight:var(--faq-question-weight,600);list-style:none}.faq-question::-webkit-details-marker{display:none}.faq-question::marker{content:none}.faq-question>span{flex:1}.faq-chevron{flex-shrink:0;width:1.25em;height:1.25em;transition:rotate var(--faq-duration,0.25s) ease}.faq-item[open] .faq-chevron{rotate:180deg}.faq-item::details-content{display:block;block-size:0;overflow:hidden;transition:block-size var(--faq-duration,0.3s) ease,content-visibility var(--faq-duration,0.3s) allow-discrete}.faq-item[open]::details-content{block-size:auto;block-size:calc-size(auto,size)}.faq-answer{padding:0 0 1rem;color:var(--faq-answer-color,inherit)}.faq-answer>:first-child{margin-top:0}.faq-answer>:last-child{margin-bottom:0}@media (prefers-reduced-motion:reduce){.faq-item::details-content,.faq-chevron{transition:none}}}