:root{--green:#05bd3b;--green-dark:#008c42;--green-pale:#e7f9eb;--blue:#0074db;--blue-dark:#0751a2;--ink:#102521;--muted:#657773;--line:#e3ebe6;--paper:#f8fbf8;--white:#fff;--display:'Manrope',sans-serif;--body:'DM Sans',sans-serif;--max:1200px}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:94px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--body);-webkit-font-smoothing:antialiased}a{color:inherit;text-decoration:none}button{font:inherit}.section-shell{width:min(var(--max),calc(100% - 64px));margin-inline:auto}.notice-bar{height:31px;display:flex;align-items:center;justify-content:center;gap:9px;background:#eaf8ee;color:#35694a;font-size:10px;letter-spacing:.07em;font-weight:600}.notice-dot{width:6px;height:6px;border-radius:50%;background:var(--green)}.notice-sep{color:#a2b7a7}.site-header{height:79px;padding:0 max(calc((100% - var(--max))/2),32px);display:flex;align-items:center;justify-content:space-between;position:sticky;top:0;z-index:40;background:rgba(248,251,248,.92);backdrop-filter:blur(16px);border-bottom:1px solid rgba(18,55,40,.07)}.brand{position:relative;width:112px;height:50px;display:flex;align-items:center;overflow:hidden;flex:none}.brand img{position:absolute;display:block;width:112px;height:112px;max-width:none;left:0;top:-38px;object-fit:initial}.main-nav{height:100%;display:flex;align-items:center;gap:33px}.main-nav>a,.nav-trigger{height:100%;border:0;background:none;display:flex;align-items:center;gap:7px;color:#40524c;font-size:13px;font-weight:600;cursor:pointer;transition:color .2s}.main-nav>a:hover,.nav-trigger:hover,.nav-trigger[aria-expanded=true]{color:var(--green-dark)}.nav-item{height:100%;position:relative}.chevron{font-size:16px;color:#80918a}.mega-menu{position:absolute;left:-27px;top:calc(100% - 2px);width:360px;padding:11px;border:1px solid var(--line);border-radius:14px;background:white;box-shadow:0 22px 58px #183e241b;display:grid;gap:3px;opacity:0;visibility:hidden;transform:translateY(8px);transition:.2s}.has-menu:hover .mega-menu,.has-menu:focus-within .mega-menu,.has-menu.menu-open .mega-menu{opacity:1;visibility:visible;transform:translateY(0)}.mega-menu>a{display:grid;grid-template-columns:36px 1fr 20px;gap:12px;align-items:center;padding:11px;border-radius:9px}.mega-menu>a:hover{background:#f5faf5}.mega-menu a>span:nth-child(2){display:grid;gap:3px}.mega-menu b{font-size:12px}.mega-menu small{font-size:10px;color:var(--muted)}.mega-menu i{font-size:15px;color:var(--green-dark);font-style:normal}.menu-icon{width:35px;height:35px;border-radius:9px;display:grid;place-items:center;font-family:var(--display);font-size:12px;font-weight:800}.green-icon{color:#0c9943;background:#e8f9ec}.blue-icon{color:#0874d4;background:#e8f2ff}.mint-icon{color:#167f79;background:#e7f7f5}.header-actions{display:flex;align-items:center;gap:23px}.header-login{font-weight:600;font-size:13px;color:#344740}.button{display:inline-flex;align-items:center;justify-content:center;gap:20px;min-height:49px;padding:0 21px;border-radius:7px;font-size:13px;font-weight:700;transition:transform .2s,box-shadow .2s,background .2s}.button:hover{transform:translateY(-2px)}.button span{font-size:16px}.button-primary{background:var(--green);color:white;box-shadow:0 7px 17px #06a83224}.button-primary:hover{background:#00a735;box-shadow:0 10px 22px #06a83236}.button-small{min-height:39px;padding:0 16px;font-size:12px;gap:13px}.menu-toggle{display:none}
.hero{background:radial-gradient(ellipse at 74% 40%,#e7f7ed 0,transparent 35%),linear-gradient(180deg,#f8fbf8,#f5faf7);overflow:hidden}.hero-grid{min-height:602px;display:grid;grid-template-columns:.92fr 1.08fr;align-items:center;gap:20px;padding:51px 0 25px}.hero-copy{position:relative;z-index:2;padding:9px 0 0}.eyebrow{display:flex;align-items:center;gap:10px;margin:0 0 21px;font-size:10px;line-height:1.4;letter-spacing:.12em;font-weight:700;color:#3e7753}.eyebrow-line{display:block;width:22px;height:2px;background:var(--green)}h1,h2,h3,p{margin-top:0}.hero h1,.section-intro h2,.products-heading h2,.trust-copy h2,.faq-section h2,.contact-inner h2{font-family:var(--display);letter-spacing:-.055em;font-weight:650}.hero h1{margin:0 0 21px;font-size:clamp(42px,5.15vw,66px);line-height:1.095;color:#113027}.headline-accent{color:var(--green-dark)}.hero-lede{max-width:485px;margin:0;color:#5a6d65;font-size:15px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:16px;margin:29px 0 39px}.button-text{color:#314b40;padding-inline:8px}.button-text span{color:var(--green-dark)}.hero-proof{display:flex;align-items:center;gap:12px;border-top:1px solid #dfeae2;padding-top:19px;width:max-content;max-width:100%}.proof-mark{width:31px;height:31px;border:1px solid #cbe8d1;border-radius:50%;display:grid;place-items:center;color:var(--green-dark);font:800 13px var(--display)}.hero-proof>span:last-child{display:grid;gap:3px}.hero-proof b{font-size:11px;color:#344940}.hero-proof small{font-size:10px;color:#84948b}.hero-stage{height:512px;position:relative}.stage-glow{position:absolute;width:450px;height:450px;top:35px;left:72px;border-radius:50%;background:#d4f1df;filter:blur(5px)}.merchant-photo{position:absolute;width:325px;height:365px;right:8px;top:29px;border-radius:140px 140px 17px 17px;overflow:hidden;box-shadow:0 25px 60px #223b2b1b}.merchant-photo:after,.trust-photo:after{content:"";position:absolute;inset:35% 0 0;background:linear-gradient(0deg,#0c2619a8,transparent)}.merchant-photo img,.trust-photo img{width:100%;height:100%;object-fit:cover}.photo-caption{position:absolute;z-index:1;bottom:20px;left:21px;color:white;font-size:9px;letter-spacing:.11em;font-weight:700}.photo-live{display:inline-block;width:6px;height:6px;margin-right:7px;border-radius:50%;background:#6be89e}.dashboard-card{position:absolute;z-index:2;left:4px;top:87px;width:350px;padding:18px 19px 0;border:1px solid #e7eee9;border-radius:11px;background:#fff;box-shadow:0 25px 60px #163b2918}.dash-top{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #edf1ee;padding-bottom:12px}.dash-brand{font:800 13px var(--display);letter-spacing:-.04em;color:#087f39}.dash-brand i{display:inline-block;width:9px;height:9px;margin-right:3px;border-radius:3px;background:var(--green)}.dash-brand small{font:500 9px var(--body);color:#75837c}.dash-menu{font-size:13px;color:#9ca9a1}.dash-greeting{display:grid;gap:4px;padding:14px 0 11px}.dash-greeting small,.dash-total small{font-size:8px;letter-spacing:.06em;color:#85928b}.dash-greeting b{font:700 15px var(--display)}.dash-total{display:flex;align-items:center;justify-content:space-between}.dash-total>div{display:grid;gap:5px}.dash-total b{font:750 20px var(--display);letter-spacing:-.04em}.trend{padding:5px 7px;border-radius:4px;background:#e9f8ed;color:#078c3d;font-size:9px;font-weight:700}.chart-area{position:relative;height:121px;margin-top:12px;padding-left:40px}.chart-labels{position:absolute;left:0;top:3px;height:101px;display:flex;flex-direction:column;justify-content:space-between;color:#94a198;font-size:8px}.chart-area svg{width:100%;height:112px;overflow:visible}.chart-fill{fill:url(#chartFill)}.chart-line{fill:none;stroke:#0ab846;stroke-width:3;stroke-linecap:round}.chart-days{display:flex;justify-content:space-between;margin:0 1px 12px 39px;color:#a0aaa3;font-size:8px}.dash-activity{display:flex;align-items:center;gap:9px;border-top:1px solid #edf1ee;padding:12px 0}.activity-icon{width:24px;height:24px;border-radius:7px;display:grid;place-items:center;color:#099840;background:#e7f8ec;font-size:11px}.dash-activity>span:nth-child(2){display:grid;gap:3px}.dash-activity small{color:#89978f;font-size:8px}.dash-activity b{font-size:9px}.dash-activity strong{margin-left:auto;font-size:9px;color:#078e3e}.float-chip{z-index:3;position:absolute;display:grid;grid-template-columns:30px 1fr 15px;grid-template-rows:1fr 1fr;align-items:center;column-gap:9px;padding:10px 12px;border:1px solid #eaf0eb;border-radius:9px;background:#fff;box-shadow:0 14px 36px #163b2919}.float-chip>span:first-child{grid-row:1/3;width:29px;height:29px;border-radius:8px;display:grid;place-items:center;background:#eaf9ee;color:#039438}.float-chip b{align-self:end;font-size:10px}.float-chip small{align-self:start;color:#85938b;font-size:8px}.float-chip>i{grid-column:3;grid-row:1/3;width:15px;height:15px;display:grid;place-items:center;border-radius:50%;background:#12bb4c;color:white;font-size:9px;font-style:normal}.chip-qris{right:5px;bottom:46px;width:201px}.chip-api{left:5px;bottom:39px;width:204px}.chip-api>span:first-child{background:#eaf2fe;color:#1572d2}.chip-api>i{background:#e9f8ed;color:#0b9e44;font-size:7px}.api-glyph{font-size:16px}.hero-bottom{height:57px;border-top:1px solid #e0eae3;display:flex;align-items:center;justify-content:space-between;color:#778980;font-size:9px;letter-spacing:.12em}.hero-tags{display:flex;align-items:center;gap:13px;color:#60756a;font-size:10px;letter-spacing:0}.hero-tags i{width:4px;height:4px;background:#52c77b;border-radius:50%}.hero-bottom>a{color:#098d3e;font-weight:700;letter-spacing:0;font-size:11px}.hero-bottom>a span{margin-left:7px}
.ecosystem{padding-top:118px;padding-bottom:109px}.section-intro{margin-bottom:42px}.section-intro .eyebrow,.products-heading .eyebrow,.trust-copy .eyebrow,.faq-section .eyebrow{margin-bottom:17px}.intro-row{display:flex;justify-content:space-between;align-items:end;gap:35px}.section-intro h2,.products-heading h2,.trust-copy h2,.faq-section h2{margin:0;color:#132d25;font-size:clamp(36px,4.2vw,51px);line-height:1.12}.section-intro h2 span,.products-heading h2 span,.trust-copy h2 span,.faq-section h2 span{color:var(--green-dark)}.intro-row>p{max-width:385px;margin:0 0 4px;color:#687a71;font-size:13px;line-height:1.8}.ecosystem-map{height:445px;position:relative;border:1px solid #e3ece5;border-radius:14px;background:radial-gradient(ellipse at 50% 48%,#e3f7e9 0,rgba(236,248,239,.5) 23%,transparent 51%),#f2f9f4;overflow:hidden}.ecosystem-map:before,.ecosystem-map:after{content:"";position:absolute;left:50%;top:49%;border:1px solid #b7e5c3;border-radius:50%;transform:translate(-50%,-50%)}.ecosystem-map:before{width:500px;height:240px;transform:translate(-50%,-50%) rotate(-23deg)}.ecosystem-map:after{width:500px;height:240px;transform:translate(-50%,-50%) rotate(23deg)}.map-center{position:absolute;z-index:2;left:50%;top:50%;width:140px;height:140px;transform:translate(-50%,-50%);border-radius:50%;background:#fff;box-shadow:0 0 0 12px #ffffff80,0 14px 35px #237b3b1d;display:grid;place-items:center;align-content:center;gap:7px}.map-logo{width:75px;height:40px;display:block}.map-logo img{width:100%;height:100%;object-fit:contain}.map-center small{font-size:7px;letter-spacing:.09em;color:#83948b}.map-orbit{position:absolute;border:1px solid #e7f3e8;border-radius:50%;inset:-14px}.orbit-two{inset:-26px}.map-node{position:absolute;z-index:3;width:222px;padding:17px 18px;background:white;border:1px solid #e5eee7;border-radius:9px;box-shadow:0 12px 28px #1c47200b}.node-consumer{left:8%;top:54px}.node-merchant{right:8%;top:54px}.node-business{left:8%;bottom:45px}.node-partner{right:8%;bottom:45px}.node-icon{position:absolute;right:17px;top:15px;width:27px;height:27px;display:grid;place-items:center;border-radius:7px;background:#e8f8ec;color:#098b3d;font-size:13px}.node-merchant .node-icon,.node-partner .node-icon{background:#eaf3ff;color:#1478d7}.map-node small{font-size:8px;color:#71877b;letter-spacing:.08em;font-weight:700}.map-node h3{margin:9px 0 5px;font:700 15px/1.35 var(--display);letter-spacing:-.03em}.map-node p{margin:0;color:#7b8981;font-size:10px;line-height:1.55}.method-strip{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:22px 0;border-bottom:1px solid #e1eae3}.method-strip>span{font-size:9px;letter-spacing:.1em;font-weight:700;color:#71867b;white-space:nowrap}.method-strip>div{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.method-strip b{color:#486157;font-size:11px}.method-strip i{width:3px;height:3px;border-radius:50%;background:#7bc991}
.products-section{padding:100px 0 115px;background:#eef7f1;border-top:1px solid #e8f0e9;border-bottom:1px solid #e8f0e9}.products-heading{display:flex;align-items:end;justify-content:space-between;gap:30px;margin-bottom:37px}.products-heading>p{max-width:370px;margin:0 0 5px;color:#687a71;font-size:13px;line-height:1.8}.product-tabs{display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid #cfded3}.product-tab{position:relative;display:grid;grid-template-columns:31px 1fr 18px;grid-template-rows:1fr 1fr;align-items:end;column-gap:9px;padding:16px 20px 17px;border:0;background:transparent;text-align:left;color:#697c71;cursor:pointer;transition:background .2s,color .2s}.product-tab:after{content:"";position:absolute;height:2px;bottom:-1px;left:0;right:0;transform:scaleX(0);transform-origin:left;background:var(--green-dark);transition:transform .25s}.product-tab.is-active{background:#f8fcf9;color:#12352a}.product-tab.is-active:after{transform:scaleX(1)}.product-tab>span{grid-row:1/3;align-self:center;color:#88a092;font-size:10px}.product-tab>b{font:700 13px var(--display)}.product-tab>small{font-size:10px;color:#829189}.product-tab>i{grid-column:3;grid-row:1/3;align-self:center;color:var(--green-dark);font-size:16px;font-style:normal}.product-showcase{min-height:422px;display:grid;grid-template-columns:.78fr 1.22fr;background:#fff;border:1px solid #e3ece5;border-top:0;animation:panel-in .35s ease both}.product-showcase[hidden]{display:none}@keyframes panel-in{from{opacity:.3;transform:translateY(7px)}to{opacity:1;transform:translateY(0)}}.product-info{padding:57px 50px}.product-kicker{display:flex;align-items:center;gap:8px;margin:0 0 16px;font-size:9px;letter-spacing:.12em;font-weight:700;color:#139647}.product-kicker>span{width:6px;height:6px;border-radius:50%;background:var(--green)}.blue-kicker{color:#1679ce}.blue-kicker>span{background:#1789e4}.deep-kicker{color:#4268bb}.deep-kicker>span{background:#4268bb}.product-info h3{margin:0 0 14px;font:700 clamp(25px,3vw,35px)/1.17 var(--display);letter-spacing:-.05em;color:#15352a}.product-info>p:not(.product-kicker){max-width:350px;margin:0;color:#728178;font-size:12px;line-height:1.75}.product-info ul{display:grid;gap:10px;margin:21px 0 24px;padding:0;list-style:none}.product-info li{position:relative;padding-left:19px;color:#43594d;font-size:11px}.product-info li:before{content:"✓";position:absolute;left:0;color:var(--green-dark);font-weight:700}.text-link{display:inline-flex;align-items:center;gap:8px;color:#087f39;font-size:11px;font-weight:700}.text-link span{font-size:15px}.product-art{position:relative;min-height:422px;overflow:hidden;background:radial-gradient(ellipse at 60% 50%,#e1f5e6 0,transparent 48%),#f4faf5}.product-art:before{content:"";position:absolute;width:350px;height:350px;left:50%;top:50%;border:1px solid #c6e8cf;border-radius:50%;transform:translate(-50%,-50%)}.product-art:after{content:"";position:absolute;width:285px;height:285px;left:50%;top:50%;border:1px dashed #d7ecdc;border-radius:50%;transform:translate(-50%,-50%)}.art-caption{position:absolute;left:22px;right:22px;bottom:17px;display:flex;justify-content:space-between;color:#638271;font-size:8px;letter-spacing:.11em;font-weight:700}.art-caption span{color:#95a89b}.phone{position:absolute;z-index:2;left:50%;top:26px;width:207px;height:362px;padding:19px 13px 12px;border:5px solid #1c2e29;border-radius:27px;background:#fff;transform:translateX(-50%) rotate(-4deg);box-shadow:0 19px 40px #183e2730}.phone-notch{position:absolute;top:5px;left:50%;width:62px;height:11px;border-radius:0 0 9px 9px;background:#1c2e29;transform:translateX(-50%)}.phone-header{display:flex;justify-content:space-between;margin-top:7px;font-size:9px;font-weight:700}.phone-header b{font-size:14px;color:#088f3e}.wallet-card{position:relative;height:89px;margin-top:13px;padding:12px;border-radius:9px;display:grid;gap:5px;background:linear-gradient(115deg,#08b848,#008a48);color:white;overflow:hidden}.wallet-card:after{content:"";position:absolute;width:115px;height:115px;right:-32px;top:-58px;border:1px solid #ffffff40;border-radius:50%;box-shadow:0 0 0 14px #ffffff12,0 0 0 28px #ffffff0b}.wallet-card small{font-size:8px;color:#ddf6e5}.wallet-card>b{font:700 17px var(--display)}.wallet-card>span{font-size:8px;letter-spacing:.08em}.wallet-card>i{position:absolute;right:11px;bottom:9px;font:800 13px var(--display);font-style:normal}.phone-actions{display:flex;justify-content:space-between;margin:15px 0 18px}.phone-actions span{display:grid;justify-items:center;gap:5px;color:#6a7d72;font-size:7px}.phone-actions i{width:29px;height:29px;display:grid;place-items:center;border-radius:9px;background:#eaf8ed;color:#0b9d43;font-size:13px;font-style:normal}.phone-section{display:flex;justify-content:space-between;align-items:center;margin-bottom:8px}.phone-section b{font-size:9px}.phone-section span{font-size:7px;color:#0b9d43}.phone-row{display:grid;grid-template-columns:27px 1fr auto;gap:7px;align-items:center;padding:8px 0;border-top:1px solid #edf1ee}.trans-icon{width:25px;height:25px;border-radius:7px;display:grid;place-items:center;font-size:11px;font-style:normal}.trans-blue{background:#edf4fd;color:#267cc4}.trans-green{background:#eaf8ed;color:#129246}.phone-row>span{display:grid;gap:3px}.phone-row b{font-size:7px}.phone-row small{font-size:6px;color:#89968e}.phone-row strong{font-size:7px;color:#64766c}.phone-row .positive{color:#0b9b42}.phone-nav{position:absolute;left:0;right:0;bottom:0;height:32px;display:flex;justify-content:space-around;align-items:center;border-top:1px solid #edf1ee;color:#87968c;font-size:11px}.cashier-window,.business-window{position:absolute;z-index:2;left:50%;top:64px;width:min(500px,85%);height:282px;overflow:hidden;border:1px solid #e0e9e2;border-radius:9px;background:#fff;transform:translateX(-50%);box-shadow:0 18px 40px #153c2624}.window-bar{height:29px;display:flex;align-items:center;gap:5px;padding:0 11px;background:#fbfcfb;border-bottom:1px solid #edf1ed}.window-bar>span{width:5px;height:5px;border-radius:50%;background:#cbd6ce}.window-bar>b{margin:auto;font-size:7px;letter-spacing:.08em;color:#839088}.cashier-content,.business-content{display:grid;grid-template-columns:43px 1fr;height:calc(100% - 29px)}.cashier-content aside,.business-content aside{display:flex;flex-direction:column;align-items:center;gap:16px;padding-top:12px;border-right:1px solid #edf1ed;color:#82928a;font-size:12px}.aside-logo{width:22px;height:22px;display:grid;place-items:center;border-radius:6px;background:#05b841;color:white;font:800 12px var(--display);font-style:normal}.cashier-content aside>i:not(.aside-logo),.business-content aside>i:not(.aside-logo){font-style:normal}.cashier-content aside .aside-active,.business-content aside .aside-active{color:#07943d}.cashier-main,.business-main{padding:15px 17px}.cashier-title,.business-top{display:flex;align-items:end;justify-content:space-between}.cashier-title>span,.business-top>div{display:grid;gap:4px}.cashier-title small,.business-top small{font-size:6px;letter-spacing:.1em;color:#87978c}.cashier-title b,.business-top b{font:700 12px var(--display)}.cashier-title em,.business-top>span{padding:5px 7px;border:1px solid #e9efea;border-radius:4px;color:#728178;font-size:7px;font-style:normal}.cashier-stats{display:grid;grid-template-columns:1fr 1fr;gap:9px;margin-top:14px}.cashier-stats>div,.business-cards>div{display:grid;gap:5px;padding:10px;border:1px solid #e9efea;border-radius:5px}.cashier-stats small,.business-cards small{font-size:7px;color:#819087}.cashier-stats b{font:700 12px var(--display)}.cashier-stats i{font-size:6px;color:#0b9e46;font-style:normal}.cashier-chart{margin-top:10px;padding:10px;border:1px solid #e9efea;border-radius:5px}.cashier-chart>div:first-child{display:grid;gap:3px}.cashier-chart b,.cashier-recent>b{font-size:8px}.cashier-chart small{font-size:6px;color:#8b9890}.bars{height:77px;display:flex;align-items:end;justify-content:space-around;padding:9px 18px 0;border-bottom:1px solid #eef2ef}.bars i{width:9px;height:var(--h);border-radius:3px 3px 0 0;background:linear-gradient(0deg,#35c96c,#9ce4b2)}.bars i:nth-child(4n){background:linear-gradient(0deg,#078d3d,#52d17c)}.cashier-recent{display:flex;justify-content:space-between;margin-top:10px}.cashier-recent>span{font-size:7px;color:#63766b}.cashier-recent strong{margin-left:9px;color:#0b9a41}.qris-float{position:absolute;z-index:3;right:8%;bottom:66px;display:flex;align-items:center;gap:9px;padding:10px 13px;border:1px solid #e1ebe3;border-radius:8px;background:white;box-shadow:0 12px 30px #173a2220}.qris-pattern{width:29px;height:29px;display:grid;place-items:center;border-radius:5px;background:#e8f8ec;color:#078c39;font-size:18px}.qris-float>span{display:grid;gap:4px}.qris-float b{font-size:8px}.qris-float small{font-size:7px;color:#829087}.qris-float>i{width:14px;height:14px;display:grid;place-items:center;border-radius:50%;background:#0bb746;color:white;font-size:8px;font-style:normal}.business-window{top:57px;height:296px}.business-content aside{gap:18px}.business-main{padding:14px 15px}.business-top{align-items:center}.business-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:7px;margin-top:14px}.business-cards>div{gap:5px;padding:9px 8px}.business-cards b{font:700 12px var(--display)}.business-cards i{font-size:6px;color:#078e3b;font-style:normal}.business-cards .green-label{color:#079541}.business-lower{display:grid;grid-template-columns:1fr 120px;gap:8px;margin-top:9px}.business-graph,.business-api{padding:10px;border:1px solid #e9efea;border-radius:5px}.business-graph>b,.business-api>b{display:block;font-size:8px}.business-graph>small{font-size:6px;color:#849188}.graph-visual{height:84px;margin-top:5px;background:repeating-linear-gradient(0deg,transparent 0 20px,#f0f4f1 21px 22px)}.graph-visual svg{width:100%;height:100%;overflow:visible}.graph-visual path:first-child{fill:none;stroke:#087bd1;stroke-width:3}.graph-visual .graph-fill{fill:#daf1e1;opacity:.75}.business-api{display:flex;flex-direction:column;align-items:flex-start;justify-content:center;gap:8px}.api-mini{width:24px;height:24px;display:grid;place-items:center;border-radius:6px;background:#eaf3ff;color:#147ad4}.business-api>small{font-size:6px;color:#7d8c83;letter-spacing:.1em}.business-api>b{line-height:1.4}.business-api>i{font-size:6px;color:#168b45;font-style:normal}.business-api>i em{display:inline-block;width:5px;height:5px;border-radius:50%;background:#16be4c}.art-circle{position:absolute;inset:60px auto auto 50%;width:300px;height:300px;border:1px solid #d7efdd;border-radius:50%;transform:translateX(-50%)}
.sectors{padding-top:111px;padding-bottom:115px}.sector-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:13px}.sector-card{position:relative;min-height:239px;padding:21px 20px 18px;border:1px solid #e3ebe4;border-radius:9px;background:#fff;transition:transform .25s,box-shadow .25s,border-color .25s}.sector-card:hover{transform:translateY(-5px);border-color:#b6dfc1;box-shadow:0 16px 35px #14351d10}.sector-card>span{font-size:8px;letter-spacing:.09em;color:#82948a;font-weight:700}.sector-card>i{position:absolute;right:19px;top:18px;color:#0b9140;font-size:16px;font-style:normal}.sector-icon{width:40px;height:40px;display:grid;place-items:center;margin:28px 0 15px;border-radius:10px;background:#e9f8ec;color:#078f3b;font-size:18px}.sector-coop .sector-icon,.sector-institution .sector-icon{background:#eaf3ff;color:#1677d2}.sector-enterprise .sector-icon{background:#e9f6f5;color:#0c8580}.sector-card h3{margin:0 0 7px;font:700 16px var(--display);letter-spacing:-.035em}.sector-card p{max-width:210px;margin:0;color:#75847b;font-size:10px;line-height:1.65}.trust-section{padding:102px 0;background:#eef7f1}.trust-grid{display:grid;grid-template-columns:1fr .95fr;gap:100px;align-items:center}.trust-copy h2{font-size:46px}.trust-copy>p:not(.eyebrow){max-width:460px;margin:18px 0 20px;color:#687a71;font-size:13px;line-height:1.8}.trust-stats{display:flex;gap:37px;margin-top:45px;padding-top:20px;border-top:1px solid #d4e4d8}.trust-stats div{display:grid;gap:5px}.trust-stats b{font:750 20px var(--display);color:#168844;letter-spacing:-.04em}.trust-stats small{font-size:9px;color:#78897f}.trust-visual{position:relative;padding:0 0 22px 20px}.trust-photo{height:335px;position:relative;overflow:hidden;border-radius:9px 94px 9px 9px}.trust-photo img{filter:saturate(.86)}.trust-photo>span{position:absolute;z-index:1;left:22px;bottom:21px;color:white;font:700 13px/1.5 var(--display);letter-spacing:.06em}.trust-note{position:absolute;left:0;right:48px;bottom:0;min-height:70px;display:flex;align-items:center;gap:12px;padding:12px 15px;border:1px solid #e5eee7;border-radius:8px;background:#fff;box-shadow:0 14px 25px #173b230e}.trust-seal{width:38px;height:38px;display:grid;place-items:center;border-radius:50%;background:#e8f8ec;color:#0a9440;font-size:17px}.trust-note>div{display:grid;gap:4px}.trust-note b{font-size:10px}.trust-note small{font-size:8px;color:#7b8980}.trust-note>i{margin-left:auto;color:#078f3c;font-size:16px;font-style:normal}.faq-section{display:grid;grid-template-columns:.8fr 1.2fr;gap:90px;padding-top:112px;padding-bottom:114px}.faq-section h2{font-size:42px}.faq-list details{border-bottom:1px solid #e1eae3}.faq-list details:first-child{border-top:1px solid #e1eae3}.faq-list summary{display:flex;justify-content:space-between;gap:20px;align-items:center;padding:19px 0;cursor:pointer;list-style:none;font-size:13px;font-weight:650;color:#273e33}.faq-list summary::-webkit-details-marker{display:none}.faq-list summary span{color:#159647;font-size:18px;transition:transform .2s}.faq-list details[open] summary span{transform:rotate(45deg)}.faq-list details p{max-width:600px;margin:-2px 35px 17px 0;color:#718178;font-size:11px;line-height:1.75}.faq-list .text-link{margin-bottom:16px}.contact-band{padding:73px 0;background:linear-gradient(105deg,#087c3b,#09a84e 63%,#0878ba);color:white;position:relative;overflow:hidden}.contact-band:after{content:"";position:absolute;width:460px;height:460px;right:-96px;top:-235px;border:1px solid #ffffff2b;border-radius:50%;box-shadow:0 0 0 35px #ffffff0a,0 0 0 75px #ffffff08}.contact-inner{position:relative;z-index:1;display:flex;align-items:center;justify-content:space-between;gap:40px}.contact-inner .eyebrow{color:#d4f4df}.contact-inner h2{margin:0;color:white;font-size:43px;line-height:1.12}.contact-inner h2 span{color:#b9f1cb}.contact-cta{display:grid;justify-items:start;gap:13px;min-width:275px}.contact-cta>p{max-width:290px;margin:0;color:#dcf1e2;font-size:12px;line-height:1.7}.button-white{background:#fff;color:#087c3b}.contact-cta>a:last-child{font-size:10px;color:#e1f3e5}.site-footer{background:#fff}.footer-top{display:grid;grid-template-columns:1.2fr 1fr .8fr 1fr;gap:50px;padding-top:49px;padding-bottom:40px}.footer-brand{align-self:start}.footer-top>p{margin:8px 0 0;color:#718178;font:600 12px/1.7 var(--display)}.footer-links{display:grid;align-content:start;gap:10px}.footer-links>span{margin-bottom:3px;color:#86958b;font-size:8px;font-weight:700;letter-spacing:.12em}.footer-links>a{color:#4f6559;font-size:10px}.footer-links>a:hover{color:#078c3d}.footer-bottom{height:51px;display:flex;align-items:center;justify-content:space-between;border-top:1px solid #e9efea;color:#809087;font-size:9px}.footer-bottom b{color:var(--green);margin-left:3px}.footer-bottom a{color:#548064}
@media(max-width:1000px){.main-nav{gap:19px}.main-nav>a,.nav-trigger{font-size:12px}.header-actions{gap:14px}.hero-grid{grid-template-columns:.9fr 1.1fr}.hero-stage{transform:scale(.9);transform-origin:center right;margin-left:-26px;margin-right:-22px}.trust-grid{gap:46px}.faq-section{gap:55px}.product-info{padding:47px 33px}.products-heading h2{font-size:43px}}@media(max-width:760px){html{scroll-padding-top:74px}.section-shell{width:calc(100% - 38px)}.notice-bar{height:29px;font-size:8px}.site-header{height:67px;padding:0 19px}.brand{width:94px;height:45px}.menu-toggle{display:flex;position:absolute;right:157px;top:22px;width:27px;height:24px;padding:4px 1px;flex-direction:column;justify-content:center;gap:5px;border:0;background:none}.menu-toggle span{width:21px;height:2px;border-radius:2px;background:#234235;transition:.2s}.menu-open .menu-toggle span:first-child{transform:translateY(3.5px) rotate(45deg)}.menu-open .menu-toggle span:last-child{transform:translateY(-3.5px) rotate(-45deg)}.header-actions{gap:10px}.header-login{font-size:11px}.button-small{min-height:35px;padding-inline:11px;font-size:10px}.main-nav{position:absolute;display:none;left:0;right:0;top:67px;height:auto;padding:11px 20px 17px;background:#f8fbf8;border-bottom:1px solid var(--line);box-shadow:0 15px 25px #183b180c;align-items:stretch;gap:0}.menu-open .main-nav{display:flex;flex-direction:column}.main-nav>a,.nav-trigger{height:44px;width:100%;justify-content:space-between;font-size:13px;border-bottom:1px solid #e7eee8}.nav-item{height:auto}.mega-menu{position:static;display:none;width:auto;padding:5px 7px;border:0;border-radius:0;box-shadow:none;background:#f1f8f3;opacity:1;visibility:visible;transform:none}.has-menu.menu-open .mega-menu{display:grid}.mega-menu>a{padding:9px}.hero-grid{grid-template-columns:1fr;gap:0;padding:52px 0 0}.hero-copy{padding:0}.hero h1{font-size:clamp(42px,10.7vw,58px)}.hero-lede{font-size:13px}.hero-actions{margin:23px 0 22px}.hero-proof{padding-top:14px}.hero-stage{height:420px;margin:0 -12px;transform:scale(.84);transform-origin:top center;width:calc(100% + 24px);margin-bottom:-58px}.stage-glow{left:50%;transform:translateX(-50%);width:370px;height:370px}.merchant-photo{right:10px;width:270px;height:310px}.dashboard-card{left:4px;top:80px;width:305px;transform:scale(.91);transform-origin:top left}.float-chip{transform:scale(.88)}.chip-qris{right:0;bottom:40px}.chip-api{left:0;bottom:30px}.hero-bottom{height:55px;gap:9px}.hero-bottom>span{max-width:115px;line-height:1.5;font-size:7px}.hero-tags{gap:7px;font-size:8px}.hero-tags i{width:3px;height:3px}.hero-bottom>a{font-size:9px;white-space:nowrap}.ecosystem{padding-top:77px;padding-bottom:70px}.section-intro{margin-bottom:27px}.intro-row{display:block}.section-intro h2,.products-heading h2,.trust-copy h2,.faq-section h2{font-size:37px}.intro-row>p{margin-top:14px;font-size:12px}.ecosystem-map{height:auto;min-height:0;display:grid;grid-template-columns:1fr;align-content:start;gap:10px;padding:18px 13px}.ecosystem-map:before,.ecosystem-map:after{display:none}.map-center{position:relative;left:auto;top:auto;transform:none;grid-row:1;width:90px;height:90px;margin:5px auto 9px;box-shadow:0 0 0 7px #ffffff80,0 14px 30px #237b3b1d}.map-logo{width:55px;height:30px}.map-center small{font-size:6px}.map-orbit{inset:-9px}.orbit-two{inset:-17px}.map-node{position:relative;inset:auto;width:auto;min-height:0;padding:14px 13px;align-self:auto}.map-node:nth-of-type(odd),.map-node:nth-of-type(even){transform:none}.node-icon{width:23px;height:23px;right:10px;top:10px}.map-node small{font-size:7px}.map-node h3{font-size:12px}.map-node p{font-size:9px}.method-strip{align-items:flex-start;flex-direction:column;padding:17px 0}.method-strip>div{gap:10px 13px}.method-strip b{font-size:9px}.products-section{padding:70px 0}.products-heading{display:block;margin-bottom:24px}.products-heading h2{font-size:36px}.products-heading>p{margin-top:13px;font-size:12px}.product-tab{grid-template-columns:21px 1fr;grid-template-rows:1fr 1fr;gap:4px;padding:12px 9px}.product-tab>span{font-size:8px}.product-tab>b{font-size:10px}.product-tab>small{grid-column:2;font-size:8px}.product-tab>i{display:none}.product-showcase{grid-template-columns:1fr}.product-info{padding:32px 24px 27px}.product-info h3{font-size:30px}.product-info>p:not(.product-kicker){font-size:11px}.product-info ul{grid-template-columns:1fr 1fr;gap:10px 6px}.product-info li{font-size:9px}.product-art{min-height:380px}.cashier-window{top:55px;width:90%;height:278px}.business-window{top:51px;width:93%;height:295px}.qris-float{right:2%;bottom:50px;transform:scale(.86);transform-origin:right bottom}.sectors{padding-top:74px;padding-bottom:75px}.sector-grid{grid-template-columns:1fr 1fr;gap:9px}.sector-card{min-height:218px;padding:15px 13px}.sector-card>span{font-size:7px}.sector-card>i{right:12px;top:14px}.sector-icon{width:35px;height:35px;margin:25px 0 12px}.sector-card h3{font-size:13px}.sector-card p{font-size:9px}.trust-section{padding:72px 0}.trust-grid{grid-template-columns:1fr;gap:30px}.trust-copy h2{font-size:36px}.trust-copy>p:not(.eyebrow){font-size:12px}.trust-stats{gap:22px;margin-top:28px}.trust-stats b{font-size:17px}.trust-stats small{font-size:8px}.trust-visual{padding-left:12px}.trust-photo{height:278px;border-top-right-radius:77px}.trust-note{right:24px;min-height:60px;padding:8px 10px}.trust-note b{font-size:9px}.trust-note small{font-size:7px}.trust-seal{width:32px;height:32px}.faq-section{grid-template-columns:1fr;gap:21px;padding-top:76px;padding-bottom:75px}.faq-section h2{font-size:35px}.faq-list summary{font-size:12px;padding:16px 0}.faq-list details p{font-size:10px}.contact-band{padding:55px 0}.contact-inner{display:block}.contact-inner h2{font-size:36px}.contact-cta{margin-top:23px;min-width:auto}.contact-cta>p{font-size:11px}.footer-top{grid-template-columns:1fr 1fr;gap:26px 15px;padding-top:34px;padding-bottom:27px}.footer-top>p{font-size:10px}.footer-links{gap:9px}.footer-links>span{font-size:7px}.footer-links>a{font-size:9px}.footer-bottom{height:50px;font-size:7px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{scroll-behavior:auto!important;animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}

.reveal{opacity:0;transform:translateY(13px);transition:opacity .55s ease,transform .55s ease;transition-delay:var(--reveal-delay,0ms)}.reveal.is-visible{opacity:1;transform:none}@media(prefers-reduced-motion:reduce){.reveal{opacity:1;transform:none}}

/* Quiet motion system: short entrances, low-amplitude drift, and clear reduced-motion support. */
.scroll-progress{position:fixed;z-index:100;top:0;left:0;width:100%;height:3px;transform:scaleX(0);transform-origin:left center;background:linear-gradient(90deg,#00b83d 0%,#1cc568 55%,#0876dd 100%);pointer-events:none;will-change:transform}
@keyframes rise-in{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}
@keyframes hero-art-in{from{opacity:0;translate:0 16px}to{opacity:1;translate:0 0}}
@keyframes soft-drift{0%,100%{translate:0 0}50%{translate:0 -8px}}
@keyframes glow-breathe{0%,100%{opacity:.72;transform:scale(.97)}50%{opacity:1;transform:scale(1.04)}}
@keyframes draw-chart{to{stroke-dashoffset:0}}
@keyframes bar-rise{from{transform:scaleY(.25);opacity:.55}to{transform:scaleY(1);opacity:1}}
@keyframes orbit-turn{to{transform:rotate(360deg)}}
@keyframes shine-sweep{0%{transform:translateX(-120%)}55%,100%{transform:translateX(140%)}}
.hero-copy .eyebrow,.hero-copy h1,.hero-copy .hero-lede,.hero-copy .hero-actions,.hero-copy .hero-proof{animation:rise-in .72s cubic-bezier(.2,.7,.2,1) both}
.hero-copy h1{animation-delay:80ms}.hero-copy .hero-lede{animation-delay:150ms}.hero-copy .hero-actions{animation-delay:210ms}.hero-copy .hero-proof{animation-delay:270ms}
.hero-stage{--pointer-x:55%;--pointer-y:45%;animation:hero-art-in .9s .12s cubic-bezier(.2,.7,.2,1) both}
.hero-stage.has-pointer:before{content:"";position:absolute;z-index:5;inset:0;pointer-events:none;background:radial-gradient(280px circle at var(--pointer-x) var(--pointer-y),#ffffff5c,transparent 70%);mix-blend-mode:soft-light}
.stage-glow{animation:glow-breathe 7s ease-in-out infinite}
.dashboard-card{animation:soft-drift 6s ease-in-out infinite}
.float-chip{animation:soft-drift 5.2s ease-in-out infinite}.chip-api{animation-delay:-2.5s}.chip-qris{animation-delay:-.8s}
.chart-line{stroke-dasharray:560;stroke-dashoffset:560;animation:draw-chart 1.8s .9s ease-out forwards}
.hero-bottom .hero-tags i{animation:glow-breathe 2.8s ease-in-out infinite}.hero-bottom .hero-tags i:nth-of-type(2){animation-delay:.5s}.hero-bottom .hero-tags i:nth-of-type(3){animation-delay:1s}
.map-orbit{animation:orbit-turn 36s linear infinite}.orbit-two{animation-direction:reverse;animation-duration:48s}
.product-tab{transition:background .25s,color .25s,transform .25s}.product-tab:hover{transform:translateY(-2px)}.product-tab:after{transition:transform .34s cubic-bezier(.2,.7,.2,1)}
.product-showcase{animation:panel-in .48s cubic-bezier(.2,.7,.2,1) both}.product-art:before{transition:transform .7s ease,border-color .7s ease}.product-showcase:hover .product-art:before{transform:translate(-50%,-50%) scale(1.035);border-color:#96dca9}
.phone{transition:transform .45s cubic-bezier(.2,.7,.2,1),box-shadow .45s}.cash-art:hover .phone{transform:translateX(-50%) rotate(-1deg) translateY(-5px);box-shadow:0 25px 48px #183e2738}
.bars i{transform-origin:bottom;animation:bar-rise .7s cubic-bezier(.2,.7,.2,1) both}.bars i:nth-child(2){animation-delay:80ms}.bars i:nth-child(3){animation-delay:150ms}.bars i:nth-child(4){animation-delay:220ms}.bars i:nth-child(5){animation-delay:290ms}.bars i:nth-child(6){animation-delay:360ms}.bars i:nth-child(7){animation-delay:430ms}.bars i:nth-child(8){animation-delay:500ms}.bars i:nth-child(9){animation-delay:570ms}.bars i:nth-child(10){animation-delay:640ms}
.business-graph svg path:first-child{stroke-dasharray:520;stroke-dashoffset:520;animation:draw-chart 1.5s .4s ease-out forwards}
.qris-float{transition:transform .3s,box-shadow .3s}.cashier-art:hover .qris-float{transform:translateY(-5px);box-shadow:0 18px 35px #173a2229}
.sector-card{transition:transform .3s cubic-bezier(.2,.7,.2,1),box-shadow .3s,border-color .3s}.sector-icon{transition:transform .3s,background .3s}.sector-card:hover .sector-icon{transform:rotate(-7deg) scale(1.08)}
.trust-photo img{transition:transform .8s cubic-bezier(.2,.7,.2,1)}.trust-visual:hover .trust-photo img{transform:scale(1.045)}.trust-photo:before{content:"";position:absolute;z-index:1;inset:0 auto 0 -40%;width:32%;background:linear-gradient(90deg,transparent,#ffffff40,transparent);transform:skewX(-16deg);opacity:0}.trust-visual:hover .trust-photo:before{opacity:1;animation:shine-sweep 1s ease}
.button span,.text-link span,.header-actions .button span{transition:transform .2s}.button:hover span,.text-link:hover span{transform:translate(2px,-2px)}
@media(max-width:760px){.scroll-progress{height:2px}.hero-copy .hero-proof{animation-delay:180ms}.dashboard-card{animation-duration:7s}.float-chip{animation-duration:6s}.map-orbit,.orbit-two{animation-duration:55s}}
@media(prefers-reduced-motion:reduce){.scroll-progress{display:none}.hero-copy .eyebrow,.hero-copy h1,.hero-copy .hero-lede,.hero-copy .hero-actions,.hero-copy .hero-proof,.hero-stage,.stage-glow,.dashboard-card,.float-chip,.chart-line,.hero-bottom .hero-tags i,.map-orbit,.orbit-two,.product-showcase,.bars i,.business-graph svg path:first-child{animation:none!important;stroke-dashoffset:0!important;translate:none!important}.hero-stage.has-pointer:before{display:none}.trust-visual:hover .trust-photo img,.cash-art:hover .phone{transform:none}.trust-visual:hover .trust-photo:before{animation:none}}

/* Industry solutions menu and verticals. */
.solution-menu{left:-124px;width:min(650px,calc(100vw - 40px));grid-template-columns:1fr 1fr;gap:4px;padding:13px}
.solution-menu>a{min-height:67px}
.solution-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}
.solution-grid .sector-card{min-height:248px}
.solution-grid .sector-card p{max-width:260px}
#solution-lending,#solution-marketplace,#solution-wallet,#solution-psp,#solution-commerce,#solution-growth{scroll-margin-top:125px}
.sector-marketplace .sector-icon,.sector-psp .sector-icon{background:#eaf3ff;color:#1677d2}
.sector-wallet .sector-icon,.sector-commerce .sector-icon{background:#e9f6f5;color:#0c8580}
.solution-grid .sector-card:target{border-color:#65c984;box-shadow:0 0 0 3px #14a34a13,0 16px 35px #14351d10}
@media(max-width:760px){.solution-menu{left:auto;width:auto;grid-template-columns:1fr;padding:5px 7px}.solution-menu>a{min-height:52px}.solution-grid{grid-template-columns:1fr 1fr;gap:9px}.solution-grid .sector-card{min-height:230px}.solution-grid .sector-card p{font-size:9px}}
@media(max-width:420px){.solution-grid{grid-template-columns:1fr}.solution-grid .sector-card{min-height:205px}}