:root{--cream:#fdf8f1;--cream2:#f8efe3;--peach:#f9dcc6;--peach2:#f4c3a1;--sage:#dcebdf;--sky:#e3eefa;--lav:#ece4f6;--plum:#6b3fa0;--plum2:#552f85;--orange:#e9792b;--orange2:#c95f14;--ink:#2b2633;--ink2:#4f4858;--line:#eadfce;--white:#fff;
--r:22px;--sh:0 18px 50px -20px rgba(80,50,30,.28);--sh2:0 8px 24px -10px rgba(80,50,30,.22);
--fh:"Lora",Georgia,serif;--fb:"Nunito",system-ui,-apple-system,"Segoe UI",sans-serif;--hdr:90px}
html[lang=ar]{--fh:"Cairo","Tajawal",sans-serif;--fb:"Tajawal","Cairo",system-ui,sans-serif}
html[lang=zh-CN]{--fh:"Noto Serif SC","Songti SC",serif;--fb:"Noto Sans SC","PingFang SC","Microsoft YaHei",sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--fb);font-size:19px;line-height:1.7;color:var(--ink);background:var(--cream);overflow-x:hidden}
html[lang=ar] body{font-size:20px;line-height:1.85}
img{max-width:100%;height:auto;display:block}
a{color:var(--plum)}a:hover{color:var(--orange2)}
:focus-visible{outline:3px solid var(--orange);outline-offset:3px;border-radius:6px}
h1,h2,h3{font-family:var(--fh);line-height:1.2;color:var(--ink);margin:0 0 .5em;font-weight:700}
h1{font-size:clamp(2.3rem,5.2vw,4.1rem)}h2{font-size:clamp(1.85rem,3.6vw,2.8rem)}h3{font-size:1.38rem}
p{margin:0 0 1em}
.wrap{width:min(1200px,100% - 40px);margin-inline:auto}
.sr,.skip:not(:focus){position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.skip{position:fixed;top:10px;inset-inline-start:10px;z-index:1000;background:var(--plum);color:#fff;padding:12px 18px;border-radius:10px}
.eyebrow{display:inline-flex;align-items:center;gap:10px;font-weight:800;letter-spacing:.08em;text-transform:uppercase;font-size:.82rem;color:var(--orange2);margin:0 0 14px}
html[lang=ar] .eyebrow,html[lang=zh-CN] .eyebrow{letter-spacing:0;font-size:.95rem}
.eyebrow::before{content:"";width:28px;height:3px;border-radius:3px;background:linear-gradient(90deg,var(--orange),var(--plum))}
.center{text-align:center}.center .eyebrow{justify-content:center}
.lead{font-size:1.18em;color:var(--ink2)}
/* buttons */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;min-height:56px;padding:14px 28px;border-radius:999px;font-weight:800;font-size:1.02rem;text-decoration:none;border:2px solid transparent;cursor:pointer;transition:transform .25s,box-shadow .25s,background .25s,color .25s;font-family:var(--fb)}
.btn svg{width:22px;height:22px;fill:currentColor;flex:none}
.btn-primary{background:linear-gradient(135deg,var(--orange),#f19a4c);color:#fff;box-shadow:0 12px 26px -12px rgba(233,121,43,.75)}
.btn-primary:hover{color:#fff;transform:translateY(-3px);box-shadow:0 18px 30px -12px rgba(233,121,43,.8)}
.btn-soft{background:#fff;color:var(--plum);border-color:#e4d8f1}
.btn-soft:hover{color:var(--plum2);transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--plum)}
.btns{display:flex;flex-wrap:wrap;gap:14px}
.link-arrow{display:inline-flex;align-items:center;gap:8px;font-weight:800;text-decoration:none}
.link-arrow svg{width:20px;height:20px;fill:currentColor;transition:transform .25s}
.link-arrow:hover svg{transform:translateX(5px)}
[dir=rtl] .link-arrow svg,[dir=rtl] .flip{transform:scaleX(-1)}[dir=rtl] .link-arrow:hover svg{transform:scaleX(-1) translateX(5px)}
/* topbar */
.topbar{background:var(--plum);color:#fff;font-size:.92rem}
.topbar a{color:#fff;text-decoration:none}.topbar a:hover{color:#ffe1c9}
.topbar-in{display:flex;justify-content:space-between;align-items:center;gap:14px;min-height:44px;flex-wrap:wrap}
.tb-item{display:inline-flex;align-items:center;gap:8px}.tb-item svg{width:17px;height:17px;fill:currentColor}
.tb-right{display:flex;gap:18px;align-items:center}
/* header */
.site-header{position:sticky;top:0;z-index:100;background:rgba(253,248,241,.88);backdrop-filter:saturate(1.4) blur(14px);-webkit-backdrop-filter:saturate(1.4) blur(14px);border-bottom:1px solid transparent;transition:box-shadow .3s,border-color .3s}
.site-header.scrolled{box-shadow:0 10px 30px -18px rgba(80,50,30,.35);border-color:var(--line)}
.header-in{display:flex;align-items:center;gap:22px;min-height:86px}
.brand{display:flex;align-items:center;flex:none}.brand img{width:230px;height:auto}
.site-nav{margin-inline-start:auto;display:flex;align-items:center;gap:16px}
.site-nav ul{list-style:none;margin:0;padding:0;display:flex;gap:2px}
.site-nav a:not(.btn){display:block;padding:10px 13px;border-radius:12px;color:var(--ink);text-decoration:none;font-weight:700;font-size:1rem;position:relative}
.site-nav a:not(.btn)::after{content:"";position:absolute;inset-inline:13px;bottom:5px;height:3px;border-radius:3px;background:var(--orange);transform:scaleX(0);transition:transform .3s}
.site-nav a:not(.btn):hover::after,.site-nav a[aria-current=page]::after{transform:scaleX(1)}
.site-nav a[aria-current=page]{color:var(--plum)}
.nav-cta{min-height:50px;padding:10px 22px}
.nav-toggle{display:none;margin-inline-start:auto;width:54px;height:54px;border-radius:16px;border:2px solid var(--line);background:#fff;cursor:pointer;flex-direction:column;justify-content:center;align-items:center;gap:5px}
.nav-toggle span:not(.sr){width:24px;height:3px;border-radius:3px;background:var(--plum);transition:transform .3s,opacity .3s}
.nav-toggle[aria-expanded=true] span:nth-child(1){transform:translateY(8px) rotate(45deg)}.nav-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.nav-toggle[aria-expanded=true] span:nth-child(3){transform:translateY(-8px) rotate(-45deg)}
/* language switcher */
.lang{display:flex;gap:4px;background:#fff;border:2px solid #eadff5;border-radius:999px;padding:4px;flex:none}
.lang a{display:inline-flex;align-items:center;justify-content:center;min-width:44px;min-height:40px;padding:4px 10px;border-radius:999px;text-decoration:none;font-weight:800;font-size:.92rem;color:var(--ink2);font-family:system-ui,sans-serif}
.lang a:hover{background:var(--lav);color:var(--plum)}
.lang a[aria-current=true]{background:var(--plum);color:#fff}
.lang-globe{width:22px;height:22px;fill:var(--plum);align-self:center;margin-inline:6px 2px}
/* quick nav row (<1024) */
.quicknav{display:none}
@media (max-width:1180px){.site-nav a:not(.btn){padding:10px 9px;font-size:.95rem}.brand img{width:200px}}
@media (max-width:1023px){
 .header-in{min-height:74px;flex-wrap:wrap;gap:12px}.brand img{width:188px}
 .nav-toggle{display:flex}
 .site-nav{position:fixed;inset:var(--hdr) 0 0 0;background:var(--cream);flex-direction:column;align-items:stretch;padding:24px 20px 120px;gap:18px;overflow:auto;transform:translateY(-12px);opacity:0;visibility:hidden;transition:opacity .3s,transform .3s,visibility .3s;margin:0}
 .site-nav.open{opacity:1;transform:none;visibility:visible}
 .site-nav ul{flex-direction:column;gap:6px}
 .site-nav a:not(.btn){font-size:1.3rem;padding:16px 18px;background:#fff;border-radius:16px;border:1px solid var(--line)}
 .site-nav a:not(.btn)::after{display:none}
 .nav-cta{min-height:60px;font-size:1.15rem}
 .header-lang{order:2}
 .quicknav{display:block;border-top:1px solid var(--line)}
 .quicknav ul{list-style:none;margin:0;padding:8px 14px;display:flex;gap:8px;overflow-x:auto;scrollbar-width:none;-webkit-overflow-scrolling:touch}
 .quicknav ul::-webkit-scrollbar{display:none}
 .quicknav a{display:inline-flex;align-items:center;min-height:44px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--line);white-space:nowrap;text-decoration:none;color:var(--ink);font-weight:800;font-size:.98rem}
 .quicknav a[aria-current=page]{background:var(--plum);color:#fff;border-color:var(--plum)}
 .topbar .tb-addr{display:none}
}
@media (max-width:560px){.header-lang{order:3;width:100%;justify-content:space-between}.header-lang a{flex:1}.brand img{width:170px}.tb-right .tb-mail{display:none}.topbar-in{justify-content:center}}
/* sections */
.section{padding:clamp(70px,9vw,120px) 0;position:relative}
.section.alt{background:linear-gradient(180deg,var(--cream2),var(--cream))}
.section.tint{background:linear-gradient(160deg,#f6eefb 0%,#fdf3ea 60%,#eef6f0 100%)}
.split{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(36px,6vw,80px);align-items:center}
@media (max-width:900px){.split{grid-template-columns:1fr}}
/* blobs */
.blobs{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.blob{position:absolute;border-radius:50%;filter:blur(40px);opacity:.55;animation:float 16s ease-in-out infinite}
.b1{width:420px;height:420px;background:var(--peach);top:-120px;inset-inline-end:-80px}
.b2{width:360px;height:360px;background:var(--lav);bottom:-120px;inset-inline-start:-100px;animation-delay:-5s}
.b3{width:260px;height:260px;background:var(--sage);top:40%;inset-inline-start:45%;animation-delay:-9s}
@keyframes float{0%,100%{transform:translate(0,0) scale(1)}33%{transform:translate(30px,-25px) scale(1.06)}66%{transform:translate(-20px,20px) scale(.96)}}
.section>.wrap,.hero>.wrap{position:relative;z-index:1}
.deco{position:absolute;pointer-events:none;z-index:0;opacity:.9}
.deco svg{width:100%;height:100%}
.deco.heart{width:54px;height:54px;animation:bob 7s ease-in-out infinite}
.deco.leaf{width:70px;height:70px;animation:bob 9s ease-in-out infinite reverse}
.deco.dot{width:16px;height:16px;border-radius:50%;background:var(--orange);opacity:.35;animation:bob 6s ease-in-out infinite}
@keyframes bob{0%,100%{transform:translateY(0) rotate(0)}50%{transform:translateY(-18px) rotate(8deg)}}
/* hero */
.hero{position:relative;padding:clamp(40px,6vw,80px) 0 clamp(70px,8vw,110px);overflow:hidden;background:radial-gradient(1200px 600px at 85% 0%,#fde3cf 0%,transparent 60%),radial-gradient(900px 500px at 0% 100%,#efe5f9 0%,transparent 60%),var(--cream)}
.hero-grid{display:grid;grid-template-columns:1.05fr 1fr;gap:clamp(30px,5vw,70px);align-items:center}
.hero-badge{display:inline-flex;align-items:center;gap:10px;background:#fff;border:1px solid var(--line);padding:8px 16px 8px 10px;border-radius:999px;font-weight:800;font-size:.92rem;color:var(--plum);box-shadow:var(--sh2);margin-bottom:22px}
[dir=rtl] .hero-badge{padding:8px 10px 8px 16px}
.hero-badge i{width:28px;height:28px;border-radius:50%;background:linear-gradient(135deg,var(--orange),#f7b27a);display:grid;place-items:center}
.hero-badge i svg{width:15px;height:15px;fill:#fff}
.hero h1 .pre{display:block;font-size:.45em;color:var(--ink2);font-weight:600;margin-bottom:.2em}
.hero h1 .accent{background:linear-gradient(100deg,var(--plum) 10%,#a04f9f 50%,var(--orange) 95%);-webkit-background-clip:text;background-clip:text;color:transparent}
.hero h1 .sub{display:block;font-size:.5em;margin-top:.3em;color:var(--ink)}
.hero .lead{max-width:36em;margin-bottom:28px}
.trust{list-style:none;margin:30px 0 0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 20px}
.trust li{display:flex;align-items:center;gap:10px;font-weight:700;font-size:1rem}
.trust svg{width:26px;height:26px;flex:none;fill:#3f9c6b;background:#e1f2e7;border-radius:50%;padding:5px}
.hero-media{position:relative;aspect-ratio:1/1.05;max-width:560px;justify-self:center;width:100%}
.hero-frame{position:absolute;inset:0 6% 6% 0;border-radius:48% 48% 28px 28px/36% 36% 28px 28px;overflow:hidden;box-shadow:var(--sh);background:var(--peach);will-change:transform}
[dir=rtl] .hero-frame{inset:0 0 6% 6%}
.hero-frame img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;opacity:0;transition:opacity 1.6s ease;transform:scale(1.04)}
.hero-frame img.on{opacity:1;animation:kb 9s ease-out forwards}
@keyframes kb{from{transform:scale(1.04) translate(0,0)}to{transform:scale(1.16) translate(-2%,-2%)}}
.hero-ring{position:absolute;inset:6% 0 0 6%;border-radius:48% 48% 28px 28px/36% 36% 28px 28px;border:3px dashed #e9b48c;z-index:-1;animation:spinslow 60s linear infinite}
[dir=rtl] .hero-ring{inset:6% 6% 0 0}
@keyframes spinslow{to{filter:hue-rotate(40deg)}}
.float-card{position:absolute;background:#fff;border-radius:18px;box-shadow:var(--sh);padding:14px 18px;display:flex;align-items:center;gap:12px;font-weight:800;font-size:.98rem;z-index:2;animation:bob 8s ease-in-out infinite;text-decoration:none;color:var(--ink)}
.float-card i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;flex:none}
.float-card i svg{width:24px;height:24px}
.fc1{bottom:12%;inset-inline-start:-6%}.fc1 i{background:#ffe9d8}.fc1 svg{fill:var(--orange)}
.fc2{top:10%;inset-inline-end:-2%;animation-delay:-3s}.fc2 i{background:var(--lav)}.fc2 svg{fill:var(--plum)}
.fc1 small,.fc2 small{display:block;font-weight:600;color:var(--ink2);font-size:.82rem}
.hero-dots{position:absolute;bottom:2%;inset-inline-end:10%;display:flex;gap:8px;z-index:3}
.hero-dots button{width:12px;height:12px;border-radius:50%;border:0;background:#e5c9b3;padding:0;cursor:pointer;transition:width .3s,background .3s}
.hero-dots button[aria-current=true]{width:30px;border-radius:8px;background:var(--orange)}
@media (max-width:900px){.hero-grid{grid-template-columns:1fr}.hero-media{max-width:440px;order:-1}.fc1{inset-inline-start:0}.fc2{inset-inline-end:0}.trust{grid-template-columns:1fr}}
.wave{display:block;width:100%;height:60px;margin-top:-1px}
/* page hero */
.page-hero{position:relative;padding:clamp(60px,8vw,110px) 0 clamp(50px,7vw,90px);overflow:hidden;background:var(--cream2)}
.page-hero .bg{position:absolute;inset:-10% 0 -10% 0;background-size:cover;background-position:center;opacity:.28;will-change:transform}
.page-hero::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(253,248,241,.55),rgba(253,248,241,.92))}
.page-hero .wrap{position:relative;z-index:2}
.crumbs{font-weight:700;font-size:.95rem;color:var(--ink2);margin-bottom:10px}.crumbs a{text-decoration:none}
/* cards */
.svc-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:44px}
.svc{background:#fff;border-radius:var(--r);overflow:hidden;box-shadow:var(--sh2);display:flex;flex-direction:column;transition:transform .4s cubic-bezier(.2,.8,.2,1),box-shadow .4s;border:1px solid #f1e7da}
.svc:hover{transform:translateY(-8px);box-shadow:var(--sh)}
.svc .ph{aspect-ratio:4/3;overflow:hidden;position:relative}
.svc .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s cubic-bezier(.2,.8,.2,1)}
.svc:hover .ph img{transform:scale(1.08)}
.svc .ic{width:66px;height:66px;border-radius:20px;background:#fff;display:grid;place-items:center;margin:-36px 22px 0;position:relative;z-index:2;box-shadow:var(--sh2)}
.svc .ic img{width:40px;height:40px;object-fit:contain;transition:transform .5s}
.svc:hover .ic img{animation:wiggle .8s ease}
@keyframes wiggle{0%,100%{transform:rotate(0)}25%{transform:rotate(-10deg) scale(1.1)}60%{transform:rotate(8deg) scale(1.1)}}
.svc .bd{padding:16px 24px 26px;display:flex;flex-direction:column;flex:1}
.svc .bd p{color:var(--ink2);font-size:1.02rem;flex:1}
/* who we are */
.photo-stack{position:relative;padding-bottom:40px;padding-inline-end:40px}
.photo-stack .p1{border-radius:30px;overflow:hidden;box-shadow:var(--sh)}
.photo-stack .p1 img{width:100%;aspect-ratio:4/4.4;object-fit:cover}
.photo-stack .p2{position:absolute;bottom:0;inset-inline-end:0;width:46%;border-radius:24px;overflow:hidden;border:8px solid #fff;box-shadow:var(--sh);will-change:transform}
.photo-stack .p2 img{aspect-ratio:1;object-fit:cover;width:100%}
.prose p{color:var(--ink2)}
/* stats */
.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;margin-top:40px}
.stat{background:#fff;border-radius:var(--r);padding:30px 24px;text-align:center;box-shadow:var(--sh2);border:1px solid #f1e7da}
.stat b{display:block;font-family:var(--fh);font-size:3.2rem;line-height:1;background:linear-gradient(135deg,var(--plum),var(--orange));-webkit-background-clip:text;background-clip:text;color:transparent;margin-bottom:10px}
.stat span{font-weight:700;color:var(--ink2)}
@media (max-width:700px){.stats{grid-template-columns:1fr}}
/* journey */
.journey{list-style:none;margin:50px 0 0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:18px;position:relative}
.journey::before{content:"";position:absolute;top:38px;inset-inline:6%;height:4px;border-radius:4px;background:linear-gradient(90deg,var(--peach2),#cdb5ea,#a8d5b8);transform-origin:left;transform:scaleX(var(--prog,0));transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}
[dir=rtl] .journey::before{transform-origin:right}
.journey li{position:relative;text-align:center;padding:0 6px}
.journey .jn{width:78px;height:78px;margin:0 auto 16px;border-radius:50%;background:#fff;border:4px solid var(--peach);display:grid;place-items:center;box-shadow:var(--sh2);position:relative;z-index:1;transition:transform .4s,border-color .4s}
.journey li:hover .jn{transform:scale(1.1) rotate(-6deg);border-color:var(--orange)}
.journey .jn svg{width:34px;height:34px;fill:var(--plum)}
.journey h3{font-size:1.08rem;margin-bottom:6px}
@media (max-width:900px){.journey{grid-template-columns:1fr;gap:0}.journey::before{top:0;bottom:0;inset-inline:38px auto;width:4px;height:auto;transform:scaleY(var(--prog,0));transform-origin:top}
 .journey li{display:flex;gap:18px;align-items:center;text-align:start;padding:10px 0}.journey .jn{margin:0;flex:none}.journey h3{margin:0}}
.chips{display:flex;flex-wrap:wrap;gap:12px;margin-top:26px}
.chips li{list-style:none;background:#fff;border:1px solid var(--line);border-radius:999px;padding:10px 18px 10px 14px;font-weight:700;display:flex;align-items:center;gap:10px;transition:transform .3s,box-shadow .3s,border-color .3s}
.chips li:hover{transform:translateY(-3px);box-shadow:var(--sh2);border-color:var(--peach2)}
.chips li::before{content:"";width:12px;height:12px;border-radius:50%;background:linear-gradient(135deg,var(--orange),var(--plum));flex:none}
.chips{padding:0;margin-inline:0}
/* video */
.video-sec{background:linear-gradient(180deg,var(--cream) 0%,#f3eafb 50%,var(--cream) 100%)}
.yt{position:relative;width:100%;max-width:1000px;margin:40px auto 0;aspect-ratio:16/9;border-radius:28px;overflow:hidden;background:#e9dccd;box-shadow:0 30px 70px -30px rgba(85,47,133,.5);border:10px solid #fff}
.yt.vertical{aspect-ratio:9/16;max-height:80vh;width:auto;height:min(80vh,177.78vw)}
.yt img,.yt iframe{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;border:0}
.yt button{position:absolute;inset:0;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:pointer;display:grid;place-items:center}
.yt button::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(43,38,51,0) 40%,rgba(43,38,51,.45))}
.yt .play{position:relative;width:104px;height:104px;border-radius:50%;background:rgba(255,255,255,.95);display:grid;place-items:center;box-shadow:0 0 0 0 rgba(255,255,255,.6);animation:pulse 2.6s ease-out infinite;transition:transform .3s}
.yt button:hover .play{transform:scale(1.08)}
.yt .play svg{width:42px;height:42px;fill:var(--orange);margin-inline-start:6px}
[dir=rtl] .yt .play svg{transform:none;margin-inline-start:0;margin-inline-end:6px}
.yt .cap{position:absolute;bottom:22px;inset-inline-start:26px;color:#fff;font-weight:800;font-size:1.1rem;text-shadow:0 2px 10px rgba(0,0,0,.4);z-index:1}
@keyframes pulse{0%{box-shadow:0 0 0 0 rgba(255,255,255,.7)}100%{box-shadow:0 0 0 28px rgba(255,255,255,0)}}
@media (max-width:600px){.yt{border-width:6px;border-radius:20px}.yt .play{width:78px;height:78px}.yt .play svg{width:32px;height:32px}.yt .cap{font-size:.95rem;bottom:14px;inset-inline-start:16px}}
/* testimonial */
.testi{position:relative;background:#fff;border-radius:34px;padding:clamp(34px,5vw,64px);box-shadow:var(--sh);display:grid;grid-template-columns:auto 1fr;gap:40px;align-items:center;max-width:1000px;margin:0 auto}
.testi .tav{width:170px;height:170px;border-radius:50%;overflow:hidden;border:8px solid var(--peach)}
.testi .tav img{width:100%;height:100%;object-fit:cover}
.testi blockquote{margin:0;font-family:var(--fh);font-size:clamp(1.2rem,2.2vw,1.5rem);line-height:1.6;color:var(--ink)}
.testi .q{position:absolute;top:-30px;inset-inline-end:40px;width:80px;height:80px;fill:var(--peach2)}
.testi figcaption{margin-top:18px;font-weight:800;color:var(--plum)}
.testi figcaption small{display:block;color:var(--ink2);font-weight:600}
@media (max-width:700px){.testi{grid-template-columns:1fr;text-align:center}.testi .tav{margin:0 auto;width:130px;height:130px}}
/* events */
.ev-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:26px;margin-top:44px}
@media (max-width:900px){.ev-grid{grid-template-columns:1fr}}
.ev{position:relative;border-radius:var(--r);overflow:hidden;background:#fff;box-shadow:var(--sh2);transition:transform .4s,box-shadow .4s}
.ev:hover{transform:translateY(-6px) rotate(-.4deg);box-shadow:var(--sh)}
.ev .ph{aspect-ratio:3/2;overflow:hidden}.ev .ph img{width:100%;height:100%;object-fit:cover;transition:transform 1s}
.ev:hover .ph img{transform:scale(1.08)}
.ev .bd{padding:22px 24px 26px}.ev p{color:var(--ink2);font-size:1.02rem}
.ev .num{position:absolute;top:16px;inset-inline-start:16px;background:#fff;color:var(--plum);font-weight:900;width:46px;height:46px;border-radius:50%;display:grid;place-items:center;box-shadow:var(--sh2)}
/* mosaic gallery */
.mosaic{columns:4 240px;column-gap:16px;margin-top:40px}
.mosaic button{display:block;width:100%;margin:0 0 16px;padding:0;border:0;border-radius:18px;overflow:hidden;cursor:zoom-in;position:relative;break-inside:avoid;background:var(--peach);box-shadow:var(--sh2)}
.mosaic img{width:100%;transition:transform .9s cubic-bezier(.2,.8,.2,1),filter .5s}
.mosaic button::after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(107,63,160,.35));opacity:0;transition:opacity .4s}
.mosaic button:hover img{transform:scale(1.07)}.mosaic button:hover::after{opacity:1}
.mosaic.home{columns:4 200px}
/* lightbox */
.lightbox{position:fixed;inset:0;z-index:2000;background:rgba(253,248,241,.97);display:flex;flex-direction:column}
.lightbox[hidden]{display:none}
.lb-top{display:flex;justify-content:space-between;align-items:center;padding:14px 20px}
.lb-count{font-weight:800;color:var(--ink2);margin:0}
.lb-btn{width:56px;height:56px;border-radius:50%;border:2px solid var(--line);background:#fff;font-size:30px;line-height:1;cursor:pointer;color:var(--plum);display:grid;place-items:center}
.lb-btn:hover{border-color:var(--plum)}
.lb-stage{flex:1;display:flex;align-items:center;justify-content:center;gap:14px;padding:0 14px 20px;min-height:0}
.lb-stage img{max-width:calc(100% - 150px);max-height:100%;object-fit:contain;border-radius:16px;box-shadow:var(--sh);animation:lbIn .4s ease}
@keyframes lbIn{from{opacity:0;transform:scale(.97)}}
@media (max-width:700px){.lb-stage{position:relative}.lb-stage img{max-width:100%}.lb-stage .lb-btn{position:absolute;bottom:26px}.lb-prev{inset-inline-start:20px}.lb-next{inset-inline-end:20px}}
/* service detail */
.svc-detail{display:grid;grid-template-columns:1fr 1fr;gap:clamp(30px,5vw,70px);align-items:center;padding:clamp(40px,6vw,70px) 0;border-bottom:1px dashed var(--line)}
.svc-detail:last-child{border:0}
.svc-detail:nth-child(even) .sd-media{order:2}
.sd-media{position:relative}
.sd-media .m1{border-radius:28px;overflow:hidden;box-shadow:var(--sh)}
.sd-media .m1 img{width:100%;aspect-ratio:4/3;object-fit:cover;transition:transform 1.2s}
.sd-media:hover .m1 img{transform:scale(1.05)}
.sd-media .m2{position:absolute;width:42%;bottom:-24px;inset-inline-end:-18px;border-radius:20px;overflow:hidden;border:6px solid #fff;box-shadow:var(--sh)}
.sd-media .m2 img{aspect-ratio:1;object-fit:cover;width:100%}
.sd-n{font-family:var(--fh);font-size:4.2rem;line-height:1;color:#f1d8c4;font-weight:700;display:block;margin-bottom:-12px}
.points{display:grid;gap:14px;margin-top:18px}
.point{background:#fff;border-radius:18px;padding:18px 20px;border:1px solid #f1e7da;border-inline-start:5px solid var(--orange)}
.point h3{font-size:1.1rem;margin-bottom:4px}.point p{margin:0;color:var(--ink2);font-size:1rem}
@media (max-width:900px){.svc-detail{grid-template-columns:1fr}.svc-detail:nth-child(even) .sd-media{order:0}.sd-media .m2{inset-inline-end:0}}
.svc-index{display:flex;flex-wrap:wrap;gap:10px;justify-content:center;margin-top:24px;padding:0}
.svc-index a{list-style:none;display:inline-flex;min-height:46px;align-items:center;padding:8px 18px;border-radius:999px;background:#fff;border:1px solid var(--line);text-decoration:none;font-weight:800;color:var(--ink)}
.svc-index a:hover{border-color:var(--orange);color:var(--orange2)}
/* features */
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:22px;margin-top:36px}
.feat{background:#fff;border-radius:var(--r);padding:28px;box-shadow:var(--sh2);border:1px solid #f1e7da;transition:transform .35s,box-shadow .35s}
.feat:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.feat .fi{width:58px;height:58px;border-radius:18px;display:grid;place-items:center;margin-bottom:16px;background:var(--lav)}
.feat:nth-child(3n+2) .fi{background:#ffe9d8}.feat:nth-child(3n) .fi{background:var(--sage)}
.feat .fi svg{width:30px;height:30px;fill:var(--plum)}
.feat p{margin:0;color:var(--ink2);font-size:1.02rem}
/* cta band */
.cta-band{position:relative;margin:0 auto;border-radius:36px;overflow:hidden;padding:clamp(40px,6vw,70px);background:linear-gradient(120deg,#fbe1cd,#f3e6fb 60%,#e2f1e6);display:grid;grid-template-columns:1.4fr auto;gap:30px;align-items:center;box-shadow:var(--sh)}
.cta-band h2{margin-bottom:.3em}.cta-band p{margin:0;color:var(--ink2)}
@media (max-width:800px){.cta-band{grid-template-columns:1fr;text-align:center}.cta-band .btns{justify-content:center}}
/* contact */
.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:30px;align-items:start}
@media (max-width:900px){.contact-grid{grid-template-columns:1fr}}
.c-card{background:#fff;border-radius:var(--r);padding:30px;box-shadow:var(--sh2);border:1px solid #f1e7da}
.c-list{list-style:none;margin:0;padding:0;display:grid;gap:18px}
.c-list li{display:flex;gap:16px;align-items:flex-start}
.c-list i{width:54px;height:54px;border-radius:16px;background:var(--lav);display:grid;place-items:center;flex:none}
.c-list i svg{width:26px;height:26px;fill:var(--plum)}
.c-list b{display:block;font-size:.9rem;color:var(--ink2);text-transform:uppercase;letter-spacing:.05em}
.c-list a{font-weight:800;font-size:1.15rem;text-decoration:none;word-break:break-word}
form .row{display:grid;grid-template-columns:1fr 1fr;gap:16px}
@media (max-width:600px){form .row{grid-template-columns:1fr}}
.field{display:flex;flex-direction:column;gap:6px;margin-bottom:16px}
.field label{font-weight:800;font-size:.98rem}
.field input,.field textarea{font:inherit;font-size:1.05rem;padding:14px 16px;border-radius:14px;border:2px solid var(--line);background:var(--cream);color:var(--ink);min-height:56px;transition:border-color .25s,background .25s}
.field input:focus,.field textarea:focus{outline:0;border-color:var(--plum);background:#fff}
.field textarea{min-height:150px;resize:vertical}
.form-note{font-size:.95rem;color:var(--ink2);margin-top:12px}
.map{border-radius:var(--r);overflow:hidden;box-shadow:var(--sh2);margin-top:30px;border:6px solid #fff;aspect-ratio:16/7;min-height:320px}
.map iframe{width:100%;height:100%;border:0;display:block}
.socials{display:flex;gap:10px;margin-top:20px}
.socials a{width:50px;height:50px;border-radius:50%;background:var(--lav);display:grid;place-items:center}
.socials svg{width:22px;height:22px;fill:var(--plum)}
.socials a:hover{background:var(--plum)}.socials a:hover svg{fill:#fff}
/* footer */
.site-footer{background:#f3e9dc;padding:70px 0 0;margin-top:0;position:relative}
.footer-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr;gap:40px;padding-bottom:40px}
@media (max-width:800px){.footer-grid{grid-template-columns:1fr}}
.f-h{font-size:1.15rem;margin-bottom:14px}
.f-links,.f-list{list-style:none;margin:0;padding:0;display:grid;gap:8px}
.f-links a,.f-list a{text-decoration:none;color:var(--ink);font-weight:700}
.f-links a:hover,.f-list a:hover{color:var(--orange2)}
.f-brand img{width:240px;margin-bottom:14px}
.f-brand p{color:var(--ink2);font-size:1rem}
.copy{border-top:1px solid #e3d5c3;padding:18px 0 16px;font-size:.95rem;color:var(--ink2)}
.copy-in{display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.copy a{color:var(--ink2)}
.bw-credit a:hover,.bw-credit a:focus-visible{color:#c0392b!important}
/* mobile CTA */
.mobile-cta{display:none}
@media (max-width:1023px){
 .mobile-cta{display:grid;grid-template-columns:1.2fr 1fr;gap:10px;position:fixed;inset-inline:12px;bottom:12px;z-index:150;padding:8px;border-radius:22px;background:rgba(255,255,255,.94);backdrop-filter:blur(10px);box-shadow:0 14px 40px -12px rgba(60,30,80,.45);border:1px solid var(--line)}
 .mobile-cta a{display:flex;align-items:center;justify-content:center;gap:8px;min-height:58px;border-radius:16px;font-weight:900;font-size:1.08rem;text-decoration:none}
 .mobile-cta a svg{width:22px;height:22px;fill:currentColor}
 .mobile-cta .mc-call{background:linear-gradient(135deg,var(--orange),#f19a4c);color:#fff}
 .mobile-cta .mc-visit{background:var(--lav);color:var(--plum)}
 body{padding-bottom:96px}
}
.to-top{position:fixed;inset-inline-end:20px;bottom:24px;width:54px;height:54px;border-radius:50%;background:#fff;border:2px solid var(--line);display:grid;place-items:center;box-shadow:var(--sh2);opacity:0;transform:translateY(20px);transition:.3s;z-index:90;color:var(--plum);text-decoration:none;font-size:24px}
.to-top.show{opacity:1;transform:none}
@media (max-width:1023px){.to-top{bottom:110px}}
/* reveal */
.js .rv{opacity:0;transform:translateY(34px);transition:opacity .9s cubic-bezier(.2,.8,.2,1),transform .9s cubic-bezier(.2,.8,.2,1);transition-delay:calc(var(--d,0) * 110ms)}
.js .rv.zoom{transform:scale(.94)}
.js .rv.in{opacity:1;transform:none}
/* page fade */
body{animation:pageIn .6s ease both}
@keyframes pageIn{from{opacity:0}to{opacity:1}}
#sc-exit{position:fixed;inset:0;background:var(--cream);z-index:3000;opacity:0;pointer-events:none;transition:opacity .35s ease}
#sc-exit.on{opacity:1}
/* intro */
#sc-intro{position:fixed;inset:0;z-index:5000;display:flex;align-items:center;justify-content:center;flex-direction:column;background:radial-gradient(800px 500px at 70% 20%,#fde0c9,transparent 60%),radial-gradient(700px 500px at 20% 90%,#ece0fa,transparent 60%),var(--cream);cursor:pointer;text-align:center;padding:24px}
#sc-intro.done{animation:introOut .8s cubic-bezier(.7,0,.3,1) forwards}
@keyframes introOut{to{opacity:0;visibility:hidden;transform:scale(1.03)}}
.si-house{width:150px;height:150px}
.si-house .roof{stroke-dasharray:420;stroke-dashoffset:420;animation:draw 1.5s .2s ease forwards}
.si-house .heart{transform-origin:75px 92px;transform:scale(0);animation:pop .9s 1.2s cubic-bezier(.3,1.6,.5,1) forwards,beat 1.4s 2.3s ease-in-out infinite}
.si-house .person{opacity:0;animation:fadeUp .7s 1.7s ease forwards}
@keyframes draw{to{stroke-dashoffset:0}}
@keyframes pop{to{transform:scale(1)}}
@keyframes beat{0%,100%{transform:scale(1)}15%{transform:scale(1.1)}30%{transform:scale(1)}45%{transform:scale(1.06)}}
@keyframes fadeUp{from{opacity:0;transform:translateY(10px)}to{opacity:1;transform:none}}
.si-name{font-family:var(--fh);font-size:clamp(2rem,6vw,3.4rem);color:var(--plum);margin:18px 0 4px;font-weight:700}
.si-name span{display:inline-block;opacity:0;transform:translateY(18px);animation:fadeUp .6s ease forwards;animation-delay:calc(1.6s + var(--i)*55ms)}
.si-sub{font-size:clamp(1.05rem,2.6vw,1.4rem);color:var(--ink2);margin:0;opacity:0;animation:fadeUp .8s 2.4s ease forwards;font-weight:700}
.si-line{margin:22px 0 0;font-size:clamp(1.05rem,2.4vw,1.3rem);color:var(--orange2);font-weight:800;opacity:0;animation:fadeUp .8s 2.9s ease forwards}
.si-bar{width:200px;height:5px;border-radius:5px;background:#efe1d1;margin-top:26px;overflow:hidden}
.si-bar i{display:block;height:100%;width:100%;background:linear-gradient(90deg,var(--orange),var(--plum));transform-origin:left;transform:scaleX(0);animation:bar 4.1s linear forwards}
[dir=rtl] .si-bar i{transform-origin:right}
@keyframes bar{to{transform:scaleX(1)}}
.si-skip{position:absolute;bottom:28px;font-size:.95rem;color:var(--ink2);font-weight:700}
html.seen #sc-intro{display:none}
@media (prefers-reduced-motion:reduce){
 *,*::before,*::after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}
 .js .rv{opacity:1;transform:none}.hero-frame img.on{animation:none}
 #sc-intro .si-name span,#sc-intro .si-sub,#sc-intro .si-line,#sc-intro .person{opacity:1;transform:none}
 #sc-intro .heart{transform:scale(1)}#sc-intro .roof{stroke-dashoffset:0}
}
.svc-grid{display:flex;flex-wrap:wrap;justify-content:center}
.svc-grid>.svc{flex:1 1 300px;max-width:calc((100% - 52px)/3)}
@media (max-width:1000px){.svc-grid>.svc{max-width:calc((100% - 26px)/2)}}
@media (max-width:640px){.svc-grid>.svc{max-width:100%}}
.site-nav a,.nav-cta{white-space:nowrap}
@media (min-width:1024px) and (max-width:1320px){.topbar{font-size:.85rem}.site-nav{gap:10px}.site-nav a:not(.btn){padding:10px 7px;font-size:.93rem}.nav-cta{padding:8px 16px;font-size:.92rem}.nav-cta svg{display:none}.brand img{width:180px}.lang a{min-width:38px;padding:4px 7px}.header-in{gap:14px}}
@media (min-width:1024px) and (max-width:1120px){.lang-globe{display:none}.brand img{width:160px}}
.header-in{width:min(1380px,100% - 32px)}
.map{aspect-ratio:auto;height:clamp(320px,40vw,480px);min-height:0}
@media (min-width:1024px) and (max-width:1500px){.site-nav{gap:10px}.site-nav a:not(.btn){padding:10px 8px}.nav-cta{padding:8px 18px}}
@media (min-width:1024px) and (max-width:1180px){html[lang=ru] .site-nav a:not(.btn){padding:10px 5px;font-size:.88rem}html[lang=ru] .nav-cta{font-size:.86rem;padding:8px 12px}html[lang=ru] .brand img{width:150px}}
/* top utility bar with segmented language switcher */
.topbar{background:linear-gradient(90deg,#5a3590,#6b3fa0 60%,#7d4aa8)}
.topbar-in{min-height:56px;flex-wrap:nowrap}
.tb-right{gap:10px;min-width:0;flex:1;justify-content:flex-end}
.tb-addr{flex:none}
.tb-call{display:inline-flex;align-items:center;gap:8px;min-height:40px;padding:0 14px 0 4px;border-radius:999px;background:rgba(255,255,255,.14);font-weight:800;flex:none}
[dir=rtl] .tb-call{padding:0 4px 0 14px}
.tb-call svg{width:32px;height:32px;padding:7px;border-radius:50%;background:var(--orange);fill:#fff;animation:ring 4s ease-in-out infinite}
@keyframes ring{0%,86%,100%{transform:rotate(0)}89%{transform:rotate(-14deg)}92%{transform:rotate(12deg)}95%{transform:rotate(-8deg)}}
.tb-soc{width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.12);flex:none;transition:background .25s}
.tb-soc:hover{background:rgba(255,255,255,.28)}
.tb-soc svg{width:19px;height:19px;fill:#fff}
.seg{position:relative;display:flex;align-items:stretch;padding:4px;border-radius:999px;background:rgba(255,255,255,.12);border:1.5px solid rgba(255,255,255,.45);overflow-x:auto;scrollbar-width:none;min-width:0;flex:0 1 auto;isolation:isolate}
.seg::-webkit-scrollbar{display:none}
.seg a{position:relative;z-index:1;display:inline-flex;align-items:center;justify-content:center;min-height:38px;padding:0 15px;border-radius:999px;font-weight:800;font-size:.92rem;white-space:nowrap;color:#fff;transition:color .35s;font-family:var(--fb)}
.seg a[lang=ar]{font-family:"Tajawal","Cairo",system-ui,sans-serif;font-size:1rem}
.seg a[lang=zh-CN]{font-family:"Noto Sans SC","PingFang SC",system-ui,sans-serif}
.seg a[aria-current=true]{color:var(--plum)}
.seg a:hover:not([aria-current]){color:#ffe1c9}
.seg-ind{position:absolute;z-index:0;top:4px;bottom:4px;left:0;width:0;border-radius:999px;background:#fff;box-shadow:0 4px 14px -4px rgba(0,0,0,.35);transition:transform .45s cubic-bezier(.3,1.3,.5,1),width .45s cubic-bezier(.3,1.3,.5,1)}
.seg:not(.ready) a[aria-current=true]{background:#fff}
@media (max-width:1023px){.topbar .tb-mail{display:none}}
@media (max-width:640px){.topbar-in{width:calc(100% - 16px);gap:6px}.tb-num{display:none}.tb-call{padding:0;background:none}.tb-call svg{width:40px;height:40px;padding:10px}
 .tb-soc{width:36px;height:36px}.seg a{padding:0 10px;font-size:.85rem;min-height:40px}.seg a[lang=ar]{font-size:.92rem}.tb-right{gap:6px;justify-content:space-between}}
@media (max-width:360px){.tb-soc{display:none}}
html[lang=he]{--fh:"Frank Ruhl Libre",Georgia,serif;--fb:"Rubik",system-ui,sans-serif}
.seg a[lang=he]{font-family:"Rubik",system-ui,sans-serif}
.seg{-webkit-mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%);mask-image:linear-gradient(90deg,transparent 0,#000 14px,#000 calc(100% - 14px),transparent 100%)}
@media (min-width:1024px){.seg{-webkit-mask-image:none;mask-image:none}}
@media (min-width:1024px) and (max-width:1400px){.topbar .tb-mail{display:none}.seg a{padding:0 11px;font-size:.88rem}}
@media (min-width:1024px) and (max-width:1180px){.tb-addr{display:none}}
@media (min-width:1024px){.seg{flex-shrink:0}.tb-right{justify-content:flex-end}}
@media (min-width:1024px) and (max-width:1640px){.topbar .tb-mail{display:none}}
@media (max-width:1023px){.mobile-cta{grid-template-columns:1fr 1.25fr}.mobile-cta a{white-space:nowrap;font-size:1rem;padding:0 8px;overflow:hidden}.mobile-cta .mc-visit svg{display:none}}
/* ===== v2 premium polish ===== */
:root{--cream:#fbf6ee;--cream2:#f6ecdf;--ivory:#fffcf6;--plum:#5a2d82;--plum2:#41205f;--orange:#d9653f;--orange2:#b4482a;--apricot:#f3a46f;--sage:#a8c3a0;--gold:#c9a55c;--ink:#2a2230;--ink2:#4c4354;--line:#ece0cf;
--sh:0 24px 60px -28px rgba(70,35,60,.35),0 2px 6px -2px rgba(70,35,60,.08);--sh2:0 12px 32px -16px rgba(70,35,60,.28)}
body{background:var(--cream)}
.topbar{background:linear-gradient(100deg,#3f1e5c,#5a2d82 55%,#7a3f8c)!important}
.btn-primary{position:relative;overflow:hidden;isolation:isolate;background:linear-gradient(135deg,#c9532f,#e0774a 60%,#ee9460);box-shadow:0 14px 30px -14px rgba(201,83,47,.8)}
.btn-primary::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(110deg,transparent 30%,rgba(255,255,255,.45) 50%,transparent 70%);transform:translateX(-120%);animation:shimmer 4.5s ease-in-out infinite}
@keyframes shimmer{0%,55%{transform:translateX(-120%)}85%,100%{transform:translateX(120%)}}
.btn-soft{background:rgba(255,255,255,.75);backdrop-filter:blur(8px);border-color:#e3d3e9;color:var(--plum)}
/* language panel */
.langbar{position:relative;z-index:5;padding:12px 0 6px;background:linear-gradient(180deg,rgba(255,252,246,.9),rgba(251,246,238,0))}
.lp{position:relative;display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:6px;padding:6px;max-width:980px;margin-inline:auto;border-radius:22px;background:rgba(255,255,255,.7);border:1px solid rgba(90,45,130,.14);box-shadow:0 14px 34px -22px rgba(65,32,95,.45),inset 0 1px 0 #fff;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);isolation:isolate}
.lp a{position:relative;z-index:1;display:flex;align-items:center;justify-content:center;min-height:48px;padding:4px 8px;border-radius:16px;font-weight:800;font-size:16px;line-height:1.15;text-align:center;text-decoration:none;color:var(--plum2);transition:color .35s,background .3s;white-space:nowrap}
.lp a:hover:not([aria-current]){background:rgba(90,45,130,.07);color:var(--plum)}
.lp a[aria-current=true]{color:#fff}
.lp a[lang=ar]{font-family:"Tajawal","Cairo",system-ui,sans-serif;font-size:18px}
.lp a[lang=zh-CN]{font-family:"Noto Sans SC","PingFang SC",system-ui,sans-serif}
.lp a[lang=he]{font-family:"Rubik",system-ui,sans-serif;font-size:17px}
.lp-ind{position:absolute;z-index:0;left:0;top:0;width:0;height:0;border-radius:16px;background:linear-gradient(135deg,#5a2d82,#8a4597 55%,#d9653f);box-shadow:0 8px 22px -6px rgba(138,69,151,.7),0 0 0 3px rgba(243,164,111,.25);transition:transform .5s cubic-bezier(.3,1.25,.5,1),width .5s cubic-bezier(.3,1.25,.5,1),height .5s;animation:lpglow 3s ease-in-out infinite}
@keyframes lpglow{50%{box-shadow:0 10px 28px -6px rgba(217,101,63,.75),0 0 0 5px rgba(243,164,111,.18)}}
.lp:not(.ready) a[aria-current=true]{background:linear-gradient(135deg,#5a2d82,#d9653f)}
@media (max-width:760px){.lp{grid-template-columns:repeat(3,minmax(0,1fr))}.langbar{padding:10px 0 4px}.langbar .wrap{width:calc(100% - 20px)}}
/* scroll progress */
.sprog{position:fixed;top:0;left:0;right:0;height:4px;z-index:1001;transform-origin:0 50%;transform:scaleX(var(--sp,0));background:linear-gradient(90deg,#5a2d82,#c95a8a,#f3a46f);pointer-events:none}
html[dir=rtl] .sprog{transform-origin:100% 50%}
/* hero aurora */
.hero{background:linear-gradient(180deg,var(--ivory),var(--cream))}
.aurora{position:absolute;inset:-20%;z-index:0;pointer-events:none;filter:blur(60px);opacity:.75}
.aurora i{position:absolute;width:46vmax;height:46vmax;border-radius:50%;mix-blend-mode:multiply;animation:aur 22s ease-in-out infinite alternate}
.aurora i:nth-child(1){background:radial-gradient(circle,#e9d5f3 0,transparent 65%);top:0;left:5%}
.aurora i:nth-child(2){background:radial-gradient(circle,#fcd9c2 0,transparent 65%);top:10%;right:0;animation-duration:26s;animation-delay:-6s}
.aurora i:nth-child(3){background:radial-gradient(circle,#dbe8d3 0,transparent 65%);bottom:0;left:30%;animation-duration:30s;animation-delay:-12s}
.aurora i:nth-child(4){background:radial-gradient(circle,#f5e4bf 0,transparent 65%);bottom:5%;right:20%;width:30vmax;height:30vmax;animation-duration:19s}
@keyframes aur{0%{transform:translate(0,0) scale(1)}50%{transform:translate(6%,-5%) scale(1.15)}100%{transform:translate(-5%,6%) scale(.95)}}
.hero>.wrap{position:relative;z-index:1}
.hero h1 .accent{background:linear-gradient(100deg,#5a2d82 0%,#a2477f 45%,#d9653f 80%,#5a2d82 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;animation:grad 9s ease-in-out infinite alternate}
@keyframes grad{to{background-position:100% 0}}
.hero h1>span{display:block;opacity:0;transform:translateY(24px);filter:blur(6px);animation:reveal .9s cubic-bezier(.2,.8,.2,1) forwards}
.hero h1 .pre{animation-delay:.25s}.hero h1 .accent{animation:reveal .9s cubic-bezier(.2,.8,.2,1) .45s forwards,grad 9s ease-in-out 1.4s infinite alternate}.hero h1 .sub{animation-delay:.65s}
@keyframes reveal{to{opacity:1;transform:none;filter:none}}
/* glass cards / lift */
.svc,.ev,.feat,.c-card,.testi,.stat{background:rgba(255,255,255,.78);backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.9);box-shadow:var(--sh2);transition:transform .45s cubic-bezier(.2,.8,.2,1),box-shadow .45s}
.svc:hover,.ev:hover,.feat:hover,.c-card:hover,.stat:hover{transform:translateY(-10px);box-shadow:0 30px 60px -28px rgba(90,45,130,.45)}
.tilt{transition:transform .5s cubic-bezier(.2,.8,.2,1);transform-style:preserve-3d;will-change:transform}
/* nav underline */
.site-nav a:not(.btn)::after{background:linear-gradient(90deg,#5a2d82,#d9653f);transform-origin:var(--o,50%) 50%}
.quicknav a[aria-current=page]{background:linear-gradient(135deg,#5a2d82,#7f3f92);border-color:transparent}
/* section waves */
.section.alt,.section.tint{background:linear-gradient(180deg,#f7eee2,#fbf6ee)}
.section.tint{background:linear-gradient(160deg,#f3eaf7 0%,#fcf1e7 55%,#edf3ea 100%)}
.section.alt::before,.section.tint::before{content:"";position:absolute;left:0;right:0;top:-1px;height:48px;background:var(--cream);pointer-events:none;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v18c-180 26-360 30-540 12S540 0 360 14 120 40 0 26z'/%3E%3C/svg%3E") center/100% 100% no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v18c-180 26-360 30-540 12S540 0 360 14 120 40 0 26z'/%3E%3C/svg%3E") center/100% 100% no-repeat}
/* floating hearts */
.hearts{position:absolute;inset:0;overflow:hidden;pointer-events:none;z-index:0}
.hearts i{position:absolute;bottom:-40px;left:var(--x);font-style:normal;font-size:calc(26px*var(--s));color:#e7a08a;opacity:0;animation:rise var(--t) linear var(--dl) infinite}
.hearts i:nth-child(3n){color:#a8c3a0}.hearts i:nth-child(4n){color:#c9a5d8}
@keyframes rise{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.7}90%{opacity:.5}100%{transform:translateY(-110vh) rotate(40deg) translateX(30px);opacity:0}}
.section.tint>.wrap{position:relative;z-index:1}
.stat b{background:linear-gradient(135deg,#5a2d82,#d9653f);-webkit-background-clip:text;background-clip:text;color:transparent}
@media (prefers-reduced-motion:reduce){.aurora i,.hearts,.btn-primary::after,.lp-ind,.hero h1 .accent{animation:none!important}.hearts{display:none}.hero h1>span{opacity:1;transform:none;filter:none;animation:none!important}.tilt{transform:none!important}.svc:hover,.ev:hover,.feat:hover,.c-card:hover,.stat:hover{transform:none}}
/* ===== v3: one-row page pills + one-row languages ===== */
@media (max-width:1023px){
 .quicknav ul{display:flex;gap:4px;padding:8px 8px;overflow:visible;justify-content:space-between}
 .quicknav li{flex:1 1 auto;min-width:0;display:flex}
 .quicknav a{flex:1;justify-content:center;min-height:40px;padding:6px 3px;font-size:clamp(10.5px,3.15vw,15px);font-weight:800;letter-spacing:-.01em;border-radius:999px;white-space:nowrap;overflow:hidden;text-overflow:clip;box-shadow:0 2px 8px -6px rgba(65,32,95,.4)}
 html[lang=ar] .quicknav a{font-size:clamp(11.5px,3.4vw,16px)}
 html[lang=zh-CN] .quicknav a{font-size:clamp(12px,3.6vw,16px)}
}
@media (min-width:600px) and (max-width:1023px){.quicknav ul{gap:8px;padding:10px 20px}.quicknav a{padding:8px 10px}}
.lp{grid-template-columns:repeat(6,minmax(0,1fr))!important;gap:4px;padding:4px}
.lp .ls{display:none}
.lp a{min-height:40px;padding:2px 4px}
@media (max-width:599px){.lp .lf{display:none}.lp .ls{display:inline}.lp a{font-size:clamp(13px,4vw,16px);border-radius:14px}.lp a[lang=ar]{font-size:clamp(14px,4.3vw,17px)}.lp a[lang=he]{font-size:clamp(13px,3.9vw,16px)}.lp-ind{border-radius:14px}.langbar{padding:8px 0 4px}.langbar .wrap{width:calc(100% - 16px)}}
@media (min-width:600px) and (max-width:900px){.lp a{font-size:15px}}
/* ===== v4: living background + themed line-art ===== */
body{background:#fbf6ee}
body::before{content:"";position:fixed;inset:0;z-index:-2;background:linear-gradient(120deg,#fffaf2,#fbe9e4,#fde3cc,#efe6f6,#e5efe3,#fffaf2);background-size:400% 400%;animation:livebg 54s ease-in-out infinite;pointer-events:none}
@keyframes livebg{0%{background-position:0% 30%}50%{background-position:100% 70%}100%{background-position:0% 30%}}
body::after{content:"";position:fixed;inset:0;z-index:999;pointer-events:none;opacity:.05;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.85' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}
.livebg{position:fixed;inset:0;z-index:-1;pointer-events:none;overflow:hidden}
.livebg i{position:absolute;width:42vmax;height:42vmax;border-radius:50%;filter:blur(70px);opacity:.38;animation:orb 70s ease-in-out infinite alternate;will-change:transform}
.livebg i:nth-child(1){background:#f8c9a8;top:-10%;left:-10%}
.livebg i:nth-child(2){background:#e3cdf0;top:30%;right:-15%;animation-duration:85s;animation-delay:-20s}
.livebg i:nth-child(3){background:#cfe2c8;bottom:-15%;left:20%;animation-duration:95s;animation-delay:-40s}
.livebg i:nth-child(4){background:#f6d7da;top:10%;left:40%;width:28vmax;height:28vmax;animation-duration:75s;animation-delay:-10s}
.livebg i:nth-child(5){background:#f3e2b5;bottom:10%;right:10%;width:24vmax;height:24vmax;animation-duration:65s}
@keyframes orb{0%{transform:translate(0,0) scale(1)}33%{transform:translate(12vw,8vh) scale(1.1)}66%{transform:translate(-8vw,14vh) scale(.92)}100%{transform:translate(6vw,-10vh) scale(1.05)}}
/* sections: a day in tints (translucent so the living bg shows) */
.hero{background:linear-gradient(180deg,rgba(255,250,240,.55),rgba(255,244,226,.35))!important}
.section,.page-hero{overflow-x:clip}
main>.section{background:linear-gradient(180deg,rgba(255,249,236,.45),rgba(255,246,232,.25))}
main>.section:nth-of-type(n+3){background:linear-gradient(180deg,rgba(254,236,222,.45),rgba(252,230,226,.3))}
main>.section:nth-of-type(n+5){background:linear-gradient(180deg,rgba(252,232,230,.4),rgba(240,230,246,.4))}
main>.section:nth-of-type(n+7){background:linear-gradient(180deg,rgba(240,230,246,.5),rgba(232,226,244,.45))}
main>.section.alt{background:linear-gradient(180deg,rgba(247,238,226,.7),rgba(251,246,238,.45))}
main>.section.tint{background:linear-gradient(160deg,rgba(243,234,247,.7),rgba(252,241,231,.55) 55%,rgba(237,243,234,.7))}
.section.alt::before,.section.tint::before{background:rgba(251,246,238,.9);-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v24c-240 24-480 24-720 0S240 0 0 24z'/%3E%3C/svg%3E") 0 0/1440px 100% repeat-x;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 1440 48' preserveAspectRatio='none'%3E%3Cpath d='M0 0h1440v24c-240 24-480 24-720 0S240 0 0 24z'/%3E%3C/svg%3E") 0 0/1440px 100% repeat-x;animation:wave 26s linear infinite}
@keyframes wave{to{-webkit-mask-position:1440px 0;mask-position:1440px 0}}
.section>.wrap,.page-hero>.wrap{position:relative;z-index:1}
/* line art */
.art{position:absolute;width:var(--sz);height:var(--sz);pointer-events:none;z-index:0;opacity:.75}
.art svg{width:100%;height:100%;stroke-width:2.6;overflow:visible}
.t-p{color:#7a4a9c}.t-c{color:#e07a5a}.t-s{color:#7fa27a}.t-g{color:#c9a04c}
.art path{stroke:currentColor;stroke-dasharray:1;stroke-dashoffset:1;transition:stroke-dashoffset 2.6s cubic-bezier(.4,0,.2,1)}
.art .pe,.art .ht{fill:color-mix(in srgb,currentColor 14%,transparent)}
.art.drawn path{stroke-dashoffset:0}
.art circle,.art ellipse,.art rect{stroke:currentColor;opacity:0;transition:opacity 1s 1.6s}
.art.drawn circle,.art.drawn ellipse,.art.drawn rect{opacity:1}
.dotf{fill:currentColor}.dotc{fill:#f0a083;stroke:none!important}.dotg{fill:#e2c27a;stroke:none!important}.dots{fill:#a8c3a0;stroke:none!important}
.art .win{fill:#f6c76d;stroke:currentColor;filter:drop-shadow(0 0 6px #f6c76d)}
.art-sun .rays{transform-origin:50px 50px;animation:spin 60s linear infinite}
.art-teacup .st{animation:steam 4s ease-in-out infinite}.art-teacup .s2{animation-delay:-1.3s}.art-teacup .s3{animation-delay:-2.6s}
@keyframes steam{0%,100%{transform:translateY(2px);opacity:.25}50%{transform:translateY(-5px);opacity:.9}}
.art-butterfly .flap{transform-origin:50px 50px;animation:flap 2.6s ease-in-out infinite}
@keyframes flap{50%{transform:scaleX(.55)}}
.art-butterfly,.art-bird{animation:drift 14s ease-in-out infinite alternate}
@keyframes drift{0%{translate:0 0}50%{translate:18px -14px}100%{translate:-12px 8px}}
.art-heart svg,.art-hands .ht{animation:beat 3.2s ease-in-out infinite;transform-origin:50% 50%}
@keyframes beat{0%,100%{transform:scale(1)}12%{transform:scale(1.08)}24%{transform:scale(1)}36%{transform:scale(1.05)}}
.art-flower .pe,.art-branch .lf{transform-origin:50% 100%;animation:sway 7s ease-in-out infinite alternate}
@keyframes sway{to{transform:rotate(3deg)}}
.art-notes,.art-puzzle,.art-palette{animation:bob 9s ease-in-out infinite alternate}
@keyframes bob{to{translate:0 -12px;rotate:4deg}}
.paused .art,.paused .art *,.paused .hearts i{animation-play-state:paused!important}
@media (max-width:760px){.art{--sz:calc(var(--sz-m,70px))!important;width:72px;height:72px;opacity:.55}.art-hands,.art-puzzle,.art-notes{display:none}}
/* delights */
.cglow{position:fixed;left:0;top:0;width:420px;height:420px;margin:-210px 0 0 -210px;border-radius:50%;pointer-events:none;z-index:0;background:radial-gradient(circle,rgba(243,164,111,.16),rgba(201,165,216,.1) 40%,transparent 70%);opacity:0;transition:opacity .6s;will-change:transform}
.cglow.on{opacity:1}
.btn-primary{animation:breathe 4.8s ease-in-out infinite}
@keyframes breathe{0%,100%{box-shadow:0 14px 30px -14px rgba(201,83,47,.8)}50%{box-shadow:0 18px 40px -12px rgba(201,83,47,.95),0 0 0 6px rgba(243,164,111,.15)}}
.section h2.rv{position:relative;padding-bottom:.28em}
.section h2.rv::after{content:"";display:block;width:140px;max-width:60%;height:14px;margin-top:.2em;background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 140 14'%3E%3Cpath d='M3 9c20-6 38 4 58-1s36-6 52-1 18 2 24-1' fill='none' stroke='%23e07a5a' stroke-width='3.5' stroke-linecap='round'/%3E%3C/svg%3E") 0 0/140px 14px no-repeat;clip-path:inset(0 100% 0 0);transition:clip-path 1.4s cubic-bezier(.4,0,.2,1) .5s}
html[dir=rtl] .section h2.rv::after{transform:scaleX(-1);clip-path:inset(0 0 0 100%)}
.center h2.rv::after,.section .center h2.rv::after{margin-inline:auto}
.section h2.rv.in::after{clip-path:inset(0 0 0 0)!important}
.svc,.ev,.feat,.c-card,.testi,.stat{background:rgba(255,255,255,.82)}
@media (prefers-reduced-motion:reduce){body::before,.livebg i,.art,.art *,.btn-primary,.section.alt::before,.section.tint::before{animation:none!important}.art path{stroke-dashoffset:0;transition:none}.art circle,.art ellipse,.art rect{opacity:1;transition:none}.section h2.rv::after{clip-path:none!important;transition:none}.cglow{display:none}}
/* ===== v4 intro: logo-built, sun & clouds ===== */
#sc-intro{overflow:hidden;background:linear-gradient(180deg,#fbd9d6 0%,#fde3cc 45%,#fff6e8 100%);gap:0}
#sc-intro::before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,#fde7c2 0%,#fff1d6 50%,#fffaf0 100%);opacity:0;animation:skyWarm 6s ease forwards}
@keyframes skyWarm{to{opacity:1}}
#sc-intro>*{position:relative;z-index:2}
#sc-intro .si-aur,#sc-intro .si-sky,#sc-intro .si-pet{position:absolute;inset:0;z-index:1;pointer-events:none}
.si-aur i{position:absolute;width:60vmax;height:60vmax;border-radius:50%;filter:blur(80px);opacity:.45;animation:aur 14s ease-in-out infinite alternate}
.si-aur i:nth-child(1){background:#f9c6b8;left:-20%;top:-20%}.si-aur i:nth-child(2){background:#e6d4f4;right:-25%;bottom:-25%;animation-delay:-5s}.si-aur i:nth-child(3){background:#ffe2a8;left:30%;top:40%;width:40vmax;height:40vmax;animation-delay:-9s}
.si-sun{position:absolute;left:50%;top:50%;width:min(76vmin,560px);aspect-ratio:1;margin:calc(min(76vmin,560px)/-2) 0 0 calc(min(76vmin,560px)/-2);transform:translateY(42vh) scale(.8);opacity:0;animation:sunRise 3.4s cubic-bezier(.2,.7,.2,1) .1s forwards}
.si-sun::before{content:"";position:absolute;inset:-25%;border-radius:50%;background:radial-gradient(circle,rgba(255,214,120,.75),rgba(255,190,120,.3) 40%,transparent 68%);animation:sunPulse 4s ease-in-out infinite}
.si-sun svg{position:relative;width:100%;height:100%}
.si-sun circle{fill:#ffd88a;filter:drop-shadow(0 0 24px #ffc76b);opacity:.85}
.si-sun .sr{transform-origin:100px 100px;animation:spin 40s linear infinite}
.si-sun .sr path{stroke:#ffc870;stroke-width:6;stroke-linecap:round;opacity:.7;animation:rayP 3s ease-in-out infinite alternate}
.si-sun .sr path:nth-child(even){animation-delay:-1.5s;opacity:.45}
@keyframes sunRise{to{transform:translateY(-6vh) scale(1);opacity:1}}
@keyframes sunPulse{50%{transform:scale(1.08);opacity:.8}}
@keyframes rayP{to{stroke-dasharray:14 40;opacity:.3}}
.cl{position:absolute;display:block;filter:drop-shadow(0 8px 14px rgba(200,140,120,.18))}
.cl svg{width:100%;height:auto;display:block}
.si-sky .cl{opacity:.8;animation:cloud linear infinite}
.si-sky .c1{width:260px;top:12%;left:-30%;animation-duration:26s;animation-delay:-8s}
.si-sky .c2{width:180px;top:30%;left:-30%;opacity:.6;animation-duration:38s;animation-delay:-22s;filter:blur(1px)}
.si-sky .c3{width:320px;bottom:16%;left:-40%;opacity:.7;animation-duration:22s;animation-delay:-4s}
.si-sky .c4{width:140px;top:6%;left:-30%;opacity:.5;animation-duration:46s;animation-delay:-30s;filter:blur(2px)}
@keyframes cloud{from{transform:translateX(0)}to{transform:translateX(170vw)}}
.si-pet i{position:absolute;top:-20px;left:var(--x);width:10px;height:14px;border-radius:60% 0 60% 0;background:var(--c);opacity:0;animation:petal var(--t) linear calc(1.2s + var(--d)) infinite}
.si-pet i:nth-child(3n){width:6px;height:6px;border-radius:50%;box-shadow:0 0 8px var(--c)}
@keyframes petal{0%{transform:translateY(0) rotate(0);opacity:0}10%{opacity:.85}100%{transform:translateY(105vh) translateX(40px) rotate(320deg);opacity:0}}
.si-logo{position:relative;width:min(58vw,240px);aspect-ratio:100/72}
.si-glow{position:absolute;left:50%;top:68%;width:70%;aspect-ratio:1;transform:translate(-50%,-50%) scale(0);border-radius:50%;background:radial-gradient(circle,rgba(251,179,41,.55),rgba(241,83,36,.18) 50%,transparent 70%);animation:glowIn 1s 2.5s ease forwards,glowBeat 1.6s 3.5s ease-in-out infinite}
@keyframes glowIn{to{transform:translate(-50%,-50%) scale(1)}}
@keyframes glowBeat{50%{transform:translate(-50%,-50%) scale(1.15);opacity:.8}}
.mark{position:relative;width:100%;height:100%;overflow:visible}
#sc-intro .mark path{stroke-dasharray:1;stroke-dashoffset:1}
#sc-intro .m-roof{animation:drawP 1.3s .3s cubic-bezier(.5,0,.2,1) forwards}
#sc-intro .m-chim{animation:drawP .5s 1.3s ease forwards}
#sc-intro .m-wall{animation:drawP .7s 1.5s ease forwards}
#sc-intro .m-hl{animation:drawP 1s 1.9s cubic-bezier(.4,0,.2,1) forwards}
#sc-intro .m-hr{animation:drawP 1s 1.9s cubic-bezier(.4,0,.2,1) forwards}
#sc-intro .m-fig{opacity:0;transform:translateY(8px);transform-origin:51.5px 62px;animation:figUp .8s 2.7s cubic-bezier(.3,1.4,.5,1) forwards}
#sc-intro .m-fig path{stroke-dasharray:none;stroke-dashoffset:0}
#sc-intro .m-arms{transform-origin:51.5px 45px;transform:scaleY(-.4);animation:arms .7s 3.2s cubic-bezier(.3,1.6,.5,1) forwards}
@keyframes drawP{to{stroke-dashoffset:0}}
@keyframes figUp{to{opacity:1;transform:none}}
@keyframes arms{to{transform:none}}
.mark .m-hl,.mark .m-hr{filter:drop-shadow(0 0 0 rgba(251,179,41,0))}
#sc-intro .si-name{margin:16px 0 2px;color:#00407e;font-family:"Lora",Georgia,serif}
#sc-intro .si-name span span{animation-delay:calc(3.1s + var(--i)*45ms)}
#sc-intro .si-name>span{opacity:1;transform:none;animation:none}
#sc-intro .si-sub{animation-delay:3.8s;color:#4a2d8f;letter-spacing:.06em}
#sc-intro .si-line{margin:18px 0 0;opacity:1;animation:none;font-size:clamp(1.25rem,3.6vw,1.8rem);color:#b4482a;font-family:var(--fh)}
.si-line span{display:inline-block;opacity:0;transform:translateY(12px);filter:blur(4px);animation:reveal .6s ease forwards;animation-delay:calc(4s + var(--i)*40ms)}
html[lang=ar] .si-line span{animation-delay:calc(4s + var(--i)*160ms)}
.si-enter{margin-top:26px;display:inline-flex;align-items:center;gap:10px;min-height:56px;padding:12px 30px;border-radius:999px;border:1.5px solid rgba(255,255,255,.9);background:linear-gradient(135deg,rgba(255,255,255,.75),rgba(255,240,225,.6));backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);color:#4a2d8f;font:800 1.1rem var(--fb);cursor:pointer;box-shadow:0 14px 34px -14px rgba(180,72,42,.55),inset 0 1px 0 #fff;opacity:0;animation:fadeUp .8s .8s ease forwards,breathe2 3s 2s ease-in-out infinite}
.si-enter svg{width:22px;height:22px;color:#f15324}
.si-enter.played{pointer-events:none;opacity:.6!important;animation:none}
@keyframes breathe2{50%{box-shadow:0 18px 40px -12px rgba(241,83,36,.6),0 0 0 8px rgba(251,179,41,.18)}}
#sc-intro .si-skip{bottom:22px;opacity:.75}
#sc-intro .si-bar{display:none}
#sc-intro.done{animation:introOut2 1s cubic-bezier(.7,0,.3,1) forwards}
@keyframes introOut2{0%{opacity:1;filter:none;transform:none}100%{opacity:0;filter:blur(8px);transform:scale(1.06);visibility:hidden}}
/* page switch */
#sc-exit{display:flex;align-items:center;justify-content:center;overflow:hidden;background:linear-gradient(135deg,#fff3e2,#fbe1dc 50%,#efe4f6);transition:opacity .38s ease}
#sc-exit .se-logo{width:120px;aspect-ratio:100/72;position:relative;z-index:2}
#sc-exit.on .m-hl,#sc-exit.on .m-hr,#sc-exit.arrive .m-hl,#sc-exit.arrive .m-hr{transform-origin:51.5px 50px;animation:hbeat .9s ease-in-out infinite}
@keyframes hbeat{0%,100%{transform:scale(1)}30%{transform:scale(1.12)}55%{transform:scale(1.02)}}
.se-sun{position:absolute;width:420px;height:420px;left:50%;top:50%;margin:-210px 0 0 -210px;border-radius:50%;background:radial-gradient(circle,rgba(255,214,120,.6),rgba(255,190,120,.2) 45%,transparent 70%)}
.se-cl{width:200px;top:30%;left:-220px;opacity:.75}
#sc-exit.on .se-cl,#sc-exit.arrive .se-cl{animation:seCl 1.4s ease-out forwards}
@keyframes seCl{to{transform:translateX(calc(50vw + 60px))}}
#sc-exit.arrive{opacity:0;pointer-events:none}
html.seen #sc-exit.arrive{animation:arrOut .75s .1s ease forwards;opacity:1}
@keyframes arrOut{0%{opacity:1}100%{opacity:0;visibility:hidden}}
.snd-tg{position:fixed;z-index:5100;bottom:96px;inset-inline-start:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(90,45,130,.2);background:rgba(255,255,255,.85);backdrop-filter:blur(8px);color:#4a2d8f;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -10px rgba(65,32,95,.5)}
.snd-tg[hidden]{display:none}
.snd-tg svg{width:22px;height:22px}.snd-tg .x1{display:none}.snd-tg[aria-pressed=true] .x1{display:block}.snd-tg[aria-pressed=true] .w1{display:none}
@media (min-width:1024px){.snd-tg{bottom:24px}}
@media (prefers-reduced-motion:reduce){#sc-intro *,#sc-intro::before,#sc-exit *{animation:none!important;transition:none!important}#sc-intro .mark path{stroke-dashoffset:0}#sc-intro .m-fig,.si-line span,.si-enter,.si-sun,#sc-intro::before,#sc-intro .si-name span span,#sc-intro .si-sub{opacity:1!important;transform:none!important;filter:none!important}.si-sun{transform:translateY(-6vh)!important}.si-pet,.si-sky .cl{display:none}html.seen #sc-exit.arrive{display:none}}
.mus-tg{position:fixed;z-index:5100;bottom:96px;inset-inline-end:14px;width:44px;height:44px;border-radius:50%;border:1px solid rgba(0,64,126,.18);background:linear-gradient(135deg,rgba(255,255,255,.9),rgba(255,244,214,.85));backdrop-filter:blur(8px);color:#00407e;display:grid;place-items:center;cursor:pointer;box-shadow:0 8px 20px -10px rgba(0,64,126,.5)}
.mus-tg[hidden]{display:none}.mus-tg svg{width:20px;height:20px}.mus-tg .x1{display:none}.mus-tg[aria-pressed=true] .x1{display:block}
.mus-tg.playing::after{content:"";position:absolute;inset:-4px;border-radius:50%;border:2px solid rgba(251,179,41,.6);animation:musP 2.4s ease-out infinite}
@keyframes musP{to{transform:scale(1.35);opacity:0}}
.to-top{bottom:150px}
@media (min-width:1024px){.mus-tg{bottom:24px}.to-top{bottom:80px}}
@media (prefers-reduced-motion:reduce){.mus-tg.playing::after{animation:none}}
#sc-intro .si-skip{position:absolute;bottom:22px;left:0;right:0;margin:0}
#sc-intro .wd{display:inline-block;white-space:nowrap;opacity:1;transform:none;filter:none;animation:none}
#sc-intro .si-name .wd span{display:inline-block;opacity:0;transform:translateY(18px);animation:fadeUp .6s ease forwards;animation-delay:calc(3.1s + var(--i)*45ms)}
#sc-intro .si-line{max-width:92vw}
#sc-intro .wd{unicode-bidi:isolate}
html[lang=ar] #sc-intro .si-line span{animation-delay:calc(4s + var(--i)*70ms)}