.frenyb-trial-shell { max-width: 850px; margin: 1.5rem auto 3rem; font-size: 16px; line-height: 1.5; }
.frenyb-trial-back { margin-bottom: 1rem; font-size: 16px; }
.frenyb-trial-product { border: 1px solid #dce2e8; border-radius: 6px; background: #fff; overflow: hidden; font-size: 16px; line-height: 1.5; }
.frenyb-trial-product > header { display: flex; justify-content: space-between; align-items: center; gap: 1rem; padding: 1.15rem 1.5rem; background: #f4f6f8; border-bottom: 1px solid #dce2e8; font-size: 20px; font-weight: 600; }
.frenyb-trial-price { color: #278446; }
.frenyb-trial-body { padding: 1.5rem; }
.frenyb-trial-body h2 { font-size: 22px; margin: 1.5rem 0 .75rem; }
.frenyb-trial-body h3 { font-size: 19px; margin: 0 0 .75rem; }
.frenyb-trial-lede { font-size: 16px; }
.frenyb-trial-steps { display: grid; grid-template-columns: repeat(4,1fr); gap: .5rem; margin: 1.3rem 0; padding: 0; list-style: none; }
.frenyb-trial-steps li { padding: .7rem .35rem; border-radius: 4px; background: #f4f6f8; text-align: center; font-size: 15px; }
.frenyb-trial-steps li.active { background: #236a91; color: #fff; font-weight: 600; }
.frenyb-trial-fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.frenyb-trial-body .form-group { margin-bottom: 1.15rem; }
.frenyb-trial-body label { display: block; font-size: 16px; font-weight: 600; }
.frenyb-trial-body small, .frenyb-trial-muted { display: block; color: #59646e; font-size: 14px; margin-top: .35rem; }
.frenyb-trial-body .form-control, .frenyb-trial-body .btn { font-size: 16px; }
.frenyb-trial-password-row { display: flex; gap: .4rem; }
.frenyb-trial-password-row .form-control { min-width: 0; }
.frenyb-trial-primary { padding: .65rem 1.25rem; }
.frenyb-trial-secondary { margin: 1.5rem 0 0; }
.frenyb-trial-time { padding: .75rem 1rem; background: #e8f5ec; border-left: 4px solid #2a8c4d; }
.frenyb-trial-credentials { border: 1px solid #dce2e8; border-radius: 5px; margin: 1rem 0; }
.frenyb-trial-credentials > div { display: grid; grid-template-columns: minmax(135px, 35%) 1fr; gap: .75rem; padding: .85rem 1rem; border-bottom: 1px solid #e7ebef; }
.frenyb-trial-credentials > div:last-child { border-bottom: 0; }
.frenyb-trial-credentials dt { font-weight: 600; }
.frenyb-trial-credentials dd { margin: 0; display: flex; flex-wrap: wrap; align-items: center; gap: .5rem; min-width: 0; }
.frenyb-trial-credentials code { white-space: normal; overflow-wrap: anywhere; font-size: 1rem; }
.frenyb-trial-section { border-top: 1px solid #e7ebef; padding-top: 1.25rem; margin-top: 1.25rem; }
.frenyb-trial-apps { display: flex; flex-wrap: wrap; gap: .55rem; }
@media (max-width: 650px) {
    .frenyb-trial-body { padding: 1rem; }
    .frenyb-trial-fields { grid-template-columns: 1fr; gap: 0; }
    .frenyb-trial-steps { grid-template-columns: repeat(2,1fr); }
    .frenyb-trial-credentials > div { grid-template-columns: 1fr; gap: .25rem; }
}
