*{box-sizing:border-box}body{margin:0;background:#f7f9fe;color:#152139;font:16px/1.6 system-ui,sans-serif}header,main{max-width:1120px;margin:auto;padding:24px}header,nav,.brand{display:flex;align-items:center;gap:20px}header{justify-content:space-between}.brand{font-size:26px;font-weight:800;text-decoration:none;color:inherit}.brand img{width:42px;height:42px;object-fit:contain}a{color:#1661d9}button,.primary{font:inherit;border:0;border-radius:12px;padding:12px 20px;background:#1565eb;color:white;cursor:pointer;text-decoration:none;display:inline-block}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #e6a400;outline-offset:4px}button:disabled{background:#556477;cursor:not-allowed}h1{font-size:clamp(38px,6vw,68px);line-height:1.08;letter-spacing:-2px;margin:18px 0}h1 span{color:#1565eb}.intro{max-width:650px;font-size:20px;color:#52617b}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:750;color:#1565eb}.notice{border:1px solid #bacfeb;background:#eaf2ff;border-radius:14px;padding:18px;margin:24px 0}.notice p{margin:4px 0 0}.plans,.steps{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin:32px 0}.plans article,.account{background:white;border:1px solid #d9e1ef;padding:30px;border-radius:22px}.featured{border:2px solid #1565eb!important;box-shadow:0 12px 40px #1565eb12}.price{font-size:22px;font-weight:700}.plans ul{padding-left:22px;min-height:150px}.plans li{padding:7px 0}.choose{width:100%}.steps{grid-template-columns:repeat(3,minmax(0,1fr))}.steps b{display:inline-grid;place-items:center;background:#e3edff;color:#1259ce;width:40px;height:40px;border-radius:50%}.steps h3{margin-bottom:4px}.steps p{margin-top:0;color:#52617b}.account{margin:30px 0}details{padding:18px 0;border-bottom:1px solid #d9e1ef}summary{cursor:pointer;font-weight:650}footer{padding:36px 0;color:#52617b}dialog{max-width:560px;width:calc(100% - 32px);max-height:90vh;overflow:auto;border:1px solid #d9e1ef;border-radius:22px;padding:30px;color:inherit;background:white}dialog::backdrop{background:#101c35aa}.close{float:right;background:transparent;color:inherit;padding:0 10px;font-size:28px}body.dark{background:#15171b;color:#eef1f7}.dark article,.dark .account,.dark dialog{background:#22252b;border-color:#424958}.dark .notice{background:#202f47;border-color:#425977}.dark .intro,.dark .steps p,.dark footer{color:#c0c9d8}.dark a,.dark .eyebrow{color:#83b5ff}@media(max-width:650px){header,main{padding:18px}nav{gap:10px;font-size:13px}.brand{gap:7px;font-size:23px}.brand img{width:32px;height:32px}nav button{padding:8px}.plans,.steps{grid-template-columns:1fr}.plans article{padding:24px}.plans ul{min-height:0}.intro{font-size:18px}}
.plan-heading{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.plan-heading .eyebrow{margin:0}.recommended-badge{display:inline-block;padding:5px 11px;border-radius:999px;background:#dff7e9;border:1px solid #83d7a7;color:#11653a;font-size:12px;font-weight:800;letter-spacing:.1px}.dark .recommended-badge{background:#173e2b;border-color:#328859;color:#a1f0be}

@media(max-width:650px){.plan-heading{gap:8px;flex-wrap:nowrap}.plan-heading .eyebrow{font-size:10px;letter-spacing:.6px}.recommended-badge{font-size:10px;padding:4px 7px;white-space:nowrap}}

.billing-toggle{display:flex;gap:8px;flex-wrap:wrap}.billing-toggle button[aria-pressed="false"]{background:#e4eaf4;color:#19304b}.plan-price .price{font-size:32px;margin:6px 0}.saving{color:#167442;font-weight:700}.dark .saving{color:#99e8ba}.plan-price s{color:#68758a;font-size:14px}

@media(max-width:650px){.plans{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.plans article{padding:12px;min-width:0}.plans h2{font-size:20px;overflow-wrap:anywhere}.plans .plan-price .price{font-size:25px}.plans .plan-heading{flex-wrap:wrap}.plans .eyebrow{font-size:10px}.plans ul{padding-left:17px;font-size:12px}.plans p,.plans strong,.plans small{overflow-wrap:anywhere}.plans button{padding:10px 6px;font-size:12px}}

/* Shared rows keep both plans aligned, including the badge and yearly savings. */
.plans{align-items:stretch}.plans article{display:grid;grid-template-rows:64px 58px 190px 100px 1fr auto;align-content:start;border-width:2px}.plan-heading{align-content:start;align-items:flex-start;margin:0}.plans h2{margin:8px 0}.plans article>p{margin:12px 0}.plans ul{min-height:0;margin:0 0 24px}.plan-price small{font-size:13px}.previous-price{min-height:24px}.billing-total{min-height:28px}.saving{min-height:28px}.tax-note{display:block}.trial-offer{padding:26px;border:1px solid #9ac4ff;border-radius:20px;background:#edf5ff;margin-top:28px}.trial-offer h2{margin:8px 0}.pro-benefits{padding:28px;border-radius:22px;background:#edf5ff}.benefit-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}.benefit-grid p{color:#52617b}.dark .trial-offer,.dark .pro-benefits{background:#202f47}.dark .benefit-grid p{color:#c0c9d8}
@media(max-width:650px){.plans article{grid-template-rows:82px 64px 190px 126px 1fr auto}.plans h2{overflow-wrap:normal}.plan-price .price small{display:block}.plan-price .price{line-height:1.25}.plans article>p{font-size:13px}.plans .plan-heading{align-content:start;gap:6px}.plans .plan-heading .eyebrow{font-size:9px}.plans .recommended-badge{font-size:9px;padding:3px 6px}.billing-total{font-size:13px;min-height:40px}.saving{font-size:12px;min-height:24px}.plan-price .tax-note{font-size:11px}.benefit-grid{grid-template-columns:1fr;gap:4px}.trial-offer,.pro-benefits{padding:20px}}

/* Compact aligned plan rows; centered trial call to action. */
.trial-offer{text-align:center}.trial-offer p{max-width:760px;margin:12px auto 18px}.plans{gap:18px;margin:24px 0}.plans article{padding:24px;grid-template-rows:42px 48px 168px 80px 1fr auto}.plans ul{margin-bottom:16px}.plans li{padding:5px 0}.plan-heading{gap:6px}.plan-heading .eyebrow{font-size:10px;letter-spacing:.8px}
@media(max-width:650px){.plans{gap:10px}.plans article{padding:12px;grid-template-rows:52px 50px 170px 110px 1fr auto}.plans h2{font-size:19px}.plans li{padding:5px 0}.plans .plan-price .price{margin:4px 0}.plans .plan-heading{gap:4px}.plans .recommended-badge{padding:2px 5px}.plans article>p{margin:8px 0}.trial-offer h2{font-size:24px}}