/* A conversation at the end of the journey. Standalone public form styling. */
body.demo-page{--demo-ink:#1b353c;--demo-muted:#576765;--demo-line:#89998b55;--demo-paper:#eae7dc;margin:0;background:#0c1c24;color:#e9eee5;font:14px/1.6 'Recupero Manrope','Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}
.demo-page *{box-sizing:border-box}.demo-page [hidden]{display:none!important}.demo-page a{color:inherit;text-decoration:none}.demo-page button,.demo-page input,.demo-page select,.demo-page textarea{font:inherit}.demo-page button{cursor:pointer}.demo-page button:disabled{cursor:wait;opacity:.65}.demo-page button[data-step-link]:disabled{cursor:default}
.demo-page :is(a,button,input,textarea,select,summary):focus-visible{outline:2px solid #548581;outline-offset:4px}.demo-page h1,.demo-page h2,.demo-page p{margin:0}
.demo-page .skip-link{position:fixed;top:-100px;left:20px;padding:12px 22px;background:#d1e4d9;color:#173940;z-index:100;opacity:0;pointer-events:none}.demo-page .skip-link:focus{top:15px;opacity:1;pointer-events:auto}
.demo-nav{display:flex;align-items:center;justify-content:space-between;gap:25px;height:80px;padding:0 5vw;border-bottom:1px solid #bdcec32a;background:#071920;position:relative;z-index:2}
.demo-brand img{display:block;width:178px;height:auto}.demo-nav nav{display:flex;align-items:center;gap:34px;font-size:11px}.demo-nav a{transition:color .25s}.demo-nav a:hover{color:#cddac0}.demo-home span{margin-left:12px}.demo-access{display:flex;gap:24px;padding:11px 18px;border:1px solid #a7c0bd4d;border-radius:5px}
.demo-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(540px,.91fr);min-height:calc(100svh - 140px)}
.demo-story{position:relative;isolation:isolate;overflow:hidden;min-height:950px;padding:70px 6vw 85px;display:flex;flex-direction:column;justify-content:center}
.demo-story-image{position:absolute;z-index:-2;inset:0;background:url('/static/img/journey/office.webp') 60% center/cover no-repeat}
.demo-story::after{content:'';position:absolute;z-index:-1;inset:0;background:linear-gradient(90deg,#091b23ed,#0c202ac2 80%),linear-gradient(0deg,#0c1c24,transparent 50%);pointer-events:none}
.demo-story-content{max-width:600px}.demo-eyebrow{font-size:9px;line-height:1.6;letter-spacing:.17em;font-weight:650;display:flex;gap:10px;align-items:center;color:#aecac6}.demo-eyebrow i{width:6px;height:6px;border-radius:50%;background:#c5d4b0;box-shadow:0 0 0 5px #d8e3b913}
.demo-story h1{font-family:'Recupero Display','Segoe UI',sans-serif;font-weight:650;font-size:clamp(49px,4.25vw,74px);line-height:1.06;letter-spacing:-.055em;margin:35px 0 30px;color:#edf0e7}
.demo-story h1 em{font:italic 1em/1.04 Georgia,serif;letter-spacing:-.065em;color:#decbaa}
.demo-story .demo-lead{max-width:445px;color:#c3d0cc;font-size:15px;line-height:1.9}
.demo-context-line{display:flex;align-items:center;gap:18px;max-width:400px;margin:35px 0 64px;font-size:10px;color:#cbd9cf}.demo-context-line i{height:1px;background:linear-gradient(90deg,#90b9b8,#ccbb99);flex:1}
.demo-promise ol{padding:0;margin:24px 0 0;list-style:none;max-width:430px}.demo-promise li{display:flex;gap:22px;padding:18px 0;border-top:1px solid #b1c4b82b}.demo-promise li > span{font:9px Consolas,monospace;color:#a5bdb7;padding-top:4px}.demo-promise strong{font-size:13px;font-weight:600;color:#dbe3db}.demo-promise p{font-size:11px;color:#a8bcb9;margin-top:6px}.demo-story-link{display:inline-flex;gap:18px;margin-top:29px;font-size:11px;border-bottom:1px solid #b6cbc452;padding-bottom:9px}.demo-story-link:hover{color:#dfcaaa}
.demo-story-signature{position:absolute;bottom:27px;left:6vw;font:8px Consolas,monospace;letter-spacing:.16em;color:#8fa9aa}
.demo-form-panel{background:var(--demo-paper);color:var(--demo-ink);padding:65px clamp(32px,4.3vw,83px) 40px;position:relative;min-width:0;display:flex;flex-direction:column;justify-content:center}
.demo-form-panel::before{content:'';position:absolute;inset:0 auto 0 0;width:1px;background:linear-gradient(transparent,#dfd9bd,transparent)}
.demo-form-panel .demo-eyebrow{color:#617975}.demo-form-heading h2{font:600 clamp(30px,2.55vw,43px)/1.12 'Recupero Display',sans-serif;letter-spacing:-.055em;margin:18px 0 14px}.demo-form-heading > p{font-size:12px;color:var(--demo-muted)}
.demo-progress{display:flex;align-items:center;gap:14px;margin:32px 0 30px;padding-bottom:24px;border-bottom:1px solid var(--demo-line)}.demo-progress button{border:0;background:none;color:#778783;font-size:10px;display:flex;gap:10px;padding:6px 0;align-items:center;opacity:1!important}.demo-progress button span{display:grid;place-items:center;width:26px;height:26px;border-radius:50%;border:1px solid #889b8f73;font:9px Consolas,monospace}.demo-progress button[aria-current='step']{color:#254940;font-weight:750}.demo-progress button[aria-current='step'] span{background:#244847;color:#f0f0db;border-color:#244847}.demo-progress i{height:1px;flex:1;background:#9aab9c50}
.demo-step{border:0;padding:0;margin:0;min-width:0}.demo-step legend{padding:0;font-size:16px;font-weight:700;letter-spacing:-.025em;line-height:1.5}.demo-step-note{font-size:10px;color:#63706a;margin:7px 0 22px!important}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px 19px}
.demo-step label{display:block;font-size:10px;font-weight:700;line-height:1.5;min-width:0}.demo-step .optional{font-size:8px;font-weight:400;color:#718078;margin-left:4px}.demo-page :is(input:not([type=checkbox]),select,textarea){display:block;width:100%;min-width:0;background:#f4f1e8b8;border:1px solid #8d9e8e78;border-radius:4px;color:#203c40;box-shadow:none;padding:13px 12px;margin-top:8px;font-size:12px;min-height:47px;transition:border-color .2s,box-shadow .2s}.demo-page textarea{resize:vertical;line-height:1.7}.demo-page input::placeholder,.demo-page textarea::placeholder{color:#7a837c;font-size:11px;font-weight:400}.demo-page :is(input,select,textarea):focus{outline:none;border-color:#57857e;box-shadow:0 0 0 3px #77a49b20}.demo-page input[aria-invalid=true]{border-color:#a14e3e;background:#f6e7de}
.demo-step > label:not(.demo-consent){margin-top:20px}.demo-next,.diag-submit{display:flex;align-items:center;justify-content:space-between;gap:22px;width:100%;background:#244749;border:1px solid #244749;border-radius:4px;color:#f0f2e8;padding:17px 19px;min-height:56px;font-size:12px!important;font-weight:650!important;transition:background .25s,transform .25s}.demo-next{margin-top:30px}.demo-next:hover,.diag-submit:hover{background:#365d5a;transform:translateY(-2px)}.demo-next span,.diag-submit b{font-size:20px;font-weight:400;transition:translate .25s}.demo-next:hover span,.diag-submit:hover b{translate:3px 0}.demo-data-note{font-size:9px;color:#657871;margin-top:15px!important}
.demo-extra{border-block:1px solid var(--demo-line);margin-top:21px;padding:14px 0}.demo-extra summary{cursor:pointer;font-size:11px;color:#47615a}.demo-extra summary span{font-size:9px;float:right;color:#65796c}.demo-extra[open] summary{margin-bottom:18px}.demo-extra > label{margin-top:18px}
.demo-step .demo-consent{display:flex;gap:11px;align-items:flex-start;margin:24px 0;font-size:10px;font-weight:400;line-height:1.7;color:#4a605b}.demo-consent input{width:16px;height:16px;flex-shrink:0;margin:3px 0 0;accent-color:#28554f}
.demo-submit-row{display:flex;align-items:center;gap:20px}.demo-back{display:flex;align-items:center;gap:8px;white-space:nowrap;border:0;background:none;color:#48635e;padding:14px 0;font-size:11px!important}.diag-status{padding:14px 16px;border-left:2px solid #a14e3e;background:#a14e3e0c;color:#7e392f;font-size:11px;line-height:1.7;margin-top:18px}.demo-noscript{font-size:12px;margin-top:24px!important;color:#6a4c30}
.demo-form-foot{display:flex;justify-content:space-between;flex-wrap:wrap;gap:10px;border-top:1px solid var(--demo-line);padding-top:22px;margin-top:35px;font-size:9px;color:#64776f}.demo-form-foot a{color:#2a5752;font-weight:650}
.diag-success{padding:25px 0}.success-orbit{display:grid;place-items:center;width:73px;height:73px;border:1px solid #688d784a;border-radius:50%;color:#376654;font-size:24px;margin-bottom:35px;box-shadow:0 0 0 10px #a7b99e1a}.diag-success h2{font:600 clamp(38px,3vw,53px)/1.08 'Recupero Display',sans-serif;letter-spacing:-.055em;margin:23px 0}.diag-success h2 em{font-family:Georgia,serif;font-weight:400;color:#567365}.diag-success p{color:#576b63;font-size:13px;line-height:1.9;max-width:420px}.success-next{border-block:1px solid var(--demo-line);padding:25px 0;margin:32px 0;display:flex;gap:16px}.success-next > span{font:10px Consolas,monospace;color:#6d8574}.success-next strong{font-size:12px;color:#34554a}.success-next p{font-size:11px;margin-top:8px}.diag-success .diag-submit{margin-top:28px}
.demo-footer{display:flex;justify-content:space-between;align-items:center;gap:20px;padding:23px 5vw;border-top:1px solid #bfd0c326;background:#0c1c24;color:#a8bcb4}.demo-footer > span{font-size:8px;letter-spacing:.13em}.demo-footer a{font-size:10px;letter-spacing:.08em}.demo-footer small{font-size:9px}
@media(min-width:1600px){.demo-story{min-height:950px}.demo-form-panel{padding-inline:5vw}}
@media(max-width:1100px){.demo-layout{grid-template-columns:minmax(0,.82fr) minmax(460px,1fr)}.demo-story{padding-inline:4vw}.demo-story h1{font-size:48px}.demo-form-panel{padding-inline:30px}.demo-story-signature{left:4vw}}
@media(max-width:850px){.demo-layout{grid-template-columns:1fr}.demo-story{min-height:0;padding:60px 7vw 75px}.demo-story-content{max-width:620px}.demo-story h1{font-size:62px}.demo-promise{display:none}.demo-context-line{margin-bottom:0}.demo-story-link{margin-top:25px}.demo-story-signature{left:7vw;bottom:23px}.demo-form-panel{padding:45px 7vw 38px;min-height:700px}.demo-form-heading h2{font-size:38px}.demo-nav nav{gap:20px}}
@media(max-width:520px){.demo-nav{height:72px;padding:0 24px;gap:15px}.demo-brand img{width:131px}.demo-home{display:none}.demo-nav nav{font-size:10px}.demo-access{padding:9px 12px;gap:12px}.demo-story{padding:43px 24px 65px}.demo-story h1{font-size:46px;margin:28px 0 23px}.demo-story .demo-lead{font-size:12px;max-width:315px}.demo-eyebrow{font-size:8px}.demo-context-line{font-size:9px;gap:14px;margin-top:27px}.demo-story-link{font-size:10px}.demo-story-signature{left:24px;font-size:7px}.demo-form-panel{padding:37px 24px 30px}.demo-form-heading h2{font-size:34px}.demo-form-heading > p{font-size:11px}.demo-progress{margin:26px 0;padding-bottom:19px}.form-grid{gap:18px 14px}.demo-step label{font-size:9px}.demo-page :is(input:not([type=checkbox]),select,textarea){font-size:16px;padding:12px 10px;min-height:48px}.demo-page :is(input,textarea)::placeholder{font-size:10px}.demo-step .optional{display:none}.demo-step legend{font-size:15px}.demo-step-note{font-size:9px}.demo-next,.diag-submit{font-size:11px!important;padding:15px}.demo-extra summary{font-size:10px}.demo-submit-row{gap:15px}.demo-form-foot{font-size:8px}.demo-footer{padding:22px 24px;flex-wrap:wrap;row-gap:18px}.demo-footer > span{width:100%;font-size:7px}}
@media(max-width:520px){.demo-page .form-grid{grid-template-columns:1fr;gap:18px}.demo-page .demo-step label{font-size:11px}.demo-page :is(input,textarea)::placeholder{font-size:12px}.demo-page .demo-step-note{font-size:11px}.demo-page .demo-consent{font-size:11px}.demo-page .demo-form-heading > p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.demo-page *{scroll-behavior:auto!important;transition:none!important}.demo-next:hover,.diag-submit:hover{transform:none}}