﻿:root{--ink:#101a30;--muted:#546075;--blue:#2359f5;--navy:#080e20;--line:#dfe4ed;--paper:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;color:var(--ink);font-family:Inter,"Segoe UI",Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible{outline:3px solid #64bbff;outline-offset:6px}[hidden]{display:none!important}.wrap{width:min(1280px,calc(100% - 112px));margin:auto}.skip{position:fixed;top:-100px;left:15px;z-index:20;padding:12px;background:white}.skip:focus{top:10px}header{position:sticky;top:0;z-index:10;background:#fff;border-bottom:1px solid #e9ecf2}.nav{display:flex;align-items:center;justify-content:space-between;height:100px}.brand{display:flex;align-items:center;gap:12px;font-size:29px;font-weight:750;letter-spacing:-1px;line-height:1.1}.brand-light{font-weight:400}.brand small{display:block;font-size:9px;letter-spacing:2px;margin-top:8px;font-weight:600}.brand-icon{display:flex;background:var(--blue);color:white;width:43px;height:44px;align-items:center;justify-content:center;letter-spacing:-6px;padding-right:5px;font-size:32px}.brand-icon span{color:#92beff}nav{display:flex;align-items:center;gap:34px;font-size:14px;font-weight:600}nav a:hover{color:var(--blue)}.nav-cta{border:1px solid var(--line);padding:12px 18px}.nav-cta span{margin-left:18px}.menu{display:none}.hero{background:var(--navy);color:white;overflow:hidden}.hero-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:65px;padding-top:84px;padding-bottom:66px}.eyebrow{font-size:12px;font-weight:700;letter-spacing:2px;display:flex;align-items:center;gap:13px;margin:0 0 25px;color:var(--blue)}.hero .eyebrow{color:#a4baff}.line{width:26px;height:2px;background:#658aff}h1,h2,h3,p{margin-top:0}h1{font-size:clamp(44px,4.65vw,69px);font-weight:550;line-height:1.08;letter-spacing:-3px;margin-bottom:27px}em{font-style:normal;color:#7ba0ff}.hero-intro{color:#b3bed2;max-width:535px;font-size:17px;line-height:1.85;margin-bottom:30px}.actions{display:flex;align-items:center;gap:25px;flex-wrap:wrap}.button{display:inline-flex;gap:30px;justify-content:space-between;align-items:center;padding:15px 22px;background:var(--blue);color:#fff;font-weight:600;font-size:14px;transition:background .2s,transform .2s}.button:hover{background:#1744c9;transform:translateY(-2px)}.text-link{font-size:13px;color:#d8e1f7}.text-link span{margin-left:8px}.hero-note{color:#7f8ba3;font-size:12px;margin:32px 0 0}.hero-note span{padding:0 10px}.architecture{position:relative;align-self:center;border:1px solid #2b3650;background:linear-gradient(145deg,#111e38,#0b1227);padding:24px 28px 0;overflow:hidden;box-shadow:0 30px 90px #0003}.diagram-top,.diagram-bottom{display:flex;justify-content:space-between;font-size:10px;color:#95a7c7;letter-spacing:1.5px;position:relative}.diagram-top span:last-child{color:#647998}.diagram-orbit{position:absolute;width:360px;height:360px;border:1px solid #253b60;border-radius:50%;left:50%;top:50px;transform:translateX(-50%)}.diagram-orbit:after{content:"";position:absolute;inset:25px;border:1px dashed #253b60;border-radius:50%}.architecture-core{position:relative;text-align:center;margin:26px auto 0;padding:14px;background:#101d37;border:1px solid #355288;width:76%}.core-mark{color:#80a4ff;font-size:40px;line-height:1}.architecture-core p{font-size:9px;letter-spacing:2px;color:#9fb8e4;margin:12px 0}.architecture-core h2{font-size:37px;line-height:1.15;letter-spacing:-1px;margin-bottom:13px}.core-caption{font-size:11px;color:#9aabc7}.connection{height:26px;position:relative;background:linear-gradient(90deg,transparent calc(50% - 1px),#4166a3 50%,transparent calc(50% + 1px))}.diagram-row{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:8px}.diagram-row span{background:#172948;border:1px solid #324d77;text-align:center;font-size:12px;padding:10px 3px}.foundation{position:relative;margin-top:12px;padding:11px;text-align:center;background:#142440;border:1px solid #324d77;font-size:13px;color:#c5d6f1}.foundation span{padding-right:10px;color:#8baafa}.guardrails{display:flex;justify-content:space-between;position:relative;font-size:10px;color:#9dafcc;padding:15px 0 20px}.diagram-bottom{border-top:1px solid #2b3650;padding:16px 0}.hero-foot{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:23px 0;border-top:1px solid #273048}.hero-foot>span{font-size:10px;letter-spacing:1.8px;color:#7f8ba3}.hero-foot p{font-size:14px;margin:0;color:#c5cede}.hero-foot a{font-size:23px;color:#8cabff}.section{padding-top:100px;padding-bottom:100px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:70px;margin-bottom:48px}.section h2{font-size:clamp(32px,3.25vw,47px);line-height:1.15;font-weight:550;letter-spacing:-1.8px;margin-bottom:0}.section h2 span{color:#768094}.section-heading>p{max-width:390px;color:var(--muted);font-size:16px;margin-bottom:3px}.services{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line);border-left:1px solid var(--line)}.service{padding:28px 25px 29px;border-bottom:1px solid var(--line);border-right:1px solid var(--line);transition:background .2s}.service:hover{background:#f7f9fd}.service-index{display:flex;justify-content:space-between;font-size:11px;letter-spacing:1px;color:#788396;margin-bottom:22px}.service-index>span{font-size:9px}.service-symbol{font-size:30px;color:var(--blue);display:block;height:48px;line-height:1}.service h3{font-size:21px;font-weight:600;letter-spacing:-.5px;line-height:1.3;margin-bottom:16px}.service p{font-size:14px;color:var(--muted);line-height:1.8;margin-bottom:20px}.service ul{padding:0;margin:0;list-style:none;color:#52627a;font-size:12px;line-height:1.6}.service li{padding:6px 0 6px 12px;position:relative}.service li:before{content:"";position:absolute;width:3px;height:3px;background:#7294e8;left:0;top:14px}.service a{display:block;font-size:12px;font-weight:600;margin-top:25px}.service a span{margin-left:8px}.featured,.featured:hover{background:#eff4ff}.featured h3{color:#214db5}.consulting,.consulting:hover{background:var(--blue);color:white}.consulting h3{font-size:28px;margin-top:58px}.consulting p,.consulting .service-index{color:#d9e5ff}.consulting a{border-top:1px solid #6e91ff;padding-top:20px}.approach{background:#f4f6fa}.steps{display:grid;grid-template-columns:repeat(4,1fr);gap:32px}.steps article{border-top:1px solid #ccd4e2;padding-top:20px}.steps article>span{font-size:13px;color:var(--blue);font-weight:700}.steps h3{font-size:24px;margin:20px 0 13px;letter-spacing:-.6px}.steps p{font-size:14px;color:var(--muted)}.steps small{font-size:10px;letter-spacing:1px;color:#526480}.about{display:grid;grid-template-columns:1fr 1fr;gap:100px}.about h2 em{color:var(--blue)}.about-copy{padding-top:7px}.about-copy .large{font-size:23px;line-height:1.6;letter-spacing:-.4px;color:var(--ink)}.about-copy>p{color:var(--muted)}.values{margin-top:32px}.values>div{position:relative;border-top:1px solid var(--line);padding:20px 0 14px 33px}.values span{position:absolute;left:0;color:var(--blue)}.values h3{font-size:16px;margin-bottom:3px}.values p{font-size:14px;color:var(--muted);margin-bottom:0}.contact{background:var(--navy);color:white;padding:77px 0}.contact-grid{display:grid;grid-template-columns:1.1fr 1fr;gap:100px;align-items:center}.contact .eyebrow{color:#92adf6}.contact h2{font-size:clamp(42px,4.5vw,64px);font-weight:500;line-height:1.1;letter-spacing:-2px;margin-bottom:24px}.contact p{color:#aebbd1}.contact-panel{border-left:1px solid #33405a;padding-left:48px}.contact-panel h3{font-size:24px;letter-spacing:-.5px;margin-bottom:14px}.contact-panel p{font-size:15px}.contact-caption{display:block;font-size:12px;color:#8393af;margin-top:23px}.contact-pending{border-top:1px solid #33405a;padding-top:18px}footer{display:flex;align-items:center;justify-content:space-between;padding-top:30px;padding-bottom:30px;gap:20px}footer p,footer>a:last-child{font-size:12px;color:var(--muted);margin:0}.footer-brand{font-size:25px;gap:5px}@media(min-width:1600px){.hero-grid{padding-top:105px;padding-bottom:90px}}@media(max-width:1150px){.wrap{width:calc(100% - 64px)}.hero-grid{gap:32px}.services{grid-template-columns:repeat(2,1fr)}.service{padding:28px}.service h3 br{display:none}.about,.contact-grid{gap:50px}nav{gap:20px}.hero-foot>span{max-width:150px}}@media(max-width:800px){.nav{height:80px}.brand{font-size:26px}.menu{display:block;border:1px solid var(--line);background:white;padding:8px 12px;font-size:14px}.menu span{margin-left:10px}nav{display:none;position:absolute;top:80px;left:0;right:0;background:white;padding:24px 32px;border-bottom:1px solid var(--line);align-items:stretch}nav.open{display:flex;flex-direction:column}.hero-grid{grid-template-columns:1fr;padding-top:55px;gap:45px}.hero-copy{max-width:620px}h1{font-size:59px}.architecture{width:min(100%,480px);justify-self:center}.hero-foot{flex-wrap:wrap;justify-content:flex-start;column-gap:25px}.hero-foot>span{max-width:none;width:100%}.hero-foot p{font-size:12px}.hero-foot a{margin-left:auto}.section{padding-top:65px;padding-bottom:65px}.section-heading{display:block}.section-heading>p{margin-top:24px;max-width:600px}.steps{grid-template-columns:repeat(2,1fr);gap:35px}.about,.contact-grid{grid-template-columns:1fr;gap:32px}.contact-panel{border-left:0;border-top:1px solid #33405a;padding:30px 0 0}.contact{padding:60px 0}.contact-grid>div>p br{display:none}footer{flex-wrap:wrap}footer p{order:3;width:100%}.section h2{font-size:38px}}@media(max-width:480px){.wrap{width:calc(100% - 40px)}h1{font-size:45px;letter-spacing:-2px}.hero .eyebrow{font-size:9px;letter-spacing:1.3px}.hero-intro{font-size:16px}.hero-grid{padding-top:40px;padding-bottom:35px}.hero-note{font-size:10px}.architecture{padding:20px 18px 0}.diagram-top{font-size:8px}.architecture-core{width:80%}.guardrails{font-size:9px}.hero-foot{gap:12px}.services,.steps{grid-template-columns:1fr}.service h3{font-size:24px}.service p{font-size:16px}.service ul{font-size:14px}.service-index{font-size:12px}.service-index>span{font-size:11px}.consulting h3{margin-top:20px}.section-heading{margin-bottom:30px}.section h2{font-size:34px}.section .eyebrow{font-size:11px}.contact h2{font-size:48px}.about-copy .large{font-size:21px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important}}
.email-address{margin-top:16px;margin-bottom:0}.email-address a:hover{text-decoration:underline}.brand small{font-size:10px}.service-index>span,.steps small,.diagram-top,.diagram-bottom,.guardrails,.core-caption,.architecture-core p{font-size:12px}.hero-foot>span{font-size:12px}.service li{font-size:14px}.text-link{font-size:14px}

/* YuKu brand refinement: supplied logo, generous type, reliable word spacing. */
:root{--blue:#075bea}
html{scroll-padding-top:145px}
.nav{height:124px}
.logo-window{display:block;position:relative;width:160px;height:112px;overflow:hidden;flex-shrink:0;background:white}
.logo-window img{display:block;position:absolute;width:160px;height:160px;max-width:none;top:-24px;left:0}
.brand{gap:20px;letter-spacing:0}
.brand-tagline{font-size:12px;font-weight:650;line-height:1.6;letter-spacing:.35px;border-left:1px solid var(--line);padding-left:20px;color:#34415c}
.hero{background:radial-gradient(ellipse at 93% 10%,#10313c 0,transparent 45%),radial-gradient(ellipse at 65% 95%,#20124a 0,transparent 48%),var(--navy)}
.hero h1 em{background:linear-gradient(110deg,#7cb1ff,#64dfcf 60%,#b296ff);background-clip:text;-webkit-background-clip:text;color:transparent}
.architecture{border-top:2px solid #3cc7c1}
.architecture-core{border-top:2px solid #698fff}
.core-mark{color:#60d6c6}
.services{grid-template-columns:repeat(3,minmax(0,1fr))}
.service{padding:32px;min-width:0}
.service h3{font-size:24px;line-height:1.35;letter-spacing:-.45px;text-wrap:balance;overflow-wrap:normal}
.service p{font-size:16px;line-height:1.75}
.service ul{font-size:14px}
.service a{font-size:14px}
.consulting{grid-column:span 2;background:linear-gradient(120deg,#064eb8,#2444b6 65%,#5234bf)}
.consulting:hover{background:linear-gradient(120deg,#064eb8,#2444b6 65%,#5234bf)}
.consulting h3{margin-top:28px;font-size:32px}
.consulting p{max-width:560px}
.consulting a{max-width:560px}
.service-index{font-size:12px}
.featured{background:#eef6ff}
.about h2 em{color:#075bd5}
.footer-brand{gap:0}
footer{padding-top:12px;padding-bottom:12px}
@media(max-width:1150px){.brand-tagline{display:none}.services{grid-template-columns:repeat(2,minmax(0,1fr))}.consulting{grid-column:auto}.service{padding:28px}}
@media(max-width:800px){html{scroll-padding-top:125px}.nav{height:104px}nav{top:104px}.logo-window{width:135px;height:94px}.logo-window img{width:135px;height:135px;top:-20px}.brand-tagline{display:block;font-size:10px;padding-left:12px}.brand{gap:12px}.hero-grid{padding-top:45px}}
@media(max-width:600px){.services{grid-template-columns:1fr}.service{padding:28px}.service h3{font-size:25px}.consulting h3{font-size:30px}.brand-tagline{display:none}.guardrails{gap:16px;flex-wrap:wrap}.diagram-top{gap:12px}.diagram-top span:first-child{max-width:210px}.hero h1{letter-spacing:-1.5px}.hero .eyebrow{font-size:10px;letter-spacing:1.4px}}
