/* Product moments: native proof leads, progress supports, tools stay compact. */
.hero-fragments{display:grid;grid-template-columns:1fr 1.12fr;gap:32px;width:min(870px,100%);margin:auto;align-items:center}
.hero-fragment{position:relative;min-width:0;padding:25px;text-align:left;color:#17231e;background:#fff;border:1px solid #dbe5df;border-radius:20px;box-shadow:0 24px 44px -28px #10352655,0 2px 5px #122f2010}
.hero-fragment .hero-moment-title{font:600 22px/1.2 Onest,Arial,sans-serif;letter-spacing:-.035em;margin:0 0 20px;color:inherit}
.hero-card-app{display:flex;align-items:center;gap:10px;min-width:0}.hero-card-app>div{min-width:0;flex:1}.hero-card-app strong{display:block;font-size:15px;line-height:1.35;letter-spacing:-.025em;font-weight:600}.hero-card-app>div>span{display:block;font-size:11px;line-height:1.5;color:#577264;margin-top:3px}
.hero-live-dot,.hero-status-indicator{width:6px;height:6px;border-radius:50%;background:#13875b;box-shadow:0 0 0 4px #13875b12;flex-shrink:0}
.hero-bc-icon{position:relative;display:block;width:36px;height:36px;flex:0 0 36px;overflow:hidden;border-radius:8px;background:#075339}.hero-bc-icon img{position:absolute;max-width:none;width:269.55px;height:auto;left:-18.45px;top:-75.1px}
.hero-fragment--progress{grid-column:1;grid-row:1;background:#191b1c;border-color:#353839;color:#f5f6f6}
.hero-fragment--progress .hero-card-app>div>span{color:#afb5b3}
.hero-fragment--progress :is(.hero-progress-total,.hero-progress-counts strong){color:#f5f6f6}
.hero-fragment--progress :is(.hero-progress-total>span,.hero-progress-label,.hero-progress-counts,.hero-fragment-foot){color:#afb5b3}
.hero-fragment--progress .hero-fragment-foot{border-color:#353839}
.hero-fragment--progress :is(.hero-live-dot,.hero-status-indicator){background:#4bce9a;box-shadow:0 0 0 4px #4bce9a18}
.hero-fragment--progress .hero-status-done{background:#4bce9a}
.hero-progress-total{display:flex;align-items:baseline;gap:12px;margin-top:18px;color:#13774f;font-variant-numeric:tabular-nums}.hero-progress-total>strong{font-size:78px;font-weight:600;line-height:1;letter-spacing:-.065em}.hero-progress-total>span{font-size:24px;letter-spacing:-.04em;color:#4c7660}
.hero-progress-label{font-size:14px;line-height:1.4;margin:4px 0 20px;color:#38634c}.hero-progress-track{display:flex;height:10px;gap:3px;border-radius:7px;overflow:hidden}.hero-progress-track i{display:block;border-radius:2px}.hero-status-done{flex:343;background:#17875d}.hero-status-check{flex:19;background:#22a6c2}.hero-status-validation{flex:38;background:#efb942}
.hero-progress-counts{display:grid;grid-template-columns:1.35fr 1fr;gap:16px;margin-top:16px;font-size:11px;line-height:1.4;color:#476956}.hero-progress-counts>span{display:grid;grid-template-columns:6px 1fr;gap:3px 7px;align-items:center}.hero-progress-counts strong{font-size:24px;font-weight:500;color:#153b29;line-height:1;letter-spacing:-.025em}.hero-progress-counts i{width:6px;height:6px;border-radius:50%;background:#22a6c2;grid-row:span 2}.hero-progress-counts>span:nth-child(2) i{background:#dca225}
.hero-fragment-foot{display:flex;align-items:center;gap:9px;border-top:1px solid #cce4d5;padding-top:13px;margin-top:18px;font-size:12px;color:#426951}
.hero-fragment--settings{grid-column:1;grid-row:2;padding:22px;background:#202423;border-color:#373e3a;color:#fafcfb}.hero-fragment--settings .hero-moment-title{font-size:21px;margin-bottom:16px}
.hero-app-link{display:flex;align-items:center;gap:9px;border:1px solid #4b5650;border-radius:8px;padding:10px;margin-bottom:14px;color:#e2ebe6;font-size:12px;line-height:18px;white-space:nowrap;overflow:hidden;background:#292f2c}.hero-app-link>span{overflow:hidden;text-overflow:ellipsis;flex:1}.hero-app-link svg{width:14px;height:14px;flex:0 0 14px}.hero-app-link .hero-app-check{color:#9cddbb}
.hero-wiki-icon{display:grid;place-items:center;width:34px;height:34px;flex:0 0 34px;border-radius:7px;background:#fff;color:#202423;font:26px/1 Georgia,serif}.hero-fragment--settings .hero-card-app>div>span{color:#b7c5bd}
.hero-setting-options{display:grid;grid-template-columns:.8fr 1.6fr;gap:10px;margin-top:16px}.hero-setting-options>span{position:relative;padding-top:10px;border-top:1px solid #455047;font-size:12px;line-height:1.5;white-space:nowrap}.hero-setting-options small{display:block;font-size:10px;color:#b7c5bd;margin-bottom:3px}.hero-setting-options svg{position:absolute;right:2px;bottom:3px;width:13px;height:13px}
.hero-fragment--monitor{grid-column:2;grid-row:2;background:#fff;border-color:#dedfe1;padding:20px;color:#202322}
.hero-monitor-header{display:flex;align-items:center;justify-content:space-between;gap:10px}.hero-monitor-header .hero-moment-title{font-size:18px;margin:0}.hero-monitor-free{font-size:11px;line-height:1.5;font-weight:500;color:#24724f;background:#edf6f0;border:1px solid #d4e8db;padding:3px 7px;border-radius:5px;white-space:nowrap}
.hero-monitor-query{display:flex;flex-direction:column;gap:3px;margin-top:13px;font-size:12px;color:#777b78;line-height:1.5}.hero-monitor-query strong{display:inline-block;margin-left:5px;padding:0 6px;border:1px solid #e7e8e7;border-radius:4px;background:#f7f8f7;color:#292e2a;font-size:13px;font-weight:500}.hero-monitor-query>span+span{font-size:11px}
.hero-monitor-table{width:100%;border-collapse:collapse;margin-top:14px;font-size:13px;line-height:1.4;font-variant-numeric:tabular-nums}.hero-monitor-table th{padding:7px 0;font-size:11px;font-weight:400;color:#7c807e;text-align:left;border-block:1px solid #e6e8e7}.hero-monitor-table td{padding:11px 0;border-bottom:1px solid #edeeed}.hero-monitor-table :is(th,td):not(:first-child){text-align:right}.hero-monitor-table td:last-child{font-weight:500}.hero-monitor-benefit{font-size:12px;line-height:1.6;color:#525b55;margin:13px 0 0;max-width:30ch}
.hero-fragment--proof{grid-column:2;grid-row:1;padding:0;border:0;box-shadow:none;background:transparent;text-align:center}.hero-fragment--proof .hero-moment-title{font-size:24px;line-height:1.2;letter-spacing:-.045em;margin:0 0 7px;white-space:nowrap}.hero-proof-caption{display:block;font-size:13px;line-height:1.5;color:#5d6b63}
.hero-proof-pair{position:relative;height:345px;width:100%;margin-top:19px;isolation:isolate}.hero-proof-pair::before{content:"";position:absolute;inset:30px -12px 35px;border-radius:50%;background:#f0f5f2;z-index:-1}
.hero-proof-pair figure{position:absolute;margin:0;top:0}.hero-proof-pair img{display:block;width:auto;height:300px;max-width:100%;max-height:300px;object-fit:contain;object-position:top;margin-inline:auto;border-radius:13px;box-shadow:0 24px 29px -16px #132b225c,0 0 0 1px #15251c14}
.hero-proof-search{width:44%;left:0;top:13px!important;transform:rotate(-6deg)}.hero-proof-installed{width:48%;right:0;transform:rotate(4deg)}
.hero-proof-pair figcaption{position:relative;text-align:center;font-size:12px;line-height:1.5;color:#365a43;margin-top:13px;white-space:normal}
.hero-proof-bridge{display:grid;place-items:center;position:absolute;left:43%;top:46%;width:37px;height:37px;border-radius:50%;background:#fff;box-shadow:0 5px 20px #18302420;color:#176b46;z-index:2}.hero-proof-bridge svg{width:19px;height:19px}.hero-assembly-frame{display:none}
/* Steep composition: the message owns the centre; product views surround it. */
.hero-showcase{display:none}
.hero-cabinet,.hero-native-frame{position:absolute;left:50%;transform:translateX(-50%);aspect-ratio:16/9;overflow:hidden;border:1px solid #ced4d0;border-radius:14px;background:#f5f7f6;opacity:0;pointer-events:none;z-index:1}
.hero-cabinet{background:#fff;border-color:#dfe3e0;box-shadow:0 32px 70px -32px #11182735;color-scheme:light}
.hero-cabinet-shell{position:absolute;inset:0;background:#fff}
.hero-cabinet-bar{height:52px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid #e5e7e6;font-size:13px;color:#727873}.hero-cabinet-bar strong{font-size:16px;font-weight:600;letter-spacing:-.035em;color:#202423}
.hero-theme-layer{display:none}
.hero-native-frame{z-index:4;clip-path:inset(50% round 14px);background:#fff}
.hero-native-frame>img{display:block;width:100%;height:100%;object-fit:contain}
@media(min-width:1280px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
 .hero.hero-scroll{padding:0 0 54px;overflow:visible;overflow-anchor:none;background:oklch(99.7% .003 145)}
 .hero-scroll .hero-story{position:relative;height:calc(180svh - 88px);min-height:1040px}
 .hero-scroll .hero-grid{position:sticky;top:0;width:100%;max-width:1920px;height:calc(100svh - 88px);min-height:632px;display:block;overflow:clip;isolation:isolate}
 .hero-scroll .hero-grid::before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 43% 46%,oklch(96.9% .018 155 / .7),transparent 52%),radial-gradient(ellipse at 64% 73%,oklch(97.2% .019 85 / .55),transparent 50%);pointer-events:none;opacity:var(--hero-atmosphere,1)}
 .hero-scroll .hero-copy{position:absolute;left:50%;top:clamp(64px,11.5svh,132px);width:56%;max-width:920px;transform:translateX(-50%);z-index:5}
 .hero-scroll .hero-copy h1{font-family:Onest,Arial,sans-serif;font-weight:500;font-size:clamp(60px,4.7vw,90px);line-height:1.02;letter-spacing:-.065em;color:oklch(19% .006 150)}
 .hero-scroll .hero-copy h1>span{white-space:nowrap}
 .hero-scroll .hero-platforms{gap:24px;margin-bottom:25px}.hero-scroll .hero-platform{font-size:12px;gap:7px;min-width:75px}.hero-scroll .platform-mark{width:44px;height:44px}.hero-scroll .platform-mark svg{width:42px;height:42px}.hero-scroll .hero-platform--app-store .platform-mark{border-radius:12px}.hero-scroll .hero-platform--app-store svg{width:30px;height:30px}.hero-scroll .hero-platform--trustpilot svg{width:44px;height:44px}
 .hero-scroll .hero-intro{margin:26px auto 0;max-width:650px}.hero-scroll .hero-copy .lead{font-size:17px;line-height:1.6;margin:0 auto 22px;max-width:590px}.hero-scroll .hero-copy .lead br{display:none}.hero-scroll .hero-actions{gap:12px;flex-wrap:nowrap}.hero-scroll .button{font-size:14px;min-height:50px;padding:12px 21px}.hero-scroll .hero-intro .action-note{font-size:12px;margin-top:12px}
 .hero-scroll .hero-showcase,.hero-scroll .hero-fragments{display:contents}
 .hero-scroll .hero-fragment{position:absolute;transform:rotate(var(--hero-angle,0deg));transform-origin:center;will-change:transform,opacity;pointer-events:none;z-index:3;box-shadow:0 22px 38px -25px #25443455,0 2px 6px #23382a0b}
 .hero-scroll .hero-fragment .hero-moment-title{font-size:18px;line-height:1.3;letter-spacing:-.025em;margin:0 0 18px;font-weight:500}
 .hero-scroll .hero-card-app{gap:9px}.hero-scroll .hero-card-app strong{font-size:15px}.hero-scroll .hero-card-app>div>span{font-size:12px;line-height:1.4}
 .hero-scroll .hero-fragment--progress{left:4.5%;top:12%;width:300px;padding:23px;--hero-angle:-3deg;border-radius:16px;box-shadow:0 22px 38px -25px #11182766,0 2px 6px #11182714}
 .hero-scroll .hero-progress-total{margin-top:22px;gap:10px}.hero-scroll .hero-progress-total>strong{font-size:68px;font-weight:500;letter-spacing:-.065em}.hero-scroll .hero-progress-total>span{font-size:22px}.hero-scroll .hero-progress-label{font-size:13px;margin:3px 0 18px}.hero-scroll .hero-progress-track{height:8px}.hero-scroll .hero-progress-counts{font-size:12px;gap:10px;margin-top:16px}.hero-scroll .hero-progress-counts strong{font-size:23px}.hero-scroll .hero-progress-counts>span{gap:5px 7px}.hero-scroll .hero-fragment-foot{display:none}
 .hero-scroll .hero-fragment--settings{left:7.5%;bottom:10%;top:auto;width:320px;padding:21px 23px;--hero-angle:2deg;background:oklch(99.6% .003 140);border-color:oklch(90% .01 145);color:oklch(22% .012 150);border-radius:15px}
 .hero-scroll .hero-app-link{font-size:13px;line-height:20px;padding:10px 12px;margin-bottom:15px;background:oklch(97.5% .004 145);color:oklch(39% .01 150);border-color:oklch(86% .012 145)}.hero-scroll .hero-app-link .hero-app-check{color:#27845f}.hero-scroll .hero-wiki-icon{border:1px solid #e2e6e2;background:#fff}.hero-scroll .hero-fragment--settings .hero-card-app>div>span{color:#758178}
 .hero-scroll .hero-setting-options{display:none}
 .hero-scroll .hero-fragment--monitor{right:4.5%;left:auto;top:8%;width:320px;padding:20px;--hero-angle:0deg;border-radius:12px;background:#fff;border-color:#dedfe1;color:#202322;box-shadow:0 16px 34px -22px #24342b40,0 1px 3px #17211b08}
 .hero-scroll .hero-monitor-header .hero-moment-title{font-size:18px;font-weight:500;letter-spacing:-.025em;margin:0}
 .hero-scroll .hero-fragment--proof{right:6.8%;left:auto;top:auto;bottom:2%;width:300px;padding:0;--hero-angle:0deg;background:none;border:0;box-shadow:none;text-align:left}
 .hero-scroll .hero-fragment--proof .hero-moment-title{font-size:17px;margin:0 0 5px}.hero-scroll .hero-proof-caption{font-size:12px}.hero-scroll .hero-proof-pair{height:314px;margin-top:16px}.hero-scroll .hero-proof-pair::before{display:none}.hero-scroll .hero-proof-pair img{height:270px;max-height:270px;border-radius:11px}.hero-scroll .hero-proof-search{width:46%;left:0;top:12px!important;transform:rotate(-3deg)}.hero-scroll .hero-proof-installed{width:46%;right:0;transform:rotate(3deg)}.hero-scroll .hero-proof-pair figcaption{font-size:12px;margin-top:11px}.hero-scroll .hero-proof-bridge{width:32px;height:32px;left:44%;top:44%}
 .hero-scroll .hero-cabinet{will-change:transform,opacity}
 .hero-scroll .hero-demo{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);width:calc(100% - 64px);max-width:1120px;opacity:0;pointer-events:none;z-index:7;scroll-margin:0}.hero-scroll .hero-demo.is-ready{pointer-events:auto}
 .hero-scroll .hero-demo:is(:fullscreen,.is-expanded){position:fixed;inset:0;width:100%;height:100dvh;max-width:none;transform:none!important;opacity:1!important;clip-path:none!important;pointer-events:auto;z-index:1000}.hero-scroll:has(.is-expanded) .hero-grid{overflow:visible}
}
@media(min-width:1280px) and (max-width:1599px) and (min-height:720px) and (prefers-reduced-motion:no-preference){
 .hero-scroll .hero-copy{top:clamp(62px,10svh,100px);width:57%}.hero-scroll .hero-copy h1{font-size:clamp(59px,4.6vw,73px)}.hero-scroll .hero-intro{margin-top:22px;max-width:570px}.hero-scroll .hero-copy .lead{font-size:15px;max-width:520px;line-height:1.6;margin-bottom:18px}.hero-scroll .button{font-size:13px;padding:12px 18px;min-height:47px}.hero-scroll .hero-intro .action-note{font-size:11px}
 .hero-scroll .hero-platforms{margin-bottom:22px;gap:21px}.hero-scroll .hero-platform{font-size:11px;gap:6px;min-width:68px}.hero-scroll .platform-mark{width:39px;height:39px}.hero-scroll .platform-mark svg{width:37px;height:37px}.hero-scroll .hero-platform--app-store svg{width:27px;height:27px}
 .hero-scroll .hero-fragment--progress{left:2.5%;top:10%;width:245px;padding:19px;--hero-angle:-2.5deg}.hero-scroll .hero-fragment .hero-moment-title{font-size:16px;margin-bottom:15px}.hero-scroll .hero-card-app strong{font-size:13px}.hero-scroll .hero-card-app>div>span{font-size:11px}.hero-scroll .hero-bc-icon{width:29px;height:29px;flex-basis:29px}.hero-scroll .hero-bc-icon img{width:217.14px;left:-14.86px;top:-60.5px}.hero-scroll .hero-progress-total>strong{font-size:58px}.hero-scroll .hero-progress-total>span{font-size:18px}.hero-scroll .hero-progress-total{margin-top:18px}.hero-scroll .hero-progress-counts{font-size:11px}.hero-scroll .hero-progress-counts strong{font-size:21px}
 .hero-scroll .hero-fragment--settings{left:4%;bottom:8%;width:280px;padding:19px;--hero-angle:1.5deg}.hero-scroll .hero-app-link{font-size:12px;padding:9px 10px}.hero-scroll .hero-fragment--monitor{right:2.5%;top:6%;width:280px;padding:17px}.hero-scroll .hero-monitor-header .hero-moment-title{font-size:16px}.hero-scroll .hero-monitor-table{font-size:12px}.hero-scroll .hero-monitor-table td{padding:9px 0}
 .hero-scroll .hero-fragment--proof{right:5%;bottom:3%;width:250px}.hero-scroll .hero-fragment--proof .hero-moment-title{font-size:15px;margin-bottom:4px}.hero-scroll .hero-proof-caption{font-size:11px}.hero-scroll .hero-proof-pair{height:265px;margin-top:13px}.hero-scroll .hero-proof-pair img{height:225px;max-height:225px}.hero-scroll .hero-proof-pair figcaption{font-size:11px}
}
@media(min-width:1280px) and (min-height:720px) and (max-height:850px) and (prefers-reduced-motion:no-preference){
 .hero-scroll .hero-copy{top:38px}.hero-scroll .hero-copy h1{font-size:clamp(54px,4.35vw,74px)}.hero-scroll .hero-platforms{margin-bottom:16px}.hero-scroll .hero-intro{margin-top:18px}.hero-scroll .hero-copy .lead{font-size:14px;max-width:480px;margin-bottom:15px}.hero-scroll .hero-intro .action-note{margin-top:9px;font-size:11px}
 .hero-scroll .hero-fragment--progress{top:9%;width:225px;padding:17px}.hero-scroll .hero-progress-total>strong{font-size:52px}.hero-scroll .hero-progress-label{font-size:12px;margin-bottom:14px}.hero-scroll .hero-progress-counts{font-size:11px;margin-top:12px}.hero-scroll .hero-fragment .hero-moment-title{font-size:15px;margin-bottom:13px}
 .hero-scroll .hero-fragment--settings{left:3.7%;bottom:5%;width:260px;padding:17px}.hero-scroll .hero-fragment--monitor{top:3%;width:260px;padding:15px}.hero-scroll .hero-monitor-header .hero-moment-title{font-size:15px}.hero-scroll .hero-monitor-query{margin-top:10px;font-size:11px}.hero-scroll .hero-monitor-table{margin-top:10px}.hero-scroll .hero-monitor-table td{padding:7px 0}.hero-scroll .hero-monitor-benefit{font-size:11px;line-height:1.5;margin-top:10px}
 .hero-scroll .hero-fragment--proof{bottom:2%;width:230px}.hero-scroll .hero-fragment--proof .hero-moment-title{font-size:14px;margin-bottom:4px}.hero-scroll .hero-proof-caption{display:none}.hero-scroll .hero-proof-pair{height:234px;margin-top:13px}.hero-scroll .hero-proof-pair img{height:196px;max-height:196px}.hero-scroll .hero-proof-pair figcaption{font-size:10px}
}


@media(max-width:640px){
 .hero{padding-top:20px;padding-bottom:44px}.hero-grid{width:calc(100% - 32px);gap:24px}.hero-platforms{gap:20px;margin-bottom:22px}.hero-platform{font-size:11px;min-width:65px;gap:7px}.platform-mark{width:39px;height:39px}.platform-mark svg,.hero-platform--google-play svg,.hero-platform--trustpilot svg{width:37px;height:37px}.hero-platform--app-store svg{width:27px;height:27px}
 .hero-copy h1{font-size:clamp(34px,8.8vw,48px);font-weight:500;line-height:1.08;letter-spacing:-.055em}.hero-copy h1>span{white-space:nowrap}.hero-copy .lead{font-size:15px;line-height:1.6;margin-bottom:18px}.hero-copy .lead br{display:none}.hero-intro{margin-top:20px}.hero .hero-actions{gap:8px}.hero .button{justify-content:center;min-height:48px}.hero .secondary{border:0;min-height:40px;padding-block:7px;background:transparent}.hero-intro .action-note{font-size:11px;margin-top:8px}.hero .hero-demo{margin-top:0;width:100%}
}
.hero-mobile-recording .hero-showcase{display:none}
body.hero-in-view #contact-widget{visibility:hidden;pointer-events:none}