@font-face{font-family:Formula;src:url('assets/formula.woff2') format('woff2');font-weight:100 900;font-display:swap}*{box-sizing:border-box}body{margin:0;color:#211c25;background:#f6f4f0;font-family:Formula,Arial,sans-serif;-webkit-font-smoothing:antialiased}button,input,select,textarea{font:inherit}button,a,input,select,textarea{-webkit-tap-highlight-color:transparent}button{cursor:pointer}[hidden]{display:none!important}.intro{width:43%;height:100dvh;min-height:650px;position:fixed;left:0;top:0;background:#111012;color:#f6f4f0;display:flex;flex-direction:column;padding:44px 8% 28px 4%;overflow:hidden}.brand{display:block;align-self:flex-start}.brand img{display:block;width:190px;height:auto;filter:brightness(0) invert(1)}.intro-copy{margin:56px 0 auto}.eyebrow{font:10px/1.4 Arial,sans-serif;letter-spacing:.13em;font-weight:500}.intro .eyebrow{display:flex;align-items:center;gap:10px;color:#c8c1cf}.eyebrow i{width:6px;height:6px;border-radius:50%;background:#a94cff}h1{font-weight:400;font-size:clamp(65px,6.2vw,108px);line-height:.98;letter-spacing:-.055em;margin:32px 0}h1 span{color:#b56bff}.intro-copy>p:not(.eyebrow){font-size:17px;line-height:1.55;color:#b4adb9;margin:28px 0 0}.signature{border-top:1px solid #ffffff24;padding-top:22px;margin-top:42px;display:flex;justify-content:space-between;align-items:center;font-size:13px;line-height:1.5;color:#c5bdcc}.signature>span:last-child{font-size:40px;color:#b56bff;font-weight:300}.intro-bottom{display:flex;justify-content:space-between;font:8px Arial,sans-serif;letter-spacing:.12em;color:#766f7d}main{margin-left:43%;width:57%;padding:0 7%}.topbar{padding:38px 0 24px;display:flex;justify-content:space-between;align-items:center;font:9px Arial,sans-serif;letter-spacing:.12em;color:#776d7c}.draft{font-size:10px;letter-spacing:0;border:1px solid #ddd5e2;padding:6px 10px;border-radius:20px}.form-wrap{max-width:590px;margin:30px auto 0;min-height:calc(100dvh - 205px)}.steps{display:flex;justify-content:space-between;gap:12px;border-bottom:1px solid #d8d1dc;padding-bottom:20px;margin-bottom:46px;color:#a29aa6;font-size:13px}.steps span{display:flex;align-items:center;gap:9px}.steps b{font:9px Arial,sans-serif;font-weight:400}.steps .current{color:#8200ff}.steps .completed{color:#59505f}.step-number{color:#8200ff;margin:0 0 17px}h2{font-size:clamp(35px,3.2vw,52px);line-height:1.06;letter-spacing:-.04em;font-weight:400;margin:0 0 20px}h2:focus{outline:none}.description{font-size:16px;line-height:1.5;color:#756c7b;margin:0 0 28px;max-width:48ch}.required-note{font-size:11px;color:#908697;margin:0 0 24px}.fields{display:grid;grid-template-columns:1fr 1fr;gap:24px 18px}.wide{grid-column:1/-1}label,legend{font-size:14px;line-height:1.4}label{display:block}label>span:not(.sr-only),legend>span{color:#8200ff}small{font-size:10px;color:#9a91a1;font-weight:400;margin-left:4px}input:not([type=radio]):not([type=checkbox]),select,textarea{display:block;width:100%;border:1px solid #d7d0dc;background:transparent;border-radius:3px;padding:14px 13px;color:#211c25;font-size:15px;margin-top:8px;min-height:48px;outline-offset:3px}input::placeholder,textarea::placeholder{color:#a39aa9;font-size:14px}select{appearance:auto}textarea{resize:vertical}input:focus-visible,select:focus-visible,textarea:focus-visible{outline:2px solid #8200ff;border-color:#8200ff}fieldset{padding:0;border:0;margin:0;min-width:0}legend{padding:0;margin-bottom:12px}.birthday p{font-size:12px;color:#8b8193;margin:-2px 0 8px}.birthday-fields{display:grid;grid-template-columns:1fr 1.6fr;gap:18px}.birthday-fields select{margin-top:0}.relationship{margin-top:4px}.choice-row{display:flex;gap:10px}.choice-row label{position:relative;flex:1}.choice-row input{position:absolute;opacity:0}.choice-row label>span{display:block;color:#6b6074;border:1px solid #d7d0dc;padding:12px 8px;text-align:center;border-radius:3px;cursor:pointer}.choice-row input:checked+span{border-color:#8200ff;background:#8200ff09;color:#8200ff}.choice-row input:focus-visible+span{outline:2px solid #8200ff;outline-offset:3px}.stack-choices{display:grid;gap:12px}.stack-choices label,.optins label,.interest-grid label{display:flex;gap:12px;align-items:flex-start;cursor:pointer}.stack-choices label{border-bottom:1px solid #e1dbe4;padding:14px 0}.stack-choices span,.optins span,.interest-grid span{color:#51465b}input[type=radio],input[type=checkbox]{accent-color:#8200ff;width:17px;height:17px;min-width:17px;margin:1px 0 0}.subheading{margin:36px 0 24px;padding-top:28px;border-top:1px solid #d7d0dc}.subheading h3{font-size:25px;font-weight:400;letter-spacing:-.02em;margin:0 0 10px}.subheading p,.quiet-note{font-size:14px;line-height:1.5;color:#756c7b;margin:0}.quiet-note{margin-top:24px}#restrictions{margin-top:24px}.interest-grid{display:grid;gap:20px;margin-top:12px}.channel-label{margin-top:35px}.optins{display:grid;gap:22px;border-top:1px solid #d7d0dc;padding-top:28px;margin-top:32px}.optins label{font-size:14px;line-height:1.5}.final-note{font-size:13px;color:#8b8193;margin-top:24px}.actions{display:flex;justify-content:space-between;align-items:center;gap:20px;margin-top:36px}.primary{border:0;background:#8200ff;color:white;display:flex;justify-content:space-between;align-items:center;gap:55px;min-height:52px;border-radius:28px;padding:15px 24px;font-size:15px;margin-left:auto;transition:background .2s}.primary:hover{background:#6800d0}.primary>span:last-child{font-size:23px;line-height:1}.back{background:none;border:0;color:#6f637a;font-size:13px;padding:12px 0}.back:hover{color:#8200ff}.primary:focus-visible,.back:focus-visible,a:focus-visible{outline:2px solid #8200ff;outline-offset:5px}.privacy{font-size:11px;color:#9a91a1;line-height:1.5;max-width:45ch;margin-top:20px}footer{border-top:1px solid #ded7e2;display:flex;justify-content:flex-end;color:#948a9d;font-size:11px;padding:24px 0;margin-top:42px}footer a{color:inherit;text-decoration:none}.error-summary{padding:14px 16px;border-left:2px solid #a42f43;background:#a42f430a;color:#923348;font-size:14px;line-height:1.5;margin-bottom:25px}[aria-invalid=true]{border-color:#a42f43!important}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}#done{padding-top:45px}#done .eyebrow{color:#8200ff}#done .back{margin-top:20px}@media(min-width:1700px){main{padding-inline:9%}.intro{padding-right:7%}}@media(max-width:1050px){.intro{width:39%;padding:32px 4%}main{width:61%;margin-left:39%;padding-inline:6%}h1{font-size:66px}.intro-copy>p:not(.eyebrow){font-size:15px}.steps{gap:9px;font-size:12px}}@media(max-width:720px){.intro{position:relative;width:100%;height:auto;min-height:0;padding:28px 7% 34px}.brand img{width:155px}.intro-copy{margin:32px 0 0}.intro .eyebrow{font-size:8px}h1{font-size:59px;margin:20px 0;line-height:.98}h1 br:nth-of-type(2){display:none}h1 span{display:inline-block;margin-left:.1em}.intro-copy>p:not(.eyebrow){font-size:15px;margin-top:18px}.signature,.intro-bottom{display:none}main{width:100%;margin:0;padding:0 7%}.topbar{padding-top:24px}.form-wrap{margin-top:15px;min-height:0}.steps{margin-bottom:32px;gap:8px;font-size:11px}.steps span{gap:6px}.steps b{font-size:8px}h2{font-size:37px}.description{font-size:15px}.fields{gap:22px 14px}.primary{gap:40px}.privacy{font-size:10px}footer{margin-top:34px}.topbar>span:first-child{font-size:8px}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}
@media(min-width:1051px){h1{font-size:clamp(65px,5.4vw,100px)}}

.open-question{margin-top:32px;padding-top:28px;border-top:1px solid #d7d0dc}.open-question textarea{line-height:1.5}

/* Refinamento aprovado: abertura compacta, progresso discreto e texto como convite. */
.intro-copy{margin:24px 0 auto}.intro h1{margin-top:0}.form-wrap{margin-top:44px}.steps{border-bottom:0;margin-bottom:0;padding-bottom:16px}.progress-track{height:2px;background:#ded7e2;overflow:hidden}.progress-track>span{display:block;height:100%;width:33.333%;background:#8200ff;transition:width .45s ease}.time-estimate{font-size:11px;color:#95899f;margin:13px 0 34px}.open-question{margin-top:40px;padding-top:32px}.pets-question{margin-top:34px;padding-top:28px;border-top:1px solid #d7d0dc}.pet-choices{flex-wrap:wrap}.pet-choices input{position:absolute;opacity:0}.pet-choices label>span{font-size:13px}.pet-choices input:checked+span{border-color:#8200ff;background:#8200ff09;color:#8200ff}.pet-choices input:focus-visible+span{outline:2px solid #8200ff;outline-offset:3px}#pet-details{margin-top:24px}.preview-note{font-size:11px;color:#95899f;line-height:1.5;margin-top:28px}
@media(max-width:720px){.intro{padding:24px 7% 27px}.intro-copy{margin-top:24px}.intro h1{font-size:49px;line-height:1.01;margin:0 0 16px}.intro-copy>p:not(.eyebrow){font-size:14px;margin-top:0}.form-wrap{margin-top:26px}.time-estimate{margin-bottom:27px}.pet-choices{gap:8px}.pet-choices label{flex-basis:calc(50% - 8px)}}
@media(prefers-reduced-motion:reduce){.progress-track>span{transition:none}}
@media(min-width:721px) and (max-width:1050px){.intro h1{font-size:49px}}
/* Composição editorial: texto como abertura; logo assina na base. */
.intro{padding:64px 5% 42px 4%;justify-content:space-between;gap:52px}.intro-copy{order:0;margin:auto 0}.intro .brand{order:1;margin-top:auto}.intro .brand img{width:165px}.intro h1{font-size:clamp(54px,4.7vw,82px);line-height:1.04;letter-spacing:-.045em;margin:0 0 30px}.intro-copy>p:not(.eyebrow):not(.time-estimate){font-size:17px;line-height:1.6;max-width:36ch;margin:0}.intro .time-estimate{display:flex;align-items:center;gap:12px;color:#a59aac;font-size:12px;margin:30px 0 0}.intro .time-estimate>span{font-size:20px;color:#b56bff}.steps{padding-bottom:18px}.progress-track{margin-bottom:38px}.form-step .birthday{margin-top:28px}.form-step .pets-question{margin-top:30px}.form-step .open-question{margin-top:32px}.pets-question legend{line-height:1.6}.pet-choices span{white-space:nowrap}
@media(min-width:721px) and (max-width:1050px){.intro{padding:48px 4% 34px}.intro h1{font-size:47px}.intro-copy>p:not(.eyebrow):not(.time-estimate){font-size:15px}.intro .brand img{width:145px}.steps{font-size:11px;gap:8px}}
@media(max-width:720px){.intro{padding:30px 7% 26px;gap:24px;min-height:0;display:flex}.intro-copy{margin:0}.intro .brand{margin-top:0}.intro .brand img{width:125px}.intro h1{font-size:45px;line-height:1.03;max-width:340px;margin-bottom:16px}.intro h1 br{display:none}.intro h1 span{margin-left:0}.intro-copy>p:not(.eyebrow):not(.time-estimate){font-size:14px;line-height:1.5}.intro .time-estimate{margin-top:16px;font-size:11px}.progress-track{margin-bottom:30px}.steps{font-size:10px;gap:5px}.steps span{gap:5px}.form-wrap{margin-top:24px}}
.intro .intro-copy>.time-estimate{font-size:12px;line-height:1.5;margin-top:30px}@media(max-width:720px){.intro .intro-copy>.time-estimate{font-size:11px;margin-top:16px}}

/* Logo no topo, preservando o tamanho aprovado. */
.intro .brand{order:0;margin-top:0}.intro-copy{order:1;margin:auto 0}.intro{gap:44px}
@media(max-width:720px){.intro{gap:24px}.intro-copy{margin:0}}

/* Acabamento: abertura unificada e campos mais leves. */
.intro{justify-content:flex-start;gap:52px}.intro-copy{margin:0}.intro .intro-copy>.intro-message{max-width:36ch}.relationship-lead,.relationship-detail{display:block}.intro .relationship-lead{color:#ece6f0;font-size:18px;line-height:1.5}.intro .relationship-detail{color:#a69baa;font-size:15px;line-height:1.6;margin-top:8px}.actions{margin-top:26px}
input:not([type=radio]):not([type=checkbox]),select,textarea{border-color:#dfd9e2}.choice-row label>span{border-color:#dfd9e2}
input:not([type=radio]):not([type=checkbox]):focus-visible,select:focus-visible,textarea:focus-visible{border-color:#8200ff}.choice-row input:checked+span{border-color:#8200ff}
@media(min-width:721px) and (max-width:1050px){.intro{gap:44px}.intro .relationship-lead{font-size:16px}.intro .relationship-detail{font-size:14px}}
@media(max-width:720px){.intro{gap:26px}.intro .relationship-lead{font-size:15px}.intro .relationship-detail{font-size:13px;margin-top:6px}.actions{margin-top:24px}}

/* O conjunto de abertura se centraliza como uma única composição. */
.intro{justify-content:center}.intro .intro-copy{margin:0}.fields label>.field-prompt{display:block;color:#211c25;line-height:1.45;min-height:21px}.field-prompt>span{color:#8200ff}.fields label>.field-caption{display:block;margin:4px 0 0;font-size:11px;line-height:1.4;color:#95899f}.fields label:has(>.field-caption)>input{margin-top:9px}
@media(min-width:721px){.fields label:not(.wide)>.field-prompt{min-height:42px}}
@media(max-width:720px){.intro{justify-content:flex-start}.fields label:not(.wide)>.field-prompt{min-height:42px}}

@media(min-width:1200px){.fields label:not(.wide)>.field-prompt{min-height:21px}}

/* Uma pergunta por campo, sem rótulo duplicado. */
.fields label>.field-prompt{display:inline;min-height:0!important}.fields label>small:not(.field-caption){display:inline;margin-left:5px}.fields label>input{margin-top:8px}

/* V2: relação contínua e entrega no momento certo. */
.intro .relationship-detail{max-width:38ch;line-height:1.65}#address-choice{margin-top:26px;padding-top:24px;border-top:1px solid #ded7e2}#address-choice>p{font-size:14px;line-height:1.55;color:#756c7b;margin:0 0 18px}#address-choice>label{display:flex;align-items:flex-start;gap:12px;cursor:pointer}#address-choice>label>span{color:#51465b}
