/* Isolated Pinning feature; existing Dockvia fonts, colors and controls remain authoritative. */
.pin-page .pin-shell{width:min(1120px,calc(100% - 80px));margin-inline:auto}
.pin-page .preview-status{padding:10px 24px;border-bottom:1px solid var(--line);font-size:11px;letter-spacing:.06em;text-align:center;color:var(--muted)}
.pin-page .pin-breadcrumb{padding-top:27px;font-size:12px;color:var(--muted)}
.pin-breadcrumb ol{display:flex;flex-wrap:wrap;gap:10px;list-style:none;margin:0;padding:0}
.pin-breadcrumb li+li:before{content:"/";padding-inline-end:10px;color:#61758c}
.pin-page .pin-hero{padding:42px 0 94px}
.pin-page .hero-copy{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:75px;align-items:center}
.pin-page h1{font-size:clamp(2.6rem,4.5vw,4rem);line-height:1.06;letter-spacing:var(--tracking-hero);text-wrap:balance}
.pin-page .pin-statement{font-size:21px;color:#d7e1ee;line-height:1.4;margin-bottom:17px;text-wrap:balance}
.pin-page .hero-intro>p:not(.pin-statement){font-size:17px;line-height:1.8}
.pin-page .pin-actions{display:flex;align-items:center;flex-wrap:wrap;gap:24px;margin-top:26px}
.pin-page .pin-actions small{font-size:13px;font-weight:600;color:#c7d9ec}
.pin-page .pin-actions .text-button{min-height:44px}
.pin-page .product-frame{margin:0;border:1px solid var(--line);border-radius:16px;overflow:hidden;background:var(--panel);box-shadow:0 18px 50px #0003}
.pin-page .hero-capture{margin-top:44px}
.pin-page picture{display:block;margin-inline:auto}
.pin-page picture img{width:100%;height:100%;object-fit:contain}
.pin-page .hero-picture{aspect-ratio:1120/240;max-width:1120px;background:#0d1929}
.pin-page .product-frame figcaption,.pin-page .stage-capture figcaption{display:flex;align-items:center;justify-content:space-between;gap:16px;color:var(--muted);font-size:12px;line-height:1.5}
.pin-page .product-frame figcaption{padding:14px 18px}
.pin-page figcaption a{color:#b6cce3;text-decoration:underline;text-underline-offset:4px;min-height:24px}
.pin-page .pin-section{padding-block:92px;border-top:1px solid var(--line);scroll-margin-top:105px}
.pin-page h2{font-size:clamp(2rem,3.5vw,3.1rem);line-height:1.1;text-wrap:balance}
.pin-page .section-heading{max-width:760px}
.pin-page .section-heading>p:not(.kicker){margin-top:21px;max-width:700px;font-size:17px;line-height:1.8}
.pin-page .types-capture{max-width:960px;margin:40px auto 0;box-shadow:none}
.pin-page .types-picture{aspect-ratio:960/280;max-width:960px}
.pin-page .category-list{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:34px;margin:34px 0 0}
.pin-page .category-list>div{padding-top:23px;border-top:1px solid var(--line)}
.pin-page .category-list dt{font-size:13px;font-weight:600;color:var(--blue);margin-bottom:19px}
.pin-page .category-list dd{margin:0}
.pin-page .category-list strong{display:block;font-size:18px;line-height:1.4;font-weight:550;letter-spacing:var(--tracking-small-title)}
.pin-page .category-list p{font-size:15px;line-height:1.8;margin-top:14px}
.pin-page .pin-stages{display:grid;gap:34px;list-style:none;margin:42px 0 0;padding:0}
.pin-page .pin-stages>li{display:grid;grid-template-columns:minmax(0,640px) minmax(0,1fr);gap:54px;align-items:center;border-top:1px solid #8aafd33d;padding-top:34px}
.pin-page .stage-capture{margin:0;min-width:0}
.pin-page .stage-capture>a,.pin-page .pin-comparison a{display:block;border:1px solid var(--line);border-radius:12px;overflow:hidden;background:#0d1929}
.pin-page .stage-capture>a:hover,.pin-page .pin-comparison a:hover{border-color:#8aafd375}
.pin-page .drag-picture,.pin-page .open-picture{aspect-ratio:4/3}
.pin-page .pin-comparison img{width:100%;height:auto}
.pin-page .pin-comparison>div+div{margin-top:20px}
.pin-page .capture-label{display:block;color:#b6cce3;font-size:12px;margin-bottom:8px}
.pin-page .stage-capture figcaption{margin-top:12px}
.pin-page .stage-capture figcaption span{flex-shrink:0;color:#b6cce3}
.pin-page .stage-number{display:block;margin-bottom:28px;font-size:13px;color:var(--blue);font-variant-numeric:tabular-nums;letter-spacing:.06em}
.pin-page .stage-copy h3{font-size:21px;line-height:1.2;margin-bottom:15px}
.pin-page .stage-copy p{font-size:16px;line-height:1.75}
.pin-page .capture-needed{aspect-ratio:4/3;display:flex;flex-direction:column;justify-content:center;padding:40px;border:1px dashed #7b98b34d;border-radius:12px;background:#0d141d;color:var(--muted)}
.pin-page .capture-needed .kicker{font-size:11px;margin-bottom:20px}
.pin-page .capture-needed strong{font-size:21px;color:var(--text);font-weight:550;letter-spacing:var(--tracking-small-title)}
.pin-page .capture-needed>p:last-child{font-size:14px;line-height:1.7;margin-top:15px;max-width:330px}
.pin-page .workflow-layout{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:72px;align-items:center;margin-top:44px}
.pin-page .work-picture{aspect-ratio:3;max-width:960px}
.pin-page .workflow-capture{box-shadow:none}
.pin-page .use-cases{margin:0}
.pin-page .use-cases>div{padding-block:22px;border-bottom:1px solid var(--line)}
.pin-page .use-cases>div:first-child{padding-top:0}
.pin-page .use-cases dt{font-size:19px;font-weight:600;letter-spacing:var(--tracking-small-title);margin-bottom:9px}
.pin-page .use-cases dd{margin:0;color:var(--muted);font-size:16px;line-height:1.75}
.pin-page .windows-capabilities{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:55px;max-width:960px;margin-top:38px}
.pin-page .windows-capabilities>div{border-top:1px solid var(--line);padding-top:24px}
.pin-page .windows-capabilities h3{font-size:21px;line-height:1.3}
.pin-page .windows-capabilities p{font-size:16px;line-height:1.8;margin-top:17px}
.pin-page .supporting-note{font-size:17px;line-height:1.8;margin-top:35px;max-width:780px;color:#d4e1ee}
.pin-page .inline-link{display:inline-flex;gap:9px;align-items:center;min-height:44px;margin-top:17px;color:#a7c9ed;font-size:14px;text-decoration:underline;text-underline-offset:5px}
.pin-page .pin-faq{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:90px}
.pin-page .faq-list summary{gap:18px;min-height:64px}
.pin-page .faq-list summary svg{flex-shrink:0}
.pin-page .final-conversion{text-align:center;padding-block:94px 100px}
.pin-page .final-conversion h2{max-width:730px;margin:auto}
.pin-page .final-conversion>p:not(.kicker){max-width:650px;margin:23px auto 0;font-size:17px}
.pin-page .final-conversion .pin-actions{flex-direction:column;gap:0;margin-top:28px}
.pin-page .final-conversion .requirement{margin-top:25px;font-size:12px;color:var(--muted)}
@media(max-width:1100px){.pin-page .hero-copy{gap:45px}.pin-page .pin-stages>li{grid-template-columns:1fr;gap:24px}.pin-page .stage-capture{width:min(100%,640px)}.pin-page .stage-copy{max-width:640px}.pin-page .stage-number{margin-bottom:17px}.pin-page .workflow-layout{gap:45px}.pin-page .pin-faq{gap:55px}}
@media(max-width:800px){
 .pin-page .pin-shell{width:calc(100% - 48px)}
 .pin-page .pin-hero{padding-top:45px;padding-bottom:65px}
 .pin-page .hero-copy{grid-template-columns:1fr;gap:25px}
 .pin-page h1{max-width:650px}
 .pin-page .hero-intro{max-width:650px}
 .pin-page .hero-picture{aspect-ratio:600/240;width:min(100%,600px)}
 .pin-page .pin-section{padding-block:65px}
 .pin-page .category-list{gap:23px}
 .pin-page .workflow-layout{grid-template-columns:1fr;gap:30px}
 .pin-page .workflow-capture{max-width:620px}
 .pin-page .use-cases{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}
 .pin-page .use-cases>div,.pin-page .use-cases>div:first-child{border-bottom:0;border-top:1px solid var(--line);padding-top:20px}
 .pin-page .pin-faq{grid-template-columns:1fr;gap:32px}
 .pin-page .final-conversion{padding-block:70px}
}
@media(max-width:600px){
 .pin-page .pin-shell{width:calc(100% - 36px)}
 .pin-page .preview-status{font-size:9px;line-height:1.6;padding:9px 12px}
 .pin-page .pin-breadcrumb{padding-top:20px}
 .pin-page .pin-hero{padding-top:36px;padding-bottom:54px}
 .pin-page .pin-hero .kicker{font-size:10px;letter-spacing:.13em;margin-bottom:17px}
 .pin-page h1{font-size:clamp(2.35rem,10vw,3.3rem);line-height:1.08}
 .pin-page .pin-statement{font-size:19px;text-wrap:initial}
 .pin-page .hero-intro>p:not(.pin-statement){font-size:16px;line-height:1.75}
 .pin-page .pin-actions{flex-direction:column;align-items:flex-start;gap:20px}
 .pin-page .hero-capture{margin-top:30px;border-radius:12px}
 .pin-page .product-frame figcaption,.pin-page .stage-capture figcaption{font-size:11px;align-items:flex-start;flex-direction:column;gap:6px}
 .pin-page .product-frame figcaption{padding:12px 14px}
 .pin-page figcaption a{min-height:32px;display:inline-flex;align-items:center}
 .pin-page .pin-section{padding-block:54px}
 .pin-page .section-heading>p:not(.kicker){font-size:16px}
 .pin-page .types-picture{aspect-ratio:600/280}
 .pin-page .types-capture{margin-top:30px}
 .pin-page .category-list{grid-template-columns:1fr;gap:26px}
 .pin-page .category-list dt{margin-bottom:12px}
 .pin-page .pin-stages{margin-top:30px;gap:30px}
 .pin-page .pin-stages>li{padding-top:26px;gap:22px}
 .pin-page .open-picture{aspect-ratio:2/3}
 .pin-page .capture-needed{padding:26px}
 .pin-page .capture-needed strong{font-size:18px}
 .pin-page .capture-needed>p:last-child{font-size:13px}
 .pin-page .work-picture{aspect-ratio:600/320}
 .pin-page .use-cases{grid-template-columns:1fr;gap:0}
 .pin-page .use-cases>div{padding-bottom:24px}
 .pin-page .windows-capabilities{grid-template-columns:1fr;gap:28px}
 .pin-page .pin-faq{gap:26px}
 .pin-page .final-conversion{padding-block:60px}
 .pin-page .final-conversion .pin-actions{align-items:center}
}
@media(prefers-reduced-motion:reduce){.pin-page,.pin-page *{scroll-behavior:auto!important;transition:none!important}}

.pin-page .reorder-sequence .reorder-stills{display:none}
.pin-page .reorder-sequence .reorder-stills>div{margin-top:20px}
.pin-page .reorder-sequence[data-motion="off"] .reorder-motion{display:none}
.pin-page .reorder-sequence[data-motion="off"] .reorder-stills{display:block}
.pin-page .reorder-sequence[data-motion="off"] .reorder-stills>div:first-child{margin-top:0}
.pin-page .reorder-sequence .reorder-motion img{width:100%;height:auto}
.pin-page .motion-toggle{flex-shrink:0;min-height:44px;padding:0 4px;border:0;background:none;color:#b6cce3;font:inherit;text-decoration:underline;text-underline-offset:4px;cursor:pointer}
.pin-page .motion-toggle:hover{color:#fff}
.pin-page .motion-toggle:focus-visible{outline:2px solid #a7c9ed;outline-offset:2px;border-radius:4px}
@media(prefers-reduced-motion:reduce){.pin-page .reorder-sequence .reorder-motion{display:none}.pin-page .reorder-sequence .reorder-stills{display:block}.pin-page .reorder-sequence .reorder-stills>div:first-child{margin-top:0}.pin-page .motion-toggle{display:none}}

.pin-page .drag-sequence .drag-still{display:none}
.pin-page .drag-sequence[data-motion="off"] .drag-live{display:none}
.pin-page .drag-sequence[data-motion="off"] .drag-still{display:block}
.pin-page .drag-sequence .drag-live img{width:100%;height:auto}
@media(prefers-reduced-motion:reduce){.pin-page .drag-sequence .drag-live{display:none}.pin-page .drag-sequence .drag-still{display:block}}