/* Preserve the exact supplied logo contours while removing its black field in CSS. */
.nav{width:min(1200px,89%);top:0;display:grid;grid-template-columns:1fr auto auto;gap:18px;padding:0;border:0;border-radius:0;background:transparent;backdrop-filter:none;transition:background .35s;box-shadow:none}.nav.scrolled{top:0;background:linear-gradient(#101112f2,#101112dd);border-bottom:1px solid #ffffff12}.wordmark,.contact-logo{position:relative;background:transparent;mix-blend-mode:normal;isolation:isolate}.wordmark{width:230px;height:116px}.wordmark img,.contact-logo img{width:100%;height:100%;object-fit:contain;opacity:0}.wordmark:before,.contact-logo:before{content:'';position:absolute;inset:0;background:linear-gradient(145deg,#f6f8f8,#d4d9dc 40%,#9da6ad 58%,#e2e4e3 80%);-webkit-mask-image:url('assets/itdc-logo.png');mask-image:url('assets/itdc-logo.png');mask-mode:luminance;-webkit-mask-size:contain;mask-size:contain;-webkit-mask-repeat:no-repeat;mask-repeat:no-repeat;-webkit-mask-position:center;mask-position:center;pointer-events:none}.nav .menu{border:1px solid #ffffff24;background:#222427c9;backdrop-filter:blur(16px);border-radius:35px;padding:15px 20px;gap:10px;font-size:12px}.nav .pill{padding:13px 19px;font-size:10px}.navlinks{top:115px;left:auto;right:max(5.5%,calc((100vw - 1200px)/2));transform:none;width:480px;max-width:89vw}.hero{background:#0b0c0d;min-height:940px}.hardware-scene{width:100%;height:100%;left:50%;top:50%;opacity:1;transform:translate(-50%,-50%);overflow:hidden}.hardware-scene>img{width:100%;height:100%;object-fit:cover;object-position:50% 50%;mask-image:linear-gradient(0deg,transparent,#000 18%,#000 80%,transparent);will-change:transform}.hero:after{background:linear-gradient(0deg,#101112 0,transparent 20%),linear-gradient(180deg,#0008,transparent 45%);z-index:1}.hero-content{align-self:start;padding-top:185px;pointer-events:none}.hero-content a{pointer-events:auto}.hero h1{font-size:clamp(46px,5.8vw,82px);margin-bottom:20px}.hero-content>p{font-size:13px;color:#e2dcd3}.hero .actions{margin-top:28px}.hero .eyebrow{background:#121416c9}.hardware-light{position:absolute;inset:0;background:linear-gradient(110deg,transparent 25%,#dfc5a20a 48%,transparent 68%);pointer-events:none;animation:hardwareSweep 14s ease-in-out infinite}.contact-logo{width:345px;height:190px;max-width:100%;margin:-22px 0 20px -20px}.contact-copy>.email{font-size:12px}.service-tall>img{height:100%;max-height:none;min-height:470px;flex:1;object-position:50% 40%;mask-image:linear-gradient(transparent,#000 12%)}.service-tall{min-height:730px}.service-tall .service-copy{padding-bottom:25px}.service-cta{position:relative;background:#202124;padding:28px 27px}.component-detail{position:absolute;inset:0;opacity:.4;pointer-events:none}.component-detail img{width:100%;height:100%;object-fit:cover;object-position:60% 80%;mask-image:linear-gradient(transparent,#000 75%);transition:transform 1.2s}.service-cta:hover .component-detail img{transform:scale(1.045)}.service-cta>small,.service-cta>h3,.service-cta>p,.service-cta>.pill{position:relative;z-index:1}.service-cta h3{margin-top:auto;padding-top:55px}.service-cta p{margin-top:15px;color:#c6c0b6}.service-cta .pill{margin-top:22px}.value-visual{background:#141518;border-color:#ffffff1e;position:relative;height:540px}.value-hardware{width:100%;height:100%;object-fit:cover;object-position:50% 45%;will-change:transform;transition:transform 1.6s cubic-bezier(.2,.8,.2,1)}.value-visual:hover .value-hardware{transform:scale(1.035)}.value-visual:after{content:'';position:absolute;inset:0;background:linear-gradient(0deg,#0d0e10e8,transparent 50%);pointer-events:none}.value-material-caption{position:absolute;left:35px;right:35px;bottom:35px;z-index:1}.value-material-caption small{font-size:8px;letter-spacing:.1em;color:#c1b49e}.value-material-caption>span{display:block;font:27px/1.15 'Hanken Grotesk',sans-serif;letter-spacing:-.025em;color:#f0e9dd;margin-top:15px}.brand-grid .brand-tile{height:95px;min-width:220px;width:220px;justify-content:center;padding:22px 28px;background:#f6f5f2;border-color:#ffffff33;gap:0}.brand-grid .brand-tile.dark{background:#272a2d}.brand-grid .brand-tile:after{display:none}.brand-tile img{width:100%;height:100%;object-fit:contain;max-width:170px;max-height:52px}.brand-grid .brand-tile.wide img{max-height:45px}.brand-others{display:flex;justify-content:center;flex-wrap:wrap;gap:12px;max-width:800px;margin:20px auto 0;padding:0 25px;color:#9d958a;font-size:10px}.brand-others>span:first-child{color:#6d675f}.ecosystem-core{box-shadow:0 0 0 12px #1415178c;background:radial-gradient(ellipse at 30% 10%,#3e4142,#151719 65%)}@keyframes hardwareSweep{0%,100%{opacity:.25;transform:translateX(-15%)}50%{opacity:.7;transform:translateX(15%)}}.pause-motion .hardware-light{animation-play-state:paused}
@media(max-width:1050px){.hero{min-height:900px}.hero-content{padding-top:180px}.hero h1{font-size:62px}.wordmark{width:210px;height:110px}.value-visual{height:480px}}
@media(max-width:750px){.nav{width:90%;gap:12px;grid-template-columns:1fr auto}.nav .wordmark{width:190px;height:100px}.nav>.pill{display:none}.nav .menu{font-size:11px;padding:12px 17px}.navlinks{top:105px;left:5%;right:5%;width:90%;max-width:none}.hero{min-height:870px;height:100svh;max-height:1100px}.hero-content{padding-top:160px;width:94%}.hero h1{font-size:47px;line-height:1.05}.hero h1 br{display:none}.hero p{font-size:12px;max-width:300px}.hero .actions{margin-top:25px}.hardware-scene{width:100%;height:100%;opacity:1;max-width:none}.hardware-scene img{object-position:52% 70%;width:100%;height:100%;object-fit:cover;mask-image:linear-gradient(transparent 10%,#000 35%,#000 80%,transparent 100%)}.hero-bottom{font-size:7px}.hero:after{background:linear-gradient(0deg,#101112,transparent 24%),linear-gradient(180deg,#0b0c0d,transparent 60%)}.service-tall{min-height:640px}.service-tall>img{height:440px;min-height:0;max-height:none;flex:1}.service-tall .service-copy{padding-bottom:0}.service-cta{min-height:350px}.service-cta h3{padding-top:60px;margin-top:0}.value-visual{height:460px}.value-material-caption{left:27px;bottom:30px}.value-material-caption>span{font-size:26px}.contact-logo{width:300px;height:167px;margin:-15px 0 15px -17px}.brand-grid .brand-tile{height:84px;width:185px;min-width:185px;padding:20px 24px}.brand-tile img{max-width:145px;max-height:44px}.brand-others{font-size:9px}.contact-copy>.email{font-size:12px}}
@media(prefers-reduced-motion:reduce){.hardware-scene>img{transform:none!important;will-change:auto}.hardware-light{animation:none}.brand-grid .brand-tile{width:150px;min-width:150px;height:75px}.value-hardware{transform:none!important}}