:root{color:#0e0f0c;background:#f3f6ef;font-family:Avenir Next,Avenir,Segoe UI,sans-serif;line-height:1.45}*{box-sizing:border-box}body{margin:0;min-height:100vh;background-color:#f7f8f4;background-image:linear-gradient(90deg,rgba(255,255,255,.72) 50%,transparent 50%),linear-gradient(rgba(255,255,255,.72) 50%,transparent 50%);background-size:28px 28px;background-color:#e7f0df}a{color:#0b3a82}.frame{width:min(1080px,calc(100% - 32px));margin:0 auto;padding-bottom:48px}.bar{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:20px;padding:12px 16px;background:#fff;border-radius:24px}.brand{display:flex;align-items:center;gap:12px;color:#0e0f0c;font-weight:800;font-size:24px;letter-spacing:-.48px;text-decoration:none}.brand img{border-radius:10px}nav{display:flex;flex-wrap:wrap;gap:8px}.nav{min-height:44px;padding:0 16px;border-radius:999px;color:#0e0f0c;font-weight:600;text-decoration:none;display:inline-flex;align-items:center}.nav.on{background:#9fe870}.hero{display:grid;grid-template-columns:280px 1fr;gap:48px;align-items:center;margin-top:28px;padding:48px;background:#fff;border-radius:24px}.mark{width:280px;height:280px;border-radius:48px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.steps article{background:#fff;border-radius:24px;padding:28px 24px 32px}.steps span{display:inline-flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:999px;background:#9fe870;font-weight:800}.steps h2{margin:16px 0 8px;font-size:28px;letter-spacing:-.4px}.steps p{margin:0;color:#454745;font-size:18px}.story,.pair article,.close{margin-top:16px;padding:56px 48px;background:#fff;border-radius:24px}.story h2,.pair h2,.close h2{margin:0;max-width:16ch;font-size:40px;line-height:1.05;letter-spacing:-.8px}.story p,.pair p,.close p{max-width:62ch;margin:16px 0 0;color:#454745;font-size:18px}.pair{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:16px}.pair article{margin-top:0}.pair article:last-child{background:#163300;color:#fff}.pair article:last-child .eyebrow,.pair article:last-child p{color:#e2f6d5}.pair article:last-child h2{color:#fff}.pills{display:flex;flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none}.pills li{min-height:44px;padding:0 16px;border-radius:999px;background:#e2f6d5;display:inline-flex;align-items:center;font-weight:700}.close .write{margin-top:24px;border:0;cursor:pointer;font:inherit}.eyebrow{margin:0 0 8px;color:#454745;font-size:14px;font-weight:700;letter-spacing:.02em}h1{margin:0;font-size:44px;line-height:1.1;letter-spacing:-.8px}.lead,.copy p,.grid p,.note p{color:#454745;font-size:18px}.lead{margin:16px 0 0}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;margin-top:16px}.grid article,.note,.copy{background:#fff;border-radius:24px;padding:24px}.grid h2,.note h2,.copy h2{margin:28px 0 8px;font-size:22px}.grid h2{margin-top:0}.note{margin-top:16px}.note h2{margin-top:0}.copy{margin-top:28px}.copy h1{font-size:40px}.copy h2:first-of-type{margin-top:8px}.line{color:#0e0f0c;font-weight:700}.foot{margin-top:28px;color:#454745;font-size:14px}.foot p{margin:4px 0}.connect,.cancel{padding:0;border:0;background:none;color:#0b3a82;font:inherit;font-weight:600;cursor:pointer;text-decoration:underline}.cancel{font-size:14px;font-weight:500}.popup{position:fixed;inset:0;display:flex;align-items:center;justify-content:center;padding:24px;background:#0e0f0c73}.popup-card{width:min(420px,100%);padding:28px;background:#fff;border-radius:24px}.popup-card h2{margin:0;font-size:28px}.popup-card p{margin:12px 0 0;font-size:18px;font-weight:700;color:#0e0f0c}.popup-card .popup-note{color:#454745;font-size:16px;font-weight:500}.copy .write{margin-top:20px;border:0;cursor:pointer;font:inherit}.popup-actions{display:flex;justify-content:space-between;align-items:center;margin-top:20px}.write{min-height:44px;padding:0 18px;border:0;border-radius:999px;background:#9fe870;color:#0e0f0c;font:inherit;font-weight:700;text-decoration:none;display:inline-flex;align-items:center;cursor:pointer}@media(max-width:800px){.bar,.hero{display:block}nav{margin-top:12px}.grid,.steps,.pair{grid-template-columns:1fr}.story,.pair article,.close{padding:32px 24px}.story h2,.pair h2,.close h2,h1,.copy h1{font-size:32px}.mark{width:180px;height:180px;margin-bottom:8px}}
