*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;background:#fff;color:#201e1d;font-family:'Plus Jakarta Sans',system-ui,sans-serif;-webkit-font-smoothing:antialiased;text-wrap:pretty}
h1,h2,h3,p,ul,ol,table{margin:0}
a{color:#201e1d;text-decoration-color:#ec3013;text-decoration-thickness:2px;text-underline-offset:3px;font-weight:700}
a:hover{color:#ec3013}
mark{background:#c8f06a;color:inherit;padding:0 3px;border-radius:3px}
strong{font-weight:800}
summary{cursor:pointer;list-style:none}
summary::-webkit-details-marker{display:none}
.wrap{max-width:1200px;margin:0 auto}
.mono{font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.06em}
.xs{font-size:11px}.small{font-size:15px;line-height:1.55}.muted{color:#6b6763}.muted2{color:#4a4643}
.grid-bg{background-color:#c8f06a;background-image:linear-gradient(rgba(255,255,255,.45) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.45) 1px,transparent 1px);background-size:28px 28px}
.grid-bg-l{background-color:#fff;background-image:linear-gradient(rgba(32,30,29,.08) 1px,transparent 1px),linear-gradient(90deg,rgba(32,30,29,.08) 1px,transparent 1px);background-size:28px 28px}
.banner{background:#8fd4ff;border-bottom:1.5px solid #201e1d;padding:9px 24px;text-align:center;font-size:12px}
.hero{border-bottom:1.5px solid #201e1d;padding:20px 24px 60px}
.hero-in{display:flex;flex-direction:column;gap:30px}
.topnav{display:flex;align-items:center;flex-wrap:wrap;gap:10px 24px;padding:10px 12px 10px 18px;background:#fff;border:1.5px solid #201e1d;border-radius:12px}
.logo{display:flex;align-items:center;gap:10px;margin-right:auto;text-decoration:none;font-family:'DM Serif Display',serif;font-weight:400;font-size:30px;line-height:1;letter-spacing:-.03em}
.logo img{height:32px;width:auto;display:block}
.menu{font-size:13px;text-decoration:none}.menu.on{color:#ec3013}
.btn{display:inline-flex;align-items:center;gap:10px;white-space:nowrap;padding:9px 16px;border-radius:999px;border:1.5px solid #201e1d;background:#fff;color:#201e1d;font-weight:700;font-size:14px;line-height:1.2;text-decoration:none}
.btn:hover{background:#c8f06a;color:#201e1d}
.btn.dark{background:#201e1d;color:#fff;padding:13px 22px;font-size:16px}.btn.dark:hover{background:#3a3735;color:#fff}
.btn.sm{padding:10px 16px;font-size:14px}.btn.lg{padding:14px 24px;font-size:17px}
.dot-d,.dot-l{width:10px;height:10px;border-radius:50%;background:#201e1d;flex:none}.dot-l{background:#c8f06a}
.crumbs{list-style:none;padding:0;display:flex;flex-wrap:wrap;gap:8px;font-size:12px;color:#6b6763}
.crumbs li{display:flex;gap:8px}.crumbs a{color:#6b6763;text-decoration:none;font-weight:700}.crumbs .cur{color:#201e1d}
.hero-txt{display:flex;flex-direction:column;align-items:flex-start;gap:22px;max-width:940px}
.kicker{transform:rotate(-2deg);display:inline-flex;padding:6px 12px;background:#ffd84a;border:1.5px solid #201e1d;font-size:12px}
h1{display:flex;flex-direction:column;gap:6px}
.h1a{display:block;font-weight:800;font-size:clamp(38px,6vw,76px);line-height:1.08;letter-spacing:-.045em}
.h1a span{background:linear-gradient(transparent 20%,#c8f06a 20%,#c8f06a 90%,transparent 90%);box-decoration-break:clone;-webkit-box-decoration-break:clone;padding:0 8px;margin-left:-8px}
.h1b{display:block;font-family:'DM Serif Display',serif;font-weight:400;font-size:clamp(38px,6vw,78px);line-height:1.1;letter-spacing:-.035em;padding-top:4px}
.lead{font-size:19px;line-height:1.6;max-width:62ch;color:#3d3a38}
.chips{display:flex;flex-wrap:wrap;gap:8px}
.chip{display:inline-flex;padding:6px 12px;border:1.5px dashed #201e1d;border-radius:999px;background:#fff;font-size:12px}
.chip.solid{border-style:solid}
.chip.dark{border-style:solid;background:#201e1d;color:#fff}
.layout{padding:48px 24px 96px;display:flex;flex-wrap:wrap-reverse;gap:40px 64px;align-items:flex-start}
main{flex:1 1 560px;min-width:0;max-width:760px;display:flex;flex-direction:column;gap:20px;font-size:17px;line-height:1.7}
main h2{scroll-margin-top:24px;margin-top:36px;font-weight:800;font-size:clamp(28px,3.4vw,38px);line-height:1.14;letter-spacing:-.03em}
main h2.more{margin-top:44px}
.h3{margin-top:10px;font-weight:800;font-size:22px;line-height:1.3;letter-spacing:-.02em}
.dots,.nums{list-style:none;padding:0;display:flex;flex-direction:column;gap:12px}
.dots li{display:grid;grid-template-columns:12px minmax(0,1fr);gap:14px}
.dot{width:12px;height:12px;margin-top:8px;border-radius:50%;background:#c8f06a;border:1.5px solid #201e1d}
.nums{gap:14px}.nums li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px}.nums li>span:last-child{padding-top:2px}
.num{width:32px;height:32px;border-radius:50%;background:#ffd84a;border:1.5px solid #201e1d;display:flex;align-items:center;justify-content:center;font-family:'DM Serif Display',serif;font-size:18px;line-height:1}
.num.lime{background:#c8f06a;font-size:17px}.num.sm{width:26px;height:26px;font-family:inherit;font-size:12px;font-weight:800}
.tabwrap{overflow-x:auto;border:1.5px solid #201e1d;border-radius:12px}
table{width:100%;border-collapse:collapse;font-size:15px;line-height:1.5}table.wide{min-width:560px}
thead tr{background:#c8f06a}
th{text-align:left;padding:10px 14px;border-bottom:1.5px solid #201e1d;font-family:'Courier Prime',monospace;font-weight:700;text-transform:uppercase;letter-spacing:.06em;font-size:12px}
td{padding:10px 14px;border-top:1.5px dashed rgba(32,30,29,.2);vertical-align:top}
.eg{border:1.5px solid #201e1d;border-radius:12px;background:#fbfaf6;overflow:hidden}
.eg>div{padding:13px 18px;display:flex;flex-direction:column;gap:2px;border-top:1.5px dashed rgba(32,30,29,.16)}
.eg>div:first-child{border-top:0}
.eg [lang=en]{font-size:17px;line-height:1.5}.eg-es{font-size:14px;line-height:1.5;color:#5c5853}
.tip{position:relative;margin:12px 0 6px;padding:24px 22px 20px;background:#ffd84a;border:1.5px solid #201e1d;border-radius:14px;box-shadow:4px 4px 0 #201e1d;font-size:16px;line-height:1.6}
.tag{position:absolute;top:-13px;left:18px;transform:rotate(-2deg);display:inline-flex;padding:4px 10px;background:#fff;border:1.5px solid #201e1d;font-size:12px}
.txt{border:1.5px solid #201e1d;border-radius:16px;background:#fbfaf6;padding:26px 24px 20px;display:flex;flex-direction:column;gap:14px;box-shadow:6px 6px 0 #8fd4ff}
.txt h3{font-family:'DM Serif Display',serif;font-weight:400;font-size:32px;line-height:1.1;letter-spacing:-.02em}
.txt-p{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}.txt-p>span{padding-top:4px}.txt-p p{font-size:16px;line-height:1.8}
.ex,.wr{scroll-margin-top:24px;margin:10px 0;border:1.5px solid #201e1d;border-radius:16px;box-shadow:6px 6px 0 #201e1d;background:#fff;overflow:hidden}
.ex-h,.wr-h{display:flex;align-items:center;gap:8px 14px;flex-wrap:wrap;padding:14px 20px;background:#8fd4ff;border-bottom:1.5px solid #201e1d}
.ex-h h3{margin-right:auto;font-weight:800;font-size:19px;line-height:1.3}
.pill{padding:3px 10px;border-radius:999px;background:#201e1d;color:#fff;white-space:nowrap}
.pill-o{padding:3px 10px;border:1.5px dashed #201e1d;border-radius:999px;white-space:nowrap}
.ex-i{padding:16px 20px 4px;font-size:15px;line-height:1.55;color:#4a4643}
.ex ol{list-style:none;padding:6px 0 8px}
.ex li{display:grid;grid-template-columns:32px minmax(0,1fr);gap:14px;padding:14px 20px;border-top:1.5px dashed rgba(32,30,29,.16)}
.ex-b{display:flex;flex-direction:column;align-items:flex-start;gap:8px;min-width:0}
.ex-q{font-size:17px;line-height:1.5;font-weight:600}
.ex-hint{font-family:'Courier Prime',monospace;font-weight:700;font-size:14px;color:#4a4643}
.ex details{width:100%}
.btn-s{display:inline-flex;align-items:center;gap:8px;padding:5px 12px;border:1.5px solid #201e1d;border-radius:999px;font-size:13px;font-weight:700;line-height:1.3;background:#fff}
.btn-s:hover{background:#c8f06a}
.dot-s{width:8px;height:8px;border-radius:50%;background:#201e1d;flex:none}
.sol{margin-top:10px;padding:12px 14px;border:1.5px solid #201e1d;border-radius:10px;background:#fbfaf6;display:flex;flex-direction:column;gap:6px}
.sol-a{font-size:16px;line-height:1.5;font-weight:800}.sol-a span{background:#c8f06a;padding:1px 5px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.sol-w{font-size:14px;line-height:1.55;color:#4a4643}
.cta{margin:14px 0;padding:26px 24px;border:1.5px solid #201e1d;border-radius:16px;display:flex;flex-wrap:wrap;align-items:center;gap:18px 28px}
.cta>div{flex:1 1 320px;display:flex;flex-direction:column;gap:6px}
.cta-t{font-family:'DM Serif Display',serif;font-size:30px;line-height:1.08;letter-spacing:-.02em}
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px;margin:6px 0}
.card{display:flex;flex-direction:column;gap:8px;padding:18px;border:1.5px solid #201e1d;border-radius:14px;color:#201e1d;text-decoration:none;font-weight:400}
.card:hover{box-shadow:4px 4px 0 #201e1d;color:#201e1d}
.card-t{font-weight:800;font-size:18px;line-height:1.25}.card-d{font-size:14px;line-height:1.45;flex:1}.card-go{font-weight:700;font-size:14px}
.faq{display:flex;flex-direction:column;border:1.5px solid #201e1d;border-radius:14px;overflow:hidden}
.faq details{background:#fff;border-top:1.5px solid #201e1d;margin-top:-1.5px}
.faq summary{display:flex;justify-content:space-between;align-items:flex-start;gap:16px;padding:16px 20px}
.faq summary:hover{background:#fbfaf6}
.faq h3{font-size:17px;font-weight:800;line-height:1.4}
.plus{flex:none;width:26px;height:26px;border-radius:50%;border:1.5px solid #201e1d;display:flex;align-items:center;justify-content:center;font-size:16px;line-height:1}
.faq p{padding:0 20px 18px;font-size:16px;line-height:1.65;color:#3d3a38}
.wr-h{background:#ffd84a;gap:8px 12px}.wr-t{margin-right:auto;font-weight:800;font-size:19px}
.wr-task{padding:16px 20px;border-bottom:1.5px solid #201e1d;display:flex;flex-direction:column;gap:4px}
.wr-task p{font-size:16px;line-height:1.5;font-weight:600}
.legend{display:flex;flex-wrap:wrap;gap:6px;margin-top:8px}.legend span{display:inline-flex;padding:3px 10px;border:1.5px solid #201e1d;border-radius:999px;font-size:12px;font-weight:700}
.wr-body{display:flex;flex-wrap:wrap}
.wr-text{flex:1 1 380px;min-width:0;padding:20px 22px;display:flex;flex-direction:column;gap:14px;font-size:16px;line-height:2}
.wr-text s{text-decoration-color:#ec3013;text-decoration-thickness:2px;color:rgba(32,30,29,.55)}
.fix{padding:1px 5px;border-radius:4px;box-decoration-break:clone;-webkit-box-decoration-break:clone}
.wr-text sup{font-family:'Courier Prime',monospace;font-weight:700;font-size:11px;margin-left:2px}
.wr-fix{flex:1 1 260px;min-width:0;list-style:none;padding:10px 0;background:#fbfaf6;border-left:1.5px solid #201e1d}
.wr-fix li{display:grid;grid-template-columns:26px minmax(0,1fr);gap:10px;padding:10px 18px}
.wr-fix li>div{display:flex;flex-direction:column;gap:2px;min-width:0}
.fw{font-size:14px;line-height:1.4;font-weight:700}.wr-fix .small{font-size:14px;line-height:1.5}
.wr-com{padding:16px 20px;border-top:1.5px solid #201e1d;display:flex;flex-direction:column;gap:4px}.wr-com p{font-size:15px;line-height:1.55}
.wr-better{border-top:1.5px solid #201e1d}
.wr-better summary{display:flex;align-items:center;gap:10px;padding:14px 20px;font-weight:800;font-size:15px}
.wr-better summary:hover{background:#c8f06a}
.wr-better>div{padding:4px 22px 22px;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:1.7}
aside{flex:1 1 260px;max-width:300px;min-width:0;position:sticky;top:24px;display:flex;flex-direction:column;gap:18px}
.toc{border:1.5px solid #201e1d;border-radius:14px;background:#fff;padding:16px 18px;display:flex;flex-direction:column;gap:10px}
.toc ol{list-style:none;padding:0;display:flex;flex-direction:column;gap:8px;font-size:14px;line-height:1.35}
.toc a{text-decoration:none;font-weight:600}
.side-cta{border:1.5px solid #201e1d;border-radius:14px;background:#c8f06a;padding:18px;display:flex;flex-direction:column;align-items:flex-start;gap:10px;box-shadow:4px 4px 0 #201e1d}
.side-cta b{font-size:18px;line-height:1.25}.side-cta p{font-size:14px;line-height:1.5}
.band{border-top:1.5px solid #201e1d;padding:84px 24px 92px}
.band-in{display:flex;flex-direction:column;align-items:center;text-align:center;gap:22px}
.band-t{display:flex;flex-direction:column;align-items:center}
.band-t span:first-child{font-weight:800;font-size:clamp(34px,5vw,56px);line-height:1.04;letter-spacing:-.045em}
.band-s{font-family:'DM Serif Display',serif;font-size:clamp(46px,7vw,88px);line-height:.98;letter-spacing:-.04em;padding:0 12px;background:linear-gradient(transparent 30%,#fff 30%,#fff 90%,transparent 90%)}
.band-p{font-size:18px;line-height:1.55;max-width:46ch}
footer{border-top:1.5px solid #201e1d}
.foot{padding:48px 24px;display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:32px}
.foot-brand{display:flex;flex-direction:column;gap:12px}.foot-brand .logo{font-size:28px;margin-right:0}.foot-brand .logo img{height:30px}
.foot-brand p{font-size:14px;line-height:1.5;color:#4a4643;max-width:30ch}
.foot-col{display:flex;flex-direction:column;gap:10px}.foot-col a{font-size:14px;font-weight:400;text-decoration:none}
.foot-bar{background:#8fd4ff;border-top:1.5px solid #201e1d;padding:18px 24px;font-size:12px}
.foot-bar-in{display:flex;flex-wrap:wrap;justify-content:space-between;gap:12px}.foot-bar a{text-decoration:none;text-transform:none}