:root{--navy:#101c32;--ink:#15223a;--muted:#748096;--blue:#3474f6;--paper:#f5f7fb;--line:#e9edf4;--font:'DM Sans',Arial,sans-serif;--head:'Manrope',Arial,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font:14px/1.55 var(--font)}a{color:inherit;text-decoration:none}.demo-bar{min-height:34px;background:#101c32;color:#d7e4ff;display:flex;align-items:center;justify-content:center;gap:9px;padding:6px 12px;font-size:10px}.demo-dot,.demo-chip span{width:7px;height:7px;border-radius:50%;background:#f6be57;display:inline-block}.demo-separator{color:#71819c}.site-header{height:78px;padding:0 max(7.2%,calc((100% - 1190px)/2));display:flex;align-items:center;justify-content:space-between;background:#fff;position:relative;z-index:5;border-bottom:1px solid #eff1f6}.brand{display:inline-flex;align-items:center;gap:10px;font:800 27px var(--head);letter-spacing:-1.5px;color:#172542}.brand-period{color:var(--blue)}.brand-symbol{display:flex;gap:2px;align-items:center;transform:skew(-17deg);height:25px}.brand-symbol i{display:block;width:5px;background:var(--blue);border-radius:4px;height:15px}.brand-symbol i:nth-child(2){height:21px;background:#52a6f9}.brand-symbol i:nth-child(3){height:25px;background:#63d3df}.nav{display:flex;align-items:center;gap:35px;color:#65718a;font-size:12px;font-weight:600}.nav a:hover,.nav .active{color:var(--blue)}.nav-login{border:1px solid #e6eaf1;border-radius:7px;padding:11px 17px;color:#233351!important}.nav-login span{color:var(--blue);margin-left:10px}.menu-toggle{display:none}.hero{min-height:632px;background:linear-gradient(125deg,#101c32,#142744 53%,#132846);color:#fff;position:relative;overflow:hidden;padding:83px max(7.2%,calc((100% - 1190px)/2)) 78px;display:grid;grid-template-columns:1fr 470px;align-items:center;gap:7%;isolation:isolate}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 71% 38%,#2575cd3d,transparent 35%);z-index:-1}.hero-copy{max-width:525px;position:relative;z-index:1}.live-tag,.eyebrow{font-size:9px;font-weight:700;letter-spacing:.17em;color:#95a7c3}.live-tag{display:flex;align-items:center;gap:9px}.live-tag span{height:7px;width:7px;border-radius:50%;background:#38cfac;box-shadow:0 0 12px #38cfac}.hero h1{font:800 clamp(49px,6vw,76px)/1.08 var(--head);letter-spacing:-3px;margin:24px 0 17px}.hero h1 em,.section h2 em,.methods-copy h2 em{font-style:normal;color:#62c8e8}.hero-copy>p{max-width:430px;color:#b6c2d5;font-size:14px;line-height:1.85}.hero-points{display:flex;gap:24px;margin-top:29px;font-size:10px;color:#c4d0e2}.hero-points b{color:#5fc8e4;font-size:13px;margin-right:6px}.exchange-card{position:relative;z-index:2;background:#fff;border-radius:15px;padding:26px 27px 20px;color:var(--ink);box-shadow:0 24px 80px #080f1f65}.card-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:20px}.card-kicker{font-size:8px;font-weight:700;letter-spacing:.16em;color:#8b96a8}.card-heading h2{font:700 20px var(--head);margin:4px 0 0}.shield{width:36px;height:36px;border-radius:10px;background:#edf4ff;color:var(--blue);display:grid;place-items:center;font-size:22px}.field-label{display:flex;justify-content:space-between;color:#3d4b62;font-size:10px;font-weight:700;margin-bottom:7px}.label-hint{color:#9aa4b4;font-weight:400}.amount-box{height:68px;border:1px solid #e6ebf3;border-radius:9px;display:flex;align-items:center;justify-content:space-between;padding:0 12px 0 15px}.amount-box:focus-within{border-color:#8bb2ff;box-shadow:0 0 0 3px #3474f611}.amount-box input,.amount-box output{width:42%;min-width:0;border:0;outline:0;font:700 20px var(--head);color:#1d2b43;background:transparent}.output-box{background:#f7f9fc}.output-box output{display:block}.currency-select{display:grid;grid-template-columns:24px auto;column-gap:7px;align-items:center;position:relative}.currency-select select{grid-column:2;grid-row:1;border:0;outline:0;appearance:none;background:transparent;padding-right:12px;max-width:143px;color:#25344c;font:600 10px var(--font);cursor:pointer}.currency-select:after{content:"⌄";position:absolute;right:0;top:0;color:#8c97a8;font-size:12px;pointer-events:none}.currency-code{grid-column:2;grid-row:2;color:#96a0b0;font-size:8px;line-height:1}.coin{width:27px;height:27px;display:inline-grid;place-items:center;border-radius:50%;font-size:12px;font-weight:700;color:#fff;flex:none}.coin-zain{background:#ee723b}.coin-usdt{background:#26a17b}.coin-green{background:#2c9d70}.coin-blue{background:#3768be}.coin-tron{background:#e84d5b}.coin-web{background:#4d77b8}.swap-row{display:flex;align-items:center;gap:9px;margin:9px 0}.swap-line{height:1px;background:#edf0f5;flex:1}.swap-button{width:29px;height:29px;border:1px solid #e8edf5;border-radius:50%;background:#fff;color:var(--blue);font-size:16px;cursor:pointer;transition:.2s}.swap-button:hover{transform:rotate(180deg);background:#f2f6ff}.rate-line{height:34px;display:flex;align-items:center;gap:7px;color:#68758b;font-size:9px}.rate-dot{width:6px;height:6px;border-radius:50%;background:#38c99c}.info-button{border:1px solid #dfe5ef;background:#fff;border-radius:50%;height:15px;width:15px;padding:0;color:#91a0b2;font-size:9px;line-height:12px}.exchange-button{width:100%;height:47px;border:0;border-radius:7px;background:linear-gradient(100deg,#3679f7,#458df5);color:#fff;font:700 11px var(--font);box-shadow:0 7px 15px #3474f62c;cursor:pointer}.exchange-button:hover{filter:brightness(1.05);transform:translateY(-1px)}.exchange-button span{font-size:16px;margin-left:8px}.terms-note{text-align:center;color:#a0a9b7;font-size:8px;margin:11px 0 0}.hero-glow{position:absolute;width:470px;height:470px;border-radius:50%;border:1px solid #c7e6ff0a;right:30%;top:7%;z-index:-1}.hero-orbit{position:absolute;border:1px solid #c7e6ff0b;border-radius:50%;z-index:-1}.orbit-one{width:660px;height:660px;right:21%;top:-16%}.orbit-two{width:870px;height:870px;right:13%;top:-31%}.trust-strip{padding:25px max(7.2%,calc((100% - 1190px)/2));display:grid;grid-template-columns:repeat(3,1fr);border-bottom:1px solid var(--line);gap:20px}.trust-strip>div{display:flex;align-items:center;justify-content:center;gap:12px}.trust-icon{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;background:#edf4ff;color:var(--blue);font-size:17px}.trust-strip b,.trust-strip small{display:block}.trust-strip b{font-size:10px}.trust-strip small{font-size:9px;color:#8c97a8;margin-top:2px}.section{padding:93px max(7.2%,calc((100% - 1190px)/2))}.section-heading{display:flex;justify-content:space-between;align-items:end;gap:25px;margin-bottom:32px}.eyebrow{color:#76839a}.section h2,.methods-copy h2{font:800 clamp(34px,4.2vw,46px)/1.15 var(--head);letter-spacing:-1.4px;margin:8px 0 0;color:#1b2a43}.section h2 em,.methods-copy h2 em{color:var(--blue)}.section-heading>p{max-width:345px;margin:0 0 4px;color:#7e899b;font-size:11px;line-height:1.8}.route-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:17px}.route-card{padding:19px 20px 16px;border:1px solid #e9edf3;border-radius:12px;box-shadow:0 8px 25px #13213b08;transition:.2s}.route-card:hover{box-shadow:0 14px 35px #13213b12;transform:translateY(-2px)}.route-top{display:flex;align-items:center;gap:9px}.route-arrow{color:#aab3c0}.route-badge{margin-left:auto;border-radius:5px;background:#f0f4fb;padding:5px 7px;color:#728099;font-size:8px;font-weight:700}.route-name{display:flex;justify-content:space-between;gap:5px;margin:17px 0 14px;font-size:10px}.route-name b{color:#27364e}.route-name span{color:#929daf}.route-rate{display:flex;justify-content:space-between;align-items:baseline;border-top:1px solid #eef1f6;padding-top:12px}.route-rate strong{font:700 17px var(--head)}.route-rate small{font:600 9px var(--font);color:#718097}.route-rate>span{font-size:9px;color:#929daf}.route-action{display:flex;justify-content:space-between;align-items:center;width:100%;border:0;background:transparent;padding:14px 0 0;color:#3979ef;font:600 9px var(--font);cursor:pointer}.methods-section{background:#f5f7fb;padding:80px max(7.2%,calc((100% - 1190px)/2))}.methods-inner{display:grid;grid-template-columns:.8fr 1.2fr;gap:9%;align-items:center}.methods-copy h2{margin:12px 0}.methods-copy>p{max-width:340px;font-size:11px;line-height:1.9;color:#758197}.simple-link{display:inline-block;margin-top:12px;color:#3677ed;font-size:10px;font-weight:700}.simple-link span{padding-left:10px}.method-grid{display:grid;grid-template-columns:1fr 1fr;gap:11px}.method-item{height:67px;display:flex;align-items:center;gap:10px;padding:0 12px;background:#fff;border:1px solid #edf0f5;border-radius:9px}.method-logo{width:29px;height:29px;border-radius:8px;display:grid;place-items:center;font-weight:700;color:#fff;font-size:12px}.zain-logo{background:#ed783f}.usdt-logo{background:#26a17b}.qi-logo{background:#3976c8}.web-logo{background:#5483bc}.tron-logo{background:#e6515c}.bsc-logo{background:#bd8d32}.method-item b,.method-item small{display:block}.method-item b{font-size:9px;color:#2a3850}.method-item small{font-size:8px;color:#9aa4b3;margin-top:2px}.method-check{margin-left:auto;color:#39bd93;font-size:12px}.reserves{padding-top:85px;padding-bottom:90px}.demo-chip{display:flex;align-items:center;gap:7px;color:#a18344;font-size:8px;letter-spacing:.1em;font-weight:700;background:#fff9e8;border:1px solid #f5e9c7;padding:8px 10px;border-radius:5px}.demo-chip span{width:5px;height:5px}.reserves-intro{margin:-19px 0 23px;color:#8994a5;font-size:10px}.reserve-grid{display:grid;grid-template-columns:repeat(4,1fr);border:1px solid #ebeff4;border-radius:10px;overflow:hidden}.reserve-item{padding:15px 12px;display:flex;align-items:center;gap:9px;border-right:1px solid #ebeff4}.reserve-item:last-child{border:0}.reserve-item b,.reserve-item small{display:block}.reserve-item b{font-size:9px}.reserve-item small{font-size:8px;color:#9aa4b3;margin-top:2px}.reserve-value{margin-left:auto;font-size:8px;color:#a4adba}.bottom-cta{position:relative;overflow:hidden;text-align:center;padding:74px 20px 80px;background:linear-gradient(120deg,#152743,#1b3661);color:#fff}.bottom-cta .eyebrow{color:#9cb6dc}.bottom-cta h2{font:800 clamp(32px,4vw,43px)/1.2 var(--head);letter-spacing:-1.3px;margin:12px 0}.bottom-cta>p{max-width:480px;margin:0 auto;color:#b9c7dc;font-size:11px;line-height:1.8}.cta-button{display:inline-flex;gap:18px;margin-top:22px;padding:12px 17px;border-radius:6px;background:#fff;color:#275cae;font-size:10px;font-weight:700}.cta-orb{position:absolute;left:10%;top:-90px;border:1px solid #ffffff12;border-radius:50%;width:230px;height:230px;display:grid;place-items:center;font:800 130px var(--head);color:#ffffff09}.footer{min-height:77px;display:flex;align-items:center;justify-content:space-between;padding:15px max(7.2%,calc((100% - 1190px)/2));gap:20px}.footer-brand{font-size:22px}.footer-brand .brand-symbol{transform:scale(.8) skew(-17deg);transform-origin:left center}.footer-demo,.footer-copy{color:#8b96a7;font-size:8px}.toast{position:fixed;z-index:20;left:50%;bottom:24px;transform:translate(-50%,15px);opacity:0;pointer-events:none;background:#172846;color:#fff;padding:13px 18px;border-radius:8px;box-shadow:0 12px 35px #101c3240;font-size:10px;transition:.25s}.toast.show{opacity:1;transform:translate(-50%,0)}
@media(max-width:900px){.hero{grid-template-columns:1fr 420px;gap:3%;padding-left:5%;padding-right:5%}.site-header{padding:0 5%}.nav{gap:23px}.section,.methods-section{padding-left:5%;padding-right:5%}.trust-strip{padding-left:5%;padding-right:5%}.footer{padding-left:5%;padding-right:5%}.route-grid{gap:10px}.route-card{padding:15px}.route-name{font-size:9px}.reserve-grid{grid-template-columns:repeat(2,1fr)}.reserve-item:nth-child(2){border-right:0}.reserve-item:nth-child(-n+2){border-bottom:1px solid #ebeff4}}
@media(max-width:700px){.demo-bar{font-size:8px}.site-header{height:68px}.menu-toggle{display:flex;flex-direction:column;gap:5px;border:0;background:none;padding:9px}.menu-toggle span{height:2px;width:22px;background:#192843;border-radius:2px}.nav{display:none;position:absolute;top:68px;left:0;right:0;padding:8px 5% 16px;background:#fff;box-shadow:0 12px 20px #18233b12;gap:0;align-items:stretch}.nav.open{display:flex;flex-direction:column}.nav a{padding:13px 0;border-bottom:1px solid #edf0f5}.nav .nav-login{border:0;padding-left:0}.hero{grid-template-columns:1fr;gap:35px;padding:55px 6% 45px}.hero h1{font-size:58px}.hero-copy>p{font-size:12px}.exchange-card{max-width:500px;width:100%;margin:auto;padding:21px}.hero-orbit{right:-35%}.trust-strip{grid-template-columns:1fr;gap:0;padding:10px 7%}.trust-strip>div{justify-content:flex-start;border-bottom:1px solid #eff1f6;padding:11px 4px}.trust-strip>div:last-child{border:0}.trust-icon{width:33px;height:33px}.section,.methods-section{padding:65px 6%}.section-heading{display:block}.section-heading>p{margin-top:15px}.route-grid{grid-template-columns:1fr}.route-card{padding:17px 18px}.methods-inner{grid-template-columns:1fr;gap:28px}.method-grid{gap:8px}.method-item{padding:0 8px}.method-item b{font-size:8px}.reserve-grid{grid-template-columns:1fr}.reserve-item{border-right:0;border-bottom:1px solid #ebeff4!important}.reserve-item:last-child{border-bottom:0!important}.footer{padding:21px 6%;flex-wrap:wrap}.footer-demo{order:3;width:100%}.footer-copy{margin-left:auto}}
@media(max-width:390px){.hero h1{font-size:49px;letter-spacing:-2px}.hero-points{flex-direction:column;gap:8px}.exchange-card{padding:17px 14px}.amount-box{padding:0 8px}.amount-box input,.amount-box output{font-size:17px}.currency-select{gap:4px}.currency-select select{max-width:115px;font-size:9px}.currency-code{font-size:8px}.method-grid{grid-template-columns:1fr}.footer-copy{width:100%;margin:0}}