/* Customer-journey pages (download, pricing, support, account, policies). Layered on styles.css tokens. */
.page-header{background:var(--forest);color:#f4f8ee}
.page-header .header{height:84px}
.page-header .brand{color:#f4f8ee;font-size:26px}
.page-header .brand img{width:40px;height:40px}
.page-nav{display:flex;flex-wrap:wrap;gap:4px 18px;font-size:14px}
.page-nav a{display:inline-flex;align-items:center;min-height:44px;color:#d8efe4;text-decoration:none}
.page-nav a:hover,.page-nav a[aria-current="page"]{color:#fff;text-decoration:underline;text-underline-offset:5px}
.page-nav :focus-visible,.page-header .brand:focus-visible{outline-offset:2px}
.page-hero{background:linear-gradient(160deg,var(--forest),#1c5446);color:#f4f8ee;padding:34px 0 46px}
.page-hero h1{font-size:44px;font-weight:650;letter-spacing:-1.6px;line-height:1.08;margin:0 0 12px;max-width:760px}
.page-hero p{margin:0;max-width:680px;font-size:18px;color:#d8efe4}
.page-hero .eyebrow{color:#a6e1d2}
.page-main{padding:40px 0 64px}
.page-main:focus{outline:none}
.page-body{max-width:760px}
.page-body h2{font-size:28px;letter-spacing:-.8px;margin:40px 0 12px}
.page-body h2:first-child{margin-top:0}
.page-body h3{font-size:18px;margin:26px 0 8px}
.page-body p,.page-body li{color:#26343d;font-size:16.5px;line-height:1.6}
.page-body ul,.page-body ol{padding-inline-start:22px}
.page-body li{margin:6px 0}
.page-body a{color:#1d6b5b;text-decoration:underline;text-underline-offset:3px}
.page-body a.button{text-decoration:none}
.page-body a.dark-button,.platform a.dark-button{color:#f4f8ee}
.page-body a.dark-button:hover{background:#1c5446}
.page-body code{font-size:.95em;background:#e8f2ec;border-radius:6px;padding:1px 6px}
.page-updated{margin-top:44px;font-size:14px!important;color:var(--muted)!important}
.notice{border-inline-start:4px solid var(--jade);background:#eaf5ef;border-start-end-radius:14px;border-end-end-radius:14px;padding:14px 18px;margin:20px 0}
.notice p{margin:0}
.draft-note{border:2px dashed #b36b00;background:#fff6e5;color:#4d3000;border-radius:14px;padding:14px 18px;margin:0 0 28px}
.draft-note p{margin:0;color:#4d3000!important}
.platforms{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:8px 0 34px}
.platform{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px}
.platform h2{font-size:22px;margin:0 0 4px}
.platform .state{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.8px;text-transform:uppercase;color:#1d6b5b;background:#e2f4ea;border-radius:99px;padding:4px 10px;margin-bottom:10px}
.platform .state.pending{color:#5b4a1e;background:#f6eed6}
.platform p{margin:0 0 14px;color:#26343d;line-height:1.55}
.platform .button{min-width:0;width:100%}
.dark-button{background:var(--forest);color:#f4f8ee}
.table-scroll{overflow-x:auto;margin:10px 0 24px;border:1px solid var(--line);border-radius:16px;background:linear-gradient(90deg,#fff 30%,rgba(255,255,255,0)) left/40px 100% no-repeat local,linear-gradient(270deg,#fff 30%,rgba(255,255,255,0)) right/40px 100% no-repeat local,radial-gradient(farthest-side at 0 50%,rgba(22,32,45,.2),transparent) left/14px 100% no-repeat scroll,radial-gradient(farthest-side at 100% 50%,rgba(22,32,45,.2),transparent) right/14px 100% no-repeat scroll,#fff}
.table-hint{display:none}
@media(max-width:601px){.table-hint{display:block;margin:10px 0 0;font-size:15px;color:var(--muted)}}
.table-scroll:focus-visible{outline-offset:2px}
.matrix{border-collapse:collapse;width:100%;min-width:560px;font-size:15px}
.matrix caption{text-align:start;padding:14px 16px 4px;font-weight:650}
.matrix th,.matrix td{padding:11px 16px;border-top:1px solid var(--line);text-align:start;vertical-align:top}
.matrix thead th{border-top:0;font-size:13px;color:var(--muted)}
.steps-list{counter-reset:step;list-style:none;padding:0!important}
.steps-list li{counter-increment:step;position:relative;padding-inline-start:46px;margin:14px 0}
.steps-list li:before{content:counter(step);position:absolute;inset-inline-start:0;top:1px;width:30px;height:30px;border-radius:50%;background:var(--forest);color:#f4f8ee;display:grid;place-items:center;font-size:14px;font-weight:700}
.page-footer-links{display:flex;flex-wrap:wrap;gap:4px 20px}
@media(max-width:900px){.platforms{grid-template-columns:1fr}}
@media(max-width:680px){.page-header .header{height:auto;min-height:72px;flex-wrap:wrap;padding:10px 0;gap:4px 16px}.page-nav{gap:0 16px;font-size:13.5px}.page-hero{padding:24px 0 32px}.page-hero h1{font-size:32px;letter-spacing:-1px}.page-hero p{font-size:16.5px}.page-main{padding:28px 0 48px}.page-body h2{font-size:24px}}
.page-body code.hash{display:inline-block;max-width:100%;overflow-wrap:anywhere;word-break:break-all;font-size:.85em}