/* A marca abre a conversa. O diagnóstico acrescenta um primeiro encontro. */
.diagnostic-intro,.diagnostic-workspace{min-width:0}.diagnostic p{overflow-wrap:anywhere}
:root{--brand-gold:#fedd90;--frost:url('assets/grain.png')}
.hero{padding-bottom:22px}.hero .scroll-cue{border:0;display:flex;justify-content:center;align-items:center;width:64px;height:64px;margin:34px auto 0;padding:0;text-decoration:none}.hero .scroll-cue span{font:400 39px Inter;color:var(--brand-gold)}
.name-scroll,.opening-scroll{--scene-height:clamp(500px,70svh,650px);min-height:calc(var(--scene-height) + 48svh)}
.name-stage,.opening .name-stage{height:var(--scene-height);min-height:0;top:96px;justify-content:flex-start;padding:28px 0 16px;overflow:visible;gap:0}
.name-stage>h2,.opening .name-stage h2{margin:0 auto;font-size:clamp(44px,5.7vw,82px);max-width:18ch;line-height:1.06}
.name-stage .eyebrow{margin-bottom:24px}
.name-composition{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:235px;flex:1}
.name-equation{display:flex;align-items:center;justify-content:center;flex-wrap:nowrap;flex-direction:row;gap:3vw;margin:0;padding:20px 12px;width:100%;font-size:clamp(38px,6.4vw,98px);line-height:1.1}
.name-equation span:first-child{line-height:1.2;padding-right:.05em}
.name-equation span:last-child{font-size:1.5em;line-height:1.05;position:relative;top:.12em}
.name-equation b{font-size:.55em;line-height:1;color:var(--page-muted)}
.name-reveal{position:absolute;left:50%;top:50%;width:93%;max-width:940px;padding:30px 40px;transform:translate(-50%,-50%);margin:0}
.name-stage .scene-hint{margin:0;font-size:14px;min-height:26px}.name-scribble{inset:3% -1%;width:102%;height:94%}.name-block{margin-top:70px;padding-top:0}.name-copy{margin-top:26px}
.grain{opacity:.1;mix-blend-mode:normal;background-image:var(--frost);background-size:128px 128px;pointer-events:none}
.concept-art::after,.diagnostic::after{content:'';position:absolute;inset:0;pointer-events:none;background-image:var(--frost);background-size:128px 128px;opacity:.1;border-radius:inherit;z-index:1}
.concept-art>*{z-index:2}.concept-art .concept-scene{z-index:0}.diagnostic>*{position:relative;z-index:2}
.background-handwriting{position:absolute;right:-5%;top:30px;transform:rotate(-22deg);font:400 clamp(130px,22vw,350px)/1 'Fair Prosper';color:var(--brand-gold);opacity:.065;pointer-events:none;user-select:none;white-space:nowrap;z-index:0}
.services,.about{position:relative;isolation:isolate}.services> :not(.background-handwriting),.about> :not(.background-handwriting){position:relative;z-index:1}.about>.background-handwriting{top:30%;right:-12%;transform:rotate(-35deg)}
.steps .active-step .step-count{background:linear-gradient(115deg,#8a612b,#fedd90 38%,#fff5d2 52%,#c39543 85%);background-clip:text;-webkit-background-clip:text;color:transparent}.about-story::before{background:linear-gradient(180deg,#fedd90,#9528f3 35%,#3536f5 68%,#fedd90)}
.diagnostic{position:relative;isolation:isolate;display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.15fr);gap:5vw;margin-top:65px;padding:40px;border:1px solid #fedd9070;border-radius:6px 45px 6px 6px;background:linear-gradient(130deg,#111111f0,#24143ee8 64%,#483069dc);color:#fcebd9;overflow:hidden}
.diagnostic .eyebrow{text-transform:none;letter-spacing:0;font-family:Helvena;color:#fedd90;font-size:17px;margin-bottom:18px}.diagnostic h2{font-size:clamp(34px,3.6vw,53px);line-height:1.06;letter-spacing:-.035em;margin:0 0 18px}.diagnostic h2 em{font:400 1.65em/.75 'Fair Prosper';margin-left:.08em;color:#fedd90}.diagnostic-intro>p{max-width:38ch;font:550 16px/1.6 Inter;color:#fcebd9}
.diagnostic label{font:800 15px/1.4 Helvena;display:block;color:#fcebd9}.diagnostic input,.diagnostic select{font:550 16px/1.4 Inter;background:#11111155;color:#fcebd9;border:1px solid #fedd9060;border-radius:5px;min-height:51px;margin-top:10px;padding:12px;width:100%}.diagnostic input::placeholder{color:#d7c5d7}.handle-entry{display:flex;align-items:center;gap:10px;margin-top:12px;flex-wrap:wrap}.handle-entry>span{font:400 27px Inter;color:#fedd90}.handle-entry input{flex:1;min-width:90px;width:auto;margin:0}.handle-entry .button{width:100%;margin-top:9px;min-height:55px;justify-content:space-between}.diagnostic .button{font-size:15px;line-height:1.3;gap:18px}.diagnostic .button:disabled{opacity:.55;cursor:wait}.diagnostic :focus-visible{outline:2px solid #fedd90;outline-offset:5px}.diagnostic p{font-weight:550}.diagnostic-trap{display:none}
#diagnostic-status{font:550 14px/1.6 Inter;margin:12px 0 0;min-height:24px;color:#fedd90}.diagnostic[data-busy=true] #diagnostic-status::before{content:'';display:inline-block;width:12px;height:12px;border:2px solid #fedd9044;border-top-color:#fedd90;border-radius:50%;animation:diagnostic-spin 1s linear infinite;margin-right:9px;vertical-align:-2px}
.diagnostic-disclaimer{font:550 11px/1.6 Inter;color:#decedf;margin:18px 0 0}.diagnostic-disclaimer a{text-underline-offset:3px;color:inherit}.profile-preview{display:flex;gap:14px;align-items:center;margin-top:22px}.profile-preview img{border-radius:50%;border:1px solid #fedd90;object-fit:cover}.profile-preview h3{font:800 21px/1.2 Helvena;margin:0 0 6px}.profile-preview p{font:550 14px Inter;margin:0;color:#fedd90}#profile-bio{white-space:pre-line;font:550 15px/1.6 Inter;padding:17px 0;border-bottom:1px solid #fedd9040;margin-bottom:18px}.diagnostic select option{color:#111111;background:#fcebd9}.diagnostic-actions{display:flex;flex-wrap:wrap;gap:16px;align-items:center;margin-top:20px}.text-action{font:550 14px Inter;background:none;color:#fcebd9;border:0;padding:12px 0;cursor:pointer;text-decoration:underline;text-underline-offset:5px}
#diagnostic-result{margin-top:22px;outline-offset:10px}.diagnostic-result-handle{color:#fedd90;font:800 16px Helvena;margin:0 0 16px}.diagnostic-result-title{font:800 clamp(25px,2.6vw,37px)/1.12 Helvena;letter-spacing:-.03em;margin:0 0 24px}.diagnostic-observations h4,.diagnostic-invitation h4{font:800 19px/1.25 Helvena;margin:24px 0 9px;color:#fedd90}.diagnostic-observations p,.diagnostic-invitation p{font:550 16px/1.65 Inter;margin:0 0 14px}.diagnostic-bio{margin:24px 0;border-top:1px solid #fedd9040;border-bottom:1px solid #fedd9040;padding:15px 0;background:transparent}.diagnostic-bio summary{cursor:pointer;font:800 15px Helvena;display:flex;justify-content:space-between;gap:15px}.diagnostic-bio p{white-space:pre-line;font:550 16px/1.6 Inter;margin:18px 0 4px}.diagnostic-invitation{padding-top:8px}.diagnostic-invitation .diagnostic-question{font-weight:700;color:#fedd90;margin:20px 0}.diagnostic-contact{width:100%;justify-content:space-between}.diagnostic-image-option{margin-top:16px;font:550 14px/1.5 Inter;background:transparent}.diagnostic-image-option summary{cursor:pointer;text-decoration:underline;text-underline-offset:5px}.diagnostic-image-option p{margin:16px 0}.diagnostic-image-option input{font:500 13px Inter}.diagnostic-image-option .button{margin-top:18px;width:100%}.diagnostic[hidden],.diagnostic [hidden]{display:none!important}
@keyframes diagnostic-spin{to{transform:rotate(360deg)}}
@media(max-width:720px){.hero{padding-bottom:6px}.hero .scroll-cue{margin-top:22px}.name-scroll,.opening-scroll{--scene-height:clamp(410px,64svh,520px);min-height:calc(var(--scene-height) + 40svh)}.name-stage,.opening .name-stage{top:78px;padding:20px 0 14px}.name-stage>h2,.opening .name-stage h2{font-size:clamp(31px,9.5vw,42px);max-width:17ch}.name-stage .eyebrow{margin-bottom:16px}.name-composition{min-height:210px}.name-equation{flex-direction:column;gap:5px;font-size:11vw;padding:14px 0}.name-equation span:last-child{top:.07em;font-size:1.6em}.name-equation b{font-size:20px}.name-reveal{width:100%;padding:24px 15px}.name-stage .scene-hint{font-size:12px;margin:0}.name-block{margin-top:50px}.name-copy{margin-top:20px}.diagnostic{grid-template-columns:minmax(0,1fr);gap:24px;padding:28px 22px;margin-top:45px;border-radius:5px 36px 5px 5px}.diagnostic h2{font-size:38px;max-width:16ch}.diagnostic .eyebrow{font-size:15px}.diagnostic-intro>p{font-size:15px;margin-bottom:0}.diagnostic-contact{font-size:14px}.background-handwriting{opacity:.055;right:-22%;top:12px;font-size:44vw}.about>.background-handwriting{top:28%;right:-26%}.reading-progress{right:7px;width:29px}.diagnostic-actions>.button{width:100%}.diagnostic-invitation p,.diagnostic-observations p{font-size:15px}}
@media(max-width:360px){.diagnostic{padding:24px 18px}.diagnostic h2{font-size:30px}.diagnostic h2 em{font-size:1.45em}.name-stage>h2,.opening .name-stage h2{font-size:30px}.diagnostic .button{font-size:14px}}
@media(prefers-reduced-motion:reduce){.name-scroll,.opening-scroll{min-height:0}.name-stage,.opening .name-stage{height:auto;position:relative;top:auto;padding:30px 0;gap:24px}.name-composition{display:flex;flex-direction:column}.name-reveal{position:relative;top:auto;left:auto;transform:none!important;opacity:1!important;padding:20px}.name-equation{opacity:1!important}.name-equation span{transform:none!important}.hero .scroll-cue span,.diagnostic[data-busy=true] #diagnostic-status::before{animation:none}}
