/* Same white surface, navy type, gray structure and teal action system as WTWBR. */
.uxav2 .htm-media-case .htmc-heading h3{font-size:32px;line-height:1.2;letter-spacing:-.025em;margin:14px 0 18px;font-weight:500}
.uxav2 .htm-media-case .htm-components{margin:36px 0 64px}
.uxav2 .htm-media-case .htm-flow-tabs{width:fit-content;max-width:100%;padding:5px;gap:6px;border:1px solid #d9e1ed;border-radius:12px;background:#f7f9fc;box-shadow:inset 0 1px 0 #fff,0 6px 16px #20355a0c}
.uxav2 .htm-media-case .htm-flow-tabs button{padding:10px 14px;border:1px solid transparent;border-radius:8px;margin:0;min-height:46px}
.uxav2 .htm-media-case .htm-flow-tabs button[aria-selected=true]{background:#fff;border-color:#d9e1ed;box-shadow:0 6px 14px -10px #20355a55}
@media(max-width:600px){.uxav2 .htm-media-case .htm-flow-tabs{width:100%;gap:2px}.uxav2 .htm-media-case .htm-flow-tabs button{padding:9px 7px;font-size:11px}.uxav2 .htm-media-case .htmc-heading h3{font-size:27px}}
.uxav2 .htm-media-case .htf-origin,.uxav2 .htm-media-case .htf-free-offer{margin:48px 0 64px;border:1px solid #dbe1ea;border-radius:20px;background:#fff;box-shadow:0 22px 44px -32px #20355a55;overflow:hidden}
.uxav2 .htm-media-case .htf-figure-head{padding:32px 32px 28px;border-bottom:1px solid #e4e9f0}
.uxav2 .htm-media-case .htf-figure-head h3{margin:14px 0 18px;font-size:32px;line-height:1.2;letter-spacing:-.025em}
.uxav2 .htm-media-case .htf-figure-head>p{margin:0;max-width:68ch;font-size:16px;line-height:1.8;color:#536177}
.uxav2 .htm-media-case .htf-origin-stage{display:grid;grid-template-columns:minmax(0,1.5fr) minmax(250px,1fr);align-items:center;gap:36px;padding:36px 32px 40px}
.uxav2 .htm-media-case .htf-mini-browser{border:1px solid #cdd8e5;border-radius:12px;overflow:hidden;background:#fff;box-shadow:0 20px 34px -24px #20355a66}
.uxav2 .htm-media-case .htf-chrome{height:34px;display:flex;align-items:center;justify-content:space-between;padding:0 14px;background:#f8fafc;border-bottom:1px solid #dde4ec;color:#647186;font-size:10px}
.uxav2 .htm-media-case .htf-chrome>span:first-child{display:flex;gap:4px}.uxav2 .htm-media-case .htf-chrome i{width:4px;height:4px;border-radius:50%;background:#aab8cc}
.uxav2 .htm-media-case .htf-mini-page{display:grid;grid-template-columns:1fr .9fr;align-items:center;gap:20px;padding:32px 24px 38px;background:linear-gradient(125deg,#fff 46%,#f4f7f6)}
.uxav2 .htm-media-case .htf-mini-message>span{display:block;font-size:9px;color:#647c72;margin-bottom:14px}
.uxav2 .htm-media-case .htf-mini-message>strong{display:block;font-family:Georgia,serif;font-size:clamp(18px,2.05vw,29px);font-weight:400;line-height:1.14;color:#285567}
.uxav2 .htm-media-case .htf-mini-message p{margin:16px 0;font-size:10px;line-height:1.7;color:#647186}
.uxav2 .htm-media-case .htf-mini-message b{display:flex;justify-content:space-between;gap:12px;border:1px solid #c9dcda;border-radius:6px;background:#e7f7f4;padding:10px;font-size:9px;color:#20355a;font-weight:600}
.uxav2 .htm-media-case .htf-mini-guide{position:relative;border:1px solid #d9e4df;border-radius:10px;padding:20px 16px;background:#fff;box-shadow:0 14px 22px -19px #20355a99}
.uxav2 .htm-media-case .htf-mini-guide small{display:block;color:#647c72;font-size:8px;margin-bottom:12px}
.uxav2 .htm-media-case .htf-mini-guide>strong{display:block;font-family:Georgia,serif;font-weight:400;font-size:22px;line-height:1.15;color:#285567}
.uxav2 .htm-media-case .htf-mini-guide>span{display:block;margin-top:16px;font-size:8px;color:#647186}
.uxav2 .htm-media-case .htf-heal{display:flex;gap:7px;margin-top:22px}.uxav2 .htm-media-case .htf-heal i{display:grid;place-items:center;width:28px;height:28px;background:#f6f8f9;border:1px solid #dce4eb;border-radius:50%;font-family:Georgia,serif;font-size:13px;font-style:normal;color:#285567;box-shadow:0 5px 10px -8px #20355a}
.uxav2 .htm-media-case .htf-heal i:first-child{background:#285567;color:white}
.uxav2 .htm-media-case .htf-audio-strip{display:flex;align-items:center;gap:9px;margin-top:20px;border-top:1px solid #e4e9f0;padding-top:13px;color:#536177;font-size:8px}.uxav2 .htm-media-case .htf-audio-strip>span:first-child{display:grid;place-items:center;width:23px;height:23px;border:1px solid #dce4eb;border-radius:50%;font-size:8px}.uxav2 .htm-media-case .htf-audio-strip i{display:block;width:100%;height:2px;background:#dde5e8;margin-top:6px}
.uxav2 .htm-media-case .htf-origin-steps>div{position:relative;display:flex;gap:16px;padding:21px 0}.uxav2 .htm-media-case .htf-origin-steps>div+div{border-top:1px solid #dfe5ed}
.uxav2 .htm-media-case .htf-origin-steps>div>span{display:grid;place-items:center;flex:none;width:32px;height:32px;border:1px solid #dce4eb;border-radius:50%;color:#6d7a89;background:#f8fafb;font-size:11px}
.uxav2 .htm-media-case .htf-origin-steps strong{display:block;font-size:17px;line-height:1.4;font-weight:600;color:#20355a}
.uxav2 .htm-media-case .htf-origin-steps p{margin:9px 0 0;font-size:14px;line-height:1.8;color:#536177}
.uxav2 .htm-media-case .htf-origin>figcaption{padding:22px 32px;border-top:1px solid #e4e9f0;color:#647186;font-size:13px;line-height:1.8}
.uxav2 .htm-media-case .htm-comparison-canvas{aspect-ratio:16/10}
.uxav2 .htm-media-case .htf-homepage-crop{position:relative;width:100%;aspect-ratio:920/1147;overflow:hidden}
.uxav2 .htm-media-case .htf-homepage-crop>img{position:absolute!important;width:153.47826087%!important;max-width:none!important;height:auto!important;left:-10.65217391%!important;top:-11.15954664%!important;object-fit:initial!important}
.uxav2 .htm-media-case .htf-comparison-notes{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:32px;padding:28px 0 40px}.uxav2 .htm-media-case .htf-comparison-notes p{margin-top:12px;font-size:16px;line-height:1.8;color:#536177}
.uxav2 .htm-media-case .htf-free-pair{display:grid;grid-template-columns:1fr 1fr;gap:40px;padding:36px 32px}.uxav2 .htm-media-case .htf-free-pair article{min-width:0}.uxav2 .htm-media-case .htf-free-pair h4{margin:28px 0 12px;font-size:23px;line-height:1.3;color:#20355a}.uxav2 .htm-media-case .htf-free-pair p{font-size:16px;line-height:1.8;color:#536177}
.uxav2 .htm-media-case .htf-paper,.uxav2 .htm-media-case .htf-audio{min-height:230px;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;border:1px solid #dbe4e8;border-radius:12px;background:#f8faf9;padding:30px;box-shadow:0 14px 28px -24px #20355a66}
.uxav2 .htm-media-case .htf-paper small,.uxav2 .htm-media-case .htf-audio>span{font-size:10px;color:#647186;line-height:1.6;letter-spacing:.05em}.uxav2 .htm-media-case .htf-paper>strong{font-family:Georgia,serif;font-size:27px;font-weight:400;color:#285567;line-height:1.2;margin-top:18px}.uxav2 .htm-media-case .htf-paper>span{font-size:11px;margin-top:18px;color:#647186}
.uxav2 .htm-media-case .htf-audio{background:#fff}.uxav2 .htm-media-case .htf-audio>strong{font-size:19px;line-height:1.4;margin:22px 0 12px;color:#285567}
.uxav2 .htm-media-case .htf-wave{display:flex;align-items:center;gap:5px;height:58px;margin-top:24px}.uxav2 .htm-media-case .htf-wave i{display:block;width:5px;height:18px;background:#b7cbc8;border-radius:8px}.uxav2 .htm-media-case .htf-wave i:nth-child(3n){height:44px;background:#628c87}.uxav2 .htm-media-case .htf-wave i:nth-child(4n){height:30px}.uxav2 .htm-media-case .htf-wave i:nth-child(5n){height:52px;background:#285567}
.uxav2 .htm-media-case .htf-free-offer>footer{display:flex;align-items:center;gap:16px;padding:22px 32px;border-top:1px solid #e4e9f0}.uxav2 .htm-media-case .htf-free-offer>footer p{font-size:14px;line-height:1.8;color:#536177;margin:0}.uxav2 .htm-media-case .htf-small-check{display:grid;place-items:center;flex:none;width:26px;height:26px;border:1px solid #dbe1ea;border-radius:50%;color:#647186;font-size:12px}
@media(max-width:1000px){.uxav2 .htm-media-case .htf-origin-stage{grid-template-columns:1fr}.uxav2 .htm-media-case .htf-origin-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.uxav2 .htm-media-case .htf-origin-steps>div{display:block;padding:0}.uxav2 .htm-media-case .htf-origin-steps>div+div{border:0}.uxav2 .htm-media-case .htf-origin-steps>div>span{margin-bottom:16px}.uxav2 .htm-media-case .htf-mini-message>strong{font-size:29px}}
@media(max-width:600px){.uxav2 .htm-media-case .htf-origin,.uxav2 .htm-media-case .htf-free-offer{margin:32px 0 44px}.uxav2 .htm-media-case .htf-figure-head{padding:24px 22px}.uxav2 .htm-media-case .htf-figure-head h3{font-size:27px}.uxav2 .htm-media-case .htf-origin-stage{gap:28px;padding:24px 20px}.uxav2 .htm-media-case .htf-mini-page{padding:22px 15px;gap:12px}.uxav2 .htm-media-case .htf-mini-message>strong{font-size:21px}.uxav2 .htm-media-case .htf-mini-guide{padding:16px 12px}.uxav2 .htm-media-case .htf-mini-guide>strong{font-size:18px}.uxav2 .htm-media-case .htf-heal{gap:4px}.uxav2 .htm-media-case .htf-heal i{width:22px;height:22px;font-size:11px}.uxav2 .htm-media-case .htf-origin-steps{grid-template-columns:1fr;gap:0}.uxav2 .htm-media-case .htf-origin-steps>div{display:flex;padding:20px 0}.uxav2 .htm-media-case .htf-origin-steps>div+div{border-top:1px solid #dfe5ed}.uxav2 .htm-media-case .htf-origin-steps>div>span{margin:0}.uxav2 .htm-media-case .htf-origin>figcaption{padding:20px 22px}.uxav2 .htm-media-case .htf-comparison-notes{grid-template-columns:1fr;gap:24px}.uxav2 .htm-media-case .htf-free-pair{grid-template-columns:1fr;gap:32px;padding:24px 22px}.uxav2 .htm-media-case .htf-free-offer>footer{padding:20px 22px}.uxav2 .htm-media-case .htf-paper,.uxav2 .htm-media-case .htf-audio{min-height:210px;padding:24px}}