*{box-sizing:border-box}

body{margin:0}

.flow-page{background:var(--df-color-bg);color:var(--df-color-primary)}

.flow-page{--df-radius: 18px}

.flow-steps{gap:20px}

.flow-period{margin-right:auto;margin-left:auto;border-radius:var(--df-radius);background:var(--df-color-surface);box-shadow:0 8px 18px rgb(0 0 0/10%);line-height:1.8}

.flow-prepare{background:var(--df-color-surface)}

.flow-conditions{color:var(--df-color-on-primary)}

.flow-conditions-grid{gap:18px}

.flow-faq-grid{gap:18px}

.flow-faq{background:var(--df-color-bg)}

body{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px}

.flow-steps h3{margin-top:18px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:21px}

.flow-prepare>div>div{max-width:760px;margin-top:28px;margin-right:0px;margin-bottom:0px;margin-left:0px;padding-left:0px;line-height:2;text-align:left}

.flow-prepare>div>p:not(.df-eyebrow){margin-top:18px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1.8;text-align:left}

.flow-page .lower-heading .df-section-heading{letter-spacing:0px}

.flow-steps>div>p:last-child{margin-top:10px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1.8}

.flow-page .lower-heading .df-section-heading{letter-spacing:-0.02em}

.flow-conditions-grid h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:20px;line-height:1.5}

.flow-faq-grid h3{margin-top:0px;margin-right:0px;margin-bottom:0px;margin-left:0px;font-size:20px;line-height:1.5}

.flow-conditions-grid p{margin-top:12px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1.8}

.flow-faq-grid p{margin-top:12px;margin-right:0px;margin-bottom:0px;margin-left:0px;line-height:1.8}

.flow-prepare .df-button{margin-top:24px}

.flow-page .lower-hero{margin-top:0;padding-top:clamp(48px,5vw,64px);padding-bottom:clamp(48px,5vw,64px);background:var(--df-color-accent)}

.flow-page .lower-hero h1{color:var(--df-color-primary)}

.flow-page .lower-heading .df-section-heading{overflow-wrap:normal;word-break:keep-all}

.flow-steps{display:grid;list-style-type:none;list-style-position:outside;list-style-image:none}

.flow-steps>div{min-width:0;padding:24px;border:4px solid var(--df-color-primary);border-radius:var(--df-radius);background:var(--df-color-surface);box-shadow:8px 8px 0 rgb(0 0 0/15%)}

.flow-steps>div:nth-child(2n){background:var(--df-color-accent)}

.flow-steps>div:nth-child(3){background:#b9b9b9}

.flow-steps>div>p:first-child{display:grid;width:42px;height:42px;align-items:center;justify-items:center;margin:0;border:3px solid var(--df-color-primary);border-radius:50%;background:var(--df-color-surface);font-weight:800}

@media (min-width:704px){.flow-steps{grid-template-columns:repeat(2,minmax(0,1fr))}}

@media (min-width:1088px){.flow-steps{grid-template-columns:repeat(4,minmax(0,1fr))}}

@media (min-width:1088px){.flow-steps h3{font-size:18px;letter-spacing:-.04em;line-height:1.45;overflow-wrap:break-word;word-break:normal}}

.flow-conditions .df-eyebrow{color:var(--df-color-eyebrow)}

.flow-conditions .df-section-heading{color:var(--df-color-on-primary)}

.flow-conditions-grid{display:grid}

.flow-faq-grid{display:grid}

.flow-conditions-grid>div{padding:24px;border:3px solid var(--df-color-primary);border-radius:var(--df-radius);background:var(--df-color-surface);box-shadow:6px 6px 0 rgb(0 0 0/15%);color:var(--df-color-primary)}

.flow-faq-grid>div{padding:24px;border:3px solid var(--df-color-primary);border-radius:var(--df-radius);background:var(--df-color-surface);box-shadow:6px 6px 0 rgb(0 0 0/15%);color:var(--df-color-primary)}

.flow-conditions-grid>div{border-color:var(--df-color-accent);background:transparent;box-shadow:none;color:var(--df-color-on-primary)}

@media (min-width:704px){.flow-conditions-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}

@media (min-width:704px){.flow-faq-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}

.flow-conditions-grid>div{border:3px solid var(--df-color-primary);background:var(--df-color-accent);box-shadow:6px 6px 0 rgb(0 0 0/15%);color:var(--df-color-primary)}

.flow-conditions-grid h3{color:var(--df-color-primary)}

.flow-conditions-grid p{color:var(--df-color-primary)}

.flow-prepare-grid{display:grid;grid-template-columns:minmax(0,1fr);gap:28px;align-items:start}

.flow-prepare-copy{display:grid;gap:0;line-height:2}

.flow-prepare-grid>img{width:100%;aspect-ratio:16/10;border:4px solid var(--df-color-primary);border-radius:var(--df-radius);box-shadow:var(--df-shadow-card);object-fit:cover}

@media (min-width:704px){.flow-prepare-grid{grid-template-columns:minmax(0,1fr) minmax(280px,.9fr);gap:40px}}

@media (min-width:704px){.flow-prepare-grid>img{margin-top:0}}

*{box-sizing:border-box}

body{margin:0}

@media (min-width:704px){.flow-prepare-grid{grid-template-columns:minmax(0,1.2fr) minmax(300px,.8fr);gap:56px}}

.flow-conditions{color:var(--df-color-primary)}

.flow-conditions .df-section-heading{color:var(--df-color-primary)}

.flow-conditions-grid>div{border-color:var(--df-color-primary);background-color:var(--df-color-surface);box-shadow:6px 6px 0 rgb(0 0 0/15%);color:var(--df-color-primary)}

.flow-conditions-grid h3{color:var(--df-color-primary)}

.flow-conditions-grid p{color:var(--df-color-primary)}

*{box-sizing:border-box}

body{margin:0}

@media (min-width:1088px){.flow-prepare-grid{grid-template-columns:minmax(0,1.45fr) minmax(340px,.95fr);gap:72px}}

@media (min-width:1088px){body .flow-prepare-copy{max-width:100%;min-width:0}}

@media (min-width:1088px){.flow-prepare-grid>img{justify-self:end}}

@media (min-width:1088px){.flow-page .flow-prepare .flow-prepare-grid{max-width:none}}

.flow-page .flow-conditions{background-color:#fff}

.flow-page .flow-conditions{position:relative;overflow:hidden}

.flow-page .flow-conditions::before{position:absolute;top:-36px;right:7%;width:76px;height:76px;border-radius:50%;background:var(--df-color-coral);content:""}

.flow-page .flow-conditions::after{position:absolute;z-index:2;bottom:24px;left:6%;width:70px;height:70px;background:#73c7d5;content:"";pointer-events:none;transform:rotate(15deg)}

.flow-page .flow-conditions>.df-container{position:relative;z-index:1}

.flow-page .flow-prepare{position:relative;overflow:hidden}

.flow-page .flow-prepare::before{position:absolute;top:-46px;left:7%;width:110px;height:110px;border-radius:50%;background:var(--df-color-accent);content:""}

.flow-page .flow-prepare::after{position:absolute;right:8%;bottom:-52px;width:130px;height:130px;border:18px solid var(--df-color-coral);border-radius:50%;content:""}

.flow-page .flow-prepare>.df-container{position:relative;z-index:1}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}

.flow-period{background:transparent;box-shadow:none}

*{box-sizing:border-box}

body{margin:0}

*{box-sizing:border-box}

body{margin:0}