@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@400;500;600;700;800&display=swap');
:root{--paper:#f8f9f2;--ink:#173e35;--muted:#637168;--line:#d9ded3;--lime:#d9f08b}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:100px}body{margin:0;background:var(--paper);color:var(--ink);font-family:'DM Sans',Arial,sans-serif;font-size:16px;line-height:1.65}a{color:inherit;text-decoration:none}button{font:inherit}a,button,summary{-webkit-tap-highlight-color:transparent}a:focus-visible,button:focus-visible,summary:focus-visible{outline:3px solid #b67531;outline-offset:6px}.wrap{max-width:1240px;margin:auto;padding-left:48px;padding-right:48px}header{max-width:1440px;margin:auto;padding:26px 48px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{display:flex;align-items:center;gap:14px}.mark{font-family:'Manrope',Arial,sans-serif;font-size:42px;font-weight:800;letter-spacing:-4px;line-height:1}.mark span{display:inline-block;font-size:25px;vertical-align:top;letter-spacing:-1px;margin:3px 0 0 4px}.brand-name{font-size:9px;line-height:1.5;letter-spacing:1.5px;font-weight:700;border-left:1px solid #bcc6ba;padding-left:14px}nav{display:flex;gap:30px;align-items:center;font-size:13px;font-weight:600}.button{background:var(--ink);color:var(--paper);padding:15px 22px;display:inline-flex;align-items:center;justify-content:center;gap:24px;border:1px solid var(--ink);border-radius:6px;font-size:14px;font-weight:600;transition:background .2s,transform .2s}.button:hover{background:#2b5b4b;transform:translateY(-2px)}.button.small{padding:11px 18px;font-size:12px}.menu{display:none}.hero{display:grid;grid-template-columns:1.1fr 1fr;gap:64px;align-items:center;padding-top:78px;padding-bottom:90px}.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:700;margin:0 0 24px}.dot{display:inline-block;background:#6c8e48;width:7px;height:7px;border-radius:50%;margin-right:7px}h1,h2,h3,p{margin-top:0}h1,h2,h3{font-family:'Manrope',Arial,sans-serif}h1{font-size:clamp(45px,5.3vw,72px);line-height:1.08;letter-spacing:-3.9px;margin-bottom:27px;font-weight:600}em{font-family:Georgia,serif;font-weight:400}h1 em{color:#6c8052}.lead{max-width:440px;color:var(--muted);font-size:15px;line-height:1.85}.actions{display:flex;align-items:center;gap:22px;margin-top:28px}.text-link{font-size:13px;font-weight:700;border-bottom:1px solid #9aa996;padding-bottom:4px;display:inline-block}.text-link:hover{color:#57733f}.micro{font-size:10px;color:var(--muted);margin-top:17px}.hero-art{position:relative;background:#143f36;border-radius:12px;padding:26px 26px 18px;color:var(--paper);box-shadow:0 20px 55px #173e3512;transform:rotate(-2deg);margin-bottom:34px}.chart-top,.chart-bottom{display:flex;justify-content:space-between;align-items:center;gap:10px;font-size:8px;letter-spacing:1px}.pill{border:1px solid #79927d;border-radius:30px;padding:5px 10px;font-size:9px;letter-spacing:.3px;display:inline-block}.chart-title{font-size:28px;line-height:1.3;letter-spacing:-1px;margin-top:28px}.chart-title span{color:var(--lime)}.hero-art svg{display:block;width:100%;height:auto;margin:10px 0}.chart-bottom{color:#a2b8aa;font-size:6px}.note{position:absolute;bottom:-46px;right:14px;left:28px;display:flex;gap:14px;align-items:center;background:#e8eddb;border:1px solid #d4ddc9;border-radius:8px;padding:17px 20px;color:var(--ink);transform:rotate(2deg);box-shadow:0 10px 25px #173e3510}.note-icon{font-size:32px}.note b{font-size:12px}.note p{font-size:10px;color:var(--muted);margin:3px 0 0}.principles{border-top:1px solid var(--line);border-bottom:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;padding:24px max(48px,calc((100vw - 1144px)/2));font-size:13px;gap:20px}.principles>span:first-child{font-size:9px;letter-spacing:1.4px;font-weight:700}.principles i{font-style:normal;margin:0 22px;color:#78904f}.section{padding-top:90px;padding-bottom:90px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;gap:50px;margin-bottom:42px}h2{font-size:40px;line-height:1.2;letter-spacing:-1.8px;font-weight:500;margin-bottom:0}.section-heading>p{max-width:290px;font-size:13px;color:var(--muted);margin-bottom:2px}.learn-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.learn-grid article{border:1px solid var(--line);border-radius:8px;padding:25px 27px 23px;position:relative;background:#fdfdf8}.num{position:absolute;right:24px;top:22px;font-size:10px;color:#8d9985}.line-icon{font-size:32px;height:65px;color:#657f43}h3{font-size:18px;line-height:1.4;font-weight:600;letter-spacing:-.5px;margin-bottom:14px}.learn-grid p,.steps p{font-size:13px;color:var(--muted);line-height:1.8}.topic{display:block;border-top:1px solid var(--line);margin-top:26px;padding-top:17px;font-size:8px;letter-spacing:1.4px;font-weight:700}.theo-section{background:#e9eddf}.theo{padding-top:70px;padding-bottom:70px;display:grid;grid-template-columns:.9fr 1.1fr;gap:85px;align-items:center}.theo-monogram{background:#dce4cc;border:1px solid #c8d3b5;min-height:300px;padding:30px;display:flex;flex-direction:column;justify-content:space-between;position:relative;overflow:hidden}.theo-monogram:after{content:'';position:absolute;width:260px;height:260px;border:1px solid #afbf98;border-radius:50%;right:-120px;bottom:-120px;box-shadow:0 0 0 30px #b9c6a626,0 0 0 60px #b9c6a622}.theo-monogram>span,.theo-monogram small{font-size:8px;letter-spacing:2px}.theo-monogram b{font-family:Georgia,serif;font-size:84px;font-weight:400;letter-spacing:-6px}.theo-monogram b span{font-family:Arial,sans-serif;font-size:52px;margin-left:12px}.theo h2{margin-bottom:22px}.body-copy{font-size:14px;color:#53634f}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:40px}.steps article{border-top:1px solid #aab89b;padding-top:24px}.steps article>span{font-size:9px;letter-spacing:1.5px;color:#6c8052;font-weight:700;display:block;margin-bottom:20px}.free-strip{margin-top:45px;border-radius:8px;background:#ecf0e2;padding:30px 34px;display:flex;align-items:center;justify-content:space-between;gap:30px}.free-strip .pill{font-size:8px;margin-bottom:13px;border-color:#c0cdaa}.free-strip h3{margin-bottom:6px}.free-strip p{font-size:12px;color:var(--muted);max-width:530px;margin:0}.free-strip .button{white-space:nowrap}.faq-section{border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:80px 0}.faq-layout{display:grid;grid-template-columns:1fr 1.4fr;gap:80px}.faq-layout>div>p:last-child{font-size:13px;color:var(--muted);margin-top:20px}details{border-bottom:1px solid var(--line);padding:19px 0}details:first-child{padding-top:0}summary{list-style:none;cursor:pointer;font-size:14px;font-weight:600;display:flex;justify-content:space-between;gap:25px}summary::-webkit-details-marker{display:none}summary:after{content:'+';font-size:19px;line-height:1.3;font-weight:400}details[open] summary:after{content:'−'}details p{font-size:13px;color:var(--muted);margin:15px 28px 0 0}details p a{text-decoration:underline}.closing{text-align:center;padding-top:80px;padding-bottom:75px}.closing h2{font-size:60px;line-height:1.1;margin-bottom:22px}.closing h2 em{color:#6c8052}.closing>p:not(.eyebrow){font-size:14px;color:var(--muted)}.closing .text-link{margin-left:24px}.risk{padding-top:26px;padding-bottom:26px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}.risk h3{font-family:inherit;font-size:11px;letter-spacing:0;margin-bottom:8px}.risk p{font-size:10px;line-height:1.8;color:var(--muted);margin-bottom:0}footer{padding-top:30px;padding-bottom:35px;display:flex;align-items:center;justify-content:space-between;gap:25px}footer>span,footer>div{font-size:10px;color:var(--muted)}footer>div{display:flex;gap:24px}.skip{position:fixed;top:-100px;left:20px;background:var(--lime);padding:10px;z-index:20}.skip:focus{top:10px}
@media(min-width:1440px){.hero{gap:85px}}@media(max-width:1000px){.wrap{padding-left:32px;padding-right:32px}header{padding:22px 32px}nav{gap:18px}.hero{gap:35px}h1{font-size:53px}.actions{align-items:flex-start;flex-direction:column;gap:15px}.principles{padding:22px 32px}.principles i{margin:0 10px}.theo{gap:45px}.theo-monogram b{font-size:66px}.faq-layout{gap:45px}}
@media(max-width:700px){html{scroll-padding-top:80px}.wrap{padding-left:24px;padding-right:24px}header{padding:20px 24px;position:relative}.mark{font-size:36px}.brand-name{font-size:8px}.menu{display:block;background:transparent;border:1px solid #aab89b;padding:6px 10px;border-radius:4px;font-size:12px;color:var(--ink)}nav{display:none;position:absolute;left:0;right:0;top:100%;padding:24px;background:var(--paper);border-bottom:1px solid var(--line);z-index:10;flex-direction:column;align-items:stretch}nav.open{display:flex}.hero{grid-template-columns:1fr;padding-top:46px;padding-bottom:65px;gap:45px}h1{font-size:58px;letter-spacing:-3px}.eyebrow{font-size:9px;letter-spacing:1.4px}.lead{font-size:14px}.actions{flex-direction:row;align-items:center;flex-wrap:wrap}.hero-art{max-width:480px;width:100%;justify-self:center;transform:rotate(-1deg);padding:24px}.note{transform:rotate(1deg);left:12px;right:8px}.principles{padding:20px 24px;display:block}.principles>span{display:block}.principles>span+span{margin-top:9px;font-size:11px}.principles i{margin:0 8px}.section{padding-top:58px;padding-bottom:58px}.section-heading{display:block;margin-bottom:28px}h2{font-size:33px;letter-spacing:-1.3px}.section-heading>p{margin-top:18px;max-width:100%}.learn-grid,.steps{grid-template-columns:1fr;gap:18px}.learn-grid article{padding:24px}.line-icon{height:54px}.topic{margin-top:20px}.theo{grid-template-columns:1fr;gap:32px;padding-top:45px;padding-bottom:45px}.theo-monogram{min-height:235px}.theo-monogram b{font-size:80px}.steps{gap:24px}.steps article>span{margin-bottom:12px}.free-strip{display:block;padding:25px;margin-top:25px}.free-strip .button{margin-top:23px}.faq-section{padding:50px 0}.faq-layout{grid-template-columns:1fr;gap:25px}.closing{padding-top:55px;padding-bottom:50px}.closing h2{font-size:48px}.closing .text-link{display:table;margin:22px auto 0}.risk{margin:0 24px;padding:22px 0}.risk p{font-size:11px}footer{flex-wrap:wrap;gap:20px}footer>span{display:none}footer>div{gap:15px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*{transition:none!important}}

/* Theo's supplied DTN branding: black, white, and golden yellow. */
:root{--paper:#080808;--ink:#f7f7f4;--muted:#b4b4b0;--line:#2a2a28;--lime:#ffd42a}
body{background:var(--paper);color:var(--ink)}
header{border-color:var(--line)}`.mark{color:var(--lime)}`.brand-logo{width:76px;height:76px;object-fit:contain;display:block;border-radius:4px}`.brand-name{border-color:#5a5a55;color:#fff}
av a:not(.button):hover,footer a:hover,.text-link:hover,details p a:hover{color:var(--lime)}`h1 em,.closing h2 em{color:var(--lime)}`.button{background:var(--lime);border-color:var(--lime);color:#080808}`.button:hover{background:#ffe36a;border-color:#ffe36a;color:#080808}`.hero-art{background:#101010;border:1px solid #39352a;box-shadow:0 20px 55px #0009}`.chart-title span{color:var(--lime)}`.hero-art svg>path{stroke:#ffd42a}`.hero-art svg g:first-of-type>path{stroke:#fff}`.hero-art svg g:nth-of-type(2) path{fill:#ffd42a}`.hero-art svg g:nth-of-type(3) path{fill:#d1d1ca}`.pill{border-color:#6e6334;color:#ffe06a}`.note{background:#191919;border-color:#39352a;color:#fff}`.note p{color:#bbb}`.principles{border-color:var(--line)}`.principles i,.line-icon,.steps article>span{color:var(--lime)}`.section-heading>p,.learn-grid p,.steps p,.free-strip p,.faq-layout>div>p:last-child,details p,.risk p{color:var(--muted)}`.learn-grid article{background:#101010;border-color:var(--line)}`.num{color:#aaa}`.topic{border-color:var(--line)}`.theo-section{background:#111}`.theo-monogram{background:#171717;border-color:#38352b;color:#fff}`.theo-monogram:after{border-color:#635829}`.free-strip{background:#151515}`.free-strip .pill{border-color:#6e6334}`.faq-section,.faq-section details,.risk{border-color:var(--line)}`footer .brand-name{color:#fff}footer>span,footer>div{color:var(--muted)}`.menu{border-color:#69634c;color:#fff;background:#111}
av{background:#080808}`.skip{background:var(--lime);color:#080808}`@media(max-width:700px){.brand-logo{width:64px;height:64px}.brand-name{font-size:8px}}