/* Reuse the existing editor illustration in one rounded, wider frame. */
.learning.section{align-items:center;grid-template-rows:auto}
.learning .learning-demo{grid-row:1;width:100%;overflow:hidden;border-radius:20px;background:#17283b;isolation:isolate;aspect-ratio:auto}
.learning .editor-desktop{width:900px;height:617px}
.learning .pen-20{width:900px;overflow:hidden;border-radius:20px}
.learning .pen-43{width:729px}
.learning .pen-50{left:auto;right:19px}
.learning .pen-51,.learning .pen-57{width:679px}
.learning .pen-53{left:461px}
.learning .pen-54{left:508px}
.learning .pen-55{left:564px}
.learning .pen-56{left:790px}
.learning .pen-58{width:252px}
.learning .pen-59{left:441px}
.learning .pen-60{width:900px}
.learning .learning-steps{gap:16px;margin-top:28px}
.learning .learning-steps li{gap:10px;font-size:14px;padding:0;border:0;background:transparent}
.learning .learning-steps .icon-tile{width:56px;height:56px;border-radius:14px}
.learning .learning-steps .icon{width:28px;height:28px}
.learning .learning-cta{margin-top:28px}
.learning .pen-61{left:30.462px}
.learning .pen-62{left:110.769px}
.learning .pen-63{left:191.077px}
.learning .pen-64{left:271.385px}
.learning .pen-65{left:351.692px}
.learning .pen-66{left:432.000px}
.learning .pen-67{left:512.308px}
.learning .pen-68{left:592.615px}
.learning .pen-69{left:672.923px}
.learning .pen-70{left:753.231px}
.learning .pen-71{left:833.538px}
.learning .pen-72{left:30.462px;width:164.769px}
.learning .pen-74{left:180.000px}
.learning .pen-75{left:181.385px}
.learning .pen-76{left:198.000px;width:164.769px}
.learning .pen-77{left:347.538px}
.learning .pen-78{left:348.923px}
.learning .pen-79{left:365.538px;width:164.769px}
.learning .pen-80{left:515.077px}
.learning .pen-81{left:516.462px}
.learning .pen-82{left:533.077px;width:164.769px}
.learning .pen-83{left:682.615px}
.learning .pen-84{left:684.000px}
.learning .pen-85{left:700.615px;width:164.769px}
.learning .pen-86{left:850.154px}
.learning .pen-87{left:851.538px}
.learning .pen-88{left:30.462px;width:836.308px}
.learning .pen-89{left:36.000px}
.learning .pen-90{left:41.538px}
.learning .pen-91{left:47.077px}
.learning .pen-92{left:52.615px}
.learning .pen-93{left:58.154px}
.learning .pen-94{left:63.692px}
.learning .pen-95{left:69.231px}
.learning .pen-96{left:74.769px}
.learning .pen-97{left:80.308px}
.learning .pen-98{left:85.846px}
.learning .pen-99{left:91.385px}
.learning .pen-100{left:96.923px}
.learning .pen-101{left:102.462px}
.learning .pen-102{left:108.000px}
.learning .pen-103{left:113.538px}
.learning .pen-104{left:119.077px}
.learning .pen-105{left:124.615px}
.learning .pen-106{left:130.154px}
.learning .pen-107{left:135.692px}
.learning .pen-108{left:141.231px}
.learning .pen-109{left:146.769px}
.learning .pen-110{left:152.308px}
.learning .pen-111{left:157.846px}
.learning .pen-112{left:163.385px}
.learning .pen-113{left:168.923px}
.learning .pen-114{left:174.462px}
.learning .pen-115{left:180.000px}
.learning .pen-116{left:185.538px}
.learning .pen-117{left:191.077px}
.learning .pen-118{left:196.615px}
.learning .pen-119{left:202.154px}
.learning .pen-120{left:207.692px}
.learning .pen-121{left:213.231px}
.learning .pen-122{left:218.769px}
.learning .pen-123{left:224.308px}
.learning .pen-124{left:229.846px}
.learning .pen-125{left:235.385px}
.learning .pen-126{left:240.923px}
.learning .pen-127{left:246.462px}
.learning .pen-128{left:252.000px}
.learning .pen-129{left:257.538px}
.learning .pen-130{left:263.077px}
.learning .pen-131{left:268.615px}
.learning .pen-132{left:274.154px}
.learning .pen-133{left:279.692px}
.learning .pen-134{left:285.231px}
.learning .pen-135{left:290.769px}
.learning .pen-136{left:296.308px}
.learning .pen-137{left:301.846px}
.learning .pen-138{left:307.385px}
.learning .pen-139{left:312.923px}
.learning .pen-140{left:318.462px}
.learning .pen-141{left:324.000px}
.learning .pen-142{left:329.538px}
.learning .pen-143{left:335.077px}
.learning .pen-144{left:340.615px}
.learning .pen-145{left:346.154px}
.learning .pen-146{left:351.692px}
.learning .pen-147{left:357.231px}
.learning .pen-148{left:362.769px}
.learning .pen-149{left:368.308px}
.learning .pen-150{left:373.846px}
.learning .pen-151{left:379.385px}
.learning .pen-152{left:384.923px}
.learning .pen-153{left:390.462px}
.learning .pen-154{left:396.000px}
.learning .pen-155{left:401.538px}
.learning .pen-156{left:407.077px}
.learning .pen-157{left:412.615px}
.learning .pen-158{left:418.154px}
.learning .pen-159{left:423.692px}
.learning .pen-160{left:429.231px}
.learning .pen-161{left:434.769px}
.learning .pen-162{left:440.308px}
.learning .pen-163{left:445.846px}
.learning .pen-164{left:451.385px}
.learning .pen-165{left:456.923px}
.learning .pen-166{left:462.462px}
.learning .pen-167{left:468.000px}
.learning .pen-168{left:473.538px}
.learning .pen-169{left:479.077px}
.learning .pen-170{left:484.615px}
.learning .pen-171{left:490.154px}
.learning .pen-172{left:495.692px}
.learning .pen-173{left:501.231px}
.learning .pen-174{left:506.769px}
.learning .pen-175{left:512.308px}
.learning .pen-176{left:517.846px}
.learning .pen-177{left:523.385px}
.learning .pen-178{left:528.923px}
.learning .pen-179{left:534.462px}
.learning .pen-180{left:540.000px}
.learning .pen-181{left:545.538px}
.learning .pen-182{left:551.077px}
.learning .pen-183{left:556.615px}
.learning .pen-184{left:562.154px}
.learning .pen-185{left:567.692px}
.learning .pen-186{left:573.231px}
.learning .pen-187{left:578.769px}
.learning .pen-188{left:584.308px}
.learning .pen-189{left:589.846px}
.learning .pen-190{left:595.385px}
.learning .pen-191{left:600.923px}
.learning .pen-192{left:606.462px}
.learning .pen-193{left:612.000px}
.learning .pen-194{left:617.538px}
.learning .pen-195{left:623.077px}
.learning .pen-196{left:628.615px}
.learning .pen-197{left:634.154px}
.learning .pen-198{left:639.692px}
.learning .pen-199{left:645.231px}
.learning .pen-200{left:650.769px}
.learning .pen-201{left:656.308px}
.learning .pen-202{left:661.846px}
.learning .pen-203{left:667.385px}
.learning .pen-204{left:672.923px}
.learning .pen-205{left:678.462px}
.learning .pen-206{left:684.000px}
.learning .pen-207{left:689.538px}
.learning .pen-208{left:695.077px}
.learning .pen-209{left:700.615px}
.learning .pen-210{left:706.154px}
.learning .pen-211{left:711.692px}
.learning .pen-212{left:717.231px}
.learning .pen-213{left:722.769px}
.learning .pen-214{left:728.308px}
.learning .pen-215{left:733.846px}
.learning .pen-216{left:739.385px}
.learning .pen-217{left:744.923px}
.learning .pen-218{left:750.462px}
.learning .pen-219{left:756.000px}
.learning .pen-220{left:761.538px}
.learning .pen-221{left:767.077px}
.learning .pen-222{left:772.615px}
.learning .pen-223{left:778.154px}
.learning .pen-224{left:783.692px}
.learning .pen-225{left:789.231px}
.learning .pen-226{left:794.769px}
.learning .pen-227{left:800.308px}
.learning .pen-228{left:805.846px}
.learning .pen-229{left:811.385px}
.learning .pen-230{left:816.923px}
.learning .pen-231{left:822.462px}
.learning .pen-232{left:828.000px}
.learning .pen-233{left:833.538px}
.learning .pen-234{left:839.077px}
.learning .pen-235{left:844.615px}
.learning .pen-236{left:850.154px}
.learning .pen-237{left:855.692px}
.learning .pen-238{left:861.231px}
.learning .pen-239{left:866.769px}
.learning .pen-240{left:315.692px}
.learning .pen-241{left:308.769px}
@media(max-width:1023px){
.learning .learning-demo{width:100%;aspect-ratio:338/274;border-radius:16px;margin-top:28px}
.learning .editor-mobile{width:338px;height:274px}
.learning .pen-242{overflow:hidden;border-radius:16px}
.learning .learning-steps{grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:24px}
.learning .learning-steps li{min-height:0;font-size:12px}
.learning .learning-steps .icon-tile{width:46px;height:46px;border-radius:12px}
.learning .learning-steps .icon{width:25px;height:25px}
.learning .learning-cta{margin-top:24px}
}