/* Paper Studio's editorial composition on the existing plum surface. */
html[data-site-design=neon-tape] .neon-home[data-surface=home] .nt-workflow{padding-block:clamp(52px,5.6vw,80px) clamp(56px,6vw,88px)}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .nt-workflow>.shell{position:relative;z-index:1}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .nt-workflow:after{content:'';display:block;position:absolute;inset:auto 0 -1px auto;width:clamp(120px,18vw,300px);height:clamp(36px,4.8vw,76px);z-index:0;opacity:1;transform:none;filter:none;box-shadow:none;border:0;background:var(--al-paper);clip-path:polygon(100% 0,100% 100%,0 100%,12% 90%,18% 88%,27% 76%,33% 75%,42% 63%,48% 61%,57% 48%,64% 46%,73% 32%,79% 29%,88% 15%,94% 12%);mask-image:none;pointer-events:none}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .nt-workflow+.nt-flow-band{background:var(--al-paper)}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:30px 36px;align-items:end;width:100%;max-width:1440px;margin-inline:auto;isolation:isolate;scroll-margin-top:28px}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-heading{display:block;grid-column:1;grid-row:1;text-align:left;margin:0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-heading h3{font-size:clamp(52px,6.4vw,100px);line-height:1.06;letter-spacing:-.035em}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-layout39{display:contents}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-sidebar39{grid-column:2;grid-row:1;align-self:end;padding:0;margin:0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch{display:flex;flex-direction:row;justify-content:flex-end;gap:clamp(20px,2.6vw,36px);overflow:visible;width:100%;border:0;padding:0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch button{position:relative;display:block;flex:0 1 auto;width:auto;min-width:0;min-height:48px;padding:10px 2px 14px;background:transparent;border:0;border-radius:0;box-shadow:none;text-align:center;color:#c9b9d0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch button strong{display:block;color:inherit;font:500 15px/1.5 'DM Sans',system-ui,sans-serif;letter-spacing:0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch button[aria-selected=true]{color:var(--al-lime);background:transparent;box-shadow:none}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch button[aria-selected=true]:after{content:'';display:block;position:absolute;inset:auto 2px 3px;height:2px;background:currentColor}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch button:hover{color:var(--al-ink);background:transparent}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch button[aria-selected=true]:hover{color:var(--al-lime)}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .process-panels{grid-column:1/-1;grid-row:2;position:relative;isolation:isolate;padding:0;min-width:0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .process-panels:after{content:'';position:absolute;inset:-8% -7% 5%;z-index:-1;pointer-events:none;background:radial-gradient(ellipse at 12% 45%,#a976d032,transparent 47%),radial-gradient(ellipse at 91% 35%,#9363bb29,transparent 48%);filter:blur(24px)}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-panel[hidden]{display:none}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-video-frame{overflow:visible;background:none;border:0;border-radius:0;box-shadow:none;outline:0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-stage{position:relative;aspect-ratio:1894/864;border:0;border-radius:6px;overflow:hidden;background:#0d0d19;transition:transform 220ms ease;transform-origin:50% 65%}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-stage :is(video,.process-poster){position:absolute;inset:0;display:block;width:100%;height:100%;object-fit:contain;object-position:50% 50%;margin:0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-stage [hidden]{display:none}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-play{position:absolute;inset:0;display:block;width:100%;height:100%;padding:0;background:transparent;border:0;border-radius:6px;box-shadow:none;opacity:1;cursor:pointer}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-play:focus-visible{outline:3px solid var(--al-lime);outline-offset:-4px}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-play-status:empty{display:none}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-play-status:not(:empty){position:absolute;inset:auto 12px 12px;margin:0;padding:10px 14px;color:#faf3e8;background:#211828;font:400 13px/1.5 'DM Sans',sans-serif;pointer-events:none}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-caption-row{display:block;position:relative;min-height:0;padding:28px 0 0;text-align:left;background:transparent;border:0}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-caption-row h4{font-size:clamp(32px,4.2vw,58px);line-height:1.2;text-wrap:balance}
html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-caption-row .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}
@media(hover:hover) and (pointer:fine){html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-stage:hover{transform:translateY(-3px)}}
@media(max-width:1000px){html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase{grid-template-columns:minmax(0,1fr);row-gap:20px}html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-sidebar39{grid-column:1;grid-row:2}html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .process-panels{grid-column:1;grid-row:3}html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch{justify-content:flex-start}}
@media(max-width:600px){html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase{row-gap:16px}html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch{gap:20px}html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-switch button strong{font-size:12px}html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-caption-row{padding-top:20px}}
@media(prefers-reduced-motion:reduce){html[data-site-design=neon-tape] .neon-home[data-surface=home] .process-showcase .demo-stage{transition:none;transform:none}}

@keyframes process-enter66{from{opacity:.3;transform:translateY(5px)}to{opacity:1;transform:none}}
html[data-site-design=neon-tape] .process-showcase .demo-panel.is-entering{animation:process-enter66 200ms ease-out both}
@media(prefers-reduced-motion:reduce){html[data-site-design=neon-tape] .process-showcase .demo-panel.is-entering{animation:none}}