:root{
  --rg-blue:#2f7cff; --rg-blue-2:#185fd8; --rg-navy:#0c2f68; --rg-ink:#17304f;
  --rg-muted:#6b7b91; --rg-line:#dbe6f4; --rg-soft:#f4f8ff; --rg-soft-2:#edf5ff;
  --rg-green:#159a67; --rg-amber:#d99200; --rg-red:#c74646; --rg-shadow:0 20px 60px rgba(23,69,131,.12);
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
html:not([data-lang="en"]) .lang-en{display:none!important}
html[data-lang="en"] .lang-vi{display:none!important}
body.platform{margin:0;font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Roboto,Arial,sans-serif;color:var(--rg-ink);background:radial-gradient(circle at 10% 12%,rgba(47,124,255,.07),transparent 28%),radial-gradient(circle at 90% 80%,rgba(47,124,255,.05),transparent 30%),#f8fbff;min-height:100vh}
a{color:inherit}.pf-topbar{position:sticky;top:0;z-index:50;background:rgba(255,255,255,.93);backdrop-filter:blur(14px);border-bottom:1px solid rgba(40,90,150,.08)}
.pf-topbar__in{max-width:1200px;margin:auto;padding:12px 20px;display:flex;align-items:center;gap:18px;justify-content:space-between}.pf-logo{height:42px;width:auto}.pf-nav{display:flex;gap:22px;align-items:center;flex:1;justify-content:center}.pf-nav a{text-decoration:none;color:#425873;font-size:14px;font-weight:750}.pf-nav a:hover{color:var(--rg-blue-2)}.pf-actions{display:flex;gap:9px;align-items:center;flex-wrap:wrap}.pf-lang{display:flex;border:1px solid #d7e4f5;padding:3px;border-radius:999px;background:#f6f9fe}.pf-lang button{border:0;background:transparent;border-radius:999px;padding:7px 10px;font-weight:900;color:#7290b7;cursor:pointer}.pf-lang button.is-active{background:var(--rg-blue);color:#fff;box-shadow:0 6px 16px rgba(47,124,255,.22)}
.pf-main{max-width:1120px;margin:0 auto;padding:48px 20px 74px}.pf-main--wide{max-width:1320px}.pf-kicker{font-size:12px;letter-spacing:1.5px;font-weight:900;color:#2867c3;text-transform:uppercase}.pf-title{font-size:clamp(38px,5vw,62px);line-height:1.03;margin:10px 0 16px;color:var(--rg-navy);letter-spacing:-1.5px}.pf-title span{color:var(--rg-blue)}.pf-lead{font-size:17px;line-height:1.75;color:#66778d;max-width:760px}.pf-sectionTitle{font-size:28px;color:var(--rg-navy);margin:0 0 8px}.pf-sectionLead{color:#6f7f94;margin:0 0 22px;line-height:1.6}.pf-footer{text-align:center;color:#8996a8;font-size:12px;padding:32px 18px 44px}
.pf-btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;border:0;text-decoration:none;border-radius:13px;padding:11px 15px;font:inherit;font-size:13px;font-weight:900;cursor:pointer;transition:.18s}.pf-btn:hover{transform:translateY(-1px)}.pf-btn--primary{color:#fff;background:linear-gradient(135deg,var(--rg-blue),var(--rg-blue-2));box-shadow:0 11px 24px rgba(47,124,255,.19)}.pf-btn--ghost{background:#fff;color:#285b9e;border:1px solid #d7e4f4}.pf-btn--soft{background:#edf5ff;color:#2764b5}.pf-btn--dark{background:#132f58;color:#fff}.pf-btn--danger{background:#fff0f0;color:#b93c3c;border:1px solid #f0cccc}.pf-btn:disabled{opacity:.45;cursor:not-allowed;transform:none;box-shadow:none}
.pf-card{background:#fff;border:1px solid var(--rg-line);border-radius:26px;padding:26px;box-shadow:var(--rg-shadow)}.pf-card--soft{background:#f8fbff}.pf-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.pf-grid--2{grid-template-columns:repeat(2,minmax(0,1fr))}.pf-split{display:grid;grid-template-columns:.9fr 1.1fr;gap:28px;align-items:start}.pf-step{background:#fff;border:1px solid var(--rg-line);border-radius:20px;padding:20px}.pf-step__n{width:38px;height:38px;border-radius:12px;background:#eaf3ff;color:#2165cf;display:grid;place-items:center;font-weight:900;margin-bottom:14px}.pf-step h3{margin:0 0 7px;color:#153d78}.pf-step p{margin:0;color:#6a7b90;line-height:1.6;font-size:13px}.pf-note{padding:14px 16px;border-radius:15px;background:#f1f7ff;border:1px solid #dceaff;color:#4c6484;line-height:1.55;font-size:13px}.pf-note--success{background:#ecfbf4;border-color:#c9f0dd;color:#19744f}.pf-note--warning{background:#fff8e8;border-color:#f5dfae;color:#8d6500}.pf-note--danger{background:#fff1f1;border-color:#f0cdcd;color:#9c4040}
.pf-form{display:grid;gap:14px}.pf-field{display:grid;gap:7px}.pf-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.pf-label{font-size:12px;color:#48617f;font-weight:900}.pf-input,.pf-select,.pf-textarea{width:100%;border:1px solid #cfddec;background:#fff;border-radius:14px;padding:13px 14px;font:inherit;color:#213b5e;outline:none}.pf-textarea{min-height:110px;resize:vertical}.pf-input:focus,.pf-select:focus,.pf-textarea:focus{border-color:#7aacf5;box-shadow:0 0 0 4px rgba(47,124,255,.08)}.pf-check{display:flex;gap:10px;align-items:flex-start;color:#607087;font-size:12px;line-height:1.55}.pf-check input{margin-top:3px}
.pf-dashboardTop{display:flex;justify-content:space-between;gap:20px;align-items:flex-start;margin-bottom:24px}.pf-dashboardTop h1{margin:7px 0;color:var(--rg-navy);font-size:34px}.pf-dashboardTop p{margin:0;color:#728198}.pf-metricGrid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:20px 0 26px}.pf-metric{background:#fff;border:1px solid var(--rg-line);border-radius:20px;padding:18px;box-shadow:0 10px 30px rgba(22,64,122,.07)}.pf-metric span{display:block;color:#7b8ba0;font-size:10px;font-weight:900;letter-spacing:.8px}.pf-metric b{display:block;font-size:28px;color:#124b96;margin:6px 0 3px}.pf-metric small{color:#8795a7}.pf-tableWrap{overflow:auto;background:#fff;border:1px solid var(--rg-line);border-radius:20px;box-shadow:0 12px 36px rgba(20,62,117,.07)}.pf-table{width:100%;border-collapse:collapse;min-width:900px}.pf-table th,.pf-table td{text-align:left;padding:13px 14px;border-bottom:1px solid #edf1f6;font-size:12px;vertical-align:top}.pf-table th{background:#f6f9fd;color:#57708d;font-size:10px;letter-spacing:.5px;text-transform:uppercase}.pf-table td{color:#364f70}.pf-table small{color:#8997a8}.pf-money{font-weight:900;color:#135ba9!important}.pf-status{display:inline-flex;padding:6px 9px;border-radius:999px;font-size:10px;font-weight:900}.pf-status--paid{background:#e9faf2;color:#158359}.pf-status--pending{background:#fff5dd;color:#9a6a00}.pf-status--danger{background:#fff0f0;color:#b44343}.pf-status--info{background:#edf5ff;color:#2a63ad}.pf-toolbar{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin:18px 0}.pf-miniInput,.pf-miniSelect{border:1px solid #d4e1ef;border-radius:12px;padding:10px 12px;background:#fff;font:inherit}.pf-miniInput{min-width:240px}.pf-summary{border:1px solid #e0e9f4;border-radius:18px;overflow:hidden}.pf-summaryRow{display:flex;justify-content:space-between;gap:18px;padding:13px 15px;border-bottom:1px solid #edf1f6;font-size:13px}.pf-summaryRow:last-child{border-bottom:0}.pf-summaryRow span{color:#73849a}.pf-summaryRow strong{text-align:right;color:#234b7d}.pf-summaryRow--total{background:#f4f8ff}.pf-summaryRow--total strong{color:#0f5cc3;font-size:16px}
.pf-auth{max-width:520px;margin:48px auto}.pf-auth h1{margin:8px 0 10px;color:var(--rg-navy)}.pf-auth p{color:#6f7e91;line-height:1.65}.pf-linkBox{display:flex;gap:8px}.pf-linkBox input{flex:1;border:1px solid #d7e3f2;border-radius:12px;padding:11px 12px;background:#f9fbff;color:#426080;font:inherit}.pf-audit{display:grid;gap:10px}.pf-auditItem{display:grid;grid-template-columns:12px 1fr;gap:12px}.pf-auditDot{width:10px;height:10px;border-radius:50%;background:#2f7cff;margin-top:6px;box-shadow:0 0 0 4px #eaf3ff}.pf-auditItem b{display:block;color:#2b4f7e;font-size:12px}.pf-auditItem span{display:block;color:#7d8b9c;font-size:11px;margin-top:3px}.pf-source{display:inline-flex;padding:4px 7px;border-radius:999px;background:#eef5ff;color:#2a63ad;font-size:9px;font-weight:900;margin-left:6px}
.pf-scheduleBox{margin-top:8px;padding-top:22px;border-top:1px solid #e7eef7}.pf-scheduleHead{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;margin-bottom:16px}.pf-scheduleHead h3{margin:0 0 6px;color:#123f7d;font-size:23px}.pf-scheduleHead p{margin:0;color:#68798e;font-size:13px;line-height:1.6}.pf-required{display:inline-flex;align-items:center;padding:7px 10px;border-radius:999px;background:#edf5ff;color:#225fb6;font-size:10px;font-weight:900;letter-spacing:.5px;white-space:nowrap}.pf-stepLabel{display:flex;align-items:center;gap:9px;margin:20px 0 11px;color:#315477;font-size:13px;font-weight:900}.pf-stepDot{width:26px;height:26px;border-radius:9px;display:grid;place-items:center;background:#eaf3ff;color:#2165cf;font-size:11px;font-weight:900}.pf-dayGrid{display:grid;grid-template-columns:repeat(7,1fr);gap:8px}.pf-dayBtn,.pf-timeBtn{appearance:none;border:1.5px solid #d5e1f0;background:#fff;color:#355275;border-radius:14px;min-height:50px;padding:9px 6px;font:inherit;font-size:12px;font-weight:850;cursor:pointer;transition:.18s}.pf-dayBtn:hover,.pf-timeBtn:hover{border-color:#8ab6f7;background:#f7fbff}.pf-dayBtn.is-active,.pf-timeBtn.is-active{color:#fff;border-color:#2f7cff;background:linear-gradient(135deg,#2f7cff,#195ed8);box-shadow:0 10px 22px rgba(47,124,255,.2)}.pf-scheduleHelp{margin:8px 0 0;color:#8290a3;font-size:11px;line-height:1.5}.pf-period{margin-top:16px}.pf-periodTitle{display:flex;align-items:center;gap:8px;margin:13px 0 9px;color:#355275;font-size:12px;font-weight:900}.pf-periodIcon{width:28px;height:28px;border-radius:9px;display:grid;place-items:center;background:#eef5ff}.pf-timeGrid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.pf-timeBtn{font-size:13px;min-height:50px}.pf-scheduleSummary{margin-top:16px;padding:14px 15px;border-radius:16px;background:#f2f7ff;border:1px solid #dbe9ff}.pf-scheduleSummary small{display:block;color:#72839a;font-size:10px;font-weight:900;letter-spacing:.5px;margin-bottom:5px}.pf-scheduleSummary strong{color:#174b95;font-size:14px}.pf-slotGrid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.pf-slotCard{border:1px solid #dfe8f4;border-radius:16px;padding:13px;background:#fff}.pf-slotCard b{color:#214d82}.pf-slotCard p{margin:5px 0 0;color:#7c8b9d;font-size:11px;line-height:1.5}
@media(max-width:900px){.pf-nav{display:none}.pf-split{grid-template-columns:1fr}.pf-grid,.pf-grid--2{grid-template-columns:1fr}.pf-metricGrid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:650px){.pf-main{padding:30px 12px 58px}.pf-topbar__in{padding:10px 12px}.pf-actions .pf-btn--ghost{display:none}.pf-row{grid-template-columns:1fr}.pf-dayGrid{grid-template-columns:repeat(4,1fr)}.pf-timeGrid{grid-template-columns:repeat(2,1fr)}.pf-dashboardTop{flex-direction:column}.pf-metricGrid{grid-template-columns:1fr 1fr}.pf-linkBox{flex-direction:column}.pf-slotGrid{grid-template-columns:1fr}}
@media(max-width:430px){.pf-dayGrid{grid-template-columns:repeat(3,1fr)}.pf-metricGrid{grid-template-columns:1fr}.pf-timeGrid{grid-template-columns:1fr 1fr}}

/* ===== Placement assessment + per-day availability ===== */
.pf-assessmentIntro{padding:14px 15px;border:1px solid #dbe9fb;background:#f6faff;border-radius:16px;color:#55708f;font-size:12px;line-height:1.6}
.pf-chipGrid{display:flex;flex-wrap:wrap;gap:8px}.pf-chip{border:1.5px solid #d7e2f0;background:#fff;color:#405c7d;border-radius:999px;padding:9px 12px;font:inherit;font-size:11px;font-weight:800;cursor:pointer;transition:.18s}.pf-chip:hover{border-color:#8bb5ef;background:#f8fbff}.pf-chip.is-active{background:#eaf3ff;border-color:#74a9f4;color:#175fbd;box-shadow:0 6px 16px rgba(47,124,255,.10)}
.pf-reco{margin-top:14px;padding:16px 17px;border-radius:18px;border:1px solid #cfe1fb;background:linear-gradient(145deg,#f4f9ff,#fff)}.pf-reco__top{display:flex;align-items:center;justify-content:space-between;gap:12px}.pf-reco__label{font-size:10px;font-weight:900;letter-spacing:.7px;color:#6681a3}.pf-reco__course{font-size:22px;color:#0d57b9;font-weight:900;margin-top:4px}.pf-reco__why{color:#63758c;font-size:12px;line-height:1.6;margin-top:8px}.pf-reco__badge{padding:7px 10px;border-radius:999px;background:#eaf3ff;color:#2764b5;font-size:10px;font-weight:900;white-space:nowrap}
.pf-dayTabs{display:flex;gap:8px;overflow:auto;padding:2px 2px 8px;scrollbar-width:thin}.pf-dayTab{min-width:94px;border:1.5px solid #d7e2f0;background:#fff;border-radius:15px;padding:10px 10px;font:inherit;color:#385778;font-weight:900;cursor:pointer;position:relative}.pf-dayTab.is-current{border-color:#2f7cff;box-shadow:0 0 0 3px rgba(47,124,255,.08)}.pf-dayTab.has-slots{background:#eef6ff;color:#185fbf}.pf-dayCount{display:block;margin-top:4px;font-size:9px;color:#7890ad;font-weight:800}.pf-dayTab.has-slots .pf-dayCount{color:#2c68b5}.pf-dayPanel{margin-top:10px;border:1px solid #e0e9f5;border-radius:18px;padding:16px;background:#fbfdff}.pf-dayPanelHead{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px}.pf-dayPanelHead b{color:#234f82}.pf-clearDay{border:0;background:transparent;color:#7a8aa0;font-size:11px;font-weight:800;cursor:pointer}.pf-avSummary{display:grid;gap:8px;margin-top:14px}.pf-avLine{display:flex;gap:10px;align-items:flex-start;padding:10px 11px;background:#fff;border:1px solid #e1e9f4;border-radius:13px;font-size:11px}.pf-avLine b{min-width:72px;color:#1d5daa}.pf-avLine span{color:#65768d;line-height:1.5}
.pf-radioNote{font-size:10px;color:#8090a3;margin-top:5px}.pf-inlineHint{font-size:11px;color:#7e8da0;line-height:1.5}.pf-courseLock{display:flex;align-items:flex-start;gap:10px;margin-top:10px;padding:12px 13px;border-radius:14px;background:#fff8e9;border:1px solid #f1dfb7;color:#765b1d;font-size:11px;line-height:1.55}
.pf-formSection{padding:18px 0;border-top:1px solid #e8eef6}.pf-formSection:first-of-type{border-top:0;padding-top:0}.pf-formSectionTitle{font-size:17px;font-weight:900;color:#173f76;margin:0 0 12px}.pf-formSectionSub{color:#7a899b;font-size:11px;line-height:1.55;margin:-5px 0 12px}
@media(max-width:650px){.pf-reco__top{align-items:flex-start;flex-direction:column}.pf-dayTab{min-width:84px}.pf-chip{font-size:10px}.pf-dayPanel{padding:13px}}


/* ===== Trial explainer V4: clear deposit policy ===== */
.pf-trialIntro{min-width:0;padding:6px 2px 0}
.pf-trialHeadline{display:flex;flex-direction:column;align-items:flex-start;gap:12px;margin:10px 0 14px}
.pf-trialTitle{margin:0;color:var(--rg-navy);font-size:clamp(34px,4.2vw,52px);line-height:1.05;letter-spacing:-1.2px}
.pf-depositBadge{display:inline-flex;align-items:center;padding:10px 14px;border-radius:14px;background:linear-gradient(135deg,#0f5fd8,#347fff);color:#fff;font-size:15px;font-weight:900;box-shadow:0 10px 22px rgba(36,103,219,.18)}
.pf-trialLead{margin:0;color:#5f728b;font-size:16px;line-height:1.7;max-width:620px}
.pf-trialLead b{color:#173f78}
.pf-trialFacts{display:grid;gap:10px;margin-top:20px}
.pf-trialFact{display:grid;grid-template-columns:56px 1fr;gap:13px;align-items:start;padding:14px 15px;border:1px solid #dce7f4;border-radius:17px;background:rgba(255,255,255,.9);box-shadow:0 8px 22px rgba(27,75,140,.05)}
.pf-trialFactIcon{width:48px;height:48px;border-radius:14px;background:#eaf3ff;color:#1762c9;display:grid;place-items:center;font-size:12px;font-weight:950}
.pf-trialFact b{display:block;color:#173e76;font-size:14px;margin-bottom:3px}
.pf-trialFact p{margin:0;color:#6c7d92;font-size:12px;line-height:1.55}
.pf-trialDecision{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:12px}
.pf-trialDecisionCard{display:grid;grid-template-columns:38px 1fr;gap:10px;padding:14px;border-radius:17px;border:1px solid}
.pf-trialDecisionCard--refund{background:#f5faff;border-color:#d8e9ff}
.pf-trialDecisionCard--continue{background:#f2fbf7;border-color:#cfeedd}
.pf-trialDecisionEmoji{width:34px;height:34px;border-radius:11px;display:grid;place-items:center;font-weight:950}
.pf-trialDecisionCard--refund .pf-trialDecisionEmoji{background:#e7f2ff;color:#1765cc}
.pf-trialDecisionCard--continue .pf-trialDecisionEmoji{background:#dcf6e9;color:#168155}
.pf-trialDecisionCard span{display:block;color:#5e7087;font-size:11px;font-weight:800;line-height:1.4}
.pf-trialDecisionCard strong{display:block;margin:3px 0;color:#153d78;font-size:14px}
.pf-trialDecisionCard--continue strong{color:#14754e}
.pf-trialDecisionCard p{margin:0;color:#77869a;font-size:11px;line-height:1.45}
.pf-trialFlow{display:grid;gap:8px;margin-top:12px}
.pf-trialFlow>div{display:grid;grid-template-columns:32px 1fr;gap:10px;align-items:start}
.pf-trialFlow>div>span{width:30px;height:30px;border-radius:10px;background:#edf5ff;color:#2165cf;display:grid;place-items:center;font-size:11px;font-weight:950}
.pf-trialFlow p{margin:0;color:#728198;font-size:11px;line-height:1.48}
.pf-trialFlow b{color:#264c7c;font-size:12px}
.pf-o2oNotice{margin-top:14px;padding:13px 14px;border-radius:15px;background:#fff9e9;border:1px solid #f1dfb4;color:#7b6220;font-size:12px;line-height:1.55}
.pf-o2oNotice b{color:#654d0e}
.pf-o2oNotice a{display:inline-block;margin-left:4px;color:#1d63c6;font-weight:900;text-decoration:none}
@media(max-width:900px){.pf-trialDecision{grid-template-columns:1fr}}
@media(max-width:520px){
  .pf-trialTitle{font-size:36px}
  .pf-depositBadge{font-size:14px}
  .pf-trialFact{grid-template-columns:48px 1fr}
  .pf-trialFactIcon{width:42px;height:42px}
}


/* ===== V6 Compact Trial Layout ===== */
@media (min-width:901px){
  body.platform:has(.pf-trialIntro--compact) .pf-main{max-width:1240px;padding-top:34px}
  body.platform:has(.pf-trialIntro--compact) .pf-split{
    grid-template-columns:minmax(0,1.08fr) minmax(0,.92fr);
    gap:24px;
  }
}
.pf-trialIntro--compact{min-width:0;padding:4px 0 0}
.pf-trialHeroCompact{margin-top:8px}
.pf-trialHeroCompact h1{
  margin:0;
  color:#103b78;
  font-size:clamp(34px,4vw,48px);
  line-height:1.02;
  letter-spacing:-1px;
}
.pf-trialHeroCompact h1>span{display:block}
.pf-trialHeroCompact h1 strong{
  display:block;
  margin-top:3px;
  color:#2f7cff;
  font-size:1.02em;
  letter-spacing:.5px;
}
.pf-depositTag{
  display:inline-flex;
  margin-top:14px;
  padding:9px 13px;
  border-radius:12px;
  background:linear-gradient(135deg,#1764d9,#347fff);
  color:#fff;
  font-size:14px;
  font-weight:950;
  box-shadow:0 9px 20px rgba(47,124,255,.16);
}
.pf-trialOneLine{
  max-width:620px;
  margin:12px 0 0;
  color:#60748f;
  font-size:14px;
  line-height:1.55;
}
.pf-trialOneLine b{color:#173f78}

.pf-trialQuickFacts{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:16px;
}
.pf-trialQuickFacts>div{
  display:flex;
  align-items:center;
  gap:9px;
  min-height:44px;
  padding:9px 11px;
  border:1px solid #dce7f4;
  border-radius:13px;
  background:rgba(255,255,255,.92);
}
.pf-trialQuickFacts span:first-child{
  flex:0 0 24px;
  width:24px;
  height:24px;
  display:grid;
  place-items:center;
  border-radius:8px;
  background:#eaf3ff;
  color:#1c64c7;
  font-size:11px;
  font-weight:950;
}
.pf-trialQuickFacts b{
  color:#244d80;
  font-size:12px;
  white-space:nowrap;
}

.pf-depositRule{
  margin-top:12px;
  padding:15px;
  border:1px solid #d9e7f7;
  border-radius:18px;
  background:linear-gradient(145deg,#f7fbff,#ffffff);
  box-shadow:0 9px 24px rgba(25,73,137,.05);
}
.pf-depositRuleTitle{
  color:#153f7a;
  font-size:14px;
  font-weight:950;
  margin-bottom:12px;
}
.pf-depositRuleSteps{
  display:grid;
  grid-template-columns:1fr auto 1fr auto 1fr;
  align-items:center;
  gap:7px;
}
.pf-depositRuleStep{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
}
.pf-depositRuleNum{
  flex:0 0 28px;
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:9px;
  background:#eaf3ff;
  color:#1964c8;
  font-size:11px;
  font-weight:950;
}
.pf-depositRuleStep b{
  display:block;
  color:#264f82;
  font-size:11px;
  line-height:1.25;
  white-space:nowrap;
}
.pf-depositRuleStep small{
  display:block;
  margin-top:2px;
  color:#7a8a9f;
  font-size:9px;
  line-height:1.2;
  white-space:nowrap;
}
.pf-depositRuleArrow{
  color:#9ab0cb;
  font-size:14px;
  font-weight:900;
}
.pf-depositOutcome{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:12px;
}
.pf-depositOutcomeItem{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 11px;
  border-radius:13px;
  border:1px solid;
}
.pf-depositOutcomeItem>span{
  flex:0 0 28px;
  width:28px;height:28px;
  display:grid;place-items:center;
  border-radius:9px;
  font-size:13px;
  font-weight:950;
}
.pf-depositOutcomeItem small{
  display:block;
  font-size:9px;
  font-weight:800;
  line-height:1.2;
}
.pf-depositOutcomeItem b{
  display:block;
  margin-top:2px;
  font-size:11px;
  line-height:1.25;
  white-space:nowrap;
}
.pf-depositOutcomeItem--refund{background:#f5faff;border-color:#d5e7ff}
.pf-depositOutcomeItem--refund>span{background:#e6f1ff;color:#1763c7}
.pf-depositOutcomeItem--refund small{color:#71849b}
.pf-depositOutcomeItem--refund b{color:#1a5eb7}
.pf-depositOutcomeItem--continue{background:#f1fbf6;border-color:#cdebdc}
.pf-depositOutcomeItem--continue>span{background:#dcf4e8;color:#147c53}
.pf-depositOutcomeItem--continue small{color:#708d80}
.pf-depositOutcomeItem--continue b{color:#14734e}
.pf-depositWhy{
  margin:10px 0 0;
  color:#708198;
  font-size:10px;
  line-height:1.45;
}
.pf-depositWhy b{color:#365a86}

.pf-o2oCompact{
  display:block;
  margin-top:10px;
  padding:11px 12px;
  border-radius:13px;
  background:#fff9e9;
  border:1px solid #f0dfb7;
  color:#7c611c;
  font-size:11px;
  line-height:1.45;
  text-decoration:none;
}
.pf-o2oCompact b{color:#664d0d}

.pf-trialFormCard{
  padding:22px;
  border-radius:22px;
}
.pf-trialFormCard>h2{
  font-size:24px;
  line-height:1.15;
  margin-bottom:16px!important;
}
.pf-trialFormCard .pf-formSection{padding:15px 0}
.pf-trialFormCard .pf-formSectionTitle{font-size:16px;margin-bottom:10px}
.pf-trialFormCard .pf-formSectionSub{font-size:10px;margin-bottom:10px}
.pf-trialFormCard .pf-input,
.pf-trialFormCard .pf-select{padding:11px 12px;border-radius:12px}
.pf-trialFormCard .pf-chip{padding:8px 10px;font-size:10px}

@media(max-width:1100px) and (min-width:901px){
  body.platform:has(.pf-trialIntro--compact) .pf-main{max-width:1040px}
  body.platform:has(.pf-trialIntro--compact) .pf-split{
    grid-template-columns:minmax(0,1fr) minmax(0,1fr);
    gap:18px;
  }
  .pf-trialQuickFacts b{white-space:normal}
  .pf-depositRuleStep b,
  .pf-depositRuleStep small,
  .pf-depositOutcomeItem b{white-space:normal}
}
@media(max-width:900px){
  .pf-trialIntro--compact{max-width:720px;margin:0 auto}
  .pf-trialQuickFacts{grid-template-columns:1fr 1fr}
  .pf-trialFormCard{margin-top:6px}
}
@media(max-width:560px){
  .pf-trialHeroCompact h1{font-size:34px}
  .pf-trialQuickFacts{grid-template-columns:1fr}
  .pf-depositRuleSteps{
    grid-template-columns:1fr;
    gap:7px;
  }
  .pf-depositRuleArrow{display:none}
  .pf-depositOutcome{grid-template-columns:1fr}
  .pf-depositRuleStep b,
  .pf-depositRuleStep small,
  .pf-depositOutcomeItem b{white-space:normal}
}


/* ===== V7 Balanced Trial Layout ===== */
/* Robust sizing: prevent form rows/selects from forcing the grid wider than the card */
.pf-split > *,
.pf-row > *,
.pf-field{min-width:0!important}
.pf-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.pf-input,.pf-select,.pf-textarea{width:100%!important;max-width:100%!important;min-width:0!important}

@media (min-width:1051px){
  body.platform:has(.pf-trialIntro--balanced) .pf-main{
    max-width:1320px!important;
    padding:42px 24px 74px!important;
  }
  body.platform:has(.pf-trialIntro--balanced) .pf-split{
    grid-template-columns:minmax(280px,330px) minmax(0,1fr)!important;
    gap:28px!important;
    align-items:start!important;
  }
}
@media (min-width:901px) and (max-width:1050px){
  body.platform:has(.pf-trialIntro--balanced) .pf-main{
    max-width:1000px!important;
    padding:34px 18px 64px!important;
  }
  body.platform:has(.pf-trialIntro--balanced) .pf-split{
    grid-template-columns:minmax(250px,300px) minmax(0,1fr)!important;
    gap:20px!important;
  }
}

/* Left panel: intentionally compact */
.pf-trialIntro--balanced{
  min-width:0;
  padding:4px 0 0;
}
.pf-trialMiniTitle{
  margin:8px 0 0;
  max-width:320px;
  color:#113f7e;
  font-size:clamp(30px,3.2vw,42px);
  line-height:1.05;
  letter-spacing:-.8px;
}
.pf-trialMiniDeposit{
  display:inline-flex;
  margin-top:12px;
  padding:8px 12px;
  border-radius:11px;
  background:linear-gradient(135deg,#1764da,#347fff);
  color:#fff;
  font-size:13px;
  font-weight:950;
  box-shadow:0 8px 18px rgba(47,124,255,.15);
}
.pf-trialMiniLead{
  margin:11px 0 0;
  max-width:320px;
  color:#60738e;
  font-size:13px;
  line-height:1.5;
}
.pf-trialMiniLead b{color:#173f78}

.pf-trialMiniChips{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:14px;
}
.pf-trialMiniChips>span{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  min-height:31px;
  padding:6px 9px;
  border:1px solid #d8e6f7;
  border-radius:10px;
  background:#fff;
  color:#2d5b94;
  font-size:10px;
  font-weight:900;
  white-space:nowrap;
}

.pf-trialMiniOutcomes{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:10px;
}
.pf-trialMiniOutcome{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:10px;
  border-radius:13px;
  border:1px solid;
}
.pf-trialMiniOutcome>span{
  flex:0 0 28px;
  width:28px;
  height:28px;
  display:grid;
  place-items:center;
  border-radius:8px;
  font-size:12px;
  font-weight:950;
}
.pf-trialMiniOutcome small{
  display:block;
  margin-bottom:2px;
  font-size:8.5px;
  font-weight:850;
  line-height:1.2;
}
.pf-trialMiniOutcome b{
  display:block;
  font-size:10.5px;
  line-height:1.2;
}
.pf-trialMiniOutcome--refund{background:#f5faff;border-color:#d6e8ff}
.pf-trialMiniOutcome--refund>span{background:#e7f2ff;color:#1763c7}
.pf-trialMiniOutcome--refund small{color:#76879c}
.pf-trialMiniOutcome--refund b{color:#1d5fb6}
.pf-trialMiniOutcome--continue{background:#f1fbf6;border-color:#cfeedd}
.pf-trialMiniOutcome--continue>span{background:#dcf4e8;color:#147b52}
.pf-trialMiniOutcome--continue small{color:#748c80}
.pf-trialMiniOutcome--continue b{color:#14734e}

.pf-trialMiniWhy{
  margin-top:9px;
  color:#74849a;
  font-size:9.5px;
  line-height:1.45;
}
.pf-trialMiniWhy b{color:#365c8b}

.pf-trialMiniO2O{
  display:block;
  margin-top:9px;
  padding:9px 10px;
  border:1px solid #f0dfb7;
  border-radius:11px;
  background:#fff9e9;
  color:#795f1d;
  font-size:9.5px;
  line-height:1.4;
  text-decoration:none;
}
.pf-trialMiniO2O b{color:#644b0c}

/* Right card: restore comfortable size/readability */
.pf-trialFormCard{
  min-width:0!important;
  width:100%!important;
  padding:28px!important;
  border-radius:26px!important;
}
.pf-trialFormCard>h2{
  margin:0 0 18px!important;
  font-size:27px!important;
  line-height:1.15!important;
}
.pf-trialFormCard .pf-formSection{
  padding:19px 0!important;
}
.pf-trialFormCard .pf-formSectionTitle{
  margin:0 0 11px!important;
  font-size:18px!important;
  line-height:1.3!important;
}
.pf-trialFormCard .pf-formSectionSub{
  margin:-4px 0 12px!important;
  font-size:11px!important;
  line-height:1.5!important;
}
.pf-trialFormCard .pf-label{
  font-size:12px!important;
}
.pf-trialFormCard .pf-input,
.pf-trialFormCard .pf-select{
  min-height:48px!important;
  padding:12px 14px!important;
  border-radius:13px!important;
}
.pf-trialFormCard .pf-chip{
  padding:8px 10px!important;
  font-size:10.5px!important;
}

/* Two-column form rows collapse before they become cramped */
@media (max-width:1180px) and (min-width:901px){
  .pf-trialFormCard .pf-row{
    grid-template-columns:1fr 1fr!important;
    gap:10px!important;
  }
}
@media (max-width:1050px){
  .pf-trialMiniOutcomes{grid-template-columns:1fr}
  .pf-trialMiniTitle{font-size:31px}
}
@media (max-width:900px){
  body.platform:has(.pf-trialIntro--balanced) .pf-split{
    grid-template-columns:1fr!important;
  }
  .pf-trialIntro--balanced{
    max-width:760px;
    margin:0 auto;
  }
  .pf-trialMiniTitle,
  .pf-trialMiniLead{
    max-width:none;
  }
  .pf-trialMiniOutcomes{
    grid-template-columns:1fr 1fr;
  }
  .pf-trialFormCard{
    margin-top:4px;
  }
}
@media (max-width:650px){
  .pf-trialFormCard{
    padding:18px!important;
    border-radius:20px!important;
  }
  .pf-trialFormCard>h2{font-size:22px!important}
  .pf-trialFormCard .pf-row{
    grid-template-columns:1fr!important;
  }
  .pf-trialMiniOutcomes{grid-template-columns:1fr}
}


/* ===== V8 Trial: balanced 30/70 layout ===== */
.trialPageV8 .pf-main{
  max-width:1180px!important;
  padding:40px 24px 70px!important;
}
.trialPageV8 .pf-split{
  display:grid!important;
  grid-template-columns:minmax(320px,350px) minmax(0,1fr)!important;
  gap:28px!important;
  align-items:start!important;
}
.trialPageV8 .pf-split>*{min-width:0!important}
.trialPageV8 .pf-row{grid-template-columns:repeat(2,minmax(0,1fr))!important}
.trialPageV8 .pf-field{min-width:0!important}
.trialPageV8 .pf-input,
.trialPageV8 .pf-select,
.trialPageV8 .pf-textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

/* Left explainer card */
.pf-trialIntro--v8{padding:0!important}
.pf-trialV8Card{
  position:sticky;
  top:92px;
  padding:22px;
  border:1px solid #d9e6f7;
  border-radius:24px;
  background:linear-gradient(160deg,#ffffff 0%,#f6faff 100%);
  box-shadow:0 14px 36px rgba(29,77,143,.08);
}
.pf-trialV8Hero{
  display:grid;
  grid-template-columns:66px 1fr;
  gap:14px;
  align-items:center;
  margin-top:8px;
}
.pf-trialV8Icon{
  width:64px;height:64px;
  display:grid;place-items:center;
  border-radius:18px;
  background:linear-gradient(135deg,#1764da,#347fff);
  color:#fff;
  font-size:20px;font-weight:950;
  box-shadow:0 10px 22px rgba(47,124,255,.18);
}
.pf-trialV8Hero h1{
  margin:0 0 5px;
  color:#123f7d;
  font-size:30px;
  line-height:1.08;
  letter-spacing:-.6px;
}
.pf-trialV8Hero p{
  margin:0;
  color:#718298;
  font-size:11px;
  line-height:1.45;
}
.pf-trialV8Deposit{
  display:grid;
  grid-template-columns:64px 1fr;
  gap:13px;
  align-items:center;
  margin-top:16px;
  padding:13px;
  border-radius:16px;
  border:1px solid #cfe0f7;
  background:#edf5ff;
}
.pf-trialV8DepositAmount{
  height:50px;
  display:grid;place-items:center;
  border-radius:13px;
  background:#fff;
  color:#1c63c8;
  font-size:16px;
  font-weight:950;
}
.pf-trialV8Deposit b{
  display:block;
  color:#194b8b;
  font-size:13px;
}
.pf-trialV8Deposit p{
  margin:3px 0 0;
  color:#6c7e95;
  font-size:10.5px;
  line-height:1.42;
}
.pf-trialV8Deposit strong{color:#113d76}

.pf-trialV8Flow{
  margin-top:14px;
  padding:14px;
  border:1px solid #e0e9f4;
  border-radius:16px;
  background:#fff;
}
.pf-trialV8FlowItem{
  display:flex;
  align-items:center;
  gap:10px;
}
.pf-trialV8FlowItem>span{
  flex:0 0 30px;
  width:30px;height:30px;
  display:grid;place-items:center;
  border-radius:9px;
  background:#eaf3ff;
  color:#1d64c7;
  font-size:11px;font-weight:950;
}
.pf-trialV8FlowItem b{
  display:block;
  color:#2b527f;
  font-size:12px;
}
.pf-trialV8FlowItem small{
  display:block;
  margin-top:1px;
  color:#8591a1;
  font-size:9.5px;
}
.pf-trialV8Arrow{
  margin:3px 0 3px 12px;
  color:#a0b1c7;
  font-size:13px;
  line-height:1;
}
.pf-trialV8Choice{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:8px;
  margin-top:3px;
}
.pf-trialV8ChoiceItem{
  display:flex;
  align-items:center;
  gap:8px;
  min-width:0;
  padding:9px;
  border-radius:12px;
  border:1px solid;
}
.pf-trialV8ChoiceItem>span{
  flex:0 0 27px;
  width:27px;height:27px;
  display:grid;place-items:center;
  border-radius:8px;
  font-size:11px;font-weight:950;
}
.pf-trialV8ChoiceItem small{
  display:block;
  font-size:8.5px;
  font-weight:800;
}
.pf-trialV8ChoiceItem b{
  display:block;
  margin-top:1px;
  font-size:10px;
  line-height:1.2;
}
.pf-trialV8ChoiceItem--refund{background:#f5faff;border-color:#d5e7ff}
.pf-trialV8ChoiceItem--refund>span{background:#e7f2ff;color:#1763c7}
.pf-trialV8ChoiceItem--refund small{color:#73869d}
.pf-trialV8ChoiceItem--refund b{color:#1e5fb6}
.pf-trialV8ChoiceItem--continue{background:#f1fbf6;border-color:#ccebdc}
.pf-trialV8ChoiceItem--continue>span{background:#dcf4e8;color:#147b52}
.pf-trialV8ChoiceItem--continue small{color:#748c80}
.pf-trialV8ChoiceItem--continue b{color:#14734e}

.pf-trialV8Why{
  margin-top:11px;
  padding:10px 11px;
  border-radius:12px;
  background:#fffaf0;
  border:1px solid #f0e3c6;
  color:#7b6a42;
  font-size:10px;
  line-height:1.45;
}
.pf-trialV8Why b{color:#6a561f}

.pf-trialV8O2O{
  display:block;
  margin-top:9px;
  color:#1e5fb6;
  font-size:10px;
  line-height:1.4;
  text-decoration:none;
}
.pf-trialV8O2O b{color:#173f78}

/* Right-side form: clear but not oversized */
.trialPageV8 .pf-trialFormCard{
  width:100%!important;
  max-width:none!important;
  padding:24px 26px!important;
  border-radius:24px!important;
  overflow:hidden!important;
}
.trialPageV8 .pf-trialFormCard>h2{
  margin:0 0 15px!important;
  font-size:25px!important;
  line-height:1.15!important;
}
.trialPageV8 .pf-trialFormCard .pf-formSection{
  padding:16px 0!important;
}
.trialPageV8 .pf-trialFormCard .pf-formSectionTitle{
  margin:0 0 8px!important;
  font-size:17px!important;
  line-height:1.3!important;
}
.trialPageV8 .pf-trialFormCard .pf-formSectionSub{
  margin:-2px 0 10px!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}
.trialPageV8 .pf-trialFormCard .pf-label{
  font-size:11px!important;
}
.trialPageV8 .pf-trialFormCard .pf-input,
.trialPageV8 .pf-trialFormCard .pf-select{
  min-height:44px!important;
  padding:10px 12px!important;
  border-radius:12px!important;
}
.trialPageV8 .pf-trialFormCard .pf-chip{
  padding:7px 9px!important;
  font-size:10px!important;
  line-height:1.2!important;
}
.trialPageV8 .pf-dayTabs{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:6px!important;
}
.trialPageV8 .pf-dayTab{
  min-width:0!important;
  padding:10px 5px!important;
}
.trialPageV8 .pf-timeGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
}
.trialPageV8 .pf-timeBtn{
  min-width:0!important;
  font-size:11px!important;
  padding:9px 5px!important;
}

/* Laptop */
@media(max-width:1150px) and (min-width:901px){
  .trialPageV8 .pf-main{max-width:1040px!important;padding-left:16px!important;padding-right:16px!important}
  .trialPageV8 .pf-split{
    grid-template-columns:minmax(285px,315px) minmax(0,1fr)!important;
    gap:20px!important;
  }
  .pf-trialV8Card{padding:18px}
  .pf-trialV8Hero{grid-template-columns:56px 1fr}
  .pf-trialV8Icon{width:54px;height:54px;border-radius:15px;font-size:17px}
  .pf-trialV8Hero h1{font-size:26px}
  .pf-trialV8Choice{grid-template-columns:1fr}
  .trialPageV8 .pf-trialFormCard{padding:22px!important}
}

/* Tablet/mobile */
@media(max-width:900px){
  .trialPageV8 .pf-split{grid-template-columns:1fr!important}
  .pf-trialV8Card{position:static;max-width:720px;margin:0 auto}
  .pf-trialV8Choice{grid-template-columns:1fr 1fr}
}
@media(max-width:650px){
  .trialPageV8 .pf-main{padding:20px 12px 50px!important}
  .trialPageV8 .pf-trialFormCard{padding:17px!important;border-radius:19px!important}
  .trialPageV8 .pf-row{grid-template-columns:1fr!important}
  .trialPageV8 .pf-dayTabs{grid-template-columns:repeat(4,minmax(0,1fr))!important}
  .trialPageV8 .pf-timeGrid{grid-template-columns:repeat(2,minmax(0,1fr))!important}
  .pf-trialV8Hero h1{font-size:27px}
  .pf-trialV8Choice{grid-template-columns:1fr}
}


/* ===== V9 Trial: 40/60 balance + laptop readability ===== */

/* Desktop: clear 40 / 60 visual balance */
@media (min-width:1181px){
  .trialPageV8 .pf-main{
    max-width:1240px!important;
    padding:40px 24px 70px!important;
  }

  .trialPageV8 .pf-split{
    grid-template-columns:minmax(390px, 40fr) minmax(0, 60fr)!important;
    gap:30px!important;
    align-items:start!important;
  }
}

/* Normal laptop: keep the left side comfortably readable */
@media (min-width:901px) and (max-width:1180px){
  .trialPageV8 .pf-main{
    max-width:1080px!important;
    padding:32px 18px 60px!important;
  }

  .trialPageV8 .pf-split{
    grid-template-columns:minmax(340px, 38fr) minmax(0, 62fr)!important;
    gap:22px!important;
    align-items:start!important;
  }
}

/* Left information card: more breathing room and larger text */
.pf-trialV8Card{
  padding:26px!important;
  border-radius:26px!important;
}

.pf-trialV8Hero{
  grid-template-columns:72px 1fr!important;
  gap:16px!important;
}

.pf-trialV8Icon{
  width:68px!important;
  height:68px!important;
  border-radius:19px!important;
  font-size:21px!important;
}

.pf-trialV8Hero h1{
  font-size:32px!important;
  line-height:1.08!important;
}

.pf-trialV8Hero p{
  font-size:12px!important;
  line-height:1.55!important;
}

.pf-trialV8Deposit{
  grid-template-columns:72px 1fr!important;
  gap:14px!important;
  margin-top:18px!important;
  padding:15px!important;
  border-radius:17px!important;
}

.pf-trialV8DepositAmount{
  height:56px!important;
  border-radius:14px!important;
  font-size:17px!important;
}

.pf-trialV8Deposit b{
  font-size:14px!important;
}

.pf-trialV8Deposit p{
  font-size:11px!important;
  line-height:1.48!important;
}

.pf-trialV8Flow{
  margin-top:16px!important;
  padding:16px!important;
  border-radius:17px!important;
}

.pf-trialV8FlowItem{
  gap:11px!important;
}

.pf-trialV8FlowItem>span{
  flex-basis:32px!important;
  width:32px!important;
  height:32px!important;
  font-size:12px!important;
}

.pf-trialV8FlowItem b{
  font-size:13px!important;
}

.pf-trialV8FlowItem small{
  font-size:10px!important;
}

.pf-trialV8Choice{
  gap:10px!important;
  margin-top:6px!important;
}

.pf-trialV8ChoiceItem{
  padding:11px!important;
  border-radius:13px!important;
}

.pf-trialV8ChoiceItem>span{
  flex-basis:30px!important;
  width:30px!important;
  height:30px!important;
  font-size:12px!important;
}

.pf-trialV8ChoiceItem small{
  font-size:9px!important;
}

.pf-trialV8ChoiceItem b{
  font-size:11px!important;
  line-height:1.25!important;
}

.pf-trialV8Why{
  margin-top:12px!important;
  padding:11px 12px!important;
  font-size:10.5px!important;
  line-height:1.5!important;
}

.pf-trialV8O2O{
  margin-top:10px!important;
  font-size:10.5px!important;
  line-height:1.45!important;
}

/* Right form: still the main area, but compact and contained */
.trialPageV8 .pf-trialFormCard{
  padding:23px 24px!important;
  border-radius:23px!important;
  overflow:hidden!important;
}

.trialPageV8 .pf-trialFormCard>h2{
  font-size:24px!important;
  margin-bottom:14px!important;
}

.trialPageV8 .pf-trialFormCard .pf-formSection{
  padding:14px 0!important;
}

.trialPageV8 .pf-trialFormCard .pf-formSectionTitle{
  font-size:16px!important;
  margin-bottom:7px!important;
}

.trialPageV8 .pf-trialFormCard .pf-formSectionSub{
  font-size:10px!important;
  margin-bottom:9px!important;
  line-height:1.4!important;
}

.trialPageV8 .pf-trialFormCard .pf-label{
  font-size:10.5px!important;
}

.trialPageV8 .pf-trialFormCard .pf-input,
.trialPageV8 .pf-trialFormCard .pf-select{
  min-height:42px!important;
  padding:9px 11px!important;
  font-size:13px!important;
  border-radius:11px!important;
}

.trialPageV8 .pf-trialFormCard .pf-chip{
  padding:7px 8px!important;
  font-size:9.5px!important;
}

/* Keep every grid element inside the card */
.trialPageV8 .pf-split>*,
.trialPageV8 .pf-row>*,
.trialPageV8 .pf-field,
.trialPageV8 .pf-dayTabs>*,
.trialPageV8 .pf-timeGrid>*{
  min-width:0!important;
  max-width:100%!important;
}

.trialPageV8 .pf-row{
  grid-template-columns:repeat(2,minmax(0,1fr))!important;
  gap:11px!important;
}

.trialPageV8 .pf-input,
.trialPageV8 .pf-select,
.trialPageV8 .pf-textarea{
  width:100%!important;
  max-width:100%!important;
  min-width:0!important;
  box-sizing:border-box!important;
}

.trialPageV8 .pf-dayTabs{
  grid-template-columns:repeat(7,minmax(0,1fr))!important;
  gap:5px!important;
}

.trialPageV8 .pf-dayTab{
  min-width:0!important;
  padding:9px 4px!important;
  font-size:10px!important;
}

.trialPageV8 .pf-timeGrid{
  grid-template-columns:repeat(3,minmax(0,1fr))!important;
  gap:6px!important;
}

.trialPageV8 .pf-timeBtn{
  min-width:0!important;
  max-width:100%!important;
  padding:8px 4px!important;
  font-size:10.5px!important;
}

/* Mid-size laptop: still two columns but prevent crowding */
@media (min-width:901px) and (max-width:1020px){
  .trialPageV8 .pf-split{
    grid-template-columns:minmax(320px, 39fr) minmax(0, 61fr)!important;
    gap:18px!important;
  }

  .pf-trialV8Card{
    padding:20px!important;
  }

  .pf-trialV8Hero{
    grid-template-columns:58px 1fr!important;
  }

  .pf-trialV8Icon{
    width:56px!important;
    height:56px!important;
    font-size:17px!important;
  }

  .pf-trialV8Hero h1{
    font-size:27px!important;
  }

  .pf-trialV8Choice{
    grid-template-columns:1fr!important;
  }

  .trialPageV8 .pf-trialFormCard{
    padding:20px!important;
  }
}

/* Tablet / mobile: stack */
@media (max-width:900px){
  .trialPageV8 .pf-split{
    grid-template-columns:1fr!important;
  }

  .pf-trialV8Card{
    position:static!important;
    max-width:720px!important;
    margin:0 auto!important;
  }

  .pf-trialV8Choice{
    grid-template-columns:1fr 1fr!important;
  }
}

@media (max-width:650px){
  .trialPageV8 .pf-main{
    padding:20px 12px 50px!important;
  }

  .trialPageV8 .pf-trialFormCard{
    padding:17px!important;
  }

  .trialPageV8 .pf-row{
    grid-template-columns:1fr!important;
  }

  .trialPageV8 .pf-dayTabs{
    grid-template-columns:repeat(4,minmax(0,1fr))!important;
  }

  .trialPageV8 .pf-timeGrid{
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
  }

  .pf-trialV8Choice{
    grid-template-columns:1fr!important;
  }
}

/* ===== V10 Mobile fixes: Trial EN wrapping + mobile platform navigation ===== */

/* Mobile hamburger is only used on the platform pages (Trial/Affiliate/Portals). */
.pf-mobileMenuBtn{
  display:none;
  width:40px;
  height:40px;
  align-items:center;
  justify-content:center;
  border:1px solid #d7e4f5;
  border-radius:12px;
  background:#fff;
  color:#255b9f;
  font-size:21px;
  font-weight:900;
  line-height:1;
  cursor:pointer;
  box-shadow:0 6px 16px rgba(31,80,145,.06);
}
.pf-mobileMenu{
  display:none;
  position:absolute;
  top:calc(100% + 8px);
  right:12px;
  width:min(280px,calc(100vw - 24px));
  padding:10px;
  border:1px solid #dbe6f4;
  border-radius:17px;
  background:#fff;
  box-shadow:0 18px 45px rgba(19,57,110,.18);
  z-index:80;
}
.pf-mobileMenu.is-open{display:grid;gap:5px}
.pf-mobileMenu a{
  display:flex;
  align-items:center;
  min-height:43px;
  padding:10px 12px;
  border-radius:11px;
  color:#365675;
  text-decoration:none;
  font-size:13px;
  font-weight:850;
}
.pf-mobileMenu a:hover,.pf-mobileMenu a:active{background:#eef5ff;color:#1d61bf}
.pf-mobileMenu .pf-mobileMenuPartner{margin-top:4px;border-top:1px solid #edf1f6;border-radius:0;padding-top:13px}

@media(max-width:900px){
  .pf-topbar__in{position:relative}
  .pf-mobileMenuBtn{display:inline-flex}
}

@media(max-width:650px){
  .pf-topbar__in{gap:8px!important}
  .pf-logo{height:36px!important;max-width:122px!important;object-fit:contain}
  .pf-actions{gap:6px!important;flex-wrap:nowrap!important}
  .pf-lang{padding:2px!important}
  .pf-lang button{padding:6px 8px!important;font-size:12px!important}
  .pf-actions .pf-btn--primary{padding:10px 12px!important;font-size:12px!important;white-space:nowrap}
  .pf-mobileMenuBtn{width:38px;height:38px;border-radius:11px;font-size:20px}
}

/* Trial mobile: keep the hero title on one line without making it tiny. */
@media(max-width:650px){
  .trialPageV8 .pf-trialV8Card{padding:18px!important}
  .trialPageV8 .pf-trialV8Hero{
    grid-template-columns:54px minmax(0,1fr)!important;
    gap:11px!important;
  }
  .trialPageV8 .pf-trialV8Icon{
    width:52px!important;
    height:52px!important;
    border-radius:15px!important;
    font-size:17px!important;
  }
  .trialPageV8 .pf-trialV8Hero h1{
    font-size:clamp(24px,7.2vw,27px)!important;
    line-height:1.08!important;
    letter-spacing:-.45px!important;
    white-space:nowrap!important;
  }
  .trialPageV8 .pf-trialV8Hero p{
    font-size:10.5px!important;
    line-height:1.45!important;
  }
}
@media(max-width:370px){
  .trialPageV8 .pf-trialV8Hero h1{font-size:23px!important}
  .trialPageV8 .pf-trialV8Hero{grid-template-columns:50px minmax(0,1fr)!important;gap:9px!important}
  .trialPageV8 .pf-trialV8Icon{width:48px!important;height:48px!important}
}

/* English text is longer: force chips and helper text to wrap inside the card. */
@media(max-width:650px){
  html[data-lang="en"] .trialPageV8 .pf-formSection,
  html[data-lang="en"] .trialPageV8 .pf-formSectionTitle,
  html[data-lang="en"] .trialPageV8 .pf-formSectionSub,
  html[data-lang="en"] .trialPageV8 .pf-courseLock,
  html[data-lang="en"] .trialPageV8 .pf-inlineHint{
    max-width:100%!important;
    min-width:0!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
  }
  html[data-lang="en"] .trialPageV8 .pf-chipGrid{
    display:grid!important;
    grid-template-columns:1fr!important;
    gap:8px!important;
    width:100%!important;
    max-width:100%!important;
  }
  html[data-lang="en"] .trialPageV8 .pf-chip{
    display:block!important;
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    word-break:normal!important;
    text-align:left!important;
    line-height:1.35!important;
    border-radius:14px!important;
    padding:9px 11px!important;
  }
}

/* Section 3: no horizontal overflow on phones. */
@media(max-width:650px){
  .trialPageV8 .pf-dayTabs{
    display:grid!important;
    grid-template-columns:repeat(3,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
    overflow:visible!important;
    padding:2px 0 8px!important;
  }
  .trialPageV8 .pf-dayTab{
    width:100%!important;
    min-width:0!important;
    max-width:100%!important;
    padding:9px 4px!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    font-size:10px!important;
  }
  .trialPageV8 .pf-dayPanel{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    overflow:hidden!important;
    padding:12px!important;
  }
  .trialPageV8 .pf-dayPanelHead{
    flex-wrap:wrap!important;
    min-width:0!important;
  }
  .trialPageV8 .pf-clearDay{
    max-width:100%!important;
    white-space:normal!important;
    text-align:right!important;
  }
  .trialPageV8 .pf-timeGrid{
    display:grid!important;
    grid-template-columns:repeat(2,minmax(0,1fr))!important;
    gap:7px!important;
    width:100%!important;
    max-width:100%!important;
  }
  .trialPageV8 .pf-timeBtn{
    width:100%!important;
    max-width:100%!important;
    min-width:0!important;
    white-space:normal!important;
    overflow-wrap:anywhere!important;
    padding:9px 4px!important;
  }
}


/* ===== V20 Trial Recommendation Pricing ===== */
.pf-recoPlan{
  display:grid;
  grid-template-columns:repeat(3,minmax(0,1fr));
  gap:7px;
  margin:12px 0;
}
.pf-recoPlan__item{
  min-width:0;
  padding:9px 10px;
  border-radius:12px;
  background:#fff;
  border:1px solid #dce8f6;
}
.pf-recoPlan__item:first-child{
  background:linear-gradient(135deg,#0f5ed4,#347fff);
  border-color:transparent;
  color:#fff;
}
.pf-recoPlan__item small{
  display:block;
  color:#7b8ca1;
  font-size:9px;
  font-weight:850;
  line-height:1.2;
}
.pf-recoPlan__item strong{
  display:block;
  margin-top:3px;
  color:#214e87;
  font-size:11px;
  line-height:1.3;
  overflow-wrap:anywhere;
}
.pf-recoPlan__item:first-child small,
.pf-recoPlan__item:first-child strong{
  color:#fff;
}
@media(max-width:650px){
  .pf-recoPlan{grid-template-columns:1fr 1fr}
}


/* ===== V23.28 Platform navigation: desktop + tablet + phone ===== */
.pf-nav a{white-space:nowrap}
@media (min-width:1101px){
  .pf-topbar__in{max-width:1360px!important;gap:12px!important}
  .pf-nav{gap:14px!important;min-width:0!important}
  .pf-nav a{font-size:13px!important}
  .pf-actions{flex-wrap:nowrap!important}
}
@media (max-width:1100px){
  .pf-topbar__in{position:relative!important;gap:10px!important}
  .pf-nav{display:none!important}
  .pf-mobileMenuBtn{display:inline-flex!important;flex:0 0 auto!important}
  .pf-mobileMenu{right:10px!important;left:10px!important;width:auto!important;max-height:calc(100vh - 78px)!important;overflow:auto!important}
  .pf-mobileMenuAccess{background:#edf5ff!important;color:#1d61bf!important}
  .pf-mobileMenuTrial{background:linear-gradient(135deg,#2f7cff,#185fd8)!important;color:#fff!important;justify-content:center!important;margin-top:4px!important}
}
@media (max-width:650px){
  .pf-topbar__in{padding:9px 10px!important;gap:6px!important}
  .pf-logo{height:30px!important;max-width:105px!important}
  .pf-actions{margin-left:auto!important;gap:5px!important}
  .pf-actions .pf-btn--ghost{display:none!important}
  .pf-actions .pf-btn--primary{display:none!important}
  .pf-mobileMenuBtn{order:3!important;width:38px!important;height:36px!important}
  .pf-lang button{padding:5px 7px!important;font-size:11px!important}
  .pf-main{padding-left:10px!important;padding-right:10px!important}
  .pf-card{padding:18px!important;border-radius:20px!important}
  .pf-tableWrap{-webkit-overflow-scrolling:touch}
}


/* V23.41 – inline recommended-course video on trial placement */
.pf-recoVideo{margin-top:16px;padding-top:16px;border-top:1px solid rgba(44,112,222,.16)}
.pf-recoVideo__head{display:flex;flex-direction:column;gap:4px;margin-bottom:10px}
.pf-recoVideo__head strong{font-size:16px;color:#0b3977}
.pf-recoVideo__head span{font-size:13px;line-height:1.5;color:#65758b}
.pf-recoVideo__frame{position:relative;width:100%;aspect-ratio:16/9;border-radius:16px;overflow:hidden;background:#08192f;box-shadow:0 12px 28px rgba(18,57,109,.12)}
.pf-recoVideo__frame iframe,.pf-recoVideo__frame video{position:absolute;inset:0;width:100%;height:100%;border:0;display:block;object-fit:cover}
@media (max-width:760px){.pf-recoVideo{margin-top:14px}.pf-recoVideo__frame{border-radius:13px}}