:root {
  color-scheme:light;
  --ink:#122742;--muted:#526178;--blue:#2058db;--line:#dce4ee;--light:#edf4ff;--paper:#fff;
  font-family:"Segoe UI",Arial,Helvetica,sans-serif;font-synthesis:none;font-size:16px;color:var(--ink);background:#f7f9fd;
}
* {box-sizing:border-box}
html {scroll-behavior:smooth;scroll-padding-top:30px}
body {margin:0;background:radial-gradient(ellipse 700px 600px at 90% 12%,#deebff 0,transparent 85%),#f7f9fd;line-height:1.55}
button,input {font:inherit}
a {color:var(--blue);text-underline-offset:3px}
h1,h2,h3,p {margin:0}
h1,h2 {letter-spacing:-1.7px;line-height:1.1}
h2 {font-size:38px;font-weight:700}
button,a,summary {-webkit-tap-highlight-color:transparent}
button,summary {cursor:pointer}
button:disabled {opacity:.68;cursor:wait}
:focus-visible {outline:3px solid #154bbe;outline-offset:5px}
[hidden] {display:none!important}
.wrap {width:min(1184px,calc(100% - 80px));margin-inline:auto}
.sr-only,.trap {position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
.skip-link {position:absolute;left:20px;top:-100px;background:#fff;padding:12px;z-index:10}
.skip-link:focus {top:10px}
.button {display:inline-flex;align-items:center;justify-content:center;gap:18px;border:1px solid var(--blue);border-radius:12px;background:var(--blue);color:#fff;text-decoration:none;font-weight:650;font-size:14px;line-height:1.3;padding:18px 20px;min-height:54px;box-shadow:0 4px 10px #2058db10;transition:background .18s,box-shadow .18s,transform .18s}
.button:hover {background:#174ac3;box-shadow:0 7px 18px #2058db24;transform:translateY(-1px)}
.button-small {padding:12px 17px;min-height:44px;border-radius:10px}
.button span[aria-hidden] {font-size:19px;line-height:1}
.nav {margin-top:22px;padding:15px 24px;border:1px solid #e3e9f3;background:#fff;border-radius:20px;display:flex;align-items:center;justify-content:space-between;gap:20px;box-shadow:0 6px 25px #17345c06}
.brand {display:block;width:225px;height:44px;position:relative;overflow:hidden;flex-shrink:0}
.brand img {position:absolute;width:267px;height:auto;max-width:none;left:-22px;top:-26px}
.nav nav {display:flex;align-items:center;gap:27px}
.nav nav>a:not(.button) {font-size:13px;font-weight:500;text-decoration:none;color:var(--muted);padding-block:12px}
.nav nav>a:hover {color:var(--blue)}
.nav nav>.button:hover {color:#fff}
.hero {display:grid;grid-template-columns:1.08fr 1fr;gap:64px;padding-top:66px;padding-bottom:54px;align-items:center}
.eyebrow {font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:1.35px;color:var(--blue);display:flex;gap:9px;align-items:center;margin-bottom:20px}
.dot {width:6px;height:6px;background:currentColor;border-radius:50%;flex-shrink:0}
.hero-eyebrow {width:fit-content;padding:7px 12px;border:1px solid #d3e0f8;border-radius:30px;background:#f0f5ff;margin-bottom:24px;letter-spacing:1px}
h1 {font-size:clamp(44px,4.6vw,63px);line-height:1.035;letter-spacing:-2.8px;font-weight:750}
h1>span {color:var(--blue)}
.lead {font-size:16px;color:var(--muted);line-height:1.75;max-width:470px;margin-top:24px}
#ab-form {margin-top:27px;scroll-margin-top:36px}
.form-label {display:block;font-size:12px;font-weight:650;margin-bottom:9px}
.form-row {display:flex;gap:8px}
.form-row input {min-width:0;width:100%;flex:1;border:1px solid #c8d3e4;border-radius:12px;padding:15px 14px;color:var(--ink);background:#fff;font-size:16px;min-height:56px;box-shadow:0 2px 5px #142e5403}
.form-row input::placeholder {color:#718099}
.form-row .button {flex-shrink:0;padding-inline:15px;gap:12px}
.legal {display:flex;align-items:flex-start;gap:8px;font-size:11px;line-height:1.6;color:var(--muted);margin-top:13px}
.legal input {width:16px;height:16px;margin:1px 0 0;flex-shrink:0;accent-color:var(--blue)}
.assurance {display:flex;gap:8px;align-items:center;font-size:12px;font-weight:650;margin-top:18px;flex-wrap:wrap}
.assurance>span:first-child {color:#247340}
.after {font-size:12px;color:var(--muted);margin-top:5px}
.form-result {padding:14px 16px;font-size:13px;margin-top:16px;border-radius:10px;border:1px solid}
.form-result[data-state=success] {background:#eaf7ef;color:#195e36;border-color:#a4d7b7}
.form-result[data-state=error] {background:#fff0ef;color:#8c241b;border-color:#efb4ad}
.sample {min-width:0;scroll-margin-top:25px;position:relative;isolation:isolate}
.sample::before {content:"";position:absolute;z-index:-1;inset:53px -13px 49px 16px;background:#d8e6ff;border:1px solid #cdddf7;border-radius:23px;transform:rotate(2.3deg)}
.sample-label {display:flex;align-items:center;gap:8px;font-size:12px;font-weight:650;margin:0 5px 14px;color:var(--ink)}
.sample-label>.dot {color:var(--blue)}
.sample-date {margin-left:auto;color:#607088;font-size:10px;letter-spacing:1px}
.mail-window {background:#fff;border:1px solid #cfdcf0;border-radius:19px;overflow:hidden;box-shadow:0 22px 60px #17418518,0 3px 6px #12274205}
.mail-toolbar {padding:17px 18px;border-bottom:1px solid #dbe5f4;display:flex;align-items:center;gap:15px;font-size:11px;color:#506785;background:#f4f7fc}
.window-dots {display:flex;gap:5px;flex-shrink:0}
.window-dots i {display:block;width:7px;height:7px;background:#b6c7df;border-radius:50%}
.window-dots i:first-child {background:#2058db}
.window-dots i:nth-child(2) {background:#88a9e4}
.mail-channel {margin-left:auto;letter-spacing:1.3px;font-size:9px;color:#566d91}
.mail-viewport {height:474px;overflow:hidden;position:relative;background:#f4f7fb;pointer-events:none}
.mail-viewport iframe {width:100%;height:2400px;border:0;display:block}
.mail-fade {position:absolute;inset:auto 0 0;height:70px;background:linear-gradient(transparent,#fff)}
.sample-link {display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 23px;font-size:13px;font-weight:650;text-decoration:none;border-top:1px solid #edf1f8;min-height:56px;background:#fff;transition:background .18s}
.sample-link:hover {background:#edf4ff}
.sample-link>span[aria-hidden] {font-size:18px}
.sample-caption {font-size:10px;color:#5e6e86;text-align:center;margin-top:16px}
.benefits {display:grid;grid-template-columns:repeat(3,1fr);gap:14px;padding-bottom:54px}
.benefits>div {padding:24px 22px;display:flex;gap:15px;align-items:flex-start;border:1px solid #e0e7f1;border-radius:16px;background:#fff;box-shadow:0 3px 8px #12274202}
.benefit-number {display:flex;align-items:center;justify-content:center;width:30px;height:30px;border-radius:9px;flex-shrink:0;background:#edf3ff;font-size:11px;font-weight:700;color:var(--blue)}
.benefits h2 {font-size:14px;line-height:1.5;letter-spacing:-.2px;margin:3px 0 6px}
.benefits p {font-size:12px;color:var(--muted);line-height:1.75}
.criterion {display:grid;grid-template-columns:1.04fr 1fr;gap:68px;padding:50px;border:1px solid #1c416b;border-radius:26px;background:radial-gradient(ellipse at 100% 0,#1e457a 0,transparent 65%),#102c50;color:#fff;position:relative;scroll-margin-top:30px}
.criterion .eyebrow {color:#a8c9ff}
.criterion h2 {font-size:37px;line-height:1.15;letter-spacing:-1.6px}
.criterion h2>span {color:#a8c9ff}
.founder-description {font-size:14px;color:#d4e0f2;margin-top:19px;max-width:470px;line-height:1.85}
.founder-description strong {color:#fff;font-weight:600}
.editorial-method {align-self:center;min-width:0}
.method-heading {display:flex;align-items:center;justify-content:space-between;gap:16px;color:#bacde7;font-size:11px;padding-bottom:18px;border-bottom:1px solid #ffffff26}
.method-heading>span {font-size:23px;color:#a8c9ff}
.method-row {display:grid;grid-template-columns:25px 1fr;gap:15px;padding:21px 0;border-bottom:1px solid #ffffff26}
.method-row:last-child {padding-bottom:0;border-bottom:0}
.method-number {color:#a8c9ff;font-size:11px;line-height:26px;font-weight:650}
.method-row h3 {font-size:17px;font-weight:600;letter-spacing:-.3px;line-height:1.5}
.method-row p {font-size:13px;color:#d4e0f2;line-height:1.8;margin-top:6px}
.pricing {display:grid;grid-template-columns:1fr 1fr;gap:90px;padding:76px 40px;align-items:center;scroll-margin-top:25px}
.pricing-intro h2 {font-size:39px;line-height:1.14}
.trial-steps {list-style:none;margin:28px 0 0;padding:0;display:grid;gap:21px}
.trial-steps li {display:flex;gap:13px;align-items:flex-start;font-size:13px}
.trial-steps li>span {background:#e9f0fc;color:var(--blue);display:flex;align-items:center;justify-content:center;font-size:11px;width:28px;height:28px;border-radius:50%;flex-shrink:0;font-weight:700}
.trial-steps strong {font-size:13px;font-weight:650;line-height:28px}
.trial-steps p {font-size:12px;color:var(--muted);line-height:1.6;margin-top:1px}
.price-card {padding:34px;background:#fff;border:1px solid #d1dff4;border-radius:22px;box-shadow:0 12px 35px #18376b08;position:relative;overflow:hidden}
.price-card::before {content:"";position:absolute;inset:0 0 auto;height:4px;background:var(--blue)}
.price-kicker {font-size:11px;display:flex;align-items:center;gap:8px;color:var(--blue);font-weight:600;margin-bottom:20px}
.price-card h2 {font-size:47px;letter-spacing:-2px;color:var(--blue)}
.price {font-size:13px;color:var(--muted);margin-top:13px}
.price strong {font-size:25px;color:var(--ink);letter-spacing:-.7px;margin-left:3px}
.price>span {font-size:12px}
.price-includes {font-size:13px;color:var(--muted);line-height:1.85;margin:22px 0;padding-top:20px;border-top:1px solid var(--line)}
.price-card .button {width:100%;justify-content:space-between}
.price-assurance {font-size:10px;color:var(--ink);font-weight:600;margin-top:15px;text-align:center;line-height:1.8}
.price-note {font-size:11px;color:var(--muted);text-align:center;margin-top:7px;line-height:1.7}
.faq {display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;padding-block:48px 65px;border-top:1px solid var(--line)}
.faq h2 {font-size:33px}
.faq .eyebrow {margin-bottom:16px}
.faq-list details {border-bottom:1px solid var(--line)}
.faq-list summary {padding:19px 35px 19px 0;list-style:none;position:relative;font-weight:600;font-size:14px;line-height:1.6}
.faq-list summary::-webkit-details-marker {display:none}
.faq-list summary::after {content:'+';position:absolute;right:0;top:17px;font-size:20px;font-weight:400;color:var(--blue);background:#e9f0fd;border-radius:7px;width:25px;height:25px;line-height:23px;text-align:center}
.faq-list details[open] summary::after {content:'−'}
.faq-list details p {font-size:13px;line-height:1.8;color:var(--muted);padding:0 28px 20px 0}
.footer {border-top:1px solid var(--line);padding-block:30px;display:grid;grid-template-columns:1fr auto;gap:15px 30px;font-size:11px;color:var(--muted)}
.footer strong {font-size:15px;color:var(--ink);font-weight:650}
.footer p {margin-top:5px}
.footer-links {display:flex;flex-wrap:wrap;gap:5px 18px;align-items:center;justify-content:flex-end}
.footer-links a {padding-block:7px;color:var(--muted);text-decoration:none}
.footer-links a:hover {text-decoration:underline}
.footer-disclaimer {grid-column:1/-1;font-size:10px}
@media(min-width:1440px) {
  .hero {gap:80px;padding-top:74px}
}
@media(max-width:1100px) {
  .wrap {width:calc(100% - 56px)}
  .nav nav {gap:19px}
  .hero {gap:36px;padding-top:52px}
  .hero h1 {font-size:49px}
  .form-row {flex-direction:column}
  .mail-viewport {height:530px}
  .benefits>div {padding:20px 16px;gap:11px}
  .criterion {gap:40px;padding:36px}
  .criterion h2 {font-size:33px}
  .pricing {padding-inline:25px;gap:55px}
  .price-card {padding:28px}
  .price-card h2 {font-size:43px}
  .footer {grid-template-columns:1fr}
  .footer-links {justify-content:flex-start}
}
@media(max-width:900px) {
  .nav-criterion {display:none}
  .hero h1 {font-size:43px}
  .hero {gap:30px}
  .hero-eyebrow {font-size:10px;letter-spacing:.7px}
  .benefits>div {flex-direction:column;gap:10px}
  .criterion {gap:30px;padding:30px}
  .criterion h2 {font-size:30px}
  .pricing {padding-inline:12px;gap:35px}
  .pricing-intro h2 {font-size:34px}
  .price-card {padding:25px}
  .price-card h2 {font-size:39px}
}
@media(max-width:760px) {
  .wrap {width:calc(100% - 40px)}
  .nav {padding:10px 15px;margin-top:12px;border-radius:15px;gap:8px}
  .brand {width:183px;height:36px}
  .brand img {width:219px;left:-18px;top:-21px}
  .nav nav {gap:0}
  .nav-example,.nav-price {display:none}
  .button-small {font-size:12px;padding:11px 12px;gap:9px;min-height:42px}
  .hero {grid-template-columns:1fr;gap:38px;padding-block:37px 32px}
  .eyebrow {font-size:10px;letter-spacing:1.05px;margin-bottom:18px}
  .hero-eyebrow {margin-bottom:22px}
  .hero h1 {font-size:clamp(42px,7.8vw,58px);letter-spacing:-2px;line-height:1.06}
  .desktop-break {display:none}
  .lead {margin-top:20px;font-size:15px;max-width:560px;line-height:1.75}
  .form-row {flex-direction:row}
  .form-row .button {font-size:13px;gap:8px;padding-inline:13px}
  .legal {font-size:11px}
  .sample {max-width:560px;width:100%;margin-inline:auto}
  .sample::before {inset:53px -6px 49px 12px;transform:rotate(1.5deg)}
  .mail-viewport {height:470px}
  .sample-caption {font-size:10px}
  .benefits {gap:12px;grid-template-columns:1fr;padding-block:0 32px}
  .benefits>div {flex-direction:row;gap:16px;padding:20px}
  .benefit-number {width:34px;height:34px}
  .benefits h2 {margin:1px 0 3px}
  .criterion {grid-template-columns:1fr;gap:33px;padding:32px;border-radius:22px}
  .criterion h2 {font-size:35px;letter-spacing:-1.5px}
  .founder-description {max-width:none;margin-top:17px}
  .method-heading {padding-bottom:14px}
  .method-row {padding:19px 0}
  .pricing {grid-template-columns:1fr;gap:28px;padding:43px 0}
  .pricing-intro h2 {font-size:35px}
  .pricing-intro h2 br {display:none}
  .trial-steps {gap:16px;margin-top:23px}
  .price-card {padding:30px}
  .price-card h2 {font-size:45px}
  .price-assurance {font-size:11px}
  .faq {grid-template-columns:1fr;gap:16px;padding-block:33px 40px}
  .faq h2 {font-size:29px}
  .faq h2 br {display:none}
  .footer {padding-block:24px}
  .footer-links {gap:3px 18px}
}
@media(max-width:480px) {
  .wrap {width:calc(100% - 32px)}
  .form-row {flex-direction:column}
  .form-row .button {font-size:14px;min-height:54px}
  .nav .brand {width:159px;height:33px}
  .nav .brand img {width:191px;left:-16px;top:-18px}
  .nav {padding-inline:11px}
  .button-small span {display:none}
  .hero h1 {font-size:44px}
  .sample-label {font-size:11px}
  .sample-date {font-size:9px;letter-spacing:.5px}
  .mail-toolbar {padding-inline:13px;gap:10px;font-size:10px}
  .mail-channel {font-size:8px}
  .sample-link {padding-inline:18px}
  .sample-caption {font-size:10px}
  .assurance {font-size:11px}
  .criterion {padding:26px 23px}
  .criterion h2 {font-size:31px}
  .method-row {gap:10px}
  .method-heading {font-size:10px}
  .price-card {padding:27px 23px}
  .price-card h2 {font-size:42px}
  .price-note {text-align:left}
  .price-assurance {font-size:10px}
}
@media(max-width:359px) {
  .wrap {width:calc(100% - 28px)}
  .nav .brand {width:140px}
  .nav .brand img {width:171px;left:-15px;top:-15px}
  .hero h1 {font-size:38px}
  .hero-eyebrow {font-size:9px}
  .sample-date {display:none}
  .criterion h2 {font-size:29px}
  .criterion {padding:25px 20px}
  .price-card h2 {font-size:38px}
}
@media(prefers-reduced-motion:reduce) {
  html {scroll-behavior:auto}
  * {transition:none!important}
}