:root{--covenant:#3d2b1f;--anchor:#5c3d2a;--copper:#a0622a;--copper-lt:#c4894e;--copper-pale:#d4a574;--taupe:#9e8b7a;--taupe-lt:#c4b5a8;--cream:#faf6f0;--parchment:#f2ebe0;--white:#fff;--err:#8b3a3a}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--cream);color:var(--covenant);flex-direction:column;min-height:100vh;font-family:Jost,sans-serif;font-weight:300;display:flex}.screen{flex-direction:column;justify-content:center;align-items:center;min-height:100vh;padding:2rem 1.5rem;display:none}.screen.active{display:flex}.progress-bar-wrap{background:var(--taupe-lt);z-index:99;height:3px;position:fixed;top:64px;left:0;right:0}.progress-bar-fill{background:var(--copper);width:0%;height:100%;transition:width .4s}.card{background:var(--white);border:1px solid var(--taupe-lt);width:100%;max-width:580px;margin-top:64px;padding:3rem 3rem 2.5rem}.eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--copper);margin-bottom:.7rem;font-family:Jost,sans-serif;font-size:.6rem;font-weight:500;display:block}.card-title{color:var(--covenant);margin-bottom:.6rem;font-family:Cormorant Garamond,serif;font-size:2.2rem;font-weight:300;line-height:1.15}.card-title em{color:var(--copper-lt);font-style:italic}.card-sub{color:var(--taupe);margin-bottom:2rem;font-size:.88rem;line-height:1.75}.input-row{gap:0;margin-bottom:.6rem;display:flex}.input-row input{border:1px solid var(--taupe-lt);background:var(--cream);color:var(--covenant);border-right:none;outline:none;flex:1;min-width:0;padding:.9rem 1rem;font-family:Jost,sans-serif;font-size:.88rem;font-weight:300;transition:border-color .2s}.input-row input:focus{border-color:var(--copper)}.input-row input::placeholder{color:var(--taupe-lt)}.input-row input.error{border-color:var(--err)}.btn-primary{background:var(--copper);color:var(--cream);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;white-space:nowrap;border:none;flex-shrink:0;padding:.9rem 1.6rem;font-family:Jost,sans-serif;font-size:.65rem;font-weight:500;transition:background .2s}.btn-primary:hover{background:var(--anchor)}.btn-primary:disabled{background:var(--taupe-lt);cursor:not-allowed}.btn-secondary{color:var(--copper);border:1px solid var(--copper);letter-spacing:.18em;text-transform:uppercase;cursor:pointer;background:0 0;padding:.85rem 1.6rem;font-family:Jost,sans-serif;font-size:.65rem;font-weight:500;transition:all .2s}.btn-secondary:hover{background:var(--copper);color:var(--cream)}.privacy-note{color:var(--taupe);margin-top:.5rem;font-size:.68rem;line-height:1.5}#screen-question{justify-content:flex-start;padding-top:80px}.question-card{background:var(--white);border:1px solid var(--taupe-lt);width:100%;max-width:640px;margin:0 auto;padding:2.8rem 3rem 2.5rem}.q-meta{justify-content:space-between;align-items:center;margin-bottom:1.6rem;display:flex}.q-dimension{letter-spacing:.22em;text-transform:uppercase;color:var(--copper);font-family:Jost,sans-serif;font-size:.58rem;font-weight:500}.q-count{color:var(--taupe);font-size:.7rem}.q-text{color:var(--covenant);margin-bottom:2.2rem;font-family:Cormorant Garamond,serif;font-size:1.55rem;font-weight:300;line-height:1.4}.scale-wrap{margin-bottom:2rem}.scale-labels{justify-content:space-between;margin-bottom:.6rem;display:flex}.scale-label-text{letter-spacing:.08em;color:var(--taupe);font-size:.62rem;font-weight:400}.scale-options{gap:.5rem;display:flex}.scale-btn{aspect-ratio:1;background:var(--cream);border:1px solid var(--taupe-lt);color:var(--covenant);cursor:pointer;border-radius:0;flex:1;justify-content:center;align-items:center;font-family:Cormorant Garamond,serif;font-size:1.1rem;transition:all .15s;display:flex}.scale-btn:hover{background:var(--parchment);border-color:var(--copper-pale)}.scale-btn.selected{background:var(--copper);border-color:var(--copper);color:var(--cream)}.q-nav{border-top:1px solid var(--taupe-lt);justify-content:space-between;align-items:center;padding-top:1.5rem;display:flex}.btn-back{color:var(--taupe);cursor:pointer;letter-spacing:.1em;background:0 0;border:none;padding:.5rem 0;font-family:Jost,sans-serif;font-size:.7rem;font-weight:400;transition:color .2s}.btn-back:hover{color:var(--copper)}#screen-loading{background:var(--covenant)}.loading-inner{text-align:center}.knot-spinner{border:2px solid #c4894e33;border-top-color:var(--copper);border-radius:50%;width:64px;height:64px;margin:0 auto 2rem;animation:1.2s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.loading-title{color:var(--cream);margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:1.8rem;font-weight:300}.loading-sub{color:var(--taupe-lt);font-size:.82rem;line-height:1.7}.loading-thought{border-left:2px solid var(--copper);text-align:left;max-width:420px;margin-top:2rem;padding:1rem 1.5rem}.loading-thought p{color:var(--copper-pale);font-family:Cormorant Garamond,serif;font-size:1rem;font-style:italic;line-height:1.6}#screen-results{background:var(--cream);justify-content:flex-start;align-items:stretch;padding-top:72px}.results-wrap{width:100%;max-width:700px;margin:0 auto;padding:2rem 1.5rem 4rem}.archetype-hero{background:var(--covenant);margin-bottom:2px;padding:3.5rem 3rem;position:relative;overflow:hidden}.archetype-hero:before{content:"";background-image:repeating-linear-gradient(45deg,#a0622a0f 0 1px,#0000 1px 16px);position:absolute;inset:0}.arch-eyebrow{letter-spacing:.24em;text-transform:uppercase;color:var(--copper-pale);margin-bottom:.5rem;font-family:Jost,sans-serif;font-size:.6rem;font-weight:500;position:relative}.arch-name{color:var(--cream);margin-bottom:.4rem;font-family:Cormorant Garamond,serif;font-size:3.2rem;font-weight:300;line-height:1.05;position:relative}.arch-tagline{color:var(--copper-lt);font-family:Cormorant Garamond,serif;font-size:1.1rem;font-style:italic;position:relative}.score-bar-section{background:var(--parchment);margin-bottom:2px;padding:2rem 3rem}.score-bar-title{letter-spacing:.2em;text-transform:uppercase;color:var(--taupe);margin-bottom:1.4rem;font-family:Jost,sans-serif;font-size:.6rem;font-weight:500}.score-row{margin-bottom:1rem}.score-row-label{justify-content:space-between;margin-bottom:.35rem;display:flex}.score-dim{color:var(--covenant);font-size:.8rem;font-weight:400}.score-pct{color:var(--copper);font-size:.75rem;font-weight:500}.score-track{background:var(--taupe-lt);height:4px;overflow:hidden}.score-fill{background:var(--copper);width:0%;height:100%;transition:width 1s .3s}.result-block{background:var(--white);border:1px solid var(--taupe-lt);margin-bottom:2px;padding:2rem 2.5rem}.result-block-label{letter-spacing:.22em;text-transform:uppercase;color:var(--copper);margin-bottom:1rem;font-family:Jost,sans-serif;font-size:.58rem;font-weight:500;display:block}.result-block-content{color:var(--anchor);font-size:.9rem;line-height:1.85}.result-block-content p{margin-bottom:.8rem}.result-block-content p:last-child{margin-bottom:0}.tag-list{flex-wrap:wrap;gap:.5rem;margin-top:.8rem;display:flex}.tag{border:1px solid var(--copper-pale);color:var(--copper);background:var(--cream);padding:.4rem .9rem;font-size:.78rem;font-weight:400}.tag.blind{border-color:var(--taupe-lt);color:var(--taupe);background:var(--parchment)}.reflection-block{background:var(--covenant);margin-bottom:2px;padding:2rem 2.5rem}.reflection-q{color:var(--cream);font-family:Cormorant Garamond,serif;font-size:1.25rem;font-style:italic;line-height:1.5}.reflection-label{letter-spacing:.22em;text-transform:uppercase;color:var(--copper-pale);margin-bottom:.8rem;font-family:Jost,sans-serif;font-size:.58rem;font-weight:500;display:block}.upsell-block{background:var(--parchment);border:1px solid var(--copper-pale);border-left:4px solid var(--copper);margin-top:2rem;padding:2rem 2.5rem}.upsell-eyebrow{letter-spacing:.22em;text-transform:uppercase;color:var(--copper);margin-bottom:.6rem;font-family:Jost,sans-serif;font-size:.58rem;font-weight:500;display:block}.upsell-title{color:var(--covenant);margin-bottom:.5rem;font-family:Cormorant Garamond,serif;font-size:1.5rem;font-weight:400}.upsell-desc{color:var(--anchor);margin-bottom:1.4rem;font-size:.85rem;line-height:1.75}.upsell-includes{grid-template-columns:1fr 1fr;gap:.4rem 1rem;margin-bottom:1.4rem;display:grid}.upsell-item{color:var(--anchor);align-items:flex-start;gap:.4rem;font-size:.78rem;display:flex}.upsell-item:before{content:"✦";color:var(--copper-pale);flex-shrink:0;margin-top:.2rem;font-size:.55rem}.upsell-price-row{align-items:center;gap:1.5rem;display:flex}.upsell-price{color:var(--copper);font-family:Cormorant Garamond,serif;font-size:2rem;font-weight:300}.upsell-price span{color:var(--taupe);margin-left:.2rem;font-family:Jost,sans-serif;font-size:.75rem}.share-row{flex-wrap:wrap;gap:.6rem;margin-top:1.5rem;display:flex}.btn-share{border:1px solid var(--taupe-lt);letter-spacing:.1em;text-transform:uppercase;color:var(--taupe);cursor:pointer;background:0 0;padding:.55rem 1.1rem;font-family:Jost,sans-serif;font-size:.65rem;font-weight:400;transition:all .2s}.btn-share:hover{border-color:var(--copper);color:var(--copper)}.error-msg{color:var(--err);margin-top:.4rem;font-size:.75rem;display:none}.error-msg.show{display:block}.cursor{background:var(--copper);vertical-align:text-bottom;width:2px;height:1em;margin-left:2px;animation:.8s step-end infinite blink;display:inline-block}@keyframes blink{50%{opacity:0}}.ts-option{background:var(--cream);border:1px solid var(--taupe-lt);cursor:pointer;text-align:left;align-items:flex-start;gap:1rem;width:100%;padding:.9rem 1.1rem;font-family:Jost,sans-serif;transition:all .15s;display:flex}.ts-option:hover{background:var(--parchment);border-color:var(--copper-pale)}.ts-option.selected{background:var(--copper);border-color:var(--copper)}.ts-option.selected .ts-label,.ts-option.selected .ts-text{color:var(--cream)}.ts-label{color:var(--copper);letter-spacing:.08em;flex-shrink:0;min-width:18px;margin-top:.05rem;font-size:.78rem;font-weight:500}.ts-text{color:var(--covenant);font-size:.88rem;line-height:1.45}@media (width<=600px){.card,.question-card{padding:2rem 1.5rem}.q-text{font-size:1.3rem}.archetype-hero{padding:2.5rem 1.8rem}.arch-name{font-size:2.4rem}.score-bar-section,.result-block,.reflection-block,.upsell-block{padding:1.5rem 1.8rem}.upsell-includes{grid-template-columns:1fr}.upsell-price-row{flex-direction:column;align-items:flex-start;gap:1rem}.results-wrap{padding:1.5rem 1rem 4rem}.input-row{flex-direction:column}.input-row input{border-right:1px solid var(--taupe-lt);border-bottom:none}}.demo-card-inline{background:var(--white);border:1px solid var(--copper-pale);border-top:3px solid var(--copper);margin-top:2rem;margin-bottom:2px;padding:2rem 2.5rem}.demo-inline-header{justify-content:space-between;align-items:center;margin-bottom:.6rem;display:flex}.demo-inline-header h3{color:var(--covenant);font-family:Cormorant Garamond,serif;font-size:1.6rem;font-weight:400}.demo-inline-badge{letter-spacing:.16em;text-transform:uppercase;color:var(--copper);background:#a0622a14;border-radius:20px;padding:4px 10px;font-family:Jost,sans-serif;font-size:.6rem;font-weight:500}.demo-inline-sub{color:var(--anchor);margin-bottom:1.4rem;font-size:.85rem;line-height:1.6}.demo-inline-grid{grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:1rem;display:grid}.demo-inline-field{flex-direction:column;gap:.4rem;display:flex}.demo-inline-field label{letter-spacing:.12em;text-transform:uppercase;color:var(--covenant);font-size:.65rem;font-weight:500}.demo-inline-field input,.demo-inline-field select{border:1px solid var(--taupe-lt);background:var(--cream);color:var(--covenant);border-radius:4px;outline:none;padding:.75rem .9rem;font-family:Jost,sans-serif;font-size:.88rem;transition:border-color .2s}.demo-inline-field input:focus,.demo-inline-field select:focus{border-color:var(--copper)}.archetypes-overview-section{border-top:1px solid #c4b5a866;margin-top:2.5rem;padding-top:1.75rem}.archetypes-header{margin-bottom:1.25rem}.archetypes-badge{letter-spacing:.2em;text-transform:uppercase;color:var(--copper);align-items:center;gap:.4rem;margin-bottom:.35rem;font-family:Jost,sans-serif;font-size:.62rem;font-weight:500;display:inline-flex}.archetypes-badge:before{content:"";background:var(--copper);border-radius:50%;width:5px;height:5px;display:inline-block}.archetypes-title{color:var(--covenant);font-family:Cormorant Garamond,serif;font-size:1.25rem;font-weight:400;line-height:1.2}.archetypes-title em{color:var(--copper-lt);font-style:italic}.archetypes-grid{grid-template-columns:repeat(2,1fr);gap:.85rem;display:grid}.archetypes-grid .archetype-card:last-child:nth-child(odd){grid-column:1/-1;justify-self:center;width:100%;max-width:calc(50% - .425rem)}@media (width<=520px){.archetypes-grid{grid-template-columns:1fr}.archetypes-grid .archetype-card:last-child:nth-child(odd){justify-self:stretch;max-width:none}}.archetype-card{background:linear-gradient(145deg, #fff 0%, var(--cream) 100%);border:1px solid #c4b5a873;border-radius:8px;flex-direction:column;gap:.4rem;padding:1.1rem 1.15rem;transition:transform .3s cubic-bezier(.16,1,.3,1),border-color .3s,box-shadow .3s;display:flex;position:relative;overflow:hidden;box-shadow:0 2px 8px #3d2b1f05}.archetype-card:before{content:"";background:var(--arch-color,var(--copper));opacity:.35;height:2px;transition:opacity .3s,height .3s;position:absolute;top:0;left:0;right:0}.archetype-card:hover{border-color:#a0622a66;transform:translateY(-2px);box-shadow:0 10px 20px -5px #3d2b1f14,0 4px 10px -2px #a0622a0f}.archetype-card:hover:before{opacity:1;height:3px}.arch-card-header{align-items:center;gap:.65rem;display:flex}.arch-icon-wrapper{width:30px;height:30px;color:var(--arch-color,var(--copper));background:#a0622a14;border-radius:6px;flex-shrink:0;justify-content:center;align-items:center;transition:transform .3s,background .3s;display:flex}.archetype-card:hover .arch-icon-wrapper{background:#a0622a24;transform:scale(1.08)}.arch-icon-wrapper svg{fill:currentColor;width:32px;height:32px}.arch-number-badge{color:var(--copper);background:#a0622a14;border:1px solid #a0622a33;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;font-family:Cormorant Garamond,serif;font-size:.8rem;font-weight:600;transition:transform .3s,background .3s;display:flex}.archetype-card:hover .arch-number-badge{background:#a0622a24;transform:scale(1.08)}.archetype-card .arch-name{color:var(--covenant);letter-spacing:.01em;margin:0;font-family:Cormorant Garamond,serif;font-size:1.08rem;font-weight:600;line-height:1.25}.archetype-card .arch-tagline{color:var(--taupe);margin:0;font-family:Jost,sans-serif;font-size:.74rem;font-weight:300;line-height:1.45}
