:root{--ink:#171e1a;--dark:#101513;--paper:#f6f7f3;--muted:#626a62;--line:#d8ded7;--lime:#d7f270;--orange:#e46f4b;--white:#fff;scroll-behavior:smooth}
*{box-sizing:border-box}
html{scroll-padding-top:78px}
body{margin:0;background:var(--paper);color:var(--ink);font-family:Arial,Helvetica,sans-serif;line-height:1.5}
body.menu-open{overflow:hidden}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:100%;object-fit:cover}
button{font:inherit}
em{font-family:Georgia,'Times New Roman',serif;font-weight:400}
.wrap{width:min(100% - 96px,1380px);margin-inline:auto}
.section-pad{padding-block:126px}
.skip-link{position:absolute;top:-100px;left:16px;z-index:100;background:var(--lime);color:var(--dark);padding:10px 16px}
.skip-link:focus{top:16px}
:focus-visible{outline:2px solid var(--orange);outline-offset:4px}
.site-header{height:78px;position:relative;z-index:30;background:var(--dark);color:#f6f7f2}
.header-inner{height:100%;display:flex;align-items:center;gap:42px}
.brand{display:inline-flex;align-items:center;gap:12px;flex-shrink:0}
.brand-symbol{display:grid;grid-template-columns:repeat(2,9px);gap:3px;transform:rotate(-15deg)}
.brand-symbol span{width:9px;height:9px;background:var(--lime)}
.brand-symbol span:nth-child(2),.brand-symbol span:nth-child(3){background:var(--orange)}
.brand-name{font-size:11px;line-height:1.04;font-weight:700;letter-spacing:.02em}
.brand-name strong{font-size:14px;letter-spacing:0}
.desktop-nav{display:flex;align-items:center;gap:34px;margin-left:auto}
.desktop-nav a{font-size:13px;color:#d4d9d3;transition:color .2s}
.desktop-nav a:hover,.desktop-nav a.active{color:var(--lime)}
.header-link{display:inline-flex;align-items:center;gap:30px;border:1px solid #647067;padding:11px 14px 11px 17px;font-size:12px;white-space:nowrap;transition:background .2s,color .2s,border-color .2s}
.header-link:hover{background:var(--lime);border-color:var(--lime);color:var(--dark)}
.header-link span{font-size:18px;line-height:1}
.menu-toggle,.mobile-nav{display:none}
.hero{position:relative;height:min(730px,calc(100svh - 220px));min-height:500px;overflow:hidden;background:var(--dark);color:#fff}
.hero-image,.hero-shade{position:absolute;inset:0}
.hero-image{background:url('assets/ai-hero.jpg') center 53%/cover no-repeat;transform:scale(1.015)}
.hero-shade{background:linear-gradient(90deg,rgba(8,15,14,.97) 0%,rgba(8,15,14,.86) 39%,rgba(8,15,14,.18) 84%),linear-gradient(0deg,rgba(8,15,14,.8),transparent 42%)}
.hero-inner{position:relative;height:100%;display:flex;flex-direction:column;justify-content:space-between}
.hero-copy{padding-top:clamp(78px,13vh,140px);max-width:870px}
.eyebrow{display:flex;align-items:center;gap:13px;margin:0 0 35px;font-size:11px;font-weight:700;line-height:1.3;color:#6c756a;letter-spacing:.12em}
.eyebrow.light{color:#c7d2c7}
.eyebrow-line{display:inline-block;width:30px;height:1px;background:var(--orange);flex:none}
.hero h1{margin:0;font-size:clamp(54px,5.5vw,86px);line-height:1.02;font-weight:700;letter-spacing:0;max-width:900px}
.hero-period{color:var(--lime)}
.hero-lead{max-width:550px;margin:30px 0 34px;font-size:20px;line-height:1.5;color:#e0e6df}
.text-link{display:inline-flex;align-items:center;gap:44px;border-bottom:1px solid currentColor;padding:0 0 11px;font-size:14px;font-weight:700;transition:gap .2s,color .2s}
.text-link:hover{gap:54px;color:var(--lime)}
.text-link span{font-size:20px;line-height:1}
.hero-bottom{display:flex;justify-content:space-between;gap:24px;border-top:1px solid rgba(255,255,255,.25);padding:22px 0 28px;color:#d1d9d0;font-size:10px;font-weight:700;letter-spacing:.12em}
.intro{background:#fff;padding-top:80px}
.intro-grid{display:grid;grid-template-columns:1.1fr .9fr;gap:10%}
h2{margin:0;font-size:clamp(44px,4.7vw,74px);line-height:1.08;font-weight:700;letter-spacing:0}
h2 em{color:#717c72}
.intro-body{padding-top:43px;max-width:545px}
.intro-statement{margin:0 0 24px;font-size:25px;line-height:1.38;font-weight:700}
.intro-body>p:not(.intro-statement){margin:0;color:#5e675e;font-size:16px;line-height:1.8}
.intro-tags{display:flex;flex-wrap:wrap;gap:9px;margin-top:32px}
.intro-tags span{border:1px solid var(--line);padding:9px 12px;font-size:10px;font-weight:700;letter-spacing:.08em}
.expertise{background:var(--paper)}
.section-heading{margin-bottom:66px}
.heading-row{display:flex;align-items:end;justify-content:space-between;gap:70px}
.heading-row>p{max-width:365px;margin:0 4px 7px 0;color:#5f685f;font-size:17px;line-height:1.65}
.service-list{border-top:1px solid #cbd2ca}
.service{display:grid;grid-template-columns:1fr 1fr;gap:0;border-bottom:1px solid #cbd2ca;padding:38px 0;min-height:560px}
.service-image{height:100%;min-height:480px;overflow:hidden;background:#d6d9d2}
.service-image img{transition:transform .5s}
.service:hover .service-image img{transform:scale(1.035)}
.service-software .service-image img{object-position:55% center}
.service-gaming .service-image img{object-position:55% center}
.service-content{padding:25px clamp(30px,5vw,76px);display:flex;flex-direction:column;justify-content:center}
.service-gaming .service-content{padding-left:0;padding-right:clamp(35px,6vw,85px)}
.service-gaming .service-image{margin-left:0}
.service-number{display:block;margin-bottom:27px;color:#697469;font-size:11px;font-weight:700;letter-spacing:.12em}
.service h3{margin:0 0 22px;font-size:clamp(34px,3.2vw,50px);line-height:1.1;letter-spacing:0}
.service-content>p{max-width:470px;margin:0;color:#5e685f;font-size:16px;line-height:1.7}
.service-details{margin-top:42px;border-top:1px solid #cbd2ca}
.service-details>div{display:grid;grid-template-columns:35px 1fr;gap:12px;border-bottom:1px solid #cbd2ca;padding:17px 0}
.service-details span{padding-top:3px;color:#8b958a;font-size:11px;font-weight:700}
.service-details p{margin:0;color:#606b61;font-size:13px;line-height:1.55}
.service-details strong{display:block;margin-bottom:4px;color:var(--ink);font-size:14px}
.pipeline{background:#18211d;color:#f7f8f4}
.pipeline-grid{display:grid;grid-template-columns:.9fr 1.1fr;gap:10%;align-items:center}
.pipeline h2 em{color:var(--lime)}
.pipeline-copy>p:last-child{max-width:445px;margin:34px 0 0;color:#b5c1b6;font-size:17px;line-height:1.75}
.pipeline-flow{border:1px solid #4c5c50;background:#202d26}
.flow-header{display:flex;justify-content:space-between;gap:10px;padding:18px 25px;border-bottom:1px solid #4c5c50;color:var(--lime);font-size:10px;font-weight:700;letter-spacing:.1em}
.flow-step{display:grid;grid-template-columns:70px 1fr 30px;align-items:center;gap:15px;min-height:104px;padding:17px 25px;border-bottom:1px solid #4c5c50}
.flow-step:last-child{border-bottom:0}
.flow-index{color:#8d9d8e;font-size:12px;font-weight:700}
.flow-step strong{display:block;font-size:25px;line-height:1.2}
.flow-step small{display:block;margin-top:5px;color:#a9b7ab;font-size:12px}
.flow-mark{color:var(--orange);font-size:23px}
.advantages{background:#f0f3ed}
.advantages-heading{margin-bottom:67px}
.advantage-grid{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid #cad2c9}
.advantage-grid article{padding:36px 34px 12px 0;min-height:240px;border-right:1px solid #cad2c9}
.advantage-grid article+article{padding-left:34px}
.advantage-grid article:last-child{border-right:0}
.advantage-number{display:block;margin-bottom:33px;color:#a3573f;font-size:12px;font-weight:700}
.advantage-grid h3{margin:0 0 12px;font-size:23px;line-height:1.2}
.advantage-grid p{max-width:330px;margin:0;color:#616a61;font-size:15px;line-height:1.65}
.vision{position:relative;min-height:610px;overflow:hidden;background:#0a1114;color:white}
.vision>img,.vision-overlay{position:absolute;inset:0}
.vision>img{object-position:center 55%}
.vision-overlay{background:linear-gradient(90deg,rgba(6,13,15,.97),rgba(6,13,15,.78) 51%,rgba(6,13,15,.25)),linear-gradient(0deg,rgba(6,13,15,.7),transparent 65%)}
.vision-inner{position:relative;padding-block:112px 100px}
.vision h2{max-width:780px}
.vision h2 em{color:var(--lime)}
.vision-columns{display:grid;grid-template-columns:1fr 1fr;gap:80px;max-width:930px;margin-top:74px;border-top:1px solid rgba(255,255,255,.4);padding-top:27px}
.vision-columns span{color:var(--lime);font-size:11px;font-weight:700;letter-spacing:.12em}
.vision-columns p{max-width:420px;margin:15px 0 0;color:#e0e8e2;font-size:16px;line-height:1.7}
.site-footer{background:#101513;color:white}
.footer-top{display:flex;justify-content:space-between;align-items:end;gap:24px;padding-block:62px 88px}
.footer-brand{font-size:30px;font-weight:700;line-height:1.04}
.footer-brand span{color:var(--lime)}
.back-top{border-bottom:1px solid #78847b;padding-bottom:6px;font-size:13px;transition:color .2s}
.back-top:hover{color:var(--lime)}
.footer-bottom{display:flex;justify-content:space-between;gap:25px;border-top:1px solid #465149;padding-block:21px 26px;color:#9faea1;font-size:10px;font-weight:700;letter-spacing:.08em}
@media(max-width:1050px){.wrap{width:min(100% - 64px,1380px)}.desktop-nav{gap:20px}.header-inner{gap:24px}.header-link{display:none}.intro-grid,.pipeline-grid{gap:6%}.service-content{padding-inline:35px}.service-gaming .service-content{padding-right:35px}.service h3{font-size:38px}}
@media(max-width:720px){html{scroll-padding-top:66px}.wrap{width:min(100% - 40px,1380px)}.section-pad{padding-block:82px}.site-header{height:66px}.brand-name{font-size:9px}.brand-name strong{font-size:12px}.desktop-nav{display:none}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:6px;margin-left:auto;width:42px;height:42px;border:1px solid #5e6b60;background:transparent;padding:10px;cursor:pointer}.menu-toggle span{display:block;width:100%;height:1px;background:#fff;transition:transform .2s}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.mobile-nav:not([hidden]){display:flex;flex-direction:column;position:absolute;top:66px;left:0;right:0;height:calc(100svh - 66px);background:var(--dark);padding:25px 20px 45px}.mobile-nav a{border-bottom:1px solid #425046;padding:19px 4px;font-size:24px}.hero{height:min(660px,calc(100svh - 126px));min-height:430px}.hero-image{background-position:58% center}.hero-shade{background:linear-gradient(90deg,rgba(8,15,14,.92),rgba(8,15,14,.55)),linear-gradient(0deg,rgba(8,15,14,.76),transparent 55%)}.hero-copy{padding-top:73px}.eyebrow{margin-bottom:28px;font-size:10px}.hero h1{font-size:46px;line-height:1.05}.hero-lead{max-width:440px;margin:24px 0 27px;font-size:17px}.hero-bottom{font-size:9px}.hero-bottom span:last-child{display:none}.intro-grid,.pipeline-grid{grid-template-columns:1fr;gap:28px}.intro-body{padding-top:0}.intro-statement{font-size:22px}h2{font-size:48px}.section-heading{margin-bottom:43px}.heading-row{display:block}.heading-row>p{margin:24px 0 0}.service{display:flex;flex-direction:column;min-height:0;padding:26px 0 45px}.service-image{height:280px;min-height:0}.service-content,.service-gaming .service-content{padding:30px 0 0}.service-gaming .service-content{order:2}.service-gaming .service-image{order:1}.service h3{font-size:37px}.service-details{margin-top:28px}.pipeline-copy>p:last-child{margin-top:24px}.pipeline-flow{margin-top:12px}.advantages-heading{margin-bottom:42px}.advantage-grid{grid-template-columns:1fr}.advantage-grid article,.advantage-grid article+article{min-height:0;padding:27px 0 29px;border-right:0;border-bottom:1px solid #cad2c9}.advantage-grid article:last-child{border-bottom:0}.advantage-number{margin-bottom:17px}.vision{min-height:0}.vision-inner{padding-block:82px 86px}.vision-columns{grid-template-columns:1fr;gap:30px;margin-top:52px}.footer-top{padding-block:52px 65px}.footer-brand{font-size:24px}.footer-bottom{flex-direction:column;gap:8px}}
@media(max-width:390px){.hero h1{font-size:40px}.hero-lead{font-size:16px}.hero-copy{padding-top:62px}h2{font-size:42px}.flow-step{grid-template-columns:38px 1fr 20px;padding-inline:15px}.flow-header{padding-inline:15px}.footer-brand{font-size:21px}}
@media(max-width:720px){.intro{padding-top:34px}}
@media(max-width:720px) and (max-height:650px){.hero-bottom{display:none}}
@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,*:before,*:after{transition-duration:.01ms!important;animation-duration:.01ms!important}}
