@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700;800&family=Plus+Jakarta+Sans:wght@600;700;800&display=swap');
:root{--blue:#16a9e8;--blue2:#078bd0;--pink:#ff3e75;--orange:#ff6a3d;--yellow:#ffc94a;--ink:#171b2a;--muted:#687180;--paper:#fff;--soft:#f6f9fc;--line:#e7ebf0}
*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{font-family:"DM Sans",Arial,sans-serif;color:var(--ink);background:#fff;line-height:1.6}a{text-decoration:none;color:inherit}.container{width:min(1160px,calc(100% - 40px));margin:auto}
.site-header{position:absolute;top:0;left:0;right:0;z-index:20}.nav{height:88px;display:flex;align-items:center;justify-content:space-between}.brand{display:flex;align-items:center;gap:10px;font-family:"Plus Jakarta Sans",sans-serif;font-weight:800;font-size:18px}.brand-mark{width:42px;height:42px;border-radius:12px 12px 12px 3px;background:linear-gradient(135deg,var(--blue),#65d8ff);display:grid;place-items:center;color:#fff;font-size:15px;box-shadow:0 8px 20px #16a9e833}.brand em{font-style:normal;color:var(--pink)}.desktop-nav{display:flex;align-items:center;gap:27px}.desktop-nav>a{font-size:12px;font-weight:700;color:#4f5866}.desktop-nav>a:hover{color:var(--blue2)}.nav-cta{padding:12px 19px;background:var(--pink);color:#fff!important;border-radius:25px;box-shadow:0 8px 18px #ff3e7533}.mobile-menu-button{display:none;border:0;background:none;font-size:25px}
.hero{position:relative;overflow:hidden;background:#fff;min-height:720px;padding-top:88px}.hero-inner{min-height:630px;display:grid;grid-template-columns:1fr 1fr;align-items:center;gap:35px}.hero-copy{position:relative;z-index:4}.eyebrow{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--pink);text-transform:uppercase}.hero h1{font-family:"Plus Jakarta Sans",sans-serif;font-size:clamp(48px,6vw,76px);line-height:1.02;letter-spacing:-4px;margin-top:15px;max-width:650px}.hero h1 .blue{color:var(--blue)}.hero h1 .pink{color:var(--pink)}.hero-copy>p{max-width:550px;color:var(--muted);font-size:15px;margin-top:23px;line-height:1.8}.hero-actions{display:flex;align-items:center;gap:20px;margin-top:30px}.btn-primary{display:inline-flex;align-items:center;gap:10px;background:var(--blue);color:#fff;padding:14px 22px;border-radius:26px;font-size:12px;font-weight:800;box-shadow:0 12px 25px #16a9e83d}.btn-secondary{font-size:12px;font-weight:800;color:#3f4854;border-bottom:2px solid var(--pink);padding-bottom:4px}.hero-proof{display:flex;align-items:center;gap:12px;margin-top:30px;font-size:11px;color:#687180}.proof-dot{width:30px;height:30px;border-radius:50%;background:#e9f8ff;color:var(--blue);display:grid;place-items:center;font-weight:900}
.hero-art{height:510px;position:relative}.blob{position:absolute;inset:35px 0 20px 30px;border-radius:48% 52% 43% 57%/52% 42% 58% 48%;background:linear-gradient(145deg,#dff6ff,#f2f9ff);overflow:hidden}.blob:before{content:"";position:absolute;width:180px;height:180px;background:#ffd0dc;border-radius:50%;right:-35px;top:30px}.blob:after{content:"";position:absolute;width:150px;height:150px;background:#ffe69a;border-radius:50%;left:-45px;bottom:15px}.orbit{position:absolute;inset:35px 0 20px 30px;border:2px solid #c9eefa;border-radius:50%;transform:rotate(-16deg) scale(1.05)}.orbit2{position:absolute;inset:65px 35px 50px 60px;border:1px dashed #a9dff3;border-radius:50%;transform:rotate(22deg)}.desk-card{position:absolute;z-index:3;width:300px;height:200px;background:#fff;border-radius:18px;right:35px;top:155px;box-shadow:0 25px 60px #23384a22;padding:22px;transform:rotate(-5deg)}.desk-card .mini-head{display:flex;justify-content:space-between;font-size:9px;color:#8993a1}.desk-card h3{font-family:"Plus Jakarta Sans";font-size:23px;margin-top:22px}.mini-bars{display:flex;align-items:end;gap:7px;height:65px;margin-top:15px}.mini-bars i{display:block;flex:1;border-radius:5px 5px 0 0;background:var(--blue)}.mini-bars i:nth-child(1){height:35%}.mini-bars i:nth-child(2){height:55%;background:#6cd8f8}.mini-bars i:nth-child(3){height:45%;background:var(--pink)}.mini-bars i:nth-child(4){height:80%;background:var(--orange)}.mini-bars i:nth-child(5){height:66%;background:var(--blue)}.person{position:absolute;z-index:4;left:75px;bottom:35px;width:190px;height:250px}.person .head{position:absolute;width:55px;height:55px;border-radius:50%;background:#d9906d;left:67px;top:15px}.person .hair{position:absolute;width:65px;height:42px;border-radius:50% 50% 35% 35%;background:#222;left:62px;top:5px}.person .body{position:absolute;width:125px;height:130px;border-radius:65px 65px 18px 18px;background:var(--blue);left:32px;top:65px;transform:rotate(-10deg)}.person .laptop{position:absolute;width:145px;height:95px;border-radius:8px;background:#263646;left:17px;bottom:40px;transform:skewY(-8deg);box-shadow:0 10px 0 #a8b4bd}.person .screen{position:absolute;width:120px;height:70px;background:#dff6ff;left:12px;top:10px;border-radius:4px}.person .screen:after{content:"DAN PAY HUB";font-size:7px;font-weight:800;color:var(--blue2);position:absolute;left:12px;top:20px}.rocket{position:absolute;z-index:5;right:10px;top:85px;width:55px;height:55px;background:var(--pink);border-radius:50% 50% 50% 10%;transform:rotate(25deg);display:grid;place-items:center;color:#fff;font-size:23px;box-shadow:0 12px 25px #ff3e7544}.tag{position:absolute;z-index:6;background:#fff;border-radius:12px;padding:11px 15px;box-shadow:0 12px 30px #20334422;font-size:10px;font-weight:800}.tag-one{left:0;top:115px;color:var(--blue2)}.tag-two{right:0;bottom:85px;color:var(--pink)}
.wave{position:absolute;bottom:-1px;left:-5%;width:110%;height:75px;background:#ff3e75;clip-path:ellipse(52% 75% at 50% 100%)}.hero-dots{position:absolute;right:35px;top:130px;width:75px;height:75px;background:radial-gradient(circle,var(--blue) 2px,transparent 3px);background-size:12px 12px;opacity:.35}
.section{padding:100px 0}.soft{background:var(--soft)}.pink-section{background:linear-gradient(120deg,#ff3e75,#ff5a62);color:#fff}.label{font-size:10px;letter-spacing:2px;font-weight:800;color:var(--pink)}.pink-section .label{color:#ffd5df}h2{font-family:"Plus Jakarta Sans";font-size:clamp(38px,5vw,62px);line-height:1.02;letter-spacing:-3px;margin-top:10px}h2 .blue{color:var(--blue)}h2 .pink{color:var(--pink)}.lead{color:var(--muted);max-width:600px;font-size:15px;line-height:1.8}.intro{display:grid;grid-template-columns:1fr .8fr;gap:80px;align-items:end}.cards{display:grid;grid-template-columns:repeat(4,1fr);gap:18px;margin-top:55px}.card{padding:28px;border:1px solid var(--line);border-radius:18px;background:#fff;min-height:210px}.card .num{width:38px;height:38px;border-radius:11px;background:#eaf8ff;color:var(--blue);display:grid;place-items:center;font-weight:800;font-size:12px}.card:nth-child(2) .num{background:#fff0f4;color:var(--pink)}.card:nth-child(3) .num{background:#fff5e8;color:var(--orange)}.card:nth-child(4) .num{background:#fff8d9;color:#c28a00}.card h3{font-family:"Plus Jakarta Sans";font-size:17px;margin-top:25px}.card p{font-size:12px;color:var(--muted);margin-top:9px}
.services-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:50px}.service{padding:32px;border-radius:18px;background:#fff;border:1px solid var(--line);display:grid;grid-template-columns:50px 1fr;gap:20px;align-items:start}.service-num{font-size:11px;font-weight:800;color:var(--blue)}.service:nth-child(2n) .service-num{color:var(--pink)}.service h3{font-family:"Plus Jakarta Sans";font-size:18px}.service p{color:var(--muted);font-size:13px;margin-top:7px}.service a{display:inline-block;color:var(--blue2);font-size:11px;font-weight:800;margin-top:14px}
.process{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px;align-items:center}.steps{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.step{background:#fff;border-radius:18px;padding:28px;border:1px solid var(--line);min-height:190px}.step b{color:var(--pink);font-size:10px}.step h3{font-family:"Plus Jakarta Sans";margin-top:35px;font-size:17px}.step p{font-size:12px;color:var(--muted);margin-top:7px}
.about{display:grid;grid-template-columns:.75fr 1.25fr;gap:100px;align-items:center}.about-art{height:320px;position:relative}.about-circle{width:270px;height:270px;border-radius:50%;background:#e5f7ff;position:absolute;left:20px;top:25px}.about-circle:before{content:"";position:absolute;width:150px;height:150px;border-radius:50%;background:#ffd4df;right:-35px;top:25px}.about-circle:after{content:"DP";position:absolute;display:grid;place-items:center;width:100px;height:100px;border-radius:25px;background:var(--blue);color:#fff;font-family:"Plus Jakarta Sans";font-size:30px;left:85px;top:85px;box-shadow:0 20px 40px #16a9e844}.about-note{position:absolute;right:0;bottom:20px;background:#fff;padding:16px 20px;border-radius:15px;box-shadow:0 15px 35px #26394c1f;font-size:11px;font-weight:800}.approach{display:grid;grid-template-columns:repeat(3,1fr);gap:18px;margin-top:55px}.approach .card{min-height:230px}
.faq-wrap{display:grid;grid-template-columns:.8fr 1.2fr;gap:80px}.faq{border-top:1px solid var(--line)}.faq-item{border-bottom:1px solid var(--line)}.faq-item button{width:100%;border:0;background:none;padding:20px 0;display:flex;justify-content:space-between;text-align:left;font-weight:800;font-size:13px;cursor:pointer}.faq-item button span:last-child{color:var(--pink);font-size:20px}.faq-item p{display:none;color:var(--muted);font-size:13px;padding:0 35px 20px 0}.faq-item.open p{display:block}
.cta{padding:85px 0;background:#151a28;color:#fff}.cta-inner{display:flex;align-items:center;justify-content:space-between;gap:50px}.cta h2{max-width:700px}.cta h2 .blue{color:#58cfff}.cta p{color:#aeb7c5;margin-top:15px;max-width:600px}.cta-actions{display:flex;flex-direction:column;gap:12px}.cta .btn-primary{background:var(--pink)}.phone-link{color:#fff;font-size:12px;font-weight:800}
footer{background:#0f1420;color:#fff;padding-top:70px}.foot{display:grid;grid-template-columns:1.4fr .5fr .7fr;gap:70px;padding-bottom:60px}.foot p{color:#7f8998;font-size:12px;margin-top:18px;max-width:320px}.footcontact{display:flex;flex-direction:column;gap:7px;margin-top:20px}.footcontact a,.footcontact span{color:#8993a2;font-size:11px}.foot h3{font-size:10px;color:#fff;margin-bottom:17px;letter-spacing:1.5px}.foot>div:not(:first-child)>a{display:block;color:#8993a2;font-size:11px;margin-top:10px}.copyright{border-top:1px solid #222a38;padding:20px 0;color:#596271;font-size:9px}
.policy-page{padding:140px 0 100px;background:#fff}.policy-header{max-width:900px;margin-bottom:65px}.policy-header h1{font-family:"Plus Jakarta Sans";font-size:clamp(48px,6vw,80px);line-height:1;letter-spacing:-4px;margin-top:10px}.policy-header h1 em{font-style:normal;color:var(--pink)}.policy-date{margin-top:20px;color:#7a8390;font-size:12px}.policy-content{max-width:900px}.policy-content h2{font-family:"DM Sans",Arial,sans-serif;font-size:25px;font-weight:800;margin:50px 0 14px;letter-spacing:-.7px;word-spacing:.06em}.policy-content h2:first-child{margin-top:0}.policy-content p{color:#626c79;font-size:14px;line-height:1.9;margin-bottom:17px}.policy-content ul{margin:10px 0 25px 24px}.policy-content li{color:#626c79;font-size:14px;margin-bottom:8px}.policy-content a{color:var(--blue2);font-weight:700}.policy-box{margin-top:25px;padding:26px;border:1px solid var(--line);border-radius:16px;background:var(--soft)}.policy-box p:last-child{margin-bottom:0}
@media(max-width:950px){.hero-inner,.intro,.process,.about,.faq-wrap{grid-template-columns:1fr;gap:45px}.hero{min-height:1000px}.hero-inner{padding-top:120px}.hero-art{max-width:650px;width:100%;margin:auto}.cards{grid-template-columns:repeat(2,1fr)}.services-grid{grid-template-columns:1fr}.foot{grid-template-columns:1fr 1fr}.foot>div:first-child{grid-column:1/-1}}
@media(max-width:650px){.container{width:calc(100% - 30px)}.desktop-nav{display:none}.mobile-menu-button{display:block}.hero{min-height:980px}.hero h1{font-size:49px;letter-spacing:-3px}.hero-copy>p{font-size:14px}.hero-art{height:420px}.blob,.orbit{inset:25px 0 15px 0}.desk-card{width:245px;height:175px;right:5px;top:120px}.person{left:35px;transform:scale(.82);transform-origin:bottom left}.tag-one{left:0;top:70px}.tag-two{right:0;bottom:55px}.rocket{right:5px;top:65px}.cards,.steps,.approach{grid-template-columns:1fr}.section{padding:75px 0}.cta-inner{flex-direction:column;align-items:flex-start}.foot{grid-template-columns:1fr}.foot>div:first-child{grid-column:auto}.policy-page{padding:115px 0 75px}.policy-header h1{font-size:49px}.policy-content h2{font-size:22px}}