.more{position: relative;isolation: isolate;overflow: hidden;background: var(--bg);}.more::before,.demo::before{content: '';position: absolute;inset: 0;background: url('/landing/felt.85b07b1462.webp') 0 0 / 180px;opacity: var(--felt-opacity);pointer-events: none;}.more::before{z-index: -1;}.ground{height: clamp(46px, 6.25vw, 90px);background: var(--il-hill1);}.ground svg{display: block;width: 100%;height: 100%;}.ground path{fill: var(--bg);}.more h2,.night h2{margin: 0;font:600 clamp(2.05rem, 1.3rem + 2.2vw, 3.1rem) / 1.06 Fredoka,system-ui,sans-serif;letter-spacing: -0.015em;text-wrap: balance;}:lang(uk) .more h2,:lang(uk) .night h2,:lang(uk) .tile h3{font-family: Nunito, system-ui, sans-serif;font-weight: 700;}.feat{display: grid;grid-template-columns: minmax(0, 1fr) minmax(0, 1.15fr);align-items: center;gap: clamp(48px, 6.7vw, 96px);padding: 70px var(--gutter);}.feat.flip .demo{order: -1;}.feat h2{margin-bottom: 20px;}.feat p,.tile p{margin: 0;color: var(--muted);text-wrap: pretty;}.feat p{max-width: 29ch;font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.28rem);line-height: 1.55;}.demo{position: relative;container-type: inline-size;aspect-ratio: 5 / 4;overflow: hidden;border-radius: 44px;background: var(--surface);box-shadow:inset 0 2px 0 var(--soft-highlight),0 2px 3px rgba(45, 45, 35, 0.05),0 30px 50px -30px rgba(40, 70, 64, 0.4);}.demo::before{z-index: 8;opacity: calc(var(--felt-opacity) * 0.5);}.demo::after{content: '';position: absolute;inset: 11px;z-index: 9;border: 2px dashed var(--stitch);border-radius: 34px;pointer-events: none;}.demo img{position: absolute;height: auto;filter: drop-shadow(0 10px 12px rgba(40, 60, 55, 0.22));}.card{position: absolute;border-radius: 5cqw;background: var(--surface);box-shadow:0 2px 3px rgba(45, 45, 35, 0.06),0 18px 30px -16px rgba(40, 70, 64, 0.4);outline: 1.5px dashed var(--stitch);outline-offset: -1.6cqw;}.s-check{background: linear-gradient(var(--hero-sky), var(--hero-sky2));}.s-check .face{left: 31cqw;top: 9cqw;width: 38cqw;opacity: 0;animation: faceLow 6s ease 0.3s both;}.s-check .f2{animation-name: faceMid;}.s-check .f3{animation-name: faceHigh;}.dots{position: absolute;left: 15cqw;top: 56cqw;z-index: 3;display: flex;justify-content: space-between;width: 70cqw;height: 10cqw;}.dots i{width: 10cqw;height: 10cqw;border-radius: 50%;background: radial-gradient(circle at 35% 30%, color-mix(in srgb, var(--c) 45%, #fff), var(--c));box-shadow:inset 0 -2px 0 rgba(0, 0, 0, 0.1),0 6px 10px -6px rgba(40, 60, 55, 0.5);}.dots b{position: absolute;top: -1.6cqw;left: -1.6cqw;width: 13.2cqw;height: 13.2cqw;border-radius: 50%;box-shadow:0 0 0 1cqw var(--surface),0 0 0 1.8cqw var(--ink);animation: pick 6s ease-in-out 0.3s both;}@keyframes faceLow{0%{opacity: 0;transform: scale(0.9) rotate(-4deg);}10%,30%{opacity: 1;transform: none;}38%,100%{opacity: 0;transform: scale(0.97);}}@keyframes faceMid{0%,30%{opacity: 0;transform: scale(0.9) rotate(-4deg);}38%,63%{opacity: 1;transform: none;}70%,100%{opacity: 0;transform: scale(0.97);}}@keyframes faceHigh{0%,63%{opacity: 0;transform: scale(0.9) rotate(-4deg);}72%,100%{opacity: 1;transform: none;}}@keyframes pick{0%,30%{transform: translateX(0);}38%,63%{transform: translateX(30cqw);}72%,100%{transform: translateX(60cqw);}}.s-check .puff{left: 6cqw;top: 7cqw;width: 20cqw;opacity: 0.9;filter: var(--cloud-filter);}.s-check .sunny{right: 7cqw;top: 6cqw;width: 15cqw;}.s-plan,.s-prog{background: color-mix(in srgb, var(--surface) 70%, var(--bg));}.s-plan .card{left: 8cqw;top: 10cqw;width: 58cqw;padding: 3.4cqw 4cqw;}.step{display: flex;align-items: center;gap: 2.6cqw;padding: 2.3cqw 0;font-size: 3.4cqw;font-weight: 700;}.step + .step{border-top: 1px solid color-mix(in srgb, var(--ink) 9%, transparent);}.step > span:last-child{flex: 1;min-width: 0;}.step small{display: block;margin-top: 0.4cqw;color: var(--muted);font-size: 2.6cqw;}.step em{color: var(--accent);font-style: normal;}.box{position: relative;flex: none;width: 6.4cqw;height: 6.4cqw;border-radius: 50%;box-shadow: inset 0 0 0 0.5cqw color-mix(in srgb, var(--ink) 25%, transparent);}.box::after{content: '';position: absolute;inset: 0;border-radius: 50%;background: linear-gradient(180deg, var(--accent-hi), var(--accent-lo));transform: scale(0);animation: tick 0.45s cubic-bezier(0.2, 0.8, 0.3, 1) calc(var(--d) + 0.5s) both;}.box::before{content: '';position: absolute;z-index: 1;left: 30%;top: 22%;width: 22%;height: 42%;border: solid #fff;border-width: 0 0.7cqw 0.7cqw 0;transform: rotate(45deg) scale(0);animation: tick2 0.35s cubic-bezier(0.2, 0.8, 0.3, 1) calc(var(--d) + 0.7s) both;}.s-plan .sprout{right: 6cqw;bottom: 6cqw;width: 30cqw;transform-origin: 50% 100%;animation: grow 1.4s cubic-bezier(0.2, 0.8, 0.3, 1) 2.4s both;}@keyframes tick{from{transform: scale(0);}to{transform: scale(1);}}@keyframes tick2{from{transform: rotate(45deg) scale(0);}to{transform: rotate(45deg) scale(1);}}@keyframes grow{from{transform: scale(0.86);}}.s-calm{background: color-mix(in srgb, var(--accent) 12%, var(--surface));}.ring{position: absolute;left: 50%;top: 44%;width: 44cqw;height: 44cqw;margin: -22cqw 0 0 -22cqw;border: 2px dashed color-mix(in srgb, var(--accent) 40%, transparent);border-radius: 50%;animation: ring 8s ease-in-out infinite;}.ring.r2{width: 60cqw;height: 60cqw;margin: -30cqw 0 0 -30cqw;opacity: 0.6;animation-delay: -0.6s;}@keyframes ring{0%,100%{transform: scale(0.86);}50%{transform: scale(1.08);}}.s-calm .pillow{left: 33cqw;top: 23cqw;width: 34cqw;animation: breathe 8s ease-in-out infinite;}@keyframes breathe{0%,100%{transform: scale(0.9);}50%{transform: scale(1.12);}}.say{position: absolute;left: 0;right: 0;top: 67cqw;z-index: 3;color: var(--accent);font:600 4.4cqw Fredoka,system-ui,sans-serif;text-align: center;}.say span{position: absolute;left: 0;right: 0;animation: sayIn 8s infinite;}.say span + span{animation-name: sayOut;}@keyframes sayIn{0%,44%,100%{opacity: 1;}50%,94%{opacity: 0;}}@keyframes sayOut{0%,44%,100%{opacity: 0;}50%,94%{opacity: 1;}}.s-calm .wave{left: 4cqw;bottom: 3cqw;width: 22cqw;}.s-calm .bubbles{right: 6cqw;bottom: 8cqw;width: 17cqw;}.s-journal{background: color-mix(in srgb, var(--fur) 10%, var(--surface));}.s-journal .card{left: 10cqw;right: 10cqw;top: 15cqw;padding: 5cqw 5.5cqw;}.thought,.kinder{font:500 4.6cqw/1.3 Fredoka,system-ui,sans-serif;}.thought{position: relative;display: inline-block;animation: dim 0.4s ease 1.6s both;}.thought::after{content: '';position: absolute;left: -1cqw;right: -1cqw;top: 55%;height: 0.7cqw;border-radius: 1cqw;background: var(--cat-connect);transform: scaleX(0);transform-origin: 0 50%;animation: strike 0.6s ease-in-out 1s both;}@keyframes strike{from{transform: scaleX(0);}to{transform: scaleX(1);}}@keyframes dim{to{opacity: 0.45;}}.kinder{margin: 3cqw 0 0;color: var(--accent);opacity: 0;animation: kinder 0.7s cubic-bezier(0.2, 0.8, 0.3, 1) 2s both;}@keyframes kinder{from{opacity: 0;transform: translateY(2cqw);}to{opacity: 1;transform: none;}}.stream{position: absolute;left: 0;right: 0;bottom: 0;height: 24cqw;border-top: 2px dashed rgba(255, 255, 255, 0.7);background: linear-gradient(color-mix(in srgb, var(--accent) 22%, var(--surface)),color-mix(in srgb, var(--accent) 34%, var(--surface)));}.s-journal .leaf{left: 0;bottom: 5cqw;width: 20cqw;--to: 16cqw;animation: downstream 5s cubic-bezier(0.2, 0.8, 0.3, 1) 0.2s both;}.s-journal .l2{bottom: 9cqw;width: 15cqw;--to: 60cqw;animation-delay: 0.9s;}@keyframes downstream{from{transform: translateX(-25cqw) rotate(-6deg);}to{transform: translateX(var(--to)) rotate(2deg);}}.s-circle{background: color-mix(in srgb, #e8a79a 16%, var(--surface));}.orbit{position: absolute;left: 50%;top: 47%;width: 66cqw;height: 66cqw;margin: -33cqw 0 0 -33cqw;border: 2px dashed color-mix(in srgb, var(--ink) 18%, transparent);border-radius: 50%;animation: settle 2.4s cubic-bezier(0.2, 0.8, 0.3, 1) 0.2s both;}@keyframes settle{from{transform: rotate(-50deg);}}.who{position: absolute;left: 50%;top: 50%;transform: rotate(var(--a)) translateX(33cqw) rotate(calc(-1 * var(--a)));}.who i{position: absolute;left: -6.5cqw;top: -6.5cqw;display: grid;place-items: center;width: 13cqw;height: 13cqw;border-radius: 50%;background: radial-gradient(circle at 35% 30%,color-mix(in srgb, var(--ac) 55%, #fff),var(--ac));box-shadow:0 0 0 1cqw var(--surface),0 10px 16px -8px rgba(40, 60, 55, 0.5);color: #2e3b38;font:600 5cqw Fredoka,system-ui,sans-serif;font-style: normal;animation: upright 2.4s cubic-bezier(0.2, 0.8, 0.3, 1) 0.2s both;}@keyframes upright{from{transform: rotate(50deg);}}.who svg{width: 6cqw;height: 6cqw;}.hug{position: absolute;left: 50%;top: 50%;width: 7cqw;height: 6.2cqw;margin: -3.1cqw 0 0 -3.5cqw;background: center / contain no-repeat;opacity: 0;animation: toMe 1.8s ease-in var(--d) both;}.playing .hug{background-image: url('/landing/felt-heart.3776f2bd7d.webp');}@keyframes toMe{0%{opacity: 0;transform: rotate(var(--a)) translateX(30cqw) scale(0.5);}15%{opacity: 1;}80%{opacity: 1;transform: rotate(var(--a)) translateX(11cqw) scale(1);}100%{opacity: 0;transform: rotate(var(--a)) translateX(7cqw) scale(0.6);}}.s-circle .me{left: 37cqw;top: 31cqw;z-index: 2;width: 26cqw;animation: happy 0.7s ease-in-out 2.5s both;}@keyframes happy{35%{transform: scale(1.06, 0.95);}70%{transform: scale(0.98, 1.03);}}.bubble{position: absolute;right: 5cqw;top: 17cqw;z-index: 4;padding: 1.8cqw 3.4cqw;border-radius: 99px;background: var(--surface);box-shadow: 0 12px 20px -12px rgba(40, 60, 55, 0.5);font-size: 3.2cqw;font-weight: 700;white-space: nowrap;animation: pop 0.5s cubic-bezier(0.2, 0.8, 0.3, 1) 2.6s both;}.bubble b{color: var(--cat-connect);}@keyframes pop{from{opacity: 0;transform: translateY(2cqw) scale(0.9);}to{opacity: 1;transform: none;}}.s-prog .card{left: 9cqw;right: 9cqw;top: 10cqw;height: 52cqw;}.bars,.days{position: absolute;left: 5cqw;right: 5cqw;display: flex;gap: 2.6cqw;}.bars{top: 6cqw;bottom: 9cqw;align-items: flex-end;}.bars i{flex: 1;height: var(--h);border-radius: 2.4cqw 2.4cqw 1cqw 1cqw;background: var(--c);transform: scaleY(0.05);transform-origin: 50% 100%;animation: bar 0.9s cubic-bezier(0.2, 0.8, 0.3, 1) calc(var(--d) + 0.4s) both;}.bars .walk{box-shadow:0 0 0 0.7cqw var(--surface),0 0 0 1.3cqw var(--accent);}@keyframes bar{from{transform: scaleY(0.05);}to{transform: scaleY(1);}}.days{bottom: 3.4cqw;color: var(--muted);font-size: 2.6cqw;font-weight: 700;}.days span{flex: 1;text-align: center;}.insight{position: absolute;left: 14cqw;top: 66cqw;display: flex;align-items: center;gap: 2cqw;padding: 2cqw 3.6cqw 2cqw 2.4cqw;border-radius: 99px;background: var(--surface);box-shadow: 0 14px 24px -14px rgba(40, 60, 55, 0.5);font-size: 3.4cqw;font-weight: 700;opacity: 0;animation: pop2 0.5s cubic-bezier(0.2, 0.8, 0.3, 1) 1.9s both;}.insight i{width: 3.6cqw;height: 3.6cqw;border-radius: 50%;background: var(--accent);box-shadow: 0 0 0 1cqw color-mix(in srgb, var(--accent) 25%, transparent);}@keyframes pop2{from{opacity: 0;transform: translateY(2cqw) scale(0.94);}to{opacity: 1;transform: none;}}.s-prog .stones{right: 6cqw;bottom: 5cqw;width: 19cqw;}.trio{display: grid;grid-template-columns: repeat(3, minmax(0, 1fr));gap: 28px;padding: 60px var(--gutter) 120px;}.tile{position: relative;padding: 38px 34px 36px;border-radius: 32px;background: var(--surface);box-shadow:inset 0 2px 0 var(--soft-highlight),0 22px 40px -28px rgba(40, 70, 64, 0.45);}.tile::after{content: '';position: absolute;inset: 9px;border: 2px dashed var(--stitch);border-radius: 24px;pointer-events: none;}.tile .ic{width: 84px;height: 84px;margin-bottom: 22px;object-fit: contain;filter: drop-shadow(0 8px 10px rgba(40, 60, 55, 0.22));}.tile h3{margin: 0 0 10px;font:600 1.5rem Fredoka,system-ui,sans-serif;}.tile p{font-size: 1.08rem;line-height: 1.5;}.night{--night-ink: #ecefec;--night-muted: #a3aca8;position: relative;isolation: isolate;min-height: 640px;padding: 150px var(--gutter) 200px;overflow: hidden;background: linear-gradient(#16201f, #22302d);color: var(--night-ink);}.night::before{content: '';position: absolute;inset: 0;z-index: -1;background: url('/landing/felt.85b07b1462.webp') 0 0 / 180px;opacity: 0.65;pointer-events: none;}.night-copy{position: relative;z-index: 3;}.night h2{max-width: 560px;font-size: clamp(2.4rem, 1.4rem + 3vw, 3.6rem);line-height: 1.05;}.night p{margin: 22px 0 34px;color: var(--night-muted);font-size: clamp(1.05rem, 0.95rem + 0.4vw, 1.3rem);}.night .ctas .btn{font-size: 1.1rem;}.star{position: absolute;left: var(--x);top: var(--y);width: var(--s);height: var(--s);background: #fff3c4;clip-path: polygon(50% 0, 62% 38%, 100% 50%, 62% 62%, 50% 100%, 38% 62%, 0 50%, 38% 38%);filter: drop-shadow(0 0 4px rgba(255, 240, 190, 0.8));animation: twinkle 3.2s ease-in-out 4 var(--d);}@keyframes twinkle{0%,100%{opacity: 0.25;scale: 0.7;}50%{opacity: 1;scale: 1;}}.night img{position: absolute;height: auto;}.moon2{right: 10.4vw;top: 90px;width: 120px;filter: drop-shadow(0 0 30px rgba(255, 236, 170, 0.35));}.sleeper{right: 16vw;bottom: 70px;z-index: 2;width: 330px;transform-origin: 50% 90%;filter: drop-shadow(0 18px 22px rgba(0, 0, 0, 0.4));animation: snooze 4.5s ease-in-out 3;}@keyframes snooze{0%,100%{scale: 1 1;rotate: 0deg;}25%{rotate: -1.2deg;}50%{scale: 1.012 1.02;}75%{rotate: 1.2deg;}}.zz{position: absolute;right: calc(16vw + 20px);bottom: 330px;z-index: 3;color: #8fd6cf;font:600 1.6rem Fredoka,system-ui,sans-serif;opacity: 0;animation: zz 4.5s ease-out 3;}.zz.z2{font-size: 1.2rem;animation-delay: 1.5s;}.zz.z3{font-size: 1rem;animation-delay: 3s;}@keyframes zz{0%{opacity: 0;transform: none;}20%{opacity: 0.9;}100%{opacity: 0;transform: translate(26px, -60px);}}.night .hill{height: 230px;z-index: 1;}.night .hill.front{z-index: 3;}.night .hill path:last-child{stroke: rgba(255, 255, 255, 0.7);}.night .hill.front path:last-child{stroke: rgba(255, 255, 255, 0.25);}.foot{position: absolute;left: var(--gutter);right: var(--gutter);bottom: 28px;z-index: 4;display: flex;flex-wrap: wrap;align-items: center;justify-content: space-between;gap: 16px 24px;padding-top: 22px;border-top: 1px solid rgba(255, 255, 255, 0.08);color: var(--night-muted);font-size: 0.92rem;}.foot nav{display: flex;gap: 22px;}.foot a{color: var(--night-ink);font-weight: 700;text-decoration: none;}.foot a[href]:hover{text-decoration: underline;}.js .reveal{transition:opacity 0.7s ease-out,transform 0.7s cubic-bezier(0.2, 0.8, 0.3, 1);}.js .reveal:not(.seen){opacity: 0;transform: translateY(28px);}.js .anim:not(.playing):not(.go) *,.js .anim:not(.playing):not(.go) *::before,.js .anim:not(.playing):not(.go) *::after,.js .once:not(.go) *,.js .once:not(.go) *::before,.js .once:not(.go) *::after{animation-play-state: paused;}.once.again *,.once.again *::before,.once.again *::after{animation-name: none !important;}@media (prefers-color-scheme: dark){.s-circle{background: color-mix(in srgb, #e8a79a 8%, var(--surface));}}@media (max-width: 959px){.feat{grid-template-columns: minmax(0, 1fr);gap: 26px;max-width: 640px;margin: 0 auto;padding: 40px 20px;}.feat.flip .demo{order: 0;}.feat h2{margin-bottom: 12px;}.demo{aspect-ratio: 7 / 6;border-radius: 34px;}.demo::after{inset: 9px;border-radius: 26px;}.trio{grid-template-columns: minmax(0, 1fr);gap: 16px;max-width: 640px;margin: 0 auto;padding: 30px 20px 60px;}.tile{display: grid;grid-template-columns: 64px 1fr;align-items: center;gap: 4px 16px;padding: 24px 22px;}.tile .ic{grid-row: span 2;width: 64px;height: 64px;margin: 0;}.tile h3{margin: 0;font-size: 1.2rem;}.tile p{font-size: 0.98rem;line-height: 1.45;}}@media (max-width: 959px){.night{min-height: 720px;padding: 70px 20px 330px;}.night p{margin: 16px 0 28px;}.star{left: var(--px);top: var(--py);}.moon2{top: auto;right: 26px;bottom: 300px;width: 62px;}.night .hill:not(.front) path:last-child{stroke: none;}.sleeper{left: 50%;right: auto;bottom: 118px;width: 180px;margin-left: -90px;}.zz{left: calc(50% + 55px);right: auto;bottom: 280px;}.night .hill{height: 210px;}.foot{left: 20px;right: 20px;bottom: 20px;flex-direction: column;align-items: flex-start;padding-top: 16px;font-size: 0.85rem;}}@media (prefers-reduced-motion: reduce){.more *,.more *::before,.more *::after,.night *,.night *::before,.night *::after{animation: none !important;}.js .reveal{transition: none;}.js .reveal:not(.seen){opacity: 1;transform: none;}.s-check .face{opacity: 0;}.s-check .f3{opacity: 1;}.dots b{transform: translateX(60cqw);}.box::after{transform: scale(1);}.box::before{transform: rotate(45deg) scale(1);}.say span + span,.hug,.zz{opacity: 0;}.thought{opacity: 0.45;}.thought::after{transform: scaleX(1);}.kinder,.insight,.bubble,.star{opacity: 1;}.bars i{transform: none;}.s-journal .leaf{transform: translateX(var(--to)) rotate(2deg);}}.foot .langs{display: flex;flex-wrap: wrap;gap: 4px 14px;}.foot .langs a[aria-current='page']{font-weight: 700;text-decoration: none;}