:root{--bg-primary: #ffffff;--bg-secondary: #f8f9fa;--bg-secondary-transparent: rgba(255, 255, 255, .02);--bg-tertiary: #f1f3f5;--bg-card: #ffffff;--bg-dropdown: #fff;--bg-dropdown-mobile: #fafafa;--bg-dropdown-hover: rgba(99, 102, 241, .05);--text-primary: #0a0b0d;--text-primary-inverted: #ffffff;--text-secondary: rgba(10, 11, 13, .6);--text-tertiary: rgba(10, 11, 13, .5);--text-nav-link: rgba(10, 11, 13, .7);--text-dropdown: rgba(10, 11, 13, .75);--border-primary: rgba(0, 0, 0, .08);--border-secondary: rgba(0, 0, 0, .06);--border-btn-secondary: rgba(0, 0, 0, .1);--border-hover: rgba(99, 102, 241, .3);--header-bg: rgba(255, 255, 255, .9);--hero-badge-bg: rgba(99, 102, 241, .08);--hero-badge-border: rgba(99, 102, 241, .2);--hero-badge-color: #6366f1;--hero-gradient: linear-gradient(135deg, #0a0b0d 0%, #6366f1 100%);--shadow-primary: rgba(0, 0, 0, .08);--shadow-cta: rgba(99, 102, 241, .3);--hamburger-bg: #333;--divider-bg: rgba(0, 0, 0, .3);--btn-primary-gradient: linear-gradient(135deg, #6366f1, #8b5cf6)}[data-theme=dark]{--bg-primary: #0a0b0d;--bg-secondary: rgba(255, 255, 255, .02);--bg-secondary-transparent: rgba(255, 255, 255, .02);--bg-tertiary: rgba(255, 255, 255, .1);--bg-card: rgba(255, 255, 255, .02);--bg-dropdown: rgba(20, 21, 24, .95);--bg-dropdown-mobile: rgba(30, 31, 35, .95);--bg-dropdown-hover: rgba(99, 102, 241, .15);--text-primary: #ffffff;--text-primary-inverted: #0a0b0d;--text-secondary: rgba(255, 255, 255, .6);--text-tertiary: rgba(255, 255, 255, .4);--text-nav-link: rgba(255, 255, 255, .7);--text-dropdown: rgba(255, 255, 255, .75);--border-primary: rgba(255, 255, 255, .05);--border-secondary: rgba(255, 255, 255, .05);--border-btn-secondary: rgba(255, 255, 255, .1);--border-hover: rgba(99, 102, 241, .3);--header-bg: rgba(10, 11, 13, .8);--hero-badge-bg: rgba(99, 102, 241, .1);--hero-badge-border: rgba(99, 102, 241, .3);--hero-badge-color: #a5b4fc;--hero-gradient: linear-gradient(135deg, #fff 0%, #a5b4fc 100%);--shadow-primary: rgba(99, 102, 241, .2);--shadow-cta: rgba(99, 102, 241, .4);--hamburger-bg: #fff;--divider-bg: rgba(255, 255, 255, .3);--btn-primary-gradient: linear-gradient(135deg, #818cf8, #a78bfa)}*{margin:0;padding:0;box-sizing:border-box}body{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Inter,sans-serif;background:var(--bg-primary);color:var(--text-primary);overflow-x:hidden;transition:background .3s ease,color .3s ease}a{text-decoration:none}.header{position:fixed;top:0;left:0;right:0;padding:20px 60px;display:flex;justify-content:space-between;align-items:center;z-index:1000;background:var(--header-bg);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid var(--border-primary);transition:background .3s ease,border-color .3s ease}.logo{font-size:24px;font-weight:700;color:var(--text-primary);display:flex;align-items:center;gap:8px}.logo-dot{width:8px;height:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%}.nav{display:flex;align-items:center;gap:30px}.nav a{color:var(--text-nav-link);text-decoration:none;font-size:15px;font-weight:500;transition:color .3s}.nav a:hover{color:var(--text-primary)}.cta-btn{background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;border:none;padding:12px 28px;border-radius:8px;font-size:15px;font-weight:600;cursor:pointer;transition:all .3s}.cta-btn:hover{transform:translateY(-2px);box-shadow:0 10px 30px var(--shadow-cta)}.hero{padding:180px 60px 100px;text-align:center;max-width:1400px;margin:0 auto}.hero-badge{display:inline-block;background:var(--hero-badge-bg);border:1px solid var(--hero-badge-border);padding:8px 20px;border-radius:50px;font-size:13px;font-weight:600;color:var(--hero-badge-color);margin-bottom:30px;letter-spacing:.5px}.hero h1{font-size:72px;font-weight:700;line-height:1.1;margin-bottom:30px;background:var(--hero-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent;letter-spacing:-2px}.hero p{font-size:20px;color:var(--text-secondary);max-width:700px;margin:0 auto 50px;line-height:1.6}.hero-buttons{display:flex;gap:20px;justify-content:center;align-items:center}.btn-primary{background:var(--btn-primary-gradient);color:#fff;border:none;padding:18px 40px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-primary:hover{transform:translateY(-2px);box-shadow:0 15px 40px var(--shadow-cta)}.btn-secondary{background:var(--bg-secondary);color:var(--text-primary);border:1px solid var(--border-btn-secondary);padding:18px 40px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s}.btn-secondary:hover{background:var(--bg-tertiary);border-color:#00000026}[data-theme=dark] .btn-secondary:hover{border-color:#fff3}.stats{display:grid;grid-template-columns:repeat(3,1fr);gap:40px;max-width:1200px;margin:80px auto;padding:0 60px}.stat-card{background:var(--bg-secondary);border:1px solid var(--border-secondary);border-radius:20px;padding:40px;text-align:center;transition:all .3s}.stat-card:hover{background:var(--bg-secondary-transparent);border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow-primary)}.stat-value{font-size:48px;font-weight:700;background:linear-gradient(135deg,#6366f1,#8b5cf6);-webkit-background-clip:text;-webkit-text-fill-color:transparent;margin-bottom:10px}.stat-label{font-size:16px;color:var(--text-secondary);font-weight:500}.features{padding:100px 60px;max-width:1400px;margin:0 auto}.section-header{text-align:center;margin-bottom:80px}.section-title{font-size:48px;font-weight:700;margin-bottom:20px;letter-spacing:-1px;color:var(--text-primary)}.section-subtitle{font-size:18px;color:var(--text-secondary);max-width:1000px;margin:0 auto;line-height:1.6}.features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.feature-card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:24px;padding:40px;transition:all .3s}.feature-card:hover{background:var(--bg-secondary-transparent);border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow-primary)}.feature-icon{width:60px;height:60px;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border-radius:16px;display:flex;align-items:center;justify-content:center;font-size:28px;margin-bottom:24px}.feature-title{font-size:20px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.feature-desc{font-size:15px;color:var(--text-secondary);line-height:1.6}[data-theme=dark] .feature-icon{background:linear-gradient(135deg,#6366f133,#8b5cf633)}.testimonials{padding:100px 60px;background:var(--bg-secondary)}.testimonials-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px;max-width:1400px;margin:0 auto}.testimonial-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:20px;padding:35px;transition:all .3s}.testimonial-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow-primary)}.testimonial-text{font-size:15px;color:var(--text-nav-link);line-height:1.6;margin-bottom:25px}.testimonial-author{display:flex;align-items:center;gap:15px}.author-avatar{width:50px;height:50px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;display:flex;align-items:center;justify-content:center;font-weight:600;font-size:18px;color:#fff}.author-info h4{font-size:16px;font-weight:600;margin-bottom:4px;color:var(--text-primary)}.author-info p{font-size:13px;color:var(--text-tertiary)}[data-theme=dark] .testimonial-card{background:#0a0b0dcc}.cta-section{padding:120px 60px;text-align:center;max-width:1000px;margin:0 auto}.cta-section h2{font-size:52px;font-weight:700;margin-bottom:25px;letter-spacing:-1px;color:var(--text-primary)}.cta-section p{font-size:18px;color:var(--text-secondary);margin-bottom:40px}.footer{border-top:1px solid var(--border-primary);padding:60px 60px 40px;max-width:1400px;margin:0 auto;background:var(--bg-primary)}.footer-content{display:grid;grid-template-columns:2fr 1fr 1fr 1fr 1fr;gap:60px;margin-bottom:50px}.footer-brand h3{font-size:24px;font-weight:700;margin-bottom:15px;color:var(--text-primary)}.footer-brand p{color:var(--text-secondary);font-size:14px;line-height:1.6}.footer-links h4{font-size:16px;font-weight:600;margin-bottom:20px;color:var(--text-primary)}.footer-links a{display:block;color:var(--text-secondary);text-decoration:none;font-size:14px;margin-bottom:12px;transition:color .3s}.footer-links a:hover{color:var(--text-primary)}.footer-bottom{padding-top:30px;border-top:1px solid var(--border-primary);display:flex;justify-content:space-between;align-items:center;font-size:14px;color:var(--text-tertiary)}.social-links{display:flex;gap:20px}.social-links a{color:var(--text-tertiary);text-decoration:none;transition:color .3s}.social-links a:hover{color:var(--text-primary)}[data-theme=light] .footer{background:var(--bg-primary)}[data-theme=dark] .footer{background:transparent}.dropdown{position:relative}.dropdown-content{max-height:0;opacity:0;overflow:hidden;transform:translateY(10px);pointer-events:none;transition:all .25s ease;position:absolute;top:100%;left:0;background:var(--bg-dropdown);min-width:220px;max-width:90vw;border-radius:12px;box-shadow:0 10px 30px var(--shadow-primary);border:1px solid var(--border-secondary);z-index:999;word-wrap:break-word;white-space:normal}.dropdown.active .dropdown-content{max-height:400px;opacity:1;transform:translateY(0);pointer-events:auto}.dropbtn{color:var(--text-nav-link);text-decoration:none;font-size:15px;font-weight:500;transition:color .3s;display:inline-block;cursor:pointer;padding:8px 0}.dropbtn:hover{color:var(--text-primary)}.dropdown-content a{display:block;padding:12px 16px;color:var(--text-dropdown);text-decoration:none;font-size:14px;transition:background .2s,color .2s;line-height:1.3}.dropdown-content a:hover{background:var(--bg-dropdown-hover);color:#6366f1}[data-theme=dark] .dropdown-content a:hover{color:#a5b4fc}.hamburger{display:none;flex-direction:column;justify-content:space-between;width:25px;height:18px;cursor:pointer}.hamburger span{display:block;height:3px;width:100%;background:var(--hamburger-bg);border-radius:2px;transition:.3s}.hamburger.open span:nth-child(1){transform:rotate(45deg) translateY(7px)}.hamburger.open span:nth-child(2){opacity:0}.hamburger.open span:nth-child(3){transform:rotate(-45deg) translateY(-7px)}.divider{width:1px;height:24px;background-color:var(--divider-bg)}.theme-toggle{background:none;border:none;font-size:1.4rem;color:inherit;cursor:pointer;margin-left:10px;transition:transform .2s ease}.theme-toggle:hover{transform:scale(1.2)}.info-panels{padding:100px 60px;background:var(--bg-secondary)}.info-panels.primary{background:var(--bg-primary)}.info-layout{display:grid;grid-template-columns:2fr 1fr;gap:30px;max-width:1400px;margin:0 auto;align-items:stretch}.info-layout.reversed{grid-template-columns:1fr 2fr}.info-layout.merchant-register{grid-template-columns:2fr 2fr}.info-card{background:var(--bg-card);border:1px solid var(--border-primary);border-radius:20px;padding:40px;transition:all .3s}.info-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow-primary)}.info-title{font-size:22px;font-weight:700;margin-bottom:20px;color:var(--text-primary)}.info-text{font-size:16px;color:var(--text-dropdown);line-height:1.6;margin-bottom:20px}.info-text span{display:block}.info-image{width:100%;max-height:240px;object-fit:cover;border-radius:16px;margin-bottom:25px}.dark-img,[data-theme=dark] .light-img{display:none}[data-theme=dark] .dark-img{display:block}.info-text.highlight{font-size:21px}.info-list{list-style:none;padding:0;margin-top:20px;font-size:18px;color:var(--text-dropdown)}.info-list li{position:relative;padding-left:20px;margin-bottom:10px}.info-list li:before{content:"";position:absolute;left:0;top:6px;width:8px;height:8px;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%}.coming-soon-badge{display:inline-block;background:linear-gradient(135deg,#6366f1,#8b5cf6);color:#fff;padding:4px 12px;border-radius:9999px;font-size:.75rem;font-weight:600;margin-top:18px;box-shadow:0 0 10px var(--shadow-cta);align-self:flex-end;transition:transform .3s ease}.coming-soon-badge.green{background:linear-gradient(135deg,#16a34a,#16a990)}.coming-soon-badge:hover{transform:scale(1.05)}.right-large .info-card.large,.left-large .info-card.large{height:100%;display:flex;flex-direction:column;justify-content:space-between}.left-small,.right-small{display:flex;flex-direction:column;gap:30px}.right-small .info-card.small{flex:1}.left-large{height:100%;display:flex;flex-direction:column;justify-content:space-between}.integration-section{background:var(--bg-secondary);padding:100px 60px;max-width:1400px;margin:0 auto}.integration-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:30px}.integration-card{background:var(--bg-card);border:1px solid var(--border-secondary);border-radius:24px;padding:40px;transition:all .3s;display:flex;flex-direction:column}.integration-card:hover{border-color:var(--border-hover);transform:translateY(-5px);box-shadow:0 10px 30px var(--shadow-primary)}.integration-badge{display:inline-block;background:linear-gradient(135deg,#6366f11a,#8b5cf61a);color:#6366f1;padding:6px 14px;border-radius:8px;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:20px;width:fit-content}[data-theme=dark] .integration-badge{background:linear-gradient(135deg,#6366f133,#8b5cf633);color:#a5b4fc}.integration-card.integration-badge-product{position:relative}.integration-card.integration-badge-product .coming-soon-badge{position:absolute;top:20px;right:12px;margin-top:0;z-index:2}.integration-card h3{font-size:24px;font-weight:600;margin-bottom:12px;color:var(--text-primary)}.integration-card>p{font-size:15px;color:var(--text-secondary);line-height:1.6;margin-bottom:24px}.integration-features{list-style:none;padding:0;margin:0 0 30px;flex:1}.integration-features li{display:flex;align-items:center;gap:10px;font-size:14px;color:var(--text-secondary);margin-bottom:12px}.integration-features li svg{color:#6366f1;flex-shrink:0}[data-theme=dark] .integration-features li svg{color:#a5b4fc}.logo-link{display:flex;align-items:center;gap:8px;text-decoration:none;color:inherit;cursor:pointer}.logo-link:visited{color:inherit}.logo-link:hover,.logo-link:active,.logo-link:focus{text-decoration:none;color:inherit}.faq-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(400px,1fr));gap:24px;max-width:1200px;margin:0 auto;background:var(--bg-primary, #ffffff)}.helper-note{margin-top:18px;font-size:13px;color:var(--text-secondary);line-height:1.6}.helper-note a{color:var(--text-secondary);text-decoration:underline;transition:color .3s ease}.helper-note a:hover{color:var(--text-primary)}.form-group{display:flex;flex-direction:column}.form-label{display:block;font-weight:700;margin-bottom:8px;color:var(--text-primary)}@supports (-webkit-touch-callout: none){.form-select{background-color:#fff;border-radius:10px}}.form-input,.form-select{width:100%;padding:12px 14px;border-radius:10px;border:1px solid var(--border-primary);background-color:var(--bg-card);color:var(--text-primary);font-size:15px;line-height:1.4;margin-bottom:18px;transition:border-color .2s ease,box-shadow .2s ease,background-color .3s ease,color .3s ease;-webkit-appearance:none}.form-input::placeholder{color:var(--text-secondary);opacity:.7}.form-input:focus,.form-select:focus{border-color:var(--border-hover);box-shadow:0 0 0 2px #6366f133;outline:none}[data-theme=dark] .form-input,[data-theme=dark] .form-select{background-color:var(--bg-secondary);color:var(--text-primary);border-color:var(--border-primary)}[data-theme=dark] .form-input::placeholder{color:var(--text-tertiary)}@supports (-webkit-touch-callout: none){.form-input{background-color:#fff;border-radius:10px}}.button-group{display:flex;gap:12px;margin-top:18px;flex-wrap:wrap}.btn-row{display:flex;gap:10px}.btn-row>button{flex:1}.merchant-id-wrapper{margin-bottom:12px}.merchant-id-label{font-size:13px;color:var(--text-secondary);margin-bottom:6px}.merchant-id-row{display:flex;align-items:center;gap:10px}.merchant-id-box{background:var(--bg-secondary);padding:10px 12px;border-radius:8px;flex:1;word-break:break-all}.btn-copy{background:var(--bg-tertiary);color:var(--text-primary);border:1px solid var(--border-primary);padding:10px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;transition:all .2s ease;min-width:80px;text-align:center}.btn-copy:hover{background:var(--bg-secondary);border-color:var(--border-hover)}.btn-copy:active{transform:scale(.97)}.btn-copy-disabled{opacity:.6;cursor:not-allowed}.btn{display:flex;justify-content:center;align-items:center;gap:8px}.spinner{width:18px;height:18px;border:3px solid #fff;border-top:3px solid transparent;border-radius:50%;animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.info-layout.browsers{grid-template-columns:1fr 1fr 1fr 1fr;margin-top:30px}.browser-item{display:flex;align-items:center;gap:16px}.browser-icon{width:48px;height:auto}.browser-title{margin-bottom:0!important}.browser-text{display:flex;flex-direction:column}.browser-subtitle{font-size:13px;color:var(--text-dropdown);margin-top:-4px;opacity:.8}.menu-subline small{display:block;opacity:.7}.docs-container{display:flex;gap:40px;max-width:1600px;margin:0 auto;padding:140px 60px 60px}.docs-sidebar{width:280px;position:sticky;top:120px;height:calc(100vh - 160px);overflow-y:auto;padding-right:20px;border-right:1px solid var(--border-primary)}.docs-sidebar h3{font-size:20px;font-weight:500;margin-bottom:25px;color:var(--text-primary)}.docs-sidebar h3:first-of-type{margin-top:0}.docs-menu{list-style:none}.docs-menu li{margin-bottom:10px}.docs-menu .menu-section{margin-top:25px;margin-bottom:10px;font-size:13px;text-transform:uppercase;letter-spacing:1px;color:var(--text-tertiary);font-weight:700}.docs-menu a{display:block;padding:10px 12px;border-radius:10px;color:var(--text-primary);font-size:15px;transition:.3s;border:1px solid transparent;cursor:pointer;transition:color .2s ease}.docs-menu a:hover{background:var(--bg-tertiary);border-color:var(--border-primary)}.docs-menu a.active-menu-item{position:relative;background:var(--bg-tertiary);border-color:var(--border-primary)}.docs-content{flex:1;max-width:980px}.docs-content h1{font-size:36px;margin-bottom:20px;font-weight:700;color:var(--text-primary)}.docs-content p{font-size:17px;color:var(--text-secondary);margin-bottom:25px;line-height:1.7}.docs-content pre{background:var(--bg-secondary);border:1px solid var(--border-secondary);padding:20px;border-radius:12px;overflow-x:auto;margin-bottom:30px}.docs-content code{font-family:Fira Code,monospace;color:var(--text-primary);font-size:14px}.docs-content a{color:#6366f1;text-decoration:underline}[data-theme=dark] .docs-menu a:hover{background:#ffffff1a}.docs-menu .submenu{list-style:none;margin:5px 0 15px 15px}.docs-menu .submenu li{margin-bottom:8px}.docs-menu .menu-header{display:block;padding:10px 12px;opacity:.7;cursor:pointer;border-radius:10px}.docs-divider{border:none;border-top:1px solid var(--border-primary);margin:25px 0;opacity:.7}.docs-content{color:var(--text-primary);line-height:1.65}.page-title{font-size:48px;font-weight:700;margin-bottom:30px;letter-spacing:-1px;background:var(--hero-gradient);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.docs-content p{margin-bottom:22px;font-size:17px;color:var(--text-secondary)}.docs-content h2{font-size:28px;font-weight:700;margin:45px 0 20px;color:var(--text-primary);letter-spacing:-.5px}.docs-content ul{margin:15px 0 20px;padding-left:20px;list-style:none}.docs-content ul li{position:relative;padding-left:18px;margin-bottom:10px;font-size:16px;color:var(--text-dropdown)}.docs-content ul li:before{content:"";position:absolute;top:6px;left:0;width:8px;height:8px;border-radius:50%;background:linear-gradient(135deg,#6366f1,#8b5cf6)}[data-theme=dark] .docs-content ul li{color:var(--text-secondary)}.docs-content strong{color:var(--text-primary)}.docs-content p:last-child{margin-top:30px}.docs-content ol{counter-reset:item;margin:15px 0 20px;padding-left:25px;list-style:none}.docs-content ol li{position:relative;margin-bottom:12px;padding-left:30px;font-size:16px;color:var(--text-dropdown)}.docs-content ol li:before{counter-increment:item;content:counter(item);position:absolute;left:0;top:0;width:22px;height:22px;line-height:22px;border-radius:6px;text-align:center;font-size:13px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6)}[data-theme=dark] .docs-content ol li{color:var(--text-secondary)}@media(max-width:1024px){.integration-grid{grid-template-columns:repeat(2,1fr)}.hero h1{font-size:56px}.stats,.features-grid,.testimonials-grid,.footer-content{grid-template-columns:repeat(2,1fr)}}@media(max-width:900px){.faq-grid{grid-template-columns:1fr}.info-layout{display:flex;flex-direction:column}.info-layout.merchant-register{grid-template-columns:1fr}}@media(max-width:768px){.integration-grid{grid-template-columns:1fr}.header{padding:20px 30px}.hamburger{display:flex}.nav{display:none;flex-direction:column;align-items:flex-start;background:var(--bg-dropdown);border-radius:12px;box-shadow:0 10px 30px var(--shadow-primary);border:1px solid var(--border-secondary);position:absolute;top:60px;right:10px;width:calc(100vw - 40px);max-width:350px;padding:12px}.nav a,.dropbtn{padding:0}.nav.active{display:flex}.hero{padding:140px 30px 60px}.hero h1{font-size:42px}.hero-buttons{flex-direction:column}.stats,.features-grid,.testimonials-grid,.footer-content{grid-template-columns:1fr}.dropdown-content{position:static;background:var(--bg-dropdown-mobile);box-shadow:none;border:none;width:100%;margin-top:4px;max-height:0;overflow:hidden;opacity:0;transform:none}.dropdown.active .dropdown-content{max-height:500px;opacity:1}.dropdown-content a{padding:10px 14px;font-size:15px}.divider{display:none}}