.account-types{color:#000;background:#fff;padding:0 16px}.account-types-container{width:100%;max-width:1024px;margin:0 auto}h1{text-align:center;margin:0;font-size:48px;font-style:italic;font-weight:700;line-height:1}.account-tabs{background:#f0f0f0;border-radius:12px;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;width:100%;margin-top:24px;padding:6px;animation:.5s cubic-bezier(.25,.46,.45,.94) .3s both account-tabs-in;display:grid}.account-tabs button{color:#6b7280;cursor:pointer;background:0 0;border:0;border-radius:8px;width:100%;padding:8px 32px;font-size:16px;font-weight:500;transition:color .2s,background-color .2s,transform .2s}.account-tabs button:hover{color:#000;background:#ffffff80;transform:scale(1.05)}.account-tabs button[aria-selected=true]{color:#000;background:#cafd5d;transform:scale(1.02)}.account-tabs button:focus-visible{outline-offset:2px;outline:2px solid #0006}.account-comparison{grid-template-columns:repeat(2,minmax(0,1fr));align-items:stretch;gap:8px;margin-top:32px;display:grid}.account-details{animation:.5s cubic-bezier(.25,.46,.45,.94) both account-content-in}.account-summary{color:#fff;background:#000;border-radius:12px;min-height:202px;margin-bottom:16px;padding:24px;transition:transform .2s;position:relative;overflow:hidden}.account-summary:hover{transform:scale(1.02)}.account-summary>img{object-fit:cover;opacity:1;width:80%;max-width:none;height:100%;position:absolute;top:0;left:144px}.account-summary-content{z-index:1;flex-direction:column;align-items:flex-start;gap:12px;display:flex;position:relative}.account-summary-content svg{color:#cafd5d;fill:currentColor;margin-bottom:8px;animation:.55s cubic-bezier(.34,1.56,.64,1) .2s both account-icon-in}.account-summary h2{margin:0;font-size:16px;font-weight:600}.account-summary p{color:#949494;max-width:70%;margin:4px 0 0;font-size:14px;line-height:1.5}.account-specs{gap:16px;display:grid}.account-specs.is-changing .account-spec{animation:.4s cubic-bezier(.25,.46,.45,.94) both account-spec-change;animation-delay:calc(var(--spec-index) * 50ms)}.account-spec{cursor:pointer;background:#f4f4f4;border-radius:12px;grid-template-columns:repeat(2,minmax(0,1fr));align-items:center;gap:16px;min-height:56px;padding:8px;transition:transform .2s cubic-bezier(.25,.46,.45,.94),box-shadow .2s;display:grid}.account-spec:hover,.account-spec:focus-visible{outline:none;transform:translateY(-2px)scale(1.02)}.account-spec span{color:#000;background:#cafd5d;border-radius:8px;padding:12px 24px;font-size:12px;font-weight:600;line-height:1.25;display:inline-block}.account-spec strong{text-align:left;padding-left:16px;font-size:16px;font-weight:700}.account-photo{background:#eaeaea;border-radius:12px;height:700px;overflow:hidden}.account-photo img{object-fit:cover;width:100%;max-width:none;height:100%;transition:transform .3s cubic-bezier(.25,.46,.45,.94);animation:.8s cubic-bezier(.25,.46,.45,.94) both account-photo-in}.account-photo:hover img{transform:scale(1.05)}.account-cta{text-align:center;margin-top:24px}.account-cta a{color:#000;background:#cafd5d;border-radius:6px;padding:12px 32px;font-size:16px;font-weight:600;transition:transform .2s,box-shadow .2s;display:inline-flex;box-shadow:0 10px 20px #cafd5d4d}.account-cta a:hover{transform:scale(1.05);box-shadow:0 15px 30px #cafd5d66}.account-cta a:active{transform:scale(.98)}@media (min-width:1024px){.account-types{padding-top:96px;padding-bottom:96px}}@media (max-width:767px){h1{font-size:36px}.account-tabs{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;max-width:448px;margin-left:auto;margin-right:auto}.account-tabs button{padding:8px 24px;font-size:14px}.account-tabs button:nth-child(4){grid-column-start:2}.account-comparison{grid-template-columns:1fr;gap:24px}.account-summary{min-height:auto;padding:20px}.account-specs{gap:12px}.account-spec{padding:12px}.account-photo{height:700px}}@media (max-width:420px){.account-tabs button{padding-inline:12px}.account-spec span{padding-inline:16px}.account-summary p{max-width:78%}.account-photo{height:620px}}@media (prefers-reduced-motion:reduce){.account-types,.account-types :before,.account-types :after{transition-duration:.01ms!important;animation-duration:.01ms!important;animation-delay:0s!important}}@keyframes account-tabs-in{0%{opacity:0;transform:scale(.9)}}@keyframes account-content-in{0%{opacity:0;transform:translate(-20px)}}@keyframes account-photo-in{0%{opacity:0;transform:scale(1.1)}}@keyframes account-icon-in{0%{opacity:0;transform:scale(0)rotate(-180deg)}}@keyframes account-spec-change{0%{opacity:0;transform:translate(-15px)scale(.95)}}
