@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fonts/manrope-cyrillic-400-normal.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 400;
  src: url('fonts/manrope-latin-400-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url('fonts/manrope-cyrillic-800-normal.woff2') format('woff2');
  unicode-range: U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116;
}
@font-face {
  font-family: 'Manrope';
  font-style: normal;
  font-display: swap;
  font-weight: 800;
  src: url('fonts/manrope-latin-800-normal.woff2') format('woff2');
  unicode-range: U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD;
}
@font-face{font-family:Pixel;src:url('silkscreen.ttf') format('truetype');font-display:swap}

:root{--bg:#f7f7f2;--ink:#10110e;--muted:#66675f;--yellow:#ffd600;--surface:#eeeee7;--line:#d8d9cf;--glass:rgba(249,249,243,.87);--shadow:0 16px 60px #11120d0e;color-scheme:light}html[data-theme=dark]{--bg:#10110e;--ink:#f5f5ed;--muted:#aaada0;--surface:#1b1d17;--line:#34372e;--glass:rgba(22,24,18,.86);--shadow:0 16px 60px #0004;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:85px}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,a{-webkit-tap-highlight-color:transparent}button{font:inherit;cursor:pointer}a{color:inherit}svg{fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round;width:22px;height:22px;flex-shrink:0}button:focus-visible,a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid var(--ink);outline-offset:5px}button:disabled{opacity:.6;cursor:wait}[hidden]{display:none!important}.skip{position:fixed;top:-100px;left:16px;z-index:100;background:var(--yellow);color:#101010;padding:14px;border-radius:14px}.skip:focus{top:12px}.masthead{position:fixed;background:linear-gradient(180deg,var(--bg),transparent);backdrop-filter:blur(8px);top:0;left:0;right:0;height:80px;z-index:10;display:flex;align-items:center;justify-content:space-between;padding:0 clamp(20px,5vw,70px);gap:12px}.wordmark{font-size:clamp(22px,3vw,31px);font-weight:900;letter-spacing:-.06em;white-space:nowrap;text-decoration:none}.wordmark span{color:var(--ink)}html[data-theme=dark] .wordmark span{color:var(--yellow)}.theme-toggle{height:42px;width:52px;background:var(--glass);color:var(--ink);border:1px solid var(--line);border-radius:18px;display:grid;place-items:center;backdrop-filter:blur(15px)}.theme-toggle .moon,html[data-theme=dark] .theme-toggle .sun{display:none}html[data-theme=dark] .theme-toggle .moon{display:block}.journey{height:470svh;position:relative}.stage{height:100svh;min-height:600px;position:sticky;top:0;overflow:hidden;background:var(--bg);isolation:isolate}.stage canvas{position:absolute;inset:0;width:100%;height:100%;z-index:1}.scene-fallback{position:absolute;inset:0;transition:opacity .7s}.scene-fallback img{width:100%;height:100%;object-fit:cover;object-position:center bottom}.webgl-ready .scene-fallback{opacity:0}.stage-shade{position:absolute;inset:0;z-index:2;pointer-events:none;background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 8%,transparent 48%)}.chapter{position:absolute;top:clamp(100px,13svh,135px);left:clamp(20px,5vw,70px);right:20px;z-index:3;max-width:600px;opacity:0;visibility:hidden;will-change:transform,opacity}.chapter-0{opacity:1;visibility:visible}.chapter h1,.chapter h2{font-size:clamp(55px,14.5vw,100px);font-weight:800;letter-spacing:-.075em;line-height:.98;margin:0 0 20px}.chapter p{font-size:clamp(17px,4.4vw,22px);line-height:1.4;letter-spacing:-.025em;margin:0;color:var(--ink)}.chapter .action{margin-top:17px}.chapter-3 h2{font-size:clamp(50px,13.7vw,100px)}.scene-caption{position:absolute;bottom:130px;left:24px;right:24px;z-index:3;display:flex;justify-content:space-between;align-items:center;font-size:12px;font-weight:700;text-shadow:0 1px 15px var(--bg)}.chapter-meter{display:flex;gap:6px}.chapter-meter i{height:4px;width:19px;border-radius:2px;background:var(--ink);opacity:.22;transition:opacity .2s,width .2s}.chapter-meter i.active{opacity:1;width:34px;background:var(--yellow);box-shadow:0 0 0 1px #1112}.skip-journey{position:absolute;bottom:170px;right:24px;z-index:4;border:1px solid var(--line);background:var(--glass);color:var(--ink);padding:10px 15px;border-radius:13px;backdrop-filter:blur(14px);font-size:12px;font-weight:700}.section{width:min(1160px,calc(100% - 40px));margin:auto;padding:74px 0}.section-heading{max-width:620px}.eyebrow{font-size:12px;letter-spacing:.1em;font-weight:800;color:var(--muted);margin:0 0 18px}h2{font-size:clamp(38px,7.7vw,68px);letter-spacing:-.065em;line-height:1.04;margin:0 0 24px;font-weight:800}.body-copy{font-size:17px;line-height:1.65;letter-spacing:-.015em;color:var(--muted);max-width:430px;margin:0 0 25px}.app-showcase{display:grid;grid-template-columns:1fr 1fr;gap:80px;align-items:center;margin-top:50px}.phone-shell{width:min(330px,100%);margin:auto;padding:7px;border:1px solid var(--line);border-radius:34px;background:#101010;transform:rotate(-3deg);box-shadow:0 30px 60px #0002;overflow:hidden}.phone-shell img{width:100%;height:auto;display:block;border-radius:27px}.feature-list article{padding:30px 0;border-bottom:1px solid var(--line)}.feature-list article:last-child{border:0}.feature-icon{height:46px;width:46px;display:grid;place-items:center;background:var(--surface);border-radius:14px;margin-bottom:17px}.feature-list h3{font-size:25px;line-height:1.12;letter-spacing:-.04em;margin:0 0 12px}.feature-list p{color:var(--muted);font-size:16px;line-height:1.6;margin:0 0 20px;max-width:340px}.action{min-height:51px;border:0;border-radius:17px;padding:14px 21px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-family:inherit;font-size:14px;font-weight:800;line-height:1.3;text-decoration:none;transition:transform .2s,box-shadow .2s,background .2s;max-width:100%}.action:hover{transform:translateY(-2px)}.action-primary{background:var(--yellow);color:#101010;box-shadow:0 7px 27px #ffd60025}.action-primary:hover{box-shadow:0 9px 32px #ffd60055}.action-outline{background:var(--glass);color:var(--ink);border:1px solid var(--line);box-shadow:inset 0 1px 0 #fff2;backdrop-filter:blur(15px)}.action-quiet{background:transparent;color:var(--muted);box-shadow:none;font-weight:600}.install-section{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:85px;padding-top:90px;padding-bottom:90px}.install-art{position:relative;min-height:400px;display:grid;place-items:center;isolation:isolate;overflow:hidden}.install-art img{position:relative;width:200px;height:200px;border-radius:45px;box-shadow:0 25px 55px #0002;transform:rotate(-8deg);z-index:2}.orbit{position:absolute;width:320px;height:320px;border:1px solid var(--line);border-radius:50%}.orbit-two{width:430px;height:430px}.install-copy .action{display:flex;width:100%;max-width:350px;margin-bottom:10px}.privacy-note{color:var(--muted);font-size:12px;line-height:1.6;margin:20px 0 0}.browser-context{display:flex;align-items:center;gap:10px;color:var(--ink);font-size:13px;font-weight:700;margin:20px 0;padding:12px 15px;background:var(--surface);border:1px solid var(--line);border-radius:14px;max-width:350px}.faq-section{max-width:850px;padding-top:30px;padding-bottom:85px}.faq-section h2{font-size:clamp(33px,6vw,50px);margin-bottom:32px}.faq-section details{padding:22px 0;border-bottom:1px solid var(--line)}.faq-section summary{display:flex;align-items:center;justify-content:space-between;gap:20px;cursor:pointer;font-size:16px;font-weight:800;line-height:1.5;list-style:none}.faq-section summary::after{content:'+';font-size:25px;font-weight:400}.faq-section details[open] summary::after{content:'−'}.faq-section details p{font-size:15px;line-height:1.65;color:var(--muted);margin:16px 25px 0 0}.footer{background:#101010;color:#f7f7f2;text-align:center;padding:55px 20px 150px}.footer .wordmark{font-size:clamp(33px,8.1vw,74px);display:inline-block;line-height:1.1}.footer .wordmark span{color:#ffd600}.footer-credit{display:flex;justify-content:center;align-items:center;gap:10px;font-family:Pixel,monospace;font-size:clamp(12px,3.2vw,23px);margin:25px 0 16px;white-space:nowrap}.broken-heart{width:clamp(29px,4vw,41px);height:clamp(29px,4vw,41px);fill:#ffd600;stroke:none;overflow:visible}.heart-left{transform-origin:17px 20px;animation:heartL 7s ease-in-out infinite}.heart-right{transform-origin:23px 20px;animation:heartR 7s ease-in-out infinite}@keyframes heartL{0%,80%,100%{transform:rotate(0)}86%,93%{transform:translateX(-1px) rotate(-5deg)}}@keyframes heartR{0%,80%,100%{transform:rotate(0)}86%,93%{transform:translateX(1px) rotate(5deg)}}.footer>p{font-family:Pixel,monospace;font-size:clamp(12px,3.1vw,21px);margin:0;line-height:1.8;letter-spacing:-.03em}.floating-dock{position:fixed;bottom:calc(12px + env(safe-area-inset-bottom));left:50%;transform:translateX(-50%);width:min(520px,calc(100% - 24px));z-index:25;background:var(--glass);border:1px solid var(--line);padding:9px;display:flex;align-items:center;gap:11px;border-radius:25px;backdrop-filter:blur(24px) saturate(1.3);-webkit-backdrop-filter:blur(24px) saturate(1.3);box-shadow:var(--shadow)}.floating-dock>img{border-radius:13px;width:44px;height:44px;flex-shrink:0}.dock-brand{flex:1;min-width:0}.dock-brand strong{display:block;font-weight:800;font-size:14px;letter-spacing:-.04em}.dock-brand span{display:block;font-size:10px;color:var(--muted);line-height:1.4;margin-top:4px}.floating-dock .action{font-size:13px;padding:14px 18px;border-radius:18px;min-height:48px;flex-shrink:0;max-width:47%}.install-sheet{position:fixed;top:auto;bottom:0;margin:0 auto;width:min(560px,100%);max-height:92svh;overflow-y:auto;border:1px solid var(--line);border-bottom:0;background:var(--bg);color:var(--ink);padding:28px 25px calc(26px + env(safe-area-inset-bottom));border-radius:30px 30px 0 0;box-shadow:0 -30px 90px #0003;overscroll-behavior:contain}.install-sheet::backdrop{background:#07090666;backdrop-filter:blur(7px)}.sheet-handle{width:34px;height:4px;border-radius:4px;background:var(--line);margin:-14px auto 20px}.sheet-close{position:absolute;top:22px;right:20px;width:38px;height:38px;border:1px solid var(--line);background:var(--surface);color:var(--ink);border-radius:50%;display:grid;place-items:center}.sheet-app{display:flex;align-items:center;gap:13px;margin-bottom:23px;font-size:19px;font-weight:800;letter-spacing:-.04em}.sheet-app img{border-radius:14px}.install-sheet h2{font-size:33px;letter-spacing:-.055em;line-height:1.05;margin-bottom:13px;max-width:400px}.sheet-description{font-size:14px;line-height:1.6;color:var(--muted);margin:0 0 22px}.platform-tabs{display:flex;gap:5px;padding:5px;border-radius:16px;background:var(--surface);border:1px solid var(--line);margin-bottom:21px}.platform-tabs button{flex:1;border:0;border-radius:12px;min-height:40px;background:transparent;color:var(--muted);font-size:13px;font-weight:800}.platform-tabs button[aria-selected=true]{background:var(--yellow);color:#101010}.install-steps{list-style:none;padding:0;margin:0 0 22px;display:grid;gap:20px}.install-steps li{display:flex;gap:14px;align-items:flex-start}.step-symbol{width:37px;height:37px;flex-shrink:0;display:grid;place-items:center;border:1px solid var(--line);border-radius:12px;background:var(--surface)}.step-symbol svg{height:20px;width:20px}.install-steps strong{font-size:14px;line-height:1.4;display:block}.install-steps p{font-size:12px;line-height:1.55;color:var(--muted);margin:5px 0 0}.sheet-actions{display:grid;gap:9px}.sheet-actions .action{width:100%;font-size:14px}.sheet-footnote{font-size:11px;color:var(--muted);line-height:1.6;text-align:center;margin:17px 0 0}.copy-fallback{margin-top:15px;padding:15px;background:var(--surface);border-radius:14px}.copy-fallback label{font-size:13px;display:block;margin-bottom:8px}.copy-fallback input{width:100%;color:var(--ink);background:var(--bg);border:1px solid var(--line);padding:12px;border-radius:10px;font-size:12px}.copy-fallback p{font-size:12px;color:var(--muted);line-height:1.5}.toast{position:fixed;left:50%;bottom:calc(105px + env(safe-area-inset-bottom));transform:translate(-50%,20px);z-index:100;background:var(--ink);color:var(--bg);padding:13px 20px;border-radius:14px;font-size:13px;opacity:0;pointer-events:none;transition:opacity .2s,transform .2s;max-width:calc(100% - 40px);text-align:center}.toast.visible{opacity:1;transform:translate(-50%,0)}body.sheet-open{overflow:hidden}.scene-static .journey{height:auto}.scene-static .stage{height:auto;min-height:0;position:relative;padding-top:85px}.scene-static .stage canvas,.scene-static .stage-shade,.scene-static .scene-caption,.scene-static .skip-journey{display:none}.scene-static .scene-fallback{position:relative;height:50svh;opacity:1!important;order:2}.scene-static .chapter{position:relative;top:auto;left:auto;right:auto;opacity:1!important;visibility:visible!important;transform:none!important;padding:35px 24px;max-width:none}.scene-static .chapter-1,.scene-static .chapter-2,.scene-static .chapter-3{display:none}.scene-static .chapter h1{font-size:65px}.scene-static .stage{display:flex;flex-direction:column}.scene-static .chapter-0{order:1}
@media(min-width:800px){.chapter{top:15svh;max-width:650px}.chapter h1,.chapter h2{font-size:clamp(80px,8.5vw,130px)}.chapter p{font-size:24px}.stage-shade{background:linear-gradient(90deg,var(--bg) 0%,transparent 80%),linear-gradient(180deg,var(--bg) 0%,transparent 60%)}.scene-caption{left:70px;right:70px;bottom:40px}.skip-journey{bottom:75px;right:70px}.floating-dock{bottom:22px}.install-sheet{bottom:20px;border-radius:28px;border-bottom:1px solid var(--line);max-height:calc(100svh - 40px)}}
@media(max-width:650px){.masthead{height:75px;padding:0 22px}.wordmark{font-size:24px}.journey{height:390svh}.stage{min-height:560px}.section{width:calc(100% - 44px);padding:55px 0}.chapter{top:102px;left:24px;right:24px}.chapter h1,.chapter h2{font-size:clamp(53px,15.2vw,76px);margin-bottom:18px}.chapter-3 h2{font-size:clamp(49px,14.5vw,73px)}.chapter p{font-size:18px}.app-showcase{grid-template-columns:1fr;gap:25px;margin-top:35px}.phone-shell{width:min(275px,80%);border-radius:31px}.phone-shell img{border-radius:24px}.feature-list{display:grid;gap:0}.feature-list article{padding:27px 0}.feature-list h3{font-size:26px}.feature-icon{float:left;margin:0 15px 8px 0;width:40px;height:40px}.feature-list p{clear:both;padding-top:8px;margin-bottom:16px}.feature-list .action{width:100%}.install-section{grid-template-columns:1fr;gap:5px;padding:20px 0 50px}.install-art{min-height:285px}.install-art img{width:155px;height:155px;border-radius:36px}.orbit-one{width:235px;height:235px}.orbit-two{width:320px;height:320px}.install-copy h2{font-size:44px}.install-copy .action{max-width:none}.faq-section{padding:30px 0 55px}.faq-section h2{font-size:35px}.faq-section summary{font-size:15px}.footer{padding:40px 16px 135px}.footer-credit{gap:8px}.floating-dock{gap:8px;padding:8px;border-radius:23px}.floating-dock .action{padding:14px 13px;font-size:12px;min-width:110px}.floating-dock>img{height:39px;width:39px;border-radius:11px}.dock-brand strong{font-size:12px}.dock-brand span{font-size:10px;max-width:145px}.scene-caption{bottom:109px;font-size:11px}.skip-journey{bottom:143px;font-size:11px;padding:10px 12px}}@media(max-width:350px){.dock-brand span{display:none}.floating-dock .action{min-width:100px;max-width:46%;font-size:11px}.chapter h1,.chapter h2{font-size:52px}.install-sheet{padding-inline:20px}.footer-credit{font-size:11px;gap:7px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*::before,*::after{animation:none!important;transition:none!important}}

.skip-journey{min-height:44px;font-size:12px}.install-steps strong{font-size:15px}.install-steps p{font-size:14px}.platform-tabs button{font-size:14px}.sheet-footnote{font-size:12px}.floating-dock .action{font-size:14px}

/* Frosted controls and signature, both themes. */
:root{--frost:rgba(248,249,243,.48);--frost-edge:rgba(70,75,56,.22);--frost-light:rgba(255,255,255,.8)}
html[data-theme=dark]{--frost:rgba(49,52,42,.58);--frost-edge:rgba(231,237,208,.25);--frost-light:rgba(255,255,255,.18)}
.action,.theme-toggle,.skip-journey,.sheet-close,.platform-tabs button,.faq-section summary{background:var(--frost);border:1px solid var(--frost-edge);color:var(--ink);backdrop-filter:blur(22px) saturate(1.15);-webkit-backdrop-filter:blur(22px) saturate(1.15);box-shadow:inset 0 1px 0 var(--frost-light),0 8px 24px #0000000b;}
.action-primary,.platform-tabs button[aria-selected=true]{background:rgba(255,214,0,.43);color:var(--ink);border:1px solid rgba(206,170,0,.65);box-shadow:inset 0 1px 0 #fff9,0 8px 24px #ffd60018;}
html[data-theme=dark] .action-primary,html[data-theme=dark] .platform-tabs button[aria-selected=true]{background:rgba(255,214,0,.19);color:#ffe66b;box-shadow:inset 0 1px 0 #fff4,0 8px 24px #0002}
.action-primary:hover{background:rgba(255,214,0,.64)}
.faq-section details{border:0;padding:7px 0}.faq-section summary{padding:19px 20px;border-radius:18px}.faq-section details p{margin:16px 20px 20px}
.scene-fallback img{object-fit:contain;width:82%;height:63%;position:absolute;left:9%;bottom:95px;object-position:center;filter:drop-shadow(0 15px 20px #0002)}
html[data-theme=dark] .scene-fallback img{filter:drop-shadow(0 0 22px #ffe78924)}
.stage-shade{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 5%,transparent 35%)}
.footer .footer-wordmark{width:min(850px,100%);text-align:left;font-size:clamp(58px,18vw,160px);letter-spacing:-.085em;line-height:.84;margin:10px auto 32px;display:block}.footer-wordmark .footer-line{display:block;color:#f7f7f2}.footer-wordmark .footer-yellow{color:#ffd600}.footer-credit{font-size:clamp(12px,3vw,19px);margin:0 0 12px}.footer>p{font-size:clamp(12px,3vw,17px)}
.scene-static .scene-fallback img{bottom:0;height:100%}.scene-static .scene-fallback{height:50svh}
@media(min-width:800px){.scene-fallback img{width:52%;left:43%;height:83%;bottom:45px}.stage-shade{background:linear-gradient(90deg,var(--bg) 0%,transparent 50%)}.footer .footer-wordmark{font-size:150px;max-width:800px}}
.footer .footer-wordmark .footer-line{color:#f7f7f2}.footer .footer-wordmark .footer-yellow{color:#ffd600}.footer .footer-wordmark{font-size:clamp(62px,24vw,160px)}
@media(min-width:800px){.footer .footer-wordmark{font-size:160px}}

/* Full-frame illustrated journey; text tint clears as the camera enters. */
.stage-shade{background:linear-gradient(180deg,var(--bg) 0%,var(--bg) 4%,color-mix(in srgb,var(--bg) 88%,transparent) 21%,color-mix(in srgb,var(--bg) 42%,transparent) 37%,transparent 55%)}
@media(min-width:800px){.stage-shade{background:linear-gradient(90deg,color-mix(in srgb,var(--bg) 96%,transparent),color-mix(in srgb,var(--bg) 75%,transparent) 25%,transparent 64%),linear-gradient(180deg,var(--bg),transparent 20%)}}

.scene-caption{background:var(--frost);border:1px solid var(--frost-edge);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border-radius:15px;padding:10px 12px;text-shadow:none;min-height:36px}
.skip-journey{bottom:156px}
@media(min-width:800px){.scene-caption{left:70px;right:auto;width:310px;bottom:40px}.skip-journey{bottom:40px}}

.scroll-wave{position:absolute;z-index:4;bottom:118px;left:50%;width:min(430px,100%);height:150px;transform:translateX(-50%);pointer-events:none;opacity:0;overflow:hidden;mask-image:linear-gradient(transparent,#000 25%,#000 65%,transparent);-webkit-mask-image:linear-gradient(transparent,#000 25%,#000 65%,transparent)}
.scroll-wave i{position:absolute;left:-15%;top:0;width:130%;height:85px;border:1px solid #ffffff70;border-top:2px solid #ffffffc0;border-radius:50%;background:linear-gradient(180deg,#ffffff30,transparent 75%);backdrop-filter:blur(3px);-webkit-backdrop-filter:blur(3px);box-shadow:0 -4px 22px #ffffff15}
.scroll-wave.wave-visible{animation:scrollRipple 1.8s ease-out 1 both}.scroll-wave.wave-visible i{animation:scrollSweep 1.8s cubic-bezier(.2,.6,.3,1) 1 both}
@keyframes scrollRipple{0%{opacity:0}25%{opacity:.7}65%{opacity:.4}100%{opacity:0}}
@keyframes scrollSweep{0%{transform:translateY(-45px) scaleX(.72)}100%{transform:translateY(110px) scaleX(1.16)}}
.scene-static .scroll-wave{display:none}@media(prefers-reduced-motion:reduce){.scroll-wave{display:none}}
/* para·pa·baram: вхід для бізнесу у футері */
.footer-biz{display:inline-block;margin-top:22px;color:#cfd0c6;font-size:14px;font-weight:700;text-underline-offset:5px}