@import url('/style.css');
:root{--ink:#191a35;--violet:#7150ed}html{scroll-behavior:smooth}body{margin:0;background:#fbfaf7;color:var(--ink)}a{text-decoration:none;color:inherit}.site-nav{max-width:1280px;margin:auto;padding:27px 5%;display:flex;justify-content:space-between;align-items:center;gap:24px}.logo{font-size:26px;font-weight:800;letter-spacing:-1px;display:flex;gap:12px;align-items:center}.logo span{font-size:9px;letter-spacing:2px;font-weight:500;padding-top:5px;color:#7c7c8d}.site-nav>div{display:flex;gap:30px;align-items:center}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:36px;background:var(--ink);color:white;padding:18px 24px;border-radius:10px;font-weight:600;border:0;font-size:14px;cursor:pointer}.button.light{background:white;color:var(--ink);border:1px solid #e2e0e9}.hero{max-width:1280px;margin:30px auto 0;padding:40px 5% 90px;display:grid;grid-template-columns:1.15fr 1fr;gap:45px;align-items:center}.eyebrow{font-size:10px;font-weight:650;letter-spacing:1.6px;color:#7e7399}h1{font-size:clamp(48px,5.3vw,80px);font-weight:550;line-height:1.04;letter-spacing:-4px;margin:27px 0}h1 em{font-style:normal;color:var(--violet)}.hero-copy>p,.login-story>p{max-width:430px;font-size:17px;line-height:1.7;color:#757384}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:35px}.hero-actions>a:last-child{font-size:12px}.hero-meta{display:flex;gap:23px;margin-top:43px;color:#827c91;font-size:11px}.hero-meta span:before{content:'•';color:var(--violet);margin-right:8px}.hero-visual{position:relative;min-height:520px;display:flex;align-items:center;justify-content:center;background:radial-gradient(ellipse,#e6dcff 0,transparent 68%)}.orbit{position:absolute;border:1px solid #e0d8f5;width:430px;height:430px;border-radius:50%;transform:rotate(-25deg)}.o2{width:510px;height:270px;transform:rotate(-40deg)}.demo-card{z-index:1;background:#fff;width:320px;border:1px solid #efedf6;border-radius:20px;padding:27px;box-shadow:0 24px 60px #39206915;transform:rotate(-3deg)}.demo-head{display:flex;align-items:center;gap:10px;margin-bottom:30px}.mini-logo{background:#7550ee;color:#fff;border-radius:9px;padding:7px 11px}.live-dot{margin-left:auto;font-size:9px;color:#22947a;background:#e8f8f2;padding:5px 8px;border-radius:5px}.demo-card h2{font-size:42px;letter-spacing:-2px;margin:12px 0 25px}.demo-card h2 small{color:#9a96a7;font-size:26px}.demo-step{display:flex;gap:12px;margin:20px 0}.demo-step>span{border-radius:50%;background:#f0ebff;color:#7654df;display:grid;place-items:center;width:25px;height:25px;font-size:12px}.demo-step b{font-size:12px}.demo-step small{display:block;font-size:10px;color:#9792a5;margin-top:4px}.demo-receipt{border-radius:10px;background:#f7f4ff;padding:17px;margin-top:22px}.demo-receipt small{font-size:8px;letter-spacing:1px;color:#8d7aaa;display:block}.demo-receipt b{display:block;margin-top:9px;font-size:22px}.demo-receipt b span{font-size:11px;color:#8d7aaa}.floating-tag{position:absolute;right:-8px;top:26px;font-size:11px;background:#fff;border:1px solid #e8e1f3;border-radius:50px;padding:13px 18px;z-index:2}.floating-tag.bottom{top:auto;bottom:16px;right:30px}.features{max-width:1280px;margin:auto;padding:60px 5% 100px;border-top:1px solid #e7e3ee}.section-head h2,.api-callout h2{font-weight:500;font-size:42px;line-height:1.13;letter-spacing:-1.5px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.feature-grid article{background:#fff;border:1px solid #eeebf2;border-radius:16px;padding:32px}.feature-grid article>span{font-size:9px;color:#957ebf;letter-spacing:1px}.feature-grid h3{font-size:23px;line-height:1.2;font-weight:500}.feature-grid p,.api-callout p{color:#827a91;font-size:14px;line-height:1.7}.api-callout{max-width:1152px;margin:0 auto 70px;border-radius:24px;padding:50px;background:#eae3fd;display:flex;justify-content:space-between;align-items:center;gap:30px}.site-footer{padding:30px 5%;border-top:1px solid #e7e3ee;display:flex;justify-content:space-between;align-items:center;gap:30px;font-size:11px;color:#92899f}.site-footer .logo{color:#25213e}.login-layout{max-width:1100px;margin:70px auto;padding:0 5%;display:grid;grid-template-columns:1fr 1fr;gap:100px;align-items:center}.login-story h1{font-size:70px}.login-box{padding:42px;background:#fff;border:1px solid #eae5f2;border-radius:20px;box-shadow:0 20px 60px #2c234008}.login-box h2{font-size:29px;letter-spacing:-1px;margin:15px 0}.login-box>p{color:#8c849a}.login-box label{display:flex;flex-direction:column;gap:9px;margin:21px 0;font-size:12px}.login-box input{padding:13px;border:1px solid #ddd6eb;border-radius:7px;background:#faf9fc;font-size:16px;min-width:0}.login-box button{width:100%}.demo-logins{font-size:11px;line-height:1.7;margin-top:25px;color:#91859f;overflow-wrap:anywhere}.demo-logins summary{cursor:pointer}.test-label,.test-strip{font-size:9px;color:#7a63b6;background:#eee8fc;padding:10px 14px;border-radius:6px}.test-strip{border-radius:0;text-align:center}#login-error{color:#b74760;font-size:12px}.login-story .test-label{display:inline-block;margin-top:25px}
@media(max-width:800px){.site-nav{padding:22px 6%}.site-nav>div>a:not(.button){display:none}.logo span{display:none}.hero{grid-template-columns:1fr;padding:30px 6% 55px;gap:25px;margin:0}.hero h1{font-size:56px;letter-spacing:-2.5px}.hero-copy>p{font-size:15px}.hero-actions{gap:18px;flex-wrap:wrap}.hero-meta{gap:16px;font-size:9px}.hero-visual{min-height:470px;overflow:hidden;margin:0 -6%}.demo-card{width:290px}.orbit{width:350px;height:350px}.o2{width:400px;height:220px}.floating-tag{right:7px;top:8px;font-size:9px}.feature-grid{grid-template-columns:1fr}.features{padding:50px 6%}.section-head h2,.api-callout h2{font-size:33px}.api-callout{margin:0 6% 40px;padding:30px;display:block}.api-callout .button{margin-top:20px}.site-footer{align-items:start;flex-direction:column;gap:16px}.login-layout{grid-template-columns:1fr;gap:32px;margin:25px auto}.login-story h1{font-size:45px;letter-spacing:-2px}.login-story>p{display:none}.login-box{padding:25px}.login-story .test-label{margin-top:0}.site-nav>a:last-child{font-size:12px}}