.haizap-landing{--ink:#1c304e;--landing-muted:#748092;background:#fff;color:var(--ink);font-size:16px}.landing-container{width:min(1120px,calc(100% - 48px));margin:auto}.landing-hero{position:relative;overflow:hidden;min-height:620px;padding:70px 0 60px;background:#fff}.landing-hero:before{content:"";position:absolute;right:-15%;top:-260px;width:72%;height:780px;background:#6530e8;border-radius:0 0 120px 180px;transform:rotate(-31deg)}.landing-hero:after{content:"";position:absolute;width:340px;height:340px;border:65px solid #a28aef;border-radius:50%;left:-245px;top:-200px}.hero-layout{display:grid;grid-template-columns:1fr 1fr;gap:38px;align-items:center;position:relative;z-index:1}.landing-copy h1{font-size:clamp(34px,3.5vw,46px);line-height:1.18;letter-spacing:-.8px;margin:20px 0}.landing-copy p{font-size:19px;line-height:1.8;color:#777}.landing-art{width:100%;height:auto}.landing-outline{border:1px solid #8b39ff;border-radius:30px;background:white;color:#8b39ff;min-width:120px;min-height:38px;padding:7px 22px}.landing-stats{display:grid;grid-template-columns:repeat(4,1fr);gap:20px;text-align:center;padding:50px 0 75px}.landing-stats article{display:flex;flex-direction:column;align-items:center;gap:10px}.landing-stats .icon{color:#7435e8}.landing-stats strong{font-size:27px;line-height:1.3}.landing-stats span{font-size:13px;color:var(--landing-muted)}.landing-section{padding-top:65px;padding-bottom:65px;scroll-margin-top:85px}.landing-heading{max-width:780px;text-align:center;margin:0 auto 44px}.landing-heading h2{font-size:35px;line-height:1.25;margin:0 0 20px}.landing-heading p,.landing-features p,.process-steps p{line-height:1.8;color:var(--landing-muted);white-space:pre-line}.landing-features{display:grid;grid-template-columns:repeat(3,1fr);gap:28px}.landing-features article{position:relative;overflow:hidden;text-align:center;border-radius:20px;box-shadow:0 6px 23px #182a4212;padding:30px 30px 42px;background:white}.landing-features article:after{content:"";position:absolute;width:55px;height:55px;border-radius:40px 0 0 0;background:#7335e5;bottom:0;right:0}.landing-features .icon{color:#7435e8}.landing-features h3{font-size:20px}.screenshots-section{overflow:hidden}.screenshot-carousel{overflow:hidden;padding:20px 0}.screenshot-track{display:flex;gap:30px;transition:transform .5s ease;align-items:center}.phone-shot{margin:0;flex:0 0 245px;border-radius:31px;padding:9px;background:#fff;box-shadow:0 8px 28px #172b4920;opacity:.7;transform:scale(.94);transition:opacity .4s,transform .4s}.phone-shot.is-active{opacity:1;transform:scale(1.04);outline:7px solid #191c26}.phone-shot img{width:100%;height:auto;display:block;border-radius:23px}.phone-shot figcaption{text-align:center;padding:8px;font-size:13px}.carousel-controls{display:flex;gap:16px;align-items:center;justify-content:center;margin:22px 0 0}.carousel-controls>button{background:#f1ecff;color:#7035e5;border:0;border-radius:30px;padding:8px 15px;cursor:pointer}.carousel-dots{display:flex;gap:10px}.carousel-dots button{width:10px;height:10px;padding:0;border:0;border-radius:50%;background:#9ca7b8;cursor:pointer}.carousel-dots button[aria-pressed=true]{background:#852ef0}.screenshot-note{text-align:center;color:var(--landing-muted);font-size:12px}.process-section{background:#f6f6f7}.process-layout{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.process-layout>img{width:100%}.process-steps article{display:flex;align-items:flex-start;gap:23px;padding:22px 0}.process-steps article:nth-child(2){flex-direction:row-reverse;text-align:right;margin:10px 0}.process-icon{width:105px;height:105px;flex-shrink:0;background:white;box-shadow:0 7px 30px #172b4910;border-radius:50%;display:grid;place-items:center;color:#7738e8}.process-steps h3{font-size:19px;margin:0 0 10px}.process-steps p{font-size:15px;margin:0}.landing-contact{text-align:center}.homepage-fieldset{border:1px solid var(--line);border-radius:12px;padding:20px;display:grid;gap:16px}.public-header{position:sticky;top:0;z-index:30}.public-nav nav{flex-wrap:wrap}.public-body .public-container{max-width:1120px}.public-body .public-header .logo span{color:#8065ee}
html[data-theme=dark] .haizap-landing{--ink:#e7ebfa;--landing-muted:#aeb8cb;background:#171e31}html[data-theme=dark] .landing-hero,html[data-theme=dark] .landing-features article{background:#21293e}html[data-theme=dark] .landing-copy p{color:#b8c2d6}html[data-theme=dark] .process-section{background:#21293e}html[data-theme=dark] .process-icon,html[data-theme=dark] .phone-shot{background:#303a55}html[data-theme=dark] .landing-outline{background:#21293e;color:#bb9bff}
@media(max-width:760px){.hero-layout,.process-layout{grid-template-columns:1fr}.landing-hero{padding:35px 0 30px}.landing-copy p{font-size:16px}.landing-art{max-width:470px;margin:auto}.landing-hero:before{top:380px;right:-60%;width:130%;height:500px}.landing-features{grid-template-columns:1fr}.landing-stats{grid-template-columns:1fr 1fr;gap:35px;padding:40px 0}.landing-heading h2{font-size:27px}.landing-section{padding-top:42px;padding-bottom:42px}.process-icon{width:75px;height:75px}.landing-container{width:calc(100% - 36px)}.phone-shot{flex-basis:220px}.public-nav nav{gap:9px}.public-nav nav>a{font-size:11px}.public-header .public-nav{flex-wrap:wrap;gap:15px}.public-nav nav{width:100%;justify-content:center}.process-layout{gap:25px}}
@media(prefers-reduced-motion:reduce){.screenshot-track{transition:none}}.screenshot-track{position:relative}

@media(min-width:761px){.landing-hero:before{right:0;top:0;width:60%;height:100%;transform:none;border-radius:0;clip-path:polygon(0 0,100% 0,100% 58%,45% 100%,32% 88%)}}
@media(max-width:760px){.landing-hero:before{display:none}.landing-hero:after{width:180px;height:180px;border-width:30px;left:-150px;top:-130px}.landing-art{background:#6530e8;border-radius:36px}}