.trial-page { color-scheme: dark; background: #0b0d0f; }
.trial-page main { overflow: clip; }
.trial-page .site-header { position: relative; z-index: 2; }
.trial-hero { padding-top: clamp(54px, 7vw, 86px); padding-bottom: 48px; }
.trial-hero-copy { max-width: 940px; }
.trial-eyebrow { display: flex; align-items: center; gap: 10px; margin: 0 0 18px; color: #8fe2b4; font-size: 11px; font-weight: 750; letter-spacing: .16em; }
.trial-eyebrow-line { display: inline-block; width: 20px; height: 2px; flex: none; background: #35cf88; }
.trial-hero h1 { max-width: 940px; margin: 0 0 18px; color: #f1f5f3; font-size: clamp(34px, 4.2vw, 50px); font-weight: 620; letter-spacing: -.046em; line-height: 1.08; }
.trial-hero h1 span { color: #78e0a8; }
.trial-hero-lede { max-width: 750px; margin: 0; color: #b5c0bb; font-size: 17px; line-height: 1.7; }
.trial-benefits { display: flex; flex-wrap: wrap; gap: 12px 20px; margin: 26px 0 17px; padding: 0; list-style: none; }
.trial-benefits li { display: inline-flex; align-items: center; gap: 8px; color: #d5dfda; font-size: 13px; font-weight: 600; }
.trial-benefits li span { display: grid; width: 18px; height: 18px; place-items: center; border: 1px solid #317c58; border-radius: 50%; color: #8be9b0; background: #16291f; font-size: 11px; }
.trial-contact-link { display: inline-flex; align-items: center; gap: 6px; color: #9cc9ae; font-size: 13px; text-decoration: underline; text-decoration-color: #5f8f73; text-underline-offset: 4px; }
.trial-contact-link:hover { color: #a4f0c0; }

.trial-request-section { padding: 36px 0 90px; border-top: 1px solid #202729; background: linear-gradient(180deg, #101416 0%, #0b0d0f 100%); }
.trial-request-layout { display: grid; grid-template-columns: minmax(0, 1.12fr) minmax(300px, .88fr); gap: 26px; align-items: start; }
.trial-form-card, .trial-next-panel { min-width: 0; border: 1px solid #293330; border-radius: 16px; background: #121719; }
.trial-form-card { padding: clamp(24px, 3.2vw, 40px); box-shadow: 0 24px 70px #00000025; }
.trial-card-heading { display: grid; grid-template-columns: 48px minmax(0, 1fr); gap: 15px; align-items: start; margin-bottom: 25px; }
.trial-envelope-mark { display: grid; width: 46px; height: 46px; place-items: center; border: 1px solid #35684e; border-radius: 12px; color: #81e5aa; background: #14251c; }
.trial-envelope-mark svg { width: 25px; height: 25px; stroke: currentColor; stroke-width: 1.7; stroke-linejoin: round; }
.trial-kicker { display: block; margin: 2px 0 7px; color: #83dda8; font-size: 10px; font-weight: 760; letter-spacing: .13em; }
.trial-card-heading h2 { margin: 0 0 7px; color: #eef4f0; font-size: clamp(22px, 2.3vw, 28px); letter-spacing: -.025em; line-height: 1.2; }
.trial-card-heading p { max-width: 500px; margin: 0; color: #9eaaa4; font-size: 13px; line-height: 1.65; }
.trial-plan-context { display: flex; align-items: flex-start; gap: 9px; margin: -6px 0 21px; padding: 11px 13px; border: 1px solid #30533f; border-radius: 9px; color: #b5c6bd; background: #152019; font-size: 12px; line-height: 1.55; }
.trial-plan-context > span { color: #7fe2a8; }
.trial-plan-context strong { color: #e0eee6; }
.trial-form-errors { margin: 0 0 19px; padding: 13px 16px; border: 1px solid #85483f; border-left: 3px solid #ef796c; border-radius: 9px; color: #f2c5bf; background: #281716; font-size: 13px; }
.trial-form-errors strong { color: #ffd9d3; }
.trial-form-errors ul { margin: 7px 0 0; padding-left: 19px; }
.trial-request-form { display: flex; flex-direction: column; gap: 18px; }
.trial-field-row { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 16px; }
.trial-field { display: flex; min-width: 0; flex-direction: column; gap: 7px; }
.trial-field label { color: #d9e2dd; font-size: 12px; font-weight: 650; }
.trial-field label > span:first-child:not(.trial-optional) { color: #80e1a7; }
.trial-optional { margin-left: 6px; color: #84928b; font-size: 11px; font-weight: 450; }
.trial-field input, .trial-field select, .trial-field textarea { width: 100%; min-width: 0; border: 1px solid #35413c; border-radius: 8px; color: #ecf2ee; background: #0c1011; font: inherit; font-size: 14px; outline: none; transition: border-color .15s ease, box-shadow .15s ease, background .15s ease; }
.trial-field input, .trial-field select { min-height: 46px; padding: 10px 12px; }
.trial-field textarea { min-height: 82px; padding: 11px 12px; line-height: 1.55; resize: vertical; }
.trial-field select { appearance: none; padding-right: 38px; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16' fill='none'%3E%3Cpath d='m4 6 4 4 4-4' stroke='%2399b7a6' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E"); background-repeat: no-repeat; background-position: right 12px center; background-size: 16px; }
.trial-field input::placeholder, .trial-field textarea::placeholder { color: #65736c; }
.trial-field input:focus, .trial-field select:focus, .trial-field textarea:focus { border-color: #43d48b; background-color: #101715; box-shadow: 0 0 0 3px #24cb821d; }
.trial-field-hint { color: #809088; font-size: 11px; line-height: 1.45; }
.trial-honeypot { position: absolute; width: 1px; height: 1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; }
.trial-submit-row { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 17px; margin-top: 2px; }
.trial-submit-button { display: inline-flex; min-height: 48px; align-items: center; gap: 12px; padding: 0 19px; border-radius: 8px; font-weight: 700; }
.trial-submit-button svg { width: 17px; height: 17px; stroke: currentColor; stroke-width: 1.8; stroke-linecap: round; stroke-linejoin: round; }
.trial-submit-caption { display: inline-flex; align-items: center; gap: 7px; color: #8c9a92; font-size: 11px; }
.trial-status-dot, .trial-preview-dot { display: inline-block; width: 7px; height: 7px; flex: none; border-radius: 50%; background: #8d9b94; }
.trial-status-dot { background: #91a39a; }
.trial-trust-copy, .trial-terms-copy { margin: 0; color: #8c9992; font-size: 11px; line-height: 1.6; }
.trial-trust-copy a, .trial-terms-copy a { color: #a6d6b8; text-decoration: underline; text-decoration-color: #557e64; text-underline-offset: 3px; }
.trial-terms-copy { margin-top: -13px; }

.trial-next-panel { padding: clamp(22px, 2.7vw, 32px); background: linear-gradient(155deg, #151c1c 0%, #111718 58%, #101416 100%); }
.trial-next-eyebrow { gap: 8px; margin-bottom: 12px; font-size: 9px; letter-spacing: .12em; }
.trial-next-panel h2 { margin: 0 0 20px; color: #ecf3ef; font-size: clamp(21px, 2.2vw, 26px); font-weight: 620; letter-spacing: -.025em; line-height: 1.25; }
.trial-next-steps { display: flex; flex-direction: column; gap: 17px; margin: 0; padding: 0; list-style: none; }
.trial-next-steps li { display: grid; grid-template-columns: 33px minmax(0, 1fr); gap: 11px; align-items: start; }
.trial-step-number { display: grid; width: 31px; height: 31px; place-items: center; border: 1px solid #34674c; border-radius: 9px; color: #8be4ad; background: #16251d; font-size: 10px; font-weight: 750; }
.trial-next-steps strong { display: block; margin: 1px 0 4px; color: #dce7e1; font-size: 13px; }
.trial-next-steps p { margin: 0; color: #8f9c95; font-size: 12px; line-height: 1.55; }
.trial-product-preview { margin: 24px 0 0; overflow: hidden; border: 1px solid #303d39; border-radius: 10px; background: #0a0d0e; }
.trial-product-preview img { display: block; width: 100%; height: auto; aspect-ratio: 16 / 9; object-fit: cover; object-position: center; }
.trial-product-preview figcaption { display: flex; align-items: center; gap: 8px; padding: 9px 11px; color: #8fa098; font-size: 10px; }
.trial-preview-dot { width: 6px; height: 6px; background: #74d99d; }
.trial-privacy-note { display: grid; grid-template-columns: 18px minmax(0, 1fr); gap: 8px; align-items: start; margin: 17px 0 0; color: #99a79f; font-size: 11px; line-height: 1.55; }
.trial-privacy-note svg { width: 18px; height: 18px; stroke: #82dca7; stroke-width: 1.4; stroke-linecap: round; stroke-linejoin: round; }

.trial-confirm-wrap { display: grid; min-height: 75vh; place-items: start center; padding-top: clamp(48px, 8vh, 90px); padding-bottom: 85px; }
.trial-confirm-card { width: min(700px, 100%); padding: clamp(24px, 5vw, 48px); border: 1px solid #2f3d37; border-radius: 18px; background: radial-gradient(ellipse at 15% 0%, #1a2b21 0%, #141a1a 46%, #111517 100%); box-shadow: 0 26px 80px #00000038; }
.trial-confirm-icon { display: grid; width: 74px; height: 74px; place-items: center; margin-bottom: 25px; border: 1px solid #41805c; border-radius: 20px; color: #82e4aa; background: linear-gradient(145deg, #1a3827, #14251d); box-shadow: 0 10px 32px #0ca45a1a; }
.trial-confirm-icon svg { width: 47px; height: 47px; stroke: currentColor; stroke-width: 1.7; stroke-linecap: round; stroke-linejoin: round; }
.trial-confirm-icon-muted { color: #abd1ba; border-color: #40574a; background: #18221c; box-shadow: none; }
.trial-confirm-card > .trial-eyebrow { margin-bottom: 13px; }
.trial-confirm-card h1 { margin: 0 0 13px; color: #f0f5f2; font-size: clamp(31px, 5vw, 46px); font-weight: 640; letter-spacing: -.04em; line-height: 1.1; }
.trial-confirm-intro, .trial-confirm-body { color: #bac6bf; font-size: 15px; line-height: 1.7; }
.trial-confirm-intro { margin: 0 0 7px; }
.trial-confirm-body { margin: 12px 0 22px; }
.trial-confirm-email { width: fit-content; max-width: 100%; margin: 0 0 11px; overflow-wrap: anywhere; color: #a2e8bc; font-size: clamp(17px, 3.3vw, 21px); font-weight: 650; }
.trial-preview-message { margin: 22px 0; padding: 15px 17px; border: 1px solid #376348; border-radius: 10px; color: #cee2d5; background: #17251c; font-size: 13px; line-height: 1.65; }
.trial-confirm-steps { display: flex; flex-direction: column; gap: 17px; margin: 25px 0; padding: 0; list-style: none; }
.trial-confirm-steps li { display: grid; grid-template-columns: 34px minmax(0, 1fr); gap: 13px; align-items: start; }
.trial-confirm-steps li > span { display: grid; width: 32px; height: 32px; place-items: center; border: 1px solid #39684e; border-radius: 10px; color: #91e0ae; background: #17261d; font-size: 12px; font-weight: 750; }
.trial-confirm-steps strong { display: block; margin: 1px 0 4px; color: #e4eee8; font-size: 14px; }
.trial-confirm-steps p { margin: 0; color: #97a49c; font-size: 13px; line-height: 1.6; }
.trial-mail-tip { margin: 22px 0; padding: 15px 17px; border-left: 2px solid #4ca675; border-radius: 0 9px 9px 0; color: #aab8b0; background: #151c1a; font-size: 13px; line-height: 1.65; }
.trial-mail-tip strong { display: block; margin-bottom: 4px; color: #dbe6df; }
.trial-mail-tip p, .trial-mail-tip span { display: block; margin: 0; }
.trial-resend-form { display: flex; flex-wrap: wrap; align-items: center; gap: 10px 14px; margin: 20px 0; }
.trial-resend-form span { color: #89978f; font-size: 11px; }
.trial-resend-form button:disabled { border-color: #34413a; color: #839088; background: #1b221f; box-shadow: none; cursor: not-allowed; opacity: .8; }
.trial-confirm-actions { display: flex; flex-wrap: wrap; align-items: center; gap: 12px 20px; margin-top: 24px; }
.trial-confirm-actions .button { min-height: 46px; }
.trial-confirm-home { color: #a6b6ad; font-size: 13px; text-decoration: none; }
.trial-confirm-home:hover { color: #a5ecc1; }

@media (max-width: 900px) {
  .trial-request-layout { grid-template-columns: minmax(0, 1fr); gap: 18px; }
  .trial-next-panel { display: grid; grid-template-columns: minmax(0, 1fr) minmax(220px, .8fr); gap: 0 22px; align-items: start; }
  .trial-next-eyebrow, .trial-next-panel h2, .trial-next-steps { grid-column: 1; }
  .trial-product-preview { grid-column: 2; grid-row: 1 / span 3; margin: 0; }
  .trial-privacy-note { grid-column: 1 / -1; }
}
@media (max-width: 620px) {
  .trial-hero { padding-top: 46px; padding-bottom: 34px; }
  .trial-hero h1 { max-width: 100%; font-size: clamp(30px, 8vw, 36px); line-height: 1.12; overflow-wrap: anywhere; }
  .trial-hero-lede { font-size: 15px; line-height: 1.66; }
  .trial-benefits { gap: 9px 14px; margin-top: 20px; }
  .trial-benefits li { font-size: 11px; }
  .trial-request-section { padding: 22px 0 58px; }
  .trial-request-layout { gap: 14px; }
  .trial-form-card, .trial-next-panel { border-radius: 13px; }
  .trial-form-card { padding: 21px 18px; }
  .trial-card-heading { grid-template-columns: 40px minmax(0, 1fr); gap: 12px; margin-bottom: 21px; }
  .trial-envelope-mark { width: 40px; height: 40px; border-radius: 11px; }
  .trial-card-heading h2 { font-size: 22px; }
  .trial-card-heading p { font-size: 12px; }
  .trial-field-row { grid-template-columns: 1fr; gap: 16px; }
  .trial-request-form { gap: 16px; }
  .trial-submit-row { align-items: flex-start; flex-direction: column; }
  .trial-submit-button { width: 100%; justify-content: center; }
  .trial-next-panel { display: block; padding: 21px 18px; }
  .trial-next-eyebrow { font-size: 8px; line-height: 1.5; }
  .trial-next-panel h2 { max-width: 330px; font-size: 22px; }
  .trial-product-preview { margin-top: 22px; }
  .trial-confirm-wrap { min-height: 0; padding-top: 30px; padding-bottom: 56px; }
  .trial-confirm-card { padding: 24px 19px; border-radius: 14px; }
  .trial-confirm-icon { width: 64px; height: 64px; margin-bottom: 21px; border-radius: 17px; }
  .trial-confirm-icon svg { width: 40px; height: 40px; }
  .trial-confirm-card h1 { max-width: 100%; font-size: clamp(31px, 8vw, 38px); overflow-wrap: anywhere; }
  .trial-confirm-intro, .trial-confirm-body { font-size: 14px; }
  .trial-confirm-actions { align-items: stretch; flex-direction: column; }
  .trial-confirm-actions .button { justify-content: center; }
  .trial-confirm-home { padding: 7px 0; }
}
@media (prefers-reduced-motion: reduce) {
  .trial-field input, .trial-field select, .trial-field textarea { transition: none; }
}