@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=DM+Serif+Display:ital@0;1&display=swap');
:root{font-family:'DM Sans',sans-serif;color:#152234;background:#f8fafc;font-synthesis:none}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible{outline:3px solid #2563eb;outline-offset:5px}html{scroll-behavior:smooth}.nav,footer{max-width:1240px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:28px 44px}.logo{font-size:36px;font-weight:700;letter-spacing:-2.5px}.logo span{font-weight:400;color:#2563eb;margin-left:3px}.nav nav{display:flex;align-items:center;gap:30px;font-size:13px;font-weight:600}.feature-link{color:#64748b}.button{display:inline-flex;align-items:center;justify-content:center;gap:32px;background:#2563eb;color:#fff;padding:18px 24px;border-radius:12px;font-size:14px;font-weight:600;box-shadow:0 8px 20px #2563eb15;transition:background .2s,transform .2s}.button:hover{background:#1d4ed8;transform:translateY(-2px)}.button.small{padding:12px 18px;gap:20px}.hero{max-width:1240px;margin:30px auto 90px;padding:20px 44px;display:grid;grid-template-columns:1.1fr 1fr;align-items:center;gap:56px}.eyebrow{font-size:10px;font-weight:600;letter-spacing:2px;color:#64748b;line-height:1.8}.eyebrow>span{display:inline-block;width:6px;height:6px;border-radius:50%;background:#2563eb;margin-right:8px}h1{font:400 clamp(48px,5vw,68px)/1.05 'DM Serif Display',serif;letter-spacing:-2px;margin:25px 0}h1 em{color:#2563eb;font-weight:400}.lede{font-size:16px;color:#64748b;line-height:1.8;max-width:420px}.actions{display:flex;align-items:center;gap:24px;margin-top:30px}.text-link{font-size:12px;font-weight:600}.text-link span{margin-left:5px}.fine{font-size:10px;color:#64748b;margin-top:18px}.little-note{display:flex;align-items:center;gap:12px;margin-top:44px;font-size:12px;color:#64748b}.little-note>span{font-size:28px;color:#2563eb}.showcase{position:relative;min-height:605px;display:grid;place-items:center;background:#eef3fc;border-radius:48% 48% 25% 25%;padding:30px 35px 35px}.preview{width:302px;background:#fff;border:5px solid #fff;border-radius:29px;box-shadow:0 28px 65px #153b791a;position:relative;transform:rotate(3deg);padding:18px 14px 8px}.preview-header{display:flex;justify-content:space-between;align-items:center}.preview-header .logo{font-size:23px;letter-spacing:-1.5px}.preview-badge{font-size:6px;letter-spacing:1px;color:#64748b}.preview-title{margin:26px 6px 5px}.preview-title>span{font-size:7px;letter-spacing:1.3px;color:#64748b}.preview-title h2{font:400 29px/1.08 'DM Serif Display',serif;margin:10px 0}.voices{height:170px;position:relative;margin:0 4px}.voice-dot{position:absolute;text-align:center;z-index:1}.avatar{display:grid;place-items:center;border-radius:50%;border:4px solid #fff;outline:2px solid #4d83ed;color:#fff;font:400 33px 'DM Serif Display',serif;box-shadow:0 4px 12px #0f172a10}.a-one{background:#4069a6;width:70px;height:70px}.a-two{background:#758c9e;width:58px;height:58px}.a-three{background:#7277ba;width:78px;height:78px}.dot-one{left:8px;top:14px}.dot-two{right:14px;top:0}.dot-three{left:103px;top:65px}.voice-dot>span{display:block;background:#fff;border:1px solid #e2e8f0;border-radius:20px;padding:4px 8px;font-size:8px;margin-top:-5px;position:relative}.voice-dot b{color:#64748b;font-size:6px;margin-left:3px}.voice-dot small{font-size:7px;color:#64748b}.orbit{position:absolute;width:160px;height:130px;border:1px dashed #d1ddf0;border-radius:50%;left:50px;top:15px}.voice-card{background:#f4f7fc;border:1px solid #e6edf8;border-radius:15px;padding:14px;margin-top:10px}.card-top{display:flex;justify-content:space-between;color:#64748b;font-size:7px;letter-spacing:.8px}.voice-card h3{font-size:12px;margin:12px 0}.wave-row{display:flex;align-items:center;gap:10px}.play{background:#2563eb;color:#fff;display:grid;place-items:center;width:27px;height:27px;border-radius:50%;font-size:9px}.wave{display:flex;align-items:center;gap:3px;height:30px;flex:1}.wave i{display:block;flex:1;height:9px;border-radius:5px;background:#95b5f1}.wave i:nth-child(3n){height:24px;background:#4f83e8}.wave i:nth-child(4n){height:17px}.wave i:nth-child(5n){height:30px}.heart{font-size:22px;color:#2563eb}.preview-bottom{display:flex;align-items:center;justify-content:space-between;padding:20px 5px 8px;color:#64748b}.preview-bottom>span{text-align:center;font-size:17px}.preview-bottom small{display:block;font-size:6px;margin-top:5px}.preview-bottom .record{width:33px;height:33px;border-radius:50%;background:#2563eb;color:#fff;display:grid;place-items:center;font-size:13px}.example-label{font-size:6px;color:#94a3b8;text-align:center;margin:8px 0 0}.floating-note{position:absolute;z-index:2;background:#fff;border:1px solid #e2e8f0;border-radius:12px;padding:14px 18px;font-size:10px;box-shadow:0 10px 25px #0f172a08}.top-note{top:8px;left:-10px;transform:rotate(-7deg)}.top-note span{color:#2563eb;font-size:18px;margin-left:8px}.bottom-note{bottom:0;right:-10px;transform:rotate(-5deg);display:flex;align-items:center;gap:12px}.mini-wave{color:#2563eb;font-size:17px}.features{max-width:1152px;margin:auto;padding:30px 0 90px;border-top:1px solid #e2e8f0}.section-heading{max-width:600px;margin:50px auto 45px;text-align:center}.section-heading h2,.closing h2{font:400 43px/1.15 'DM Serif Display',serif;letter-spacing:-1px;margin:17px 0}.section-heading>p:last-child,.closing>p{font-size:14px;color:#64748b;line-height:1.8}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.feature-grid article{position:relative;background:#fff;border:1px solid #e2e8f0;border-radius:18px;padding:28px}.icon{display:grid;place-items:center;width:44px;height:44px;border-radius:12px;background:#eff6ff;color:#2563eb;font-size:25px}.number{position:absolute;right:25px;top:31px;color:#94a3b8;font-size:10px}.feature-grid h3{font-size:18px;margin-top:24px}.feature-grid p{font-size:13px;line-height:1.8;color:#64748b;margin-bottom:0}.closing{margin:0 44px;padding:55px 24px 60px;border-radius:28px;background:#eaf1ff;text-align:center}.asterisk{font-size:45px;color:#2563eb}.closing h2{font-size:52px}.closing .button{margin-top:15px}.closing-signin{display:block;font-size:11px;color:#52647c;margin-top:20px}footer{padding-top:35px;padding-bottom:35px}footer p{font-size:9px;letter-spacing:1.6px;color:#64748b}footer>div{display:flex;gap:24px;font-size:11px;color:#64748b}
@media(min-width:1450px){.hero{margin-top:65px}}@media(max-width:1000px){.hero{gap:25px}.actions{align-items:flex-start;flex-direction:column;gap:18px}.showcase{padding:30px 12px}.floating-note{padding:12px}.features{padding:20px 32px 60px}.hero{padding:15px 32px}.nav,footer{padding-left:32px;padding-right:32px}}
@media(max-width:700px){.nav{padding:20px}.logo{font-size:30px}.nav nav{gap:18px;font-size:12px}.feature-link{display:none}.button.small{padding:11px 14px;gap:10px;font-size:11px}.hero{display:flex;flex-direction:column;gap:45px;padding:15px 24px;margin:20px auto 60px}.hero-copy{width:100%}h1{font-size:51px;letter-spacing:-1.7px}.lede{font-size:15px}.eyebrow{font-size:8px}.actions{flex-direction:row;align-items:center;gap:18px;flex-wrap:wrap}.text-link{font-size:11px}.fine{font-size:9px}.little-note{margin-top:25px}.showcase{width:100%;max-width:420px;min-height:550px;padding:30px 25px}.preview{width:280px}.top-note{left:0;top:-2px}.bottom-note{right:0;bottom:-10px}.features{margin:0 20px;padding:10px 0 55px}.section-heading{margin:35px 0}.section-heading h2{font-size:34px}.section-heading>p:last-child{font-size:13px}.feature-grid{grid-template-columns:1fr;gap:14px}.feature-grid article{padding:24px}.feature-grid h3{margin-top:17px}.closing{margin:0 20px;padding:38px 20px}.closing h2{font-size:40px}.closing>p{font-size:13px}footer{padding:28px 24px;flex-wrap:wrap;gap:20px}footer p{display:none}footer>div{gap:18px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}.button:hover{transform:none}}