/* Keep the established TAPE identity; make the product fit the first screen. */
.p-tape .p-nav{position:sticky;top:0;z-index:40;background:#eee9dcf7;backdrop-filter:blur(12px);padding:14px 4%;height:76px}
.tp-hero{padding:28px 4% 22px;min-height:0;grid-template-columns:35% 65%}
.tp-hero h1{font-size:clamp(76px,7.7vw,132px);margin:22px 0 20px}
.tp-product-stage{width:107%;max-width:calc((100svh - 205px)*1.3333);margin-left:-5%;justify-self:center}
.tp-hero-heading>p:not(.tp-label){font-size:17px;max-width:29ch;margin-bottom:18px}
.tp-edition{margin-top:24px;font-size:9px}.tp-product-caption{margin-inline:12%;margin-top:8px}.ts-use-note{margin-top:8px!important;line-height:1.5!important}
.p-tape .tp-controls,.p-tape .tp-specs,.p-tape .tp-last{scroll-margin-top:92px}
.ts-physical-key:focus,.ts-push-dial:focus,.ts-power:focus,.ts-volume-wheel:focus,.ts-disc-touch:focus,.ts-arm-grab:focus{outline:none;stroke:none}
.p-tape :is(a,button,[role=slider],summary):focus-visible{outline:2px solid #2544db;outline-offset:4px}
.ts-arm-grab:focus-visible{outline:none;stroke:#2544db;stroke-width:2;stroke-dasharray:none}.ts-push-dial:focus:not(:focus-visible){outline:none}.ts-disc-touch:focus-visible{outline-offset:-8px}
.ts-display-context{font-size:8cqw;color:#d69437;white-space:nowrap;line-height:1;max-width:97%;overflow:hidden;letter-spacing:0}.ts-device-display{gap:.5px}.ts-device-display:not(.is-menu) .ts-display-context{display:none}.ts-device-display.is-menu .ts-display-main{font-size:17cqw;line-height:1.1}.ts-device-display.is-menu .ts-display-sub{font-size:9cqw;line-height:1.2}
.ts-inspect-options button:hover{background:#e5e0d3}.tp-hero-status a{text-decoration:underline}
@media(min-width:601px) and (max-height:800px){.tp-hero h1{font-size:clamp(68px,13vh,105px)}.tp-hero-heading>p:not(.tp-label){font-size:15px}.tp-hero-heading .tp-demo-lede{display:none}.tp-hero .tp-label{font-size:9px}.tp-edition{margin-top:14px}.tp-hero .tp-button{min-height:44px;padding:13px 16px}.tp-hero-actions{gap:14px}.tp-hero-status{font-size:8px;max-width:38ch}}
@media(max-width:1000px) and (min-width:601px){.tp-product-stage{width:112%;margin-left:-7%}.tp-hero h1{font-size:9vw}.tp-hero-heading>p:not(.tp-label){font-size:15px}.tp-hero-actions{gap:10px}.tp-hero-actions .tp-button{font-size:12px;padding:14px}.tp-hero-actions .tp-button-secondary{font-size:10px!important}.tp-product-caption{margin-inline:7%;gap:7px}.ts-inspect-options button{padding-inline:8px;font-size:8px}.p-nav nav{display:none}}
@media(max-width:600px){.p-tape .p-nav{height:70px;padding:14px 5%}.tp-hero{padding:25px 5% 25px;gap:8px}.tp-hero h1{font-size:18.6vw;line-height:.85;margin:20px 0 17px}.tp-hero-heading>p:not(.tp-label){max-width:33ch;font-size:15px;margin-bottom:16px}.tp-product-stage{max-width:none;width:114%;margin-left:-7%}.tp-product-caption{margin-top:12px;margin-inline:9%;gap:8px}.ts-use-note{margin-inline:9%;max-width:82%}.tp-hero-status{margin-top:8px}.tp-hero .tp-button{padding:12px 16px;min-height:44px}.tp-hero-actions{gap:1px}.tp-hero-heading .tp-demo-lede{display:none}.tp-control-copy .tp-how-step p{max-width:none}.tp-hero-heading .tp-label{font-size:9px}.tp-control-copy{padding-top:45px}}

.p-tape [data-tape-deck].is-pointer-input :focus-visible{outline:none;stroke:none}
.p-tape .tp-control-copy .ts-small-note{font:10px/1.7 Mono,monospace;max-width:370px}
@media(max-width:600px){.tp-hero .tp-edition{display:none}.tp-hero-actions{flex-direction:row;align-items:center;gap:20px}}
/* Centre the composition within a deliberate page gutter on wide screens. */
.p-tape .tp-hero{max-width:1700px;margin-inline:auto;padding:28px clamp(24px,5vw,80px) 22px;grid-template-columns:36% 64%}
.p-tape .tp-product-caption{justify-content:flex-end}
.p-tape .p-nav .built-by{white-space:nowrap!important;max-width:none;flex-shrink:0}
.p-tape .tp-hero-heading .tp-audio-notice{font:12px/1.5 DM;max-width:32ch;padding:10px 0;color:#2544db}
.p-tape [hidden]{display:none!important}
@media(max-width:600px){
 .p-tape .tp-hero{padding:25px 5% 20px}
 .p-tape .p-nav{gap:10px;padding-inline:5%}
 .p-tape .p-logo .tape-wordmark{width:78px!important;height:24px!important}
 .p-tape .p-nav .nav-right{gap:12px}
 .p-tape .p-nav .built-by{font-size:10px;line-height:1}
 .p-tape .p-nav-cta{white-space:nowrap;padding:11px 12px;font-size:10px}
}
@media(max-width:350px){.p-tape .p-logo .tape-wordmark{width:67px!important}.p-tape .p-nav .nav-right{gap:9px}.p-tape .p-nav-cta{padding-inline:9px}}