/* Layout measured against the approved 1419 × 1108 concept. */
@font-face{font-family:Inter;src:url('fonts/inter-400.ttf') format('truetype');font-weight:400;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-600.ttf') format('truetype');font-weight:600;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-700.ttf') format('truetype');font-weight:700;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-800.ttf') format('truetype');font-weight:800;font-display:swap}
@font-face{font-family:Inter;src:url('fonts/inter-900.ttf') format('truetype');font-weight:900;font-display:swap}
body{font-family:Inter,Arial,sans-serif;background:#060c14}body:before{display:none}.wrap{width:min(1344px,calc(100% - 74px))}.header-inner{height:68px;width:min(1280px,calc(100% - 140px))}.brand{font-size:23px;letter-spacing:2px;font-weight:700;gap:17px}.brand-ring{width:44px;height:44px;border-width:6px;box-shadow:inset 0 0 0 1px #80c7ff;border-color:#339dff}.header-inner nav{gap:46px;font-size:14px;font-weight:400}.header-button{padding:11px 20px;font-size:15px;box-shadow:0 0 24px #006fff30}.hero{width:min(1290px,calc(100% - 128px));grid-template-columns:38% 62%;gap:0;padding-top:25px}.hero-copy{padding:17px 0 0;z-index:1;margin-right:-12px;align-self:center}.eyebrow{font-size:11px;letter-spacing:2px;font-weight:600;margin-bottom:20px}h1{font-size:clamp(43px,4.8vw,68px);line-height:1.01;font-weight:900;letter-spacing:-2.6px;margin-bottom:16px;white-space:nowrap}h1>span{background:linear-gradient(100deg,#31b9ed,#0879fa);background-clip:text;-webkit-text-fill-color:transparent}.lead{font-size:16px;line-height:1.65;margin:0 0 21px;max-width:510px;font-weight:400;color:#bfccdf}.actions{gap:16px}.button{padding:11px 21px;font-size:16px;font-weight:600;border-radius:9px;min-height:48px}.secondary{padding:11px 20px}.reference-workflow{margin:0 0 20px;height:auto;aspect-ratio:840/350;background:none;mask-image:none;position:relative;overflow:hidden;align-self:center}.reference-workflow>img{position:absolute;max-width:none;width:168.92857%;height:auto;left:-65.47619%;top:-22.85714%;display:block}.capabilities{margin-top:14px;padding:14px 35px 13px;gap:35px}.capabilities a{justify-content:flex-start;gap:18px}.capabilities strong{font-size:14px;font-weight:600}.capabilities small{font-size:12px;color:#a6b7d0}.cap-icon{font-size:35px;color:#28c5ff}.projects{padding-top:28px;padding-bottom:26px}.section-heading{margin:0 13px 13px;align-items:flex-end}h2{font-size:42px;font-weight:800;letter-spacing:-1.5px;line-height:1.15}.section-heading p{font-size:18px;color:#bfccdf}.text-link{font-size:13px;padding-bottom:10px}.project-grid{gap:12px}.project-card{padding:16px 10px 10px;border-radius:12px;background:linear-gradient(135deg,#080f19,#070e17);border-color:#28465f}.card-title{padding:0 10px 15px;gap:18px;min-height:62px}.card-title h3{font-size:22px;font-weight:800;margin:0 0 4px;letter-spacing:-.5px}.card-title p{font-size:14px;color:#b5c9e4}.project-icon{width:49px;height:49px;background:linear-gradient(120deg,#302b89,#142d69);border-color:#404da2;font-size:28px}.project-icon.teal{background:linear-gradient(120deg,#225457,#113039);border-color:#3b6772;font-size:35px}.arrow{width:34px;height:34px;font-size:18px}.badge{font-size:10px;padding:4px 13px}.reference-preview{padding:0;height:auto;aspect-ratio:420/250;border-radius:9px;overflow:hidden;position:relative}.reference-preview>img{position:absolute;max-width:none;width:337.85714%;height:auto;top:-283.2%;display:block}.reference-kys>img{left:-11.190476%}.reference-jarvis>img{left:-118.809524%}.reference-automation>img{left:-226.666667%}.about{margin-top:0;padding:26px 11px 25px;gap:35px}.about-heading{gap:28px}.about-heading .brand-ring{width:45px;height:45px}.about h2{font-size:27px;font-weight:800;letter-spacing:-.6px}.about p{font-size:13px;color:#b6c7de}.about>p{max-width:430px}.services,.more-projects,.contact{margin-top:25px}.services .section-heading{margin-left:0;margin-right:0}footer .brand{font-family:Inter,Arial,sans-serif}
@media(min-width:1600px){.hero{padding-top:25px}.reference-workflow{height:auto}.hero-copy{margin-right:0}}
@media(max-width:1150px){.header-inner{width:calc(100% - 70px)}.wrap{width:calc(100% - 50px)}.hero{width:calc(100% - 70px)}h1{font-size:clamp(42px,4.8vw,58px);letter-spacing:-2px}.lead{font-size:13px}.hero .button{font-size:13px;padding:10px 15px;min-height:43px}.eyebrow{font-size:9px}.card-title{gap:9px;padding-inline:5px}.card-title h3{font-size:17px}.card-title p{font-size:11px}.project-icon{width:37px;height:40px;font-size:24px}.arrow{width:27px;height:27px}.badge{font-size:8px;padding:3px 7px}.capabilities{padding-inline:10px;gap:20px}.capabilities strong{font-size:12px}.capabilities small{font-size:10px}.about h2{font-size:23px}.about p{font-size:12px}}
@media(max-width:850px){.header-inner{width:calc(100% - 42px)}.hero{width:calc(100% - 50px);grid-template-columns:1fr;padding-top:35px}.hero-copy{padding:0;margin:0}.hero h1{font-size:60px;white-space:normal;line-height:1.06}.lead{font-size:16px;max-width:580px}.eyebrow{font-size:10px}.hero .button{font-size:15px;min-height:47px}.reference-workflow{width:100%;max-width:740px;margin:20px auto 15px}.project-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.card-title{gap:8px;flex-wrap:wrap;padding-bottom:12px;min-height:70px}.card-title h3{font-size:14px}.card-title p{font-size:9px}.project-icon{width:30px;height:32px;font-size:20px}.arrow{width:22px;height:22px;font-size:14px}.badge{position:absolute;right:14px;top:12px;font-size:7px;padding:2px 6px}.project-card{position:relative;padding:15px 7px 7px}.badge+.arrow{display:none}.section-heading h2{font-size:35px}.about{flex-direction:column;align-items:flex-start;gap:20px}.about>p{padding-left:73px;max-width:650px}.about h2{font-size:26px}}
@media(max-width:600px){.wrap,.hero{width:calc(100% - 32px)}.header-inner{height:65px;width:calc(100% - 36px)}.header-inner nav{top:65px;gap:20px}.brand{font-size:20px}.brand-ring{width:37px;height:37px;border-width:5px}.hero h1{font-size:clamp(36px,9.6vw,58px);letter-spacing:-1.7px}.hero-copy{padding-top:4px}.eyebrow{font-size:8px;letter-spacing:1.5px}.lead{font-size:14px;margin-bottom:22px}.hero .button{font-size:12px;padding:10px 13px;min-height:43px}.actions{gap:10px}.reference-workflow{aspect-ratio:840/350;width:100%;margin-top:24px;margin-bottom:14px}.capabilities{grid-template-columns:1fr;padding:20px 5px;gap:18px;margin-top:3px}.capabilities strong{font-size:13px}.capabilities small{font-size:11px}.project-grid{grid-template-columns:1fr;gap:16px}.project-card{padding:16px 9px 9px}.card-title{flex-wrap:nowrap;min-height:60px;padding:0 8px 15px;gap:13px}.card-title h3{font-size:21px}.card-title p{font-size:12px}.project-icon{width:44px;height:44px;font-size:26px}.arrow{width:31px;height:31px;font-size:18px}.badge{position:static;font-size:9px;padding:4px 9px;margin-left:auto}.badge+.arrow{display:grid}.section-heading{margin-inline:1px}.section-heading h2{font-size:30px}.section-heading p{font-size:16px}.about{padding:27px 0;gap:20px}.about-heading{gap:17px}.about-heading .brand-ring{width:36px;height:36px}.about h2{font-size:23px}.about p{font-size:12px}.about>p{padding-left:0}.services .section-heading h2{font-size:30px}.contact h2{font-size:37px}footer .brand{font-size:15px}}
