:root{font:16px/1.6 "Segoe UI",Arial,sans-serif;color:#172740;background:#fcfcfa;--blue:#245ae4;--ink:#14243d;--muted:#697589;--line:#e0e5ec}*{box-sizing:border-box}body{margin:0}a{color:inherit;text-decoration:none}a:focus-visible,summary:focus-visible{outline:3px solid #ed9f41;outline-offset:5px}h1,h2,h3,p{margin-top:0}h1,h2,h3{line-height:1.12;font-weight:650;letter-spacing:-.045em}h2{font-size:44px;margin-bottom:24px}h3{font-size:30px}.wrap{max-width:1170px;padding:0 28px;margin:auto}.header{max-width:1400px;margin:auto;display:flex;align-items:center;justify-content:space-between;padding:25px 35px;border-bottom:1px solid var(--line);gap:28px}.brand{font-size:25px;font-weight:700;letter-spacing:-1px;white-space:nowrap;display:inline-flex;align-items:center;gap:9px}.brand-period{color:var(--blue);margin-left:-7px}.mark{width:34px;height:34px;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--ink);font-size:21px;line-height:1;border-radius:8px;letter-spacing:-3px;padding-right:3px}.mark span{color:var(--blue)}nav,.header-actions{display:flex;align-items:center;gap:24px;font-size:13px;font-weight:600}nav a:hover,.header-actions>a:first-child:hover{color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:25px;background:var(--blue);color:#fff;padding:16px 25px;border:1px solid var(--blue);border-radius:7px;font-weight:600;font-size:14px;white-space:nowrap;transition:background .15s,transform .15s}.button:hover{background:#1746c3;transform:translateY(-1px)}.button.small{padding:11px 17px;font-size:12px;gap:12px}.button.outline{background:transparent;color:var(--blue)}.button.outline:hover{background:#edf2ff}.eyebrow{font-size:10px;letter-spacing:.15em;font-weight:700;color:#667796;margin-bottom:22px}.hero{padding-top:77px}.hero h1{font-size:58px;line-height:1.11;margin-bottom:35px;letter-spacing:-2.8px}.hero h1 span{color:var(--blue)}.hero-bottom{display:flex;align-items:flex-start;justify-content:space-between;gap:70px;margin-bottom:48px}.hero-bottom>p{max-width:570px;color:var(--muted);font-size:17px;margin-bottom:0}.hero-bottom>div{flex-shrink:0}.micro{font-size:11px;color:var(--muted);margin:9px 0 0}.product-window{background:white;border:1px solid #ccd7e5;border-radius:12px;overflow:hidden;box-shadow:0 24px 60px #243d6912}.window-bar{height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;font-size:10px;color:#8b98ac;border-bottom:1px solid var(--line);background:#f8faff}.window-dots{color:#c3ccd8;letter-spacing:3px}.demo-label{letter-spacing:.08em;font-size:8px}.product-layout{display:grid;grid-template-columns:145px 1fr}.demo-sidebar{background:#152c52;padding:26px 14px;color:#aec2df;display:flex;flex-direction:column;gap:19px;font-size:10px}.demo-sidebar b{font-size:26px;color:white;letter-spacing:-2px;margin-bottom:25px}.demo-sidebar .selected{padding:9px;background:#fff;color:#2460c9;border-radius:5px;margin-left:-5px}.sidebar-end{margin-top:auto;font-size:8px}.demo-content{padding:25px 28px 20px}.demo-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}.demo-title .eyebrow{font-size:8px;margin-bottom:8px}.demo-title h2{font-size:23px;margin:0;letter-spacing:-.6px}.demo-filter{border:1px solid #e1e6ef;border-radius:5px;padding:7px 10px;font-size:9px;color:#8b9aad}.demo-session{display:flex;align-items:center;gap:22px;font-size:10px;padding:13px 8px;border-block:1px solid #e9edf3;margin-bottom:15px;color:#5a769d}.demo-session>div{margin-right:auto}.demo-session small{display:block;font-size:9px;color:#98a8bc}.play-icon{font-size:20px;color:#2e69d2}.demo-devices,.demo-location{display:flex;align-items:center;gap:8px}.demo-devices img{width:15px;height:15px;opacity:.6}.demo-location img{width:19px;height:19px;border-radius:50%}.replay-example{display:grid;grid-template-columns:1fr 160px;gap:18px;background:#f1f4f9;padding:16px}.sample-site{background:#f7f3ed;border:1px solid #dce0e6}.sample-nav{display:flex;justify-content:space-between;padding:14px 18px;border-bottom:1px solid #dedad5;font-size:6px;align-items:center}.sample-nav b{font-size:13px;letter-spacing:-1px}.sample-body{padding:26px 22px;display:grid;grid-template-columns:1fr 45%;gap:15px}.sample-body .eyebrow{font-size:5px;margin-bottom:10px;color:#7e827f}.sample-body h3{font-size:30px;letter-spacing:-1px;color:#353d49;margin-bottom:20px}.sample-cta{display:inline-block;background:#33444e;color:#fff;font-size:6px;padding:8px 10px}.sample-image{background:#bdb6a8;position:relative;overflow:hidden}.paper{position:absolute;background:#e6d8bd;box-shadow:0 7px 15px #45362825;width:70%;height:70%;top:15%;left:15%;transform:rotate(-9deg)}.paper.two{background:#646e78;width:45%;height:42%;left:35%;top:25%;transform:rotate(14deg)}.sample-cursor{position:absolute;bottom:5%;left:-6%;font-size:28px;z-index:2;color:#18283b}.sample-click{position:absolute;bottom:10%;left:-13%;width:40px;height:40px;border:7px solid #508ef53a;border-radius:50%}.replay-notes{padding-top:12px;font-size:9px}.replay-notes .eyebrow{font-size:7px}.replay-notes p{padding:9px 0;margin:0;border-bottom:1px solid #e0e6ef}.replay-notes b{display:block;font-size:8px;color:#8b9caf;margin-bottom:4px}.note-current{color:#245ae4}.note-tip{margin-top:24px;font-size:11px;font-weight:550;color:#6e7f96}.demo-timeline{display:flex;align-items:center;gap:15px;font-size:9px;color:#617da5;margin-top:16px}.demo-timeline>div{height:5px;background:#e1e8f3;flex:1;border-radius:5px}.demo-timeline i{display:block;width:78%;height:5px;background:#2b69da;border-radius:5px}.caption{color:#929cad;font-size:10px;text-align:right;margin:13px 0 0}.chapter-strip{display:flex;justify-content:space-between;padding-top:40px;padding-bottom:40px;border-bottom:1px solid var(--line);font-size:11px;color:#7f8a9c;letter-spacing:.06em}.section,.feature-section{padding-top:100px;padding-bottom:100px}.section-heading{max-width:650px;margin-bottom:55px}.section-heading>p:last-child{color:var(--muted)}.feature-row{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding:58px 0;border-bottom:1px solid var(--line)}.feature-row:last-child{border:0;padding-bottom:0}.feature-row.reverse .feature-copy{order:2}.feature-copy{position:relative}.feature-copy h3{font-size:36px}.feature-copy p{color:var(--muted);font-size:14px;line-height:1.8}.feature-copy .eyebrow{font-size:9px;color:#345aba;margin-bottom:17px}.feature-copy ul{padding-left:18px;color:#5f7088;font-size:12px;line-height:2}.feature-copy small{font-size:11px;color:#8d98a9;display:block;line-height:1.7}.number{font-size:12px;color:#abb7c9;display:block;margin-bottom:20px}.feature-visual{min-height:315px;background:#edf2f9;padding:27px;border-radius:10px;border:1px solid #e0e6ee}.visual-label{font-size:8px;letter-spacing:.15em;color:#8093af;margin-bottom:25px}.mini-page{background:#fff;border:1px solid #d7e1ed;position:relative}.mini-page-head{height:26px;border-bottom:1px solid #e2e7ef;background:linear-gradient(90deg,#b3c3d9 0 17%,transparent 17%) 14px center/100px 5px no-repeat}.mini-page-body{padding:25px;display:grid;grid-template-columns:1fr 1fr;gap:20px}.mini-page-body i{height:6px;background:#dbe3ef;width:90%;display:block;margin-bottom:10px}.mini-page-body i:first-child{height:13px;background:#7f98be;width:65%}.mini-page-body b{height:22px;background:#3470d5;width:65%;display:block;margin-top:22px;border-radius:3px}.mini-photo{background:#ced9ea;min-height:105px}.pointer{position:absolute;color:#173d7b;left:45%;bottom:12%;font-size:28px}.mini-controls{display:flex;align-items:center;gap:14px;margin-top:20px;font-size:11px;color:#4f70a3}.mini-controls div{background:#d2dff2;flex:1;height:5px}.mini-controls i{display:block;width:35%;height:5px;background:#3274d9}.visual-foot{display:flex;align-items:center;justify-content:space-between;margin-top:18px;font-size:10px;color:#7f90a8}.toggle{display:inline-block;width:25px;height:14px;background:#3979d8;border-radius:10px}.toggle:after{content:'';display:block;width:10px;height:10px;border-radius:50%;background:white;margin:2px 0 0 13px}.heat-visual{background:#f2efe9}.heat-page{background:white;position:relative;height:230px;overflow:hidden;border:1px solid #dfdfdd;padding:23px}.heat-header{height:14px;background:#cbd2da;width:45%;margin-bottom:20px}.heat-columns{display:flex;gap:15px}.heat-columns span{height:75px;flex:1;background:#e5e8ec}.heat-button{background:#8198b7;color:white;font-size:8px;padding:8px;width:80px;margin:15px auto;text-align:center}.hotspot{position:absolute;width:100px;height:100px;background:radial-gradient(circle,#f14e42a6,#efc52d69 30%,#3598d62e 55%,transparent 72%);top:130px;left:calc(50% - 50px)}.hot-two{width:75px;height:75px;top:38px;left:18%}.scroll-guide{position:absolute;bottom:5px;left:12px;right:12px;font-size:8px;color:#708096;border-top:1px dashed #a6b4c6;padding-top:3px}.heat-key{display:flex;align-items:center;gap:10px;font-size:8px;margin-top:17px;color:#8390a2}.heat-key i{flex:1;height:5px;background:linear-gradient(90deg,#438bd2,#f0d352,#e74c3f)}.journey-visual{background:#f0eff8}.journey-visual ol{list-style:none;padding:0;margin:0}.journey-visual li{display:flex;align-items:center;gap:16px;background:white;padding:17px;margin-bottom:15px;border:1px solid #dedfeb;border-radius:5px}.journey-visual li>span{background:#eff0fa;padding:6px 8px;border-radius:4px;color:#7d79b0;font-size:10px}.journey-visual b{display:block;font-size:12px}.journey-visual small{display:block;font-size:10px;color:#8e99ad}.journey-visual em{font-style:normal;margin-left:auto;font-size:10px;color:#9ca4b8}.journey-visual>p{color:#818499;font-size:10px;margin:18px 0 0}.integration-visual{background:#edf1f6}.integration-frame{background:#fff;border:1px solid #d5dfec;border-radius:5px;overflow:hidden}.integration-nav{background:#1d2e48;color:white;padding:16px;font-size:12px}.integration-nav span{display:block;font-size:8px;color:#a5b5cb;margin-top:8px}.integration-list{padding:10px 17px}.integration-list>div{display:flex;align-items:center;gap:15px;font-size:10px;padding:14px 0;border-bottom:1px solid #e8edf4}.integration-list span{color:#3e73c7}.integration-list b{font-weight:500}.integration-list small{margin-left:auto;color:#8a9bb2}.integration-frame>p{font-size:8px;color:#9ba9ba;text-align:center;margin:5px 0 15px}.privacy-band{background:#152846;color:white;padding:75px 0}.privacy-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px}.privacy-band .eyebrow{color:#9cb4db}.privacy-band h2{font-size:39px}.privacy-band h3{font-size:18px;letter-spacing:-.02em;margin-bottom:10px}.privacy-band p{font-size:13px;color:#b0bfd5;margin-bottom:25px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:45px;padding:0;list-style:none}.steps li{border-top:1px solid #bdcce1;padding-top:20px}.steps span{color:#245ae4;font-size:14px;display:block;margin-bottom:26px}.steps h3{font-size:21px}.steps p{font-size:13px;color:var(--muted)}.pricing-section{padding:85px 0;background:#eef2f8}.prices{display:grid;grid-template-columns:1fr 1fr;gap:25px;max-width:900px}.prices article{position:relative;background:white;border:1px solid #dce4f0;border-radius:8px;padding:38px}.prices article.pro{border-color:#245ae4}.prices h3{font-size:25px}.price{font-size:58px;letter-spacing:-3px;line-height:1.2;color:#152b4e;margin:22px 0}.price span{font-size:12px;letter-spacing:0;color:#7d899c}.prices article>p:not(.eyebrow):not(.price){font-size:13px;color:var(--muted)}.prices ul{padding:20px 0 25px;list-style:none;font-size:13px;color:#536781;border-top:1px solid var(--line)}.prices li{padding:7px 0}.prices li:before{content:'✓';color:#3165cd;margin-right:10px}.price-tag{position:absolute;top:-11px;left:28px;background:#245ae4;color:white;font-size:8px;letter-spacing:.09em;padding:5px 11px;border-radius:3px}.prices .button{width:100%}.pricing-note{max-width:880px;font-size:10px;color:#8b96a7;line-height:1.8;margin:24px 0 0}.faq-layout{display:grid;grid-template-columns:1fr 1.6fr;gap:80px}.faq-layout>div>p:last-child{font-size:14px;color:var(--muted)}.faq details{border-bottom:1px solid var(--line);padding:20px 0}.faq details:first-child{padding-top:0}.faq summary{list-style:none;cursor:pointer;display:flex;justify-content:space-between;gap:20px;font-size:14px;font-weight:600;line-height:1.6}.faq summary::-webkit-details-marker{display:none}.faq summary span{color:#245ae4;font-size:20px;line-height:1.2}.faq details[open] summary span{transform:rotate(45deg)}.faq details p{color:var(--muted);font-size:13px;line-height:1.8;padding-right:20px;margin:16px 0 2px}.closing{background:#e8eef9;padding:65px 0}.closing .wrap{display:flex;justify-content:space-between;align-items:center;gap:50px}.closing h2{font-size:39px;margin-bottom:0}.closing p:last-child{font-size:11px;color:var(--muted);text-align:center;margin:14px 0 0}footer{display:flex;align-items:center;justify-content:space-between;gap:25px;padding-top:35px!important;padding-bottom:35px!important;font-size:11px;color:#7f8a9c}footer .brand{color:var(--ink);font-size:20px}footer p{margin:0}
@media(max-width:1000px){.header{padding:20px 24px}.header nav{gap:14px}.header nav a:last-child{display:none}.hero h1{font-size:49px}.hero-bottom{gap:30px}.feature-row{gap:45px}.product-layout{grid-template-columns:120px 1fr}.replay-example{grid-template-columns:1fr 125px}.sample-body{padding:20px}.privacy-grid{gap:45px}.faq-layout{gap:40px}}
@media(max-width:760px){.wrap{padding-left:22px;padding-right:22px}.header{padding:18px 22px;gap:15px}.brand{font-size:20px}.mark{display:none}.header nav{display:none}.header-actions{gap:14px;font-size:12px}.header-actions .button{padding:9px 12px;font-size:10px}.hero{padding-top:45px}.hero h1{font-size:39px;letter-spacing:-1.6px}.hero-bottom{display:block;margin-bottom:30px}.hero-bottom>p{font-size:15px;margin-bottom:25px}.hero-bottom>div .micro{margin-bottom:0}.product-layout{grid-template-columns:1fr}.demo-sidebar{display:none}.demo-content{padding:18px 14px}.demo-title h2{font-size:19px}.demo-filter{display:none}.demo-session{gap:12px;font-size:9px}.replay-example{grid-template-columns:1fr;padding:10px}.replay-notes{display:none}.sample-body{grid-template-columns:1fr 45%}.sample-body h3{font-size:27px}.demo-devices{display:none}.demo-label{font-size:6px}.window-bar{padding:0 12px}.caption{font-size:8px}.chapter-strip{font-size:8px;padding-top:26px;padding-bottom:26px}.section,.feature-section{padding-top:65px;padding-bottom:65px}h2{font-size:35px}.section-heading{margin-bottom:30px}.feature-row{grid-template-columns:1fr;gap:25px;padding:40px 0}.feature-row.reverse .feature-copy{order:0}.feature-copy h3{font-size:31px}.feature-visual{min-height:0;padding:23px}.privacy-band{padding:50px 0}.privacy-grid{grid-template-columns:1fr;gap:15px}.privacy-band h2{font-size:33px}.steps{grid-template-columns:1fr;gap:20px}.steps span{margin-bottom:15px}.pricing-section{padding:60px 0}.prices{grid-template-columns:1fr;gap:28px}.prices article{padding:28px}.faq-layout{grid-template-columns:1fr;gap:28px}.closing .wrap{display:block}.closing h2{font-size:33px;margin-bottom:28px}.closing .wrap>div:last-child{display:inline-block}.closing{padding:50px 0}footer{flex-wrap:wrap}footer p{order:3;width:100%}}
@media(prefers-reduced-motion:reduce){.button{transition:none}.button:hover{transform:none}}