.yocl-applications,.ya-home{--ya-yellow:#ffcf24;--ya-ink:#22262c;--ya-soft:#f4f4f2;--ya-muted:#6b7077;--ya-line:#dde0e3;font-family:"YOCL Poppins",Poppins,Arial,sans-serif;color:var(--ya-ink);background:#fff;font-size:16px;line-height:1.7}
.yocl-applications *,.ya-home *{box-sizing:border-box}
.yocl-applications ::selection,.ya-home ::selection{background:var(--ya-yellow);color:var(--ya-ink)}
.ya-wrap{width:calc(100% - 96px);max-width:1320px;margin-inline:auto}
.yocl-applications h1{font-size:clamp(56px,5vw,76px);font-weight:700;line-height:1.05;letter-spacing:-.04em;text-wrap:balance;margin:0;color:var(--ya-ink)}
.yocl-applications h2,.ya-home h2{font-size:40px;font-weight:700;line-height:1.16;letter-spacing:-.025em;text-wrap:balance;margin:0 0 24px;color:var(--ya-ink)}
.yocl-applications h3,.ya-home h3{font-size:24px;font-weight:600;line-height:1.3;letter-spacing:-.02em;margin:0 0 16px}
.yocl-applications p{max-width:70ch;margin:0 0 24px;color:var(--ya-muted)}
.yocl-applications a,.ya-home a{color:inherit;text-underline-offset:5px}
.yocl-applications :is(a,summary):focus-visible,.ya-home a:focus-visible{outline:3px solid var(--ya-ink);outline-offset:5px}
.ya-intro{padding-block:88px 64px;display:grid;grid-template-columns:1.5fr 1fr;gap:64px;align-items:end}
.ya-intro-aside{max-width:440px;padding-bottom:4px}
.ya-text-link{font-weight:600;text-decoration:underline;text-decoration-thickness:1px;display:inline-block;padding-block:8px}
.ya-text-link:hover{text-decoration-thickness:2px}
.ya-index{padding-bottom:88px;display:grid;grid-template-columns:1fr 1fr;gap:52px 32px}
.ya-scene{min-width:0}
.ya-scene-image{display:block;overflow:hidden;background:var(--ya-soft)}
.ya-scene img,.ya-home img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.ya-scene-copy{padding-top:24px}
.ya-scene-copy h2{font-size:30px;line-height:1.22;margin-bottom:12px}
.ya-scene-copy h2 a{text-decoration:none}
.ya-scene-copy h2 a:hover{text-decoration:underline}
.ya-scene-copy p{margin-bottom:8px;color:var(--ya-muted)}
.ya-caption{font-size:12px;line-height:1.6;color:var(--ya-muted);margin:12px 0 0!important;grid-column:1/-1}
.ya-breadcrumb{padding-top:32px;font-size:14px}
.ya-breadcrumb a{display:inline-block;padding-block:8px;text-decoration:underline}
.ya-detail-hero{display:grid;grid-template-columns:.9fr 1.2fr;gap:48px;align-items:center;padding-block:36px 48px}
.ya-hero-copy p{margin:24px 0 32px}
.ya-detail-hero figure{margin:0;min-width:0}
.ya-detail-hero img{width:100%;height:auto;display:block;aspect-ratio:3/2;object-fit:cover}
.ya-role-nav{display:flex;flex-wrap:wrap;gap:8px 28px;padding-block:20px;border-top:1px solid var(--ya-line);border-bottom:1px solid var(--ya-line)}
.ya-role-nav a{font-size:14px;font-weight:600;text-decoration:none;padding:8px 0}
.ya-role-nav a:hover{text-decoration:underline}
.ya-components{padding-block:80px}
.ya-components>h2{max-width:780px;margin-bottom:40px}
.ya-role{display:grid;grid-template-columns:1fr 1fr;gap:80px;padding-block:40px;border-top:1px solid var(--ya-line);scroll-margin-top:115px}
.ya-role p{color:var(--ya-muted)}
.ya-family-list{list-style:none;margin:0;padding:0}
.ya-family-list a{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:19px 0;border-bottom:1px solid var(--ya-line);text-decoration:none;font-weight:600;line-height:1.5}
.ya-family-list a:hover{text-decoration:underline}
.ya-family-list a img{width:64px;height:64px;aspect-ratio:1;object-fit:cover;flex-shrink:0}
.ya-family-list a strong{font-weight:600;flex:1}
.ya-family-list a span{font-size:12px;font-weight:400;white-space:nowrap;color:var(--ya-muted)}
.ya-selection{margin-top:20px}
.ya-selection summary{cursor:pointer;width:fit-content;font-weight:600;font-size:14px;padding-block:10px;list-style:disclosure-closed}
.ya-selection[open] summary{list-style:disclosure-open}
.ya-selection p{margin-top:8px;font-size:14px;color:var(--ya-ink)}
.ya-guide{background:var(--ya-soft);padding-block:72px;scroll-margin-top:100px}
.ya-guide-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}
.ya-guide-grid>div>p:last-child{margin-bottom:0}
.ya-checklist{padding:0;margin:0;list-style:none}
.ya-checklist li{padding:16px 0;border-bottom:1px solid var(--ya-line)}
.ya-checklist li:first-child{padding-top:0}
.ya-notice{padding-block:32px}
.ya-notice p{max-width:100%;font-size:13px;color:var(--ya-muted);margin:0}
.ya-quote{background:var(--ya-yellow);padding-block:72px}
.ya-quote>.ya-wrap{display:grid;grid-template-columns:1.1fr 1fr;gap:80px;align-items:center}
.ya-quote h2{max-width:630px;margin:0}
.yocl-applications .ya-quote p{color:var(--ya-ink)}
.ya-related{padding-block:64px 80px}
.ya-related h2{font-size:24px}
.ya-related>div{display:flex;flex-wrap:wrap;gap:20px 40px}
.ya-related a{font-size:14px;padding-block:8px}
:root body .yocl-applications a.ya-button{min-height:50px;padding:14px 26px;border:0;border-radius:6px;background-color:#ffcf24;background-image:linear-gradient(90deg,#22262c 50%,#ffcf24 50%);background-size:202% 100%;background-position:right center;color:#22262c;font:600 14px/1.4 "YOCL Poppins",Poppins,Arial,sans-serif;transform:none;transition:background-position 360ms cubic-bezier(.16,1,.3,1),color 180ms}
:root body .yocl-applications a.ya-button:is(:hover,:focus-visible){background-position:left center;color:#fff;transform:none}
:root body .yocl-applications .ya-quote a.ya-button{background-color:#22262c;background-image:linear-gradient(90deg,#fff 50%,#22262c 50%);color:#fff}
:root body .yocl-applications .ya-quote a.ya-button:is(:hover,:focus-visible){color:#22262c}
.ya-home{padding-block:80px}
.ya-home-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.ya-home-head h2{margin:0}
.ya-home-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}
.ya-home-grid>a{display:block;text-decoration:none}
.ya-home-grid h3{font-size:20px;margin:20px 0 0}
.ya-home-grid>a:hover h3{text-decoration:underline}
.ya-home.ya-showcase{background:#f4f4f2;padding-block:96px}
.ya-showcase-head{text-align:center;margin-bottom:56px}
.ya-showcase-head>span{display:block;font-size:14px;font-weight:600;letter-spacing:.14em;text-transform:uppercase;margin-bottom:16px}
.ya-home .ya-showcase-head h2{font-size:clamp(32px,3.4vw,48px);margin:0}
.ya-showcase-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:80px;align-items:start}
.ya-showcase-count{display:flex;align-items:center;gap:16px;font-size:16px;margin-bottom:24px;font-variant-numeric:tabular-nums}
.ya-showcase-count i{width:32px;height:1px;background:#22262c66}
.ya-showcase-count>span:last-child{opacity:.5}
.ya-showcase-tab,.ya-showcase-empty{display:flex;align-items:center;gap:20px;width:100%;min-height:80px;padding:20px 16px;border:0;border-bottom:1px solid #22262c33;border-radius:0;background:transparent;color:#22262c;text-align:left;font:600 18px/1.4 "YOCL Poppins",Poppins,Arial,sans-serif;box-shadow:none;transform:none}
.ya-showcase-tab{cursor:pointer;transition:background-color .2s}
.ya-showcase-tab[aria-selected=true]{background:#ffcf24;border-radius:8px;border-bottom-color:transparent}
.ya-showcase-tab strong{font-weight:600;flex:1}
.ya-showcase-number{font-size:13px;font-weight:400;opacity:.6;flex:none;font-variant-numeric:tabular-nums}
.ya-showcase-arrow{opacity:0;font-size:24px}
.ya-showcase-tab[aria-selected=true] .ya-showcase-arrow{opacity:1}
.ya-showcase-empty{opacity:.35}
.ya-showcase-tab:focus-visible{outline:3px solid #22262c;outline-offset:3px}
.ya-showcase-nav>.ya-text-link{margin-top:24px;font-size:14px}
.ya-showcase-panel[hidden]{display:none}
.ya-showcase-panel{animation:ya-showcase-enter .28s ease-out}
.ya-showcase-image{border-radius:8px 8px 0 0;overflow:hidden;background:#f4f4f2}
.ya-showcase-icon{width:32px;height:32px;flex:none}
.ya-home .ya-showcase-image img{aspect-ratio:auto;width:100%;height:367px;object-fit:cover}
.ya-showcase-copy{padding:20px 28px 24px;min-height:200px;background:#ffcf24;border-radius:0 0 8px 8px}
.ya-home .ya-showcase-copy h3{font-size:24px;margin:0 0 12px;text-wrap:balance}
.ya-showcase-copy p{margin:0 0 24px;font-size:15px;line-height:1.7;max-width:52ch;color:#22262c;text-wrap:pretty}
:root body #main.yocl-home a.ya-showcase-button{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:14px 26px;border:0;border-radius:6px;background:#fff linear-gradient(90deg,#22262c 50%,#fff 50%) right center/202% 100%;color:#22262c;font:600 14px/1.4 "YOCL Poppins",Poppins,Arial,sans-serif;text-decoration:none;box-shadow:none;transform:none;transition:background-position 360ms,color 180ms}
:root body #main.yocl-home a.ya-showcase-button:is(:hover,:focus-visible){background-position:left center;color:#fff}
.ya-showcase .ya-caption{color:#22262c99}
@keyframes ya-showcase-enter{from{opacity:.4;transform:translateX(8px)}to{opacity:1;transform:translateX(0)}}
.ya-showcase-count{gap:10px}.ya-showcase-count>span:nth-child(3){opacity:.5}.ya-showcase-count i{position:relative;flex:1;max-width:120px;margin-left:10px;height:2px;background:#22262c25;overflow:hidden}.ya-showcase-count i:after{content:'';position:absolute;inset:0 auto 0 0;width:var(--application-progress,16.667%);background:#22262c;transition:width .3s ease}
.ya-showcase-tab{gap:16px;padding:16px;transition:background-color .3s ease;border-radius:8px}.ya-showcase-icon{width:44px;height:44px;padding:8px;border:1px solid #22262c30;border-radius:8px;background:#fff;box-sizing:border-box}.ya-showcase-tab[aria-selected=true] .ya-showcase-icon{background:#22262c;color:#ffcf24;border-color:#22262c}.ya-tab-content{flex:1;min-width:0}.ya-tab-content strong{display:block}.ya-tab-description{display:block;max-height:0;opacity:0;overflow:hidden;font-size:13px;line-height:1.6;font-weight:400;transition:max-height .3s ease,opacity .25s ease,margin .3s ease;margin-top:0}.ya-showcase-tab[aria-selected=true] .ya-tab-description{max-height:90px;opacity:1;margin-top:8px}.ya-showcase-arrow{transform:translateX(-6px);transition:transform .3s ease,opacity .3s ease}.ya-showcase-tab[aria-selected=true] .ya-showcase-arrow{transform:translateX(0)}
@media(prefers-reduced-motion:reduce){.ya-tab-description,.ya-showcase-arrow,.ya-showcase-count i:after{transition:none}}
@media(max-width:1100px){.ya-showcase-grid{gap:40px}.ya-showcase-tab,.ya-showcase-empty{font-size:16px;gap:12px}}
@media(max-width:760px){.ya-home.ya-showcase{padding-block:56px}.ya-showcase-head{text-align:left;margin-bottom:32px}.ya-showcase-grid{grid-template-columns:1fr;gap:32px}.ya-showcase-tab,.ya-showcase-empty{min-height:60px;padding:16px 12px}.ya-showcase-count{margin-bottom:16px}.ya-showcase-copy{min-height:0}.ya-home .ya-showcase-copy h3{font-size:22px}}
@media(prefers-reduced-motion:reduce){.ya-showcase-panel{animation:none}.ya-showcase-tab,:root body #main.yocl-home a.ya-showcase-button{transition:none}}
@media(max-width:1100px){.ya-wrap{width:calc(100% - 64px)}.ya-intro{gap:40px;grid-template-columns:1.25fr 1fr}.ya-detail-hero{gap:32px;grid-template-columns:1fr 1fr}.yocl-applications h1{font-size:56px}.ya-role,.ya-guide-grid,.ya-quote>.ya-wrap{gap:40px}.ya-home-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:760px){.ya-wrap{width:calc(100% - 40px)}.yocl-applications h1{font-size:40px;line-height:1.1}.yocl-applications h2,.ya-home h2{font-size:30px}.yocl-applications h3{font-size:22px}.ya-intro{display:block;padding-block:48px 36px}.ya-intro-aside{margin-top:24px}.ya-index{grid-template-columns:1fr;gap:40px;padding-bottom:48px}.ya-scene-copy{padding-top:20px}.ya-scene-copy h2{font-size:26px}.ya-detail-hero{grid-template-columns:1fr;padding-block:20px 32px;gap:32px}.ya-breadcrumb{padding-top:20px}.ya-role-nav{gap:4px 20px;padding-block:12px}.ya-role-nav a{font-size:13px}.ya-components{padding-block:48px}.ya-components>h2{margin-bottom:28px}.ya-role{grid-template-columns:1fr;gap:20px;padding-block:28px}.ya-role p{margin-bottom:12px}.ya-guide{padding-block:44px}.ya-guide-grid,.ya-quote>.ya-wrap{grid-template-columns:1fr;gap:24px}.ya-quote{padding-block:48px}.ya-notice{padding-block:24px}.ya-related{padding-block:44px}.ya-related>div{flex-direction:column;gap:8px}.ya-home{padding-block:48px}.ya-home-head{display:block}.ya-home-head a{margin-top:12px}.ya-home-grid{gap:28px 16px}.ya-home-grid h3{font-size:17px;line-height:1.35;margin-top:12px}.ya-family-list a span{display:none}}
@media(prefers-reduced-motion:reduce){:root body .yocl-applications a.ya-button{transition:none}}