/* Homepage concept: white catalog, charcoal hero, existing product photography. */
.income-platform-home{background:#fff}
.income-platform-home .home-catalog .wrap{width:calc(100% - 36px);max-width:1200px}
.income-platform-home .hero-stage{width:calc(100% - 24px);max-width:1240px;padding:0;margin:16px auto 0}
.income-platform-home .hero-carousel{position:relative;background:#171b1d;border-radius:18px;overflow:hidden}
.income-platform-home .hero-window{border-radius:18px;background:#171b1d}
.income-platform-home .hero-slide.has-capture{--slide-bg:#171b1d;--slide-ink:#fff;--slide-accent:#fff;--slide-button:#fff;--slide-button-ink:#171b1d;height:554px;background:#171b1d}
.income-platform-home .hero-composition{width:calc(100% - 38px);max-width:1120px;grid-template-rows:auto 236px;gap:24px;padding:34px 0 70px;align-content:center}
.income-platform-home .hero-message h1,.income-platform-home .hero-message h2{margin:0;font-size:clamp(27px,7.6vw,36px);font-weight:800;line-height:1.24;letter-spacing:-.055em;color:#fff;word-break:keep-all}
.income-platform-home .hero-description{font-size:14px;color:#e1e4e5;line-height:1.75;margin:20px 0 0;word-break:keep-all}
.income-platform-home .hero-actions{display:flex;justify-content:center;align-items:center;gap:18px;margin-top:23px}
.income-platform-home .hero-message .btn{background:#fff;border-color:#fff;color:#171b1d;font-size:13px;min-height:44px;margin-top:22px;padding:12px 15px}
.income-platform-home .hero-actions .btn{margin:0}
.income-platform-home .hero-secondary{font-size:12px;display:inline-flex;align-items:center;gap:7px;color:#fff;white-space:nowrap}
.income-platform-home .hero-secondary .arrow{width:17px;height:17px}
.income-platform-home .hero-control-bar{position:absolute;bottom:14px;left:0;width:100%;margin:0;gap:13px;height:34px;color:#fff;z-index:3}
.income-platform-home .hero-control-bar>button{background:transparent;border-color:#697073;color:#fff;width:30px;height:30px}
.income-platform-home .hero-control-bar>button:hover{background:#ffffff18}
.income-platform-home .hero-count{color:#fff;font-size:11px}
.income-platform-home .hero-dots button:before{background:#6c7276;width:6px;height:6px}
.income-platform-home .hero-dots button[aria-current=true]:before{background:#fff;width:8px;height:8px}
.income-platform-home .platform-showcase{position:relative;width:100%;max-width:390px;height:236px;margin:auto}
.income-platform-home .platform-screen{position:absolute;margin:0;border:2px solid #41474a;border-radius:10px;overflow:hidden;background:#111619;box-shadow:0 12px 24px #0004;width:44%;height:201px;top:24px}
.income-platform-home .platform-screen figcaption{font-size:8px;font-weight:700;color:#fff;height:24px;display:flex;align-items:center;padding-left:10px;background:#161c1f}
.income-platform-home .platform-screen img{display:block;width:100%;height:calc(100% - 24px);object-fit:cover;object-position:top}
.income-platform-home .screen-shorts{left:0;transform:rotate(-3deg)}
.income-platform-home .screen-video{right:0;transform:rotate(3deg)}
.income-platform-home .screen-saju{width:45%;height:236px;left:27.5%;top:0;z-index:2}
.income-platform-home .service-showcase{height:236px;align-items:center}
.income-platform-home .service-screen{max-width:160px;border-color:#41474a}
.income-platform-home .service-screen img{height:201px}
.income-platform-home .service-screen:nth-child(2){margin-top:14px}
.income-platform-home .home-catalog{padding:38px 0 32px}
.income-platform-home .catalog-heading h2{font-size:25px;line-height:1.35;letter-spacing:-.055em;font-weight:800;word-break:keep-all}
.income-platform-home .catalog-intro{font-size:13px;line-height:1.7;margin:12px 0 20px;max-width:none;word-break:keep-all}
.income-platform-home .program-tabs{justify-content:flex-start;gap:7px;margin:0 0 20px}
.income-platform-home .program-tabs button{font-size:12px;padding:9px 13px;background:#f2f3f5;min-height:36px}
.income-platform-home .program-tabs button[aria-pressed=true]{background:#171b1d;color:#fff}
.income-platform-home .catalog-search{margin-bottom:20px}
.income-platform-home .catalog-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}
.income-platform-home .catalog-card{border:1px solid #e5e7eb;border-radius:10px;padding:7px 7px 15px;transition:border-color .2s,transform .2s;background:#fff;display:flex;flex-direction:column}
.income-platform-home .catalog-card:hover{border-color:#92999d;transform:translateY(-3px)}
.income-platform-home .catalog-card .catalog-picture{aspect-ratio:.78;border-radius:6px;background:#f1f2f4;flex:none}
.income-platform-home .catalog-card h3{font-size:14px;line-height:1.4;font-weight:750;margin:12px 3px 0;letter-spacing:-.04em;word-break:keep-all}
.income-platform-home .catalog-card p{font-size:12px;line-height:1.65;margin:6px 3px 0;-webkit-line-clamp:3;word-break:keep-all}
.income-platform-home .catalog-course{font-size:10px;line-height:1.5;margin:10px 3px 0;color:#727980}
@media(min-width:600px){
 .income-platform-home .hero-slide.has-capture{height:604px}.income-platform-home .hero-message h1,.income-platform-home .hero-message h2{font-size:39px}
 .income-platform-home .hero-description{font-size:16px}.income-platform-home .catalog-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
 .income-platform-home .hero-composition{grid-template-columns:1fr;grid-template-rows:auto 270px;padding-top:38px;width:calc(100% - 70px)}
 .income-platform-home .hero-slide.has-capture .hero-message{text-align:center}.income-platform-home .platform-showcase{height:270px;max-width:435px}
 .income-platform-home .screen-saju{height:270px}.income-platform-home .screen-shorts,.income-platform-home .screen-video{height:235px}
 .income-platform-home .service-showcase{height:270px}.income-platform-home .service-screen img{height:236px}
.income-platform-home .catalog-card h3{font-size:16px}
}
@media(min-width:900px){
 .income-platform-home .hero-stage{width:calc(100% - 40px);margin-top:28px}.income-platform-home .hero-slide.has-capture{height:490px}
 .income-platform-home .hero-composition{width:calc(100% - 90px);grid-template-columns:minmax(0,1fr) minmax(0,1.13fr);grid-template-rows:1fr;gap:16px;padding:22px 0 58px}
 .income-platform-home .hero-slide.has-capture .hero-message{text-align:left}.income-platform-home .hero-message h1,.income-platform-home .hero-message h2{font-size:clamp(38px,4.2vw,49px)}
 .income-platform-home .hero-description{font-size:16px;margin-top:25px}.income-platform-home .hero-actions{justify-content:flex-start;gap:20px;margin-top:28px}
 .income-platform-home .hero-message .btn{font-size:14px;padding:14px 19px}.income-platform-home .hero-secondary{font-size:13px}
 .income-platform-home .platform-showcase{height:352px;max-width:530px}.income-platform-home .platform-screen{height:280px;top:39px;border-radius:12px}
 .income-platform-home .platform-screen figcaption{font-size:9px;height:28px}.income-platform-home .platform-screen img{height:calc(100% - 28px)}
 .income-platform-home .screen-saju{height:352px;top:0}.income-platform-home .service-showcase{height:352px;gap:20px}.income-platform-home .service-screen{max-width:206px}.income-platform-home .service-screen img{height:306px}
 .income-platform-home .hero-control-bar{bottom:19px;gap:17px}.income-platform-home .hero-control-bar>button{width:32px;height:32px}
 .income-platform-home .home-catalog{padding:65px 0 38px}.income-platform-home .catalog-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}
 .income-platform-home .catalog-heading h2{font-size:32px}.income-platform-home .catalog-intro{font-size:14px;margin-bottom:24px}
 .income-platform-home .program-tabs{flex-wrap:nowrap;gap:7px;margin:5px 0 0}.income-platform-home .program-tabs button{font-size:11px;padding:10px 13px}
 .income-platform-home .catalog-search{display:none}.income-platform-home .catalog-grid{grid-template-columns:repeat(5,minmax(0,1fr));gap:14px}
 .income-platform-home .catalog-card{padding:8px 8px 20px}.income-platform-home .catalog-card h3{font-size:15px}.income-platform-home .catalog-card p{font-size:12px}
}
@media(min-width:1200px){
 .income-platform-home .hero-stage{margin-top:32px}.income-platform-home .hero-composition{gap:32px}.income-platform-home .hero-description{font-size:18px}
 .income-platform-home .hero-message h1,.income-platform-home .hero-message h2{font-size:49px}.income-platform-home .catalog-heading h2{font-size:34px}
 .income-platform-home .program-tabs button{font-size:13px;padding:11px 17px}.income-platform-home .catalog-grid{gap:18px}
 .income-platform-home .catalog-card h3{font-size:17px}.income-platform-home .catalog-card p{font-size:13px}
}