/* Product screens continue the field narrative. */
.product-experience{padding:100px 7% 0;background:#0c151a;color:#edf4f2;position:relative}
.product-intro{text-align:left;max-width:none;margin:0 0 65px;display:grid;grid-template-columns:1.4fr 1fr;gap:20px 70px}
.product-intro .eyebrow{grid-column:1/-1;color:var(--mint);margin-bottom:8px}
.product-intro h2{font-size:clamp(34px,3.3vw,52px);grid-row:2/4}
.product-intro h2 span{color:#8ca7ac}
.product-intro>p:not(.eyebrow){font-size:16px;color:#9ab0b6;margin:0;align-self:end}
.perspective-link{justify-self:start;align-self:start;color:#c4dedb;border-color:#4c716e;font-size:13px}
.product-role{display:flex;justify-content:space-between;align-items:center;border-top:1px solid #344a50;padding-top:28px;margin-bottom:12px;gap:20px}
.product-role>span{color:#81b4aa;align-self:center;font-size:11px}
.product-role h2{font-size:21px;letter-spacing:-.04em;margin-right:auto}
.product-role h2 br{display:none}.product-role>p{font-size:12px;color:#718e98}
.admin-product .product-tabs{border-bottom:1px solid #31484e;margin-bottom:25px;gap:10px}
.product-tabs button{color:#91aab2;padding:18px 22px;font-size:14px}
.product-tabs button span{color:#58737f}
.product-tabs button[aria-selected=true]{color:var(--mint);box-shadow:inset 0 -2px var(--mint)}
.product-tabs button[aria-selected=true] span{color:var(--mint)}
.admin-product .product-panel{display:flex;flex-direction:column}
.admin-product .product-caption{order:2;align-items:start;justify-content:start;gap:45px;margin:28px 0 0}
.product-caption h3{font-size:19px;min-width:245px;color:#e2eeeb}
.product-caption p{color:#8fa9b2;font-size:14px}
.admin-product .mockup-enlarge{border:8px solid #263840;border-top-width:28px;border-radius:12px;background:#263840;box-shadow:0 30px 70px #0005;overflow:visible}
.admin-product .mockup-enlarge:before{content:'PROOFSAFE / CONTROL CENTER';position:absolute;top:-21px;left:9px;font:9px monospace;letter-spacing:2px;color:#a0b7bd}
.admin-product .mockup-enlarge img{border-radius:2px}
.enlarge-hint{opacity:1;background:#0c202bdf;border:1px solid #66888366;font-size:11px;padding:8px 11px}
.product-disclaimer{color:#657f8a;margin-top:18px;font-size:11px}
.worker-product{margin:100px -8.15% 0;padding:95px 11% 80px;background:radial-gradient(ellipse at 75% 48%,#24403966,transparent 49%),#091115;gap:12%;border-top:1px solid #263b40;position:relative}
.worker-editorial .eyebrow{color:var(--mint)}
.worker-editorial h2{font-size:clamp(35px,3.3vw,52px)}
.worker-editorial em{color:var(--mint)}
.worker-editorial>p:not(.eyebrow){color:#91a9ae;font-size:16px;line-height:1.95}
.worker-tabs{display:flex;flex-direction:column;border:0;max-width:390px;overflow:visible}
.worker-tabs button,.worker-tabs button:nth-child(odd),.worker-tabs button:nth-child(n+3){border:0;border-top:1px solid #2d444c;padding:17px 12px;text-align:left;background:transparent;box-shadow:none}
.worker-tabs button:after{content:'↗';float:right;color:#53747c;font-weight:400}
.worker-tabs button[aria-selected=true]{background:linear-gradient(90deg,#18352d,transparent);box-shadow:inset 2px 0 var(--mint);color:var(--mint)}
.worker-tabs button[aria-selected=true]:after{color:var(--mint)}
.worker-editorial>small{color:#607e87;font-size:11px;max-width:365px;margin-top:20px}
.worker-display .product-panel{display:flex;flex-direction:column;align-items:center}
.worker-display .product-caption{order:2;max-width:360px;margin:26px 0 0;text-align:center;min-height:92px}
.worker-display .product-caption h3{font-size:17px;min-width:0;color:#dfefea}
.worker-display .product-caption p{font-size:13px;line-height:1.9;color:#819fa9}
.worker-display .mockup-enlarge{width:min(100%,320px);aspect-ratio:555/1157;max-width:320px;border-radius:48px;background:#111d22;overflow:hidden;box-shadow:0 35px 85px #0009,0 0 0 1px #91b1a933}
.worker-display .mockup-enlarge img{position:absolute;width:202.16%;max-width:none;height:auto;aspect-ratio:1122/1402;left:-46.85%;top:-3.72%;object-fit:contain}
.worker-display .enlarge-hint{bottom:19px;right:50%;transform:translateX(50%);white-space:nowrap;opacity:0}
.worker-display .mockup-enlarge:hover .enlarge-hint,.worker-display .mockup-enlarge:focus-visible .enlarge-hint{opacity:1}
.product-bridge{margin:0 -8.15%;padding:30px 7%;background:#091115;border-top:1px solid #263b40;color:#8fadaf;gap:40px;font-size:13px}
.product-bridge i{color:#4e706f}.product-experience button:focus-visible{outline-color:var(--mint)}
.product-panel:not([hidden]){animation:product-in .35s ease-out}
@keyframes product-in{from{opacity:.3;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:800px){
 .product-experience{padding:65px 6% 0}.product-intro{display:block;margin-bottom:38px}.product-intro .eyebrow{margin-bottom:22px;font-size:10px}.product-intro h2{font-size:30px}.product-intro>p:not(.eyebrow){font-size:14px;margin:24px 0 20px}.perspective-link{display:inline-block;font-size:12px}
 .product-role{display:block;padding-top:23px}.product-role>span{font-size:10px}.product-role h2{font-size:19px;margin-top:12px}.product-role>p{display:none}.product-tabs button{font-size:13px;padding:16px 12px}.product-tabs button span{font-size:10px;margin-right:7px}.admin-product .product-tabs{gap:0;margin-bottom:20px}
 .admin-product .mockup-enlarge{border-width:4px;border-top-width:24px;border-radius:6px}.admin-product .mockup-enlarge:before{top:-18px;font-size:8px;letter-spacing:1px}.admin-product .enlarge-hint{position:static;display:block;border:0;background:#263840;padding:8px;font-size:11px}.admin-product .product-caption{display:block;margin-top:22px}.product-caption h3{font-size:18px}.product-caption p{font-size:14px;margin-top:10px}.product-disclaimer{font-size:11px;line-height:1.8}
 .worker-product{margin:55px -6.82% 0;padding:60px 6% 45px;display:block}.worker-editorial h2{font-size:32px}.worker-editorial h2 br:nth-of-type(2){display:none}.worker-editorial>p:not(.eyebrow){font-size:14px;margin:22px 0}.worker-tabs{display:grid;grid-template-columns:1fr 1fr;max-width:none;gap:0 10px}.worker-tabs button:after{font-size:12px}.worker-tabs button{font-size:13px;padding:15px 10px}.worker-editorial>small{font-size:11px;margin:17px 0 35px}.worker-display .mockup-enlarge{width:270px;border-radius:41px}.worker-display .enlarge-hint{display:none}.worker-display .product-caption{min-height:0;margin-top:24px;max-width:310px}.worker-display .product-caption p{font-size:13px}.product-bridge{margin:0 -6.82%;gap:10px;font-size:11px;padding:24px 5%}
}
@media(prefers-reduced-motion:reduce){.product-panel:not([hidden]){animation:none}}

/* A continuous visual handoff: field → control room → worker → positioning. */
.product-experience h2{word-break:keep-all}
.product-experience{padding-top:0;background:#0c151a}
.product-intro{position:relative;isolation:isolate;min-height:440px;padding:100px 0 85px;margin-bottom:25px;align-content:center}
.product-intro:before{content:'';position:absolute;z-index:-1;inset:0 -8.15%;background:linear-gradient(90deg,#0c151af5 5%,#0c151acc 50%,#0c151a70),linear-gradient(0deg,#0c151a,transparent 65%),url('cutaway.png') right 48%/70% auto no-repeat;opacity:.65;pointer-events:none}
.product-intro:after{content:'';position:absolute;left:0;top:0;width:1px;height:62px;background:linear-gradient(transparent,var(--mint))}
.product-intro h2{font-size:clamp(34px,3.6vw,57px);line-height:1.25;letter-spacing:-.055em}
.product-intro h2 span{color:#c5d7d4}
.admin-product{position:relative;padding-bottom:35px}
.admin-product .mockup-enlarge{box-shadow:0 45px 100px #0008,0 0 85px #50e4d108}
.worker-product{margin-top:65px;border-top:0;background:radial-gradient(ellipse at 75% 48%,#24403966,transparent 49%),linear-gradient(#0c151a,#091115)}
.worker-product:before{content:'';position:absolute;top:0;left:50%;height:65px;width:1px;background:linear-gradient(#50e4d180,transparent)}
.product-bridge{display:block;text-align:center;padding:85px 7% 95px;border-top:0;background:radial-gradient(ellipse at 50% 100%,#18322f88,transparent 65%),#091115}
.product-bridge .eyebrow{font-size:10px;color:#6ca69d;letter-spacing:2px;margin:0 0 28px}
.product-bridge h2{font-size:clamp(30px,3vw,46px);line-height:1.35;color:#e1eee9;letter-spacing:-.045em}
.product-bridge>p:not(.eyebrow){margin:25px 0;color:#8ca6aa;font-size:15px;line-height:1.9}
.product-bridge>a{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px;border:1px solid #4b6e68;border-radius:50%;color:var(--mint);margin-top:15px}
.worker-editorial h2 br:nth-of-type(2){display:initial}
@media(max-width:800px){.product-experience{padding-top:0}.product-intro{min-height:0;padding:75px 0 45px;margin-bottom:10px}.product-intro:before{background-size:120% auto;background-position:center;opacity:.35}.product-intro:after{height:40px}.product-intro h2{font-size:32px}.product-intro>p:not(.eyebrow){line-height:1.9}.worker-product{margin-top:30px;padding-top:65px}.worker-product:before{height:38px}.product-bridge{padding:55px 6% 65px}.product-bridge h2{font-size:29px}.product-bridge>p:not(.eyebrow){font-size:13px}.product-bridge .eyebrow{font-size:9px;letter-spacing:1px}}