/* Чисті прозорі ілюстрації + HTML. Жодних фрагментів растрового макета. */
:root{--u:calc(100vw / 1086);--ink:#070d31;--muted:#496a97;--brand:#0094d5;--action:#007ebd;--max:1250px}
body{font-family:Manrope,Arial,sans-serif}.wrap{width:min(86.4%,var(--max))}h2{font-weight:700}.slide h1,.slide h2{font-weight:800}.slide em,h2 em{color:var(--brand)}.button{background:linear-gradient(150deg,#009dd3,#007cba);border:0;box-shadow:0 8px 18px #008dc31c}.opening{position:relative;isolation:isolate;overflow:hidden;background:radial-gradient(ellipse at 85% 45%,#e5e5ff 0,transparent 47%),linear-gradient(110deg,#f5f9ff,#e4f2ff);height:calc(var(--u) * 670)}.opening::before{content:'';position:absolute;right:10%;top:13%;width:41%;height:68%;background:linear-gradient(150deg,#e6e6ffbd,#cee6fb88);border-radius:50%;z-index:-1}.nav{height:calc(var(--u) * 105);padding:0;position:relative;z-index:5}.nav .brand img{width:calc(var(--u) * 202);height:auto;max-width:260px}.nav nav{font-size:calc(var(--u) * 15);gap:calc(var(--u) * 32);font-weight:700}.locale{display:flex;gap:12px;margin-left:15px}.hero{position:static;padding:0;background:none}.hero::after{display:none}.hero>.wrap>.eyebrow{position:absolute;left:6.8%;top:24.5%;font-size:calc(var(--u) * 11);letter-spacing:calc(var(--u) * 3);font-weight:800;color:#5074a0;margin:0}.slide{display:block;position:static;min-height:calc(var(--u) * 430);padding:0}.hero-copy{position:absolute;left:6.8%;top:29.4%;width:42%;z-index:3}.slide h1,.slide h2{font-size:calc(var(--u) * 50);line-height:1.08;letter-spacing:calc(var(--u) * -2);margin:0 0 calc(var(--u) * 24);font-weight:800}.slide h1 em{display:inline-block;transform:scaleX(1.08);transform-origin:left}.slide h2{font-size:calc(var(--u) * 43);line-height:1.13}.hero-copy>.lead{font-family:Montserrat,Arial,sans-serif;font-size:calc(var(--u) * 21);line-height:1.45;color:#436592;max-width:100%;margin:0}.hero-copy>.actions{display:flex;gap:calc(var(--u) * 27);flex-wrap:nowrap;margin-top:calc(var(--u) * 28)}.hero-copy .button{min-width:0;width:calc(var(--u) * 285);height:calc(var(--u) * 54);min-height:0;padding:0;flex-shrink:0;font-size:calc(var(--u) * 15);font-weight:700;gap:calc(var(--u) * 18);white-space:nowrap}.hero-copy .button span{font-size:calc(var(--u) * 25);font-weight:400}.hero-copy .textlink{font-size:calc(var(--u) * 14);white-space:nowrap;color:#007ebd;font-weight:700;border-bottom:1px solid #88cfea;padding-bottom:4px;text-decoration:none}.hero-copy .micro{font-size:calc(var(--u) * 12);color:#587298;margin-top:calc(var(--u) * 14)}.hero-art{position:absolute;left:45%;right:1%;top:13%;bottom:11%;z-index:1;filter:drop-shadow(0 14px 15px #355f9714)}.hero-art img{width:100%;height:100%;object-fit:contain;object-position:center bottom}.hero-result{position:absolute;right:9%;bottom:16%;z-index:3;display:flex;gap:14px;align-items:center;padding:16px 21px;background:#fffffff2;border-radius:22px;box-shadow:0 12px 30px #304f9914;font-size:calc(var(--u) * 15)}.hero-result strong{display:block;font-weight:800}.hero-result small{display:block;color:#567398;font-size:calc(var(--u) * 12);margin-top:4px}.result-tick{display:flex;width:37px;height:37px;border-radius:50%;align-items:center;justify-content:center;background:#c1f0d4;color:#00aa68;font-size:24px}.hero-result .pdf-icon{font-size:12px}#slide-2 .hero-art{left:47%;right:2%;top:19%;bottom:19%}#slide-3 .hero-art{left:47%;top:16%;bottom:14%}.opening-wave{position:absolute;bottom:-1px;left:0;width:100%;height:27%;pointer-events:none;z-index:2}.carousel-controls{position:absolute;left:66.5%;top:89%;width:20%;height:6%;margin:0;padding:0;border:0;z-index:4;display:block}.slide-tabs{position:absolute;left:calc(100% + 23px);top:45%;display:flex;gap:8px}.slide-tabs button{font-size:0;padding:0;border:0!important;height:6px;width:6px;border-radius:50%;background:#bdd7e9}.slide-tabs button[aria-pressed=true]{background:#0094d5}.arrows{height:100%;display:flex;align-items:center;justify-content:space-between;gap:0}.arrows button{height:calc(var(--u) * 37);width:calc(var(--u) * 37);font-size:calc(var(--u) * 24);border:0;box-shadow:0 5px 10px #5f95b512;color:#2a5688}.arrows button:hover{background:#dcefff}#slide-count{font-size:calc(var(--u) * 12);font-weight:800;color:#244975;letter-spacing:1px}
#situations{padding:24px 0 33px;min-height:calc(var(--u) * 360)}#situations .heading{text-align:center;margin:0 auto 24px;max-width:none}#situations h2{font-size:calc(var(--u) * 43);font-weight:800;letter-spacing:-1.5px;line-height:1.15}#situations .heading>p{margin-top:9px;font-size:calc(var(--u) * 17.5);color:#56739c}.pains{gap:0}.pains>a{text-align:center;align-items:center;padding:0 25px;border-color:#dbe6f3}.pains h3{font-size:calc(var(--u) * 20);font-weight:800;letter-spacing:-.4px;margin-bottom:9px}.pains p{font-family:Montserrat,Arial,sans-serif;font-size:calc(var(--u) * 16);line-height:1.45;color:#56739c;margin:0;max-width:275px}.pain-symbol{height:80px;width:80px;border-radius:50%;background:linear-gradient(135deg,#def2ff,#edf7ff);margin-bottom:10px;color:#0089cf}.pain-symbol svg{width:45px;height:45px}.pains>a:nth-child(2) .pain-symbol{background:#edeaff;color:#7275c6}.pains>a:nth-child(3) .pain-symbol{background:#faeafb;color:#7876ba}
.voice-showcase{position:relative;isolation:isolate;background:radial-gradient(ellipse at 0 55%,#e7ddff,transparent 63%),linear-gradient(110deg,#f2f1ff,#eaf5ff);padding:45px 0 60px;overflow:hidden}.voice-showcase::before,.voice-showcase::after{content:'';position:absolute;left:-5%;width:110%;height:55px;background:#fff;border-radius:50%;z-index:2;pointer-events:none}.voice-showcase::before{top:-35px;transform:rotate(-1deg)}.voice-showcase::after{bottom:-36px;transform:rotate(1deg)}.voice-grid{display:grid;grid-template-columns:1fr 1.05fr;gap:20px;align-items:center}.voice-illustration{display:block;width:110%;height:calc(var(--u) * 310);margin-left:-12%;filter:drop-shadow(0 12px 13px #675a9c14)}.voice-illustration img{height:100%;width:100%;object-fit:contain}.voice-copy h2{font-size:calc(var(--u) * 35);line-height:1.1;letter-spacing:-1.3px;font-weight:800;margin-bottom:19px}.voice-copy h2 em{white-space:nowrap}.voice-copy>p{font-size:calc(var(--u) * 18);line-height:1.5;color:#4f6c98}.voice-result{display:flex;align-items:center;gap:15px;background:#fff;border-radius:26px;padding:16px 20px;margin-top:22px;max-width:360px;box-shadow:0 12px 24px #658ac012}.checkmark{width:54px;height:54px;border-radius:50%;display:flex;align-items:center;justify-content:center;background:#bceece;color:#00b56b;flex-shrink:0}.checkmark svg{width:34px;height:34px}.voice-result strong{font-size:17px;font-weight:800;display:block;line-height:1.3}.voice-result small{font-size:13px;display:block;color:#6580a7;margin-top:5px}.mini-wave{margin-left:auto;font-size:26px;color:#6589bf}.voice-copy>.textlink{display:inline-block;font-size:12px;font-weight:500;margin-top:17px;color:#43638e}
.section{padding-block:90px}.feature h2,.heading h2,.final h2{font-weight:700}.feature h2{font-size:clamp(30px,3.1vw,44px)}.tint,.report{background:radial-gradient(ellipse at 0 10%,#eee6ff99,transparent 60%),linear-gradient(110deg,#f9fcff,#eaf5ff)}.tint::before{display:none}.copy>p:not(.eyebrow),.heading>p:not(.eyebrow){color:#49658e}.outcome{border:0;border-radius:22px;padding:23px;background:#f1f8ff}.tint .outcome{background:white}.compare p{font-size:16px;line-height:1.6}.compare .compare-head span{font-size:17px;font-weight:800}.review-stores{display:flex;gap:25px;flex-wrap:wrap;margin-top:25px}.final .wrap>p:not(.eyebrow){max-width:690px;margin-inline:auto}.footer .brand{position:static}.nav nav a,.locale{white-space:nowrap}
@media(min-width:1450px){.opening{height:860px}.hero>.wrap>.eyebrow{font-size:14px}.slide h1{font-size:64px}.slide h2{font-size:55px}.hero-copy>.lead{font-size:26px}.hero-copy .button{width:330px;height:62px;font-size:17px}.hero-copy .textlink{font-size:17px}.hero-copy .micro{font-size:14px}.hero-copy{left:calc((100% - 1250px)/2);width:550px}.hero>.wrap>.eyebrow{left:calc((100% - 1250px)/2)}.nav{height:135px}.nav nav{font-size:17px}.voice-copy h2{font-size:43px}.voice-copy>p{font-size:21px}.voice-illustration{height:390px}#situations h2{font-size:48px}#situations .heading>p{font-size:20px}.pains h3{font-size:24px}.pains p{font-size:18px}#situations{min-height:430px}}
@media(max-width:760px){.wrap{width:calc(100% - 40px)}.opening{height:auto;min-height:0;padding-bottom:28px}.opening::before{right:4%;top:auto;bottom:70px;height:310px;width:85%}.nav{height:84px;padding:0}.nav .brand img{width:174px;max-width:none;height:auto}.nav nav{display:flex;font-size:13px}.nav nav a{display:none}.locale{margin:0;gap:8px}.hero>.wrap>.eyebrow{position:static;margin:25px 0 21px;max-width:none;font-size:9px;letter-spacing:1.7px}.slide{display:flex;flex-direction:column;min-height:0;gap:24px}.hero-copy{position:static;width:100%}.slide h1,.slide h2{font-size:clamp(32px,8.5vw,42px);line-height:1.12;letter-spacing:-1.5px;margin-bottom:23px}.slide h1 em{transform:none}.hero-copy>.lead{font-size:17px;line-height:1.6}.hero-copy>.lead br{display:none}.hero-copy>.actions{margin-top:24px;gap:20px;flex-wrap:wrap;flex-direction:row;align-items:center}.hero-copy .button{width:auto;height:auto;min-height:50px;padding:14px 22px;font-size:13px;gap:13px}.hero-copy .button span{font-size:20px}.hero-copy .textlink{font-size:12px;padding:0 0 3px}.hero-copy .micro{font-size:12px;margin-top:17px}.hero-art,#slide-2 .hero-art,#slide-3 .hero-art{position:relative;inset:auto;width:100%;max-width:560px;height:auto;aspect-ratio:1.15;margin:0 auto;z-index:1}.hero-art img{object-position:center;object-fit:contain}.hero-result{position:relative;right:auto;bottom:auto;align-self:center;margin:-45px auto 14px;font-size:15px;padding:15px 20px;max-width:95%}.hero-result small{font-size:12px}.opening-wave{height:70px}.carousel-controls{position:relative;inset:auto;width:auto;height:40px;margin:4px auto 0;display:flex;align-items:center;justify-content:center;gap:25px}.slide-tabs{position:static;display:flex;gap:8px}.arrows{gap:24px;justify-content:center}.arrows button{height:36px;width:36px;font-size:23px}#slide-count{font-size:12px}.hero>.wrap{position:relative;z-index:3}#situations{min-height:0;padding:40px 0}#situations .heading{margin-bottom:5px}#situations h2{font-size:31px}#situations .heading>p{font-size:15px;max-width:300px;margin:15px auto 0}.pains>a{padding:28px 10px;border-left:0;border-top:1px solid #e1ebf5}.pains>a:first-child{border-top:0}.pains h3{font-size:21px}.pains p{font-size:15px;max-width:330px}.pain-symbol{width:70px;height:70px;margin-bottom:16px}.pain-symbol svg{width:42px;height:42px}.voice-showcase{padding:50px 0 60px}.voice-grid{display:flex;flex-direction:column;gap:15px}.voice-copy{width:100%;order:0}.voice-copy h2{font-size:31px;line-height:1.16;letter-spacing:-1.2px}.voice-copy h2 em{white-space:normal}.voice-copy>p{font-size:16px}.voice-result{max-width:100%;padding:18px}.voice-illustration{order:1;width:100%;max-width:540px;height:auto;aspect-ratio:1.35;margin:0 auto}.voice-result strong{font-size:16px}.voice-copy>.textlink{font-size:12px}.section{padding-block:65px}.feature h2{font-size:30px}.compare p{font-size:13px;padding:18px 13px}.compare .compare-head span{font-size:14px;padding:20px 13px}.review-stores{gap:20px}.final h2{font-size:31px}.footer{font-size:11px}}
/* Контактні та розсіяні тіні: окремий SVG у координатах ілюстрації. */
.art-stage{isolation:isolate;filter:none}.art-stage>.art-image{position:relative;z-index:1;display:block;width:100%;height:100%}.art-stage>.ground-shadow{position:absolute;inset:0;z-index:0;width:100%;height:100%;object-fit:contain;object-position:center bottom;pointer-events:none}.art-stage>.art-image>img{display:block;object-position:center bottom}.voice-illustration{position:relative}.voice-illustration>.art-image>img{object-position:center bottom}.faq-art{display:block;position:relative}.feature-animal>.art-image>img,.faq-art>.art-image>img{width:100%;height:auto}.hero-result{bottom:11%}.hero-copy .actions .textlink{white-space:normal;min-width:0;line-height:1.45}#slide-2 .hero-copy .actions,#slide-3 .hero-copy .actions{flex-wrap:wrap;gap:15px}.hero-art{overflow:visible}
@media(max-width:760px){.hero-art>.art-image>img{object-position:center bottom}.hero-result{bottom:auto;margin:0 auto 14px}.hero-art,#slide-2 .hero-art,#slide-3 .hero-art{aspect-ratio:auto}.hero-art>.art-image>img{height:auto}.voice-illustration{aspect-ratio:auto}.voice-illustration>.art-image>img{height:auto}.hero-art{padding-bottom:0}.hero-copy .actions .textlink{white-space:normal}.arrows{margin-top:0}}
@media(min-width:761px){#slide-2 .hero-art,#slide-3 .hero-art{bottom:24%}.hero-result{padding:12px 18px}.hero-result small{margin-top:3px}}
/* Кожна сцена має власну роль: голос у hero, спільний догляд у секції. */
.together-art{height:auto;aspect-ratio:700 / 439;align-self:center;margin-left:-8%;width:108%}.together-art>.art-image>img{height:auto}.voice-copy>.eyebrow{font-size:10px;letter-spacing:2px;margin-bottom:16px}.voice-copy>p:not(.eyebrow){font-size:17px}.voice-copy>p+p{margin-top:14px}.voice-copy h2 em{white-space:normal}.voice-copy>.textlink{font-size:14px;font-weight:700}.faq{grid-template-columns:.7fr 1fr}.demo-section .heading>p:last-child{max-width:700px}.voice-grid{gap:36px}
@media(max-width:760px){.together-art{width:100%;margin:10px 0 0}.voice-copy>p:not(.eyebrow){font-size:16px}.voice-copy>.textlink{font-size:13px}.faq{grid-template-columns:1fr}.voice-grid{gap:15px}}
/* Погоджена пропозиція: категорія → ситуація → механізм → дія. */
.opening[data-active="0"]{height:clamp(790px,69vw,970px)}
.hero>.wrap>.eyebrow{top:18%;font-size:11px;letter-spacing:1.6px;max-width:50%;line-height:1.6}
#slide-1 .hero-copy{top:23%;width:47%}
#slide-1 h1{font-size:clamp(34px,3.5vw,50px);letter-spacing:-1.5px;line-height:1.16;margin-bottom:22px}
#slide-1 h1 em{transform:none;display:inline}
#slide-1 .lead{font-size:clamp(17px,1.6vw,22px);line-height:1.55}
#slide-1 .hero-benefit{font-size:16px;line-height:1.6;color:#49658e;margin:12px 0 0}
#slide-1 .hero-capture{font-size:15px;line-height:1.6;color:#49658e;margin:22px 0 0;max-width:490px}
.hero-capture strong{color:#17274b}
.hero-downloads{display:flex;gap:12px;margin-top:26px;flex-wrap:wrap}
#slide-1 .hero-downloads .button{width:auto;padding:16px 20px;font-size:13px;height:auto;min-height:52px;box-shadow:0 9px 23px #0087bd20}
#slide-1 .hero-downloads .android-button{background:#fff;border:1px solid #96c5df;color:#006eaa;box-shadow:0 7px 18px #446a9410}
.hero-how{display:inline-block;margin-top:19px}
.hero-product{position:absolute;left:57%;right:3%;top:19%;bottom:14%;z-index:3}
#slide-1 .hero-product .hero-art{left:-14%;right:auto;top:auto;bottom:0;width:68%;height:auto;aspect-ratio:1125 / 1190;z-index:2}
.offer-device{position:absolute;right:0;top:0;width:63%;max-width:290px;transform:rotate(4deg);margin:0;border-radius:32px;padding:5px;box-shadow:15px 30px 45px #334b7133}
.offer-device picture{display:block;border-radius:24px}
.offer-caption{position:absolute;bottom:-28px;right:0;font-size:10px;color:#49658e;text-align:right}
.opening[data-active="0"] .carousel-controls{top:auto;bottom:4.5%}
@media(min-width:1450px){#slide-1 .hero-copy{width:570px}.hero-product{left:59%;right:4%}}
@media(max-width:1000px) and (min-width:761px){#slide-1 .hero-copy{width:48%}.hero-product{left:59%;right:2%;top:25%;bottom:17%}#slide-1 h1{font-size:32px}#slide-1 .hero-downloads .button{padding:13px 14px;font-size:12px}.hero>.wrap>.eyebrow{max-width:65%}.offer-caption{font-size:9px}}
@media(max-width:760px){.opening[data-active="0"]{height:auto}.hero>.wrap>.eyebrow{max-width:100%;font-size:9px;line-height:1.7;letter-spacing:1.1px;margin:19px 0 20px}#slide-1 .hero-copy{position:static;width:100%}#slide-1 h1{font-size:32px;line-height:1.17;letter-spacing:-1.2px;margin-bottom:19px}#slide-1 .lead{font-size:17px}#slide-1 .hero-benefit{font-size:15px;margin-top:10px}#slide-1 .hero-capture{font-size:14px;margin-top:18px}.hero-downloads{gap:10px;margin-top:22px}#slide-1 .hero-downloads .button{font-size:12px;padding:14px 15px;flex:1;min-width:145px}.hero-how{margin-top:16px}.hero-product{position:relative;inset:auto;width:100%;max-width:480px;height:475px;margin:15px auto 30px}#slide-1 .hero-product .hero-art{left:0;width:63%;bottom:0;margin:0}.offer-device{right:2%;width:59%;max-width:230px}.offer-caption{bottom:-25px;right:2%;font-size:9px}.opening[data-active="0"] .carousel-controls{position:relative;inset:auto}.hero-product+.carousel-controls{margin-top:0}}
@media(max-width:360px){#slide-1 h1{font-size:29px}.hero-product{height:415px}.hero-downloads{flex-direction:column}}
.hero>.wrap>.eyebrow{font-size:12px;letter-spacing:1px}.offer-caption{top:-25px;bottom:auto;font-size:10px}.hero-capture strong{margin-right:.25em}
@media(max-width:760px){.hero>.wrap>.eyebrow{font-size:11px;letter-spacing:.65px}.offer-caption{top:-19px;font-size:9px}.hero-product{margin-top:22px}}