/* TecPage immersive home — brand palette */
:root{--tp-navy:#172643;--tp-navy-2:#10213f;--tp-blue:#2764d8;--tp-blue-2:#438cf0;--tp-blue-3:#75b4ff;--tp-pale:#eef4fd;--tp-pale-2:#f7faff;--tp-line:#d5e2f3;--tp-muted:#667892;--tp-white:#fff;--tp-ease:cubic-bezier(.2,.78,.2,1)}
html.site-home-root,html.site-home-root body{width:100%;max-width:100%;overflow-x:hidden!important;overscroll-behavior-x:none}
body.site-home-immersive{position:relative;background:#f7faff!important;color:var(--tp-navy);overflow-x:hidden!important}
@supports(overflow:clip){html.site-home-root,html.site-home-root body,body.site-home-immersive{overflow-x:clip!important}}
body.site-home-immersive .site-public-header{position:absolute!important;inset:0 0 auto!important;z-index:80!important;background:transparent!important;backdrop-filter:none!important;padding-top:20px}
body.site-home-immersive.site-mobile-menu-open .site-public-header{position:fixed!important}
body.site-home-immersive .site-header-shell{background:rgba(255,255,255,.9)!important;border-color:#d5e2f3!important;box-shadow:0 18px 55px rgba(37,83,148,.12)!important;backdrop-filter:blur(20px) saturate(145%)}
body.site-home-immersive .site-nav-link,body.site-home-immersive .site-login-link{color:var(--tp-navy)!important}
body.site-home-immersive .site-nav-link:hover,body.site-home-immersive .site-nav-link.active{color:var(--tp-blue)!important;background:#edf4ff!important}
body.site-home-immersive .site-login-icon{border-color:#5d7392!important}
body.site-home-immersive .site-footer{margin-top:0}
.site-nav-chevron{width:14px;height:14px;transition:transform .2s ease}.site-nav-item.open>.site-nav-link .site-nav-chevron{transform:rotate(180deg)}
.site-mobile-toggle{color:var(--tp-navy)}.site-mobile-toggle svg{width:24px;height:24px}.site-login-icon svg{width:15px;height:15px}.site-mega-list span svg{width:20px;height:20px}
.tp-experience{position:relative;isolation:isolate;width:100%;max-width:100%;overflow-x:hidden;overflow-x:clip}.tp-experience svg{display:block;width:1.2em;height:1.2em}.tp-anchor-offset{position:absolute;transform:translateY(-90px)}
.tp-btn{min-height:56px;padding:0 23px;border-radius:999px;display:inline-flex;align-items:center;justify-content:center;gap:10px;font-size:14px;font-weight:950;transition:transform .25s var(--tp-ease),box-shadow .25s ease,background .25s ease}.tp-btn:hover{transform:translateY(-3px)}.tp-btn svg{width:18px;height:18px}.tp-btn-primary{color:#fff;background:linear-gradient(135deg,#2764d8,#4d9af4);box-shadow:0 16px 38px rgba(39,100,216,.28)}.tp-btn-primary:hover{box-shadow:0 22px 50px rgba(39,100,216,.35)}.tp-btn-ghost,.tp-btn-outline{color:#235dbe;border:1px solid #b9d0ef;background:rgba(255,255,255,.82);box-shadow:0 10px 28px rgba(39,100,216,.06)}
.tp-kicker{display:block;margin:0 0 13px;color:var(--tp-blue);font-size:11px;font-weight:1000;letter-spacing:.15em;text-transform:uppercase}

/* Hero: light TecPage atmosphere with an isometric operational engine */
.tp-hero{position:relative;min-height:820px;padding:142px 0 80px;background:radial-gradient(circle at 80% 25%,rgba(73,146,240,.24),transparent 30%),radial-gradient(circle at 18% 18%,rgba(201,222,250,.7),transparent 33%),linear-gradient(145deg,#f8fbff 0%,#eef4fd 58%,#e8f1fd 100%);overflow:hidden}
.tp-hero-grid-bg,.tp-final-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(39,100,216,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(39,100,216,.055) 1px,transparent 1px);background-size:58px 58px;mask-image:linear-gradient(to bottom,#000,transparent 88%)}
.tp-hero-aura{position:absolute;border:1px solid rgba(64,126,220,.12);border-radius:50%;pointer-events:none}.tp-hero-aura-one{width:650px;height:650px;right:-230px;top:-260px;box-shadow:inset 0 0 150px rgba(60,132,235,.08)}.tp-hero-aura-two{width:360px;height:360px;left:-180px;bottom:5%;box-shadow:inset 0 0 100px rgba(60,132,235,.07)}
.tp-particles{position:absolute;inset:0;pointer-events:none}.tp-particle{position:absolute;width:4px;height:4px;border-radius:50%;background:#3f88ea;box-shadow:0 0 12px #7cb9ff;opacity:.34;animation:tpParticle var(--duration,9s) ease-in-out infinite alternate}@keyframes tpParticle{to{transform:translate3d(var(--tx,20px),var(--ty,-40px),0);opacity:.08}}
.tp-hero-layout{position:relative;z-index:3;display:grid;grid-template-columns:minmax(0,.84fr) minmax(650px,1.16fr);gap:20px;align-items:center}.tp-hero-copy{padding-top:6px}.tp-eyebrow{display:inline-flex;align-items:center;gap:9px;margin-bottom:22px;color:#45617f;font-size:11px;font-weight:950;letter-spacing:.09em;text-transform:uppercase}.tp-eyebrow i{width:8px;height:8px;border-radius:50%;background:#3179e3;box-shadow:0 0 0 6px rgba(49,121,227,.1),0 0 20px rgba(49,121,227,.45);animation:tpPulse 2s ease-in-out infinite}@keyframes tpPulse{50%{transform:scale(.75);opacity:.65}}
.tp-hero h1{max-width:720px;margin:0;color:var(--tp-navy);font-size:clamp(44px,3.7vw,64px);line-height:.94;letter-spacing:-.058em;font-weight:900}.tp-hero h1 em{font-style:normal;color:var(--tp-blue)}.tp-hero-title-mobile{display:none}.tp-mobile-punctuation{display:none}.tp-hero-copy>p{max-width:610px;margin:20px 0 0;color:#5e7390;font-size:17px;line-height:1.55}.tp-hero-actions{display:flex;gap:11px;flex-wrap:wrap;margin-top:24px}.tp-hero-assurance{display:flex;gap:15px;flex-wrap:wrap;margin-top:16px;color:#5e7390;font-size:11px;font-weight:850}.tp-hero-assurance span{display:flex;align-items:center;gap:5px}.tp-hero-assurance svg{width:14px;height:14px;color:#2764d8}
.tp-ops-scene{height:565px;position:relative;left:58px;perspective:1500px;transform-style:preserve-3d}.tp-ops-depth{position:absolute;inset:0;transform:scale(var(--orbit-scene-scale,1)) rotateX(var(--rx,0deg)) rotateY(var(--ry,0deg));transform-style:preserve-3d;transition:transform .22s ease-out}.tp-orbit-halo{position:absolute;left:50%;top:50%;width:620px;height:390px;transform:translate(-50%,-50%) translateZ(-90px);border-radius:50%;background:radial-gradient(circle,rgba(76,153,240,.25),rgba(105,176,247,.09) 46%,transparent 74%);filter:blur(2px);box-shadow:0 48px 105px rgba(35,81,145,.2)}
.tp-orbit-ring{
  position:absolute;
  left:50%;
  top:50%;
  z-index:2;
  border:4px solid #3d9ff0;
  border-top-color:#d9fbff;
  border-left-color:#77dcff;
  border-right-color:#2389e8;
  border-bottom-color:#0962c7;
  border-radius:50%;
  transform:translate(-50%,-50%) rotate(-7deg) translateZ(-82px);
  box-shadow:
    inset 0 1px 0 rgba(255,255,255,.98),
    inset 0 -2px 0 rgba(0,61,158,.46),
    0 0 0 1px rgba(25,112,215,.36),
    0 0 5px rgba(211,252,255,.96),
    0 0 12px rgba(34,157,242,.42);
  filter:drop-shadow(0 3px 2px rgba(12,91,189,.2));
}
.tp-orbit-ring::before,.tp-orbit-ring::after{
  content:"";
  position:absolute;
  border-radius:50%;
  background:radial-gradient(circle at 30% 26%,#fff 0 12%,#bff8ff 22%,#56c9fb 43%,#0e70d7 72%,#0647a8 100%);
  border:1px solid rgba(255,255,255,.74);
  box-shadow:0 0 0 4px rgba(114,220,255,.12),0 0 11px 3px rgba(65,197,255,.6),inset -3px -4px 7px rgba(0,55,153,.34);
}
.tp-orbit-ring::before{width:11px;height:11px;left:15%;top:10%}
.tp-orbit-ring::after{width:8px;height:8px;right:11%;bottom:17%}
.tp-orbit-ring-outer{width:666px;height:398px;border-width:5px}
.tp-orbit-ring-outer::before{width:19px;height:19px;left:11%;top:43%;box-shadow:0 0 0 5px rgba(114,220,255,.13),0 0 15px 4px rgba(65,197,255,.64),inset -4px -5px 8px rgba(0,55,153,.4)}
.tp-orbit-ring-middle{width:625px;height:315px;border-width:4px;opacity:.9;transform:translate(-50%,-50%) rotate(8deg) translateZ(-70px)}
.tp-orbit-ring-inner{width:478px;height:240px;border-width:3px;opacity:.68;transform:translate(-50%,-50%) rotate(-9deg) translateZ(-56px)}
.tp-orbit-foreground{position:absolute;inset:0;z-index:3;pointer-events:none;transform:translateZ(-48px)}
.tp-orbit-foreground i{
  position:absolute;
  left:50%;
  top:50%;
  border-radius:50%;
  border-bottom:5px solid #0b6dd5;
  box-shadow:inset 0 -1px 0 rgba(255,255,255,.72),0 2px 0 rgba(0,55,153,.22);
  filter:drop-shadow(0 0 2px #dcfdff) drop-shadow(0 0 5px rgba(45,153,246,.48));
  clip-path:inset(50% 0 0);
}
.tp-orbit-foreground i:first-child{width:666px;height:398px;transform:translate(-50%,-50%) rotate(-7deg)}
.tp-orbit-foreground i:last-child{width:625px;height:315px;transform:translate(-50%,-50%) rotate(8deg);opacity:.76}
.tp-orbit-axis{position:absolute;left:50%;top:50%;z-index:4;width:720px;height:1px;transform:translate(-50%,-50%) rotate(-7deg) translateZ(-15px);pointer-events:none}.tp-orbit-axis::after{display:none}.tp-orbit-axis i{position:absolute;width:8px;height:8px;border-radius:50%;background:#faffff;box-shadow:0 0 0 5px rgba(70,190,244,.14),0 0 18px 4px #55c9ff}.tp-orbit-axis i:nth-child(1){left:9%;top:-4px;width:15px;height:15px;background:radial-gradient(circle at 35% 30%,#fff 0 13%,#71d8ff 27%,#1673db 76%)}.tp-orbit-axis i:nth-child(2){right:9%;top:-4px}.tp-orbit-axis i:nth-child(3){left:50%;top:-166px}.tp-orbit-axis i:nth-child(4){left:50%;top:158px}
.tp-orbit-core{position:absolute;left:50%;top:50%;z-index:20;width:250px;height:240px;transform:translate(-50%,-50%) translateZ(100px) rotateX(-2deg) rotateY(-3deg);transform-style:preserve-3d;isolation:isolate;filter:drop-shadow(0 34px 35px rgba(12,55,137,.28));animation:tpHeroCoreFloat 5.4s ease-in-out infinite}.tp-core-render{position:absolute;left:50%;top:50%;z-index:1;width:280px;height:280px;max-width:none;object-fit:contain;transform:translate(-50%,-50%) translateZ(8px);pointer-events:none;user-select:none}.tp-core-pulse{position:absolute;left:50%;top:50%;z-index:-1;width:278px;height:268px;border:1px solid rgba(44,136,238,.25);border-radius:64px;transform:translate(-50%,-50%) translateZ(-20px);animation:tpCorePulse 3.8s ease-out infinite}.tp-core-pulse-two{animation-delay:-1.9s}@keyframes tpHeroCoreFloat{0%,100%{transform:translate(-50%,-50%) translateZ(100px) rotateX(-2deg) rotateY(-3deg)}50%{transform:translate(-50%,calc(-50% - 8px)) translateZ(108px) rotateX(-1deg) rotateY(-4deg)}}@keyframes tpCorePulse{0%{opacity:.58;transform:translate(-50%,-50%) translateZ(-20px) scale(.84)}85%,100%{opacity:0;transform:translate(-50%,-50%) translateZ(-20px) scale(1.28)}}
.tp-orbit-node{
  position:absolute;
  left:50%;
  top:50%;
  z-index:10;
  width:236px;
  will-change:transform;
  outline:none;
  pointer-events:none;
  transform:translate(-50%,-50%) translate3d(var(--orbit-x,0px),var(--orbit-y,0px),var(--orbit-z,0px)) scale(var(--orbit-scale,1));
}
.tp-orbit-orders{left:12%;top:25%}
.tp-orbit-production{left:80%;top:20%}
.tp-orbit-kpi{left:84%;top:49%;width:200px}
.tp-orbit-shipping{left:76%;top:78%}
.tp-orbit-finance{left:15%;top:75%}
.is-orbit-running .tp-orbit-node{left:50%;top:50%}
.tp-orbit-card{
  position:relative;
  isolation:isolate;
  min-height:104px;
  padding:19px 20px;
  display:grid;
  grid-template-columns:52px 1fr;
  align-items:center;
  gap:15px;
  border:2px solid rgba(255,255,255,.98);
  border-radius:27px;
  color:#10274c;
  background:linear-gradient(145deg,#fff 0%,#fff 48%,#f4f8fd 100%);
  box-shadow:
    0 24px 38px rgba(25,65,119,.2),
    0 7px 13px rgba(30,82,154,.09),
    inset 0 1px 0 #fff,
    inset 0 -1px 0 rgba(123,158,198,.16);
  transform:perspective(900px) rotateX(var(--orbit-card-rx,0deg)) rotateY(var(--orbit-card-ry,0deg)) rotateZ(var(--orbit-card-rz,0deg));
  transform-style:preserve-3d;
  backface-visibility:hidden;
  transition:transform .25s ease;
}
.tp-orbit-card::before{
  content:"";
  position:absolute;
  z-index:-2;
  inset:6px -10px -12px 8px;
  border:1px solid #d4e1f0;
  border-radius:28px;
  background:linear-gradient(145deg,#fff 0%,#edf4fc 55%,#c3d6ec 100%);
  box-shadow:0 15px 25px rgba(28,70,126,.16),inset -5px -6px 8px rgba(126,159,198,.14);
  transform:translateZ(-9px);
}
.tp-orbit-card::after{
  content:"";
  position:absolute;
  z-index:-1;
  inset:1px;
  border-radius:24px;
  background:linear-gradient(118deg,rgba(255,255,255,.98),rgba(255,255,255,.34) 40%,transparent 64%,rgba(111,162,214,.07));
  pointer-events:none;
}
.tp-orbit-card>span{
  position:relative;
  z-index:2;
  width:52px;
  height:52px;
  border:1px solid #d8e6f5;
  border-radius:15px;
  display:grid;
  place-items:center;
  color:#0564dd;
  background:linear-gradient(145deg,#fff 0%,#f7fbff 54%,#e7f2fd 100%);
  box-shadow:0 9px 16px rgba(31,87,164,.14),inset 0 1px 0 #fff,inset 0 -1px 0 rgba(104,160,215,.13);
  transform:translateZ(13px);
}
.tp-orbit-card>div{position:relative;z-index:2;transform:translateZ(11px)}
.tp-orbit-card svg{width:27px;height:27px;stroke-width:2.2}
.tp-orbit-card small,.tp-orbit-card strong,.tp-orbit-card b{display:block;white-space:nowrap;text-shadow:0 1px 0 rgba(255,255,255,.92)}
.tp-orbit-card small{color:#0a2349;font-size:18px;font-weight:950;line-height:1.05;letter-spacing:-.02em}
.tp-orbit-card strong{margin-top:6px;color:#243f67;font-size:14px;font-weight:850}
.tp-orbit-card b{margin-top:4px;color:#587391;font-size:10px;font-weight:800}
.tp-orbit-kpi .tp-orbit-card{display:block;min-height:128px;padding:22px 24px}
.tp-orbit-kpi .tp-orbit-card small{color:#526d8f;font-size:14px}
.tp-orbit-kpi .tp-orbit-card strong{margin:8px 0 5px;color:#075fd4;font-size:40px;line-height:1}
.tp-orbit-kpi .tp-orbit-card>em{position:absolute;right:13px;bottom:10px;color:#899eb6;font-size:6px;font-style:normal;text-transform:uppercase}
.tp-orbit-connectors{
  position:absolute;
  inset:0;
  z-index:4;
  width:100%;
  height:100%;
  overflow:visible;
  pointer-events:none;
  transform:translateZ(-44px);
}
.tp-orbit-connectors g{opacity:var(--link-opacity,.9)}
.tp-orbit-connectors path{fill:none;vector-effect:non-scaling-stroke;stroke-linecap:round;stroke-linejoin:round}
.tp-orbit-link-glow{stroke:rgba(55,183,248,.42);stroke-width:7;filter:blur(1.2px)}
.tp-orbit-link-line{stroke:rgba(246,254,255,.99);stroke-width:2.8;filter:drop-shadow(0 0 2px #63d9ff) drop-shadow(0 0 5px rgba(46,151,239,.66))}
.tp-orbit-link-energy{stroke:#fff;stroke-width:3;stroke-dasharray:1 70;animation:tpLinkEnergy 2.7s linear infinite;filter:drop-shadow(0 0 3px #78deff)}
.tp-orbit-link-origin,.tp-orbit-link-signal{fill:#fff;vector-effect:non-scaling-stroke;filter:drop-shadow(0 0 2px #fff) drop-shadow(0 0 6px #53ceff)}
.tp-orbit-link-origin{stroke:rgba(98,214,255,.48);stroke-width:6}
.tp-orbit-link-signal{stroke:#79dcff;stroke-width:2.5}
@keyframes tpLinkEnergy{to{stroke-dashoffset:-71}}
.tp-orbit-bars{position:absolute;z-index:1;height:66px;display:flex;align-items:flex-end;gap:8px;transform:translateZ(-135px);transform-style:preserve-3d;filter:drop-shadow(0 11px 12px rgba(27,90,177,.2));opacity:.9;animation:tpBarsFloat 4.8s ease-in-out infinite}
.tp-orbit-bars i{position:relative;width:17px;border:1px solid rgba(255,255,255,.72);border-radius:3px 3px 1px 1px;background:linear-gradient(90deg,#2486ed 0 66%,#0759c8 67%);box-shadow:inset 3px 0 7px rgba(131,211,255,.45);animation:tpBarRise 3.4s ease-in-out infinite}
.tp-orbit-bars i::before{content:"";position:absolute;left:2px;right:-3px;top:-5px;height:6px;background:linear-gradient(145deg,#9be5ff,#2f94f1);clip-path:polygon(0 70%,75% 0,100% 35%,25% 100%)}
.tp-orbit-bars i::after{content:"";position:absolute;right:-4px;top:1px;bottom:-1px;width:5px;background:linear-gradient(#0d68d7,#0649aa);clip-path:polygon(0 0,100% 0,100% 92%,0 100%)}
.tp-orbit-bars i:nth-child(1){height:30px;--bar-base:30px}
.tp-orbit-bars i:nth-child(2){height:54px;--bar-base:54px;animation-delay:-.5s}
.tp-orbit-bars i:nth-child(3){height:42px;--bar-base:42px;animation-delay:-1s}
.tp-orbit-bars-one{left:62%;top:9%}
.tp-orbit-bars-two{right:2%;top:42%;animation-delay:-1.6s}
.tp-orbit-bars-three{left:16%;bottom:9%;animation-delay:-3.1s}
@keyframes tpBarsFloat{50%{transform:translateY(-6px) translateZ(-135px)}}
@keyframes tpBarRise{50%{height:calc(var(--bar-base) + 6px);filter:brightness(1.1)}}
/* Commercial narrative after the immersive hero */
.tp-proof-strip{padding:22px 0;border-top:1px solid #dce8f6;border-bottom:1px solid #dce8f6;background:#fff}
.tp-proof-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:0}
.tp-proof-grid article{min-width:0;padding:12px 20px;display:grid;grid-template-columns:38px 1fr;gap:11px;align-items:center;border-right:1px solid #e1e9f3}
.tp-proof-grid article:last-child{border-right:0}
.tp-proof-grid article>svg{width:23px;height:23px;color:#2764d8}
.tp-proof-grid strong,.tp-proof-grid span{display:block}
.tp-proof-grid strong{color:#173454;font-size:13px}
.tp-proof-grid span{margin-top:3px;color:#71849c;font-size:10px;line-height:1.35}
.tp-section-heading{max-width:850px;margin:0 auto 44px;text-align:center}
.tp-section-heading h2{margin:0;color:var(--tp-navy);font-size:clamp(40px,4.4vw,64px);line-height:1.02;letter-spacing:-.055em}
.tp-section-heading>p{max-width:700px;margin:16px auto 0;color:#667b96;font-size:16px;line-height:1.6}

/* Capabilities */
.tp-ecosystem{padding:90px 0;background:#fff}
.tp-resource-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}
.tp-resource-card{min-width:0;min-height:330px;padding:27px;border:1px solid #d7e2ef;border-radius:22px;background:linear-gradient(145deg,#fff,#f5f8fc);box-shadow:0 15px 38px rgba(32,72,125,.06)}
.tp-resource-card.tp-resource-featured{color:#fff;border-color:#2764d8;background:linear-gradient(145deg,#173f7b,#2c70d8);box-shadow:0 24px 52px rgba(39,100,216,.2)}
.tp-card-icon{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;color:#2764d8;background:#e6f1ff}
.tp-card-icon svg{width:22px;height:22px}
.tp-resource-featured .tp-card-icon{color:#fff;background:rgba(255,255,255,.15)}
.tp-resource-card>span{display:block;margin-top:22px;color:#2764d8;font-size:10px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
.tp-resource-featured>span{color:#b9dcff}
.tp-resource-card h3{margin:9px 0 11px;color:#193453;font-size:24px;line-height:1.1;letter-spacing:-.035em}
.tp-resource-featured h3{color:#fff}
.tp-resource-card p{margin:0;color:#667b95;font-size:13px;line-height:1.62}
.tp-resource-featured p{color:#d5e8ff}
.tp-resource-card ul{display:flex;flex-wrap:wrap;gap:7px;margin:20px 0 0;padding:0;list-style:none}
.tp-resource-card li{padding:7px 9px;border:1px solid #d6e3f1;border-radius:99px;color:#516f93;background:#fff;font-size:10px;font-weight:850}
.tp-resource-featured li{color:#e4f2ff;border-color:rgba(255,255,255,.2);background:rgba(255,255,255,.1)}
.tp-swipe-hint{display:none}

/* Segments */
.tp-solutions{padding:90px 0;background:linear-gradient(180deg,#eef4fd,#f8fbff)}
.tp-solutions-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:56px;align-items:center}
.tp-solutions-copy h2{margin:0;color:var(--tp-navy);font-size:clamp(40px,4.2vw,60px);line-height:1.02;letter-spacing:-.052em}
.tp-solutions-copy>p{margin:17px 0 0;color:#657a95;font-size:15px}
.tp-solution-tabs{display:grid;gap:8px;margin-top:27px}
.tp-solution-tabs button{position:relative;padding:15px 16px 15px 42px;border:1px solid #d4e0ef;border-radius:12px;color:#637892;background:#fff;font-size:12px;font-weight:900;text-align:left;cursor:pointer}
.tp-solution-tabs button::before{content:"";position:absolute;left:16px;top:50%;width:9px;height:9px;transform:translateY(-50%);border:2px solid #abc2df;border-radius:50%}
.tp-solution-tabs button.is-active{color:#2764d8;border-color:#8eb7ea;background:#e9f3ff;box-shadow:0 10px 25px rgba(39,100,216,.09)}
.tp-solution-tabs button.is-active::before{border-color:#2764d8;background:#2764d8;box-shadow:0 0 0 5px rgba(39,100,216,.1)}
.tp-solution-stage{position:relative;min-height:500px;border:1px solid #c9dbf0;border-radius:30px;background:linear-gradient(145deg,#fff,#e4eefb);box-shadow:0 30px 70px rgba(31,74,134,.14);overflow:hidden}
.tp-solution-stage::before{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(39,100,216,.055) 1px,transparent 1px),linear-gradient(90deg,rgba(39,100,216,.055) 1px,transparent 1px);background-size:38px 38px;mask-image:linear-gradient(135deg,#000,transparent 82%)}
.tp-solution-panel{position:absolute;inset:0;padding:58px;display:flex;flex-direction:column;justify-content:center}
.tp-solution-panel[hidden]{display:none}
.tp-solution-panel>span{color:#2764d8;font-size:11px;font-weight:950;text-transform:uppercase;letter-spacing:.1em}
.tp-solution-panel h3{max-width:610px;margin:13px 0 14px;color:#183657;font-size:clamp(34px,3.2vw,48px);line-height:1.04;letter-spacing:-.045em}
.tp-solution-panel p{max-width:600px;margin:0;color:#617995;font-size:15px;line-height:1.65}
.tp-solution-flow{display:flex;align-items:center;gap:8px;margin-top:28px;flex-wrap:wrap}
.tp-solution-flow b{padding:9px 11px;border:1px solid #c8daf0;border-radius:99px;color:#3f6798;background:#fff;font-size:10px}
.tp-solution-flow i{width:20px;height:1px;background:#78a8e3;position:relative}
.tp-solution-flow i::after{content:"";position:absolute;right:0;top:-2px;width:5px;height:5px;border-radius:50%;background:#2764d8}
.tp-solution-panel>a{width:max-content;margin-top:32px;display:flex;align-items:center;gap:7px;color:#2764d8;font-size:13px;font-weight:950}
.tp-solution-panel>a svg{width:17px;height:17px}

/* Trust and onboarding */
.tp-confidence{padding:86px 0;background:#fff}
.tp-confidence-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.tp-confidence-grid article{min-height:230px;padding:26px;border:1px solid #d8e3f0;border-radius:20px;background:#f7faff}
.tp-confidence-grid article>svg{width:29px;height:29px;color:#2764d8}
.tp-confidence-grid h3{margin:38px 0 9px;color:#1b3758;font-size:19px}
.tp-confidence-grid p{margin:0;color:#667b95;font-size:13px;line-height:1.58}
.tp-onboarding{padding:0 0 86px;background:#fff}
.tp-onboarding-card{display:grid;grid-template-columns:.78fr 1.15fr auto;gap:42px;align-items:center;padding:46px;border-radius:28px;color:#fff;background:linear-gradient(120deg,#132947,#2158a8 58%,#3278df);box-shadow:0 28px 65px rgba(28,72,137,.2)}
.tp-onboarding .tp-kicker{color:#abd3ff}
.tp-onboarding h2{margin:0;font-size:38px;line-height:1.04;letter-spacing:-.05em}
.tp-onboarding p{margin:14px 0 0;color:#d2e4f9;line-height:1.55}
.tp-onboarding-steps{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;align-items:center;gap:11px}
.tp-onboarding-steps b{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;color:#2764d8;background:#fff;box-shadow:0 0 0 6px rgba(255,255,255,.1)}
.tp-onboarding-steps strong,.tp-onboarding-steps small{display:block}
.tp-onboarding-steps strong{margin-top:13px;font-size:11px}
.tp-onboarding-steps small{margin-top:5px;color:#c5d9ef;font-size:10px;line-height:1.4}
.tp-onboarding-steps>i{width:23px;height:1px;background:#86b9f5}
.tp-btn-light{color:#2764d8;background:#fff;box-shadow:0 14px 28px rgba(10,41,91,.16)}
.tp-onboarding-card>.tp-btn{white-space:nowrap;padding:15px 20px}

/* FAQ and final conversion */
.tp-faq{padding:86px 0;background:#fff}
.tp-faq-layout{display:grid;grid-template-columns:.78fr 1.22fr;gap:72px}
.tp-faq h2{margin:0;color:var(--tp-navy);font-size:clamp(39px,4vw,57px);line-height:1.04;letter-spacing:-.05em}
.tp-faq-layout>div:first-child>p{margin:17px 0 0;color:#667b95;line-height:1.55}
.tp-faq a{color:#2764d8;font-weight:900}
.tp-faq-list{border-top:1px solid #d7e2ef}
.tp-faq-list details{border-bottom:1px solid #d7e2ef}
.tp-faq-list summary{padding:21px 0;display:flex;justify-content:space-between;align-items:center;gap:18px;color:#1a3557;font-size:15px;font-weight:900;cursor:pointer;list-style:none}
.tp-faq-list summary::-webkit-details-marker{display:none}
.tp-faq-list summary span{flex:0 0 auto;width:29px;height:29px;border:1px solid #cbdcf0;border-radius:50%;display:grid;place-items:center;color:#2764d8;transition:.25s ease}
.tp-faq-list summary span svg{width:14px;height:14px}
.tp-faq-list details[open] summary span{transform:rotate(45deg);background:#e9f3ff}
.tp-faq-list details p{margin:-3px 45px 21px 0;color:#667b95;font-size:13px;line-height:1.65}
.tp-final-cta{padding:14px 0 86px;background:#fff}
.tp-final-card{min-height:340px;padding:58px;display:grid;grid-template-columns:1.15fr .85fr;gap:55px;align-items:center;border-radius:31px;color:#fff;background:linear-gradient(135deg,#132947,#1e54a0 55%,#2b70d9);box-shadow:0 35px 80px rgba(24,65,125,.24)}
.tp-final-card .tp-kicker{color:#b8dcff}
.tp-final-card h2{max-width:720px;margin:0;font-size:clamp(40px,4.1vw,60px);line-height:1;letter-spacing:-.055em}
.tp-final-card p{max-width:650px;margin:17px 0 0;color:#d0e3f8;line-height:1.6}
.tp-final-action{display:grid;gap:10px}
.tp-final-action .tp-btn{width:100%;min-height:52px}
.tp-btn-dark-outline{color:#fff;border:1px solid rgba(255,255,255,.34);background:rgba(255,255,255,.08)}
.tp-final-action>small{display:block;margin-top:3px;color:#bfd4ec;font-size:10px;text-align:center}

/* Responsive commercial sections */
@media(max-width:1220px){
  .tp-hero-layout{grid-template-columns:minmax(0,.9fr) minmax(520px,1.1fr)}
  .tp-hero h1{font-size:clamp(49px,5.3vw,72px)}
  .tp-ops-scene{transform:scale(.9);transform-origin:center}
  .tp-proof-grid{grid-template-columns:repeat(3,1fr)}
  .tp-proof-grid article:nth-child(3){border-right:0}
  .tp-proof-grid article:nth-child(n+4){border-top:1px solid #e1e9f3}
  .tp-resource-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
  .tp-onboarding-card{grid-template-columns:1fr}
  .tp-onboarding-card>.tp-btn{width:max-content}
}
@media(max-width:1220px) and (min-width:981px){
  .tp-hero-layout{grid-template-columns:minmax(0,.98fr) minmax(500px,1.02fr)}
  .tp-ops-scene{transform:scale(.78);transform-origin:center}
}
@media(max-width:980px){
  .tp-hero{padding-top:126px}
  .tp-hero-layout{grid-template-columns:1fr;text-align:center}
  .tp-hero h1,.tp-hero-copy>p{margin-left:auto;margin-right:auto}
  .tp-hero-actions,.tp-hero-assurance{justify-content:center}
  .tp-ops-scene{left:0;width:min(680px,100%);height:510px;margin:0 auto;transform:none}
  .tp-proof-grid{grid-template-columns:repeat(2,1fr)}
  .tp-proof-grid article{border-top:1px solid #e1e9f3}
  .tp-proof-grid article:nth-child(-n+2){border-top:0}
  .tp-proof-grid article:nth-child(2n){border-right:0}
  .tp-solutions-layout,.tp-faq-layout{grid-template-columns:1fr}
  .tp-solutions-layout{gap:36px}
  .tp-solution-tabs{grid-template-columns:repeat(2,1fr)}
  .tp-confidence-grid{grid-template-columns:repeat(2,1fr)}
  .tp-final-card{grid-template-columns:1fr}
}
@media(max-width:980px) and (min-width:681px){
  .tp-ops-scene{height:540px}
  .tp-ops-depth{--orbit-scene-scale:.84}
}
@media(max-width:680px){
  body.site-home-immersive .site-public-header{padding-top:8px}
  .tp-hero{min-height:auto;padding:110px 0 54px}
  .tp-eyebrow{font-size:8px;margin-bottom:19px}
  .tp-hero h1{font-size:clamp(27px,8.6vw,36px);line-height:.98;letter-spacing:-.05em}
  .tp-hero-title-desktop{display:none}
  .tp-hero-title-mobile{display:block}
  .tp-hero-title-mobile>span,.tp-hero-title-mobile>em{display:block;white-space:nowrap}
  .tp-hero-title-mobile>em{margin-top:4px;color:var(--tp-blue)}
  .tp-mobile-hide{display:none!important}
  .tp-mobile-punctuation{display:inline}
  .tp-hero-orders-word,
  .tp-hero-platform-word{text-transform:capitalize}
  .tp-hero-copy>p{font-size:15px}
  .tp-hero-actions{display:grid}
  .tp-hero-actions .tp-btn-ghost{display:none}
  .tp-btn{width:100%;min-height:52px}
  .tp-hero-assurance{font-size:9px}
  .tp-ops-scene{height:370px;margin-top:15px}
  .tp-ops-depth{--orbit-scene-scale:.55;transform:scale(var(--orbit-scene-scale))!important;transform-origin:center}
  .tp-orbit-bars-two{display:none}
  .tp-proof-strip{padding:16px 0}
  .tp-proof-grid{display:flex;overflow-x:auto;gap:10px;padding:0 14px;scroll-snap-type:x mandatory;scrollbar-width:none}
  .tp-proof-grid::-webkit-scrollbar,.tp-resource-grid::-webkit-scrollbar,.tp-solution-tabs::-webkit-scrollbar{display:none}
  .tp-proof-grid article{flex:0 0 82%;min-height:82px;padding:14px 16px;border:1px solid #dce7f3!important;border-radius:16px;scroll-snap-align:center}
  .tp-proof-grid strong{font-size:14px}
  .tp-proof-grid span{font-size:11px}
  .tp-ecosystem,.tp-solutions,.tp-confidence,.tp-faq{padding:62px 0}
  .tp-section-heading{margin-bottom:32px;text-align:left}
  .tp-section-heading h2,.tp-solutions-copy h2,.tp-faq h2{font-size:35px}
  .tp-section-heading>p{font-size:14px}
  .tp-resource-grid{display:grid;grid-auto-flow:column;grid-auto-columns:86%;grid-template-columns:none;gap:12px;margin:0 -14px;padding:4px 14px 24px;overflow-x:auto;scroll-snap-type:x mandatory}
  .tp-resource-card{min-height:390px;padding:24px;scroll-snap-align:center}
  .tp-resource-card h3{font-size:24px}
  .tp-swipe-hint{display:block;margin:4px 0 0;color:#6b809a;font-size:11px;text-align:center}
  .tp-solutions-layout{gap:27px}
  .tp-solution-tabs{display:flex;margin:23px -14px 0;padding:2px 14px 10px;overflow-x:auto;scroll-snap-type:x mandatory}
  .tp-solution-tabs button{flex:0 0 auto;min-width:210px;scroll-snap-align:start}
  .tp-solution-stage{min-height:450px;border-radius:22px}
  .tp-solution-panel{padding:32px 24px}
  .tp-solution-panel h3{font-size:32px}
  .tp-solution-panel p{font-size:14px}
  .tp-solution-flow{gap:5px}
  .tp-solution-flow i{width:10px}
  .tp-confidence-grid{grid-template-columns:repeat(2,1fr);gap:10px}
  .tp-confidence-grid article{min-height:230px;padding:20px}
  .tp-confidence-grid h3{margin-top:27px;font-size:17px}
  .tp-confidence-grid p{font-size:12px}
  .tp-onboarding{padding-bottom:62px}
  .tp-onboarding-card{gap:29px;padding:31px 22px;border-radius:24px}
  .tp-onboarding h2{font-size:33px}
  .tp-onboarding-steps{grid-template-columns:1fr;gap:16px}
  .tp-onboarding-steps>i{display:none}
  .tp-onboarding-steps>span{display:grid;grid-template-columns:36px 1fr;gap:0 12px}
  .tp-onboarding-steps b{grid-row:1/3}
  .tp-onboarding-steps strong{margin-top:0;font-size:13px}
  .tp-onboarding-steps small{font-size:11px}
  .tp-onboarding-card>.tp-btn{width:100%}
  .tp-faq-layout{gap:35px}
  .tp-faq-list summary{font-size:14px}
  .tp-faq-list details p{font-size:13px}
  .tp-final-cta{padding:8px 0 62px}
  .tp-final-card{min-height:0;padding:39px 23px;border-radius:24px}
  .tp-final-card h2{font-size:38px}
}
@media(max-width:420px){
  .tp-section-heading h2,.tp-solutions-copy h2,.tp-faq h2{font-size:32px}
  .tp-confidence-grid{grid-template-columns:1fr}
  .tp-confidence-grid article{min-height:190px}
  .tp-final-card h2{font-size:34px}
}
@media(prefers-reduced-motion:reduce){
  .tp-experience *,.tp-experience *::before,.tp-experience *::after{animation-duration:.001ms!important;animation-iteration-count:1!important;transition-duration:.001ms!important}
  .tp-motion-ready [data-tp-reveal]{opacity:1;transform:none}
  .tp-ops-depth{transform:scale(var(--orbit-scene-scale,1))!important}
}
