/* Estúdio Clara: landing de diagnóstico leve e participativa, 100% CSS, sem envio de dados. */
:root{color-scheme:light;--paper:#faf7f2;--ink:#303b36;--soft:#6f7e74;--sage:#b9c9b9;--dark:#334c44;--lavender:#e5dcdf;--rose:#e5c7bf;--line:#cfd8cf;--ivory:#f9f3e9;--gold:#bd9d77}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font:400 16px/1.7 'Segoe UI',system-ui,Arial,sans-serif;-webkit-font-smoothing:antialiased}a{text-decoration:none;color:inherit}a:focus-visible,summary:focus-visible,input:focus-visible{outline:3px solid #176359;outline-offset:4px}p,h1,h2,h3{margin-top:0}.skip{position:absolute;top:-100px;left:12px;background:white;padding:10px 17px;z-index:50}.skip:focus{top:10px}
.preview{background:#e9e3dc;color:#405148;padding:8px 4%;font-size:.7rem;font-weight:500;display:flex;justify-content:space-between;gap:18px;align-items:center;flex-wrap:wrap}.preview strong{letter-spacing:.1em}.preview a{text-decoration:underline;text-underline-offset:4px}.topbar{padding:20px max(5%,calc((100vw - 1350px)/2));min-height:102px;display:grid;grid-template-columns:1fr auto 1fr;align-items:center;gap:40px;border-bottom:1px solid #e8e9e1;background:#fcfaf6}.logo{font:italic 600 2.8rem/1 Georgia,serif;letter-spacing:-.065em;display:inline-flex;align-items:baseline;gap:2px;width:max-content;flex-wrap:wrap}.logo span{color:#c3a7b9;font-size:1.4rem;margin-left:1px}.logo small{font:700 .51rem 'Segoe UI',system-ui,sans-serif;letter-spacing:.14em;flex-basis:100%;color:#829085;margin-top:7px}.topbar nav{display:flex;align-items:center;gap:30px;font-size:.79rem;font-weight:650;white-space:nowrap}.topbar nav a:hover{color:#497869}.nav-action{justify-self:end;background:var(--dark);color:white;border-radius:50px;padding:12px 19px;display:flex;align-items:center;gap:22px;font-weight:700;font-size:.76rem;white-space:nowrap}
.hero{min-height:670px;display:grid;grid-template-columns:55% 45%;background:#f9f5f0}.hero-content{padding:clamp(75px,8.5vw,135px) 5% 37px max(7%,calc((100vw - 1300px)/2));display:flex;align-items:start;flex-direction:column;gap:20px}.eyebrow,.number{font:700 .69rem/1.4 'Segoe UI',system-ui,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#789282}.hero-content h1{font:400 clamp(4.5rem,7.5vw,9rem)/1.01 Georgia,serif;letter-spacing:-.085em;margin:6px 0 18px;white-space:nowrap}.hero-content h1 em,.finder h2 em,.approach h2 em,.questions h2 em,.endnote h2 em{font-style:italic;color:#9d7e93;font-weight:400}.hero-content>p{font-size:1.07rem;line-height:1.9;max-width:450px;color:#65736a}.primary{background:#3c5d50;color:white;border-radius:60px;padding:17px 24px;display:inline-flex;align-items:center;gap:26px;font-size:.86rem;font-weight:700}.primary:hover{background:#2a453a}.hero-foot{display:flex;flex-wrap:wrap;gap:17px;border-top:1px solid #d8ded3;width:100%;margin-top:auto;padding-top:24px;font-size:.63rem;letter-spacing:.05em;color:#7e8f81}.hero-foot b{color:#53745f}
.composition{min-height:670px;background:#c5d0c2;position:relative;display:grid;place-items:center;padding:55px 8%}.illustration-card{position:relative;width:min(100%,550px);height:88%;min-height:500px;background:#e2dfd1;border-radius:220px 220px 26px 26px;box-shadow:20px 20px 0 #8faaa077;overflow:hidden}.room-arch{position:absolute;top:8%;left:12%;width:77%;height:70%;border-radius:150px 150px 0 0;background:#d1c5b8;border:10px solid #f2eee0}.wall-shelf{height:15px;background:#af8e77;position:absolute;left:19%;right:18%;box-shadow:0 10px 0 #9077624f;z-index:3}.shelf-one{top:43%}.shelf-two{top:71%}.books{position:absolute;top:27%;left:25%;height:16%;display:flex;align-items:end;gap:7px;z-index:4}.books i{height:80%;width:22px;background:#7b988b;border-radius:3px 3px 0 0}.books i:nth-child(2){height:100%;width:16px;background:#b69aa8}.books i:nth-child(3){height:69%;background:#d4a692}.books i:nth-child(4){width:29px;height:92%;background:#8fa5a0}.pot{position:absolute;z-index:4;top:55%;right:26%;height:65px;width:88px;border-radius:8px 8px 33px 33px;background:#cca594}.stem{position:absolute;left:42px;bottom:60px;width:3px;height:95px;background:#668c71}.stem:before,.stem:after{content:"";position:absolute;width:34px;height:16px;background:#71917b;border-radius:80% 0 80% 0;left:-29px;top:15px;transform:rotate(25deg)}.stem:after{left:0;top:40px;transform:rotate(130deg)}.basket{position:absolute;z-index:4;bottom:11%;left:24%;height:72px;width:120px;background:#b18e7d;border-radius:7px 7px 25px 25px;background-image:repeating-linear-gradient(90deg,transparent 0 12px,#e0c3b366 12px 15px)}.box-one{position:absolute;z-index:4;bottom:10%;right:23%;width:115px;height:94px;border-radius:4px;background:#d6bf9f;box-shadow:7px 7px #bd9f7c}.orb{position:absolute;top:10%;left:18%;width:110px;height:110px;border-radius:50%;background:#f4ebcc77}.floating-caption{position:absolute;font-size:.64rem;font-weight:800;line-height:1.4;letter-spacing:.12em;color:#475f53;z-index:5}.top-caption{top:9%;right:7%;text-align:right}.bottom-caption{bottom:3%;right:6%;text-align:right}.circle-note{position:absolute;right:3%;bottom:6%;width:145px;height:145px;border-radius:50%;background:#f9e2d5;display:flex;align-items:center;justify-content:center;flex-direction:column;transform:rotate(-13deg);font:italic 1rem/1.35 Georgia,serif;text-align:center;box-shadow:0 8px 30px #71877b26}.circle-note i{font-style:normal;font-size:1.6rem;color:#99758c;margin-top:4px}
.editor-note{background:#f3e7e6;padding:54px 10%;display:grid;grid-template-columns:80px 1fr auto;align-items:center;gap:35px}.editor-note>span{font-size:3rem;color:#b79fae}.editor-note p{font:italic clamp(1.15rem,2.15vw,1.9rem)/1.4 Georgia,serif;max-width:790px;margin:0}.editor-note small{font-size:.61rem;letter-spacing:.1em;font-weight:700;color:#887984}
.finder{padding:110px max(6%,calc((100vw - 1320px)/2));background:#faf8f2}.finder-top{max-width:800px;margin-bottom:60px}.finder h2,.approach h2,.questions h2,.endnote h2{font:400 clamp(3rem,5.3vw,6rem)/1.06 Georgia,serif;letter-spacing:-.073em;margin:22px 0 26px}.finder-top p{font-size:1.03rem;line-height:1.8;color:#67766b;max-width:660px}.selector{border:0;margin:0;padding:0;min-width:0}.selector legend{font-size:.82rem;font-weight:750;letter-spacing:.08em;margin-bottom:18px}.selector input[type=radio]{position:absolute;width:1px;height:1px;opacity:0}.options{display:grid;grid-template-columns:repeat(3,1fr);gap:13px}.options label{cursor:pointer;padding:23px 24px;background:#fff;border:2px solid #dfe6dd;border-radius:13px;min-height:165px;display:flex;flex-direction:column;justify-content:space-between;gap:12px;box-shadow:0 5px 18px #6f87710c;transition:background .15s,border-color .15s}.options label>span:nth-child(2){font:600 clamp(1rem,1.65vw,1.35rem)/1.4 Georgia,serif}.options label>span:last-child{align-self:flex-end}.option-index{color:#6b8674;font-size:.72rem;font-weight:700}#op-rotina:checked~.options label[for=op-rotina],#op-espaco:checked~.options label[for=op-espaco],#op-mudanca:checked~.options label[for=op-mudanca]{border-color:#597c6b;background:#edf5ed}#op-rotina:focus-visible~.options label[for=op-rotina],#op-espaco:focus-visible~.options label[for=op-espaco],#op-mudanca:focus-visible~.options label[for=op-mudanca]{outline:3px solid #176359;outline-offset:4px}.feedback{background:#d6e1d5;margin-top:15px;border-radius:15px;overflow:hidden}.response{display:none;min-height:350px;padding:47px 44% 42px 48px;position:relative}.response-label{font-size:.65rem;letter-spacing:.16em;font-weight:800;color:#577264}.response h3{font:400 clamp(2.1rem,3vw,3.6rem)/1.1 Georgia,serif;letter-spacing:-.06em;margin:15px 0}.response p{color:#51685a;max-width:590px;font-size:.93rem}.response small{color:#657a6b;font-size:.71rem}#op-rotina:checked~.feedback .routine,#op-espaco:checked~.feedback .space,#op-mudanca:checked~.feedback .change{display:block}.response-figure{position:absolute;right:3%;top:9%;width:34%;height:82%;border-radius:140px 140px 17px 17px;background:#b6caba;display:flex;align-items:center;justify-content:center;gap:8px}.response-figure i{width:17%;height:50%;background:#eae0ca;border-radius:8px;display:block}.figure-routine i:nth-child(2){height:67%;background:#98ad9b}.figure-routine i:nth-child(3){height:38%;background:#e7c9bd}.figure-space{background:#edd8d2}.figure-space i{width:24%;height:44%;background:#cbb4ca}.figure-space i:nth-child(2){height:67%;background:#f8efdf}.figure-space i:nth-child(3){height:56%;background:#d3ab94}.figure-change{background:#d5cbdc}.figure-change i{border-radius:50%;width:25%;height:auto;aspect-ratio:1;background:#ead9ce}.figure-change i:nth-child(2){background:#adbfaf;width:32%}.figure-change i:nth-child(3){background:#f2ebe4;width:20%}
.approach{background:#3b5649;color:#f6f7f0;padding:110px max(6%,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr 1fr;gap:10%}.approach .number{color:#c1d6c5}.approach h2{color:#f7f4ed}.approach h2 em{color:#e3b9c4}.approach-content{padding-top:20px}.line-step{border-top:1px solid #9ab3a0;padding:27px 0;display:grid;grid-template-columns:75px 1fr;gap:10px}.line-step .step{color:#c1d6c5;font:800 .75rem Consolas,monospace}.line-step h3{font:400 1.55rem Georgia,serif;letter-spacing:-.04em;margin:0 0 8px}.line-step p{color:#d0dfd2;font-size:.91rem;margin:0;max-width:400px}.approach-caption{font-size:.7rem;color:#c9d9cb;letter-spacing:.1em;padding-top:20px}
.questions{padding:105px max(6%,calc((100vw - 1320px)/2));display:grid;grid-template-columns:1fr 1.2fr;gap:10%}.answers{padding-top:25px}.answers details{border-top:1px solid #cbd6ca;padding:22px 0}.answers details:last-child{border-bottom:1px solid #cbd6ca}.answers summary{list-style:none;cursor:pointer;font-size:.91rem;font-weight:700;display:flex;gap:24px;justify-content:space-between}.answers summary::-webkit-details-marker{display:none}.answers summary span{color:#78927f}.answers details[open] summary span{transform:rotate(45deg)}.answers details p{color:#67776a;font-size:.91rem;line-height:1.75;margin:16px 0 3px}
.endnote{background:#e9dfe4;text-align:center;padding:105px 6%;display:flex;flex-direction:column;align-items:center}.endnote .flower{font-size:4rem;color:#91728b}.endnote h2{margin:14px 0 26px}.endnote p{max-width:560px;color:#667365;line-height:1.8}.end-link{margin-top:20px;display:inline-flex;align-items:center;gap:30px;border:1px solid #496a58;border-radius:90px;padding:15px 22px;font-weight:750;font-size:.85rem}.end-link:hover{background:#d8cdd5}
footer{background:#2e4338;color:#eaf1e8;padding:32px max(6%,calc((100vw - 1320px)/2));display:flex;justify-content:space-between;align-items:center;gap:25px}footer .logo{font-size:2rem}footer p,footer>a:last-child{font-size:.69rem;letter-spacing:.06em;margin:0}
@media(max-width:1200px){.topbar{gap:18px;grid-template-columns:auto 1fr}.topbar nav{justify-content:flex-end}.nav-action{display:none}.hero-content h1{font-size:clamp(4rem,7vw,7rem)}.editor-note{grid-template-columns:50px 1fr}.editor-note small{grid-column:2}.composition{min-height:600px}.hero{min-height:600px}.illustration-card{min-height:470px}}
@media(max-width:820px){.topbar{padding:20px 5%;grid-template-columns:1fr}.topbar nav{justify-content:flex-start;flex-wrap:wrap;gap:22px}.hero{grid-template-columns:1fr}.hero-content{padding:90px 7% 40px;min-height:555px}.hero-content h1{font-size:clamp(4.3rem,11vw,7rem)}.composition{min-height:480px;max-height:580px}.illustration-card{height:100%;min-height:400px;max-width:470px}.circle-note{right:13%}.editor-note{padding:45px 7%}.finder,.approach,.questions{padding:80px 6%}.options{grid-template-columns:1fr}.options label{min-height:80px;display:grid;grid-template-columns:35px 1fr 20px;align-items:center}.options label>span:last-child{align-self:center}.response{padding:35px 38% 35px 30px;min-height:310px}.approach,.questions{grid-template-columns:1fr;gap:25px}.approach-content,.answers{padding-top:0}footer{flex-wrap:wrap}}
@media(max-width:520px){.preview{font-size:.63rem}.hero-content{min-height:515px;padding:70px 6% 34px}.hero-content h1{font-size:clamp(3.9rem,13vw,5rem)}.hero-foot{gap:8px 15px}.composition{padding:35px 10%;min-height:380px;max-height:460px}.illustration-card{min-height:345px}.circle-note{width:110px;height:110px;right:1%;bottom:3%;font-size:.8rem}.editor-note{display:block}.editor-note>span{display:block;margin-bottom:8px}.editor-note small{display:block;margin-top:15px}.finder,.approach,.questions{padding:64px 5%}.finder h2,.approach h2,.questions h2,.endnote h2{font-size:clamp(2.8rem,11.5vw,4rem)}.finder-top{margin-bottom:32px}.response{padding:32px 24px 235px;min-height:0}.response h3{font-size:2.2rem}.response-figure{top:auto;left:24px;bottom:20px;width:calc(100% - 48px);height:190px;border-radius:100px 100px 10px 10px}.line-step{grid-template-columns:44px 1fr}.line-step h3{font-size:1.32rem}footer{flex-direction:column;align-items:flex-start;gap:12px}}
@media(max-width:520px){
  .hero-content h1{white-space:normal;line-height:1.06;max-width:100%;overflow-wrap:break-word}
  .hero-content{min-width:0}
}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.options label{transition:none}}