*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:#fffcf6;color:#262720;font-family:Arial,sans-serif}a{color:inherit;text-decoration:none}nav{height:86px;display:flex;align-items:center;justify-content:space-between;padding:0 max(5vw,20px);background:#fffffff2;border-bottom:1px solid #e9dfcc;position:sticky;top:0;z-index:4}nav>div{display:flex;align-items:center;gap:30px;font-size:14px}.brand{font-size:39px;font-weight:850;letter-spacing:-2px;direction:ltr}.brand span{color:#3559b7}.wrap{max-width:1200px;width:calc(100% - 64px);margin:auto}section.wrap{padding-block:90px}.hero{display:grid;grid-template-columns:1.15fr 1fr;align-items:center;gap:75px;min-height:780px}.eyebrow{color:#284798;font-size:12px;letter-spacing:2px}h1{font-size:clamp(44px,5vw,70px);line-height:1.12;letter-spacing:-2px;margin:25px 0}em{font-style:normal;color:#375dbf}.intro>p{font-size:19px;line-height:1.85;color:#6d6e61;max-width:540px}.actions{display:flex;align-items:center;gap:25px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;padding:17px 23px;background:linear-gradient(115deg,#6786d4,#a5baf1);border:1px solid #5b7bcf;border-radius:12px;font-weight:700;font-size:15px}.button:hover{box-shadow:0 6px 25px #375dbf35}.small{padding:12px 18px}.text-link{font-size:14px;border-bottom:1px solid #375dbf;padding-bottom:4px}.proof{display:flex;gap:25px;color:#8b8474;font-size:13px;margin-top:35px}.phone-scene{position:relative;text-align:center}.halo{position:absolute;inset:-10%;background:radial-gradient(ellipse,#6a88d444,transparent 65%);z-index:-1}.phone{width:304px;height:620px;margin:auto;border:6px solid #787c70;border-radius:46px;padding:0;background:#080908;position:relative;overflow:hidden;box-shadow:0 30px 65px #493d3426,inset 0 0 0 1px #fff4}.phone video{display:block;width:100%;height:100%;object-fit:contain;background:#080908}.island{position:absolute;top:12px;left:50%;transform:translateX(-50%);width:78px;height:22px;border-radius:20px;background:#000;z-index:2;pointer-events:none}.home-bar{position:absolute;bottom:8px;left:36%;width:28%;height:4px;background:#ddd;border-radius:3px;pointer-events:none}.caption{font-size:12px;color:#8b8474;margin-top:23px}header{max-width:740px;margin-bottom:45px}h2{font-size:clamp(32px,4vw,48px);line-height:1.22;letter-spacing:-1px;margin:20px 0}header p{font-size:18px;color:#737466;line-height:1.8}.dashboard figure{margin:0;padding:14px;background:white;border:1px solid #b5c3e9;border-radius:22px;box-shadow:0 25px 65px #28438a12}.dashboard img{display:block;width:100%;border-radius:12px}.dashboard figcaption{font-size:12px;color:#878170;text-align:center;padding:16px 8px 3px}.feature-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.feature-grid article{padding:30px;border:1px solid #e5dcc8;background:#ffffffba;border-radius:22px}.check{font-size:23px;color:#365bba}h3{font-size:21px;line-height:1.5;margin:18px 0 10px}article p{font-size:16px;color:#717263;line-height:1.85;margin:0}.analytics{padding:85px 0;background:linear-gradient(180deg,transparent,#f2e8d160,transparent)}.analytics-grid{display:grid;grid-template-columns:1fr 1fr;gap:35px 55px}.analytics-grid article{display:flex;gap:22px;border-top:1px solid #97ace1;padding-top:22px}.number{color:#375dbe;font-size:24px;line-height:1.8}.analytics-grid h3{margin-top:0}.note{font-size:13px;line-height:1.8;color:#888071;max-width:820px;margin-top:35px}.ending{text-align:center}footer{padding-block:30px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e4d9c3;font-size:14px}a:focus-visible{outline:2px solid #2c4b9b;outline-offset:5px}@media(max-width:760px){.wrap{width:calc(100% - 36px)}nav>div>a:not(.button){display:none}nav{height:72px}.hero{grid-template-columns:1fr;gap:45px;min-height:0}.intro{text-align:center}.intro>p{font-size:17px}.actions,.proof{justify-content:center;flex-wrap:wrap}.hero h1{font-size:47px}section.wrap{padding-block:55px}.feature-grid,.analytics-grid{grid-template-columns:1fr}.phone{max-width:100%}.dashboard figure{padding:6px;border-radius:12px}.dashboard figcaption{line-height:1.7}.analytics{padding:45px 0}footer{gap:20px}h2{font-size:34px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}
.phone-scene{isolation:isolate}.halo{inset:0}.hero>*{min-width:0}@media(max-width:760px){.phone{width:304px}}

/* The headline and phone form one centered vertical introduction. */
.hero{display:flex;flex-direction:column;gap:45px;min-height:0;padding-top:65px!important}.hero .intro{text-align:center;max-width:850px;width:100%}.hero h1{font-size:clamp(44px,5vw,68px)}.intro>p{margin:0 auto;max-width:670px}.actions,.proof{justify-content:center}.phone-scene{width:100%;padding:15px 0 0}.phone{width:320px;height:650px}.hero .caption{margin-bottom:0}.dashboard header{margin-inline:auto;text-align:center}.dashboard figure{overflow:hidden}.dashboard img{height:auto}.analytics{background:transparent}@media(max-width:760px){.hero{gap:30px;padding-top:40px!important}.phone{width:min(304px,100%);height:620px}.hero h1{font-size:44px}}

.dashboard figure{padding:0;background:transparent;border:0;border-radius:0;box-shadow:none;overflow:visible}.dashboard img{border-radius:0}