/* Motion is a progressive enhancement. No reveal starts hidden. */
.preview-bar{display:flex;align-items:center;justify-content:center;gap:24px;min-height:36px}
.motion-toggle{display:inline-flex;gap:7px;align-items:center;border:0;border-left:1px solid #b8c7e3;padding:0 0 0 16px;background:none;color:#233b68;font:inherit;font-weight:600;cursor:pointer;min-height:24px}
.motion-toggle:disabled{cursor:default;color:#5e6f8e}
.motion-toggle span{font-size:13px}
.reading-progress{position:absolute;bottom:-1px;left:0;width:100%;height:3px;background:var(--blue);transform:scaleX(0);transform-origin:left;pointer-events:none}
.header{transition:box-shadow .3s ease}
.header.scrolled{box-shadow:0 8px 28px #07102c0b}
.nav>a:not(.btn){position:relative}
.nav>a:not(.btn)::after{position:absolute;content:"";height:2px;left:0;right:0;bottom:-9px;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .25s}
.nav>a:hover::after,.nav>a[aria-current]::after{transform:scaleX(1)}
.nav>a[aria-current]{color:var(--blue)}
.hero-line{display:block;overflow:hidden;padding:1px 0 6px;margin-bottom:-6px}
.hero-line>span,.hero-line>em{display:block}
.hero-right{width:365px;margin-bottom:16px}
.search-story{background:#fff;padding:0!important;color:var(--navy);border:1px solid #ffffffb8;border-radius:7px;box-shadow:0 24px 55px #01051c55;overflow:hidden}
.story-top{padding:20px 23px 17px;display:flex;align-items:center;justify-content:space-between;gap:14px}
.story-top .tiny{font-size:9px;letter-spacing:1px;text-transform:uppercase;color:#64718b;font-weight:600}
.story-icon{font-size:21px;color:var(--blue);line-height:1}
.search-example{margin:0 23px 21px;background:#f3f5fb;border:1px solid #e3e8f4;border-radius:4px;display:flex;align-items:center;gap:9px;min-height:46px;padding:11px 12px;color:#56627d;font-size:10px}
.search-glass{color:var(--blue);font-size:23px;line-height:1;flex-shrink:0}
.journey-tabs{display:grid;grid-template-columns:repeat(3,1fr);gap:0;padding:0 23px;border-bottom:1px solid #e4e9f4}
.journey-tabs button{display:flex;align-items:center;gap:7px;justify-content:center;border:0;border-bottom:3px solid transparent;padding:12px 4px;background:none;color:#6c7892;font:inherit;font-size:10px;cursor:pointer;transition:color .2s,background .2s,border-color .2s}
.journey-tabs button small{font-size:8px;color:#6c7892}
.journey-tabs button[aria-selected=true]{border-color:var(--blue);color:var(--blue);background:#f5f7ff;font-weight:600}
.journey-tabs button:hover{color:var(--blue);background:#f5f7ff}
.journey-detail{padding:26px 25px 24px;min-height:246px}
.journey-kicker{font-size:9px;letter-spacing:.2px;color:var(--blue);font-weight:600}
.journey-detail h2{font-size:36px;line-height:1.07;margin:12px 0 0;letter-spacing:-.7px}
.hero .journey-detail p{color:#63718a;font-size:11px;line-height:1.8;margin-top:15px;max-width:none}
.journey-tags{display:block;font-size:9px;color:#60759c;margin-top:18px}
.journey-footer{display:flex;justify-content:space-between;align-items:center;gap:12px;border-top:1px solid #e4e9f4;padding:16px 23px;background:#fafbfe}
.journey-hint{font-size:9px;color:#758098}
.journey-footer a{font-size:10px;color:var(--blue);font-weight:600}
.journey-footer a span{display:inline-block;margin-left:3px;transition:transform .25s}
.journey-footer a:hover span{transform:translate(2px,-2px)}
.trust-inner{min-width:0}
.logos-viewport{min-width:0;overflow:hidden;mask-image:linear-gradient(90deg,transparent,#000 4%,#000 96%,transparent)}
.logos-track{display:flex;align-items:center;width:max-content;animation:client-scroll 38s linear infinite;animation-play-state:paused}
.trust .logos-group{display:flex;flex-wrap:nowrap;align-items:center;gap:44px;padding-right:44px;flex-shrink:0;width:max-content;justify-content:flex-start}
.logos-group img{width:112px;height:52px;flex-shrink:0;transition:filter .3s,opacity .3s}
.logos-group img:hover{filter:grayscale(0);opacity:1}
.motion-enabled .logos-track.is-visible{animation-play-state:running}
.logos-viewport:hover .logos-track,.motion-paused .logos-track,.page-hidden .logos-track.is-visible{animation-play-state:paused}
@keyframes client-scroll{to{transform:translateX(-50%)}}
.motion-reduced .logos-track{animation:none;width:100%}
.motion-reduced .trust .logos-group{width:100%;flex-wrap:wrap;justify-content:center;padding:0;gap:24px}
.motion-reduced .logos-copy{display:none!important}
.logos-copy{display:none}
.marquee-ready .logos-copy{display:flex}
html:not(.js) .logos-track{animation:none;width:100%}
html:not(.js) .trust .logos-group{width:100%;flex-wrap:wrap;justify-content:center;padding:0;gap:24px}
.service-tabs button{position:relative;transition:background .25s,color .25s,border-color .25s}
.service-tabs button:hover{background:#e9eefb;color:var(--blue)}
.service-tabs button[aria-selected=true]{background:#e8edff}
.service-image{overflow:hidden;border-radius:5px}
.service-image>img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.service-panel:hover .service-image>img{transform:scale(1.025)}
.btn{transition:transform .25s,background .25s,box-shadow .25s}
.btn:hover{box-shadow:0 8px 20px #1932eb20;transform:translateY(-3px)}
.btn .arrow,.text-link .arrow{display:inline-block;transition:transform .25s}
.btn:hover .arrow,.btn:focus-visible .arrow,.text-link:hover .arrow,.text-link:focus-visible .arrow{transform:translate(3px,-3px)}
.text-link{position:relative}
.text-link::after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:1px;background:currentColor;transform:scaleX(0);transform-origin:left;transition:transform .3s}
.text-link:hover::after,.text-link:focus-visible::after{transform:scaleX(1)}
.result,.review,.plan{transition:box-shadow .3s,border-color .3s}
.result:hover,.result:focus-within,.plan:hover,.plan:focus-within{box-shadow:0 16px 35px #0b193b0e;border-color:#a6b8eb}
.review:hover{box-shadow:0 12px 30px #0b193b0a}
.result-cover{overflow:hidden}
.result-cover img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.result-cover:hover img{transform:scale(1.035)}
.article-card>a:first-child{display:block;overflow:hidden;border-radius:5px}
.article-card>a:first-child img{transition:transform .7s cubic-bezier(.2,.8,.2,1)}
.article-card:hover>a:first-child img{transform:scale(1.04)}
.method-step::after{content:"";height:2px;position:absolute;left:0;right:0;top:-1px;background:#9cb2ff;transform:scaleX(0);transform-origin:left}
.motion-enabled .method-step.in-view::after{animation:process-line .9s cubic-bezier(.2,.8,.2,1) both}
.method-step:nth-child(2)::after{animation-delay:.12s}
.method-step:nth-child(3)::after{animation-delay:.24s}
.method-step:nth-child(4)::after{animation-delay:.36s}
@keyframes process-line{to{transform:scaleX(1)}}
.faq details{transition:background .25s}
.faq details[open]{background:#f7f9ff}
.faq summary{transition:color .2s}
.faq summary:hover,.faq details[open] summary{color:var(--blue)}
.faq summary::after{content:'+';transition:transform .25s;display:block}
.faq details[open] summary::after{content:'+';transform:rotate(45deg)}
.form-progress{margin:21px 0 23px}
.form-progress>div{display:flex;justify-content:space-between;font-size:9px;color:#74819b;margin-bottom:10px}
.form-progress-track{display:block;height:3px;background:#e4eaf6;overflow:hidden}
.form-progress-track i{display:block;width:100%;height:100%;background:var(--blue);transform:scaleX(0);transform-origin:left;transition:transform .35s}
.fields input,.fields select,.fields textarea{transition:border-color .2s,box-shadow .2s,background .2s}
.fields input:focus,.fields select:focus,.fields textarea:focus{border-color:var(--blue);box-shadow:0 0 0 3px #1932eb0e;background:#fff}
.form-status:not(:empty){padding:13px 15px;background:#eef3ff;border-left:2px solid var(--blue);margin-top:17px}
.floating-cta{opacity:0;visibility:hidden;transform:translateY(12px);transition:opacity .25s,transform .25s,visibility .25s}
.floating-cta.is-visible{opacity:1;visibility:visible;transform:translateY(0)}
.floating-cta:hover{transform:translateY(-3px)}
.motion-paused .method-step::after,.motion-reduced .method-step::after{animation:none!important;transform:scaleX(1)}
.motion-paused *,.motion-reduced *{scroll-behavior:auto!important;transition:none!important}
html.motion-paused,html.motion-reduced{scroll-behavior:auto!important}
:focus-visible{outline:2px solid #4164ee;outline-offset:5px}
.journey-detail:focus-visible{outline-offset:-5px}
@media(min-width:651px) and (max-width:1000px){
  .hero-right{width:310px}
  .hero-inner{gap:24px}
  .journey-detail h2{font-size:32px}
  .journey-detail{min-height:260px;padding:23px 21px}
  .story-top,.journey-footer{padding-left:19px;padding-right:19px}
  .search-example{margin-left:19px;margin-right:19px;font-size:9px}
  .journey-tabs{padding:0 19px}
  .story-top .tiny{font-size:8px}
}
@media(max-width:650px){
  .preview-bar{gap:10px;justify-content:space-between;padding:7px 18px;text-align:left}
  .preview-bar>span{font-size:8px;max-width:210px;line-height:1.5}
  .motion-toggle{font-size:8px;white-space:nowrap;padding-left:10px;min-height:30px}
  .hero-line{padding-bottom:5px;margin-bottom:-5px}
  .hero-right{width:100%;max-width:430px;margin:37px auto 0}
  .journey-detail{min-height:248px;padding:25px}
  .journey-detail h2{font-size:36px}
  .hero .journey-detail p{font-size:12px}
  .journey-tabs button{min-height:48px;font-size:11px}
  .story-top .tiny{font-size:8px}
  .journey-footer{padding:17px 22px}
  .journey-hint{font-size:9px}
  .trust-inner{display:block}
  .trust p{margin:0 0 20px}
  .trust .logos-group{gap:32px;padding-right:32px}
  .logos-group img{width:100px;height:45px}
  .motion-reduced .trust .logos-group{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}
  .motion-reduced .logos-group img{width:100%;max-width:100px}
  .faq details[open]{background:transparent}
}
@media(prefers-reduced-motion:reduce){
  html{scroll-behavior:auto!important}
  *,*::before,*::after{animation:none!important;transition:none!important}
  .logos-track{animation:none;width:100%;transform:none}
  .trust .logos-group{width:100%;flex-wrap:wrap;justify-content:center;padding:0;gap:24px}
  .logos-copy{display:none!important}
  .method-step::after{transform:scaleX(1)}
}
@media print{
  .motion-toggle,.floating-cta{display:none}
  .logos-track{animation:none;transform:none}
  .logos-copy{display:none!important}
}