:root {
  --try-ink: #112b23;
  --try-muted: #527064;
  --try-green: #157a5c;
  --try-green-bright: #22c670;
  --try-mint: #effbf4;
  --try-border: #d3e9dc;
  --try-orange: #c76c11;
  --try-red: #b9453b;
  --try-font: system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif;
}

.try-exambot-page { background: #fbfefc; color: var(--try-ink); font-family: var(--try-font); }
.try-exambot { max-width: 1180px; margin: 0 auto; padding: clamp(1rem, 3vw, 2.5rem) 1rem 5rem; font-family: var(--try-font); }
.try-exambot__hero { display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(280px, .75fr); gap: clamp(2rem, 6vw, 5rem); align-items: center; min-height: min(690px, calc(100vh - 100px)); padding: clamp(2rem, 6vw, 5rem); border: 1px solid #c9e8d6; border-radius: 28px; overflow: hidden; background: radial-gradient(circle at 92% 8%, rgba(34, 198, 112, .22), transparent 31%), radial-gradient(circle at 9% 94%, rgba(21, 122, 92, .12), transparent 30%), #fff; }
.try-exambot__eyebrow { display: flex; align-items: center; gap: .45rem; margin: 0 0 .7rem; color: var(--try-green); font-size: .75rem; font-weight: 750; letter-spacing: .065em; text-transform: uppercase; }
.try-exambot h1, .try-exambot h2, .try-exambot h3 { color: var(--try-ink); font-family: var(--try-font); font-weight: 700; }
.try-exambot h1, .try-exambot h2 { font-weight: 650; }
.try-exambot h1 { max-width: 640px; margin: 0; font-size: clamp(2.35rem, 5.2vw, 4.25rem); line-height: 1.04; letter-spacing: -.035em; }
.try-exambot__intro { max-width: 620px; margin: 1.35rem 0 0; color: #365b4c; font-size: clamp(1rem, 2vw, 1.16rem); font-weight: 400; line-height: 1.65; }
.try-exambot__proof { display: grid; gap: .75rem; margin: 1.6rem 0 0; padding: 0; list-style: none; color: #214538; font-size: clamp(.95rem, 1.5vw, 1.08rem); font-weight: 650; }
.try-exambot__proof li { display: flex; gap: .65rem; align-items: center; font-size: clamp(15px, 4vw, 17px); }
.try-exambot__proof li::before { display: grid; width: 1.35rem; height: 1.35rem; flex: 0 0 1.35rem; place-items: center; border-radius: 50%; background: #dff7e9; color: #0b7540; content: '\2713'; font-size: .85rem; font-weight: 900; }
.try-exambot__hero-cta, .try-exambot__start-button { display: inline-flex; min-height: 49px; align-items: center; justify-content: center; gap: .55rem; border: 1px solid var(--try-green); border-radius: 11px; background: var(--try-green-bright); color: #082217; font-weight: 750; text-decoration: none; transition: transform .16s ease, background-color .16s ease, box-shadow .16s ease; }
.try-exambot__hero-cta { margin-top: 1.8rem; padding: .75rem 1.1rem; }
.try-exambot__hero-cta:hover, .try-exambot__hero-cta:focus-visible, .try-exambot__start-button:hover, .try-exambot__start-button:focus-visible { color: #071a10; background: #18b863; transform: translateY(-1px); box-shadow: 0 9px 20px rgba(21, 122, 92, .16); }
.try-exambot__reassure { margin: .8rem 0 0; color: var(--try-muted); font-size: .86rem; }
.try-exambot__feedback-preview { position: relative; display: grid; gap: .8rem; padding: clamp(1.25rem, 3vw, 2rem); border: 1px solid rgba(21, 122, 92, .22); border-radius: 20px; background: rgba(255, 255, 255, .92); box-shadow: 0 22px 60px rgba(14, 60, 39, .13); transform: rotate(1deg); }
.try-exambot__feedback-preview::before { position: absolute; top: -12px; right: 20px; width: 48px; height: 20px; border: 1px solid rgba(21, 122, 92, .25); border-bottom: 0; border-radius: 12px 12px 0 0; content: ''; }
.try-exambot__feedback-kicker { margin: 0 0 .15rem; color: var(--try-green); font-size: .7rem; font-weight: 750; letter-spacing: .09em; }
.try-exambot__feedback-line { display: flex; gap: .65rem; align-items: flex-start; padding: .78rem .75rem; border-radius: 10px; font-size: .93rem; font-weight: 650; line-height: 1.35; }
.try-exambot__feedback-line::before { display: grid; width: 1.1rem; height: 1.1rem; flex: 0 0 1.1rem; place-items: center; margin-top: .05rem; border: 1px solid currentColor; border-radius: 50%; content: '\2713'; font-size: .7rem; font-weight: 900; }
.try-exambot__feedback-line--improve::before { border-radius: .3rem; content: '\2197'; }
.try-exambot__feedback-line--error::before { content: '!'; }
.try-exambot__feedback-line--good { background: #e7f9ee; color: #0c6b38; }.try-exambot__feedback-line--improve { background: #fff4df; color: #8a5515; }.try-exambot__feedback-line--error { background: #fff0ef; color: #9a322b; }
.try-exambot__feedback-next { margin: .25rem 0 0; padding-top: 1rem; border-top: 1px solid var(--try-border); color: #426456; line-height: 1.55; }
.try-exambot__selection { margin-top: clamp(3.5rem, 8vw, 7rem); scroll-margin-top: 4rem; }.try-exambot__section-heading { max-width: 720px; }.try-exambot__section-heading h2, .try-exambot__value h2 { margin: 0; font-size: clamp(1.85rem, 4vw, 3rem); line-height: 1.08; letter-spacing: -.03em; }.try-exambot__section-heading > p:last-child { margin: .8rem 0 0; color: var(--try-muted); line-height: 1.6; }
.try-exambot__cards { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 1rem; margin-top: 1.75rem; }.try-exambot__card { display: flex; flex-direction: column; padding: 1.4rem; border: 1px solid var(--try-border); border-radius: 18px; background: #fff; box-shadow: 0 6px 18px rgba(18, 54, 42, .04); }.try-exambot__card--gcse { border-color: #b8dfc9; background: linear-gradient(160deg, #f4fcf7 0%, #fff 56%); }.try-exambot__card-icon { display: inline-flex; width: 42px; height: 42px; align-items: center; justify-content: center; border-radius: 12px; background: #e5f7ec; color: var(--try-green); }.try-exambot__card-icon svg { width: 26px; height: 26px; fill: none; stroke: currentColor; stroke-linecap: round; stroke-linejoin: round; stroke-width: 1.6; }.try-exambot__card-label { margin: 1.2rem 0 .35rem; color: var(--try-green); font-size: .75rem; font-weight: 900; letter-spacing: .07em; text-transform: uppercase; }.try-exambot__card h3 { margin: 0; font-size: 1.35rem; line-height: 1.2; }.try-exambot__card > p:not(.try-exambot__card-label) { margin: .7rem 0 0; color: var(--try-muted); line-height: 1.6; }.try-exambot__meta { display: flex; gap: 1.2rem; margin: 1.25rem 0; }.try-exambot__meta div { display: grid; gap: .12rem; }.try-exambot__meta dt { color: var(--try-muted); font-size: .72rem; font-weight: 750; text-transform: uppercase; }.try-exambot__meta dd { margin: 0; color: #284a3d; font-size: .86rem; font-weight: 750; }.try-exambot__start-button { width: 100%; margin-top: auto; padding: .7rem .9rem; }.try-exambot__start-button--secondary { border-color: #b6dccc; background: #fff; color: var(--try-green); }.try-exambot__tier-choice { display: grid; grid-template-columns: 1fr 1fr; gap: .6rem; margin-top: auto; }.try-exambot__tier-choice .try-exambot__start-button { min-height: 46px; margin: 0; font-size: .88rem; }.try-exambot__unavailable { margin-top: 1.25rem; padding: .9rem 1rem; border-left: 4px solid #c87617; border-radius: 8px; background: #fff5e7; color: #654416; }
.try-exambot__section-heading h2, .try-exambot__value h2 { font-weight: 700; letter-spacing: -.025em; }
.try-exambot__card-icon { width: 94px; height: 94px; background: transparent; }
.try-exambot__card-icon img { display: block; width: 100%; height: 100%; object-fit: contain; }
.try-exambot__card-label { font-weight: 750; letter-spacing: .06em; }
.try-exambot__card h3 { font-size: 1.28rem; letter-spacing: -.018em; }
.try-exambot__meta dd { font-weight: 650; }
.try-exambot__value { display: grid; grid-template-columns: minmax(0, 1fr) minmax(230px, .55fr); gap: clamp(1.5rem, 5vw, 4rem); align-items: center; margin-top: clamp(3.5rem, 8vw, 7rem); padding: clamp(1.5rem, 4vw, 3rem); border-radius: 22px; background: #123d2f; color: #e4f4e9; }.try-exambot__value h2 { color: #fff; }.try-exambot__value > div > p:last-child { max-width: 650px; margin: 1rem 0 0; color: #cce5d5; line-height: 1.7; }.try-exambot__value .try-exambot__eyebrow { color: #9ee7bc; }.try-exambot__price-card { padding: 1.3rem; border: 1px solid rgba(187, 239, 208, .35); border-radius: 15px; background: rgba(255, 255, 255, .1); }.try-exambot__price-card p { margin: 0; color: #cce5d5; font-size: .83rem; font-weight: 750; text-transform: uppercase; letter-spacing: .065em; }.try-exambot__price-card strong { display: block; margin-top: .4rem; color: #fff; font-size: 2rem; line-height: 1.1; }.try-exambot__price-card small { font-size: .9rem; font-weight: 650; }.try-exambot__price-card span { display: block; margin-top: .65rem; color: #cce5d5; font-size: .9rem; }.try-exambot__signup-button { display: flex; min-height: 42px; align-items: center; justify-content: center; gap: .45rem; margin-top: 1rem; padding: .55rem .75rem; border: 1px solid rgba(255,255,255,.72); border-radius: 9px; color: #fff; font-size: .9rem; font-weight: 700; text-decoration: none; }.try-exambot__signup-button:hover, .try-exambot__signup-button:focus-visible { color: #fff; background: rgba(255,255,255,.14); }.try-exambot__signup-button:focus-visible { outline: 3px solid rgba(158,231,188,.7); outline-offset: 3px; }
.try-exambot__hero-cta:focus-visible, .try-exambot__start-button:focus-visible { outline: 3px solid rgba(34, 198, 112, .55); outline-offset: 3px; }
@media (max-width: 860px) { .try-exambot__hero, .try-exambot__value { grid-template-columns: 1fr; }.try-exambot__hero { min-height: 0; }.try-exambot__feedback-preview { max-width: 540px; }.try-exambot__cards { grid-template-columns: 1fr; }.try-exambot__card { min-height: 0; } }
@media (max-width: 520px) { .try-exambot { padding: 2.5rem .65rem 3rem; }.try-exambot__hero { padding: 1.4rem; border-radius: 20px; }.try-exambot h1 { font-size: clamp(2.25rem, 13vw, 3.1rem); }.try-exambot__hero-cta { width: 100%; }.try-exambot__tier-choice { grid-template-columns: 1fr; }.try-exambot__feedback-preview { transform: none; }.try-exambot__value { padding: 1.4rem; border-radius: 18px; } }
@media (prefers-reduced-motion: reduce) { .try-exambot *, .try-exambot *::before, .try-exambot *::after { scroll-behavior: auto !important; transition-duration: .01ms !important; animation-duration: .01ms !important; } }

/* Campaign layer in the mature ExamBOT player. It is scoped to the four
   collections whose server-side guestDemoKey produces this markup. */
body.try-exambot-player .try-exambot-player-ribbon { display: flex; min-height: 44px; align-items: center; justify-content: space-between; gap: .75rem; padding: .45rem 1rem; color: #eafff1; background: #0e6048; font-size: .84rem; font-weight: 700; }
body.try-exambot-player .try-exambot-player-ribbon a { color: #fff; text-decoration: underline; text-underline-offset: 2px; } body.try-exambot-player .layout { height: calc(100vh - 44px); }
.try-exambot-player-ribbon__label { display: flex; min-width: 0; gap: .45rem; align-items: center; }.try-exambot-player-ribbon__label span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.try-exambot-player-cta { position: fixed; z-index: 100; right: max(.8rem, env(safe-area-inset-right)); bottom: max(.8rem, env(safe-area-inset-bottom)); left: auto; width: min(390px, calc(100vw - 1.6rem)); padding: 1rem; border: 1px solid #a8e5c4; border-radius: 16px; background: rgba(255, 255, 255, .98); box-shadow: 0 18px 55px rgba(13, 57, 39, .24); }.try-exambot-player-cta[hidden] { display: none; }.try-exambot-player-cta__close { position: absolute; top: .35rem; right: .4rem; padding: .4rem; border: 0; color: #446657; background: transparent; cursor: pointer; }.try-exambot-player-cta__eyebrow { margin: 0; color: #157a5c; font-size: .69rem; font-weight: 900; letter-spacing: .08em; }.try-exambot-player-cta h2 { margin: .35rem 1.4rem .35rem 0; color: #143b2d; font-size: 1.05rem; line-height: 1.25; }.try-exambot-player-cta p { margin: 0; color: #4c6c5e; font-size: .86rem; line-height: 1.45; }.try-exambot-player-cta__button { display: flex; min-height: 43px; align-items: center; justify-content: center; margin-top: .8rem; border-radius: 9px; background: #22c670; color: #092115; font-size: .9rem; font-weight: 850; text-decoration: none; }.try-exambot-player-cta__button:hover, .try-exambot-player-cta__button:focus-visible { color: #061a10; background: #18b862; }.try-exambot-player-cta__price { margin-top: .45rem !important; color: #335b4a !important; font-size: .76rem !important; text-align: center; }
@media (max-width: 700px) { body.try-exambot-player .try-exambot-player-ribbon { min-height: 38px; padding: .35rem .75rem; font-size: .75rem; } body.try-exambot-player .layout { height: calc(100vh - 38px); }.try-exambot-player-ribbon__link { flex: 0 0 auto; }.try-exambot-player-cta { right: .6rem; bottom: .6rem; left: .6rem; width: auto; } }
