:root {
  --ink: #173c34;
  --muted: #66756f;
  --green: #176b53;
  --mint: #deeee4;
  --paper: #fafbf7;
  --line: #dfe6dd;
  --orange: #edb597;
  --font: 'Manrope', 'Waymint Sans', sans-serif;
}
body { background:var(--paper); }
.wrap { max-width:1380px; padding:0 64px; }
.header {height:96px;border-bottom:1px solid #dce4da;}
.wordmark {font-family:'Manrope',sans-serif;font-weight:700;font-size:27px;letter-spacing:-1.7px;}
.wordmark span {color:var(--green);}
.nav {gap:36px;font-size:13px;}
.nav a {position:relative;}
.nav a[aria-current]:after {content:'';position:absolute;bottom:5px;left:0;width:20px;height:2px;background:var(--green);}
.lang {background:#fff;border-color:#dfe5dd;padding:12px 26px 12px 17px;border-radius:28px;box-shadow:0 2px 4px #26382503;font-size:12px;}
.hero {grid-template-columns:1.02fr 1fr;gap:44px;min-height:700px;align-items:stretch;}
.hero-copy {padding:50px 0 30px;min-width:0;}
.eyebrow {margin:0 0 24px;font-size:11px;letter-spacing:2px;line-height:1.6;gap:10px;color:#477058;}
.eyebrow:before {width:7px;height:7px;border-radius:50%;background:#83a576;}
h1,.hero-copy h1 {font-family:'Manrope','Waymint Sans',sans-serif;font-size:58px;font-weight:500;letter-spacing:-2.7px;line-height:1.4;margin:0 0 22px;}
h1 em {color:#40765b;text-decoration:none;}
.intro {max-width:436px;font-size:15px;line-height:2;color:#69776b;margin-bottom:25px;letter-spacing:.15px;}
.invite-ticket {width:100%;max-width:446px;border:1px solid #dce5d5;background:#f0f4e9;border-radius:16px;padding:17px 20px 16px;}
.perk {margin:0 0 14px;gap:11px;line-height:1.6;color:#4e644d;font-size:11px;}
.perk strong {font-family:'Manrope','Waymint Sans',sans-serif;font-size:13px;background:#e1e9d3;color:#3f5e35;border-radius:6px;padding:5px 8px;font-weight:600;}
.invite {border-bottom:0;border-top:1px dashed #c7d4bb;padding:14px 0 0;max-width:none;align-items:center;}
.invite-label {font-size:10px;letter-spacing:1.1px;color:#6d7e65;margin-bottom:6px;}
.code {font-family:'Manrope',sans-serif;font-size:28px;font-weight:600;letter-spacing:3.7px;color:#24482e;line-height:1.15;}
.referral-entry {display:flex;flex-direction:column;gap:5px;margin-top:16px;padding:14px 16px;min-height:62px;border-radius:10px;background:#176b53;color:#fff;transition:background .18s;}
.referral-entry:hover {background:#11513f;}
.referral-entry span {font-size:14px;font-weight:600;}
.referral-entry small {font-family:'Manrope',sans-serif;font-size:10px;line-height:1.6;overflow-wrap:anywhere;color:#e1eee7;}
.referral-disclosure {font-size:11px;line-height:1.7;color:#50634f;margin:9px 0 0;}
.copy {border:0;border-radius:24px;background:#fff;color:#33563a;box-shadow:0 3px 9px #30491d09;padding:12px 19px;font-size:12px;min-width:92px;min-height:44px;transition:background .2s,box-shadow .2s,transform .2s;}
.copy:hover {background:#fff;box-shadow:0 4px 14px #24431d18;transform:translateY(-2px);}
.footnote {font-size:10px;line-height:1.85;max-width:446px;color:#697969;margin:10px 0 22px;}
.action {border-radius:28px;gap:28px;min-height:51px;padding:15px 24px;box-shadow:0 5px 12px #173f2010;font-size:13px;}
.action .arrow {font-size:22px;}
.recommend {align-items:center;gap:13px;margin-top:13px;max-width:100%;}
.recommend-label {font-size:10px;color:#7b8878;letter-spacing:.5px;}
.recommend button {font-size:11px;border-bottom:0;color:#526749;min-height:44px;line-height:1.8;}
.recommend button:hover {text-decoration:underline;text-underline-offset:5px;}
.hero-visual {margin:28px 0 28px;min-width:0;border-radius:25px;background:#133f33;box-shadow:0 12px 35px #1b492512;display:flex;flex-direction:column;overflow:hidden;}
.board {padding:33px 34px 22px;background:#184d3e;overflow:hidden;border-radius:24px 24px 0 0;isolation:isolate;min-height:527px;}
.chapter-watermark {position:absolute;top:12px;right:19px;z-index:-1;font-family:'Manrope',sans-serif;font-size:190px;letter-spacing:-18px;font-weight:500;line-height:1;color:#ffffff08;pointer-events:none;}
.board-top {font-family:'Manrope',sans-serif;font-size:10px;letter-spacing:2px;color:#d0dec1;position:relative;}
.board-top .edition {font-size:10px;letter-spacing:1px;border:1px solid #8dad813b;border-radius:20px;padding:7px 12px;color:#dce8d1;}
.board-heading {font-family:'Waymint Sans',sans-serif;font-size:26px;font-weight:400;line-height:1.65;color:#f4f6e9;letter-spacing:-.5px;margin:24px 0 7px;max-width:380px;}
.board-desc {color:#bad2bf;font-size:12px;line-height:1.8;max-width:330px;}
.transfer {position:relative;background:#fdfdf7;margin:34px 3px 0 0;padding:24px 26px 22px;border-radius:14px;box-shadow:0 18px 27px #002a2540;transform:rotate(-3deg);transition:transform .25s;}
.hero-visual:hover .transfer {transform:rotate(-1.5deg) translateY(-2px);}
.transfer-head {font-size:10px;padding-bottom:15px;margin-bottom:19px;border-color:#e4e9de;color:#7b8571;}
.transfer-head strong {font-weight:500;color:#657252;}
.endpoint small {font-size:10px;color:#77846b;letter-spacing:.2px;margin-bottom:9px;}
.endpoint strong {font-family:'Manrope','Waymint Sans',sans-serif;font-size:25px;color:#25472e;line-height:1.35;font-weight:600;letter-spacing:-.6px;}
.direction {font-size:25px;color:#b1bf9d;}
.transfer-row {grid-template-columns:minmax(0,1fr) auto minmax(0,1fr);}
.endpoint {min-width:0;}
.endpoint strong {overflow-wrap:break-word;}
.board[data-phase='1'] .endpoint strong,.board[data-phase='2'] .endpoint strong {font-size:17px;line-height:1.5;letter-spacing:-.3px;}
.network-row {margin-top:15px;gap:12px;}
.network {font-family:'Manrope','Waymint Sans',sans-serif;font-size:10px;color:#52724c;background:#ecf0e4;border:1px solid #e2e8d7;border-radius:5px;padding:7px 9px;}
.match {color:#678155;border-top:1px dashed #d6dec9;font-size:10px;line-height:1.6;margin-top:19px;padding-top:13px;}
.match:before {background:#8fa77c;width:5px;height:5px;}
.note-strip {position:relative;z-index:2;max-width:90%;margin:17px -7px 0 auto;transform:rotate(2deg);border-radius:9px;padding:13px 16px;background:#edc6a8;box-shadow:0 5px 10px #1232190b;gap:13px;font-size:10px;line-height:1.85;color:#674b33;}
.note-strip b {font-family:'Manrope',sans-serif;border:1px solid #96734f7a;border-radius:50%;width:21px;height:21px;display:grid;place-items:center;flex-shrink:0;font-size:12px;font-weight:500;}
.board-bottom {color:#bbceac;font-size:9px;margin-top:26px;letter-spacing:.4px;}
.board-bottom span:last-child {font-family:'Manrope',sans-serif;font-size:9px;color:#91b193;}
.steps {padding:12px;background:#123e31;border-radius:0 0 24px 24px;gap:7px;overflow:visible;}
.step {border:0;border-radius:13px;min-height:76px;padding:14px 17px;color:#b7caae;display:flex;flex-direction:column;gap:6px;}
.step small {font-family:'Manrope',sans-serif;font-size:10px;margin:0;opacity:.75;}
.step span {font-size:12px;line-height:1.6;}
.step[aria-selected=true] {background:#e4eacb;color:#365238;box-shadow:0 2px 4px #08291b20;}
.step[aria-selected=true]:after {display:none;}
.step:hover {background:#22553d;color:white;}
.step[aria-selected=true]:hover {background:#edf0db;color:#365238;}
.step:focus-visible {outline-color:#f3ca9e;outline-offset:2px;}
.below {padding:34px 0 36px;grid-template-columns:.75fr 2fr;gap:40px;align-items:center;}
.section-kicker {font-family:'Manrope',sans-serif;font-size:9px;letter-spacing:1.5px;line-height:1.7;max-width:225px;margin-bottom:13px;color:#728268;}
.below h2 {font-family:'Waymint Sans',sans-serif;font-weight:500;font-size:23px;letter-spacing:-.5px;line-height:1.6;margin-bottom:9px;}
.below p {font-size:11px;line-height:1.9;color:#788071;}
.routes {gap:0;grid-template-columns:1.1fr 1fr 1fr;border:1px solid #e0e7d8;border-radius:16px;overflow:hidden;min-height:161px;background:#f5f7ef;}
.route {border-left:0;border-right:1px solid #dfe5d8;padding:20px 19px 14px;transition:background .2s;}
.route:last-child {border-right:0;}
.route:first-child {background:#eaf0df;}
.route:hover {background:#e0ebd5;}
.route-number {font-family:'Manrope',sans-serif;font-size:10px;letter-spacing:1px;color:#829174;margin-bottom:17px;}
.route strong {font-size:13px;font-weight:500;line-height:1.7;margin-bottom:7px;color:#344f37;}
.route p {font-size:10px;color:#77836c;line-height:1.8;margin-bottom:11px;}
.route .arrow {font-size:17px;line-height:1;width:25px;height:25px;border:1px solid #d1dcc3;border-radius:50%;display:grid;place-items:center;color:#718265;margin-top:auto;}
.footer {padding:21px 0 25px;}
.footer .wordmark {font-size:19px;}
.footer small {font-size:9px;line-height:1.8;color:#829079;max-width:430px;}
.footer button {font-size:10px;color:#647959;}
dialog {border-radius:20px;background:#fafbf6;box-shadow:0 25px 100px #15361d40;padding:35px;}
dialog::backdrop {background:#15382b99;backdrop-filter:blur(4px);}
dialog h2 {font-family:'Waymint Sans','Manrope',sans-serif;font-weight:500;font-size:25px;}
dialog p,dialog li {font-size:14px;line-height:2;}
dialog .close {border-radius:20px;background:#edf1e5;}
html[lang=en] h1,html[lang=es] h1 {font-family:'Manrope',sans-serif;font-size:58px;font-weight:500;line-height:1.12;letter-spacing:-3px;}
html[lang=en] .hero-copy,html[lang=es] .hero-copy {padding-top:49px;}
html[lang=en] .board-heading,html[lang=es] .board-heading {font-family:'Manrope',sans-serif;font-size:27px;letter-spacing:-.6px;line-height:1.5;}
html[lang=en] .below h2,html[lang=es] .below h2 {font-family:'Manrope',sans-serif;line-height:1.3;}
html[lang=en] .intro,html[lang=es] .intro {font-size:14px;line-height:1.8;}
html[lang=es] h1 {font-size:52px;}
@media(min-width:1450px) {.hero-copy{padding-top:56px;}h1,.hero-copy h1{font-size:64px;}.hero{min-height:730px}.board{padding-top:36px}.board-heading{margin-top:30px}.transfer{margin-top:36px}}
@media(max-width:1150px) {
  .wrap{padding:0 40px;}.hero{gap:26px;grid-template-columns:1fr 1fr;}.hero-copy{padding-top:38px;}.hero-copy h1{font-size:49px;letter-spacing:-2.1px;}.board{padding:28px 25px 23px}.board-heading{font-size:23px}.transfer{padding:22px 20px}.note-strip{max-width:94%;}.perk{gap:8px;font-size:10px;}.perk strong{font-size:12px;}.invite-ticket{padding:16px}.below{gap:24px;grid-template-columns:.75fr 2fr}.route{padding:18px 13px 14px}.route strong{font-size:12px}.step{padding:13px 11px}.step span{font-size:11px}html[lang=en] h1{font-size:49px}html[lang=es] h1{font-size:45px}html[lang=en] .board-heading,html[lang=es] .board-heading{font-size:23px;}
}
@media(max-width:900px) and (min-width:761px) {
  .wrap{padding:0 28px}.hero{gap:24px}.hero-copy h1{font-size:41px}.intro{font-size:13px}.board{padding:25px 18px 20px}.board-heading{font-size:21px}.transfer{padding:21px 17px}.endpoint strong{font-size:21px}.network{font-size:8px;padding:6px}.perk{flex-wrap:wrap}.invite-label{font-size:9px}.copy{min-width:76px;padding:11px 15px}.code{font-size:25px}.below{display:block}.below>div:first-child{margin-bottom:20px}.below p{max-width:none}.section-kicker{max-width:none}.routes{min-height:150px}.nav{gap:19px;font-size:12px}html[lang=en] h1{font-size:42px}html[lang=es] h1{font-size:38px}.step span{font-size:10px}.note-strip{max-width:100%;padding:12px;font-size:9px}
}
@media(max-width:760px) {
  .wrap{padding:0 22px;}.header{height:78px}.wordmark{font-size:24px}.lang{font-size:11px;padding:11px 24px 11px 13px}.hero{display:flex;gap:0;min-height:0}.hero-copy,html[lang=en] .hero-copy,html[lang=es] .hero-copy{padding:32px 0 25px}.eyebrow{font-size:10px;letter-spacing:1.7px;margin-bottom:19px}.hero-copy h1{font-size:43px;font-weight:500;letter-spacing:-2.2px;line-height:1.4;margin-bottom:16px}.intro{font-size:14px;line-height:1.9;max-width:none;margin-bottom:21px}.invite-ticket{max-width:none;border-radius:14px;padding:15px 17px}.perk{margin-bottom:12px;font-size:10px;gap:9px}.perk strong{font-size:12px;padding:4px 7px}.invite{padding-top:12px}.invite-label{font-size:9px}.code{font-size:25px;letter-spacing:3px}.copy{min-width:81px;font-size:11px;padding:11px 16px}.footnote{max-width:none;font-size:10px;line-height:1.8;margin:9px 0 18px}.action{min-height:48px;padding:14px 22px;font-size:12px}.recommend{margin-top:10px;gap:10px;flex-wrap:nowrap}.recommend-label{font-size:9px}.recommend button{font-size:10px;min-height:44px}.hero-visual{margin:0 0 28px;border-radius:22px;min-height:570px}.board{padding:28px 26px 24px;min-height:465px;border-radius:21px 21px 0 0}.chapter-watermark{font-size:161px;top:20px;right:15px;letter-spacing:-13px}.board-top{font-size:9px}.board-top .edition{font-size:9px;padding:6px 10px}.board-heading{font-size:24px;line-height:1.7;margin-top:24px;max-width:290px}.board-desc{font-size:11px;max-width:270px}.transfer{padding:22px 22px 18px;margin-top:30px}.endpoint strong{font-size:25px}.network{font-size:9px}.note-strip{font-size:10px;padding:12px 14px;margin-top:15px;max-width:92%;}.board-bottom{font-size:9px;margin-top:25px}.steps{padding:10px;gap:5px;min-height:92px;border-radius:0 0 21px 21px}.step{padding:12px;min-height:72px;border-radius:11px}.step span{font-size:11px}.step small{font-size:9px}.below{padding:26px 0 30px;display:block}.below>div:first-child{margin-bottom:22px}.section-kicker{font-size:9px;max-width:none;margin-bottom:10px}.below h2{font-size:24px;line-height:1.6}.below p{font-size:12px;max-width:none}.routes{display:flex;flex-direction:column;border-radius:16px;background:#f4f6ee}.route{display:grid;grid-template-columns:34px 1fr;border-top:0;border-right:0;border-bottom:1px solid #dce4d3;padding:20px 47px 20px 19px;min-height:96px;gap:0 10px;}.route:last-child{border-bottom:0}.route:first-child{background:#eaf0df}.route-number{font-size:10px;margin-top:4px;margin-bottom:0;grid-row:span 2}.route strong{font-size:14px;margin-bottom:4px}.route p{font-size:11px;margin-bottom:0}.route .arrow{position:absolute;right:17px;top:34px;font-size:16px;width:26px;height:26px}.footer{padding-top:18px}.footer small{font-size:9px}.footer button{font-size:10px}.hero-copy h1:lang(en),.hero-copy h1:lang(es){font-size:44px;line-height:1.15;letter-spacing:-2px}.intro:lang(en),.intro:lang(es){font-size:13px;line-height:1.8}html[lang=en] .board-heading,html[lang=es] .board-heading{font-size:25px;line-height:1.45}.recommend-label:lang(es){display:none}
}
@media(max-width:380px) {
  .wrap{padding:0 18px}.header{height:72px}.hero-copy,html[lang=en] .hero-copy,html[lang=es] .hero-copy{padding-top:27px}.hero-copy h1{font-size:37px;letter-spacing:-1.8px}.hero-copy h1:lang(en),.hero-copy h1:lang(es){font-size:39px}.eyebrow{font-size:9px;margin-bottom:17px}.intro{font-size:13px;margin-bottom:18px}.invite-ticket{padding:13px 15px}.perk{gap:7px;font-size:9px}.perk strong{font-size:11px}.code{font-size:24px}.board{padding:25px 20px 23px}.board-heading{font-size:22px}.transfer{padding:21px 17px}.network{font-size:8px;padding:6px 7px}.step{padding:12px 10px}.step span{font-size:10px}.note-strip{max-width:96%;font-size:9px}.recommend button{font-size:10px}.recommend-label{font-size:9px}
}
@media(prefers-reduced-motion:reduce){.hero-visual:hover .transfer{transform:rotate(-3deg)}*{transition:none!important;animation:none!important}}