@font-face{font-family:Peyda;src:url('fonts/peyda/PeydaWeb-Regular.woff2') format('woff2');font-weight:400;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/peyda/PeydaWeb-Medium.woff2') format('woff2');font-weight:500;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/peyda/PeydaWeb-SemiBold.woff2') format('woff2');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:Peyda;src:url('fonts/peyda/PeydaWeb-ExtraBold.woff2') format('woff2');font-weight:800;font-style:normal;font-display:swap}
:root{--ui-ink:#15151c;--ui-muted:#6c6c79;--ui-soft:#f5f5f8;--ui-line:#e7e7ed;--ui-blue:#5267ff;--ui-purple:#7565f6;--ui-dark:#111119;--ui-pad:clamp(20px,5vw,80px)}
html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ui-ink);-webkit-font-smoothing:antialiased}body.is-home .goto_top{display:none!important}
.smilo-home,.smilo-header,.smilo-footer{font-family:Peyda,Tahoma,sans-serif!important;direction:rtl}.smilo-home *,.smilo-header *,.smilo-footer *{box-sizing:border-box;font-family:inherit}.container-fluid{width:100%;max-width:none;margin:0}.smilo-home h1,.smilo-home h2,.smilo-home h3,.smilo-footer h2{font-family:Peyda,Tahoma,sans-serif!important;font-style:normal}.smilo-home a,.smilo-header a,.smilo-footer a{text-decoration:none!important}.smilo-home{overflow:hidden}

/* navigation */
.smilo-header{position:sticky;top:0;z-index:1000;height:72px;background:rgba(255,255,255,.88);border-bottom:1px solid transparent;backdrop-filter:blur(18px) saturate(160%);transition:.25s}.smilo-header.is-scrolled{border-color:var(--ui-line);box-shadow:0 8px 30px rgba(21,21,28,.05)}
.smilo-nav{height:72px;padding:0 var(--ui-pad);display:flex;align-items:center;gap:32px}.smilo-brand{display:inline-flex;align-items:center;gap:10px;color:var(--ui-ink)!important;white-space:nowrap}.smilo-brand-mark{width:38px;height:38px;border-radius:12px;background:linear-gradient(145deg,var(--ui-blue),#8f61ff);display:flex;align-items:center;justify-content:center;gap:3px;box-shadow:0 7px 18px rgba(82,103,255,.22)}.smilo-brand-mark i{display:block;width:5px;background:#fff;border-radius:5px;transform:rotate(12deg)}.smilo-brand-mark i:first-child{height:17px}.smilo-brand-mark i:last-child{height:10px;margin-top:7px}.smilo-brand-copy{display:flex;flex-direction:column;line-height:1}.smilo-brand-copy b{font-size:16px;font-weight:800}.smilo-brand-copy small{margin-top:5px;color:#898995;font-size:9px;font-weight:500;letter-spacing:.15px}
.smilo-desktop-nav{margin-inline:auto;display:flex;align-items:center;gap:30px}.smilo-desktop-nav a{position:relative;color:#3d3d47!important;font-size:13px;font-weight:600}.smilo-desktop-nav a:after{content:"";position:absolute;right:0;bottom:-7px;width:0;height:2px;background:var(--ui-blue);border-radius:2px;transition:.2s}.smilo-desktop-nav a:hover:after{width:100%}.smilo-nav-cta{min-height:42px;padding:0 19px;border-radius:13px;display:inline-flex;align-items:center;gap:9px;background:var(--ui-ink);color:#fff!important;font-size:12px;font-weight:600;transition:.2s}.smilo-nav-cta:hover{background:var(--ui-blue);transform:translateY(-1px)}
.smilo-mobile-menu{display:none;margin-right:auto}.smilo-mobile-menu summary{width:42px;height:42px;display:grid;place-content:center;gap:6px;list-style:none;cursor:pointer}.smilo-mobile-menu summary::-webkit-details-marker{display:none}.smilo-mobile-menu summary span{width:21px;height:2px;background:var(--ui-ink);border-radius:3px}.smilo-mobile-menu nav{position:fixed;top:72px;right:0;left:0;padding:12px 20px 24px;display:flex;flex-direction:column;background:#fff;border-bottom:1px solid var(--ui-line);box-shadow:0 18px 35px rgba(21,21,28,.08)}.smilo-mobile-menu nav a{padding:13px 3px;border-bottom:1px solid var(--ui-line);color:var(--ui-ink)!important;font-size:14px;font-weight:600}.smilo-mobile-menu nav .mobile-cta{margin-top:12px;border:0;border-radius:12px;background:var(--ui-blue);color:#fff!important;text-align:center}

/* hero */
.hero-section{min-height:700px;padding:82px var(--ui-pad) 86px;display:grid;grid-template-columns:minmax(380px,.86fr) minmax(500px,1.14fr);align-items:center;gap:clamp(40px,6vw,100px);position:relative;background:radial-gradient(circle at 83% 20%,#eef0ff 0,transparent 33%),linear-gradient(180deg,#fff 0,#fbfbfd 100%)}
.hero-copy{position:relative;z-index:2}.status-pill{width:max-content;max-width:100%;padding:7px 12px;border:1px solid #dedfeb;border-radius:999px;display:flex;align-items:center;gap:8px;background:rgba(255,255,255,.7);color:#575764;font-size:11px;font-weight:600}.status-pill span{width:7px;height:7px;border-radius:50%;background:#22c989;box-shadow:0 0 0 4px rgba(34,201,137,.12)}
.hero-copy h1{max-width:640px;margin:23px 0 20px;font-size:clamp(43px,4.2vw,68px);line-height:1.2;font-weight:800;letter-spacing:-1.2px}.hero-copy h1 em{color:var(--ui-blue);font-style:normal}.hero-copy>p{max-width:580px;margin:0;color:var(--ui-muted);font-size:16px;line-height:1.95;font-weight:400}.hero-actions{margin-top:28px;display:flex;align-items:center;gap:11px;flex-wrap:wrap}.ui-button{min-height:49px;padding:0 21px;border:1px solid transparent;border-radius:14px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:13px;font-weight:600;transition:transform .2s,box-shadow .2s,background .2s}.ui-button:hover{transform:translateY(-2px)}.ui-button-primary{background:var(--ui-blue);color:#fff!important;box-shadow:0 12px 26px rgba(82,103,255,.24)}.ui-button-primary:hover{box-shadow:0 16px 34px rgba(82,103,255,.3)}.ui-button-ghost{border-color:var(--ui-line);background:#fff;color:var(--ui-ink)!important}
.hero-proof{margin-top:40px;padding-top:24px;border-top:1px solid var(--ui-line);display:flex;gap:34px}.hero-proof div{display:flex;flex-direction:column;gap:4px}.hero-proof strong{font-size:17px;font-weight:800}.hero-proof span{color:#8b8b96;font-size:10.5px}
.hero-visual{min-width:0;position:relative;direction:ltr}.visual-glow{position:absolute;width:80%;height:75%;left:10%;top:12%;border-radius:50%;background:#dcdfff;filter:blur(60px);opacity:.7}.visual-window{position:relative;z-index:1;padding:9px;border:1px solid rgba(255,255,255,.9);border-radius:27px;background:rgba(255,255,255,.7);box-shadow:0 35px 80px rgba(57,56,97,.17),0 4px 14px rgba(57,56,97,.08);backdrop-filter:blur(10px);transform:rotate(-1.2deg)}.window-bar{height:34px;padding:0 12px;display:flex;align-items:center;gap:5px;direction:ltr}.window-bar>span{width:7px;height:7px;border-radius:50%;background:#dddde4}.window-bar>span:first-child{background:#ff746b}.window-bar>span:nth-child(2){background:#ffc75a}.window-bar>span:nth-child(3){background:#40cf7b}.window-bar small{margin-left:auto;margin-right:auto;color:#a0a0aa;font:500 8px Arial}.visual-window picture{display:block;aspect-ratio:1.42;overflow:hidden;border-radius:19px;background:#ececf3}.visual-window img{display:block;width:100%;height:100%;object-fit:cover}.floating-note{position:absolute;z-index:3;padding:11px 14px;display:flex;align-items:center;gap:10px;border:1px solid rgba(255,255,255,.9);border-radius:16px;background:rgba(255,255,255,.9);box-shadow:0 18px 38px rgba(36,35,68,.14);backdrop-filter:blur(12px);direction:rtl}.floating-note>i{width:35px;height:35px;border-radius:10px;display:grid;place-items:center;background:#eef0ff;color:var(--ui-blue);font-size:16px}.floating-note span{display:flex;flex-direction:column}.floating-note b{font-size:11px}.floating-note small{margin-top:3px;color:#9696a1;font:500 8px Arial}.note-top{top:8%;right:-18px}.note-bottom{bottom:7%;left:-22px}
.client-bar{min-height:78px;padding:18px var(--ui-pad);display:flex;align-items:center;justify-content:center;gap:clamp(20px,3vw,48px);border-top:1px solid var(--ui-line);border-bottom:1px solid var(--ui-line);color:#777784;font-size:12px;font-weight:600}.client-bar i{width:4px;height:4px;border-radius:50%;background:#c5c5ce}

/* sections */
.services-section,.process-section{padding:110px var(--ui-pad)}.section-head{position:static!important;inset:auto!important;width:auto!important;height:auto!important;float:none!important;margin:0 0 45px;display:grid;grid-template-columns:1.2fr .8fr;align-items:end;gap:60px}.section-kicker{display:block;margin-bottom:12px;color:var(--ui-blue);font-size:11px;font-weight:800}.section-head h2{max-width:700px;margin:0;font-size:clamp(32px,3.1vw,48px);line-height:1.32;font-weight:800;letter-spacing:-.6px}.section-head>p{max-width:500px;margin:0;color:var(--ui-muted);font-size:14px;line-height:1.95}
.services-bento{display:grid;grid-template-columns:1.1fr .9fr;grid-template-rows:repeat(2,300px);gap:16px}.service-card{padding:27px;border:1px solid var(--ui-line);border-radius:25px;position:relative;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;color:var(--ui-ink)!important;transition:.25s}.service-card:hover{transform:translateY(-4px);border-color:#d5d6e5;box-shadow:0 24px 45px rgba(24,24,39,.08)}.service-main{grid-row:1/3;padding:35px;background:linear-gradient(145deg,#f2f3ff,#e5e9ff)}.service-brand{background:#f8f4ef}.service-growth{background:#f3f8f5}.service-top{display:flex;align-items:center;justify-content:space-between}.service-icon{width:47px;height:47px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--ui-blue);box-shadow:0 8px 18px rgba(40,40,68,.07);font-size:19px}.service-arrow{width:34px;height:34px;border:1px solid rgba(21,21,28,.1);border-radius:50%;display:grid;place-items:center;font-size:14px}.service-label{color:#7e7e8b;font-size:10px;font-weight:700}.service-card h3{max-width:500px;margin:7px 0 8px;font-size:26px;line-height:1.35;font-weight:800}.service-main h3{font-size:35px}.service-card p{max-width:500px;margin:0;color:#747481;font-size:13px;line-height:1.8}.mini-ui{height:170px;margin-top:25px;padding:20px 18px;border-radius:18px 18px 0 0;background:rgba(255,255,255,.78);box-shadow:0 18px 40px rgba(82,103,255,.12);display:grid;grid-template-columns:repeat(3,1fr);gap:8px;transform:translateY(40px)}.mini-ui span{height:8px;border-radius:10px;background:#dfe2f2}.mini-ui span:first-child{background:var(--ui-blue)}.mini-ui div{grid-column:1/4;border-radius:12px;background:linear-gradient(130deg,#f0f1f8 45%,#d8dcff 45%)}.growth-chart{position:absolute;left:24px;bottom:26px;height:70px;display:flex;align-items:flex-end;gap:6px;opacity:.7}.growth-chart i{width:8px;border-radius:8px;background:#5ab78a}.growth-chart i:nth-child(1){height:22%}.growth-chart i:nth-child(2){height:45%}.growth-chart i:nth-child(3){height:35%}.growth-chart i:nth-child(4){height:72%}.growth-chart i:nth-child(5){height:100%}

/* projects */
.projects-section{padding:110px var(--ui-pad) 120px;background:var(--ui-dark);color:#fff}.section-head-light h2{color:#fff}.section-head-light .section-kicker{color:#929fff}.section-link{align-self:end;justify-self:end;display:inline-flex;align-items:center;gap:8px;color:#fff!important;font-size:12px;font-weight:600}.projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 18px}.project-card{display:block;color:#fff!important}.project-media{aspect-ratio:1.55;border-radius:23px;overflow:hidden;background:#24242e}.project-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .55s cubic-bezier(.2,.7,.2,1)}.project-card:hover img{transform:scale(1.035)}.project-info{padding:16px 2px 0;display:flex;align-items:center;justify-content:space-between}.project-info span{color:#858592;font-size:10px}.project-info h3{margin:4px 0 0;color:#fff;font-size:18px;font-weight:700}.project-info b{width:36px;height:36px;border:1px solid #3a3a45;border-radius:50%;display:grid;place-items:center;font-size:13px}

/* process and cta */
.process-grid{margin:0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);gap:12px}.process-grid li{min-height:250px;padding:24px;border:1px solid var(--ui-line);border-radius:20px;position:relative}.process-grid li>span{position:absolute;left:20px;top:20px;color:#aaaab4;font-size:10px;font-weight:700}.process-grid li>i{width:45px;height:45px;margin-bottom:48px;border-radius:13px;display:grid;place-items:center;background:#f0f1ff;color:var(--ui-blue);font-size:18px}.process-grid h3{margin:0 0 7px;font-size:19px;font-weight:800}.process-grid p{margin:0;color:var(--ui-muted);font-size:12.5px;line-height:1.8}
.cta-section{width:calc(100% - 2 * var(--ui-pad));min-height:330px;margin:0 var(--ui-pad) 24px;padding:55px clamp(28px,5vw,70px);border-radius:28px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:space-between;gap:40px;background:linear-gradient(135deg,#5568ff,#755bef);color:#fff}.cta-copy{position:relative;z-index:2}.cta-section .section-kicker{color:#d9ddff}.cta-section h2{max-width:740px;margin:0;font-size:clamp(33px,3.4vw,50px);line-height:1.3;font-weight:800}.cta-section p{margin:12px 0 0;color:#e1e4ff;font-size:13.5px}.ui-button-light{position:relative;z-index:2;min-width:160px;background:#fff;color:var(--ui-blue)!important;white-space:nowrap}.cta-shape{position:absolute;width:440px;height:440px;left:-80px;top:-240px;border:75px solid rgba(255,255,255,.08);border-radius:50%}

/* footer */
.smilo-footer{height:auto!important;min-height:0!important;padding:65px 0 22px;background:#f6f6f8;overflow:visible!important;clear:both}.smilo-footer-shell{padding:0 var(--ui-pad)}.smilo-footer-top{padding-bottom:50px;display:grid;grid-template-columns:1.5fr repeat(3,1fr);gap:50px}.footer-brand{margin-bottom:18px}.smilo-footer-intro p,.smilo-footer-col p{max-width:340px;margin:0;color:var(--ui-muted);font-size:12px;line-height:1.85}.footer-email{margin-top:20px;display:inline-flex;gap:8px;color:var(--ui-ink)!important;font-size:12px;font-weight:700}.smilo-footer-col{display:flex;flex-direction:column;align-items:flex-start;gap:11px}.smilo-footer-col h2{margin:4px 0 6px;color:var(--ui-ink);font-size:12px;font-weight:800}.smilo-footer-col a{color:#646470!important;font-size:11.5px}.smilo-footer-col a:hover{color:var(--ui-blue)!important}.contact-col a{direction:ltr}.smilo-footer-bottom{padding-top:19px;border-top:1px solid #dddde3;display:flex;justify-content:space-between;color:#92929d;font-size:10.5px}.smilo-footer-bottom p{margin:0}.smilo-footer-bottom div{display:flex;gap:24px}.smilo-footer-bottom a{color:#6e6e79!important}

@media(max-width:1050px){:root{--ui-pad:32px}.smilo-desktop-nav{gap:18px}.hero-section{min-height:630px;grid-template-columns:.9fr 1.1fr;gap:35px}.hero-copy h1{font-size:46px}.floating-note{display:none}.services-bento{grid-template-rows:repeat(2,270px)}.process-grid{grid-template-columns:repeat(2,1fr)}.smilo-footer-top{grid-template-columns:1.3fr repeat(3,1fr);gap:28px}}
@media(max-width:800px){:root{--ui-pad:24px}.smilo-header,.smilo-nav{height:64px}.smilo-desktop-nav,.smilo-nav-cta{display:none}.smilo-mobile-menu{display:block}.smilo-mobile-menu nav{top:64px}.hero-section{padding-top:60px;grid-template-columns:1fr;text-align:center}.hero-copy{max-width:680px;margin:auto}.status-pill{margin:auto}.hero-copy h1{max-width:650px;margin-inline:auto}.hero-copy>p{margin-inline:auto}.hero-actions,.hero-proof{justify-content:center}.hero-visual{max-width:680px;width:100%;margin:12px auto 0}.client-bar{flex-wrap:wrap;gap:16px 24px}.section-head{grid-template-columns:1fr;gap:15px}.section-head>p{max-width:650px}.services-bento{grid-template-columns:1fr;grid-template-rows:auto}.service-card,.service-main{grid-row:auto;min-height:310px}.service-main{min-height:480px}.projects-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}.cta-section{align-items:flex-start;flex-direction:column}.smilo-footer-top{grid-template-columns:repeat(2,1fr)}.smilo-footer-intro{grid-column:span 2}}
@media(max-width:560px){:root{--ui-pad:18px}.smilo-nav{padding-inline:18px}.smilo-brand-mark{width:34px;height:34px;border-radius:10px}.hero-section{min-height:0;padding:44px 18px 58px;gap:36px}.status-pill{font-size:10px}.hero-copy h1{margin-block:18px 14px;font-size:36px;line-height:1.27;letter-spacing:-.4px}.hero-copy>p{font-size:13.5px;line-height:1.85}.hero-actions{margin-top:23px}.ui-button{min-height:46px;padding-inline:17px;font-size:12px}.hero-proof{margin-top:30px;padding-top:20px;gap:20px}.hero-proof strong{font-size:14px}.hero-proof span{font-size:9px}.visual-window{padding:6px;border-radius:18px}.window-bar{height:25px}.visual-window picture{border-radius:13px}.client-bar{min-height:70px;padding-block:16px;font-size:10.5px}.client-bar i{display:none}.services-section,.process-section,.projects-section{padding:78px 18px}.section-head{margin-bottom:30px}.section-head h2{font-size:29px;line-height:1.38;letter-spacing:0}.section-head>p{font-size:12.5px}.service-card,.service-main{min-height:300px;padding:23px;border-radius:20px}.service-main{min-height:420px}.service-main h3,.service-card h3{font-size:24px}.mini-ui{height:140px}.growth-chart{display:none}.project-media{border-radius:18px;aspect-ratio:1.35}.project-info h3{font-size:16px}.process-grid{grid-template-columns:1fr}.process-grid li{min-height:215px}.process-grid li>i{margin-bottom:34px}.cta-section{width:calc(100% - 36px);min-height:330px;margin:0 18px 18px;padding:34px 24px;border-radius:22px;justify-content:center}.cta-section h2{font-size:30px}.cta-section p{font-size:12px;line-height:1.8}.smilo-footer{padding-top:50px}.smilo-footer-top{grid-template-columns:1fr 1fr;gap:32px 18px}.smilo-footer-intro,.contact-col{grid-column:span 2}.smilo-footer-bottom{flex-direction:column;gap:8px}.smilo-footer-bottom div{justify-content:space-between;gap:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.service-card,.project-media img,.ui-button,.smilo-nav-cta{transition:none}}

/* portfolio */
.portfolio-page{font-family:Peyda,Tahoma,sans-serif!important;direction:rtl;color:var(--ui-ink);overflow:hidden}.portfolio-page *{box-sizing:border-box;font-family:inherit}.portfolio-page a{text-decoration:none!important}.portfolio-hero{padding:100px var(--ui-pad) 75px;background:radial-gradient(circle at 80% 0,#e8eaff 0,transparent 32%),#fafafd}.portfolio-hero h1{max-width:800px;margin:0;font-family:inherit;font-size:clamp(38px,4.5vw,66px);line-height:1.25;font-weight:800;letter-spacing:-1px}.portfolio-hero p{max-width:650px;margin:20px 0 0;color:var(--ui-muted);font-size:15px;line-height:1.9}.portfolio-content{padding:48px var(--ui-pad) 110px}.portfolio-filters{margin-bottom:42px;display:flex;align-items:center;gap:8px;overflow-x:auto;scrollbar-width:none}.portfolio-filters::-webkit-scrollbar{display:none}.portfolio-filters a{min-height:39px;padding:0 14px;border:1px solid var(--ui-line);border-radius:11px;display:inline-flex;align-items:center;gap:8px;color:#666671!important;font-size:11px;font-weight:600;white-space:nowrap}.portfolio-filters a.active,.portfolio-filters a:hover{border-color:var(--ui-ink);background:var(--ui-ink);color:#fff!important}.portfolio-filters b{font-size:9px;opacity:.65}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:38px 18px}.portfolio-card{display:block;color:var(--ui-ink)!important}.portfolio-media{aspect-ratio:1.55;border-radius:22px;position:relative;overflow:hidden;background:#eeeef2}.portfolio-media img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .5s}.portfolio-card:hover img{transform:scale(1.035)}.coming-soon{position:absolute;right:15px;top:15px;padding:6px 10px;border-radius:9px;background:rgba(21,21,28,.82);color:#fff;font-size:10px}.portfolio-meta{padding:15px 2px;display:flex;align-items:center;justify-content:space-between}.portfolio-meta span{color:#8b8b96;font-size:10px}.portfolio-meta h2{margin:4px 0 0;font-family:inherit;font-size:18px;font-weight:800}.portfolio-meta>b{width:36px;height:36px;border:1px solid var(--ui-line);border-radius:50%;display:grid;place-items:center;font-size:13px}.portfolio-empty{grid-column:1/-1;padding:80px 20px;border:1px dashed #d9d9e2;border-radius:22px;text-align:center}.portfolio-empty i{font-size:24px;color:var(--ui-blue)}.portfolio-empty h2{margin:14px 0 5px;font-size:20px}.portfolio-empty p{margin:0;color:var(--ui-muted);font-size:12px}.portfolio-cta{width:calc(100% - 2 * var(--ui-pad));min-height:250px;margin:0 var(--ui-pad) 24px;padding:45px clamp(28px,5vw,65px);border-radius:26px;background:linear-gradient(135deg,#5568ff,#755bef);display:flex;align-items:center;justify-content:space-between;gap:35px;color:#fff}.portfolio-cta .section-kicker{color:#d9ddff}.portfolio-cta h2{max-width:700px;margin:0;font-family:inherit;font-size:clamp(28px,3vw,43px);line-height:1.35;font-weight:800}
@media(max-width:800px){.portfolio-grid{grid-template-columns:1fr}.portfolio-cta{align-items:flex-start;flex-direction:column}}
@media(max-width:560px){.portfolio-hero{padding:70px 18px 55px}.portfolio-hero h1{font-size:35px;letter-spacing:-.3px}.portfolio-hero p{font-size:13px}.portfolio-content{padding:30px 18px 75px}.portfolio-filters{margin-bottom:28px}.portfolio-media{border-radius:18px;aspect-ratio:1.35}.portfolio-cta{width:calc(100% - 36px);min-height:290px;margin:0 18px 18px;padding:32px 24px;border-radius:22px}.portfolio-cta h2{font-size:29px}}