.dtl{--dtl-bg:#fff;--dtl-soft:#f3f7fb;--dtl-card:#fff;--dtl-text:#10233f;--dtl-muted:#53667f;--dtl-line:#d4dfeb;--dtl-brand:#0c8f7b;--dtl-brand-hover:#087462;--dtl-navy:#10233f;--dtl-form-bg:#fff;--dtl-form-text:#10233f;--dtl-placeholder:#6b7c92;--dtl-radius:20px;background:var(--dtl-bg);color:var(--dtl-text);font-family:inherit;line-height:1.8;overflow-x:clip}
.dtl *{box-sizing:border-box}.dtl a{color:inherit;text-decoration:none}.dtl-shell{width:min(100% - 32px,1180px);margin-inline:auto}.dtl-section{padding-block:56px}.dtl-section--soft{background:var(--dtl-soft)}
.dtl-hero{background:linear-gradient(145deg,var(--dtl-soft),var(--dtl-bg));padding-block:56px}.dtl-hero__grid{display:grid;gap:28px}.dtl-kicker,.dtl-heading>span,.dtl-final span{display:inline-flex;color:var(--dtl-brand);font-weight:800;font-size:.85rem}.dtl h1{font-size:clamp(2rem,9vw,4.25rem);line-height:1.25;letter-spacing:-.04em;margin:12px 0 8px}.dtl h2{font-size:clamp(1.55rem,6vw,2.6rem);line-height:1.35;margin:8px 0 12px}.dtl h3{font-size:1.1rem;margin:0 0 8px}.dtl p{color:var(--dtl-muted);margin:0}.dtl .dtl-hero__promise{font-size:clamp(1.3rem,5vw,2rem);color:var(--dtl-brand);margin:0 0 16px}.dtl-lead{font-size:1.05rem;max-width:680px}
.dtl-actions{display:grid;gap:10px;margin-top:26px}.dtl-button,.dtl-mobile-cta{display:inline-flex;align-items:center;justify-content:center;min-height:48px;border-radius:14px;padding:10px 20px;font-weight:800;transition:background-color .2s ease,color .2s ease,transform .2s ease}.dtl-button--primary{background:var(--dtl-brand);color:#fff!important}.dtl-button--primary:hover{background:var(--dtl-brand-hover);transform:translateY(-1px)}.dtl-button--secondary{border:1px solid var(--dtl-line);background:var(--dtl-card)}.dtl-button--secondary:hover{background:var(--dtl-soft)}.dtl-button:focus-visible,.dtl-mobile-cta:focus-visible,.dtl-retry:focus-visible{outline:3px solid #f4b740;outline-offset:3px}
.dtl-trust{display:grid;gap:8px;padding:0;margin:22px 0 0;list-style:none;color:var(--dtl-muted);font-size:.92rem}.dtl-trust li:before{content:'✓';color:var(--dtl-brand);font-weight:900;margin-left:8px}.dtl-hero__panel{background:var(--dtl-navy);color:var(--dtl-bg);border-radius:var(--dtl-radius);padding:24px;box-shadow:0 18px 50px rgba(16,35,63,.14)}.dtl-hero__eyebrow{display:block;color:var(--dtl-brand);font-weight:800;margin-bottom:8px}.dtl-hero__panel strong{font-size:1.15rem}.dtl-hero__panel ol{padding-right:22px;margin:16px 0 0}.dtl-hero__panel li+li{margin-top:9px}
.dtl-heading{max-width:760px;margin-bottom:26px}.dtl-heading--compact{margin-top:54px}.dtl-benefits,.dtl-module-grid,.dtl-plan-grid,.dtl-role-grid,.dtl-advantages{display:grid;gap:14px}.dtl-benefits article,.dtl-module-card,.dtl-plan-card,.dtl-role-grid article,.dtl-advantages article{border:1px solid var(--dtl-line);background:var(--dtl-card);border-radius:var(--dtl-radius);padding:22px}.dtl .dtl-solution-line{margin-top:22px;color:var(--dtl-text);font-size:1.15rem;font-weight:900}.dtl-module-tabs{display:flex;gap:8px;overflow-x:auto;padding:2px 2px 14px;scrollbar-width:thin}.dtl-module-tab{flex:0 0 auto;min-height:44px;border:1px solid var(--dtl-line);border-radius:999px;background:var(--dtl-card);color:var(--dtl-text);padding:8px 14px;font:inherit;font-weight:800;cursor:pointer}.dtl-module-tab[aria-pressed="true"]{border-color:var(--dtl-brand);background:var(--dtl-brand);color:var(--dtl-bg)}.dtl-module-tab:focus-visible,.dtl-compare-group__toggle:focus-visible,.dtl-faq summary:focus-visible{outline:3px solid var(--dtl-brand);outline-offset:2px}.dtl-module-card__category{display:inline-flex;background:var(--dtl-soft);color:var(--dtl-brand);border-radius:999px;padding:3px 10px;font-size:.75rem;font-weight:800;margin-bottom:12px}.dtl-plan-card{display:flex;flex-direction:column}.dtl-plan-card__price{display:flex;align-items:baseline;gap:6px;margin:14px 0}.dtl-plan-card__price strong{font-size:1.7rem}.dtl-plan-coverage{display:grid;gap:8px;padding:14px;border-radius:14px;background:var(--dtl-soft)}.dtl-plan-coverage__text{display:flex;justify-content:space-between;gap:12px;font-size:.86rem}.dtl-plan-coverage progress{width:100%;height:10px;accent-color:var(--dtl-brand)}.dtl-plan-card ul{padding:0;list-style:none;margin:10px 0 22px}.dtl-plan-card li{display:flex;justify-content:space-between;gap:12px;padding-block:8px;border-bottom:1px solid var(--dtl-line);font-size:.9rem}.dtl-plan-card .dtl-button{margin-top:auto}
.dtl-state{grid-column:1/-1;border:1px dashed var(--dtl-line);border-radius:14px;padding:22px;text-align:center}.dtl-state--error{color:#a92b3a;background:#fff3f5}.dtl-retry{display:inline-flex;min-height:44px;align-items:center;border:0;border-radius:12px;background:var(--dtl-navy);color:#fff;padding:8px 18px;font:inherit;font-weight:800;cursor:pointer;margin-top:12px}
.dtl-table-wrap{width:100%;max-width:100%;overflow-x:auto;border:1px solid var(--dtl-line);border-radius:var(--dtl-radius);background:var(--dtl-card);-webkit-overflow-scrolling:touch}.dtl-table-wrap table{width:100%;min-width:680px;border-collapse:separate;border-spacing:0}.dtl-table-wrap th,.dtl-table-wrap td{padding:14px 12px;border-bottom:1px solid var(--dtl-line);text-align:center;white-space:normal}.dtl-table-wrap th{background:var(--dtl-soft);font-weight:900}.dtl-table-wrap th:first-child,.dtl-table-wrap td:first-child{position:sticky;right:0;z-index:2;background:var(--dtl-card);text-align:right;min-width:170px}.dtl-table-wrap thead th:first-child{background:var(--dtl-soft);z-index:3}.dtl-sticky-head{position:fixed;z-index:1000;display:none;overflow:hidden;border:1px solid var(--dtl-line,#d4dfeb);background:var(--dtl-soft,#f3f7fb);color:var(--dtl-text,#10233f);box-shadow:0 10px 24px rgba(16,35,63,.14);pointer-events:none}.dtl-sticky-head.is-visible{display:block}.dtl-sticky-head__cell{position:absolute;top:0;display:flex;align-items:center;justify-content:center;padding:14px 12px;border-left:1px solid var(--dtl-line,#d4dfeb);background:var(--dtl-soft,#f3f7fb);color:var(--dtl-text,#10233f);font-weight:900;text-align:center;line-height:1.5}.dtl-sticky-head__cell:first-child{justify-content:flex-start;text-align:right;z-index:2}.dtl-check{color:var(--dtl-brand);font-size:1.2rem;font-weight:900}.dtl-dash{color:var(--dtl-muted)}
.dtl-table-wrap .dtl-compare-group th{position:static;padding:0;background:var(--dtl-soft)}.dtl-compare-group__toggle{width:100%;min-height:48px;border:0;background:var(--dtl-soft);color:var(--dtl-text);padding:10px 16px;text-align:right;font:inherit;font-weight:900;cursor:pointer}.dtl-compare-group__toggle:after{content:'⌃';float:left}.dtl-compare-group__toggle[aria-expanded="false"]:after{content:'⌄'}
.dtl-journey{display:grid;gap:12px;list-style:none;padding:0;counter-reset:journey}.dtl-journey li{counter-increment:journey;display:flex;align-items:center;gap:10px;min-height:64px;border:1px solid var(--dtl-line);border-radius:14px;background:var(--dtl-card);padding:12px;font-weight:800}.dtl-journey li:before{content:counter(journey);display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;min-width:36px;aspect-ratio:1;border-radius:50%;background:var(--dtl-brand);color:var(--dtl-bg);line-height:1}.dtl-faq{display:grid;gap:10px}.dtl-faq details{border:1px solid var(--dtl-line);border-radius:14px;background:var(--dtl-card);padding:0 18px}.dtl-faq summary{min-height:56px;display:flex;align-items:center;font-weight:900;cursor:pointer}.dtl-faq details p{padding:0 0 18px}.dtl-final__trust{display:flex;flex-wrap:wrap;gap:8px 18px;padding:0;list-style:none}.dtl-final__trust li:before{content:'✓';margin-left:6px;color:var(--dtl-brand)}
.dtl-steps{display:grid;gap:14px;padding:0;list-style:none;counter-reset:steps}.dtl-steps li{counter-increment:steps;display:grid;grid-template-columns:44px 1fr;gap:12px;border:1px solid var(--dtl-line);border-radius:var(--dtl-radius);padding:18px}.dtl-steps li:before{content:counter(steps);display:grid;place-items:center;width:44px;height:44px;border-radius:13px;background:var(--dtl-brand);color:#fff;font-weight:900}.dtl-steps b,.dtl-steps span{grid-column:2}.dtl-steps span{color:var(--dtl-muted)}.dtl-final{display:grid;gap:24px;border-radius:var(--dtl-radius);padding:26px;background:var(--dtl-navy);color:#fff}.dtl-final h2{color:#fff!important}.dtl-final p{color:#e6edf5!important}.dtl-contact-link{display:inline-flex;margin-top:12px;color:#fff!important;text-decoration:underline!important;text-underline-offset:5px;font-weight:700}.dtl .dtl-final .dtl-demo-form{display:grid;gap:14px;background:var(--dtl-form-bg);color:var(--dtl-form-text);border:1px solid var(--dtl-line);border-radius:16px;padding:18px}.dtl-field{display:grid;gap:6px}.dtl .dtl-demo-form .dtl-field label{color:var(--dtl-form-text);-webkit-text-fill-color:var(--dtl-form-text);font-weight:800}.dtl .dtl-field input{width:100%;min-height:48px;border:1px solid var(--dtl-line);border-radius:12px;background:var(--dtl-form-bg);color:var(--dtl-form-text);-webkit-text-fill-color:var(--dtl-form-text);caret-color:var(--dtl-form-text);padding:10px 12px;font:inherit;opacity:1}.dtl .dtl-field input::placeholder{color:var(--dtl-placeholder);-webkit-text-fill-color:var(--dtl-placeholder);opacity:1}.dtl-field input:focus{border-color:var(--dtl-brand);outline:3px solid rgba(12,143,123,.18)}.dtl-field.is-invalid input{border-color:#b42318;background:#fff5f4}.dtl-field small{min-height:1.4em;color:#b42318;font-size:.8rem}.dtl-demo-form .dtl-button{border:0;font:inherit;cursor:pointer}.dtl-demo-form .dtl-button[disabled]{cursor:wait;opacity:.72}.dtl-form-message{min-height:1.6em;font-size:.85rem!important}.dtl-form-message.is-success{color:#087462!important}.dtl-form-message.is-error{color:#b42318!important}.dtl-honeypot{position:absolute!important;right:-9999px!important;width:1px!important;height:1px!important;opacity:0!important}.dtl-final .dtl-button--primary{background:#10a68e;color:#fff!important}.dtl-final .dtl-button--primary:hover{background:#0c8f7b}.dtl-mobile-cta{position:fixed;z-index:20;bottom:12px;right:16px;left:16px;background:var(--dtl-brand);color:#fff!important;box-shadow:0 10px 30px rgba(16,35,63,.25)}
@media (min-width:700px){.dtl-shell{width:min(100% - 48px,1180px)}.dtl-section,.dtl-hero{padding-block:80px}.dtl-actions{display:flex;flex-wrap:wrap}.dtl-trust{grid-template-columns:repeat(2,max-content)}.dtl-benefits,.dtl-module-grid,.dtl-role-grid,.dtl-advantages{grid-template-columns:repeat(2,1fr)}.dtl-plan-grid{grid-template-columns:repeat(2,1fr)}.dtl-journey{grid-template-columns:repeat(2,1fr)}.dtl-steps{grid-template-columns:repeat(3,1fr)}.dtl-final{grid-template-columns:minmax(0,1fr) minmax(320px,420px);align-items:center;padding:38px}.dtl-mobile-cta{display:none}}
body.page-id-9869 .page-title,body.page-id-9869 .page_title,body.page-id-9869 .page_title_in,body.page-id-9869 .entry-title,body.page-id-9869 .breadcrumbs,body.page-id-9869 .breadcrumb,body.page-id-9869 .page-header{display:none}
@media (min-width:960px){.dtl-hero__grid{grid-template-columns:minmax(0,1.4fr) minmax(300px,.6fr);align-items:center}.dtl-benefits,.dtl-role-grid{grid-template-columns:repeat(3,1fr)}.dtl-module-grid{grid-template-columns:repeat(3,1fr)}.dtl-plan-grid{grid-template-columns:repeat(3,1fr)}.dtl-advantages{grid-template-columns:repeat(4,1fr)}.dtl-journey{grid-template-columns:repeat(7,1fr)}.dtl-journey li{display:grid;text-align:center;justify-items:center}}
@media (prefers-reduced-motion:reduce){.dtl *{scroll-behavior:auto!important;transition:none!important}}
.dtl-order-resume{display:block;min-height:44px;margin:18px auto 0;border:1px solid var(--dtl-brand);border-radius:12px;background:var(--dtl-card);color:var(--dtl-brand);padding:8px 18px;font:inherit;font-weight:800;cursor:pointer}.dtl-order-resume[hidden]{display:none}.dtl-order-resume:disabled{cursor:wait;opacity:.65}.dtl-order-resume.is-waiting{background:var(--dtl-brand);color:var(--dtl-card);border-color:var(--dtl-brand)}
.dtl-checkout{width:min(680px,calc(100% - 24px));max-height:90vh;overflow:auto;border:1px solid var(--dtl-line);border-radius:20px;background:var(--dtl-card);color:var(--dtl-text);padding:22px;box-shadow:0 24px 70px rgba(16,35,63,.24)}.dtl-checkout::backdrop{background:rgba(16,35,63,.62);backdrop-filter:blur(4px)}.dtl-checkout__head{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:20px}.dtl-checkout__head h2{margin:4px 0 0}.dtl-checkout__close{width:44px;height:44px;border:1px solid var(--dtl-line);border-radius:12px;background:var(--dtl-soft);color:var(--dtl-text);font:inherit;font-size:1.4rem;cursor:pointer}.dtl-checkout__summary,.dtl-payment-info{border:1px solid var(--dtl-line);border-radius:14px;background:var(--dtl-soft);padding:14px;margin-bottom:18px}.dtl-checkout__form{display:grid;grid-template-columns:1fr 1fr;gap:14px}.dtl-checkout__form .dtl-button,.dtl-field--full{grid-column:1/-1}.dtl-checkout textarea{min-height:100px;resize:vertical;border:1px solid var(--dtl-line);border-radius:12px;background:var(--dtl-card);color:var(--dtl-text);padding:12px;font:inherit}.dtl-payment-info{display:grid;gap:8px}.dtl-payment-info code{direction:ltr;text-align:left;font-size:1rem}.dtl-checkout [hidden]{display:none}.dtl-checkout .dtl-form-message{margin-top:14px}.dtl-checkout.dtl-checkout--fallback[open]{position:fixed;z-index:10001;inset:50% auto auto 50%;display:block;transform:translate(-50%,-50%)}@media(max-width:560px){.dtl-checkout{padding:16px}.dtl-checkout__form{grid-template-columns:1fr}.dtl-checkout__form .dtl-field{grid-column:1}.dtl-checkout__head h2{font-size:1.2rem}}
.dtl-checkout[open]{position:fixed;inset:50% auto auto 50%;margin:0;transform:translate(-50%,-50%)}
.dtl-module-category-intro{grid-column:1/-1;border-right:4px solid var(--dtl-brand);background:var(--dtl-soft);border-radius:14px;padding:14px 16px}.dtl-module-category-intro h3{color:var(--dtl-text)}
.dtl-table-wrap table{min-width:1160px}.dtl-table-wrap thead th{height:72px;min-width:110px;vertical-align:middle;line-height:1.5;color:var(--dtl-text)}.dtl-table-wrap th:first-child,.dtl-table-wrap td:first-child{width:170px;min-width:170px;max-width:170px;background:var(--dtl-soft);color:var(--dtl-text)}.dtl-table-wrap thead th:first-child{background:var(--dtl-navy);color:var(--dtl-bg)}
.dtl-sticky-head__cell:first-child{background:var(--dtl-navy);color:var(--dtl-bg)}@media(max-width:560px){.dtl-table-wrap table{min-width:1120px}.dtl-table-wrap thead th{height:68px;min-width:108px;padding:10px 8px}.dtl-table-wrap th:first-child,.dtl-table-wrap td:first-child{width:150px;min-width:150px;max-width:150px;padding:12px 10px}}
@media(max-width:560px){.dtl-module-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px;overflow:visible;padding:2px 0 12px}.dtl-module-tab{width:100%;min-width:0;min-height:44px;border-radius:12px;padding:6px 8px;font-size:.72rem;line-height:1.45;white-space:normal;text-align:center}}
@media(max-width:560px){.dtl-table-wrap{isolation:isolate}.dtl-table-wrap th:first-child,.dtl-table-wrap td:first-child{z-index:4;background-color:var(--dtl-soft);color:var(--dtl-text);-webkit-text-fill-color:var(--dtl-text);background-clip:padding-box;box-shadow:-1px 0 0 var(--dtl-line);transform:translateZ(0);backface-visibility:hidden;will-change:transform}.dtl-table-wrap thead th:first-child{z-index:6;background-color:var(--dtl-navy);color:var(--dtl-bg);-webkit-text-fill-color:var(--dtl-bg)}}

/* The saving on a plan, as one object rather than three loose spans.
   A percentage alone is an adjective; the amount it takes off is the reason.
   Laid out as badge / was-and-saves / until, reading down, so the eye lands on
   the percentage first and the arithmetic is there when it is wanted. */
.dtl-plan-deal{display:grid;gap:6px;margin:-6px 0 16px;padding:12px 14px;border:1px solid rgba(12,143,123,.28);border-radius:14px;background:linear-gradient(180deg,rgba(12,143,123,.09),rgba(12,143,123,.03))}
.dtl-plan-deal__badge{justify-self:start;display:inline-flex;align-items:center;gap:6px;padding:4px 12px;border-radius:999px;background:var(--dtl-brand);color:#fff;font-size:.8rem;font-weight:900;letter-spacing:.2px}
.dtl-plan-deal__was{display:flex;align-items:baseline;flex-wrap:wrap;gap:8px;font-size:.92rem}
.dtl-plan-deal__was s{color:var(--dtl-muted);text-decoration-thickness:1px}
.dtl-plan-deal__save{color:var(--dtl-brand-hover);font-weight:800}
.dtl-plan-deal__until{color:var(--dtl-muted);font-size:.8rem}
@media (prefers-reduced-motion:no-preference){.dtl-plan-deal{transition:border-color .2s}}
.dtl-plan-card:hover .dtl-plan-deal{border-color:rgba(12,143,123,.45)}

/* The payment-method chooser. Drawn only when there is more than one method,
   so these rules never apply to a lone button pretending to be a choice.
   Same shape as the module tabs, because it is the same gesture. */
.dtl-pay-methods{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:16px}
.dtl-pay-methods:empty{display:none}
.dtl-pay-method{display:inline-flex;align-items:center;gap:8px;min-height:44px;border:1px solid var(--dtl-line);border-radius:999px;background:var(--dtl-card);color:var(--dtl-text);padding:8px 16px;font:inherit;font-weight:800;cursor:pointer}
.dtl-pay-method[aria-pressed="true"]{border-color:var(--dtl-brand);background:var(--dtl-brand);color:var(--dtl-bg)}
.dtl-pay-method:focus-visible{outline:3px solid var(--dtl-brand);outline-offset:2px}
.dtl-pay-method__tag{border-radius:999px;background:var(--dtl-soft);color:var(--dtl-brand);padding:2px 9px;font-size:.72rem;font-weight:800}
.dtl-pay-method[aria-pressed="true"] .dtl-pay-method__tag{background:var(--dtl-card)}
.dtl-payment-info .dtl-button{justify-self:start;margin-top:6px;border:0;font:inherit;font-weight:800;cursor:pointer}
.dtl-payment-info .dtl-button[disabled]{cursor:wait;opacity:.72}

/* Waiting, made visible. Every step of the checkout waits on a server and some
   of them wait on two -- opening a gateway asks the bank's before it can say
   where to send the buyer -- and a button that disables itself in silence reads
   as a button that missed the click. */
.dtl-spinner{display:inline-block;width:1em;height:1em;flex:0 0 auto;border:2px solid currentColor;border-top-color:transparent;border-radius:50%;vertical-align:-.15em;animation:dtl-spin .7s linear infinite}
.dtl-button[aria-busy="true"],.dtl-order-resume[aria-busy="true"]{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:wait;opacity:.85}
.dtl-busy{display:flex;align-items:center;gap:10px;margin-top:14px;padding:12px 14px;border:1px solid var(--dtl-line);border-radius:14px;background:var(--dtl-soft);color:var(--dtl-text);font-size:.92rem;font-weight:700}
.dtl-busy[hidden]{display:none}
@keyframes dtl-spin{to{transform:rotate(360deg)}}
@media (prefers-reduced-motion:reduce){
  /* No spin, but still an unmistakable "this is working" -- the point is the
     state, not the animation. */
  .dtl-spinner{animation:none;border-top-color:currentColor;opacity:.45}
}

.dtl .dtl-video {
  max-width: 960px;
  margin: clamp(28px, 5vw, 56px) auto 0;
  overflow: hidden;
  border: 1px solid rgba(15, 118, 110, .18);
  border-radius: 24px;
  background: rgba(255, 255, 255, .84);
  box-shadow: 0 22px 60px rgba(15, 23, 42, .12);
}
.dtl .dtl-video iframe { display: block; width: 100%; aspect-ratio: 16 / 9; border: 0; background: #0f172a; }
.dtl .dtl-video__caption { display: grid; gap: 8px; padding: 18px 22px; }
.dtl .dtl-video__caption strong { color: #0f172a; font-size: 1.05rem; }
.dtl .dtl-video__caption p { margin: 0; color: #475569; line-height: 1.9; }
.dtl .dtl-video__link { color: #0f766e; font-weight: 800; text-decoration: none; }
.dtl .dtl-video__link:hover { text-decoration: underline; }
@media (max-width: 640px) {
  .dtl .dtl-video { margin-top: 24px; border-radius: 18px; }
  .dtl .dtl-video__caption { padding: 14px 16px; }
}

/* Time left on an offer. Three cells, largest first, reading right to left the
   way the rest of the page does -- and no seconds: a number that changes while
   somebody reads it draws the eye away from the price it is about. */
.dtl-plan-deal__left{font-size:.8rem;font-weight:800;color:var(--dtl-brand-hover)}
.dtl-countdown{display:flex;gap:6px;direction:rtl}
.dtl-countdown__unit{flex:1 1 0;display:grid;justify-items:center;gap:2px;padding:6px 4px;border:1px solid rgba(12,143,123,.24);border-radius:10px;background:var(--dtl-card)}
.dtl-countdown__value{font-size:1.15rem;font-weight:900;line-height:1.1;color:var(--dtl-text);font-variant-numeric:tabular-nums}
.dtl-countdown__label{font-size:.7rem;color:var(--dtl-muted)}
/* 1.5.2 -- the comparison table.
   The box scrolls in both directions, so the plan row (thead) and the module
   column are sticky inside it and the browser keeps them painted while the
   finger is still moving. The earlier floating copy of the header was rebuilt
   from JS on every frame, and the translateZ/will-change layer on the module
   column made mobile browsers skip painting it mid-scroll: both only appeared
   once the page stopped. */
.dtl-table-wrap{max-height:min(78vh,760px);overflow:auto;overscroll-behavior-x:contain}
.dtl-table-wrap th:first-child,.dtl-table-wrap td:first-child{transform:none;backface-visibility:visible;will-change:auto;z-index:2}
.dtl-table-wrap thead th{position:sticky;top:0;z-index:3;background-color:var(--dtl-soft);box-shadow:0 1px 0 var(--dtl-line)}
.dtl-table-wrap thead th:first-child{position:sticky;top:0;right:0;z-index:5}
.dtl-table-wrap .dtl-compare-group th{position:static;z-index:auto}
.dtl-compare-group__toggle{position:sticky;right:0;display:block;width:min(100%,calc(100vw - 48px))}
.dtl-sticky-head{display:none!important}
@media(max-width:560px){
  .dtl-table-wrap{max-height:72vh}
  .dtl-table-wrap table{min-width:0;width:max-content!important;font-size:.8rem;line-height:1.55}
  .dtl-table-wrap th,.dtl-table-wrap td{padding:9px 6px}
  .dtl-table-wrap thead th{height:auto;min-width:84px;max-width:96px;padding:10px 6px;font-size:.78rem;line-height:1.45}
  .dtl-table-wrap th:first-child,.dtl-table-wrap td:first-child{width:112px;min-width:112px;max-width:112px;padding:9px 8px;font-size:.78rem;line-height:1.5}
  .dtl-table-wrap td{min-width:84px}
  .dtl-check{font-size:1rem}
  .dtl-compare-group__toggle{min-height:42px;padding:8px 12px;font-size:.85rem}
}
/* 1.5.2 -- module categories: two tidy rows on a wide screen, no sideways
   scroll, the way the phone already shows them in two columns. */
@media(min-width:561px){
  .dtl-module-tabs{display:grid;grid-template-columns:repeat(var(--dtl-tab-cols,5),minmax(0,1fr));gap:8px;overflow:visible;padding:2px 0 14px}
  .dtl-module-tab{width:100%;min-width:0;border-radius:12px;padding:8px 10px;white-space:normal;text-align:center;line-height:1.45}
}
/* 1.5.4 -- the introduction videos, together. Three across on a desktop, two
   on a tablet, a row to swipe on a phone with the next card peeking in. Each
   player keeps 16:9 inside a card of equal height. */
.dtl .dtl-videos[hidden]{display:none!important}
.dtl .dtl-video-tabs{display:flex;flex-wrap:wrap;justify-content:center;gap:8px;margin:0 0 20px}
.dtl .dtl-video-tabs[hidden]{display:none}
.dtl .dtl-video-tab{min-height:42px;border:1px solid var(--dtl-line);border-radius:999px;background:var(--dtl-card);color:var(--dtl-text);padding:8px 16px;font:inherit;font-weight:800;cursor:pointer}
.dtl .dtl-video-tab[aria-selected="true"]{border-color:var(--dtl-brand);background:var(--dtl-brand);color:#fff}
.dtl .dtl-video-tab:focus-visible{outline:3px solid var(--dtl-brand);outline-offset:2px}
.dtl .dtl-video-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;align-items:stretch}
.dtl .dtl-videos .dtl-video{display:flex;flex-direction:column;max-width:none;margin:0;border-radius:18px;box-shadow:0 14px 36px rgba(15,23,42,.1)}
.dtl .dtl-video__frame{position:relative;aspect-ratio:16/9;background:#0f172a}
.dtl .dtl-video__frame iframe{position:absolute;inset:0;width:100%;height:100%;aspect-ratio:auto;border:0}
.dtl .dtl-videos .dtl-video__caption{flex:1;align-content:start;gap:6px;padding:14px 16px}
.dtl .dtl-videos .dtl-video__caption strong{font-size:1rem;line-height:1.6}
.dtl .dtl-videos .dtl-video__caption p{font-size:.88rem;line-height:1.8;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}
@media(max-width:900px){.dtl .dtl-video-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}}
@media(max-width:560px){
  .dtl .dtl-video-grid{display:flex;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 2px 12px;-webkit-overflow-scrolling:touch;scrollbar-width:thin}
  .dtl .dtl-videos .dtl-video{flex:0 0 86%;scroll-snap-align:center}
  .dtl .dtl-video-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}
  .dtl .dtl-video-tab{border-radius:12px;padding:6px 8px;font-size:.78rem;min-width:0}
  .dtl .dtl-video-grid:has(> :only-child) .dtl-video{flex-basis:100%}
}
.dtl-plan-featured{border-color:var(--dtl-brand)}
.dtl-plan-popular{display:inline-flex;align-self:flex-start;padding:.25rem .75rem;border-radius:999px;background:var(--dtl-brand);color:var(--dtl-brand-ink,#fff);font-weight:700;font-size:.8rem}