:root{--bg:#09070d;--surface:#121019;--surface2:#191420;--line:#2c2532;--text:#f8f5fb;--muted:#aaa3b2;--purple:#ba68c8;--purple-dark:#79448c;--font:'Space Grotesk',sans-serif;--body:'DM Sans',sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--text);background:var(--bg);font-family:var(--body);-webkit-font-smoothing:antialiased}::selection{background:var(--purple);color:#100c14}a{color:inherit;text-decoration:none}button,input,select,textarea{font:inherit}button{cursor:pointer}img{max-width:100%;display:block}.shell{width:min(1340px,calc(100% - 92px));margin-inline:auto}.scroll-progress{position:fixed;z-index:100;height:2px;width:0;left:0;top:0;background:var(--purple)}.announcement{height:34px;background:#b469bd;color:#180d1d;display:flex;align-items:center;justify-content:center;gap:14px;font-size:10px;font-weight:800;letter-spacing:1.4px}.announcement a{border-bottom:1px solid #3b1845;padding-bottom:2px}.sparkle{font-size:14px}.site-header{position:sticky;top:0;z-index:40;background:rgba(9,7,13,.89);backdrop-filter:blur(22px);border-bottom:1px solid rgba(255,255,255,.075)}.nav{height:84px;display:flex;align-items:center;justify-content:space-between;gap:26px}.brand{display:inline-flex;align-items:center;gap:11px;flex-shrink:0}.brand img{width:38px;height:43px;object-fit:contain}.brand>span{font-family:var(--font);font-size:26px;font-weight:700;letter-spacing:-1.3px;line-height:.9}.brand-dot{color:var(--purple)}.brand small{display:block;margin-top:8px;font:600 7px var(--body);letter-spacing:1.55px;color:var(--muted)}.nav-links{display:flex;gap:32px;align-items:center}.nav-links a{font-size:13px;font-weight:600;color:#c5becc;transition:color .2s}.nav-links a:hover{color:var(--purple)}.nav-cta{font-size:12px;font-weight:700;padding:14px 19px;border:1px solid #716078;border-radius:8px;white-space:nowrap;transition:background .25s}.nav-cta:hover{background:#2d1c33}.nav-cta span{margin-left:18px;color:var(--purple)}.menu-toggle{display:none}.hero{position:relative;min-height:705px;display:grid;grid-template-columns:1.1fr .9fr;align-items:center;gap:20px;padding-top:40px;padding-bottom:90px}.hero-copy{position:relative;z-index:2}.eyebrow,.kicker{font-size:11px;font-weight:800;letter-spacing:2.5px;color:var(--purple)}.eyebrow{display:flex;align-items:center;gap:12px;margin:0 0 33px}.indicator{width:8px;height:8px;background:#ca78d3;border-radius:50%;box-shadow:0 0 0 5px #ba68c820}.hero h1,h2,h3,p{margin-top:0}.hero h1,.section h2,.statement-section h2,.cta-section h2{font-family:var(--font);font-weight:700;letter-spacing:-.067em}.hero h1{font-size:clamp(52px,5.05vw,84px);line-height:1.055;margin-bottom:25px;white-space:nowrap}.hero h1 em{font-style:normal;color:#f8f5fb}.text-gradient{color:var(--purple)}.hero-description{max-width:560px;line-height:1.78;color:#aba4b3;font-size:16px}.hero-actions{display:flex;gap:12px;margin-top:30px;flex-wrap:wrap}.button{display:inline-flex;align-items:center;justify-content:center;gap:40px;border-radius:8px;padding:16px 22px;min-height:52px;font-size:13px;font-weight:700;border:1px solid transparent;transition:transform .22s,background .22s,box-shadow .22s}.button:hover{transform:translateY(-3px)}.button-primary{color:#120a15;background:var(--purple);box-shadow:0 12px 40px #ba68c817}.button-primary:hover{background:#d388dc;box-shadow:0 12px 50px #ba68c83b}.button-ghost{border-color:#46384b}.button-ghost:hover{background:#211626}.hero-caption{margin-top:70px;font-size:10px;letter-spacing:2px;font-weight:700;color:#77707e;display:flex;align-items:center;gap:15px}.hero-caption-line{width:37px;height:1px;background:var(--purple)}.hero-art{height:590px;position:relative;display:grid;place-items:center;isolation:isolate}.art-grid{position:absolute;inset:30px 0 20px 0;opacity:.35;background-image:linear-gradient(#493450 1px,transparent 1px),linear-gradient(90deg,#493450 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at center,#000 5%,transparent 70%)}.orb{position:absolute;border-radius:50%;aspect-ratio:1}.orb-outer{width:min(95%,540px);border:1px solid #64456f;box-shadow:inset 0 0 60px #a04a9715,0 0 70px #a04a9712;animation:spin 30s linear infinite}.orb-outer:before,.orb-outer:after{content:'';position:absolute;border-radius:100%;background:var(--purple);width:10px;height:10px;left:50%;top:-5px;box-shadow:0 0 25px var(--purple)}.orb-outer:after{left:6%;top:76%;width:5px;height:5px}.orb-inner{width:min(76%,420px);background:radial-gradient(circle at 45% 35%,#553165 0,#231529 53%,#140e19 77%);box-shadow:0 0 0 25px #ba68c807,0 0 0 55px #ba68c805,0 40px 120px #a249bf2a}.art-symbol{position:relative;width:55%;max-width:265px;transform:rotate(-10deg);filter:drop-shadow(0 0 40px #b969bb8c);animation:float 7s ease-in-out infinite}.art-symbol img{width:100%;filter:brightness(1.08)}.floating-tag{position:absolute;border:1px solid #5e4269;background:#191020cf;backdrop-filter:blur(10px);border-radius:9px;padding:15px 18px;font-size:10px;font-weight:700;letter-spacing:1.4px;box-shadow:0 15px 40px #0006}.tag-one{top:130px;right:-8px;transform:rotate(6deg)}.tag-one span{color:var(--purple);font-size:21px;vertical-align:middle;margin-right:7px}.tag-two{left:-12px;bottom:133px;transform:rotate(-6deg)}.tag-live{display:inline-block;width:7px;height:7px;background:#ba68c8;border-radius:50%;margin-right:7px;box-shadow:0 0 15px #ba68c8}.art-coordinate{position:absolute;bottom:48px;left:10%;right:10%;display:flex;justify-content:space-between;color:#7d6d84;font-size:9px;letter-spacing:1.7px}.art-coordinate b{color:#b788bd}.scroll-cue{position:absolute;bottom:43px;left:0;font-size:10px;letter-spacing:2px;font-weight:700;color:#918999}.scroll-cue span{font-size:18px;margin-left:18px;color:var(--purple)}@keyframes spin{to{transform:rotate(360deg)}}@keyframes float{50%{transform:translateY(-14px) rotate(-5deg)}}.marquee{overflow:hidden;border-block:1px solid #30243a;background:#1a1020}.marquee-track{display:flex;align-items:center;gap:48px;width:max-content;height:84px;animation:marquee 32s linear infinite}.marquee-track span{font-family:var(--font);font-size:23px;font-weight:700;letter-spacing:-.7px}.marquee-track b{font-size:26px;color:var(--purple)}@keyframes marquee{to{transform:translateX(-50%)}}.section{padding-block:135px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:60px;margin-bottom:50px}.section-head h2,.expertise-section h2{font-size:clamp(39px,4.2vw,68px);line-height:1.08;margin-bottom:0}.section-head>p{max-width:330px;color:#aaa3b2;line-height:1.8;font-size:15px;margin-bottom:5px}.kicker{margin-bottom:22px}.service-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}.service-card{border:1px solid #302738;background:#131019;border-radius:13px;padding:26px;min-height:495px;display:flex;flex-direction:column;transition:border-color .25s,transform .25s,box-shadow .25s}.service-card:hover{border-color:#a263ae;transform:translateY(-6px);box-shadow:0 22px 60px #0005}.service-top{display:flex;justify-content:space-between;align-items:center;color:#9c8ba2;font-size:10px;font-weight:800;letter-spacing:1.7px}.service-icon{font-size:25px;color:#c478cc}.service-visual{margin-block:22px 27px;height:165px;position:relative;overflow:hidden;border-radius:9px;background:radial-gradient(circle at 50% 50%,#482750,#24162c 60%,#1d1423)}.service-card h3{font-family:var(--font);font-size:30px;letter-spacing:-1.1px;line-height:1.13;margin-bottom:13px}.service-card p{line-height:1.65;font-size:13px;color:#aaa3b2;margin-bottom:27px}.service-card a{display:flex;justify-content:space-between;margin-top:auto;padding-top:16px;border-top:1px solid #382d40;font-size:12px;font-weight:700;color:#d9b4df}.service-card a span{font-size:17px}.mock-browser{position:absolute;top:27px;left:17%;width:70%;height:126px;border-radius:8px 8px 0 0;border:1px solid #9466a1;background:#1c1224;transform:rotate(-7deg);box-shadow:20px 14px 0 #b16dc52a}.mock-dots{display:block;padding:8px 12px;border-bottom:1px solid #4b3355;font-size:8px;letter-spacing:4px;color:#bd8bcd}.mock-lines{display:grid;gap:8px;width:55%;padding:19px 13px}.mock-lines i{height:8px;border-radius:10px;background:#bd82c8}.mock-lines i:nth-child(2){width:75%;background:#775083}.mock-lines i:nth-child(3){width:92%;height:4px;background:#594164}.mock-pill{position:absolute;right:14px;bottom:23px;width:37px;height:37px;border-radius:10px;background:#c67ed0}.visual-analytics{background:linear-gradient(135deg,#1d1525,#42224c)}.chart-line{display:flex;align-items:end;gap:13px;position:absolute;left:19%;right:17%;bottom:27px;height:108px}.chart-line i{flex:1;background:linear-gradient(#d78cdd,#714182);border-radius:6px 6px 0 0;height:32%}.chart-line i:nth-child(2){height:54%}.chart-line i:nth-child(3){height:45%}.chart-line i:nth-child(4){height:76%}.chart-line i:nth-child(5){height:100%}.chart-label{position:absolute;top:17px;left:20px;color:#d0a5d7;font-size:10px;font-weight:700;letter-spacing:2px}.chart-label b{font-size:19px}.social-bubble{position:absolute;border:1px solid #8a5398;color:#efcbf4;background:#36213f;border-radius:10px;padding:13px 16px;font-size:13px;font-weight:700;box-shadow:0 13px 25px #0005}.bubble-a{left:12%;top:25px;transform:rotate(-11deg);color:#d995dc}.bubble-b{right:7%;top:62px;transform:rotate(8deg)}.bubble-c{left:19%;bottom:15px;font-size:10px;transform:rotate(-3deg)}.ad-frame{position:absolute;inset:19px 16%;background:#b66fc2;color:#1e1025;transform:rotate(-6deg);border-radius:5px;padding:16px 15px}.ad-frame>span:first-child{font-size:10px;font-weight:800;letter-spacing:2px}.ad-frame strong{display:block;font-family:var(--font);font-size:27px;line-height:.93;letter-spacing:-2px;margin-top:13px}.ad-stamp{position:absolute;right:12px;top:35px;font-size:48px;color:#5a2867}.visual-brand{display:flex;align-items:center;justify-content:center;gap:14px}.brand-v{font:700 135px var(--font);color:#bd7aca;letter-spacing:-16px;line-height:1}.brand-v span{font-size:30px;position:relative;top:-70px;left:-15px}.brand-note{font-size:12px;font-weight:800;line-height:1.4;letter-spacing:1.5px}.visual-video{display:grid;place-items:center}.video-ring{position:absolute;border:1px solid #af68b5;border-radius:50%;width:140px;height:140px}.ring-one{transform:rotate(40deg) scaleX(.7)}.ring-two{transform:rotate(-40deg) scaleX(.7)}.play-icon{width:61px;height:61px;display:grid;place-items:center;background:#c77dd2;color:#25122e;border-radius:50%;z-index:1;padding-left:3px}.video-time{position:absolute;bottom:14px;right:15px;font-size:10px;color:#c6a4cd;letter-spacing:1px}.statement-section{position:relative;overflow:hidden;background:#b975c5;color:#170e1b}.statement-inner{position:relative;padding-block:115px 105px}.statement-section .kicker{color:#44234c}.statement-section h2{position:relative;z-index:1;font-size:clamp(55px,7.1vw,112px);line-height:1.03;margin-bottom:60px}.statement-section h2 span{color:white}.purple-period{color:#44204b}.statement-bottom{position:relative;z-index:1;display:flex;align-items:end;justify-content:space-between}.statement-bottom p{font-size:16px;max-width:550px;line-height:1.75;margin:0}.circle-link{width:76px;height:76px;display:grid;place-items:center;border-radius:50%;background:#1b1020;color:white;font-size:35px;transition:transform .3s}.circle-link:hover{transform:rotate(45deg)}.statement-watermark{position:absolute;bottom:-230px;right:-80px;font:700 550px var(--font);letter-spacing:-80px;opacity:.07}.process-shell{border:1px solid #423148;border-radius:17px;overflow:hidden;background:#140f1a}.process-tabs{display:grid;grid-template-columns:repeat(5,1fr);border-bottom:1px solid #423148}.process-tab{background:transparent;color:#8a7c90;border:0;border-right:1px solid #3a2c41;text-align:left;padding:24px 23px;font-weight:700;font-size:12px;transition:background .25s}.process-tab:last-child{border:0}.process-tab span{display:block;font-size:15px;font-family:var(--font);color:#b4aab8;margin-top:12px}.process-tab.active{background:#2c1b34;color:#ce83db;box-shadow:inset 0 3px 0 var(--purple)}.process-tab.active span{color:#fff}.process-tab:focus-visible{outline:2px solid white;outline-offset:-4px}.process-content{display:grid;grid-template-columns:1fr 1fr;min-height:360px}.process-art{position:relative;min-height:350px;background:radial-gradient(circle at 50% 50%,#63306d,#26152f 51%,#17101c 75%);display:grid;place-items:center;overflow:hidden}.process-art:before,.process-art:after{content:'';position:absolute;border:1px solid #895296;border-radius:50%;width:280px;height:280px}.process-art:after{width:365px;height:365px;opacity:.45}.process-shape{font-size:180px;color:#cc83d4;line-height:1;z-index:1;transition:transform .55s}.process-count{position:absolute;left:27px;bottom:24px;color:#bb9ec2;letter-spacing:2px;font-size:11px}.process-details{padding:65px 65px 45px;display:flex;flex-direction:column;align-items:flex-start}.process-details h3{font:700 36px/1.2 var(--font);letter-spacing:-1.6px;max-width:480px;margin:0 0 20px}.process-details>p{color:#b6aab8;line-height:1.8;font-size:15px;max-width:470px}.text-link{margin-top:auto;font-size:13px;color:#d6a0df;font-weight:700}.text-link span{margin-left:40px}.expertise-section{background:#100d15}.expertise-grid{display:grid;grid-template-columns:1fr 1fr;gap:110px}.expertise-intro{max-width:460px;color:#aaa3b2;line-height:1.8;margin:32px 0}.benefit{display:grid;grid-template-columns:36px 1fr 25px;gap:15px;align-items:start;border-bottom:1px solid #322838;padding:23px 0}.benefit:first-child{padding-top:0}.benefit>span{color:var(--purple);font-size:12px}.benefit h3{font:700 21px var(--font);letter-spacing:-.6px;margin-bottom:9px}.benefit p{font-size:13px;color:#9c92a3;line-height:1.65;margin:0}.benefit>b{font-size:20px;color:var(--purple)}.cta-section{padding:115px 0 130px;background:radial-gradient(ellipse at 20% 35%,#2e1b37 0,#100b16 55%,#09070d 100%)}.cta-layout{display:grid;grid-template-columns:1fr 1fr;gap:12%}.cta-section h2{font-size:clamp(57px,6.1vw,94px);line-height:1.03}.cta-section h2 span{color:var(--purple)}.cta-lead{font-size:16px;line-height:1.8;color:#afa4b5;max-width:470px}.contact-links{margin-top:55px;display:grid;gap:18px;max-width:440px}.contact-links a{border-bottom:1px solid #54415b;padding-bottom:15px;font:600 23px var(--font);display:flex;justify-content:space-between;gap:12px}.contact-links span{color:var(--purple)}.contact-form{background:#1b1421;border:1px solid #5a4161;border-radius:15px;padding:38px;box-shadow:0 40px 80px #0004}.contact-form h3{font:700 26px var(--font);letter-spacing:-.8px;display:flex;justify-content:space-between;margin-bottom:27px}.contact-form h3 span{color:var(--purple)}.contact-form label{display:block;font-size:10px;font-weight:800;letter-spacing:1.7px;color:#b89dc0;margin:17px 0 9px}.contact-form input,.contact-form select,.contact-form textarea{width:100%;color:white;border:1px solid #4a3850;border-radius:7px;background:#110d16;padding:14px;outline:none;resize:vertical}.contact-form input:focus,.contact-form select:focus,.contact-form textarea:focus{border-color:#c987d4}.contact-form input::placeholder,.contact-form textarea::placeholder{color:#786a80}.contact-form .button{margin-top:20px;width:100%;justify-content:space-between}.contact-form small{font-size:11px;color:#918399;line-height:1.5;display:block;margin-top:14px}.footer{background:#09070d;border-top:1px solid #2d2234}.footer-top{padding:62px 0;display:flex;align-items:center;gap:65px;border-bottom:1px solid #281f2d}.footer-top p{color:#8f8496;margin:0;max-width:250px;font-size:13px}.back-to-top{margin-left:auto;color:#c996d0;font-size:11px;letter-spacing:1.3px;font-weight:700}.footer-bottom{min-height:100px;display:flex;justify-content:space-between;align-items:center;gap:20px;font-size:10px;color:#817689;letter-spacing:1.1px}.footer-bottom>div{display:flex;gap:25px}.footer-bottom a:hover{color:var(--purple)}.reveal{opacity:0;transform:translateY(28px);transition:opacity .72s ease,transform .72s ease}.reveal.visible{opacity:1;transform:translateY(0)}.service-card:nth-child(2),.service-card:nth-child(5){transition-delay:.08s}.service-card:nth-child(3),.service-card:nth-child(6){transition-delay:.16s}
@media(max-width:1100px){.shell{width:min(100% - 52px,1340px)}.nav-links{gap:18px}.hero{min-height:630px}.hero h1{font-size:clamp(43px,5vw,66px)}.hero-art{height:500px}.section{padding-block:100px}.service-card{padding:21px}.service-card h3{font-size:26px}.process-details{padding:50px 40px}.expertise-grid{gap:65px}.cta-layout{gap:7%}}@media(max-width:760px){.shell{width:calc(100% - 36px)}.announcement{font-size:8px;gap:9px;letter-spacing:.7px}.nav{height:72px}.brand img{width:31px;height:34px}.brand>span{font-size:22px}.brand small{font-size:6px}.nav-cta{margin-left:auto;padding:11px;font-size:11px}.nav-cta span{margin-left:4px}.menu-toggle{order:3;display:grid;gap:5px;padding:12px;background:transparent;border:1px solid #3b2a43;border-radius:6px}.menu-toggle span{width:17px;height:2px;background:white;display:block}.nav-links{position:absolute;top:72px;left:0;right:0;display:none;background:#130d18;border-bottom:1px solid #53375c;padding:20px 24px;flex-direction:column;align-items:stretch;gap:0}.nav-links.open{display:flex}.nav-links a{padding:12px 0}.hero{display:flex;flex-direction:column;align-items:stretch;gap:0;padding-top:70px;padding-bottom:75px;min-height:unset}.hero h1{font-size:clamp(44px,10vw,72px)}.hero-description{font-size:14px}.hero-art{height:390px;margin-top:20px}.orb-outer{width:min(90%,360px)}.orb-inner{width:min(70%,275px)}.art-symbol{width:47%}.floating-tag{font-size:8px;padding:10px}.tag-one{right:0;top:60px}.tag-two{left:0;bottom:75px}.art-coordinate{bottom:25px}.hero-caption{margin-top:43px}.scroll-cue{bottom:35px}.marquee-track{height:62px;gap:25px}.marquee-track span{font-size:17px}.section{padding-block:77px}.section-head{display:block;margin-bottom:30px}.section-head h2,.expertise-section h2{font-size:clamp(37px,9vw,56px)}.section-head>p{max-width:560px;margin-top:20px;font-size:14px}.service-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.service-card{min-height:470px}.service-visual{height:130px}.service-card h3{font-size:24px}.statement-inner{padding-block:85px}.statement-section h2{font-size:clamp(42px,8vw,78px)}.statement-bottom p{max-width:75%;font-size:14px}.process-content{grid-template-columns:1fr}.process-art{min-height:280px}.process-details{min-height:275px}.process-tabs .process-tab{padding:15px 10px;font-size:10px}.process-tab span{font-size:11px}.expertise-grid,.cta-layout{grid-template-columns:1fr;gap:55px}.cta-section{padding:85px 0}.footer-top{gap:25px;flex-wrap:wrap}.footer-bottom{flex-wrap:wrap;padding-block:28px;gap:16px}.footer-bottom>div{order:3;width:100%}}@media(max-width:480px){.nav-cta{display:none}.menu-toggle{margin-left:auto}.hero h1{font-size:clamp(38px,10.2vw,50px)}.eyebrow{font-size:9px;letter-spacing:1.3px}.hero-art{height:340px}.art-coordinate{font-size:7px}.service-grid{grid-template-columns:1fr}.service-card{min-height:430px}.service-visual{height:145px}.service-card h3{font-size:29px}.service-card p{font-size:14px}.statement-section h2{font-size:clamp(39px,10vw,55px)}.statement-bottom{gap:20px}.statement-bottom p{max-width:100%}.circle-link{flex-shrink:0;width:50px;height:50px;font-size:24px}.process-tab span{font-size:9px}.process-tab{padding:13px 6px!important}.process-art{min-height:230px}.process-details{padding:38px 25px}.process-details h3{font-size:28px}.cta-section h2{font-size:57px}.contact-links a{font-size:18px}.contact-form{padding:25px}.footer-bottom>div{gap:15px;flex-wrap:wrap}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}.reveal{opacity:1;transform:none}}


/* Portfolio, clients and authentic testimonial sections */
.portfolio-section{padding-top:120px}.portfolio-filters{display:flex;flex-wrap:wrap;gap:9px;margin:-9px 0 32px}.portfolio-filter{border:1px solid #4c3a54;background:transparent;color:#b7abbf;border-radius:100px;padding:11px 19px;font-size:12px;font-weight:700;transition:.25s}.portfolio-filter:hover,.portfolio-filter.active{background:var(--purple);color:#150b19;border-color:var(--purple)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:23px}.portfolio-card{background:#151019;border:1px solid #312738;border-radius:14px;overflow:hidden;transition:transform .3s,border-color .3s}.portfolio-card:hover{transform:translateY(-6px);border-color:#a265ae}.portfolio-card[hidden]{display:none}.portfolio-art{height:330px;position:relative;overflow:hidden;padding:30px;display:flex;flex-direction:column;justify-content:space-between;isolation:isolate}.portfolio-art-kicker,.portfolio-art-sub{font-size:10px;letter-spacing:2px;font-weight:800;z-index:1}.portfolio-art strong{font:700 clamp(44px,5vw,75px)/.95 var(--font);letter-spacing:-.065em;z-index:1}.portfolio-sanva{background:linear-gradient(140deg,#eee 15%,#bfc1c4);color:#151515}.portfolio-sanva strong{font-size:clamp(60px,8vw,124px);letter-spacing:-.09em}.portfolio-sanva strong span{font-size:15px;vertical-align:top;letter-spacing:0}.portfolio-sanva .portfolio-art-pattern{position:absolute;right:-35px;bottom:-115px;font:700 460px/.8 var(--font);color:#d32936;z-index:-1}.portfolio-saad{background:radial-gradient(circle at 85% 70%,#2876bc,#0c2341 63%,#08152b);color:#e6f4ff}.portfolio-saad strong{font-size:clamp(44px,5.4vw,82px)}.portfolio-circles{position:absolute;right:-120px;top:-75px;width:420px;aspect-ratio:1;border:40px solid #72b4ff22;border-radius:50%;box-shadow:0 0 0 38px #72b4ff11}.portfolio-alrehman{background:linear-gradient(135deg,#081d3e,#185b93);color:#fff}.portfolio-alrehman i{font-style:normal;color:#f7c554}.portfolio-travel-line{position:absolute;right:14%;top:21%;font-size:125px;color:#ffffff23;transform:rotate(-22deg)}.portfolio-gaahaq{background:#211c14;color:#f2b34a}.portfolio-gaahaq strong{font-family:serif;font-size:115px;text-align:center}.portfolio-food-icon{position:absolute;right:12%;top:14%;font-size:120px;opacity:.13}.portfolio-code{background:radial-gradient(circle at 85% 20%,#7149a5,#171525 65%);justify-content:flex-start;gap:22px}.portfolio-code-window{border:1px solid #846c98;border-radius:14px;background:#120c1bbd;height:220px;padding:20px 28px;display:flex;flex-direction:column}.portfolio-code-window>span{color:#b88bd7;font-size:10px;letter-spacing:5px}.portfolio-code-window b{font:700 60px/.86 var(--font);letter-spacing:-4px;margin:auto 0}.portfolio-code-window b span{color:#d19fea}.portfolio-code-window small{font-size:11px;color:#d4b5df}.portfolio-ice{background:linear-gradient(135deg,#ffbecf,#ff9b9f);color:#62273c}.portfolio-ice strong{font-size:clamp(60px,7vw,99px)}.portfolio-ice-blob{width:280px;height:280px;position:absolute;border-radius:50%;background:#ffe4bf;right:-45px;top:-70px;z-index:-1}.portfolio-meta{padding:25px 27px 29px;display:flex;justify-content:space-between;gap:20px}.portfolio-meta span:first-child{font-size:10px;color:#ba85c8;font-weight:800;letter-spacing:1.5px}.portfolio-meta h3{font:700 27px var(--font);letter-spacing:-1px;margin:11px 0}.portfolio-meta p{font-size:13px;color:#aaa3b2;line-height:1.65;max-width:440px;margin:0}.portfolio-arrow{font-size:24px;color:#bd8aca}.portfolio-footer{display:flex;justify-content:space-between;align-items:center;gap:24px;margin-top:29px}.portfolio-footer p{color:#8b7f94;font-size:12px;max-width:560px;margin:0}.portfolio-footer a{white-space:nowrap}.clients-section{padding:115px 0;background:#120d17;border-block:1px solid #302438}.client-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.client-tile{min-height:148px;border:1px solid #36293e;border-radius:10px;background:#1a1320;display:flex;flex-direction:column;justify-content:center;align-items:center;text-align:center;padding:18px;font:700 clamp(19px,2.5vw,30px) var(--font);letter-spacing:-1px;transition:background .3s,border-color .3s,transform .3s}.client-tile:hover{transform:translateY(-4px);background:#27182e;border-color:#a068ad}.client-tile small{font:700 10px var(--body);letter-spacing:2px;color:#9e8ca6;margin-top:12px}.client-gaahaq{font-family:serif;font-size:45px}.testimonials-section{padding-bottom:150px}.testimonial-pending{position:relative;min-height:385px;overflow:hidden;display:grid;grid-template-columns:100px 1fr 200px;align-items:center;gap:25px;padding:52px;background:radial-gradient(circle at 100% 0%,#5b316a,#211427 55%,#17111c);border:1px solid #674471;border-radius:18px}.testimonial-quote{font:700 180px/.8 Georgia,serif;color:#b46bc4;align-self:start}.testimonial-label{font-size:10px;letter-spacing:2.2px;color:#c58ed0;font-weight:800}.testimonial-pending h3{font:700 clamp(37px,4vw,64px)/1.05 var(--font);letter-spacing:-2px;margin:18px 0}.testimonial-pending h3 span{color:var(--purple)}.testimonial-pending p:not(.testimonial-label){font-size:14px;line-height:1.75;color:#c3b4c7;max-width:550px}.testimonial-pending .button{margin-top:12px}.testimonial-orbit{font-size:195px;color:#af67be33;animation:spin 26s linear infinite}
@media(max-width:760px){.portfolio-grid{gap:14px}.portfolio-art{height:255px;padding:22px}.portfolio-art strong{font-size:47px}.portfolio-gaahaq strong{font-size:75px}.portfolio-code-window b{font-size:44px}.portfolio-meta{padding:18px}.portfolio-meta h3{font-size:21px}.client-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.client-tile{min-height:125px}.testimonial-pending{grid-template-columns:1fr;padding:35px}.testimonial-quote{height:28px;font-size:100px}.testimonial-orbit{display:none}.portfolio-footer{align-items:flex-start;flex-direction:column}}
@media(max-width:480px){.portfolio-grid{grid-template-columns:1fr}.portfolio-art{height:280px}.portfolio-art strong{font-size:58px}.portfolio-gaahaq strong{font-size:90px}.client-tile{font-size:18px}.client-tile small{font-size:8px;letter-spacing:1px}.portfolio-filters{gap:7px}.portfolio-filter{padding:9px 12px;font-size:11px}}

/* MULTIPAGE SYSTEM */
.nav-links a:hover,.nav-links a[aria-current="page"]{color:var(--purple)}
.service-card,.portfolio-card{position:relative}.service-card a,.portfolio-card-link{position:relative;z-index:2}
.portfolio-card-link{display:inline-flex;margin:14px 0 4px;color:var(--purple);font-weight:700;font-size:13px}
.client-marquee{position:relative;overflow:hidden;mask-image:linear-gradient(to right,transparent,#000 9%,#000 91%,transparent);padding:20px 0}.client-track{display:flex;width:max-content;gap:18px;animation:clientFlow 35s linear infinite}.client-marquee:hover .client-track{animation-play-state:paused}.client-wordmark{width:246px;min-height:128px;flex-shrink:0;border:1px solid #38283d;border-radius:18px;background:linear-gradient(140deg,#1d1423,#0d0a12);display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:20px;text-align:center}.client-wordmark strong{font:700 24px/1.2 var(--font);letter-spacing:-.045em}.client-wordmark small{font-size:10px;letter-spacing:.16em;color:var(--muted)}.client-note{font-size:11px;color:#918898;text-align:center;margin-top:14px}@keyframes clientFlow{to{transform:translateX(-50%)}}
.page-hero{position:relative;min-height:570px;padding:148px 0 92px;overflow:hidden;background:radial-gradient(circle at 83% 25%,#3a1b43 0%,transparent 36%),#09070d}.page-hero:before{content:'';position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(#ffffff07 1px,transparent 1px),linear-gradient(90deg,#ffffff07 1px,transparent 1px);background-size:70px 70px;mask-image:linear-gradient(to right,transparent,#000)}.page-hero-inner{position:relative;z-index:1}.breadcrumb{display:flex;gap:12px;align-items:center;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--muted);margin-bottom:50px}.breadcrumb a:hover{color:var(--purple)}.page-hero h1{font:700 clamp(52px,8vw,125px)/.95 var(--font);letter-spacing:-.075em;max-width:1050px;text-transform:uppercase;margin:18px 0 26px}.page-hero h1 span{color:var(--purple)}.page-lead{max-width:690px;color:#c6bdcb;font-size:clamp(17px,2vw,21px);line-height:1.65}.page-hero .button{margin-top:25px}.side-orb{position:absolute;width:360px;height:360px;border:1px solid #a867b33b;border-radius:50%;right:-110px;top:90px;box-shadow:0 0 0 40px #a867b30c,0 0 0 100px #a867b308;animation:floatOrb 9s ease-in-out infinite}@keyframes floatOrb{50%{transform:translate(-22px,28px)}}.page-section{padding:110px 0}.split-copy{display:grid;grid-template-columns:.8fr 1.2fr;gap:95px;align-items:start}.split-copy h2,.page-section h2{font:700 clamp(34px,5vw,68px)/1.05 var(--font);letter-spacing:-.055em;margin:16px 0 20px}.split-copy p{color:var(--muted);font-size:18px;line-height:1.8}.feature-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:35px}.feature-item{border:1px solid var(--line);border-radius:14px;background:linear-gradient(150deg,#1b1421,#0e0b11);padding:30px 24px;min-height:125px;display:flex;align-items:flex-start;gap:16px;font-size:17px;font-weight:600}.feature-item span{font-size:13px;color:var(--purple);margin-top:3px}.workflow-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:35px}.workflow-step{background:#151019;border:1px solid #302536;padding:36px;border-radius:16px;min-height:175px}.workflow-step b{color:var(--purple);font-size:13px}.workflow-step h3{font:600 23px var(--font);margin:29px 0 0}.related-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:30px}.related-link{display:flex;flex-direction:column;gap:15px;padding:27px;border:1px solid var(--line);border-radius:14px;background:#17111b;transition:transform .3s,border-color .3s}.related-link:hover{transform:translateY(-6px);border-color:var(--purple)}.related-link span{font-size:11px;color:var(--purple);letter-spacing:.14em}.related-link strong{font:700 22px var(--font)}.related-link em{align-self:flex-end;font-style:normal;color:var(--purple)}.case-art{position:relative;min-height:480px;border-radius:26px;background:radial-gradient(circle at 70% 30%,#b96bcc66,transparent 45%),linear-gradient(145deg,#24122f,#101017);border:1px solid #51325d;display:flex;flex-direction:column;align-items:center;justify-content:center;overflow:hidden;gap:20px}.case-art:before,.case-art:after{content:'';position:absolute;width:400px;height:400px;border:1px solid #ffffff22;border-radius:50%;transform:rotate(-25deg)}.case-art:after{width:530px;height:530px;border-color:#ffffff12}.case-art strong{position:relative;z-index:1;font:700 clamp(42px,7vw,105px)/1 var(--font);text-align:center;letter-spacing:-.07em;max-width:90%;overflow-wrap:anywhere}.case-art small{position:relative;z-index:1;color:#e7d5ed;letter-spacing:.2em;text-transform:uppercase}.case-disclaimer{color:var(--muted);font-size:12px;margin-top:15px}.detail-cta{background:linear-gradient(100deg,#2e1934,#0f0c13);border-block:1px solid #493054;padding:80px 0}.detail-cta .shell{display:flex;align-items:center;justify-content:space-between;gap:24px}.detail-cta h2{font:700 clamp(30px,5vw,65px)/1.08 var(--font);letter-spacing:-.05em;max-width:720px}.muted-surface{background:#100d14}.floating-asterisk{position:absolute;right:9%;bottom:15%;color:#ba68c8;font-size:160px;opacity:.18;pointer-events:none}.page-hero .kicker{position:relative;z-index:1}
@media(max-width:800px){.split-copy{grid-template-columns:1fr;gap:15px}.feature-list,.workflow-grid,.related-grid{grid-template-columns:1fr}.page-hero{min-height:auto;padding:100px 0 80px}.page-hero h1{font-size:clamp(45px,12vw,80px)}.page-section{padding:75px 0}.detail-cta .shell{align-items:flex-start;flex-direction:column}.case-art{min-height:310px}}
@media(prefers-reduced-motion:reduce){.client-track{animation:none}.side-orb{animation:none}}

/* Original client artwork: responsive, non-distorting continuous logo carousel */
.client-logo-card{height:136px;min-height:136px;padding:20px 23px;overflow:hidden} 
.client-logo-card img{width:100%;height:94px;max-height:94px;object-fit:contain;object-position:center;display:block;filter:none} 
.client-logo-light{background:#f8f7fa;border-color:#ddd5e2} 
.client-logo-dark{background:#111016;border-color:#46364d} 
.client-track{gap:18px;animation-duration:75s} 
@media(max-width:760px){.client-logo-card{width:198px;height:110px;min-height:110px;padding:14px 18px}.client-logo-card img{height:82px;max-height:82px}.client-track{animation-duration:65s}}
@media(prefers-reduced-motion:reduce){.client-marquee{overflow-x:auto;mask-image:none}.client-track{animation:none}}

/* Client slider: uniform site-dark background; logos retain their original colors. */
.clients-section, .clients-section .client-marquee {background:var(--bg)}
.clients-section .client-logo-card {background:transparent!important;border:0!important;border-radius:0!important;box-shadow:none!important;width:230px;height:128px;min-height:128px;padding:14px 16px;}
.clients-section .client-logo-card img {width:100%;height:100px;max-height:100px;object-fit:contain;filter:none;}
.clients-section .client-track {gap:24px;animation-duration:58s;}
@media(max-width:760px){.clients-section .client-logo-card{width:180px;height:106px;min-height:106px;padding:10px 12px}.clients-section .client-logo-card img{height:84px;max-height:84px}.clients-section .client-track{gap:16px;animation-duration:52s}}
@media(prefers-reduced-motion:reduce){.clients-section .client-track{animation:none}}

/* Saad Electronics website development case study */
.portfolio-saad-website{padding:0!important;background:#081a2c;display:block}.portfolio-saad-website img{width:100%;height:100%;object-fit:cover;display:block}.saad-website-pill{position:absolute;left:20px;bottom:20px;z-index:2;background:#081322e8;color:#a9e9ff;border:1px solid #72c9e966;border-radius:100px;padding:9px 13px;font-size:10px;font-weight:800;letter-spacing:.12em}.saad-case-intro{padding-bottom:70px}.saad-hero-actions{display:flex;flex-wrap:wrap;gap:14px;align-items:center;margin-top:16px}.saad-case-intro .button{margin-top:0}.saad-facts{display:grid;grid-template-columns:1fr 1fr 1.5fr 1fr;gap:25px;margin-top:65px;padding-top:30px;border-top:1px solid #604667}.saad-facts>div{display:flex;flex-direction:column;gap:10px}.saad-facts small{font-size:11px;letter-spacing:.14em;color:#b888c3;font-weight:800}.saad-facts strong{color:#eee7f3;font-size:15px}.saad-visual-section{padding-top:0}.saad-showcase{position:relative;border:1px solid #464052;border-radius:20px;overflow:hidden;box-shadow:0 35px 85px #0006}.saad-showcase img{display:block;width:100%;height:auto}.saad-mockup-note{position:absolute;right:16px;bottom:16px;padding:10px 13px;border-radius:7px;background:#080b12e8;color:#b3d5e0;font:700 10px var(--body);letter-spacing:.1em}.saad-design-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px;margin-top:42px}.saad-design-grid article{padding:35px;background:#16111b;border:1px solid #3c2b43;border-radius:15px}.saad-design-grid article>span{font-size:11px;letter-spacing:.2em;color:#c18dcc;font-weight:800}.saad-design-grid h3{font-size:25px;margin:32px 0 15px}.saad-design-grid p,.saad-visual-notes p,.saad-scope-grid p{color:#b9acbe;line-height:1.75}.saad-visual-notes{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.saad-interface-list{background:linear-gradient(120deg,#14273a,#13121c);border:1px solid #3a4d60;border-radius:15px;padding:16px 27px}.saad-interface-list>div{display:flex;gap:20px;align-items:center;padding:22px 0;border-bottom:1px solid #ffffff1c}.saad-interface-list>div:last-child{border-bottom:0}.saad-interface-list b{color:#78ccef;font-size:12px}.saad-interface-list span{flex:1;font-size:18px;font-weight:700}.saad-interface-list em{font-style:normal;color:#7fd6f9}.saad-scope-grid{display:grid;grid-template-columns:1fr 1fr;gap:65px}.saad-tags{display:flex;flex-wrap:wrap;gap:10px;margin-top:30px}.saad-tags span{padding:10px 15px;border:1px solid #6b4b76;border-radius:30px;color:#e8c8f1;font-weight:600;font-size:12px}@media(max-width:800px){.saad-facts{grid-template-columns:repeat(2,1fr);gap:25px}.saad-design-grid{grid-template-columns:1fr}.saad-visual-notes,.saad-scope-grid{grid-template-columns:1fr;gap:25px}.saad-design-grid article{padding:26px}}@media(max-width:480px){.saad-facts{grid-template-columns:1fr 1fr;gap:18px}.saad-facts strong{font-size:13px}.saad-mockup-note{font-size:8px;bottom:8px;right:8px}.saad-website-pill{font-size:8px;left:10px;bottom:10px}}