:root{--ink:#142337;--muted:#546377;--blue:#2856e9;--line:#dde5ee;--bg:#f5f8fc}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:30px}body{margin:0;background:white;color:var(--ink);font:16px/1.6 -apple-system,BlinkMacSystemFont,'Segoe UI',Arial,sans-serif}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ffac30;outline-offset:5px}button,a,summary{-webkit-tap-highlight-color:transparent}.wrap{width:min(1200px,calc(100% - 64px));margin:auto}header{min-height:100px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:9px;font-size:19px;font-weight:750;white-space:nowrap}.brand img{border-radius:50%}.brand b{font-weight:400;color:var(--muted)}nav{display:flex;gap:30px;font-size:14px}.button{display:inline-flex;justify-content:center;align-items:center;gap:25px;border-radius:12px;background:var(--blue);color:white;padding:17px 25px;font-weight:650;transition:background .2s,transform .2s}.button:hover{background:#173ec0;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:14px}.hero{padding-top:78px;padding-bottom:76px;display:grid;grid-template-columns:1.1fr 1fr;gap:70px;align-items:center}.eyebrow{font-size:12px;letter-spacing:1.5px;font-weight:750;margin:0 0 25px;color:var(--blue)}h1{font-size:clamp(40px,4.65vw,64px);line-height:1.09;letter-spacing:-2.4px;margin:0 0 28px;font-weight:750}h1 span{color:var(--blue)}.lead{font-size:18px;color:var(--muted);line-height:1.7;max-width:495px;margin:0 0 28px}.note{font-size:13px;color:var(--muted);margin:13px 0 0}.demo{background:#eaf0fa;border:1px solid #dce5f5;border-radius:28px;padding:26px 30px;transform:rotate(-1deg);box-shadow:0 28px 65px -40px #5778b9}.demo-top{display:flex;justify-content:space-between;font-size:12px;color:#60728d;margin-bottom:20px;text-transform:uppercase;letter-spacing:1px}.chat{background:#fff;border:1px solid #d9e3f3;border-radius:16px;overflow:hidden}.chat-head{display:flex;align-items:center;gap:12px;padding:14px 20px;border-bottom:1px solid #e8edf5;line-height:1.3}.chat-head small{display:block;color:var(--muted);font-size:12px}.app{width:36px;height:36px;display:grid;place-items:center;border-radius:12px;font-size:22px;color:white;font-weight:700}.tg{background:#168fcb}.mx{background:#6042d9}.tiny{margin-left:auto;color:#8d9aad;font-size:12px}.bubble{padding:18px 22px;font-size:14px}.bubble strong{font-size:16px}.bubble p{margin:5px 0 12px;color:var(--muted);line-height:1.5}.file{display:flex;gap:12px;align-items:center;background:#f2f6fc;padding:8px 12px;border-radius:8px;color:#3463a0}.file small{display:block;color:var(--muted);font-size:12px}.transfer{display:flex;justify-content:center;align-items:center;gap:10px;color:#47669b;font-size:12px;padding:11px}.transfer span{font-size:24px}.demo-note{font-size:12px;line-height:1.45;color:#60728d;margin:16px 4px 0}.formats{border-block:1px solid var(--line);background:var(--bg);padding:24px 0}.formats .wrap{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;align-items:center}.formats span{font-size:14px;color:var(--muted)}.formats b{font-size:15px;font-weight:550}.section{padding-block:90px}h2{font-size:clamp(30px,3.4vw,44px);line-height:1.18;letter-spacing:-1.4px;margin:0 0 24px}h3{font-size:25px;line-height:1.3;letter-spacing:-.5px;margin:0 0 18px}.features{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px}.feature{padding:32px;background:var(--bg);border-radius:18px;display:flex;flex-direction:column}.index{font-size:12px;letter-spacing:1px;color:var(--muted);margin-bottom:48px}.feature p{color:var(--muted);margin:0 0 32px}.feature-bottom{margin-top:auto;font-size:13px;padding-top:20px;border-top:1px solid var(--line)}.feature.blue{background:var(--blue);color:white}.blue .index,.blue p{color:#e0e8ff}.blue .feature-bottom{border-color:#627eea}.setup{background:var(--bg);padding-block:75px}.setup-grid{display:grid;grid-template-columns:1fr 1fr;gap:80px}.text-link,.steps a{color:var(--blue);font-weight:650}.steps{list-style:none;padding:0;margin:0}.steps li{display:flex;gap:24px;padding:0 0 28px;margin-bottom:28px;border-bottom:1px solid var(--line)}.steps li:last-child{margin:0;padding:0;border:0}.steps li>span{font-size:18px;flex-shrink:0;width:40px;height:40px;border:1px solid #cbd7ea;border-radius:50%;display:grid;place-items:center;color:var(--blue)}.steps h3{font-size:20px;margin-bottom:10px}.steps p{color:var(--muted);margin:0 0 12px}.steps a{font-size:14px}.faq{display:grid;grid-template-columns:1fr 1.3fr;gap:80px}.faq p{color:var(--muted)}details{border-bottom:1px solid var(--line)}summary{cursor:pointer;font-weight:650;list-style:none;padding:20px 35px 20px 0;position:relative}summary::-webkit-details-marker{display:none}summary:after{content:'+';position:absolute;right:2px;font-size:23px;font-weight:400;color:var(--blue);top:15px}details[open] summary:after{content:'−'}details p{margin:0 25px 24px 0}.final{padding:50px 55px;background:#142c55;border-radius:24px;display:flex;align-items:center;justify-content:space-between;gap:30px;color:white}.final .eyebrow{color:#a8c2ff}.final p:not(.eyebrow){color:#cbd7ea;margin-bottom:0}.light{color:var(--blue);background:white;white-space:nowrap}.light:hover{background:#e4ecff}footer{display:flex;justify-content:space-between;gap:25px;align-items:center;padding-block:35px;font-size:13px;color:var(--muted)}footer .brand{font-size:16px}footer p{margin:0}@media(max-width:900px){.hero{gap:30px}.features{gap:12px}.feature{padding:24px}.setup-grid,.faq{gap:40px}h1{letter-spacing:-1.7px}.final{padding:35px}}@media(max-width:680px){.wrap{width:calc(100% - 36px)}header{min-height:78px;gap:12px}header nav{display:none}.brand{font-size:15px;gap:5px}.brand img{width:32px;height:32px}.button.small{font-size:12px;padding:9px 12px}.hero{grid-template-columns:1fr;gap:40px;padding-top:42px;padding-bottom:45px}h1{font-size:43px}.lead{font-size:17px}.demo{padding:20px;transform:none}.features,.setup-grid,.faq{grid-template-columns:1fr}.section{padding-block:55px}.feature .index{margin-bottom:22px}.formats .wrap{justify-content:flex-start;gap:12px 20px}.formats span{width:100%}.setup{padding-block:50px}.final{display:block;padding:30px 25px}.final .button{margin-top:25px}footer{flex-wrap:wrap;gap:15px}footer p{order:3;width:100%}.eyebrow{font-size:11px}h2{letter-spacing:-.8px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button{transition:none}}
