@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=Outfit:wght@400;500;600&family=Vazirmatn:wght@400;500;600;700;800;900&display=swap');
:root{--accent:#ff7616;--ink:#11172b;--base:#f9fafb;--round:28px;--glass:.92;font-family:'Vazirmatn',Inter,sans-serif;color:var(--ink);background:var(--base);font-synthesis:none}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;min-width:320px}a{text-decoration:none;color:inherit}button,input{font:inherit}button{cursor:pointer}img{max-width:100%}::selection{background:#ffbf88}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px} .loading{min-height:70vh;display:grid;place-items:center;color:var(--accent)}
.container{max-width:1460px;padding:0 28px;margin:auto}.glass{background:rgba(255,255,255,var(--glass));border:1px solid rgba(227,230,236,.87);box-shadow:0 14px 55px -31px #283b5940;backdrop-filter:blur(20px)}
.site-header{margin:18px auto 16px;display:flex;align-items:center;justify-content:space-between;gap:22px;padding:11px 25px;border-radius:999px;position:relative;z-index:50}.brand{display:flex;align-items:center;gap:13px;direction:ltr;flex-shrink:0}.brand-mark{font:900 36px/1 Outfit,Inter,sans-serif;letter-spacing:-7px;padding-right:8px;color:var(--ink)}.brand-mark b{color:var(--accent)}.brand-copy{direction:ltr;text-align:left;line-height:1.15}.brand-copy strong{display:block;font:bold 18px Inter,sans-serif;letter-spacing:-.65px}.brand-copy small{font:600 9px Inter,sans-serif;letter-spacing:2px;color:#7a8698}.brand-img{max-width:120px;max-height:47px;object-fit:contain}
.nav-links{display:flex;align-items:center;gap:3px}.nav-links a{padding:11px 14px;border-radius:99px;font-size:12px;font-weight:800;color:#394259;white-space:nowrap;transition:.2s}.nav-links a:hover{background:#fff0e3;color:var(--accent)}.nav-links a.current{background:var(--accent);color:white;box-shadow:0 8px 22px #ff851e44}
.header-actions{display:flex;align-items:center;gap:9px}.circle-link{display:grid;place-items:center;width:40px;height:40px;background:#fff;border:1px solid #e5e9f0;border-radius:50%;font-size:21px}.contact-pill{padding:10px 16px;font-size:12px;font-weight:800;background:#fff;border:1px solid #e7e9ee;border-radius:99px;white-space:nowrap}.hamburger{display:none;background:#fff;border:1px solid #e9e9ee;border-radius:12px;padding:9px 12px;font-weight:900}.mobile-nav{display:none}
.hero{background:radial-gradient(ellipse at 71% 20%,#ffe0bc 0,transparent 35%),radial-gradient(ellipse at 33% 50%,#fffdf8,transparent 55%),linear-gradient(125deg,#fff,#fff1e3);border:1px solid #ffeedc;min-height:570px;border-radius:46px;overflow:hidden;position:relative;isolation:isolate;box-shadow:0 30px 85px -45px #bd642b65}
.hero:before{content:"";position:absolute;width:900px;height:450px;left:18%;top:5%;border:2px solid #ff9b4338;border-radius:50%;transform:rotate(-20deg) scaleY(.67);filter:drop-shadow(0 0 24px #ffa75c77);pointer-events:none}.hero:after{content:"";position:absolute;width:520px;height:520px;left:36%;top:-28%;background:radial-gradient(circle,#ffb97952,transparent 64%);filter:blur(26px);pointer-events:none}
.hero-top{display:grid;grid-template-columns:43% 57%;align-items:center;min-height:410px;gap:5px;padding:38px 45px 6px;position:relative;z-index:2}.hero-copy{max-width:590px;align-self:center}.eyebrow{font-size:11px;font-weight:750;background:#fff9;border:1px solid #ffecd9;display:inline-flex;align-items:center;gap:9px;border-radius:99px;padding:9px 17px}.sparkle{color:var(--accent);font-size:17px}.hero h1{font-size:clamp(30px,4.2vw,62px);letter-spacing:-1.7px;line-height:1.25;margin:17px 0 13px;font-weight:900}.hero h1 span{color:var(--accent)}.hero-desc{font-size:14px;line-height:2.15;color:#5c667b;max-width:530px;font-weight:600}.hero-ctas{display:flex;gap:10px;flex-wrap:wrap;margin-top:21px}.btn{border-radius:99px;padding:12px 24px;font-size:13px;font-weight:850;display:inline-flex;justify-content:center;align-items:center;gap:14px;transition:.2s;border:1px solid transparent}.btn-primary{background:linear-gradient(135deg,var(--accent),#ffb02a);color:#fff;box-shadow:0 10px 26px #ff892f50}.btn-primary:hover{transform:translateY(-3px);filter:saturate(1.2)}.btn-outline{border-color:#dce2eb;background:#ffffffcc;color:var(--ink)}.btn-outline:hover{background:#fff}.benefit-strip{display:flex;flex-wrap:wrap;gap:17px;margin-top:26px;font-weight:750;font-size:11px;color:#566178}.benefit-strip em{font-style:normal;color:var(--accent);font-size:18px;vertical-align:middle;margin-left:4px}
.hero-art{height:390px;position:relative;display:flex;align-items:center;justify-content:center;perspective:900px}.hero-art .art-halo{position:absolute;width:78%;aspect-ratio:1;border-radius:50%;background:radial-gradient(circle,#ffbb785b,transparent 65%);filter:blur(12px)}.hero-image{width:100%;height:100%;object-fit:contain;position:relative;z-index:2;filter:drop-shadow(0 22px 26px #70422233);animation:float 6s ease-in-out infinite}.three-d .hero-image{transform:rotateY(-5deg) rotateX(2deg)}.hero-bubble{position:absolute;right:0;bottom:19px;z-index:3;max-width:61%;padding:13px 17px;border:1px solid #ffffffeb;border-radius:20px;background:#fffc;box-shadow:0 16px 44px #0c172a24;backdrop-filter:blur(16px)}.hero-bubble small{display:block;color:#7a859a;font-size:10px}.hero-bubble strong{display:block;font-size:16px}.hero-bubble p{font-size:11px;color:#5d6980;margin:4px 0 0}.slide-enter{animation:slideIn .45s ease both}
.slide-nav{position:relative;z-index:4;padding:0 28px 13px;display:flex;align-items:center;gap:10px}.thumb-strip{display:flex;flex:1;gap:9px;overflow-x:auto;scrollbar-width:thin;padding:6px 2px;scroll-snap-type:x mandatory}.thumb{background:#fffffff2;border:2px solid #fff;min-width:140px;max-width:172px;flex:1;scroll-snap-align:start;border-radius:17px;padding:5px;box-shadow:0 7px 20px #24344716;transition:transform .2s}.thumb[aria-selected="true"]{border-color:var(--accent);box-shadow:0 5px 17px #ff802544}.thumb:hover{transform:translateY(-3px)}.thumb img{height:70px;width:100%;object-fit:cover;border-radius:12px;background:#fff2e5}.thumb strong{display:block;padding:5px 3px 3px;font-size:10px;line-height:1.6;min-height:40px}.round-arrow{flex-shrink:0;border:1px solid #e6e9ef;border-radius:50%;height:37px;width:37px;background:#fff;font-size:23px;line-height:1}.slide-footer{display:flex;justify-content:center;align-items:center;gap:8px;padding-bottom:12px}.dot{border:0;border-radius:99px;width:8px;height:8px;background:#cdd2da;padding:0}.dot.active{background:var(--accent);width:23px}.play-toggle{background:transparent;border:0;font-size:12px;color:#717b8e;margin-inline-start:8px}
.section{margin-top:16px}.services{display:grid;grid-template-columns:repeat(7,minmax(0,1fr));gap:11px;padding:17px;background:#fff;border-radius:30px;border:1px solid #edf0f4;box-shadow:0 16px 55px -35px #2a3c5130}.service-card{min-width:0;background:linear-gradient(180deg,#fff,#fffdfa);border:1px solid #f0eef0;border-radius:19px;overflow:hidden;transition:.25s}.service-card:hover{transform:translateY(-7px);box-shadow:0 13px 30px #1d284b20}.service-card img{width:100%;height:113px;object-fit:cover}.service-info{padding:11px}.service-info strong{display:block;font-size:12px;min-height:38px;line-height:1.7}.service-info p{font-size:11px;line-height:1.9;color:#6c7587;margin:3px 0 12px;min-height:43px}.more{display:flex;align-items:center;gap:8px;font-size:10px;font-weight:800;color:#6b7180}.more i{font-style:normal;display:grid;place-items:center;border:1px solid #ffc68d;color:var(--accent);border-radius:50%;width:26px;height:26px;font-size:18px}.services.scrolling{display:flex;overflow-x:auto;scroll-snap-type:x mandatory}.services.scrolling .service-card{flex:0 0 175px;scroll-snap-align:start}
.metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:2px;background:white;border:1px solid #f1f1f3;border-radius:24px;padding:16px 6px;box-shadow:0 17px 39px -32px #15274333}.metric{display:flex;justify-content:center;align-items:center;gap:15px;padding:6px 14px;border-left:1px solid #e3e8ee}.metric:last-child{border-left:0}.metric-icon{color:var(--accent);font-size:26px;background:#fff6ec;width:46px;height:46px;border-radius:50%;display:grid;place-content:center}.metric strong{font-size:18px;font-weight:900}.metric p{color:#727d90;margin:0;font-size:11px}
.lower{display:grid;grid-template-columns:1fr 1.45fr;gap:16px}.consult-box,.process-box{border:1px solid #f0ebeb;border-radius:25px;min-height:174px;overflow:hidden;background:#fff;position:relative;box-shadow:0 11px 32px -28px #151f3540}.consult-box{display:flex;align-items:center;gap:12px;padding:22px;background:linear-gradient(105deg,#fff4e6,#fff)}.consult-art{font-size:78px;opacity:.5}.consult-box h3,.process-box h3{font-size:16px;margin:0 0 6px}.consult-box p{color:#687387;font-size:12px;line-height:1.85;margin:0 0 13px}.process-box{padding:21px 26px;text-align:center}.process{display:flex;align-items:flex-start;justify-content:space-between;gap:4px;margin-top:20px}.step{flex:1;position:relative}.step:not(:last-child):after{content:'‹';position:absolute;left:-6px;top:5px;color:#afb7c5;font-size:28px}.step-icon{width:40px;height:40px;display:grid;place-items:center;color:var(--accent);border-radius:50%;background:#fff4e9;font-weight:900;font-size:17px;margin:0 auto 8px}.step strong{font-size:11px;line-height:1.8}.step p{color:#8a91a1;font-size:10px;line-height:1.7;margin:3px}
footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:21px 8px 13px;font-size:11px;font-weight:650;color:#59677f}footer nav{display:flex;gap:16px;flex-wrap:wrap}footer nav a:hover{color:var(--accent)}.footer-note{font-size:10px;color:#8a96a9} .notice{padding:9px 18px;text-align:center;background:#fff3d6;border:1px solid #ffd18b;color:#865016;font-size:12px}
@keyframes float{50%{translate:0 -12px}}@keyframes slideIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:1180px){.nav-links{display:none}.hamburger{display:block}.mobile-nav.open{display:flex;position:absolute;top:calc(100% + 8px);left:0;right:0;background:white;flex-direction:column;gap:4px;padding:15px 20px;border-radius:22px;box-shadow:0 20px 45px #13203e25}.mobile-nav a{padding:10px 14px;font-size:13px;font-weight:750}.services{grid-template-columns:repeat(4,1fr)}}
@media(max-width:820px){.container{padding:0 13px}.site-header{padding:9px 13px}.brand-copy strong{font-size:14px}.brand-copy small{font-size:7px}.brand-mark{font-size:29px}.header-actions .circle-link{display:none}.contact-pill{padding:8px 11px}.hero{border-radius:27px}.hero-top{grid-template-columns:1fr;padding:29px 21px 4px;gap:3px}.hero-copy{max-width:none}.hero-art{height:295px;order:2}.hero h1{font-size:clamp(32px,8.4vw,52px)}.hero-desc{font-size:12px}.slide-nav{padding:0 7px 10px}.thumb{min-width:112px}.thumb img{height:57px}.round-arrow{display:none}.services{grid-template-columns:repeat(2,1fr);gap:9px;padding:10px}.service-card img{height:110px}.metrics{grid-template-columns:repeat(2,1fr)}.metric:nth-child(2){border-left:0}.lower{grid-template-columns:1fr}footer{flex-wrap:wrap;justify-content:center;text-align:center}footer nav{justify-content:center}}
@media(max-width:450px){.site-header{margin-top:10px}.contact-pill{font-size:10px;padding:9px}.hero h1{letter-spacing:-1px}.hero-ctas .btn{padding:10px 16px;font-size:12px}.benefit-strip{gap:9px}.hero-art{height:230px}.hero-bubble{padding:9px 12px}.hero-bubble strong{font-size:12px}.hero-bubble p{font-size:9px}.service-info strong{font-size:11px}.service-info p{font-size:10px}.process-box{padding:17px 7px}.step p{display:none}.step strong{font-size:9px}.step:not(:last-child):after{left:-8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation:none!important;scroll-behavior:auto!important;transition:none!important}}

.hero{border-radius:clamp(14px,var(--round),60px)}.service-card{border-radius:clamp(10px,calc(var(--round) * .68),34px)}.consult-box,.process-box{border-radius:clamp(12px,calc(var(--round) * .85),45px)}.motion-off *, .motion-off *::before, .motion-off *::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}

main{display:flex;flex-direction:column}.hero{order:0}.services.scrolling{display:flex}

[hidden]{display:none!important}

.socials{display:flex;gap:7px;align-items:center;justify-content:center;margin-bottom:5px}.socials a{font-size:10px;border:1px solid #e7eaf0;border-radius:99px;padding:3px 8px;background:#fff}.socials a:hover{border-color:var(--accent);color:var(--accent)}