/* Entry is a white, hard-edged square mask, observed on the live reference. */
.blurry-page-wipe{position:fixed;inset:0;z-index:9999;pointer-events:none;display:block}
/* Two case studies: one front card and one backing card. */
.replica-case-stack:after{content:none!important;display:none!important}
/* Yellow carries most of the button; lavender is confined to the right edge. */
.neon-build-page .replica-nav .replica-middle,.neon-build-page .replica-nav-controls .replica-button,.neon-build-page .build-dark .replica-button{background:linear-gradient(105deg,#f4da60 0%,#f3db75 56%,#e7d39c 76%,#cbb6e0 92%,#bda1df 100%);color:#241d35;border-color:#e6d28a;box-shadow:0 0 20px #f1d95f12}
.neon-build-page .replica-nav .replica-middle:before,.neon-build-page .replica-nav-controls .replica-button:before{background:linear-gradient(105deg,#f7df7c 0%,#f5e29b 60%,#e4d6bd 80%,#cbb7e4 100%)}
.neon-build-page .replica-nav .replica-middle:hover,.neon-build-page .replica-nav .replica-middle:focus-visible,.neon-build-page .replica-nav-controls .replica-button:hover,.neon-build-page .replica-nav-controls .replica-button:focus-visible,.neon-build-page .build-dark .replica-button:hover,.neon-build-page .build-dark .replica-button:focus-visible{background:linear-gradient(105deg,#f7df7c 0%,#f5e29b 60%,#e4d6bd 80%,#cbb7e4 100%);color:#241d35}
.neon-build-page #main>.build-dark{background-image:radial-gradient(ellipse at 100% 15%,#8950f61c,transparent 30%),radial-gradient(ellipse at 4% 91%,#f1d95f0c,transparent 32%),linear-gradient(#bc95f50b 1px,transparent 1px),linear-gradient(90deg,#bc95f50b 1px,transparent 1px)}
/* Observed heading masks, sticky pitch, statement depth and feature overlays. */
.build-word-mask{display:inline-block;overflow:hidden;vertical-align:bottom}.build-word-mask>span{display:inline-block}
.page-motion-enabled .build-reveal:not(.build-entered){opacity:0;transform:translateY(26px)}.page-motion-enabled .build-reveal:not(.build-entered) .build-word-mask>span{transform:translateY(105%)}
.build-reveal{transition:opacity .3s ease,transform .5s cubic-bezier(0,0,0,1);transition-delay:var(--reveal-delay,0ms)}.build-word-mask>span{transition:transform .65s cubic-bezier(0,0,0,1);transition-delay:var(--reveal-delay,0ms)}
.neon-build-page #main>.build-pain{display:grid;grid-template-columns:1.1fr 1fr;gap:0 7vw;text-align:left;align-items:start}.build-pain h2{position:sticky;top:125px;grid-column:1;grid-row:1}.build-pain>p{grid-column:1;grid-row:2}.neon-build-page .build-pain-grid{grid-column:2;grid-row:1/span 3;grid-template-columns:1fr;margin-top:130px;width:100%}.build-pain-grid article h3{opacity:.42;transition:opacity .3s,color .3s}.build-pain-grid article.build-pain-active h3{opacity:1;color:#f1d95f}
.neon-build-page #main>.build-better{padding:160px 0 100px;overflow:clip;isolation:isolate}.build-better>.build-eyebrow{position:relative;z-index:1}.build-benefit-journey{height:340svh;position:relative;margin-top:20px}.build-benefit-stage{position:sticky;top:0;height:100svh;display:grid;place-items:center;perspective:2000px;overflow:hidden}.build-benefit-statement{grid-area:1/1;text-transform:uppercase;font:800 clamp(85px,10vw,190px)/.9 'Barlow Condensed',Impact,sans-serif;color:#f7f0fb;text-shadow:0 2px 20px #6a56cf55;padding:0 8vw;max-width:1200px;opacity:0}.build-pixel-gradient{position:absolute;top:0;left:0;width:100%;height:100svh;z-index:-1;pointer-events:none}.neon-build-page .build-principles{position:relative;z-index:1;padding:0 20px}
.page-motion-enabled .neon-build-page:not(.build-flat) .build-feature-track{position:relative;display:block;width:92vw;height:76svh;transform:none!important;margin:0 auto}.page-motion-enabled .neon-build-page:not(.build-flat) .build-feature{position:absolute;inset:0;width:100%;height:100%;max-width:none;min-height:0;margin:0;transform:translateX(calc(100vw + 60px));background:#120c19}.page-motion-enabled .neon-build-page:not(.build-flat) .build-feature:first-child{transform:none}.neon-build-page .build-feature-copy>*,.neon-build-page .build-feature-art{transition:opacity .3s,translate .5s}.page-motion-enabled .neon-build-page:not(.build-flat) .build-feature:not(.build-feature-entered):not(:first-child) .build-feature-copy>*,.page-motion-enabled .neon-build-page:not(.build-flat) .build-feature:not(.build-feature-entered):not(:first-child) .build-feature-art{opacity:0;translate:0 22px}
.neon-build-page .build-banners span{white-space:nowrap;animation:build-banner-sweep 28s linear infinite;animation-play-state:paused}.neon-build-page .build-banners span:nth-child(2){animation-direction:reverse}.neon-build-page .build-banners.build-animation-visible span{animation-play-state:running}@keyframes build-banner-sweep{0%,100%{transform:translateX(-8%)}50%{transform:translateX(8%)}}
.build-flat .build-benefit-journey{height:auto;margin:65px 0}.build-flat .build-benefit-stage{position:static;height:auto;display:grid;gap:90px}.build-flat .build-benefit-statement{grid-area:auto;opacity:1;transform:none;font-size:clamp(65px,15vw,120px)}
.neon-build-page.build-flat #main>.build-features{height:auto!important;padding:0 16px 50px}.neon-build-page.build-flat .build-features-sticky{position:static;height:auto;padding:0}.neon-build-page.build-flat .build-feature-track{display:grid;width:100%;height:auto;gap:20px;transform:none!important}.neon-build-page.build-flat .build-feature{position:relative;inset:auto;width:100%;min-width:0;height:auto;min-height:0;margin:0;transform:none!important}.neon-build-page.build-flat .build-feature-bottom{position:static;padding-top:24px}.neon-build-page.build-flat .build-scroll-track{display:none}
@media(max-width:800px){.neon-build-page #main>.build-pain{display:block;text-align:center}.build-pain h2{position:static}.neon-build-page .build-pain-grid{margin-top:35px;text-align:left}.neon-build-page #main>.build-better{padding:100px 0 70px}.build-benefit-statement{font-size:15vw}.neon-build-page.build-flat .build-feature{display:grid;grid-template-columns:1fr;padding:32px 25px;gap:25px}.neon-build-page.build-flat .build-feature h2{font-size:13.8vw}}
@media(prefers-reduced-motion:reduce){.page-motion-enabled .build-reveal:not(.build-entered){opacity:1;transform:none}.build-reveal,.build-word-mask>span{transition:none}.page-motion-enabled .build-reveal:not(.build-entered) .build-word-mask>span{transform:none}.build-pixel-gradient{display:none}.neon-build-page .build-banners span{animation:none}.neon-build-page .build-feature-copy>*,.neon-build-page .build-feature-art{transition:none}}
/* Card height and visual viewport determine the space for the complete bucket. */
@media(max-width:800px) and (min-height:730px){.workshop-process:not(.process-flat) .workshop-process-sticky{height:var(--process-viewport-height,100dvh)!important;gap:12px}.patch-replica .workshop-process:not(.process-flat) .workshop-bucket-scene.canvas-ready{position:relative!important;inset:auto!important;transform:none!important;z-index:1;align-self:center;max-width:68vw;overflow:hidden}.workshop-process:not(.process-flat) .workshop-bucket-canvas{display:block!important;object-fit:contain!important;object-position:center bottom!important;max-height:100%;}.workshop-process:not(.process-flat) .workshop-site-frames{position:static!important}.workshop-process .replica-step-body{padding-top:16px;padding-bottom:20px}}

.neon-build-page .build-banners>span{overflow:hidden;animation:none;padding-left:0;padding-right:0}.neon-build-page .build-banners .build-banner-rail{display:flex;width:max-content;gap:0;animation:build-banner-roll 24s linear infinite;animation-play-state:paused;border:0;padding:0}.neon-build-page .build-banners .build-banner-rail>span{animation:none;border:0;padding:0}.neon-build-page .build-banners>span:nth-child(2) .build-banner-rail{animation-direction:reverse}.neon-build-page .build-banners.build-animation-visible .build-banner-rail{animation-play-state:running}@keyframes build-banner-roll{to{transform:translateX(calc(-1 * var(--banner-distance,500px)))}}@media(prefers-reduced-motion:reduce){.neon-build-page .build-banners .build-banner-rail{animation:none}.neon-build-page .build-banners .build-banner-rail>[aria-hidden=true]{display:none}}

.neon-build-page .build-feature-copy,.neon-build-page .build-feature-art{min-width:0}.page-motion-enabled .neon-build-page:not(.build-flat) .build-feature{grid-template-columns:minmax(0,1.1fr) minmax(0,1fr)}.neon-build-page .build-feature-active .build-mini-browser svg path{animation:build-illustration-draw 1s ease-out both;stroke-dasharray:800;stroke-dashoffset:0}@keyframes build-illustration-draw{from{stroke-dashoffset:800}to{stroke-dashoffset:0}}.neon-build-page.build-flat .build-feature-active .build-mini-browser svg path{animation:none}@media(prefers-reduced-motion:reduce){.neon-build-page .build-feature-active .build-mini-browser svg path{animation:none}}


@media(max-width:800px){
/* v20: mobile uses tabs plus separate flow rows; browser chrome never changes layout mode. */
.patch-replica .workshop-process{height:auto!important;min-height:0!important}.workshop-process .workshop-process-sticky{display:flex!important;flex-direction:column!important;align-items:center;position:relative!important;top:auto!important;height:auto!important;min-height:0!important;padding:100px 12px 26px!important;gap:20px!important;overflow:visible!important}.patch-replica .workshop-process .workshop-process-card{position:relative!important;inset:auto!important;width:100%!important;max-width:760px;flex:none;overflow:hidden!important;margin:0!important}.workshop-process .workshop-process-top{height:auto!important;min-height:61px;padding:16px 154px 16px 14px!important}.workshop-process .workshop-step-controls{display:flex!important;height:61px!important;width:144px!important}.workshop-process .workshop-process-slides{display:grid!important;min-height:0}.workshop-process .workshop-process-slide{display:none!important;grid-area:1/1;pointer-events:none}.workshop-process .workshop-process-slide.is-current{display:block!important;pointer-events:auto}.workshop-process .workshop-process-slide~.workshop-process-slide{border-top:0!important}.workshop-process .workshop-roll-content{transform:none!important;transition:none!important}.patch-replica .workshop-process .workshop-bucket-scene{position:relative!important;inset:auto!important;transform:none!important;display:block!important;flex:none!important;width:min(76vw,320px)!important;max-width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;aspect-ratio:auto!important;overflow:visible!important;margin:0 auto!important;z-index:1}.workshop-process .canvas-ready .workshop-bucket-canvas{display:block!important;width:100%!important;height:auto!important;min-height:0!important;max-height:none!important;flex:none!important;aspect-ratio:520/620!important;object-fit:contain!important;object-position:center!important}.workshop-process .workshop-site-frames{position:static!important;display:block!important;inset:auto!important}.workshop-process .workshop-site-frame{display:none!important;position:relative!important;grid-area:auto!important;opacity:1!important;visibility:visible!important;margin:0!important;transition:none!important}.workshop-process .workshop-site-frame.is-current{display:block!important}.workshop-process .canvas-ready .workshop-site-frame svg{display:none!important}.workshop-process .workshop-bucket-scene:not(.canvas-ready) .workshop-site-frame.is-current svg{display:block!important;visibility:visible!important;width:100%!important;height:auto!important}.workshop-process .workshop-bucket-scene:not(.canvas-ready) .workshop-bucket-canvas{display:none!important}
@media(max-width:800px){.workshop-process .replica-step-heading{height:auto!important;grid-template-columns:23% 1fr!important}.patch-replica .workshop-process .replica-step-heading>span{font-size:clamp(54px,15vw,96px)!important;padding:15px 4px!important}.patch-replica .workshop-process .replica-step-heading h3{font-size:clamp(30px,8.9vw,50px)!important;padding:15px 13px!important}.patch-replica .workshop-process .replica-step-copy{padding:16px 14px 20px!important}.patch-replica .workshop-process .replica-step-copy h4{font-size:21px!important}.patch-replica .workshop-process .replica-step-copy p{font-size:16px!important;line-height:1.4!important;margin-top:10px!important}.workshop-process .workshop-site-frame p{margin:8px 0 0!important}}
@media(prefers-reduced-motion:reduce){.workshop-process .workshop-site-frame:not(.is-current){display:none!important}}

}

/* v20: override the older viewport-height selector so the whole art row remains inside its purple section. */
@media(max-width:800px){.patch-replica .workshop-process:not(.process-flat) .workshop-process-sticky{height:auto!important;min-height:0!important;max-height:none!important}}