.scroll-progress{position:fixed;left:0;top:0;z-index:100;height:2px;width:100%;transform:scaleX(0);transform-origin:left;background:linear-gradient(90deg,#1585ff,#72f2ed);box-shadow:0 0 12px #34b8ff;pointer-events:none}
.hero .reference-workflow{overflow:clip}.hero .workflow-badge{bottom:0}
header{transition:background .3s,box-shadow .3s}header.scrolled{background:#060d18f5;box-shadow:0 12px 50px #0004}.header-inner nav a{position:relative}.header-inner nav a.active{color:#56c7ff}.header-inner nav a.active:after{content:"";position:absolute;left:0;right:0;bottom:-10px;height:2px;background:#3ab8ff;border-radius:10px}
.hero{min-height:min(800px,calc(100svh - 68px));padding-top:64px;row-gap:38px;align-content:center}.hero-copy{position:relative}.hero .eyebrow:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:#44d4ff;margin-right:9px;box-shadow:0 0 13px #26b7ff}.hero h1{font-size:clamp(44px,5.1vw,75px);letter-spacing:-3px;line-height:1.04}.hero .lead{margin-top:24px;margin-bottom:29px}.hero .actions{margin-bottom:20px}.hero-intro{display:flex;align-items:center;gap:9px;font-size:11px;color:#8caac6;letter-spacing:.4px}.hero-intro span{width:27px;height:1px;background:#365d80}.reference-workflow{overflow:visible;isolation:isolate;transform:perspective(1100px) rotateY(-3deg);transition:transform .6s}.reference-workflow>img{clip-path:inset(6.8% 2.3% 61.6% 38.76%);pointer-events:none}.reference-workflow:before{content:"";position:absolute;inset:-50px;background:radial-gradient(ellipse,#126be627,transparent 67%);z-index:-1}.reference-workflow:after{content:"";position:absolute;width:24%;aspect-ratio:1;left:39%;top:22%;border-radius:50%;background:radial-gradient(circle,#279fff2b,transparent 62%);animation:hub-pulse 4s ease-in-out infinite;pointer-events:none}.workflow-badge{position:absolute;bottom:-23px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:9px;padding:8px 14px;border:1px solid #214566;background:#071425e6;border-radius:30px;color:#9abbd7;font-size:10px;white-space:nowrap;box-shadow:0 5px 30px #0004}.workflow-badge i{display:block;width:6px;height:6px;border-radius:50%;background:#3cbcf1}.capabilities{margin-top:16px;position:relative;grid-column:1/-1}.scroll-cue{grid-column:1/-1;display:flex;justify-content:center;align-items:center;gap:12px;font-size:10px;letter-spacing:2px;color:#92aec8;margin:0 0 24px}.scroll-cue b{border:1px solid #294c68;border-radius:20px;width:19px;height:30px;display:flex;justify-content:center;padding-top:5px}.scroll-cue i{height:7px;width:2px;background:#59c8ff;border-radius:4px;animation:scroll-hint 2s infinite}
.motion-ready [data-reveal]{opacity:0;transform:translateY(34px);transition:opacity .8s ease,transform .8s cubic-bezier(.2,.65,.2,1);transition-delay:var(--reveal-delay,0ms)}.motion-ready [data-reveal].is-visible{opacity:1;transform:translateY(0)}.project-card{transition:transform .35s,border-color .35s,box-shadow .35s;will-change:auto}.project-card:hover{transform:translateY(-8px);border-color:#299bec;box-shadow:0 18px 50px #006bdf17}.project-card .preview img{transition:filter .4s,transform .6s;transform-origin:50% 72%}.project-card:hover .preview img{filter:brightness(1.12)}.project-card .arrow{transition:background .3s,transform .3s}.project-card:hover .arrow{transform:rotate(45deg);background:#1167af}.other-grid button{transition:background .3s,transform .3s}.other-grid button:hover{background:#10243a;transform:translateY(-4px)}
.projects{padding-top:55px;padding-bottom:48px}.projects .section-heading{margin-bottom:24px}.about{padding-block:40px}.services,.more-projects{padding-top:85px;padding-bottom:65px}.service-grid{gap:18px}.service-grid article{border:0;padding:0}.service-disclosure{border:1px solid #203b54;border-radius:14px;background:linear-gradient(135deg,#0d1c2d,#081321);overflow:hidden}.service-disclosure summary{list-style:none;padding:25px;cursor:pointer;position:relative}.service-disclosure summary::-webkit-details-marker{display:none}.service-disclosure summary>span{font-size:11px;color:#58c7ff;letter-spacing:2px}.service-disclosure summary h3{padding-right:15px;font-size:20px;margin:18px 0 0}.service-disclosure summary:after{content:"+";position:absolute;right:23px;top:22px;font-size:25px;color:#63bbfa;font-weight:400;transition:transform .3s}.service-disclosure[open] summary:after{transform:rotate(45deg)}.service-disclosure[open]{border-color:#2b72a7}.service-disclosure .service-content{padding:0 25px 25px}.service-disclosure p{font-size:14px;color:#b4c7dc;line-height:1.8}.service-content a{display:inline-flex;margin-top:17px;color:#4dc6ff;font-size:12px}.services-hint{color:#718da9;font-size:11px;margin-top:15px}.journey{margin-top:65px;display:grid;grid-template-columns:.9fr 1.1fr;gap:75px;padding-block:65px;border-block:1px solid #20384e}.journey-copy h2{font-size:48px;line-height:1.12}.journey-copy>p:last-child{color:#a5bad0;font-size:15px;max-width:370px;margin-top:22px}.journey-panel{background:radial-gradient(ellipse at 80% 0%,#12598929,transparent 60%),#0b1725;border:1px solid #24435f;border-radius:18px;overflow:hidden;box-shadow:0 20px 70px #0003}.panel-bar{padding:15px 20px;border-bottom:1px solid #20364c;display:flex;align-items:center;gap:6px}.panel-bar i{width:7px;height:7px;background:#284665;border-radius:50%}.panel-bar i:first-child{background:#218ee7}.panel-bar span{margin-left:auto;font-size:10px;color:#6f8aa7;letter-spacing:1px}.journey-tabs{display:flex;border-bottom:1px solid #20364c;padding:0 15px;gap:5px}.journey-tabs button{color:#819bb7;background:none;border:0;padding:18px 12px;flex:1;font-size:12px;border-bottom:2px solid transparent}.journey-tabs button[aria-selected=true]{color:#5ec9ff;border-bottom-color:#3caaff}.journey-screen{padding:30px;min-height:225px}.journey-number{font-size:11px;letter-spacing:2px;color:#38baff}.journey-screen h3{font-size:27px;letter-spacing:-.8px;margin:15px 0}.journey-screen p{font-size:14px;color:#adbed3;line-height:1.8;margin-bottom:0}.journey-screen.change{animation:panel-enter .45s both}.journey-footer{display:flex;justify-content:space-between;align-items:center;padding:17px 25px;border-top:1px solid #20364c;font-size:11px;color:#7095b7}.journey-next{border:0;background:none;color:#59c7ff;font-size:12px}.contact{margin-top:65px;margin-bottom:30px;padding-block:65px;background:radial-gradient(ellipse at top left,#0b67b633,transparent 60%),#0b1523}dialog{width:min(860px,calc(100% - 40px));max-width:860px;padding:45px;border-color:#255e8c;border-radius:20px;background:radial-gradient(ellipse at top right,#0e438329,transparent 65%),#0a1422}dialog[open]{animation:panel-enter .4s both}dialog::backdrop{background:#02070deb;backdrop-filter:blur(10px)}dialog h2{font-size:36px}.dialog-preview{aspect-ratio:420/210;max-width:560px;margin:0 0 27px;border-radius:12px;border:1px solid #294963;overflow:hidden;position:relative;display:none}.dialog-preview.has-preview{display:block}.dialog-preview img{position:absolute;width:337.857%;max-width:none;height:auto;top:-337.14%}.dialog-preview[data-kind=kys] img{left:-11.19%}.dialog-preview[data-kind=jarvis] img{left:-118.81%}.dialog-preview[data-kind=automation] img{left:-226.67%}body.dialog-open{overflow:hidden}
@keyframes hub-pulse{50%{opacity:.4;transform:scale(1.25)}}@keyframes scroll-hint{60%{transform:translateY(8px);opacity:0}}@keyframes panel-enter{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}
@media(max-width:1150px){.hero h1{font-size:clamp(42px,5.1vw,65px)}.journey{gap:35px}.journey-copy h2{font-size:40px}.journey-tabs button{padding-inline:6px}.service-disclosure summary{padding:22px 18px}.service-disclosure summary h3{font-size:18px}.service-disclosure .service-content{padding:0 18px 22px}}
@media(max-width:850px){.hero{min-height:auto;padding-top:45px;row-gap:15px}.hero h1{font-size:60px}.reference-workflow{transform:none;max-width:700px;margin-bottom:45px}.capabilities{margin-top:0}.scroll-cue{margin-top:5px}.journey{grid-template-columns:1fr;gap:30px}.journey-copy>p:last-child{max-width:600px}.journey-screen{min-height:210px}.service-grid{grid-template-columns:1fr}.services,.more-projects{padding-block:50px}.journey{margin-top:30px;padding-block:45px}}
@media(max-width:600px){.hero{padding-top:32px}.hero h1{font-size:clamp(38px,10vw,59px);letter-spacing:-1.9px}.hero .lead{margin-top:18px;margin-bottom:24px}.hero-intro{font-size:10px}.reference-workflow{margin-top:17px;margin-bottom:35px}.workflow-badge{font-size:9px;bottom:-19px;padding:6px 11px}.capabilities{padding-block:19px}.scroll-cue{font-size:9px;margin-bottom:8px}.projects{padding-top:35px;padding-bottom:35px}.about{padding-block:30px}.journey{margin-top:25px;padding-block:40px}.journey-copy h2{font-size:36px}.journey-screen{padding:23px;min-height:235px}.journey-screen h3{font-size:25px}.journey-tabs{padding:0 8px;gap:0}.journey-tabs button{font-size:11px;padding:17px 5px}.journey-footer{padding-inline:19px}.contact{padding:30px 20px;margin-top:25px}dialog{padding:33px 23px;max-height:calc(100svh - 40px)}dialog h2{font-size:27px}.dialog-preview{aspect-ratio:420/230}.dialog-preview img{top:-307.826%}}
@media(prefers-reduced-motion:reduce){.motion-ready [data-reveal]{opacity:1;transform:none;transition:none}.reference-workflow{transform:none}.workflow-badge,.scroll-cue{animation:none}dialog[open],.journey-screen.change{animation:none}.reference-workflow:after{animation:none}.project-card:hover{transform:none}.scroll-progress{box-shadow:none}}