/* Home-only artwork. Existing course tabs and checkout styles remain independent. */
.yl-home-benefits__grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}
.yl-home-benefits__card{min-width:0;overflow:hidden;border:1px solid #dcebee;border-radius:28px;background:#fff;box-shadow:0 10px 28px #13158b08;display:flex;flex-direction:column}
.yl-home-benefits__card>img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.yl-home-benefits__copy{padding:24px;display:flex;flex:1;flex-direction:column;align-items:flex-start}
.yl-home-benefits__copy h4{color:#10108e;margin:0 0 12px;line-height:1.35}
.yl-home-benefits__copy p{margin:0 0 12px;line-height:1.6}
.yl-home-benefits__copy .site-btn{margin-top:auto;max-width:100%;white-space:normal;text-align:center}
.yl-home-interface .cource-intro-image-box{background:none;padding:0;overflow:visible}
.yl-home-interface .cource-intro-image{min-width:0}
.yl-home-mockup{position:relative;margin:0;padding:42px 24px 48px;border-radius:32px;background:linear-gradient(140deg,#e5f7f8,#eeeefb);isolation:isolate}
.yl-home-mockup--lesson{background:linear-gradient(140deg,#fff5cd,#e2f7ee)}
.yl-home-mockup--stats{background:linear-gradient(140deg,#e7e7fb,#ddf4fa)}
.yl-home-mockup__badge{display:table;position:relative;margin:-23px 0 18px auto;padding:8px 16px;border-radius:999px;background:#ffd24b;color:#10108e;font-size:14px;font-weight:600;line-height:1.35;max-width:100%;box-sizing:border-box}
.yl-home-mockup__device{position:relative;z-index:1;border:7px solid white;border-radius:20px;background:#fff;box-shadow:0 20px 30px #11118c17;overflow:hidden;transform:rotate(-1deg)}
.yl-home-mockup--lesson .yl-home-mockup__device{transform:rotate(1deg)}
.yl-home-mockup__bar{display:flex;justify-content:space-between;align-items:center;padding:7px 10px 12px;color:#10108e;direction:ltr;font-size:12px;font-weight:600}
.yl-home-mockup__bar i{font-size:9px;letter-spacing:3px;font-style:normal;color:#b0dbe3}
.yl-home-mockup__device a{display:block}
.yl-home-mockup__device a:focus-visible{outline:3px solid #10108e;outline-offset:-3px}
.yl-home-interface .yl-home-mockup__screen{display:block;width:100%;height:auto;max-height:none;object-fit:contain;border-radius:10px;position:static}
.yl-home-interface .yl-home-mockup__bee{position:absolute;left:-8px;bottom:22px;width:80px;height:auto;z-index:2;pointer-events:none}
.yl-home-mockup figcaption{position:relative;margin:24px 0 -28px;padding-left:70px;font-size:12px;line-height:1.6;color:#4e5779}
@media(max-width:1100px){.yl-home-benefits__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.yl-home-benefits__copy{padding:20px}}
@media(max-width:767px){.yl-home-benefits__grid{grid-template-columns:minmax(0,1fr);gap:20px}.yl-home-benefits__card{border-radius:24px}.yl-home-mockup{padding:38px 15px 43px;border-radius:24px}.yl-home-mockup__device{border-width:5px;border-radius:15px;transform:none!important}.yl-home-mockup__badge{font-size:12px;padding:7px 11px}.yl-home-interface .yl-home-mockup__bee{width:60px;left:-5px;bottom:12px}.yl-home-mockup figcaption{font-size:11px;padding-left:47px}.yl-home-mockup__bar{font-size:10px}.yl-home-interface .cource-intro-wr{gap:20px}}