*{box-sizing:border-box}body{margin:0;background:#f6f7fb;color:#162440;font-family:'Segoe UI',Arial,sans-serif;-webkit-font-smoothing:antialiased}a{color:inherit}button,input{font:inherit}header{max-width:1280px;margin:auto;padding:26px 40px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;align-items:center;text-decoration:none;font-size:24px;font-weight:800;letter-spacing:-1px}.brand img{width:39px;height:39px;object-fit:contain;margin-right:-4px}.brand span span{color:#3d48e8}.preview-label{font-size:10px;letter-spacing:1.6px;color:#697389}.back{font-size:12px;text-decoration:none;font-weight:600}main{max-width:1200px;margin:auto;padding:0 32px 28px}.hero{text-align:center;padding:39px 0 38px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:1.7px;margin:0 0 18px}.hero .eyebrow{color:#4450d1}.hero h1{font-size:clamp(36px,4.4vw,56px);line-height:1.08;letter-spacing:-2.5px;font-weight:650;margin:0 0 19px}.hero h1 span{color:#64728b}.hero>p:last-child{color:#68748a;font-size:14px;line-height:1.65;margin:0}.plans{display:grid;grid-template-columns:.83fr 2fr;gap:20px;align-items:stretch}.free-card{padding:32px 28px 20px;background:#fff;border:1px solid #e0e4ed;border-radius:22px;display:flex;flex-direction:column}.free-card .eyebrow{color:#7b8597;font-size:9px;letter-spacing:1.4px;margin-bottom:10px}h2{margin:0;font-weight:650;letter-spacing:-.8px}.free-card h2{font-size:30px}.description{color:#6c7688;font-size:13px;margin:10px 0 0}.free-price{margin:30px 0 24px;display:flex;flex-direction:column;gap:8px}.free-price strong{font-size:46px;font-weight:600;letter-spacing:-2px}.free-price span{font-size:11px;color:#758094}.capacity{display:flex;flex-direction:column;gap:7px;font-size:13px;margin:0;border-top:1px solid #e9ecf2;padding-top:22px}.capacity span{color:#69758a}.free-promise{font-size:13px;line-height:1.6;margin:22px 0 14px;color:#42506a}.free-features{padding:0;list-style:none;font-size:11px;line-height:1.5;color:#718099;margin:0 0 26px}.free-features li{margin:10px 0;padding-left:17px;position:relative}.free-features li:before{content:'✓';position:absolute;left:0;color:#6675a2}.free-button{margin-top:auto;display:flex;align-items:center;justify-content:space-between;border:1px solid #d8deea;border-radius:10px;padding:14px 16px;text-decoration:none;font-size:13px;font-weight:600}.free-button:hover{background:#f4f6fc}.card-footnote{text-align:center;font-size:10px;color:#7a8393;margin:14px 0 0}.pro-card{background:radial-gradient(ellipse at top right,#283c72 0,transparent 60%),#111e39;color:white;border:1px solid #263653;border-radius:22px;padding:32px 30px 0;box-shadow:0 18px 45px -25px #14295b80;overflow:hidden}.pro-heading{display:flex;justify-content:space-between;align-items:center}.pro-heading .eyebrow{color:#a4b5da;font-size:9px;letter-spacing:1.4px;margin-bottom:12px}.pro-heading h2{font-size:30px;letter-spacing:-1px}.pro-heading h2 span{color:#b7c1ff}.pro-description{font-size:12px;color:#b6c3d9;margin:11px 0 30px}.pro-layout{display:grid;grid-template-columns:1fr 1fr;gap:28px}.capacity-grid{display:flex;gap:30px;border-bottom:1px solid #ffffff16;padding-bottom:23px}.capacity-grid p{display:flex;flex-direction:column;gap:7px;margin:0}.capacity-grid strong{font-size:32px;font-weight:550;letter-spacing:-1px}.capacity-grid span{font-size:10px;color:#c2cce0}.benefits{list-style:none;padding:0;margin:25px 0}.benefits li{display:flex;gap:11px;margin:0 0 22px}.check{flex-shrink:0;width:18px;height:18px;background:#718afc22;border:1px solid #94a9ff35;border-radius:50%;color:#b4c5ff;display:grid;place-items:center;font-size:11px}.benefits strong{font-size:12px;font-weight:600;line-height:1.5}.benefits p{font-size:11px;line-height:1.65;color:#a9b9d0;margin:6px 0 0}.purchase-panel{background:#ffffff08;border:1px solid #ffffff15;border-radius:15px;padding:17px;align-self:start}.billing-choice{border:0;display:flex;margin:0 0 22px;padding:4px;background:#09162d66;border-radius:9px;gap:3px}.billing-choice label{flex:1;position:relative;cursor:pointer}.billing-choice input{position:absolute;opacity:0;width:100%;height:100%;margin:0}.billing-choice label>span{display:flex;align-items:center;justify-content:center;gap:7px;min-height:35px;font-size:11px;color:#bcc7dc;border-radius:6px}.billing-choice input:checked+span{background:#f4f6ff;color:#172340;box-shadow:0 2px 6px #0002;font-weight:700}.billing-choice small{font-size:9px;color:#8d9aff}.billing-choice input:checked+span small{color:#4551c2}.billing-choice input:focus-visible+span{outline:2px solid #a9b5ff;outline-offset:3px}.saving{font-size:10px;color:#b9c6ff;margin:0 0 12px;min-height:13px}.pro-price{margin:0;display:flex;align-items:baseline;gap:8px;white-space:nowrap}.pro-price strong{font-size:42px;font-weight:550;letter-spacing:-1.8px}.pro-price>span{font-size:12px;color:#b6c3d9}.equivalent{font-size:11px;color:#b5c3d9;margin:9px 0 0;min-height:14px}.billing-total{font-size:11px;color:#fff;font-weight:600;margin:13px 0 0}.saving-detail{font-size:10px;color:#aabbd7;margin:7px 0 20px;min-height:13px}.pro-button{border:1px solid #909bff;background:#5865ef;color:#fff;width:100%;padding:15px 13px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:650;cursor:pointer;box-shadow:0 4px 15px #070d2b40}.pro-button:hover{background:#6b77ff}.cancel-note{display:flex;gap:7px;justify-content:center;align-items:flex-start;margin-top:15px}.cancel-note>span{font-size:11px;color:#a8c8b6}.cancel-note p{font-size:10px;color:#b5c3d9;line-height:1.6;margin:0}.cancel-note strong{color:#e9edf8;font-weight:600}.renewal-note{font-size:10px;color:#a5b5cc;line-height:1.55;text-align:center;margin:11px 0 0}.pro-footer{border-top:1px solid #ffffff12;padding:19px 0;margin-top:24px;color:#a9bad3;font-size:10px;display:flex;gap:8px;align-items:center}.discount-note{font-size:10px;color:#7b8495;text-align:right;margin:13px 3px 0}.reassurance{display:flex;gap:16px;align-items:center;max-width:715px;margin:34px auto 28px}.reassurance-icon{border:1px solid #d4dbeb;border-radius:14px;width:42px;height:44px;display:grid;place-items:center;flex-shrink:0;color:#5365a8}.reassurance h2{font-size:14px;letter-spacing:0;margin-bottom:7px}.reassurance p{font-size:11px;color:#718099;line-height:1.65;margin:0}.comparison{max-width:715px;margin:auto;border-top:1px solid #dce1eb;border-bottom:1px solid #dce1eb}.comparison summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;padding:18px 0;font-size:12px;font-weight:600}.comparison summary::-webkit-details-marker{display:none}.comparison[open] summary span{transform:rotate(45deg)}.table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-size:12px;text-align:left}th,td{padding:14px 8px;border-top:1px solid #e4e8f0}tbody th{font-weight:400}td{color:#62718b}thead th{font-weight:650}footer{display:flex;justify-content:space-between;color:#7b8495;font-size:10px;margin:32px 0 0}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #6172ed;outline-offset:4px}dialog{max-width:440px;width:calc(100% - 32px);border:1px solid #d9e0ef;border-radius:20px;padding:32px;color:#172340;box-shadow:0 30px 90px #0003}dialog::backdrop{background:#101c3b99;backdrop-filter:blur(5px)}dialog h2{font-size:26px}dialog p{line-height:1.6;font-size:13px;color:#66738c}dialog .eyebrow{font-size:9px;color:#4d5acf}.dialog-close{float:right;background:none;border:0;font-size:25px;color:#66738c;cursor:pointer}.dialog-done{background:#4553d9;color:white;border:0;border-radius:9px;padding:13px 20px;cursor:pointer;margin-top:8px}
@media(min-width:1400px){.hero{padding-top:55px;padding-bottom:45px}}@media(max-width:950px){.plans{grid-template-columns:1fr}.pro-card{grid-row:1}.free-card{display:grid;grid-template-columns:1fr 1fr;gap:15px 30px}.free-price{margin:0;text-align:right;grid-column:2;grid-row:1/4}.capacity{border:0;padding-top:0}.free-features{margin:0;grid-column:2;grid-row:4/6}.free-promise{margin:0}.card-footnote{align-self:center}.discount-note{text-align:center}.hero h1{letter-spacing:-1.5px}header{padding:22px 32px}}@media(max-width:580px){main{padding:0 18px 24px}header{padding:20px;flex-wrap:wrap}.preview-label{display:none}.brand{font-size:21px}.back{font-size:11px}.hero{padding:25px 0 30px}.hero .eyebrow{font-size:8px;letter-spacing:1.2px}.hero h1{font-size:35px;letter-spacing:-1.5px}.hero>p:last-child{font-size:12px}.desktop-break{display:none}.pro-card{padding:25px 22px 0}.pro-heading h2{font-size:28px}.pro-heading .eyebrow{font-size:8px;letter-spacing:1px}.pro-description{line-height:1.6;margin-bottom:22px}.pro-layout{grid-template-columns:1fr;gap:0}.purchase-panel{grid-row:1;margin-bottom:28px;padding:20px}.pro-price strong{font-size:48px}.capacity-grid{justify-content:space-around}.benefits{margin-bottom:0}.pro-footer{line-height:1.6}.free-card{padding:25px 22px;display:flex;gap:0}.free-price{text-align:left;margin:22px 0}.free-features{margin:12px 0 20px}.free-promise{margin-top:18px}.free-button{margin-top:0}.card-footnote{margin-top:14px}.reassurance{align-items:flex-start;margin:28px 2px}.reassurance h2{line-height:1.5}.discount-note{font-size:9px;line-height:1.6}footer{gap:20px;line-height:1.5}th,td{font-size:10px;padding:12px 6px}}
/* Shared approved pricing surface; purchase authority remains server-owned. */
/* Quiet purchase hierarchy: choice, price, action, reassurance. */
.comparison{border:0;margin:20px auto 0}
.comparison summary{justify-content:center;gap:10px;padding:12px;font-size:13px;color:#445275}
.comparison[open] summary span{transform:rotate(180deg)}
.discount-note{text-align:center;margin:18px auto 0;line-height:1.6}
.pro-price strong{font-variant-numeric:tabular-nums}
.purchase-panel{padding:24px;background:#ffffff05;border-color:#ffffff12;border-radius:16px;box-shadow:none}
.billing-choice{margin:0 0 28px;padding:4px;background:#0c193766}
.billing-choice label>span{min-height:40px;font-size:12px;font-weight:500}
.billing-choice input:checked+span{font-weight:600;box-shadow:none}
.billing-choice small{font-size:10px}
.price-region{display:flex;flex-direction:column;align-items:center;text-align:center;padding:0 0 26px;gap:0}
.price-region .saving{display:none}
.pro-price{order:0;justify-content:center;gap:7px;line-height:1.15}
.pro-price strong{font-size:44px;font-weight:600;letter-spacing:-1.5px;font-variant-numeric:tabular-nums}
.pro-price>span{font-size:13px;color:#c0cce0}
.billing-total{order:1;font-size:12px;font-weight:500;color:#e1e7f2;margin:12px 0 0;line-height:1.5}
.equivalent{order:2;font-size:12px;color:#b8c7dd;margin:5px 0 0;line-height:1.5;min-height:18px}
.saving-detail{order:3;font-size:12px;color:#c2cdf3;margin:16px 0 0;line-height:1.5;min-height:18px}
.pro-button{min-height:48px;padding:13px 16px;font-size:13px;font-weight:600;box-shadow:none;border-color:#7987ef}
.pro-button:disabled{opacity:1;background:#384879;border-color:#62729c;color:#c7d0e4}
.cancel-note{border-top:1px solid #ffffff12;padding-top:20px;margin-top:22px;gap:7px;align-items:center}
.cancel-note p{font-size:12px;line-height:1.5}
.cancel-note strong{font-weight:600}
.cancel-note>span{font-size:12px}
.renewal-note{font-size:11px;line-height:1.7;max-width:260px;margin:8px auto 0;color:#bcc9de}
@media(max-width:580px){.purchase-panel{padding:24px}.pro-price strong{font-size:44px}}
.checkout-status{max-width:740px;margin:20px auto;padding:12px 18px;border:1px solid #dce1eb;border-radius:10px;text-align:center;color:#52617a;font-size:12px;line-height:1.6}.pro-button:disabled{cursor:not-allowed}
.early-access-button{margin-top:10px;border:1px solid #8291ff;background:#f4f6ff;color:#182440;width:100%;padding:14px 13px;border-radius:9px;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;text-decoration:none}.early-access-button:hover{background:#fff}.plans{grid-template-columns:2fr .83fr}.free-card{order:2}.pro-card{order:1}
.hero{padding:38px 0 48px}
.hero h1{margin:0}
@media(min-width:1400px){.hero{padding:42px 0 48px}}
@media(max-width:580px){.hero{padding:28px 0 32px}.hero h1{margin:0}}
@media(max-width:950px){.plans{grid-template-columns:1fr}}
/* Readability floor: supporting copy stays at 12px or larger and light-surface
   secondary text meets WCAG AA (4.5:1). Dark-mode colours come from public-ribbon.css. */
.hero .eyebrow,.pro-heading .eyebrow,.free-card .eyebrow{font-size:11px}
.capacity-grid span,.benefits p,.billing-choice small,.saving,.saving-detail,.equivalent,.billing-total,.renewal-note,.cancel-note p,.pro-footer,.free-price span,.free-features,.card-footnote,.discount-note,.reassurance p,footer{font-size:12px}
.free-card .eyebrow,.card-footnote,.discount-note,footer{color:#596377}
.free-features,.reassurance p{color:#525e75}
.pro-button,.early-access-button{justify-content:center;text-align:center}