.sw-marketing-container .examples-journey{position:relative;width:100%;min-width:0}.sw-marketing-container .examples-journey-route{position:absolute;z-index:0;top:23px;left:16.6667%;right:16.6667%;height:16px;pointer-events:none}.sw-marketing-container .examples-journey-route svg{display:block;width:100%;height:100%;overflow:visible;fill:none;stroke:var(--sw-brand-blue);stroke-width:2}.sw-marketing-container .examples-journey-route .examples-journey-track{stroke:var(--gray-300)}.sw-marketing-container .examples-journey-steps{position:relative;z-index:1;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin:0;padding:0;list-style:none}.sw-marketing-container .examples-journey-steps li{min-width:0;text-align:center}.sw-marketing-container .examples-journey-icon{display:grid;place-items:center;width:62px;height:62px;margin:0 auto 16px;border:1px solid var(--gray-300);border-radius:50%;background:var(--white);color:var(--text-secondary)}.sw-marketing-container .examples-journey-steps li[data-step-state=current] .examples-journey-icon{border-color:var(--sw-brand-blue);background:var(--sw-brand-blue);color:var(--white);box-shadow:0 0 0 6px color-mix(in srgb,var(--sw-brand-blue) 8%,transparent)}.sw-marketing-container .examples-journey-steps li[data-step-state=complete] .examples-journey-icon{border-color:var(--sw-brand-blue);background:var(--sw-brand-mist);color:var(--primary-blue-dark)}.sw-marketing-container .examples-journey-steps h3{margin:0 0 8px;color:var(--sw-brand-ink);font-size:16px;font-weight:500;letter-spacing:-.02em;line-height:1.4}.sw-marketing-container .examples-journey-steps p{margin:0;color:var(--text-secondary);font-size:14px;line-height:1.5}.sw-marketing-container .examples-journey-caption{display:grid;gap:4px;min-height:46px;margin-top:24px;color:var(--primary-blue-dark);font-size:14px;line-height:1.5;text-align:center}.sw-marketing-container .examples-journey-caption strong{font-weight:500;overflow-wrap:anywhere}@media (max-width: 400px){.sw-marketing-container .examples-journey-steps{gap:10px}.sw-marketing-container .examples-journey-icon{width:52px;height:52px;margin-bottom:14px}.sw-marketing-container .examples-journey-route{top:18px}.sw-marketing-container .examples-journey-steps h3{font-size:14px}}.sw-marketing-container .examples-page{width:100%;color:var(--text-primary)}.sw-marketing-container .examples-personal-preview{scroll-margin-top:100px;background:linear-gradient(180deg,var(--white) 40%,var(--sw-brand-mist) 100%)}.sw-marketing-container .examples-experience-inner{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);grid-template-areas:"intro guide" "form form";align-items:center;column-gap:72px;row-gap:36px;width:100%;max-width:var(--sw-marketing-content-max-width, 1320px);margin-inline:auto;padding:56px var(--sw-marketing-gutter, 40px) 88px}.sw-marketing-container .examples-intro{grid-area:intro;min-width:0}.sw-marketing-container .examples-eyebrow{display:block;color:var(--primary-blue-dark);font-size:14px;font-weight:500;line-height:1.5}.sw-marketing-container .examples-intro h1{margin:24px 0;font-size:clamp(36px,4.6vw,64px);font-weight:500;letter-spacing:-.05em;line-height:1.08}.sw-marketing-container .examples-intro h1>span{color:var(--sw-brand-blue)}.sw-marketing-container .examples-intro>p{max-width:590px;margin:0;color:var(--text-secondary);font-size:18px;line-height:1.7}.sw-marketing-container .examples-experience-guide{display:grid;grid-area:guide;justify-items:center;gap:16px;min-width:0}.sw-marketing-container .examples-identity-scene{width:100%;max-width:220px}.sw-marketing-container .examples-identity-scene .marketing-scene-caption{display:none}.sw-marketing-container .examples-form-stage{grid-area:form;min-width:0;padding-top:32px;border-top:1px solid var(--border-color)}.sw-marketing-container .examples-form-stage>h2{margin:0 0 24px;font-size:24px;font-weight:500;letter-spacing:-.025em;line-height:1.25}.sw-marketing-container .examples-preview-reassurance{margin:16px 0 0;color:var(--text-secondary);font-size:14px;line-height:1.6}.sw-marketing-container .examples-page.has-preview .examples-experience-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "form";gap:16px;padding-top:32px}.sw-marketing-container .examples-page.has-preview .examples-intro h1{margin-block:8px;font-size:32px}.sw-marketing-container .examples-page.has-preview .examples-intro h1 br{display:none}.sw-marketing-container .examples-page.has-preview .examples-intro h1 span:before{content:" "}.sw-marketing-container .examples-page.has-preview :is(.examples-intro>p,.examples-experience-guide,.examples-form-stage>h2,.examples-preview-reassurance){display:none}.sw-marketing-container .examples-page.has-preview .examples-form-stage{border:0;padding-top:0}.sw-marketing-container .examples-page .examples-website-plan-starter{width:100%;max-width:none;margin:0;padding:0;border:0;border-radius:0;background:transparent;box-shadow:none;scroll-margin-top:112px;text-align:left}.sw-marketing-container .examples-page .website-plan-starter-card{gap:24px}.sw-marketing-container .examples-page .website-plan-starter-form{max-width:880px}.sw-marketing-container .examples-page .website-plan-starter-form label{margin-bottom:4px;font-size:14px;font-weight:500}.sw-marketing-container .examples-page .website-plan-starter-input-wrap{min-height:54px;border-color:var(--gray-300);border-radius:var(--sw-marketing-radius);background:var(--white)}.sw-marketing-container .examples-page .website-plan-starter-input-wrap:focus-within{border-color:var(--primary-blue-dark)}.sw-marketing-container .examples-page .website-plan-starter-input-wrap input,.sw-marketing-container .examples-page .website-plan-photo-choice select{font-family:var(--sw-marketing-font, "Inter", sans-serif);font-size:16px;font-weight:400}.sw-marketing-container .examples-page .website-plan-starter-input-wrap input::placeholder{color:var(--gray-600)}.sw-marketing-container .examples-page .website-plan-starter-button{font-size:16px}.sw-marketing-container .examples-page :is(.website-plan-starter-status,.website-plan-photo-choice,.website-plan-preview-panel,.website-plan-preview-section,.crawler-progress){min-width:0;border-radius:var(--sw-marketing-radius);box-shadow:none}.sw-marketing-container .examples-page .website-plan-starter-status{flex-wrap:wrap;font-size:14px;font-weight:500}.sw-marketing-container .examples-page .website-plan-starter-status>span{min-width:0;overflow-wrap:anywhere}.sw-marketing-container .examples-page .website-plan-preview{gap:24px;padding:28px;border-color:var(--border-color);border-radius:var(--sw-marketing-radius);background:var(--white)}.sw-marketing-container .examples-page .website-plan-preview :is(.website-plan-preview-visual,.website-plan-preview-draft){margin-inline:0;border-color:var(--border-color)}.sw-marketing-container .examples-page .website-plan-preview-draft{padding:24px;background:var(--sw-brand-mist)}.sw-marketing-container .examples-page .website-plan-preview :is(h3,h4){font-size:20px;font-weight:500;line-height:1.4}.sw-marketing-container .examples-page .website-plan-starter :is(.website-plan-preview-header span,.website-plan-preview-section-title,.website-plan-preview-generation-copy>span,.website-plan-preview-image-heading>span,.website-plan-preview-image-heading small,.website-plan-preview-draft-heading>span,.website-plan-preview-draft-heading small,.website-plan-preview-progress-meta,.website-plan-preview-progress-meta strong,.website-plan-preview-review-note,.website-plan-preview-swatches span,.website-plan-preview-platforms span,.website-plan-preview-actions p,.website-plan-preview-hashtags,.website-plan-preview-image-error p,.website-plan-preview-panel small,.website-plan-photo-choice label,.crawler-progress p){font-size:14px;font-weight:500;line-height:1.5;letter-spacing:0;text-transform:none}.sw-marketing-container .examples-page .website-plan-starter :is(.website-plan-preview-caption,.website-plan-preview-header p,.website-plan-preview-generation-copy p,.website-plan-preview-panel p,.website-plan-preview-section p,.website-plan-source-photo p){font-size:16px;font-weight:400;line-height:1.7}.sw-marketing-container .examples-page .website-plan-starter :is(.website-plan-preview-image-heading,.website-plan-preview-draft-heading,.website-plan-preview-progress-meta,.crawler-progress-heading){flex-wrap:wrap;gap:8px}.sw-marketing-container .examples-page .website-plan-preview-actions .sw-btn,.sw-marketing-container .examples-page .website-plan-photo-choice .sw-btn,.sw-marketing-container .examples-page .website-plan-starter-status .sw-btn{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.sw-marketing-container .examples-page .website-plan-preview-grid{gap:20px}.sw-marketing-container .examples-page .website-plan-preview-section{padding:20px;background:var(--white)}.sw-marketing-container .examples-page .website-plan-preview{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);grid-template-areas:"header header" "visual draft" "visual details" "source insight" "note note" "actions actions";align-items:start;gap:24px 32px}.sw-marketing-container .examples-page .website-plan-preview-header{grid-area:header}.sw-marketing-container .examples-page .website-plan-preview-visual,.sw-marketing-container .examples-page .website-plan-photo-choice{grid-area:visual}.sw-marketing-container .examples-page .website-plan-preview-draft{grid-area:draft}.sw-marketing-container .examples-page .website-plan-preview-grid{grid-area:details;grid-template-columns:minmax(0,1fr)}.sw-marketing-container .examples-page .website-plan-preview>.website-plan-source-photo{grid-area:source}.sw-marketing-container .examples-page .website-plan-preview-panel{grid-area:insight}.sw-marketing-container .examples-page .website-plan-preview>.website-plan-preview-review-note{grid-area:note}.sw-marketing-container .examples-page .website-plan-preview-actions{grid-area:actions}.sw-marketing-container .examples-page .website-plan-starter :is(.website-plan-preview-actions,.website-plan-photo-choice,.website-plan-starter-status) .sw-button{min-width:0;max-width:100%;white-space:normal;overflow-wrap:anywhere}.sw-marketing-container .examples-page .website-plan-starter :is(.website-plan-preview-image-heading,.website-plan-preview-draft-heading)>span{min-width:0;flex-wrap:wrap}.sw-marketing-container .examples-page .website-plan-starter .website-plan-preview-visual.is-ready>img{max-height:none}.sw-marketing-container .examples-page .website-plan-preview-source-photo p{overflow-wrap:anywhere}@media (max-width: 1000px){.sw-marketing-container .examples-experience-inner{column-gap:40px}.sw-marketing-container .examples-page .website-plan-preview{column-gap:24px;padding:20px}}@media (max-width: 760px){.sw-marketing-container .examples-experience-inner{grid-template-columns:minmax(0,1fr);grid-template-areas:"intro" "form" "guide";gap:28px;padding-block:32px 56px}.sw-marketing-container .examples-intro h1{margin-block:16px 20px}.sw-marketing-container .examples-intro>p{font-size:16px;line-height:1.65}.sw-marketing-container .examples-form-stage{padding-top:24px}.sw-marketing-container .examples-form-stage>h2{margin-bottom:20px;font-size:22px}.sw-marketing-container .examples-experience-guide{gap:20px;padding-top:24px;border-top:1px solid var(--border-color)}.sw-marketing-container .examples-identity-scene{max-width:160px}.sw-marketing-container .examples-page .website-plan-starter-input-row{grid-template-columns:minmax(0,1fr)}.sw-marketing-container .examples-page .website-plan-preview{grid-template-columns:minmax(0,1fr);grid-template-areas:"header" "visual" "source" "draft" "details" "note" "insight" "actions";gap:20px;padding:16px}.sw-marketing-container .examples-page .website-plan-preview :is(.website-plan-preview-draft,.website-plan-preview-section,.website-plan-preview-panel,.website-plan-photo-choice){padding:14px}.sw-marketing-container .examples-page .website-plan-source-photo{flex-wrap:wrap}}
