@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Manrope:wght@500;600;700;800&display=swap');
:root{--navy:#07182f;--navy2:#0b2344;--gold:#e0b341;--cream:#f8f7f3;--ink:#10213a;--muted:#68768a;--line:#e2e6e8;--white:#fff;--blue:#1764c0;--red:#e33243}
*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:var(--cream);color:var(--ink);font-family:'DM Sans',sans-serif}a{text-decoration:none;color:inherit}.nav{height:82px;max-width:1240px;margin:auto;padding:0 28px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font:800 22px Manrope}.brand img{width:43px;height:43px;border-radius:12px;object-fit:cover}.nav nav{display:flex;gap:34px;font-size:14px;font-weight:600;color:#5d6878}.nav nav a:hover{color:var(--ink)}.nav-btn{border:1px solid #cdd3d8;border-radius:11px;padding:11px 17px;font-size:13px;font-weight:700;background:#fff}.hero{max-width:1240px;margin:auto;min-height:720px;padding:75px 28px 95px;display:grid;grid-template-columns:1.02fr .98fr;gap:70px;align-items:center}.pill{display:inline-flex;align-items:center;gap:9px;background:#fff;border:1px solid #e1e5e7;border-radius:999px;padding:8px 12px;font-size:11px;letter-spacing:.09em;font-weight:700;color:#526073}.pill span{width:7px;height:7px;background:var(--gold);border-radius:50%}.hero h1{font:800 clamp(52px,6vw,82px)/.98 Manrope;margin:21px 0 25px;letter-spacing:-.055em;color:var(--navy)}.hero h1 em{font-style:normal;color:#b9850c}.hero-copy>p{max-width:590px;font-size:18px;line-height:1.72;color:var(--muted)}.hero-actions{display:flex;gap:25px;align-items:center;margin:33px 0 42px}.primary{display:inline-flex;align-items:center;justify-content:center;background:var(--navy);color:#fff;padding:15px 22px;border-radius:12px;font-weight:700;font-size:14px;box-shadow:0 9px 24px #07182f1b}.link{font-weight:700;font-size:14px}.link b{color:#b9850c;margin-left:4px}.micro{border-top:1px solid var(--line);padding-top:24px;display:flex;gap:34px}.micro div{display:grid;gap:3px}.micro b{font-size:12px}.micro span{font-size:10px;color:#7b8795}.hero-art{height:570px;position:relative;display:grid;place-items:center}.orb{position:absolute;border-radius:50%;filter:blur(2px)}.orb.one{width:470px;height:470px;background:#e9e1c7}.orb.two{width:350px;height:350px;background:#dfe8ef;right:15px;top:30px}.phone{z-index:2;width:326px;min-height:555px;background:#fff;border:8px solid #0b1726;border-radius:42px;padding:29px 20px 20px;box-shadow:0 35px 70px #0a20392b;position:relative}.speaker{position:absolute;top:10px;left:50%;transform:translateX(-50%);width:68px;height:5px;border-radius:5px;background:#1c2937}.appbar{display:flex;align-items:center;justify-content:space-between}.mini-brand{display:flex;align-items:center;gap:7px;font-weight:800}.mini-brand img{width:27px;height:27px;border-radius:8px}.avatar{width:29px;height:29px;background:#edf0f2;border-radius:50%;display:grid;place-items:center;font-size:9px;font-weight:700}.hello{font-size:10px;color:#8a949e;margin:27px 0 2px}.phone h3{font:800 21px Manrope;margin:0 0 17px}.amount-card{background:#f7f8f8;border:1px solid #e8ebed;border-radius:18px;padding:17px}.amount-card label,.label{font-size:9px;text-transform:uppercase;letter-spacing:.1em;color:#8b949e;font-weight:700}.amount{display:flex;justify-content:space-between;align-items:end;margin-top:5px}.amount strong{font-size:28px}.amount span{font-size:10px;background:#fff;border:1px solid #e1e5e7;border-radius:8px;padding:6px 7px}.divider{height:1px;background:#e2e6e8;margin:15px 0}.amount.receive strong{color:#b9850c}.amount-card small{display:block;margin-top:12px;font-size:8px;line-height:1.5;color:#89949f}.label{margin:17px 0 8px}.wallet-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wallet-row>div{border:1px solid #e2e6e8;border-radius:11px;padding:11px;display:flex;align-items:center;gap:7px;font-size:10px}.wallet-dot{width:9px;height:9px;border-radius:50%}.red{background:var(--red)}.blue{background:var(--blue)}.continue{background:var(--navy);color:#fff;border-radius:11px;margin-top:14px;padding:12px 13px;font-size:10px;font-weight:700;display:flex;justify-content:space-between}.protected{text-align:center;margin-top:13px;font-size:8px;color:#7f8b95}.float-card{z-index:3;position:absolute;background:#fff;border:1px solid #e1e5e7;border-radius:14px;padding:12px 15px;box-shadow:0 14px 35px #1b2b3d17;display:flex;align-items:center;gap:9px}.float-card>span{width:29px;height:29px;border-radius:9px;background:#f6efd9;display:grid;place-items:center;color:#a87908;font-weight:800}.float-card div{display:grid}.float-card b{font-size:10px}.float-card small{font-size:8px;color:#87919b;margin-top:2px}.float-card.left{left:0;top:155px}.float-card.right{right:0;bottom:110px}.statement{background:var(--navy);color:#fff;text-align:center;padding:95px 25px}.statement>span,.section-head span,.feature-copy>span,.security-title>span,.partner>div>span,.app>span{font-size:10px;font-weight:800;letter-spacing:.16em;color:var(--gold)}.statement h2{max-width:850px;margin:15px auto;font:700 clamp(38px,5vw,60px)/1.08 Manrope;letter-spacing:-.045em}.statement p{max-width:700px;margin:22px auto 0;color:#aeb9c7;line-height:1.75;font-size:15px}.how{max-width:1184px;margin:auto;padding:110px 28px}.section-head{display:flex;justify-content:space-between;gap:60px;align-items:end;margin-bottom:48px}.section-head h2,.feature h2,.security h2,.partner h2,.app h2{font:700 clamp(36px,4.5vw,54px)/1.08 Manrope;letter-spacing:-.045em;margin:11px 0 0}.section-head>p{max-width:390px;color:var(--muted);line-height:1.7;font-size:14px}.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.steps article{background:#fff;border:1px solid var(--line);border-radius:20px;padding:28px;min-height:260px}.step-top{display:flex;justify-content:space-between;align-items:center}.step-top>b{font-size:10px;color:#a97d15}.step-top i{font-style:normal;width:38px;height:38px;border-radius:11px;background:#f5f1e5;display:grid;place-items:center;color:#9c7414;font-weight:800}.steps h3{font:700 21px Manrope;margin:67px 0 9px}.steps p{font-size:13px;line-height:1.65;color:var(--muted)}.feature{max-width:1128px;margin:0 auto 110px;background:#fff;border:1px solid var(--line);border-radius:28px;padding:64px;display:grid;grid-template-columns:1fr .8fr;gap:75px;align-items:center}.feature-copy p{color:var(--muted);line-height:1.75;font-size:14px}.checks{display:grid;gap:11px;margin-top:27px;font-size:13px;font-weight:600}.checks div{color:#445365}.receipt{background:#f7f8f8;border:1px solid #e1e5e7;border-radius:20px;padding:22px}.receipt-head{display:flex;gap:10px;align-items:center;padding-bottom:18px}.receipt-head img{width:37px;height:37px;border-radius:10px}.receipt-head div{display:grid}.receipt-head b{font-size:12px}.receipt-head span{font-size:9px;color:#8a949e}.receipt-row,.receipt-total{display:flex;justify-content:space-between;border-top:1px solid #e1e5e7;padding:14px 0;font-size:11px}.receipt-row span{color:#7c8792}.receipt-total{padding-bottom:0}.receipt-total b{color:#a87908}.security{background:#e9eceb;max-width:1128px;margin:0 auto 110px;border-radius:28px;padding:64px;display:grid;grid-template-columns:1fr 1fr;gap:75px}.security-copy>p{color:#596978;line-height:1.75;font-size:14px;margin-top:5px}.security-points{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:25px}.security-points span{background:#fff;border:1px solid #dde2e2;border-radius:11px;padding:12px;font-size:10px;font-weight:700}.partner{background:var(--navy2);color:#fff;max-width:1128px;margin:0 auto 110px;border-radius:28px;padding:64px;display:flex;justify-content:space-between;align-items:end;gap:50px}.partner>div{max-width:700px}.partner h2{font-size:43px}.partner p{color:#aeb9c7;line-height:1.7;font-size:13px}.primary.light{background:#fff;color:var(--navy);white-space:nowrap}.app{text-align:center;padding:20px 24px 110px}.app>img{width:74px;height:74px;border-radius:20px;box-shadow:0 12px 30px #132b461c;margin-bottom:22px}.app h2{margin:12px auto}.app p{color:var(--muted);font-size:14px}.stores{display:flex;justify-content:center;gap:10px;margin-top:27px}.store{background:#101820;color:#fff;border-radius:11px;padding:10px 16px;display:flex;align-items:center;gap:9px;text-align:left;min-width:165px}.store>b{font-size:23px}.store span{font-size:13px;font-weight:600;display:grid}.store small{font-size:7px;font-weight:500;opacity:.7;letter-spacing:.06em}footer{background:#fff;border-top:1px solid var(--line);padding:60px max(28px,calc((100vw - 1184px)/2));display:grid;grid-template-columns:1fr 1fr;gap:50px}.footer-brand p{color:var(--muted);font-size:12px;max-width:300px;line-height:1.6}.footer-links{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.footer-links div{display:flex;flex-direction:column;gap:9px}.footer-links b{font-size:11px}.footer-links a{font-size:11px;color:#6c7887}.copyright{grid-column:1/-1;border-top:1px solid var(--line);padding-top:22px;font-size:10px;color:#8b949e}
.country-flag{width:30px;height:18px;object-fit:cover;border-radius:3px;box-shadow:0 0 0 1px rgba(7,24,47,.15),0 2px 5px rgba(7,24,47,.18);vertical-align:middle}.corridor-label{display:inline-flex;align-items:center;gap:7px;flex-wrap:wrap}.service-link{display:inline-flex;align-items:center;gap:7px;margin-top:20px;color:#07182f;font-weight:800;text-decoration:none}.service-link:hover,.service-link:focus-visible{color:#9a6d00}
@media(max-width:850px){.nav nav{display:none}.hero{grid-template-columns:1fr;padding-top:55px}.hero-copy{text-align:center}.hero-copy>p{margin-left:auto;margin-right:auto}.hero-actions,.micro{justify-content:center}.hero-art{margin-top:15px}.float-card.left{left:8%}.float-card.right{right:8%}.section-head{display:block}.section-head>p{max-width:550px}.steps{grid-template-columns:1fr}.steps article{min-height:auto}.steps h3{margin-top:35px}.feature,.security{grid-template-columns:1fr;gap:40px;margin-left:18px;margin-right:18px;padding:40px}.partner{margin-left:18px;margin-right:18px;padding:40px;align-items:flex-start;flex-direction:column}.footer-links{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.nav{height:72px;padding:0 18px}.nav-btn{padding:9px 12px}.brand span{font-size:19px}.brand img{width:38px;height:38px}.hero{padding:45px 18px 70px;gap:30px}.hero h1{font-size:47px}.hero-copy>p{font-size:16px}.hero-actions{flex-direction:column;gap:15px}.micro{gap:15px}.micro div{flex:1}.hero-art{height:540px}.phone{width:295px;min-height:530px}.float-card{display:none}.statement{padding:75px 20px}.how{padding:80px 18px}.section-head{margin-bottom:30px}.feature,.security,.partner{padding:30px 23px;border-radius:22px;margin-bottom:75px}.security-points{grid-template-columns:1fr}.partner h2{font-size:36px}.stores{flex-direction:column;align-items:center}.app{padding-bottom:80px}footer{padding:45px 20px;grid-template-columns:1fr}.footer-links{grid-template-columns:1fr 1fr}.copyright{grid-column:1}}


/* Final TiCash brand refinements */
.brand img{object-fit:cover;box-shadow:0 5px 18px rgba(7,24,47,.16)}
.mini-brand img,.receipt-head img,.app>img{object-fit:cover}
.wallet-choice{display:flex!important;align-items:center;gap:10px!important}
.wallet-choice>span:last-child{display:flex;flex-direction:column;gap:2px}
.wallet-choice small{font-size:10px;color:#738096;font-weight:600}
.wallet-mark{width:28px;height:28px;border-radius:9px;background:#07182f;color:#e0b341;display:grid;place-items:center;font-size:12px;font-weight:900;flex:0 0 auto}
.availability-note{display:block;margin-top:16px;color:#8290a3;font-size:11px;line-height:1.5}
@media(max-width:520px){
  .brand img{width:38px;height:38px}
  .phone{width:min(100%,340px)}
  .wallet-row{grid-template-columns:1fr 1fr}
}

/* Accessibility and final interaction polish */
a:focus-visible,button:focus-visible{outline:3px solid #e0b341;outline-offset:3px}
.wallet-mark[aria-hidden="true"]{user-select:none}
@media (prefers-reduced-motion:reduce){
  *,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}
}

/* Public ecosystem links add a fourth, compact footer group. */
.footer-links{grid-template-columns:repeat(4,1fr)}
@media(max-width:850px){.footer-links{grid-template-columns:1fr 1fr}}
@media(max-width:520px){.hero-art{overflow:hidden}}