/* Simt Digital — approved palette; mobile-first enhancements, RTL-aware. */
:root{--navy:#0f172a;--deep:#0b1227;--blue:#2563eb;--violet:#7c3aed;--cyan:#06b6d4;--bg:#f8fafc;--ink:#17213b;--muted:#667087;--line:#e5eaf2;--white:#fff;--radius:20px;--shadow:0 20px 70px #0f172a0b;--font:"Tajawal","Noto Sans Arabic",Arial,sans-serif}
*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:105px;overflow-x:clip}body{margin:0;color:var(--ink);background:#fff;font-family:var(--font);font-size:16px;line-height:1.85;-webkit-font-smoothing:antialiased;overflow-x:clip}body.menu-open{overflow:hidden}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button,a,input,select,textarea,summary{-webkit-tap-highlight-color:transparent}button{cursor:pointer}img{display:block;max-width:100%;height:auto}svg{flex-shrink:0}h1,h2,h3,h4,p{margin:0}h1,h2,h3,h4{line-height:1.5;font-weight:700}h1{font-size:clamp(36px,4.4vw,62px);letter-spacing:-1.6px;line-height:1.45}h2{font-size:clamp(27px,2.6vw,38px);letter-spacing:-.8px}h3{font-size:21px}p{color:var(--muted)}ul{margin:0;padding:0;list-style:none}::selection{background:#c5d4ff;color:var(--navy)}:focus-visible{outline:3px solid var(--blue);outline-offset:5px}a,button{touch-action:manipulation}.icon{width:23px;height:23px;vertical-align:middle}.container{width:min(1240px,calc(100% - 80px));margin-inline:auto}.section{padding:92px 0}.section-tight{padding-top:32px}.section-soft{background:var(--bg)}.section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:38px}.section-head h2{margin-bottom:10px}.section-head p{font-size:16px}.eyebrow{display:flex;align-items:center;gap:10px;color:#405170;font-size:13px;font-weight:700;margin-bottom:12px}.eyebrow>span{height:6px;width:21px;border-radius:8px;background:linear-gradient(90deg,var(--cyan),var(--blue),var(--violet))}.eyebrow.light{color:#bac9e9}.overline{font-size:12px;font-weight:700;letter-spacing:.3px;color:var(--blue)}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:54px;padding:12px 24px;border:1px solid transparent;border-radius:9px;font-size:14px;font-weight:700;transition:transform .2s,background .2s,box-shadow .2s;white-space:nowrap;line-height:1.6}.button:hover{transform:translateY(-2px)}.button .icon{width:20px;height:20px}.button-primary,.button-small{background:var(--blue);color:white;box-shadow:0 7px 17px #2563eb18}.button-primary:hover,.button-small:hover{background:#1f4fce}.button-small{min-height:43px;padding:9px 17px;font-size:13px;gap:14px}.button-white{background:#fff;color:var(--navy);box-shadow:0 8px 20px #00000008}.button-white:hover{background:#f1f5ff}.button-outline{border-color:#d8dfed;background:transparent;color:var(--ink)}.button-outline:hover{background:#f6f8ff}.button-outline-light{border-color:#62729a;background:transparent;color:#e8efff}.button-ghost{color:#e2e9fb;background:transparent}.button-ghost:hover{background:#ffffff0d}.button-text{background:transparent;color:var(--blue);padding:9px 0;min-height:44px;gap:16px}.inline-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px}.text-link{display:inline-flex;align-items:center;gap:12px;color:var(--blue);font-size:14px;font-weight:700}.round-link{border:1px solid #d8e0ee;width:49px;height:49px;border-radius:50%;display:grid;place-items:center;flex-shrink:0}.round-link:hover{background:#edf2ff}.icon-button{border:1px solid var(--line);background:#fff;border-radius:8px;width:44px;height:44px;display:grid;place-items:center;color:var(--ink)}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}[hidden]{display:none!important}.skip-link{position:fixed;top:-100px;right:15px;z-index:100;background:white;padding:12px 20px;border:2px solid var(--blue)}.skip-link:focus{top:10px}
/* Navigation */
.site-header{position:sticky;top:0;z-index:50;background:#fffffff5;backdrop-filter:blur(18px);border-bottom:1px solid #edf0f6}.header-inner{height:86px;display:flex;align-items:center;justify-content:space-between;gap:25px}.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0;line-height:1.1}.brand img{object-fit:contain;width:36px;height:48px}.brand>span{display:flex;flex-direction:column;gap:7px}.brand b{font-size:24px;letter-spacing:-.7px;line-height:1.1}.brand span[lang]{font-family:Arial,sans-serif;font-size:11px;letter-spacing:1.8px;line-height:1.2}.brand-light{color:white}.desktop-nav{display:flex;align-items:center;gap:27px}.desktop-nav>a{font-size:13px;font-weight:500;color:#677089;position:relative;padding:10px 0}.desktop-nav>a:hover,.desktop-nav>a[aria-current]{color:var(--blue)}.desktop-nav>a[aria-current]:after{content:"";position:absolute;bottom:1px;right:50%;transform:translateX(50%);width:5px;height:5px;background:var(--blue);border-radius:50%}.header-actions{display:flex;align-items:center;gap:10px}.menu-toggle{display:none}.mobile-nav{padding:10px 25px 24px;border-top:1px solid var(--line);height:calc(100dvh - 75px);overflow:auto;background:white}.mobile-nav a{display:flex;justify-content:space-between;padding:15px 0;border-bottom:1px solid var(--line);font-size:18px}.mobile-nav a[aria-current]{color:var(--blue)}
/* Home / hero */
.hero{background:var(--deep);color:white;position:relative;isolation:isolate;overflow:hidden}.hero-mesh{position:absolute;inset:0;z-index:-1;background:radial-gradient(ellipse at 17% 32%,#19397880,transparent 48%),radial-gradient(ellipse at 81% 105%,#26247165,transparent 54%)}.hero-mesh:after{content:"";position:absolute;inset:0;background-image:linear-gradient(#a9c2ff05 1px,transparent 1px),linear-gradient(90deg,#a9c2ff05 1px,transparent 1px);background-size:64px 64px;mask-image:linear-gradient(to left,transparent,#000)}.hero-grid{min-height:624px;display:grid;grid-template-columns:1fr 1.05fr;gap:24px;align-items:center;padding-top:37px;padding-bottom:38px}.hero-kicker{font-size:12px;color:#c1cde6;display:flex;align-items:center;gap:9px;margin-bottom:18px}.status-dot{height:6px;width:6px;background:#4ad7e8;box-shadow:0 0 0 4px #4ad7e818;border-radius:50%}.hero h1{font-size:clamp(50px,5.1vw,74px);line-height:1.48;letter-spacing:-2px;margin-bottom:19px}.hero h1>span{color:#94b9ff;background:linear-gradient(100deg,#b3a7ff,#70b8ff 75%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}.hero-copy>p{font-size:17px;color:#b4c1dc;line-height:2.1;margin-bottom:28px}.hero-buttons{display:flex;align-items:center;gap:10px}.hero-assurance{display:flex;gap:24px;color:#adbedb;margin-top:32px;font-size:11px}.hero-assurance span{display:flex;align-items:center;gap:7px}.hero-assurance .icon{width:15px;height:15px;color:#83abff}.hero-visual{height:473px;position:relative;perspective:1200px;direction:ltr}.orbit{position:absolute;border:1px solid #789bf921;border-radius:50%;width:520px;height:520px;top:-14px;left:-12px;transform:rotate(-16deg)}.orbit-two{width:405px;height:405px;top:45px;left:45px;border-style:dashed;border-color:#789bf915}.orbit-one:after{content:"";position:absolute;top:70px;right:54px;width:9px;height:9px;background:var(--cyan);border-radius:50%;box-shadow:0 0 30px #06b6d4}.visual-label{position:absolute;top:14px;left:73px;font:9px Arial,sans-serif;letter-spacing:3px;color:#8199c5}.hero-browser{width:94%;max-width:535px;position:absolute;top:84px;left:0;transform:rotateY(7deg) rotateX(3deg) rotateZ(-3deg);border:5px solid #65739a4d;border-radius:15px;box-shadow:0 38px 85px #0007;overflow:hidden;background:white}.browser-top{height:30px;background:#f0f2f5;color:#8791a4;display:flex;justify-content:space-between;align-items:center;padding:0 13px;font-size:8px}.browser-top>.icon,.browser-top>span .icon{width:11px;height:11px}.browser-dots{display:flex;gap:4px}.browser-dots i{width:5px;height:5px;border-radius:50%;background:#c6ccda}.mini-site{background:#f4f1e9;color:#302b27;direction:rtl;min-height:256px;padding:17px 22px 0}.mini-nav{display:flex;justify-content:space-between;align-items:center;font-size:7px;margin-bottom:16px}.mini-nav b{font-size:16px;display:flex;align-items:center;gap:7px}.mini-nav b span{font-size:5px;letter-spacing:1.5px;font-family:Arial;border-right:1px solid #bcb6aa;padding-right:8px}.mini-site-main{display:grid;grid-template-columns:1fr 1.05fr;gap:12px;align-items:center}.mini-content small{display:block;font-size:7px;color:#837b6f}.mini-content strong{font-size:22px;font-weight:500;line-height:1.8;display:block;margin:7px 0 12px}.mini-button{display:inline-block;font-size:7px;background:#31382d;color:white;padding:6px 12px;border-radius:2px}.architecture-scene{position:relative;background:linear-gradient(145deg,#c8d4cb,#e5dfd0 65%);height:175px;border-radius:130px 130px 2px 2px;overflow:hidden;isolation:isolate}.arch-building{position:absolute;inset:38px 23px -5px 17px;background:linear-gradient(115deg,#e5d1b6,#b39979);box-shadow:15px 0 0 #c0a68a;transform:skewY(-5deg);display:flex;align-items:flex-end;justify-content:space-evenly;padding:15px 13px;gap:8px}.arch-building:before{content:"";position:absolute;left:5px;right:5px;top:18px;height:2px;background:#8f776166;box-shadow:0 6px 0 #8f776166}.arch-building i{width:29px;height:72px;background:linear-gradient(90deg,#403d34,#8d7b62);border-radius:30px 30px 0 0;border:3px solid #bda385;border-bottom:0}.arch-sun{position:absolute;width:34px;height:34px;background:#f4ecd0aa;border-radius:50%;top:11px;left:45px;z-index:-1}.arch-stair{position:absolute;bottom:0;left:0;right:0;height:16px;background:repeating-linear-gradient(0deg,#cbb89d 0 3px,#bca789 3px 4px)}.mini-site-bottom{display:flex;justify-content:space-between;font-size:6px;color:#706f63;padding:15px 0 12px;margin-top:14px;border-top:1px solid #d9d6cc}.hero-phone{position:absolute;width:151px;right:5px;top:174px;border:5px solid #292e46;border-radius:26px;background:#fcfcfa;box-shadow:0 15px 55px #0006;transform:rotate(5deg);overflow:hidden;color:#173c36;direction:rtl;padding:15px 9px 12px}.phone-notch{position:absolute;top:5px;left:50%;transform:translateX(-50%);width:41px;height:7px;background:#202538;border-radius:10px}.phone-screen{padding-top:11px}.phone-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:14px}.phone-top b{font-size:15px;line-height:1}.phone-top b span{font-size:5px;display:block;margin-top:6px;color:#648078}.phone-top>.icon{width:15px;height:15px}.tiny-label{font-size:6px;color:#71918a}.phone-screen h3{font-size:13px;line-height:1.7;margin:4px 0 10px}.phone-progress{background:#ddefe1;border-radius:10px;padding:10px 6px;text-align:center;font-size:7px}.progress-circle{height:51px;width:51px;border:4px solid #257865;border-left-color:#b4d6bf;border-radius:50%;margin:7px auto;display:grid;place-items:center}.progress-circle .icon{width:20px;height:20px}.phone-progress small{font-size:6px}.phone-task{font-size:7px;display:flex;align-items:center;gap:5px;padding:9px 3px;border-bottom:1px solid #edf1ee}.phone-task .icon{width:10px;height:10px}.phone-tabs{display:flex;justify-content:space-around;margin-top:10px;color:#5c7d74}.phone-tabs .icon{width:12px;height:12px}.floating-label{position:absolute;display:flex;gap:10px;align-items:center;direction:rtl;padding:10px 15px;background:#fbfdff;border:1px solid #f1f5ff;border-radius:9px;box-shadow:0 8px 35px #0002;color:var(--ink);font-size:10px;line-height:1.6}.floating-label>.icon{width:27px;height:27px;color:var(--blue);background:#eaf0ff;border-radius:7px;padding:5px}.floating-label span{display:block;color:#7a869c;font-size:7px;letter-spacing:.3px}.label-design{right:25px;top:44px;transform:rotate(3deg)}.label-code{left:17px;bottom:12px;transform:rotate(-4deg)}.hero-bottom{height:60px;border-top:1px solid #b2c6ef1c;display:flex;justify-content:space-between;align-items:center;color:#a4b4d2;font-size:11px}.hero-bottom>div{display:flex;gap:17px;align-items:center;font:9px Arial,sans-serif;letter-spacing:1px;direction:ltr}.hero-bottom i{height:3px;width:3px;background:#5572a7;border-radius:50%}.intro-strip{border-bottom:1px solid var(--line);padding:31px 0}.intro-strip>.container{display:grid;grid-template-columns:1fr 1.2fr auto;align-items:center;gap:50px}.intro-strip p{font-size:20px;line-height:1.8;color:#667187}.intro-strip p strong{color:var(--ink);font-weight:600}.intro-strip>.container>div{font-size:14px;color:var(--muted);line-height:2.1}
/* Cards */
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:19px}.service-card{border:1px solid var(--line);border-radius:13px;padding:29px 27px 20px;transition:transform .25s,border-color .25s,box-shadow .25s;background:white}.service-card:hover{transform:translateY(-5px);border-color:#b5c9ff;box-shadow:var(--shadow)}.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}.service-icon{width:45px;height:45px;border-radius:11px;background:#eff4ff;color:var(--blue);display:grid;place-items:center}.service-card:nth-child(3n+2) .service-icon{background:#f3effe;color:#7652c6}.service-card:nth-child(3n+3) .service-icon{background:#eaf8fb;color:#167f9a}.service-number{font:12px Arial,sans-serif;color:#8e97ab}.service-card h3{font-size:20px;margin-bottom:8px}.service-card p{font-size:13px;line-height:1.95;max-width:280px;min-height:51px}.card-link{display:flex;align-items:center;justify-content:space-between;border-top:1px solid #edf0f5;margin-top:22px;padding-top:13px;font-size:12px;font-weight:600;color:#4b6387}.card-link .icon{width:19px;height:19px}.work-section{background:#f8fafc}.work-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:40px 27px}.project-image{display:block;position:relative;aspect-ratio:4/3;overflow:hidden;border-radius:15px;border:1px solid #e5eaf133}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform .6s}.project-image:hover img{transform:scale(1.035)}.project-open{position:absolute;left:18px;top:18px;background:#fffffff2;border-radius:50%;width:37px;height:37px;display:grid;place-items:center;color:var(--ink);box-shadow:0 5px 15px #0001}.project-open .icon{width:17px;height:17px}.project-type{position:absolute;bottom:18px;right:18px;background:#ffffffec;color:#344057;border-radius:5px;font-size:10px;padding:4px 11px;backdrop-filter:blur(10px)}.project-meta{display:flex;justify-content:space-between;align-items:center;padding:18px 2px;gap:15px}.project-meta span{font-size:11px;color:var(--muted)}.project-meta h3{font-size:23px;margin-top:3px}.project-meta p{font-size:12px;text-align:left;max-width:210px}.sand{background:#ebe6dc}.mint{background:#dfeee7}.blue{background:#dce5ff}.purple{background:#e9e0fa}.muted-note{font-size:12px;text-align:center;color:#717b90;margin:24px auto 0;max-width:900px}.why-grid{display:grid;grid-template-columns:1fr 1fr;gap:85px;align-items:center}.why-art{height:500px;background:var(--deep);color:white;position:relative;border-radius:15px;overflow:hidden;display:flex;flex-direction:column;justify-content:space-between;padding:35px}.art-label{font:13px/1.5 Arial,sans-serif;letter-spacing:3px;direction:ltr}.why-art:before{content:"";position:absolute;width:450px;height:450px;border-radius:50%;background:radial-gradient(circle,#243c84 0,transparent 65%);top:90px;left:-95px;opacity:.5}.brand-orbit{position:absolute;left:50%;top:51%;width:300px;height:300px;transform:translate(-50%,-50%);border:1px solid #687dac40;border-radius:50%;display:grid;place-items:center}.brand-orbit:before,.brand-orbit:after{content:"";position:absolute;inset:28px;border:1px solid #687dac24;border-radius:50%}.brand-orbit:after{inset:-32px;border-style:dashed;border-color:#687dac20}.brand-orbit img{width:119px;filter:drop-shadow(0 20px 40px #172e9a60);transform:rotate(-8deg)}.art-bottom{display:flex;justify-content:space-between;font-size:12px;color:#aebddd;position:relative;margin-top:auto}.why-copy>p{font-size:14px;line-height:2.1;margin-top:18px}.why-points{margin-top:27px;display:grid;gap:21px}.why-points article{display:flex;gap:16px;align-items:flex-start}.why-points>article>.icon{color:#4267ae;width:23px;height:23px;margin-top:4px}.why-points h3{font-size:16px;line-height:1.9}.why-points p{font-size:12px;line-height:1.9}.process-section{padding-top:20px}.steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:30px}.step{position:relative;padding-top:10px}.step:after{content:"";height:1px;background:var(--line);position:absolute;top:36px;right:65px;left:-10px}.step:last-child:after{display:none}.step-number{font:15px Arial,sans-serif;border:1px solid #d4dff2;border-radius:50%;width:52px;height:52px;display:grid;place-items:center;color:var(--blue);margin-bottom:22px;background:white;position:relative;z-index:1}.step h3{font-size:19px;margin-bottom:8px}.step p{font-size:13px;line-height:2}.packages-section{background:var(--bg)}.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;align-items:stretch}.plan-card{padding:30px 27px 27px;border:1px solid var(--line);border-radius:14px;background:white;position:relative;display:flex;flex-direction:column}.plan-card.featured{border:2px solid var(--blue);box-shadow:0 15px 40px #2563eb0a;padding:29px 26px 26px}.plan-tag{align-self:flex-start;background:#f3f5f9;border-radius:5px;color:#57677f;font-size:10px;padding:4px 10px;margin-bottom:17px}.featured .plan-tag{background:#eaf0ff;color:#2d59bd}.plan-name{display:flex;justify-content:space-between;align-items:center}.plan-name h3{font-size:28px}.plan-name>span{font:10px Arial,sans-serif;letter-spacing:2px;color:#8590a3}.plan-card>p{font-size:13px;margin-top:10px;min-height:50px}.plan-price{font-size:20px;font-weight:600;margin:26px 0 20px;border-bottom:1px solid var(--line);padding-bottom:21px}.plan-price small{display:block;font-size:11px;color:var(--muted);font-weight:400;margin-top:6px}.check-list{display:grid;gap:12px}.check-list li{display:flex;gap:10px;align-items:flex-start;font-size:13px;color:#4b5a73}.check-list .icon{width:17px;height:17px;color:var(--blue);margin-top:4px}.plan-card .button{margin-top:auto;display:flex;width:100%;min-height:47px;font-size:12px}.plan-card .check-list{margin-bottom:29px}.faq-layout{display:grid;grid-template-columns:.8fr 1.2fr;gap:85px}.faq-layout>div:first-child>p{font-size:14px;margin-top:12px}.faq-layout>div:first-child>.button{margin-top:18px}.faq-item{border-bottom:1px solid var(--line);background:transparent}.faq-item:first-child{border-top:1px solid var(--line)}.faq-item summary{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:20px 0;cursor:pointer;font-size:15px;font-weight:600;list-style:none}.faq-item summary::-webkit-details-marker{display:none}.faq-item summary>span{height:25px;width:25px;display:grid;place-items:center;flex-shrink:0;border:1px solid #e7ebf3;border-radius:50%;color:#6580a7}.faq-item .icon{width:14px;height:14px;transition:transform .2s}.faq-item[open] summary .icon{transform:rotate(45deg)}.faq-answer{padding:0 0 22px 30px}.faq-answer p{font-size:14px;line-height:2}.faq-wide{max-width:930px}.cta-section{padding:0 0 84px;background:linear-gradient(white 50%,#f8fafc 50%)}.cta-panel{background:linear-gradient(105deg,#162957,#101a36 50%,#142448);border-radius:18px;color:#fff;position:relative;isolation:isolate;padding:50px 58px;display:flex;align-items:center;justify-content:space-between;gap:35px;overflow:hidden}.cta-panel h2{font-size:40px;line-height:1.6;margin-bottom:12px}.cta-panel p{font-size:14px;color:#b5c4e2}.cta-actions{display:flex;flex-direction:column;gap:12px;position:relative;min-width:215px}.cta-orbit{position:absolute;inset:auto auto -170px -20px;width:530px;height:530px;border:1px solid #7aa1f221;border-radius:50%;z-index:-1}.cta-orbit:after,.cta-orbit:before{content:"";position:absolute;inset:50px;border:1px solid #7aa1f215;border-radius:50%}.cta-orbit:after{inset:100px}.site-footer{background:var(--deep);color:#b3c0d9;padding:64px 0 20px}.footer-top{display:grid;grid-template-columns:1.6fr 1fr 1fr 1fr;gap:48px;padding-bottom:46px}.footer-brand>p{font-size:13px;line-height:2.1;margin-top:23px;color:#93a4c5}.footer-top h3{font-size:14px;color:#eef2ff;margin-bottom:19px;font-weight:500}.footer-top>div>a:not(.brand):not(.phone-link){display:flex;align-items:center;gap:10px;font-size:12px;margin-bottom:11px;color:#9caccb}.footer-top>div>a:not(.brand):not(.phone-link):hover{color:white}.footer-top>div>a .icon{height:13px;width:13px}.phone-link{font:15px Arial,sans-serif;display:inline-block;margin-top:16px;letter-spacing:.5px;color:#c6d6f4}.social-row{margin-top:21px;display:flex;gap:10px}.coming-social{display:flex;align-items:center;gap:11px;color:#a5b2cd;flex-wrap:wrap}.coming-social .icon{height:16px;width:16px}.coming-social small{font-size:10px;margin-inline-start:5px}.social-link{height:31px;width:31px;display:grid;place-items:center;border:1px solid #ffffff21;border-radius:6px}.social-link .icon{height:16px;width:16px}.footer-note{font-size:14px;color:#8a9cbe;line-height:2;margin-top:18px}.footer-bottom{border-top:1px solid #ffffff13;padding:24px 0 8px;display:flex;justify-content:space-between;gap:20px;font-size:10px;color:#91a2c2}.footer-bottom>div{display:flex;align-items:center;gap:24px}.made-with{display:flex;align-items:center;gap:8px}.made-with .icon{width:13px;height:13px;color:#859fe0}.legal-name{font-size:10px;text-align:center;margin-top:10px}.floating-whatsapp{position:fixed;left:24px;bottom:24px;z-index:40;height:51px;min-width:51px;padding:0 14px;border-radius:100px;background:#15724d;color:white;display:flex;align-items:center;justify-content:center;gap:9px;box-shadow:0 6px 24px #0a493545;transition:transform .2s}.floating-whatsapp:hover{transform:translateY(-3px)}.floating-whatsapp .icon{width:28px;height:28px}.floating-whatsapp span{font-size:11px}
/* Interior pages */
.breadcrumbs{display:flex;align-items:center;gap:12px;font-size:11px;color:#71809b;padding-top:26px;padding-bottom:9px;flex-wrap:wrap}.breadcrumbs a:hover{color:var(--blue)}.breadcrumbs>[aria-current]{color:#435477}.page-hero{padding:35px 0 60px;background:linear-gradient(100deg,#f8faff55,white);overflow:hidden}.page-hero-inner{display:grid;grid-template-columns:1fr 250px;gap:70px;align-items:center}.page-hero h1{font-size:50px;line-height:1.5;max-width:900px}.page-hero p{max-width:760px;font-size:16px;margin-top:22px;line-height:2.1}.page-emblem{width:180px;height:180px;position:relative;display:grid;place-items:center;justify-self:center;background:radial-gradient(circle,#e8eeff,transparent 70%)}.page-emblem:before,.page-emblem:after{content:"";position:absolute;inset:0;border:1px solid #e6ecfa;border-radius:50%;transform:rotate(-20deg)}.page-emblem:after{inset:-25px;border-style:dashed}.page-emblem img{width:65px;transform:rotate(-7deg)}.page-emblem>span{position:absolute;width:7px;height:7px;background:var(--blue);border-radius:50%;top:37px;left:4px}.service-hero{padding:38px 0 70px}.service-hero-grid{display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:55px}.service-hero h1{font-size:46px}.service-hero p{font-size:15px;line-height:2.1;margin:21px 0 26px}.service-en{display:block;font:9px Arial,sans-serif;letter-spacing:2px;color:#8796b0;margin-top:28px}.service-hero-art{position:relative}.service-hero-art>img{border-radius:14px;box-shadow:var(--shadow)}.image-caption{position:absolute;bottom:-22px;right:23px;left:23px;background:#fffffff5;backdrop-filter:blur(12px);border:1px solid var(--line);border-radius:10px;padding:13px 18px;display:flex;align-items:center;gap:12px;font-size:13px;box-shadow:var(--shadow)}.image-caption .icon{color:var(--blue)}.image-caption small{margin-inline-start:auto;color:var(--muted);font-size:10px}.detail-grid{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.detail-grid>div>p{font-size:14px;margin-top:20px;line-height:2.1}.deliverables-grid{display:grid;grid-template-columns:1fr 1fr;gap:0 26px}.deliverables-grid article{border-bottom:1px solid var(--line);padding:15px 0 20px;display:flex;gap:14px;align-items:center}.deliverables-grid article>span{font:11px Arial;color:#8e9cb5}.deliverables-grid h3{font-size:15px;line-height:1.9}.two-panels{display:grid;grid-template-columns:1fr 1fr;gap:65px}.two-panels article>.icon{width:34px;height:34px;color:var(--blue);margin-bottom:22px}.two-panels h2{font-size:29px;margin-bottom:15px}.two-panels p{font-size:14px;line-height:2.1}.services-grid-compact .service-card{padding:23px}.services-grid-compact .service-card h3{font-size:18px}.filter-bar{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:34px;border-bottom:1px solid var(--line);padding-bottom:24px}.filter-button{border:1px solid transparent;background:transparent;padding:10px 16px;border-radius:7px;font-size:12px;color:#5d6b85;min-height:43px}.filter-button>span{font:9px Arial;margin-inline-start:8px}.filter-button.active{background:var(--navy);color:white}.filter-button:hover:not(.active){background:#eef3fc}.notice{border:1px solid #dae5f8;background:#f4f8ff;border-radius:10px;display:flex;gap:13px;padding:19px 21px;margin-top:30px;align-items:flex-start}.notice>.icon{color:#4970b5;width:19px;height:19px;margin-top:4px}.notice p{font-size:12px;color:#5f718f;line-height:2}.case-hero{display:flex;align-items:flex-end;justify-content:space-between;gap:45px;padding-top:40px;padding-bottom:48px}.case-hero h1{font-size:45px;max-width:900px}.case-hero p{margin-top:20px;font-size:15px;max-width:750px}.case-label{border-inline-start:1px solid var(--line);padding-inline-start:28px;min-width:215px;max-width:245px;color:var(--blue);font-size:13px}.case-label small{display:block;color:var(--muted);font-size:11px;margin-top:10px;line-height:2}.case-cover{border-radius:18px;max-height:710px;overflow:hidden}.case-cover img{width:100%;object-fit:cover;max-height:710px}.case-overview{display:grid;grid-template-columns:.6fr 1.4fr;gap:100px}.case-overview>div:first-child h2{margin-top:9px}.case-overview>div:first-child p{font:13px Arial;margin-top:10px}.case-type{display:inline-block;background:#f0f4ff;color:#4263a2;font-size:11px;padding:4px 10px;border-radius:4px;margin-top:24px}.case-overview>div:nth-child(2) h2{font-size:27px;margin-bottom:12px}.case-overview>div:nth-child(2) p{font-size:15px;line-height:2.1;margin-bottom:30px}.case-overview .notice p{font-size:12px;margin:0}.comparison-wrap{overflow-x:auto;border:1px solid var(--line);border-radius:13px;background:white}.comparison{width:100%;min-width:630px;border-collapse:collapse;font-size:13px;text-align:right}.comparison th,.comparison td{padding:19px 23px;border-bottom:1px solid var(--line)}.comparison th{font-weight:600}.comparison thead{background:#eef3ff;color:#325bae}.comparison tbody th{color:#4a5c77;font-size:12px}.comparison td{color:#66738c}.comparison tr:last-child>*{border-bottom:0}.about-manifesto{display:grid;grid-template-columns:1fr 1fr;gap:75px;align-items:center}.about-manifesto>span{position:relative;font:700 75px/1.1 Arial,sans-serif;letter-spacing:-4px;direction:ltr;background:var(--deep);border-radius:16px;color:#eaf0ff;padding:60px;min-height:340px;overflow:hidden}.about-manifesto>span:after{content:"";position:absolute;width:230px;height:230px;border:45px solid #415ceb21;border-radius:50%;right:-80px;bottom:-40px}.about-manifesto>span>span{display:block;font:9px Arial,sans-serif;letter-spacing:3px;margin-top:35px;color:#93a9d3}.about-manifesto p{font-size:14px;line-height:2.1;margin-top:17px}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:29px}.values-grid .icon{width:31px;height:31px;color:var(--blue);margin-bottom:23px}.values-grid h3{font-size:17px;margin-bottom:12px}.values-grid p{font-size:13px;line-height:2}.audience-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}.audience-grid>div{border-top:1px solid #dce3ef;padding-top:17px}.audience-grid span{font:11px Arial;color:#8b9ab3}.audience-grid h3{font-size:19px;margin-top:19px;line-height:1.8}.contact-grid{display:grid;grid-template-columns:.75fr 1.25fr;gap:60px;align-items:start}.contact-card{padding:35px 30px;border-radius:15px;background:var(--deep);color:white}.contact-whatsapp{width:47px;height:47px;border:1px solid #ffffff2e;border-radius:12px;display:grid;place-items:center;margin-bottom:20px}.contact-whatsapp .icon{width:29px;height:29px;color:#83d7c0}.contact-card h2{font-size:27px;margin-bottom:15px}.contact-card p{color:#a7b7d5;font-size:13px;line-height:2.1}.contact-number{font:21px Arial,sans-serif;display:block;direction:ltr;text-align:right;margin:26px 0 24px;letter-spacing:.2px}.contact-card>.button{width:100%;font-size:13px}.copy-number{display:flex;align-items:center;justify-content:center;gap:8px;border:0;background:transparent;color:#bbc9e2;font-size:12px;margin:16px auto 0;padding:7px 13px}.copy-number .icon{width:15px;height:15px}.contact-next{padding:29px 10px}.contact-next h3{font-size:19px;margin-bottom:17px}.contact-next ol{margin:0;padding-right:18px;font-size:13px;color:#52627f;line-height:2.7}.contact-next p{font-size:12px;margin-top:23px}.form-panel{border:1px solid var(--line);border-radius:15px;padding:32px;background:#fff}.form-heading{margin-bottom:27px;border-bottom:1px solid var(--line);padding-bottom:25px}.form-step{font-size:10px;color:var(--blue)}.form-heading h2{font-size:28px;margin:8px 0}.form-heading p{font-size:12px}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:19px}.field-full{grid-column:1/-1}.field label{display:block;font-size:12px;font-weight:600;margin-bottom:8px;color:#4c5a74}.field label>span{color:var(--blue)}.field input,.field select,.field textarea{display:block;width:100%;border:1px solid #dfe5ef;border-radius:7px;background:#fbfcfe;color:var(--ink);padding:12px;font-size:12px;min-height:47px;outline-offset:2px}.field select{padding-left:24px}.field input::placeholder,.field textarea::placeholder{color:#8a95a9;opacity:1}.field textarea{resize:vertical;min-height:150px;line-height:2}.field input:focus,.field select:focus,.field textarea:focus{border-color:#81a3fa;background:white}.input-meta{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-top:7px}.input-meta small{font-size:9px;color:#7a879c}.input-meta small:last-child{white-space:nowrap}.consent{display:flex;align-items:flex-start;gap:10px;font-size:11px;color:#5b6b85;margin:22px 0}.consent input{margin-top:5px;flex-shrink:0;width:16px;height:16px;accent-color:var(--blue)}.consent a{color:var(--blue);text-decoration:underline;text-underline-offset:3px}.form-submit{width:100%;margin-top:5px}.form-disclaimer{font-size:10px;line-height:2;text-align:center;margin-top:15px}.selected-package{background:#edf3ff;color:#3561b4;padding:10px;border-radius:7px;font-size:12px;margin-top:17px}.message-dialog{width:min(660px,calc(100vw - 32px));max-height:90dvh;border:0;border-radius:18px;padding:30px;color:var(--ink);background:white;box-shadow:0 30px 100px #0003}.message-dialog::backdrop{background:#0a132ebf;backdrop-filter:blur(5px)}.dialog-header{display:flex;align-items:center;justify-content:space-between;gap:15px}.dialog-header h2{font-size:25px;margin-top:7px}.message-dialog>p{font-size:12px;margin:15px 0}.message-dialog pre{font:13px/2.1 var(--font);white-space:pre-wrap;overflow-wrap:anywhere;max-height:38dvh;overflow:auto;background:#f6f8fd;border:1px solid var(--line);border-radius:9px;padding:18px;margin:20px 0}.dialog-actions{display:flex;gap:10px;flex-wrap:wrap}.dialog-actions .button{font-size:12px;flex:1}.dialog-small{font-size:10px!important}.toast{position:fixed;bottom:90px;left:50%;transform:translateX(-50%);background:var(--navy);color:white;padding:12px 23px;z-index:100;border:1px solid #b4c9ff30;border-radius:8px;font-size:13px;max-width:calc(100% - 40px);text-align:center;box-shadow:var(--shadow)}
/* Guides and legal */
.articles-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:27px}.article-card{border:1px solid var(--line);border-radius:13px;overflow:hidden;background:white}.article-visual{display:flex;justify-content:space-between;align-items:flex-end;aspect-ratio:1.5;padding:30px;background:var(--deep);color:#d7e4ff;position:relative;overflow:hidden}.article-visual:after{content:"";position:absolute;width:230px;height:230px;border:1px solid #ffffff1c;border-radius:50%;left:-45px;top:-70px}.article-visual span{font:600 32px/1.15 Arial;letter-spacing:-.9px;direction:ltr;position:relative;z-index:1}.article-visual .icon{height:42px;width:42px;color:#87aaff}.av-1{background:#e8ede4;color:#274e3d}.av-1 .icon{color:#567d5b}.av-1:after{border-color:#9aac9860}.av-2{background:#efe8f7;color:#493578}.av-2 .icon{color:#9a7dc6}.av-2:after{border-color:#b9a6d080}.article-card>div{padding:25px}.article-tag{font-size:10px;color:var(--blue)}.article-card h2{font-size:21px;margin:11px 0 14px;line-height:1.8}.article-card p{font-size:12px;line-height:2}.article-card .text-link{margin-top:20px;font-size:12px}.article-header{max-width:920px;padding-top:46px;padding-bottom:55px;text-align:center}.article-header .eyebrow{justify-content:center}.article-header h1{font-size:47px;margin:17px 0}.article-header p{font-size:17px;line-height:2.1}.article-author{display:flex;align-items:center;justify-content:center;gap:10px;margin-top:27px;font-size:12px;color:#576989}.article-author img{width:21px}.article-layout{display:grid;grid-template-columns:260px 1fr;gap:80px;padding-bottom:90px}.article-toc{position:sticky;top:125px;align-self:start;border:1px solid var(--line);border-radius:10px;padding:22px}.article-toc h2{font-size:16px;margin-bottom:15px}.article-toc a{display:block;font-size:12px;color:#667898;padding:8px 0;border-bottom:1px solid #eef1f8}.article-toc a:last-child{border-bottom:0}.article-toc a:hover{color:var(--blue)}.prose section{margin-bottom:33px;scroll-margin-top:115px}.prose h2{font-size:24px;margin-bottom:16px;line-height:1.9}.prose h2>span{color:#93a5c2;font:14px Arial;margin-inline-end:17px}.prose p{font-size:15px;line-height:2.25}.article-takeaway{border:1px solid #d7e2f8;background:#f4f7ff;border-radius:12px;padding:28px;margin-top:40px}.article-takeaway .button{margin-top:23px}.legal-layout{display:grid;grid-template-columns:270px 1fr;gap:80px}.legal-contact{align-self:start;border:1px solid var(--line);border-radius:12px;padding:23px;position:sticky;top:120px}.legal-contact h2{font-size:22px;margin-bottom:14px}.legal-contact p{font-size:12px;line-height:2}.legal-contact>a[dir]{display:block;font:16px Arial;margin:20px 0}.legal-contact .button{font-size:12px;width:100%}.not-found{text-align:center;padding:70px 0 110px}.error-number{font:700 140px/1.2 Arial;background:linear-gradient(110deg,#99c5ff,#5339b8);background-clip:text;-webkit-text-fill-color:transparent}.not-found .eyebrow,.not-found .inline-actions{justify-content:center}.not-found .eyebrow{margin-top:15px}.not-found h1{font-size:43px}.not-found p{font-size:16px;margin:20px 0 28px}.motion-stage{min-height:490px;background:var(--deep);border-radius:16px;position:relative;overflow:hidden;display:flex;align-items:center;justify-content:center;gap:70px;color:white}.motion-grid{position:absolute;inset:0;background-image:linear-gradient(#668bff0c 1px,transparent 1px),linear-gradient(90deg,#668bff0c 1px,transparent 1px);background-size:40px 40px}.motion-orbit{width:420px;height:420px;border:1px solid #678cff30;border-radius:50%;position:absolute;left:10%;top:40px;animation:orbit-turn 18s linear infinite}.motion-orbit:after{content:"";position:absolute;width:13px;height:13px;top:36px;left:65px;border-radius:50%;background:var(--cyan);box-shadow:0 0 30px #06b6d470}.motion-logo{position:relative;animation:logo-float 5s ease-in-out infinite;filter:drop-shadow(0 15px 55px #4876e980)}.motion-caption{position:relative;display:flex;flex-direction:column;gap:10px}.motion-caption>span{font-size:27px;color:#bac9e7}.motion-caption>strong{font-size:46px;line-height:1.5}.motion-caption>small{font:10px Arial;letter-spacing:4px;color:#849ed1}.motion-toggle{position:absolute;bottom:20px;left:20px;background:#25375c;color:#e2ebff;border:1px solid #53668d;border-radius:6px;padding:9px 14px;font-size:11px;min-height:40px}.motion-note{position:absolute;bottom:30px;right:25px;font-size:11px;color:#90a3c7}.motion-paused .motion-logo,.motion-paused .motion-orbit{animation-play-state:paused}@keyframes logo-float{0%,100%{transform:translateY(0) rotate(-5deg)}50%{transform:translateY(-18px) rotate(4deg)}}@keyframes orbit-turn{to{transform:rotate(360deg)}}
/* Responsive layouts */
@media(min-width:1500px){.hero-grid{min-height:650px}.hero-visual{height:490px}}
@media(max-width:1150px){.container{width:calc(100% - 60px)}.desktop-nav{gap:18px}.desktop-nav>a{font-size:12px}.brand b{font-size:22px}.hero-grid{grid-template-columns:1fr 1fr;gap:12px;min-height:586px}.hero h1{font-size:59px}.hero-visual{transform:scale(.92);transform-origin:center left;margin-right:-15px;width:105%}.hero-copy>p{font-size:15px}.hero-assurance{gap:15px;font-size:10px}.why-grid,.faq-layout,.detail-grid{gap:45px}.why-art{height:455px}.plan-card{padding:25px 20px}.plan-card.featured{padding:24px 19px}.plan-price{font-size:18px}.plan-card .check-list li{font-size:12px}.footer-top{gap:30px}.page-hero-inner{gap:35px;grid-template-columns:1fr 210px}.page-hero h1{font-size:44px}.service-hero-grid{gap:30px}.service-hero h1{font-size:39px}.contact-grid{gap:30px}.form-panel{padding:25px}.article-layout,.legal-layout{gap:45px}}
@media(max-width:900px){.container{width:calc(100% - 44px)}.desktop-nav{display:none}.header-inner{height:75px}.menu-toggle{display:grid}.brand img{width:31px;height:42px}.brand b{font-size:23px}.hero-grid{grid-template-columns:1fr 1fr;min-height:555px}.hero h1{font-size:49px}.hero-kicker{font-size:10px}.hero-copy>p{font-size:13px}.hero-visual{transform:scale(.79);width:124%;transform-origin:left center;margin-right:-50px}.hero-buttons{flex-wrap:wrap;gap:6px}.hero-buttons .button{font-size:12px;min-height:48px;padding:11px 18px}.hero-assurance{flex-wrap:wrap;gap:8px;margin-top:22px}.hero-bottom>div{font-size:8px;gap:10px}.intro-strip>.container{gap:25px;grid-template-columns:1fr 1.2fr auto}.intro-strip p{font-size:17px}.intro-strip>.container>div{font-size:12px}.section{padding:65px 0}.section-tight{padding-top:25px}.services-grid{gap:14px}.service-card{padding:23px 19px 18px}.service-card h3{font-size:17px}.service-card p{font-size:12px}.service-card-top{margin-bottom:20px}.service-icon{width:38px;height:38px}.service-icon .icon{width:21px;height:21px}.service-card p{min-height:70px}.why-grid{gap:35px}.why-art{height:425px;padding:28px}.brand-orbit{width:230px;height:230px}.why-copy h2{font-size:28px}.why-copy>p{font-size:12px}.why-points{gap:17px}.why-points h3{font-size:14px}.why-points p{font-size:11px}.steps-grid{gap:24px}.step h3{font-size:16px}.step p{font-size:12px}.plans-grid{gap:13px}.plan-card{padding:22px 17px}.plan-card.featured{padding:21px 16px}.plan-card>p{font-size:12px;min-height:70px}.plan-price{font-size:16px}.plan-name h3{font-size:25px}.plan-card .check-list li{font-size:11px}.plan-card .check-list{gap:11px}.plan-card .button{font-size:11px;padding:10px;gap:10px}.faq-layout{gap:40px;grid-template-columns:.75fr 1.25fr}.faq-item summary{font-size:13px}.faq-answer p{font-size:12px}.cta-panel{padding:40px}.cta-panel h2{font-size:33px}.footer-top{grid-template-columns:1.4fr 1fr 1fr;gap:30px}.footer-top>div:last-child{display:none}.footer-bottom{font-size:9px}.footer-bottom>div{gap:14px}.made-with{display:none}.page-emblem{width:130px;height:130px}.page-emblem img{width:48px}.page-hero-inner{grid-template-columns:1fr 150px}.page-hero h1{font-size:37px}.page-hero p{font-size:14px}.service-hero h1{font-size:33px}.service-hero p{font-size:13px}.service-hero .button{font-size:11px;padding:10px 14px;gap:8px}.service-en{font-size:8px;letter-spacing:1px}.image-caption{padding:10px 12px;font-size:11px;right:13px;left:13px}.image-caption small{font-size:8px}.detail-grid{grid-template-columns:.8fr 1.2fr;gap:35px}.deliverables-grid{gap:0 20px}.deliverables-grid h3{font-size:13px}.detail-grid h2{font-size:30px}.case-hero{gap:30px}.case-hero h1{font-size:36px}.case-label{min-width:180px;max-width:180px}.case-hero p{font-size:13px}.case-overview{gap:45px}.about-manifesto{gap:35px}.about-manifesto>span{font-size:59px;padding:38px}.about-manifesto p{font-size:12px}.values-grid{gap:22px}.values-grid h3{font-size:15px}.values-grid p{font-size:12px}.audience-grid h3{font-size:16px}.contact-grid{grid-template-columns:.8fr 1.2fr;gap:25px}.contact-card{padding:27px 21px}.contact-card h2{font-size:24px}.contact-number{font-size:18px}.form-grid{gap:14px}.form-panel{padding:22px}.field input,.field select,.field textarea{font-size:11px}.articles-grid{gap:17px}.article-visual{padding:20px}.article-visual span{font-size:25px}.article-visual .icon{width:28px;height:28px}.article-card>div{padding:20px}.article-card h2{font-size:18px}.article-layout{grid-template-columns:220px 1fr;gap:35px}.article-header h1{font-size:38px}.legal-layout{grid-template-columns:220px 1fr;gap:35px}.legal-contact{padding:18px}.prose h2{font-size:22px}.prose p{font-size:14px}}
@media(max-width:700px){.container{width:calc(100% - 38px)}.header-inner{height:73px}.brand b{font-size:22px}.brand span[lang]{font-size:10px}.brand img{width:29px;height:39px}.brand{gap:9px}.header-actions{gap:9px}.header-actions .button{font-size:11px;min-height:39px;padding:9px 12px;gap:8px}.header-actions .button .icon{width:16px;height:16px}.menu-toggle{height:40px;width:40px}.hero-grid{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:40px;padding-bottom:14px;min-height:0}.hero-copy{text-align:center;position:relative;z-index:2}.hero-kicker{justify-content:center;font-size:10px;margin-bottom:15px}.hero h1{font-size:clamp(44px,10.9vw,63px);line-height:1.47;letter-spacing:-1.5px;margin-bottom:15px}.hero-copy>p{font-size:14px;line-height:2;margin-bottom:24px;max-width:480px;margin-inline:auto}.desktop-only{display:none}.hero-buttons{justify-content:center;gap:7px}.hero-buttons .button{min-height:48px;font-size:12px;padding:12px 19px}.hero-assurance{justify-content:center;font-size:10px;gap:18px;margin-top:22px}.hero-visual{height:395px;width:min(510px,100%);margin:18px auto 0;transform:none;max-width:510px;overflow:visible}.hero-browser{top:62px;left:0;max-width:465px;width:94%}.orbit-one{width:360px;height:360px;top:15px;left:10px}.orbit-two{width:280px;height:280px;top:55px;left:53px}.visual-label{top:0;left:22px;font-size:7px;letter-spacing:2px}.hero-phone{width:131px;right:0;top:142px;border-width:4px;border-radius:21px;padding:13px 8px 10px}.phone-screen h3{font-size:12px}.phone-progress{padding:7px 5px}.progress-circle{width:42px;height:42px}.phone-task{padding:7px 2px;font-size:6px}.phone-top{margin-bottom:11px}.phone-tabs .icon{width:11px;height:11px}.floating-label{font-size:9px;padding:8px 11px;gap:8px}.floating-label span{font-size:6px}.label-design{right:16px;top:15px}.label-code{left:5px;bottom:7px}.mini-site{padding:14px 17px 0;min-height:220px}.mini-nav{margin-bottom:10px;font-size:6px}.mini-content strong{font-size:20px}.architecture-scene{height:149px}.arch-building{inset:35px 18px -5px 15px;padding:13px 9px;gap:5px}.arch-building i{height:59px;width:22px}.mini-site-bottom{margin-top:11px;padding:11px 0 9px;font-size:5px}.hero-bottom{height:64px;flex-direction:column;justify-content:center;gap:6px;font-size:9px}.hero-bottom>div{font-size:7px;letter-spacing:1.1px;gap:12px}.intro-strip{padding:28px 0}.intro-strip>.container{grid-template-columns:1fr auto;gap:12px 20px}.intro-strip p{font-size:18px}.intro-strip>.container>div{grid-row:2;grid-column:1/-1;font-size:12px;line-height:2}.intro-strip .round-link{grid-column:2;grid-row:1;width:43px;height:43px}.section{padding:54px 0}.section-tight{padding-top:15px}.section-head{align-items:flex-start;gap:15px;margin-bottom:27px;flex-direction:column}.section-head .button-text{padding-top:0;min-height:35px;font-size:12px}.section-head h2{font-size:29px;line-height:1.6;margin-bottom:7px}.section-head p{font-size:13px;line-height:2}.eyebrow{font-size:11px;margin-bottom:10px}.services-grid{grid-template-columns:1fr 1fr;gap:12px}.service-card{padding:20px 16px 15px}.service-card-top{margin-bottom:17px}.service-icon{height:36px;width:36px;border-radius:8px}.service-number{font-size:10px}.service-card h3{font-size:17px;line-height:1.7;margin-bottom:7px}.service-card p{font-size:11px;line-height:1.95;min-height:65px}.card-link{font-size:10px;margin-top:17px;padding-top:11px;gap:8px}.card-link .icon{width:16px;height:16px}.work-grid{grid-template-columns:1fr;gap:24px}.project-image{border-radius:11px}.project-type{font-size:9px;bottom:14px;right:14px}.project-meta{padding:14px 0 3px}.project-meta span{font-size:10px}.project-meta h3{font-size:22px}.project-meta p{font-size:11px;max-width:180px}.muted-note{font-size:10px;line-height:2;margin-top:23px}.why-grid{grid-template-columns:1fr;gap:35px}.why-art{height:355px;max-width:550px;width:100%;padding:28px}.art-label{font-size:12px}.brand-orbit{height:220px;width:220px}.brand-orbit img{width:98px}.art-bottom{font-size:10px}.why-copy h2{font-size:31px}.why-copy>p{font-size:13px;margin-top:14px}.why-points{gap:19px;margin-top:23px}.why-points h3{font-size:15px}.why-points p{font-size:12px}.process-section{padding-top:10px}.steps-grid{grid-template-columns:1fr 1fr;gap:29px 22px}.step:after{left:0;right:62px}.step:nth-child(2):after{display:none}.step-number{width:47px;height:47px;font-size:13px;margin-bottom:16px}.step h3{font-size:18px}.step p{font-size:12px}.plans-grid{grid-template-columns:1fr;gap:19px;max-width:530px;margin-inline:auto}.plan-card,.plan-card.featured{padding:28px}.plan-tag{font-size:11px}.plan-name h3{font-size:31px}.plan-card>p{font-size:13px;min-height:0;margin-top:13px}.plan-price{font-size:22px;margin:23px 0 19px}.plan-card .check-list li{font-size:13px}.plan-card .button{font-size:13px;min-height:50px}.faq-layout{grid-template-columns:1fr;gap:23px}.faq-layout h2{font-size:30px}.faq-layout>div:first-child>p{font-size:13px}.faq-layout>div:first-child>.button{margin-top:12px}.faq-item summary{font-size:14px;padding:19px 0}.faq-answer p{font-size:13px}.cta-section{padding:0 0 45px}.cta-panel{padding:34px 26px;border-radius:13px;display:block}.cta-panel h2{font-size:31px;line-height:1.6}.cta-panel p{font-size:12px;max-width:290px;line-height:2}.cta-actions{margin-top:25px;flex-direction:row;flex-wrap:wrap;gap:10px}.cta-actions .button{flex:1;min-height:49px;font-size:11px;padding:11px 15px;gap:10px}.cta-orbit{left:-320px;bottom:-150px}.site-footer{padding:40px 0 18px}.footer-top{grid-template-columns:1fr 1fr;gap:31px 23px;padding-bottom:31px}.footer-brand{grid-column:1/-1}.footer-brand>p{font-size:12px;margin-top:19px}.footer-top h3{font-size:13px;margin-bottom:17px}.footer-top>div>a:not(.brand):not(.phone-link){font-size:11px;margin-bottom:10px}.footer-top>div:last-child{display:none}.phone-link{font-size:16px}.social-row{margin-top:19px}.footer-bottom{flex-direction:column;gap:13px;font-size:10px;padding-top:22px}.footer-bottom>div{gap:23px}.floating-whatsapp{left:15px;bottom:16px;width:50px;height:50px;padding:0}.floating-whatsapp span{display:none}.floating-whatsapp .icon{width:27px;height:27px}.breadcrumbs{font-size:10px;gap:9px;padding-top:22px}.page-hero{padding:26px 0 38px}.page-hero-inner{grid-template-columns:1fr;gap:0}.page-emblem{display:none}.page-hero h1{font-size:35px;letter-spacing:-1px;line-height:1.6}.page-hero p{font-size:13px;margin-top:18px;line-height:2.1}.service-hero{padding:25px 0 40px}.service-hero-grid{grid-template-columns:1fr;gap:36px}.service-hero h1{font-size:37px;line-height:1.6;letter-spacing:-.8px}.service-hero p{font-size:14px;margin:18px 0 22px}.service-hero .button{font-size:12px;padding:12px 18px;min-height:50px}.service-en{font-size:8px;letter-spacing:1.5px;margin-top:24px}.service-hero-art{margin-bottom:14px}.image-caption{bottom:-19px;right:18px;left:18px;font-size:12px;padding:13px}.image-caption small{font-size:9px}.detail-grid{grid-template-columns:1fr;gap:22px}.detail-grid h2{font-size:30px}.detail-grid>div>p{font-size:13px;margin-top:14px}.deliverables-grid{gap:0 19px}.deliverables-grid h3{font-size:13px}.deliverables-grid article{padding:15px 0;gap:10px}.two-panels{grid-template-columns:1fr;gap:34px}.two-panels article>.icon{margin-bottom:16px;width:29px;height:29px}.two-panels h2{font-size:27px;margin-bottom:13px}.two-panels p{font-size:13px}.services-grid-compact .service-card{padding:18px 15px}.services-grid-compact .service-card h3{font-size:17px}.filter-bar{gap:6px;padding-bottom:19px;margin-bottom:24px}.filter-button{font-size:10px;padding:8px 12px;min-height:38px}.filter-button>span{font-size:8px}.notice{padding:15px;gap:10px}.notice p{font-size:11px}.case-hero{display:block;padding-top:29px;padding-bottom:30px}.case-hero h1{font-size:35px;line-height:1.6}.case-hero p{font-size:14px;margin-top:16px;line-height:2}.case-label{display:block;max-width:none;margin-top:23px;padding-inline-start:13px;border-inline-start:2px solid #b9ccf4;font-size:12px}.case-label small{font-size:10px;margin-top:5px}.case-cover{border-radius:11px}.case-overview{grid-template-columns:1fr;gap:28px}.case-overview>div:first-child{border-bottom:1px solid var(--line);padding-bottom:23px}.case-overview h2{font-size:28px}.case-overview>div:nth-child(2) h2{font-size:24px}.case-overview>div:nth-child(2) p{font-size:13px;margin-bottom:23px}.case-type{margin-top:18px;font-size:10px}.comparison th,.comparison td{padding:14px 15px;font-size:11px}.comparison tbody th{font-size:11px}.about-manifesto{grid-template-columns:1fr;gap:32px}.about-manifesto>span{font-size:69px;padding:39px;min-height:310px}.about-manifesto h2{font-size:30px}.about-manifesto p{font-size:13px}.values-grid{grid-template-columns:1fr 1fr;gap:29px 25px}.values-grid .icon{width:27px;height:27px;margin-bottom:15px}.values-grid h3{font-size:16px;line-height:1.8}.values-grid p{font-size:12px}.audience-grid{grid-template-columns:1fr 1fr;gap:25px}.audience-grid h3{font-size:17px;margin-top:13px;line-height:1.9}.contact-grid{grid-template-columns:1fr;gap:27px}.contact-aside{display:contents}.contact-card{grid-row:1;padding:27px}.contact-card h2{font-size:27px}.contact-card p{font-size:13px;max-width:390px}.contact-number{font-size:23px;margin:20px 0}.contact-whatsapp{float:left;margin:0 0 12px 0}.contact-next{grid-row:3;padding:3px 9px}.contact-next ol{font-size:13px}.form-panel{padding:25px 20px;grid-row:2}.form-heading h2{font-size:27px}.form-heading p{font-size:12px}.form-grid{gap:17px 13px}.field label{font-size:11px}.field input,.field select,.field textarea{font-size:12px;padding:11px;min-height:46px}.field input,.field select,.field textarea{font-size:16px}/* Prevent iOS focus zoom. */.field input::placeholder,.field textarea::placeholder{font-size:12px}.field select{font-size:14px}.input-meta small{font-size:9px}.consent{font-size:11px}.form-submit{font-size:13px;gap:10px}.form-disclaimer{font-size:10px}.message-dialog{padding:23px 19px;border-radius:12px}.dialog-header h2{font-size:21px}.message-dialog>p{font-size:12px}.message-dialog pre{font-size:12px}.dialog-actions{flex-direction:column}.dialog-actions .button{flex:none}.articles-grid{grid-template-columns:1fr;gap:24px}.article-visual{aspect-ratio:1.75;padding:30px}.article-visual span{font-size:38px}.article-visual .icon{width:43px;height:43px}.article-card h2{font-size:24px}.article-card>div{padding:25px}.article-card p{font-size:13px}.article-header{padding-top:30px;padding-bottom:34px;text-align:right}.article-header .eyebrow{justify-content:flex-start}.article-header h1{font-size:34px;line-height:1.6;margin:15px 0}.article-header p{font-size:14px}.article-author{justify-content:flex-start;font-size:11px}.article-layout{grid-template-columns:1fr;gap:29px;padding-bottom:50px}.article-toc{position:static;padding:20px}.article-toc a{font-size:12px}.prose h2{font-size:23px}.prose p{font-size:14px;line-height:2.2}.prose section{margin-bottom:29px}.article-takeaway{padding:23px}.legal-layout{grid-template-columns:1fr;gap:30px}.legal-contact{position:static;order:2;padding:25px}.legal-contact .button{width:auto}.not-found{padding:55px 0 75px}.error-number{font-size:100px}.not-found h1{font-size:32px}.not-found p{font-size:14px}.not-found .button{font-size:12px}.motion-stage{min-height:420px;gap:25px;flex-direction:column;padding:40px 20px 75px}.motion-logo{width:69px}.motion-caption{text-align:center;gap:8px}.motion-caption>span{font-size:20px}.motion-caption>strong{font-size:34px}.motion-caption>small{font-size:8px;letter-spacing:2px}.motion-orbit{width:330px;height:330px;left:calc(50% - 165px);top:30px}.motion-note{right:16px;font-size:9px;bottom:28px}.motion-toggle{font-size:10px;left:16px;bottom:17px}}
@media(max-width:370px){.container{width:calc(100% - 28px)}.header-actions .button{gap:5px;font-size:10px;padding:9px}.header-actions .button .icon{display:none}.brand b{font-size:20px}.brand img{width:25px}.brand span[lang]{font-size:9px;letter-spacing:1.4px}.hero h1{font-size:42px}.hero-copy>p{font-size:12px}.hero-kicker{font-size:9px}.hero-visual{height:361px}.hero-browser{width:96%}.hero-phone{width:117px;right:-2px;top:133px}.phone-top b{font-size:13px}.phone-screen h3{font-size:10px}.phone-progress{font-size:6px}.phone-task{font-size:5px}.floating-label{font-size:8px}.label-code{bottom:3px}.architecture-scene{height:130px}.mini-content strong{font-size:17px}.mini-nav>div{font-size:5px}.mini-site{min-height:195px;padding:12px 13px 0}.hero-assurance{font-size:9px;gap:12px}.hero-buttons .button{padding:11px 14px;font-size:11px}.service-card{padding:17px 13px}.service-card h3{font-size:16px}.service-card p{font-size:10px}.service-number{font-size:9px}.card-link{font-size:9px}.section-head h2{font-size:26px}.form-grid{grid-template-columns:1fr}.field-full{grid-column:auto}.contact-number{font-size:20px}.cta-actions{flex-direction:column}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}.motion-logo,.motion-orbit{animation:none!important}.button:hover,.service-card:hover,.project-image:hover img{transform:none}}
@media print{.site-header,.site-footer,.floating-whatsapp,.cta-section,.hero-visual,.button,.filter-bar{display:none!important}body{color:#111;background:white;font-size:12pt}.container{width:100%}.section{padding:20px 0}h1,h2,h3{break-after:avoid}article,figure{break-inside:avoid}.hero{background:white;color:#111}.hero h1>span{-webkit-text-fill-color:#111}.hero p{color:#333}.hero-grid{display:block;min-height:0}.hero-copy{text-align:right}.hero-bottom{display:none}}

/* 2026 art-directed redesign — Simt Digital */
@font-face{font-family:TheYearofHandicrafts;src:url('/assets/fonts/TheYearofHandicrafts-Regular.otf?v=2') format('opentype');font-weight:300;font-style:normal;font-display:swap}
@font-face{font-family:TheYearofHandicrafts;src:url('/assets/fonts/TheYearofHandicrafts-Medium.otf?v=2') format('opentype');font-weight:600;font-style:normal;font-display:swap}
@font-face{font-family:TheYearofHandicrafts;src:url('/assets/fonts/TheYearofHandicrafts-Bold.otf?v=2') format('opentype');font-weight:900;font-style:normal;font-display:swap}
:root{--navy:#071227;--deep:#050b18;--blue:#2563eb;--violet:#7c3aed;--cyan:#06b6d4;--bg:#f5f7fb;--ink:#0c1730;--muted:#657089;--line:#dce3ef;--radius:16px;--font:"TheYearofHandicrafts",system-ui,sans-serif}
body{font-family:var(--font);font-weight:300;line-height:1.95;background:#fff;color:var(--ink)}
.lang-en{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Arial,sans-serif;line-height:1.7}
h1,h2,h3,h4,.brand b,.button{font-weight:600}
.container{width:min(1320px,calc(100% - 96px))}
.section{padding:116px 0}
.section-soft{background:#f4f7fb}
.section-head{margin-bottom:48px;align-items:flex-end}
.section-head h2{max-width:800px;font-size:clamp(38px,4.1vw,62px);line-height:1.35;letter-spacing:-1.5px}
.section-head p{font-size:18px;max-width:680px;line-height:1.9}
.eyebrow{font-size:13px;font-weight:600;letter-spacing:.1px;color:#51607b;text-transform:none}
.eyebrow>span{height:2px;width:32px;border-radius:0}
.button{border-radius:999px;min-height:56px;padding:12px 26px;font-size:15px;font-weight:600}
.button-primary,.button-small{background:linear-gradient(110deg,#1b59e9,#6a3ee9);box-shadow:0 12px 30px #284fd52b}
.button-small{min-height:44px;padding:8px 19px;font-size:13px}
.button-outline{border-color:#cad4e4;background:#fff}
.button-text{border-radius:0;border-bottom:1px solid currentColor;min-height:auto;padding:7px 0;color:#1f57db}
.icon-local{object-fit:contain;stroke:none!important}
.site-header{background:#fffffff0;border-bottom:1px solid #e5eaf3;backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}
.header-inner{height:92px}
.brand img{width:33px;height:44px}
.brand>span{gap:4px}
.brand b{font-size:25px;color:var(--ink)}
.brand span[lang]{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px;letter-spacing:1.7px;color:#6d7790}
.desktop-nav{gap:34px}
.desktop-nav>a{font-size:14px;font-weight:300;color:#4f5c73}
.desktop-nav>a[aria-current]:after{height:2px;width:100%;right:0;bottom:3px;border-radius:0;transform:none;background:linear-gradient(90deg,var(--cyan),var(--violet))}
.header-actions{gap:13px}
.language-switch{min-width:41px;height:41px;border:1px solid #d8dfeb;border-radius:50%;display:grid;place-items:center;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;font-weight:700;color:#1a2740;transition:.2s}
.language-switch:hover{background:var(--navy);color:#fff;border-color:var(--navy)}
.mobile-nav{background:#fff;padding:16px max(24px,calc((100vw - 1320px)/2));border-bottom:1px solid var(--line)}
.mobile-nav>a{padding:15px 0;border-bottom:1px solid #e8edf5;font-size:17px}

.neo-hero{position:relative;isolation:isolate;min-height:calc(100vh - 92px);height:max(760px,calc(100vh - 92px));display:flex;flex-direction:column;justify-content:space-between;overflow:hidden;background:var(--deep);color:#fff}
.neo-hero-media,.neo-hero-shade{position:absolute;inset:0;z-index:-2}
.neo-hero-media img{width:100%;height:100%;object-fit:cover;object-position:center}
.lang-ar .neo-hero-media img{transform:scaleX(-1)}
.neo-hero-shade{z-index:-1;background:linear-gradient(90deg,#050b18f2 0%,#050b18c4 43%,#050b1857 72%,#050b181f 100%)}
.lang-ar .neo-hero-shade{background:linear-gradient(270deg,#050b18f2 0%,#050b18c7 45%,#050b1857 74%,#050b181f 100%)}
.neo-hero-inner{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(240px,.55fr);gap:70px;align-items:center;padding-top:88px;padding-bottom:48px;flex:1}
.neo-hero-copy{max-width:830px}
.neo-kicker{display:flex;align-items:center;gap:12px;font-size:14px;font-weight:600;color:#c7d3eb;margin-bottom:24px}
.neo-kicker span{width:46px;height:2px;background:linear-gradient(90deg,var(--cyan),var(--violet))}
.neo-hero h1{font-size:clamp(58px,6.4vw,104px);line-height:1.17;letter-spacing:-3px;margin:0 0 24px;font-weight:600}
.neo-hero h1 em{font-style:normal;color:#fff;background:linear-gradient(100deg,#9aeaff 0%,#70a8ff 45%,#b38dff 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.neo-hero-copy>p{font-size:clamp(17px,1.45vw,22px);line-height:1.9;color:#c5d0e4;max-width:760px;margin-bottom:34px}
.neo-hero .hero-buttons{display:flex;gap:12px;flex-wrap:wrap}
.neo-hero .button-ghost{border:1px solid #ffffff35;padding-inline:27px}
.neo-hero-note{justify-self:end;align-self:end;width:min(255px,100%);border-inline-start:1px solid #ffffff42;padding-inline-start:24px;margin-bottom:20px}
.neo-hero-note img{width:42px;margin-bottom:20px}
.neo-hero-note>span{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:12px;letter-spacing:2.5px;color:#8de7ff;line-height:1.5}
.neo-hero-note p{color:#d6def0;font-size:14px;line-height:1.9;margin-top:14px}
.neo-hero-rail{height:74px;border-top:1px solid #ffffff2e;display:grid;grid-template-columns:repeat(4,1fr);align-items:center;font-size:12px;color:#aebbd3}
.neo-hero-rail span+span{border-inline-start:1px solid #ffffff24;padding-inline-start:28px}

.neo-manifesto{padding:100px 0;background:#fff}
.neo-manifesto>.container{display:grid;grid-template-columns:150px minmax(0,1.35fr) minmax(270px,.65fr);gap:42px;align-items:end}
.manifesto-index{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:11px;letter-spacing:1.8px;color:#71809b;align-self:start;padding-top:13px}
.neo-manifesto h2{font-size:clamp(40px,5vw,76px);line-height:1.28;font-weight:300;letter-spacing:-2px}
.neo-manifesto h2 strong{font-weight:600;color:#174ecd}
.neo-manifesto p{font-size:18px;line-height:2;color:#5d6980;margin-bottom:22px}
.neo-manifesto a{display:inline-flex;align-items:center;gap:15px;color:#174ecd;font-size:14px;font-weight:600;border-bottom:1px solid #174ecd;padding-bottom:5px}

.neo-services{background:#f4f7fb}
.services-grid{gap:1px;background:#dce3ef;border:1px solid #dce3ef;border-radius:22px;overflow:hidden}
.service-card{border:0!important;border-radius:0!important;box-shadow:none!important;background:#fff;padding:35px 31px 29px;min-height:330px;display:flex;flex-direction:column}
.service-card:hover{transform:none;background:#08142c;color:#fff}
.service-card:hover p,.service-card:hover .service-number{color:#aebbd3}
.service-card:hover .card-link{color:#8de7ff;border-color:#ffffff24}
.service-card-top{margin-bottom:42px}
.service-icon{width:54px;height:54px;border-radius:14px;background:linear-gradient(135deg,#effcff,#eef0ff);color:#1854d9;border:1px solid #dce8f8}
.service-icon .icon{width:25px;height:25px;object-fit:contain}
.service-icon .icon-local:not([src*='whatsapp']){width:23px;height:23px}
.service-number{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:10px;letter-spacing:1px}
.service-card h3{font-size:27px;line-height:1.45;margin-bottom:10px}
.service-card p{font-size:14px;line-height:1.9;min-height:0;flex:1}
.card-link{border-top:1px solid #e2e7f0;padding-top:16px;margin-top:28px;font-size:13px}

.neo-work{background:#fff}
.work-grid{gap:28px}
.project-card{position:relative}
.project-image{border-radius:18px;overflow:hidden;aspect-ratio:1.42;box-shadow:0 24px 70px #06112a18}
.project-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 58%,#071227a8);pointer-events:none}
.project-image img{width:100%;height:100%;object-fit:cover}
.project-open,.project-type{z-index:2}
.project-open{border-radius:50%;background:#fff;color:#0b1730}
.project-type{background:#071227d9;border-color:#ffffff33;color:#fff}
.project-meta{padding-top:20px}
.project-meta h3{font-size:31px}
.project-meta p{font-size:15px;max-width:280px}

.neo-difference{background:#071227;color:#fff;overflow:hidden}
.difference-grid{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(360px,.95fr);gap:9vw;align-items:center}
.difference-media{position:relative;border-radius:20px;overflow:hidden;background:#fff;min-height:580px}
.difference-media:after{content:"";position:absolute;inset:0;border:1px solid #ffffff33;border-radius:inherit;pointer-events:none}
.difference-media img{width:100%;height:100%;min-height:580px;object-fit:cover}
.difference-media>span{position:absolute;top:30px;left:30px;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#071227;font-size:11px;font-weight:700;line-height:1.45;letter-spacing:2.1px}
.difference-copy .eyebrow{color:#a9b8d3}
.difference-copy h2{font-size:clamp(43px,4.7vw,68px);line-height:1.3;letter-spacing:-2px;color:#fff;margin-bottom:24px}
.difference-copy>p{font-size:17px;line-height:2;color:#aebbd2;margin-bottom:38px}
.difference-list{border-top:1px solid #ffffff24}
.difference-list article{display:grid;grid-template-columns:48px 1fr;gap:20px;padding:25px 0;border-bottom:1px solid #ffffff24}
.difference-list article>span{font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#59dff8;font-size:11px;letter-spacing:1px;padding-top:5px}
.difference-list h3{font-size:20px;color:#fff;margin-bottom:4px}
.difference-list p{font-size:14px;color:#9facc4;line-height:1.8}

.neo-process{background:#fff}
.steps-grid{gap:0;border-top:1px solid #dfe5ef}
.step{padding:42px 30px 10px;border-inline-start:1px solid #dfe5ef}
.step:first-child{border-inline-start:0}
.step:after{display:none}
.step-number{width:auto;height:auto;display:block;border:0;background:transparent;border-radius:0;text-align:start;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-size:13px;color:#2261df;margin-bottom:54px}
.step h3{font-size:26px;margin-bottom:8px}
.step p{font-size:14px;line-height:1.9}

.packages-section{background:#f4f7fb}
.plans-grid{gap:18px}
.plan-card,.plan-card.featured{border-radius:17px;padding:34px;border:1px solid #d9e1ed;box-shadow:none;background:#fff}
.plan-card.featured{background:#0a1731;color:#fff;border-color:#0a1731;transform:translateY(-10px)}
.plan-card.featured>p,.plan-card.featured .check-list li,.plan-card.featured .plan-price small{color:#aebbd3}
.plan-card.featured .button-primary{background:#fff;color:#071227}
.plan-tag{border-radius:999px}
.plan-name h3{font-size:38px}
.plan-card>p{font-size:14px;line-height:1.9}

.neo-faq{background:#fff}
.faq-layout h2{font-size:clamp(42px,4vw,62px);line-height:1.35}
.faq-item summary{font-size:17px;font-weight:600;padding:24px 0}
.faq-answer p{font-size:15px;line-height:2}

.cta-section{padding:0 0 90px;background:#fff}
.cta-panel{border-radius:20px;background:linear-gradient(118deg,#071227 0%,#0a1c43 57%,#163787 100%);padding:65px 72px;box-shadow:0 30px 90px #0c1b3e22}
.cta-panel h2{font-size:clamp(42px,4.5vw,68px);line-height:1.35}
.cta-panel p{font-size:16px;color:#b8c5dd}
.site-footer{background:#050b18;padding-top:72px}
.footer-top{gap:60px}
.footer-top h3{color:#7f91b2;font-size:12px;letter-spacing:.5px}
.footer-top>div>a:not(.brand):not(.phone-link){font-size:14px;color:#c0cbe0}
.footer-brand .brand b{color:#fff}
.footer-brand .brand span[lang]{color:#8fa0bf}
.footer-bottom{border-color:#ffffff1c;color:#7888a5}
.floating-whatsapp{background:#fff;color:#071227;border:1px solid #d8dfeb;box-shadow:0 14px 35px #07122722}
.floating-whatsapp .icon-local{width:31px;height:31px}
.floating-whatsapp:hover{background:#f7f9fc}

.page-hero{background:linear-gradient(180deg,#f4f7fd,#fff);padding:80px 0 90px}
.page-hero h1,.service-hero h1,.case-hero h1{font-size:clamp(48px,5.6vw,82px);line-height:1.35;letter-spacing:-2px}
.page-hero p,.service-hero p,.case-hero p{font-size:18px;line-height:2}
.page-emblem{border-radius:50%;background:#071227;box-shadow:0 30px 70px #0b17302e}
.service-hero{padding:82px 0 100px;background:linear-gradient(180deg,#f4f7fd,#fff)}
.service-hero-art{border-radius:20px;overflow:hidden;box-shadow:0 30px 80px #0a173123}
.service-hero-art>img{width:100%}
.image-caption{border-radius:12px;background:#071227e8;color:#fff;border:1px solid #ffffff22}
.image-caption .icon-local{filter:invert(1)}
.detail-grid h2{font-size:48px}
.deliverables-grid article{padding:24px 0}
.deliverables-grid h3{font-size:17px}
.two-panels article{border-radius:18px}
.contact-card,.form-panel,.article-card,.article-toc,.legal-contact{border-radius:17px}
.contact-card.dark{background:linear-gradient(145deg,#071227,#173a86)}
.contact-whatsapp .icon-local{width:44px;height:44px}

.english-services{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:#dce3ef;border:1px solid #dce3ef;border-radius:20px;overflow:hidden}
.english-service{background:#fff;min-height:300px;padding:35px;display:flex;flex-direction:column;transition:.2s}
.english-service:hover{background:#071227;color:#fff}
.english-service>span{font-size:11px;letter-spacing:1.2px;color:#2360dd;margin-bottom:42px}
.english-service h3{font-size:26px;margin-bottom:12px}
.english-service p{font-size:15px;line-height:1.7;flex:1}
.english-service>.icon{margin-top:25px}
.english-service:hover p{color:#aebbd3}
.english-hero .neo-hero-copy{max-width:800px}
.english-hero h1{font-size:clamp(58px,6vw,96px);line-height:1.02;letter-spacing:-5px}
.english-contact{background:#2563eb;color:#fff}
.english-contact>.container{display:flex;justify-content:space-between;align-items:end;gap:70px}
.english-contact h2{font-size:clamp(46px,5vw,76px);letter-spacing:-3px;margin:12px 0}
.english-contact p{color:#dbe7ff;font-size:18px;max-width:700px}
.english-contact>.container>div:last-child{display:flex;flex-direction:column;align-items:flex-start;gap:18px;flex-shrink:0}
.english-contact .phone-link{color:#fff}
.english-footer{grid-template-columns:2fr 1fr 1fr}
.lang-en .project-meta{direction:ltr;text-align:left}
.lang-en .project-meta p{display:none}
.lang-en .section-head h2,.lang-en .difference-copy h2,.lang-en .neo-manifesto h2{letter-spacing:-2.8px}

@media(max-width:1050px){
 .container{width:min(100% - 56px,1320px)}.section{padding:90px 0}.desktop-nav{gap:19px}.neo-hero{min-height:720px;height:auto}.neo-hero-inner{padding-top:70px;grid-template-columns:1fr 210px;gap:35px}.neo-hero h1{font-size:70px}.neo-manifesto>.container{grid-template-columns:90px 1fr}.neo-manifesto p,.neo-manifesto a{grid-column:2}.difference-grid{gap:55px}.difference-media,.difference-media img{min-height:500px}.service-card{min-height:300px;padding:28px 23px}.service-card h3{font-size:23px}.english-services{grid-template-columns:repeat(2,1fr)}
}

@media(max-width:820px){
 .container{width:calc(100% - 40px)}.header-inner{height:78px}.desktop-nav{display:none}.menu-toggle{display:grid}.header-actions .button-small{display:none}.neo-hero{min-height:0;height:auto}.neo-hero-inner{display:block;padding-top:74px;padding-bottom:60px}.neo-hero h1{font-size:clamp(50px,11.5vw,75px);letter-spacing:-2px}.neo-hero-copy>p{font-size:17px}.neo-hero-note{display:none}.neo-hero-rail{height:auto;padding:19px 0;grid-template-columns:1fr 1fr;gap:12px 0}.neo-hero-rail span{padding:4px 14px!important;border-inline-start:1px solid #ffffff24}.neo-hero-rail span:nth-child(odd){border-inline-start:0}.neo-manifesto{padding:74px 0}.neo-manifesto>.container{display:block}.manifesto-index{display:block;margin-bottom:28px}.neo-manifesto h2{font-size:44px}.neo-manifesto p{margin-top:26px}.section-head{display:block}.section-head>.button,.section-head>div+*{margin-top:20px}.difference-grid{grid-template-columns:1fr}.difference-media{min-height:420px}.difference-media img{min-height:420px}.difference-copy h2{font-size:47px}.services-grid{grid-template-columns:1fr 1fr}.service-card{min-height:320px}.steps-grid{grid-template-columns:1fr 1fr}.step:nth-child(3){border-inline-start:0}.plans-grid{grid-template-columns:1fr}.plan-card.featured{transform:none}.english-contact>.container{display:block}.english-contact>.container>div:last-child{margin-top:35px}.english-footer{grid-template-columns:1fr 1fr}.english-footer .footer-brand{grid-column:1/-1}
}

@media(max-width:560px){
 .container{width:calc(100% - 30px)}.section{padding:70px 0}.brand b{font-size:21px}.brand img{width:28px;height:38px}.language-switch{width:38px;height:38px;min-width:38px}.neo-hero-inner{padding-top:60px;padding-bottom:48px}.neo-hero-media img{object-position:58% center}.lang-ar .neo-hero-media img{object-position:42% center}.neo-hero-shade,.lang-ar .neo-hero-shade{background:linear-gradient(180deg,#050b183d 0%,#050b18ec 52%,#050b18 100%)}.neo-kicker{font-size:11px;margin-bottom:19px}.neo-hero h1{font-size:clamp(45px,13.2vw,61px);line-height:1.25}.english-hero h1{font-size:clamp(43px,12.2vw,58px);line-height:1.04;letter-spacing:-2.5px}.neo-hero-copy>p{font-size:15px;line-height:1.85}.neo-hero .hero-buttons{flex-direction:column;align-items:stretch}.neo-hero .button{width:100%}.neo-hero-rail{font-size:10px}.neo-manifesto h2{font-size:36px;letter-spacing:-1px}.neo-manifesto p{font-size:16px}.section-head h2{font-size:36px;letter-spacing:-1px}.section-head p{font-size:15px}.services-grid{grid-template-columns:1fr;gap:1px}.service-card{min-height:0;padding:27px 24px}.service-card-top{margin-bottom:26px}.service-card p{font-size:13px}.project-meta{display:block}.project-meta p{margin-top:8px;max-width:none}.difference-media,.difference-media img{min-height:330px}.difference-copy h2{font-size:38px;letter-spacing:-1px}.difference-copy>p{font-size:15px}.difference-list article{grid-template-columns:37px 1fr;gap:12px}.steps-grid{grid-template-columns:1fr}.step,.step:nth-child(3){border-inline-start:0;border-bottom:1px solid #dfe5ef;padding:28px 0}.step-number{margin-bottom:22px}.step h3{font-size:22px}.cta-panel{padding:40px 24px}.cta-panel h2{font-size:37px}.cta-actions .button{width:100%}.english-services{grid-template-columns:1fr}.english-service{min-height:250px}.english-contact h2{font-size:43px;letter-spacing:-2px}.footer-top,.english-footer{grid-template-columns:1fr 1fr}.footer-brand{grid-column:1/-1}.page-hero h1,.service-hero h1,.case-hero h1{font-size:42px;letter-spacing:-1px}.page-hero p,.service-hero p,.case-hero p{font-size:15px}.floating-whatsapp{width:54px;height:54px}
}

/* Client portfolio and introductory pricing */
.home-clients{background:#071227;color:#fff}
.home-clients .section-head h2{color:#fff}
.home-clients .section-head p{color:#aebbd3}
.home-clients .eyebrow{color:#aebbd3}
.home-clients .button-text{color:#8ab4ff}
.client-work-section{background:#fff}
.clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1px;background:#dfe5ef;border:1px solid #dfe5ef;border-radius:19px;overflow:hidden}
.client-card{min-width:0;min-height:318px;background:#fff;padding:23px;display:flex;flex-direction:column;position:relative;transition:background .25s,transform .25s,color .25s}
.client-card:hover{background:#f7f9fd;transform:translateY(-2px);z-index:1}
.client-number{font:11px/1.2 Arial,sans-serif;color:#8994a8;letter-spacing:1px}
.client-logo{height:170px;flex:0 0 170px;min-width:0;margin:18px 0 25px;padding:10px;border:1px solid #edf0f5;border-radius:13px;background:#fff;display:flex;align-items:center;justify-content:center;overflow:hidden}
.client-logo-dark{background:#071227}
.client-logo img{display:block;width:100%;height:100%;min-width:0;min-height:0;max-width:100%;max-height:100%;object-fit:contain;object-position:center;flex:0 1 auto}
.client-logo-lockup{display:flex;align-items:center;justify-content:center;gap:14px;background:color-mix(in srgb,var(--client-accent) 8%,#f7f9fd);border:1px solid color-mix(in srgb,var(--client-accent) 18%,transparent)}
.client-logo-lockup img{width:68px;height:68px;flex:0 0 68px;border-radius:15px}
.client-logo-type{display:flex;min-width:0;flex-direction:column;align-items:flex-start;color:#111b30;line-height:1.35}
.client-logo-type b{font-size:18px;line-height:1.45}
.client-logo-type small{font:600 9px/1.5 Arial,sans-serif;letter-spacing:.3px;color:var(--client-accent);margin-top:4px}
.client-info{min-height:72px}
.client-info>span{display:block;color:#7c879b;font-size:11px;margin-bottom:5px}
.client-info h3{font-size:18px;line-height:1.65;color:#17213b}
.client-visit{display:flex;align-items:center;justify-content:space-between;gap:12px;border-top:1px solid #e8ecf3;margin-top:auto;padding-top:14px;color:#35537f;font-size:11px;font-weight:700}
.client-visit .icon{width:17px;height:17px}
.pricing-offer{display:grid;grid-template-columns:auto 1fr auto;align-items:center;gap:22px;margin-bottom:27px;padding:24px 27px;border-radius:14px;color:#fff;background:linear-gradient(120deg,#071227,#152857 62%,#1b3880);overflow:hidden;position:relative}
.pricing-offer:after{content:"";position:absolute;width:250px;height:250px;border:1px solid #92b9ff30;border-radius:50%;left:-95px;top:-115px}
.pricing-offer>span{position:relative;z-index:1;background:#70e5f1;color:#071227;border-radius:999px;padding:5px 12px;font-size:11px;font-weight:700;white-space:nowrap}
.pricing-offer strong{display:block;font-size:21px;line-height:1.65}
.pricing-offer p{color:#becbea;font-size:12px;margin-top:2px}
.pricing-offer>.icon{width:31px;height:31px;color:#8db1ff;position:relative;z-index:1}
.plan-price{font-size:inherit;font-weight:inherit}
.plan-price>span{display:block;min-height:20px;color:#59677c;font-size:11px;font-weight:600}
.plan-price>strong{display:inline-block;color:#0f1d3b;font-size:37px;line-height:1.25;letter-spacing:-1px}
.plan-price>strong small{display:inline;font-size:13px;color:#526179;font-weight:700;margin:0}
.plan-price>del{display:inline-block;color:#9aa4b5;font-size:13px;font-weight:500;margin-inline-start:8px}
.plan-price>small:last-child{display:block;font-size:10px;color:#55709e;margin-top:7px}
.plan-card.featured .plan-price>strong{color:#2457c5}

@media(max-width:1050px){.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:820px){.clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.pricing-offer{grid-template-columns:auto 1fr}.pricing-offer>.icon{display:none}}
@media(max-width:560px){.clients-grid{grid-template-columns:1fr}.client-card{min-height:294px}.pricing-offer{grid-template-columns:1fr;gap:10px;padding:23px}.pricing-offer>span{justify-self:start}.pricing-offer strong{font-size:18px}}

/* ==========================================================================
   Stitch redesign (2026-09-27) — light "atelier" theme. Overrides earlier layers.
   ========================================================================== */
:root{--st-violet:#7c3aed;--st-violet-deep:#630ed4;--st-violet-hover:#6d28d9;--st-blue:#2563eb;--st-navy:#071227;--st-bg:#faf8ff;--st-ink:#131b2e;--st-muted:#5b5670;--st-line:#ebe7f6;--st-lav:#f2f3ff;--st-lav-2:#eaedff;--st-glow:#ede9fe;--st-card-shadow:0 24px 50px -28px rgba(49,33,120,.18);--st-radius:28px}
body{background:var(--st-bg);color:var(--st-ink)}
p{color:var(--st-muted)}
.section{padding:96px 0}
.section-soft{background:linear-gradient(180deg,#f5f3ff,#faf8ff)}
::selection{background:#eaddff;color:#25005a}
:focus-visible{outline-color:var(--st-violet)}

/* Header: floating glass pill */
.site-header{position:sticky;top:0;background:transparent;border:0;backdrop-filter:none;padding:14px 0 0}
.site-header .header-inner{height:66px;background:rgba(255,255,255,.82);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(226,232,240,.7);border-radius:999px;padding:0 10px 0 10px;padding-inline-start:12px;box-shadow:0 20px 40px -15px rgba(15,23,42,.08)}
.brand{gap:11px}
.brand-mark{width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(145deg,#fff,#f1ecff);border:1px solid #e6defc;box-shadow:0 8px 20px -6px rgba(124,58,237,.35)}
.brand .brand-mark img{width:22px;height:29px}
.brand>span:last-child{gap:4px}
.brand b{font-size:19px;letter-spacing:-.3px}
.brand span[lang]{font-size:9.5px;letter-spacing:1.6px;color:#6b6480}
.brand-light .brand-mark{background:linear-gradient(145deg,#7c3aed,#630ed4);border-color:#8b5cf6}
.brand-light .brand-mark img{filter:brightness(0) invert(1)}
.brand-light span[lang]{color:#a78bfa}
.desktop-nav{gap:4px}
.desktop-nav>a{font-size:13.5px;color:#4a4455;padding:8px 15px;border-radius:999px;transition:background .2s,color .2s}
.desktop-nav>a:hover{color:var(--st-violet);background:#f5f3ff}
.desktop-nav>a[aria-current]{color:var(--st-violet-deep);background:#ede9fe;font-weight:700}
.desktop-nav>a[aria-current]:after{display:none}
.header-actions{gap:10px}
.language-switch{border:0;background:transparent;color:#4a4455;font-size:12px;font-weight:700}
.site-header .button-small{border-radius:999px;min-height:44px;padding:8px 20px}
.menu-toggle{border-radius:50%}
.mobile-nav{margin:10px auto 0;width:min(1240px,calc(100% - 40px));border:1px solid var(--st-line);border-radius:24px;height:auto;max-height:calc(100dvh - 110px);box-shadow:0 30px 60px -20px rgba(15,23,42,.18)}
.mobile-nav a[aria-current]{color:var(--st-violet)}

/* Buttons */
.button{border-radius:999px;min-height:52px;padding:12px 26px;gap:14px;font-weight:700}
.button-primary,.button-small{background:linear-gradient(135deg,#7c3aed,#630ed4);color:#fff;box-shadow:0 14px 28px -12px rgba(124,58,237,.6)}
.button-primary:hover,.button-small:hover{background:linear-gradient(135deg,#6d28d9,#5a00c6)}
.button-white{background:#fff;color:var(--st-ink);border-color:#ece8f7;box-shadow:0 10px 25px -15px rgba(15,23,42,.2)}
.button-white:hover{background:#faf8ff}
.button-white .icon{color:var(--st-violet)}
.button-outline{border-color:#ddd6fe;color:var(--st-violet-deep)}
.button-outline:hover{background:#f5f3ff}
.button-soft{background:#e7e9ff;color:#25005a;border-color:#dcdcff}
.button-soft:hover{background:#dde0ff}
.button-glass{background:rgba(255,255,255,.06);color:#fff;border-color:rgba(255,255,255,.18)}
.button-glass:hover{background:rgba(255,255,255,.12)}
.button-text{color:var(--st-violet)}
.eyebrow{color:var(--st-violet-deep);font-weight:700}
.eyebrow>span{background:linear-gradient(90deg,#2563eb,#7c3aed)}

/* Shared Stitch primitives */
.st-glow{position:absolute;inset:0;pointer-events:none;z-index:-1}
.st-glow:before,.st-glow:after{content:"";position:absolute;border-radius:50%;filter:blur(70px)}
.st-glow:before{width:620px;height:620px;top:-220px;inset-inline-start:22%;background:radial-gradient(circle,#ede9fe,#f5f3ff 60%,transparent 70%);opacity:.9}
.st-glow:after{width:520px;height:520px;top:30%;inset-inline-end:-160px;background:radial-gradient(circle,#dbe1ffaa,#acedff55 60%,transparent 70%)}
.st-gradient{background:linear-gradient(90deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-box-decoration-break:clone;box-decoration-break:clone}
.st-overline{display:inline-block;font-size:12.5px;font-weight:800;letter-spacing:1.4px;color:var(--st-violet)}
.st-tag{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:999px;background:#e9e7ff;color:#3b1d8f;font-size:12px;font-weight:700;margin-bottom:14px}
.st-tag .icon{width:15px;height:15px}
.st-head{display:flex;align-items:flex-end;justify-content:space-between;gap:30px;margin-bottom:44px}
.st-head h2{font-size:clamp(28px,3vw,40px);letter-spacing:-.6px;line-height:1.45;margin-bottom:10px;color:var(--st-ink)}
.st-head p{font-size:16px;max-width:720px}
.st-head-center{justify-content:center;text-align:center}
.st-head-center p{margin-inline:auto}
.st-head-center .st-overline{margin-bottom:12px}
.st-center{text-align:center;margin-top:18px}
.st-center .button-text{border:0;gap:10px}
.st-lead{font-size:17.5px;line-height:2;max-width:640px}
.st-note{display:flex;align-items:center;gap:10px;justify-content:center;width:fit-content;margin:30px auto 0;padding:10px 20px;border-radius:999px;background:#eceaff;color:#3f3a55;font-size:13px}
.st-note .icon{width:18px;height:18px;color:var(--st-violet)}

/* Home hero */
.st-hero{position:relative;isolation:isolate;padding:70px 0 70px}
.st-hero-grid{display:grid;grid-template-columns:1.12fr .88fr;gap:60px;align-items:center}
.st-badge{display:inline-flex;align-items:center;gap:10px;padding:7px 16px;border-radius:999px;background:#fff;border:1px solid var(--st-line);font-size:12.5px;color:var(--st-violet-deep);font-weight:700;box-shadow:0 10px 30px -18px rgba(15,23,42,.2)}
.st-badge i{width:1px;height:14px;background:#d9d4e8}
.st-badge span[lang]{color:#4a4455;font-weight:600;letter-spacing:.6px;font-size:11.5px}
.st-dot{width:8px;height:8px;border-radius:50%;background:var(--st-violet);box-shadow:0 0 0 4px #ede9fe}
.st-kicker{margin:26px 0 6px;color:var(--st-blue);font-weight:700;font-size:15px}
.st-hero h1{font-size:clamp(40px,5.2vw,72px);line-height:1.32;letter-spacing:-1.5px;color:var(--st-ink);font-weight:800}
.st-hero .st-lead{margin-top:22px}
.st-actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:32px}
.st-rail{display:grid;grid-template-columns:repeat(4,1fr);gap:6px;list-style:none;margin:34px 0 0;padding:12px;background:#fff;border:1px solid var(--st-line);border-radius:22px;box-shadow:0 18px 40px -28px rgba(15,23,42,.25)}
.st-rail li{display:flex;align-items:center;gap:9px;padding:6px 8px;font-size:13px;font-weight:600;color:#312c45}
.st-rail b{display:grid;place-items:center;min-width:30px;height:24px;border-radius:8px;background:#ede9fe;color:var(--st-violet-deep);font-size:12px}
.st-hero-visual{background:#fff;border:1px solid var(--st-line);border-radius:34px;padding:14px;box-shadow:0 40px 80px -40px rgba(76,29,149,.35)}
.st-hero-frame{margin:0;position:relative;border-radius:24px;overflow:hidden;aspect-ratio:4/3.1;background:#0b1227}
.st-hero-frame img{width:100%;height:100%;object-fit:cover}
.st-hero-frame:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(7,18,39,.85))}
.st-chip{position:absolute;top:14px;inset-inline-end:14px;z-index:1;display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border-radius:999px;background:rgba(7,18,39,.7);color:#fff;font-size:11px;font-weight:700;letter-spacing:.6px;backdrop-filter:blur(8px)}
.st-chip i{width:7px;height:7px;border-radius:50%;background:#4cd7f6}
.st-hero-frame figcaption{position:absolute;bottom:18px;inset-inline-start:20px;z-index:1;color:#fff;display:flex;flex-direction:column}
.st-hero-frame figcaption small{font-size:11.5px;color:#cfd6f5}
.st-hero-frame figcaption strong{font-size:19px}
.st-hero-note{margin-top:14px;padding:20px 22px;border-radius:22px;background:linear-gradient(135deg,#faf8ff,#f2f3ff);border:1px solid var(--st-line)}
.st-hero-note p{color:var(--st-ink);font-weight:700;font-size:16px;margin:6px 0 12px}
.st-hero-note div{display:flex;flex-wrap:wrap;gap:8px 20px;font-size:12.5px;color:var(--st-muted)}
.st-hero-note div span{display:inline-flex;align-items:center;gap:6px}
.st-hero-note .icon{width:16px;height:16px;color:var(--st-violet)}

/* Dark manifesto band */
.st-band-wrap{padding:10px 0 0}
.st-band{display:grid;grid-template-columns:1fr 1.5fr auto;gap:40px;align-items:center;padding:44px 48px;border-radius:32px;color:#fff;background:radial-gradient(600px 300px at 90% 0%,rgba(124,58,237,.35),transparent 70%),linear-gradient(120deg,#0b1631,#071227 60%,#0d1b3a);box-shadow:0 40px 80px -40px rgba(7,18,39,.6)}
.st-pill-dark{display:inline-flex;align-items:center;gap:8px;padding:5px 13px;border-radius:999px;background:rgba(255,255,255,.08);border:1px solid rgba(255,255,255,.12);color:#dcd3ff;font-size:12px;font-weight:700;margin-bottom:14px}
.st-pill-dark i{width:7px;height:7px;border-radius:50%;background:#4cd7f6}
.st-pill-dark .icon{width:15px;height:15px}
.st-band h2{font-size:clamp(24px,2.4vw,32px);line-height:1.55;color:#fff}
.st-band h2 span{color:#4cd7f6}
.st-band-text p{color:#cdd5ee;font-size:15.5px;line-height:2}
.st-band-text ul{display:flex;flex-wrap:wrap;gap:8px 22px;margin-top:14px}
.st-band-text li{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:#aab6d6}
.st-band-text .icon{width:16px;height:16px;color:#4cd7f6}
.st-band-cta{display:flex;flex-direction:column;align-items:center;gap:10px}
.st-band-cta small{font-size:11.5px;color:#8b98ba}

/* Services */
.st-count{display:inline-flex;align-items:center;gap:10px;color:var(--st-muted);font-size:13px;white-space:nowrap}
.st-count b{color:var(--st-ink)}
.st-count i{width:44px;height:4px;border-radius:4px;background:linear-gradient(90deg,#7c3aed,#c4b5fd)}
.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;background:none;border:0;border-radius:0;overflow:visible}
.service-card{background:#fff;border:1px solid var(--st-line);border-radius:var(--st-radius);padding:30px 28px;min-height:auto;box-shadow:var(--st-card-shadow);display:flex;flex-direction:column;gap:0;color:var(--st-ink);transition:transform .25s,box-shadow .25s,border-color .25s}
.service-card:hover{transform:translateY(-5px);background:#fff;border-color:#ddd6fe;box-shadow:0 34px 60px -30px rgba(76,29,149,.3)}
.service-card:hover p,.service-card:hover .service-number{color:var(--st-muted)}
.service-card:hover h3{color:var(--st-ink)}
.service-card-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:26px}
.service-icon{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;background:#f3efff;color:var(--st-violet);border:0}
.service-card:nth-child(3n+2) .service-icon{background:#eaf0ff;color:var(--st-blue)}
.service-card:nth-child(3n) .service-icon{background:#e6f7f8;color:#00697a}
.service-icon .icon{width:25px;height:25px}
.service-number{font-size:12px;font-weight:700;letter-spacing:1.2px;color:#6b6480}
.service-card h3{font-size:22px;margin-bottom:10px}
.service-card p{font-size:14.5px;line-height:1.95;margin-bottom:26px}
.card-link{margin-top:auto;display:inline-flex;align-items:center;gap:10px;font-size:13.5px;font-weight:700;color:var(--st-violet-deep)}
.service-card:hover .card-link{color:var(--st-violet)}
.card-link .icon{width:17px;height:17px}

/* Client cards */
.clients-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:22px;background:none;border:0;border-radius:0;overflow:visible}
.client-card{position:relative;display:flex;flex-direction:column;background:#fff;border:1px solid var(--st-line);border-radius:26px;padding:12px 12px 16px;box-shadow:var(--st-card-shadow);transition:transform .25s,box-shadow .25s;min-height:0;color:var(--st-ink);overflow:visible}
.client-card:hover{transform:translateY(-5px);box-shadow:0 34px 60px -30px rgba(76,29,149,.3)}
.client-shot{position:relative;border-radius:18px;overflow:hidden;aspect-ratio:16/10;background:#eef0f8;border:1px solid #eeeaf7}
.client-shot img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .5s}
.client-card:hover .client-shot img{transform:scale(1.04)}
.client-type{position:absolute;top:10px;inset-inline-start:10px;padding:4px 11px;border-radius:999px;background:rgba(7,18,39,.78);color:#fff;font-size:11px;font-weight:600;backdrop-filter:blur(6px)}
.client-card .client-number{position:absolute;top:10px;inset-inline-end:10px;padding:3px 9px;border-radius:999px;background:#fff;color:var(--st-violet-deep);font-size:11px;font-weight:800;box-shadow:0 4px 12px rgba(0,0,0,.12)}
.client-body{display:flex;align-items:center;gap:12px;padding:16px 6px 12px}
.client-card .client-logo{width:52px;height:52px;flex:0 0 52px;border-radius:14px;background:#fff;border:1px solid #eeeaf7;display:grid;place-items:center;padding:6px;margin:0;min-height:0}
.client-card .client-logo img{width:100%;height:100%;object-fit:contain;max-height:none}
.client-card .client-logo-dark{background:#111827}
.client-card h3{font-size:15.5px;line-height:1.6;font-weight:700}
.client-visit{margin-top:auto;display:flex;align-items:center;justify-content:space-between;padding:12px 6px 0;border-top:1px solid #f0edf8;font-size:13px;font-weight:700;color:var(--st-violet-deep);position:static;opacity:1;transform:none;background:none}
.client-visit .icon{width:16px;height:16px}

/* Dark lab */
.st-lab-wrap{padding:30px 0}
.st-lab{position:relative;overflow:hidden;padding:52px 48px;border-radius:36px;color:#fff;background:radial-gradient(700px 380px at 85% 0%,rgba(99,14,212,.35),transparent 70%),radial-gradient(500px 300px at 0% 100%,rgba(0,113,132,.28),transparent 70%),#081227;box-shadow:0 40px 90px -40px rgba(7,18,39,.7)}
.st-lab-head{display:flex;justify-content:space-between;align-items:flex-end;gap:30px;margin-bottom:36px}
.st-lab h2{color:#fff;font-size:clamp(26px,2.8vw,38px);line-height:1.5}
.st-lab-head p{color:#aab6d6;font-size:14.5px;margin-top:6px}
.st-lab-note{max-width:400px;padding:14px 18px;border-radius:18px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:12.5px !important;line-height:1.9}
.st-lab-note b{color:#c4b5fd}
.st-lab-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:26px}
.st-concept{display:flex;flex-direction:column;padding:22px;border-radius:28px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.09)}
.st-concept[hidden]{display:none}
.st-concept-top{display:flex;justify-content:space-between;align-items:center;gap:10px;margin-bottom:16px;font-size:12px;color:#8b98ba;letter-spacing:.8px}
.st-concept-type{padding:4px 12px;border-radius:999px;background:rgba(124,58,237,.35);color:#e9ddff;font-size:11px;letter-spacing:0;font-weight:700}
.st-concept-image{position:relative;display:block;border-radius:20px;overflow:hidden;aspect-ratio:16/10;background:#111b33}
.st-concept-image img{width:100%;height:100%;object-fit:cover;transition:transform .5s}
.st-concept:hover .st-concept-image img{transform:scale(1.04)}
.st-concept-image strong{position:absolute;bottom:14px;inset-inline-start:18px;font-size:20px;color:#fff;text-shadow:0 2px 14px rgba(0,0,0,.6)}
.st-concept-image:has(strong):after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(7,18,39,.8))}
.st-concept-image strong{z-index:1}
.st-concept h3{font-size:19px;margin-top:20px;line-height:1.6}
.st-concept h3 a{color:#fff}
.st-concept p{color:#aab6d6;font-size:14px;line-height:1.95;margin:14px 0 18px}
.st-concept-link{margin-top:auto;display:inline-flex;align-items:center;gap:8px;font-size:13.5px;font-weight:700;color:#4cd7f6}
.st-concept-link .icon{width:17px;height:17px}
.st-lab .filter-bar{display:flex;flex-wrap:wrap;gap:4px;padding:5px;border-radius:999px;background:rgba(255,255,255,.06);border:1px solid rgba(255,255,255,.1);margin:0}
.st-lab .filter-button{border:0;background:transparent;color:#cdd5ee;padding:8px 16px;border-radius:999px;font-size:13px;min-height:0}
.st-lab .filter-button span{background:none;color:inherit;padding:0}
.st-lab .filter-button.active{background:linear-gradient(135deg,#7c3aed,#630ed4);color:#fff}
.st-lab-notice{display:flex;align-items:center;gap:14px;margin-top:26px;padding:16px 20px;border-radius:20px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.09)}
.st-lab-notice .icon{width:36px;height:36px;padding:8px;border-radius:50%;background:rgba(76,215,246,.12);color:#4cd7f6;flex-shrink:0}
.st-lab-notice p{color:#cdd5ee;font-size:13.5px}
.st-lab-notice b{color:#fff}

/* Method */
.st-method-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}
.st-method-grid article{background:#fff;border:1px solid var(--st-line);border-radius:var(--st-radius);padding:30px;box-shadow:var(--st-card-shadow)}
.st-method-grid article>span{display:grid;place-items:center;width:46px;height:46px;border-radius:14px;background:#f3efff;color:var(--st-violet-deep);font-weight:800;margin-bottom:20px}
.st-method-grid article:nth-child(2)>span{background:#eaf0ff;color:var(--st-blue)}
.st-method-grid article:nth-child(3)>span{background:#e6f7f8;color:#00697a}
.st-method-grid h3{font-size:21px;margin-bottom:10px}
.st-method-grid p{font-size:14.5px;line-height:2}
.st-journey{margin-top:40px;padding:36px;border-radius:32px;background:#f2f1ff;border:1px solid #e7e4fb}
.st-journey>h3{text-align:center;font-size:19px;margin-bottom:26px}
.st-journey .steps-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:16px;border:0;margin:0}
.st-journey .step{background:#fff;border:1px solid var(--st-line);border-radius:20px;padding:20px 22px;min-height:0;box-shadow:0 12px 30px -24px rgba(15,23,42,.25)}
.st-journey .step:after{display:none}
.st-journey .step-number{display:inline-grid;place-items:center;width:32px;height:32px;border-radius:50%;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:13px;font-weight:800;margin-bottom:10px;border:0}
.st-journey .step:nth-child(4) .step-number{background:#00697a}
.st-journey .step h3{font-size:17px;margin-bottom:6px}
.st-journey .step p{font-size:13px;line-height:1.9}

/* Plans */
.plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;align-items:center}
.plan-card{background:#fff;border:1px solid var(--st-line);border-radius:30px;padding:32px 30px 30px;box-shadow:var(--st-card-shadow)}
.plan-card.featured{background:radial-gradient(400px 220px at 50% 0%,rgba(124,58,237,.35),transparent 70%),#0a1128;color:#fff;border:1px solid #1d2a4d;padding:44px 32px 36px;box-shadow:0 40px 80px -30px rgba(7,18,39,.6);transform:translateY(-8px)}
.plan-card.featured h3,.plan-card.featured .plan-price strong{color:#fff}
.plan-card.featured>p,.plan-card.featured .check-list li,.plan-card.featured .plan-price small,.plan-card.featured .plan-price span,.plan-card.featured .plan-name span{color:#bfc8e6}
.plan-card.featured .plan-price del{color:#7c87a8}
.plan-card.featured .check-list .icon{color:#4cd7f6}
.plan-tag{display:inline-block;width:fit-content;padding:4px 12px;border-radius:999px;background:#eceaff;color:#3b1d8f;font-size:11.5px;font-weight:700;position:static;margin-bottom:14px}
.plan-card.featured .plan-tag{background:rgba(255,255,255,.1);color:#e9ddff}
.plan-card.featured:before{content:"الأكثر طلبًا للشركات";position:absolute;top:-14px;left:50%;transform:translateX(-50%);padding:5px 14px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#630ed4);color:#fff;font-size:11.5px;font-weight:700;white-space:nowrap}
.plan-name h3{font-size:26px}
.plan-price strong{font-size:40px;color:var(--st-ink);letter-spacing:-1px}
.plan-card .check-list .icon{color:var(--st-violet)}
.plan-card .button{border-radius:999px;min-height:50px;font-size:13px}
.plan-card .button-outline{background:#e7e9ff;border-color:#e7e9ff;color:#25005a}
.plan-card .button-outline:hover{background:#dde0ff}
.pricing-offer{border-radius:24px;background:linear-gradient(120deg,#1d4ed8,#7c3aed);border:0;color:#fff}
.pricing-offer strong{color:#fff}
.pricing-offer p{color:#e4e0ff}
.pricing-offer>span{background:rgba(255,255,255,.18);color:#fff}
.pricing-offer .icon{color:#fff}

/* FAQ */
.faq-list{max-width:820px;margin-inline:auto;display:flex;flex-direction:column;gap:12px}
.faq-layout .faq-list{margin:0;max-width:none}
.faq-item,.faq-item:first-child{background:#fff;border:1px solid var(--st-line);border-radius:20px;padding:0 22px;box-shadow:0 12px 30px -26px rgba(15,23,42,.3)}
.faq-item summary{padding:20px 0;font-size:15.5px;font-weight:700;color:var(--st-ink)}
.faq-item summary>span{border:0;background:#f3efff;color:var(--st-violet)}
.faq-item[open]{border-color:#ddd6fe}
.faq-answer p{padding-bottom:18px}

/* Final CTA (home) */
.st-final{padding:30px 0 96px}
.st-final-panel{position:relative;overflow:hidden;text-align:center;padding:64px 40px;border-radius:36px;color:#fff;background:radial-gradient(500px 300px at 10% 100%,rgba(37,99,235,.7),transparent 70%),linear-gradient(120deg,#1d4ed8,#7c3aed 55%,#6d28d9);box-shadow:0 40px 80px -40px rgba(99,14,212,.7)}
.st-pill-light{display:inline-block;padding:5px 14px;border-radius:999px;background:rgba(255,255,255,.16);font-size:12px;font-weight:700;margin-bottom:18px}
.st-final-panel h2{color:#fff;font-size:clamp(28px,3.4vw,44px);line-height:1.5}
.st-final-panel>p{color:#e4e0ff;font-size:16.5px;max-width:640px;margin:14px auto 0}
.st-quick{display:flex;gap:8px;max-width:560px;margin:30px auto 0;padding:7px;border-radius:999px;background:rgba(255,255,255,.14);border:1px solid rgba(255,255,255,.25)}
.st-quick input{flex:1;min-width:0;border:0;background:transparent;color:#fff;padding:0 18px;font-size:14.5px;outline:none}
.st-quick input::placeholder{color:#e0dbff}
.st-quick button{display:inline-flex;align-items:center;gap:8px;border:0;border-radius:999px;background:#fff;color:#4c1d95;font-weight:800;padding:12px 22px;font-size:14px}
.st-quick button .icon{width:18px;height:18px;transform:scaleX(-1)}
.st-quick:focus-within{border-color:#fff}
.st-quick-hint{display:block;margin-top:10px;font-size:12px;color:#d8d2ff}
.st-final-phone{display:inline-flex;align-items:center;gap:10px;margin-top:22px;padding:12px 22px;border-radius:999px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.2);font-weight:700;font-size:15px}
.st-final-phone .icon{width:20px;height:20px;color:#86efac}

/* Work page hero */
.st-page-hero{position:relative;isolation:isolate;padding:40px 0 30px}
.st-crumbs{display:flex;align-items:center;gap:10px;flex-wrap:wrap;font-size:13px;color:var(--st-muted);margin-bottom:34px}
.st-crumbs a:hover{color:var(--st-violet)}
.st-crumbs [aria-current]{color:var(--st-violet-deep);font-weight:700}
.st-crumb-tag{display:inline-flex;align-items:center;gap:8px;padding:6px 14px;border-radius:999px;background:#ede9fe;color:var(--st-violet-deep);font-weight:700;margin-inline-end:6px}
.st-crumb-tag i{width:7px;height:7px;border-radius:50%;background:var(--st-violet)}
.st-work-hero{display:grid;grid-template-columns:1.6fr 1fr;gap:50px;align-items:center}
.st-work-hero h1{font-size:clamp(34px,4.2vw,58px);line-height:1.45;letter-spacing:-1px;font-weight:800;color:var(--st-ink)}
.st-work-hero .st-lead{margin-top:18px;max-width:none}
.st-stats{display:flex;flex-direction:column;gap:14px}
.st-stats article{display:grid;grid-template-columns:auto 1fr;align-items:center;gap:4px 18px;padding:22px 26px;border-radius:24px;background:#fff;border:1px solid var(--st-line);box-shadow:var(--st-card-shadow)}
.st-stats strong{grid-row:span 2;font-size:48px;font-weight:800;line-height:1;background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-stats p{font-size:13.5px}
.st-stats span{width:fit-content;padding:3px 11px;border-radius:999px;background:#f1f0f7;color:#4a4455;font-size:11.5px;font-weight:600}
.st-live{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;border-radius:999px;background:#fff;border:1px solid var(--st-line);font-size:12.5px;font-weight:700;white-space:nowrap}
.st-live i{width:9px;height:9px;border-radius:50%;border:2px solid #10b981}

/* Shared CTA (inner pages) */
.cta-section{padding:40px 0 96px}
.cta-panel{background:radial-gradient(600px 300px at 90% 0%,#ede9fe,transparent 70%),linear-gradient(120deg,#f5f3ff,#eef0ff);color:var(--st-ink);border:1px solid #e7e4fb;border-radius:36px;padding:54px 56px;box-shadow:0 30px 60px -40px rgba(76,29,149,.35)}
.cta-panel:before,.cta-panel:after,.cta-orbit{display:none}
.cta-panel h2{color:var(--st-ink);font-size:clamp(28px,3vw,40px);line-height:1.5}
.cta-panel p{color:var(--st-muted);font-size:15.5px;max-width:520px}
.cta-panel .eyebrow{color:var(--st-violet-deep)}
.cta-actions{display:flex;flex-wrap:wrap;gap:12px}
.cta-actions .button-white .icon-local{width:20px;height:20px}

/* Footer */
.site-footer{background:radial-gradient(600px 400px at 100% 100%,rgba(99,14,212,.28),transparent 70%),#071227;color:#aab6d6;padding:70px 0 26px}
.footer-top{grid-template-columns:1.5fr 1fr 1fr 1.1fr;gap:44px}
.footer-top h3{color:#fff;font-size:16px;font-weight:700}
.footer-brand p{color:#aab6d6;font-size:14px;line-height:2;margin:18px 0 18px;max-width:380px}
.footer-top>div>a:not(.brand):not(.phone-link){font-size:13.5px;color:#aab6d6}
.footer-status{display:inline-flex;align-items:center;gap:8px;padding:7px 14px;border-radius:999px;background:rgba(255,255,255,.05);border:1px solid rgba(255,255,255,.1);font-size:12px;color:#86efac}
.footer-status i{width:8px;height:8px;border-radius:50%;background:#34d399}
.footer-contact .phone-link{display:inline-flex;align-items:center;gap:10px;color:#fff;font-size:20px;font-weight:700;margin-bottom:10px}
.footer-contact .phone-link .icon{width:20px;height:20px;color:#4cd7f6}
.footer-top .footer-contact a.footer-whatsapp{display:flex;justify-content:center;gap:10px;margin:14px 0 12px;padding:13px 18px;border-radius:999px;background:rgba(255,255,255,.07);border:1px solid rgba(255,255,255,.14);color:#fff;font-weight:700}
.footer-whatsapp .icon{width:20px;height:20px;color:#34d399}
.footer-note{font-size:12px;color:#7d8aad}
.footer-bottom{font-size:12px;color:#7d8aad;border-top-color:rgba(255,255,255,.08)}
.footer-bottom a:hover{color:#fff}
.floating-whatsapp{border-radius:999px}

/* Inner pages harmonised with the light theme */
.breadcrumbs{font-size:12.5px;color:var(--st-muted);padding-top:34px}
.breadcrumbs>[aria-current]{color:var(--st-violet-deep);font-weight:700}
.page-hero{background:transparent;padding:30px 0 60px}
.page-hero h1{font-weight:800;letter-spacing:-1px;color:var(--st-ink)}
.page-emblem{border-radius:36px}
.project-card{background:#fff;border:1px solid var(--st-line);border-radius:28px;padding:12px;box-shadow:var(--st-card-shadow)}
.project-image{border-radius:20px}
.project-meta{padding:14px 8px 6px}
.notice{border-radius:20px}
.detail-grid .check-list .icon,.check-list .icon{color:var(--st-violet)}

/* Responsive */
@media(max-width:1150px){
 .st-hero-grid{grid-template-columns:1fr;gap:44px}
 .st-hero-visual{max-width:640px}
 .st-band{grid-template-columns:1fr;gap:22px;padding:38px}
 .st-band-cta{align-items:flex-start}
 .clients-grid{grid-template-columns:repeat(3,1fr)}
 .footer-top{grid-template-columns:1fr 1fr;gap:36px}
 .footer-top>div:last-child{display:block}
 .desktop-nav>a{padding:8px 10px;font-size:12.5px}
}
@media(max-width:900px){
 .section{padding:72px 0}
 .site-header{padding-top:10px}
 .site-header .header-inner{height:60px}
 .site-header .button-small{display:none}
 .services-grid,.st-method-grid{grid-template-columns:1fr 1fr}
 .clients-grid{grid-template-columns:1fr 1fr}
 .st-head{flex-direction:column;align-items:flex-start}
 .st-head-center{align-items:center}
 .st-lab{padding:36px 26px}
 .st-lab-head{flex-direction:column;align-items:flex-start}
 .st-lab-grid{grid-template-columns:1fr}
 .st-journey .steps-grid{grid-template-columns:1fr 1fr}
 .plans-grid{grid-template-columns:1fr;max-width:520px;margin-inline:auto}
 .plan-card.featured{transform:none;margin-top:14px}
 .st-work-hero{grid-template-columns:1fr}
 .st-stats{flex-direction:row}
 .st-stats article{flex:1}
 .cta-panel{flex-direction:column;align-items:flex-start;padding:40px 30px}
}
@media(max-width:700px){
 .container{width:calc(100% - 32px)}
 .mobile-nav{width:calc(100% - 32px)}
 .brand b{font-size:17px}
 .brand-mark{width:40px;height:40px}
 .st-hero{padding:40px 0 50px}
 .st-hero h1{font-size:clamp(34px,10vw,44px);letter-spacing:-.8px}
 .st-lead{font-size:15.5px}
 .st-actions .button{flex:1}
 .st-rail{grid-template-columns:1fr 1fr;border-radius:20px}
 .st-badge{flex-wrap:wrap;border-radius:18px}
 .st-band{padding:30px 22px;border-radius:26px}
 .services-grid,.st-method-grid,.clients-grid{grid-template-columns:1fr}
 .service-card{padding:26px 22px}
 .st-lab{padding:28px 16px;border-radius:26px}
 .st-concept{padding:14px}
 .st-lab .filter-bar{border-radius:20px}
 .st-journey{padding:24px 16px}
 .st-journey .steps-grid{grid-template-columns:1fr}
 .st-final-panel{padding:44px 20px;border-radius:28px}
 .st-quick{flex-direction:column;border-radius:24px}
 .st-quick input{padding:12px 14px;text-align:center}
 .st-quick button{justify-content:center}
 .st-stats{flex-direction:column}
 .st-stats strong{font-size:40px}
 .st-note{border-radius:18px;text-align:start}
 .footer-top{grid-template-columns:1fr}
 .footer-bottom{flex-direction:column;align-items:flex-start}
 .cta-panel .cta-actions{display:flex;flex-direction:column;align-items:stretch;width:100%}
 .cta-panel .cta-actions .button{width:100%}
 .cta-actions .button{white-space:normal}
}
@media(prefers-reduced-motion:reduce){.service-card,.client-card,.client-shot img,.st-concept-image img{transition:none}}

/* ==========================================================================
   Refine 2026-09-27 (video review) — premium studio pass. Final layer.
   Keeps the identity (#0F172A · #2563EB · #7C3AED · #06B6D4 · #F8FAFC).
   ========================================================================== */
:root{--r-navy:#0b1224;--r-ink:#111a2e;--r-muted:#5a6479;--r-line:#e8e6f3;--r-card:0 22px 48px -30px rgba(40,30,110,.22);--r-ease:cubic-bezier(.2,.7,.2,1)}
body{background:#f8f9fe;color:var(--r-ink)}
p{color:var(--r-muted)}
.section{padding:clamp(56px,6.4vw,92px) 0}
.section-tight{padding:clamp(36px,4vw,56px) 0}
.section-head p,.st-head p,.st-lead,.page-hero p,.prose p{max-width:62ch}
.sr-only{position:absolute!important;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
bdi,[lang="en"]{unicode-bidi:isolate}

/* ---- Type scale ---- */
h1{font-weight:800}
.st-head h2,.section-head h2{font-size:clamp(28px,2.9vw,42px);line-height:1.4;letter-spacing:-.6px;font-weight:800}
.st-head{margin-bottom:clamp(26px,3vw,40px);gap:24px}
.st-head p{font-size:16.5px;line-height:1.95;margin-top:4px}
.st-tag{background:#efecff;color:#4c1d95;font-size:12.5px;padding:6px 14px;margin-bottom:12px}

/* ---- 3D icon tiles ---- */
.i3d{--s:56px;--a:#a78bfa;--b:#6d28d9;--sh:rgba(109,40,217,.5);position:relative;flex:0 0 auto;width:var(--s);height:var(--s);border-radius:31%;display:grid;place-items:center;color:#fff;background:linear-gradient(150deg,var(--a) 0%,var(--b) 88%);box-shadow:inset 0 2px 0 rgba(255,255,255,.5),inset 0 -7px 12px rgba(10,10,40,.22),0 16px 26px -12px var(--sh),0 4px 8px -4px var(--sh);transform:perspective(320px) rotateX(9deg) rotateY(-9deg);transition:transform .45s var(--r-ease),box-shadow .45s var(--r-ease)}
.i3d:before{content:"";position:absolute;inset:3px 3px 45% 3px;border-radius:28% 28% 45% 45%/30% 30% 60% 60%;background:linear-gradient(180deg,rgba(255,255,255,.55),rgba(255,255,255,0));pointer-events:none}
.i3d:after{content:"";position:absolute;inset:auto 18% -10px 18%;height:10px;border-radius:50%;background:var(--sh);filter:blur(8px);opacity:.55;z-index:-1}
.i3d svg{width:50%;height:50%;position:relative;filter:drop-shadow(0 2px 2px rgba(10,10,50,.3))}
.i3d-blue{--a:#7fb2ff;--b:#1d4ed8;--sh:rgba(29,78,216,.5)}
.i3d-cyan{--a:#7ef0ff;--b:#0e7fa8;--sh:rgba(8,145,178,.5)}
.i3d-navy{--a:#3b4a6b;--b:#0f172a;--sh:rgba(15,23,42,.5)}
.i3d-sm{--s:40px}
.i3d-lg{--s:68px}
.i3d-img{background:none;box-shadow:none;transform:none}
.i3d-img:before,.i3d-img:after{display:none}
.i3d-img img{width:118%;height:118%;object-fit:contain}
.i3d-float{animation:i3dFloat 5.5s ease-in-out infinite}
article:nth-child(2) .i3d-float{animation-delay:-1.8s}
article:nth-child(3) .i3d-float{animation-delay:-3.6s}
@keyframes i3dFloat{0%,100%{translate:0 0}50%{translate:0 -6px}}
a:hover .i3d,article:hover .i3d{transform:perspective(320px) rotateX(0) rotateY(0) scale(1.06)}

/* ---- Header ---- */
.site-header{padding-top:12px;transition:padding .3s var(--r-ease)}
.site-header .header-inner{height:70px;padding-inline:14px 10px;background:rgba(255,255,255,.78);border-color:rgba(226,228,240,.8);box-shadow:0 18px 40px -26px rgba(15,23,42,.14);transition:background .3s,box-shadow .3s,height .3s}
.site-header.is-scrolled{padding-top:8px}
.site-header.is-scrolled .header-inner{height:62px;background:rgba(255,255,255,.9);box-shadow:0 20px 44px -18px rgba(15,23,42,.2);backdrop-filter:blur(22px) saturate(1.4);-webkit-backdrop-filter:blur(22px) saturate(1.4)}
.brand{gap:12px}
.brand .brand-mark,.brand-light .brand-mark{width:auto;height:auto;background:none;border:0;box-shadow:none;border-radius:0}
.brand .brand-mark img{width:34px;height:auto;filter:drop-shadow(0 6px 10px rgba(79,70,229,.25))}
.brand-light .brand-mark img{filter:drop-shadow(0 8px 16px rgba(99,102,241,.35))}
.brand-words{display:flex;flex-direction:column;gap:2px;line-height:1.1}
.brand b{font-size:22px;font-weight:800;letter-spacing:-.3px;line-height:1.15}
.brand span[lang]{font:600 10.5px/1.2 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:2.2px;text-transform:uppercase;color:#6b6781}
.desktop-nav{gap:2px}
.desktop-nav>a{position:relative;font-size:14px;font-weight:500;color:#475069;padding:9px 16px}
.desktop-nav>a:hover{color:var(--r-ink);background:#f3f2fb}
.desktop-nav>a[aria-current]{color:#4c1d95;background:linear-gradient(135deg,#f1ecff,#e9efff);font-weight:700;box-shadow:inset 0 0 0 1px #e2dafc}
.language-switch{display:inline-flex;align-items:center;gap:6px;min-width:0;height:40px;padding:0 14px;border:1px solid #e3e1ef;border-radius:999px;background:#fff;color:#2b3350;font:700 12.5px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;letter-spacing:.6px;transition:border-color .2s,color .2s,background .2s}
.language-switch .icon{width:16px;height:16px;color:#7c3aed}
.language-switch:hover{background:#faf8ff;border-color:#cfc4fb;color:#4c1d95}
.lang-en .language-switch{font-family:var(--font)}

/* ---- Floating dock (start project above WhatsApp) + back to top ---- */
.floating-whatsapp{display:none}
.float-dock{position:fixed;left:20px;bottom:20px;z-index:45;display:flex;flex-direction:column;align-items:flex-start;gap:12px}
.dock-btn{display:flex;align-items:center;height:56px;min-width:56px;border-radius:999px;overflow:hidden;box-shadow:0 18px 34px -14px rgba(15,23,42,.35);transition:box-shadow .3s,transform .3s var(--r-ease)}
.dock-ico{width:56px;height:56px;flex:0 0 56px;display:grid;place-items:center}
.dock-label{max-width:0;opacity:0;white-space:nowrap;font-size:14px;font-weight:700;transition:max-width .4s var(--r-ease),opacity .25s,padding .4s var(--r-ease);padding:0}
.dock-btn:hover .dock-label,.dock-btn:focus-visible .dock-label{max-width:170px;opacity:1;padding-inline:20px 2px}
.dock-btn:hover{transform:translateY(-2px)}
.dock-start{background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;position:relative;box-shadow:0 18px 34px -12px rgba(99,60,237,.6)}
.dock-start .icon{width:24px;height:24px;transform:rotate(-45deg);animation:dockBob 1.8s ease-in-out infinite}
.dock-start:after{content:"";position:absolute;inset:0;border-radius:inherit;box-shadow:0 0 0 0 rgba(124,58,237,.45);animation:dockPulse 2.8s ease-out infinite;pointer-events:none}
.dock-wa{background:#fff;color:#0f172a;border:1px solid #e6e8f0}
.dock-wa .icon-local{width:30px;height:30px}
@keyframes dockBob{0%,100%{translate:0 2px}50%{translate:0 -3px}}
@keyframes dockPulse{0%{box-shadow:0 0 0 0 rgba(124,58,237,.45)}70%,100%{box-shadow:0 0 0 14px rgba(124,58,237,0)}}
.to-top{position:fixed;right:20px;bottom:20px;z-index:44;width:48px;height:48px;border-radius:50%;display:grid;place-items:center;border:1px solid #e3e1ef;background:rgba(255,255,255,.85);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);color:#4c1d95;box-shadow:0 14px 30px -14px rgba(15,23,42,.35);cursor:pointer;transition:transform .3s var(--r-ease),background .2s}
.to-top[hidden]{display:none}
.to-top .icon{width:20px;height:20px;transform:rotate(-45deg)}
.to-top:hover{transform:translateY(-3px);background:#fff}

/* ---- Buttons ---- */
.button{transition:transform .25s var(--r-ease),box-shadow .25s,background .25s,color .2s}
.button .icon{transition:transform .3s var(--r-ease)}
.button:hover .icon{transform:translateX(-4px)}
.lang-en .button:hover .icon{transform:translateX(4px)}
.button-primary{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 55%,#2563eb 130%);background-size:160% 100%;background-position:0 0}
.button-primary:hover{background:linear-gradient(135deg,#7c3aed 0%,#5b21b6 55%,#2563eb 130%);background-size:160% 100%;background-position:100% 0;transform:translateY(-2px);box-shadow:0 20px 34px -14px rgba(99,60,237,.7)}
.button-white:hover,.button-soft:hover,.button-outline:hover{transform:translateY(-2px)}
.button-text{border-bottom:0;gap:8px;font-weight:700}
.count-pill{display:inline-grid;place-items:center;min-width:28px;height:24px;padding:0 7px;border-radius:999px;background:#fff;color:#4c1d95;font-size:12px;font-weight:800}

/* ---- Home hero ---- */
.st-hero{padding:clamp(36px,4.5vw,64px) 0 clamp(44px,5vw,72px)}
.st-hero-grid{grid-template-columns:minmax(0,1.02fr) minmax(0,1fr);gap:clamp(32px,4.5vw,64px)}
.st-badge{font-size:13px;padding:7px 16px 7px 14px}
.st-hero h1{margin-top:22px;font-size:clamp(38px,4.7vw,70px);line-height:1.28;letter-spacing:-1.6px}
.h1-line{display:block}
.st-hero .st-lead{font-size:clamp(16.5px,1.3vw,19px);margin-top:20px;max-width:34em}
.st-actions{margin-top:28px}
.st-actions .button{min-height:56px;padding-inline:28px;font-size:15px}
.st-rail{margin-top:30px;max-width:620px;gap:4px;padding:8px;border-radius:20px;box-shadow:0 18px 40px -30px rgba(15,23,42,.3)}
.st-rail li{padding:8px 10px;border-radius:14px;transition:background .25s}
.st-rail li:hover{background:#f5f3ff}
.st-rail b{min-width:32px;height:26px;border-radius:9px;background:linear-gradient(135deg,#ede9fe,#e0e7ff)}
.st-hero-visual{background:none;border:0;padding:0;box-shadow:none}
.st-hero-visual .art-img img{width:100%;height:auto;border-radius:32px;box-shadow:0 50px 90px -45px rgba(49,33,140,.55)}

.geo-pattern{position:absolute;inset:0;color:rgba(165,180,252,.11);z-index:-1}


/* ---- Manifesto band (short) ---- */
.st-band-wrap{padding:0}
.st-band{grid-template-columns:auto 1fr auto;gap:clamp(22px,3vw,48px);padding:clamp(30px,3.4vw,44px) clamp(26px,3.6vw,52px);border-radius:32px;background:radial-gradient(520px 260px at 92% 0%,rgba(124,58,237,.42),transparent 70%),radial-gradient(420px 240px at 0% 100%,rgba(6,182,212,.22),transparent 70%),linear-gradient(120deg,#0e1834,#0a1128 60%,#101c3d)}
.st-band h2{font-size:clamp(22px,2.2vw,30px);line-height:1.6;font-weight:800}
.st-band h2 span{background:linear-gradient(90deg,#67e8f9,#a5b4fc);-webkit-background-clip:text;background-clip:text;color:transparent}
.st-band-text{color:#c3cce6;font-size:15.5px;line-height:2;max-width:46ch;margin:0}

/* ---- Services bento ---- */
.services-grid.bento{grid-template-columns:repeat(4,minmax(0,1fr));grid-auto-rows:minmax(218px,auto);gap:18px}
.bento .service-card{position:relative;overflow:hidden;padding:24px;border-radius:28px;display:flex;flex-direction:column;justify-content:flex-end;gap:16px;min-height:218px;background:#fff;border:1px solid var(--r-line);box-shadow:var(--r-card)}
.bento .service-card:hover{transform:translateY(-5px);box-shadow:0 34px 60px -32px rgba(76,29,149,.35)}
.sc-body{display:flex;flex-direction:column;gap:10px;position:relative;z-index:1}
.sc-body h3{font-size:21px;font-weight:800;margin:4px 0 0;color:var(--r-ink)}
.sc-body p{font-size:14.5px;line-height:1.9;margin:0;max-width:34ch}
.sc-go{position:absolute;top:22px;left:22px;width:40px;height:40px;border-radius:50%;display:grid;place-items:center;background:#f4f2fd;color:#5b21b6;transition:transform .35s var(--r-ease),background .3s,color .3s;z-index:2}
.sc-go .icon{width:18px;height:18px}
.service-card:hover .sc-go{background:#7c3aed;color:#fff;transform:translateX(-4px) rotate(0)}
.sv-art{position:relative;border-radius:20px;overflow:hidden;flex:1;min-height:150px;display:grid;place-items:center;font-size:clamp(6.5px,.62vw,9.5px);background:radial-gradient(70% 80% at 80% 10%,rgba(124,58,237,.35),transparent 70%),radial-gradient(60% 70% at 10% 100%,rgba(6,182,212,.28),transparent 70%),linear-gradient(150deg,#101a3a,#0a1128);transition:transform .6s var(--r-ease)}
.sv-art .art-img,.sv-art .art-img img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover}
.sc-websites{grid-column:span 2;display:grid!important;grid-template-columns:1.1fr 1fr;align-items:stretch}

.sc-websites .sc-body{order:1;justify-content:flex-end;padding-bottom:4px}
.sc-applications{grid-row:span 2}
.sc-applications .sv-art{min-height:330px}
.sc-branding{background:linear-gradient(160deg,#f5f1ff,#eef3ff)!important}
.sc-motion{background:radial-gradient(360px 220px at 100% 0%,rgba(124,58,237,.45),transparent 70%),#0d1530!important;border-color:#1c2750!important}
.sc-motion h3{color:#fff}.sc-motion p{color:#b8c2df}
.sc-motion .sc-go{background:rgba(255,255,255,.08);color:#fff}
.sc-hosting:before{content:"";position:absolute;width:240px;height:240px;border-radius:50%;left:-70px;top:-90px;border:1px dashed #d9d3f5;box-shadow:0 0 0 34px rgba(237,233,254,.35),0 0 0 70px rgba(237,233,254,.18)}
.sc-graphic-design:before{content:"";position:absolute;width:140px;height:140px;left:-30px;top:-40px;border-radius:40px;transform:rotate(20deg);background:linear-gradient(135deg,#ede9fe,#e0f2fe);opacity:.8}
.services-grid-compact.bento{grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:auto}
.services-grid-compact .service-card{grid-column:auto!important;grid-row:auto!important;display:flex!important;min-height:180px}
.services-grid-compact .sv-art{display:none}

/* ---- Clients (proof of work) ---- */
.clients-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
#clients .clients-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:18px}
.client-card{padding:10px;border-radius:26px;box-shadow:var(--r-card)}
.client-card:hover{transform:translateY(-5px);box-shadow:0 34px 60px -30px rgba(76,29,149,.32)}
.client-shot{border-radius:19px;aspect-ratio:16/10.4;border:0;background:#eceef6}
.client-shot:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(11,18,36,0) 40%,rgba(11,18,36,.45));opacity:0;transition:opacity .4s}
.client-card:hover .client-shot:after{opacity:1}
.client-shot img{transition:transform .7s var(--r-ease)}
.client-card:hover .client-shot img{transform:scale(1.045)}
.client-body{display:flex;align-items:center;gap:12px;padding:14px 6px 6px}
.client-card .client-logo{width:48px;height:48px;flex:0 0 48px;border-radius:14px}
.client-card h3{flex:1;min-width:0;font-size:15.5px;line-height:1.55;font-weight:700;margin:0}
.client-go{flex:0 0 38px;width:38px;height:38px;border-radius:50%;display:grid;place-items:center;background:#f4f2fd;color:#5b21b6;transition:background .3s,color .3s,transform .35s var(--r-ease)}
.client-go .icon{width:17px;height:17px}
.client-card:hover .client-go{background:#7c3aed;color:#fff;transform:rotate(-45deg) scale(1.05)}

/* ---- Stats ---- */
.stats-band{padding:0 0 clamp(8px,2vw,20px)}
.stats-band-tight{padding-top:clamp(20px,2.4vw,32px)}
.stats-grid{display:grid;grid-template-columns:repeat(4,1fr);border-radius:30px;background:#fff;border:1px solid var(--r-line);box-shadow:var(--r-card);overflow:hidden}
.stats-band-tight .stats-grid{grid-template-columns:repeat(3,1fr)}
.stat{padding:clamp(24px,2.8vw,36px) clamp(18px,2vw,30px);display:flex;flex-direction:column;gap:6px;position:relative}
.stat+.stat:before{content:"";position:absolute;inset-inline-start:0;top:24%;bottom:24%;width:1px;background:linear-gradient(180deg,transparent,#e4e1f2,transparent)}
.stat strong{font-size:clamp(44px,5vw,72px);font-weight:800;line-height:1;letter-spacing:-2px;font-variant-numeric:tabular-nums;background:linear-gradient(135deg,#7c3aed,#2563eb 60%,#06b6d4);-webkit-background-clip:text;background-clip:text;color:transparent;direction:ltr;text-align:right;display:flex;justify-content:flex-end;align-items:flex-start;gap:2px}
.stat strong sup{font-size:.45em;line-height:1.3}
.stat>span{font-size:14.5px;color:var(--r-muted);font-weight:600}

/* ---- Dark lab (case studies) ---- */
.st-lab-wrap{padding:clamp(24px,3vw,40px) 0}
.st-lab{padding:clamp(30px,3.6vw,52px);border-radius:36px;background:radial-gradient(700px 380px at 88% 0%,rgba(124,58,237,.38),transparent 70%),radial-gradient(520px 320px at 0% 100%,rgba(6,182,212,.22),transparent 70%),#0a1128}
.st-lab-head{margin-bottom:30px;align-items:center}
.st-lab h2{font-size:clamp(26px,2.8vw,40px);font-weight:800}
.st-lab-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:22px}
.st-concept{padding:0;border-radius:28px;overflow:hidden;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.1);transition:border-color .3s,transform .4s var(--r-ease)}
.st-concept:hover{border-color:rgba(165,180,252,.35);transform:translateY(-4px)}
.st-concept-lead{grid-column:span 2}
.st-lab-grid:has(> :nth-child(3)) .st-concept-lead{grid-column:1/-1}
.st-lab-grid:has(> :nth-child(3)) .st-concept-lead .st-concept-image{aspect-ratio:21/8.5}
.st-concept-image{border-radius:0;aspect-ratio:16/10.5}
.st-concept-image img,.st-concept-image .art-img img{width:100%;height:100%;object-fit:cover;transition:transform .8s var(--r-ease)}
.st-concept-image .art-img{position:absolute;inset:0}
.st-concept:hover .st-concept-image img{transform:scale(1.04)}
.st-concept-image:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 55%,rgba(8,13,32,.55))}
.st-concept-image .st-concept-type{position:absolute;z-index:1;top:16px;inset-inline-start:16px;background:rgba(10,17,40,.6);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.18);color:#fff;padding:6px 13px;font-size:12px}
.st-concept-foot{padding:18px 22px 22px;display:flex;align-items:baseline;gap:14px;flex-wrap:wrap}
.st-concept-foot h3{font-size:21px;font-weight:800;margin:0}
.st-concept-foot h3 a{color:#fff}
.st-concept-foot p{margin:0;color:#b9c3dd;font-size:14.5px}
.st-lab-foot{display:flex;align-items:center;gap:10px;margin-top:22px;color:#9aa6c7;font-size:13px}
.st-lab-foot .icon{width:18px;height:18px;color:#67e8f9;flex:0 0 18px}

/* ---- Method & steps ---- */
.st-method-grid{gap:20px}
.st-method-grid article{padding:30px 28px;border-radius:28px;display:flex;flex-direction:column;gap:6px}
.st-method-grid article .i3d{margin-bottom:14px}
.st-method-grid h3{font-size:21px;font-weight:800}
.st-method-grid p{margin:0}
.st-journey{margin-top:28px;padding:clamp(22px,2.8vw,34px);border-radius:30px;background:linear-gradient(135deg,#f3f0ff,#eef3ff)}
.st-journey>h3{font-size:20px;font-weight:800;margin-bottom:22px}
.steps-grid .step{position:relative;display:flex;flex-direction:column;gap:6px}
.steps-grid .step .i3d{margin-bottom:10px}
.step .step-number{position:absolute;top:18px;inset-inline-end:20px;display:block!important;width:auto!important;height:auto!important;background:none!important;color:#b7b1d3!important;font:800 13px/1 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;margin:0!important}
.step:after{display:none!important}
.steps-grid:not(.st-journey .steps-grid) .step{background:#fff;border:1px solid var(--r-line);border-radius:24px;padding:24px 22px;box-shadow:var(--r-card)}
.steps-grid .step h3{font-size:18px;font-weight:800;margin:0}
.steps-grid .step p{margin:0}

/* ---- Plans ---- */
.plans-grid{align-items:stretch;gap:22px}
.plan-card{position:relative;display:flex;flex-direction:column;padding:30px 28px 28px;border-radius:30px;background:#fff;border:1px solid var(--r-line)}
.plan-card.featured{transform:translateY(-10px);background:linear-gradient(#fff,#fff) padding-box,linear-gradient(135deg,#2563eb,#7c3aed 55%,#06b6d4) border-box;border:2px solid transparent;color:var(--r-ink);padding:34px 28px 30px;box-shadow:0 40px 80px -36px rgba(99,60,237,.45)}
.plan-card.featured:before{display:none}
.plan-card.featured h3,.plan-card.featured .plan-price strong{color:var(--r-ink)}
.plan-card.featured>p,.plan-card.featured .check-list li,.plan-card.featured .plan-price small{color:var(--r-muted)}
.plan-card.featured .check-list .icon{color:#7c3aed}
.plan-ribbon{position:absolute;top:-15px;left:50%;transform:translateX(-50%);padding:6px 16px;border-radius:999px;background:linear-gradient(135deg,#7c3aed,#2563eb);color:#fff;font-size:12px;font-weight:800;white-space:nowrap;box-shadow:0 10px 22px -10px rgba(99,60,237,.8)}
.plan-head{display:flex;align-items:center;gap:14px;margin-bottom:14px}
.plan-name h3{font-size:25px;font-weight:800;margin:0;line-height:1.3}
.plan-name span{font-size:13px;color:#6d5bd0;font-weight:700}
.plan-tag{display:none}
.plan-desc{font-size:14.5px;min-height:3.8em;margin:0 0 14px}
.plan-price{padding:18px 0;border-block:1px solid #efedf7;margin-bottom:18px}
.plan-prefix{display:block;min-height:18px;font-size:12px;color:#6b7280;font-weight:700}
.plan-amount{display:flex;align-items:baseline;gap:8px;direction:rtl}
.plan-amount strong{font-size:clamp(40px,3.6vw,50px)!important;line-height:1.05;font-weight:800;letter-spacing:-1.5px;color:var(--r-ink);font-variant-numeric:tabular-nums}
.plan-card.featured .plan-amount strong{background:linear-gradient(135deg,#7c3aed,#2563eb);-webkit-background-clip:text;background-clip:text;color:transparent}
.plan-cur{font-size:15px;font-weight:800;color:#4b5563}
.plan-was{display:flex;align-items:center;gap:10px;margin-top:6px;flex-wrap:wrap}
.plan-was del{font-size:13px;color:#9ca3af}
.plan-was small{font-size:11.5px;color:#0e7490;background:#ecfeff;border-radius:999px;padding:3px 10px;font-weight:700}
.plan-card .check-list{margin:0 0 22px;display:flex;flex-direction:column;gap:10px}
.plan-card .check-list li{font-size:14px;line-height:1.7;align-items:flex-start}
.plan-card>.button{margin-top:auto;width:100%;justify-content:center;min-height:52px;font-size:14px}
.plan-card .button-outline{background:#f3f1ff;border-color:#e6e1fb;color:#4c1d95}
.pricing-offer{grid-template-columns:auto 1fr auto;gap:18px;padding:20px 24px;border-radius:24px;background:radial-gradient(400px 200px at 100% 0%,rgba(6,182,212,.35),transparent 70%),linear-gradient(120deg,#1d4ed8,#6d28d9);box-shadow:0 26px 50px -30px rgba(79,70,229,.7);margin-bottom:34px}
.pricing-offer:after{display:none}
.pricing-offer strong{font-size:19px;font-weight:800}
.pricing-offer>span:last-child{background:rgba(255,255,255,.18);color:#fff;border-radius:999px;padding:6px 14px;font-size:12px;font-weight:800;white-space:nowrap}
.st-note{margin-top:34px}

/* ---- Final CTA ---- */
.st-final{padding:clamp(16px,2vw,28px) 0 clamp(64px,7vw,96px)}
.st-final-panel{padding:clamp(48px,6vw,84px) clamp(20px,4vw,48px);border-radius:40px;isolation:isolate;background:linear-gradient(120deg,#1d4ed8,#6d28d9 55%,#7c3aed)}
.st-final-mesh{position:absolute;inset:-20%;z-index:-1;background:radial-gradient(30% 40% at 20% 80%,rgba(6,182,212,.55),transparent 70%),radial-gradient(35% 45% at 85% 15%,rgba(167,139,250,.6),transparent 70%),radial-gradient(40% 40% at 50% 50%,rgba(37,99,235,.5),transparent 70%);filter:blur(10px);animation:meshDrift 16s ease-in-out infinite alternate}
@keyframes meshDrift{0%{transform:translate3d(0,0,0) rotate(0)}100%{transform:translate3d(-4%,3%,0) rotate(6deg)}}
.st-final-panel h2{font-size:clamp(30px,3.8vw,54px);font-weight:800;line-height:1.35;letter-spacing:-1px}
.st-final-panel>p{font-size:17px;color:#e6e2ff}
.st-quick{max-width:600px;margin-top:32px;padding:8px;background:rgba(255,255,255,.14);box-shadow:0 20px 40px -24px rgba(10,10,60,.6)}
.st-quick button{padding:14px 26px;font-size:15px;transition:transform .25s var(--r-ease)}
.st-quick button:hover{transform:translateY(-1px)}

/* ---- Shared CTA (inner pages) ---- */
.cta-section{padding:clamp(24px,3vw,40px) 0 clamp(64px,7vw,96px)}
.cta-panel{display:flex;align-items:center;justify-content:space-between;gap:30px;padding:clamp(34px,4vw,54px);border-radius:36px;background:radial-gradient(520px 260px at 90% 0%,rgba(124,58,237,.18),transparent 70%),radial-gradient(420px 240px at 0% 100%,rgba(6,182,212,.12),transparent 70%),linear-gradient(120deg,#f6f3ff,#eef2ff)}
.cta-panel h2{font-weight:800}
.cta-actions{align-items:center}
.cta-wa{width:56px;height:56px;border-radius:50%;display:grid;place-items:center;background:#fff;border:1px solid #e6e3f5;box-shadow:0 14px 28px -16px rgba(15,23,42,.35);transition:transform .25s var(--r-ease)}
.cta-wa:hover{transform:translateY(-2px)}
.cta-wa .icon-local{width:30px;height:30px}

/* ---- Footer ---- */
.site-footer{padding:clamp(52px,5vw,72px) 0 22px;background:radial-gradient(640px 380px at 100% 100%,rgba(99,14,212,.28),transparent 70%),radial-gradient(500px 300px at 0% 0%,rgba(37,99,235,.12),transparent 70%),#070d1f}
.footer-top{grid-template-columns:1.5fr 1fr 1.1fr 1.15fr;gap:clamp(28px,3.5vw,52px);padding-bottom:36px}
.footer-top h3{font-size:15px;font-weight:800;color:#fff;margin-bottom:18px}
.footer-brand .brand .brand-mark img{width:46px}
.footer-brand .brand b{font-size:27px;color:#fff}
.footer-brand p{font-size:14.5px;max-width:34ch;margin:18px 0 20px}
.footer-col>a{display:flex!important;align-items:center;gap:10px;font-size:14px!important;color:#aeb8d4!important;margin-bottom:12px;transition:color .2s,transform .25s var(--r-ease)}
.footer-col>a .icon{width:16px!important;height:16px!important;color:#7c86a8;transition:color .2s}
.footer-col>a:hover{color:#fff!important;transform:translateX(-3px)}
.footer-col>a:hover .icon{color:#67e8f9}
.footer-contact{display:flex!important;flex-direction:column;gap:12px}
.footer-contact h3{margin-bottom:6px}
.contact-row{display:flex!important;align-items:center;gap:12px;padding:10px 12px;border-radius:18px;background:rgba(255,255,255,.04);border:1px solid rgba(255,255,255,.08);color:#fff!important;transition:background .25s,border-color .25s;direction:rtl}
.contact-row:hover{background:rgba(255,255,255,.08);border-color:rgba(165,180,252,.3)}
.contact-row>span:last-child{display:flex;flex-direction:column;line-height:1.35;font-weight:700;font-size:15px}
.contact-row small{font-size:11.5px;color:#8f9abb;font-weight:600}
.contact-row bdi{font-size:17px;letter-spacing:.3px}
.contact-ico{width:42px;height:42px;flex:0 0 42px;border-radius:14px;display:grid;place-items:center;background:linear-gradient(150deg,#3b82f6,#6d28d9);color:#fff;box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 18px -10px rgba(99,102,241,.8)}
.contact-ico .icon{width:19px;height:19px}
.contact-ico-wa{background:linear-gradient(150deg,#34d399,#059669);box-shadow:inset 0 1px 0 rgba(255,255,255,.35),0 10px 18px -10px rgba(16,185,129,.8)}
.footer-bottom{padding-top:20px;gap:14px}
.footer-bottom div{display:flex;gap:18px;flex-wrap:wrap}

/* ---- Page hero banner (image + centred copy) ---- */
.breadcrumbs{padding-top:22px;padding-bottom:12px}
.page-hero{padding:0 0 clamp(20px,2.6vw,36px);background:none;overflow:visible}
.ph-panel{position:relative;isolation:isolate;overflow:hidden;border-radius:36px;min-height:clamp(300px,31vw,430px);display:grid;place-items:center;text-align:center;color:#fff;background:radial-gradient(60% 80% at 85% 10%,rgba(124,58,237,.55),transparent 70%),radial-gradient(50% 70% at 5% 95%,rgba(6,182,212,.35),transparent 70%),linear-gradient(150deg,#0e1836,#070d1f);box-shadow:0 40px 80px -46px rgba(30,27,100,.6)}
.ph-photo{position:absolute;inset:0;z-index:-2}
.ph-photo img{width:100%;height:100%;object-fit:cover}
.ph-panel:has(.ph-photo):after{content:"";position:absolute;inset:0;z-index:-1;background:radial-gradient(60% 70% at 50% 50%,rgba(7,13,31,.72),rgba(7,13,31,.35) 80%)}
.ph-fallback{position:absolute;inset:0;z-index:-1}
.ph-fallback .geo-pattern{color:rgba(165,180,252,.1);z-index:0;-webkit-mask-image:radial-gradient(70% 90% at 50% 50%,transparent 20%,#000 75%);mask-image:radial-gradient(70% 90% at 50% 50%,transparent 20%,#000 75%)}
.ph-copy{position:relative;z-index:1;max-width:780px;padding:clamp(44px,5vw,64px) 24px}
.ph-kicker{display:inline-flex;align-items:center;padding:6px 15px;border-radius:999px;background:rgba(255,255,255,.1);border:1px solid rgba(255,255,255,.18);color:#e0e7ff;font-size:13px;font-weight:700;margin-bottom:16px}
.page-hero .ph-copy h1{color:#fff;font-size:clamp(32px,4.1vw,58px);line-height:1.35;letter-spacing:-1px;font-weight:800;max-width:none;margin:0}
.page-hero .ph-copy p{color:#c9d3ec;font-size:clamp(15.5px,1.3vw,18px);margin:16px auto 0;max-width:52ch}
.ph-copy .st-gradient{background:linear-gradient(90deg,#a5b4fc,#67e8f9);-webkit-background-clip:text;background-clip:text;color:transparent}

/* Service detail hero image */
.service-hero-art .art-img img,.service-hero-art>img{border-radius:28px;width:100%;height:auto;box-shadow:0 40px 80px -44px rgba(30,27,100,.55)}

/* ---- Reveal ---- */
.rv{opacity:0;transform:translateY(18px);transition:opacity .6s ease var(--d,0ms),transform .7s var(--r-ease) var(--d,0ms)}
.rv.is-in{opacity:1;transform:none}

/* ---- Responsive ---- */
@media(max-width:1280px){
 .desktop-nav>a{padding:8px 11px;font-size:13.5px}
 .services-grid.bento{grid-template-columns:repeat(3,minmax(0,1fr))}
 .sc-websites{grid-column:span 2}
 .sc-applications{grid-row:span 2}
}
@media(max-width:1150px){
 .st-hero-grid{grid-template-columns:1fr}
 .st-hero-visual{max-width:720px;width:100%;margin-inline:auto}
 .st-band{grid-template-columns:1fr;text-align:start}
 #clients .clients-grid{grid-template-columns:repeat(3,minmax(0,1fr))}
 .footer-top{grid-template-columns:1fr 1fr}
 .footer-top>div:last-child{display:flex!important}
}
@media(max-width:900px){
 .services-grid.bento,.services-grid-compact.bento{grid-template-columns:repeat(2,minmax(0,1fr))}
 .sc-websites{grid-column:1/-1;grid-template-columns:1fr 1fr}
 .sc-applications{grid-row:auto}
 .sc-applications .sv-art{min-height:240px}
 .clients-grid,#clients .clients-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
 .stats-grid,.stats-band-tight .stats-grid{grid-template-columns:repeat(2,1fr)}
 .stat:nth-child(3):before{display:none}
 .stat:nth-child(n+3){border-top:1px solid #efedf7}
 .stats-band-tight .stat:nth-child(3){grid-column:1/-1}
 .st-lab-grid{grid-template-columns:1fr}
 .st-concept-lead,.st-lab-grid:has(> :nth-child(3)) .st-concept-lead{grid-column:auto}
 .st-lab-grid:has(> :nth-child(3)) .st-concept-lead .st-concept-image{aspect-ratio:16/10.5}
 .plans-grid{max-width:560px}
 .plan-card.featured{transform:none;margin-top:10px}
 .cta-panel{flex-direction:column;align-items:flex-start}
 .site-header .header-inner{height:62px}
}
@media(max-width:700px){
 .brand b{font-size:19px}
 .brand .brand-mark img{width:28px}
 .brand span[lang]{font-size:9.5px;letter-spacing:1.8px}
 .language-switch{height:38px;padding:0 11px}
 .st-hero h1{font-size:clamp(32px,9.2vw,44px);letter-spacing:-.8px}
 .st-actions .button{flex:1 1 auto}
 .st-rail{grid-template-columns:1fr 1fr}
 .services-grid.bento,.services-grid-compact.bento{grid-template-columns:1fr}
 .sc-websites{grid-template-columns:1fr}


 .clients-grid,#clients .clients-grid{grid-template-columns:1fr}
 .stat strong{font-size:44px}
 .st-lab{padding:24px 14px;border-radius:28px}
 .st-lab-head{flex-direction:column;align-items:flex-start;gap:16px}
 .st-lab .filter-bar{border-radius:18px}
 .st-concept-foot{padding:14px 16px 18px}
 .plan-desc{min-height:0}
 .ph-panel{border-radius:28px;min-height:280px}
 .footer-top{grid-template-columns:1fr}
 .float-dock{left:14px;bottom:14px;gap:10px}
 .dock-btn{height:52px;min-width:52px}
 .dock-ico{width:52px;height:52px;flex-basis:52px}
 .dock-btn:hover .dock-label{max-width:0;opacity:0;padding:0}
 .to-top{right:14px;bottom:14px;width:44px;height:44px}
 .st-final-panel{border-radius:30px}
 .cta-actions{flex-direction:row!important;width:100%}
 .cta-actions .button{flex:1}
 body{padding-bottom:0}
}
@media(hover:none){.dock-btn:hover .dock-label{max-width:0;opacity:0;padding:0}}
@media(prefers-reduced-motion:reduce){
 .i3d-float,.dock-start .icon,.dock-start:after,.st-final-mesh,
 .rv{opacity:1!important;transform:none!important;transition:none!important}
 .i3d,.button,.client-shot img,.st-concept-image img,.sv-art{transition:none!important}
}
@media print{.float-dock,.to-top{display:none!important}}

/* Brand: Arabic + English side by side (video 0:16) */
.brand-words{flex-direction:row!important;align-items:center;gap:12px!important}
.brand-words i{width:1px;height:26px;background:linear-gradient(180deg,transparent,#cfcbe2,transparent)}
.brand-light .brand-words i{background:linear-gradient(180deg,transparent,rgba(255,255,255,.3),transparent)}
.brand span[lang]{font-size:12px;letter-spacing:2.4px;color:#5d5a75}
.brand-light span[lang]{color:#a5b4fc}
.brand .brand-mark img{width:38px}
/* Centred hero: one-line headline, wide visual below (video 1:13) */
.st-hero-center{grid-template-columns:1fr!important;gap:clamp(34px,4vw,56px)!important;text-align:center}
.st-hero-center .st-hero-copy{display:flex;flex-direction:column;align-items:center}
.st-hero-center h1{font-size:clamp(34px,4.3vw,64px);line-height:1.35;letter-spacing:-1.4px;text-wrap:balance}
.st-hero-center .st-lead{margin-inline:auto;max-width:40em}
.st-hero-center .st-actions{justify-content:center}
.st-hero-center .st-rail{margin-inline:auto;width:100%}
.st-hero-center .st-hero-visual{max-width:none;width:100%}
@media(min-width:1150px){.st-hero-center h1{white-space:nowrap}}
@media(max-width:900px){
}
@media(max-width:700px){.brand-words i,.brand span[lang]{display:none}.brand b{font-size:21px}.st-hero-center.st-hero-center.st-hero-center}
.st-concept{display:flex;flex-direction:column}
.st-concept:not(.st-concept-lead) .st-concept-image{flex:1 1 auto;aspect-ratio:auto;min-height:230px}
.st-concept-image>img{position:absolute;inset:0}

/* Hero image frame (slot "hero") */
.st-hero-visual .ha-photo{display:block;border-radius:34px;overflow:hidden;aspect-ratio:16/7;background:#0b1224;box-shadow:0 50px 90px -45px rgba(49,33,140,.55)}
.st-hero-visual .ha-photo img{width:100%;height:100%;object-fit:cover;border-radius:0;box-shadow:none}
.lang-ar .st-hero-visual .ha-photo img[src*="simt-hero"]{transform:scaleX(-1)}
/* Bento without images: websites/apps cards stay clean */
.sc-websites:not(.has-art){display:flex!important}
.sc-applications:not(.has-art){grid-row:auto}
.sc-websites.has-art .sv-art{order:2;min-height:250px}
@media(max-width:700px){.st-hero-visual .ha-photo{aspect-ratio:4/3;border-radius:26px}}
.services-grid.bento:not(.services-grid-compact) .sc-hosting{grid-column:span 2}
@media(max-width:1280px){.services-grid.bento .service-card{grid-column:auto!important;grid-row:auto!important}}
.article-visual .art-img{position:absolute;inset:0}
.article-visual .art-img img{width:100%;height:100%;object-fit:cover}
.plan-name{display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:2px!important}
.plan-name span{margin:0!important;letter-spacing:0!important;text-transform:none!important}
.page-hero+.section,.page-hero+.section-tight{padding-top:clamp(20px,2.4vw,32px)}
.pricing-offer .i3d{--a:rgba(255,255,255,.35);--b:rgba(255,255,255,.12);--sh:rgba(10,10,60,.4)}
.header-actions{display:flex;align-items:center;gap:8px}
@media(max-width:900px){.menu-toggle{position:static!important;flex:0 0 42px;width:42px;height:42px;margin:0!important}}
@media(max-width:700px){.bento .service-card{min-height:0;justify-content:flex-start;padding:22px}.bento .sc-body{padding-inline-end:44px}}
.site-header .language-switch{width:auto!important;min-width:0!important;flex:0 0 auto}
@media(max-width:700px){.site-header .language-switch .icon{display:none}}

/* Preserve the existing project image frames when using responsive picture sources. */
.project-image > .art-img{display:block;width:100%;height:100%}
.case-cover > .art-img{display:block;width:100%}

/* Keep complete generated objects visible inside the existing service-card frames. */
.sv-art .art-img img{object-fit:contain}

/* Navy mats retain the intended backdrop behind generated translucent edges. */
.service-hero-art,.sv-art{background:#0f172a}

/* Bento with service images — override the legacy `.service-card{border-radius:0!important}` layer (line ~92). */
.bento .service-card{border-radius:28px!important;border:1px solid var(--r-line)!important;box-shadow:var(--r-card)!important;padding:14px 14px 22px;justify-content:flex-start}
.bento .service-card:hover{box-shadow:0 34px 60px -32px rgba(76,29,149,.35)!important}
.sc-motion{border-color:#1c2750!important}
.bento .has-art .sv-art{flex:0 0 auto;min-height:0;aspect-ratio:4/3;border-radius:20px}
.sv-art .art-img img{object-fit:cover!important}
.bento .has-art .sc-body{padding:4px 10px 0}
.bento .has-art .sc-go{top:24px;left:24px;background:rgba(255,255,255,.14);color:#fff;backdrop-filter:blur(8px);-webkit-backdrop-filter:blur(8px)}
.bento .has-art .sc-body .i3d{margin-top:-40px;position:relative;z-index:2;--s:52px}
.services-grid.bento:not(.services-grid-compact) .sc-hosting.has-art{grid-column:auto}
.sc-websites.has-art{grid-template-columns:1fr 1.25fr!important;gap:22px;align-items:center}
.sc-websites.has-art .sv-art{order:2;aspect-ratio:16/10.5}
.sc-websites.has-art .sc-body{order:1;padding:10px 14px}
.sc-websites.has-art .sc-body .i3d{margin-top:0}
.sc-applications.has-art .sv-art{flex:1 1 auto;aspect-ratio:auto;min-height:320px}
.services-grid-compact .has-art .sv-art{display:none}
.services-grid-compact .has-art .sc-body .i3d{margin-top:0}
.sc-hosting.has-art:before,.sc-graphic-design.has-art:before{display:none}
@media(max-width:1280px){.sc-applications.has-art .sv-art{flex:0 0 auto;aspect-ratio:4/3;min-height:0}.sc-websites.has-art{grid-template-columns:1fr!important}.sc-websites.has-art .sv-art{order:0}.sc-websites.has-art .sc-body .i3d{margin-top:-40px}}
/* Demo sites cards */
.st-demos,.st-demos-preview{background:var(--st-bg)}
.demos-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:20px;margin-top:32px}
.demo-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--st-line);border-radius:22px;overflow:hidden;box-shadow:var(--st-card-shadow);transition:transform .25s,box-shadow .25s}
.demo-card:hover{transform:translateY(-4px);box-shadow:0 28px 52px -24px rgba(76,29,149,.28)}
.demo-shot{display:block;aspect-ratio:16/10;overflow:hidden;background:#eef0f8;border-bottom:1px solid var(--st-line)}
.demo-shot img{width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .5s}
.demo-card:hover .demo-shot img{transform:scale(1.04)}
.demo-meta{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:14px 16px}
.demo-name{font-size:15px;font-weight:700;line-height:1.4;margin:0}
.demo-link{display:inline-flex;align-items:center;gap:6px;font-size:12.5px;font-weight:700;color:var(--st-violet-deep);white-space:nowrap;flex-shrink:0}
.demo-link .icon{width:14px;height:14px;transform:rotate(45deg)}
@media(max-width:1100px){.demos-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:760px){.demos-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:480px){.demos-grid{grid-template-columns:1fr}}