:root{--paper:#fbf8f2;--ivory:#f4efe6;--ink:#181512;--muted:#706962;--red:#8f1d1d;--line:rgba(24,21,18,.16)}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif}a{color:inherit;text-decoration:none}.shell{width:min(1200px,calc(100% - 48px));margin:auto}
.nav{height:72px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid var(--line)}.brand{font-weight:800;letter-spacing:.18em;font-size:11px}.nav nav{display:flex;align-items:center;gap:19px;font-size:10px;font-weight:700;letter-spacing:.04em;text-transform:uppercase}.outline{border:1px solid;padding:9px 13px}.app-store-button{display:inline-flex;align-items:center;gap:6px;background:var(--ink);color:white;padding:10px 13px}.app-store-button span{font-size:14px;line-height:0}.app-store-button:hover{background:var(--red)}
.hero{width:100%;min-height:680px;margin:0;background:url("images/vertical-dna-hero.png") center center/cover no-repeat;display:flex;align-items:center;padding:52px max(24px,calc((100% - 1200px)/2))}.hero-copy{width:min(500px,46%);padding:44px;background:rgba(251,248,242,.94);box-shadow:0 20px 60px rgba(35,20,13,.08)}.kicker{font:600 9px "IBM Plex Mono",monospace;letter-spacing:.14em;color:var(--red)}h1,h2{font-family:"Cormorant Garamond",Georgia,serif;font-weight:500;letter-spacing:-.025em}h1{font-size:clamp(30px,3vw,40px);line-height:1.02;margin:18px 0}h1 em,h2 em{color:var(--red)}.lead{max-width:450px;color:var(--muted);font-size:14px;line-height:1.65}.lead strong{color:var(--ink);font-weight:700}.actions{display:flex;align-items:center;gap:20px;margin-top:25px}.button{background:var(--red);color:white;padding:13px 17px;font-size:11px;font-weight:800}.underlined{font-size:11px;font-weight:800;border-bottom:1px solid;padding-bottom:4px}.facts{display:flex;align-items:center;gap:8px;margin-top:30px;color:var(--muted);font:600 8px "IBM Plex Mono",monospace;text-transform:uppercase}.facts strong{font:500 21px "Cormorant Garamond",serif;color:var(--ink)}.facts i{width:1px;height:22px;background:var(--line);margin:0 5px}
.statement{background:var(--ink);color:var(--paper);padding:72px 0}.statement-grid{display:grid;grid-template-columns:.55fr 2fr;gap:35px}.statement h2{font-size:clamp(18px,2vw,28px);line-height:1.2;margin:0}
.section{padding:82px 0}.heading{display:grid;grid-template-columns:1.6fr 1fr;align-items:end;gap:40px;margin-bottom:42px}.heading h2,.episodes h2{font-size:clamp(22px,2.4vw,31px);line-height:1.08;margin:12px 0 0}.heading>p,.episodes p{color:var(--muted);font-size:13px;line-height:1.7}.cards{display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--line)}.cards article{min-height:190px;padding:22px;border-right:1px solid var(--line)}.cards article:last-child{border:0}.cards b,.steps b,.episode-cards b{color:var(--red);font:600 9px "IBM Plex Mono",monospace}.cards hr{width:28px;margin:20px 0;border:0;border-top:1px solid var(--red)}h3{font-family:"Cormorant Garamond",Georgia,serif;font-size:20px;margin:13px 0}.cards p,.steps p,.episode-cards p{color:var(--muted);font-size:12px;line-height:1.6}
.episodes{background:#e9dfd3;padding:78px 0}.two-columns{display:grid;grid-template-columns:.9fr 1.1fr;gap:65px;align-items:center}.episodes ul{list-style:none;padding:0;font-size:12px;line-height:2;font-weight:600}.episode-cards{display:grid;gap:10px}.episode-cards article{background:var(--paper);padding:18px 23px;border:1px solid rgba(143,29,29,.2)}.episode-cards h3{margin:9px 0 4px}
.steps{display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid}.steps article{min-height:170px;padding:24px 36px 0 0}.steps article+article{border-left:1px solid var(--line);padding-left:36px}.steps h3{font-size:24px}
.contact{background:var(--red);color:white}.contact-inner{min-height:240px;display:flex;align-items:center;justify-content:space-between;gap:30px}.contact .kicker{color:#e6bcb7}.contact h2{font-size:clamp(22px,2.5vw,31px);margin:11px 0}.contact a{background:var(--paper);color:var(--red);padding:15px 18px;font-size:12px;font-weight:800}.footer{min-height:110px;display:flex;align-items:center;justify-content:space-between;color:var(--muted);font-size:10px}.footer-links{display:flex;align-items:center;gap:18px}.footer a:hover{color:var(--red)}
.legal-nav{height:72px}.legal-page{padding:60px 0 90px}.legal-hero{max-width:780px;margin-bottom:45px}.legal-hero h1{font-size:clamp(32px,4vw,46px);margin-bottom:15px}.legal-hero>p{color:var(--muted);font-size:13px;line-height:1.7}.legal-content{max-width:800px}.legal-content section{padding:23px 0;border-top:1px solid var(--line)}.legal-content h2{font:500 23px "Cormorant Garamond",serif;letter-spacing:-.02em;margin:0 0 11px}.legal-content p,.legal-content li{color:var(--muted);font-size:13px;line-height:1.7}.legal-content a{color:var(--red);text-decoration:underline}.legal-content li+li{margin-top:7px}.faq-list{max-width:800px}.faq-item{border-top:1px solid var(--line);padding:22px 0}.faq-item h2{font:500 22px "Cormorant Garamond",serif;margin:0 0 9px}.faq-item p{color:var(--muted);font-size:13px;line-height:1.7;margin:0}
@media(max-width:850px){.heading,.two-columns,.statement-grid{grid-template-columns:1fr}.hero{min-height:620px;background-position:64% center}.hero-copy{width:min(480px,62%)}.cards{grid-template-columns:repeat(2,1fr)}.contact-inner{flex-direction:column;align-items:flex-start;justify-content:center}}
@media(max-width:620px){.shell{width:calc(100% - 32px)}.nav{height:64px}.nav nav{gap:8px}.nav nav>a:not(.app-store-button):not(.outline){display:none}.nav:not(.legal-nav) .outline{display:none}.app-store-button{padding:8px 10px;font-size:9px}.hero{min-height:620px;padding:28px 16px;background-position:67% center;align-items:flex-end}.hero-copy{width:100%;padding:27px;background:rgba(251,248,242,.95)}.hero h1{font-size:30px}.actions{flex-direction:column;align-items:flex-start;gap:14px}.facts{flex-wrap:wrap}.cards,.steps{grid-template-columns:1fr}.cards article,.steps article,.steps article+article{border:0;border-top:1px solid var(--line);padding:22px 0}.section,.episodes{padding:60px 0}.heading h2,.episodes h2{font-size:23px}.contact-inner{min-height:280px}.contact a{width:100%;font-size:10px}.footer{padding:28px 0;align-items:flex-start;flex-direction:column;gap:22px}.footer-links{align-items:flex-start;flex-direction:column;gap:12px}.legal-page{padding-top:45px}}