:root{--p-green:#18b477;--p-deep:#0d764e;--p-dark:#0b2f25;--p-text:#17293b;--p-muted:#637484;--p-border:#e2ebe8;--p-bg:#f5f9f7;--p-white:#fff}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--p-text);background:#fff;font-family:Inter,ui-sans-serif,-apple-system,system-ui,'Segoe UI',Arial,sans-serif;line-height:1.65}button,input,select,textarea{font:inherit}a{text-decoration:none;color:inherit}button{cursor:pointer}img{max-width:100%}.public-container{width:min(1270px,calc(100% - 58px));margin:0 auto}.announcement{height:36px;display:flex;align-items:center;background:linear-gradient(90deg,#138e5e,#1abd81,#0f8557);font-size:12px;font-weight:650;color:white;white-space:nowrap;overflow:hidden}.announcement .public-container{overflow:hidden;text-overflow:ellipsis}.site-header{height:94px;background:#fff;position:sticky;top:0;z-index:90;box-shadow:0 5px 28px #17472e0b;border-bottom:1px solid #e4ece9}.navline{height:100%;display:flex;align-items:center;gap:26px}.public-brand{display:flex;align-items:center;font-size:25px;font-weight:850;letter-spacing:-.9px;color:var(--p-text);white-space:nowrap;gap:9px;flex-shrink:0}.public-brand small{color:var(--p-green);font-size:13px;letter-spacing:-.3px}.public-brand img{width:200px;height:63px;object-fit:contain;object-position:left}.brand-symbol{width:47px;height:47px;display:grid;place-items:center;background:linear-gradient(140deg,#1bc78a,#0e8658);color:white;font-size:30px;border-radius:13px;box-shadow:0 5px 14px #18b47730}.public-navigation{display:flex;align-items:center;gap:19px;margin-left:auto;height:100%}.public-navigation>a,.nav-category-button{font-size:13px;font-weight:700;white-space:nowrap}.public-navigation>a:hover,.nav-category-button:hover{color:var(--p-green)}.nav-category{height:100%;display:flex;align-items:center;position:relative}.nav-category-button{display:flex;align-items:center;gap:7px;background:transparent;border:0;padding:12px 1px;color:var(--p-text)}.chevron{font-size:20px;font-weight:400;transition:transform .2s}.nav-category.open .chevron{transform:rotate(180deg)}.nav-popover{display:none;position:absolute;left:50%;top:calc(100% - 9px);width:min(720px,calc(100vw - 44px));transform:translateX(-50%);border:1px solid #ebefef;background:white;border-radius:22px;box-shadow:0 23px 65px #112f2530;padding:19px;max-height:min(75vh,650px);overflow:auto}.nav-category.open .nav-popover{display:block}.nav-popover-grid{background:#f7f8fb;border-radius:15px;padding:12px;display:grid;grid-template-columns:1fr 1fr;gap:6px}.public-menu-item{display:flex;gap:12px;padding:13px 10px;border-radius:12px;align-items:center}.public-menu-item:hover{background:white;box-shadow:0 5px 15px #00000006}.public-menu-item strong{display:block;font-size:13px;color:#263448;line-height:1.4}.public-menu-item small{display:block;font-size:11px;color:#84909d;line-height:1.6;margin-top:3px}.nav-item-icon{width:41px;height:41px;border-radius:12px;display:grid;place-items:center;background:#eaf9f1;color:#17b978;flex-shrink:0;font-size:19px}.header-account{display:flex;gap:9px;align-items:center;flex-shrink:0}.cta{display:inline-flex;gap:9px;align-items:center;justify-content:center;padding:11px 16px;font-size:12px;font-weight:800;border:1px solid #d4eee1;border-radius:10px;white-space:nowrap}.cta.login{color:#0b9761;background:#f4fcf8}.cta.join{background:#15b77b;color:white;border-color:#15b77b;box-shadow:0 6px 13px #14ad7127}.cta:hover{transform:translateY(-1px)}.mobile-menu-toggle{display:none}.hero{background:radial-gradient(circle at 75% 30%,#c6f7d7 0,#e4f7ec 21%,transparent 47%),linear-gradient(135deg,#effcf5,#f7fcf9 65%,#eaf7f2);padding:104px 0 90px;overflow:hidden}.hero-layout{display:grid;grid-template-columns:1.04fr 1fr;gap:60px;align-items:center}.hero-content{position:relative;z-index:1}.hero-label{display:inline-flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #c8ead6;background:#e5f8ec;color:#167e56;font-size:12px;font-weight:800;border-radius:40px}.ping{height:8px;width:8px;background:#19b87c;border-radius:50%;box-shadow:0 0 0 5px #a2ecc8}.hero h1{margin:22px 0;font-size:clamp(35px,4.4vw,61px);line-height:1.28;letter-spacing:-1.2px;font-weight:860}.hero h1 em{font-style:normal;color:#12ab70}.hero-content>p{max-width:560px;font-size:17px;color:#617584;line-height:2}.hero-actions{display:flex;gap:12px;margin:27px 0;flex-wrap:wrap}.hero-main,.hero-outline{display:inline-flex;justify-content:center;align-items:center;gap:15px;border-radius:11px;padding:14px 21px;font-size:14px;font-weight:750}.hero-main{background:linear-gradient(135deg,#1bc38a,#0e965f);color:white;box-shadow:0 12px 24px #14ad7040}.hero-outline{color:#127d55;border:1px solid #badfd0;background:white}.hero-points{display:flex;flex-wrap:wrap;gap:14px;color:#478167;font-size:12px;font-weight:750}.hero-art{height:475px;position:relative;display:grid;place-items:center}.art-back{position:absolute;inset:40px 30px 35px 40px;border-radius:50px;transform:rotate(-9deg);background:linear-gradient(160deg,#37cc93,#087b51);box-shadow:0 35px 70px #0b9d6441}.art-panel{position:relative;z-index:1;background:#fff;width:min(510px,100%);padding:25px;border-radius:25px;box-shadow:0 25px 80px #0d664440;transform:rotate(2deg)}.art-panel-top{display:flex;align-items:center;gap:10px;border-bottom:1px solid #edf1f0;padding-bottom:17px;font-weight:900;color:#133d32}.art-panel-top small{margin-left:auto;font-size:10px;color:#778b8c;font-weight:500}.art-dot{width:25px;height:25px;border-radius:8px;background:#16bb7b}.art-stat{display:flex;justify-content:space-between;align-items:center;margin:35px 0 17px;gap:6px}.art-stat span{display:block;color:#849394;font-size:11px}.art-stat strong{display:block;font-size:29px;margin-top:6px}.art-green{background:#def9eb;color:#13905a!important;border-radius:40px;padding:6px 10px;white-space:nowrap}.art-progress{height:11px;background:#ecf0f3;border-radius:10px;overflow:hidden}.art-progress span{display:block;background:linear-gradient(90deg,#1abf7d,#4bcf91);height:100%;border-radius:10px}.art-tiles{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;margin-top:35px}.art-tiles>div{background:#f5f8fa;padding:16px 9px;border-radius:14px;display:flex;flex-direction:column;gap:7px}.art-tiles span{font-size:21px;color:#16b779}.art-tiles b{font-size:13px}.art-tiles small{color:#809099;font-size:10px}.art-floating{z-index:2;position:absolute;left:5px;bottom:15px;border-radius:14px;background:white;box-shadow:0 13px 40px #073b2730;padding:16px;display:flex;gap:12px;align-items:center}.art-floating>span{display:grid;place-items:center;border-radius:50%;background:#daf7e9;color:#0fa16d;width:38px;height:38px;font-size:23px}.art-floating b{display:block;font-size:13px}.art-floating small{color:#869396;font-size:10px}.trust-bar{border-bottom:1px solid #e7eeee}.trust-content{display:flex;justify-content:space-between;align-items:center;gap:22px;padding:30px 0;flex-wrap:wrap}.trust-content span{font-size:10px;font-weight:850;letter-spacing:1.6px;color:#81918f}.trust-content b{font-size:13px;color:#455b54}.content-section{padding:92px 0}.section-header{text-align:center;max-width:700px;margin:0 auto 40px}.section-eyebrow{font-size:11px;font-weight:900;letter-spacing:2px;color:#0fa870}.section-header h2,.two-up h2,.contact-area h2{font-size:clamp(26px,3vw,39px);line-height:1.4;margin:12px 0 13px}.section-header p,.two-up p,.contact-area p{color:#708392}.service-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.service-card{border-radius:17px;border:1px solid #e4efec;background:white;padding:28px;box-shadow:0 8px 30px #184c3310;transition:transform .25s,box-shadow .25s}.service-card:hover{transform:translateY(-5px);box-shadow:0 16px 38px #174b2420}.service-icon{display:grid;place-items:center;background:#e4f8ee;border-radius:14px;width:55px;height:55px;color:#15a96f;font-size:26px}.service-card h3{font-size:17px;margin:20px 0 9px}.service-card p{font-size:13px;color:#70818c;min-height:69px}.service-card a{color:#109b66;font-size:13px;font-weight:800}.content-section.alt{background:#f5faf7}.two-up{display:grid;grid-template-columns:1fr 1fr;gap:70px;align-items:center}.two-up p{line-height:2;margin-bottom:26px}.code-preview{background:#122b25;border-radius:18px;color:#d5f9e7;box-shadow:0 25px 70px #06281920;overflow:hidden}.code-top{padding:17px 21px;background:#1d4237;display:flex;align-items:center;gap:6px;font-size:11px;color:#87b6a2;letter-spacing:1px}.code-top i{height:10px;width:10px;background:#2abc80;border-radius:50%}.code-top i:nth-child(2){background:#ffbd64}.code-top i:nth-child(3){background:#fd7777;margin-right:10px}.code-preview pre{padding:25px;margin:0;white-space:pre-wrap;word-break:break-word;font:13px/2 'SFMono-Regular',Consolas,monospace}.code-foot{border-top:1px solid #335248;padding:13px 25px;font-size:11px;color:#89bdac}.contact-area{background:linear-gradient(125deg,#e7f8f0,#f5fcf8);border:1px solid #d0eee0;border-radius:21px;padding:46px;display:grid;grid-template-columns:1.4fr 1fr;gap:20px}.contact-box{background:#fff;padding:23px;border-radius:13px;border:1px solid #dcefe3}.contact-box b{color:#11885b}.contact-box p{overflow-wrap:anywhere;margin:8px 0}.contact-box a{color:#119a65;font-weight:700}.public-footer{background:#0e2f24;color:#e2f5eb;padding:42px 0 17px}.footline{display:flex;justify-content:space-between;gap:30px;flex-wrap:wrap}.footline strong{font-size:23px}.footline strong span{color:#36c58c;font-size:13px}.footline p{color:#a3bdaf;font-size:13px}.footline>div:last-child{display:flex;gap:26px;flex-wrap:wrap;align-items:start;font-size:12px}.copyright{font-size:11px;color:#9bbbaf;padding-top:25px;margin-top:28px;border-top:1px solid #ffffff1f}
@media(max-width:1200px){.public-navigation{gap:12px}.public-brand img{width:165px}.navline{gap:12px}.public-navigation>a,.nav-category-button{font-size:11px}.cta{font-size:11px;padding:10px}.service-grid{grid-template-columns:repeat(2,1fr)}}
@media(max-width:980px){.public-container{width:calc(100% - 38px)}.site-header{height:80px}.public-brand img{width:195px;height:65px}.navline{justify-content:space-between;gap:8px}.mobile-menu-toggle{width:47px;height:44px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;border:1px solid #e5eae7;border-radius:11px;background:white;margin-left:auto}.mobile-menu-toggle span{display:block;width:22px;height:2px;background:#16965e;transition:transform .2s}.mobile-menu-toggle[aria-expanded=true] span:first-child{transform:translateY(8px) rotate(45deg)}.mobile-menu-toggle[aria-expanded=true] span:nth-child(2){opacity:0}.mobile-menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-8px) rotate(-45deg)}.header-account{margin-left:auto}.public-navigation{position:fixed;z-index:85;top:116px;bottom:0;left:0;width:min(440px,100vw);height:auto;display:none;background:white;padding:20px 20px 50px;overflow-y:auto;box-shadow:20px 20px 55px #103c2528;flex-direction:column;gap:4px;align-items:stretch;margin:0}.site-header.nav-open .public-navigation{display:flex}.public-navigation>a{padding:13px 12px;border-radius:12px;font-size:16px}.nav-category{display:block;height:auto}.nav-category-button{width:100%;display:flex;justify-content:space-between;text-align:left;padding:13px 15px;font-size:16px;border-radius:12px}.nav-category.open .nav-category-button{background:#eff9f3;color:#0f965f}.nav-popover{position:static;left:auto;top:auto;transform:none;border:0;box-shadow:none;border-radius:14px;width:100%;max-height:none;padding:5px 0 10px;overflow:visible}.nav-popover-grid{grid-template-columns:1fr;gap:0}.public-menu-item{padding:11px 9px}.public-menu-item strong{font-size:14px}.hero{padding:65px 0}.hero-layout{grid-template-columns:1fr;gap:15px}.hero-content{max-width:770px}.hero-art{height:380px;width:min(550px,100%);margin:15px auto 0}.hero h1{max-width:650px}.two-up{gap:35px}}
@media(max-width:620px){.public-container{width:calc(100% - 30px)}.announcement{height:33px;font-size:11px}.site-header{height:74px}.public-brand{font-size:20px}.public-brand img{width:150px;height:52px}.brand-symbol{width:38px;height:38px;font-size:24px}.header-account{gap:5px;margin:0}.cta{padding:8px 9px;font-size:11px}.cta.join span{display:none}.mobile-menu-toggle{order:3;width:42px;height:40px;margin-left:0}.public-navigation{top:107px}.hero{padding:56px 0 46px}.hero h1{font-size:35px;line-height:1.4;letter-spacing:-.4px}.hero-content>p{font-size:14px}.hero-label{font-size:10px}.hero-actions{flex-direction:column;align-items:stretch}.hero-main,.hero-outline{width:100%;font-size:13px}.hero-points{font-size:11px;gap:9px}.hero-art{height:290px;max-width:340px}.art-back{inset:30px 18px}.art-panel{padding:15px;border-radius:16px}.art-stat{margin:20px 0 10px}.art-stat strong{font-size:20px}.art-tiles{gap:6px;margin-top:21px}.art-tiles>div{padding:9px 5px}.art-tiles b{font-size:10px}.art-tiles small{font-size:8px}.art-panel-top small{font-size:8px}.art-floating{left:-2px;bottom:0;padding:9px}.art-floating b{font-size:10px}.art-floating small{font-size:8px}.trust-content{gap:14px;justify-content:center;text-align:center}.trust-content span{width:100%}.trust-content b{font-size:11px}.content-section{padding:65px 0}.service-grid,.two-up,.contact-area{grid-template-columns:1fr}.service-grid{gap:12px}.service-card{padding:23px}.service-card p{min-height:0}.contact-area{padding:25px}.footline>div:last-child{gap:16px}.two-up{gap:30px}.code-preview pre{font-size:11px;padding:14px}.public-navigation .nav-popover-grid{padding:5px}}

/* Unified public and merchant-auth navigation (mobile only). */
.mobile-account-links{display:none}
@media(max-width:980px){
  .site-header .header-account{display:none}
  .site-header .mobile-menu-toggle{margin-left:auto;order:3;flex-shrink:0}
  .site-header .public-navigation{position:absolute;top:100%;bottom:auto;left:0;max-height:calc(100dvh - 80px);height:auto;overflow-y:auto;overscroll-behavior:contain}
  .site-header .public-navigation .mobile-account-links{display:flex;flex-direction:column;gap:10px;padding:20px 10px 12px;margin-top:13px;border-top:1px solid #e1ece7}
  .mobile-account-links>strong{font-size:12px;font-weight:800;color:#536d62;margin-bottom:5px}
  .site-header .public-navigation .mobile-account-links .cta{display:flex;align-items:center;justify-content:center;padding:12px 16px;font-size:14px;font-weight:800;min-height:44px;width:100%;border-radius:11px}
  .site-header .public-navigation .mobile-account-links .cta.join{color:white}
  .merchant-auth-header .public-navigation>a{display:block}
}
@media(max-width:620px){
  .site-header .public-navigation{max-height:calc(100dvh - 74px)}
  .merchant-auth-header .public-brand img{width:150px;height:52px}
}

/* NICTBD: unified navigation and sequential announcement ticker. */
body,button,input,select,textarea{font-family:Inter,system-ui,-apple-system,"Segoe UI",sans-serif}
.announcement{width:100%;position:relative;overflow:hidden;padding:0;height:38px;display:block}
.nict-ticker{width:100%;height:100%;position:relative;overflow:hidden;display:block}
.nict-ticker-text{position:absolute;left:0;top:0;height:100%;display:flex;align-items:center;white-space:nowrap;width:max-content;will-change:transform;font-weight:700;font-size:12px;padding:0 3px}
.mobile-account-links{display:none}
@media(max-width:980px){
 .site-header .header-account{display:none!important}
 .site-header .mobile-menu-toggle{display:flex;order:3;margin-left:auto;flex-shrink:0}
 .site-header .public-navigation{position:absolute;top:100%;bottom:auto;left:0;z-index:110;height:auto;max-height:calc(100dvh - 78px);overflow-y:auto;overscroll-behavior:contain}
 .site-header .public-navigation .mobile-account-links{display:flex;flex-direction:column;gap:10px;padding:20px 10px 14px;margin-top:14px;border-top:1px solid #e1ece7}
 .site-header .mobile-account-links strong{font-size:12px;color:#536d62}
 .site-header .mobile-account-links .cta{width:100%;min-height:44px;font-size:14px;justify-content:center}
 .site-header .mobile-account-links .cta.join{color:#fff}
}
@media(max-width:620px){
 .announcement{height:34px}
 .site-header .public-navigation{max-height:calc(100dvh - 72px)}
 .nict-ticker-text{font-size:11px}
}
@media(prefers-reduced-motion:reduce){.nict-ticker-text{transition:none!important}}

/* Consistent English public navigation and account actions on every page. */
.site-header.unified-public-header .header-account>a.cta,
.site-header.unified-public-header .mobile-account-links>a.cta{display:inline-flex;align-items:center;justify-content:center;text-decoration:none;font-family:Inter,system-ui,sans-serif;font-weight:800;border-radius:11px;line-height:1.4;transition:background .15s ease,box-shadow .15s ease,transform .15s ease}
.site-header.unified-public-header .cta.login{background:#f2fbf6;border:1px solid #bfe8d2;color:#087b4f}
.site-header.unified-public-header .cta.join{background:#13ad73;border:1px solid #13ad73;color:#fff;box-shadow:0 7px 16px #128b5e24}
.site-header.unified-public-header .cta:focus-visible,.site-header.unified-public-header button:focus-visible{outline:3px solid #75d9ad;outline-offset:3px}
@media(max-width:980px){
.site-header.unified-public-header .header-account{display:none!important}
.site-header.unified-public-header .mobile-menu-toggle{display:flex!important;order:3;margin-left:auto}
.site-header.unified-public-header .public-navigation{display:none;position:absolute;top:100%;left:0;right:auto;width:min(440px,100vw);max-height:calc(100dvh - 80px);overflow-y:auto;background:#fff;border:1px solid #dfebe4;border-radius:0 0 18px 0;box-shadow:0 24px 48px #123a2733;flex-direction:column;align-items:stretch;gap:4px;padding:18px}
.site-header.unified-public-header.nav-open .public-navigation{display:flex}
.site-header.unified-public-header .public-navigation .mobile-account-links{display:flex!important;flex-direction:column;gap:10px;padding:17px 4px 6px;margin-top:9px;border-top:1px solid #e0eae4}
.site-header.unified-public-header .mobile-account-links>a.cta{display:flex!important;width:100%;min-height:46px;padding:12px 18px;font-size:14px;text-align:center}
.site-header.unified-public-header .mobile-account-links .cta.join span{display:inline}
}
@media(max-width:620px){.site-header.unified-public-header .public-brand img{max-width:170px;width:170px;height:52px;object-fit:contain}.site-header.unified-public-header .public-container.navline{gap:9px}}
