:root { --ink:#10241e; --muted:#5e6d67; --paper:#f6f3ed; --line:#d9ddd6; --mint:#bbf253; --orange:#ff734a; --deep:#153f36; --white:#fffefa; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; } a { color:inherit; text-decoration:none; } .section { max-width:1180px; margin:0 auto; padding-left:32px; padding-right:32px; } .site-header { height:78px; max-width:1244px; margin:auto; display:flex; align-items:center; justify-content:space-between; padding:0 32px; } .brand { font-size:21px; font-weight:800; letter-spacing:-1.4px; display:flex; gap:7px; align-items:center; } .brand-mark { width:27px; height:27px; display:inline-grid; place-items:center; border-radius:8px; background:var(--mint); font-family:"DM Mono",monospace; font-size:19px; letter-spacing:-5px; overflow:hidden; } nav { display:flex; gap:28px; font-size:13px; font-weight:700; } nav a { opacity:.75; } nav a:hover { opacity:1; } .button { display:inline-flex; align-items:center; justify-content:center; gap:19px; border-radius:8px; padding:15px 18px; font-size:13px; font-weight:800; transition:transform .2s,background .2s; } .button:hover { transform:translateY(-2px); } .button-small { padding:10px 14px; } .button-dark { background:var(--ink); color:var(--white); } .button-accent { background:var(--mint); color:#10241e; } .hero { display:grid; grid-template-columns:.92fr 1.08fr; align-items:center; gap:64px; min-height:660px; padding-top:52px; padding-bottom:60px; } .eyebrow { color:#577168; font:500 11px "DM Mono",monospace; letter-spacing:.06em; text-transform:uppercase; } .eyebrow span { display:inline-block; width:8px; height:8px; border-radius:100%; background:var(--orange); margin-right:8px; } h1,h2,h3,p { margin-top:0; } h1 { font-size:clamp(53px,6vw,82px); line-height:.98; letter-spacing:-.07em; margin:18px 0 23px; } h1 em,h2 em { color:var(--orange); font-style:normal; } .lead { color:var(--muted); font-size:18px; line-height:1.6; max-width:485px; } .hero-actions { display:flex; align-items:center; gap:23px; margin:34px 0 24px; } .text-link { font-size:13px; font-weight:800; border-bottom:1px solid var(--ink); padding-bottom:4px; } .text-link span { color:var(--orange); margin-left:8px; } .fine-print { font-size:11px; color:#72817a; }
.inbox-card { background:var(--white); border-radius:14px; box-shadow:0 25px 55px rgba(20,55,45,.12); overflow:hidden; border:1px solid #e7e3dc; transform:rotate(1deg); } .window-bar { padding:15px 18px; display:flex; gap:6px; align-items:center; border-bottom:1px solid #ebebe6; color:#64716c; font-size:11px; } .window-bar span { width:8px;height:8px;border-radius:50%;background:#d9ddd5; } .window-bar strong { margin-left:8px; font:500 11px "DM Mono",monospace; } .window-body { min-height:330px; display:grid; grid-template-columns:138px 1fr; } .folders { background:#f8f8f4; padding:23px 12px; font-size:10px; color:#61716a; } .folders b { font:500 9px "DM Mono",monospace; margin:0 8px 13px; display:block; } .folders div { padding:8px; border-radius:5px; display:flex; justify-content:space-between; margin:2px 0; } .folders .selected { background:#e4f2d3; color:var(--ink); font-weight:700; } .messages { padding:19px 18px; } .messages-top { display:flex; justify-content:space-between; align-items:center; font-size:11px; padding:0 4px 14px; } .messages-top small { color:#7a8782; } .message { display:grid; grid-template-columns:30px 1fr auto; align-items:center; gap:10px; border-top:1px solid #eff0ec; padding:13px 4px; } .message.active { background:#fff9e9; margin:0 -5px; padding-left:9px; padding-right:9px; border-radius:5px; } .avatar { width:27px; height:27px; border-radius:50%; display:grid; place-items:center; font-size:9px; font-weight:800; } .orange {background:#ffd5c9;color:#9d3d1f}.blue{background:#d6e8f8;color:#2d6690}.purple{background:#e8d9fb;color:#695195}.gray{background:#eceeeb;color:#68726e}.message strong { font-size:11px; }.message p { color:#7c8782; font-size:10px; margin:3px 0 0; }.queue-label { border:0; border-radius:20px; padding:5px 7px; font:500 8px "DM Mono",monospace; }.pay{background:#fff0bc;color:#886706}.wanted{background:#e1f2d6;color:#3d7531}.invite{background:#e8e1fb;color:#66518d}.spam{background:#f1eeee;color:#766567}.review-strip { padding:14px 18px; background:var(--deep); color:white; display:flex; align-items:center; gap:8px; font-size:10px; }.review-strip button { margin-left:auto; background:transparent;border:1px solid #71968b;color:white;border-radius:4px;padding:5px 9px;font:600 9px Manrope;cursor:pointer;}.pulse {height:7px;width:7px;background:var(--mint);border-radius:100%;box-shadow:0 0 0 4px rgba(187,242,83,.16);}
.proof { padding-top:40px; padding-bottom:80px; display:grid; grid-template-columns:1fr 55px 1fr; align-items:center; gap:25px; } .proof p:first-child { font-size:16px; line-height:1.5; max-width:390px; font-weight:600; }.proof-line { border-top:1px solid var(--orange); }.proof .mono { color:#6e7d76; font:10px "DM Mono",monospace; letter-spacing:.05em; }.feature-intro { padding-top:105px; padding-bottom:54px; display:grid; grid-template-columns:1fr .62fr; gap:90px; border-top:1px solid var(--line); } h2 { font-size:clamp(36px,4.6vw,61px); line-height:1.04; letter-spacing:-.06em; margin:15px 0; }.body-copy { align-self:end; color:var(--muted); line-height:1.75; font-size:15px; }.steps { display:grid; grid-template-columns:repeat(3,1fr); padding-bottom:120px; }.steps article { padding:28px 30px 18px 0; border-top:2px solid var(--ink); margin-right:18px; }.step-number { color:var(--orange); font:500 12px "DM Mono",monospace; }.steps h3 { font-size:19px; letter-spacing:-.04em; }.steps p:last-child { color:var(--muted); font-size:14px; line-height:1.7; }.queue-section { background:#e7efdf; max-width:none; padding:110px max(32px,calc((100vw - 1116px)/2)); display:grid; grid-template-columns:.86fr 1.14fr; gap:80px; }.queue-copy > p:not(.eyebrow) { color:#52675e; line-height:1.7; max-width:385px; font-size:15px; }.safety-note { margin-top:28px; font-size:13px!important; font-weight:700; }.safety-note span { display:inline-grid; place-items:center; width:19px;height:19px;border-radius:50%;background:var(--mint);margin-right:8px; }.queue-grid { display:grid;grid-template-columns:repeat(2,1fr);gap:10px; align-content:center; }.queue-tile { border:1px solid #d1dcd0; background:#eff4e9; display:grid; grid-template-columns:18px 34px 1fr; text-align:left; gap:12px; align-items:center; padding:16px; border-radius:8px; cursor:pointer; color:var(--ink); }.queue-tile.checked { border-color:#98b48b; background:#f6faf1; }.checkbox { width:16px;height:16px;border:1px solid #afc0b1;border-radius:3px;display:grid;place-items:center;font-size:10px; }.checked .checkbox { background:var(--mint);border-color:var(--mint); }.tile-icon { width:31px;height:31px;border-radius:7px;display:grid;place-items:center;font-size:13px;font-weight:800; }.pay-bg{background:#ffe8a6}.check-bg{background:#bfe7d3}.invite-bg{background:#ded4f5}.wanted-bg{background:#cae7ba}.no-bg{background:#f3c7b9}.spam-bg{background:#dfe3e0}.queue-tile b,.queue-tile small { display:block; }.queue-tile b { font-size:12px; }.queue-tile small { font-size:9px;color:#687a70;margin-top:3px; }.safety { padding-top:120px; padding-bottom:115px; display:grid; grid-template-columns:1fr 1fr; gap:100px; }.safety-list { padding-top:35px; }.safety-list > div { border-top:1px solid var(--line); display:grid;grid-template-columns:50px 1fr;gap:15px;padding:22px 0; }.safety-list span { color:var(--orange); font:500 11px "DM Mono",monospace; }.safety-list p { font-size:14px;line-height:1.7;color:var(--muted); }.safety-list b {color:var(--ink);}.pilot { max-width:none; background:var(--deep);color:#fbfbf5;padding:95px max(32px,calc((100vw - 1116px)/2));display:grid;grid-template-columns:1fr 1fr;gap:90px; }.pilot .eyebrow {color:#b7d4c8}.pilot h2 {font-size:56px}.pilot-panel {background:#214f44;border:1px solid #356457;border-radius:10px;padding:30px;}.pilot-panel>p {line-height:1.7;color:#e5ede8;font-size:15px}.pilot-panel ul {list-style:none;padding:0;margin:22px 0;display:grid;grid-template-columns:1fr 1fr;gap:10px;font-size:12px;color:#d7e6df}.pilot-panel li:before{content:'✓';color:var(--mint);margin-right:7px}.pilot-panel small{display:block;color:#a8c0b5;margin-top:14px;font-size:10px}footer{max-width:1180px;margin:auto;padding:34px 32px;display:flex;justify-content:space-between;align-items:center;color:#61716a;font-size:11px}footer .brand{color:var(--ink)}
@media (max-width:800px){.site-header nav{display:none}.hero,.feature-intro,.queue-section,.safety,.pilot{grid-template-columns:1fr;gap:38px}.hero{padding-top:45px}.inbox-card{transform:none}.proof{grid-template-columns:1fr;padding-bottom:55px}.proof-line{width:55px}.steps{grid-template-columns:1fr;padding-bottom:65px}.steps article{margin-right:0}.queue-section{padding-top:70px;padding-bottom:70px}.queue-grid{grid-template-columns:1fr}.safety{padding-top:75px;padding-bottom:65px}.pilot{padding-top:70px;padding-bottom:70px}.pilot h2{font-size:45px}.pilot-panel ul{grid-template-columns:1fr}footer{display:grid;gap:15px}.window-body{grid-template-columns:105px 1fr}.folders{padding:18px 7px}.folders div{font-size:8px}.messages{padding:14px 9px}.message{grid-template-columns:25px 1fr}.queue-label{display:none}.hero-actions{align-items:flex-start;flex-direction:column}.section{padding-left:22px;padding-right:22px}.site-header{padding:0 22px}.site-header .button{display:none}}