/* Focused product overviews for Video Support Desk and Portfolio Tracker. */
.desktop-nav a[aria-current="page"]{color:var(--teal)}
.detail-hero{background:radial-gradient(circle at 80% 32%,#d3e9ed,transparent 34%),linear-gradient(135deg,#f9fcfc,#e8f3f5 75%,#e1eef1)}
.detail-breadcrumb{display:flex;align-items:center;gap:10px;padding-top:43px;color:#64818a;font-size:12px;font-weight:700}
.detail-breadcrumb a:hover,.detail-back:hover{color:var(--teal)}
.detail-breadcrumb span[aria-current]{color:#183c49}
.detail-hero-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);align-items:center;gap:clamp(35px,6vw,90px);min-height:610px;padding:48px 0 100px}
.detail-kicker{display:flex;align-items:center;gap:11px;margin:0;color:#087b87;font-size:11px;font-weight:820;letter-spacing:.16em}
.detail-dot{display:inline-block;width:8px;height:8px;flex:none;border-radius:50%;background:#72ced0;box-shadow:0 0 0 5px #72ced02c,0 0 12px #72ced0}
.detail-status{display:inline-block;margin-top:22px;padding:7px 11px;border:1px solid #7dbdc4;border-radius:100px;color:#0a7380;font-size:11px;font-weight:800;letter-spacing:.04em}
.detail-hero-copy h1{margin:24px 0 23px;color:#102f3c;font-size:clamp(48px,5vw,75px);line-height:1.03;letter-spacing:-.07em}
.detail-lead{max-width:600px;margin:0;color:#136a77;font-size:clamp(22px,2vw,29px);font-weight:690;line-height:1.36;letter-spacing:-.03em}
.detail-description{max-width:570px;margin:22px 0 0;color:#4b6974;font-size:16px;line-height:1.72}
.detail-button{display:inline-flex;align-items:center;min-height:50px;margin-top:33px;padding:0 19px;border-radius:7px;background:#0d3341;color:#f0f9f9;font-size:14px;font-weight:780;transition:background .2s,transform .2s}
.detail-button:hover{background:#0a7481;transform:translateY(-2px)}
.detail-visual{position:relative;display:flex;flex-direction:column;min-height:425px;overflow:hidden;border:1px solid #7ebac477;border-radius:22px;background:radial-gradient(circle at 70% 39%,#1c64727a,transparent 44%),linear-gradient(145deg,#173e4d,#092837 69%);box-shadow:0 30px 64px #123f5038,inset 0 1px #e7ffff2d;color:#e9f8f8}
.detail-visual::before{content:"";position:absolute;inset:0;background:linear-gradient(128deg,#ffffff0d,transparent 45%);pointer-events:none}
.detail-visual-header,.detail-visual-footer{position:relative;z-index:1;display:flex;justify-content:space-between;gap:18px;padding:19px 23px;color:#9fd0d7;font-size:10px;font-weight:800;letter-spacing:.13em}
.detail-visual-header{border-bottom:1px solid #a6dce02c}.detail-visual-footer{margin-top:auto;border-top:1px solid #a6dce02c}
.detail-visual-footer span{color:#61bdc5}
.detail-support-ticket,.detail-portfolio-result{position:relative;z-index:1;margin:45px 35px 0;padding:20px 22px;border:1px solid #92d4d979;border-radius:12px;background:#9bdbe115;box-shadow:inset 0 1px #ffffff1e,0 17px 28px #001f2c36}
.detail-support-ticket small,.detail-portfolio-result small{display:block;margin-bottom:8px;color:#8dd2d8;font-size:10px;font-weight:800;letter-spacing:.16em}
.detail-support-ticket strong,.detail-portfolio-result strong{font-size:19px;line-height:1.35}
.detail-support-flow{position:relative;z-index:1;display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:37px 35px 0}
.detail-support-flow span{position:relative;display:grid;place-items:center;min-height:54px;padding:7px;border:1px solid #8ecad277;border-radius:9px;background:#317b8740;text-align:center;font-size:12px;font-weight:750}
.detail-support-flow span:nth-child(3){border-color:#b1eff0;background:#4d9da650;box-shadow:0 0 21px #8de0e03a}
.detail-support-status{position:relative;z-index:1;display:flex;align-items:center;gap:10px;margin:27px 35px 37px;color:#d4eeef;font-size:13px;font-weight:720}
.detail-support-status i{width:8px;height:8px;border-radius:50%;background:#9fe9e6;box-shadow:0 0 0 5px #9fe9e62a,0 0 12px #9fe9e6}
.detail-portfolio-sources{position:relative;z-index:1;display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:53px 35px 0}
.detail-portfolio-sources span{display:grid;place-items:center;min-height:68px;border:1px solid #9bd7dd81;border-radius:10px;background:#7ac9d226;font-size:12px;font-weight:800;letter-spacing:.14em}
.detail-portfolio-lines{position:relative;display:flex;justify-content:space-around;height:40px;margin:0 70px}
.detail-portfolio-lines i{width:2px;height:100%;background:linear-gradient(#a2e6e9,transparent);box-shadow:0 0 10px #a2e6e9}
.detail-portfolio-result{margin:0 35px 37px;text-align:center}
.detail-content{padding:92px 0 115px;background:linear-gradient(180deg,#fff,#f0f7f8)}
.detail-audience{display:grid;grid-template-columns:minmax(170px,.3fr) 1fr;gap:30px;align-items:start;padding:23px 0 28px;border-top:1px solid #cddfe3;border-bottom:1px solid #cddfe3}
.detail-audience span{color:#087b87;font-size:11px;font-weight:820;letter-spacing:.16em}.detail-audience p{max-width:810px;margin:0;color:#345662;font-size:18px;line-height:1.55}
.detail-heading{margin:70px 0 30px}.detail-heading h2{max-width:850px;margin:20px 0 0;color:#102f3c;font-size:clamp(37px,4vw,56px);line-height:1.09;letter-spacing:-.06em}
.detail-feature-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.detail-feature-grid article{min-height:190px;padding:29px;border:1px solid #c9e0e4;border-radius:13px;background:#f8fcfc;box-shadow:inset 0 1px #fff,0 13px 28px #173f4b0d}
.detail-feature-grid h3{margin:0 0 14px;color:#173f4c;font-size:24px;letter-spacing:-.035em}.detail-feature-grid p{margin:0;color:#58717a;font-size:15px;line-height:1.62}
.detail-back{display:inline-block;margin-top:39px;padding-bottom:5px;border-bottom:1px solid #7eafb7;color:#173f4c;font-size:14px;font-weight:750}
@media(max-width:950px){.detail-hero-grid{grid-template-columns:1fr;gap:37px;padding:55px 0 80px}.detail-visual{width:min(100%,700px)}.detail-feature-grid{grid-template-columns:1fr 1fr}}
@media(max-width:620px){.container{width:min(calc(100% - 36px),var(--container))}.detail-breadcrumb{padding-top:27px}.detail-hero-grid{padding:48px 0 66px}.detail-hero-copy h1{font-size:clamp(43px,10vw,58px)}.detail-visual{min-height:360px;border-radius:16px}.detail-visual-header,.detail-visual-footer{padding:15px;font-size:8px}.detail-support-ticket,.detail-portfolio-result{margin-left:17px;margin-right:17px;padding:15px}.detail-support-ticket{margin-top:30px}.detail-support-flow{gap:5px;margin:27px 17px 0}.detail-support-flow span{min-height:48px;font-size:9px}.detail-support-status{margin:24px 17px 28px}.detail-portfolio-sources{gap:9px;margin:45px 17px 0}.detail-portfolio-lines{margin:0 40px}.detail-portfolio-result{margin-top:0;margin-bottom:25px}.detail-content{padding:70px 0 85px}.detail-audience{grid-template-columns:1fr;gap:12px}.detail-audience p{font-size:16px}.detail-heading{margin-top:55px}.detail-feature-grid{grid-template-columns:1fr}.detail-feature-grid article{min-height:0}}
@media(prefers-reduced-motion:reduce){.detail-button{transition:none}.detail-button:hover{transform:none}}