/* Scoped to the homepage: Academy-style selector and progression comparison. */
body.ossa-home-ux #oss-home-v2 #oss-main .oss-progress-zone{background:linear-gradient(180deg,#fff,#f7f6fd)}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-app{max-width:1010px;margin:0 auto;padding:30px 36px 23px;border:1px solid #e3e1ef;border-radius:27px;background:#fff;box-shadow:0 15px 50px #453c7008}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-modes{border:0;margin:0;padding:0;min-width:0}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-modes legend{font-size:13px;font-weight:600;color:#596276;text-align:center;padding:0;margin:0 auto 17px}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-tabs{display:grid;grid-template-columns:.8fr 1fr 1.25fr;gap:6px;background:#f1f2fa;border:1px solid #e5e7f0;border-radius:16px;padding:5px;width:100%;max-width:840px;margin:0 auto}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-tabs label{margin:0;position:relative;cursor:pointer;min-width:0}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-tabs input{position:absolute;width:1px;height:1px;opacity:0;margin:0;padding:0}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-tabs label>span{display:flex;align-items:center;justify-content:center;padding:12px 17px;min-height:52px;height:100%;font-size:14px;font-weight:600;line-height:1.45;text-align:center;color:#3c4558;border-radius:11px;transition:color .2s,background .2s,box-shadow .2s}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-tabs input:checked+span{background:#fff;color:#4742d7;box-shadow:0 2px 8px #222c4820}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-tabs input:focus-visible+span{outline:3px solid #5145c9;outline-offset:3px}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-chart{display:flex;flex-direction:column;align-items:center;margin:28px auto 21px;max-width:600px;background:radial-gradient(ellipse at 50% 50%,#f8f5ff,transparent 67%)}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-description{font-size:15px;line-height:1.5;min-height:24px;color:#414a60;margin:0 0 13px;text-align:center}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-ring{position:relative;width:310px;max-width:100%;aspect-ratio:1}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-ring svg{display:block;width:100%;height:100%;overflow:visible}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-ring circle{fill:none;stroke-width:24;stroke-linecap:butt}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-ring-base{stroke:#eeecf5}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-range{stroke:#c9b9ef;transition:stroke-dasharray .65s cubic-bezier(.2,.7,.2,1)}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-value{stroke:url(#oss-compare-gradient);transition:stroke-dasharray .65s cubic-bezier(.2,.7,.2,1)}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-center{position:absolute;inset:18%;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-center>span:first-child{font-size:12px;font-weight:600;letter-spacing:.04em;color:#6b627e}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-center>strong{font-size:52px;line-height:1.25;letter-spacing:-.045em;color:#5a43c1;margin:6px 0;font-variant-numeric:tabular-nums;white-space:nowrap}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-center small{font-size:23px;letter-spacing:0;margin-left:3px}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-center-source{font-size:10px;color:#746b82;max-width:145px;line-height:1.6}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-key{display:flex;justify-content:center;gap:25px;flex-wrap:wrap;font-size:11px;color:#615a72;margin:7px 0 0}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-key>span{display:flex;align-items:center;gap:7px}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-key i{width:8px;height:8px;border-radius:50%;background:#6251d4}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-key>span:nth-child(2) i{background:#c9b9ef}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-key strong{font-size:12px;color:#3b334f;font-variant-numeric:tabular-nums}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-note{max-width:710px;font-size:11px;line-height:1.6;color:#687084;margin:21px auto 0;padding-top:17px;border-top:1px solid #eeeaf4;text-align:center}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-actions{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;width:100%;max-width:540px;min-height:52px;margin:2px auto 18px}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-actions[data-visible-count="1"]{grid-template-columns:minmax(0,1fr);max-width:310px}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-actions[data-visible-count="0"]{visibility:hidden}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-actions a[hidden]{display:none!important}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-actions .oss-btn{display:flex;align-items:center;justify-content:space-between;gap:12px;font-size:14px;line-height:1.4;min-height:52px;padding:15px 20px;border-radius:12px}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-actions svg{flex:0 0 18px}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-actions a:focus-visible{outline:3px solid #5145c9;outline-offset:5px}
/* Content remains visible without JS; only below-fold items gain motion classes. */
body.ossa-home-ux #oss-home-v2 #oss-main .oss-motion-item{transition:opacity .55s ease var(--oss-enter-delay,0ms),transform .55s cubic-bezier(.2,.7,.25,1) var(--oss-enter-delay,0ms)}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-motion-pending{opacity:0;transform:translateY(18px)}
body.ossa-home-ux #oss-home-v2 #oss-main .oss-motion-pending:focus-within{opacity:1;transform:none}
@media(max-width:760px){
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-app{padding:21px 16px 19px;border-radius:22px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-modes legend{font-size:11px;margin-bottom:12px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-tabs{grid-template-columns:.8fr 1fr 1.2fr;gap:3px;padding:4px;border-radius:14px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-tabs label>span{font-size:11px;padding:9px 4px;min-height:64px;border-radius:10px;line-height:1.4}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-description{font-size:12px;min-height:38px;max-width:250px;display:flex;align-items:center;justify-content:center;margin-bottom:6px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-chart{margin:17px auto}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-ring{width:235px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-center>strong{font-size:40px;margin:5px 0}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-center small{font-size:18px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-center>span:first-child{font-size:10px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-center-source{font-size:9px;max-width:120px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-key{gap:16px;font-size:9px;margin-top:5px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-key>span{gap:5px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-key strong{font-size:10px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-note{font-size:10px;padding-top:15px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-actions{gap:8px;min-height:50px;margin:2px auto 14px}
 body.ossa-home-ux #oss-home-v2 #oss-main .oss-compare-actions .oss-btn{font-size:11px;min-height:50px;padding:12px 11px;gap:6px}
}
@media(prefers-reduced-motion:reduce){body.ossa-home-ux #oss-home-v2 #oss-main :is(.oss-compare-range,.oss-compare-value,.oss-compare-tabs label>span,.oss-motion-item){transition:none}body.ossa-home-ux #oss-home-v2 #oss-main .oss-motion-pending{opacity:1;transform:none}}
