:root{--night:#07101d;--night2:#0a1524;--graphite:#101c2c;--ink:#f4f7fb;--muted:#9cadc0;--line:#25374d;--blue:#2869ff;--cyan:#62d9f2;--ice:#c9eafa;--serif:Newsreader,"Iowan Old Style","Palatino Linotype",Georgia,serif;--sans:Inter,ui-sans-serif,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;--shell:min(1220px,calc(100% - 48px));color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:82px}body{margin:0;background:var(--night);color:var(--ink);font:16px/1.6 var(--sans);text-rendering:optimizeLegibility}a{color:inherit}img,svg{max-width:100%;display:block}.shell{width:var(--shell);margin-inline:auto}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.skip{position:fixed;top:-60px;left:18px;z-index:999;background:var(--blue);padding:10px 16px;border-radius:6px;text-decoration:none}.skip:focus{top:18px}:focus-visible{outline:3px solid var(--cyan);outline-offset:4px;border-radius:4px}.site-header{position:sticky;top:0;z-index:90;background:rgba(7,16,29,.86);border-bottom:1px solid rgba(98,217,242,.12);backdrop-filter:blur(18px)}.nav{height:78px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:12px;text-decoration:none;font-weight:700;font-size:.82rem}.navlinks{display:flex;align-items:center;gap:24px}.navlinks>a{font-size:.72rem;text-decoration:none;color:var(--muted);font-weight:700}.navlinks>a:hover{color:var(--cyan)}.mini-button{display:flex;align-items:center;gap:8px;border:1px solid var(--line);border-radius:7px;padding:8px 12px}.mini-button img,.button img,.text-link img,.email img,.build h3 img{width:17px;height:17px;filter:brightness(0) saturate(100%) invert(89%) sepia(9%) saturate(1212%) hue-rotate(169deg)}.menu{display:none;width:44px;height:44px;border:1px solid var(--line);background:transparent;border-radius:7px}.hero{min-height:calc(100vh - 78px);position:relative;overflow:hidden;display:flex;flex-direction:column}.hero-bg{position:absolute;inset:0}.hero-bg img{width:100%;height:100%;object-fit:cover}.hero:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,29,.97) 5%,rgba(7,16,29,.78) 55%,rgba(7,16,29,.3)),linear-gradient(0deg,var(--night),transparent 30%)}.hero-grid{position:absolute;z-index:1;inset:0;background-image:linear-gradient(rgba(132,181,226,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(132,181,226,.08) 1px,transparent 1px);background-size:72px 72px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}.hero-inner{position:relative;z-index:2;display:grid;grid-template-columns:1.05fr .95fr;gap:40px;align-items:center;flex:1;padding:88px 0 72px}.eyebrow,.label,.tag{text-transform:uppercase;letter-spacing:.19em;font-weight:800;font-size:.65rem;color:var(--cyan)}h1,h2{font-family:var(--serif);font-weight:500;letter-spacing:-.045em;line-height:.96}h1{font-size:clamp(4rem,7.5vw,7.7rem);max-width:850px;margin:22px 0 24px}h1 em,h2 em{font-weight:400;color:var(--ice)}.supporting{font-family:var(--serif);font-size:clamp(1.35rem,2vw,1.9rem);line-height:1.25;max-width:690px;margin-bottom:16px}.intro{color:var(--muted);max-width:650px;font-size:.95rem}.actions{display:flex;gap:12px;margin-top:34px}.button{min-height:48px;padding:0 19px;border-radius:7px;display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-size:.78rem;font-weight:800;border:1px solid var(--line);transition:.2s}.button.primary{background:var(--blue);border-color:var(--blue)}.button:hover{transform:translateY(-2px);border-color:var(--cyan)}.button:hover img,.text-link:hover img,.email:hover img{transform:translate(2px,-2px)}.button img,.text-link img,.email img{transition:transform .2s}.system-map{height:500px;position:relative}.system-map svg{position:absolute;inset:8% 0 0;width:100%;height:90%}.routes{fill:none;stroke:var(--cyan);stroke-width:1;opacity:.48}.nodes{fill:var(--night);stroke:var(--cyan);stroke-width:2}.plane{position:absolute;border:1px solid rgba(100,178,255,.35);background:linear-gradient(145deg,rgba(40,105,255,.2),rgba(98,217,242,.02));transform:skewY(-12deg);box-shadow:0 30px 80px rgba(0,0,0,.25)}.p1{width:42%;height:34%;right:6%;top:8%}.p2{width:48%;height:36%;right:22%;top:34%}.p3{width:38%;height:28%;right:3%;top:62%}.hero-foot{z-index:3;position:relative;padding:16px 0 24px;border-top:1px solid rgba(151,192,225,.18);display:flex;justify-content:space-between;text-transform:uppercase;letter-spacing:.16em;color:var(--muted);font-size:.58rem}.impact{background:#050a12;border-block:1px solid #152235}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr)}.metric-grid article{padding:38px 28px;border-right:1px solid #17263a}.metric-grid article:first-child{border-left:1px solid #17263a}.metric-grid strong{font-size:clamp(2rem,4vw,3.5rem);line-height:1;color:var(--ice);letter-spacing:-.05em}.metric-grid p{margin:9px 0 0;color:var(--muted);font-size:.7rem}.section{padding-block:130px}.section-lead{display:grid;grid-template-columns:.6fr 2fr 1fr;gap:38px;align-items:start;margin-bottom:70px}.section-lead h2{font-size:clamp(3rem,5.7vw,6.2rem);margin:0}.section-lead>p:last-child{color:var(--muted);font-size:.9rem;margin-top:14px}.cap-grid{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line)}.cap{padding:34px;min-height:410px;border-right:1px solid var(--line);background:linear-gradient(145deg,rgba(30,55,83,.35),rgba(8,17,30,.4))}.cap:last-child{border:0}.cap>span,.case-no{font-size:.6rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted)}.cap-mark{position:relative;width:150px;height:105px;margin:52px 0 42px}.cap-mark i,.cap-mark b{position:absolute;border:1px solid var(--cyan);width:72px;height:50px;transform:skewY(-15deg)}.cap-mark i:nth-child(2){left:36px;top:24px;border-color:var(--blue)}.cap-mark b{left:72px;top:48px;border-color:var(--line)}.cap-mark.automate i{border-radius:50%;transform:none;width:52px;height:52px}.cap-mark.automate i:nth-child(2){left:52px}.cap-mark.automate b{left:104px;top:48px;width:7px;height:7px;border-radius:50%;background:var(--cyan);transform:none}.cap-mark.lead i{width:42px;height:42px;border-radius:50%;transform:none;left:52px}.cap-mark.lead i:nth-child(2){left:12px;top:60px}.cap-mark.lead b{left:94px;top:60px;width:42px;height:42px;border-radius:50%;transform:none}.cap h3{font-family:var(--serif);font-size:2.2rem;margin:0 0 12px}.cap p{color:var(--muted);font-size:.85rem}.enterprise{background:#081321}.cases{border-top:1px solid var(--line)}.case{display:grid;grid-template-columns:.45fr 1.55fr .75fr;gap:42px;padding:55px 0;border-bottom:1px solid var(--line);min-height:430px}.case-copy h3{font:500 clamp(2rem,3.4vw,3.7rem)/1.05 var(--serif);letter-spacing:-.04em;max-width:700px;margin:0 0 45px}.cso{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.cso b{font-size:.62rem;text-transform:uppercase;letter-spacing:.14em;color:var(--cyan)}.cso p{color:var(--muted);font-size:.75rem;margin-top:8px}.case-art{position:relative;min-height:270px;display:grid;place-items:center}.planes i{position:absolute;width:72%;height:42%;border:1px solid rgba(98,217,242,.35);background:rgba(40,105,255,.08);transform:skewY(-14deg)}.planes i:nth-child(2){top:25%;left:12%}.planes i:nth-child(3){top:45%;left:23%}.case-art span{font:500 2.8rem var(--serif);color:var(--ice);z-index:2}.transfer{display:flex;align-items:center;justify-content:space-around}.transfer:after{content:"";position:absolute;width:70%;height:1px;background:var(--cyan)}.transfer i{z-index:1;width:44px;height:44px;border-radius:50%;border:1px solid var(--cyan);background:var(--night2);display:grid;place-items:center;font-style:normal}.rings i{position:absolute;width:180px;height:180px;border:1px solid var(--line);border-radius:50%}.rings i:nth-child(2){width:125px;height:125px;border-color:var(--blue)}.stack i{position:absolute;width:75%;height:34%;border:1px solid var(--line);transform:skewY(-10deg)}.stack i:nth-child(2){top:32%;border-color:var(--blue)}.stack i:nth-child(3){top:47%;border-color:var(--cyan)}.confidential{font-size:.65rem;color:#73869b;margin-top:24px}.build-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px}.build{border:1px solid var(--line);background:var(--graphite);text-decoration:none;display:flex;flex-direction:column;overflow:hidden;transition:.2s}.build[href]:hover{border-color:var(--cyan);transform:translateY(-3px)}.shot{height:330px;overflow:hidden;background:#050a12}.shot img{width:100%;height:100%;object-fit:cover;transition:transform .25s}.build:hover .shot img{transform:scale(1.012)}.build-copy{padding:30px;display:flex;flex-direction:column;flex:1}.build h3{font:500 2rem var(--serif);margin:10px 0 14px;display:flex;justify-content:space-between;gap:20px}.build h3 img{width:20px}.build-copy>p:not(.tag){color:var(--muted);font-size:.85rem}.build ul{list-style:none;padding:0;margin:auto 0 0;display:flex;flex-wrap:wrap;gap:7px}.build li{border:1px solid var(--line);border-radius:99px;padding:5px 9px;color:var(--muted);font-size:.6rem}.product-ui{height:330px;background:#080d16;display:grid;grid-template-columns:64px 1fr;padding:38px;gap:30px}.product-ui aside{border-right:1px solid #283245;display:flex;flex-direction:column;gap:20px}.product-ui aside b{color:#ff6b45}.product-ui aside i{width:22px;height:4px;background:#354055}.ui-main{position:relative}.ui-main header{color:#8896aa;text-transform:uppercase;font-size:.6rem;letter-spacing:.15em}.score{font:500 5rem var(--serif);color:#ff6b45;margin-top:30px}.score span{font:700 .6rem var(--sans);text-transform:uppercase;letter-spacing:.15em;margin-left:8px}.ui-main p{color:#d2dae5}.ui-lines i{display:block;height:6px;background:#263246;margin:14px 0}.ui-lines i:nth-child(2){width:72%}.ui-lines i:nth-child(3){width:88%}.build.compact{grid-column:1/-1;min-height:240px;display:grid;grid-template-columns:.6fr 1.4fr}.infra-mark{display:flex;align-items:center;justify-content:center;gap:12px;background:#0a1422}.infra-mark i{width:28px;height:100px;background:linear-gradient(var(--blue),var(--cyan))}.infra-mark i:nth-child(2){height:150px}.tableau-preview,.toolkit{background:#050b13}.viz-feature{display:grid;grid-template-columns:1.5fr .7fr;border:1px solid var(--line);background:var(--graphite)}.viz-feature>img{width:100%;height:100%;object-fit:cover}.viz-feature>div{padding:38px}.viz-feature h3{font:500 2.4rem/1.05 var(--serif)}.viz-feature p:not(.tag){color:var(--muted);font-size:.82rem}.text-link{display:inline-flex;align-items:center;gap:10px;color:var(--ice);font-weight:800;font-size:.72rem;text-decoration:none;border-bottom:1px solid var(--line);padding-bottom:5px}.viz-row{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:14px}.viz-row a{border:1px solid var(--line);background:var(--graphite);text-decoration:none;overflow:hidden}.viz-row img{width:100%;aspect-ratio:16/10;object-fit:cover}.viz-row span{display:block;padding:15px;font-size:.7rem}.gallery-cta{margin-top:28px}.timeline{border-top:1px solid var(--line)}.timeline article{display:grid;grid-template-columns:220px 1fr;padding:31px 0;border-bottom:1px solid var(--line)}.timeline time{font-size:.7rem;color:var(--cyan);letter-spacing:.08em}.timeline p{color:var(--muted);font-size:.65rem;text-transform:uppercase;letter-spacing:.12em;margin-bottom:4px}.timeline h3{font:500 1.55rem var(--serif);margin:0}.timeline h3 span{color:var(--blue)}.timeline small{color:var(--muted)}.resume{margin-top:35px}.tool-grid{display:grid;grid-template-columns:repeat(5,1fr);border:1px solid var(--line)}.tool-grid article{padding:27px;border-right:1px solid var(--line)}.tool-grid article:last-child{border:0}.tool-grid h3{font:500 1.65rem var(--serif);margin:0 0 15px}.tool-grid p{color:var(--muted);font-size:.7rem}.about{position:relative;min-height:760px;display:grid;align-items:center;overflow:hidden}.about picture{position:absolute;inset:0}.about picture img{width:100%;height:100%;object-fit:cover}.about:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,16,29,.98) 20%,rgba(7,16,29,.45)),linear-gradient(0deg,var(--night),transparent,var(--night))}.about-inner{position:relative;z-index:2}.about h2{font-size:clamp(4rem,7vw,7rem);margin:18px 0 25px}.about-inner>p:not(.label){max-width:590px;color:#b5c3d1;font-size:1rem}.contact{text-align:center;padding:135px 0;background:radial-gradient(circle at 50% 100%,rgba(40,105,255,.3),transparent 42%),var(--night2)}.contact h2{font-size:clamp(3.6rem,7vw,7rem);margin:18px auto 24px;max-width:980px}.contact>div>p:not(.label){color:var(--muted);max-width:650px;margin-inline:auto}.email{display:inline-flex;align-items:center;gap:13px;text-decoration:none;font-size:clamp(1.4rem,3vw,2.2rem);font-family:var(--serif);border-bottom:1px solid var(--cyan);padding-bottom:5px;margin-top:32px}.contact-links{display:flex;justify-content:center;gap:30px;margin-top:42px}.contact-links a{font-size:.72rem;text-decoration:none;color:var(--ice)}footer{padding:28px 0;background:#03070c;border-top:1px solid #111c29;color:#6e8194}footer .shell{display:flex;align-items:center;justify-content:space-between;font-size:.62rem}footer p{margin:0}.gallery-head{max-width:900px;margin-bottom:70px}.gallery-head h1{font-size:clamp(4rem,8vw,7.5rem)}.tableau-nav{display:flex!important}.reveal{opacity:1}.js .reveal{opacity:0;transform:translateY(40px);transition:opacity .8s,transform .8s cubic-bezier(0.2, 0.8, 0.2, 1)}.js .reveal.visible{opacity:1;transform:none}
@media(max-width:1023px){.navlinks:not(.tableau-nav){display:none;position:absolute;top:78px;left:0;right:0;background:var(--night);padding:28px 24px;border-bottom:1px solid var(--line);flex-direction:column;align-items:flex-start}.navlinks.open{display:flex!important}.menu{display:block;position:relative}.menu i{position:absolute;left:10px;width:22px;height:1px;background:var(--ice)}.menu i:first-of-type{top:16px}.menu i:last-of-type{top:25px}.hero-inner{grid-template-columns:1fr;padding-top:75px}.system-map{height:320px}.section-lead{grid-template-columns:1fr 2.5fr}.section-lead>p:last-child{grid-column:2}.case{grid-template-columns:.35fr 1.65fr}.case-art{grid-column:2}.tool-grid{grid-template-columns:repeat(2,1fr)}.tool-grid article{border-bottom:1px solid var(--line)}.tool-grid article:nth-child(even){border-right:0}.tool-grid article:last-child{border-bottom:0}}
@media(max-width:700px){:root{--shell:min(100% - 30px,1220px)}.brand span{display:none}.hero-inner{padding-top:58px}.hero:after{background:linear-gradient(0deg,var(--night),rgba(7,16,29,.45) 55%,rgba(7,16,29,.88))}h1{font-size:clamp(3.5rem,16vw,5.3rem)}.system-map{height:230px}.hero-foot span:last-child{display:none}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid article:nth-child(-n+2){border-bottom:1px solid #17263a}.section{padding-block:88px}.section-lead{display:block;margin-bottom:44px}.section-lead h2{font-size:3.4rem;margin:14px 0 18px}.cap-grid,.build-grid,.viz-row{grid-template-columns:1fr}.cap{min-height:340px;border-right:0;border-bottom:1px solid var(--line)}.case{display:block;padding:44px 0}.case-copy h3{margin:18px 0 30px}.cso{grid-template-columns:1fr}.case-art{min-height:220px;margin-top:25px}.shot{height:240px}.build.compact{display:flex;grid-column:auto}.infra-mark{min-height:200px}.viz-feature{grid-template-columns:1fr}.timeline article{grid-template-columns:1fr;gap:7px}.tool-grid{grid-template-columns:1fr}.tool-grid article{border-right:0}.about{min-height:680px}.contact{padding:95px 0}.contact h2{font-size:3.7rem}footer .shell{flex-wrap:wrap;gap:14px}footer p:nth-child(2){order:3;width:100%}}
@media(max-width:350px){h1{font-size:3.1rem}.actions{flex-direction:column}.button{justify-content:center}.metric-grid article{padding:26px 15px}.metric-grid strong{font-size:1.8rem}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.js .reveal{opacity:1;transform:none;transition:none}.button,.build,.shot img{transition:none}}
.system-map img{position:absolute;inset:0;width:100%;height:100%;object-fit:contain;filter:drop-shadow(0 28px 50px rgba(0,0,0,.28))}.case-art img{width:100%;height:auto;border:1px solid rgba(98,217,242,.12);box-shadow:0 28px 60px rgba(0,0,0,.22)}

/* Modern Scroll-Driven Animations */
@supports ((animation-timeline: view()) and (animation-range: entry)) {
  @keyframes native-reveal {
    from { opacity: 0; transform: translateY(60px); }
    to { opacity: 1; transform: translateY(0); }
  }

  .js .reveal {
    opacity: 0;
    transition: none;
    animation: native-reveal auto linear both;
    animation-timeline: view(block);
    animation-range: entry 5% entry 100%;
  }

  /* Parallax for background images */
  @keyframes parallax-hero {
    from { transform: translateY(-10%) scale(1.25); }
    to { transform: translateY(22%) scale(1.25); }
  }

  @keyframes parallax-about {
    from { transform: translateY(-12%) scale(1.25); }
    to { transform: translateY(18%) scale(1.25); }
  }

  .hero-bg img {
    animation: parallax-hero auto linear;
    animation-timeline: view(block);
    transform: scale(1.25);
  }

  .about picture img {
    animation: parallax-about auto linear;
    animation-timeline: view(block);
    transform: scale(1.25);
  }
}

@media (prefers-reduced-motion: reduce) {
  @supports ((animation-timeline: view()) and (animation-range: entry)) {
    .js .reveal {
      animation: none;
      opacity: 1;
      transform: none;
    }
    .hero-bg img, .about picture img {
      animation: none;
    }
  }
}