@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@400;500;600;700&display=swap');

:root{color-scheme:dark;--bg:oklch(14% .018 258);--surface:oklch(19% .02 258);--surface-2:oklch(23% .024 258);--ink:oklch(96% .008 255);--muted:oklch(76% .018 255);--line:oklch(31% .024 258);--accent:oklch(78% .16 68);--max:1240px;--ease:cubic-bezier(.16,1,.3,1)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--bg);color:var(--ink);font-family:Manrope,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;line-height:1.65}img{max-width:100%;height:auto}a{color:inherit}button{font:inherit}.shell{width:min(calc(100% - 40px),var(--max));margin-inline:auto}.site-header{height:92px;display:flex;align-items:center;justify-content:space-between;gap:24px}.brand{text-decoration:none;font-weight:700;letter-spacing:-.025em}.header-actions{display:flex;align-items:center;gap:10px}.lang-switch{display:flex;padding:3px;border:1px solid var(--line);border-radius:999px}.lang-switch button{border:0;background:none;color:var(--muted);padding:6px 10px;border-radius:999px;cursor:pointer}.lang-switch button[aria-pressed="true"]{background:var(--ink);color:var(--bg)}.contact-link,.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 17px;border-radius:999px;text-decoration:none;font-weight:650;background:var(--ink);color:var(--bg);border:1px solid transparent}.button.secondary{background:transparent;color:var(--ink);border-color:var(--line)}.button.disabled{background:var(--surface-2);color:var(--muted);pointer-events:none}.hero{min-height:62vh;display:grid;align-content:center;padding:80px 0 110px;position:relative}.hero:after{content:"";position:absolute;inset:auto 5% 6% 42%;height:1px;background:linear-gradient(90deg,transparent,var(--line))}.hero h1{font-size:clamp(3.2rem,8vw,6rem);line-height:1.02;letter-spacing:-.038em;max-width:900px;margin:0}.hero p{font-size:clamp(1.1rem,2vw,1.4rem);color:var(--muted);max-width:650px;margin:28px 0 0}.catalog{padding-bottom:140px}.product{--app:var(--accent);display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,.82fr);gap:clamp(32px,6vw,96px);align-items:center;padding:clamp(42px,7vw,96px) 0;border-top:1px solid var(--line);text-decoration:none;position:relative}.product:nth-child(even){grid-template-columns:minmax(300px,.82fr) minmax(0,1fr)}.product:nth-child(even) .product-copy{order:2}.product-copy{max-width:570px}.app-id{display:flex;align-items:center;gap:16px}.app-icon{width:76px;height:76px;border-radius:16px;object-fit:cover}.status{font-size:.78rem;font-weight:700;padding:6px 9px;border-radius:999px;color:var(--app);background:color-mix(in oklch,var(--app) 13%,transparent)}.product h2{font-size:clamp(2.2rem,4vw,4.4rem);line-height:1.04;letter-spacing:-.035em;margin:24px 0 16px}.product p{font-size:clamp(1rem,1.5vw,1.22rem);color:var(--muted);margin:0 0 25px}.product-visual{background:color-mix(in oklch,var(--app) 12%,var(--surface));border-radius:16px;min-height:390px;overflow:hidden;display:grid;place-items:center;position:relative}.product-visual img{max-height:420px;object-fit:contain;transition:transform .6s var(--ease)}.product:hover .product-visual img{transform:scale(1.025)}.product-arrow{font-weight:700;color:var(--app)}.gho{--app:oklch(78% .17 65)}.daylight{--app:oklch(74% .16 240)}.epv{--app:oklch(77% .18 148)}.dod{--app:oklch(80% .16 92)}.release{--app:oklch(75% .16 285)}.cartoon{--app:oklch(76% .17 25)}.release.product{cursor:default}.detail-hero{padding:70px 0 110px;text-align:center}.detail-icon{width:112px;height:112px;border-radius:24px}.detail-hero h1{font-size:clamp(3.4rem,8vw,6rem);line-height:1;letter-spacing:-.04em;margin:24px auto 20px}.detail-hero .lead{font-size:clamp(1.15rem,2vw,1.45rem);color:var(--muted);max-width:720px;margin:0 auto 34px}.story{padding-bottom:120px}.chapter{min-height:78vh;display:grid;grid-template-columns:minmax(280px,.7fr) minmax(0,1.3fr);gap:clamp(32px,7vw,110px);align-items:center;padding:90px 0;border-top:1px solid var(--line)}.chapter:nth-child(even){grid-template-columns:minmax(0,1.3fr) minmax(280px,.7fr)}.chapter:nth-child(even) .chapter-copy{order:2}.chapter-copy h2{font-size:clamp(2.2rem,4.8vw,4.8rem);line-height:1.04;letter-spacing:-.035em;margin:0 0 22px}.chapter-copy p{font-size:clamp(1rem,1.5vw,1.2rem);color:var(--muted);max-width:56ch}.chapter-media{display:grid;place-items:center;background:var(--surface);border-radius:16px;overflow:hidden;max-height:780px}.chapter-media img{display:block;max-height:780px;object-fit:contain}.chapter-media.phone img{max-width:min(100%,560px)}.chapter-media.crop-debug{max-height:900px;align-items:start}.chapter-media.crop-debug img{width:100%;max-height:none;transform:translateY(0)}.shot-ribbon{display:flex;gap:18px;overflow-x:auto;scroll-snap-type:x mandatory;padding:20px max(20px,calc((100vw - var(--max))/2));scrollbar-width:thin}.shot-ribbon img{height:min(68vh,720px);width:auto;border-radius:16px;scroll-snap-align:center}.legal{max-width:820px;padding:70px 0 130px}.legal h1{font-size:clamp(2.8rem,6vw,5rem);line-height:1;letter-spacing:-.035em}.legal h2{margin-top:2.5em}.legal p,.legal li{color:var(--muted)}.legal a{text-decoration-color:var(--line);text-underline-offset:3px}.site-footer{border-top:1px solid var(--line);padding:45px 0 60px}.footer-inner{display:flex;justify-content:space-between;align-items:flex-start;gap:28px}.footer-links{display:flex;flex-wrap:wrap;gap:18px}.footer-links a{color:var(--muted);text-decoration:none}.footer-links a:hover{color:var(--ink)}.reveal{animation:enter .8s var(--ease) both}@keyframes enter{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:none}}:focus-visible{outline:3px solid var(--accent);outline-offset:4px}
@media(max-width:760px){.shell{width:min(calc(100% - 28px),var(--max))}.site-header{height:76px}.contact-link{display:none}.hero{min-height:55vh;padding:55px 0 85px}.product,.product:nth-child(even),.chapter,.chapter:nth-child(even){grid-template-columns:1fr}.product:nth-child(even) .product-copy,.chapter:nth-child(even) .chapter-copy{order:0}.product-visual{min-height:280px}.chapter{min-height:auto;padding:64px 0}.footer-inner{flex-direction:column}.detail-hero{padding:40px 0 75px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}.product:hover .product-visual img{transform:none}}

/* Home catalog — composition follows the approved appps.od.ua reference. */
.home-page{background:oklch(14% .018 258);min-height:100vh}.home-wrap{width:min(calc(100% - 80px),1180px);margin-inline:auto}.home-header{height:108px;display:flex;align-items:center;justify-content:space-between;gap:24px}.home-brand{display:flex;align-items:center;gap:15px;text-decoration:none}.home-wordmark{display:grid;place-items:center;width:62px;height:42px;border-radius:12px;background:var(--ink);color:var(--bg);font-size:1.18rem;font-weight:800;letter-spacing:-.08em}.home-tagline{color:var(--muted);font-size:1.02rem}.home-tagline:before{content:"·";margin-right:14px;color:var(--muted)}.home-contact{padding:13px 22px;border-radius:999px;background:var(--surface-2);text-decoration:none;font-weight:600}.home-hero{padding:54px 0 126px;text-align:center}.icon-constellation{width:min(390px,78vw);aspect-ratio:1.08;margin:0 auto 36px;position:relative}.icon-constellation:after{content:"";position:absolute;inset:23% 16% 8%;border-radius:50%;background:color-mix(in oklch,var(--accent) 15%,transparent);filter:blur(44px);z-index:-1}.constellation-icon{position:absolute;width:31%;aspect-ratio:1;border-radius:22%;object-fit:cover;box-shadow:0 8px 8px rgb(0 0 0/.24);transform:rotate(var(--r))}.ci-gho{left:34%;top:2%;--r:8deg}.ci-daylight{left:4%;top:33%;--r:-9deg}.ci-epv{right:2%;top:37%;--r:7deg}.ci-dod{left:37%;bottom:0;--r:-4deg}.ci-cartoon{left:22%;top:36%;--r:3deg}.home-hero h1{font-size:clamp(2.4rem,5vw,4.2rem);line-height:1.14;letter-spacing:-.035em;max-width:880px;margin:0 auto;text-wrap:balance}.home-apps{padding-bottom:128px}.app-row{--app:var(--accent);min-height:142px;display:grid;grid-template-columns:92px minmax(0,1fr) auto 18px;align-items:center;gap:25px;padding:22px 34px;margin-bottom:18px;border-radius:28px;background:var(--surface);text-decoration:none;position:relative;transition:background .25s ease,transform .25s var(--ease)}a.app-row:hover{background:color-mix(in oklch,var(--app) 9%,var(--surface));transform:translateY(-2px)}.row-icon{width:78px;height:78px;border-radius:18px;object-fit:cover}.row-copy{display:grid;gap:5px}.row-copy strong{font-size:clamp(1.18rem,2.3vw,1.68rem);letter-spacing:-.025em}.row-copy small{font-size:1rem;color:var(--muted);line-height:1.45}.row-action{color:var(--muted);font-size:1rem;white-space:nowrap}.chevron{font-size:2rem;color:var(--muted);line-height:1}.coming-label{text-align:center;color:var(--muted);font-size:1.05rem;padding:45px 0 30px}.upcoming-row{opacity:.88}.new-badge{position:absolute;left:25px;top:14px;transform:translateY(-50%);padding:4px 8px;border-radius:999px;background:var(--accent);color:var(--bg);font-size:.68rem;font-weight:800}.home-footer{min-height:170px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:24px}.home-footer-links{display:flex;align-items:center;flex-wrap:wrap;justify-content:flex-end;gap:22px;color:var(--muted)}.home-footer-links a{text-decoration:none}.home-footer-links a:hover{color:var(--ink)}
@media(max-width:720px){.home-wrap{width:min(calc(100% - 28px),1180px)}.home-header{height:82px}.home-tagline,.home-contact{display:none}.home-wordmark{width:52px;height:38px}.home-hero{padding:40px 0 82px}.icon-constellation{margin-bottom:24px}.app-row{min-height:112px;grid-template-columns:66px minmax(0,1fr) 12px;gap:15px;padding:18px 16px;border-radius:22px}.row-icon{width:62px;height:62px;border-radius:14px}.row-action{display:none}.row-copy small{font-size:.86rem}.coming-label{padding:34px 0 24px}.home-footer{padding:36px 0;align-items:flex-start}.home-footer .home-tagline{display:none}.home-footer-links{display:grid;justify-items:end;gap:10px}.new-badge{left:13px;top:10px}}

/* More breathing room inside catalog rows. */
.app-row{gap:28px;padding:26px 44px}
.new-badge{left:34px;top:14px;transform:none;z-index:1}
@media(max-width:720px){.app-row{min-height:120px;gap:18px;padding:22px 24px}.new-badge{left:14px;top:10px}}

/* App details — Subscription Day inspired product-page system. */
body.detail-template{--page-bg:oklch(90% .08 85);--page-ink:oklch(25% .018 260);--page-muted:oklch(43% .025 260);color-scheme:light;background:var(--page-bg);color:var(--page-ink)}
body.detail-template.gho{--page-bg:oklch(89% .13 82)}
body.detail-template.daylight{--page-bg:oklch(87% .075 240)}
body.detail-template.epv{--page-bg:oklch(90% .09 150)}
body.detail-template.dod{--page-bg:oklch(91% .105 92)}
body.detail-template.cartoon{--page-bg:oklch(88% .09 225)}
.detail-template .site-header{height:88px}.detail-template .brand{color:var(--page-ink)}.detail-template .lang-switch{border-color:color-mix(in oklch,var(--page-ink) 22%,transparent)}.detail-template .lang-switch button{color:var(--page-muted)}.detail-template .lang-switch button[aria-pressed="true"]{background:var(--page-ink);color:var(--page-bg)}
.detail-template .detail-hero{padding:30px 0 72px;min-height:540px;display:flex;flex-direction:column;align-items:center;justify-content:center}.detail-template .detail-icon{width:104px;height:104px;border-radius:23px;box-shadow:0 8px 8px rgb(0 0 0/.18)}.detail-template .detail-hero h1{font-size:clamp(2.3rem,5vw,4rem);line-height:1.1;letter-spacing:-.035em;margin:24px auto 14px;max-width:900px}.detail-template .detail-hero .lead{font-size:clamp(1.05rem,2vw,1.25rem);line-height:1.5;color:var(--page-muted);max-width:660px;margin-bottom:25px}.detail-template .button{background:var(--page-ink);color:white;border:0}.detail-template .button.disabled{background:color-mix(in oklch,var(--page-ink) 14%,transparent);color:var(--page-ink)}
.detail-gallery{display:flex;align-items:flex-end;gap:24px;overflow-x:auto;scroll-snap-type:x mandatory;padding:0 max(24px,calc((100vw - 1120px)/2)) 90px;scrollbar-width:none}.detail-gallery::-webkit-scrollbar{display:none}.detail-gallery img{height:min(68vw,690px);width:auto;flex:none;object-fit:contain;scroll-snap-align:center;border-radius:22px;filter:drop-shadow(0 8px 8px rgb(0 0 0/.16))}.detail-gallery.epv-gallery img{height:min(54vw,590px);max-width:86vw}.detail-gallery.cartoon-gallery img{height:min(64vw,650px)}
.detail-template .story{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 70px;padding-top:82px;padding-bottom:110px;border-top:1px solid color-mix(in oklch,var(--page-ink) 18%,transparent)}.detail-template .section-title{grid-column:1/-1;text-align:center;font-size:clamp(2rem,4vw,3.2rem);line-height:1.15;margin:0 0 65px}.detail-template .chapter,.detail-template .chapter:nth-child(even){display:block;min-height:0;padding:34px 0;border-top:1px solid color-mix(in oklch,var(--page-ink) 16%,transparent)}.detail-template .chapter-copy,.detail-template .chapter:nth-child(even) .chapter-copy{order:0;max-width:none}.detail-template .chapter-copy h2{font-size:clamp(1.35rem,2.5vw,2rem);line-height:1.2;letter-spacing:-.025em;margin:0 0 12px}.detail-template .chapter-copy p{font-size:1rem;line-height:1.55;color:var(--page-muted);margin:0}.detail-template .chapter-media{display:none}.detail-template .site-footer{border-top-color:color-mix(in oklch,var(--page-ink) 18%,transparent);color:var(--page-muted)}.detail-template .footer-links a{color:var(--page-muted)}
@media(max-width:720px){.detail-template .site-header{height:76px}.detail-template .detail-hero{min-height:480px;padding:24px 0 54px}.detail-template .detail-icon{width:90px;height:90px}.detail-template .detail-hero h1{font-size:2.35rem}.detail-gallery{gap:14px;padding:0 22px 64px}.detail-gallery img{height:74vh;max-height:650px;border-radius:16px}.detail-gallery.epv-gallery img{height:auto;max-height:560px;max-width:88vw}.detail-template .story{grid-template-columns:1fr;gap:0;padding-top:60px;padding-bottom:75px}.detail-template .section-title{margin-bottom:36px}.detail-template .chapter,.detail-template .chapter:nth-child(even){padding:25px 0}}

/* Compact moving gallery, feature panels and centered legal footer. */
.detail-gallery{gap:18px;padding-bottom:78px}.detail-gallery img{height:min(50vw,520px);border-radius:18px}.detail-gallery.epv-gallery img{height:min(40vw,430px);max-width:72vw}.detail-gallery.cartoon-gallery img{height:min(48vw,500px)}
.detail-template .story{gap:22px;padding-top:78px}.detail-template .chapter,.detail-template .chapter:nth-child(even){position:relative;border:0;border-radius:16px;background:color-mix(in oklch,white 24%,transparent);padding:30px 30px 30px 94px;min-height:150px}.detail-template .chapter:before{content:"✦";position:absolute;left:30px;top:30px;width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:color-mix(in oklch,var(--page-ink) 9%,transparent);font-size:1.2rem;font-weight:700}.detail-template .chapter:nth-of-type(3n+2):before{content:"◷"}.detail-template .chapter:nth-of-type(3n):before{content:"⌁"}.detail-template .footer-inner{min-height:90px;flex-direction:column;align-items:center;justify-content:center;text-align:center;gap:12px}.detail-template .footer-links{justify-content:center;gap:0}.detail-template .footer-links a{display:inline-flex;align-items:center}.detail-template .footer-links a+a:before{content:"•";margin:0 12px;color:var(--page-muted);text-decoration:none}
@media(max-width:720px){.detail-gallery{gap:12px;padding:0 18px 58px}.detail-gallery img{height:min(68vh,500px)}.detail-gallery.epv-gallery img{height:auto;max-height:390px;max-width:76vw}.detail-template .story{gap:14px}.detail-template .chapter,.detail-template .chapter:nth-child(even){padding:24px 22px 24px 78px;min-height:132px}.detail-template .chapter:before{left:20px;top:24px;width:40px;height:40px}}

/* Seamless, non-interactive screenshot loop. */
.detail-gallery{display:block;overflow:hidden;padding-left:0;padding-right:0;scroll-snap-type:none;pointer-events:none}
.detail-gallery-track{display:flex;width:max-content;align-items:flex-end;gap:18px;will-change:transform;transform:translate3d(0,0,0)}
.detail-gallery-track.is-static{margin-inline:auto;will-change:auto}
.detail-gallery-track img{flex:none;scroll-snap-align:none}
@media(max-width:720px){.detail-gallery{padding-left:0;padding-right:0}.detail-gallery-track{gap:12px}}
.lang-switch{display:none}
.app-store-badge{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;transition:transform .22s var(--ease),filter .22s var(--ease)}
.app-store-badge:hover{transform:translateY(-2px);filter:brightness(1.05)}
.app-store-badge img{display:block;width:180px;height:auto}
@media(max-width:720px){.app-store-badge img{width:165px}}