/* Shared architectural motion. Content stays visible without JavaScript. */
.arch-heading{position:relative}
.arch-heading::after{content:"";display:block;position:absolute;left:0;right:0;bottom:-18px;height:1px;background:linear-gradient(90deg,#64cb48 0 72px,currentColor 72px,transparent 88%);opacity:.28;transform:scaleX(0);transform-origin:left;transition:transform 1s cubic-bezier(.16,1,.3,1);pointer-events:none}
.arch-heading.arch-in-view::after{transform:scaleX(1)}
.arch-depth-media>img{translate:0 var(--arch-depth,0px);scale:1.04}
.arch-depth-media.arch-media-active>img{will-change:translate}
.experience-page .arch-depth-media>img{scale:1.09}
.experience-page .arch-depth-media{overflow:hidden}
.arch-sequence{position:relative}
.arch-sequence::after{content:"";position:absolute;z-index:1;left:0;right:0;top:0;height:2px;background:linear-gradient(90deg,#6bce45,transparent 88%);pointer-events:none;transform:scaleX(0);transform-origin:left;transition:transform .9s cubic-bezier(.16,1,.3,1)}
.arch-sequence.arch-in-view::after{transform:scaleX(1)}
.arch-sequence .doc-icon{position:relative;overflow:hidden;transition:background .25s,color .25s}
.arch-sequence .doc-icon::after{content:"";position:absolute;inset:-30% 0;width:60%;background:linear-gradient(110deg,transparent,#ffffffb8,transparent);translate:-180% 0;transition:translate .65s cubic-bezier(.16,1,.3,1);pointer-events:none}
.arch-sequence .doc-card:is(:hover,:focus-visible) .doc-icon::after{translate:280% 0}
.arch-sequence .doc-card .text-link{transition:translate .25s}
.arch-sequence .doc-card:is(:hover,:focus-visible) .text-link{translate:3px 0}
.experience-page .faq .arch-faq-item{transition:background .3s}
.experience-page .faq .arch-faq-item[open]{background:linear-gradient(90deg,#6bce450a,transparent 85%)}
.experience-page .faq .arch-faq-item summary::after{content:"+";transition:rotate .3s;color:#438537}
.experience-page .faq .arch-faq-item[open] summary::after{content:"+";rotate:45deg}
.experience-page .faq .arch-faq-item[open] p{animation:none}
.arch-reading-route .arch-route-step{position:relative;transition:background .4s,border-color .4s}
.arch-reading-route .arch-route-step::after{content:"";position:absolute;left:0;top:16px;bottom:16px;width:2px;background:#6bce45;transform:scaleY(0);transform-origin:top;transition:transform .55s cubic-bezier(.16,1,.3,1);pointer-events:none}
.arch-reading-route .arch-route-step.is-reading{background:linear-gradient(90deg,#6bce4512,transparent 85%)}
.arch-reading-route .arch-route-step.is-reading::after{transform:scaleY(1)}
.arch-reading-route .arch-route-step.is-reading>span{color:#347d31}
.experience-process .arch-reading-route .arch-route-step.is-reading>span{color:#9bea73}
.catalog-chapter{scroll-margin-top:150px}
.catalog-chapter::after{content:"";position:absolute;z-index:4;left:0;bottom:0;height:3px;width:100%;background:#6bce45;transform:scaleX(var(--arch-chapter-progress,0));transform-origin:left;pointer-events:none}
.catalog-jump__links a[aria-current=location]{background:#102f3b;color:#fff;border-color:#102f3b;box-shadow:inset 0 -3px #6bce45}
.catalog-chapter__actions .btn,.product-conversion .btn,.home .product-experience-actions .btn{transition:background .25s,color .25s,border-color .25s,box-shadow .25s,translate .25s}
@media(hover:hover) and (pointer:fine){.catalog-chapter__actions .btn:hover,.product-conversion .btn:hover{translate:0 -3px;box-shadow:0 8px 25px #071c2624}}
@media(max-width:820px){.arch-depth-media>img,.experience-page .arch-depth-media>img{translate:0 0;scale:1}.arch-heading::after{bottom:-12px}.catalog-chapter{scroll-margin-top:100px}}
@media(prefers-reduced-motion:reduce){.arch-heading::after{transform:none;transition:none}.arch-depth-media>img,.experience-page .arch-depth-media>img{translate:none!important;scale:1;will-change:auto!important}.arch-reading-route .arch-route-step,.arch-reading-route .arch-route-step::after{transition:none}.catalog-chapter::after{display:none}.catalog-chapter__actions .btn,.product-conversion .btn,.home .product-experience-actions .btn{transition:none;translate:none!important}}
@media(prefers-reduced-motion:reduce){.arch-sequence::after{transform:none;transition:none}.arch-sequence .doc-icon::after{display:none}.arch-sequence .doc-card .text-link,.experience-page .faq .arch-faq-item,.experience-page .faq .arch-faq-item summary::after{transition:none}.arch-sequence .doc-card:is(:hover,:focus-visible) .text-link{translate:none}}