@import url('/bell/fonts.css');
:root{color-scheme:dark;font-family:Inter,ui-sans-serif,system-ui,-apple-system,Segoe UI,sans-serif;color:#f2edf8;background:#141017;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:radial-gradient(ellipse at 80% 18%,#37233a66,transparent 45%),#141017;min-height:100vh}a{color:inherit;text-decoration:none}button,a{touch-action:manipulation}button{font:inherit;cursor:pointer}header,main,footer{max-width:1160px;margin:auto}header{padding:32px 28px;display:flex;justify-content:space-between;align-items:center;gap:20px;color:#b7a9bf;font-size:13px;border-bottom:1px solid #ffffff0c}.brand{font-size:20px;color:#f2edf8;font-weight:750;display:flex;align-items:center;gap:12px}.brand-icon{width:34px;height:34px;border-radius:11px;background:#b896de;color:#1d1328;display:grid;place-items:center;font-size:28px}.brand small{font-size:9px;letter-spacing:2px;margin-left:9px;color:#9e8ca9}main{padding:76px 28px 40px;display:grid;grid-template-columns:1.12fr 1fr;gap:58px}.eyebrow{font-size:10px;font-weight:700;letter-spacing:2px;color:#c4a7d8;display:flex;align-items:center;gap:8px}.eyebrow>span{width:6px;height:6px;background:#bce3c1;border-radius:50%}h1{font-size:clamp(42px,5.2vw,65px);font-weight:650;letter-spacing:-3px;line-height:1.07;margin:24px 0}h1 em{font-family:Georgia,serif;font-weight:400;color:#cfb2df}.lead{font-size:16px;line-height:1.8;color:#bcb0c5;max-width:470px}.actions{display:flex;gap:12px;margin-top:28px;flex-wrap:wrap}.primary,.secondary{padding:13px 18px;border-radius:9px;display:inline-flex;align-items:center;justify-content:center;gap:20px;font-size:13px;font-weight:650;border:1px solid #4b3d54;background:transparent;color:#e9dcf4}.primary{background:#c2a2dc;border-color:#c2a2dc;color:#20142b}.primary:hover{background:#d4b9eb}.secondary:hover{background:#312538}.micro{font-size:11px;color:#9a8da4;line-height:1.8;margin-top:15px}.micro a{text-decoration:underline}.steps{display:flex;gap:25px;margin-top:44px;padding-top:26px;border-top:1px solid #342839}.steps div{display:flex;flex-direction:column;gap:10px;font-size:11px;line-height:1.5;color:#ad9bb8}.steps b{font-size:10px;color:#dcc3ef;letter-spacing:2px}.preview{align-self:center;border:1px solid #514059;border-radius:16px;overflow:hidden;background:#211a27;box-shadow:0 30px 100px #0006;transform:rotate(1deg)}.preview-bar{padding:18px 24px;background:#302238;border-bottom:1px solid #44304d;display:flex;justify-content:space-between;align-items:center;font-size:10px;letter-spacing:2px;color:#d3bedf}.demo-bell{font-size:26px;position:relative}.demo-bell b{position:absolute;top:-1px;right:-10px;font-size:9px;background:#cbabdf;color:#211627;border-radius:20px;padding:2px 4px;letter-spacing:0}.preview-head{padding:25px;display:flex;align-items:center;justify-content:space-between}h2{font-size:21px;margin:0 0 5px;letter-spacing:-.5px}.preview-head span{font-size:11px;color:#a995b6}.pill{font-size:8px!important;letter-spacing:1px;border:1px solid #4e3c58;border-radius:20px;padding:5px 8px}.preview-item{margin:0 22px;display:flex;gap:14px;padding:22px 0;border-top:1px solid #3a2b42;font-size:13px}.preview-item p{font-size:11px;color:#b0a0ba;line-height:1.6;max-width:265px;margin:7px 0}.preview-item small{font-size:8px;color:#9a84ac;letter-spacing:1.5px}.icon{width:34px;height:34px;flex-shrink:0;display:grid;place-items:center;border-radius:10px;font-size:18px}.purple{background:#a782cf25;color:#c6a5e4}.gold{background:#d5ae7522;color:#d5bd85}.green{background:#78bc9e22;color:#8acbb0}.preview-foot{background:#1b1521;padding:15px;text-align:center;font-size:10px;color:#927c9f}.notes{grid-column:1/-1;display:grid;grid-template-columns:repeat(3,1fr);gap:36px;padding:25px 0 0;border-top:1px solid #352b3a}.notes h3{font-size:13px}.notes p{font-size:12px;color:#9f92aa;line-height:1.9}footer{padding:25px 28px 40px;color:#8e7e9a;font-size:11px;display:flex;justify-content:space-between;gap:24px}.dashboard{grid-column:1/-1;padding:28px;border:1px solid #4b3659;background:#211827;border-radius:14px}.section-title{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-bottom:16px}.section-title h2{margin-top:9px}.section-title h3{font-size:14px}#sync{font-size:12px;color:#b6a0c5;line-height:1.7}#categories{display:flex;gap:18px;flex-wrap:wrap;margin:24px 0;font-size:12px}.text-button{border:0;background:none;color:#c9aedb;padding:5px 0;font-size:12px}.danger{color:#d99da7}.notice{display:block;padding:16px;border-bottom:1px solid #3c2b45;border-radius:6px;font-size:13px}.notice:hover{background:#31223d}.notice p{font-size:12px;color:#b5a0c3}.notice small{color:#927b9f}.notice.read{opacity:.65}.empty{padding:25px;text-align:center;font-size:13px;color:#aa98b7}.account-actions{display:flex;justify-content:space-between;margin-top:26px}#connection:not(:empty){margin-top:20px;border:1px solid #70614d;padding:14px;font-size:13px;line-height:1.7;border-radius:8px}.privacy{display:block;max-width:800px}.privacy p,.privacy li{font-size:14px;line-height:1.9;color:#bdafc8}.privacy h2{margin-top:30px}button:focus-visible,a:focus-visible,input:focus-visible{outline:2px solid #dec3fa;outline-offset:4px}@media(max-width:800px){main{padding-top:40px;grid-template-columns:1fr;gap:36px}.hero{text-align:center}.eyebrow,.actions{justify-content:center}.lead{margin:auto}.steps{justify-content:center}.preview{max-width:470px;width:100%;justify-self:center;transform:none}.notes{grid-template-columns:1fr;gap:8px}.brand small{display:none}header{padding:23px}.dashboard{padding:20px}footer{flex-direction:column}.account-actions{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important}}