/* Mobile feedback, revision 9. Loaded after shared component styles. */
.hero-grid h1{font-weight:800;text-transform:lowercase;font-size:clamp(54px,6.7vw,92px);line-height:1.02;letter-spacing:-.025em}
.service-mark{display:inline-flex;align-items:center;gap:.3em;vertical-align:middle;white-space:nowrap}
.service-mark img{display:inline-block;width:1.15em;height:1.15em;flex:none;vertical-align:middle}
.login-choice .service-mark img{width:30px;height:30px}.login-choice{gap:14px;padding-inline:20px}.login-choice>span:last-child:not(.service-mark){display:none}
.login-choice>span:first-child{display:flex;align-items:center;justify-content:center;gap:6px;width:100%;flex-wrap:wrap}
.route{border:0;gap:32px}.route::before,.route-step::before{display:none!important}
.route-step{padding:0 8px 0 0;border:0!important;display:grid;grid-template-columns:64px 1fr;gap:8px 18px;align-content:start}
.step-number{grid-column:1;grid-row:1/3;display:grid;place-items:center;width:64px;height:64px;border-radius:50%;margin:0;background:linear-gradient(135deg,#ffb8d4,#ff6a94,#ffb57b);background-size:220% 220%;animation:step-gradient 9s ease-in-out infinite;color:#251519;font-size:32px;line-height:1;box-shadow:inset 0 1px 1px #ffffff80,0 8px 24px #ed343414}
.route-step:nth-child(2) .step-number{animation-delay:-3s}.route-step:nth-child(3) .step-number{animation-delay:-6s}
.route-step b{grid-column:2;font-size:24px;margin:0;line-height:1.2}.route-step p{grid-column:2;font-size:17px;line-height:1.5}
.conditions{margin-inline:auto!important;width:min(1180px,calc(100% - 40px));background:linear-gradient(125deg,#ffd2e2,#ffaac6 48%,#ffd7b8);background-size:180% 180%;color:var(--ink);animation:step-gradient 15s ease-in-out infinite;border-radius:36px;gap:42px;padding:clamp(28px,5vw,64px)}
.conditions h2{font-size:clamp(34px,4vw,54px)}.condition-list{border-color:#66344130}.condition-list li{border-color:#66344130}.condition-list strong{color:var(--ink)}
.faq-list summary::after{content:'+'!important;display:grid;place-items:center;width:32px;height:32px;line-height:1;top:24px;right:0;transform:rotate(0);transition:transform .32s cubic-bezier(.2,.7,.2,1)}
.faq-list details[open] summary::after,.faq-list details.is-expanding summary::after{transform:rotate(45deg)}
.faq-list details.is-collapsing summary::after{transform:rotate(0)}
@keyframes step-gradient{0%,100%{background-position:0% 50%}50%{background-position:100% 50%}}
@media(min-width:821px) and (max-width:1100px){.route{gap:22px}.route-step{grid-template-columns:52px 1fr;gap:8px 12px}.step-number{width:52px;height:52px;font-size:28px}.route-step b{font-size:22px}}
@media(max-width:820px){.route{gap:32px}.route .route-step{padding-left:0}.conditions{grid-template-columns:1fr}}
@media(max-width:600px){.hero-grid h1{font-size:clamp(46px,12vw,68px)}.hero-grid .lead{font-size:18px;line-height:1.4}.hero-grid{gap:16px;padding-bottom:94px}.reward-stage{min-height:360px}.conditions{width:calc(100% - 28px);padding:28px 24px;border-radius:28px;gap:26px}.route-step{grid-template-columns:56px 1fr;gap:6px 16px}.step-number{width:56px;height:56px;font-size:30px}.route-step b{font-size:23px}.route-step p{font-size:17px}.section-head{margin-bottom:30px}.faq-list summary::after{top:22px}}
@media(prefers-reduced-motion:reduce){.step-number,.conditions{animation:none!important}.faq-list summary::after{transition:none}}
.faq-section .section-head{display:block;max-width:720px;margin-bottom:28px}.faq-section .section-head p{margin-top:16px}.faq-section .faq-list{max-width:none;margin-left:0}.faq-list summary{font-weight:700;font-size:22px;line-height:1.4;letter-spacing:0;text-wrap:pretty}.faq-list details>div{max-width:850px;line-height:1.6}@media(max-width:600px){.faq-list summary{font-size:20px;padding-right:44px}.faq-list details>div{padding-right:12px}}
.button{text-transform:lowercase}
