.wh-trial-badge { display:inline-flex; align-items:center; justify-content:center; gap:.35em; background:linear-gradient(135deg,#2f5ecb,#5b8dff); color:#fff; padding:.8rem 1.1rem; border:1px solid #8db1ff; border-radius:13px; box-shadow:0 9px 25px #235cdb40; font:700 .88rem/1.3 'Inter',sans-serif; text-decoration:none; transform:rotate(-2deg); cursor:pointer; }
.wh-trial-badge:hover { filter:brightness(1.12); }
.wh-trial-slot { margin:1.5rem 0; }
.wh-trial-home { position:relative; display:flex; justify-content:center; padding:2rem 1rem; background:#050505; }
#wh-trial { box-sizing:border-box; position:fixed; inset:0; margin:auto; width:calc(100% - 2rem); max-width:540px; max-height:calc(100dvh - 2rem); overflow:auto; padding:clamp(1.6rem,5vw,3rem); border:1px solid #4165a6; border-radius:26px; color:#f8faff; background:radial-gradient(ellipse at 100% 0,#1a3763 0,transparent 55%),#090f1b; box-shadow:0 30px 100px #0009; font-family:'Inter',sans-serif; }
#wh-trial::backdrop { background:#020610bc; backdrop-filter:blur(7px); }
#wh-trial .wh-trial-close { position:absolute; right:15px; top:12px; width:36px; height:36px; border:1px solid #ffffff30; border-radius:50%; color:#fff; background:#ffffff08; font:300 25px/1 sans-serif; cursor:pointer; }
#wh-trial .wh-trial-tag { display:block; padding-right:25px; color:#a7c4ff; font-size:.65rem; letter-spacing:.14em; }
#wh-trial .wh-trial-days { display:inline-flex; gap:.45rem; align-items:baseline; margin:1.8rem 0 1.4rem; padding:.65rem 1rem; border:1px solid #85aaff; border-radius:13px; background:linear-gradient(135deg,#2f5ecb,#5b8dff); transform:rotate(-3deg); font-size:1.6rem; font-weight:800; }
#wh-trial .wh-trial-days small { font-size:.85rem; }
#wh-trial h2 { margin:0; font-size:clamp(2rem,7vw,3rem); line-height:1.08; font-weight:800; letter-spacing:-.045em; text-transform:none; }
#wh-trial h2 span { color:#78a7ff; }
#wh-trial p { margin:1.3rem 0 1.7rem; color:#c4cee0; font-size:.95rem; line-height:1.75; }
#wh-trial p a { color:#a6c4ff; text-decoration:underline; }
#wh-trial .wh-trial-download { display:flex; justify-content:center; gap:1rem; align-items:center; padding:1rem; border-radius:12px; background:linear-gradient(135deg,#3465d7,#5288ff); color:#fff; font-size:1rem; font-weight:700; text-decoration:none; }
#wh-trial .wh-trial-email { display:block; margin-top:1.1rem; text-align:center; color:#b4c7eb; font-size:.85rem; text-decoration:none; }
#wh-trial :focus-visible,.wh-trial-badge:focus-visible { outline:2px solid #a6c4ff; outline-offset:4px; }
.hero-ctas .wh-trial-options { display:inline-flex; align-items:center; justify-content:center; padding:1.15rem 1.8rem; border-radius:100px; border:1px solid #ffffff30; background:#101722; color:#fff; text-decoration:none; font-weight:600; }
@media(max-width:760px) { .hero-ctas .wh-trial-options { width:100%; } }
/* Free trial is the highlighted navigation offer, including the mobile copy. */
.wh-trial-nav { background:linear-gradient(120deg,#234c9e,#173164)!important; border:1px solid #6398ff!important; border-radius:12px; }
.wh-trial-nav b,.wh-trial-nav > span:first-child { color:#fff!important; }
.wh-trial-nav small { color:#c3d6ff!important; }
.hero-visual > .wh-trial-hero { position:absolute; top:0; left:0; z-index:5; display:flex; flex-direction:column; gap:.3rem; padding:1.1rem 1.5rem; border:1px solid #9fc2ff; border-radius:17px; background:linear-gradient(135deg,#255aca,#568fff); box-shadow:0 6px 0 #183977,0 18px 35px #020b2580,inset 0 1px 0 #ffffff50; transform:translate(-6%,-22%) rotate(-7deg); color:#fff; text-decoration:none; font-family:'Inter',sans-serif; }
.wh-trial-hero > span { font-size:.85rem; font-weight:600; }
.wh-trial-hero strong { font-size:2.4rem; line-height:1.1; font-weight:800; letter-spacing:-.04em; }
.wh-trial-hero strong span { margin-left:.6rem; font-weight:400; }
.wh-trial-license { display:flex; justify-content:space-between; align-items:center; gap:1.5rem; margin:1.8rem 0; padding:clamp(1.4rem,3vw,2.2rem); background:linear-gradient(120deg,#214baf,#3674ea); border:1px solid #85afff; border-radius:20px; box-shadow:0 16px 40px #1c4bbc35,inset 0 1px 0 #ffffff25; color:#fff; text-decoration:none; text-align:left; }
.wh-trial-license > span:first-child { display:grid; gap:.65rem; }
.wh-trial-license small { font:600 .65rem/1.5 'Inter',sans-serif; letter-spacing:.13em; color:#d3e3ff; }
.wh-trial-license strong { font:800 clamp(1.4rem,3.2vw,2.2rem)/1.15 'Outfit',sans-serif; letter-spacing:-.035em; }
.wh-trial-license span span { font-size:.88rem; line-height:1.5; color:#e0eaff; }
.wh-trial-license-arrow { display:grid; place-items:center; flex-shrink:0; width:54px; height:54px; border:1px solid #ffffff60; border-radius:50%; background:#ffffff12; font-size:1.7rem; }
.wh-trial-license:hover,.wh-trial-hero:hover { filter:brightness(1.1); }
@media(max-width:760px) {
 .hero-visual > .wh-trial-hero { left:12px; top:12px; transform:rotate(-5deg); padding:.65rem .9rem; border-radius:12px; gap:.2rem; }
 .wh-trial-hero > span { font-size:.64rem; }
 .wh-trial-hero strong { font-size:1.5rem; }
 .wh-trial-license { gap:.8rem; }
 .wh-trial-license-arrow { width:38px; height:38px; font-size:1.3rem; }
 .sticky-cta .sticky-btns { flex-shrink:1; }
 .sticky-cta .btn { white-space:normal; text-align:center; }
}
.wh-trial-nav-child { display:flex; align-items:center; justify-content:space-between; gap:.7rem; margin:0 .5rem .65rem 1.5rem; padding:.75rem .85rem; border:1px solid rgba(79,134,255,.26); border-radius:11px; background:rgba(52,101,215,.12); color:#9dbcff; font:600 .82rem/1.5 'Inter',sans-serif; text-decoration:none; text-transform:none; letter-spacing:0; white-space:normal; }
.wh-trial-nav-child:hover { background:rgba(52,101,215,.28); border-color:rgba(79,134,255,.5); }
.wh-trial-home-hero { position:absolute; z-index:4; top:0; right:1rem; transform:translateY(-22%) rotate(5deg); padding:1.15rem 1.6rem; font-size:1.2rem; line-height:1.35; text-align:center; box-shadow:0 5px 0 #183977,0 16px 32px #020b2580,inset 0 1px 0 #ffffff50; }
@media(max-width:760px) { .wh-trial-home-hero { right:.5rem; padding:.4rem .7rem; font-size:.72rem; line-height:1.2; border-radius:10px; box-shadow:0 3px 0 #183977,0 10px 20px #020b2580,inset 0 1px 0 #ffffff50; transform:translateY(-28%) rotate(3deg); } }
/* Comfortable mobile insets for the trial offer and its badges. */
@media(max-width:760px) {
 .ord-intro .wh-trial-license { box-sizing:border-box; width:100%; padding:1.6rem 1.5rem; gap:1rem; }
 .wh-trial-license > span:first-child { min-width:0; }
 .wh-trial-license strong { overflow-wrap:normal; }
 .hero-visual > .wh-trial-hero { left:16px; padding:.65rem 1rem; }
 .wh-trial-home-hero { right:.6rem; padding:.4rem .7rem; }
}