@import"https://fonts.googleapis.com/css2?family=Open+Sans:wght@400;500;600;700&family=Oswald:wght@400;500;600;700&family=Space+Grotesk: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}}.packages-section{position:relative;background:linear-gradient(180deg,#030a1100,#0617228c)}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px}.package-card{position:relative;display:flex;flex-direction:column;padding:36px 26px 30px;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);transition:transform .35s cubic-bezier(.4,0,.2,1),border-color .35s,box-shadow .35s}.package-card:hover{transform:translateY(-6px);border-color:#54c6d773;box-shadow:0 24px 50px #0000004d}.package-card.featured{border-color:#54c6d799;box-shadow:0 0 0 1px #54c6d740,0 24px 50px #00000059,0 0 60px #54c6d71f}.package-badge{position:absolute;top:-12px;inset-inline-start:26px;padding:5px 12px;background:var(--cyan);color:#03111a;font-size:10px;font-weight:800;letter-spacing:2px;text-transform:uppercase}.package-card h3{font-weight:600;font-size:22px;color:#fff;margin:0}.package-price{display:flex;align-items:baseline;gap:8px;margin:14px 0 18px}.package-price b{font-size:38px;font-weight:700;line-height:1;color:var(--cyan)}.package-price span{font-size:11px;color:#a9bac1;letter-spacing:1px;text-transform:uppercase}.package-list{list-style:none;margin:0 0 24px;padding:0;flex:1}.package-list li{padding:9px 0;border-top:1px solid rgba(255,255,255,.06);color:#cfe1e6;font-size:14px}.package-list li:before{content:"✓";color:var(--cyan);margin-inline-end:10px;font-weight:700}.package-card .default-btn{display:block;text-decoration:none;text-align:center;margin-top:auto}.package-card.custom{justify-content:center;text-align:center;border-style:dashed;border-color:#54c6d759}.package-custom-text{color:#bbb;font-size:14px;line-height:1.6;margin:12px 0 22px}.app.light .package-card{background:#0a24300a;border-color:#0a243024}.app.light .package-card h3{color:#0a2430}.app.light .package-list li{color:#33515c;border-color:#00000012}.app.light .package-custom-text{color:#556}@media(max-width:992px){.package-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:767px){.package-grid{grid-template-columns:1fr}}.app.light .packages-section .section-heading h2{color:#0a2430;text-shadow:none}.app.light .packages-section .section-heading p{color:#3b5560}.app.light .package-price span{color:#5a6f78}.app.light .package-list li:before{color:#13768a}.app.light .package-badge{background:#13768a;color:#fff}html{scroll-behavior:auto}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}body{background:#030a11}body[data-theme=light]{background:#eef4f6}.bg3d{position:fixed;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:0;pointer-events:none}.app,.app.dark,.app.light{position:relative;z-index:1;background:transparent}.scroll-progress{position:fixed;top:0;left:0;right:0;height:3px;z-index:60;background:linear-gradient(90deg,#13768a,#54c6d7,#fff);transform:scaleX(0);transform-origin:left center;pointer-events:none}.cursor-glow{position:fixed;left:0;top:0;width:360px;height:360px;margin:-180px 0 0 -180px;border-radius:50%;z-index:2;pointer-events:none;background:radial-gradient(circle,#54c6d72e,#54c6d700 62%);mix-blend-mode:screen}.reveal{opacity:1;transform:none;transition:none}.hero-section,.about-section,.service-section,.portfolio-section,.packages-section,.cta-section,.contact-section,.app.dark .about-section,.app.dark .portfolio-section,.app.dark .cta-section,.app.dark .contact-section,.app.light .about-section,.app.light .portfolio-section,.app.light .cta-section,.app.light .contact-section{background:transparent}.app.dark .about-section:before,.app.dark .cta-section:before,.app.dark .contact-left:before{display:none}.hero-overlay,.service-overlay{display:none}footer,.app.dark footer{background:#030a118c;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-top:1px solid rgba(84,198,215,.15)}h1,h2,h3{font-family:Space Grotesk,Oswald,sans-serif}h2{font-size:clamp(34px,4.2vw,56px);letter-spacing:-.03em;text-transform:none;line-height:1.05}h3{text-transform:none;letter-spacing:0;font-weight:600}.split-heading{perspective:700px}.split-heading>span{display:inline-block}.split-heading .ch{display:inline-block;transform-style:preserve-3d;transform-origin:50% 100%;will-change:transform}.hero-section{display:block;height:auto;min-height:100vh;padding:150px 0 90px;perspective:1600px}.hero-inner{display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:48px;min-height:calc(100vh - 240px)}.hero-content{text-align:start;transform-style:preserve-3d;perspective:900px}.hero-content h5{color:var(--cyan);letter-spacing:.35em;font-size:12px;font-weight:700}.hero-content h1{font-size:clamp(58px,7.4vw,116px);letter-spacing:-.045em;line-height:1;margin-bottom:22px;text-transform:none}.hero-content h1 .rotating-word{background:linear-gradient(92deg,#fff,#9fe6f0 55%,#54c6d7);-webkit-background-clip:text;background-clip:text;color:transparent;padding-bottom:.08em}.hero-content p{font-size:17px;line-height:1.6;max-width:540px;margin-bottom:28px;color:#c7d6dc}.hero-actions{display:flex;gap:14px;flex-wrap:wrap;margin-bottom:34px}.hero-actions .default-btn{margin:0}.ghost-btn{padding:0 25px;line-height:45px;background:#54c6d714;border:1px solid rgba(84,198,215,.45);color:#dff6f9;text-transform:uppercase;font-size:10px;font-weight:700;letter-spacing:2px;transition:.3s}.ghost-btn:hover{background:#54c6d733;box-shadow:0 0 24px #54c6d74d}.social-link{justify-content:flex-start}.hero-visual{position:relative;width:100%;aspect-ratio:1.18;transform-style:preserve-3d;perspective:1400px}.hero-card{position:absolute;top:9%;right:5%;bottom:9%;left:5%;border-radius:26px;overflow:hidden;border:1px solid rgba(84,198,215,.4);box-shadow:0 50px 120px #0009,0 0 90px #54c6d738;background:#061722}.hero-card img{width:100%;height:100%;object-fit:cover;display:block}.hero-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(420px 320px at var(--gx,30%) var(--gy,20%),rgba(255,255,255,.16),transparent 60%);pointer-events:none}.hero-chip{position:absolute;padding:10px 18px;border-radius:999px;font-size:11px;font-weight:800;letter-spacing:.25em;color:#fff;background:#0d2431b8;border:1px solid rgba(84,198,215,.55);box-shadow:0 20px 50px #00000073,inset 0 0 24px #54c6d726;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);white-space:nowrap}.hero-chip i{display:inline-block;width:7px;height:7px;border-radius:50%;background:#54c6d7;box-shadow:0 0 10px #54c6d7;margin-inline-end:10px;vertical-align:middle}.chip-0{left:-3%;top:4%}.chip-1{right:-2%;top:16%}.chip-2{left:3%;bottom:6%}.chip-3{right:5%;bottom:0}.app[dir=rtl] .hero-chip{letter-spacing:0;font-size:14px}.down-arrow{bottom:26px}.marquee{position:relative;overflow:hidden;padding:16px 0;white-space:nowrap;border-top:1px solid rgba(84,198,215,.15);border-bottom:1px solid rgba(84,198,215,.15);background:#030a1161;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.marquee-track{display:inline-flex;animation:marquee 30s linear infinite;will-change:transform}.marquee span{padding:0 26px;font-family:Space Grotesk,sans-serif;font-size:13px;letter-spacing:.3em;text-transform:uppercase;color:#a9bac1}.marquee b{color:#54c6d7;margin-inline-start:8px}.app[dir=rtl] .marquee span{letter-spacing:0;font-size:16px}@keyframes marquee{to{transform:translate(-50%)}}.service-grid,.package-grid,.portfolio-grid,.about-wrap{perspective:1400px}.service-card,.package-card,.portfolio-item,.about-image,.hero-card{will-change:transform;transition:border-color .35s,background .35s,box-shadow .35s}.app.dark .service-card{transition:border-color .35s,background .35s,box-shadow .35s}.app.dark .service-card:hover,.package-card:hover{transform:none}.service-card{position:relative;border-radius:18px;overflow:hidden;border:1px solid rgba(84,198,215,.16);background:linear-gradient(150deg,#0f2f3b80,#0411199e);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.service-card:after,.package-card:after,.hero-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(280px 220px at var(--gx,50%) var(--gy,0%),rgba(84,198,215,.2),transparent 62%);opacity:0;transition:opacity .4s;pointer-events:none}.service-card:hover:after,.package-card:hover:after,.hero-card:hover:before{opacity:1}.package-card{border-radius:18px}.portfolio-grid{gap:16px}.portfolio-item{border-radius:16px;overflow:hidden;border:1px solid rgba(84,198,215,.12);background:#06172280}.about-image{border-radius:20px;overflow:hidden}.about-image img{border-radius:18px}.app.dark .about-image{background:linear-gradient(135deg,rgba(84,198,215,.65),transparent 42%,rgba(19,118,138,.45));box-shadow:0 40px 100px #00000080,0 0 60px #54c6d724}.about-content p{font-size:16px;line-height:1.7}.cta-section{padding:110px 20px}.cta-content{position:relative;max-width:960px;margin:auto;padding:70px 40px;border-radius:28px;border:1px solid rgba(84,198,215,.22);background:linear-gradient(150deg,#0f2f3b7a,#04111994);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);box-shadow:0 0 90px #54c6d714,0 40px 90px #00000059}.app .contact-left{background:linear-gradient(150deg,#0f2f3b6b,#0411199e);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.map-wrap{overflow:hidden}.header-section.compact,.app.dark .header-section.compact{background:#030a11b8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app.light .hero-content h1 .rotating-word{background:linear-gradient(92deg,#0a2430,#13768a 60%,#1fa3b8);-webkit-background-clip:text;background-clip:text}.app.light .hero-content p{color:#3b5560}.app.light .hero-content h5{color:#13768a}.app.light .ghost-btn{color:#0a2430;border-color:#13768a80;background:#13768a14}.app.light .social-link a,.app.light .down-arrow{color:#3b5560}.app.light .hero-chip{background:#ffffffbf;color:#0a2430;border-color:#13768a66}.app.light .hero-card{border-color:#13768a59;box-shadow:0 40px 100px #07172240}.app.light .marquee{background:#ffffff8c;border-color:#13768a2e}.app.light .marquee span{color:#3b5560}.app.light .marquee b{color:#13768a}.app.light .service-card,.app.light .cta-content,.app.light .contact-left{background:#fff9;border-color:#13768a2e;box-shadow:0 24px 60px #0717221a}.app.light .service-card h3,.app.light .section-heading h2,.app.light .cta-content h2{color:#0a2430;text-shadow:none}.app.light .service-card p{color:#4a5f68}.app.light .section-heading p{color:#3b5560}.app.light .portfolio-item{border-color:#13768a26;background:#fff}.app.light .header-section.compact{background:#eef4f6d1;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.app.light .cursor-glow{background:radial-gradient(circle,#13768a24,#13768a00 62%);mix-blend-mode:multiply}.app.light footer{background:#ffffff8c;color:#17313c;border-color:#13768a2e}.app.light .contact-wrap h2{color:#0a2430}@media(max-width:992px){.hero-inner{grid-template-columns:1fr;min-height:0;gap:30px}.hero-visual{max-width:560px;margin:0 auto}.hero-section{padding-top:120px}.hero-content{text-align:center}.hero-actions,.social-link{justify-content:center}}@media(max-width:767px){.hero-section{height:auto;min-height:0;padding:105px 0 60px}.hero-content h1{font-size:52px}.hero-visual{aspect-ratio:1.3}.hero-chip{font-size:9px;padding:8px 12px}.cta-content{padding:40px 22px}.cursor-glow{display:none}.marquee span{font-size:11px;padding:0 16px}}@media(prefers-reduced-motion:reduce){.marquee-track{animation:none}.hero-chip,.hero-card{opacity:1}}.app.light .brand,.app.light nav button,.app.light .nav-toggle{color:#0a2430}.app.light .utility-button,.app.light .theme-button{color:#0a2430;border-color:#9aacb3;background:#fff6}.app.light .brand-image{background:#0a2430!important}.app.light nav button:hover{color:#13768a}.app.light .hero-content h1 .rotating-word{background:none;-webkit-background-clip:initial;background-clip:initial;color:#0a2430;-webkit-text-fill-color:#0a2430}.app.light .header-section.compact .utility-button,.app.light .header-section.compact .theme-button{background:transparent}nav.desktop-nav button{position:relative}nav.desktop-nav button:after{content:"";position:absolute;left:5px;right:5px;bottom:20px;height:2px;background:var(--cyan);box-shadow:0 0 10px #54c6d7b3;transform:scaleX(0);transform-origin:right center;transition:transform .4s cubic-bezier(.7,0,.3,1)}nav.desktop-nav button:hover:after,nav.desktop-nav button.active:after{transform:scaleX(1);transform-origin:left center}nav.desktop-nav button.active{color:var(--cyan)}.app[dir=rtl] nav.desktop-nav button:after{transform-origin:left center}.app[dir=rtl] nav.desktop-nav button:hover:after,.app[dir=rtl] nav.desktop-nav button.active:after{transform-origin:right center}.menu-btn{display:none;position:relative;width:44px;height:34px;border:1px solid rgba(255,255,255,.36);background:#07172247;transition:border-color .3s,background .3s}.menu-btn span{position:absolute;left:11px;width:20px;height:2px;background:#fff;border-radius:2px;transition:transform .45s cubic-bezier(.7,0,.3,1),opacity .3s,top .45s cubic-bezier(.7,0,.3,1)}.menu-btn span:nth-child(1){top:10px}.menu-btn span:nth-child(2){top:16px}.menu-btn span:nth-child(3){top:22px}.menu-btn.open{border-color:var(--cyan)}.menu-btn.open span{background:var(--cyan)}.menu-btn.open span:nth-child(1){top:16px;transform:rotate(45deg)}.menu-btn.open span:nth-child(2){opacity:0;transform:scaleX(0)}.menu-btn.open span:nth-child(3){top:16px;transform:rotate(-45deg)}.menu-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:45;visibility:hidden;display:flex;flex-direction:column;justify-content:center;padding:110px 8vw 48px;background:linear-gradient(160deg,#030a11e6,#061722e0);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);clip-path:circle(0% at calc(100% - 44px) 44px);overflow:hidden}.menu-glow{position:absolute;right:-160px;top:-160px;width:560px;height:560px;border-radius:50%;background:radial-gradient(circle,#54c6d747,#54c6d700 62%);filter:blur(30px);pointer-events:none}.menu-links{list-style:none;display:grid;gap:4px;perspective:900px;position:relative}.menu-links li{transform-style:preserve-3d;transform-origin:0% 100%}.menu-links button{display:flex;align-items:baseline;gap:18px;background:none;color:#fff;font-family:Space Grotesk,Alyamama,sans-serif;font-size:clamp(36px,8vw,64px);font-weight:700;letter-spacing:-.03em;line-height:1.15;text-align:start;padding:4px 0;transition:color .3s,transform .3s}.menu-links button i{font-style:normal;font-family:Open Sans,sans-serif;font-size:12px;font-weight:700;letter-spacing:.3em;color:var(--cyan);min-width:30px}.menu-links button:hover{color:var(--cyan);transform:translate(10px)}.app[dir=rtl] .menu-links button:hover{transform:translate(-10px)}.app[dir=rtl] .menu-links button{font-family:Alyamama,sans-serif;letter-spacing:0}.menu-foot{position:relative;margin-top:auto;padding-top:22px;border-top:1px solid rgba(84,198,215,.2);display:flex;flex-wrap:wrap;align-items:center;gap:12px 28px;color:#a9bac1;font-size:13px}.menu-foot a{color:#a9bac1;text-decoration:none;transition:color .3s}.menu-foot a:hover{color:var(--cyan)}.menu-socials{display:inline-flex;gap:18px;font-size:18px;margin-inline-start:auto}.app.light .menu-overlay{background:linear-gradient(160deg,#eef4f6f0,#ffffffe6)}.app.light .menu-links button{color:#0a2430}.app.light .menu-links button:hover{color:#13768a}.app.light .menu-foot,.app.light .menu-foot a{color:#3b5560}.app.light .menu-btn{border-color:#9aacb3;background:#fff6}.app.light .menu-btn span{background:#0a2430}.app.light .menu-btn.open span{background:#13768a}.app.light .header-section.compact .menu-btn{background:transparent}.nav-toggle{display:none!important}@media(max-width:767px){.menu-btn{display:block}nav.desktop-nav{display:none!important}}@media(max-width:992px){.down-arrow{display:none}.hero-visual{margin-bottom:26px}.hero-inner{min-height:0}}@media(max-width:767px){.hero-content p br{display:inline}.hero-content p{font-size:15px}.chip-0{left:0;top:2%}.chip-1{right:0;top:12%}.chip-2{left:4%;bottom:4%}.chip-3{right:6%;bottom:-2%}}
