
:root{--paper:#faf7f2;--ink:#34272a;--ruby:#862b43;--rose:#ead7d4;--muted:#7a6d70;--line:#e1d9d2}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0;background:var(--paper);color:var(--ink);font:17px/1.85 system-ui,-apple-system,'Hiragino Kaku Gothic ProN','Yu Gothic',sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}a,button{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid #a85c16;outline-offset:5px}button:disabled{opacity:.5;cursor:default}.wrap{max-width:1260px;padding:0 40px;margin:auto}header{border-bottom:1px solid var(--line)}nav{height:94px;display:flex;align-items:center;justify-content:space-between;gap:20px}.brand{display:flex;gap:13px;align-items:center;text-decoration:none;line-height:1.1;font-family:Georgia,serif;font-size:23px;letter-spacing:-.7px}.brand small{font:9px system-ui,sans-serif;letter-spacing:.32em;display:block;margin-top:7px}.gem{height:34px;width:27px;border:1px solid var(--ruby);border-radius:50% 50% 3px 3px;transform:rotate(25deg);position:relative}.gem:after{content:'';position:absolute;inset:5px;border:1px solid var(--ruby);border-radius:inherit}.navlinks{display:flex;align-items:center;gap:28px;font-size:13px}.navlinks a{text-decoration:none}.navlinks a:last-child{border-bottom:1px solid var(--ruby);padding-bottom:4px}.hero{display:grid;grid-template-columns:1.05fr 1fr;gap:55px;align-items:center;padding:60px 0 55px}.eyebrow{font-size:10px;font-weight:650;letter-spacing:.23em;color:var(--ruby);text-transform:uppercase}.hero h1{font-size:clamp(42px,4.8vw,66px);font-weight:450;letter-spacing:-.055em;line-height:1.55;margin:25px 0}.hero h1 em{font-style:normal;color:var(--ruby)}.hero p{color:var(--muted);max-width:440px;font-size:16px}.cta{border:0;background:var(--ruby);color:white;border-radius:50px;padding:15px 27px;display:inline-flex;justify-content:center;align-items:center;gap:34px;text-decoration:none;font-size:15px;font-weight:600}.cta:hover{background:#682036}.hero .cta{margin:16px 0}.fine{font-size:12px;color:var(--muted)}.hero-art{height:530px;position:relative;border-radius:230px 230px 8px 8px;background:#e9d6cf;overflow:hidden}.hero-art svg{height:100%;width:100%;display:block}.art-caption{position:absolute;left:30px;right:30px;bottom:25px;display:flex;justify-content:space-between;align-items:end;color:#744854;font-size:10px;letter-spacing:.13em}.art-caption b{font-family:Georgia,serif;font-size:21px;font-weight:400;letter-spacing:-.4px}.hero-note{position:absolute;top:32%;left:24px;background:#fffaf1e8;backdrop-filter:blur(10px);padding:13px 20px;border:1px solid #fff6;border-radius:9px;box-shadow:0 10px 30px #7a33440b;font-size:12px;color:#69424c;transform:rotate(-6deg)}.strip{display:flex;justify-content:space-between;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:23px 0;gap:20px;margin-bottom:75px}.strip span{font-size:13px}.strip i{font-style:normal;color:var(--ruby);margin-right:10px}.section{padding-bottom:80px}.section-head{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:30px}h2{font-size:32px;line-height:1.55;font-weight:500;letter-spacing:-.04em;margin:12px 0}h3{font-size:20px;line-height:1.6;font-weight:550}.section-head p{max-width:380px;color:var(--muted);font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.step{border-top:1px solid var(--line);padding:26px 0}.num{font-family:Georgia,serif;font-size:33px;color:#b18c8e}.step p{font-size:14px;color:var(--muted)}.quiz-layout{display:grid;grid-template-columns:270px 1fr;gap:65px;align-items:start}.quiz-intro{padding-top:30px}.quiz-intro h2{font-size:36px}.quiz-intro p{font-size:14px;color:var(--muted)}.quiz{background:white;border:1px solid var(--line);padding:36px;border-radius:18px;box-shadow:0 16px 50px #71374506;min-width:0}.quiz-top{display:flex;justify-content:space-between;gap:14px;font-size:11px;color:var(--muted);letter-spacing:.08em}.progress{height:3px;background:#f0e8e4;margin:20px 0 26px}.progress span{height:100%;display:block;background:var(--ruby);width:0;transition:width .2s}.quiz h3{font-size:23px;margin:0 0 12px}.options{display:grid;gap:10px;margin:20px 0}.option{background:white;color:var(--ink);text-align:left;border:1px solid var(--line);border-radius:10px;padding:15px 17px;display:flex;align-items:center;gap:13px;font-size:15px}.option:hover{background:#fcf6f5;border-color:#bb929c}.option.selected{border:2px solid var(--ruby);background:#faf0f2;padding:14px 16px}.option .letter{display:grid;place-items:center;border:1px solid #e1d4d8;border-radius:50%;font-size:10px;width:25px;height:25px;flex-shrink:0}.option.selected .letter{background:var(--ruby);color:white;border-color:var(--ruby)}.quiz-nav{display:flex;justify-content:space-between;align-items:center;gap:15px;margin-top:20px}.textbutton{border:0;background:none;color:var(--muted);padding:6px 0;text-decoration:underline}.state{min-height:22px;font-size:12px;color:var(--muted)}.about{display:grid;grid-template-columns:1fr 1fr;background:#f0e5df;border-radius:10px;overflow:hidden}.about-copy{padding:40px}.about p{font-size:14px;color:#75636a}.quote-panel{background:var(--ruby);color:#fff1e8;display:flex;flex-direction:column;justify-content:center;padding:45px}.quote-panel .eyebrow{color:#edc2c8}.quote-panel p{font-size:25px;line-height:1.9;color:#fff1e8;font-weight:400}.faq{max-width:800px;margin:auto}details{border-bottom:1px solid var(--line);padding:20px 0}summary{cursor:pointer;font-size:16px}details p{font-size:14px;color:var(--muted)}footer{background:#34272a;color:#f4e8e3;padding:40px 0 25px}.footer-top{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footer-links{display:flex;gap:23px;align-items:center;font-size:12px}.footer-links button{color:#f4e8e3}.contact{border-top:1px solid #ffffff24;margin-top:30px;padding-top:22px;display:flex;justify-content:space-between;gap:25px;flex-wrap:wrap;font-size:13px}.contact p{margin:4px 0}.contact a{overflow-wrap:anywhere}.copyright{font-size:10px;color:#c6b4b9;margin-top:25px}dialog{max-width:700px;width:92%;max-height:85vh;padding:28px;border:1px solid var(--line);border-radius:15px;color:var(--ink);background:var(--paper)}dialog::backdrop{background:#29191da6}dialog p{font-size:14px}.close{float:right;border:1px solid var(--line);background:white;border-radius:30px;padding:4px 12px;font-size:13px}.result-heading{color:var(--ruby);font-size:30px!important}.result-label{font-size:11px;letter-spacing:.15em;color:var(--ruby)}.result-lead{font-size:15px;color:var(--muted)}.bar-row{margin:15px 0}.bar-caption{display:flex;justify-content:space-between;font-size:13px}.bar-bg{height:7px;background:#f0e8e4;margin-top:7px;border-radius:5px;overflow:hidden}.bar-bg span{display:block;height:100%;background:#a05468}.conversation{background:#f7efea;padding:22px;border-radius:10px;margin:25px 0}.conversation p{font-size:15px}.review{border-top:1px solid var(--line);padding-top:14px;margin-top:14px}.review p{font-size:13px;color:var(--muted)}.review b{font-size:14px}.result-actions{display:flex;gap:15px;flex-wrap:wrap}.hidden,[hidden]{display:none!important}@media(max-width:850px){.wrap{padding:0 23px}.hero{gap:30px}.hero h1{font-size:43px}.hero-art{height:440px}.quiz-layout{grid-template-columns:1fr;gap:18px}.quiz-intro{padding:0}.quiz-intro h2{font-size:30px}.quiz-intro h2 br{display:none}.about-copy,.quote-panel{padding:28px}.strip{margin-bottom:50px}.section{padding-bottom:55px}}@media(max-width:620px){nav{height:78px}.brand{font-size:20px}.navlinks{gap:12px;font-size:11px}.navlinks a:first-child{display:none}.hero{grid-template-columns:1fr;padding:30px 0}.hero h1{font-size:43px;margin:18px 0}.hero-art{height:340px;border-radius:180px 180px 8px 8px}.strip{gap:10px;flex-wrap:wrap;justify-content:center;padding:17px 0}.strip span{font-size:11px}.section-head{display:block}h2{font-size:28px}.steps{grid-template-columns:1fr;gap:0}.step{padding:18px 0}.step h3{margin:5px 0}.step p{margin:6px 0}.num{font-size:25px}.quiz{padding:22px}.quiz h3{font-size:20px}.option{font-size:14px}.about{grid-template-columns:1fr}.quote-panel p{font-size:24px}.contact{display:block}.contact>div{margin-bottom:18px}.footer-links{gap:15px}.quiz-nav .cta{padding:12px 20px;gap:10px}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.progress span{transition:none}}


:root{--paper:#fff;--ink:#17151a;--ruby:#2e2933;--rose:#dbb5c0;--muted:#655d68;--line:#e3dce3}body{background:#fff}header{border:0;background:white}.wrap{max-width:1220px}.brand{font-family:system-ui,sans-serif;font-weight:750;letter-spacing:-1px;font-size:25px}.brand small{font-weight:600;letter-spacing:.27em}.gem{border-radius:50%;width:32px;height:32px;border:7px solid #dbb5c0;transform:none}.gem:after{display:none}nav{height:90px}.navlinks a:last-child{border:1px solid #d8cbd0;border-radius:30px;padding:8px 18px}.hero{position:relative;grid-template-columns:1fr 1fr;gap:50px;padding:0;min-height:640px;background:#dbb5c0;isolation:isolate}.hero:before{content:'';position:absolute;inset:0 calc((min(1220px,100vw) - 100vw)/2 - 40px);background:#dbb5c0;z-index:-1}.hero>div:first-child{grid-column:2;grid-row:1;padding:40px 0}.hero-art{grid-column:1;grid-row:1;height:640px;border-radius:0;background:transparent;margin-left:-40px;overflow:hidden}.hero-art img{width:100%;height:100%;object-fit:cover;object-position:center 36%;display:block}.hero h1{font-weight:750;font-size:clamp(42px,4.6vw,64px);line-height:1.35;letter-spacing:-.065em;margin:20px 0 24px}.hero h1 em{color:inherit}.hero p{font-size:16px;color:#3e3540}.eyebrow{color:#635060;letter-spacing:.15em}.hero .fine{color:#554551}.cta{padding:17px 32px;border-radius:50px;background:#2e2933;font-size:14px;gap:25px}.cta:hover{background:#49414f}.strip{margin:0 0 75px;padding:28px 0;justify-content:space-around;border-top:0;background:#fff}.strip i{font-weight:700}.section-head{display:block;text-align:center;margin:0 auto 35px;max-width:780px}.section-head h2{font-weight:700;font-size:42px}.section-head p{max-width:630px;margin:20px auto}.steps{gap:25px}.step{background:#f6f3f5;border:0;border-radius:20px;padding:28px}.step h3{font-weight:650}.num{font-family:system-ui,sans-serif;font-size:22px;border:1px solid #c7adb7;border-radius:50%;height:55px;width:55px;display:grid;place-items:center;color:#53434c}.quiz-layout{background:#f0e2e7;padding:42px;border-radius:24px;grid-template-columns:280px minmax(0,1fr);gap:40px;margin-bottom:80px}.quiz-intro h2{font-weight:700}.quiz{border:0;box-shadow:0 15px 35px #3e223507;border-radius:20px}.option.selected{border-color:#79616d;background:#f4e9ed}.progress span{background:#aa788a}.about{border-radius:0;background:#2e2933;color:white}.about-copy{padding:42px}.about-copy .eyebrow{color:#dcbcc7}.about-copy h2{font-weight:700}.about p{color:#e2d6e3}.quote-panel{background:#dbb5c0;color:#2e2933;padding:45px}.quote-panel p{color:#2e2933;font-size:32px;font-weight:650;line-height:1.65}.quote-panel .eyebrow{color:#624652}.quote-panel .fine{color:#624652!important}.faq h2{font-weight:700;font-size:38px}.faq details{padding:23px 0}.faq summary{font-weight:600}footer{background:#2e2933}.result-heading{color:#58434e!important}.conversation{background:#f1e5eb}.bar-bg span{background:#a57587}@media(min-width:1220px){.hero-art{margin-left:calc((1140px - 100vw)/2);padding-left:0}.hero-art img{object-position:center 38%}}@media(max-width:850px){.hero{gap:25px;min-height:540px}.hero-art{height:540px;margin-left:-23px}.hero h1{font-size:43px}.quiz-layout{grid-template-columns:1fr;padding:25px;gap:20px;margin-bottom:55px}.section-head h2{font-size:34px}.about-copy,.quote-panel{padding:28px}}@media(max-width:620px){.hero{grid-template-columns:1fr;gap:0;min-height:0}.hero>div:first-child{grid-column:1;grid-row:1;padding:35px 0 25px}.hero-art{grid-column:1;grid-row:2;height:400px;margin:0 -23px;border-radius:0}.hero-art img{object-position:center 28%}.hero h1{font-size:43px}.hero:before{inset:0 -23px}.hero .fine{font-size:11px}.strip{margin-bottom:45px;padding:23px 0}.section-head h2{font-size:31px}.step{padding:25px}.steps{gap:15px}.quiz-layout{padding:20px 15px;margin-left:-8px;margin-right:-8px}.quiz{padding:20px}.quote-panel p{font-size:29px}.faq h2{font-size:31px}.brand{font-size:21px}}
