:root{--navy:#0b2940;--teal:#087d70;--mint:#42ddc0;--muted:#5b6d7b;--line:#dbe4ea;--bg:#f3f7fa}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--bg);color:var(--navy);margin:0;font:16px/1.5 Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,input,select{font:inherit}button,a,input,select{outline-offset:4px}header{border-bottom:1px solid var(--line);background:#fff}.bar{justify-content:space-between;align-items:center;gap:24px;max-width:1240px;margin:auto;padding:24px 32px;display:flex}.brand{align-items:center;gap:12px;display:flex}.mark{background:var(--navy);width:54px;height:54px;color:var(--mint);border-radius:15px;place-content:center;font-size:21px;font-weight:800;line-height:1;display:grid}.mark small{text-align:center;margin-top:4px;font-size:16px}.brand strong{letter-spacing:-.7px;font-size:22px}.brand span{color:var(--muted);font-size:13px;display:block}nav{gap:28px;font-size:14px;font-weight:700;display:flex}nav a:hover{color:var(--teal)}main{max-width:1240px;margin:auto;padding:38px 32px 56px}.eyebrow{text-transform:uppercase;letter-spacing:1.6px;color:var(--teal);font-size:13px;font-weight:700}h1{letter-spacing:-1.3px;margin:8px 0;font-size:36px}h2{letter-spacing:-.5px;margin:0;font-size:23px}h3{margin:0;font-size:18px}.intro{justify-content:space-between;align-items:end;gap:20px;margin-bottom:24px;display:flex}.intro p{color:var(--muted);margin:8px 0}.demo{color:#785518;white-space:nowrap;background:#fff0d4;border:1px solid #e7cd9e;border-radius:7px;padding:7px 12px;font-size:13px}.grid{grid-template-columns:1.35fr 1fr;gap:24px;display:grid}.panel{border:1px solid var(--line);background:#fff;border-radius:16px;overflow:hidden}.panelhead{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;gap:12px;padding:24px 26px;display:flex}.note{color:var(--muted);font-size:13px}.tablewrap{overflow-x:auto}table{border-collapse:collapse;width:100%}th{text-transform:uppercase;letter-spacing:.8px;color:var(--muted);text-align:left;background:#f8fafc;font-size:12px;font-weight:600}th,td{border-bottom:1px solid #e9eef2;padding:17px 26px}td.num,th.num{text-align:right}.money{letter-spacing:-.8px;font-size:25px;font-weight:700}.currency{align-items:center;gap:12px;display:flex}.symbol{width:42px;height:42px;color:var(--teal);background:#eaf4f5;border-radius:50%;place-items:center;font-weight:700;display:grid}.currency strong{display:block}.currency small{color:var(--muted);font-size:13px;display:block}.tag{color:var(--muted);font-size:12px}.footnote{color:var(--muted);padding:18px 26px;font-size:13px}.calc{background:var(--navy);color:#fff;border:0}.calc .panelhead{border-color:#294559}.calc .note{color:#b4cbd8}.calcbody{padding:26px}label{margin-bottom:8px;font-size:14px;font-weight:700;display:block}input,select{width:100%;color:var(--navy);background:#fff;border:1px solid #c9d6de;border-radius:8px;min-width:0;padding:12px 14px}input:focus,select:focus{border-color:var(--teal)}.pair{grid-template-columns:1fr 1fr;gap:14px;margin-top:20px;display:grid}.result{border-top:1px solid #365064;margin-top:26px;padding-top:22px}.result small{color:#bad1df}.result strong{letter-spacing:-1.5px;color:var(--mint);margin:8px 0;font-size:42px;line-height:1.2;display:block}.result p{color:#bed2df;margin:8px 0;font-size:13px}.button{background:var(--teal);color:#fff;cursor:pointer;border:0;border-radius:8px;padding:12px 18px;font-weight:700}.button:hover{background:#06685e}.secondary{color:var(--teal);background:#edf4f5}.secondary:hover{background:#dceeee}.swap{color:var(--mint);cursor:pointer;background:0 0;border:1px solid #496475;border-radius:8px;margin:18px auto 0;padding:8px 12px;font-size:14px;display:block}.section{margin-top:32px}.sectiontitle{justify-content:space-between;align-items:center;gap:20px;margin-bottom:18px;display:flex}.sectiontitle p{color:var(--muted);margin:6px 0 0}.remitbody{padding:24px 26px}.remitintro{background:#f1f7f8;border-radius:10px;grid-template-columns:1fr 1fr;align-items:end;gap:20px;margin-bottom:24px;padding:18px;display:grid}.remitintro p{color:var(--muted);margin:0;font-size:14px}.offers{grid-template-columns:1.3fr 1fr 1fr 1fr auto;align-items:end;gap:12px;display:grid}.offers label{font-size:13px}.offers input{padding:11px}.empty{text-align:center;color:var(--muted);background:#f8fafc;border:1px dashed #cad7df;border-radius:10px;margin-top:22px;padding:26px}.quotes{margin-top:22px}.quotes button{color:#9b3942;cursor:pointer;background:0 0;border:0;font-size:14px}.message{color:#a13030;min-height:20px;margin-top:10px;font-size:14px}.method{grid-template-columns:1fr 1fr;gap:26px;padding:26px;display:grid}.method p{color:var(--muted);margin-bottom:0;font-size:14px}.step{color:var(--teal);letter-spacing:1px;margin-bottom:8px;font-size:13px;font-weight:700}footer{border-top:1px solid var(--line);max-width:1240px;color:var(--muted);justify-content:space-between;gap:24px;margin:auto;padding:24px 32px;font-size:13px;display:flex}summary{cursor:pointer;font-weight:700}.rateform{grid-template-columns:repeat(3,1fr);gap:12px;margin:16px 0;display:grid}.rateform label{font-size:13px}.rateform input{padding:8px}.rateedit{border-top:1px solid var(--line);padding:16px 26px;font-size:14px}.success{color:#087d70;background:#e4f7f0;border-radius:5px;padding:3px 8px;font-size:12px}@media (max-width:900px){.grid{grid-template-columns:1fr}.offers{grid-template-columns:1fr 1fr}.offers .button{grid-column:1/-1}.intro{flex-direction:column;align-items:start}nav{gap:16px}.brand span{display:none}}@media (max-width:600px){.bar{flex-direction:column;align-items:start;gap:16px;padding:18px}main{padding:26px 18px}h1{font-size:29px}nav{justify-content:space-between;width:100%;font-size:13px}.panelhead,.calcbody,.remitbody,.method{padding:20px}th,td{padding:14px 16px}.money{font-size:22px}.currency small{max-width:110px}.method,.remitintro{grid-template-columns:1fr}.sectiontitle{flex-direction:column;align-items:start}.offers{grid-template-columns:1fr 1fr}.offers>div:first-child{grid-column:1/-1}.rateform{grid-template-columns:1fr 1fr}.result strong{font-size:36px}footer{flex-direction:column;padding:24px 18px}.demo{white-space:normal}}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}.admin{max-width:680px}.admin .panel{padding:28px}.admin label{margin-top:16px}.admin .button{margin-top:24px}.admin a{text-decoration:underline}.error{color:#a13030}.currency-flag{place-items:center;width:42px;font-size:30px;line-height:1.2;display:inline-grid}.rate-up{color:#b51d2c}.rate-down{color:#087447}.rate-change{letter-spacing:0;white-space:nowrap;margin-left:12px;font-size:14px;display:inline-block}.cup-label{font-size:17px}.money{white-space:nowrap}@media (max-width:600px){.rate-change{margin:4px 0 0;display:block}.currency{gap:8px}.currency-flag{width:30px;font-size:25px}.cup-label{font-size:14px}}
