@import url('https://fonts.googleapis.com/css2?family=Great+Vibes&display=swap');
.comparison-switch{display:flex;align-items:center;justify-content:center;gap:28px;padding:12px 24px;background:#eee8f5;color:#392050;font-size:14px;flex-wrap:wrap}.comparison-switch span{margin-right:18px}.comparison-switch a{padding:7px 0;border-bottom:2px solid transparent}.comparison-switch a[aria-current]{border-color:#873981;font-weight:600}.comparison-header{padding:12px 6%;gap:40px;justify-content:flex-start;min-height:144px}.logo-home{display:block;flex:0 0 124px}.logo-home img{display:block;width:124px;height:124px;object-fit:contain}.comparison-header nav{flex:1;justify-content:flex-end;gap:clamp(18px,3vw,42px);font-size:15px}.comparison-header nav>a{display:block}.comparison-view .hero{display:block;min-height:570px;background:#211044}.comparison-view .hero-copy{max-width:1100px;margin:auto;text-align:center;padding:78px 6% 72px}.comparison-view .hero h1{font-size:clamp(54px,6.4vw,88px);line-height:1.09;margin:0}.comparison-view .intro{max-width:720px;margin:28px auto 0;font-size:18px;line-height:1.8}.comparison-view .hero-actions{justify-content:center}.comparison-view .hero-foot{margin-top:34px}.script-view h1 em,.script-view h2 em,.script-view .signature,.script-view .logo-mission{font-family:'Great Vibes',cursive;font-weight:400;font-style:normal;letter-spacing:0}.script-view .hero h1 em{font-size:1.24em;line-height:1.2}.script-view h2 em{font-size:1.2em;line-height:1.25}.script-view .signature{font-size:35px}.serif-view h1 em,.serif-view h2 em,.serif-view .signature,.serif-view .logo-mission{font-family:'Italiana',Georgia,serif;font-style:normal;font-weight:400}.logo-study{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:70px;border-top:1px solid #e4dcea}.logo-study img{width:100%;max-width:420px;justify-self:end;height:auto}.logo-study p{max-width:420px;color:#62536e}.payments-preview{border-top:1px solid #e4dcea;text-align:center}.payments-preview>p{max-width:650px;margin:20px auto;color:#62536e}.payments-preview .button{background:#28123f;color:white;display:inline-flex}.payment-note{font-size:14px}.comparison-view .logo-story{display:none}@media(max-width:760px){.comparison-switch{gap:16px;padding:10px 16px;font-size:13px}.comparison-switch span{width:100%;text-align:center;margin:0}.comparison-header{padding:12px 20px;gap:20px;align-items:center}.logo-home{flex-basis:88px}.logo-home img{width:88px;height:88px}.comparison-header nav{justify-content:flex-start;gap:14px 20px;flex-wrap:wrap;font-size:14px}.comparison-view .hero{min-height:0}.comparison-view .hero-copy{padding:55px 7%}.comparison-view .hero h1{font-size:clamp(43px,8vw,60px)}.comparison-view .intro{font-size:16px}.logo-study{grid-template-columns:1fr;gap:25px}.logo-study img{max-width:340px;justify-self:center}.script-view .hero h1 em{font-size:1.18em}}@media(max-width:380px){.comparison-header{gap:14px;padding:10px 14px}.comparison-header nav{gap:10px 14px;font-size:13px}}

/* Give the complete logo enough room for its lettering to read clearly. */
.comparison-header{padding-top:8px;padding-bottom:8px}
.logo-home{flex-basis:220px}
.logo-home img{width:220px;height:220px}
@media(max-width:900px){.comparison-header nav{flex-wrap:wrap;gap:18px 25px}}
@media(max-width:760px){
 .comparison-header{gap:22px;padding:10px 20px}
 .logo-home{flex-basis:168px}
 .logo-home img{width:168px;height:168px}
 .comparison-header nav{gap:14px 18px;font-size:14px}
}
@media(max-width:480px){
 .comparison-header{flex-wrap:wrap;gap:8px}
 .logo-home{flex-basis:190px}
 .logo-home img{width:190px;height:190px}
 .comparison-header nav{flex-basis:100%;padding:8px 0 14px;gap:14px 20px}
}