.ff-how-layout{background:#f6f8fc;padding:48px 0}.ff-how-layout .ff-how#how-it-works{color:#13213b;background:#fff;border-radius:28px;grid-template-columns:1fr auto;gap:36px;width:min(1240px,100% - 80px);margin:0 auto;padding:56px;display:grid}.ff-how-layout .ff-how .ff-section-heading{grid-column:1}.ff-how-layout .ff-how .ff-section-heading h2{letter-spacing:-.045em;margin:0 0 18px;font-size:clamp(34px,4vw,50px);line-height:1.06}.ff-how-layout .ff-how .ff-section-heading>p{color:#62718a;max-width:460px;font-size:14px;line-height:1.7}.ff-how-layout .ff-how .ff-steps{grid-column:1/-1;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.ff-how-layout .ff-how .ff-steps article{flex-direction:column;gap:0;min-width:0;padding:28px;display:flex;position:relative}.ff-how-layout .ff-how .ff-step-number{color:#4265bc;letter-spacing:.12em;font-size:12px;font-weight:600}.ff-how-layout .ff-how .ff-how-icon{color:#2457ff;background:#eaf0ff;border-radius:14px;place-items:center;width:48px;height:48px;margin:26px 0 24px;display:grid}.ff-how-layout .ff-how .ff-steps h3{letter-spacing:-.035em;margin:0 0 14px;font-size:20px;font-weight:600;line-height:1.25}.ff-how-layout .ff-how .ff-steps article>p{color:#63718a;margin:0;font-size:13px;line-height:1.8}.ff-how-layout .ff-how .ff-comparison-note{color:#728099;border-top:1px solid #e4e9f0;grid-area:3/1/auto/-1;margin:0;padding:22px 0 0;font-size:10px;line-height:1.7}.ff-how-layout .ff-how .ff-section-join{grid-area:1/2;align-self:center;margin:0}.ff-how-layout .ff-how .ff-button{min-width:148px}.ff-how-layout .ff-how-cards#how-it-works{background:0 0;padding:12px 0}.ff-how-layout .ff-how-cards .ff-steps article{background:#fff;border:1px solid #e5eaf2;border-radius:22px;box-shadow:0 8px 24px #14214005}.ff-how-layout .ff-how-cards .ff-step-number{letter-spacing:-.06em;color:#d6dfef;font-size:36px;position:absolute;top:30px;right:28px}.ff-how-layout .ff-how-cards .ff-how-icon{margin-top:0}.ff-how-layout-timeline{background:#edf4ff}.ff-how-layout .ff-how-timeline#how-it-works{background:0 0;padding:20px 0}.ff-how-layout .ff-how-timeline .ff-section-heading{text-align:center;grid-column:1/-1}.ff-how-layout .ff-how-timeline .ff-section-heading>p{margin-inline:auto}.ff-how-layout .ff-how-timeline .ff-steps{gap:48px;position:relative}.ff-how-layout .ff-how-timeline .ff-steps:before{content:"";background:#cbd9ff;height:1px;position:absolute;top:28px;left:16%;right:16%}.ff-how-layout .ff-how-timeline .ff-steps article{text-align:center;align-items:center;padding:0 12px}.ff-how-layout .ff-how-timeline .ff-step-number{z-index:1;color:#2457ff;letter-spacing:0;background:#fff;border:1px solid #b7caff;border-radius:50%;place-items:center;width:56px;height:56px;margin-bottom:26px;font-size:16px;display:grid;box-shadow:0 0 0 9px #edf4ff}.ff-how-layout .ff-how-timeline .ff-how-icon{display:none}.ff-how-layout .ff-how-timeline .ff-section-join{grid-area:3/1/auto/-1;justify-self:center}.ff-how-layout .ff-how-timeline .ff-comparison-note{text-align:center;grid-row:4}.ff-how-layout-editorial{background:#f7f5ef}.ff-how-layout .ff-how-editorial#how-it-works{background:0 0;border-radius:0;grid-template-columns:.85fr 1.15fr;gap:28px 80px;padding:20px 0}.ff-how-layout .ff-how-editorial .ff-section-heading{grid-row:1}.ff-how-layout .ff-how-editorial .ff-section-heading h2{font-size:clamp(40px,4.5vw,60px);font-weight:500}.ff-how-layout .ff-how-editorial .ff-steps{grid-area:1/2/span 2;grid-template-columns:1fr;gap:0}.ff-how-layout .ff-how-editorial .ff-steps article{border-top:1px solid #d7d7ce;grid-template-columns:38px 1fr;padding:26px 0;display:grid}.ff-how-layout .ff-how-editorial .ff-steps article:first-child{border:0;padding-top:0}.ff-how-layout .ff-how-editorial .ff-how-icon{display:none}.ff-how-layout .ff-how-editorial .ff-step-number{color:#968670;grid-area:1/1/span 2}.ff-how-layout .ff-how-editorial .ff-steps h3,.ff-how-layout .ff-how-editorial .ff-steps article>p{grid-column:2}.ff-how-layout .ff-how-editorial .ff-section-join{grid-area:2/1;align-self:start}.ff-how-layout .ff-how-editorial .ff-comparison-note{border-color:#d7d7ce}.ff-how-layout-midnight{background:#e9eef6}.ff-how-layout .ff-how-midnight#how-it-works{color:#fff;background:#0d203b}.ff-how-layout .ff-how-midnight .ff-section-heading>p{color:#b9c7da}.ff-how-layout .ff-how-midnight .ff-steps{gap:0}.ff-how-layout .ff-how-midnight .ff-steps article{border-top:1px solid #ffffff26;border-right:1px solid #ffffff26;padding:28px 30px 0}.ff-how-layout .ff-how-midnight .ff-steps article:first-child{padding-left:0}.ff-how-layout .ff-how-midnight .ff-steps article:last-child{border-right:0;padding-right:0}.ff-how-layout .ff-how-midnight .ff-step-number{color:#87aaff}.ff-how-layout .ff-how-midnight .ff-how-icon{color:#a6c1ff;background:#223b60}.ff-how-layout .ff-how-midnight .ff-steps article>p{color:#b9c7da}.ff-how-layout .ff-how-midnight .ff-comparison-note{color:#91a5c0;border-color:#ffffff26}@media (width<=760px){.ff-how-layout{padding:28px 0}.ff-how-layout .ff-how#how-it-works{grid-template-columns:1fr;gap:28px;width:calc(100% - 36px);padding:28px 20px}.ff-how-layout .ff-how-cards#how-it-works,.ff-how-layout .ff-how-editorial#how-it-works,.ff-how-layout .ff-how-timeline#how-it-works{padding:0}.ff-how-layout .ff-how .ff-section-heading{text-align:left;grid-area:1/1}.ff-how-layout .ff-how .ff-section-heading h2{font-size:38px}.ff-how-layout .ff-how .ff-steps{grid-area:2/1;grid-template-columns:1fr;gap:16px}.ff-how-layout .ff-how .ff-section-join{grid-area:3/1;justify-self:start}.ff-how-layout .ff-how .ff-comparison-note{grid-area:4/1}.ff-how-layout .ff-how .ff-steps h3{font-size:21px}.ff-how-layout .ff-how-timeline .ff-steps:before{width:1px;height:auto;top:24px;bottom:60px;left:24px}.ff-how-layout .ff-how-timeline .ff-steps article{text-align:left;grid-template-columns:50px 1fr;align-items:start;gap:0 20px;padding:0;display:grid}.ff-how-layout .ff-how-timeline .ff-step-number{grid-row:1/span 2;width:48px;height:48px}.ff-how-layout .ff-how-timeline .ff-steps article>p{grid-column:2}.ff-how-layout .ff-how-midnight .ff-steps article{border-right:0;padding:24px 0 8px}.ff-how-layout .ff-how-midnight .ff-how-icon{margin:18px 0}.ff-how-layout .ff-how-editorial .ff-steps{gap:0}}.ff-how-layout .ff-how-feature{display:none}.ff-how-layout .ff-how-step-image{object-fit:cover;width:100%;height:230px}.ff-how-layout .ff-how:is(.ff-how-postcards,.ff-how-escape,.ff-how-panorama) .ff-how-icon{display:none}.ff-how-layout-postcards{background:#faf8f3}.ff-how-layout .ff-how-postcards#how-it-works{background:0 0;gap:48px;padding:20px 0}.ff-how-layout .ff-how-postcards .ff-section-heading h2{font-size:clamp(42px,5vw,68px)}.ff-how-layout .ff-how-postcards .ff-steps{gap:32px}.ff-how-layout .ff-how-postcards .ff-steps article{padding:0}.ff-how-layout .ff-how-postcards .ff-how-step-image{border-radius:100px 100px 8px 8px;height:280px;margin-bottom:30px}.ff-how-layout .ff-how-postcards .ff-steps article:nth-child(2){padding-top:48px}.ff-how-layout .ff-how-postcards .ff-steps article:nth-child(3){padding-top:96px}.ff-how-layout .ff-how-postcards .ff-step-number{letter-spacing:-.07em;color:#225ef0;text-shadow:3px 3px #faf8f3;font-size:72px;line-height:1;position:absolute;top:240px;left:-8px}.ff-how-layout .ff-how-postcards article:nth-child(2) .ff-step-number{top:288px}.ff-how-layout .ff-how-postcards article:nth-child(3) .ff-step-number{top:336px}.ff-how-layout .ff-how-postcards .ff-steps h3{max-width:280px;font-size:25px}.ff-how-layout-escape{background:#f5f2eb}.ff-how-layout .ff-how-escape#how-it-works{background:0 0;grid-template-columns:1fr 1fr;gap:32px 64px;padding:12px 0}.ff-how-layout .ff-how-escape .ff-how-feature{border-radius:200px 200px 12px 12px;grid-area:1/1/span 3;min-height:650px;display:block;overflow:hidden}.ff-how-layout .ff-how-escape .ff-how-feature img{object-fit:cover;object-position:38% center;width:100%;height:100%}.ff-how-layout .ff-how-escape .ff-section-heading{grid-column:2}.ff-how-layout .ff-how-escape .ff-section-heading h2{font-size:clamp(40px,4.4vw,64px)}.ff-how-layout .ff-how-escape .ff-steps{grid-area:2/2;grid-template-columns:1fr;gap:0}.ff-how-layout .ff-how-escape .ff-steps article{border-top:1px solid #d9d4c9;padding:22px 0 22px 48px}.ff-how-layout .ff-how-escape .ff-step-number{color:#9b784a;position:absolute;top:24px;left:0}.ff-how-layout .ff-how-escape .ff-how-step-image{display:none}.ff-how-layout .ff-how-escape .ff-section-join{grid-area:3/2;align-self:start}.ff-how-layout .ff-how-escape .ff-comparison-note{grid-row:4}.ff-how-layout-panorama{background:#fff;padding:0}.ff-how-layout .ff-how-panorama#how-it-works{isolation:isolate;border-radius:0;gap:48px;width:100%;padding:70px max(40px,50% - 560px);position:relative;overflow:hidden}.ff-how-layout .ff-how-panorama .ff-how-feature{z-index:-1;height:510px;display:block;position:absolute;inset:0 0 auto}.ff-how-layout .ff-how-panorama .ff-how-feature:after{content:"";background:linear-gradient(90deg,#0b1b2b80,#0000 80%);position:absolute;inset:0}.ff-how-layout .ff-how-panorama .ff-how-feature img{object-fit:cover;width:100%;height:100%}.ff-how-layout .ff-how-panorama .ff-section-heading{padding-bottom:110px}.ff-how-layout .ff-how-panorama .ff-section-heading h2{color:#fff;font-size:clamp(44px,5vw,72px)}.ff-how-layout .ff-how-panorama .ff-section-heading>p{color:#fff}.ff-how-layout .ff-how-panorama .ff-section-join{align-self:start}.ff-how-layout .ff-how-panorama .ff-steps{background:#fff;border-radius:18px;gap:0;overflow:hidden;box-shadow:0 18px 60px #1b2b3d12}.ff-how-layout .ff-how-panorama .ff-steps article{border-right:1px solid #e9edf1;padding:32px}.ff-how-layout .ff-how-panorama .ff-steps article:last-child{border:0}.ff-how-layout .ff-how-panorama .ff-step-number{letter-spacing:-.07em;margin-bottom:30px;font-size:52px;font-weight:400}.ff-how-layout .ff-how-panorama .ff-how-step-image{display:none}@media (width<=760px){.ff-how-layout .ff-how-postcards#how-it-works,.ff-how-layout .ff-how-escape#how-it-works{grid-template-columns:1fr;gap:28px;padding:0}.ff-how-layout .ff-how-postcards .ff-steps{gap:36px}.ff-how-layout .ff-how-postcards .ff-steps article:nth-child(n){padding-top:0}.ff-how-layout .ff-how-postcards .ff-steps article:nth-child(n) .ff-step-number{top:240px}.ff-how-layout .ff-how-escape .ff-how-feature{border-radius:140px 140px 8px 8px;grid-area:2/1;height:340px;min-height:0}.ff-how-layout .ff-how-escape .ff-section-heading{grid-area:1/1}.ff-how-layout .ff-how-escape .ff-steps{grid-area:3/1}.ff-how-layout .ff-how-escape .ff-section-join{grid-area:4/1}.ff-how-layout .ff-how-escape .ff-comparison-note{grid-row:5}.ff-how-layout .ff-how-panorama#how-it-works{gap:28px;padding:40px 20px}.ff-how-layout .ff-how-panorama .ff-section-heading{padding-bottom:60px}.ff-how-layout .ff-how-panorama .ff-section-heading h2{font-size:44px}.ff-how-layout .ff-how-panorama .ff-how-feature{height:470px}.ff-how-layout .ff-how-panorama .ff-steps{gap:0}.ff-how-layout .ff-how-panorama .ff-steps article{border-bottom:1px solid #e9edf1;border-right:0;padding:28px}.ff-how-layout .ff-how-panorama .ff-step-number{margin-bottom:16px}}