*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}@font-face{font-family:Trueno;src:url(/system_design/fonts/TruenoBd.otf) format("opentype");font-weight:700;font-style:normal;font-display:swap}:root{--juntin-green: #17C06B;--juntin-green-600: #13A85C;--juntin-ink: #0E1B2C;--juntin-ink-800: #172438;--positive: #17C06B;--positive-soft: #E6F8EE;--negative: #E55353;--negative-soft: #FCECEC;--info: #6B7FF2;--fg-1: #0E1B2C;--fg-2: #4A5666;--fg-3: #8A94A3;--bg-1: #FFFFFF;--bg-2: #F6F7F9;--bg-3: #EEF0F3;--border-1: #E6E8EC;--border-2: #D6DAE1;--shadow-sm: 0 1px 2px rgba(14, 27, 44, .04);--shadow-md: 0 6px 18px rgba(14, 27, 44, .08);--shadow-lg: 0 12px 32px rgba(14, 27, 44, .1);--radius-btn: 999px;--radius-card: 14px;--radius-xl: 20px;--transition-fast: .16s ease-out;--transition: .2s ease-out}html{scroll-behavior:smooth;font-size:16px}body{font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;background:var(--bg-2);color:var(--fg-1);line-height:1.5;-webkit-font-smoothing:antialiased;overflow-x:hidden}img{display:block;max-width:100%}.container{max-width:1120px;margin:0 auto;padding:0 24px}section{padding:96px 0}.section-tag{display:inline-block;font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:16px}.section-title{font-family:Trueno,Inter,sans-serif;font-size:clamp(32px,4.5vw,48px);font-weight:700;line-height:1.08;letter-spacing:-.02em;color:var(--fg-1)}.section-title-inv{color:var(--bg-1)}.section-subtitle{font-size:18px;line-height:1.6;color:var(--fg-2);max-width:560px}.section-subtitle-inv{color:#ffffffc7}.section-header{text-align:center;margin-bottom:64px}.section-header .section-subtitle{margin:16px auto 0}.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;height:52px;padding:0 26px;border-radius:var(--radius-btn);font-family:Inter,sans-serif;font-size:15px;font-weight:600;cursor:pointer;border:1px solid transparent;text-decoration:none;transition:background var(--transition),transform var(--transition-fast),box-shadow var(--transition),color var(--transition),border-color var(--transition);white-space:nowrap;flex-shrink:0}.btn-dark{background:var(--juntin-ink);color:var(--bg-1)}.btn-dark:hover{background:var(--juntin-ink-800);transform:translateY(-1px);box-shadow:var(--shadow-md)}.btn-surface{background:var(--bg-3);color:var(--fg-1);border-color:var(--border-1)}.btn-surface:hover{background:#e8ebef;transform:translateY(-1px)}.btn-blue{background:var(--juntin-green);color:var(--bg-1)}.btn-blue:hover{background:var(--juntin-green-600);transform:translateY(-1px);box-shadow:0 6px 18px #17c06b47}.btn-outline-white{background:transparent;color:var(--bg-1);border:1px solid rgba(255,255,255,.3)}.btn-outline-white:hover{background:#ffffff1a;border-color:#fff9}.btn-lg{height:58px;padding:0 32px;font-size:16px}.btn svg{flex-shrink:0}nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#f6f7f9eb;border-bottom:1px solid var(--border-1);backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);transition:box-shadow var(--transition)}nav.scrolled{box-shadow:0 1px 0 var(--border-1),0 8px 28px #0e1b2c14}.nav-inner{display:flex;align-items:center;justify-content:space-between;height:64px;max-width:1120px;margin:0 auto;padding:0 24px}.nav-logo{display:flex;align-items:center;text-decoration:none;flex-shrink:0}.nav-logo-text{font-family:Trueno,Inter,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.03em;color:var(--juntin-ink)}.logo-accent{color:var(--juntin-green)}.nav-links{display:flex;align-items:center;gap:4px;list-style:none}.nav-links a{text-decoration:none;color:var(--fg-2);font-size:15px;font-weight:500;padding:8px 14px;border-radius:10px;transition:color var(--transition-fast),background var(--transition-fast)}.nav-links a:hover{color:var(--fg-1);background:var(--bg-3)}.nav-actions{display:flex;align-items:center;gap:10px}.nav-hamburger{display:none;width:40px;height:40px;border-radius:10px;border:1px solid var(--border-1);background:var(--bg-3);cursor:pointer;flex-direction:column;align-items:center;justify-content:center;gap:5px}.nav-hamburger span{display:block;width:18px;height:2px;background:var(--fg-1);border-radius:2px;transition:transform var(--transition),opacity var(--transition)}.nav-mobile{display:none;position:fixed;top:65px;left:0;right:0;background:var(--bg-2);border-bottom:1px solid var(--border-1);padding:16px 24px 24px;flex-direction:column;gap:4px;z-index:99;box-shadow:0 8px 30px #0e1b2c17}.nav-mobile.open{display:flex}.nav-mobile a{text-decoration:none;color:var(--fg-2);font-size:16px;font-weight:500;padding:12px 14px;border-radius:10px;transition:color var(--transition-fast),background var(--transition-fast)}.nav-mobile a:hover{color:var(--fg-1);background:var(--bg-3)}.nav-mobile .btn{margin-top:8px;width:100%;justify-content:center}#hero{padding-top:136px;padding-bottom:96px;background:var(--bg-2);overflow:hidden;position:relative}.hero-bg-gradient{position:absolute;top:0;right:0;width:64%;height:100%;background:radial-gradient(ellipse at 78% 24%,rgba(23,192,107,.09) 0%,transparent 66%);pointer-events:none}.hero-inner{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center;position:relative;z-index:1}.hero-badge{display:inline-flex;align-items:center;gap:8px;padding:6px 14px 6px 10px;background:var(--positive-soft);border:1px solid rgba(23,192,107,.2);border-radius:100px;font-size:13px;font-weight:600;color:var(--juntin-ink);margin-bottom:24px;width:fit-content}.hero-badge-dot{width:7px;height:7px;border-radius:50%;background:var(--juntin-green);animation:pulse 2.2s infinite}@keyframes pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.92)}}.hero-title{font-family:Trueno,Inter,sans-serif;font-size:clamp(40px,5.5vw,64px);font-weight:700;line-height:1.04;letter-spacing:-.03em;color:var(--juntin-ink);margin-bottom:22px}.hero-title em{font-style:normal;color:var(--juntin-green)}.hero-subtitle{font-size:18px;line-height:1.65;color:var(--fg-2);margin-bottom:36px;max-width:460px}.hero-actions{display:flex;align-items:center;flex-wrap:wrap;gap:12px;margin-bottom:44px}.hero-stats{display:flex;align-items:center;gap:32px;padding-top:28px;border-top:1px solid var(--border-1)}.hero-stat{display:flex;flex-direction:column;gap:3px}.hero-stat-value{font-family:Trueno,Inter,sans-serif;font-size:22px;font-weight:700;letter-spacing:-.02em;color:var(--fg-1)}.hero-stat-label{font-size:13px;color:var(--fg-2)}.hero-stat-divider{width:1px;height:36px;background:var(--border-1);flex-shrink:0}.hero-visual{display:flex;justify-content:center;align-items:center;position:relative}.hero-visual-glow{position:absolute;top:-40px;right:-40px;bottom:-40px;left:-40px;background:radial-gradient(circle at 50% 50%,rgba(23,192,107,.11) 0%,transparent 66%);pointer-events:none;border-radius:50%}.hero-cards{position:relative;z-index:1;width:400px;height:340px}.hc{position:absolute;border-radius:var(--radius-xl);box-shadow:var(--shadow-lg)}.hc-balance{top:24px;left:0;width:280px;background:var(--bg-1);border:1px solid var(--border-1);padding:24px;animation:floatA 5.8s ease-in-out infinite}.hc-balance-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:var(--fg-3);margin-bottom:8px}.hc-balance-amount{font-family:Trueno,Inter,sans-serif;font-size:32px;font-weight:700;letter-spacing:-.03em;color:var(--fg-1);margin-bottom:16px}.hc-balance-chips{display:flex;gap:8px}.hc-chip{display:inline-flex;align-items:center;gap:4px;padding:5px 12px;border-radius:100px;font-size:12px;font-weight:700}.hc-chip-up{background:var(--positive-soft);color:var(--positive)}.hc-chip-down{background:var(--negative-soft);color:var(--negative)}.hc-stat{bottom:0;right:0;width:208px;background:var(--juntin-ink);padding:20px 22px;animation:floatB 5.4s ease-in-out infinite .5s}.hc-stat-label{font-size:11px;font-weight:600;letter-spacing:.08em;text-transform:uppercase;color:#fff9;margin-bottom:8px}.hc-stat-value{font-family:Trueno,Inter,sans-serif;font-size:26px;font-weight:700;letter-spacing:-.02em;color:var(--bg-1);margin-bottom:10px}.hc-stat-badge{display:inline-flex;align-items:center;gap:4px;background:#17c06b2e;color:#80e5ae;font-size:12px;font-weight:700;padding:4px 10px;border-radius:100px}.hc-bars{display:flex;align-items:flex-end;gap:4px;height:36px;margin-top:12px}.hc-bar{flex:1;border-radius:4px 4px 0 0;background:#ffffff29}.hc-bar-active{background:var(--juntin-green)}.hc-notif{top:0;right:24px;background:var(--bg-1);border:1px solid var(--border-1);padding:10px 16px;border-radius:100px;display:flex;align-items:center;gap:8px;font-size:13px;font-weight:600;color:var(--fg-1);white-space:nowrap;animation:floatC 6.4s ease-in-out infinite}.hc-notif-dot{width:8px;height:8px;border-radius:50%;background:var(--juntin-green);flex-shrink:0;animation:pulse 2.2s infinite}@keyframes floatA{0%,to{transform:translateY(0)}50%{transform:translateY(-8px)}}@keyframes floatB{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}@keyframes floatC{0%,to{transform:translateY(0)}50%{transform:translateY(-5px)}}#features{background:var(--bg-2);padding:96px 0}#features .section-title-inv,#features .section-subtitle-inv{color:var(--fg-1)}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.feature-card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-card);padding:30px 26px;transition:background var(--transition),border-color var(--transition),transform var(--transition-fast),box-shadow var(--transition);cursor:default;position:relative;overflow:hidden;box-shadow:var(--shadow-sm)}.feature-card:before{content:"";position:absolute;top:0;left:26px;width:32px;height:3px;background:var(--juntin-green);border-radius:0 0 3px 3px;opacity:0;transition:opacity var(--transition)}.feature-card:hover{transform:translateY(-2px);box-shadow:var(--shadow-md);border-color:var(--border-2)}.feature-card:hover:before{opacity:1}.feature-title{font-family:Trueno,Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--fg-1);margin-bottom:10px}.feature-desc{font-size:14px;line-height:1.65;color:var(--fg-2)}#how{background:var(--bg-1)}.steps-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;position:relative}.steps-connector{position:absolute;top:27px;left:calc(16.66% + 32px);right:calc(16.66% + 32px);height:1px;background:var(--border-1);z-index:0}.step{text-align:center;position:relative;z-index:1}.step-number{width:56px;height:56px;border-radius:50%;background:var(--juntin-ink);color:var(--bg-1);font-family:Trueno,Inter,sans-serif;font-size:20px;font-weight:700;display:flex;align-items:center;justify-content:center;margin:0 auto 24px;box-shadow:0 6px 16px #0e1b2c38}.step-title{font-family:Trueno,Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--fg-1);margin-bottom:10px}.step-desc{font-size:15px;line-height:1.65;color:var(--fg-2)}#trust{background:var(--bg-2);padding:56px 0;border-top:1px solid var(--border-1);border-bottom:1px solid var(--border-1)}.trust-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.trust-item{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-card);padding:22px;box-shadow:var(--shadow-sm)}.trust-icon{width:52px;height:52px;border-radius:16px;background:var(--bg-2);border:1px solid var(--border-1);display:flex;align-items:center;justify-content:center;color:var(--juntin-ink)}.trust-icon svg{display:block}.trust-title{font-size:15px;font-weight:700;color:var(--fg-1)}.trust-desc{font-size:14px;line-height:1.55;color:var(--fg-2)}#download{background:var(--juntin-ink);padding:112px 0;text-align:center;position:relative;overflow:hidden}.download-bg-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:860px;height:420px;background:radial-gradient(ellipse,rgba(23,192,107,.22) 0%,transparent 66%);pointer-events:none}.download-inner{position:relative;z-index:1}.download-title{font-family:Trueno,Inter,sans-serif;font-size:clamp(36px,5vw,56px);font-weight:700;line-height:1.06;letter-spacing:-.02em;color:var(--bg-1);margin-bottom:18px}.download-subtitle{font-size:18px;line-height:1.65;color:#ffffffc7;max-width:500px;margin:0 auto 44px}.download-actions{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap;margin-bottom:40px}.store-btn{display:inline-flex;align-items:center;gap:12px;background:var(--bg-1);color:var(--fg-1);border-radius:var(--radius-btn);padding:14px 26px;border:1px solid transparent;text-decoration:none;transition:background var(--transition),transform var(--transition-fast),box-shadow var(--transition),border-color var(--transition);font-weight:600}.store-btn:hover{background:var(--bg-3);transform:translateY(-2px);box-shadow:0 12px 30px #0e1b2c4d;border-color:var(--border-2)}.store-btn-texts{text-align:left;line-height:1.2}.store-btn-sub{font-size:11px;font-weight:400;color:var(--fg-2)}.store-btn-main{font-family:Trueno,Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em}.download-badges{display:flex;align-items:center;justify-content:center;gap:16px;flex-wrap:wrap}.download-badge{display:inline-flex;align-items:center;gap:8px;padding:10px 18px;border-radius:100px;border:1px solid rgba(255,255,255,.18);font-size:13px;font-weight:500;color:#ffffffbd}footer{background:var(--bg-1);border-top:1px solid var(--border-1);padding:40px 0}.footer-inner{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:20px}.footer-logo-text{font-family:Trueno,Inter,sans-serif;font-size:18px;font-weight:700;letter-spacing:-.01em;color:var(--fg-1);text-decoration:none}.footer-links{display:flex;gap:24px;list-style:none;flex-wrap:wrap}.footer-links a{font-size:13px;color:var(--fg-2);text-decoration:none;transition:color var(--transition-fast)}.footer-links a:hover{color:var(--fg-1)}.footer-copy{font-size:13px;color:var(--fg-2)}.legal-page{padding-top:108px;padding-bottom:96px}.legal-wrap{max-width:760px;margin:0 auto}.legal-header{margin-bottom:48px}.legal-date{font-size:13px;color:var(--fg-2);margin-top:10px}.legal-body{display:flex;flex-direction:column;gap:36px}.legal-section h2{font-size:18px;font-weight:700;letter-spacing:-.3px;color:var(--fg-1);margin-bottom:12px}.legal-section p,.legal-section li{font-size:15px;line-height:1.72;color:var(--fg-2)}.legal-section ul{padding-left:20px;display:flex;flex-direction:column;gap:8px}.legal-divider{height:1px;background:var(--border-1)}.back-link{display:inline-flex;align-items:center;gap:6px;font-size:14px;font-weight:600;color:var(--juntin-ink);text-decoration:none;margin-bottom:36px;padding:8px 16px;background:var(--positive-soft);border:1px solid rgba(23,192,107,.2);border-radius:100px;transition:background var(--transition-fast)}.back-link:hover{background:#d9f4e7}.support-page{padding-top:108px;padding-bottom:96px}.support-wrap{max-width:800px;margin:0 auto}.support-header{margin-bottom:52px}.contact-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px;margin-bottom:64px}.contact-card{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-card);padding:28px;box-shadow:var(--shadow-sm);text-decoration:none;transition:transform var(--transition-fast),box-shadow var(--transition),border-color var(--transition)}.contact-card:hover{transform:translateY(-3px);box-shadow:var(--shadow-md);border-color:#17c06b47}.contact-icon{width:48px;height:48px;border-radius:14px;display:flex;align-items:center;justify-content:center;font-size:22px;margin-bottom:16px;background:var(--bg-3)}.contact-title{font-size:16px;font-weight:700;letter-spacing:-.2px;color:var(--fg-1);margin-bottom:8px}.contact-desc{font-size:14px;line-height:1.6;color:var(--fg-2)}.faq-list{display:flex;flex-direction:column;gap:8px}.faq-item{background:var(--bg-1);border:1px solid var(--border-1);border-radius:var(--radius-card);overflow:hidden;transition:border-color var(--transition-fast)}.faq-item.open{border-color:#17c06b4d}.faq-question{width:100%;display:flex;justify-content:space-between;align-items:center;padding:18px 20px;background:none;border:none;cursor:pointer;font-family:Inter,sans-serif;font-size:15px;font-weight:600;color:var(--fg-1);text-align:left;gap:12px;transition:color var(--transition-fast)}.faq-question:hover{color:var(--juntin-green-600)}.faq-chevron{font-size:18px;color:var(--fg-2);flex-shrink:0;transition:transform .25s ease}.faq-item.open .faq-chevron{transform:rotate(180deg)}.faq-answer{max-height:0;overflow:hidden;transition:max-height .3s ease,padding .3s ease;padding:0 20px}.faq-item.open .faq-answer{max-height:320px;padding:0 20px 18px}.faq-answer p{font-size:14px;line-height:1.7;color:var(--fg-2)}.faq-divider{height:1px;background:var(--border-1);margin:0 20px}@keyframes fadeUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.fade-up{animation:fadeUp .45s ease-out both}.delay-1{animation-delay:.08s}.delay-2{animation-delay:.16s}.delay-3{animation-delay:.24s}.delay-4{animation-delay:.32s}.reveal{opacity:0;transform:translateY(20px);transition:opacity .45s ease-out,transform .45s ease-out}.reveal.visible{opacity:1;transform:none}@media (max-width: 1024px){.hero-inner{gap:52px}.hero-subtitle{max-width:100%}}@media (max-width: 896px){section{padding:72px 0}#hero{padding-top:112px;padding-bottom:72px}.hero-inner{grid-template-columns:1fr;gap:40px;text-align:center}.hero-badge{margin:0 auto 24px}.hero-subtitle{margin:0 auto 36px}.hero-actions,.hero-stats{justify-content:center}.hero-visual{order:-1}.hero-cards{width:340px;height:300px}.hc-balance{width:240px}.hc-stat{width:178px}.hc-balance-amount{font-size:26px}.hc-notif{font-size:12px;padding:8px 14px}.features-grid{grid-template-columns:repeat(2,1fr)}.steps-grid{grid-template-columns:1fr;gap:32px}.steps-connector{display:none}.trust-grid{grid-template-columns:repeat(3,1fr);gap:14px}.nav-links{display:none}.nav-hamburger{display:flex}.nav-actions .btn{display:none}}@media (max-width: 640px){section{padding:56px 0}#download{padding:84px 0}.container{padding:0 16px}.features-grid,.trust-grid{grid-template-columns:1fr;gap:12px}.trust-item{flex-direction:row;text-align:left;align-items:flex-start}.contact-grid{grid-template-columns:1fr}.footer-inner{flex-direction:column;text-align:center}.footer-links{justify-content:center}.hero-stats{gap:20px}.hero-stat-value{font-size:18px}.download-title{letter-spacing:-.01em}}@media (max-width: 440px){.hero-actions{flex-direction:column;align-items:stretch}.hero-actions .btn{width:100%;justify-content:center}.hero-cards{width:292px;height:258px}.hc-balance{width:200px;padding:18px}.hc-stat{width:156px;padding:16px 18px}.hc-balance-amount{font-size:22px}.hc-notif{display:none}.hero-stats{gap:14px;flex-wrap:wrap;padding-top:20px}.hero-stat-divider{display:none}}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}