/* Pay Attention: a quiet, deliberate front door for the inbox. */
:root{--paper:#f8f7f1;--white:#fffefa;--ink:#203b32;--muted:#69736a;--line:#dde1d7;--coral:#f18b69;--coral-hover:#ee7651;--mint:#e9eee2;--soft-orange:#f7e9dc;--sans:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--serif:Georgia,"Times New Roman",serif;--radius:16px}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:32px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--sans);font-size:16px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}a:hover{color:inherit}button,input,select{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed}img{max-width:100%;height:auto}p{margin:0 0 1rem}h1,h2,h3{color:var(--ink);margin:0;font-weight:500}h1,h2{font-family:var(--serif);letter-spacing:-.065em;line-height:1.06}h3{letter-spacing:-.03em}em{font-weight:400}code{color:var(--ink);font-size:.85em;background:#edf0e7;padding:.12em .3em;border-radius:4px;overflow-wrap:anywhere}.page-width{width:min(1200px,calc(100% - 96px));margin-inline:auto}.section-space{padding-block:96px}.eyebrow{font-size:11px;text-transform:uppercase;letter-spacing:.18em;font-weight:650;margin:0 0 22px;line-height:1.5}.subtle-text,.optional-label{color:var(--muted)}.skip-link{position:absolute;left:16px;top:-60px;z-index:10;background:var(--ink);color:#fff;padding:8px 15px;border-radius:5px}.skip-link:focus{top:12px;color:#fff}.status-dot{width:7px;height:7px;border-radius:50%;background:#8ea682;display:inline-block;flex-shrink:0}.button{display:inline-flex;align-items:center;justify-content:center;gap:23px;padding:15px 24px;min-height:52px;border:1px solid transparent;border-radius:7px;font-size:13px;font-weight:600;line-height:1.4;white-space:nowrap;transition:background .18s,transform .18s}.button:hover{transform:translateY(-1px)}.button span{font-size:19px;line-height:1}.button-dark{background:var(--ink);color:var(--white)}.button-dark:hover{background:#314e40;color:var(--white)}.button-coral{background:var(--coral);color:var(--ink)}.button-coral:hover{background:var(--coral-hover)}.button-outline{border-color:#afbdac;background:transparent;color:var(--ink)}.button-outline:hover{background:var(--mint)}.button-small{padding:10px 16px;min-height:42px;font-size:12px;gap:16px}.button-disabled{background:#e6e8e1;color:#859084;width:100%;border-color:#dde1d7}.button-disabled:hover{transform:none}.text-link{font-weight:550;font-size:13px;display:inline-flex;gap:10px;align-items:center;text-decoration:none}.text-link:hover{text-decoration:underline;text-underline-offset:5px}.text-link span{font-size:17px}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid var(--coral);outline-offset:4px}input:focus-visible,select:focus-visible{outline:3px solid var(--coral);outline-offset:2px}.site-header{border-bottom:1px solid var(--line)}.header-inner{min-height:92px;display:flex;align-items:center;justify-content:space-between;gap:30px}.brand{display:inline-flex;align-items:center;gap:11px;font-size:24px;font-weight:680;letter-spacing:-.06em;line-height:1}.brand-period{color:var(--coral)}.brand-mark{width:24px;height:24px;display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-9deg)}.brand-mark span{background:var(--ink);border-radius:2px}.brand-mark span:last-child{background:var(--coral)}.site-nav{display:flex;align-items:center;gap:32px;font-size:12px;font-weight:550}.nav-text{position:relative}.nav-text:after{content:"";position:absolute;left:0;bottom:-5px;width:0;height:1px;background:var(--ink);transition:width .2s}.nav-text:hover:after{width:100%}.signout-link{color:var(--muted);font-size:11px}.hero{display:grid;grid-template-columns:1fr 1fr;gap:60px;padding-top:88px;padding-bottom:92px;align-items:center}.hero-copy .eyebrow{display:flex;align-items:center;gap:10px}.hero h1{font-size:88px;line-height:1.01;letter-spacing:-.065em}.hero h1 em{position:relative}.hero h1 em:after{content:"";position:absolute;height:5px;left:1px;right:-5px;bottom:6px;transform:rotate(-3deg);background:var(--coral);z-index:-1}.hero-description{max-width:420px;color:var(--muted);font-size:16px;line-height:1.75;margin:27px 0 29px}.hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:22px}.hero-note{font-size:10px;letter-spacing:.015em;color:var(--muted);margin:18px 0 0}.hero-visual{position:relative;min-height:440px;display:flex;align-items:center;justify-content:center}.orbit{position:absolute;border:1px solid #e0e4d8;border-radius:50%;pointer-events:none}.orbit-one{width:480px;height:480px}.orbit-two{width:550px;height:550px}.inbox-preview{width:445px;background:var(--white);border:1px solid #d6ded0;border-radius:15px;transform:rotate(-3deg);box-shadow:0 24px 70px -35px #203b323a;padding:20px 22px 0;position:relative;z-index:1}.preview-heading{display:flex;gap:8px;align-items:center;font-size:9px;font-weight:550;border-bottom:1px solid var(--line);padding-bottom:17px;color:var(--muted)}.tiny-logo{background:var(--ink);color:#fff;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;font-size:16px}.preview-dots{margin-left:auto;letter-spacing:2px;font-size:10px}.preview-inbox-title{font-size:22px;letter-spacing:-.03em;font-weight:550;margin:19px 0;display:flex;align-items:center;justify-content:space-between}.preview-live{display:flex;gap:5px;align-items:center;font-size:9px;font-weight:500;color:var(--muted);letter-spacing:0}.preview-live .status-dot{width:5px;height:5px}.preview-message{display:flex;align-items:center;gap:12px;padding:13px 0;border-top:1px solid #eceee7}.avatar{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:10px;flex-shrink:0;font-size:12px;font-weight:500}.avatar-clay{background:#f0e1d9;color:#91583e}.avatar-green{background:#e2e9da;color:#546b45}.avatar-outline{border:1px solid #d5dbcd;color:#7c8b6f;background:var(--paper)}.preview-message div{display:flex;flex-direction:column;gap:2px}.preview-message strong{font-size:11px;font-weight:600}.preview-message div span{font-size:10px;color:var(--muted)}.preview-time{margin-left:auto;font-size:9px;color:#8d958a}.gateway-divider{display:flex;align-items:center;gap:10px;font-size:7px;font-weight:550;letter-spacing:.13em;color:#8d958a;margin:15px 0 7px}.gateway-divider span{height:1px;background:#d8dfd1;flex:1}.preview-held{border-top:0}.preview-held .pill{margin-left:auto;font-size:8px;padding:4px 7px}.pill{display:inline-flex;border-radius:99px;padding:5px 10px;font-size:10px;font-weight:550;line-height:1.35;white-space:nowrap}.pill-held{color:#946947;background:#f7e8d5}.pill-paid{color:#43634c;background:#e6eddf}.pill-neutral{color:var(--muted);background:#eef0e9}.preview-payment{display:flex;gap:12px;align-items:center;background:#eaf0e2;border-radius:8px;margin:11px 0 20px;padding:14px}.payment-symbol{font-size:31px;line-height:1;color:#759568}.preview-payment strong{font-size:11px;font-weight:550}.preview-payment p{font-size:9px;margin:2px 0 0;color:var(--muted)}.payment-arrow{margin-left:auto;font-size:20px}.preview-caption{font-size:8px;color:var(--muted);text-align:center;padding:12px 0;border-top:1px solid var(--line)}.attention-sticker{position:absolute;right:0;bottom:20px;z-index:2;background:var(--coral);border-radius:50%;width:114px;height:114px;transform:rotate(11deg);text-align:center;padding:17px;font-size:12px;line-height:1.2;font-weight:650;letter-spacing:-.02em}.attention-sticker span{display:block;font-size:24px;line-height:1;margin-bottom:7px}.principle-strip{background:var(--ink);color:var(--paper);padding:21px 0}.principle-strip .page-width{display:flex;justify-content:space-between;font-size:11px;font-weight:500;letter-spacing:.08em}.principle-strip span{display:flex;align-items:center;gap:16px}.principle-strip span:before{content:"✳";color:var(--coral);font-size:20px;line-height:1}.problem-section{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:start}.problem-section h2,.section-heading h2{font-size:55px}.problem-copy{padding-top:33px;color:var(--muted);font-size:15px;line-height:1.8}.problem-copy p+p{margin-top:19px}.how-section{background:#edf0e6;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:50px}.section-heading>p{width:320px;max-width:100%;flex-shrink:0;color:var(--muted);font-size:14px;line-height:1.8;margin:0 0 3px}.how-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:34px}.how-card{border-top:1px solid #bdc8b6;padding-top:18px}.how-card-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:34px}.step-index{font-family:var(--serif);font-size:25px;font-style:italic;letter-spacing:-.04em;line-height:1;color:#8c977e}.line-icon{font-size:29px;line-height:1;font-weight:400}.how-card h3{font-size:22px;margin-bottom:16px}.how-card p{font-size:13px;color:var(--muted);line-height:1.8;margin:0}.how-card code{background:#e0e6d9}.no-incentive-note{border-top:1px solid #cbd5c3;margin-top:42px;padding-top:24px;display:flex;align-items:flex-start;gap:19px}.no-incentive-note>span{font-size:24px;line-height:1.1}.no-incentive-note p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:780px}.no-incentive-note strong{color:var(--ink);font-weight:600}.setup-grid{display:grid;grid-template-columns:1fr 1fr;column-gap:36px;row-gap:50px}.setup-caption{display:flex;gap:18px;min-height:155px}.setup-caption .step-index{padding-top:5px;color:var(--ink);border-bottom:2px solid var(--coral);height:34px}.setup-caption h3{font-size:21px;margin:0 0 11px}.setup-caption p{font-size:13px;color:var(--muted);line-height:1.8}.setup-caption p strong{font-weight:550;color:var(--ink)}.setup-caption a{text-decoration:underline;text-underline-offset:3px}.screenshot-button{display:block;width:100%;padding:0;text-align:left;border:1px solid #d4ddce;border-radius:11px;overflow:hidden;background:#e9eee2;box-shadow:0 8px 25px -24px var(--ink);transition:border-color .18s,box-shadow .18s}.screenshot-button:hover{border-color:#9ba991;box-shadow:0 10px 25px -18px #203b3250}.screenshot-button img{display:block;width:100%;aspect-ratio:16/10;object-fit:contain;background:#edf0e6}.screenshot-expand{display:flex;justify-content:space-between;align-items:center;font-size:9px;letter-spacing:.04em;padding:9px 14px;background:#f1f3ed;color:var(--muted);border-top:1px solid #d9e1d2}.screenshot-expand>span{font-size:16px;line-height:1}.figure-caption{font-size:9px;color:var(--muted);margin:12px 0 0}.setup-aftercare{border-top:1px solid var(--line);padding-top:28px;margin-top:43px;display:flex;align-items:center;gap:18px}.setup-aftercare p{font-size:12px;color:var(--muted);line-height:1.8;margin:0;max-width:720px}.setup-aftercare strong{color:var(--ink)}.setup-aftercare .button{margin-left:auto;flex-shrink:0}.future-section{padding:29px 34px;border:1px solid #d9ddd1;border-radius:12px;display:flex;align-items:center;gap:25px;background:#f2f2eb;margin-bottom:92px}.future-icon{font-size:41px;color:#9daa8d;line-height:1}.future-section .eyebrow{margin:0 0 7px;font-size:9px;color:#8c9584}.future-section h3{font-size:22px;margin:0 0 8px}.future-section p:last-child{font-size:12px;color:var(--muted);margin:0;max-width:630px}.future-section>.pill{margin-left:auto;flex-shrink:0;background:#e8ebe1}.closing-section{background:var(--ink);color:var(--paper);padding:75px 0 80px;text-align:center}.closing-section .eyebrow{color:#a5b99a;font-size:10px}.closing-section h2{font-size:62px;color:var(--paper);margin-bottom:31px}.closing-section h2 em{color:#e0e9cf}.closing-note{font-size:10px;color:#b0bca9;margin:17px 0 0}.site-footer{padding:27px 0;border-top:1px solid var(--line)}.footer-inner{display:flex;align-items:center;justify-content:space-between;gap:25px}.footer-brand{font-size:19px}.footer-inner p{font-size:10px;color:var(--muted);margin:0}.footer-inner>a:last-child{font-size:10px}.footer-inner>a:last-child span{margin-left:12px}.screenshot-dialog{width:min(1100px,92vw);max-height:92vh;border:0;border-radius:12px;padding:18px;background:var(--paper);box-shadow:0 20px 100px #0005;color:var(--ink)}.screenshot-dialog::backdrop{background:#203b32bb;backdrop-filter:blur(4px)}.dialog-close{margin-left:auto;display:flex;margin-bottom:14px}.screenshot-dialog img{display:block;width:100%;max-height:calc(92vh - 120px);object-fit:contain;border:1px solid var(--line);border-radius:5px;background:#e9eee2}.screenshot-dialog p{font-size:12px;margin:13px 0 0}.flash-stack{padding-top:22px}.notice{border:1px solid #c7d7bf;background:#eef4e8;border-radius:8px;padding:13px 17px;font-size:13px;line-height:1.6;margin-bottom:12px}.notice-error{background:#fae7df;border-color:#efc5b5}.dashboard-shell{padding-top:53px;padding-bottom:65px}.dashboard-heading{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:37px}.dashboard-heading .eyebrow{font-size:10px;letter-spacing:.08em;text-transform:none;margin-bottom:17px;color:var(--muted)}.dashboard-heading h1{font-size:53px;letter-spacing:-.05em}.dashboard-heading>div>p:last-child{margin:16px 0 0;color:var(--muted);font-size:13px}.dashboard-actions{display:flex;flex-direction:column;align-items:flex-end;gap:13px}.dashboard-actions .text-link{font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px;margin-bottom:24px}.metric-card{padding:23px 23px 22px;background:var(--white);border:1px solid var(--line);border-radius:var(--radius)}.metric-balance{background:var(--ink);color:var(--white);border-color:var(--ink)}.metric-label{font-size:11px;font-weight:500;display:flex;justify-content:space-between;align-items:center;gap:10px}.metric-label>span{font-size:20px;line-height:1;color:#94a48a}.metric-balance .metric-label>span{color:var(--coral)}.metric-card strong{display:block;font-family:var(--serif);font-size:51px;font-weight:400;line-height:1.2;letter-spacing:-.05em;margin-top:21px;margin-bottom:6px}.metric-detail{font-size:10px;color:var(--muted);line-height:1.5;display:block}.metric-balance .metric-detail{color:#bbc8b4}.gateway-banner{background:var(--mint);border:1px solid #dce3d4;border-radius:var(--radius);padding:22px 26px;display:flex;align-items:center;gap:19px;margin-bottom:29px}.gateway-banner-icon{font-size:28px;line-height:1;color:#78956c}.gateway-banner h2{font-family:var(--sans);font-size:17px;letter-spacing:-.035em;line-height:1.5;font-weight:550}.gateway-banner p{font-size:11px;color:var(--muted);margin:4px 0 0;max-width:670px}.gateway-banner .button{margin-left:auto;flex-shrink:0}.panel{background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:29px 31px;margin-bottom:24px;overflow:hidden}.panel-heading{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px}.panel .eyebrow{font-size:9px;letter-spacing:.14em;color:var(--muted);margin:0 0 8px}.panel h2{font-family:var(--sans);font-size:25px;font-weight:550;letter-spacing:-.045em;line-height:1.3}.panel-description{font-size:12px;line-height:1.75;color:var(--muted);margin-top:-8px;max-width:700px}.message-filters{display:flex;align-items:center;gap:2px;border:1px solid var(--line);border-radius:8px;padding:3px}.filter-button{background:transparent;border:0;font-size:10px;font-weight:550;border-radius:5px;color:var(--muted);padding:7px 14px}.filter-button.active{background:var(--mint);color:var(--ink)}.filter-button:hover{background:#f1f3ec}.attention-table{font-size:11px;border-color:#edf0e8;color:var(--ink);margin-bottom:0;vertical-align:middle}.attention-table>:not(caption)>*>*{padding:15px 12px;color:var(--ink);background:transparent;box-shadow:none}.attention-table th{font-size:9px;font-weight:500;color:var(--muted)!important;padding-top:6px!important;padding-bottom:12px!important;white-space:nowrap}.attention-table th:first-child,.attention-table td:first-child{padding-left:0}.attention-table th:last-child,.attention-table td:last-child{padding-right:0}.attention-table tr:last-child td{border-bottom:0}.attention-table .subtle-text{color:var(--muted)}.attention-table tbody tr[hidden]{display:none!important}.message-main{min-width:220px;max-width:330px}.message-main strong{font-size:12px;font-weight:550;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:300px}.message-main>span{display:block;font-size:10px;color:var(--muted);margin-top:3px;overflow-wrap:anywhere}.direction-label{font-size:10px;white-space:nowrap;color:var(--muted)}.direction-label span{font-size:16px;color:#8e9b83;margin-right:4px}.table-action{text-align:right;white-space:nowrap}.table-action .text-link{font-size:10px;gap:7px}.table-action .text-link span{font-size:14px}.empty-state{text-align:center;padding:37px 25px 33px}.empty-symbol{display:inline-flex;align-items:center;justify-content:center;width:45px;height:45px;border-radius:50%;background:var(--mint);font-size:24px;color:#819574;margin-bottom:17px}.empty-state h3{font-family:var(--serif);font-size:27px;letter-spacing:-.05em;margin-bottom:9px}.empty-state p{font-size:12px;color:var(--muted);max-width:430px;margin:0 auto 16px;line-height:1.8}.empty-state .text-link{font-size:11px}.empty-state-compact{padding:24px 15px 14px}.empty-state-compact h3{font-size:24px}.filtered-empty[hidden]{display:none}.whitelist-form{display:flex;gap:13px;align-items:flex-end;background:#f4f5ee;border-radius:9px;padding:17px;margin-top:22px;margin-bottom:22px}.whitelist-input{flex:1;min-width:0}.whitelist-description{flex:.85}.form-label{font-size:10px;font-weight:550;margin-bottom:7px;color:var(--ink)}.form-control,.form-select{font-size:12px;background:var(--white);border:1px solid #d4dbcb;border-radius:6px;padding:11px 12px;line-height:1.6;min-height:43px;color:var(--ink)}.form-control::placeholder{color:#899281;font-size:11px}.form-control:focus,.form-select:focus{border-color:#7d9471;box-shadow:0 0 0 3px #dce7d0;background:var(--white);color:var(--ink)}.whitelist-form .button{min-height:43px;padding:11px 17px;font-size:11px;gap:12px}.whitelist-form .button>span{font-size:16px}.whitelist-check{display:inline-flex;align-items:center;justify-content:center;width:23px;height:23px;background:var(--mint);border-radius:50%;font-size:10px;margin-right:8px;color:#738b65}.whitelist-table code{font-size:11px;background:transparent;word-break:break-word}.remove-button{border:0;background:transparent;color:#7f8b74;font-size:10px;padding:5px}.remove-button:hover{color:#a75c42;text-decoration:underline}.dashboard-bottom-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:24px}.dashboard-bottom-grid .panel{margin-bottom:0}.wallet-panel .panel-description{margin-top:13px}.top-up-form{margin-top:20px}.top-up-controls{display:flex;gap:10px;align-items:center}.top-up-controls .form-select{flex:1;min-width:0}.top-up-controls .button{min-height:43px;padding:11px 19px;font-size:11px}.form-hint{font-size:10px;color:var(--muted);margin:9px 0 0;line-height:1.8}.invoice-details{border-top:1px solid var(--line);margin-top:24px;padding-top:17px}.invoice-details summary{font-size:11px;font-weight:550;cursor:pointer;display:flex;gap:10px;align-items:center}.invoice-details summary:before{content:"+";font-size:17px;color:var(--muted)}.invoice-details[open] summary:before{content:"−"}.invoice-details .table-responsive{margin-top:20px}.invoice-table{font-size:10px}.invoice-table .text-link{font-size:10px}.ai-panel{position:relative;background:#eef0e8;display:flex;flex-direction:column;align-items:flex-start;justify-content:center}.ai-orbit{font-size:51px;color:#99a989;line-height:1;margin-bottom:25px}.ai-panel>.pill{position:absolute;right:26px;top:26px;font-size:9px;background:#e2e7d9}.ai-panel p:not(.eyebrow){font-size:12px;color:var(--muted);line-height:1.8;margin:13px 0 24px}.ai-panel .button{margin-top:auto;font-size:11px;min-height:44px}.auth-layout{padding:75px 24px 100px;display:flex;justify-content:center}.auth-card{width:min(450px,100%);background:var(--white);border:1px solid var(--line);border-radius:var(--radius);padding:38px}.auth-card h1{font-size:49px;margin-bottom:18px;letter-spacing:-.055em}.auth-card .eyebrow{font-size:10px;color:var(--muted)}.auth-card p{font-size:13px;color:var(--muted);line-height:1.8}.auth-card .form-control{font-size:14px;min-height:49px}.auth-card .form-label{font-size:12px}.auth-card .button{width:100%;margin-top:18px}.auth-card .form-hint{font-size:11px}.auth-card .text-link{font-size:12px}.auth-card .notice{margin-top:15px}.auth-symbol{font-size:39px;line-height:1;display:inline-flex;width:61px;height:61px;border-radius:50%;background:var(--mint);align-items:center;justify-content:center;color:#829772;margin-bottom:23px}.htmx-request .button[type=submit]{opacity:.55;pointer-events:none}
@media(min-width:1400px){.hero{padding-top:107px;padding-bottom:110px}.hero h1{font-size:98px}.hero-visual{min-height:465px}.inbox-preview{width:470px}.orbit-one{width:510px;height:510px}.orbit-two{width:580px;height:580px}.attention-sticker{right:-8px;bottom:20px}}
@media(max-width:1100px){.page-width{width:calc(100% - 64px)}.hero{gap:30px;padding-block:72px}.hero h1{font-size:72px}.hero-description{font-size:14px}.hero-actions{gap:15px}.hero-actions .button{font-size:11px;padding:14px 19px}.hero-actions .text-link{font-size:11px}.hero-visual{min-height:395px}.inbox-preview{width:100%;max-width:400px}.orbit-one{width:395px;height:395px}.orbit-two{width:445px;height:445px}.attention-sticker{right:-5px;bottom:12px;width:98px;height:98px;font-size:10px;padding:14px}.attention-sticker span{font-size:21px}.problem-section{gap:55px}.problem-section h2,.section-heading h2{font-size:47px}.problem-copy{font-size:14px}.how-grid{gap:28px}.how-card h3{font-size:20px}.section-heading{gap:35px}.section-heading>p{width:300px;font-size:13px}.setup-grid{gap:37px 25px}.setup-caption{min-height:171px;gap:12px}.setup-caption h3{font-size:19px}.setup-caption p{font-size:12px}.setup-aftercare{flex-wrap:wrap}.setup-aftercare p{flex:1}.setup-aftercare .button{font-size:11px}.future-section{gap:20px}.future-section>.pill{font-size:8px}.future-section h3{font-size:20px}.metric-card{padding:21px 18px}.metric-label{font-size:10px}.metric-detail{font-size:9px}.gateway-banner p{max-width:520px}.gateway-banner{padding:20px}.gateway-banner .button{font-size:10px;gap:11px}.whitelist-form{gap:10px}.whitelist-form .button{font-size:10px;padding-inline:13px}.panel{padding:27px}.dashboard-bottom-grid{gap:18px}}
@media(max-width:850px){.site-nav{gap:20px}.brand{font-size:21px}.hero{grid-template-columns:1fr;padding-top:59px;gap:29px;text-align:center}.hero-copy .eyebrow{justify-content:center}.hero h1{font-size:81px}.hero-description{margin-inline:auto;font-size:15px;max-width:480px}.hero-actions{justify-content:center;gap:22px}.hero-actions .button{font-size:12px;padding:15px 22px}.hero-note{font-size:10px}.hero-visual{min-height:430px;max-width:490px;width:100%;margin-inline:auto;margin-top:8px}.inbox-preview{max-width:445px}.orbit-one{width:440px;height:440px}.orbit-two{width:490px;height:490px}.attention-sticker{right:0;bottom:6px}.section-space{padding-block:70px}.problem-section{grid-template-columns:1fr;gap:25px}.problem-copy{padding-top:0;max-width:610px}.problem-section h2,.section-heading h2{font-size:48px}.section-heading{align-items:flex-start;flex-direction:column;gap:22px;margin-bottom:38px}.section-heading>p{width:500px}.how-grid{gap:22px}.how-card h3{font-size:18px}.how-card p{font-size:12px}.how-card-top{margin-bottom:25px}.setup-grid{column-gap:22px}.setup-caption{min-height:196px}.setup-caption h3{font-size:18px}.setup-caption .step-index{font-size:22px}.setup-aftercare .button{margin-left:25px}.future-section{margin-bottom:70px;padding:25px;flex-wrap:wrap;gap:18px}.future-section>div:nth-child(2){flex:1}.future-section>.pill{margin-left:59px;font-size:9px}.future-section h3{font-size:19px}.closing-section h2{font-size:52px}.dashboard-shell{padding-top:40px}.dashboard-heading h1{font-size:45px}.dashboard-actions .button{font-size:11px;gap:12px;padding:13px 18px}.dashboard-heading>div>p:last-child{font-size:11px}.metrics-grid{grid-template-columns:repeat(2,1fr);gap:13px}.metric-card{padding:20px 23px}.metric-label{font-size:11px}.metric-detail{font-size:10px}.metric-card strong{font-size:44px;margin-top:13px}.gateway-banner{flex-wrap:wrap;gap:12px}.gateway-banner>div{flex:1}.gateway-banner .button{margin-left:42px}.panel-heading{gap:17px}.panel h2{font-size:23px}.message-filters{flex-shrink:0}.filter-button{padding:7px 11px}.whitelist-form{flex-wrap:wrap}.whitelist-input{flex:1 1 45%}.whitelist-form .button{margin-left:auto;font-size:11px}.dashboard-bottom-grid{grid-template-columns:1fr 1fr}.dashboard-bottom-grid .panel{padding:25px}.top-up-controls{flex-wrap:wrap}.top-up-controls .form-select{flex-basis:100%}.top-up-controls .button{width:100%}.ai-panel p:not(.eyebrow){font-size:11px}.ai-panel .eyebrow{font-size:8px}}
@media(max-width:600px){.page-width{width:calc(100% - 40px)}.header-inner{min-height:76px;gap:15px}.brand{font-size:19px;gap:8px}.brand-mark{width:20px;height:20px;grid-template-columns:repeat(2,8px);gap:3px}.site-nav{gap:12px}.site-nav .nav-text{display:none}.site-nav .button{font-size:10px;min-height:37px;padding:9px 13px;gap:9px}.site-nav .button span{font-size:15px}.signout-link{font-size:9px}.hero{padding-top:44px;padding-bottom:53px;gap:30px}.hero-copy .eyebrow{font-size:9px;letter-spacing:.13em;margin-bottom:20px}.hero h1{font-size:66px}.hero-description{font-size:13px;line-height:1.8;margin-top:23px;margin-bottom:25px;max-width:340px}.hero-actions{gap:19px;flex-direction:column}.hero-actions .button{padding:14px 20px;font-size:11px}.hero-actions .text-link{font-size:10px}.hero-note{font-size:9px;max-width:280px;margin-inline:auto;line-height:1.8}.hero-visual{min-height:351px;max-width:370px;margin-top:20px}.inbox-preview{max-width:335px;padding:15px 17px 0;transform:rotate(-2.5deg)}.preview-heading{font-size:8px;padding-bottom:13px}.tiny-logo{width:19px;height:19px;font-size:14px}.preview-inbox-title{font-size:18px;margin:15px 0}.preview-live{font-size:8px}.preview-message{gap:9px;padding:10px 0}.avatar{width:28px;height:28px;font-size:10px}.preview-message strong{font-size:9px}.preview-message div span{font-size:8px}.preview-time{font-size:8px}.gateway-divider{font-size:6px;margin:13px 0 5px;gap:7px}.preview-held .pill{font-size:7px}.preview-payment{padding:12px;gap:10px;margin:9px 0 14px}.payment-symbol{font-size:25px}.preview-payment strong{font-size:9px}.preview-payment p{font-size:8px}.payment-arrow{font-size:17px}.preview-caption{font-size:7px;padding:10px 0}.orbit-one{width:340px;height:340px}.orbit-two{width:380px;height:380px}.attention-sticker{right:0;bottom:-1px;width:87px;height:87px;font-size:9px;padding:13px}.attention-sticker span{font-size:19px;margin-bottom:5px}.principle-strip{padding:17px 0}.principle-strip .page-width{font-size:8px;letter-spacing:.01em;gap:14px}.principle-strip span{gap:7px}.principle-strip span:before{font-size:14px}.section-space{padding-block:54px}.eyebrow{font-size:9px;letter-spacing:.14em;margin-bottom:16px}.problem-section h2,.section-heading h2{font-size:40px}.problem-section{gap:21px}.problem-copy{font-size:12px;line-height:1.9}.problem-copy p+p{margin-top:16px}.section-heading{gap:21px;margin-bottom:29px}.section-heading>p{font-size:12px}.how-grid{grid-template-columns:1fr;gap:27px}.how-card{padding-top:15px}.how-card-top{margin-bottom:17px}.step-index{font-size:23px}.line-icon{font-size:26px}.how-card h3{font-size:20px;margin-bottom:10px}.how-card p{font-size:12px;max-width:450px}.no-incentive-note{gap:13px;margin-top:29px;padding-top:20px}.no-incentive-note p{font-size:10px}.setup-grid{grid-template-columns:1fr;gap:32px}.setup-caption{min-height:0;gap:14px;margin-bottom:12px}.setup-caption h3{font-size:20px;margin-bottom:10px}.setup-caption p{font-size:12px;margin-bottom:6px}.setup-caption .step-index{font-size:23px;height:33px;min-width:24px}.screenshot-button{border-radius:9px}.figure-caption{font-size:8px;margin-top:10px}.screenshot-expand{font-size:8px}.setup-aftercare{gap:12px;align-items:flex-start;padding-top:23px;margin-top:28px}.setup-aftercare>.status-dot{margin-top:7px}.setup-aftercare p{font-size:10px}.setup-aftercare .button{margin-left:19px;padding:12px 18px;min-height:43px;font-size:10px}.future-section{padding:21px;margin-bottom:54px;gap:15px}.future-icon{font-size:31px}.future-section h3{font-size:18px}.future-section p:last-child{font-size:10px}.future-section>.pill{margin-left:46px;font-size:8px}.closing-section{padding:53px 0 58px}.closing-section .eyebrow{font-size:8px}.closing-section h2{font-size:40px;margin-bottom:25px}.closing-section .button{font-size:11px;padding:14px 21px;min-height:47px}.closing-note{font-size:9px}.site-footer{padding:24px 0}.footer-inner{flex-wrap:wrap;gap:14px}.footer-brand{font-size:18px}.footer-inner p{font-size:9px}.footer-inner>a:last-child{flex-basis:100%;font-size:9px}.screenshot-dialog{padding:12px;border-radius:9px}.screenshot-dialog p{font-size:10px;margin-top:10px}.dialog-close{min-height:34px;padding:7px 11px;font-size:9px}.dashboard-shell{padding-top:29px;padding-bottom:43px}.dashboard-heading{align-items:flex-start;gap:20px;flex-direction:column;margin-bottom:26px}.dashboard-heading .eyebrow{font-size:9px;margin-bottom:14px;word-break:break-word}.dashboard-heading h1{font-size:44px}.dashboard-heading>div>p:last-child{font-size:11px;max-width:280px;margin-top:13px}.dashboard-actions{flex-direction:row;align-items:center;gap:14px;flex-wrap:wrap}.dashboard-actions .button{padding:11px 15px;min-height:43px;font-size:10px;gap:15px}.dashboard-actions .text-link{font-size:9px;gap:6px}.metrics-grid{gap:10px;margin-bottom:17px}.metric-card{padding:17px 15px;border-radius:11px}.metric-label{font-size:9px;gap:7px}.metric-label>span{font-size:16px}.metric-card strong{font-size:39px;margin-top:12px;margin-bottom:4px}.metric-detail{font-size:8px;max-width:120px}.gateway-banner{padding:19px 17px;border-radius:11px;margin-bottom:21px;gap:11px}.gateway-banner-icon{font-size:24px}.gateway-banner h2{font-size:15px}.gateway-banner p{font-size:9px;line-height:1.8}.gateway-banner .button{margin-left:34px;min-height:37px;font-size:9px;padding:9px 12px}.panel{padding:22px 19px;margin-bottom:19px;border-radius:11px}.panel .eyebrow{font-size:8px}.panel h2{font-size:21px}.panel-heading{flex-wrap:wrap;gap:16px;margin-bottom:20px}.message-filters{gap:2px}.filter-button{font-size:9px;padding:6px 12px}.attention-table{font-size:10px;min-width:650px}.attention-table th{font-size:8px}.attention-table>:not(caption)>*>*{padding:13px 10px}.message-main{min-width:180px;max-width:250px}.message-main strong{font-size:11px;max-width:210px}.message-main>span{font-size:9px}.attention-table .pill{font-size:9px}.empty-state{padding:24px 5px 18px}.empty-state h3{font-size:25px}.empty-state p{font-size:11px}.empty-state .text-link{font-size:10px}.empty-symbol{width:39px;height:39px;font-size:22px}.panel-description{font-size:11px;margin-top:-7px}.whitelist-form{padding:14px;gap:13px;margin-top:17px;margin-bottom:15px}.whitelist-input{flex-basis:100%}.form-label{font-size:9px}.form-control,.form-select{font-size:11px;padding:10px 11px;min-height:40px}.form-control::placeholder{font-size:10px}.whitelist-form .button{width:100%;font-size:10px;padding:10px 15px;min-height:40px}.whitelist-table{min-width:420px}.whitelist-table code{font-size:10px}.whitelist-check{width:20px;height:20px;margin-right:5px}.remove-button{font-size:9px}.dashboard-bottom-grid{grid-template-columns:1fr;gap:19px}.dashboard-bottom-grid .panel{padding:24px 20px}.top-up-controls{flex-wrap:nowrap}.top-up-controls .form-select{flex-basis:auto}.top-up-controls .button{width:auto;padding:10px 14px;min-height:40px;font-size:10px;gap:11px}.form-hint{font-size:9px}.invoice-table{min-width:350px}.ai-orbit{font-size:41px;margin-bottom:22px}.ai-panel p:not(.eyebrow){font-size:11px;max-width:380px}.ai-panel .button{font-size:10px}.auth-layout{padding:40px 20px 60px}.auth-card{padding:29px 25px}.auth-card h1{font-size:43px}.auth-card p{font-size:12px}.auth-card .eyebrow{font-size:9px}.auth-card .form-label{font-size:11px}.auth-card .form-control{font-size:13px}.auth-card .button{font-size:11px}.auth-card .form-hint{font-size:10px}.notice{font-size:11px;padding:11px 13px}}
@media(max-width:370px){.page-width{width:calc(100% - 30px)}.hero h1{font-size:59px}.hero-visual{min-height:323px}.inbox-preview{max-width:300px}.orbit-one{width:300px;height:300px}.orbit-two{width:330px;height:330px}.attention-sticker{right:-3px;bottom:-3px;width:78px;height:78px;font-size:8px}.preview-live{font-size:7px}.preview-inbox-title{font-size:17px}.principle-strip .page-width{font-size:7px;gap:9px}.principle-strip span{gap:5px}.principle-strip span:before{font-size:12px}.hero-note{font-size:8px}.dashboard-actions{gap:11px}.dashboard-actions .text-link{font-size:8px}.metric-label{font-size:8px}.metric-card{padding:15px 12px}.metric-label>span{font-size:14px}.top-up-controls{flex-wrap:wrap}.top-up-controls .form-select{flex-basis:100%}.top-up-controls .button{width:100%}.brand{font-size:17px}.site-nav{gap:9px}.site-nav .button{padding:8px 10px;font-size:9px}.signout-link{font-size:8px}}
.payment-details{display:grid;grid-template-columns:auto minmax(0,1fr);gap:9px 19px;margin:25px 0;padding:20px 0;border-top:1px solid var(--line);border-bottom:1px solid var(--line);font-size:11px;line-height:1.7}.payment-details dt{font-weight:500;color:var(--muted)}.payment-details dd{margin:0;overflow-wrap:anywhere}.auth-card .alert{font-size:12px;border-radius:8px}.auth-card p>a:not(.button){text-decoration:underline;text-underline-offset:3px}.payment-details~form+.payment-details{margin-top:20px}
.section-anchor{display:block;position:relative;top:-20px;visibility:hidden}
@media(max-width:600px){.hero-visual .orbit{max-width:100%;height:auto;aspect-ratio:1}}
@media(max-width:600px){.hero-copy .eyebrow,.eyebrow{font-size:11px}.hero-description{font-size:15px}.hero-note{font-size:11px}.hero-actions .button,.hero-actions .text-link{font-size:12px}.principle-strip .page-width{font-size:10px;flex-wrap:wrap;justify-content:center;gap:12px 22px}.problem-copy,.section-heading>p,.how-card p,.setup-caption p{font-size:14px}.no-incentive-note p,.setup-aftercare p{font-size:13px}.setup-aftercare .button{font-size:12px}.figure-caption,.screenshot-expand{font-size:11px}.future-section .eyebrow{font-size:10px}.future-section p:last-child{font-size:13px}.future-section>.pill{font-size:11px}.closing-section .eyebrow,.closing-note{font-size:11px}.closing-section .button{font-size:13px}.footer-inner p,.footer-inner>a:last-child{font-size:11px}.dashboard-heading .eyebrow{font-size:11px}.dashboard-heading>div>p:last-child{font-size:14px}.dashboard-actions .button{font-size:12px}.dashboard-actions .text-link{font-size:11px}.metric-label{font-size:12px;line-height:1.5}.metric-detail{font-size:11px;max-width:none}.gateway-banner h2{font-size:17px}.gateway-banner p{font-size:13px}.gateway-banner .button{font-size:11px}.panel .eyebrow{font-size:10px}.filter-button{font-size:12px}.attention-table{font-size:12px;min-width:690px}.attention-table th{font-size:11px}.message-main strong{font-size:13px}.message-main>span{font-size:12px}.direction-label{font-size:12px}.attention-table .pill,.table-action .text-link{font-size:11px}.empty-state p,.panel-description{font-size:14px}.empty-state .text-link{font-size:12px}.form-label{font-size:12px}.form-control,.form-select{font-size:14px;min-height:44px}.form-control::placeholder{font-size:12px}.whitelist-form .button{font-size:12px;min-height:44px}.whitelist-table{min-width:490px}.whitelist-table code{font-size:12px}.remove-button{font-size:11px}.top-up-controls{flex-wrap:wrap}.top-up-controls .form-select{flex-basis:100%}.top-up-controls .button{width:100%;font-size:12px;min-height:44px}.form-hint{font-size:11px}.invoice-details summary,.invoice-table .text-link{font-size:12px}.invoice-table{min-width:400px}.ai-panel p:not(.eyebrow){font-size:14px}.ai-panel .button{font-size:12px}.ai-panel>.pill{font-size:11px}.auth-card p{font-size:14px}.auth-card .eyebrow{font-size:11px}.auth-card .form-label{font-size:12px}.auth-card .form-control{font-size:16px}.auth-card .button{font-size:13px}.auth-card .form-hint{font-size:12px}.auth-card .alert,.payment-details,.notice{font-size:13px}.screenshot-dialog p{font-size:12px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}.button:hover{transform:none}}