.home-page header{background:#06172bef;border-color:#ffffff16;color:#fff}.home-page .brand img{filter:brightness(0) invert(1)}.home-page .nav-cta{background:transparent;border:1px solid #7d9ca963}.home-page .nav-cta:hover{background:#ffffff16}.home-page nav a:hover{color:#9ae8ed}
.impact-hero{background:#03152b;color:#fff;isolation:isolate;position:relative}.hero-background{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:center;z-index:-3}.hero-shade{position:absolute;inset:0;background:linear-gradient(90deg,#031329a6 0%,#03132959 43%,transparent 80%),linear-gradient(0deg,#04162bd9,transparent 24%);z-index:-2}.home-motion .impact-hero:before{display:none}.impact-hero .hero-layout{min-height:650px;display:flex;align-items:center;position:relative;padding-top:80px;padding-bottom:72px}.impact-hero .hero-copy{max-width:850px}.impact-hero .eyebrow{color:#a6d9e6;font-size:10px;letter-spacing:.23em}.impact-hero .dot{background:#65e2e1;box-shadow:0 0 16px #65e2e1}.impact-hero h1{font-size:clamp(66px,6.4vw,94px);font-weight:650;line-height:1.17;letter-spacing:-.07em;margin:30px 0 18px;color:#fff}.impact-hero h1 em{color:#a1ebef}.hero-english{font-size:11px;font-family:Arial,sans-serif;letter-spacing:.3em;color:#91becd;margin:0 0 32px}.impact-hero .lead{font-size:15px;line-height:1.9;color:#c9dbe7}.impact-hero .actions{margin-top:32px}.impact-hero .primary{background:#effcfc;color:#082b42;border-radius:4px;font-weight:600;padding:16px 25px}.impact-hero .primary:hover{background:#a4ebee}.impact-hero .text-link{color:#ecfaff;border-color:#91aeb66b;padding:12px 0}.hero-signature{position:absolute;right:64px;bottom:74px;display:flex;flex-direction:column;font:10px/1.9 Arial;letter-spacing:.2em;color:#b7dde8;text-align:right}.impact-hero .hero-bottom{background:#02122440;border-top:1px solid #abc7da38;display:flex;align-items:center;padding-top:0;padding-bottom:0;color:#b8d1e0;min-height:94px}.hero-paths{display:flex;gap:0}.hero-paths>a{display:flex;align-items:center;gap:18px;font-family:inherit;letter-spacing:0;padding:23px 34px 23px 0;font-size:12px}.hero-paths>a+a{border-left:1px solid #abc7da38;padding-left:34px}.path-number{font:27px Arial;color:#dcf5fc;letter-spacing:-.03em}.impact-hero .hero-controls{margin-left:24px;gap:22px}.impact-hero .motion-toggle{border-color:#819eae70;color:#d1e8f3}.impact-hero .hero-controls>a{font-size:8px;letter-spacing:.14em}.home-motion .hero-background{animation:cinematic-flow 22s ease-in-out infinite alternate;transform-origin:65% 55%}.home-motion .impact-hero .hero-copy{animation:impact-arrive 1.1s ease-out both}
@keyframes cinematic-flow{from{transform:scale(1.01) translateX(0)}to{transform:scale(1.1) translateX(-1.4%)}}
@keyframes impact-arrive{from{opacity:.2;transform:translateY(20px)}to{opacity:1;transform:none}}
@media(min-width:1600px){.impact-hero .hero-layout{min-height:710px}}
@media(max-width:1100px){.impact-hero .hero-layout{min-height:630px}.impact-hero h1{font-size:75px}.hero-signature{right:36px;bottom:50px}.hero-paths>a{padding-right:24px;gap:12px}.hero-paths>a+a{padding-left:24px}.impact-hero .hero-controls>a{display:none}}
@media(max-width:760px){.home-page .menu-toggle{color:white;border-color:#a3c8db50}.home-page nav{background:#071c32;color:#fff}.home-page .nav-cta{color:#dffaff;border:0;border-top:1px solid #ffffff26;border-radius:0}.home-page nav .nav-cta:hover{color:#b9ffff;background:transparent}.impact-hero .hero-layout{padding-top:68px;padding-bottom:165px;min-height:660px;align-items:flex-start}.impact-hero h1{font-size:clamp(48px,10.5vw,76px);line-height:1.2;margin:29px 0 19px;font-weight:650}.impact-hero .eyebrow{font-size:8px;letter-spacing:.18em}.hero-english{font-size:8px;letter-spacing:.23em;margin-bottom:25px}.impact-hero .lead{font-size:13px;max-width:330px;line-height:1.9}.impact-hero .lead br{display:block}.impact-hero .actions{gap:20px;margin-top:28px;flex-wrap:wrap}.impact-hero .primary{padding:14px 19px;font-size:12px;gap:22px}.impact-hero .text-link{font-size:12px}.hero-background{object-position:62% center}.hero-shade{background:linear-gradient(180deg,#03152bc9 0%,#03152b99 50%,#03152b0a 77%,#03152b91),linear-gradient(90deg,#03152b50,transparent)}.hero-signature{right:24px;bottom:30px;font-size:8px}.impact-hero .hero-bottom{display:block;padding-top:0;padding-bottom:18px}.hero-paths{display:grid;grid-template-columns:1fr 1fr;width:100%}.hero-paths>a,.hero-paths>a+a{padding:20px 0;gap:9px;border-left:0;font-size:9px;white-space:normal}.hero-paths>a+a{padding-left:15px}.path-number{font-size:23px}.hero-paths>a>span:last-child{display:none}.impact-hero .hero-controls{margin:0;border-top:1px solid #abc7da26;padding-top:13px;justify-content:space-between}.impact-hero .hero-controls>a{display:block;font-size:7px}.impact-hero .motion-toggle{font-size:9px}.home-motion .hero-background{animation-duration:25s}}
@media(prefers-reduced-motion:reduce){.home-motion .hero-background,.home-motion .impact-hero .hero-copy{animation:none!important}}
/* Brand palette: YUNOLABS navy and the services' clear blue. */
:root{--ink:#102f55;--muted:#61778e;--line:#dce5f0;--mint:#dbeaff;--dark:#10396c}
.home-motion .hero-background{animation:cinematic-flow-v2 9s ease-in-out infinite alternate;will-change:transform}
.home-motion .hero-shade:before{content:"";position:absolute;inset:0 0 0 30%;background:linear-gradient(115deg,transparent 25%,#3b8fff00 36%,#6bbcff38 48%,#9fcfff12 53%,transparent 65%);mix-blend-mode:screen;animation:light-current 7s ease-in-out infinite alternate;pointer-events:none}
.impact-hero .motion-toggle{padding:3px 8px;font-size:9px;border-color:transparent;color:#a9c4da}.impact-hero .motion-toggle:hover{border-color:#819eae70;color:white}
@keyframes cinematic-flow-v2{from{transform:scale(1.08) translate(-1.5%,1%) rotate(-1deg)}to{transform:scale(1.23) translate(2.5%,-2%) rotate(1.5deg)}}
@keyframes light-current{from{transform:translateX(-22%);opacity:.35}to{transform:translateX(15%);opacity:1}}
@media(max-width:760px){.home-motion .hero-background{animation-duration:9s}.home-motion .hero-shade:before{inset:35% -25% 0 0}}
header .nav{height:80px}.home-page header{border-bottom:0}
@media(max-width:760px){header .nav{height:68px}header nav{top:68px}}
.home-page header{background:#fffffff5;border-color:#dce5f0;color:#10396c}.home-page .brand img{filter:none}.home-page .nav-cta{background:#123f7d;border-color:#123f7d;color:#fff}.home-page .nav-cta:hover{background:#205ca4;color:#fff}.home-page nav a:hover{color:#2878d7}
.impact-hero h1 em{color:#9fcaff}.impact-hero .dot{background:#6daeff;box-shadow:0 0 16px #4595ff}.impact-hero .eyebrow{color:#afcdef}.impact-hero .primary{background:#f1f6ff;color:#0b3972}.impact-hero .primary:hover{background:#b8d7ff}.impact-hero .hero-background{filter:hue-rotate(9deg)}
.section-heading .eyebrow,.detail-hero .eyebrow,.showcase-copy .eyebrow{color:#3576ba}.business-card:hover{background:#f1f6fd}.card-top{color:#638bb9}.card-bottom{color:#41648e}.product-top .launch-badge{background:#f1f6ff;color:#466f9f;border-color:#c2d5ef}.showcase-headline em,.erp-showcase .showcase-headline em,.go-showcase .showcase-headline em{color:#2478d8}.feature-tags li,.erp-showcase .feature-tags li,.go-showcase .feature-tags li{background:#e7f0fc;color:#406da1}.go-showcase .preview-bar{background:#113a6d;color:#bfd8fc}.about{background:#102e51}.about .eyebrow,.about-statement em{color:#9bc2f6}.principles span{color:#92b8e8}.steps span{color:#7c9fc9}.cta-section{background:linear-gradient(120deg,#eaf2ff,#f2f6fc)}.cta-section .eyebrow{color:#4176b8}.detail-lead{color:#3f75b1}.service-list li{background:#eff5fd}.service-list span{color:#4881c1}.inquiry-guide{background:#edf3fc}.inquiry-guide .eyebrow,.contact-card .eyebrow{color:#477ebc}.selected-service{background:#dce9fc}
.service-showcase *, .service-showcase *:before{animation:none!important;transition:none!important}.home-motion .service-showcase .preview-frame:hover,.home-motion .service-showcase .showcase-visual:hover .preview-frame{transform:none;box-shadow:0 22px 65px -25px #274d7d40}
@media(max-width:760px){.home-page .menu-toggle{color:#143c6b;border-color:#cddbef}.home-page nav{background:#fff;color:#153b68}.home-page .nav-cta{background:transparent;color:#164987;border:0;border-top:1px solid #dce5f0}.home-page nav .nav-cta:hover{background:transparent;color:#2878d7}}