.guides-page{color:var(--color-ink);overflow:hidden}.guides-container{width:min(calc(100% - (2 * var(--space-gutter))), var(--space-container-max));margin-inline:auto}.guides-hero{background:var(--color-white) url(/assets/decorations/ruban-clair.svg) no-repeat right top / min(36%, 520px) auto;padding:56px 0 120px;position:relative;overflow:hidden}.guides-hero__content{text-align:center;max-width:900px}.guides-chip{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink);font-size:12.5px;font-weight:var(--font-weight-bold);align-items:center;gap:8px;padding:6px 14px;display:inline-flex;box-shadow:0 2px 10px #0e1b4d0d}.guides-chip>span{background:var(--color-accent);border-radius:50%;width:8px;height:8px;box-shadow:0 0 0 4px #fc740e2e}.guides-hero h1{color:var(--color-ink);font-size:var(--font-size-h1);font-weight:var(--font-weight-light);letter-spacing:var(--letter-spacing-heading);line-height:var(--line-height-heading);margin:20px 0 18px}.guides-hero__lead{max-width:540px;color:var(--color-text);font-size:17px;line-height:var(--line-height-body);margin:0 auto}.guides-facts{flex-wrap:wrap;justify-content:center;gap:10px;margin-top:22px;display:flex}.guides-facts>span{border:1px solid var(--color-line);border-radius:var(--radius-pill);background:var(--color-white);color:var(--color-ink);align-items:center;gap:8px;padding:7px 14px;font-size:13px;font-weight:700;display:inline-flex}.guides-facts .fs-icon{width:15px;height:15px;color:var(--color-brand)}.guides-hero__wave{width:100%;height:80px;display:block;position:absolute;inset:auto 0 0}.guides-section{padding:var(--space-section-y) 0;background:var(--color-white)}.guides-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:22px;display:grid}.guide-card{border-radius:var(--radius-card-lg);background:var(--color-white);min-width:0;box-shadow:var(--shadow-card);flex-direction:column;gap:14px;padding:28px;display:flex}.guide-card__head{align-items:center;gap:14px;display:flex}.guide-card__icon{background:var(--color-brand);width:44px;height:44px;color:var(--color-white);border-radius:50%;flex:none;place-items:center;display:grid}.guide-card__icon .fs-icon{width:21px;height:21px}.guide-card h2{color:var(--color-ink);font-size:19px;font-weight:var(--font-weight-bold);letter-spacing:normal;margin:0;line-height:1.3}.guide-card ol{counter-reset:guide-step;gap:12px;margin:0;padding:0;list-style:none;display:grid}.guide-card li{color:var(--color-text);counter-increment:guide-step;font-size:14.5px;line-height:var(--line-height-body);grid-template-columns:34px minmax(0,1fr);align-items:start;gap:12px;display:grid}.guide-card li:before{border-radius:var(--radius-sm);background:var(--color-brand-light);height:30px;color:var(--color-brand);content:counter(guide-step, decimal-leading-zero);justify-content:center;align-items:center;font-size:13px;font-weight:900;display:flex}.guide-card__link{border-bottom:2px solid var(--color-accent);color:var(--color-ink);font-size:14px;font-weight:var(--font-weight-bold);align-self:flex-start;align-items:center;gap:6px;margin-top:auto;padding-bottom:4px;text-decoration:none;display:inline-flex}.guide-card__link .fs-icon{width:16px;height:16px;transition:transform var(--motion-hover) var(--motion-easing)}.guide-card__link:hover .fs-icon{transform:translate(3px)}.guides-install{border-radius:var(--radius-card);background:var(--color-brand-light);color:var(--color-ink);border:1px solid #0045cc38;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:26px;padding:16px 20px;font-size:14.5px;display:flex}.guides-install strong{display:block}.guides-install p{margin:2px 0 0}.guides-install__button{min-height:38px;padding:8px 16px;font-size:13px}.guides-install__button .fs-icon{width:15px;height:15px}.guides-final{background:url(/assets/decorations/ruban-bas.svg) no-repeat left bottom / min(34%, 440px) auto, linear-gradient(135deg, var(--color-brand) 0%, var(--color-brand-dark) 70%);color:var(--color-white);text-align:center;padding:80px 0}.guides-final h2{color:var(--color-white);font-size:clamp(28px,3.6vw,40px);font-weight:var(--font-weight-black);line-height:var(--line-height-heading);margin:0}.guides-final>.guides-container>p{max-width:560px;color:var(--color-white-85);margin:12px auto 0}.guides-final__actions{flex-wrap:wrap;justify-content:center;gap:14px;margin-top:30px;display:flex}.guides-final__actions .fs-icon{width:18px;height:18px}.guides-float{z-index:20;border-radius:var(--radius-md);background:var(--color-ink);max-width:380px;box-shadow:var(--shadow-card-lg);color:var(--color-white);align-items:center;gap:12px;padding:10px 16px 10px 10px;font-size:12px;text-decoration:none;display:flex;position:fixed;bottom:22px;right:96px}.guides-float__icon{border-radius:var(--radius-sm);background:var(--color-accent);width:34px;height:34px;color:var(--color-white);flex:none;place-items:center;display:grid}.guides-float__icon .fs-icon{width:18px;height:18px}.guides-float strong,.guides-float small{display:block}.guides-float strong{font-size:13px}.guides-float small{color:var(--color-white-85);font-size:11.5px}.guides-float small b{color:var(--color-accent);font-weight:var(--font-weight-bold);letter-spacing:.04em}.guides-float>i{background:var(--color-success);border-radius:50%;flex:none;width:8px;height:8px;box-shadow:0 0 0 4px #16a34a2e}.guides-help{z-index:21;background:var(--color-accent);width:58px;height:58px;box-shadow:var(--shadow-help-button);color:var(--color-white);border-radius:50%;justify-content:center;align-items:center;text-decoration:none;display:flex;position:fixed;bottom:22px;right:22px}.guides-help>.fs-icon{width:24px;height:24px}.guides-help>span{border-radius:var(--radius-pill);background:var(--color-ink);color:var(--color-white);font-size:12.5px;font-weight:var(--font-weight-bold);white-space:nowrap;opacity:0;pointer-events:none;transition:opacity var(--motion-hover) var(--motion-easing), transform var(--motion-hover) var(--motion-easing);padding:7px 12px;position:absolute;right:68px;transform:translate(6px)}.guides-help:hover>span,.guides-help:focus-visible>span{opacity:1;transform:none}@media (width<=900px){.guides-grid{grid-template-columns:1fr}.guides-float{display:none}}@media (width<=640px){.guides-hero{background-size:62%;padding:56px 0 100px}.guides-hero h1{font-size:var(--font-size-display-mobile)}.guides-section{padding-block:64px}.guide-card{padding:24px}.guides-install{flex-direction:column;align-items:flex-start}.guides-final{padding:64px 0}.guides-final__actions{flex-direction:column;align-items:stretch}.guides-float{display:none}.guides-help{width:52px;height:52px;bottom:16px;right:16px}}@media (prefers-reduced-motion:reduce){.guide-card__link .fs-icon,.guides-help>span{transition:none}}
