@font-face{font-family:'Dela Gothic One';src:local('Dela Gothic One Regular'),local('Dela Gothic One'),url('assets/DelaGothicOne-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Ultra;src:local('Ultra Regular'),local('Ultra'),url('assets/Ultra-Regular.ttf') format('truetype');font-weight:400;font-style:normal;font-display:swap}

.landing-type{--trial-font:'Dela Gothic One';--trial-weight:400;--trial-tracking:-.05em;--trial-hero:clamp(2.7rem,4.65vw,4.62rem);--trial-hero-mobile:clamp(2.28rem,7.7vw,3.75rem);--trial-hero-small:2.15rem;--trial-h2:clamp(2rem,4vw,3.63rem);--trial-memory:clamp(1.88rem,3.43vw,3.2rem);--trial-h3:1.04rem}
.landing-type:has(#titulares-ultra:checked){--trial-font:Ultra;--trial-tracking:-.035em;--trial-hero:clamp(2.8rem,5.08vw,4.94rem);--trial-hero-mobile:clamp(2.55rem,8vw,4.1rem);--trial-hero-small:2.4rem;--trial-h2:clamp(2.17rem,4.6vw,3.88rem);--trial-memory:clamp(2.08rem,3.9vw,3.44rem);--trial-h3:1.17rem}
.landing-type:has(#titulares-sherian:checked){--trial-font:Sherian;--trial-weight:900;--trial-tracking:-.027em;--trial-hero:clamp(3.15rem,6.05vw,5.45rem);--trial-hero-mobile:clamp(3.12rem,9.3vw,4.65rem);--trial-hero-small:2.83rem;--trial-h2:clamp(2.38rem,4.9vw,4.15rem);--trial-memory:clamp(2.25rem,4.1vw,3.67rem);--trial-h3:1.23rem}
.landing-type :is(h1,h2,h3):not(.preview-subhead){font-family:var(--trial-font),Sherian,Noto,system-ui,sans-serif;font-weight:var(--trial-weight);font-synthesis:none}
.landing-type .hero-copy{container-type:inline-size}
.landing-type .hero h1{font-size:var(--trial-hero);letter-spacing:var(--trial-tracking);line-height:1.04}
.landing-type h2{font-size:var(--trial-h2);letter-spacing:var(--trial-tracking);line-height:1.08}
.landing-type .memory h2{font-size:var(--trial-memory)}
.landing-type :is(.feature-list,.audience) h3{font-size:var(--trial-h3);line-height:1.24}

.type-preview{position:sticky;top:0;z-index:5;border-bottom:1px solid #e6d8f7;background:#faf6ff;color:#4f3269}
.type-preview-inner{display:flex;align-items:center;justify-content:space-between;gap:.6rem 1.2rem;flex-wrap:wrap;min-height:61px;padding-block:.55rem}
.type-preview-title{font-size:.75rem;font-weight:800;letter-spacing:.045em}
.type-preview fieldset{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem .4rem;margin:0;border:0;padding:0;min-inline-size:0}
.type-preview legend,.type-option input{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap;border:0}
.type-option{position:relative;cursor:pointer}
.type-option span{display:block;border:1px solid #e1d2ef;border-radius:999px;padding:.39rem .8rem;background:#fff;font-size:.75rem;font-weight:680;white-space:nowrap}
.type-option span:hover{border-color:#9c72dc}
.type-option input:checked+span{background:#6d35d7;border-color:#6d35d7;color:white}
.type-option input:focus-visible+span{outline:2px solid #6d35d7;outline-offset:3px}
.type-comparison :is(main,section[id]){scroll-margin-top:85px}
@media(max-width:760px){.landing-type .hero h1{font-size:var(--trial-hero-mobile)}.type-preview-inner{align-items:flex-start;flex-direction:column;gap:.35rem;padding-block:.5rem}.type-option span{padding:.35rem .65rem;font-size:.68rem}.type-comparison :is(main,section[id]){scroll-margin-top:100px}}
@media(max-width:350px){.landing-type .hero h1{font-size:var(--trial-hero-small)}.type-option span{padding:.35rem .49rem;font-size:.65rem}}
@supports(font-size:1cqi){
  .landing-type .hero h1{font-size:clamp(1.8rem,13cqi,4.62rem)}
  .landing-type:has(#titulares-ultra:checked) .hero h1{font-size:clamp(1.8rem,11.85cqi,4.94rem)}
  .landing-type:has(#titulares-sherian:checked) .hero h1{font-size:clamp(1.8rem,15.15cqi,5.45rem)}
}