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

:root{--ink:#24334b;--cream:#fffaf1;--coral:#f47d6c;--yellow:#ffd66b;--blue:#82c9e8;--green:#91d4b4;--purple:#a98bd4;--paper:#fff;--muted:#647083}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:"Vazirmatn",Tahoma,sans-serif;line-height:1.8}a{color:inherit;text-decoration:none}main{overflow:hidden}.site-header{height:88px;max-width:1240px;margin:auto;display:flex;align-items:center;gap:45px;padding:0 28px;border-bottom:1px solid rgba(36,51,75,.1)}.brand{display:flex;align-items:center;gap:12px;margin-left:auto}.brand-mark{width:48px;height:48px;border-radius:50% 50% 45% 55%;background:var(--coral);display:grid;place-items:center;color:#fff;position:relative;transform:rotate(-5deg);box-shadow:inset 0 -4px rgba(0,0,0,.08)}.brand-mark i{font-style:normal;font-size:25px}.brand-mark b{position:absolute;font-size:12px;top:5px;left:7px;color:var(--yellow)}.brand strong,.brand small{display:block;line-height:1.45}.brand strong{font-size:20px}.brand small{font-size:11px;color:var(--muted)}nav{display:flex;gap:32px;font-size:14px;font-weight:600}nav a{transition:.2s}nav a:hover{color:var(--coral)}.header-cta,.primary{background:var(--ink);color:white;border-radius:14px;padding:12px 21px;font-weight:700;font-size:14px;box-shadow:0 6px 0 rgba(36,51,75,.13);transition:.2s}.header-cta:hover,.primary:hover{transform:translateY(-2px)}
.hero{min-height:690px;max-width:1240px;margin:auto;padding:70px 32px 55px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.eyebrow,.kicker{color:#dc6959;font-weight:700;font-size:14px}.eyebrow{display:inline-flex;align-items:center;gap:9px;background:#fff0e9;padding:7px 13px;border-radius:20px}.eyebrow i{width:8px;height:8px;background:var(--coral);border-radius:50%}.hero h1{font-size:68px;line-height:1.25;margin:20px 0 20px;letter-spacing:-2px}.hero h1 em{font-style:normal;color:var(--coral);position:relative}.hero h1 em:after{content:"";position:absolute;height:9px;border-top:4px solid var(--yellow);border-radius:50%;bottom:-7px;right:8px;left:8px;transform:rotate(-2deg)}.hero-copy>p{font-size:18px;color:var(--muted);max-width:580px}.hero-actions{display:flex;gap:25px;align-items:center;margin:32px 0}.primary{display:inline-flex;gap:18px;align-items:center;padding:14px 24px}.primary span{font-size:20px}.text-link{font-weight:700}.trust-row{display:flex;gap:45px;border-top:1px dashed #c8c3b9;padding-top:26px;margin-top:35px}.trust-row div{display:flex;flex-direction:column}.trust-row strong{font-size:24px;color:var(--coral)}.trust-row span{font-size:12px;color:var(--muted)}
.hero-art{height:520px;position:relative;background:#dff2ec;border-radius:48% 52% 42% 58% / 51% 43% 57% 49%;box-shadow:16px 16px 0 #f8d98b}.sun{position:absolute;width:68px;height:68px;background:var(--yellow);border-radius:50%;top:47px;left:55px}.note{position:absolute;font-weight:900;color:var(--coral);font-size:38px;animation:float 4s ease-in-out infinite}.n1{top:65px;right:70px}.n2{top:145px;right:34px;animation-delay:.8s}.n3{top:100px;right:175px;animation-delay:1.5s}.rainbow{position:absolute;bottom:92px;left:35px;width:180px;height:100px;overflow:hidden}.rainbow i{position:absolute;border:18px solid var(--coral);border-bottom:0;border-radius:100px 100px 0 0;inset:0}.rainbow i:nth-child(2){inset:18px;border-color:var(--yellow)}.rainbow i:nth-child(3){inset:36px;border-color:var(--blue)}.child{position:absolute;right:135px;bottom:88px;width:145px;height:260px}.face{position:absolute;top:35px;right:38px;width:78px;height:82px;border-radius:46% 46% 48% 48%;background:#efb08a;border:5px solid #24334b}.hair{position:absolute;z-index:2;top:19px;right:31px;width:89px;height:53px;border-radius:60px 60px 20px 20px;background:#3b2e35}.body{position:absolute;top:108px;right:25px;width:100px;height:125px;border-radius:40px 40px 18px 18px;background:var(--purple);border:5px solid #24334b}.arm{position:absolute;top:125px;width:25px;height:105px;background:#efb08a;border:5px solid #24334b;border-radius:20px;transform-origin:top}.a1{right:15px;transform:rotate(-42deg)}.a2{left:0;transform:rotate(42deg)}.xylophone{position:absolute;bottom:54px;right:65px;width:280px;height:78px;transform:rotate(-4deg);display:flex;gap:3px;align-items:center}.xylophone i{height:45px;flex:1;background:var(--coral);border:4px solid var(--ink);border-radius:7px}.xylophone i:nth-child(2){height:50px;background:var(--yellow)}.xylophone i:nth-child(3){height:55px;background:var(--blue)}.xylophone i:nth-child(4){height:60px;background:var(--green)}.xylophone i:nth-child(5){height:65px;background:var(--purple)}.xylophone i:nth-child(6){height:70px;background:var(--coral)}.ground{position:absolute;bottom:15px;left:75px;right:75px;border-bottom:5px solid var(--ink)}.ground span{position:absolute;width:18px;height:34px;border:4px solid var(--ink);border-radius:50%;bottom:-3px}.ground span:nth-child(1){right:40px}.ground span:nth-child(2){right:70px;height:25px}.ground span:nth-child(3){left:30px}@keyframes float{50%{transform:translateY(-10px) rotate(8deg)}}
.services{background:var(--paper);padding:100px max(32px,calc((100% - 1180px)/2));}.section-head{display:flex;justify-content:space-between;align-items:end;gap:40px;margin-bottom:44px}.section-head h2,.about h2,.workshops h2,.certificates h2,.contact h2{font-size:38px;line-height:1.45;margin:6px 0}.section-head p{max-width:440px;color:var(--muted)}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}.service-card{min-height:330px;padding:28px;border-radius:28px;position:relative;transition:.25s;border:2px solid var(--ink);box-shadow:6px 7px 0 var(--ink)}.service-card:hover{transform:translateY(-7px)}.service-card.coral{background:#ffd9d2}.service-card.yellow{background:#fff0b8}.service-card.blue{background:#d9f1fb}.service-card.green{background:#dff3e9}.service-card .icon{width:58px;height:58px;background:white;border-radius:18px;display:grid;place-items:center;font-size:28px;border:2px solid var(--ink)}.service-card small{position:absolute;top:30px;left:28px;font-weight:800}.service-card h3{font-size:20px;margin:28px 0 10px}.service-card p{font-size:14px;color:#536075}.service-card a{position:absolute;bottom:25px;font-size:13px;font-weight:800}
.about{max-width:1140px;margin:0 auto;padding:110px 32px;display:grid;grid-template-columns:.9fr 1.1fr;gap:100px;align-items:center}.portrait-card{height:540px;border-radius:46% 46% 26px 26px;background:var(--yellow);position:relative;border:2px solid var(--ink);box-shadow:-14px 14px 0 #dcefe7}.portrait-placeholder{position:absolute;inset:30px 30px 0;border-radius:48% 48% 20px 20px;background:#eec2ad;display:grid;place-content:center;text-align:center;color:white}.portrait-placeholder span{font-size:62px;font-weight:900;line-height:1}.portrait-placeholder small{margin-top:18px}.sticker{position:absolute;left:-50px;bottom:55px;width:135px;height:135px;background:var(--coral);border:2px solid var(--ink);border-radius:50%;display:grid;place-items:center;text-align:center;color:#fff;font-size:13px;font-weight:800;transform:rotate(8deg);box-shadow:5px 5px 0 var(--ink)}.about-copy p{color:var(--muted)}.about-copy ul{padding:0;list-style:none;display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:25px}.about-copy li{font-size:13px;font-weight:600;padding-right:24px;position:relative}.about-copy li:before{content:"✓";position:absolute;right:0;color:var(--coral);font-weight:900}
.focus-band{background:var(--ink);color:white;padding:55px max(32px,calc((100% - 1140px)/2));display:grid;grid-template-columns:1fr 1fr auto;align-items:center;gap:60px;position:relative}.focus-band span{color:var(--yellow);font-size:13px}.focus-band h2{margin:8px 0;font-size:28px}.focus-band p{color:#c9d0dc}.focus-band .big-note{font-size:85px;color:var(--coral)}
.experience{padding:100px max(32px,calc((100% - 1050px)/2));}.timeline{border-top:2px solid var(--ink)}.timeline article{display:grid;grid-template-columns:220px 1fr;padding:24px 10px;border-bottom:1px dashed #ada99f;transition:.2s}.timeline article:hover{padding-right:22px;background:white}.timeline time{color:var(--coral);font-weight:800}.timeline h3{margin:0;font-size:19px}.timeline p{margin:2px 0;color:var(--muted)}
.workshops{background:#e1f2ec;padding:90px max(32px,calc((100% - 1140px)/2));display:grid;grid-template-columns:.9fr 1.1fr;gap:90px;align-items:center}.workshop-copy>p{color:var(--muted);margin-bottom:35px}.workshop-list div{display:flex;align-items:center;gap:18px;padding:17px;border-bottom:1px dashed #8ca69d}.workshop-list span{width:45px;height:45px;flex:0 0 45px;border-radius:50%;display:grid;place-items:center;background:var(--yellow);font-weight:900;border:2px solid var(--ink)}.workshop-list p{font-weight:650;margin:0}.certificates{text-align:center;padding:100px max(32px,calc((100% - 1100px)/2));background:white}.cert-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-top:40px;text-align:right}.cert-grid article{padding:26px;border:1px solid #dedbd3;border-radius:22px}.cert-grid strong{color:var(--coral);font-size:28px}.cert-grid h3{margin:8px 0}.cert-grid p{font-size:13px;color:var(--muted)}
.contact{padding:85px max(32px,calc((100% - 1050px)/2));background:var(--yellow);display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.contact .kicker{color:#a54b3f}.contact p{color:#665d4b}.contact-card{background:white;border:2px solid var(--ink);border-radius:25px;padding:8px 25px;box-shadow:8px 8px 0 var(--ink)}.contact-card a{display:flex;justify-content:space-between;padding:19px 0;border-bottom:1px dashed #cbc7bd}.contact-card a:last-child{border:0}.contact-card span{color:var(--muted);font-size:13px}.contact-card strong{font-size:13px}footer{max-width:1180px;margin:auto;padding:35px 30px;display:flex;align-items:center;gap:40px}footer .brand{margin-left:auto}footer p{font-size:12px;color:var(--muted)}footer .credit a{font-weight:800;color:var(--coral)}
@media(max-width:900px){.site-header nav{display:none}.hero{grid-template-columns:1fr;padding-top:45px}.hero-copy{text-align:center}.hero h1{font-size:52px}.hero-copy>p{margin-inline:auto}.hero-actions,.trust-row{justify-content:center}.hero-art{max-width:580px;width:100%;margin:auto}.service-grid{grid-template-columns:1fr 1fr}.about{grid-template-columns:1fr;gap:60px}.portrait-card{max-width:470px;width:100%;margin:auto}.focus-band{grid-template-columns:1fr 1fr}.focus-band .big-note{display:none}.workshops{grid-template-columns:1fr;gap:45px}}
@media(max-width:620px){.site-header{height:75px;padding:0 16px}.brand small{display:none}.header-cta{font-size:11px;padding:10px}.hero{padding:40px 18px}.hero h1{font-size:40px}.hero-copy>p{font-size:15px}.hero-actions{flex-direction:column}.trust-row{gap:20px}.hero-art{height:390px}.child{transform:scale(.78);transform-origin:bottom right;right:80px}.xylophone{transform:scale(.8) rotate(-4deg);transform-origin:bottom right;right:35px}.rainbow{transform:scale(.7);transform-origin:bottom left}.section-head{display:block}.section-head h2,.about h2,.workshops h2,.certificates h2,.contact h2{font-size:29px}.service-grid{grid-template-columns:1fr}.about{padding:80px 25px}.portrait-card{height:420px}.sticker{left:-10px;width:110px;height:110px}.about-copy ul{grid-template-columns:1fr}.focus-band{grid-template-columns:1fr;padding-block:45px}.timeline article{grid-template-columns:1fr;gap:6px}.cert-grid,.contact{grid-template-columns:1fr}.contact{gap:35px}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer .brand{width:100%;justify-content:center;margin:0}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.note{animation:none}}

/* Visual refresh — playful, warm and professional */
main{position:relative}.page-confetti{position:absolute;inset:90px 0 auto;height:720px;pointer-events:none}.page-confetti i{position:absolute;width:13px;height:13px;border-radius:4px;background:var(--coral);transform:rotate(25deg);opacity:.6}.page-confetti i:nth-child(1){right:3%;top:19%;background:var(--yellow)}.page-confetti i:nth-child(2){right:48%;top:7%;border-radius:50%;background:var(--blue)}.page-confetti i:nth-child(3){left:4%;top:35%;background:#f8a9c3}.page-confetti i:nth-child(4){left:47%;top:70%;background:var(--green)}.page-confetti i:nth-child(5){right:44%;top:88%;background:var(--purple)}.page-confetti i:nth-child(6){left:2%;top:82%;border-radius:50%;background:var(--coral)}
.hero{position:relative}.hero:before{content:"";position:absolute;width:170px;height:170px;border:24px solid rgba(130,201,232,.2);border-radius:50%;right:-125px;top:55px}.hero:after{content:"";position:absolute;width:90px;height:45px;background:rgba(248,169,195,.28);border-radius:50px 50px 0 0;left:-35px;bottom:65px}.hero-art{background:linear-gradient(145deg,#e6f8f1 0%,#d5f0e7 100%);box-shadow:16px 16px 0 #f8d98b,26px 27px 0 rgba(248,169,195,.38);border:2px solid var(--ink)}.art-label{position:absolute;z-index:5;left:-18px;top:62%;background:#fff;color:var(--ink);font-size:12px;font-weight:800;padding:9px 16px;border:2px solid var(--ink);border-radius:40px;box-shadow:4px 4px 0 var(--ink);transform:rotate(-5deg)}
.services{background-color:var(--paper);background-image:radial-gradient(circle at 12% 18%,rgba(255,214,107,.32) 0 8px,transparent 9px),radial-gradient(circle at 88% 75%,rgba(130,201,232,.25) 0 6px,transparent 7px)}.service-card:hover{transform:translateY(-9px) rotate(-1deg);box-shadow:9px 11px 0 var(--ink)}
.portrait-card{background:linear-gradient(145deg,var(--yellow),#ffeba9);box-shadow:-14px 14px 0 #dcefe7,14px -10px 0 rgba(248,169,195,.45)}.portrait-frame{position:absolute;inset:28px 28px 0;border-radius:48% 48% 20px 20px;overflow:hidden;background:#e8f2f0;border:2px solid var(--ink)}.portrait-frame img{width:100%;height:100%;display:block;object-fit:cover;object-position:center 22%}.portrait-note{position:absolute;z-index:3;display:grid;place-items:center;width:56px;height:56px;border-radius:50%;border:2px solid var(--ink);font-size:28px;font-weight:900;box-shadow:4px 4px 0 var(--ink);animation:float 4s ease-in-out infinite}.note-a{right:-24px;top:75px;background:var(--blue);color:#fff}.note-b{left:-23px;top:155px;background:var(--purple);color:#fff;animation-delay:1s}
@media(max-width:620px){.page-confetti{display:none}.art-label{left:5px;top:66%}.portrait-frame{inset:20px 20px 0}.portrait-note{width:46px;height:46px;font-size:23px}.note-a{right:-9px}.note-b{left:-7px}}

/* Homepage hero — real music-through-play photograph */
.hero-art{overflow:hidden;isolation:isolate}
.hero-photo{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center 54%;z-index:0}
.hero-art:after{content:"";position:absolute;inset:0;z-index:1;background:linear-gradient(180deg,rgba(36,51,75,.02) 48%,rgba(36,51,75,.22) 100%);pointer-events:none}
.hero-art .note{z-index:3;text-shadow:0 2px 0 rgba(255,255,255,.85)}
.hero-art .art-label{left:18px}
@media(max-width:620px){.hero-photo{object-position:center 50%}.hero-art .art-label{left:8px}}