:root{--bg:#0b1c28;--gold:#e3c365;--text:#f0f1ed;--muted:#b4c7d3;--line:#c5d5dc30}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:25px}body{margin:0;background:var(--bg);color:var(--text);font:16px/1.65 'DM Sans',sans-serif}a{color:inherit}button{font:inherit;cursor:pointer}button,a{touch-action:manipulation}button:focus-visible,a:focus-visible,summary:focus-visible{outline:3px solid var(--gold);outline-offset:5px}[hidden]{display:none!important}.skip{position:absolute;top:-80px;background:var(--gold);color:var(--bg);padding:12px}.skip:focus{top:0}header{display:flex;align-items:center;justify-content:space-between;gap:25px;padding:25px 5%;border-bottom:1px solid var(--line)}.brand{font-size:29px;letter-spacing:.05em;font-weight:700;text-decoration:none;white-space:nowrap}.brand span{color:var(--gold)}nav{display:flex;gap:25px;flex-wrap:wrap}nav a{font-size:15px;text-decoration:none}a:hover{color:var(--gold)}h1,h2{font:400 clamp(40px,5.6vw,80px)/1.05 'Libre Caslon Display',Georgia,serif;margin:16px 0 24px}h2{font-size:clamp(36px,4vw,56px)}h3{font-size:24px;line-height:1.3;margin:14px 0}em{color:var(--gold);font-style:normal}p{color:var(--muted)}.eyebrow{color:var(--gold);font-weight:600;letter-spacing:.14em;font-size:13px}.intro{padding:65px 7% 45px;max-width:1150px}.lead{font-size:20px;max-width:710px}.button{display:inline-block;border:1px solid var(--gold);border-radius:30px;padding:14px 24px;text-decoration:none;font-weight:600;margin:10px 8px 10px 0}.gold{background:var(--gold);color:var(--bg)}.gold:hover{background:#f6d982;color:var(--bg)}.outline{background:transparent;color:var(--gold)}.note{font-size:13px;line-height:1.5}.journey{padding:45px 7% 65px;background:#102633}.section-heading{max-width:760px}.steps{display:flex;gap:10px;margin:30px 0;flex-wrap:wrap}.steps button{border:1px solid var(--line);background:transparent;color:var(--muted);padding:12px 18px;border-radius:9px}.steps button span{color:var(--gold);margin-right:10px}.steps button[aria-pressed=true]{border-color:var(--gold);background:#e3c36517;color:var(--text)}.workspace{display:grid;grid-template-columns:.8fr 1.2fr;gap:50px;align-items:start}.story{padding-top:10px}.story h3{font:400 38px/1.15 'Libre Caslon Display',Georgia,serif}.takeaway{border-left:2px solid var(--gold);padding-left:20px;color:#eddb9e}.portal{background:#081b27;border:1px solid #88aabd60;border-radius:18px;padding:26px;box-shadow:0 16px 60px #0003}.portal-top{display:flex;justify-content:space-between;gap:12px;align-items:center;border-bottom:1px solid var(--line);padding-bottom:20px;margin-bottom:22px;font-size:13px;letter-spacing:.06em}.sample-tag{color:var(--gold);font-size:12px;border:1px solid #e3c36560;border-radius:20px;padding:4px 10px}.portal-sub{margin-top:0}.record-tabs{display:flex;gap:10px;flex-wrap:wrap;border-top:1px solid var(--line);padding-top:20px}.record-tabs button{padding:8px 12px;color:var(--muted);background:transparent;border:1px solid var(--line);border-radius:20px;font-size:14px}.record-tabs button[aria-pressed=true]{color:var(--gold);border-color:var(--gold)}dl{margin:12px 0}dl>div{padding:13px 0;border-bottom:1px solid var(--line)}dt{font-size:14px;color:var(--muted)}dd{margin:5px 0 0;color:var(--text);font-size:16px}.connection{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding:70px 7%}.connection article{padding:0 0 20px;margin-bottom:22px;border-bottom:1px solid var(--line)}.connection h3{font-size:21px}.join{padding:50px 7% 65px;border-top:1px solid var(--line)}.join>p{max-width:680px}.join details{margin-top:22px;max-width:850px}.join summary{cursor:pointer;color:var(--gold)}footer{display:flex;justify-content:space-between;gap:35px;padding:30px 7%;border-top:1px solid var(--line);font-size:14px}footer .brand{font-size:23px}@media(max-width:780px){header{align-items:flex-start;flex-direction:column;padding:20px 6%}nav{gap:12px 20px}nav a{font-size:14px}.intro{padding:40px 6%}.intro h1{font-size:51px}.lead{font-size:18px}.workspace,.connection{grid-template-columns:1fr;gap:25px}.journey,.connection,.join{padding:35px 6%}.steps{display:grid;grid-template-columns:1fr 1fr}.steps button{text-align:left;padding:10px}.portal{padding:20px}.portal-top{flex-wrap:wrap}.story h3{font-size:33px}footer{flex-direction:column;gap:12px}.join-actions .button{display:block;text-align:center}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}}

.tribe-logo{display:block;width:218px;max-width:100%;height:auto}footer .tribe-logo{width:185px}@media(max-width:600px){.tribe-logo{width:190px}}
