/* Motion stays progressive: reading and navigation never depend on animation. */
.brand-mark{display:block;flex:none;width:44px;height:30px;background:currentColor;-webkit-mask:url('/assets/brand-mark.svg') center / contain no-repeat;mask:url('/assets/brand-mark.svg') center / contain no-repeat}
.brand{gap:12px}
.brand-mark{transition:transform .5s cubic-bezier(.2,.75,.25,1),color .25s}
.reading-progress{position:fixed;inset:0 0 auto;height:2px;background:#787a80;z-index:80;transform:scaleX(0);transform-origin:left;pointer-events:none;opacity:.7}
.js .tab-copy,.js .feature-tab:not(.active) .tab-copy{display:grid;grid-template-rows:1fr;transition:grid-template-rows .4s cubic-bezier(.2,.75,.25,1),opacity .25s,margin .4s;opacity:1}
.js .tab-copy>span{min-height:0;overflow:hidden}
.js .feature-tab:not(.active) .tab-copy{grid-template-rows:0fr;opacity:0;margin-top:0}
.feature-stage{position:relative;isolation:isolate}
.feature-stage:before{content:'';position:absolute;z-index:-1;width:360px;height:360px;max-width:88%;border:1px solid #d6d6d2;border-radius:50%;transform:translate(70px,-15px);transition:transform .8s cubic-bezier(.2,.75,.25,1),border-radius .8s}
.feature-stage[data-mode='0']:before{transform:translate(-45px,90px);border-radius:45% 55% 55% 45%}
.feature-stage[data-mode='2']:before{transform:translate(30px,-110px) rotate(30deg);border-radius:36%}
.hero-disc:before,.hero-disc:after{content:'';position:absolute;inset:-14px;border:1px solid #dededb;border-radius:50%;opacity:.6}
.hero-disc:after{inset:20px;border-color:#d9d9d5;opacity:.45}
.hero-phone,.quote-slip{translate:var(--drift-x,0px) calc(var(--drift-y,0px) + var(--scroll-shift,0px));transition:translate .7s cubic-bezier(.15,.7,.2,1)}
.hero-visual{perspective:1200px}
.meeting-paper,.meeting-row{transition:translate .6s cubic-bezier(.2,.75,.25,1)}
.zoom-teaser-art:hover .meeting-paper{translate:0 -7px}
.zoom-teaser-art:hover .meeting-row{translate:0 5px}
.button,.header-download{position:relative;overflow:hidden;isolation:isolate;transition:background .25s,transform .35s cubic-bezier(.2,.75,.25,1),box-shadow .35s}
.button:before,.header-download:before{content:'';position:absolute;inset:0;z-index:-1;background:#fff;opacity:.08;transform:translateX(-105%) skewX(-15deg);transition:transform .6s cubic-bezier(.2,.75,.25,1)}
.button .icon,.header-download .icon,.text-link .icon,.support-address .icon{transition:transform .35s cubic-bezier(.2,.75,.25,1)}
.button:hover:before,.header-download:hover:before{transform:translateX(0) skewX(0)}
.button:hover,.header-download:hover{box-shadow:0 8px 20px #27282b14;transform:translateY(-2px)}
.button:hover .button-arrow,.header-download:hover .icon{transform:translate(2px,-2px)}
.text-link:hover .icon,.button:hover>.icon:last-child:not(:first-child){transform:translateX(4px)}
.support-address:hover .icon{transform:translate(3px,-3px)}
.button:active,.header-download:active{transform:translateY(0) scale(.98)}
.header-inner nav>a:not(.header-download):before{content:'';position:absolute;bottom:-4px;left:0;right:0;height:1px;background:currentColor;transform:scaleX(0);transform-origin:right;transition:transform .35s cubic-bezier(.2,.75,.25,1)}
.header-inner nav>a:not(.header-download):hover:before{transform:scaleX(1);transform-origin:left}
.details-grid article,.zoom-steps li{transition:border-color .3s,translate .4s}
.details-grid article:hover,.zoom-steps li:hover{border-color:#8c8d91;translate:0 -4px}
.faq summary .icon{transition:transform .35s cubic-bezier(.2,.75,.25,1)}
.guide-search{transition:border-color .25s,box-shadow .25s}
.guide-search:focus-within{border-color:#93959b;box-shadow:0 0 0 4px #27282b08}
.docs-nav nav a{transition:color .2s,border-color .2s,background .2s}
.docs-nav nav a.active{background:#27282b04}
.nav-toggle .icon path{transform-origin:center;transition:transform .3s}
.nav-toggle[aria-expanded='true'] .icon path:first-child{transform:translateY(4px) rotate(45deg)}
.nav-toggle[aria-expanded='true'] .icon path:last-child{transform:translateY(-4px) rotate(-45deg)}
@media(hover:hover) and (pointer:fine){.brand:hover .brand-mark{transform:rotate(-8deg) translateY(-2px)}.brand:hover{color:#53565c}}
@media(prefers-reduced-motion:no-preference){
  @view-transition{navigation:auto}
  ::view-transition-old(root){animation:minine-page-out .18s ease both}
  ::view-transition-new(root){animation:minine-page-in .3s ease both}
  .motion-enabled .hero-visual.is-in-view .hero-disc:before{animation:minine-ring 4.6s ease-out 1}
  .motion-enabled .hero-visual.is-in-view .hero-disc:after{animation:minine-ring-inner 4.6s ease-out 1}
  .motion-enabled .hero-visual.is-in-view .hero-phone{animation:minine-phone 4.8s ease-in-out 1}
  .motion-enabled .hero-visual.is-in-view .quote-slip{animation:minine-slip 4.8s ease-in-out 1}
  .motion-enabled .is-in-view .audio-bars i{animation:minine-wave .6s ease-in-out 7 alternate}
  .motion-enabled .is-in-view .audio-bars i:nth-child(2){animation-duration:.68s}
  .motion-enabled .is-in-view .audio-bars i:nth-child(3){animation-delay:.09s}
  .motion-enabled .is-in-view .audio-bars i:nth-child(4){animation-duration:.63s}
  .motion-enabled .is-in-view .audio-bars i:nth-child(5){animation-delay:.17s}
}
@keyframes minine-page-out{to{opacity:0}}
@keyframes minine-page-in{from{opacity:0;transform:translateY(6px)}to{opacity:1;transform:none}}
@keyframes minine-ring{0%{scale:.94;opacity:0}30%{opacity:.7}100%{scale:1;opacity:.6}}
@keyframes minine-ring-inner{0%{scale:1.07;opacity:0}35%{opacity:.65}100%{scale:1;opacity:.45}}
@keyframes minine-phone{0%,100%{rotate:0deg;transform:rotate(5deg)}40%{rotate:-1.2deg;transform:translateY(-12px) rotate(5deg)}75%{rotate:.5deg;transform:translateY(-3px) rotate(5deg)}}
@keyframes minine-slip{0%,100%{transform:rotate(-4deg)}45%{transform:translateY(9px) rotate(-2deg)}75%{transform:translateY(3px) rotate(-4.5deg)}}
@keyframes minine-wave{from{transform:scaleY(.45)}to{transform:scaleY(1.18)}}
@media(max-width:600px){.brand-mark{width:40px;height:27.25px}.hero-disc{width:min(330px,calc(100vw - 64px));height:auto;aspect-ratio:1}.hero-phone,.quote-slip{translate:none}.header-inner nav>a:not(.header-download):before{display:none}}
@media(prefers-reduced-motion:reduce){.hero-phone,.quote-slip,.meeting-paper,.meeting-row{translate:none!important}.brand-mark,.button,.header-download,.details-grid article,.zoom-steps li{transform:none!important;translate:none!important}.reading-progress{display:none}}
@media print{.reading-progress{display:none}}