/* Polina's mobile feedback, 27 October 2026. */
.button,.button.button-outline{color:#39264e;border:1px solid transparent;border-radius:25px;background:linear-gradient(112deg,#f5d8f1 0%,#d4c3f8 22%,#b8dce9 44%,#f5e9fa 62%,#d8b4ec 82%,#eccafa 100%) padding-box,linear-gradient(145deg,#fff 7%,#a796cf 30%,#fff 48%,#ae8fcc 72%,#faf0ff) border-box;background-size:230% 100%,100% 100%;box-shadow:inset 0 2px 2px #fff,inset 0 -5px 6px #8a5caa45,inset 3px 0 8px #fff9,0 5px 0 #9c7ab9,0 9px 2px #d4bedf90,0 15px 28px #9e71c135;position:relative;overflow:hidden;isolation:isolate;font-weight:800;justify-content:center;animation:pearlFlow 9s ease-in-out infinite,pearlBreathe 5s ease-in-out infinite;transition:transform .25s,filter .25s;transform:translateY(0)}
.button::before{content:"";position:absolute;inset:3px 6px 44%;border-radius:22px 22px 45% 45%;background:linear-gradient(#fff9,#ffffff08);pointer-events:none;z-index:-1}
.button::after{content:"";position:absolute;top:-45%;left:-75%;width:35%;height:190%;background:linear-gradient(90deg,transparent,#ffffffa8,transparent);transform:skewX(-24deg);animation:pearlShine 7s ease-in-out infinite;pointer-events:none;z-index:-1}
.button:hover,.button.button-outline:hover{background:linear-gradient(112deg,#f5d8f1,#d4c3f8 22%,#b8dce9 44%,#f5e9fa 62%,#d8b4ec 82%,#eccafa) padding-box,linear-gradient(145deg,#fff,#ad92ca,#fff) border-box;background-size:230% 100%,100% 100%;color:#39264e;filter:brightness(1.035);transform:translateY(-2px);box-shadow:inset 0 2px 2px #fff,inset 0 -5px 6px #8a5caa45,0 7px 0 #9c7ab9,0 18px 32px #9e71c140}
.button:active,.button.button-outline:active{transform:translateY(4px);box-shadow:inset 0 2px 2px #fff,inset 0 -2px 5px #8a5caa35,0 1px 0 #9c7ab9;filter:none}
.button>span[aria-hidden],.button .button-arrow{display:none}.hero-cta{justify-content:center;min-height:61px}.button:focus-visible{outline:3px solid #6c4492;outline-offset:6px}
@keyframes pearlFlow{0%,100%{background-position:0% 50%,0 0}50%{background-position:100% 50%,0 0}}
@keyframes pearlBreathe{0%,100%{filter:drop-shadow(0 0 0 #c4a4e900)}50%{filter:drop-shadow(0 0 9px #c4a4e970)}}
@keyframes pearlShine{0%,60%{left:-75%}86%,100%{left:145%}}
.project-list summary>b,.faq-list summary>b{position:relative;width:42px;height:42px;flex-basis:42px;border:0;background:none!important;box-shadow:none;font-size:0!important;color:transparent}
.project-list summary>b::before,.project-list summary>b::after,.faq-list summary>b::before,.faq-list summary>b::after{content:"";position:absolute;left:50%;top:50%;width:11px;height:32px;border:1px solid #c5a9dc;border-radius:5px;background:linear-gradient(100deg,#c1c7ed,#f9e6fa 30%,#dcc8f1 47%,#a8dbe9 66%,#e5b3df 85%,#fff);box-shadow:inset 2px 1px 2px #fff,2px 3px 3px #80519d30;transform:translate(-50%,-50%)}
.project-list summary>b::after,.faq-list summary>b::after{transform:translate(-50%,-50%) rotate(90deg)}
.project-path{position:relative;overflow:clip;padding:44px;border:1px solid #ddcde9;border-radius:32px;background:radial-gradient(ellipse at 100% 0,#d2c3ed65,transparent 60%),linear-gradient(140deg,#faf7fd,#f2edf8);box-shadow:inset 0 1px #fff}
.project-path header{position:relative;z-index:1;max-width:900px}.project-path .section-label{margin-bottom:24px}.project-path h2{font-size:46px;line-height:1.1;max-width:780px}.project-path-intro{margin:24px 0 0;max-width:760px;font-size:18px;line-height:1.5}.project-path-intro p{margin-bottom:16px}.project-path-details{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:30px;border-top:1px solid #d9c9e6;padding-top:27px;margin-top:27px}.project-path-details h3{color:#72508f;font-size:22px;line-height:1.2;margin-bottom:12px}.project-path-details p{font-size:17px;line-height:1.5;margin:0}
.ambient-art{position:absolute;pointer-events:none;user-select:none;width:210px;height:210px;object-fit:contain;animation:ambientTurn 42s linear infinite;opacity:.5;z-index:0}.project-path>.ambient-art{right:-95px;top:-94px;width:270px;height:270px;opacity:.3}.examples{position:relative;isolation:isolate}.examples>.ambient-art{top:0;right:-65px;opacity:.38;z-index:-1}.author-star-slot{width:250px;height:250px}.author-star-slot img{animation:ambientTurn 48s linear infinite}
@keyframes ambientTurn{from{rotate:-12deg}to{rotate:348deg}}
.povod-copy h3{max-width:650px}.povod-copy>.button{margin-top:10px}.povod-demo{padding-bottom:0}.povod-case{margin-top:38px}.fan-static{padding-bottom:0}
.learning-route{display:grid;grid-template-columns:1fr 1fr;gap:0 36px}.learning-route>div{position:relative;display:block;padding:21px 0 21px 44px;border-bottom:1px solid var(--line);min-width:0}.learning-route>div>span{position:absolute;left:0;top:25px;font:500 12px/1.4 Geologica;color:#806294}.learning-route h3{font-size:22px;line-height:1.2;margin:0 0 8px}.learning-route p{font-size:15px;line-height:1.4;margin:0}.learning-route>div>span::after{display:none}
.guides-top{margin-bottom:0}.instruction-folder{margin-top:6px}.folder-toggle{height:490px}.single-folder-back{width:600px;height:315px;bottom:35px;border:2px solid #c6abdd;background:linear-gradient(125deg,#d1b9e8,#e3d9f1 55%,#cbdce9);box-shadow:inset 0 2px #fff,0 20px 40px #78509d1a}.single-folder-back::before{top:-29px;left:-2px;background:linear-gradient(120deg,#d1b9e8,#e4d5f2);border:2px solid #c6abdd;border-bottom:0}.single-folder-front{width:560px;height:206px;bottom:35px;background:linear-gradient(125deg,#fdfaffed,#e3d5efeb 65%,#e3e9f3e8);box-shadow:inset 0 2px #fff,0 12px 30px #73528d22}.folder-sheet{bottom:119px}.instruction-folder[data-open=true] .folder-sheet{transform:translateX(calc(-50% + var(--slot)*105px)) translateY(calc(-55px + var(--slot)*var(--slot)*9px)) rotate(calc(var(--slot)*9deg))}
.case-display{padding:25px;border:1px solid #dfd2eb;border-radius:30px;background:linear-gradient(140deg,#f7f1fcbb,#fff);gap:18px 36px;grid-template-columns:minmax(0,1.05fr) minmax(0,1fr);align-items:center;overflow:clip}.case-stage{grid-column:1;grid-row:1/span 2;height:470px;width:100%;margin:0;background:none}.case-tabs{grid-column:2;grid-row:1;margin:0;align-self:end;justify-content:flex-start}.case-copy{grid-column:2;grid-row:2;padding:0;border:0;border-radius:0;background:none;align-self:start;min-width:0}.case-person{display:none}.case-copy h3{font-size:27px;line-height:1.15;margin:0 0 12px}.case-copy article>p{font-size:15px;line-height:1.4;margin:0 0 12px}.case-copy .case-comment{font-size:11px;color:#675275;margin-top:10px}.case-testimonial{margin:0;border-radius:11px;max-width:390px}.case-testimonial figcaption{display:none}.case-tabs>button{min-height:44px}.case-status:empty,#case-status:empty{display:none}#case-status{font-size:12px;line-height:1.4;margin:10px 0 0}.case-screen{height:calc(100% - 25px);top:10px}
.join{display:block;max-width:900px;text-align:center}.join-content{max-width:690px;margin:auto}.join .lead{margin-inline:auto}.join-content>p:not(.lead){max-width:580px;margin-inline:auto}.join-art{margin:2px auto 5px;min-height:0;height:auto;width:min(320px,100%);position:relative}.join-art .mappi-frame{width:100%;padding:0;mix-blend-mode:multiply}.join-art .mappi-video{width:100%;height:auto;aspect-ratio:1;display:block;border-radius:0;background:transparent;mask-image:radial-gradient(ellipse 49% 49% at 50% 50%,#000 55%,#000c 73%,transparent 100%);-webkit-mask-image:radial-gradient(ellipse 49% 49% at 50% 50%,#000 55%,#000c 73%,transparent 100%)}.join .button{max-width:580px;margin:0 auto 18px;min-height:63px}.join .conditions-note{font-size:13px!important;line-height:1.45}
@media(max-width:1000px){.case-display{column-gap:20px;padding:20px}.case-tabs{gap:4px}.case-tabs>button{gap:6px;padding:6px}.case-tabs>button[aria-selected=true]{padding:6px 10px 6px 6px}.case-tabs>button>img{width:26px;height:26px}.case-tabs>button>span{font-size:11px}.case-copy h3{font-size:25px}.single-folder-back{width:85%}.single-folder-front{width:80%}.folder-sheet{width:145px}.instruction-folder[data-open=true] .folder-sheet{transform:translateX(calc(-50% + var(--slot)*80px)) translateY(calc(-60px + var(--slot)*var(--slot)*9px)) rotate(calc(var(--slot)*9deg))}}
@media(max-width:700px){.button,.button.button-outline{border-radius:23px;min-height:58px;padding:16px 20px;font-size:15px}.header>.button{min-height:44px;font-size:11px;padding:10px 13px}.project-list summary>b{width:40px;height:40px}.project-path{padding:28px 22px;border-radius:24px}.project-path h2{font-size:clamp(28px,8.5vw,35px)}.project-path .section-label{font-size:10px;margin-bottom:21px}.project-path-intro{font-size:16px;line-height:1.45;margin-top:21px}.project-path-intro p:last-child{margin-bottom:0}.project-path-details{grid-template-columns:1fr;gap:23px;padding-top:23px;margin-top:23px}.project-path-details h3{font-size:20px;margin-bottom:9px}.project-path-details p{font-size:15px;line-height:1.45}.project-path>.ambient-art{width:190px;height:190px;right:-88px;top:-87px}.examples>.ambient-art{width:165px;height:165px;right:-45px;top:-25px}.author-star-slot{width:145px;height:145px;right:-5px;top:-50px}.povod-copy h3{font-size:29px;line-height:1.13}.povod-copy p{font-size:16px;line-height:1.45}.povod-copy>.button{font-size:14px;min-height:53px;width:100%}.povod-case{margin-top:30px;padding-top:30px}.learning-route{grid-template-columns:1fr}.learning-route>div{padding:17px 0 17px 34px}.learning-route>div>span{top:21px;font-size:10px}.learning-route h3{font-size:19px;line-height:1.2;margin-bottom:6px}.learning-route p{font-size:14px;line-height:1.35}.guides.section{padding-top:40px}.guides-top .lead{margin-bottom:0}.instruction-folder{margin-top:2px}.folder-toggle{height:333px;overflow:clip}.single-folder-back{width:92%;height:202px;bottom:27px;border-radius:12px 18px 20px 20px}.single-folder-back::before{height:25px;top:-24px;width:38%;border-radius:10px 15px 0 0}.single-folder-front{width:85%;height:139px;bottom:27px;padding:20px;border-radius:12px 12px 20px 20px}.single-folder-front strong{font-size:20px}.single-folder-front>span{font-size:12px;margin-top:8px}.single-folder-front small{font-size:10px;margin-top:12px}.folder-sheet{width:clamp(84px,26vw,110px);bottom:99px;padding:3px 3px 5px}.instruction-folder[data-open=true] .folder-sheet{transform:translateX(calc(-50% + var(--slot)*clamp(33px,10.5vw,45px))) translateY(calc(-55px + var(--slot)*var(--slot)*7px)) rotate(calc(var(--slot)*10deg))}.folder-caption{font-size:11px;margin-top:0}.case-display{display:grid;grid-template-columns:minmax(0,1fr);padding:15px 12px 18px;gap:11px;margin-top:22px;border-radius:24px}.case-stage{grid-column:1;grid-row:1;height:220px;width:100%;margin:0;border-radius:0}.case-screen{height:calc(100% - 12px);top:4px;border-width:3px;border-radius:14px;box-shadow:0 9px 17px #30283f18}.case-screen video{border-radius:10px}.case-screen[data-position="-1"]{transform:translateX(calc(-50% - 54px)) rotate(-10deg) scale(.86)}.case-screen[data-position="1"]{transform:translateX(calc(-50% + 54px)) rotate(10deg) scale(.86)}.case-tabs{grid-column:1;grid-row:2;width:100%;margin:0;gap:6px;justify-content:center;align-self:auto}.case-tabs>button,.case-tabs>button[aria-selected=true]{padding:5px 9px;min-height:40px;gap:6px}.case-tabs>button>img{width:24px;height:24px}.case-tabs>button>span{font-size:11px;max-width:100px;opacity:1}.case-copy{grid-column:1;grid-row:3;padding:0 2px;align-self:auto}.case-copy h3{font-size:21px;line-height:1.15;margin-bottom:8px}.case-copy article>p{font-size:13px;line-height:1.4;margin-bottom:10px}.case-testimonial{margin:0;max-width:100%;border-radius:9px}.case-copy .case-comment{font-size:10px;margin-top:10px}.join{text-align:center}.join h2{font-size:34px}.join .lead{font-size:18px}.join-art{width:min(246px,80%);margin:0 auto 3px;min-height:0;height:auto}.join-art .mappi-video{width:100%;height:auto}.join-content>p:not(.lead){font-size:15px}.join .button{min-height:61px}.join .conditions-note{font-size:12px!important;line-height:1.45}}
@media(max-width:350px){.case-display{padding-inline:9px}.case-stage{height:200px}.case-tabs{gap:2px}.case-tabs>button,.case-tabs>button[aria-selected=true]{padding:5px 7px;gap:4px}.case-tabs>button>span{font-size:10px}.case-tabs>button>img{width:22px;height:22px}.case-copy h3{font-size:20px}.folder-toggle{height:315px}.single-folder-back{height:190px}.single-folder-front{height:133px}.single-folder-front strong{font-size:18px}.folder-sheet{width:84px}.project-path{padding-inline:19px}}
.examples>.ambient-art{right:65px;top:12px}
.author-star-slot{max-width:100%;min-width:0}
@media(max-width:700px){.examples>.ambient-art{right:45px;top:10px}.author-star-slot{right:15px}}
@media(max-width:700px){.single-folder-back{width:96%;height:230px}.case-stage{height:clamp(165px,26svh,220px)}}
.case-tabs>button,.case-tabs>button[aria-selected=true]{min-height:44px}
.learning-route>div,.learning-route>div+div{display:block;padding:21px 0 21px 44px;border-left:0}
.learning-route>div>span{margin:0}.learning-route p{max-width:none}
@media(max-width:700px){.learning-route>div,.learning-route>div+div{display:block;padding:17px 0 17px 34px}}
@media(max-width:700px){.learning-top{gap:20px}}
@media(max-width:700px){.author-intro .author-star-slot{top:-85px}}
@media(prefers-reduced-motion:reduce){.button,.button::after,.ambient-art,.author-star-slot img{animation:none!important}.project-list summary>b,.faq-list summary>b{transition:none}.folder-sheet,.single-folder-front{transition:none}}