@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=IBM+Plex+Mono:wght@400;500&display=swap");:root{--bg:#0d0e17;--surface:#151726;--surface-2:#1b1d31;--line:#292c40;--text:#e8e9f0;--muted:#8b8da0;--amber:#e8a33d;--cyan:#3fd6c4;--rose:#d9636f}*{box-sizing:border-box}body,html{background:var(--bg)}body{margin:0;color:var(--text);font-family:DM Sans,sans-serif;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}.container{max-width:1160px;margin:0 auto;padding:0 32px}.muted{color:var(--muted)}.mono{font-family:IBM Plex Mono,monospace;font-size:12px}.eyebrow{color:var(--amber);font:500 12px IBM Plex Mono,monospace;letter-spacing:.02em}.brand{display:flex;align-items:center;gap:10px;font-weight:700;letter-spacing:-.03em}.brand-mark{display:grid;place-items:center;width:29px;height:29px;background:var(--amber);color:#19140c;border-radius:5px;font:500 13px IBM Plex Mono,monospace}.btn{display:inline-flex;align-items:center;justify-content:center;min-height:40px;padding:0 15px;border:1px solid var(--line);border-radius:5px;font-weight:600;transition:background .16s,border-color .16s}.btn-primary{background:var(--amber);border-color:var(--amber);color:#1b150a}.btn-primary:hover{background:#f1b35a}.btn-quiet{background:transparent;color:var(--text)}.btn-quiet:hover{background:var(--surface);border-color:#4a4e6b}.btn-small{min-height:34px;padding:0 11px;font-size:13px}.landing-nav{height:78px;justify-content:space-between}.landing-nav,.nav-links{display:flex;align-items:center}.nav-links{gap:26px;color:var(--muted);font-size:14px}.nav-links a:hover{color:var(--text)}.hero{padding:108px 0 92px;display:grid;grid-template-columns:1fr 1fr;grid-gap:72px;gap:72px;align-items:start}.hero h1{max-width:620px;margin:14px 0 20px;font-size:clamp(44px,6vw,74px);line-height:.98;letter-spacing:-.07em;font-weight:700}.hero p{max-width:520px;color:var(--muted);font-size:18px;line-height:1.65}.hero-actions{display:flex;gap:10px;margin-top:30px;flex-wrap:wrap}.signal-panel{border-top:1px solid var(--line);padding:0 2px}.panel-head,.signal-panel{border-bottom:1px solid var(--line)}.panel-head{display:flex;justify-content:space-between;padding:16px 0;color:var(--muted)}.live{display:flex;align-items:center;gap:7px;color:var(--cyan);font-size:12px}.signal-row{display:flex;justify-content:space-between;padding:19px 4px;border-bottom:1px solid var(--line)}.signal-row:last-child{border-bottom:0}.signal-label{display:flex;align-items:center;gap:10px}.signal-state{font-family:IBM Plex Mono;font-size:12px;color:var(--muted)}.dot{width:7px;height:7px;border-radius:50%;display:inline-block;background:currentColor}.landing-section{padding:72px 0;border-top:1px solid var(--line)}.section-title{max-width:600px;margin:10px 0 34px;font-size:38px;line-height:1.08;letter-spacing:-.05em}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.feature{padding:24px 24px 28px;border-right:1px solid var(--line)}.feature:last-child{border-right:0}.feature h3{margin:24px 0 8px;font-size:19px}.feature p{margin:0;color:var(--muted);line-height:1.65}.pricing{display:flex;align-items:end;justify-content:space-between;gap:30px;padding-bottom:26px}.price{font-size:54px;letter-spacing:-.06em}.footer{padding:28px 0 48px;color:var(--muted);font-size:13px}.app-shell{min-height:100vh;display:flex}.sidebar{width:242px;flex:0 0 242px;padding:23px 15px;border-right:1px solid var(--line);background:#10111b;display:flex;flex-direction:column}.side-brand{padding:0 10px 34px}.side-section{margin:23px 11px 8px;color:#64677b;font:500 11px IBM Plex Mono;letter-spacing:.02em}.nav-item{display:flex;align-items:center;gap:11px;width:100%;padding:10px 11px;color:var(--muted);border-left:2px solid transparent;border-radius:4px;font-size:14px}.nav-item.active,.nav-item:hover{color:var(--text);background:var(--surface)}.nav-item.active{border-left-color:var(--amber)}.nav-icon{width:18px;text-align:center;color:inherit;font-family:IBM Plex Mono}.sidebar-bottom{margin-top:auto;padding:16px 0 0;border-top:1px solid var(--line)}.main{min-width:0;flex:1 1}.topbar{height:70px;display:flex;align-items:center;justify-content:space-between;padding:0 42px;border-bottom:1px solid var(--line)}.topbar h1{margin:0;font-size:16px;font-weight:600;letter-spacing:-.02em}.user-chip{display:flex;align-items:center;gap:10px;color:var(--muted);font-size:13px}.avatar{display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#2a2d43;color:var(--text);font:500 11px IBM Plex Mono}.content{max-width:1230px;padding:40px 42px 72px}.page-intro{display:flex;justify-content:space-between;align-items:end;gap:22px;margin-bottom:34px}.page-intro h2{margin:8px 0 0;font-size:34px;line-height:1.05;letter-spacing:-.06em}.intro-copy{max-width:600px;margin:12px 0 0}.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:30px}.stat{padding:21px 20px;border-right:1px solid var(--line)}.stat:last-child{border-right:0}.stat-label{color:var(--muted);font-size:13px}.stat-value{margin:8px 0 2px;font:500 32px IBM Plex Mono;letter-spacing:-.06em;font-feature-settings:"tnum";font-variant-numeric:tabular-nums}.stat-note{color:var(--amber);font-size:12px}.dashboard-grid,.split-grid{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(260px,.75fr);grid-gap:24px;gap:24px}.section-block{background:var(--surface);border-top:1px solid var(--line)}.section-block,.section-heading{border-bottom:1px solid var(--line)}.section-heading{display:flex;align-items:center;justify-content:space-between;padding:17px 20px}.section-heading h3{margin:0;font-size:15px;font-weight:600}.section-block table{width:100%;border-collapse:collapse}.section-block td,.section-block th{padding:14px 20px;text-align:left;border-bottom:1px solid var(--line);white-space:nowrap}.section-block th{color:var(--muted);font:500 11px IBM Plex Mono}.section-block td{font-size:13px}.section-block tr:last-child td{border-bottom:0}.status{display:inline-flex;align-items:center;gap:7px}.status.delivered{color:var(--amber)}.status.pending{color:var(--cyan)}.status.bounced,.status.failed{color:var(--rose)}.empty{padding:44px 20px;color:var(--muted)}.setup-list{padding:0 20px}.setup-list div{display:flex;justify-content:space-between;gap:14px;padding:17px 0;border-bottom:1px solid var(--line);font-size:13px}.setup-list div:last-child{border-bottom:0}.list-row{display:flex;align-items:center;justify-content:space-between;padding:18px 20px;border-bottom:1px solid var(--line)}.list-row:last-child{border-bottom:0}.stack-form{display:grid;grid-gap:9px;gap:9px;padding:20px}.stack-form label{color:var(--muted);font-size:13px}.field input,.field select,.field textarea,.stack-form input,.stack-form textarea{width:100%;padding:11px 12px;background:#10111b;color:var(--text);border:1px solid var(--line);border-radius:4px;outline:0}.stack-form textarea{min-height:140px;resize:vertical}.field input:focus,.field select:focus,.field textarea:focus,.stack-form input:focus,.stack-form textarea:focus{border-color:var(--amber)}.stack-form .btn{margin-top:8px;justify-self:start}.danger{color:var(--rose)}.number-list{margin:0;padding:22px 40px 28px;display:grid;grid-gap:18px;gap:18px;color:var(--muted)}.number-list li::marker{color:var(--amber);font-family:IBM Plex Mono}.large-number{padding:18px 20px 0;margin:0;font:500 46px IBM Plex Mono;letter-spacing:-.07em}.large-number span{font-size:14px;color:var(--muted);letter-spacing:0}.split-grid>.section-block>p{padding:0 20px}.form-grid{display:grid;grid-template-columns:repeat(2,1fr);grid-gap:18px;gap:18px}.field{display:flex;flex-direction:column;gap:7px}.field.full{grid-column:1/-1}.field label{color:var(--muted);font-size:13px}.field textarea{min-height:170px;resize:vertical}.tag-row{display:flex;gap:7px;flex-wrap:wrap}.tag{padding:4px 7px;border:1px solid var(--line);color:var(--cyan);font:11px IBM Plex Mono;border-radius:3px}.callout{padding:13px 15px;border-left:2px solid var(--amber);background:#211b10;color:#c9bba4;font-size:13px;line-height:1.55}.card{background:var(--surface);border-top:1px solid var(--line);overflow:hidden}.card,.card-head{border-bottom:1px solid var(--line)}.card-head{display:flex;align-items:center;justify-content:space-between;padding:17px 20px}.card-head h3{margin:0;font-size:15px}.card-body{padding:20px}.hero .responsive-note,.responsive-note{font-size:13px!important}@media(max-width:980px){.sidebar{width:206px;flex-basis:206px}.content,.topbar{padding-left:26px;padding-right:26px}.dashboard-grid,.split-grid{grid-template-columns:1fr}}@media(max-width:720px){.landing-nav{height:68px}.nav-links a:not(.btn){display:none}.container{padding:0 20px}.hero{grid-template-columns:1fr;padding:66px 0 60px;gap:50px}.hero h1{font-size:48px}.feature-grid{grid-template-columns:1fr}.feature{border-right:0;border-bottom:1px solid var(--line)}.feature:last-child{border-bottom:0}.pricing{display:block}.price{display:inline-block;margin:10px 0 22px}.app-shell,.sidebar{display:block}.sidebar{width:100%;height:auto;padding:13px 15px;border-right:0;border-bottom:1px solid var(--line)}.side-brand{display:inline-flex;padding:0}.side-section,.sidebar-bottom{display:none}.sidebar>.nav-item{display:inline-flex;width:auto;margin:11px 4px 0;padding:8px 9px;border-left:0;border-bottom:2px solid transparent}.sidebar>.nav-item.active{border-bottom-color:var(--amber)}.sidebar>.nav-item span:last-child{display:inline}.nav-icon{width:auto}.topbar{height:60px;padding:0 20px}.content{padding:28px 20px 54px}.page-intro{display:block}.page-intro .btn{margin-top:18px}.stats-grid{grid-template-columns:repeat(2,1fr)}.stat:nth-child(2){border-right:0}.stat:nth-child(-n+2){border-bottom:1px solid var(--line)}.form-grid{grid-template-columns:1fr}.field.full{grid-column:auto}.section-block{overflow:auto}.section-block table{min-width:620px}}@media(prefers-reduced-motion:reduce){*,:after,:before{transition:none!important;animation:none!important}}.auth-shell{place-items:center;padding:36px 20px;background:var(--bg)}.auth-shell,.page-loading{min-height:100vh;display:grid}.page-loading{place-items:center;align-content:center;grid-gap:15px;gap:15px;background:var(--bg);color:var(--muted);font-size:13px}.loading-mark{display:grid;place-items:center;width:42px;height:42px;border-radius:8px;background:var(--amber);color:#19140c;font:500 16px IBM Plex Mono,monospace;animation:loading-pulse 1.3s ease-in-out infinite}.loading-track{width:120px;height:2px;overflow:hidden;background:var(--line)}.loading-track span{display:block;width:42px;height:100%;background:var(--amber);animation:loading-slide 1.1s ease-in-out infinite}.page-loading p{margin:0}.auth-panel{width:min(100%,480px);padding:34px;background:var(--surface);border:1px solid var(--line);border-radius:6px}.auth-copy{margin:48px 0 28px}.auth-copy h1{margin:10px 0 12px;font-size:38px;line-height:1.02;letter-spacing:-.06em}.auth-form{display:grid;grid-gap:16px;gap:16px}.auth-form label{display:grid;grid-gap:7px;gap:7px;color:var(--muted);font-size:13px}.auth-form input,.auth-form textarea{width:100%;padding:12px;background:#10111b;color:var(--text);border:1px solid var(--line);border-radius:4px;outline:0}.auth-form textarea{min-height:130px;resize:vertical}.auth-form input:focus,.auth-form textarea:focus{border-color:var(--amber)}.auth-form .btn{width:100%;margin-top:5px}.auth-switch{margin:22px 0 0;color:var(--muted);font-size:13px}.auth-switch a{color:var(--amber)}.form-error{margin:0;color:var(--rose);font-size:13px}.form-notice{margin:0;color:var(--cyan);font-size:13px}.onboarding-panel{width:min(100%,560px)}@keyframes loading-slide{0%{transform:translateX(-44px)}50%{transform:translateX(80px)}to{transform:translateX(-44px)}}@keyframes loading-pulse{0%,to{opacity:.7;transform:scale(.96)}50%{opacity:1;transform:scale(1)}}@media(prefers-reduced-motion:reduce){.loading-mark,.loading-track span{animation:none}}