@import url('https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&display=swap');
:root { --ink:#171a21; --muted:#747b89; --line:#e6e6e7; --paper:#f7f7f4; --orange:#eb6a4c; --purple:#625df2; }
.landing-mark-image { width:34px; height:34px; }
* { box-sizing:border-box; } html { scroll-behavior:smooth; } body { margin:0; background:var(--paper); color:var(--ink); font-family:Manrope,system-ui,sans-serif; }
a { color:inherit; text-decoration:none; }.landing-shell { width:min(1240px,calc(100% - 50px)); margin:auto; }.landing-nav { display:flex; align-items:center; justify-content:space-between; padding:25px 0; }.landing-brand { display:flex; align-items:center; gap:10px; }.landing-mark { display:grid; place-items:center; width:34px; height:34px; color:#fff; background:linear-gradient(135deg,#fa8460,#e95746); border-radius:11px; font-weight:800; font-size:18px; }.landing-brand strong,.landing-brand small { display:block; line-height:1; }.landing-brand strong { font-size:15px; letter-spacing:-.5px; }.landing-brand small { margin-top:4px; color:#9499a4; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:1.3px; text-transform:uppercase; }.landing-links { display:flex; gap:28px; color:#858b98; font-size:11px; }.landing-links a:hover,.landing-signin:hover { color:var(--ink); }.landing-actions { display:flex; align-items:center; gap:18px; font-size:11px; font-weight:700; }.landing-signin { color:#757b88; }.landing-cta,.hero-button { display:inline-flex; align-items:center; gap:25px; padding:12px 14px 12px 17px; border-radius:7px; color:#fff; background:var(--ink); font-size:11px; }.landing-cta span,.hero-button span { display:grid; place-items:center; width:21px; height:21px; border-radius:5px; color:var(--ink); background:#fff; }.landing-cta:hover,.hero-button:hover { background:#353a46; }
.hero { min-height:640px; display:grid; grid-template-columns:1fr 1fr; align-items:center; gap:55px; padding:62px 0 86px; }.hero-kicker,.section-label { display:flex; align-items:center; gap:9px; color:#9a9eaa; font-family:'DM Mono',monospace; font-size:10px; letter-spacing:1.2px; text-transform:uppercase; }.kicker-line { width:18px; height:1px; background:var(--orange); }.hero h1 { max-width:550px; margin:21px 0 20px; font-size:clamp(50px,6.4vw,88px); line-height:.98; letter-spacing:-5px; }.hero h1 em,.how-heading em,.closing-card em { color:var(--orange); font-style:normal; }.hero-lede { max-width:490px; color:var(--muted); font-size:14px; line-height:1.8; }.hero-actions { display:flex; align-items:center; gap:23px; margin-top:29px; }.hero-secondary { color:#727886; font-size:11px; font-weight:700; }.hero-secondary span { margin-left:9px; color:var(--orange); }.hero-proof { display:flex; align-items:center; gap:11px; margin-top:55px; color:#a1a5af; font-size:10px; line-height:1.5; }.hero-proof strong { color:#626875; }.proof-avatars { display:flex; padding-left:7px; }.proof-avatars span { display:grid; place-items:center; width:26px; height:26px; margin-left:-7px; border:2px solid var(--paper); border-radius:50%; color:#6a473c; background:#eacbb8; font-size:9px; font-weight:800; }.proof-avatars span:nth-child(2) { color:#564d70; background:#d4cef1; }.proof-avatars span:nth-child(3) { color:#46634d; background:#d1e1ca; }
.hero-art { position:relative; min-height:500px; display:grid; place-items:center; overflow:hidden; }.orbit { position:absolute; border:1px solid #e3dfe5; border-radius:50%; }.orbit-one { width:430px; height:430px; }.orbit-two { width:610px; height:240px; transform:rotate(-37deg); border-color:#ede1dc; }.dashboard-card { position:relative; z-index:2; width:min(400px,90%); padding:23px; border:1px solid #e8e7e6; border-radius:13px; background:#fff; box-shadow:0 22px 70px #3c394719; transform:rotate(-4deg); }.mini-top,.mini-progress>div,.mini-footer { display:flex; align-items:center; justify-content:space-between; }.mini-top { color:#7f8591; font-family:'DM Mono',monospace; font-size:9px; text-transform:uppercase; }.mini-top i { display:inline-block; width:6px; height:6px; margin-right:5px; border-radius:50%; background:#29b67d; }.mini-dots { color:#b4b7bf; letter-spacing:2px; }.mini-title { margin-top:40px; color:#a1a5b0; font-family:'DM Mono',monospace; font-size:9px; text-transform:uppercase; }.mini-topic { max-width:310px; margin-top:9px; font-size:20px; font-weight:800; letter-spacing:-.8px; line-height:1.18; }.mini-progress { margin-top:32px; }.mini-progress>div { color:#9297a1; font-size:9px; }.mini-progress b { color:var(--orange); font-weight:600; }.progress-track { display:block !important; height:4px; margin:7px 0 12px; overflow:hidden; border-radius:5px; background:#eeeeef; }.progress-track i { display:block; width:82%; height:100%; border-radius:5px; background:var(--orange); }.progress-track i.short { width:41%; background:var(--purple); }.mini-footer { padding-top:15px; border-top:1px solid #eff0f1; color:#9da1ab; font-family:'DM Mono',monospace; font-size:8px; }.floating-note { position:absolute; z-index:3; display:flex; align-items:center; gap:10px; padding:11px 13px; border:1px solid #ebe9eb; border-radius:9px; background:#fff; box-shadow:0 13px 35px #3c394712; }.floating-note>span { display:grid; place-items:center; width:25px; height:25px; border-radius:7px; color:var(--purple); background:#efeeff; }.floating-note b,.floating-note small { display:block; }.floating-note b { font-size:10px; }.floating-note small { margin-top:3px; color:#9a9eaa; font-size:8px; }.note-one { top:125px; right:8%; }.note-two { bottom:115px; left:5%; }.note-two>span { color:var(--orange); background:#fff0ea; }
.signal-strip { display:flex; align-items:center; gap:31px; padding:20px 0; border-top:1px solid var(--line); border-bottom:1px solid var(--line); color:#a2a6af; font-family:'DM Mono',monospace; font-size:9px; }.signal-strip strong { color:#747a86; font-family:Manrope,sans-serif; font-size:11px; font-weight:600; }.how-section { padding:110px 0 120px; }.how-heading { display:flex; align-items:end; justify-content:space-between; gap:30px; margin-top:18px; }.how-heading h2,.closing-card h2 { margin:0; font-size:44px; line-height:1.05; letter-spacing:-2px; }.how-heading p { max-width:270px; margin:0 8% 3px 0; color:var(--muted); font-size:12px; line-height:1.7; }.feature-grid { display:grid; grid-template-columns:repeat(3,1fr); gap:15px; margin-top:63px; }.feature-grid article { min-height:245px; padding:21px; border:1px solid var(--line); border-radius:9px; background:#fff; }.feature-grid article:nth-child(2) { background:#fff1eb; border-color:#f7ddd4; }.feature-number { color:#9ea2ac; font-family:'DM Mono',monospace; font-size:10px; }.feature-grid h3 { margin:41px 0 11px; font-size:17px; letter-spacing:-.5px; }.feature-grid p { max-width:290px; min-height:61px; margin:0; color:var(--muted); font-size:11px; line-height:1.7; }.feature-grid a { display:inline-block; margin-top:20px; color:var(--orange); font-size:10px; font-weight:700; }.feature-grid a span { margin-left:7px; }.closing-card { display:flex; align-items:center; justify-content:space-between; padding:55px 58px; border-radius:12px; background:#191d27; color:#fff; }.closing-card .section-label { color:#7f8794; }.closing-card h2 { margin-top:15px; font-size:38px; }.light-button { background:#fff; color:var(--ink); }.light-button:hover { background:#ffe8e1; }.light-button span { background:var(--orange); color:#fff; }.landing-footer { display:flex; justify-content:space-between; padding:24px 0 28px; color:#a0a4ae; font-size:10px; }.landing-footer a { margin-left:17px; color:#7770dc; }.landing-footer a:hover { text-decoration:underline; }
@media (max-width:850px) { .landing-shell { width:min(100% - 30px,600px); }.landing-links { display:none; }.hero { grid-template-columns:1fr; gap:20px; padding-top:55px; }.hero h1 { font-size:60px; }.hero-art { min-height:410px; }.signal-strip { flex-wrap:wrap; gap:15px 22px; }.how-section { padding:80px 0; }.how-heading { display:block; }.how-heading p { margin-top:20px; }.feature-grid { grid-template-columns:1fr; margin-top:38px; }.feature-grid article { min-height:190px; }.feature-grid h3 { margin-top:25px; }.feature-grid p { min-height:0; }.closing-card { display:block; padding:35px 27px; }.closing-card .hero-button { margin-top:30px; }.landing-footer { display:block; line-height:2; }.landing-footer span:last-child { display:block; } }
@media (max-width:480px) { .landing-actions { gap:10px; }.landing-signin { display:none; }.hero h1 { font-size:51px; letter-spacing:-3px; }.hero-lede { font-size:13px; }.hero-actions { display:block; }.hero-secondary { display:inline-block; margin-top:20px; }.dashboard-card { transform:rotate(-2deg) scale(.88); }.note-one { right:-12px; top:52px; }.note-two { left:-12px; bottom:54px; }.how-heading h2,.closing-card h2 { font-size:35px; }.signal-strip span { width:100%; } }
.site-footer { margin-top:28px; padding:38px 0 28px; border-top:1px solid var(--line); }.site-footer-top { display:flex; align-items:flex-start; justify-content:space-between; gap:24px; }.site-footer-brand { display:flex; align-items:center; gap:9px; }.site-footer-brand img { width:30px; height:30px; }.site-footer-brand strong,.site-footer-brand span { display:block; line-height:1; }.site-footer-brand strong { font-size:14px; }.site-footer-brand span { margin-top:4px; color:#8b919d; font-family:'DM Mono',monospace; font-size:9px; letter-spacing:1px; text-transform:uppercase; }.site-footer-top p { max-width:280px; margin:2px 0 0; color:#8d939e; font-size:11px; line-height:1.6; text-align:right; }.site-footer-columns { display:grid; grid-template-columns:repeat(4,1fr); gap:24px; margin-top:35px; }.site-footer-columns b,.site-footer-columns a { display:block; }.site-footer-columns b { margin-bottom:11px; color:#858b97; font-family:'DM Mono',monospace; font-size:9px; font-weight:500; letter-spacing:1px; text-transform:uppercase; }.site-footer-columns a { margin-top:8px; color:#636b79; font-size:11px; text-decoration:none; }.site-footer-columns a:hover { color:#d85236; }.site-footer-bottom { display:flex; justify-content:space-between; gap:20px; margin-top:35px; padding-top:17px; border-top:1px solid var(--line); color:#9a9fab; font-size:10px; }
@media (max-width:850px) { .site-footer-top { display:block; }.site-footer-top p { margin-top:16px; text-align:left; }.site-footer-columns { grid-template-columns:repeat(2,1fr); gap:26px 16px; }.site-footer-bottom { display:block; line-height:1.8; }.site-footer-bottom span { display:block; } }