/* Hero: the brand is the only moving mark in the upper-right field. */
.scene .shapes{display:none!important}
.scene .brand{display:inline-block;transform-origin:left center;transition:color .25s ease,text-shadow .25s ease}
.scene .brand:hover,.scene .brand:focus-visible{color:#c63d2d;animation:pulso-brand-beat 1.05s cubic-bezier(.2,.85,.3,1) infinite;text-shadow:0 0 18px #c63d2d55}
.scene h1{max-width:63vw;font-size:clamp(48px,5.66vw,118px)}
.scene .copy{width:min(27vw,440px);font-size:clamp(15px,1.07vw,22px);line-height:1.35}
.scene .copy p{margin-bottom:1.35vw}
.scene header nav button.interactive-hover-button{position:relative;isolation:isolate;overflow:hidden;border-radius:999px!important;padding:.55vw .85vw!important;transition:color .3s ease,transform .3s ease,border-color .3s ease!important}
.scene header nav button.interactive-hover-button:before{content:'';position:absolute;z-index:-1;left:50%;top:50%;width:7px;height:7px;border-radius:999px;background:#c63d2d;transform:translate(-50%,-50%);transition:width .32s ease,height .32s ease}
.scene header nav button.interactive-hover-button:hover:before,.scene header nav button.interactive-hover-button:focus-visible:before{width:140%;height:180%}
.scene header nav button.interactive-hover-button:hover,.scene header nav button.interactive-hover-button:focus-visible{color:#fff!important;border-color:#c63d2d!important;transform:translateY(-2px)}
.scene header nav button.interactive-hover-button .button-label,.scene header nav button.interactive-hover-button .button-arrow{position:relative;z-index:1}.scene header nav button.interactive-hover-button .button-arrow{margin-left:4px;opacity:0;transition:opacity .25s ease,transform .25s ease;transform:translateX(-5px)}.scene header nav button.interactive-hover-button:hover .button-arrow,.scene header nav button.interactive-hover-button:focus-visible .button-arrow{opacity:1;transform:none}

/* Section 2 returns to a calm, high-contrast reading surface. */
.method-section{background:#f7f6f1!important;color:#191917}
.method-section .method-stage{background:transparent}
.method-section .method-progress span{background:#f7f6f1}

/* Gallery: left selector and cards keep independent, non-overlapping planes. */
.examples-section .gallery{grid-template-columns:minmax(250px,29%) minmax(0,71%)!important;column-gap:30px!important;isolation:isolate}
.examples-section .case-rail{min-width:0;overflow:hidden}
.examples-section .gallery-track{min-width:0;overflow:hidden;z-index:1}
.examples-section .case-frame{max-width:calc(100% - 38px);box-sizing:border-box}
.examples-section .gallery-controls #case-prev,.examples-section .gallery-controls #case-next{position:relative;z-index:2;color:#241d1a!important;background:#fffaf5!important}
.examples-section .gallery-controls #case-prev .button-label,.examples-section .gallery-controls #case-next .button-label{display:inline-block!important;opacity:1!important;visibility:visible!important;color:inherit!important;transform:none!important}
.examples-section .gallery-controls #case-prev .button-arrow,.examples-section .gallery-controls #case-next .button-arrow{display:none!important}
.examples-section .gallery-controls #case-prev:hover,.examples-section .gallery-controls #case-next:hover{color:#fff!important}
.examples-section .gallery-track{position:absolute!important;inset:0!important;display:block!important;overflow:visible!important}
.examples-section .case-frame{left:50%!important;margin-left:0!important;transform:var(--stable-transform)!important;transition:transform 1250ms cubic-bezier(.16,1,.3,1),opacity 800ms ease,filter 800ms ease!important}
.examples-section .case-frame.interactive-hover-button:hover,.examples-section .case-frame.interactive-hover-button:focus-visible{transform:var(--stable-transform)!important}

/* FAQ: red rollover makes every question feel interactive before it opens. */
.faq-list details{position:relative;transition:background .32s ease,color .32s ease,border-color .32s ease;padding:0!important}
.faq-list details summary{padding:24px 52px 24px 22px;transition:color .32s ease;list-style:none}
.faq-list details summary::-webkit-details-marker{display:none}
.faq-list details summary:after{content:'+';position:absolute;right:22px;top:19px;font-size:30px;font-weight:300;line-height:1;transition:transform .3s ease}
.faq-list details:hover,.faq-list details:focus-within{background:#c63d2d;color:#fff;border-color:#c63d2d}
.faq-list details:hover summary,.faq-list details:focus-within summary{color:#fff!important}
.faq-list details:hover summary:after,.faq-list details:focus-within summary:after{transform:rotate(45deg)}
.faq-list details[open]{background:#c63d2d;color:#fff;border-color:#c63d2d}
.faq-list details[open] summary{color:#fff!important}.faq-list details[open] summary:after{content:'−';transform:none}.faq-list details p{padding:0 22px 26px!important;color:inherit}

@keyframes pulso-brand-beat{0%,100%{transform:scale(1)}18%{transform:scale(1.12,.88)}36%{transform:scale(.96,1.06)}58%{transform:scale(1.07,.94)}}
@media(max-width:850px){.scene .copy{width:auto;max-width:none}.scene h1{max-width:90vw}.examples-section .gallery{grid-template-columns:1fr!important;display:flex!important}.examples-section .case-frame{max-width:none}.scene header nav button.interactive-hover-button{padding:6px 8px!important}.scene header nav button.interactive-hover-button .button-arrow{display:none}}
@media(prefers-reduced-motion:reduce){.scene .brand:hover,.scene .brand:focus-visible{animation:none}.scene *{transition:none!important}}

/* Refero-inspired polish: native-feeling motion, clear hierarchy and restrained detail. */
:root{--motion-fast:120ms;--motion-state:220ms;--motion-slow:320ms;--ease-out:cubic-bezier(0,0,.2,1);--ease-in-out:cubic-bezier(.4,0,.2,1)}
html{scroll-behavior:smooth}
.scroll-progress{position:fixed;z-index:100;left:0;top:0;width:var(--scroll-progress,0%);height:2px;background:#c63d2d;pointer-events:none;transition:width 140ms linear}
.refero-ready .pulso-content .chapter-section,.refero-ready .pulso-content .new-footer{opacity:0;transform:translateY(18px);transition:opacity 420ms var(--ease-out),transform 420ms var(--ease-out)}
.refero-ready .pulso-content .chapter-section.is-in-view,.refero-ready .pulso-content .new-footer.is-in-view{opacity:1;transform:none}
.section-nav a{position:relative;padding-bottom:4px;transition:color var(--motion-fast) var(--ease-out)}
.section-nav a:after{content:'';position:absolute;left:0;right:100%;bottom:0;height:1px;background:currentColor;transition:right var(--motion-state) var(--ease-out)}
.section-nav a:hover:after,.section-nav a:focus-visible:after,.section-nav a.is-current:after{right:0}
.section-nav a.is-current{color:#c63d2d}
.pulso-content .method-step,.pulso-content .faq-list details,.pulso-content .case-detail{transition:opacity var(--motion-state) var(--ease-out),transform var(--motion-state) var(--ease-out),background-color var(--motion-fast) var(--ease-out),color var(--motion-fast) var(--ease-out)}
.pulso-content .method-step:hover{transform:translateX(5px)}
.pulso-content .faq-list details summary{transition:color var(--motion-fast) var(--ease-out),padding-left var(--motion-fast) var(--ease-out)}
.pulso-content .faq-list details:hover summary,.pulso-content .faq-list details:focus-within summary{padding-left:28px}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.scroll-progress{transition:none}.refero-ready .pulso-content .chapter-section,.refero-ready .pulso-content .new-footer{opacity:1;transform:none;transition:none}.pulso-content .method-step:hover{transform:none}.pulso-content .faq-list details:hover summary,.pulso-content .faq-list details:focus-within summary{padding-left:22px}}