@import"https://fonts.googleapis.com/css2?family=Plus+Jakarta+Sans:wght@300;400;500;600;700;800&family=Inter:wght@300;400;500;600;700&display=swap";:root{--color-bg: #FFFFFF;--color-bg-alt: #F8FAFC;--color-bg-dark: #0B1628;--color-surface: #FFFFFF;--color-surface-hover: #F1F5F9;--color-primary: #FF6B35;--color-primary-light: #FF8C5A;--color-primary-dark: #E55A2B;--color-primary-glow: rgba(255, 107, 53, .2);--color-secondary: #1E3A5F;--color-secondary-light: #2D5A8A;--color-secondary-dark: #0B1628;--color-accent: #4A90D9;--color-accent-light: #6BA8E8;--gradient-primary: linear-gradient(135deg, #FF6B35 0%, #FF8C5A 50%, #FFAA7A 100%);--gradient-dark: linear-gradient(135deg, #0B1628 0%, #1E3A5F 100%);--gradient-light: linear-gradient(135deg, #F8FAFC 0%, #E2E8F0 100%);--color-text: #0F172A;--color-text-secondary: #475569;--color-text-muted: #94A3B8;--color-text-light: #FFFFFF;--color-border: #E2E8F0;--color-border-strong: #CBD5E1;--font-display: "Plus Jakarta Sans", system-ui, sans-serif;--font-body: "Inter", system-ui, sans-serif;--text-xs: .75rem;--text-sm: .875rem;--text-base: 1rem;--text-lg: 1.125rem;--text-xl: 1.25rem;--text-2xl: 1.5rem;--text-3xl: 2rem;--text-4xl: 2.5rem;--text-5xl: 3.5rem;--text-display: clamp(2.2rem, 8vw, 4.5rem);--space-1: .25rem;--space-2: .5rem;--space-3: .75rem;--space-4: 1rem;--space-5: 1.25rem;--space-6: 1.5rem;--space-8: 2rem;--space-10: 2.5rem;--space-12: 3rem;--space-16: 4rem;--space-20: 5rem;--space-24: 6rem;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 16px;--radius-xl: 20px;--radius-2xl: 28px;--radius-full: 9999px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .08);--shadow-md: 0 4px 12px rgba(0, 0, 0, .1);--shadow-lg: 0 12px 40px rgba(0, 0, 0, .12);--shadow-xl: 0 20px 60px rgba(0, 0, 0, .15);--shadow-glow: 0 0 30px var(--color-primary-glow);--glass-bg: rgba(255, 255, 255, .8);--glass-border: rgba(0, 0, 0, .05);--glass-blur: blur(20px);--ease-out: cubic-bezier(.16, 1, .3, 1);--transition-fast: .2s var(--ease-out);--transition-base: .4s var(--ease-out);--transition-slow: .6s var(--ease-out)}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;line-height:1.15;letter-spacing:-.02em;color:var(--color-text);word-wrap:break-word;overflow-wrap:break-word;-webkit-hyphens:auto;hyphens:auto}h1{font-size:var(--text-display)}h2{font-size:var(--text-5xl)}h3{font-size:var(--text-3xl)}h4{font-size:var(--text-xl)}p{color:var(--color-text-secondary);font-size:var(--text-lg);line-height:1.8}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.section{padding:var(--space-20) 0;position:relative}.section-lg{padding:var(--space-24) 0}.section-label{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-xs);font-weight:700;letter-spacing:.15em;text-transform:uppercase;color:var(--color-primary);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);background:#ff6b351a;border:1px solid rgba(255,107,53,.2);border-radius:var(--radius-full)}.section-label:before{content:"";width:6px;height:6px;background:var(--color-primary);border-radius:50%}.gradient-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-4) var(--space-8);font-family:var(--font-body);font-size:var(--text-sm);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.btn-primary{background:var(--gradient-primary);color:#fff;box-shadow:var(--shadow-md),var(--shadow-glow)}.btn-primary:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg),0 0 40px var(--color-primary-glow)}.btn-secondary{background:var(--color-bg);color:var(--color-text);border:2px solid var(--color-border-strong)}.btn-secondary:hover{border-color:var(--color-primary);color:var(--color-primary);background:#ff6b350d}.btn-dark{background:var(--color-secondary-dark);color:#fff}.btn-dark:hover{background:var(--color-secondary)}.btn-lg{padding:var(--space-5) var(--space-10);font-size:var(--text-base);border-radius:var(--radius-xl)}.card{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-xl);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.card:hover{border-color:var(--color-primary);box-shadow:var(--shadow-lg);transform:translateY(-5px)}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@media(max-width:1024px){:root{--text-display: clamp(2rem, 7vw, 3.5rem);--text-5xl: 2.5rem}}@media(max-width:480px){:root{--text-display: clamp(1.5rem, 8vw, 2.2rem);--text-5xl: 1.8rem;--text-4xl: 1.6rem;--text-3xl: 1.4rem}}@media(max-width:768px){.container{padding:0 var(--space-4)}.section{padding:var(--space-16) 0}.section-lg{padding:var(--space-20) 0}}@media(max-width:400px){.container{padding:0 var(--space-3)}.section{padding:var(--space-12) 0}}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--color-bg-alt)}::-webkit-scrollbar-thumb{background:var(--color-border-strong);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--color-primary)}::selection{background:var(--color-primary);color:#fff}.navbar{position:fixed;top:0;left:0;right:0;z-index:1000;transition:all var(--transition-fast)}.navbar-main{background:transparent;padding:var(--space-4) 0;transition:all var(--transition-fast)}.navbar-scrolled .navbar-topbar{display:none}.navbar-scrolled .navbar-main{background:#fffffffa;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);box-shadow:0 4px 20px #00000014;padding:var(--space-3) 0}.navbar-container{display:flex;align-items:center;justify-content:space-between;gap:var(--space-8)}.navbar-logo{display:flex;align-items:center;gap:var(--space-3)}.logo-icon{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--gradient-primary);border-radius:var(--radius-lg);font-family:var(--font-display);font-size:var(--text-xl);font-weight:800;color:#fff;box-shadow:0 4px 15px #ff6b354d}.logo-text{display:flex;flex-direction:column;line-height:1.1}.logo-name{font-family:var(--font-display);font-size:var(--text-lg);font-weight:800;color:#fff;transition:color var(--transition-fast)}.navbar-scrolled .logo-name{color:var(--color-text)}.logo-tagline{font-size:var(--text-xs);font-weight:500;color:#ffffffb3;transition:color var(--transition-fast)}.navbar-scrolled .logo-tagline{color:var(--color-primary)}.navbar-nav{display:flex;align-items:center;gap:var(--space-1)}.nav-link{position:relative;font-size:var(--text-sm);font-weight:500;color:#ffffffd9;padding:var(--space-3) var(--space-4);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.navbar-scrolled .nav-link{color:var(--color-text-secondary)}.nav-link:hover{color:#fff;background:#ffffff1a}.navbar-scrolled .nav-link:hover{color:var(--color-primary);background:#ff6b350d}.nav-link.active{color:#fff}.navbar-scrolled .nav-link.active{color:var(--color-primary)}.nav-indicator{position:absolute;bottom:0;left:50%;transform:translate(-50%);width:20px;height:3px;background:var(--color-primary);border-radius:var(--radius-full)}.navbar-actions{display:flex;align-items:center;gap:var(--space-4)}.navbar-cta{padding:var(--space-3) var(--space-6);font-size:var(--text-sm)}.mobile-menu-btn{display:none;width:44px;height:44px;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-md);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.navbar-scrolled .mobile-menu-btn{background:var(--color-bg-alt);border-color:var(--color-border);color:var(--color-text)}.mobile-overlay{position:fixed;inset:0;background:#00000080;z-index:998}.mobile-menu{position:fixed;top:0;right:0;bottom:0;width:100%;max-width:380px;background:#fff;z-index:999;display:flex;flex-direction:column;box-shadow:var(--shadow-xl)}.mobile-menu-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-6);border-bottom:1px solid var(--color-border)}.mobile-menu-header .logo-name{color:var(--color-text)}.mobile-close-btn{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:var(--color-bg-alt);border:none;border-radius:var(--radius-md);color:var(--color-text);cursor:pointer}.mobile-nav{flex:1;padding:var(--space-6);display:flex;flex-direction:column;gap:var(--space-2)}.mobile-nav-link{display:flex;align-items:center;justify-content:space-between;padding:var(--space-4) var(--space-5);font-size:var(--text-lg);font-weight:600;color:var(--color-text);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.mobile-nav-link:hover,.mobile-nav-link.active{background:#ff6b350d;color:var(--color-primary)}.mobile-nav-link svg{opacity:0;transition:all var(--transition-fast)}.mobile-nav-link:hover svg,.mobile-nav-link.active svg{opacity:1;transform:translate(5px)}.mobile-menu-footer{padding:var(--space-6);border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:var(--space-4)}.mobile-phone{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-size:var(--text-base);font-weight:600;color:var(--color-text-secondary)}.mobile-phone svg{color:var(--color-primary)}@media(max-width:1024px){.navbar-nav,.navbar-actions{display:none}.mobile-menu-btn{display:flex}.topbar-text{display:none}}@media(max-width:480px){.navbar-topbar{padding:var(--space-2) 0}.topbar-phone span{display:none}}.footer{background:var(--color-secondary-dark);color:var(--color-text-light);position:relative}.footer-cta{background:var(--gradient-primary);padding:var(--space-8) 0}.footer-cta-content{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.footer-cta h3{font-size:var(--text-2xl);color:#fff;margin:0}.footer-cta .btn{background:#fff;color:var(--color-primary);box-shadow:none}.footer-cta .btn:hover{background:#ffffffe6;transform:translateY(-2px)}.footer-main{display:grid;grid-template-columns:1.5fr repeat(4,1fr);gap:var(--space-8);padding:var(--space-16) 0;border-bottom:1px solid rgba(255,255,255,.1)}.footer-brand{max-width:280px}.footer-logo{display:flex;align-items:baseline;gap:var(--space-2);margin-bottom:var(--space-4)}.footer-logo .logo-text{font-family:var(--font-display);font-size:var(--text-2xl);font-weight:800;color:#fff}.footer-logo .logo-suffix{font-family:var(--font-display);font-size:var(--text-sm);font-weight:500;color:var(--color-primary-light)}.footer-description{font-size:var(--text-sm);color:#ffffffb3;line-height:1.7;margin-bottom:var(--space-6)}.footer-social{display:flex;gap:var(--space-3)}.social-link{width:40px;height:40px;display:flex;align-items:center;justify-content:center;background:#ffffff1a;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#ffffffb3;transition:all var(--transition-fast)}.social-link:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff;transform:translateY(-3px)}.footer-column h4{font-size:var(--text-base);font-weight:600;color:#fff;margin-bottom:var(--space-5)}.footer-column ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.footer-column a{font-size:var(--text-sm);color:#ffffffb3;transition:all var(--transition-fast)}.footer-column a:hover{color:var(--color-primary-light);padding-left:var(--space-2)}.footer-contact .contact-list{display:flex;flex-direction:column;gap:var(--space-3)}.footer-contact .contact-item{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-sm);color:#ffffffb3;transition:color var(--transition-fast)}.footer-contact .contact-item:hover{color:var(--color-primary-light)}.footer-contact .contact-item svg{color:var(--color-primary-light);flex-shrink:0}.footer-bottom{display:flex;align-items:center;justify-content:center;padding:var(--space-6) 0}.footer-bottom p{font-size:var(--text-sm);color:#ffffff80}.footer-legal{display:flex;gap:var(--space-6)}.footer-legal a{font-size:var(--text-sm);color:#ffffff80;transition:color var(--transition-fast)}.footer-legal a:hover{color:var(--color-primary-light)}@media(max-width:1024px){.footer-main{grid-template-columns:repeat(3,1fr)}.footer-brand{grid-column:span 3;max-width:none;margin-bottom:var(--space-6)}.footer-cta-content{flex-direction:column;text-align:center}}@media(max-width:768px){.footer-main{grid-template-columns:repeat(2,1fr)}.footer-brand{grid-column:span 2}.footer-bottom{flex-direction:column;gap:var(--space-4);text-align:center}.footer,.footer-cta{overflow-x:hidden}}@media(max-width:480px){.footer-main{grid-template-columns:1fr}.footer-brand{grid-column:auto}}.hero{min-height:100vh;position:relative;display:flex;flex-direction:column;overflow:hidden}.hero-background{position:absolute;inset:0}.hero-gradient{position:absolute;inset:0;background:linear-gradient(135deg,#0b1628,#1a2d4a,#0b1628);z-index:1}.hero-image{position:absolute;inset:0;z-index:2}.hero-image img{width:100%;height:100%;object-fit:cover;opacity:.4}.hero-overlay{position:absolute;inset:0;background:linear-gradient(90deg,#0b1628f2,#0b1628cc 40%,#0b162899);z-index:3}.hero-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,107,53,.08) 0%,transparent 40%),radial-gradient(circle at 80% 20%,rgba(74,144,217,.08) 0%,transparent 40%);z-index:4}.hero-container{position:relative;z-index:10;flex:1;display:flex;align-items:center;padding-top:220px;padding-bottom:60px}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:var(--space-12);align-items:center;width:100%}.hero-content{color:#fff}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ff6b351a;border:1px solid rgba(255,107,53,.3);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:var(--color-primary-light);margin-bottom:var(--space-6);white-space:nowrap;max-width:90vw}.hero-title{font-size:var(--text-display);font-weight:800;line-height:1.1;color:#fff;margin-bottom:var(--space-6);overflow-wrap:break-word}.title-accent{color:var(--color-primary);display:block}.hero-description{font-size:var(--text-lg);color:#ffffffb3;line-height:1.8;margin-bottom:var(--space-6);max-width:500px}.hero-features{list-style:none;display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-8)}.hero-features li{display:flex;align-items:center;gap:var(--space-3);font-size:var(--text-base);color:#fffc}.hero-features li svg{color:var(--color-primary)}.hero-actions{display:flex;align-items:center;gap:var(--space-6);flex-wrap:wrap}.btn-video{display:flex;align-items:center;gap:var(--space-3);background:transparent;border:none;color:#fff;font-family:var(--font-body);font-size:var(--text-base);font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.btn-video:hover{color:var(--color-primary)}.video-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#fff;border-radius:50%;color:var(--color-primary);transition:all var(--transition-fast)}.btn-video:hover .video-icon{transform:scale(1.1);box-shadow:0 0 20px #ff6b3566}.hero-cards{display:flex;flex-direction:column;gap:var(--space-4)}.stat-card{background:#ffffff0d;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);padding:var(--space-6);transition:all var(--transition-base)}.stat-card:hover{background:#ffffff14;transform:translate(-10px);border-color:var(--color-primary)}.card-number{display:block;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--color-primary);margin-bottom:var(--space-1)}.card-label{display:block;font-size:var(--text-sm);color:#ffffffb3;margin-bottom:var(--space-4)}.card-bar{height:4px;background:#ffffff1a;border-radius:var(--radius-full);overflow:hidden}.bar-fill{height:100%;background:linear-gradient(90deg,var(--color-primary),var(--color-primary-light));border-radius:var(--radius-full);transition:width 1s ease-out}.services-strip{position:relative;z-index:10;background:var(--color-primary);padding:var(--space-4) 0;overflow:hidden}.strip-scroll{display:flex;animation:scroll 20s linear infinite}.strip-content{display:flex;gap:var(--space-10);white-space:nowrap;padding-right:var(--space-10)}.strip-item{font-size:var(--text-base);font-weight:600;color:#fff;letter-spacing:.02em}@keyframes scroll{0%{transform:translate(0)}to{transform:translate(-50%)}}@media(max-width:1024px){.hero-grid{grid-template-columns:1fr;gap:var(--space-10)}.hero-content{text-align:center;padding-top:100px}.hero-description{max-width:100%;margin-left:auto;margin-right:auto}.hero-features{align-items:center}.hero-actions{justify-content:center}.hero-cards{flex-direction:row;flex-wrap:wrap;justify-content:center}.stat-card{flex:1 1 calc(33% - var(--space-4));min-width:150px}.stat-card:hover{transform:translateY(-5px)}}@media(max-width:768px){.hero-container{padding-top:100px;align-items:flex-start}.hero-grid{align-items:flex-start}.hero-actions{flex-direction:column;gap:var(--space-4)}.stat-card{flex:1 1 100%}.strip-item{font-size:var(--text-sm)}}@media(max-width:480px){.hero-container{padding-top:150px;padding-bottom:40px;align-items:flex-start}.hero-title{font-size:2.2rem}.stat-card{padding:var(--space-4)}}@media(max-width:400px){.hero-container{padding-top:100px!important;position:relative;align-items:flex-start!important;text-wrap-style:balance!important}.hero-title{font-size:2rem}}@media(max-width:1024px){.hero-content{padding-top:100px!important;margin:-24px;text-wrap-style:balance!important}}@media(max-width:390px){.hero-content{text-wrap-style:balance!important}}.services-accordion{position:relative;padding:var(--space-24) 0;background:var(--color-bg);overflow:hidden}.services-header{text-align:center;max-width:700px;margin:0 auto var(--space-16)}.services-header h2{font-size:var(--text-4xl);color:var(--color-text);margin-bottom:var(--space-4)}.services-header p{font-size:var(--text-lg);color:var(--color-text-secondary)}.accordion-list{display:flex;flex-direction:column;max-width:1000px;margin:0 auto}.accordion-item{border-top:1px solid var(--color-border);padding:var(--space-6) 0;cursor:pointer;transition:all .4s cubic-bezier(.4,0,.2,1)}.accordion-item:last-child{border-bottom:1px solid var(--color-border)}.accordion-item:hover{padding-left:var(--space-4)}.accordion-item.active{padding:var(--space-8);margin:var(--space-4) calc(-1 * var(--space-8));background:linear-gradient(135deg,#ff6b3508,#4a90d905);border:1px solid rgba(255,107,53,.1);border-radius:var(--radius-2xl)}.accordion-header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-6)}.accordion-left{display:flex;align-items:center;gap:var(--space-8)}.accordion-number{font-family:var(--font-display);font-size:var(--text-sm);font-weight:600;min-width:30px;transition:color .3s ease}.accordion-item h3{font-size:var(--text-2xl);font-weight:700;transition:color .3s ease}.accordion-btn{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:transparent;border:2px solid var(--color-border);border-radius:50%;transition:all .3s ease}.accordion-content{overflow:hidden}.content-inner{display:grid;grid-template-columns:1fr 320px;gap:var(--space-8);align-items:center;padding-top:var(--space-6);padding-left:calc(30px + var(--space-8))}.accordion-description{font-size:var(--text-base);color:var(--color-text-secondary);line-height:1.8;max-width:450px}.accordion-image{position:relative;border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-lg)}.accordion-image img{width:100%;height:220px;object-fit:cover;display:block}.image-overlay{position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,107,53,.15),transparent 60%);pointer-events:none}.accordion-item:not(.active):hover h3{color:var(--color-primary)}.accordion-item:not(.active):hover .accordion-number{color:var(--color-primary)}.accordion-item:not(.active):hover .accordion-btn{border-color:var(--color-primary);background:#ff6b350d}@media(max-width:1024px){.content-inner{grid-template-columns:1fr;padding-left:0}.accordion-image{max-width:400px}.accordion-item.active{margin:var(--space-4) 0}}@media(max-width:768px){.services-accordion{padding:var(--space-16) 0}.accordion-left{gap:var(--space-4)}.accordion-item h3{font-size:var(--text-xl)}.accordion-btn{width:40px;height:40px}.content-inner{gap:var(--space-4)}.accordion-description{font-size:var(--text-sm)}.accordion-item:hover{padding-left:0}}.portfolio{position:relative;background:var(--color-bg-alt)}.portfolio-header{text-align:center;max-width:700px;margin:0 auto var(--space-12)}.portfolio-header h2{margin-bottom:var(--space-4)}.portfolio-intro{font-size:var(--text-lg);color:var(--color-text-secondary)}.portfolio-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.portfolio-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.portfolio-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:var(--shadow-xl),0 10px 30px #ff6b351a}.portfolio-image{position:relative;height:240px;overflow:hidden}.portfolio-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.portfolio-card:hover .portfolio-image img{transform:scale(1.08)}.portfolio-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0f172ae6,#0f172a4d);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.portfolio-card:hover .portfolio-overlay{opacity:1}.overlay-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-primary);color:#fff;font-weight:600;border-radius:var(--radius-lg);transition:all var(--transition-fast)}.overlay-btn:hover{background:var(--color-primary-light);color:#fff;transform:scale(1.05)}.portfolio-content{padding:var(--space-6)}.portfolio-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.portfolio-content h3{font-size:var(--text-xl);margin-bottom:var(--space-2);color:var(--color-text)}.portfolio-content>p{font-size:var(--text-sm);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.6}.portfolio-cta{text-align:center;margin-top:var(--space-12)}@media(max-width:768px){.portfolio-grid{grid-template-columns:1fr}.portfolio-image{height:200px}}.testimonials{position:relative;background:var(--color-bg);overflow:hidden}.testimonials-layout{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-16);align-items:center}.testimonials-info h2{margin-bottom:var(--space-4)}.testimonials-info>p{font-size:var(--text-lg);color:var(--color-text-secondary);margin-bottom:var(--space-8)}.testimonials-stats{display:flex;gap:var(--space-8)}.testimonials-stats .stat{text-align:left}.testimonials-stats .stat-number{display:block;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--color-primary);line-height:1;margin-bottom:var(--space-1)}.testimonials-stats .stat-text{font-size:var(--text-sm);color:var(--color-text-muted)}.testimonials-slider{position:relative}.testimonial-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg);position:relative}.quote-icon{position:absolute;top:var(--space-6);right:var(--space-6);width:56px;height:56px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b351a,#ff6b3508);border-radius:var(--radius-lg);color:var(--color-primary)}.rating{display:flex;gap:var(--space-1);margin-bottom:var(--space-4)}.testimonial-card blockquote{font-size:var(--text-xl);font-weight:400;color:var(--color-text);line-height:1.7;margin-bottom:var(--space-6)}.testimonial-author{display:flex;align-items:center;gap:var(--space-4)}.testimonial-author img{width:56px;height:56px;border-radius:50%;object-fit:cover;border:3px solid var(--color-primary)}.author-info{display:flex;flex-direction:column}.author-name{font-size:var(--text-lg);font-weight:600;color:var(--color-text)}.author-role{font-size:var(--text-sm);color:var(--color-text-muted)}.slider-nav{display:flex;align-items:center;justify-content:center;gap:var(--space-4);margin-top:var(--space-6)}.nav-btn{width:44px;height:44px;display:flex;align-items:center;justify-content:center;background:var(--color-bg);border:1px solid var(--color-border-strong);border-radius:50%;color:var(--color-text);cursor:pointer;transition:all var(--transition-fast)}.nav-btn:hover{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.nav-dots{display:flex;gap:var(--space-2)}.dot{width:10px;height:10px;border-radius:50%;border:none;background:var(--color-border-strong);cursor:pointer;transition:all var(--transition-fast)}.dot.active{background:var(--color-primary);box-shadow:0 0 10px var(--color-primary-glow)}@media(max-width:1024px){.testimonials-layout{grid-template-columns:1fr;gap:var(--space-10)}.testimonials-info{text-align:center}.testimonials-stats{justify-content:center}}@media(max-width:768px){.testimonial-card{padding:var(--space-6)}.testimonial-card blockquote{font-size:var(--text-lg)}.quote-icon{display:none}}.cta-section{padding:var(--space-20) 0;background:var(--color-bg-alt)}.cta-wrapper{position:relative;background:linear-gradient(135deg,#0b1628,#1a3a5c,#0f2847);border-radius:var(--radius-2xl);padding:var(--space-16);overflow:hidden}.cta-bg{position:absolute;inset:0;pointer-events:none}.cta-gradient{position:absolute;inset:0;background:radial-gradient(ellipse 50% 50% at 0% 50%,rgba(255,107,53,.2),transparent),radial-gradient(ellipse 40% 40% at 100% 50%,rgba(74,144,217,.15),transparent)}.cta-pattern{position:absolute;inset:0;background-image:radial-gradient(circle at 20% 80%,rgba(255,255,255,.03) 0%,transparent 50%),linear-gradient(rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.02) 1px,transparent 1px);background-size:100% 100%,30px 30px,30px 30px}.floating-icon{position:absolute;width:50px;height:50px;display:flex;align-items:center;justify-content:center;background:#ff6b3526;border:1px solid rgba(255,107,53,.3);border-radius:var(--radius-lg);color:var(--color-primary)}.icon-1{top:20%;right:15%}.icon-2{bottom:25%;right:8%;background:#4a90d926;border-color:#4a90d94d;color:var(--color-accent)}.cta-content{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.cta-text{color:#fff}.cta-badge{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:#ffffff1a;border:1px solid rgba(255,255,255,.2);border-radius:var(--radius-full);font-size:var(--text-sm);font-weight:500;color:#fff;margin-bottom:var(--space-6)}.badge-dot{width:8px;height:8px;background:var(--color-primary);border-radius:50%;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(1.2)}}.cta-text h2{font-size:var(--text-4xl);color:#fff;margin-bottom:var(--space-4);line-height:1.2}.text-highlight{color:var(--color-primary)}.cta-text p{font-size:var(--text-lg);color:#ffffffb3;max-width:400px}.cta-actions{display:flex;flex-direction:column;gap:var(--space-3)}.action-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5) var(--space-6);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-xl);transition:all .3s cubic-bezier(.4,0,.2,1);cursor:pointer}.action-card:hover{background:#ffffff1a;border-color:#fff3;transform:translate(10px)}.action-card.primary-card{background:var(--gradient-primary);border:none;box-shadow:0 10px 30px #ff6b354d}.action-card.primary-card:hover{transform:translate(10px) scale(1.02);box-shadow:0 15px 40px #ff6b3566}.card-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#ffffff26;border-radius:var(--radius-lg);color:#fff;flex-shrink:0}.primary-card .card-icon{background:#ffffff40}.card-content{display:flex;flex-direction:column}.card-title{font-size:var(--text-base);font-weight:600;color:#fff}.card-desc{font-size:var(--text-sm);color:#ffffffb3}.primary-card .card-desc{color:#ffffffe6}@media(max-width:1024px){.cta-content{grid-template-columns:1fr;gap:var(--space-10);text-align:center}.cta-text p{max-width:100%;margin:0 auto}.cta-actions{max-width:400px;margin:0 auto}.floating-icon{display:none}}@media(max-width:768px){.cta-wrapper{padding:var(--space-10)}.cta-text h2{font-size:var(--text-3xl)}.action-card:hover{transform:translate(5px)}}@media(max-width:400px){.cta-wrapper{padding:var(--space-6) var(--space-4)}.cta-text h2{font-size:1.8rem}.action-card{padding:var(--space-4)}}.services-section{background:var(--color-bg)}.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-6)}.service-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.service-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-xl);border-color:var(--color-primary)}.service-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b351a,#ff6b3508);border-radius:var(--radius-lg);color:var(--color-primary);margin-bottom:var(--space-5)}.service-card h3{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text)}.service-card>p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.7}.service-features{list-style:none;display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-2);margin-bottom:var(--space-5)}.service-features li{display:flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);color:var(--color-text-secondary)}.service-features li svg{color:var(--color-primary);flex-shrink:0}.service-link{display:inline-flex;align-items:center;gap:var(--space-2);font-size:var(--text-sm);font-weight:600;color:var(--color-primary);transition:gap var(--transition-fast)}.service-link:hover{gap:var(--space-3)}.process-section{background:var(--color-bg-alt)}.section-header h2{margin-top:var(--space-2);margin-bottom:var(--space-3)}.section-header>p{font-size:var(--text-lg);color:var(--color-text-secondary)}.process-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.process-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all var(--transition-base);position:relative}.process-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.process-step{display:inline-block;font-family:var(--font-display);font-size:var(--text-4xl);font-weight:800;color:var(--color-primary);opacity:.3;margin-bottom:var(--space-4)}.process-card h3{font-size:var(--text-lg);margin-bottom:var(--space-3)}.process-card p{font-size:var(--text-sm);color:var(--color-text-secondary)}@media(max-width:1024px){.services-grid{grid-template-columns:1fr}.process-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-hero{min-height:50vh;padding:120px 0 60px}.process-grid,.service-features{grid-template-columns:1fr}}.story-section{background:var(--color-bg)}.story-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-12);align-items:center}.story-content h2{margin-bottom:var(--space-6)}.story-content p{margin-bottom:var(--space-4)}.story-highlights{list-style:none;margin-top:var(--space-6);display:flex;flex-direction:column;gap:var(--space-3)}.story-highlights li{display:flex;align-items:center;gap:var(--space-3);font-weight:500;color:var(--color-text)}.story-highlights li svg{color:var(--color-primary)}.story-image img{width:100%;border-radius:var(--radius-2xl);box-shadow:var(--shadow-xl)}.values-section{background:var(--color-bg-alt)}.section-header{text-align:center;margin-bottom:var(--space-12)}.section-header h2{margin-top:var(--space-2)}.values-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.value-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-8);text-align:center;transition:all var(--transition-base)}.value-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-primary)}.value-icon{width:64px;height:64px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b351a,#ff6b3508);border-radius:var(--radius-lg);color:var(--color-primary);margin:0 auto var(--space-4)}.value-card h3{font-size:var(--text-lg);margin-bottom:var(--space-2)}.value-card p{font-size:var(--text-sm);color:var(--color-text-secondary)}.mission-section{background:var(--color-bg)}.mission-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8);max-width:1000px;margin:0 auto}.mission-card{background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10);text-align:center;transition:all var(--transition-base)}.mission-card:hover{transform:translateY(-5px);border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.mission-icon{width:80px;height:80px;background:linear-gradient(135deg,#ff6b3526,#ff6b350d);color:var(--color-primary);border-radius:var(--radius-2xl);display:flex;align-items:center;justify-content:center;margin:0 auto var(--space-6)}.mission-card h3{font-size:var(--text-2xl);margin-bottom:var(--space-4)}.mission-card p{font-size:var(--text-lg);line-height:1.8;color:var(--color-text-secondary)}.team-section{background:var(--color-bg-alt)}.team-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-6)}.team-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);padding:var(--space-6);text-align:center;transition:all var(--transition-base)}.team-card:hover{transform:translateY(-8px);box-shadow:var(--shadow-lg)}.team-image{width:120px;height:120px;margin:0 auto var(--space-4);border-radius:50%;overflow:hidden;border:4px solid var(--color-primary)}.team-image img{width:100%;height:100%;object-fit:cover}.team-card h3{font-size:var(--text-lg);margin-bottom:var(--space-1)}.team-card p{font-size:var(--text-sm);color:var(--color-primary)}.cta-section{background:var(--color-bg)}@media(max-width:1024px){.story-grid{grid-template-columns:1fr}.values-grid,.team-grid,.mission-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.page-hero{min-height:50vh;padding:120px 0 60px}.values-grid,.team-grid,.mission-grid{grid-template-columns:1fr}}.page-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#0f172ab3,#0f172ad9)}.page-hero .hero-content{position:relative;z-index:1;text-align:center;max-width:800px;margin:0 auto}.hero-label{display:inline-block;font-size:var(--text-xs);font-weight:700;letter-spacing:.2em;color:var(--color-primary-light);margin-bottom:var(--space-4);padding:var(--space-2) var(--space-4);background:#ff6b3533;border:1px solid rgba(255,107,53,.3);border-radius:var(--radius-full)}.page-hero h1{font-size:var(--text-display);color:#fff;margin-bottom:var(--space-6)}.page-hero p{font-size:var(--text-xl);color:#fffc;max-width:600px;margin:0 auto}.portfolio-section{background:var(--color-bg)}.portfolio-filter{display:flex;justify-content:center;gap:var(--space-3);flex-wrap:wrap;margin-bottom:var(--space-12)}.filter-btn{padding:var(--space-3) var(--space-6);font-family:var(--font-body);font-size:var(--text-sm);font-weight:500;color:var(--color-text-secondary);background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-fast)}.filter-btn:hover,.filter-btn.active{background:var(--color-primary);border-color:var(--color-primary);color:#fff}.projects-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-8)}.project-card{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-xl);overflow:hidden;transition:all var(--transition-base);box-shadow:var(--shadow-sm)}.project-card:hover{transform:translateY(-8px);border-color:var(--color-primary);box-shadow:var(--shadow-xl)}.project-image{position:relative;height:260px;overflow:hidden}.project-image img{width:100%;height:100%;object-fit:cover;transition:transform var(--transition-slow)}.project-card:hover .project-image img{transform:scale(1.08)}.project-overlay{position:absolute;inset:0;background:linear-gradient(to top,#0f172ae6,#0f172a4d);display:flex;align-items:center;justify-content:center;opacity:0;transition:opacity var(--transition-fast)}.project-card:hover .project-overlay{opacity:1}.overlay-btn{display:inline-flex;align-items:center;gap:var(--space-2);padding:var(--space-4) var(--space-6);background:var(--color-primary);color:#fff;font-family:var(--font-body);font-weight:600;border:none;border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast)}.overlay-btn:hover{background:var(--color-primary-light);transform:scale(1.05)}.project-content{padding:var(--space-6)}.project-meta{display:flex;align-items:center;gap:var(--space-3);margin-bottom:var(--space-3)}.project-category{font-size:var(--text-xs);font-weight:600;color:var(--color-primary);text-transform:uppercase;letter-spacing:.05em}.project-client{font-size:var(--text-xs);color:var(--color-text-muted)}.project-client:before{content:"•";margin-right:var(--space-3)}.project-content h3{font-size:var(--text-xl);margin-bottom:var(--space-3);color:var(--color-text)}.project-content>p{font-size:var(--text-base);color:var(--color-text-secondary);margin-bottom:var(--space-4);line-height:1.7}.project-tech{display:flex;flex-wrap:wrap;gap:var(--space-2)}.tech-badge{padding:var(--space-1) var(--space-3);background:#4a90d91a;border:1px solid rgba(74,144,217,.2);border-radius:var(--radius-full);font-size:var(--text-xs);font-weight:500;color:var(--color-accent)}.cta-section{background:var(--color-bg-alt)}.cta-box{background:var(--gradient-primary);border-radius:var(--radius-2xl);padding:var(--space-16);text-align:center}@media(max-width:480px){.cta-box{padding:var(--space-8) var(--space-6)}}.cta-box h2{color:#fff;margin-bottom:var(--space-4)}.cta-box p{color:#ffffffe6;margin-bottom:var(--space-8)}.cta-box .btn{background:#fff;color:var(--color-primary)}.cta-box .btn:hover{transform:translateY(-3px);box-shadow:var(--shadow-lg)}@media(max-width:768px){.page-hero{min-height:50vh;padding:120px 0 60px}.projects-grid{grid-template-columns:1fr}.project-image{height:220px}.portfolio-filter{gap:var(--space-2)}.filter-btn{padding:var(--space-2) var(--space-4);font-size:var(--text-xs)}}.page-hero{position:relative;min-height:60vh;display:flex;align-items:center;justify-content:center;padding:140px 0 80px;overflow:hidden}.contact-page{overflow-x:hidden}.page-hero .hero-bg{position:absolute;inset:0}.page-hero .hero-bg img{width:100%;height:100%;object-fit:cover}.page-hero .hero-overlay{position:absolute;inset:0;background:linear-gradient(180deg,#070c18bf,#070c18f2)}.page-hero .hero-content{position:relative;z-index:10;text-align:center;max-width:900px;margin:0 auto}.hero-label{display:inline-block;font-size:var(--text-xs);font-weight:800;letter-spacing:.25em;color:#fff;margin-bottom:var(--space-6);padding:var(--space-3) var(--space-8);background:var(--color-primary);border:1px solid var(--color-primary);border-radius:var(--radius-full);box-shadow:0 4px 15px #ff6b3566}.page-hero h1{font-size:var(--text-display);color:#fff;margin-bottom:var(--space-6);font-weight:900;letter-spacing:-.02em;line-height:1.1;text-shadow:0 10px 30px rgba(0,0,0,.8);word-break:normal;overflow-wrap:break-word}.orange-text{background:var(--gradient-primary);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;display:inline-block}.page-hero p{font-size:var(--text-2xl);color:#fff!important;max-width:750px;margin:0 auto;font-weight:700;line-height:1.6;text-shadow:0 5px 15px rgba(0,0,0,.6)}.contact-section{background:var(--color-bg)}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:var(--space-12);align-items:start}.contact-info h2{margin-bottom:var(--space-4);font-weight:950}.contact-info>p{margin-bottom:var(--space-8);color:var(--color-text);font-weight:800}.info-cards{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--space-4);margin-bottom:var(--space-8)}.info-card{display:flex;align-items:center;gap:var(--space-4);padding:var(--space-5);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.info-card:hover{border-color:var(--color-primary);transform:translateY(-3px);box-shadow:var(--shadow-md)}.info-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#ff6b351a,#ff6b3508);border-radius:var(--radius-md);color:var(--color-primary)}.info-content{display:flex;flex-direction:column}.info-title{font-size:var(--text-sm);color:var(--color-primary-dark);text-transform:uppercase;letter-spacing:.1em;font-weight:900}.info-value{font-size:var(--text-base);font-weight:800;color:var(--color-text);white-space:nowrap}@media(max-width:1200px){.info-card{padding:var(--space-4) var(--space-3);gap:var(--space-3)}.info-icon{width:40px;height:40px;flex-shrink:0}.info-value{font-size:var(--text-sm);white-space:normal;overflow-wrap:break-word}}.why-us h3{font-size:var(--text-2xl);margin-bottom:var(--space-4);font-weight:900;color:var(--color-secondary)}.why-us ul{list-style:none;display:flex;flex-direction:column;gap:var(--space-3)}.why-us li{display:flex;align-items:center;gap:var(--space-3);font-weight:800;color:var(--color-text)}.why-us li svg{color:var(--color-primary)}.contact-form-wrapper{background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-2xl);padding:var(--space-10);box-shadow:var(--shadow-lg)}@media(max-width:480px){.contact-form-wrapper{padding:var(--space-6) var(--space-5)}}.contact-form h3{font-size:var(--text-2xl);margin-bottom:var(--space-6);font-weight:900;color:var(--color-secondary)}.form-row{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4)}.form-group{margin-bottom:var(--space-5)}.form-group label{display:block;font-size:var(--text-base);font-weight:800;color:var(--color-secondary);margin-bottom:var(--space-2)}.form-group input,.form-group select,.form-group textarea{width:100%;padding:var(--space-4);font-family:var(--font-body);font-size:var(--text-base);color:var(--color-text);background:var(--color-bg-alt);border:1px solid var(--color-border);border-radius:var(--radius-lg);transition:all var(--transition-fast)}.form-group input:focus,.form-group select:focus,.form-group textarea:focus{outline:none;border-color:var(--color-primary);box-shadow:0 0 0 3px var(--color-primary-glow)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-text-muted)}.form-group textarea{resize:vertical;min-height:120px}.contact-form .btn{width:100%}.map-section{height:500px;width:100%;position:relative;background:var(--color-bg-alt);border-top:1px solid var(--color-border)}.map-section iframe{width:100%;height:100%;filter:grayscale(.2) contrast(1.1);transition:filter var(--transition-base)}.map-section iframe:hover{filter:grayscale(0)}@media(max-width:1024px){.contact-grid{grid-template-columns:1fr}.info-cards{grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}}@media(max-width:768px){.page-hero{min-height:50vh;padding:120px 0 60px}.info-content{flex-direction:column;align-items:flex-start;gap:var(--space-1)}.info-title{min-width:auto}.form-row{grid-template-columns:1fr}}@media(max-width:500px){.page-hero h1{font-size:clamp(1.8rem,10vw,2.22rem)}.info-cards{grid-template-columns:1fr}.info-card{padding:var(--space-4);gap:var(--space-4)}}@media(max-width:400px){.container{padding:0 var(--space-4)!important}.info-icon{width:36px;height:36px;flex-shrink:0}.info-value{font-size:.95rem}.contact-grid{gap:var(--space-8)}.contact-info>p{font-size:1rem}}.app{min-height:100vh;display:flex;flex-direction:column}main{flex:1}.page-enter{opacity:0;transform:translateY(20px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .4s ease,transform .4s ease}.page-exit{opacity:1}.page-exit-active{opacity:0;transition:opacity .3s ease}