@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@400;500;600;700;800;900&display=swap');:root{--ink:#38124f;--purple:#8332c5;--pink:#dc3fd7;--muted:#5c5670}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;font-family:Nunito,Arial,sans-serif;color:var(--ink);background:#fff;overflow-x:hidden}a{text-decoration:none;color:inherit}button{font:inherit}.header{height:86px;display:flex;align-items:center;justify-content:space-between;gap:20px;padding:0 max(3%,calc((100vw - 1320px)/2));position:relative;z-index:20;background:#ffffffdd;backdrop-filter:blur(18px);box-shadow:0 2px 24px #c9c4f233}.brand{display:flex;align-items:center;gap:12px;min-width:245px}.brand strong{display:block;font-size:30px;font-weight:900;letter-spacing:-1.7px;color:#6c1d96;line-height:1.1}.brand small{font-size:12px;display:block;text-align:center;font-weight:800}.bubbles{position:relative;width:55px;height:55px;flex:none}.bubbles i{position:absolute;border-radius:50%;box-shadow:inset -6px -6px 8px #8d57ac33}.bubbles i:nth-child(1){width:35px;height:35px;background:#49d4f4;top:0;left:0}.bubbles i:nth-child(2){width:34px;height:34px;background:#b956e8;top:5px;left:22px}.bubbles i:nth-child(3){width:34px;height:34px;background:#ffbd16;top:25px;left:12px}.header nav{display:flex;gap:23px;align-items:center}.header nav a{font-size:14px;font-weight:900;white-space:nowrap}.header nav a:hover{color:var(--purple)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:12px;padding:16px 25px;border-radius:50px;background:linear-gradient(110deg,#e448db,#7932c3 75%,#54217c);color:white;font-weight:900;box-shadow:0 9px 18px #8b2cba29;text-align:center;transition:transform .2s}.btn:hover{transform:translateY(-3px)}.btn-small{font-size:14px;padding:13px 21px;white-space:nowrap}.btn-outline{background:#ffffffaa;color:#592178;border:2px solid #bb8ce7;box-shadow:0 5px 16px #b78ee82b}.menu{display:none;border:0;background:#fff;color:#5d2380;font-size:26px}.hero{position:relative;isolation:isolate;overflow:hidden;background:linear-gradient(125deg,#a8e7ff 0%,#b5d8ff 35%,#e7d6ff 72%,#b8f0f4);padding:30px max(3%,calc((100vw - 1320px)/2)) 30px}.hero:before{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 70% 20%,#fff9 0,transparent 34%),radial-gradient(ellipse at 25% 50%,#ffffffb8 0,transparent 35%)}.sun{position:absolute;width:380px;height:380px;left:48%;top:10px;border-radius:50%;background:radial-gradient(circle,#fff7c8bb,transparent 67%);z-index:-1}.balloon{position:absolute;left:38%;top:25px;font-size:72px;filter:drop-shadow(3px 7px 5px #ab8da866)}.hero-inner{min-height:470px;display:grid;grid-template-columns:42% 58%;align-items:center}.hero-copy{position:relative;z-index:5;padding:20px 0}.eyebrow{font-size:14px;font-weight:900;color:#8c38ac}.hero h1{font-size:clamp(36px,4.1vw,60px);line-height:1.09;letter-spacing:-2px;margin:18px 0 20px;font-weight:900}.hero h1 em{font-style:normal;color:#622181}.hero-copy p{font-size:19px;line-height:1.48;max-width:465px;font-weight:700}.actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}.actions .btn{font-size:14px}.hero-art{height:475px;position:relative}.hero-art img{position:absolute;object-fit:contain;filter:drop-shadow(0 16px 14px #64428b36);z-index:3}.hero-pih{height:420px;left:20%;top:26px;transform:rotate(-7deg);z-index:6!important}.hero-lala{height:250px;left:-1%;top:186px;transform:rotate(-12deg);z-index:5!important}.hero-fox{height:255px;right:13%;top:182px;transform:rotate(6deg)}.hero-tuki{height:215px;right:-2%;top:224px;transform:rotate(-5deg)}.cloud-quote{position:absolute;right:1%;top:5px;width:215px;min-height:112px;border-radius:50% 45% 48% 46%;background:#fff9f9e8;box-shadow:0 8px 30px #e9b5e78a;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;transform:rotate(-4deg);z-index:8;padding:16px}.cloud-quote b{font-size:24px;color:#8a2ab5;font-weight:900}.cloud-quote span{font-size:14px;line-height:1.25;font-weight:900}.cloud{position:absolute;bottom:-20px;height:130px;border-radius:50%;background:#fff8ff;box-shadow:45px -30px 0 15px #fff9ff,110px -12px 0 25px #f4e5ff,185px -25px 0 15px #fff,255px 2px 0 30px #f5edff;z-index:7;pointer-events:none}.cloud-a{width:150px;left:3%}.cloud-b{width:150px;right:19%;bottom:-12px}.benefits{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;position:relative;z-index:9}.benefits>div{background:#fffcffdc;border-radius:90px;min-height:112px;display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center;box-shadow:0 8px 20px #b8a1d72a}.benefits span{font-size:35px}.benefits b{font-size:15px;line-height:1.2}.section{padding:75px max(4%,calc((100vw - 1240px)/2))}.section h2{font-size:clamp(30px,3.4vw,48px);letter-spacing:-1.3px;line-height:1.16;margin:0 0 15px;font-weight:900}.directions{text-align:center;background:linear-gradient(#fff,#f7fdff)}.lead{font-size:17px;color:var(--muted);max-width:700px;margin:0 auto 35px;line-height:1.5}.direction-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px}.direction{text-align:left;border-radius:30px;overflow:hidden;min-width:0;box-shadow:0 14px 24px #5c46761a;transition:transform .2s}.direction:hover{transform:translateY(-5px)}.lilac{background:#f1e5ff}.yellow{background:#fff2cd}.mint{background:#e2f8ee}.blue{background:#e0f3ff}.portrait{height:210px;display:flex;align-items:end;justify-content:center;overflow:hidden;background:radial-gradient(ellipse at 50% 70%,#ffffffd9,transparent 70%)}.portrait img{max-width:90%;height:98%;object-fit:contain;filter:drop-shadow(0 7px 7px #8b6d9730)}.direction-body{padding:18px 20px 24px;min-height:228px;position:relative}.character{font-size:13px;font-weight:900;color:#9d39b4}.direction h3{font-size:23px;margin:5px 0 8px;letter-spacing:-.6px}.direction p{font-size:15px;line-height:1.35;margin:0 0 30px;color:#5e4b69}.direction-body>a{position:absolute;right:20px;bottom:20px;background:white;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;font-size:23px;color:#6f3297}.landscape{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;padding:52px 5% 70px;background:radial-gradient(ellipse at 50% 115%,#a7e98c 0,#dff5be 40%,#f7fdff 72%);font-weight:900}.about{display:grid;grid-template-columns:1.25fr .75fr;align-items:center;gap:40px;background:#f7f0ff}.about p,.founders p{font-size:18px;line-height:1.65;color:#5e5470}.chips{display:flex;flex-wrap:wrap;gap:10px}.chips span{background:white;padding:10px 16px;border-radius:30px;font-weight:800}.about-art{background:radial-gradient(circle,#fff 0,#ebd7ff 65%,transparent 70%);text-align:center}.about-art img{height:300px;max-width:100%;object-fit:contain}.people{text-align:center}.people-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.person{background:#f6f1ff;border-radius:25px;padding:20px}.person img{width:100%;aspect-ratio:4/3;object-fit:cover;border-radius:18px}.person h3{margin:12px 0 0}.person p{color:var(--muted)}.placeholder{min-height:170px;border:2px dashed #b9a8d5;border-radius:20px;display:grid;place-items:center;color:#827396;background:#faf7ff;text-align:center;padding:20px}.certificates{text-align:center;background:#f4faff}.certificate-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.certificate-grid img{width:100%;max-height:320px;object-fit:contain;background:white;border-radius:20px;padding:12px}.founders{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:center;background:#fff9e7}.founder-photo{min-height:260px;border:2px dashed #dccba6;border-radius:28px;display:grid;place-items:center;color:#8e7d65}.founder-photo img{width:100%;max-height:380px;object-fit:cover;border-radius:25px}.contact{background:linear-gradient(130deg,#b6eaff,#f0dcff)}.contact-box{background:#ffffffd9;border-radius:40px;padding:50px;text-align:center;box-shadow:0 20px 50px #a588c72b}.contact-box>p{font-size:18px}.contact-actions{display:flex;justify-content:center;gap:14px;flex-wrap:wrap;margin:28px 0}.contact-info{display:flex;justify-content:space-around;gap:20px;flex-wrap:wrap;padding-top:25px;border-top:1px solid #e6d9f1}.contact-info>div{display:flex;flex-direction:column;gap:6px}.contact-info b{color:#8034a7}footer{padding:28px 5%;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;background:#42205e;color:white;font-size:14px}footer b{font-size:20px}@media(max-width:1050px){.header nav{gap:10px}.header nav a{font-size:12px}.brand{min-width:190px}.brand strong{font-size:24px}.hero-inner{grid-template-columns:45% 55%}.hero-art{transform:scale(.9);transform-origin:center}.direction h3{font-size:19px}.direction-body{padding:15px}.direction p{font-size:14px}}@media(max-width:760px){.header{height:72px;padding:0 16px}.brand{min-width:0;gap:8px}.brand strong{font-size:23px}.brand small{font-size:10px}.bubbles{transform:scale(.75);width:42px;transform-origin:left center}.header>.btn{display:none}.menu{display:block}.header nav{display:none;position:absolute;top:70px;left:0;right:0;background:white;padding:20px;box-shadow:0 12px 15px #5552;flex-direction:column;align-items:start;gap:18px}.header nav.open{display:flex}.header nav a{font-size:16px}.hero{padding:25px 16px 35px}.hero-inner{display:flex;flex-direction:column;min-height:0}.hero-copy{text-align:center;padding:10px 0 0}.hero h1{font-size:clamp(31px,8vw,43px);letter-spacing:-1.3px;margin:12px 0}.hero-copy p{font-size:16px;max-width:560px;margin:0 auto}.actions{justify-content:center;margin-top:20px}.actions .btn{padding:13px 17px;font-size:13px}.hero-art{width:min(100%,500px);height:360px;transform:none;margin:15px auto 0}.hero-pih{height:305px;left:23%;top:20px}.hero-lala{height:185px;left:-1%;top:145px}.hero-fox{height:182px;right:10%;top:151px}.hero-tuki{height:153px;right:-5%;top:174px}.cloud-quote{width:150px;min-height:75px;top:0;right:0;padding:8px}.cloud-quote b{font-size:17px}.cloud-quote span{font-size:10px}.cloud{transform:scale(.65);transform-origin:bottom left}.cloud-b{transform-origin:bottom right}.benefits{grid-template-columns:repeat(2,1fr);gap:9px}.benefits>div{min-height:90px}.benefits span{font-size:27px}.benefits b{font-size:12px}.section{padding:54px 18px}.direction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.portrait{height:175px}.direction-body{min-height:190px;padding:12px}.direction h3{font-size:18px}.direction p{font-size:13px}.landscape{padding:40px 15px;gap:20px}.landscape span{width:43%;font-size:13px}.about,.founders{grid-template-columns:1fr;gap:20px}.about-art img{height:240px}.people-grid,.certificate-grid{grid-template-columns:repeat(2,1fr)}.contact-box{padding:28px 18px;border-radius:25px}.contact-info{flex-direction:column}footer{flex-direction:column;gap:8px}}@media(max-width:420px){.hero-art{height:320px}.hero-pih{height:275px;left:22%;top:25px}.hero-lala{height:163px;left:-3%;top:142px}.hero-fox{height:163px;right:9%;top:147px}.hero-tuki{height:135px;right:-5%;top:175px}.cloud-quote{width:120px;right:0}.cloud-quote b{font-size:14px}.cloud-quote span{font-size:9px}.direction-grid{grid-template-columns:1fr;max-width:390px;margin:auto}.portrait{height:240px}.direction-body{min-height:160px;padding:18px}.direction h3{font-size:24px}.direction p{font-size:15px}.people-grid,.certificate-grid{grid-template-columns:1fr}.hero h1{font-size:34px}}

/* Version 2 — tighter mobile composition, unclipped characters, compact service cards */
@media (max-width:760px){
 .header{height:68px;position:relative}.brand strong{font-size:21px}.brand small{font-size:9px}.bubbles{transform:scale(.67);width:38px}
 .hero{padding:18px 15px 22px;background:linear-gradient(145deg,#b4e9ff 0%,#d7e6ff 49%,#eee0ff 85%,#d4f5ff)}
 .hero-inner{gap:0}.hero-copy{padding:3px 0 0}.eyebrow{font-size:12px}.hero h1{font-size:clamp(29px,7.1vw,37px);line-height:1.1;letter-spacing:-.9px;margin:10px 0 12px}.hero-copy p{font-size:14px;line-height:1.43;font-weight:700;max-width:430px}
 .actions{gap:9px;margin-top:17px}.actions .btn{padding:11px 17px;font-size:12px;min-height:43px}.actions .btn:first-child{background:linear-gradient(105deg,#dd45da,#7021a8)}
 .balloon{font-size:39px;left:78%;top:12px;opacity:.78}.sun{width:190px;height:190px;left:52%;top:70px}
 .hero-art{height:278px;width:min(100%,430px);margin:2px auto 0;overflow:visible}
 .hero-pih{height:248px;left:25%;top:7px;transform:rotate(-5deg)}
 .hero-lala{height:146px;left:1%;top:116px;transform:rotate(-8deg)}
 .hero-fox{height:145px;right:7%;top:120px;transform:rotate(5deg)}
 .hero-tuki{height:124px;right:-1%;top:141px;transform:rotate(-5deg)}
 .cloud-quote{width:125px;min-height:67px;top:0;right:0;z-index:9}.cloud-quote b{font-size:14px}.cloud-quote span{font-size:9px}
 .cloud{z-index:2;bottom:-17px;opacity:.75;transform:scale(.43)}.cloud-a{left:-8%}.cloud-b{right:-9%;bottom:-15px}
 .benefits{gap:8px;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:0}.benefits>div{border-radius:25px;min-height:76px;padding:7px 3px}.benefits span{font-size:22px}.benefits b{font-size:10px;line-height:1.16}
 .section{padding:42px 16px}.section h2{font-size:30px}.directions .lead{font-size:13px;line-height:1.4;margin-bottom:20px}
 .direction-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;max-width:660px;margin:0 auto}.direction{border-radius:24px}.portrait{height:150px}.portrait img{height:100%;max-width:96%}.direction-body{min-height:160px;padding:12px 12px 43px}.direction h3{font-size:17px;line-height:1.12;margin:4px 0 8px;overflow-wrap:anywhere}.direction p{font-size:12px;line-height:1.35;margin:0}.character{font-size:12px}.direction-body>a{right:12px;bottom:11px;width:31px;height:31px;font-size:19px}
 .landscape{padding:25px 12px 32px;gap:14px}.landscape span{width:45%;font-size:12px}
 .about-art img{height:190px}
}
@media (max-width:420px){
 .hero h1{font-size:30px}.hero-art{height:265px}.hero-pih{height:230px;left:25%;top:14px}.hero-lala{height:139px;left:-1%;top:118px}.hero-fox{height:133px;right:7%;top:122px}.hero-tuki{height:115px;right:-2%;top:145px}
 .direction-grid{grid-template-columns:repeat(2,minmax(0,1fr));max-width:none}.portrait{height:145px}.direction-body{min-height:169px}.direction h3{font-size:16px}.direction p{font-size:12px}.character{font-size:11px}
}
@media (max-width:350px){.direction-grid{grid-template-columns:1fr}.portrait{height:185px}.direction-body{min-height:135px}.hero h1{font-size:27px}.benefits b{font-size:9px}}

/* Version 3 — deliberate mobile composition; no overlapping mascots or cloud overlays */
.hero-art .cloud{display:none!important}
.hero-art img{filter:drop-shadow(0 7px 8px rgba(75,39,94,.14))}
.afk-feature{display:grid;grid-template-columns:1.15fr .85fr;gap:28px;align-items:center;background:linear-gradient(125deg,#f2eaff,#e4f6ff)}
.afk-copy h2{margin:10px 0 16px}.afk-copy p{font-size:18px;line-height:1.65;color:#5e5470}
.afk-tags{display:flex;flex-wrap:wrap;gap:9px;margin:20px 0 24px}.afk-tags span{padding:9px 14px;background:#fff;border-radius:30px;font-weight:800;color:#6b298f}
.afk-visual{min-height:300px;display:flex;justify-content:center;align-items:center;background:radial-gradient(ellipse,#fff9 0,transparent 68%)}.afk-visual img{max-width:100%;height:320px;object-fit:contain}
.founders p{margin:0 0 18px}
@media(max-width:760px){
 .hero{padding:20px 16px 26px}
 .hero-inner{display:flex;flex-direction:column}
 .hero-copy{width:100%}.hero h1{font-size:clamp(29px,7vw,38px)}
 .hero-art{width:100%;max-width:440px;height:auto;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:5px;margin:12px auto 10px;padding:68px 0 0;overflow:visible}
 .hero-art img,.hero-art .hero-pih,.hero-art .hero-lala,.hero-art .hero-fox,.hero-art .hero-tuki{position:static!important;transform:none!important;top:auto!important;left:auto!important;right:auto!important;height:auto!important;width:100%!important;max-width:100%;object-fit:contain;align-self:end;z-index:auto!important}
 .hero-art .hero-pih{grid-column:2;grid-row:1;transform:scale(1.2)!important;transform-origin:bottom center!important}
 .hero-art .hero-lala{grid-column:1;grid-row:1}
 .hero-art .hero-fox{grid-column:3;grid-row:1}
 .hero-art .hero-tuki{grid-column:4;grid-row:1}
 .hero-art .cloud-quote{top:0;right:4%;width:148px;min-height:65px;z-index:4}
 .hero-art .cloud-quote b{font-size:16px}.hero-art .cloud-quote span{font-size:10px}
 .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:10px auto 0;max-width:500px}
 .benefits>div{min-height:82px;border-radius:24px;padding:10px}.benefits span{font-size:24px}.benefits b{font-size:12px}
 .afk-feature{grid-template-columns:1fr;gap:12px;text-align:left}.afk-copy p{font-size:15px}.afk-visual{min-height:0}.afk-visual img{height:225px}
 .founders p{font-size:16px;line-height:1.55}
}
@media(max-width:420px){
 .hero-art{padding-top:74px;gap:2px}
 .hero-art .hero-pih{transform:scale(1.16)!important}
 .hero-art .cloud-quote{width:125px;right:0;top:2px}
 .benefits{grid-template-columns:repeat(2,minmax(0,1fr))}
 .benefits b{font-size:11px}
 .direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}

/* V5: reference-inspired puffy cloud stage; decorative layers never intercept taps */
.hero{background:linear-gradient(130deg,#a9e5ff 0%,#b8d8ff 42%,#e7d9ff 75%,#bcefff 100%)}
.hero:after{content:"";position:absolute;top:0;left:0;right:0;height:190px;pointer-events:none;z-index:0;background:radial-gradient(ellipse 160px 70px at 5% 24%,#fff9 0 65%,transparent 70%),radial-gradient(ellipse 135px 60px at 94% 28%,#fff8 0 66%,transparent 72%),radial-gradient(ellipse 100px 43px at 72% 8%,#fff8 0 65%,transparent 72%);opacity:.72}
.hero-inner{position:relative;z-index:2}
.hero-art{isolation:isolate}
.hero-art:after{content:"";position:absolute;pointer-events:none;z-index:7;bottom:-18px;left:-5%;width:110%;height:125px;background:url('assets/cloud-bank.svg') center bottom/100% 100% no-repeat}
.hero-art img{z-index:5}
.cloud-quote{border-radius:47% 53% 43% 56% / 53% 46% 55% 47%;box-shadow:0 8px 28px #b98ad64d,inset 0 -9px 18px #e9d5ff75;background:linear-gradient(#fff,#fff6ff)}
.benefits{position:relative;z-index:10}
.benefits>div{background:radial-gradient(ellipse at 50% 32%,#fff 0%,#fffafd 62%,#f5e8ff 100%);border-radius:48% 52% 44% 50% / 46% 49% 46% 49%;box-shadow:0 10px 22px #a48cbe3b,inset 0 -5px 9px #e7d8f85c;position:relative}
.benefits>div:before,.benefits>div:after{content:"";position:absolute;z-index:-1;background:#fffaff;border-radius:50%;width:45%;height:68%;top:5%}
.benefits>div:before{left:-5%}.benefits>div:after{right:-5%}
.directions{position:relative;background:linear-gradient(#fff 0%,#f8fdff 75%,#f6fffc)}
@media(max-width:760px){
 .hero{padding-bottom:24px}
 .hero:after{height:120px;background:radial-gradient(ellipse 75px 38px at 8% 17%,#fff9 0 70%,transparent 75%),radial-gradient(ellipse 95px 43px at 91% 25%,#fff8 0 70%,transparent 75%)}
 .hero-art{padding-bottom:35px!important;margin-bottom:0!important}
 .hero-art:after{height:83px;bottom:-2px;left:-4%;width:108%;z-index:3}
 .hero-art img,.hero-art .hero-pih,.hero-art .hero-lala,.hero-art .hero-fox,.hero-art .hero-tuki{position:relative!important;z-index:5!important}
 .hero-art .cloud-quote{z-index:8}
 .benefits{gap:13px 12px;margin-top:0}
 .benefits>div{min-height:95px;border-radius:48% 52% 44% 50% / 45% 49% 46% 49%;padding:12px 7px}
 .benefits>div:before,.benefits>div:after{width:38%;height:57%;top:12%}
}
@media(max-width:420px){.hero-art:after{height:68px}.hero-art{padding-bottom:30px!important}.benefits>div{min-height:90px}.benefits b{font-size:11px}}

/* V6: new complete mascots, true transparent fairytale clouds, mobile-first composition */
.hero-art{isolation:isolate}
.hero-art:after{display:none!important}
.hero-art .fairytale-clouds{position:absolute!important;display:block!important;width:118%!important;max-width:none!important;height:auto!important;left:-9%!important;right:auto!important;top:auto!important;bottom:-12%!important;z-index:1!important;transform:none!important;filter:drop-shadow(0 18px 22px #9677bd35)!important;pointer-events:none}
.hero-art img:not(.fairytale-clouds){z-index:4!important}
.cloud-quote{background:radial-gradient(ellipse at 50% 38%,white 15%,#fffaff 65%,#eee1ff);border-radius:50% 55% 48% 53%;box-shadow:0 12px 26px #8869a94d,inset 0 -8px 12px #e8d4f6;z-index:9!important}
.cloud-quote:before,.cloud-quote:after{content:"";position:absolute;background:inherit;border-radius:50%;z-index:-1;box-shadow:inset 0 -4px 8px #eee2ff}
.cloud-quote:before{width:55%;height:70%;left:-12%;top:15%}.cloud-quote:after{width:55%;height:70%;right:-12%;top:8%}
.hero-support{position:relative;z-index:10;text-align:center;max-width:740px;margin:10px auto 28px;font-size:16px;line-height:1.45;font-weight:800;color:#4b2b65}
.hero-copy .actions{max-width:100%}
.benefits>div{border-radius:50% 50% 45% 50%;}
.about{grid-template-columns:1fr}.about>div{max-width:850px;margin:auto}.about-art{display:none}
.founders{display:block}.founders-story{max-width:860px;margin:0 auto}.story-photo{border:2px dashed #d4bde5;background:#fffef7;border-radius:30px;min-height:240px;display:grid;place-items:center;text-align:center;color:#8d7c96;font-weight:800;margin:22px 0 30px}.story-photo img{display:block;width:100%;max-height:520px;object-fit:cover;border-radius:27px}
@media(min-width:761px){.hero-art .fairytale-clouds{bottom:-48px!important}.hero-pih{height:415px;left:19%;top:24px}.hero-lala{height:275px;left:-1%;top:162px}.hero-fox{height:270px;right:10%;top:175px}.hero-tuki{height:235px;right:-3%;top:206px}.hero-art{height:490px}.cloud-quote{right:2%;top:8px}.hero-support{margin:20px auto 25px}}
@media(max-width:760px){
 .hero{padding:16px 14px 24px}
 .hero-copy .eyebrow{font-size:12px}
 .hero h1{font-size:clamp(29px,7.6vw,39px);line-height:1.1;margin:12px 0 17px}
 .hero-copy .actions{margin:16px auto 0;justify-content:center}
 .actions .btn{font-size:13px;padding:14px 18px;max-width:100%}
 .hero-art{display:grid!important;grid-template-columns:repeat(4,minmax(0,1fr));align-items:end;gap:0!important;width:100%;max-width:520px;height:340px!important;margin:8px auto 0!important;padding:90px 0 55px!important}
 .hero-art .hero-lala,.hero-art .hero-pih,.hero-art .hero-fox,.hero-art .hero-tuki{width:125%!important;max-width:none!important;height:auto!important;align-self:end;object-fit:contain;position:relative!important;transform:none!important;filter:drop-shadow(0 9px 7px #654c8d35)!important}
 .hero-art .hero-lala{grid-column:1;grid-row:1;left:-4%!important}
 .hero-art .hero-pih{grid-column:2;grid-row:1;left:-10%!important;transform:scale(1.18)!important;transform-origin:bottom center!important}
 .hero-art .hero-fox{grid-column:3;grid-row:1;left:-11%!important}
 .hero-art .hero-tuki{grid-column:4;grid-row:1;left:-15%!important}
 .hero-art .fairytale-clouds{width:140%!important;left:-20%!important;bottom:5px!important;z-index:1!important}
 .hero-art .cloud-quote{width:155px;min-height:85px;top:2px;right:8%;padding:10px}
 .hero-art .cloud-quote b{font-size:17px}.hero-art .cloud-quote span{font-size:11px}
 .hero-support{font-size:13px;margin:6px auto 25px;max-width:440px}
 .benefits{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin:0 auto 10px}
 .benefits>div{min-height:95px;border-radius:48% 52% 45% 52%}
 .story-photo{min-height:180px;margin:18px 0 25px}
 .founders-story p{font-size:16px;line-height:1.55}
}
@media(max-width:420px){.hero-art{height:290px!important;padding:76px 0 47px!important}.hero-art .cloud-quote{right:5%;width:136px;min-height:74px}.hero-art .cloud-quote b{font-size:15px}.hero-art .cloud-quote span{font-size:10px}.hero h1{font-size:30px}.hero-art .fairytale-clouds{bottom:2px!important}.benefits>div{min-height:88px}}

/* V7: clean optimized assets, mobile-first readable hero and story */
.hero-art .fairytale-clouds{filter:drop-shadow(0 12px 12px #9c84bd30)!important}
.cloud-quote{background:radial-gradient(ellipse at 40% 25%,#fff 0%,#fffaff 68%,#eadbfa 100%)}
.founders{background:linear-gradient(145deg,#fff9e7,#f8edff)}
.founders-story p{line-height:1.7}
.story-photo{max-width:740px;margin:22px auto 30px}
@media(max-width:760px){
.hero-art{max-width:520px}
.hero-art .fairytale-clouds{bottom:-8px!important}
.hero-support{margin:20px auto 20px;line-height:1.5}
.founders-story p{font-size:16px;line-height:1.6}
.story-photo{min-height:180px}
}
@media(max-width:420px){.direction-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;max-width:none!important;gap:10px!important}.portrait{height:155px!important}.direction-body{padding:11px!important;min-height:200px!important}.direction h3{font-size:17px!important}.direction p{font-size:12px!important}.direction .character{font-size:12px!important}.hero-art{height:315px!important}.hero-art .fairytale-clouds{bottom:0!important}.hero-support{margin:20px auto!important}}

/* v8: detail page and accessible buttons */
.afk-actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:20px}.afk-actions .btn{font-size:15px}.afk-detail{max-width:1050px;margin:auto}.afk-detail h1{font-size:clamp(32px,5vw,55px);line-height:1.12}.afk-detail h2{font-size:clamp(24px,3vw,35px);margin-top:35px}.afk-detail p{font-size:18px;line-height:1.65;color:#5c5670}.afk-detail .detail-lead{font-size:21px}.detail-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.detail-grid article{background:#f5efff;padding:22px;border-radius:24px}.detail-grid h3{font-size:23px;margin:0}.detail-grid p{font-size:16px}.backlink{display:block;margin-bottom:24px;color:#7932c3;font-weight:900}@media(max-width:700px){.detail-grid{grid-template-columns:1fr}.afk-actions{flex-direction:column}.afk-actions .btn{width:100%}}

/* Страницы направлений */
.portrait-link{display:flex;align-items:end;justify-content:center;width:100%;height:100%}.portrait-link img{max-width:90%;height:98%;object-fit:contain}.detail-hero{border-radius:34px;padding:28px;margin:0 0 28px;display:grid;grid-template-columns:1.4fr .6fr;align-items:center;gap:15px;background:linear-gradient(115deg,#f1e6ff,#e7f6ff)}.detail-hero.fox{background:linear-gradient(115deg,#e4f8ef,#f4eaff)}.detail-hero.owl{background:linear-gradient(115deg,#e2f2ff,#f1e8ff)}.detail-hero img{max-width:100%;max-height:280px;object-fit:contain;filter:drop-shadow(0 12px 16px #7c57aa22)}.detail-hero h1{margin:8px 0 15px}.detail-hero p{margin:0}.detail-note{background:#fff8e8;border-radius:20px;padding:18px 22px;margin:26px 0}.detail-cta{margin:28px 0 10px}@media(max-width:650px){.detail-hero{grid-template-columns:1fr;text-align:center;padding:22px 15px}.detail-hero img{max-height:230px;margin:auto}.detail-hero h1{font-size:34px}.detail-hero p{font-size:17px}.detail-cta{width:100%}}
/* V10: gentle lightweight motion; no animation assets */
@keyframes cloudFloat{0%,100%{translate:0 0}50%{translate:0 -9px}}
@keyframes mascotFloat{0%,100%{translate:0 0}50%{translate:0 -7px}}
@keyframes buttonGlow{0%,100%{box-shadow:0 8px 22px #8d36c333}50%{box-shadow:0 10px 30px #d43bd455}}
@media (prefers-reduced-motion:no-preference){
 .hero-art .fairytale-clouds{animation:cloudFloat 9s ease-in-out infinite}
 .hero-art .hero-lala,.hero-art .hero-pih,.hero-art .hero-fox,.hero-art .hero-tuki{animation:mascotFloat 4.5s ease-in-out infinite}
 .hero-art .hero-pih{animation-delay:-1.2s}.hero-art .hero-fox{animation-delay:-2.4s}.hero-art .hero-tuki{animation-delay:-3.2s}
 .btn{transition:box-shadow .3s ease,filter .3s ease}.hero .btn{animation:buttonGlow 5s ease-in-out infinite}
 .direction{transition:translate .25s ease,box-shadow .25s ease}
 .direction:hover{translate:0 -5px;box-shadow:0 16px 35px #65428725}
 .direction:active{scale:.985}
}
.specialist-intro{display:grid;grid-template-columns:145px 1fr;gap:22px;align-items:center;margin:0 0 26px;padding:18px;background:linear-gradient(115deg,#f7efff,#eaf6ff);border-radius:26px}
.specialist-photo{height:170px;border:2px dashed #cbb4e7;border-radius:21px;background:#ffffffa8;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:9px;text-align:center;color:#8665aa;font-size:14px;font-weight:700}
.specialist-photo .photo-icon{font-size:34px}.specialist-meta h2{font-size:clamp(20px,3vw,29px)!important;margin:6px 0!important;color:#45135c}.specialist-meta p{font-size:17px!important;color:#8537a7!important;margin:0 0 7px!important;font-weight:700}.specialist-meta small{font-size:13px;color:#71667e}.specialist-kicker{color:#9241b5;font-size:13px;font-weight:800}
@media(max-width:560px){.specialist-intro{grid-template-columns:100px 1fr;gap:13px;padding:12px}.specialist-photo{height:132px;font-size:11px}.specialist-meta h2{font-size:19px!important}.specialist-meta p{font-size:14px!important}.specialist-meta small{font-size:11px}}

/* Version 11: people, activity previews and gentle accessible motion */
.specialist-photo.has-image{padding:0;overflow:hidden;border:0;background:#fff;box-shadow:0 8px 22px #704c9c20}
.specialist-photo.has-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 24%}
.specialist-intro{grid-template-columns:minmax(145px,245px) 1fr;align-items:center}
.specialist-meta h2{overflow-wrap:anywhere}
.session-section{margin:44px 0 26px}
.session-section>p{color:#6b6278;line-height:1.6}
.session-photo-placeholder{min-height:220px;border:2px dashed #c9b3e8;border-radius:28px;background:linear-gradient(125deg,#f9f1ff,#e9f8ff);display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;gap:12px;padding:24px;color:#4a225f}
.session-photo-placeholder .session-icon{font-size:38px}
.session-photo-placeholder strong{font-size:22px}
.session-photo-placeholder span:not(.session-icon){max-width:470px;line-height:1.5}
.session-photo-placeholder small{color:#806b95}
@keyframes mascot-bob{0%,100%{transform:translateY(0) rotate(-2deg)}50%{transform:translateY(-12px) rotate(2deg)}}
@keyframes mascot-wave{0%,100%{transform:translateY(0) rotate(3deg)}50%{transform:translateY(-9px) rotate(-3deg)}}
.mascot-detail{animation:mascot-bob 4.4s ease-in-out infinite;transform-origin:50% 90%}
.mascot-fox{animation:mascot-wave 3.7s ease-in-out infinite}
.mascot-tuki{animation:mascot-bob 5.1s ease-in-out infinite}
.detail-grid article{transition:transform .25s ease,box-shadow .25s ease}
@media(hover:hover){.detail-grid article:hover{transform:translateY(-5px);box-shadow:0 12px 28px #542b8b16}}
@media(max-width:560px){.specialist-intro{grid-template-columns:116px minmax(0,1fr)}.specialist-photo{height:150px}.specialist-meta h2{font-size:18px!important}.session-photo-placeholder{min-height:190px}}
@media(prefers-reduced-motion:reduce){.mascot-detail{animation:none}.detail-grid article{transition:none}}

/* Version 12: lightweight movement and photo examples */
.session-showcase{margin:32px auto 38px;max-width:950px;border-radius:28px;overflow:hidden;background:#f4eefe;box-shadow:0 14px 35px rgba(77,27,104,.09)}
.session-showcase img{width:100%;display:block;aspect-ratio:2.65/1;object-fit:cover}
.session-showcase figcaption{padding:12px 18px;color:#6d6480;font-size:13px;line-height:1.5;text-align:center}
.hero-lala,.hero-pih,.hero-fox,.hero-tuki{animation:mascotFloat 4.5s ease-in-out infinite;transform-origin:50% 85%}
.hero-pih{animation-delay:-1.1s}.hero-fox{animation-delay:-2.2s}.hero-tuki{animation-delay:-3.1s}
.portrait img{transition:transform .45s ease}.portrait-link:hover img{transform:rotate(-4deg) translateY(-9px) scale(1.04)}
.mascot-alive{animation:mascotSway 5s ease-in-out infinite;transform-origin:50% 90%}
@keyframes mascotFloat{0%,100%{translate:0 0}50%{translate:0 -11px}}
@keyframes mascotSway{0%,100%{rotate:-3deg;translate:0 0}50%{rotate:3deg;translate:0 -9px}}
@media(prefers-reduced-motion:reduce){.hero-lala,.hero-pih,.hero-fox,.hero-tuki,.mascot-alive{animation:none!important}.portrait img{transition:none}}
@media(max-width:650px){.session-showcase{border-radius:20px;margin:26px 0}.session-showcase img{aspect-ratio:1.7/1}.session-showcase figcaption{font-size:11px}}

/* Version 14 – varied living mascots, fairy-tale cloud typography, no photo captions */
.session-showcase figcaption{display:none!important}
.afk-detail-mascot{display:flex;justify-content:center;margin:2px auto 25px;max-width:430px}
.afk-detail-mascot img{display:block;width:min(100%,360px);height:auto;max-height:370px;object-fit:contain;animation:mascotSway 4.2s ease-in-out infinite}
/* On mobile the hedgehog introduces the whole AФК feature before its copy */
@media(max-width:760px){
.afk-feature{display:flex!important;flex-direction:column!important;gap:10px!important}
.afk-feature .afk-visual{order:-1!important;display:flex!important;justify-content:center!important;align-items:center!important;min-height:205px!important;margin:0 auto 8px!important;width:100%!important}
.afk-feature .afk-visual img{display:block!important;height:205px!important;width:auto!important;max-width:90%!important;object-fit:contain!important}
.afk-feature .afk-copy{order:1!important}
.afk-detail-mascot img{width:min(76vw,290px);max-height:290px}
}
/* Each puffy white silhouette is a different hand-drawn cloud, not a pill shape */
.hero .benefits{gap:9px 7px!important;max-width:700px!important}
.hero .benefits>div{background:transparent url('assets/benefit-cloud-1.svg') center/100% 100% no-repeat!important;border-radius:0!important;box-shadow:none!important;min-height:155px!important;display:flex!important;flex-direction:column!important;justify-content:center!important;align-items:center!important;padding:25px 12px 23px!important;isolation:isolate}
.hero .benefits>div:before,.hero .benefits>div:after{content:none!important;display:none!important}
.hero .benefits>div:nth-child(2){background-image:url('assets/benefit-cloud-2.svg')!important}
.hero .benefits>div:nth-child(3){background-image:url('assets/benefit-cloud-3.svg')!important}
.hero .benefits>div:nth-child(4){background-image:url('assets/benefit-cloud-4.svg')!important}
.hero .benefits>div span{font-size:35px!important;line-height:1.05!important;filter:drop-shadow(0 2px 2px #9b65a43d)}
.hero .benefits>div b{font-family:'Nunito',sans-serif!important;font-size:clamp(18px,2.1vw,24px)!important;font-weight:900!important;line-height:1.12!important;letter-spacing:-.4px!important;text-align:center!important;color:#58217a!important;text-shadow:0 2px 0 #fff,0 3px 7px #c693de33}
@media(max-width:760px){.hero .benefits>div{min-height:158px!important;padding:28px 8px!important}.hero .benefits>div b{font-size:clamp(17px,4.4vw,22px)!important}.hero .benefits>div span{font-size:31px!important}}
@media(max-width:360px){.hero .benefits>div b{font-size:16px!important}.hero .benefits>div{min-height:142px!important}}
@media(prefers-reduced-motion:reduce){.afk-detail-mascot img{animation:none!important}}

/* Version 15 — real family section photography selected by the founders */
.family-gallery{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;margin:24px auto 32px;max-width:900px}
.family-gallery img{display:block;width:100%;height:100%;aspect-ratio:4/3;object-fit:cover;object-position:center;border-radius:22px;box-shadow:0 12px 28px #73487924;background:#f1e9ef}
.family-gallery-top img:first-child{object-position:center 43%}
.family-gallery-bottom img:first-child{object-position:center 35%}
.family-gallery-bottom img:last-child{object-position:center 47%}
@media(max-width:650px){.family-gallery{gap:11px;margin:20px auto 27px;grid-template-columns:1fr}.family-gallery img{aspect-ratio:4/3;border-radius:18px}.family-gallery-bottom img:first-child{aspect-ratio:1/1;object-position:center 34%}}
/* Longer geographical information must fit comfortably inside the cloud */
.hero .benefits>div:nth-child(4) b{font-size:clamp(15px,1.75vw,21px)!important;line-height:1.14!important}
@media(max-width:760px){.hero .benefits>div:nth-child(4) b{font-size:clamp(12px,3.1vw,17px)!important;letter-spacing:-.35px!important}}

/* v16: messenger contact buttons */
.contact-actions .messenger-btn{display:inline-flex!important;align-items:center;justify-content:center;gap:10px;min-height:58px;padding:16px 22px;font-size:17px;border-radius:22px;line-height:1.15;white-space:normal;}
.contact-actions .telegram-btn{background:linear-gradient(115deg,#2ba4e7,#176db7);color:white;border:0;}
.contact-actions .max-btn{background:linear-gradient(115deg,#6658f5,#a33be1);color:white;border:0;box-shadow:0 9px 18px #7656d633;}
.contact-actions .messenger-icon{width:30px;height:30px;display:grid;place-items:center;border-radius:50%;font-size:22px;line-height:1;background:#ffffff33;flex-shrink:0;}
.contact-actions .max-btn .messenger-icon{font-size:19px;position:relative;}
.contact-actions .max-btn .messenger-icon::after{content:'';position:absolute;left:9px;bottom:5px;width:8px;height:6px;background:#fff;clip-path:polygon(0 0,100% 0,0 100%);}
@media(max-width:760px){.contact-actions{flex-direction:column;align-items:stretch;gap:12px}.contact-actions .messenger-btn{width:100%;font-size:17px}}

/* Family founder sign-off — v19 */
.founders-signature{margin:24px 0 4px;text-align:right;font-size:clamp(18px,2.3vw,25px);font-weight:600;color:#603079;line-height:1.55}.founders-signature span{display:block;font-family:"Comic Sans MS","Trebuchet MS",cursive;font-size:clamp(27px,3.3vw,38px);font-weight:700;color:#7a34a2;letter-spacing:.015em}@media(max-width:600px){.founders-signature{margin:24px 8px 4px;text-align:right}.founders-signature span{font-size:30px}}