:root{--learning-ink:#0a0a0f;--learning-muted:#71717a;--learning-paper:#ffffff;--learning-violet:#0d7d82;--learning-orange:#0d7d82;--learning-line:#e4e4e7;--learning-deep:#022153}
body.learning-product{background:var(--learning-paper);color:var(--learning-ink)}
.learning-product .learning-nav{max-width:none;padding:0 max(24px,calc((100vw - 1320px)/2));background:var(--learning-paper);border-bottom-color:#e9e4ef}.learning-product .nav-demo{border-radius:7px;background:var(--learning-ink)}.learning-product .nav-shell nav{display:flex}
.learning-hero{display:grid;grid-template-columns:minmax(0,.88fr) minmax(500px,1.12fr);gap:58px;max-width:1280px;margin:auto;padding:92px 36px 92px}.learning-hero__copy{align-self:center}.learning-product .kicker{margin-bottom:17px;color:var(--learning-violet)}.learning-product .kicker span{display:inline-block;width:7px;height:7px;margin-right:7px;border-radius:50%;background:var(--learning-orange)}.learning-hero h1,.learning-section-heading h2,.learning-connection h2,.workspace-entry h2{margin:0;color:var(--learning-ink);font-family:"Plus Jakarta Sans","Inter",Arial,Helvetica,sans-serif;font-weight:400;letter-spacing:-.065em}.learning-hero h1{max-width:600px;font-size:clamp(52px,6vw,80px);line-height:.95}.learning-hero h1 em,.learning-section-heading h2 em{color:var(--learning-violet);font-style:normal}.learning-hero__intro{max-width:545px;margin:24px 0 0;color:var(--learning-muted);font-size:18px;line-height:1.55}.learning-hero__actions{display:flex;gap:12px;margin-top:30px}.learning-product .button{border-radius:7px}.learning-product .button-primary{background:var(--learning-orange)}.learning-product .button-secondary{border-color:transparent;background:transparent;color:#0a6a6e}.learning-hero__note{margin:28px 0 0;color:#827a8c;font-size:10px;font-weight:750;letter-spacing:.065em;text-transform:uppercase}
.capability-field{position:relative;min-height:540px;overflow:hidden;border-radius:18px;background:var(--learning-deep);box-shadow:0 24px 55px #28194026}.capability-field__grid{position:absolute;inset:0;background-image:linear-gradient(#ffffff14 1px,transparent 1px),linear-gradient(90deg,#ffffff14 1px,transparent 1px);background-size:28px 28px}.capability-field__header{position:absolute;z-index:5;top:23px;left:25px;display:flex;gap:8px;align-items:center;color:#e8f8f7;font-size:12px;font-weight:750}.capability-field__header i{display:inline-block;width:6px;height:6px;margin-left:5px;border-radius:50%;background:#5cc9c6}.tiny-logo{display:grid;place-items:center;width:20px;height:20px;border-radius:6px;background:#fff;color:var(--learning-violet);font-family:"Plus Jakarta Sans","Inter",Arial,Helvetica,sans-serif;font-size:13px}.capability-field__rings,.field-orbit{position:absolute;inset:50% auto auto 50%;border:1px solid #5cc9c670;border-radius:50%;transform:translate(-50%,-50%)}.capability-field__rings{width:390px;height:245px}.capability-field__rings i{position:absolute;inset:34px;border:1px solid #5cc9c645;border-radius:50%}.capability-field__rings i:nth-child(2){inset:71px}.capability-field__rings i:nth-child(3){inset:100px;border-color:#5cc9c655}.field-orbit{width:455px;height:278px;border-color:transparent;animation:orbit-spin 17s linear infinite}.field-orbit--two{width:300px;height:390px;animation-duration:23s;animation-direction:reverse}.field-particle{position:absolute;top:-5px;left:52%;width:11px;height:11px;border-radius:50%;background:#5cc9c6;box-shadow:0 0 0 8px #5cc9c61c,0 0 25px #5cc9c6}.field-orbit--two .field-particle{top:44%;left:-5px;width:8px;height:8px;background:#5cc9c6;box-shadow:0 0 0 7px #5cc9c61c,0 0 22px #5cc9c6}.learning-signal{position:absolute;z-index:2;width:175px;padding:12px 13px;border:1px solid #ffffff35;border-radius:11px;background:#ffffff13;color:#fff;box-shadow:0 14px 30px #0d08252e;backdrop-filter:blur(14px);animation:field-float 6s ease-in-out infinite}.learning-signal>span{display:grid;place-items:center;float:left;width:27px;height:27px;margin-right:9px;border-radius:7px;background:#ffffff17;color:#5cc9c6;font-size:10px;font-weight:800}.learning-signal small,.learning-signal p{display:block;color:#d2efed;font-size:10px}.learning-signal b{display:block;margin-top:2px;font-family:Inter,Arial,sans-serif;font-size:12px;font-weight:800}.learning-signal p{margin:3px 0 0}.learning-signal--content{top:18%;left:7%;transform:rotate(-4deg)}.learning-signal--practice{right:7%;top:21%;transform:rotate(4deg);animation-delay:-1.3s}.learning-signal--assess{bottom:14%;left:11%;transform:rotate(3deg);animation-delay:-2.8s}.learning-signal--grow{right:10%;bottom:15%;transform:rotate(-3deg);animation-delay:-4.1s}.capability-core{position:absolute;z-index:4;top:50%;left:50%;width:220px;transform:translate(-50%,-50%);border-radius:13px;background:#fff;box-shadow:0 17px 38px #0703135a}.capability-core__top{display:flex;gap:10px;align-items:center;padding:17px}.capability-core__top>span{display:grid;place-items:center;width:38px;height:38px;border-radius:50%;background:#e8f8f7;color:var(--learning-violet);font-size:11px;font-weight:800}.capability-core small,.capability-core p{display:block;color:#746d7c;font-size:10px}.capability-core b{display:block;margin:2px 0;color:var(--learning-ink);font-size:13px}.capability-core p{margin:0}.capability-core__footer{display:flex;justify-content:space-between;gap:7px;padding:10px 13px;border-top:1px solid #eee8f2;color:#736c7b;font-size:9px}.capability-core__footer span i{display:inline-block;width:6px;height:6px;margin-right:3px;border-radius:50%;background:#37b87b}.capability-core__footer b{color:var(--learning-violet);font-size:9px}
.learning-proof{display:grid;grid-template-columns:repeat(3,1fr);max-width:1130px;margin:0 auto;padding:0 36px 96px}.learning-proof>div{display:flex;gap:12px;align-items:center;padding:0 24px;border-left:1px solid var(--learning-line)}.learning-proof>div:first-child{border-left:0}.learning-proof b{color:var(--learning-orange);font-size:11px}.learning-proof span{color:#665e72;font-size:13px;line-height:1.4}
.learning-capabilities{padding:108px max(24px,calc((100vw - 1180px)/2));background:#e8f8f7}.learning-section-heading{display:grid;grid-template-columns:.95fr .75fr;justify-content:space-between;gap:70px;align-items:end}.learning-section-heading h2,.learning-connection h2,.workspace-entry h2{font-size:clamp(42px,5.2vw,66px);line-height:1.01}.learning-section-heading>p{max-width:420px;margin:0 0 5px;color:var(--learning-muted);font-size:16px;line-height:1.55}.capability-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;margin-top:54px;border:1px solid #b8e9e7;background:#b8e9e7}.capability-grid article{min-height:214px;padding:26px;background:#ffffff}.capability-grid article>span,.workspace-role-grid article>span{color:var(--learning-violet);font-size:10px;font-weight:800;letter-spacing:.08em}.capability-grid h3,.workspace-role-grid h3{margin:36px 0 9px;color:var(--learning-ink);font-family:Inter,Arial,sans-serif;font-size:17px;letter-spacing:-.025em}.capability-grid p{max-width:270px;margin:0;color:var(--learning-muted);font-size:13px;line-height:1.55}
.learning-connection{display:grid;grid-template-columns:.94fr .72fr;gap:80px;align-items:end;padding:112px max(24px,calc((100vw - 1180px)/2));background:var(--learning-paper)}.learning-connection h2{font-size:clamp(39px,4.7vw,60px)}.learning-connection>p{max-width:470px;margin:0;color:var(--learning-muted);font-size:17px;line-height:1.6}
.workspace-entry{padding:105px max(24px,calc((100vw - 1180px)/2));background:var(--learning-deep);color:#fff}.workspace-entry .kicker{color:#5cc9c6}.workspace-entry h2{max-width:700px;color:#fff}.workspace-entry__heading>p:last-child{max-width:570px;margin:19px 0 0;color:#d2efed;font-size:16px;line-height:1.55}.workspace-role-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:54px}.workspace-role-grid article{display:flex;flex-direction:column;min-height:266px;padding:27px;border:1px solid #ffffff2b;border-radius:12px;background:#ffffff12}.workspace-role-grid article>span{color:#5cc9c6}.workspace-role-grid h3{margin-top:34px;color:#fff}.workspace-role-grid p{min-height:57px;margin:0;color:#d2efed;font-size:13px;line-height:1.55}.workspace-role-grid a{display:flex;justify-content:space-between;align-items:center;margin-top:auto;padding-top:22px;border-top:1px solid #ffffff24;color:#fff;font-size:13px;font-weight:800;text-decoration:none}.workspace-role-grid a:hover{color:#5cc9c6}.workspace-entry__trust{margin:19px 0 0;color:#b8e9e7;font-size:11px}
@keyframes orbit-spin{to{transform:translate(-50%,-50%) rotate(360deg)}}@keyframes field-float{0%,100%{margin-top:0}50%{margin-top:-9px}}@media(prefers-reduced-motion:reduce){.field-orbit,.learning-signal{animation:none}}@media(max-width:900px){.learning-hero{grid-template-columns:1fr;padding:68px 24px}.capability-field{max-width:660px;width:100%;min-height:495px}.learning-proof{padding:0 24px 70px}.learning-capabilities,.learning-connection,.workspace-entry{padding:76px 24px}.learning-section-heading,.learning-connection{grid-template-columns:1fr;gap:25px}.workspace-role-grid{grid-template-columns:1fr}.workspace-role-grid article{min-height:0}.workspace-role-grid p{min-height:0}.learning-product .nav-shell nav{display:none}}@media(max-width:620px){.learning-hero h1{font-size:51px}.capability-field{min-height:420px}.capability-field__rings{width:290px;height:187px}.field-orbit{width:330px;height:215px}.field-orbit--two{width:230px;height:300px}.learning-signal{width:137px;padding:8px}.learning-signal b{font-size:10px}.learning-signal small,.learning-signal p{font-size:8px}.learning-signal--content{left:3%}.learning-signal--practice{right:3%}.learning-signal--assess{left:4%;bottom:11%}.learning-signal--grow{right:4%;bottom:11%}.capability-core{width:175px}.capability-core__top{padding:11px}.capability-core__top>span{width:31px;height:31px}.capability-core__footer{padding:8px}.learning-proof{grid-template-columns:1fr;gap:17px}.learning-proof>div,.learning-proof>div:first-child{padding:0;border:0}.capability-grid{grid-template-columns:1fr}.capability-grid article{min-height:0}.learning-hero__actions{align-items:stretch;flex-direction:column}.learning-hero__actions .button{justify-content:center}.workspace-role-grid{margin-top:36px}}
