:root{--ink:#172321;--muted:#5e6d69;--line:#dce5e2;--surface:#f5f8f7;--white:#fff;--teal:#087f76;--teal-dark:#075e58;--green:#1b7d4d;--coral:#c94f43;--amber:#a76408;--shadow:0 18px 44px rgba(23,35,33,.08)}
.message-explorer{min-width:0}.message-explorer h2{overflow-wrap:anywhere}.explorer-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;flex-wrap:wrap}.explorer-heading h2{margin:0}.explorer-heading span,.delivery-timeline h2 small{color:var(--muted);font-size:13px}.explorer-lookup{display:flex;align-items:end;gap:12px;flex-wrap:wrap;margin:22px 0}.explorer-lookup label{flex:1;min-width:220px}.explorer-filters{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;border-top:1px solid var(--line);padding-top:20px}.message-explorer label{display:grid;gap:6px;font-size:13px;font-weight:650;min-width:0}.message-explorer input,.message-explorer select{width:100%;min-height:42px;min-width:0;border:1px solid #acbbb5;border-radius:5px;padding:8px;background:#fff;color:var(--ink)}.explorer-actions{display:flex;gap:14px;align-items:center;flex-wrap:wrap}.explorer-table{overflow:auto;margin-top:16px;max-width:100%}.explorer-table table{min-width:650px;table-layout:fixed}.explorer-table td,.explorer-table th{overflow-wrap:anywhere}.explorer-table small{display:block;color:var(--muted);font-size:12px;margin-top:4px}.explorer-table td:first-child{width:34%}.explorer-next{margin-top:20px}.explorer-empty{padding:28px 0;border-top:1px solid var(--line)}.explorer-empty p{color:var(--muted)}.explorer-guidance{border-left:3px solid var(--amber);padding:8px 16px;margin:16px 0;overflow-wrap:anywhere}.explorer-guidance p{margin:4px 0}.delivery-timeline{list-style:none;padding:0;margin:20px 0;border-top:1px solid var(--line)}.delivery-timeline li{display:grid;grid-template-columns:175px minmax(0,1fr);gap:24px;padding:16px 0;border-bottom:1px solid var(--line)}.delivery-timeline time{color:var(--muted);font-size:13px}.delivery-timeline p{margin:4px 0 0;color:var(--muted);overflow-wrap:anywhere}.message-explorer dd{overflow-wrap:anywhere}.message-explorer time{white-space:normal}.message-explorer button:focus-visible,.message-explorer input:focus-visible,.message-explorer select:focus-visible,.explorer-table:focus-visible{outline:2px solid var(--teal);outline-offset:3px}
@media(max-width:1100px){.explorer-filters{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.explorer-filters{grid-template-columns:minmax(0,1fr)}.delivery-timeline li{grid-template-columns:minmax(0,1fr);gap:5px}.explorer-lookup{align-items:stretch}.explorer-lookup label{min-width:0;flex-basis:100%}}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--white);font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:15px;line-height:1.55;letter-spacing:0}a{color:var(--teal-dark);text-decoration:none}a:hover{text-decoration:underline}button,input,select{font:inherit;letter-spacing:0}button{cursor:pointer}.site-header{height:68px;display:flex;align-items:center;gap:36px;padding:0 max(24px,calc((100vw - 1200px)/2));border-bottom:1px solid var(--line);background:rgba(255,255,255,.96);position:relative;z-index:5}.brand{display:inline-flex;align-items:center;gap:9px;color:var(--ink);font-size:18px;font-weight:760;white-space:nowrap}.brand:hover{text-decoration:none}.brand-mark{display:grid;place-items:center;width:28px;height:28px;background:var(--ink);color:#fff;border-radius:6px;font-size:14px}.site-nav{display:flex;gap:26px;align-items:center;flex:1}.site-nav a{color:#394743;font-weight:560}.site-nav a[aria-current=page]{color:var(--ink)}.nav-actions{display:flex;gap:18px;align-items:center}.button,button.primary{display:inline-flex;align-items:center;justify-content:center;min-height:44px;padding:10px 18px;border:1px solid var(--ink);border-radius:6px;background:var(--ink);color:#fff;font-weight:700}.button:hover,button.primary:hover{background:#293a36;text-decoration:none}.button.secondary{color:var(--ink);background:#fff}.button.small{min-height:38px;padding:7px 14px}.text-link{color:var(--ink);font-weight:650}.hero-product{min-height:min(760px,calc(100vh - 68px));display:flex;align-items:center;background:#fff url('/assets/airmail-delivery-control.png') center/cover no-repeat;border-bottom:1px solid var(--line)}.hero-inner{width:min(1200px,calc(100% - 48px));margin:auto;padding:70px 0}.hero-copy{max-width:500px;padding:26px 0}.hero-copy h1{margin:8px 0 20px;font-size:clamp(54px,7vw,88px);line-height:.98;font-weight:790;letter-spacing:0}.hero-copy .lead{font-size:20px;line-height:1.55;color:#3f504c;max-width:490px}.eyebrow{text-transform:uppercase;font-size:12px;font-weight:780;color:var(--teal-dark);margin:0 0 8px;letter-spacing:.08em}.hero-actions{display:flex;gap:12px;margin-top:28px}.trust-row{display:flex;gap:24px;flex-wrap:wrap;margin-top:34px;color:#465752;font-size:13px;font-weight:650}.band{border-bottom:1px solid var(--line);padding:84px 24px}.band.soft{background:var(--surface)}.section-inner{width:min(1120px,100%);margin:auto}.section-head{display:grid;grid-template-columns:.8fr 1.2fr;gap:70px;margin-bottom:54px}.section-head h2,.page-hero h1{margin:0;font-size:42px;line-height:1.08}.section-head p{margin:4px 0 0;color:var(--muted);font-size:18px;max-width:650px}.capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--line);border-left:1px solid var(--line)}.capability{padding:28px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);min-height:170px}.capability h3{font-size:18px;margin:0 0 8px}.capability p{color:var(--muted);margin:0}.code-layout{display:grid;grid-template-columns:.9fr 1.1fr;gap:64px;align-items:center}.code-layout h2{font-size:40px;line-height:1.12;margin:0 0 18px}.code-layout p{color:var(--muted);font-size:18px}.code-block{background:#14211f;color:#d7e8e4;border-radius:8px;padding:26px;overflow:auto;box-shadow:var(--shadow);font:13px/1.7 ui-monospace,SFMono-Regular,Menlo,monospace;white-space:pre}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:28px}.step-number{display:grid;place-items:center;width:34px;height:34px;border:1px solid var(--ink);border-radius:50%;font-weight:750}.steps h3{font-size:17px;margin:18px 0 8px}.steps p{color:var(--muted);margin:0}.cta-band{padding:90px 24px;background:var(--ink);color:#fff;text-align:center}.cta-band h2{font-size:44px;margin:0 0 14px}.cta-band p{color:#b9cbc6;font-size:18px}.cta-band .button{background:#fff;color:var(--ink);margin-top:20px}footer{display:flex;justify-content:space-between;gap:40px;padding:54px max(24px,calc((100vw - 1120px)/2));background:#eef3f1}footer p{color:var(--muted)}footer nav{display:flex;gap:24px;flex-wrap:wrap;align-items:flex-start}.page-hero{padding:78px 24px 58px;border-bottom:1px solid var(--line)}.page-hero>div{width:min(1000px,100%);margin:auto}.page-hero p{font-size:19px;color:var(--muted);max-width:720px}.content{width:min(1000px,calc(100% - 48px));margin:54px auto 90px}.content h2{font-size:28px;margin:50px 0 12px}.content h3{font-size:19px;margin:30px 0 8px}.content p,.content li{color:#465752}.content code{font-family:ui-monospace,SFMono-Regular,Menlo,monospace;background:#edf3f1;padding:2px 5px;border-radius:3px}.content pre{padding:22px;background:#14211f;color:#d7e8e4;border-radius:6px;overflow:auto}.doc-grid{display:grid;grid-template-columns:240px 1fr;gap:54px}.doc-nav{border-right:1px solid var(--line);padding-right:24px}.doc-nav a{display:block;padding:8px 0}.pricing-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:40px}.price-card{border:1px solid var(--line);border-radius:8px;padding:28px;background:#fff}.price-card.featured{border-color:var(--teal);box-shadow:var(--shadow)}.price-card h2{font-size:24px;margin:0}.price{font-size:32px;font-weight:780;margin:18px 0}.price-card ul{padding-left:18px;color:var(--muted)}.auth-shell{min-height:100vh;background:var(--surface);padding:42px 24px;display:flex;flex-direction:column;align-items:center}.auth-panel{width:min(460px,100%);background:#fff;border:1px solid var(--line);border-radius:8px;padding:34px;margin-top:40px;box-shadow:var(--shadow)}.auth-panel h1{font-size:30px;margin:0 0 8px}.auth-panel>p{color:var(--muted)}.auth-foot{margin-top:22px}.form-grid{display:grid;gap:18px}.form-grid label{display:grid;gap:6px;color:#34433f;font-weight:650}.form-grid input,.form-grid select{width:100%;height:44px;border:1px solid #afbfba;border-radius:5px;padding:8px 11px;background:#fff;color:var(--ink)}.form-grid input:focus,.form-grid select:focus{outline:3px solid rgba(8,127,118,.18);border-color:var(--teal)}.form-grid button{width:100%}.form-note{font-size:13px;color:var(--muted)}.notice{border-left:4px solid var(--teal);background:#edf7f5;padding:12px 14px;margin:18px 0;border-radius:3px}.notice.error{border-color:var(--coral);background:#fff1ef}.notice.success{border-color:var(--green);background:#edf8f1}.app-shell{min-height:100vh;display:grid;grid-template-columns:240px 1fr;background:#fff}.app-sidebar{border-right:1px solid var(--line);padding:24px 18px;display:flex;flex-direction:column;position:sticky;top:0;height:100vh}.workspace-label{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:18px 8px;margin:24px 0 14px}.workspace-label strong,.workspace-label span{display:block;overflow-wrap:anywhere}.workspace-label span{font-size:12px;color:var(--muted);text-transform:capitalize}.app-sidebar nav{display:grid;gap:3px}.app-sidebar nav a{padding:10px;border-radius:5px;color:#394743;font-weight:620}.app-sidebar nav a[aria-current=page]{background:#e9f4f1;color:var(--teal-dark)}.sidebar-account{margin-top:auto;border-top:1px solid var(--line);padding:18px 8px 0;overflow-wrap:anywhere;font-size:13px}.link-button{border:0;background:transparent;color:var(--teal-dark);padding:8px 0;font-weight:650}.app-main{min-width:0;padding:34px 40px 70px}.app-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding-bottom:24px;border-bottom:1px solid var(--line)}.app-header h1{font-size:32px;margin:0}.status{display:inline-flex;align-items:center;min-height:26px;padding:3px 9px;border-radius:99px;background:#eef2f1;color:#41504c;font-size:12px;font-weight:750;text-transform:capitalize;white-space:nowrap}.status.active,.status.verified,.status.delivered,.status.pass{background:#e6f5eb;color:var(--green)}.status.pending,.status.onboarding,.status.queued,.status.submitted,.status.pending_review{background:#fff4df;color:var(--amber)}.status.failed,.status.suspended,.status.bounced,.status.disabled,.status.fail{background:#ffebe8;color:var(--coral)}.dashboard-section{padding:28px 0;border-bottom:1px solid var(--line)}.dashboard-section h2{font-size:19px;margin:0 0 16px}.metric-grid{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));border:1px solid var(--line);border-radius:7px}.metric{padding:20px;border-right:1px solid var(--line)}.metric:last-child{border-right:0}.metric strong{display:block;font-size:27px}.metric span{color:var(--muted);font-size:12px}.checklist{display:grid;grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.check-item{padding:18px;border-right:1px solid var(--line);border-bottom:1px solid var(--line)}.check-item strong{display:block;margin-bottom:5px}.check-item span{font-size:13px;color:var(--muted)}.data-table{width:100%;border-collapse:collapse;font-size:13px}.data-table th,.data-table td{text-align:left;padding:12px 10px;border-bottom:1px solid var(--line);vertical-align:top}.data-table th{color:var(--muted);font-size:11px;text-transform:uppercase;letter-spacing:.05em}.data-table td{overflow-wrap:anywhere}.empty-state{padding:46px 20px;border:1px dashed #afbfba;text-align:center;border-radius:7px}.empty-state h2{font-size:21px;margin:0 0 8px}.empty-state p{color:var(--muted);margin:0 auto 20px;max-width:520px}.actions{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:16px 0}.inline-form{display:inline}.dns-records{border-top:1px solid var(--line)}.dns-record{display:grid;grid-template-columns:90px minmax(130px,.7fr) minmax(220px,1.8fr) 110px;gap:14px;padding:16px 0;border-bottom:1px solid var(--line);align-items:start}.dns-record code{overflow-wrap:anywhere;font-size:12px}.copy-button{min-height:34px;padding:5px 10px;background:#fff;color:var(--ink);border:1px solid #afbfba;border-radius:5px}.secret-reveal{background:#14211f;color:#fff;padding:22px;border-radius:7px}.secret-reveal code{display:block;overflow-wrap:anywhere;color:#a6e4d9;margin:12px 0}.settings-grid{display:grid;grid-template-columns:1fr 1fr;gap:26px}.definition-list{display:grid;grid-template-columns:180px 1fr;margin:0}.definition-list dt,.definition-list dd{padding:11px 0;border-bottom:1px solid var(--line);margin:0}.definition-list dt{color:var(--muted)}
@media(max-width:900px){.site-nav{display:none}.site-header{gap:12px}.nav-actions{margin-left:auto}.hero-product{background-position:56% center}.hero-copy{max-width:440px}.section-head,.code-layout{grid-template-columns:1fr;gap:28px}.capabilities{grid-template-columns:repeat(2,1fr)}.steps{grid-template-columns:repeat(2,1fr)}.pricing-grid{grid-template-columns:1fr}.app-shell{display:block}.app-sidebar{position:relative;height:auto;border-right:0;border-bottom:1px solid var(--line)}.app-sidebar nav{grid-template-columns:repeat(3,1fr)}.sidebar-account{margin-top:18px}.app-main{padding:28px 22px}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-right:0}.checklist{grid-template-columns:repeat(2,1fr)}.dns-record{grid-template-columns:70px 1fr}.dns-record .dns-value{grid-column:1/-1}.doc-grid{grid-template-columns:1fr}.doc-nav{border-right:0;border-bottom:1px solid var(--line);padding-bottom:18px}}
@media(max-width:600px){.site-header{height:auto;min-height:64px;padding:12px 16px}.nav-actions .text-link{display:none}.hero-product{min-height:720px;background-position:64% center}.hero-inner{width:calc(100% - 32px);align-self:flex-start;padding-top:32px}.hero-copy{background:rgba(255,255,255,.88);padding:18px;max-width:100%}.hero-copy h1{font-size:52px}.hero-copy .lead{font-size:17px}.hero-actions{flex-direction:column;align-items:stretch}.band{padding:58px 18px}.section-head h2,.page-hero h1,.code-layout h2{font-size:34px}.capabilities,.steps{grid-template-columns:1fr}.code-block{font-size:11px}.cta-band h2{font-size:34px}footer{display:block}footer nav{margin-top:28px;display:grid}.app-sidebar nav{grid-template-columns:repeat(2,1fr)}.app-main{padding:22px 16px}.app-header h1{font-size:27px}.metric-grid,.settings-grid{grid-template-columns:1fr}.metric{border-right:0;border-bottom:1px solid var(--line)}.metric:last-child{border-bottom:0}.checklist{grid-template-columns:1fr}.data-table{display:block;overflow:auto}.definition-list{grid-template-columns:1fr}.definition-list dd{padding-top:0}.dns-record{grid-template-columns:1fr}.dns-record .dns-value{grid-column:auto}.auth-panel{padding:25px}}
.form-grid .checkbox-row{display:flex;align-items:flex-start;gap:10px}.form-grid .checkbox-row input{width:18px;height:18px;margin-top:3px;flex:0 0 auto}
.form-grid textarea{width:100%;min-height:150px;border:1px solid #afbfba;border-radius:5px;padding:8px 11px;background:#fff;color:var(--ink);resize:vertical}.form-grid textarea:focus{outline:3px solid rgba(8,127,118,.18);border-color:var(--teal)}.public-form{max-width:620px}
.next-step{padding:24px;border-bottom:1px solid var(--line);background:var(--surface)}.next-step h2{margin:0 0 6px;font-size:22px}.next-step p:not(.eyebrow){max-width:720px;color:var(--muted)}.integration-checklist{grid-template-columns:repeat(4,1fr)}.snippet-grid{display:grid;gap:18px}.code-sample{min-width:0;border:1px solid var(--line);border-radius:7px;overflow:hidden}.code-sample-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:9px 12px;background:var(--surface);border-bottom:1px solid var(--line)}.code-sample pre{margin:0;padding:18px;overflow:auto;background:#14211f;color:#d7e8e4;font:12px/1.65 ui-monospace,SFMono-Regular,Menlo,monospace}.code-sample code{white-space:pre}.dashboard-section>.code-sample{margin-top:14px}
.progress-heading{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-bottom:14px}.progress-heading h2{margin:0}.progress-heading>span{color:var(--muted);font-size:13px}.onboarding-progress ol{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.onboarding-progress li{display:grid;grid-template-columns:36px minmax(160px,1fr) 72px;gap:14px;align-items:center;min-height:68px;padding:12px 8px;border-bottom:1px solid var(--line)}.onboarding-progress li.current{background:var(--surface);box-shadow:inset 4px 0 0 var(--teal)}.onboarding-progress li.waiting{color:var(--muted)}.progress-index{display:grid;place-items:center;width:30px;height:30px;border:1px solid #afbfba;border-radius:50%;font-size:13px;font-weight:750}.done .progress-index{border-color:var(--green);background:#e6f5eb;color:var(--green)}.current .progress-index{border-color:var(--teal);background:#e9f4f1;color:var(--teal-dark)}.progress-copy{display:grid;gap:2px}.progress-copy>span{color:var(--muted);font-size:13px}.progress-state{text-align:right;color:var(--muted);font-size:12px;font-weight:700}.current .progress-state{color:var(--teal-dark)}.done .progress-state{color:var(--green)}.optional-setup details{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:14px 0}.optional-setup summary{cursor:pointer;font-weight:700;color:var(--teal-dark)}.optional-setup details>div{max-width:720px;padding:14px 0 4px}
@media(max-width:900px){.integration-checklist{grid-template-columns:repeat(2,1fr)}}
@media(max-width:600px){.integration-checklist{grid-template-columns:1fr}.code-sample pre{font-size:11px}.progress-heading{display:block}.progress-heading>span{display:block;margin-top:4px}.onboarding-progress li{grid-template-columns:32px minmax(0,1fr)}.progress-state{grid-column:2;text-align:left}}
.price{display:grid;justify-items:start;gap:2px}.price-current{font-size:32px;font-weight:780;line-height:1.2}.price-current small{font-size:14px;font-weight:650;color:var(--muted)}.price-list{font-size:14px;font-weight:650;color:var(--muted)}.price-list del{text-decoration-thickness:2px}.price-offer{display:inline-flex;margin-top:5px;padding:3px 7px;border-radius:4px;background:#e6f5eb;color:var(--green);font-size:12px;font-weight:750}
.chart-figure{margin:0}.chart-legend{display:flex;gap:18px;align-items:center;flex-wrap:wrap;margin:0 0 12px;color:var(--muted);font-size:12px;font-weight:650}.chart-legend span{display:inline-flex;align-items:center;gap:6px}.chart-swatch{display:inline-block;width:11px;height:11px;border-radius:2px}.chart-scroll{width:100%;overflow-x:auto;border:1px solid var(--line);border-radius:7px;background:#fff}.chart-svg{display:block;width:100%;min-width:720px;height:auto;aspect-ratio:3/1}.chart-svg.provider-chart{aspect-ratio:auto}.chart-svg text{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:0}.chart-grid-line{stroke:var(--line);stroke-width:1}.chart-axis-label,.chart-bar-value{fill:var(--muted);font-size:11px}.chart-provider-label{fill:var(--ink);font-size:12px;font-weight:650}.chart-line{fill:none;stroke-width:2.5;stroke-linecap:round;stroke-linejoin:round;vector-effect:non-scaling-stroke}.chart-point{stroke:#fff;stroke-width:1.5;vector-effect:non-scaling-stroke}.chart-accepted{stroke:var(--teal);fill:var(--teal)}.chart-delivered{stroke:var(--green);fill:var(--green)}.chart-deferred{stroke:var(--amber);fill:var(--amber)}.chart-unsuccessful,.chart-attention{stroke:var(--coral);fill:var(--coral)}.chart-in-progress{stroke:#477a91;fill:#477a91}.chart-bar-track{fill:var(--surface)}.chart-bar{rx:3}.chart-data{margin-top:14px}.chart-data summary{cursor:pointer;color:var(--teal-dark);font-size:13px;font-weight:700}.chart-data .data-table{margin-top:10px}
@media(max-width:600px){.chart-legend{gap:10px}.chart-svg{min-width:680px}}
/* Customer summary surfaces; detailed operational tables remain on drilldowns. */
.app-sidebar{overflow-y:auto}.customer-overview .system-health{margin-top:24px}
.sr-only{position:absolute;width:1px;height:1px;padding:0;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.customer-navigation>summary{display:none}.customer-tools{margin:16px 0}.customer-tools summary{cursor:pointer;padding:10px;font-weight:600}.customer-tools a{display:block;padding:8px 14px}
.customer-overview{min-width:0}.customer-overview h2{font-size:20px;margin:0 0 12px}.customer-overview h3{font-size:16px;overflow-wrap:anywhere}.customer-overview .dashboard-section{padding:26px 0;background:transparent;border-radius:0;box-shadow:none;border-bottom:1px solid var(--line)}
.system-health{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:20px 24px;border-left:4px solid #889494;background:#f5f8f7}.system-health.healthy{border-color:#228451}.system-health.attention{border-color:#a6680c}.system-health.action{border-color:#bc403f}.system-health>div>span{font-size:13px;color:var(--muted)}.system-health h2{margin:4px 0}.system-health p{margin:0;overflow-wrap:anywhere}
.overview-heading{display:flex;justify-content:space-between;align-items:center;gap:16px;margin-bottom:16px}.overview-heading h2,.overview-heading p{margin:0}.overview-heading p{font-size:13px;color:var(--muted)}
.analytics-filters{display:flex;align-items:flex-start;flex-wrap:wrap;gap:12px;margin:24px 0}.period-control{display:flex;flex-wrap:wrap;padding:0;margin:0;border:1px solid var(--line);border-radius:6px;overflow:hidden}.period-control label{position:relative;cursor:pointer}.period-control input{position:absolute;opacity:0}.period-control span{display:block;padding:10px 15px;font-size:14px}.period-control input:checked+span{background:#e2efec;color:#11675e;font-weight:700}.period-control input:focus-visible+span{outline:2px solid #216bbc;outline-offset:-3px}.analytics-filters summary{cursor:pointer;padding:10px}.analytics-secondary{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;padding:12px 0}.analytics-secondary label{display:grid;gap:4px;font-size:13px}.analytics-secondary input,.analytics-secondary select{max-width:100%;min-width:0;padding:8px;border:1px solid var(--line);border-radius:4px;background:white}
.overview-metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.overview-metric{display:grid;grid-template-rows:auto 48px 32px;gap:6px;border:1px solid var(--line);border-radius:8px;padding:20px;color:var(--ink);text-decoration:none}.overview-metric:hover{border-color:#537c76;background:#f8fbfa}.overview-metric>span{font-size:14px}.overview-metric strong{font-size:30px;line-height:48px;overflow-wrap:anywhere}.overview-metric small{color:var(--muted);font-size:12px}
.activity-chart{margin:0;min-width:0}.activity-controls{display:flex;flex-wrap:wrap;gap:18px;align-items:center;font-size:13px;margin-bottom:12px}.activity-controls label{display:flex;align-items:center;gap:5px}.legend-sent{color:#216bbc}.legend-delivered{color:#18784b}.activity-svg{display:block;width:100%;height:auto;min-width:0}.activity-svg text{font:11px system-ui;fill:#52625e}.chart-mobile{display:none}.activity-grid{stroke:#dce5e1}.analytics-series polyline{fill:none;stroke-width:2;vector-effect:non-scaling-stroke;stroke-linejoin:round}.series-submitted{stroke:#216bbc}.series-delivered{stroke:#218353}.series-bounced{stroke:#bd4853}.series-deferred{stroke:#a16a0d}.analytics-series[hidden]{display:none}.chart-hit{fill:transparent}.chart-dot{fill:#218353}.activity-svg [data-chart-point]:hover .chart-hit,.activity-svg [data-chart-point]:focus .chart-hit{fill:#216bbc;fill-opacity:.08}.activity-svg [data-chart-point]:focus{outline:2px solid #216bbc}.activity-chart figcaption{min-height:44px;padding:10px 0;font-size:13px;color:var(--muted)}.activity-chart summary{font-size:13px;cursor:pointer}.analytics-empty{padding:36px 0;text-align:center;background:#f7f9f8}
.delivery-funnel{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));list-style:none;padding:0;margin:18px 0;gap:20px}.delivery-funnel li{border-top:3px solid #c9dbd5;padding:12px 0}.delivery-funnel li:nth-child(2){border-color:#82b4cc}.delivery-funnel li:nth-child(3){border-color:#398761}.delivery-funnel a{display:grid;gap:8px;color:var(--ink);text-decoration:none}.delivery-funnel strong{font-size:24px}.delivery-funnel span{font-size:14px}
.domain-cards,.provider-performance{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.domain-card,.provider-performance article{padding:20px;border:1px solid var(--line);border-radius:8px;min-width:0}.domain-card h3{margin:0 0 10px;overflow-wrap:anywhere}.domain-card a{font-size:14px}.health-label{font-size:13px;color:#55645f}.health-label:before{content:"";display:inline-block;width:8px;height:8px;border-radius:50%;background:#899692;margin-right:8px}.health-label.healthy:before{background:#218353}.health-label.attention:before{background:#b17917}.provider-health{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 24px}.provider-health>a{display:flex;justify-content:space-between;gap:12px;padding:14px 0;color:var(--ink);border-bottom:1px solid var(--line);text-decoration:none}.provider-health span{overflow-wrap:anywhere}.usage-progress{display:block;width:100%;height:12px;accent-color:#28785d}.attention-item{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:14px 0;border-bottom:1px solid var(--line)}.attention-item h3,.attention-item p{margin:0}.attention-item p{font-size:13px;color:var(--muted)}
.recent-activity{list-style:none;padding:0;margin:0}.recent-activity li{display:flex;justify-content:space-between;gap:16px;padding:13px 0;border-bottom:1px solid var(--line)}.recent-activity time{font-size:12px;color:var(--muted)}.visual-onboarding{list-style:none;padding:0;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.visual-onboarding li{display:flex;align-items:center;gap:10px;font-size:13px}.visual-onboarding li>span{display:grid;place-items:center;flex-shrink:0;min-width:32px;height:32px;border:1px solid var(--line);border-radius:50%;font-size:11px}.visual-onboarding .done>span{color:#18784b;background:#e9f4ed}
.outcome-bar{display:block;width:100%;max-height:32px;margin:14px 0}.outcome-delivered{fill:#278354}.outcome-deferred{fill:#b8801f}.outcome-bounced{fill:#c35766}.outcome-failed{fill:#8d4555}.outcome-suppressed{fill:#89948f}.outcome-other{fill:#ccd8d3}.outcome-labels{display:flex;gap:16px;flex-wrap:wrap;font-size:13px}.latency-summary{display:flex;gap:36px;flex-wrap:wrap}.latency-summary p{display:grid;gap:4px;font-size:13px}.latency-summary strong{font-size:22px}.latency-summary small{color:var(--muted)}.provider-performance dl{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:13px}.provider-performance dd{margin:0}.analytics-breakdown>div,.usage-trend>div{display:grid;grid-template-columns:minmax(100px,1fr) minmax(50px,2fr) 65px;align-items:center;gap:16px;padding:8px 0;font-size:13px}.analytics-breakdown a{overflow-wrap:anywhere}.analytics-breakdown meter,.usage-trend meter{width:100%;height:12px;accent-color:#216bbc}.analytics-breakdown strong,.usage-trend strong{text-align:right}
@media(max-width:900px){.customer-navigation>summary{display:block;cursor:pointer;padding:12px 0;font-weight:700}.overview-metrics{grid-template-columns:repeat(2,minmax(0,1fr))}.visual-onboarding{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:600px){.system-health{align-items:flex-start;flex-direction:column;padding:16px}.overview-metrics{gap:10px}.overview-metric{padding:14px;grid-template-rows:auto 44px 36px}.overview-metric strong{font-size:26px;line-height:44px}.domain-cards,.provider-performance,.provider-health{grid-template-columns:1fr}.chart-desktop{display:none}.chart-mobile{display:block}.overview-heading{align-items:flex-start}.overview-heading>a{font-size:13px;flex-shrink:0}.recent-activity li,.attention-item{align-items:flex-start;flex-direction:column;gap:6px}.delivery-funnel{gap:12px}.delivery-funnel strong{font-size:22px}.period-control span{padding:10px 12px}.analytics-secondary{grid-template-columns:1fr}.analytics-breakdown>div{grid-template-columns:minmax(80px,1fr) minmax(40px,1fr) 48px;gap:10px}.activity-controls{gap:12px}}
.growth-guide{max-width:860px;padding:40px 24px 56px;min-width:0}.growth-guide header{padding-bottom:24px;border-bottom:1px solid var(--line)}.growth-guide h1{font-size:36px;line-height:1.2;overflow-wrap:anywhere}.growth-guide h2{font-size:23px;line-height:1.3}.growth-guide section{margin-top:32px}.growth-guide p{max-width:72ch}.growth-guide pre{max-width:100%;overflow:auto;white-space:pre;font-size:13px;line-height:1.6}.growth-guide .actions{display:flex;flex-wrap:wrap;align-items:center;gap:16px}.growth-guide a{overflow-wrap:anywhere}.growth-guide li{margin-bottom:8px}@media(max-width:600px){.growth-guide{padding:28px 20px 40px}.growth-guide h1{font-size:28px}.growth-guide h2{font-size:21px}}
.growth-guide pre code{background:transparent;color:inherit;padding:0;border-radius:0;font-size:inherit}