:root { --gold: #c9a961; --ink: #141414; }
* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; font-family: Inter, sans-serif; color: var(--ink); background: #f7f5f0; }
a { text-decoration: none; }
.trt-header { background: #0b0b0b; color: white; padding: 10rem 1.5rem 5.5rem; position: relative; overflow: hidden; }
.trt-header::after { content: ''; position: absolute; width: 30rem; height: 30rem; border: 1px solid rgba(201,169,97,.22); border-radius: 50%; right: -7rem; top: 5rem; box-shadow: 0 0 0 5rem rgba(201,169,97,.025), 0 0 0 11rem rgba(201,169,97,.025); pointer-events: none; }
.trt-header-inner { max-width: 72rem; margin: auto; position: relative; z-index: 1; }
.trt-eyebrow { text-transform: uppercase; color: var(--gold); letter-spacing: .2em; font-size: .72rem; font-weight: 700; }
.trt-header h1 { font: 600 clamp(2.8rem,6vw,5.5rem)/1.08 Lora, Georgia, serif; letter-spacing: -.035em; max-width: 58rem; margin: 1.25rem 0; }
.trt-header p { color: #d1d0ca; font-size: 1.15rem; line-height: 1.75; max-width: 42rem; }
.trt-button { display: inline-flex; align-items: center; justify-content: center; background: var(--gold); color: #111; padding: 1rem 1.5rem; border-radius: .5rem; font-weight: 700; margin-top: 1.5rem; }
.trt-button:hover { background: #e8d4a0; }
.trt-main { max-width: 72rem; margin: auto; padding: 5rem 1.5rem; }
.trt-intro { max-width: 52rem; font-size: 1.08rem; line-height: 1.85; color: #4a4a47; margin-bottom: 5rem; }
.trt-section { padding: 3.5rem 0; border-top: 1px solid #dad7ce; }
.trt-section h2 { font: 600 clamp(2rem,4vw,3rem)/1.2 Lora, Georgia, serif; letter-spacing: -.025em; margin: 0 0 1.5rem; max-width: 54rem; }
.trt-section h3 { font: 600 1.3rem/1.35 Lora, Georgia, serif; margin: 0 0 .8rem; }
.trt-section p, .trt-section li { line-height: 1.8; color: #4b4b49; }
.trt-section p { max-width: 52rem; margin: .7rem 0 1.2rem; }
.trt-section ul { padding-left: 1.35rem; columns: 2; max-width: 50rem; }
.trt-section li { padding-left: .25rem; break-inside: avoid; margin-bottom: .35rem; }
.trt-grid { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 2rem; }
.trt-card { background: white; padding: 1.8rem; border: 1px solid #e7e4dc; border-radius: .8rem; }
.trt-card p { margin: 0; }
.trt-steps { counter-reset: steps; display: grid; gap: 1rem; margin-top: 2rem; }
.trt-step { counter-increment: steps; background: white; border-left: 3px solid var(--gold); padding: 1.4rem 1.6rem; }
.trt-step h3::before { content: counter(steps, decimal-leading-zero) ' / '; color: #a6864a; font: 700 .8rem Inter, sans-serif; letter-spacing: .05em; }
.trt-step p { margin: 0; }
.trt-note { background: #efebe1; border-left: 3px solid var(--gold); padding: 1rem 1.3rem; margin-top: 1.5rem !important; }
.trt-cta { background: #111; color: white; padding: 3rem; border-radius: 1rem; margin: 3rem 0 5rem; }
.trt-cta h2 { font: 600 clamp(2rem,4vw,3rem)/1.2 Lora, Georgia, serif; margin: 0 0 1rem; }
.trt-cta p { line-height: 1.75; color: #d1d0ca; max-width: 44rem; }
.trt-faq details { border-bottom: 1px solid #dad7ce; padding: 1.25rem 0; }
.trt-faq summary { cursor: pointer; font-weight: 600; display: flex; justify-content: space-between; gap: 1rem; list-style: none; }
.trt-faq summary::-webkit-details-marker { display: none; }
.trt-faq summary::after { content: '+'; color: #a6864a; font-size: 1.4rem; line-height: 1; }
.trt-faq details[open] summary::after { content: '−'; }
.trt-faq details p { margin-bottom: 0; }
@media (max-width: 640px) { .trt-header { padding-top: 8.5rem; padding-bottom: 4rem; } .trt-main { padding-top: 3rem; } .trt-section { padding: 2.5rem 0; } .trt-grid { grid-template-columns: 1fr; } .trt-section ul { columns: 1; } .trt-cta { padding: 2rem; } }