.product-flow{--flow-qing:#6e847c;--flow-hairline:#e4dccf;--flow-qing-soft:#6e847c1a;--flow-qing-border:#6e847c73;color:var(--ink);font-size:15px;line-height:1.6}.product-flow+.site-footer{padding-bottom:140px}.product-flow__page{width:min(100% - 44px,482px);margin:0 auto;padding:0 0 156px}.product-flow__brand{padding:24px 0 4px}.product-flow__brand img{width:78px}.product-flow__hero{padding:28px 0 30px}.product-flow__hero h1{color:var(--ink-deep);font-family:var(--sans);letter-spacing:.02em;margin:0;font-size:clamp(25px,7vw,33px);font-weight:600;line-height:1.4}.product-flow__hero p{color:var(--smoke);margin:12px 0 0;font-size:14px;line-height:1.75}.flow-steps{border:1px solid var(--flow-hairline);background:var(--paper-light);border-radius:12px;margin:0 0 34px;padding:22px 20px;list-style:none}.flow-steps li{align-items:baseline;gap:14px;padding:10px 0;display:flex;position:relative}.flow-steps li:not(:last-child):before{background:var(--mist);content:"";width:1.5px;position:absolute;top:32px;bottom:-14px;left:6px}.flow-steps__dot{border:1.5px solid var(--mist);border-radius:50%;flex:none;width:14px;height:14px;transform:translateY(1px)}.flow-steps__current .flow-steps__dot{border-color:var(--gold);background:var(--gold)}.flow-steps__label{color:var(--smoke)}.flow-steps__current .flow-steps__label{color:var(--ink);font-weight:500}.flow-steps__tag{color:var(--flow-qing);margin-left:auto;font-size:12px}.flow-card,.flow-recording,.guide-route,.guide-reminder,.guide-step,.guide-finish{border:1px solid var(--flow-hairline);background:var(--paper-light);border-radius:12px}.flow-card{margin-bottom:14px;padding:20px}.flow-card h2,.flow-recording h2{font-family:var(--sans);align-items:baseline;gap:10px;margin:0 0 8px;font-size:16px;font-weight:500;display:flex}.flow-card__number{color:var(--flow-qing);letter-spacing:.06em;font-size:12px;font-weight:400}.flow-card p,.flow-recording>p{margin:0;font-size:15px;line-height:1.7}.flow-recording{border-color:var(--flow-qing-border);margin:26px 0 14px;padding:22px 20px}.flow-recording>p{margin-bottom:16px}.flow-options{gap:10px;display:grid}.flow-option,.questionnaire-choice{border:1px solid var(--flow-hairline);background:var(--paper-light);cursor:pointer;border-radius:12px;align-items:flex-start;gap:10px;padding:13px 15px;display:flex;position:relative}.flow-option input,.questionnaire-choice input{opacity:0;width:1px;height:1px;position:absolute}.flow-option__control,.questionnaire-choice__control{border:1.5px solid var(--smoke);border-radius:50%;flex:none;width:16px;height:16px;margin-top:4px;position:relative}.flow-option:has(input:checked),.questionnaire-choice:has(input:checked){border-color:var(--flow-qing);background:var(--flow-qing-soft)}.flow-option input:checked+.flow-option__control,.questionnaire-choice input:checked+.questionnaire-choice__control{border-color:var(--flow-qing)}.flow-option input:checked+.flow-option__control:after,.questionnaire-choice input:checked+.questionnaire-choice__control:after{background:var(--gold);content:"";border-radius:50%;position:absolute;inset:3.5px}.flow-option:has(input:focus-visible),.questionnaire-choice:has(input:focus-visible){outline:2px solid var(--ink-deep);outline-offset:3px}.flow-recording__note{border-top:1px solid var(--flow-hairline);color:var(--smoke);padding-top:12px;display:none;margin:14px 0 0!important;font-size:13px!important}.flow-recording__note[data-visible=true]{display:block}.flow-action{z-index:20;padding:14px 22px calc(14px + env(safe-area-inset-bottom));border-top:1px solid var(--flow-hairline);backdrop-filter:blur(10px);background:#f2ede4f5;position:fixed;bottom:0;left:0;right:0}.flow-action__inner{width:min(100%,482px);margin:0 auto}.flow-action__row{gap:12px;display:flex}.flow-confirmation{cursor:pointer;align-items:flex-start;gap:10px;margin-bottom:12px;display:flex}.flow-confirmation input{width:20px;height:20px;accent-color:var(--flow-qing);flex:none;margin:1px 0 0}.flow-confirmation span{font-size:14px}.flow-button{background:var(--ink-deep);width:100%;color:var(--paper);font:inherit;letter-spacing:.03em;text-align:center;cursor:pointer;border:0;border-radius:12px;padding:15px 18px;font-size:16px;text-decoration:none;display:block}.flow-button:disabled{background:var(--mist);color:var(--smoke);cursor:not-allowed}.flow-button--ghost{border:1px solid var(--mist);width:110px;color:var(--smoke);background:0 0;flex:none}.flow-button:focus-visible{outline:2px solid var(--ink-deep);outline-offset:3px}.flow-inline-error{color:var(--flow-qing);margin:10px 0 0;font-size:13px;line-height:1.6;display:none}.flow-inline-error[data-visible=true]{display:block}.questionnaire-progress{z-index:10;background:var(--paper);padding:16px 0 12px;position:sticky;top:0}.questionnaire-field{scroll-margin-bottom:190px}.questionnaire-progress__text{color:var(--smoke);margin-bottom:8px;font-size:13px}.questionnaire-progress__track{background:var(--flow-hairline);border-radius:2px;height:2px;overflow:hidden}.questionnaire-progress__fill{background:var(--flow-qing);border-radius:2px;width:25%;height:100%;transition:width .25s}.questionnaire-intro{color:var(--smoke);margin:8px 0 28px;font-size:14px;line-height:1.8}.questionnaire-page-title{color:var(--ink-deep);font-family:var(--sans);letter-spacing:.02em;margin:24px 0 2px;font-size:25px;font-weight:600;line-height:1.4}.questionnaire-intro__autosave{color:var(--flow-qing);margin-top:10px;font-size:12px;display:block}.questionnaire-part[hidden]{display:none}.questionnaire-part__title{font-family:var(--sans);margin:6px 0 24px;font-size:18px;font-weight:500}.questionnaire-question{border:0;min-inline-size:0;margin-bottom:30px;padding:0}.questionnaire-question__label{margin-bottom:10px;font-size:15px;font-weight:500;line-height:1.7;display:block}.questionnaire-question__required{color:var(--smoke);margin-left:8px;font-size:12px;font-weight:400}.questionnaire-question__hint{color:var(--smoke);margin:-4px 0 10px;font-size:13px;line-height:1.6}.questionnaire-field{border:1px solid var(--flow-hairline);background:var(--paper-light);width:100%;color:var(--ink);font:inherit;border-radius:12px;outline:0;padding:13px 15px;font-size:15px;line-height:1.7}textarea.questionnaire-field{resize:vertical;min-height:150px}textarea.questionnaire-field--short{min-height:76px}.questionnaire-field:focus,.questionnaire-question[data-invalid=true] .questionnaire-field{border-color:var(--flow-qing)}.questionnaire-question__error{color:var(--flow-qing);margin:8px 0 0;font-size:13px;display:none}.questionnaire-question[data-invalid=true] .questionnaire-question__error{display:block}.questionnaire-choices{gap:10px;display:grid}.questionnaire-other{margin-top:10px;display:none}.questionnaire-other[data-visible=true]{display:block}.questionnaire-task{border:1px solid var(--flow-qing-border);background:var(--paper-light);border-radius:12px;margin-top:6px;padding:20px}.questionnaire-task__tag{color:var(--flow-qing);letter-spacing:.06em;margin:0 0 8px;font-size:12px}.questionnaire-task h3{margin:0 0 6px;font-size:15px;font-weight:500}.questionnaire-task p{color:var(--smoke);margin:0;font-size:14px;line-height:1.7}.questionnaire-data-note{margin:22px 0 0}.questionnaire-data-note h3{color:var(--ink);margin:0 0 6px;font-size:15px;font-weight:500}.questionnaire-data-note p{color:var(--smoke);margin:0;font-size:14px;line-height:1.7}.flow-honeypot{width:1px;height:1px;position:absolute;left:-10000px;overflow:hidden}.submission-state{text-align:center;justify-content:center;align-items:center;width:min(100% - 44px,482px);min-height:70vh;margin:0 auto;padding:72px 0 88px;display:none}.submission-state[data-visible=true]{display:flex}.submission-state__inner{width:100%}.submission-state__dot{background:var(--gold);width:56px;height:56px;color:var(--paper-light);border-radius:50%;place-items:center;margin:0 auto 26px;font-size:27px;display:grid}.submission-state--error .submission-state__dot{border:1px solid var(--flow-qing-border);background:var(--paper-light);color:var(--flow-qing)}.submission-state h2{margin:0 0 12px;font-size:21px;font-weight:600}.submission-state p,.submission-state ol{max-width:360px;color:var(--smoke);margin:0 auto;font-size:14px;line-height:1.8}.submission-state ol{text-align:left;margin-top:14px;padding-left:24px}.submission-state .flow-button{width:auto;min-width:180px;margin:28px auto 0}.guide-page{width:min(100% - 44px,526px);margin:0 auto;padding:0 0 124px}.guide-eyebrow,.guide-kicker,.guide-step__label{color:var(--flow-qing);letter-spacing:.06em;margin:0 0 7px;font-size:12px;line-height:1.5}.guide-eyebrow{letter-spacing:.16em;margin-bottom:10px;font-size:11px}.guide-route{margin-bottom:16px;padding:14px 20px}.guide-route ol{margin:0;padding:0;list-style:none}.guide-route li{min-height:40px;color:var(--smoke);align-items:center;gap:13px;font-size:14px;display:flex;position:relative}.guide-route li:not(:last-child):before{background:var(--mist);content:"";width:1px;position:absolute;top:31px;bottom:-9px;left:12px}.guide-route li span{z-index:1;border:1px solid var(--mist);background:var(--paper-light);width:25px;height:25px;color:var(--flow-qing);border-radius:50%;place-items:center;font-size:10px;display:grid;position:relative}.guide-route li:first-child{color:var(--ink);font-weight:500}.guide-route li:first-child span{border-color:var(--gold);background:var(--gold);color:var(--paper-light)}.guide-reminder{border-color:var(--flow-qing-border);margin-bottom:34px;padding:22px 20px}.guide-reminder h2,.guide-step h2{font-family:var(--sans);margin:0;font-size:17px;font-weight:500;line-height:1.55}.guide-reminder ul{margin:16px 0 0;padding:0;list-style:none}.guide-reminder li{padding:7px 0 7px 17px;font-size:14px;line-height:1.75;position:relative}.guide-reminder li:before{background:var(--gold);content:"";border-radius:50%;width:5px;height:5px;position:absolute;top:16px;left:0}.guide-step{margin-bottom:16px;padding:22px 20px}.guide-step__heading{align-items:center;gap:14px;display:flex}.guide-step__number{background:var(--flow-qing-soft);width:40px;height:40px;color:var(--flow-qing);border-radius:50%;flex:none;place-items:center;font-size:12px;display:grid}.guide-step__label{margin-bottom:1px}.guide-step__copy{margin:16px 0 0;font-size:15px;line-height:1.8}.guide-text-link{color:var(--flow-qing);margin-top:12px;font-size:14px;display:inline-block}.guide-screenshot{border:1px solid var(--flow-hairline);background:#fff;border-radius:12px;margin:20px 0 0;overflow:hidden}.guide-screenshot--compact{width:min(100%,260px);margin-left:auto;margin-right:auto}.guide-screenshot figcaption{border-top:1px solid var(--flow-hairline);color:var(--smoke);padding:10px 12px;font-size:12px;line-height:1.6}.guide-note,.guide-optional{background:var(--flow-qing-soft);border-radius:11px;margin-top:18px;padding:14px 15px}.guide-note p,.guide-optional p,.guide-finish>p{margin:0;font-size:14px;line-height:1.75}.guide-downloads{border-top:1px solid var(--flow-hairline);margin-top:18px}.guide-downloads div{border-bottom:1px solid var(--flow-hairline);align-items:flex-start;gap:11px;padding:13px 0;display:flex}.guide-downloads span{color:var(--flow-qing);padding-top:2px;font-size:11px}.guide-downloads p{margin:0;font-size:14px;line-height:1.65}.guide-optional{border:1px solid var(--flow-qing-border);background:0 0}.guide-optional__tag{color:var(--flow-qing);letter-spacing:.08em;margin-bottom:6px!important;font-size:11px!important}.guide-finish{text-align:center;margin-top:34px;padding:28px 22px 24px}.guide-finish__dot{background:var(--gold);border-radius:50%;width:13px;height:13px;margin:0 auto 16px;display:block;box-shadow:0 0 0 8px #d6a34a1f}.guide-finish h2{margin:0 0 11px;font-size:19px;font-weight:500;line-height:1.55}.guide-finish>p{color:var(--smoke)}.guide-finish .flow-button{margin-top:22px}@media (width>=740px){.guide-page{padding-top:12px}.guide-step{padding:26px}}@media (prefers-reduced-motion:reduce){.questionnaire-progress__fill{transition:none}}