@media (width>=768px){body:has(.site-main .sv){--page-w:1220px}body:has(.site-main .sv) .site-main{padding-top:12px}}@media (width<=767px){body:has(.site-main .sv) .site-main{padding-top:calc(12px + env(safe-area-inset-top))}.sv-crumbs{min-height:52px;padding-right:64px}}.sv{--sv-gap:clamp(24px, 3.4cqi, 48px);gap:var(--sv-gap);box-sizing:border-box;flex-direction:column;width:100%;max-width:1160px;margin-inline:auto;padding-bottom:24px;display:flex;container:sv/inline-size}.sv-crumbs{color:#4a4860;font:600 14px / 1.4 var(--font-ui);flex-wrap:wrap;align-items:center;gap:.6em;margin-bottom:calc(-1*clamp(12px,2cqi,30px));display:flex}.sv-crumbs a{color:#5a3cc8;text-decoration:none}@media (width>=768px){.sv-crumbs{margin-top:30px}}.sv-crumbs span[aria-hidden]{color:#a49fc0}.sv-hero__card{--tint:#efeaff;background:linear-gradient(160deg, var(--tint) 0%, #f7f4ff 55%, #fff 100%);border:1.5px solid #fff;border-radius:clamp(24px,3cqi,40px);flex-direction:column;display:flex;overflow:hidden;box-shadow:0 18px 40px #3c288c14}.sv-hero--pair .sv-hero__card{--tint:#f8f6dc}.sv-hero__art{aspect-ratio:3/2;max-height:22svh;position:relative}.sv-hero__art img{object-fit:contain;object-position:bottom center;width:100%;height:100%;display:block}.sv-hero__tag{color:#5a3cc8;font:900 clamp(16px, 2.4cqi, 24px) / 1 var(--font-ui);background:#e4dcff;border-radius:999px;align-items:center;gap:.35em;padding:.42em .85em;display:inline-flex;position:absolute;top:clamp(12px,2cqi,20px);left:clamp(12px,2cqi,20px)}.sv-hero--pair .sv-hero__tag{color:#262437;background:#e2ec6f}.sv-hero__tag .learn-icon{width:1.1em;height:1.1em}.sv-hero__text{z-index:1;backdrop-filter:blur(16px)saturate(1.4);background:#fff9;border-top:1.5px solid #ffffffe6;border-radius:clamp(18px,2.4cqi,28px) clamp(18px,2.4cqi,28px) 0 0;flex-direction:column;align-items:flex-start;gap:clamp(12px,2cqi,20px);margin-top:-12px;padding:clamp(20px,5cqi,40px);display:flex;position:relative}.site-main .sv-hero__kicker{color:#5a3cc8;font:800 clamp(12px, 1.4cqi, 14px) / 1.3 var(--font-ui);letter-spacing:.16em;text-transform:uppercase;margin:0}.site-main .sv-hero h1{color:#262437;font:900 clamp(28px, 7cqi, 60px) / 1.04 var(--font-ui);letter-spacing:-.02em;text-wrap:balance;margin:0}.site-main .sv-hero__lead{color:#3a3850;max-width:40em;font:500 clamp(16px, 1.8cqi, 20px) / 1.55 var(--font-ui);text-wrap:pretty;margin:0}.sv-chips{flex-wrap:wrap;gap:8px;margin:0;padding:0;list-style:none;display:flex}.sv-chips li{color:#5a3cc8;font:700 14px / 1 var(--font-ui);background:#fff;border:1.5px solid #fff;border-radius:999px;padding:8px 14px;box-shadow:0 8px 20px #3c288c14}.site-main .sv-hero__price{color:#4a4860;font:600 15px var(--font-ui);flex-wrap:wrap;align-items:baseline;gap:4px 12px;margin:0;display:flex}.sv-hero__price b{color:#262437;font:900 clamp(34px, 6cqi, 56px) / 1 var(--font-ui);letter-spacing:-.02em}.sv-hero__cta{flex-wrap:wrap;gap:12px;width:100%;display:flex}.sv-btn{box-sizing:border-box;color:#fff;min-height:52px;font:800 clamp(12px, 1.8cqi, 15px) / 1.15 var(--font-ui);letter-spacing:.04em;text-align:center;text-transform:uppercase;cursor:pointer;background:linear-gradient(#7253dc 0%,#5a3cc8 100%);border:0;border-radius:999px;flex:140px;justify-content:center;align-items:center;padding:6px clamp(14px,3cqi,28px);text-decoration:none;transition:transform .15s;display:inline-flex;box-shadow:0 12px 26px #5a3cc847}.sv-btn:active{transform:scale(.98)}.sv-btn--light{color:#5a3cc8;background:#fff;box-shadow:0 10px 24px #3c288c1a}.sv-stats{grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(8px,1.6cqi,16px);margin:0;padding:0;list-style:none;display:grid}.sv-stats li{text-align:center;background:linear-gradient(160deg,#fff 0% 60%,#f4f0ff 100%);border:1.5px solid #fff;border-radius:clamp(16px,2cqi,24px);flex-direction:column;align-items:center;gap:4px;padding:clamp(12px,2cqi,20px) 8px;display:flex;box-shadow:0 12px 28px #3c288c12}.sv-stats b{color:#262437;font:900 clamp(20px, 4.4cqi, 40px) / 1 var(--font-ui);letter-spacing:-.02em}.sv-stats span{color:#4a4860;font:600 clamp(11px, 1.6cqi, 15px) / 1.2 var(--font-ui)}@container sv (width>=820px){.sv-hero__card{grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);display:grid}.sv-hero__art{aspect-ratio:auto;order:2;min-height:320px;max-height:none}.sv-hero__art img{position:absolute;inset:0}.sv-hero__text{border-top:0;border-right:1.5px solid #ffffffe6;border-radius:0 clamp(20px,3cqi,32px) clamp(20px,3cqi,32px) 0;justify-content:center;margin:0;padding:clamp(28px,4cqi,56px)}.site-main .sv-hero h1{font-size:clamp(32px,4.6cqi,60px)}}