:root{--color-ocean: #0052CC;--color-ocean-dark: #003d99;--color-ocean-light: #2684FF;--color-accent: #FF6B35;--color-accent-dark: #E55A2B;--color-accent-light: #FF8A5C;--color-gold: #FFB800;--color-gold-dark: #E5A600;--color-white: #FFFFFF;--color-light: #F5F7FA;--color-gray-100: #E8ECF1;--color-gray-200: #D1D9E6;--color-gray-500: #6B7B8F;--color-gray-700: #3D4F5F;--color-dark: #1A2B3C;--color-darker: #0D1821;--gradient-ocean: linear-gradient(135deg, #0052CC 0%, #003d99 100%);--gradient-sunset: linear-gradient(135deg, #FF6B35 0%, #FFB800 100%);--gradient-hero: linear-gradient(135deg, rgba(0, 82, 204, .95) 0%, rgba(0, 61, 153, .9) 100%);--gradient-dark: linear-gradient(135deg, #1A2B3C 0%, #0D1821 100%);--font-primary: "Inter", -apple-system, BlinkMacSystemFont, sans-serif;--font-display: "Outfit", "Inter", sans-serif;--space-xs: .25rem;--space-sm: .5rem;--space-md: 1rem;--space-lg: 1.5rem;--space-xl: 2rem;--space-2xl: 3rem;--space-3xl: 4rem;--space-4xl: 6rem;--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-full: 9999px;--shadow-sm: 0 2px 8px rgba(0, 82, 204, .08);--shadow-md: 0 4px 20px rgba(0, 82, 204, .12);--shadow-lg: 0 8px 40px rgba(0, 82, 204, .16);--shadow-xl: 0 20px 60px rgba(0, 82, 204, .2);--shadow-glow-orange: 0 0 40px rgba(255, 107, 53, .4);--shadow-glow-blue: 0 0 40px rgba(0, 82, 204, .3);--transition-fast: .15s ease;--transition-base: .3s ease;--transition-slow: .5s ease;--transition-spring: .4s cubic-bezier(.175, .885, .32, 1.275);--max-width: 1200px;--header-height: 80px}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:var(--header-height)}body{font-family:var(--font-primary);font-size:16px;line-height:1.6;color:var(--color-gray-700);background-color:var(--color-white);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:700;color:var(--color-dark);line-height:1.2}h1{font-size:clamp(2.5rem,5vw,4rem)}h2{font-size:clamp(2rem,4vw,3rem)}h3{font-size:clamp(1.5rem,3vw,2rem)}h4{font-size:1.25rem}p{margin-bottom:var(--space-md)}a{color:inherit;text-decoration:none;transition:color var(--transition-fast)}img{max-width:100%;height:auto;display:block}.container{width:100%;max-width:var(--max-width);margin:0 auto;padding:0 var(--space-xl)}.header{position:fixed;top:0;left:0;right:0;height:var(--header-height);z-index:1000;transition:all var(--transition-base)}.header.transparent{background:transparent}.header.scrolled{background:#fffffffa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);box-shadow:var(--shadow-md)}.header.scrolled .logo-ss{color:var(--color-ocean)}.header.scrolled .logo-rk{color:var(--color-accent)}.header.scrolled .logo-exim{color:var(--color-gray-700);border-color:var(--color-accent)}.header.scrolled .nav-link{color:var(--color-gray-700)}.header.scrolled .nav-link:hover{color:var(--color-ocean)}.nav{display:flex;align-items:center;justify-content:space-between;height:100%}.logo{display:flex;flex-direction:column;align-items:center;text-decoration:none;line-height:1}.logo-main{display:flex;align-items:center;font-family:var(--font-display);font-size:2rem;font-weight:800;letter-spacing:.02em}.logo-ss{color:var(--color-white);transition:color var(--transition-base)}.logo-rk{color:var(--color-accent);transition:color var(--transition-base)}.logo-exim{font-family:var(--font-display);font-size:.7rem;font-weight:700;letter-spacing:.3em;color:#ffffffe6;text-transform:uppercase;margin-top:2px;padding-top:4px;border-top:2px solid var(--color-gold);transition:all var(--transition-base)}.nav-links{display:flex;align-items:center;gap:var(--space-xl);list-style:none}.nav-link{font-weight:500;font-size:.95rem;color:#ffffffe6;position:relative;padding:var(--space-sm) 0;transition:color var(--transition-fast)}.nav-link:after{content:"";position:absolute;bottom:0;left:0;width:0;height:2px;background:var(--gradient-sunset);transition:width var(--transition-base)}.nav-link:hover:after,.nav-link.active:after{width:100%}.nav-link:hover{color:var(--color-white)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-md) var(--space-xl);font-family:var(--font-primary);font-size:.95rem;font-weight:600;border:none;border-radius:var(--radius-full);cursor:pointer;transition:all var(--transition-base);text-decoration:none}.btn-primary{background:var(--gradient-sunset);color:var(--color-white);box-shadow:var(--shadow-md),var(--shadow-glow-orange)}.btn-primary:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),0 0 50px #ff6b3580}.btn-secondary{background:#ffffff26;color:var(--color-white);border:2px solid rgba(255,255,255,.4);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.btn-secondary:hover{background:#ffffff40;border-color:#fff9}.btn-ocean{background:var(--gradient-ocean);color:var(--color-white)}.btn-ocean:hover{transform:translateY(-2px);box-shadow:var(--shadow-lg),var(--shadow-glow-blue)}.mobile-menu-btn{display:none;flex-direction:column;gap:5px;background:none;border:none;cursor:pointer;padding:var(--space-sm)}.mobile-menu-btn span{width:24px;height:2px;background:var(--color-white);transition:all var(--transition-base)}.header.scrolled .mobile-menu-btn span{background:var(--color-dark)}.hero{min-height:100vh;background:url(/hero-bg.png) center center / cover no-repeat;display:flex;align-items:center;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:linear-gradient(135deg,#0052ccb3,#003d9999,#1a2b3ca6);pointer-events:none}.hero:after{content:"";position:absolute;bottom:0;left:0;right:0;height:180px;background:linear-gradient(to top,#f5f7fa,#f5f7facc,#f5f7fa66 60%,#f5f7fa00);pointer-events:none}.hero-content{position:relative;z-index:2;max-width:750px}.hero-badge{display:inline-flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-lg);background:#ffffff26;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:var(--radius-full);font-size:.9rem;font-weight:600;color:var(--color-white);margin-bottom:var(--space-xl);border:1px solid rgba(255,255,255,.2)}.hero-badge-icon{font-size:1.2rem}.hero h1{color:var(--color-white);margin-bottom:var(--space-lg);text-shadow:0 2px 20px rgba(0,0,0,.3)}.hero-highlight{background:var(--gradient-sunset);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-description{font-size:1.25rem;color:#ffffffe6;margin-bottom:var(--space-2xl);line-height:1.7}.hero-buttons{display:flex;gap:var(--space-md);flex-wrap:wrap}.hero-stats{display:flex;gap:var(--space-3xl);margin-top:var(--space-4xl);padding-top:var(--space-2xl);border-top:1px solid rgba(255,255,255,.2)}.stat{text-align:left}.stat-value{font-family:var(--font-display);font-size:2.5rem;font-weight:700;color:var(--color-white);line-height:1}.stat-value .accent{color:var(--color-gold)}.stat-label{font-size:.875rem;color:#ffffffb3;margin-top:var(--space-xs)}.hero-floating{position:absolute;right:5%;top:50%;transform:translateY(-50%);z-index:2;display:flex;flex-direction:column;gap:var(--space-lg)}.floating-card{background:#fffffff2;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-radius:var(--radius-lg);padding:var(--space-lg);box-shadow:var(--shadow-xl);display:flex;align-items:center;gap:var(--space-md);animation:floatUp 3s ease-in-out infinite}.floating-card:nth-child(2){animation-delay:.5s}.floating-card:nth-child(3){animation-delay:1s}@keyframes floatUp{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.floating-card-icon{width:50px;height:50px;background:var(--gradient-ocean);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem}.floating-card h4{font-size:.9rem;color:var(--color-dark);margin-bottom:2px}.floating-card p{font-size:.8rem;color:var(--color-gray-500);margin:0}section{padding:var(--space-4xl) 0}.section-header{text-align:center;max-width:700px;margin:0 auto var(--space-3xl)}.section-badge{display:inline-block;padding:var(--space-sm) var(--space-lg);background:#0052cc1a;color:var(--color-ocean);font-size:.875rem;font-weight:700;border-radius:var(--radius-full);margin-bottom:var(--space-md);text-transform:uppercase;letter-spacing:.08em}.section-header p{font-size:1.125rem;color:var(--color-gray-500)}.services{background:var(--color-light);position:relative}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--space-xl)}.service-card{background:var(--color-white);border-radius:var(--radius-xl);overflow:hidden;box-shadow:var(--shadow-sm);transition:all var(--transition-base);position:relative}.service-card:hover{transform:translateY(-10px);box-shadow:var(--shadow-xl)}.service-image{width:100%;height:200px;object-fit:cover}.service-content{padding:var(--space-xl)}.service-icon{position:absolute;top:180px;right:var(--space-xl);width:56px;height:56px;background:var(--gradient-sunset);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;box-shadow:var(--shadow-md)}.service-card h3{margin-bottom:var(--space-sm);padding-right:60px}.service-card p{color:var(--color-gray-500);margin-bottom:var(--space-lg);font-size:.95rem}.service-features{list-style:none}.service-features li{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-sm) 0;font-size:.9rem;color:var(--color-gray-700)}.service-features li:before{content:"✓";color:var(--color-ocean);font-weight:700;font-size:.8rem}.why-us{background:var(--color-white);position:relative;overflow:hidden}.why-us:before{content:"";position:absolute;top:-50%;right:-20%;width:600px;height:600px;background:radial-gradient(circle,rgba(0,82,204,.05) 0%,transparent 70%);pointer-events:none}.why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-xl)}.why-card{text-align:center;padding:var(--space-2xl);background:var(--color-light);border-radius:var(--radius-xl);border:1px solid var(--color-gray-100);transition:all var(--transition-base)}.why-card:hover{background:var(--color-white);transform:translateY(-8px);box-shadow:var(--shadow-lg);border-color:var(--color-ocean)}.why-icon{width:72px;height:72px;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-lg);display:flex;align-items:center;justify-content:center;font-size:2rem;margin:0 auto var(--space-lg);color:var(--color-ocean);transition:all var(--transition-base)}.why-card:hover .why-icon{background:var(--color-ocean);border-color:var(--color-ocean);color:var(--color-white)}.why-card h4{color:var(--color-dark);margin-bottom:var(--space-sm)}.why-card p{color:var(--color-gray-500);font-size:.9rem;margin:0}.about{background:var(--color-white)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:var(--space-4xl);align-items:center}.about-content h2{margin-bottom:var(--space-lg)}.about-content p{color:var(--color-gray-500);margin-bottom:var(--space-lg)}.about-highlight{background:var(--color-light);border-left:4px solid var(--color-ocean);padding:var(--space-lg);border-radius:0 var(--radius-md) var(--radius-md) 0;margin:var(--space-xl) 0}.about-highlight p{color:var(--color-dark);font-weight:500;margin:0;font-size:1.1rem}.about-visual{position:relative}.about-image-main{width:100%;height:450px;object-fit:cover;border-radius:var(--radius-xl);box-shadow:var(--shadow-xl)}.about-stats-card{position:absolute;bottom:-30px;left:-30px;background:var(--gradient-ocean);color:var(--color-white);padding:var(--space-xl);border-radius:var(--radius-lg);box-shadow:var(--shadow-xl)}.about-stats-card .big-number{font-family:var(--font-display);font-size:3rem;font-weight:800;line-height:1}.about-stats-card .big-number span{color:var(--color-gold)}.about-stats-card p{margin:0;margin-top:var(--space-xs);opacity:.9}.team{background:var(--color-light)}.team-card{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-3xl);max-width:600px;margin:0 auto;text-align:center;box-shadow:var(--shadow-md);border:1px solid var(--color-gray-100)}.team-avatar{width:120px;height:120px;border-radius:50%;margin:0 auto var(--space-xl);object-fit:cover;border:4px solid var(--color-white);box-shadow:var(--shadow-md)}.team-card h3{margin-bottom:var(--space-xs)}.team-role{color:var(--color-ocean);font-weight:600;margin-bottom:var(--space-lg)}.team-card>p{color:var(--color-gray-500);margin-bottom:var(--space-xl)}.team-contact{display:inline-flex;align-items:center;gap:var(--space-sm);color:var(--color-dark);font-weight:500;padding:var(--space-md) var(--space-lg);background:var(--color-light);border-radius:var(--radius-full);transition:all var(--transition-base)}.team-contact:hover{background:var(--color-ocean);color:var(--color-white)}.contact{background:var(--color-light);position:relative}.contact-wrapper{background:var(--color-white);border-radius:var(--radius-xl);padding:var(--space-4xl);position:relative;overflow:hidden;box-shadow:var(--shadow-lg);border:1px solid var(--color-gray-100)}.contact-wrapper:before{content:"";position:absolute;top:-50%;right:-20%;width:500px;height:500px;background:radial-gradient(circle,rgba(0,82,204,.05) 0%,transparent 70%);pointer-events:none}.contact-grid{display:grid;grid-template-columns:1fr 1.2fr;gap:var(--space-3xl);position:relative;z-index:2}.contact-info{display:flex;flex-direction:column;gap:var(--space-xl)}.contact-item{display:flex;gap:var(--space-lg);align-items:flex-start}.contact-item-icon{width:56px;height:56px;background:var(--color-white);border:2px solid var(--color-gray-200);border-radius:var(--radius-md);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0;color:var(--color-ocean)}.contact-item h4{color:var(--color-dark);margin-bottom:var(--space-xs);font-size:1rem}.contact-item p{color:var(--color-gray-500);margin:0;font-size:.95rem}.contact-item a{color:var(--color-ocean);font-weight:500}.contact-item a:hover{color:var(--color-accent)}.contact-form{background:var(--color-light);border-radius:var(--radius-xl);padding:var(--space-2xl);border:1px solid var(--color-gray-100)}.contact-form h3{margin-bottom:var(--space-xl);color:var(--color-dark)}.form-group{margin-bottom:var(--space-lg)}.form-group label{display:block;font-size:.875rem;font-weight:600;margin-bottom:var(--space-sm);color:var(--color-gray-700)}.form-group input,.form-group textarea{width:100%;padding:var(--space-md) var(--space-lg);background:var(--color-light);border:2px solid transparent;border-radius:var(--radius-md);color:var(--color-dark);font-family:var(--font-primary);font-size:1rem;transition:all var(--transition-fast)}.form-group input::placeholder,.form-group textarea::placeholder{color:var(--color-gray-500)}.form-group input:focus,.form-group textarea:focus{outline:none;border-color:var(--color-ocean);background:var(--color-white)}.form-group textarea{min-height:120px;resize:vertical}.contact-form .btn{width:100%}.footer{background:var(--color-darker);color:#ffffffb3;padding:var(--space-3xl) 0 var(--space-xl)}.footer-content{display:flex;justify-content:space-between;align-items:center;padding-bottom:var(--space-xl);border-bottom:1px solid rgba(255,255,255,.1)}.footer .logo-ss{color:var(--color-white)}.footer-links{display:flex;gap:var(--space-xl);list-style:none}.footer-links a{color:#ffffffb3;font-size:.9rem;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--color-accent)}.footer-bottom{display:flex;justify-content:space-between;align-items:center;padding-top:var(--space-xl);font-size:.875rem}.footer-legal{color:#ffffff80}.fade-in{opacity:0;transform:translateY(40px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.fade-in.visible{opacity:1;transform:translateY(0)}.fade-in-delay-1{transition-delay:.15s}.fade-in-delay-2{transition-delay:.3s}.fade-in-delay-3{transition-delay:.45s}.fade-in-delay-4{transition-delay:.6s}.slide-in-left{opacity:0;transform:translate(-60px);transition:opacity .8s cubic-bezier(.4,0,.2,1),transform .8s cubic-bezier(.4,0,.2,1)}.slide-in-left.visible{opacity:1;transform:translate(0)}.slide-in-right{opacity:0;transform:translate(60px);transition:all .6s ease}.slide-in-right.visible{opacity:1;transform:translate(0)}@media(max-width:1024px){.hero-floating{display:none}.hero-content{max-width:100%;text-align:center}.hero-buttons,.hero-stats{justify-content:center}.services-grid,.why-grid{grid-template-columns:repeat(2,1fr)}.about-grid{grid-template-columns:1fr;gap:var(--space-2xl)}.about-visual{order:-1}.contact-grid{grid-template-columns:1fr}}@media(max-width:768px){:root{--header-height: 70px}.nav-links{display:none}.mobile-menu-btn{display:flex}.hero{padding-top:var(--header-height)}.hero-stats{flex-direction:column;gap:var(--space-lg);align-items:center}.stat{text-align:center}.services-grid,.why-grid{grid-template-columns:1fr}.about-stats-card{position:relative;bottom:0;left:0;margin-top:var(--space-xl)}.contact-wrapper{padding:var(--space-2xl)}.footer-content,.footer-bottom{flex-direction:column;gap:var(--space-lg);text-align:center}}@media(max-width:480px){.container{padding:0 var(--space-md)}.hero-buttons{flex-direction:column;width:100%}.hero-buttons .btn{width:100%}section{padding:var(--space-3xl) 0}.contact-wrapper{border-radius:var(--radius-lg);padding:var(--space-xl)}}