@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&display=swap";@font-face{font-family:FontAwesome;src:url(/fontawesome.woff2) format("woff2");font-weight:400;font-style:normal}@font-face{font-family:Alyamama;src:url(/alyamama.woff2) format("woff2");font-weight:300 900;font-style:normal;font-display:swap}:root{--black:#05090c;--navy:#071722;--panel:#0d2431;--teal:#13768a;--cyan:#54c6d7;--white:#fff;--body:#a9bac1;font-family:Open Sans,sans-serif;color:#777;background:#050505;font-synthesis:none}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{margin:0;min-width:320px;background:#050505;color:#777;overflow-x:hidden;font-size:15px;line-height:23px}.fa{font-family:FontAwesome;font-style:normal}button,input,textarea{font:inherit}button{border:0;cursor:pointer}.container{width:min(1110px,calc(100% - 40px));margin:auto}.section-padding{padding:100px 0}h1,h2,h3,h4,h5{font-family:Oswald,sans-serif;color:#fff}h2{font-size:32px;line-height:1.2;text-transform:uppercase;letter-spacing:-.04em}h3{font-size:18px;line-height:1.7;text-transform:uppercase;letter-spacing:1px}.reveal{opacity:0;transform:translateY(28px);transition:opacity .8s ease,transform .8s ease}.reveal.visible{opacity:1;transform:none}.header-section{position:fixed;inset:0 0 auto;height:80px;padding:10px 6vw;z-index:50;display:flex;align-items:center;justify-content:space-between;background:transparent;transition:.3s ease}.header-section.compact{height:70px;padding-block:0;background:#07131b;box-shadow:0 16px 28px #0000001f}.brand{display:flex;align-items:center;gap:11px;background:none;color:#fff;letter-spacing:.08em}.brand-image{width:52px;height:52px;overflow:hidden;display:block}.brand-image img{width:100%;height:100%;object-fit:cover;transform:scale(2.38)}nav{display:flex;gap:18px}nav button{padding:0 5px;background:none;color:#ffffffe6;text-transform:uppercase;letter-spacing:1px;font-size:11px;font-weight:600;line-height:70px;transition:.35s}nav button:hover{color:var(--cyan)}.nav-toggle{display:none;color:#fff;background:none;font-size:11px;font-weight:700;letter-spacing:1.5px}.header-actions{display:flex;align-items:center;gap:8px;order:2}.utility-button,.theme-button{width:38px;height:34px;border:1px solid rgba(255,255,255,.36);background:#07172247;color:#fff;font-size:11px;font-weight:700;letter-spacing:1px;transition:.3s}.theme-button{font-size:16px}.utility-button:hover,.theme-button:hover{border-color:var(--cyan);color:var(--cyan)}nav{order:1}.brand{order:0}.hero-section{height:100vh;min-height:650px;position:relative;display:grid;place-items:center;background:url(/agency-hero.png) center/cover no-repeat}.hero-overlay,.service-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#02080c8c}.hero-content{position:relative;z-index:2;text-align:center;color:#ddd}.hero-content h5{font-size:14px;color:#ddd;text-transform:uppercase;margin-bottom:10px}.hero-content h1{font-size:80px;line-height:1.2;text-transform:uppercase;letter-spacing:-.05em;margin-bottom:10px}.rotating-word{display:inline-block;animation:wordIn .6s ease}.hero-content p{font-size:15px;color:#ddd;margin-bottom:50px}.social-link{display:flex;justify-content:center;gap:22px;list-style:none}.social-link a{color:#bbb;font-size:18px;transition:.5s}.social-link a:hover{color:var(--cyan)}.down-arrow{position:absolute;z-index:3;left:calc(50% - 25px);bottom:50px;width:40px;color:#ddd;background:none;text-transform:uppercase;font-size:10px;font-weight:600;letter-spacing:.05em;writing-mode:vertical-rl;line-height:40px;animation:bounce 2s infinite}.down-arrow span{font-size:16px}@keyframes wordIn{0%{opacity:0;transform:rotateX(80deg) translateY(15px)}to{opacity:1;transform:none}}@keyframes bounce{0%,20%,50%,80%,to{transform:translateY(0)}40%{transform:translateY(-20px)}60%{transform:translateY(-10px)}}.about-section{background:#050505}.about-wrap{display:grid;grid-template-columns:1fr 1fr;align-items:center}.about-content{padding-right:40px}.about-content h2{margin-bottom:10px}.about-content p{color:#bbb;margin-bottom:15px}.about-image img{width:100%;display:block}.default-btn{position:relative;z-index:1;overflow:hidden;margin-top:20px;padding:0 25px;line-height:45px;background:var(--teal);color:#e6f6f8;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px}.default-btn:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#fff;z-index:-1;transform-origin:right;transform:scaleX(0);transition:transform .4s cubic-bezier(.4,0,.2,1)}.default-btn:hover{color:#111}.default-btn:hover:before{transform-origin:left;transform:scaleX(1)}.service-section{position:relative;background:url(/agency-services.png) center/cover no-repeat}.service-layout{position:relative;z-index:2;display:grid;grid-template-columns:1fr 2fr;align-items:center}.section-heading p{color:#ddd;margin-top:10px}.service-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.service-card{min-height:205px;padding:30px 20px;background:#ffffff09}.service-card:hover{background:#ffffff13}.service-icon{display:block;color:var(--cyan);font-size:40px;margin-bottom:15px}.service-card h3{font-weight:500;margin-bottom:5px}.service-card p{color:#bbb;font-size:13px}.portfolio-section{padding-bottom:0;background:#050505}.portfolio-intro{display:grid;grid-template-columns:1fr 2fr;align-items:center;margin-bottom:100px}.portfolio-intro .default-btn{justify-self:start;margin:0}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr)}.portfolio-item{position:relative;aspect-ratio:1.44;overflow:hidden;background:#0c1c25}.portfolio-item>img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .6s}.portfolio-hover{position:absolute;top:0;right:0;bottom:0;left:0;padding:15px;opacity:0;visibility:hidden;transition:.45s}.portfolio-hover>span{width:100%;height:100%;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffffeb;color:#102431}.portfolio-hover b{font-size:28px}.portfolio-hover em{font-style:normal;font-family:Oswald;text-transform:uppercase;margin-top:12px}.portfolio-item:hover .portfolio-hover{opacity:1;visibility:visible}.portfolio-item:hover>img{transform:scale(1.04)}.cta-section{padding:130px 20px;background:#050505;text-align:center}.cta-content h2{font-size:40px;margin-bottom:25px}.contact-section{display:grid;grid-template-columns:1fr 1fr;min-height:620px;background:#050505}.contact-left{display:grid;place-items:center;padding:70px 7vw}.contact-wrap{width:min(530px,100%)}.contact-wrap h2{margin-bottom:30px}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:30px}input,textarea{width:100%;height:45px;padding:10px 12px;color:#fff;background:transparent;border:0;border-bottom:1px solid #30404a;border-radius:0;outline:0}textarea{height:120px;resize:none;margin-top:10px}input:focus,textarea:focus{border-color:var(--cyan)}.form-success{color:var(--cyan);margin-top:16px}.map-wrap iframe{width:100%;height:100%;min-height:620px;border:0;filter:saturate(.7) hue-rotate(145deg) brightness(.68)}footer{padding:30px 20px;background:#111;color:#fff;text-align:center;text-transform:uppercase;font-size:12px}.scroll-top{position:fixed;right:20px;bottom:20px;z-index:40;width:45px;height:45px;border-radius:50%;background:#fff;color:#555}.scroll-top:hover{background:var(--teal);color:#fff}.lightbox{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:5vw;background:#000000eb}.lightbox img{max-width:min(1100px,90vw);max-height:78vh}.lightbox button{position:absolute;top:24px;right:32px;background:none;color:#fff;font-size:42px}.lightbox p{color:#fff;font-family:Oswald;text-transform:uppercase;font-size:20px;margin-top:12px}@media(max-width:992px){.hero-section{height:650px}.about-wrap,.service-layout,.portfolio-intro{grid-template-columns:1fr}.about-content{padding:60px 0}.section-heading{margin-bottom:40px}.portfolio-intro{margin-bottom:45px}.service-grid{grid-template-columns:repeat(2,1fr)}.contact-section{grid-template-columns:1fr}.map-wrap iframe{min-height:280px}.contact-left{padding-block:80px}}@media(max-width:767px){body,p{font-size:12px;line-height:22px}.section-padding{padding:60px 0}.header-section{height:70px;padding:0 20px;background:#07131b}.brand-image{width:44px;height:44px}.brand strong{font-size:12px}.nav-toggle{display:block}nav{display:none;position:absolute;top:70px;inset-inline:0;padding:10px 20px 18px;background:#fff;flex-direction:column;gap:0}nav.open{display:flex}nav button{color:#555;line-height:42px;text-align:left}.hero-section{height:570px;min-height:570px}.hero-content h1{font-size:48px}.hero-content p br{display:none}.service-grid,.portfolio-grid{grid-template-columns:1fr}.cta-content h2{font-size:20px}.form-row{grid-template-columns:1fr;gap:10px}.contact-left{padding:60px 20px}.contact-wrap{text-align:center}.default-btn{line-height:42px}}.app[dir=rtl]{font-family:Alyamama,Tahoma,sans-serif;font-size:17px;line-height:1.8}.app[dir=rtl] h1,.app[dir=rtl] h2,.app[dir=rtl] h3,.app[dir=rtl] h4,.app[dir=rtl] h5,.app[dir=rtl] .portfolio-hover em{font-family:Aniq,"29LT Aniq",Alyamama,Tahoma,sans-serif;letter-spacing:0;text-transform:none}.app[dir=rtl] .hero-content h1{font-weight:800;line-height:1.45}.app[dir=rtl] .about-content{padding-right:0;padding-left:40px}.app[dir=rtl] nav button,.app[dir=rtl] .default-btn,.app[dir=rtl] footer{text-transform:none;letter-spacing:0}.app[dir=rtl] input,.app[dir=rtl] textarea{text-align:right}.app[dir=rtl] .portfolio-intro .default-btn{justify-self:start}.app[dir=rtl] .down-arrow{writing-mode:vertical-lr}.app.light{background:#f7fafb;color:#42525a}.app.light .about-section,.app.light .portfolio-section,.app.light .cta-section,.app.light .contact-section{background:#f7fafb}.app.light .about-content h2,.app.light .portfolio-intro h2,.app.light .cta-content h2,.app.light .contact-wrap h2{color:#0a2430}.app.light .about-content p,.app.light .portfolio-intro p{color:#52656d}.app.light .header-section.compact{background:#f8fbfcf5;box-shadow:0 12px 30px #0717221f}.app.light .header-section.compact .brand,.app.light .header-section.compact nav button,.app.light .header-section.compact .nav-toggle{color:#0a2430}.app.light .header-section.compact .utility-button,.app.light .header-section.compact .theme-button{color:#0a2430;border-color:#9aacb3;background:transparent}.app.light input,.app.light textarea{color:#0a2430;border-bottom-color:#aab8bd}.app.light footer{background:#e9f0f2;color:#17313c}.app.light .scroll-top{box-shadow:0 5px 20px #0717222e}@media(max-width:767px){.header-actions{margin-inline-start:auto;margin-inline-end:10px}.utility-button,.theme-button{width:32px;height:32px}.app[dir=rtl] .about-content{padding:60px 0}.app[dir=rtl] nav button{text-align:right}.app.light .header-section{background:#f7fafb}.app.light .brand,.app.light .nav-toggle{color:#0a2430}}.brand-image{overflow:visible!important;background:#fff!important;-webkit-mask:url(/perfect-pc-logo-transparent.svg) center/contain no-repeat;mask:url(/perfect-pc-logo-transparent.svg) center/contain no-repeat}.brand-image img{display:none!important}.app.light .header-section.compact .brand-image{background:#0a2430!important}.portfolio-hover b{font-size:0}.portfolio-hover b:before{content:"";font-family:FontAwesome;font-size:28px}.portfolio-hover em{max-width:90%;text-align:center}@media(max-width:767px){.app.light .brand-image{background:#0a2430!important}}.app.dark{--night:#030a11;--deep:#061722;--petrol:#0b2b38;--neon:#54c6d7;--neon-soft:rgba(84,198,215,.16);background:var(--night);color:#a9bbc3}.app.dark .header-section.compact{background:linear-gradient(90deg,#030a11f7,#071d28f5);border-bottom:1px solid rgba(84,198,215,.2);box-shadow:0 12px 36px #0000006b,0 1px 18px #54c6d714}.app.dark .hero-overlay{background:radial-gradient(circle at 72% 34%,rgba(19,118,138,.2),transparent 34%),linear-gradient(180deg,#02080c6b,#02080fb8)}.app.dark .about-section{position:relative;overflow:hidden;background:radial-gradient(circle at 12% 20%,rgba(19,118,138,.2),transparent 30%),radial-gradient(circle at 88% 78%,rgba(84,198,215,.08),transparent 28%),linear-gradient(135deg,#03090f,#061722 52%,#041019)}.app.dark .about-section:before,.app.dark .cta-section:before,.app.dark .contact-left:before{content:"";position:absolute;width:360px;height:360px;border-radius:50%;background:#54c6d70f;filter:blur(70px);pointer-events:none}.app.dark .about-section:before{left:-170px;bottom:-170px}.app.dark .about-content,.app.dark .about-image{position:relative;z-index:1}.app.dark .about-image{padding:1px;background:linear-gradient(135deg,rgba(84,198,215,.65),transparent 42%,rgba(19,118,138,.45));box-shadow:0 24px 70px #0000005c,0 0 34px #54c6d71a}.app.dark .about-content h2,.app.dark .portfolio-intro h2,.app.dark .cta-content h2,.app.dark .contact-wrap h2{text-shadow:0 0 24px rgba(84,198,215,.18)}.app.dark .service-overlay{background:linear-gradient(105deg,#02080eeb,#051722bd),radial-gradient(circle at 80% 25%,rgba(84,198,215,.2),transparent 35%)}.app.dark .service-card{border:1px solid rgba(84,198,215,.13);background:linear-gradient(145deg,#0f2f3b6b,#041119b3);box-shadow:inset 0 1px #ffffff06,0 16px 36px #0000002e;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app.dark .service-card:hover{border-color:#54c6d77a;background:linear-gradient(145deg,#11414e94,#051822d1);transform:translateY(-5px);box-shadow:0 18px 42px #0000004d,0 0 28px #54c6d721}.app.dark .service-icon{filter:drop-shadow(0 0 11px rgba(84,198,215,.55))}.app.dark .portfolio-section{background:radial-gradient(circle at 90% 6%,rgba(19,118,138,.2),transparent 26%),linear-gradient(180deg,#041019,#02080d)}.app.dark .portfolio-item{outline:1px solid rgba(84,198,215,.08);outline-offset:-1px}.app.dark .portfolio-item:hover{z-index:2;box-shadow:0 0 0 1px var(--neon),0 0 32px #54c6d738}.app.dark .portfolio-hover>span{background:#031119e8;color:#eaffff;border:1px solid rgba(84,198,215,.7);box-shadow:inset 0 0 30px #54c6d71f}.app.dark .portfolio-hover b{color:var(--neon);filter:drop-shadow(0 0 9px rgba(84,198,215,.8))}.app.dark .cta-section{position:relative;overflow:hidden;background:radial-gradient(circle at 50% 110%,rgba(19,118,138,.32),transparent 45%),linear-gradient(135deg,#02080d,#08212d 50%,#030a11)}.app.dark .cta-section:before{right:8%;top:-210px}.app.dark .cta-content{position:relative;z-index:1}.app.dark .contact-section{background:#030a11}.app.dark .contact-left{position:relative;overflow:hidden;background:linear-gradient(145deg,#061822,#02090f)}.app.dark .contact-left:before{left:-190px;top:10%}.app.dark .contact-wrap{position:relative;z-index:1}.app.dark input,.app.dark textarea{border-bottom-color:#54c6d747;background:linear-gradient(90deg,rgba(84,198,215,.025),transparent)}.app.dark input:focus,.app.dark textarea:focus{box-shadow:0 7px 14px -12px var(--neon)}.app.dark .default-btn{background:linear-gradient(110deg,#0d697d,#1590a4);box-shadow:0 8px 24px #13768a38,inset 0 1px #ffffff2e}.app.dark .default-btn:hover{box-shadow:0 0 26px #54c6d752}.app.dark footer{background:linear-gradient(90deg,#02070b,#08202b,#02070b);border-top:1px solid rgba(84,198,215,.15)}.app.dark .utility-button,.app.dark .theme-button{box-shadow:inset 0 0 12px #54c6d70d}.app.dark .utility-button:hover,.app.dark .theme-button:hover{box-shadow:0 0 16px #54c6d738}@media(prefers-reduced-motion:no-preference){.app.dark .service-card{transition:transform .35s ease,background .35s ease,border-color .35s ease,box-shadow .35s ease}}.portfolio-hover{display:grid;place-items:center;padding:0;background:#030c1214}.portfolio-hover>span{width:auto;height:auto;min-width:170px;max-width:82%;padding:18px 24px;border-radius:2px;background:#ffffffeb;box-shadow:0 12px 35px #00000038;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.app.dark .portfolio-hover{background:#01080c24}.app.dark .portfolio-hover>span{width:auto;height:auto;background:#041720db;border:1px solid rgba(84,198,215,.72);box-shadow:0 12px 35px #00000059,0 0 24px #54c6d72b}.portfolio-item:hover>img{transform:scale(1.035);filter:brightness(.78) saturate(1.06)}.tiktok-mark{font-family:Arial,sans-serif;font-size:22px;font-weight:800;line-height:1}.contact-details{display:flex;flex-wrap:wrap;gap:12px 28px;margin:-10px 0 24px}.contact-details a{display:inline-flex;align-items:center;gap:9px;color:#b9c8ce;text-decoration:none;direction:ltr;transition:color .3s ease}.contact-symbol{display:inline-grid;place-items:center;width:24px;height:24px;color:var(--cyan);font-family:Arial,sans-serif;font-size:17px;line-height:1}.contact-details a:hover{color:var(--cyan)}.app.light .contact-details a{color:#42565f}.app.light .contact-details a:hover{color:var(--teal)}@media(max-width:767px){.contact-details{justify-content:center}.contact-details a{font-size:13px}}