:root{--ink:#0e1311;--ink2:#131a17;--line:#232b27;--line2:#2e3833;--line3:#3a4540;--bone:#ede8dd;--muted:#b8bdb6;--quiet:#9aa19a;--brass:#c9a86a;--brass2:#e2c68e;--brown:#6b5a33}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--ink);color:var(--bone);-webkit-font-smoothing:antialiased;margin:0;font-family:Manrope,sans-serif;font-size:1rem;line-height:1.65}a{color:var(--brass)}a:hover{color:var(--brass2)}:focus-visible{outline:2px solid var(--brass);outline-offset:3px}.wrap{max-width:1200px;margin:0 auto;padding-left:24px;padding-right:24px}.serif{font-family:Instrument Serif,serif;font-weight:400}.mono{font-family:IBM Plex Mono,monospace}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-family:IBM Plex Mono,monospace;font-size:.8rem}.h2{margin:0;font-family:Instrument Serif,serif;font-size:clamp(2.3rem,4.5vw,3.8rem);font-weight:400;line-height:1.02}.lead{color:var(--muted);margin:0;font-size:1.1rem}.btn{border-radius:999px;align-items:center;min-height:54px;padding:0 28px;font-size:1.05rem;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary{background:var(--brass);color:var(--ink)}.btn-primary:hover{background:var(--brass2);color:var(--ink)}.btn-ghost{border:1px solid var(--line3);color:var(--bone);font-weight:600}.btn-ghost:hover{border-color:var(--brass);color:var(--bone)}section{scroll-margin-top:16px}.light{background:var(--bone);color:var(--ink)}.pad{padding-top:112px;padding-bottom:112px}.stack{flex-direction:column;display:flex}.row{flex-wrap:wrap;display:flex}.header{border-bottom:1px solid var(--line)}.header .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;padding-top:20px;padding-bottom:20px;display:flex}.brand{color:var(--bone);font-family:Instrument Serif,serif;font-size:1.6rem;text-decoration:none}.nav{flex-wrap:wrap;align-items:center;gap:8px 28px;font-size:.95rem;display:flex}.nav a.link{color:var(--muted);text-decoration:none}.nav a.link:hover{color:var(--bone)}.nav .btn{min-height:44px;padding:0 20px;font-size:.95rem}.hero{align-items:flex-end;gap:64px;padding-top:96px;padding-bottom:80px}.hero-main{flex:999 560px;gap:26px;min-width:0}.hero h1{letter-spacing:-.015em;margin:0;font-family:Instrument Serif,serif;font-size:clamp(3rem,7vw,6rem);font-weight:400;line-height:.98}.hero h1 em{color:var(--brass)}.hero .clear{max-width:36rem;margin:0;font-size:1.45rem;font-weight:600;line-height:1.35}.hero .sub{color:var(--muted);max-width:36rem;margin:0;font-size:1.15rem}.ctas{flex-wrap:wrap;gap:12px;padding-top:4px;display:flex}.card{border:1px solid var(--line2);background:var(--ink2);border-radius:20px;padding:32px}.indicator{flex:320px;gap:20px;min-width:0}.indicator .k{letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);font-family:IBM Plex Mono,monospace;font-size:.75rem}.indicator .line{border-bottom:1px solid var(--line2);justify-content:space-between;gap:12px;padding-bottom:10px;font-family:IBM Plex Mono,monospace;font-size:.95rem;display:flex}.indicator .line span:first-child{color:var(--muted)}.indicator .line span:last-child{color:var(--brass)}.indicator .eq{font-family:Instrument Serif,serif;font-size:2.1rem;line-height:1.1}.indicator p{color:var(--muted);margin:0;font-size:.95rem}.proof{border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.proof .wrap{gap:20px;padding-top:40px;padding-bottom:40px}.stats{grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:24px;display:grid}.stat .n{font-family:Instrument Serif,serif;font-size:3rem;line-height:1;display:block}.stat .l{color:var(--muted)}.note{color:var(--quiet);margin:0;font-family:IBM Plex Mono,monospace;font-size:.8rem}.compare{gap:20px}.compare .col{border-radius:20px;flex:380px;gap:18px;min-width:0;padding:36px}.compare ul{flex-direction:column;gap:14px;margin:0;padding:0;list-style:none;display:flex}.compare li{gap:12px;display:flex}.col-a{color:#4b514c;border:1px solid #c9c2b2}.col-a .tag{color:#6b6458}.col-a .mk{color:#8f887a}.col-b{background:var(--ink);color:var(--bone)}.col-b .tag{color:var(--brass)}.col-b .mk{color:var(--brass);font-weight:700}.tag{letter-spacing:.14em;text-transform:uppercase;font-family:IBM Plex Mono,monospace;font-size:.8rem}.quiz{align-items:flex-start;gap:48px}.quiz-intro{flex:360px;gap:16px;min-width:0}.quiz-list{flex:2 520px;gap:12px;min-width:0}.check{background:var(--ink);border:1px solid var(--line2);cursor:pointer;border-radius:14px;align-items:center;gap:14px;min-height:56px;padding:14px 18px;transition:border-color .15s;display:flex}.check:hover{border-color:var(--line3)}.check input{width:22px;height:22px;accent-color:var(--brass);flex:none;margin:0}.result{border:1px solid var(--brass);background:var(--ink);border-radius:16px;gap:8px;margin-top:12px;padding:28px}.result .score{letter-spacing:.14em;text-transform:uppercase;color:var(--brass);font-family:IBM Plex Mono,monospace;font-size:.8rem}.result .msg{font-family:Instrument Serif,serif;font-size:1.8rem;line-height:1.2}.result a{padding-top:6px;font-weight:700}.calc{gap:32px}.fields{flex:3 420px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));align-content:start;gap:20px;min-width:0;display:grid}.field{flex-direction:column;gap:8px;display:flex}.field label{color:var(--muted);font-size:.95rem}.field input{border:1px solid var(--line3);background:var(--ink2);min-height:52px;color:var(--bone);border-radius:12px;width:100%;padding:0 16px;font-family:IBM Plex Mono,monospace;font-size:1.1rem}.out{border:1px solid var(--line3);background:var(--ink2);border-radius:20px;flex:2 320px;gap:24px;min-width:0;padding:32px}.out .k{letter-spacing:.14em;text-transform:uppercase;color:var(--quiet);font-family:IBM Plex Mono,monospace;font-size:.75rem}.out .v1{font-family:Instrument Serif,serif;font-size:3.4rem;line-height:1}.out .v2{color:var(--brass);font-family:Instrument Serif,serif;font-size:2.6rem;line-height:1}.out .sep{border-top:1px solid var(--line2);padding-top:20px}.out p{color:var(--quiet);margin:0;font-size:.85rem}.steps{grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;display:grid}.step{border:1px solid var(--line2);border-radius:20px;gap:16px;padding:32px}.step .when{color:var(--brass);font-family:IBM Plex Mono,monospace;font-size:.8rem}.step .t{font-family:Instrument Serif,serif;font-size:2rem;line-height:1.1}.step .d{color:var(--muted)}.duo{gap:24px}.duo>div{border-radius:20px;flex:440px;gap:18px;min-width:0;padding:40px}.guar{background:var(--brass);color:var(--ink)}.guar .tag{color:var(--ink)}.ethic{border:1px solid var(--line2)}.duo .t{font-family:Instrument Serif,serif;font-size:clamp(2rem,3.5vw,2.8rem);line-height:1.05}.about{align-items:center;gap:64px}.photo{aspect-ratio:4/5;color:#4b514c;background:#dcd5c5;border-radius:20px;flex:300px;justify-content:center;align-items:center;min-width:0;max-width:420px;font-family:IBM Plex Mono,monospace;font-size:.9rem;display:flex;position:relative;overflow:hidden}.photo img{object-fit:cover;width:100%;height:100%;position:absolute;inset:0}.about-text{flex:2 460px;gap:20px;min-width:0}.about-text p{color:#3a403b;margin:0;font-size:1.1rem}.about-text a{color:var(--brown);font-weight:700}.faq{max-width:860px}.faq details{border-top:1px solid var(--line2);padding:22px 0}.faq details:last-child{border-bottom:1px solid var(--line2)}.faq summary{cursor:pointer;justify-content:space-between;align-items:center;gap:16px;min-height:32px;font-size:1.15rem;font-weight:600;list-style:none;display:flex}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";color:var(--brass);flex:none;font-family:IBM Plex Mono,monospace;font-size:1.3rem}.faq details[open] summary:after{content:"–"}.faq p{color:var(--muted);margin:12px 0 0}.final{background:var(--ink2);border-top:1px solid var(--line)}.final .wrap{text-align:center;align-items:center;gap:28px;max-width:900px;padding-top:128px;padding-bottom:128px}.final h2{margin:0;font-family:Instrument Serif,serif;font-size:clamp(2.6rem,6vw,4.8rem);font-weight:400;line-height:1}.final .btn{min-height:58px;padding:0 34px;font-size:1.1rem}.footer{border-top:1px solid var(--line)}.footer .wrap{color:var(--quiet);flex-wrap:wrap;justify-content:space-between;gap:12px 32px;padding-top:32px;padding-bottom:32px;font-size:.9rem;display:flex}.footer a{color:var(--quiet)}@media (width<=640px){.pad{padding-top:80px;padding-bottom:80px}.hero{gap:40px;padding-top:64px;padding-bottom:56px}.hero .clear{font-size:1.25rem}.card,.compare .col,.duo>div,.step,.out{padding:24px}.nav{gap:8px 18px}.final .wrap{padding-top:88px;padding-bottom:88px}}