@charset "UTF-8";
:root{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Helvetica,Arial,sans-serif;color:#171b25;background:#fff;font-synthesis:none;-webkit-font-smoothing:antialiased;scroll-behavior:smooth}
*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #6d9bff;outline-offset:6px}img{display:block;max-width:100%}
.site-header,main,footer{width:min(1240px,calc(100% - 96px));margin-inline:auto}.site-header{height:112px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{display:flex;align-items:center;gap:9px;font-size:29px;font-weight:750;letter-spacing:-1.3px}.brand img{object-fit:contain}.site-header nav{display:flex;align-items:center;gap:36px;font-size:14px;font-weight:550}.how-link{color:#656b76}.how-link:hover{color:#245bdd}.nav-demo{display:flex;align-items:center;gap:22px;padding:12px 18px;border:1px solid #dee2e9;border-radius:24px}.nav-demo:hover{background:#f3f6fb}.nav-demo>span{font-size:19px}
.hero{min-height:670px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:38px;padding:46px 0 65px}.eyebrow{display:flex;align-items:center;gap:9px;font-size:12px;letter-spacing:1.6px;font-weight:650;color:#4e648f;margin:0 0 25px}.eyebrow>span{width:7px;height:7px;background:#2b61ed;border-radius:50%;box-shadow:0 0 0 4px #edf2ff}h1{font-size:clamp(54px,5.7vw,80px);line-height:1.035;letter-spacing:-4.5px;font-weight:650;margin:0 0 25px}h1>span{color:#2b5ce3}.hero-description{font-size:18px;line-height:1.65;color:#646b78;max-width:440px;margin:0 0 30px}.primary-link{display:inline-flex;align-items:center;justify-content:center;gap:35px;background:#2357dd;color:white;padding:18px 24px;border-radius:30px;font-size:16px;font-weight:600;box-shadow:0 6px 16px #2357dd20;transition:background .15s,transform .15s}.primary-link:hover{background:#1748c7;transform:translateY(-2px)}.primary-link>span{font-size:23px;line-height:20px}.demo-context{display:flex;align-items:center;gap:8px;font-size:12px;line-height:18px;color:#808694;margin-top:18px}.demo-context img{object-fit:cover;border-radius:50%;flex-shrink:0}
.demo-scene{position:relative;height:530px;isolation:isolate}.scene-glow{position:absolute;inset:50px -30px 0;background:radial-gradient(ellipse,#e8f0ff 0%,#f4f7ff 47%,#fff0 72%);z-index:-1}.work-preview{width:88%;margin-left:auto;padding:0 23px 15px;border:1px solid #e3e7ef;border-radius:18px;box-shadow:0 12px 32px #182b5110;background:#fffffff0;transform:rotate(3deg);opacity:.8}.window-heading{display:flex;justify-content:space-between;align-items:center;padding:19px 0 16px;color:#747d8c;font-size:13px;font-weight:600;border-bottom:1px solid #edf0f4}.window-dots{letter-spacing:3px;color:#b0b7c3}.work-row{display:flex;align-items:center;gap:12px;padding:15px 0 10px;font-size:14px;font-weight:550}.work-row small{display:block;margin-top:5px;font-weight:400;font-size:12px;color:#7e8695}.task-check,.task-pause{display:grid;place-items:center;width:26px;height:26px;flex-shrink:0;border-radius:7px;background:#eef4ff;color:#416acc;font-size:15px}.task-pause{background:#f1f3f7;color:#999fac}.result-dot{width:7px;height:7px;border-radius:50%;background:#3674f3;margin-left:auto}.muted-row{color:#969caa}
.dave-note{position:absolute;top:182px;left:0;width:92%;padding:31px 30px 25px;border:1px solid #406eec;border-radius:24px;background:linear-gradient(125deg,#3069ed,#2448c2);box-shadow:0 25px 65px #254ab634,0 5px 12px #17358012;color:#fff}.dave-character{position:absolute;top:-83px;right:24px;filter:drop-shadow(0 12px 9px #173b7a20);object-fit:contain;transform:rotate(-9deg)}.note-brand{display:flex;align-items:center;gap:7px;font-size:10px;letter-spacing:1.2px;font-weight:600;color:#dce8ff;margin-bottom:21px}.live-dot{width:6px;height:6px;border-radius:50%;background:#cadcff}.dave-note h2{margin:0 0 15px;font-size:33px;letter-spacing:-1px;line-height:1.13;font-weight:650}.dave-note p{font-size:15px;line-height:1.65;color:#e2ebff;margin:0 0 22px;max-width:340px}.focus-next{display:flex;align-items:center;gap:12px;padding:13px 15px;border:1px solid #ffffff2e;border-radius:13px;background:#ffffff12;font-size:14px;font-weight:600}.focus-next .task-check{background:white;color:#315cd1;border-radius:50%;width:30px;height:30px;font-size:19px}.focus-next small{display:block;font-weight:400;color:#d2e0ff;font-size:12px;margin-top:4px}.scene-caption{position:absolute;right:17%;bottom:-31px;font-size:13px;color:#8893a6;letter-spacing:.1px}
.how-it-works{border-top:1px solid #e8ebf0;padding:37px 0 39px;display:grid;grid-template-columns:repeat(3,1fr);gap:35px}.how-it-works>div{display:grid;grid-template-columns:27px 1fr;column-gap:12px;align-content:start}.step-number{grid-row:span 2;font-size:12px;color:#3665d9;padding-top:4px;font-weight:650}.how-it-works h2{margin:0 0 9px;font-size:16px;letter-spacing:-.2px;font-weight:600}.how-it-works p{margin:0;font-size:14px;line-height:1.6;color:#818794;max-width:275px}footer{border-top:1px solid #edf0f5;display:flex;justify-content:space-between;gap:20px;padding:24px 0 28px;font-size:12px;color:#959ba6}
@media(min-width:1600px){.hero{min-height:740px}.demo-scene{transform:scale(1.04)}}
@media(max-width:1050px){.site-header,main,footer{width:calc(100% - 56px)}.hero{gap:24px}h1{font-size:60px;letter-spacing:-3px}.demo-scene{height:510px}.dave-note{padding:26px 22px}.dave-note h2{font-size:28px}.dave-character{width:120px;height:120px;top:-76px;right:10px}.note-brand{font-size:9px;letter-spacing:1px}.scene-caption{bottom:-45px}.hero-description{font-size:17px}}
@media(max-width:760px){.site-header,main,footer{width:calc(100% - 40px)}.site-header{height:90px}.site-header nav{gap:18px}.how-link{display:none}.brand{font-size:26px}.brand img{width:40px;height:40px}.nav-demo{font-size:13px;padding:10px 14px;gap:14px}.hero{grid-template-columns:1fr;padding:28px 0 45px;gap:52px;min-height:0}.hero-copy{max-width:540px}h1{font-size:clamp(52px,12vw,76px);letter-spacing:-3px}.eyebrow{font-size:10px;margin-bottom:22px;letter-spacing:1.25px}.hero-description{max-width:420px}.demo-scene{width:min(480px,100%);margin:0 auto;height:520px}.dave-note{width:94%;top:173px}.scene-caption{bottom:-15px;right:18%}.how-it-works{grid-template-columns:1fr;gap:26px;padding:30px 0}.how-it-works p{max-width:none}.how-it-works>div{column-gap:10px}footer{font-size:11px;flex-wrap:wrap;gap:8px}.scene-glow{inset:50px -10px 0}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}.primary-link{transition:none}}