:root{font-family:Manrope,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;scroll-behavior:smooth}html,body{height:100%;margin:0;padding:0;overflow:hidden}h1,h2,h3,h4,h5,h6{font-family:Manrope,sans-serif;font-weight:700}body{min-width:320px}#root{width:100%;height:100%}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-weight:200;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.App{width:100%;height:100vh;overflow-y:scroll;scroll-snap-type:y mandatory;scroll-behavior:smooth;-webkit-overflow-scrolling:touch}@media(max-width:768px){.App{scroll-snap-type:none}}.App::-webkit-scrollbar{display:none}.App{-ms-overflow-style:none;scrollbar-width:none}.navbar{background:transparent;padding:1rem 0;position:fixed;top:0;left:0;right:0;z-index:100;transition:color .3s ease}.navbar-scrolled{background:transparent;padding:1rem 0}.navbar-container{width:100%;display:flex;align-items:center;padding:0 3rem 0 2rem;position:relative}.navbar-logo{display:flex;align-items:center;text-decoration:none;cursor:pointer}.logo-image{height:48px;width:auto;filter:brightness(0) invert(1);transition:filter .3s ease}.navbar-dark .logo-image{filter:brightness(0) invert(1)}.navbar-light .logo-image,.navbar-light.navbar-scrolled .logo-image{filter:none}.navbar-dark.navbar-scrolled .logo-image{filter:brightness(0) invert(1)}.navbar-menu{display:flex;list-style:none;gap:2rem;margin:0;padding:0;position:absolute;left:50%;transform:translate(-50%)}.navbar-menu a{text-decoration:none;color:#fff;font-size:1rem;font-weight:200;transition:color .3s;position:relative}.navbar-dark .navbar-menu a{color:#fff}.navbar-light .navbar-menu a,.navbar-light.navbar-scrolled .navbar-menu a{color:#000}.navbar-dark.navbar-scrolled .navbar-menu a{color:#fff}.navbar-menu a:after{content:"";position:absolute;bottom:-4px;left:50%;transform:translate(-50%);width:0;height:1px;background:#fff;transition:width .3s ease,background .3s ease}.navbar-dark .navbar-menu a:after{background:#fff}.navbar-light .navbar-menu a:after{background:linear-gradient(135deg,#0033a0,#0052cc)}.navbar-scrolled .navbar-menu a:after{background:linear-gradient(135deg,#0033a0,#0052cc)}.navbar-dark.navbar-scrolled .navbar-menu a:after{background:#fff}.navbar-light .navbar-menu a:hover{color:#0033a0}.navbar-dark .navbar-menu a:hover{color:#fff}.navbar-scrolled .navbar-menu a:hover{color:#0033a0}.navbar-dark.navbar-scrolled .navbar-menu a:hover{color:#fff}.navbar-menu a:hover:after{width:100%}.navbar-right{display:flex;align-items:center;gap:2rem;margin-left:auto}.navbar-contact-btn{background:transparent;border:1px solid rgba(255,255,255,.7);color:#ffffffb3;padding:.5rem 1.5rem;font-size:.875rem;font-weight:400;cursor:pointer;transition:all .3s ease;font-family:Manrope,sans-serif;border-radius:50px;text-decoration:none;display:inline-block}.navbar-dark .navbar-contact-btn{background:#fff;border-color:#fff;color:#000}.navbar-light .navbar-contact-btn{border-color:#0033a0;color:#0033a0}.navbar-dark .navbar-contact-btn:hover,.navbar-light .navbar-contact-btn:hover{background:#0033a0;color:#fff;border-color:#0033a0}.navbar-scrolled .navbar-contact-btn{border-color:#0033a0;color:#0033a0}.navbar-scrolled .navbar-contact-btn:hover{background:#0033a0;color:#fff;border-color:#0033a0}.navbar-dark.navbar-scrolled .navbar-contact-btn{background:#fff;border-color:#fff;color:#000}.navbar-dark.navbar-scrolled .navbar-contact-btn:hover{background:#0033a0;color:#fff;border-color:#0033a0}.navbar-language{display:flex;align-items:center;gap:.5rem;font-size:1rem;font-weight:200}.language-btn{background:none;border:none;color:#ffffffb3;font-size:1rem;cursor:pointer;padding:0;transition:color .3s;font-family:inherit}.navbar-dark .language-btn{color:#ffffffb3}.navbar-light .language-btn,.navbar-scrolled .language-btn{color:#666}.navbar-dark.navbar-scrolled .language-btn{color:#ffffffb3}.language-btn:hover,.navbar-dark .language-btn:hover{color:#fff}.navbar-light .language-btn:hover,.navbar-scrolled .language-btn:hover{color:#0033a0}.navbar-dark.navbar-scrolled .language-btn:hover{color:#fff}.language-btn.active,.navbar-dark .language-btn.active{color:#fff;font-weight:400}.navbar-light .language-btn.active,.navbar-scrolled .language-btn.active{color:#000;font-weight:400}.navbar-dark.navbar-scrolled .language-btn.active{color:#fff;font-weight:400}.language-separator{color:#ffffffb3;transition:color .3s}.navbar-dark .language-separator{color:#ffffffb3}.navbar-light .language-separator,.navbar-scrolled .language-separator{color:#666}.navbar-dark.navbar-scrolled .language-separator{color:#ffffffb3}.navbar-contact-container{position:relative;display:flex;align-items:center;gap:0}.navbar-contact-expanded{display:flex;align-items:center;overflow:hidden;height:100%}.navbar-contact-content{display:flex;align-items:center;gap:.75rem;padding-right:1rem;white-space:nowrap}.navbar-contact-email{font-size:.875rem;font-weight:400;font-family:Manrope,sans-serif;color:#000;transition:color .3s ease}.navbar-dark .navbar-contact-email{color:#fff}.navbar-light .navbar-contact-email,.navbar-scrolled .navbar-contact-email{color:#0033a0}.navbar-dark.navbar-scrolled .navbar-contact-email{color:#fff}.navbar-contact-copy{background:transparent;border:1px solid rgba(255,255,255,.7);color:#ffffffb3;padding:0;font-size:.9rem;cursor:pointer;transition:all .3s ease;font-family:Manrope,sans-serif;border-radius:50%;display:flex;align-items:center;justify-content:center;width:36px;height:36px}.navbar-dark .navbar-contact-copy{background:#fff;border-color:#fff;color:#000}.navbar-light .navbar-contact-copy,.navbar-scrolled .navbar-contact-copy{border-color:#0033a0;color:#0033a0;background:transparent}.navbar-dark.navbar-scrolled .navbar-contact-copy{background:#fff;border-color:#fff;color:#000}.navbar-contact-copy:hover,.navbar-dark .navbar-contact-copy:hover,.navbar-light .navbar-contact-copy:hover,.navbar-scrolled .navbar-contact-copy:hover,.navbar-dark.navbar-scrolled .navbar-contact-copy:hover{background:#0033a0;color:#fff;border-color:#0033a0}.navbar-contact-copy:active{transform:scale(.95)}.navbar-contact-copy-icon{width:50%;height:50%;display:block;transition:filter .3s ease}.navbar-contact-copy:hover .navbar-contact-copy-icon{filter:brightness(0) invert(1)}.navbar-hamburger{display:none;background:none;border:none;cursor:pointer;padding:6px;flex-direction:column;gap:6px;color:inherit;z-index:1}.navbar-hamburger span{display:block;width:22px;height:1.5px;background:currentColor;transition:transform .35s cubic-bezier(.76,0,.24,1),opacity .2s ease}.navbar-hamburger.is-open span:first-child{transform:translateY(7.5px) rotate(45deg)}.navbar-hamburger.is-open span:last-child{transform:translateY(-7.5px) rotate(-45deg)}.navbar-dark .navbar-hamburger{color:#fff}.navbar-light .navbar-hamburger{color:#000}.navbar-menu-open .navbar-hamburger{color:#fff}.navbar-menu-open .logo-image{filter:brightness(0) invert(1)}.navbar-mobile-menu{position:fixed;inset:0;background:#000613;z-index:99;display:flex;align-items:center;justify-content:center}.navbar-mobile-menu ul{list-style:none;padding:0;margin:0;display:flex;flex-direction:column;align-items:center;gap:3rem}.navbar-mobile-menu a{color:#fff;text-decoration:none;font-size:2.5rem;font-weight:200;letter-spacing:.05em;text-transform:uppercase;transition:opacity .2s ease}.navbar-mobile-menu a:hover{opacity:.5}@media(max-width:768px){.navbar,.navbar-scrolled{padding:1rem 0}.navbar-container{display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 1.5rem}.navbar-hamburger{display:flex;justify-self:start;margin-left:.5rem}.navbar-logo{grid-column:2;justify-self:center}.navbar-menu{display:none}.navbar-right{justify-self:end;margin-left:0}.navbar-contact-container{flex-direction:column;align-items:flex-end}.navbar-contact-expanded{position:absolute;top:calc(100% + .5rem);right:0;overflow:hidden;width:max-content}.navbar-contact-content{padding:.75rem 1rem;background:transparent;border-radius:0;border:none}.navbar-contact-email{font-size:.75rem}.navbar-contact-copy{width:32px;height:32px;font-size:.8rem}}.hero{background:transparent;color:#fff;padding:2rem 0 4rem;height:100vh;display:flex;align-items:center;justify-items:center;position:relative;overflow:hidden;scroll-snap-align:start}.hero:after{content:"";position:absolute;inset:0;background:#000;z-index:10;pointer-events:none;animation:heroMaskReveal 1s cubic-bezier(.76,0,.24,1) .3s forwards}@keyframes heroMaskReveal{0%{transform:translateY(0)}to{transform:translateY(-100%)}}.hero:before{content:"";position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(to bottom,rgba(0,0,0,1) 0%,rgba(0,0,0,.5) 40%,transparent 100%);z-index:1;pointer-events:none}.hero-container{width:100%;max-width:100%;margin:0 auto;padding:0 2rem 0 1rem;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4rem;position:relative;z-index:2;height:100%}.hero-content{z-index:2}.hero-title{font-size:clamp(3rem,7vw,88px);font-weight:400;line-height:1;margin-bottom:1.5rem;text-align:center;letter-spacing:-.03em;position:relative;color:#fff;perspective:1000px}.hero-text-loop{display:inline-block;min-height:1.2em;transform:translateY(80px)}.hero-title .text-loop-container{font-size:inherit;color:inherit;font-weight:inherit;letter-spacing:inherit}.hero-description{font-size:1.3rem;line-height:1.6;color:#ffffffe6;max-width:500px;font-weight:400;font-family:Manrope,sans-serif}.hero-image{position:relative;display:flex;flex-direction:column;align-items:flex-end}.building-image{width:100%;height:400px;background:linear-gradient(45deg,#ffffff1a,#fff3);border-radius:20px;-webkit-backdrop-filter:blur(100px);backdrop-filter:blur(100px);position:relative;overflow:hidden}.building-image:before{content:"";position:absolute;inset:0;background-image:repeating-linear-gradient(90deg,transparent,transparent 30px,rgba(255,255,255,.1) 30px,rgba(255,255,255,.1) 32px),repeating-linear-gradient(0deg,transparent,transparent 40px,rgba(255,255,255,.1) 40px,rgba(255,255,255,.1) 42px)}.section-nav-button{position:absolute;bottom:3rem;left:50%;transform:translate(-50%);z-index:10;border-radius:50px;padding:1rem 2.5rem;border:2px solid;background:transparent;font-family:Manrope,sans-serif;font-size:1rem;font-weight:600;text-transform:uppercase;letter-spacing:-.02em;cursor:pointer;transition:all .3s ease;white-space:nowrap}.section-nav-button.section-nav-dark{color:#fff;border-color:#fff}.section-nav-button.section-nav-dark:hover{background:#fff;color:#071731}.section-nav-button.section-nav-light{color:#000;border-color:#000}.section-nav-button.section-nav-light:hover{background:#000;color:#fff}@media(max-width:968px){.hero-container{gap:2rem}.hero-title{font-size:3rem}.building-image{height:300px}}.text-loop-container{position:relative;display:inline-block;white-space:nowrap}.text-loop-container>div{display:inline-block}.company{background:#fff;padding:6rem 2rem;min-height:100vh;display:flex;align-items:center;scroll-snap-align:start;position:relative}.company-container{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:4rem;align-items:center;position:relative}.company-image{position:relative}.stats-container{display:flex;flex-direction:column;gap:2rem;opacity:0}.stats-container.animate{animation:slideInFromRight 1s ease-out forwards}.stat-card{display:flex;flex-direction:column;align-items:flex-end;text-align:right}.stat-number{font-size:5rem;font-weight:600;color:#1d2428;line-height:1;margin-bottom:1rem;font-family:Manrope,sans-serif;animation:shimmer 10s ease-in-out infinite;background:linear-gradient(105deg,#1d2428 0% 15%,#1d242880 20%,#1d2428 25% 60%,#1d242880 65%,#1d2428 70% 100%);background-size:200% 100%;-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;position:relative;padding-bottom:.2em;overflow:visible}.stat-card{overflow:hidden}.stats-container.animate .stat-number:after{content:"";position:absolute;bottom:.025em;left:100%;width:100%;height:2px;background-color:#1d2428;animation:slideUnderline 1s ease-out forwards}.stat-label{font-size:1.2rem;color:#1d2428;font-weight:400;letter-spacing:.5px;font-family:Manrope,sans-serif}.company-content{padding:2rem}.company-title{font-size:3.3rem;font-weight:600;line-height:1.2;margin-bottom:1.5rem;color:#000;letter-spacing:-.02em}.company-description{font-size:1.3rem;line-height:1.6;color:#666;font-weight:200;font-family:Manrope,sans-serif}@keyframes slideInFromRight{0%{opacity:0;transform:translate(100px)}to{opacity:1;transform:translate(0)}}@keyframes slideUnderline{0%{left:100%;right:auto}to{left:0;right:auto}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@media(max-width:968px){.company-container{grid-template-columns:1fr}.company-title{font-size:3rem}.stats-container{flex-direction:row;gap:1.5rem}.stat-card{padding:2rem 1.5rem}.stat-number{font-size:2rem}}@media(max-width:640px){.stats-container{flex-direction:column;gap:1rem}.stat-card{padding:1.5rem 1rem}.stat-number{font-size:1.8rem}.stat-label{font-size:.9rem}}.services{background:#000;padding:6rem 2rem;color:#fff;min-height:100vh;display:flex;align-items:center;scroll-snap-align:start;position:relative}.services-container{max-width:1200px;margin:0 auto}.services-title{font-size:3rem;font-weight:600;letter-spacing:-.02em;text-align:left;line-height:1.2}.services-title-cell{display:flex;align-items:flex-start;justify-content:flex-start;padding-top:1.8rem;transform:translateY(0);opacity:1}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);grid-template-rows:auto auto;gap:2rem;max-width:1000px;margin:0 auto;animation:fadeDownAnimation .5s cubic-bezier(.25,.1,.25,1) forwards}.services-item{display:flex;flex-direction:column;align-items:flex-end;text-align:right;transform:translateY(0);opacity:1}.services-image{width:288px;height:144px;background:#fff;border-radius:0;margin-bottom:.8rem;display:flex;align-items:center;justify-content:center;overflow:hidden;position:relative}.services-image:before{content:"";position:absolute;top:0;left:0;right:0;height:20%;background:#000;z-index:1;transition:transform .3s ease;transform:translateY(0)}.services-item:hover .services-image:before{transform:translateY(-100%)}.service-tile-image{width:100%;height:100%;object-fit:cover;object-position:center bottom;position:relative;z-index:0;filter:grayscale(100%);transition:filter .3s ease}.services-item:hover .service-tile-image{filter:grayscale(0%)}.services-name{font-size:1.3rem;font-weight:200;font-family:Manrope,sans-serif;text-align:right;position:relative;transition:color .3s ease}.services-name:after{content:"";position:absolute;bottom:-6px;right:0;width:0;height:1px;background:#fff;transition:width .2s ease}.services-item:hover .services-name{color:#fff}.services-item:hover .services-name:after{width:100%}.services-grid.fade-up{animation:fadeUpAnimation .5s cubic-bezier(.25,.1,.25,1) forwards!important}@keyframes fadeUpAnimation{0%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-200px)}}@keyframes fadeDownAnimation{0%{opacity:0;transform:translateY(-200px)}to{opacity:1;transform:translateY(0)}}.service-detail-container{display:flex;align-items:flex-start;justify-content:center;gap:4rem;width:100%;padding:2rem;padding-top:0%;animation:fadeInAnimation .3s ease forwards;opacity:0;box-sizing:border-box}.service-detail-container.fade-out{animation:fadeOutAnimation .3s ease forwards}@keyframes fadeInAnimation{0%{opacity:0}to{opacity:1}}@keyframes fadeOutAnimation{0%{opacity:1}to{opacity:0}}.service-detail-left{flex:1;display:flex;align-items:center;justify-content:center}.service-detail-image{width:100%;max-width:500px;height:auto;border-radius:8px}.service-detail-right{flex:1;display:flex;flex-direction:column;gap:1.5rem}.service-detail-title{font-size:2.5rem;font-weight:600;letter-spacing:-.02em}.service-detail-description{font-size:1.1rem;font-weight:300;line-height:1.8;color:#ffffffe6}.service-back-button{align-self:flex-start;background:transparent;border:1px solid white;color:#fff;padding:.75rem 1.5rem;font-size:1rem;font-family:Manrope,sans-serif;cursor:pointer;transition:all .3s ease;border-radius:9999px}.service-back-button:hover{background:#fff;color:#1d2428}@media(max-width:1024px){.service-detail-container{flex-direction:column;gap:2rem;padding:2rem}.service-detail-image{max-width:400px}.service-detail-title{font-size:2rem}}@media(max-width:1024px){.services-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:768px){.services-title{font-size:3rem}.services-grid{grid-template-columns:1fr;gap:1.5rem}.services-image{width:240px;height:120px}}

/* svc-shift: collapsed-tile framing */
.services-item:nth-child(4) .service-tile-image,.services-item:nth-child(6) .service-tile-image{object-position:center 85%}
.services-item:nth-child(5) .service-tile-image{object-position:center top}

/* site-footer */
body::after{content:"Copyright 2026 SAOI Advisory. All rights reserved. No part of this website may be reproduced or used without prior written consent.";position:fixed;left:0;right:0;bottom:0;z-index:2147483000;color:var(--footer-color,#8a8a8a);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;font-size:.72rem;font-weight:300;letter-spacing:.02em;line-height:1.4;text-align:center;padding:.5rem 2rem;pointer-events:none}
@media (max-width:600px){body::after{font-size:.6rem;padding:.45rem 1rem;line-height:1.3}}

/* mobile-polish */
@media (max-width:768px){.hero{flex-direction:column!important;align-items:center!important;justify-content:center!important}.hero-content{position:absolute!important;top:48%!important;left:50%!important;transform:translate(-50%,-50%)!important;align-items:center!important;text-align:center!important;width:min(100%,440px)!important;padding-left:16px!important;padding-right:16px!important;margin:0 auto!important}.hero .hero-content .hero-title,.hero .hero-content .hero-title *{font-size:clamp(18px,6vw,26px)!important;line-height:1.15!important;text-align:center!important;white-space:normal!important}.hero .hero-content .hero-title{width:100%!important;margin:0 auto!important;left:auto!important;right:auto!important;transform:none!important}.navbar{min-height:96px!important;height:auto!important}.navbar-container{position:relative!important;min-height:92px!important;display:flex!important;flex-direction:column!important;align-items:flex-start!important;justify-content:flex-start!important;padding:12px 14px 0!important}.navbar-logo{position:relative!important;top:auto!important;left:auto!important;right:auto!important;width:140px!important;height:47px!important;min-width:0!important;max-width:140px!important;margin:0!important;display:block!important;order:1!important}.navbar-hamburger{position:relative!important;top:auto!important;left:auto!important;margin:8px 0 0!important;display:flex!important;order:2!important}.navbar-right{position:absolute!important;top:24px!important;right:18px!important;margin:0!important}.navbar-contact-btn{width:28px!important;height:28px!important;min-width:0!important;padding:0!important;background:transparent!important;border:none!important;box-shadow:none!important;font-size:0!important;color:transparent!important;-webkit-mask:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M20%204H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2zm0%204l-8%205-8-5V6l8%205%208-5z%27/%3E%3C/svg%3E) no-repeat center/contain;mask:url(data:image/svg+xml,%3Csvg%20xmlns=%27http://www.w3.org/2000/svg%27%20viewBox=%270%200%2024%2024%27%3E%3Cpath%20d=%27M20%204H4a2%202%200%200%200-2%202v12a2%202%200%200%200%202%202h16a2%202%200%200%200%202-2V6a2%202%200%200%200-2-2zm0%204l-8%205-8-5V6l8%205%208-5z%27/%3E%3C/svg%3E) no-repeat center/contain;background-color:var(--nav-icon-color,#fff)!important}.services-grid{width:100%!important}.services-image{width:100%!important;height:auto!important;aspect-ratio:2/1!important}.services{padding:40px 24px 140px!important}.company{padding:48px 24px!important;min-height:auto!important}.company-container{grid-template-columns:1fr!important;display:grid!important;gap:14px!important;align-content:center!important}.company-content{order:1!important}.company-image{order:2!important}}
@media (max-width:480px){.hero .hero-content .hero-title,.hero .hero-content .hero-title *{font-size:clamp(17px,6vw,24px)!important}.services{padding:36px 20px 140px!important}.company{padding:40px 20px!important}}