/* Trompeter-Tech V19 — Interactive Product Center */
:root{
  --pc-ink:#07111f;
  --pc-ink-2:#0b1d31;
  --pc-blue:#1677ff;
  --pc-blue-light:#69b9ff;
  --pc-line:#d9e4ed;
  --pc-soft:#f3f7fa;
  --pc-muted:#607387;
  --pc-radius:16px;
  --pc-shadow:0 26px 70px rgba(5,25,46,.14);
}

.pc-hero{position:relative;overflow:hidden;padding:92px 0 78px;background:var(--pc-ink);color:#fff}
.pc-hero:before{content:"";position:absolute;inset:0;background:linear-gradient(90deg,rgba(7,17,31,.99),rgba(7,17,31,.83) 58%,rgba(7,17,31,.46)),url('/assets/images/hero/hero-machine-builder.webp') center/cover no-repeat;transform:scale(1.01)}
.pc-hero:after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(118,184,242,.07) 1px,transparent 1px),linear-gradient(90deg,rgba(118,184,242,.07) 1px,transparent 1px);background-size:52px 52px;mask-image:linear-gradient(90deg,#000,transparent 78%)}
.pc-hero .wrap{position:relative;z-index:1}
.pc-breadcrumb,.v19-auto-breadcrumb{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:0 0 22px;color:#9fb4c8;font-size:12px}
.pc-breadcrumb a,.v19-auto-breadcrumb a{color:#c7d6e4}
.pc-breadcrumb a:hover,.v19-auto-breadcrumb a:hover{color:#fff}
.pc-breadcrumb i,.v19-auto-breadcrumb i{font-style:normal;color:#5e7890}
.pc-kicker{display:inline-flex;align-items:center;gap:10px;color:#87c5ff;font-size:11px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}
.pc-kicker:before{content:"";width:30px;height:1px;background:#57adff}
.pc-hero h1{max-width:880px;margin:18px 0 22px;color:#fff;font-size:clamp(46px,6vw,76px);line-height:1.02;letter-spacing:-.048em}
.pc-hero p{max-width:770px;margin:0;color:#c2d2e1;font-size:18px;line-height:1.7}
.pc-hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}
.pc-btn{display:inline-flex;align-items:center;justify-content:center;gap:9px;min-height:48px;padding:12px 19px;border:1px solid var(--pc-blue);border-radius:10px;background:var(--pc-blue);color:#fff;font-weight:800;transition:transform .22s,box-shadow .22s,background .22s}
.pc-btn:hover{color:#fff;transform:translateY(-2px);box-shadow:0 15px 35px rgba(22,119,255,.27)}
.pc-btn.secondary{border-color:rgba(255,255,255,.24);background:rgba(255,255,255,.06)}
.pc-btn.ink{border-color:var(--pc-ink);background:var(--pc-ink)}
.pc-btn.ghost{border-color:#c7d7e4;background:#fff;color:#18344d}

.pc-section{padding:88px 0}
.pc-section.soft{background:var(--pc-soft)}
.pc-heading{display:grid;grid-template-columns:1.08fr .92fr;gap:48px;align-items:end;margin-bottom:36px}
.pc-heading h2{margin:8px 0 0;color:var(--pc-ink);font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.04em}
.pc-heading p{margin:0;color:var(--pc-muted);font-size:16px;line-height:1.7}
.pc-eyebrow{color:var(--pc-blue);font-size:10px;font-weight:850;letter-spacing:.17em;text-transform:uppercase}

.pc-entry-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
.pc-entry{position:relative;isolation:isolate;display:flex;min-height:510px;overflow:hidden;border:1px solid rgba(197,215,229,.72);border-radius:var(--pc-radius);background:#fff;color:inherit;box-shadow:0 10px 30px rgba(4,28,49,.04);transition:transform .28s,border-color .28s,box-shadow .28s}
.pc-entry:before{content:"";position:absolute;inset:0;background:linear-gradient(180deg,transparent 0 38%,rgba(6,18,32,.02) 58%,rgba(6,18,32,.92) 100%);z-index:-1}
.pc-entry:after{content:"";position:absolute;right:-75px;top:-65px;width:280px;height:280px;border-radius:50%;background:radial-gradient(circle,rgba(32,144,255,.25),rgba(32,144,255,.04) 54%,transparent 70%);transition:transform .4s}
.pc-entry:hover,.pc-entry:focus-visible{color:inherit;transform:translateY(-9px);border-color:#9bc8ee;box-shadow:var(--pc-shadow);outline:0}
.pc-entry:hover:after,.pc-entry:focus-visible:after{transform:scale(1.16) translate(-8px,8px)}
.pc-entry-visual{position:absolute;inset:0;z-index:-2;background:#edf4fa}
.pc-entry-visual:before,.pc-entry-visual:after{content:"";position:absolute;transition:transform .45s}
.pc-entry:hover .pc-entry-visual:before{transform:translateY(-8px) scale(1.025)}
.pc-entry.automation .pc-entry-visual{background:linear-gradient(145deg,#eaf3fb,#f9fbfd)}
.pc-entry.automation .pc-entry-visual:before{left:12%;right:12%;top:12%;height:45%;border:1px solid #98b9d4;border-radius:8px;background:linear-gradient(145deg,#0c233a,#153e60);box-shadow:inset 0 0 0 9px #dce8f1,0 28px 55px rgba(6,31,52,.18)}
.pc-entry.automation .pc-entry-visual:after{left:22%;right:22%;top:22%;height:22%;background:linear-gradient(135deg,#1677ff,#55b3ff);clip-path:polygon(0 0,100% 0,100% 73%,61% 73%,50% 100%,40% 73%,0 73%)}
.pc-entry.vision .pc-entry-visual{background:radial-gradient(circle at 50% 27%,#fff,#e8f0f6 58%,#dbe8f1)}
.pc-entry.vision .pc-entry-visual:before{width:205px;height:205px;left:50%;top:8%;translate:-50% 0;border-radius:28px;background:radial-gradient(circle,#183b59 0 10%,#51b2ff 11% 13%,#071522 14% 30%,#223e53 31% 35%,#111f2b 36% 50%,#2b465a 51% 53%,#152535 54%);box-shadow:0 28px 55px rgba(6,31,52,.22)}
.pc-entry.vision .pc-entry-visual:after{width:86px;height:22px;left:50%;top:51%;translate:-50% 0;border-radius:3px;background:#56748a;box-shadow:0 12px 0 #b4c6d3}
.pc-entry.connectivity .pc-entry-visual{background:linear-gradient(150deg,#eef5fa,#dfeaf2)}
.pc-entry.connectivity .pc-entry-visual:before{width:245px;height:245px;left:50%;top:1%;translate:-50% 0;border:25px solid #173247;border-left-color:#319cff;border-radius:50%;box-shadow:0 25px 50px rgba(7,35,58,.18)}
.pc-entry.connectivity .pc-entry-visual:after{width:75px;height:42px;left:17%;top:45%;border-radius:7px;background:linear-gradient(90deg,#243f55,#6a879d);box-shadow:190px -15px 0 #1f3b50}
.pc-entry-body{align-self:flex-end;width:100%;padding:210px 28px 28px;color:#fff}
.pc-entry-index{display:flex;align-items:center;justify-content:space-between;color:#9ecfff;font-size:10px;font-weight:850;letter-spacing:.15em;text-transform:uppercase}
.pc-entry h2,.pc-entry h3{margin:13px 0 10px;color:#fff;font-size:31px;letter-spacing:-.035em}
.pc-entry p{margin:0;color:#c6d5e2;line-height:1.6}
.pc-tags{display:flex;flex-wrap:wrap;gap:7px;margin:18px 0 22px}
.pc-tags span{padding:6px 8px;border:1px solid rgba(184,215,241,.22);border-radius:6px;background:rgba(255,255,255,.055);color:#d7e4ef;font-size:10px}
.pc-entry-cta{display:flex;align-items:center;justify-content:space-between;border-top:1px solid rgba(198,222,241,.18);padding-top:18px;color:#fff;font-size:13px;font-weight:850}
.pc-entry-cta i{font-style:normal;font-size:20px;transition:transform .22s}
.pc-entry:hover .pc-entry-cta i{transform:translateX(5px)}

.pc-family-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}
.pc-family{position:relative;display:flex;flex-direction:column;min-height:265px;padding:26px;overflow:hidden;border:1px solid var(--pc-line);border-radius:14px;background:#fff;color:inherit;transition:transform .24s,border-color .24s,box-shadow .24s}
.pc-family:after{content:"";position:absolute;right:-45px;bottom:-52px;width:155px;height:155px;border-radius:50%;background:radial-gradient(circle,#d7ebff,transparent 67%)}
.pc-family:hover,.pc-family:focus-visible{color:inherit;transform:translateY(-6px);border-color:#9ecbf0;box-shadow:0 20px 50px rgba(5,25,46,.11);outline:0}
.pc-family small{color:#8094a6;font-size:10px;font-weight:850;letter-spacing:.14em;text-transform:uppercase}
.pc-family h3{margin:30px 0 9px;color:var(--pc-ink);font-size:24px;letter-spacing:-.03em}
.pc-family p{margin:0 0 22px;color:var(--pc-muted);font-size:14px;line-height:1.65}
.pc-family strong{position:relative;z-index:1;margin-top:auto;color:#0e6bc5;font-size:13px}

.pc-boundary{display:grid;grid-template-columns:auto 1fr;gap:18px;align-items:start;margin-top:28px;padding:20px 22px;border:1px solid #cbddec;border-left:4px solid var(--pc-blue);border-radius:0 12px 12px 0;background:#f2f7fb;color:#496175}
.pc-boundary b{color:var(--pc-ink)}
.pc-boundary .pc-badge{padding:6px 9px;border-radius:6px;background:var(--pc-ink);color:#fff;font-size:10px;letter-spacing:.12em;text-transform:uppercase}

.v19-detail-actions{margin:30px 0 0;padding:22px;border:1px solid var(--pc-line);border-radius:14px;background:linear-gradient(135deg,#f5f9fc,#fff)}
.v19-detail-actions-inner{display:flex;align-items:center;justify-content:space-between;gap:24px}
.v19-detail-actions p{margin:4px 0 0;color:var(--pc-muted);font-size:13px}
.v19-detail-actions-buttons{display:flex;flex-wrap:wrap;gap:9px;flex-shrink:0}
.v19-parent-nav{display:flex;align-items:center;justify-content:space-between;gap:16px;margin-top:22px;padding-top:18px;border-top:1px solid var(--pc-line);font-size:13px}
.v19-parent-nav a{font-weight:800;color:#0e6bc5}
.v19-auto-breadcrumb{max-width:1280px;margin-left:auto;margin-right:auto;padding:0 0 2px}
.page-hero .v19-auto-breadcrumb{color:#9fb4c8}
.page-hero .v19-auto-breadcrumb a{color:#d3e0ea}
.v18-tech-card:has(a[href]){cursor:pointer}
.v18-tech-card:has(a[href]):focus-visible{outline:3px solid rgba(22,119,255,.36);outline-offset:3px}
.v19-mobile-product-link{display:none}

.pc-path{display:grid;grid-template-columns:repeat(4,1fr);gap:1px;overflow:hidden;border:1px solid var(--pc-line);border-radius:14px;background:var(--pc-line)}
.pc-path div{min-height:150px;padding:24px;background:#fff}
.pc-path b{display:block;margin-bottom:18px;color:var(--pc-blue);font-size:11px;letter-spacing:.14em}
.pc-path h3{margin:0 0 7px;color:var(--pc-ink);font-size:18px}
.pc-path p{margin:0;color:var(--pc-muted);font-size:13px;line-height:1.6}

@media(max-width:1020px){
  .pc-entry-grid{grid-template-columns:1fr 1fr}.pc-entry:last-child{grid-column:1/-1;min-height:470px}
  .pc-family-grid{grid-template-columns:1fr 1fr}.pc-path{grid-template-columns:1fr 1fr}
}
@media(max-width:760px){
  .pc-hero{padding:62px 0 56px}.pc-hero p{font-size:16px}.pc-hero-actions{display:grid}.pc-btn{width:100%}
  .pc-section{padding:62px 0}.pc-heading{grid-template-columns:1fr;gap:15px}.pc-entry-grid,.pc-family-grid{grid-template-columns:1fr}.pc-entry,.pc-entry:last-child{grid-column:auto;min-height:470px}
  .pc-entry:hover,.pc-entry:focus-visible,.pc-family:hover,.pc-family:focus-visible{transform:none}.pc-entry:active,.pc-family:active{transform:scale(.985)}
  .pc-entry-body{padding:205px 22px 23px}.pc-entry h2,.pc-entry h3{font-size:27px}.pc-boundary{grid-template-columns:1fr}
  .pc-path{grid-template-columns:1fr}.v19-detail-actions-inner{align-items:flex-start;flex-direction:column}.v19-detail-actions-buttons{display:grid;width:100%}.v19-parent-nav{align-items:flex-start;flex-direction:column}
  .v19-auto-breadcrumb{padding-left:0;padding-right:0}.v18-sticky{padding-bottom:env(safe-area-inset-bottom)}
  .v19-mobile-product-link{display:flex;position:fixed;left:12px;right:12px;bottom:70px;z-index:88;min-height:44px;align-items:center;justify-content:center;border-radius:10px;background:#fff;color:#0b61b4;font-size:12px;font-weight:850;box-shadow:0 10px 28px rgba(5,25,46,.18)}
}
@media(prefers-reduced-motion:reduce){.pc-entry,.pc-entry:after,.pc-entry-visual:before,.pc-family,.pc-btn{transition:none!important}}