@font-face{
  font-family:'DM Sans';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('/fonts/dm-sans-latin.woff2') format('woff2');
  unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD
}

@font-face{
  font-family:'DM Sans';
  font-style:normal;
  font-weight:400 800;
  font-display:swap;
  src:url('/fonts/dm-sans-latin-ext.woff2') format('woff2');
  unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+2020,U+20A0-20AB,U+20AD-20C4,U+2113,U+2C60-2C7F,U+A720-A7FF
}

/* Cardtel — original visual system, inspired by the owner's reference. */
:root{
  --ct-bg:#f0f6fc;
  --ct-ink:#1d2b43;
  --ct-muted:#788397;
  --ct-purple:#7862e9;
  --ct-lilac:#bcb0ff;
  --ct-line:#e0e6f0;
  --ct-navy:#151b4a;
  --ct-font:'DM Sans',sans-serif;
  --blue:#7561e8;
  --blue-dark:#5c48ce;
  --blue-light:#f0edff;
  --sans:'DM Sans',sans-serif;
  --body:'DM Sans',sans-serif
}

html{
  scroll-padding-top:104px
}
body{
  background:var(--ct-bg)
}
button,a,input,summary{
  -webkit-tap-highlight-color:transparent
}
button:focus-visible,a:focus-visible,summary:focus-visible{
  outline:3px solid #a99aef;
  outline-offset:5px
}
.ct-site{
  font-family:var(--ct-font);
  color:var(--ct-ink);
  background:var(--ct-bg);
  overflow:clip
}
.ct-site h1,.ct-site h2,.ct-site h3,.ct-site p{
  margin:0
}
.ct-site button,.ct-site a{
  font-family:inherit
}
.ct-site svg{
  flex-shrink:0
}
.ct-container{
  width:min(1200px,calc(100% - 80px));
  margin-inline:auto
}
.ct-icon{
  width:22px;
  height:22px;
  display:inline-block;
  vertical-align:middle;
  fill:none;
  stroke:currentColor;
  stroke-width:1.7;
  stroke-linecap:round;
  stroke-linejoin:round
}
.ct-brand{
  display:inline-flex;
  align-items:center;
  gap:8px;
  font-size:24px;
  letter-spacing:-1.2px;
  font-weight:800;
  line-height:1
}
.ct-brand img{
  width:35px;
  height:35px
}
.ct-pill{
  display:inline-flex;
  align-items:center;
  gap:7px;
  border:1px solid var(--ct-line);
  padding:7px 12px;
  border-radius:100px;
  font-size:11px;
  line-height:1.2;
  color:var(--ct-muted)
}
.ct-eyebrow{
  display:block;
  font-size:11px;
  font-weight:600;
  letter-spacing:1.1px;
  text-transform:uppercase;
  color:var(--ct-muted);
  margin-bottom:16px
}
.ct-heading{
  font-size:clamp(32px,3.6vw,49px);
  font-weight:500;
  line-height:1.12;
  letter-spacing:-2.3px
}
.ct-intro{
  font-size:15px;
  line-height:1.75;
  color:var(--ct-muted);
  max-width:500px;
  margin-top:20px!important
}
.ct-btn{
  display:inline-flex;
  align-items:center;
  justify-content:center;
  gap:12px;
  border-radius:12px;
  padding:15px 21px;
  font-size:13px;
  font-weight:600;
  line-height:1.2;
  border:1px solid transparent;
  transition:background .2s,transform .2s,color .2s;
  white-space:nowrap;
  cursor:pointer
}
.ct-btn:hover{
  transform:translateY(-2px)
}
.ct-btn .ct-icon{
  width:16px;
  height:16px
}
.ct-btn-dark{
  background:#17253b;
  color:#fff
}
.ct-btn-dark:hover{
  background:#293757
}
.ct-btn-white{
  background:#fff;
  color:#27324b
}
.ct-btn-white:hover{
  background:#efebff
}
.ct-btn-soft{
  background:#e9e7f6;
  color:#51458b
}
.ct-btn-outline{
  background:rgba(255,255,255,.065);
  border-color:rgba(255,255,255,.17);
  color:#fff
}
.ct-link{
  display:inline-flex;
  align-items:center;
  gap:12px;
  font-size:13px;
  font-weight:600;
  margin-top:26px;
  color:#51448f
}
.ct-link .ct-icon{
  width:16px;
  height:16px
}

/* Navigation */
.ct-nav{
  height:88px;
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  position:relative;
  z-index:30
}
.ct-nav-links{
  display:flex;
  align-items:center;
  gap:29px;
  margin-left:auto;
  margin-right:auto
}
.ct-nav-links>a{
  font-size:12px;
  font-weight:500;
  color:#334257
}
.ct-nav-links>a:hover{
  color:var(--ct-purple)
}
.ct-nav-actions{
  display:flex;
  align-items:center;
  gap:23px;
  font-size:12px;
  font-weight:600
}
.ct-country{
  display:flex;
  align-items:center;
  gap:7px;
  background:#fff;
  border:1px solid #e1e7ef;
  border-radius:9px;
  padding:7px 9px;
  font-size:10px;
  font-weight:500
}
.ct-country i{
  width:14px;
  height:10px;
  background:linear-gradient(90deg,#15976a 33.33%,#fff 33.33%,#fff 66.66%,#15976a 66.66%);
  border-radius:2px
}
.ct-nav-actions .ct-btn{
  font-size:11px;
  border-radius:10px;
  padding:13px 17px
}
.ct-menu-toggle{
  display:none;
  background:#fff;
  border:1px solid var(--ct-line);
  border-radius:10px;
  width:39px;
  height:39px;
  align-items:center;
  justify-content:center
}
.ct-mobile-actions{
  display:none
}

/* Hero and native product mockups */
.ct-hero{
  width:min(1488px,calc(100% - 32px));
  min-height:640px;
  margin:0 auto;
  border-radius:36px;
  background:radial-gradient(ellipse at 95% 105%,#6d4cda 0,transparent 48%),linear-gradient(118deg,#202e76 0,#171c50 47%,#242061 100%);
  color:white;
  position:relative;
  isolation:isolate;
  overflow:hidden
}
.ct-hero::before{
  content:'';
  position:absolute;
  inset:-70% -20% -40% 25%;
  background:repeating-radial-gradient(ellipse at 85% 45%,transparent 0,transparent 104px,rgba(255,255,255,.035) 105px,transparent 106px);
  z-index:-1;
  transform:rotate(-15deg)
}
.ct-hero-inner{
  min-height:640px;
  display:grid;
  grid-template-columns:1.02fr 1fr;
  align-items:center;
  gap:24px
}
.ct-hero-copy{
  padding:46px 0 52px;
  position:relative;
  z-index:3
}
.ct-hero .ct-eyebrow{
  font-size:10px;
  letter-spacing:.15px;
  text-transform:none;
  background:rgba(204,210,255,.11);
  border:1px solid rgba(255,255,255,.08);
  padding:7px 11px;
  display:inline-flex;
  gap:7px;
  align-items:center;
  border-radius:100px;
  margin-bottom:25px;
  color:#dcddf5
}
.ct-hero .ct-eyebrow i{
  width:5px;
  height:5px;
  border-radius:50%;
  background:#9edfc4
}
.ct-hero h1{
  font-family:var(--ct-font);
  font-size:clamp(46px,4.7vw,67px);
  font-weight:500;
  line-height:1.05;
  letter-spacing:-3.3px;
  max-width:640px
}
.ct-hero h1 span{
  color:#b6a7ff
}
.ct-hero-copy>p{
  font-size:15px;
  line-height:1.7;
  color:#bbbedb;
  max-width:430px;
  margin-top:25px
}
.ct-hero-actions{
  display:flex;
  gap:10px;
  margin-top:29px;
  flex-wrap:wrap
}
.ct-hero-pills{
  display:flex;
  flex-wrap:wrap;
  gap:7px;
  margin-top:28px
}
.ct-hero-pills .ct-pill{
  border-color:rgba(255,255,255,.12);
  color:#bbbdd6;
  background:rgba(255,255,255,.018);
  font-size:9px;
  padding:6px 9px
}
.ct-hero-scene{
  height:575px;
  position:relative;
  margin:0;
  min-width:0;
  isolation:isolate;
  perspective:1400px
}
.ct-hero-scene::after{
  content:'';
  position:absolute;
  inset:75% -10% 0;
  background:radial-gradient(ellipse,#0c1039b3,transparent 68%);
  filter:blur(12px);
  z-index:-1
}
.ct-device{
  width:244px;
  height:494px;
  padding:5px;
  background:linear-gradient(120deg,#8f8e96,#2c2c34 7%,#06070b 48%,#a6a5ae 97%);
  border:1px solid #87878e;
  border-radius:39px;
  box-shadow:0 25px 30px #080a2c5e,1px 1px 1px #fff6 inset;
  position:relative;
  color:#24314a;
  flex-shrink:0
}
.ct-device::before{
  content:'';
  position:absolute;
  left:-3px;
  top:105px;
  width:2px;
  height:45px;
  background:#34343e;
  border-radius:2px
}
.ct-device::after{
  content:'';
  position:absolute;
  right:-3px;
  top:124px;
  width:2px;
  height:58px;
  background:#34343e;
  border-radius:2px
}
.ct-device-screen{
  height:100%;
  border-radius:33px;
  background:#f8f9ff;
  position:relative;
  overflow:hidden;
  border:2px solid #111217
}
.ct-device-island{
  position:absolute;
  z-index:5;
  width:65px;
  height:17px;
  left:50%;
  transform:translateX(-50%);
  top:8px;
  border-radius:20px;
  background:#0a0a0e
}
.ct-device-status{
  height:36px;
  padding:11px 17px 0;
  display:flex;
  justify-content:space-between;
  align-items:flex-start;
  font-size:8px;
  font-weight:700;
  letter-spacing:-.1px
}
.ct-device-status .ct-icon{
  width:11px;
  height:11px;
  stroke-width:2
}
.ct-device-status span:last-child{
  display:flex;
  gap:3px;
  align-items:center
}
.ct-battery{
  width:14px;
  height:7px;
  border-radius:2px;
  background:#252d41;
  display:inline-block;
  box-shadow:inset 0 0 0 1px #a4a8b1;
  border:1px solid #f8f9ff;
  position:relative
}
.ct-battery::after{
  content:'';
  position:absolute;
  right:-3px;
  top:1px;
  width:1px;
  height:3px;
  background:#252d41
}
.ct-device-body{
  padding:0 11px
}
.ct-device-header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  margin:4px 0 15px
}
.ct-device-header .ct-brand{
  font-size:16px;
  letter-spacing:-.6px;
  gap:4px
}
.ct-device-header .ct-brand img{
  width:23px;
  height:23px
}
.ct-device-header>.ct-icon{
  width:17px;
  height:17px;
  color:#8b91a3
}
.ct-mini-tabs{
  display:flex;
  justify-content:center;
  gap:3px;
  font-size:7px;
  margin-bottom:13px
}
.ct-mini-tabs span{
  padding:5px 10px;
  border-radius:20px;
  color:#747c91
}
.ct-mini-tabs .is-active{
  background:#8c79ec;
  color:#fff
}
.ct-mini-balance{
  padding:14px 13px;
  border-radius:14px;
  background:linear-gradient(125deg,#21275c,#4e4390);
  color:#fff;
  position:relative;
  overflow:hidden
}
.ct-mini-balance::after{
  content:'';
  position:absolute;
  width:160px;
  height:160px;
  border:1px solid #ffffff10;
  border-radius:50%;
  right:-66px;
  top:-76px
}
.ct-mini-label{
  font-size:7px;
  color:#d3d0e9;
  letter-spacing:.1px;
  display:block
}
.ct-mini-amount{
  font-size:25px;
  font-weight:500;
  letter-spacing:-.9px;
  line-height:1.4;
  display:block;
  margin-top:2px
}
.ct-mini-split{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:5px;
  border-top:1px solid #ffffff1a;
  margin-top:9px;
  padding-top:9px;
  font-size:7px
}
.ct-mini-split span{
  display:block;
  color:#c9c6df;
  font-size:6px;
  margin-bottom:3px
}
.ct-mini-actions{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:7px;
  margin:12px 0
}
.ct-mini-actions>div{
  padding:9px 0;
  background:#fff;
  border:1px solid #eaeaf4;
  border-radius:11px;
  text-align:center;
  font-size:6px;
  font-weight:500;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:6px
}
.ct-mini-actions .ct-icon{
  width:17px;
  height:17px;
  color:#8c79e1
}
.ct-mini-title{
  font-size:9px;
  font-weight:600;
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin:12px 0 8px;
  letter-spacing:-.15px
}
.ct-mini-title>span{
  font-size:6px;
  color:#8d80bf;
  font-weight:400
}
.ct-mini-wallet{
  display:flex;
  align-items:center;
  gap:9px;
  padding:10px 9px;
  border-radius:12px;
  background:#fff;
  border:1px solid #e8e9f3;
  font-size:7px
}
.ct-mini-wallet>.ct-icon{
  padding:7px;
  box-sizing:content-box;
  background:#efedff;
  border-radius:9px;
  width:14px;
  height:14px;
  color:#8c79e1
}
.ct-mini-wallet>div{
  flex:1
}
.ct-mini-wallet strong{
  font-size:11px;
  font-weight:600;
  display:block;
  margin-top:3px
}
.ct-mini-wallet>span{
  color:#9e94b4;
  font-size:15px
}
.ct-mini-row{
  display:flex;
  gap:8px;
  align-items:center;
  padding:9px 0;
  border-bottom:1px solid #eeedf6;
  font-size:7px
}
.ct-mini-row>i{
  font-style:normal;
  width:25px;
  height:25px;
  display:grid;
  place-items:center;
  background:#f0edfa;
  border-radius:8px;
  color:#8a73d5
}
.ct-mini-row>i .ct-icon{
  width:12px;
  height:12px
}
.ct-mini-row>div{
  flex:1
}
.ct-mini-row strong{
  font-size:7px;
  font-weight:600
}
.ct-mini-row small{
  display:block;
  color:#9c9eae;
  font-size:6px;
  margin-top:2px
}
.ct-mini-row>b{
  font-size:7px;
  font-weight:500
}
.ct-mini-row .is-green{
  color:#4c9c85
}
.ct-device-bottom{
  position:absolute;
  bottom:12px;
  left:10px;
  right:10px;
  display:flex;
  justify-content:space-around;
  padding-top:11px;
  border-top:1px solid #e8e8f4;
  background:#f8f9ff
}
.ct-device-bottom>span{
  font-size:6px;
  color:#9899aa;
  display:flex;
  flex-direction:column;
  align-items:center;
  gap:4px
}
.ct-device-bottom .ct-icon{
  width:15px;
  height:15px
}
.ct-device-bottom .is-active{
  color:#8770e5
}
.ct-device-bottom::after{
  content:'';
  position:absolute;
  width:73px;
  height:3px;
  background:#1c2130;
  border-radius:3px;
  bottom:-7px;
  left:50%;
  transform:translateX(-50%)
}
.ct-phone-back{
  position:absolute;
  left:27px;
  top:62px;
  transform:rotate(-10deg);
  z-index:1
}
.ct-phone-front{
  position:absolute;
  left:231px;
  top:26px;
  transform:rotate(7deg);
  z-index:2
}
.ct-preview-label{
  font-size:9px;
  letter-spacing:.2px;
  color:#a9a5c9;
  position:absolute;
  bottom:0;
  left:110px;
  right:0;
  text-align:center
}
.ct-phone-front .ct-mini-tabs{
  margin-bottom:11px
}
.ct-phone-front .ct-device-header{
  margin-bottom:12px
}
.ct-phone-front .ct-mini-balance{
  background:linear-gradient(130deg,#5a48a3,#8975d2)
}
.ct-device .ct-plastic{
  width:100%;
  border-radius:12px;
  box-shadow:0 5px 8px #30215416;
  margin:12px 0 10px
}
.ct-device .ct-card-content{
  padding:12px
}
.ct-device .ct-card-brand{
  font-size:9px;
  gap:4px
}
.ct-device .ct-card-brand img{
  width:15px;
  height:15px
}
.ct-device .ct-card-type{
  font-size:5px
}
.ct-device .ct-card-chip{
  width:19px;
  height:15px;
  margin:13px 0 8px
}
.ct-device .ct-card-number{
  font-size:9px;
  letter-spacing:1.2px
}
.ct-device .ct-card-bottom{
  font-size:5px;
  margin-top:8px
}
.ct-device .ct-card-bottom b{
  font-size:10px
}
.ct-mini-transfer{
  display:flex;
  align-items:center;
  justify-content:center;
  gap:6px;
  padding:10px;
  background:#eeebfb;
  color:#7d68c1;
  border-radius:10px;
  font-size:8px;
  font-weight:600
}
.ct-mini-transfer .ct-icon{
  width:12px;
  height:12px
}
.ct-hero-card{
  position:absolute;
  z-index:4;
  width:220px;
  left:-10px;
  bottom:50px;
  transform:rotate(-14deg);
  box-shadow:0 20px 25px #0a07374a!important
}
.ct-hero-card .ct-card-content{
  padding:17px
}
.ct-hero-card .ct-card-brand{
  font-size:12px
}
.ct-hero-card .ct-card-brand img{
  width:21px;
  height:21px
}
.ct-hero-card .ct-card-chip{
  width:24px;
  height:18px;
  margin:16px 0 10px
}
.ct-hero-card .ct-card-number{
  font-size:11px
}
.ct-hero-card .ct-card-type{
  font-size:7px
}
.ct-hero-card .ct-card-bottom{
  font-size:7px;
  margin-top:11px
}
.ct-hero-card .ct-card-bottom b{
  font-size:16px
}

/* Shared original card artwork */
.ct-plastic{
  aspect-ratio:1.585;
  position:relative;
  color:#fff;
  overflow:hidden;
  border-radius:20px;
  box-shadow:0 18px 28px #23233c22;
  flex-shrink:0;
  isolation:isolate
}
.ct-card-bg{
  position:absolute;
  inset:0;
  width:100%;
  height:100%;
  object-fit:cover;
  z-index:-2
}
.ct-plastic::after{
  content:'';
  position:absolute;
  inset:0;
  border:1px solid #ffffff38;
  border-radius:inherit;
  pointer-events:none;
  background:linear-gradient(120deg,#fff0 36%,#ffffff0a 48%,#fff0 60%);
  z-index:3
}
.ct-card-content{
  padding:26px;
  height:100%;
  position:absolute;
  inset:0
}
.ct-card-top{
  display:flex;
  justify-content:space-between;
  align-items:center
}
.ct-card-brand{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:18px;
  letter-spacing:-.8px;
  font-weight:700
}
.ct-card-brand img{
  width:27px;
  height:27px;
  filter:brightness(0) invert(1)
}
.ct-card-type{
  font-size:9px;
  letter-spacing:1.5px;
  text-transform:uppercase;
  opacity:.75
}
.ct-card-chip{
  width:34px;
  height:26px;
  border-radius:5px;
  border:1px solid #eee6d394;
  background:linear-gradient(125deg,#e8dcb7,#b7a77d 55%,#f1e6c5);
  margin:26px 0 16px;
  position:relative;
  overflow:hidden
}
.ct-card-chip::after{
  content:'';
  position:absolute;
  inset:8px 0;
  border-top:1px solid #81785b88;
  border-bottom:1px solid #81785b88
}
.ct-card-chip::before{
  content:'';
  position:absolute;
  inset:0 10px;
  border-left:1px solid #81785b88;
  border-right:1px solid #81785b88;
  border-radius:7px
}
.ct-card-number{
  font-size:17px;
  font-weight:400;
  letter-spacing:2.7px;
  font-variant-numeric:tabular-nums
}
.ct-card-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:9px;
  font-weight:500;
  letter-spacing:1px;
  margin-top:18px;
  text-transform:uppercase
}
.ct-card-bottom b{
  font-size:22px;
  font-style:italic;
  font-weight:700;
  letter-spacing:-1px
}
.ct-card-pearl{
  color:#413761
}
.ct-card-pearl .ct-card-brand img{
  filter:brightness(0) saturate(100%) invert(23%) sepia(12%) saturate(1658%) hue-rotate(220deg)
}

/* Product sections */
.ct-proofbar{
  display:flex;
  align-items:center;
  justify-content:space-between;
  gap:30px;
  padding:43px 25px 44px;
  color:#8a91a4;
  border-bottom:1px solid #dfe6ef
}
.ct-proofbar>p{
  font-size:12px;
  max-width:210px;
  line-height:1.65
}
.ct-proof-logos{
  display:flex;
  align-items:center;
  gap:39px;
  flex-wrap:wrap;
  font-size:17px;
  font-weight:600;
  color:#56617a;
  letter-spacing:-.4px
}
.ct-proof-logos>span{
  display:flex;
  align-items:center;
  gap:9px
}
.ct-coin{
  width:28px;
  height:28px;
  border-radius:50%;
  display:inline-grid;
  place-items:center;
  font-size:18px;
  font-weight:500;
  background:#58aa99;
  color:#fff;
  font-style:normal;
  line-height:1
}
.ct-coin-usdc{
  background:#5b8bc1
}
.ct-coin-ngn{
  background:#dcebe4;
  color:#4f8877;
  font-size:14px
}
.ct-coin-usd{
  background:#e3dff6;
  color:#8b79cc;
  font-size:17px
}
.ct-section{
  padding-top:102px
}
.ct-section-head{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:35px;
  margin-bottom:38px
}
.ct-section-head>p{
  max-width:310px;
  font-size:14px;
  line-height:1.8;
  color:var(--ct-muted);
  padding-bottom:3px
}
.ct-feature-grid{
  display:grid;
  grid-template-columns:1.1fr 1fr;
  gap:20px
}
.ct-panel{
  border-radius:26px;
  background:#fff;
  border:1px solid #e7ebf3;
  padding:35px;
  position:relative;
  overflow:hidden
}
.ct-panel h3{
  font-size:26px;
  font-weight:500;
  letter-spacing:-1px;
  line-height:1.16
}
.ct-panel>p{
  font-size:13px;
  line-height:1.75;
  color:var(--ct-muted);
  margin-top:14px;
  max-width:330px
}
.ct-panel-main{
  grid-row:span 2;
  min-height:565px;
  background:linear-gradient(150deg,#e5e4f6,#f5f1ff);
  border:0;
  padding:38px
}
.ct-product-tag{
  font-size:10px;
  display:inline-flex;
  align-items:center;
  gap:7px;
  letter-spacing:.2px;
  color:#8e81ba;
  margin-bottom:18px
}
.ct-product-tag .ct-icon{
  width:15px;
  height:15px
}
.ct-panel-main h3{
  font-size:33px;
  max-width:320px
}
.ct-feature-cards{
  position:absolute;
  left:0;
  right:0;
  bottom:-30px;
  height:315px
}
.ct-feature-cards .ct-plastic{
  width:330px;
  position:absolute;
  transform:rotate(-13deg);
  left:36px;
  top:8px
}
.ct-feature-cards .ct-plastic+.ct-plastic{
  transform:rotate(10deg);
  left:168px;
  top:115px
}
.ct-panel-transfer{
  min-height:260px;
  display:grid;
  grid-template-columns:1fr 150px;
  gap:20px;
  align-items:center
}
.ct-panel-transfer>div>p{
  font-size:12px;
  line-height:1.75;
  color:var(--ct-muted);
  margin-top:13px
}
.ct-panel-transfer h3{
  font-size:24px
}
.ct-transfer-stack{
  padding:8px;
  background:#f5f5fb;
  border:1px solid #ecebf5;
  border-radius:15px;
  font-size:9px
}
.ct-transfer-stack>div{
  padding:12px 10px;
  background:#fff;
  border:1px solid #ecebf6;
  border-radius:10px;
  display:flex;
  align-items:center;
  gap:8px
}
.ct-transfer-stack>div>.ct-icon{
  width:17px;
  height:17px;
  color:#9a86dc
}
.ct-transfer-stack small{
  font-size:7px;
  color:#9693a8;
  display:block
}
.ct-transfer-stack b{
  display:block;
  font-size:11px;
  margin-top:4px;
  font-weight:500
}
.ct-transfer-stack>span{
  display:block;
  color:#a391dc;
  text-align:center;
  line-height:30px
}
.ct-transfer-stack>div:last-child{
  background:#8b77d9;
  color:#fff;
  border-color:#8b77d9
}
.ct-transfer-stack>div:last-child small{
  color:#e0d8f6
}
.ct-transfer-stack>div:last-child>.ct-icon{
  color:#fff
}
.ct-panel-crypto{
  min-height:282px;
  background:#e1e9f4;
  display:grid;
  grid-template-columns:1fr 126px;
  gap:22px;
  align-items:center;
  border-color:transparent
}
.ct-panel-crypto h3{
  font-size:26px
}
.ct-panel-crypto>div>p{
  font-size:12px;
  line-height:1.8;
  color:#5d6b82;
  margin-top:12px
}
.ct-coin-orbit{
  width:125px;
  height:125px;
  border:1px solid #c8d6e6;
  border-radius:50%;
  position:relative;
  display:grid;
  place-items:center;
  transform:rotate(-12deg)
}
.ct-coin-orbit::before{
  content:'';
  position:absolute;
  inset:13px;
  border:1px dashed #bdccdf;
  border-radius:50%
}
.ct-coin-orbit .ct-coin{
  width:55px;
  height:55px;
  font-size:32px;
  box-shadow:0 7px 12px #497d7b25;
  position:absolute;
  left:-3px;
  top:2px;
  border:3px solid #e2f2ec
}
.ct-coin-orbit .ct-coin-usdc{
  width:44px;
  height:44px;
  font-size:27px;
  left:auto;
  right:-5px;
  top:auto;
  bottom:12px;
  border-color:#d0e0f3
}
.ct-coin-orbit>.ct-icon{
  width:25px;
  height:25px;
  color:#9aaac0
}
.ct-panel .ct-link{
  font-size:12px;
  margin-top:20px
}
.ct-product-row{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:80px;
  align-items:center;
  padding:105px 0 0
}
.ct-product-copy .ct-heading{
  max-width:500px
}
.ct-bullets{
  margin-top:27px;
  display:grid;
  gap:13px
}
.ct-bullets>div{
  display:flex;
  align-items:center;
  gap:10px;
  font-size:13px;
  color:#59657c
}
.ct-check{
  width:19px;
  height:19px;
  background:#e9e5f9;
  color:#9a87d5;
  border-radius:50%;
  display:grid;
  place-items:center;
  flex-shrink:0
}
.ct-check .ct-icon{
  width:10px;
  height:10px;
  stroke-width:2
}
.ct-wallet-demo{
  position:relative;
  min-height:420px;
  display:grid;
  place-items:center;
  background:#e9e7f5;
  border-radius:27px;
  overflow:hidden
}
.ct-wallet-demo::before{
  content:'';
  position:absolute;
  width:430px;
  height:430px;
  border:1px solid #d9d3eb;
  border-radius:50%;
  left:90px;
  top:-200px
}
.ct-wallet-card{
  position:relative;
  z-index:1;
  width:318px;
  padding:24px;
  background:#fff;
  border:1px solid #e5e1f1;
  border-radius:21px;
  box-shadow:0 18px 35px #60517a10;
  transform:rotate(-3deg)
}
.ct-wallet-card>header{
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:11px;
  margin-bottom:22px
}
.ct-wallet-card>header .ct-brand{
  font-size:18px
}
.ct-wallet-card>header .ct-brand img{
  width:27px;
  height:27px
}
.ct-wallet-card>header>span{
  font-size:9px;
  color:#b3a9cc
}
.ct-wallet-label{
  font-size:10px;
  color:#9894a8
}
.ct-wallet-value{
  font-size:32px;
  letter-spacing:-1px;
  font-weight:500;
  margin-top:4px;
  margin-bottom:20px
}
.ct-wallet-destination{
  padding:15px;
  background:#f2f0fb;
  border:1px solid #e9e5f4;
  border-radius:12px;
  display:flex;
  justify-content:space-between;
  align-items:center;
  font-size:11px
}
.ct-wallet-destination b{
  font-size:14px;
  font-weight:500
}
.ct-wallet-transfer{
  background:#8f7cdd;
  color:white;
  text-align:center;
  font-size:11px;
  padding:13px;
  border-radius:10px;
  margin-top:15px;
  display:flex;
  justify-content:center;
  align-items:center;
  gap:9px
}
.ct-wallet-transfer .ct-icon{
  width:14px;
  height:14px
}
.ct-demo-caption{
  position:absolute;
  bottom:18px;
  left:0;
  right:0;
  font-size:9px;
  color:#9d94ae;
  text-align:center
}
.ct-wallet-note{
  position:absolute;
  bottom:56px;
  right:17px;
  z-index:3;
  display:flex;
  align-items:center;
  gap:9px;
  padding:13px 17px;
  border-radius:13px;
  background:#fff;
  box-shadow:0 9px 18px #60517a0c;
  transform:rotate(4deg);
  font-size:9px;
  color:#6d657d
}
.ct-wallet-note .ct-check{
  background:#e5f4ec;
  color:#63a68a
}

/* Sell crypto showcase */
.ct-sell{
  margin-top:108px;
  background:radial-gradient(ellipse at 100% 100%,#6b4cc8,transparent 65%),linear-gradient(115deg,#151b46,#252263);
  border-radius:30px;
  color:#fff;
  padding:62px 68px;
  display:grid;
  grid-template-columns:1fr .85fr;
  gap:70px;
  align-items:center;
  position:relative;
  overflow:hidden
}
.ct-sell::after{
  content:'';
  position:absolute;
  width:700px;
  height:700px;
  border:1px solid #ffffff08;
  border-radius:50%;
  left:190px;
  top:-490px
}
.ct-sell .ct-eyebrow{
  color:#b4a9e0
}
.ct-sell .ct-heading{
  font-size:44px
}
.ct-sell p.ct-intro{
  color:#b5b1d0;
  font-size:13px;
  margin-top:21px!important
}
.ct-sell .ct-bullets>div{
  color:#d5cdec;
  font-size:12px
}
.ct-sell .ct-check{
  background:#ffffff14;
  color:#c5b7f1
}
.ct-sell .ct-btn{
  margin-top:29px
}
.ct-quote-demo{
  background:#fff;
  color:var(--ct-ink);
  padding:25px;
  border-radius:22px;
  transform:rotate(3deg);
  box-shadow:0 20px 40px #100c3133;
  position:relative;
  z-index:1
}
.ct-quote-demo>header{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:15px;
  font-weight:500;
  letter-spacing:-.3px;
  margin-bottom:21px
}
.ct-quote-demo>header>.ct-icon{
  width:16px;
  height:16px;
  color:#c1bbd2
}
.ct-quote-field{
  padding:16px;
  background:#f7f8fc;
  border-radius:13px;
  border:1px solid #eeeef5
}
.ct-quote-field>small{
  font-size:8px;
  color:#9a96a7;
  display:block;
  margin-bottom:8px
}
.ct-quote-field>div{
  display:flex;
  align-items:center;
  justify-content:space-between;
  font-size:27px;
  letter-spacing:-.7px
}
.ct-quote-coin{
  display:flex;
  align-items:center;
  gap:6px;
  font-size:11px;
  font-weight:500;
  background:#fff;
  border:1px solid #e9e9f2;
  border-radius:30px;
  padding:6px 8px;
  letter-spacing:0
}
.ct-quote-coin .ct-coin{
  width:17px;
  height:17px;
  font-size:12px
}
.ct-quote-divider{
  text-align:center;
  line-height:28px;
  color:#b0a4c9
}
.ct-quote-field+.ct-quote-field{
  margin-top:10px
}
.ct-quote-network{
  font-size:8px;
  color:#a59bb7;
  margin-top:8px
}
.ct-quote-bank{
  display:flex;
  align-items:center;
  gap:9px;
  padding:15px 0;
  font-size:9px
}
.ct-quote-bank>.ct-icon{
  padding:8px;
  width:15px;
  height:15px;
  box-sizing:content-box;
  color:#ac9bd1;
  background:#f5f1fc;
  border-radius:9px
}
.ct-quote-bank>div{
  flex:1
}
.ct-quote-bank small{
  display:block;
  color:#aaa3b7;
  font-size:7px;
  margin-top:3px
}
.ct-quote-bank>span{
  color:#7da68d;
  font-size:7px
}
.ct-quote-confirm{
  font-size:11px;
  text-align:center;
  padding:13px;
  background:#8c75dc;
  color:#fff;
  border-radius:9px
}
.ct-quote-note{
  text-align:center;
  font-size:7px;
  color:#b0a7bd;
  margin-top:10px
}

/* Process, card studio and mobile */
.ct-process-top{
  display:flex;
  justify-content:space-between;
  align-items:flex-end;
  gap:25px;
  margin-bottom:35px
}
.ct-process-tabs{
  display:flex;
  gap:4px;
  padding:5px;
  background:#e4eaf3;
  border-radius:11px;
  align-self:flex-end
}
.ct-process-tabs button{
  font-size:11px;
  font-weight:500;
  color:#7f88a0;
  padding:10px 17px;
  border-radius:8px;
  cursor:pointer
}
.ct-process-tabs button[aria-selected=true]{
  background:#fff;
  color:#514677;
  box-shadow:0 2px 3px #25244306
}
.ct-process-panel[hidden]{
  display:none!important
}
.ct-step-grid{
  display:grid;
  grid-template-columns:repeat(3,1fr);
  gap:17px
}
.ct-step{
  padding:28px 29px;
  background:#fff;
  border:1px solid #e8ecf3;
  border-radius:21px;
  min-height:234px
}
.ct-step-num{
  font-size:11px;
  color:#a397b4;
  letter-spacing:.8px
}
.ct-step-icon{
  width:40px;
  height:40px;
  display:grid;
  place-items:center;
  background:#f2effa;
  color:#9b87d3;
  border-radius:12px;
  margin:24px 0 18px
}
.ct-step h3{
  font-size:19px;
  line-height:1.2;
  letter-spacing:-.5px;
  font-weight:500;
  margin-bottom:12px
}
.ct-step p{
  font-size:12px;
  line-height:1.8;
  color:var(--ct-muted)
}
.ct-studio{
  padding:48px 48px 40px;
  border-radius:30px;
  background:linear-gradient(130deg,#e5e6f5,#f4edfa);
  margin-top:100px;
  display:grid;
  grid-template-columns:.95fr 1fr;
  gap:60px;
  align-items:center;
  position:relative;
  overflow:hidden
}
.ct-studio .ct-heading{
  font-size:39px
}
.ct-studio .ct-intro{
  font-size:13px
}
.ct-studio-card{
  width:min(100%,365px);
  margin:0 auto;
  transform:rotate(-4deg);
  transition:transform .4s
}
.ct-studio-card:hover{
  transform:rotate(0deg) translateY(-4px)
}
.ct-studio .ct-card-content{
  padding:27px
}
.ct-studio-bottom{
  display:flex;
  justify-content:space-between;
  align-items:center;
  margin-top:26px;
  max-width:365px;
  margin-inline:auto;
  font-size:11px;
  color:#9990b0
}
.ct-studio-name{
  font-size:13px;
  font-weight:500;
  color:#655d7b
}
.ct-swatches{
  display:flex;
  gap:9px;
  margin-top:25px
}
.ct-swatch{
  width:34px;
  height:34px;
  padding:4px;
  border-radius:50%;
  border:1px solid transparent;
  cursor:pointer
}
.ct-swatch>span{
  width:100%;
  height:100%;
  border-radius:50%;
  display:block;
  box-shadow:inset 0 0 0 1px #fff4
}
.ct-swatch[aria-pressed=true]{
  border-color:#8c78bd
}
.ct-swatch[data-ct-card=amethyst]>span{
  background:linear-gradient(130deg,#c3b0ff,#6d4bd5)
}
.ct-swatch[data-ct-card=midnight]>span{
  background:linear-gradient(130deg,#555875,#11172c)
}
.ct-swatch[data-ct-card=pearl]>span{
  background:linear-gradient(130deg,#fff,#c5b4e9)
}
.ct-swatch[data-ct-card=cobalt]>span{
  background:linear-gradient(130deg,#9dbbff,#3157cc)
}
.ct-swatch[data-ct-card=forest]>span{
  background:linear-gradient(130deg,#9fbfaf,#285f54)
}
.ct-swatch[data-ct-card=coral]>span{
  background:linear-gradient(130deg,#f8c8b6,#b86d94)
}
.ct-studio-hint{
  display:block;
  font-size:10px;
  color:#9f96b2;
  margin-top:12px
}
.ct-mobile-section{
  display:grid;
  grid-template-columns:1fr 1fr;
  gap:85px;
  align-items:center;
  padding-top:110px
}
.ct-mobile-scene{
  height:515px;
  border-radius:28px;
  background:#e7edf6;
  position:relative;
  overflow:hidden;
  display:flex;
  align-items:flex-start;
  justify-content:center;
  padding-top:38px
}
.ct-mobile-scene>.ct-device{
  transform:rotate(-8deg);
  margin-left:-20px
}
.ct-mobile-float{
  position:absolute;
  z-index:3;
  right:2px;
  top:145px;
  width:203px;
  border:1px solid #e8e5f1;
  border-radius:15px;
  background:#fff;
  padding:17px;
  box-shadow:0 15px 25px #50487514;
  transform:rotate(6deg)
}
.ct-mobile-float .ct-product-tag{
  font-size:8px;
  margin-bottom:12px
}
.ct-mobile-float strong{
  font-size:18px;
  letter-spacing:-.6px;
  font-weight:500
}
.ct-mobile-float p{
  font-size:9px;
  color:#9d96ad;
  margin-top:7px
}
.ct-mobile-float footer{
  display:flex;
  align-items:center;
  gap:6px;
  margin-top:17px;
  font-size:8px;
  color:#7c6c9d
}
.ct-soon{
  font-size:9px;
  letter-spacing:.3px;
  display:inline-flex;
  align-items:center;
  gap:5px;
  padding:6px 9px;
  border:1px solid #dfdaed;
  background:#eae6f5;
  color:#8d7aae;
  border-radius:8px;
  margin-bottom:17px
}
.ct-web-note{
  font-size:10px;
  color:#9f98ae;
  margin-top:12px!important
}
.ct-gift-strip{
  margin-top:80px;
  border:1px solid #e3e6ef;
  border-radius:22px;
  background:#e9edf7;
  padding:25px 30px;
  display:flex;
  align-items:center;
  gap:20px
}
.ct-gift-strip>.ct-icon{
  width:31px;
  height:31px;
  color:#9f8bc4
}
.ct-gift-strip>div{
  flex:1
}
.ct-gift-strip h3{
  font-size:18px;
  font-weight:500;
  letter-spacing:-.6px
}
.ct-gift-strip p{
  font-size:12px;
  color:#637089;
  margin-top:5px
}
.ct-gift-strip .ct-soon{
  margin:0;
  white-space:nowrap
}

/* FAQ and footer */
.ct-faq{
  padding-top:105px;
  display:grid;
  grid-template-columns:.75fr 1fr;
  gap:80px;
  align-items:start;
  padding-bottom:100px
}
.ct-faq .ct-heading{
  font-size:40px;
  max-width:350px
}
.ct-faq-intro>p{
  font-size:13px;
  color:var(--ct-muted);
  line-height:1.7;
  margin-top:18px
}
.ct-support-card{
  border-radius:17px;
  padding:23px;
  background:linear-gradient(125deg,#263465,#5e45ad);
  color:#fff;
  max-width:295px;
  margin-top:28px
}
.ct-support-card>.ct-icon{
  width:24px;
  height:24px;
  color:#c3b8ee;
  margin-bottom:18px
}
.ct-support-card h3{
  font-size:16px;
  font-weight:500;
  letter-spacing:-.4px
}
.ct-support-card p{
  font-size:11px;
  line-height:1.7;
  color:#b8b4d4;
  margin-top:8px
}
.ct-support-card .ct-btn{
  margin-top:18px;
  font-size:10px;
  padding:11px 13px;
  border-radius:8px
}
.ct-faq-list{
  border-top:1px solid #dce3ec
}
.ct-faq-list details{
  border-bottom:1px solid #dce3ec
}
.ct-faq-list summary{
  cursor:pointer;
  display:flex;
  align-items:center;
  list-style:none;
  padding:23px 0;
  gap:18px;
  font-size:14px;
  font-weight:500;
  letter-spacing:-.2px
}
.ct-faq-list summary::-webkit-details-marker{
  display:none
}
.ct-faq-list summary>span{
  font-size:10px;
  font-weight:400;
  color:#a3a7ba;
  letter-spacing:.5px
}
.ct-faq-list summary::after{
  content:'+';
  margin-left:auto;
  color:#8c81b0;
  font-size:22px;
  font-weight:300
}
.ct-faq-list details[open] summary::after{
  content:'−'
}
.ct-faq-list details>p{
  font-size:12px;
  line-height:1.8;
  color:#7c8499;
  padding:0 25px 23px 32px;
  max-width:590px
}
.ct-bottom-cta{
  padding:53px 0;
  display:flex;
  align-items:center;
  justify-content:space-between;
  border-top:1px solid #dfe5ee;
  gap:25px
}
.ct-bottom-cta h2{
  font-size:34px;
  font-weight:500;
  line-height:1.2;
  letter-spacing:-1.5px
}
.ct-bottom-cta p{
  font-size:13px;
  color:#8c91a3;
  margin-top:11px
}
.ct-footer{
  margin:0 16px 16px;
  border-radius:30px;
  background:radial-gradient(ellipse at 100% 100%,#3e2a88,transparent 60%),linear-gradient(120deg,#111a3e,#25205b);
  color:#fff;
  padding:30px 0 0
}
.ct-footer-banner{
  background:#ffffff0d;
  border:1px solid #ffffff12;
  padding:16px 20px;
  border-radius:15px;
  display:flex;
  align-items:center;
  gap:13px
}
.ct-footer-banner>img{
  width:37px;
  height:37px
}
.ct-footer-banner>div{
  flex:1
}
.ct-footer-banner strong{
  font-size:11px;
  font-weight:500;
  display:block
}
.ct-footer-banner small{
  font-size:9px;
  color:#aca9c3;
  display:block;
  margin-top:5px
}
.ct-footer-banner .ct-btn{
  font-size:10px;
  padding:12px 15px;
  border-radius:9px
}
.ct-footer-banner .ct-soon{
  margin:0;
  border-color:#ffffff16;
  background:#ffffff0a;
  color:#c9bfeb
}
.ct-footer-grid{
  display:grid;
  grid-template-columns:1.4fr 1fr 1fr 1fr;
  gap:38px;
  padding:42px 0 38px
}
.ct-footer .ct-brand{
  font-size:24px
}
.ct-footer .ct-brand img{
  width:32px;
  height:32px
}
.ct-footer-about p{
  font-size:11px;
  color:#aaa7c3;
  max-width:250px;
  line-height:1.85;
  margin-top:18px
}
.ct-footer-grid h3{
  font-family:var(--ct-font);
  font-size:9px;
  text-transform:uppercase;
  letter-spacing:.5px;
  color:#a6a0c2;
  font-weight:400;
  margin:0 0 17px
}
.ct-footer-grid ul{
  list-style:none;
  margin:0;
  padding:0;
  display:grid;
  gap:11px
}
.ct-footer-grid li{
  font-size:11px;
  color:#c5c0d9
}
.ct-footer-grid li a:hover{
  color:#fff
}
.ct-footer-grid li small{
  font-size:8px;
  padding:3px 5px;
  background:#ffffff0c;
  border-radius:5px;
  color:#9890b5;
  margin-left:3px
}
.ct-footer-contact{
  display:inline-flex;
  align-items:center;
  gap:7px;
  background:#ffffff0a;
  border:1px solid #ffffff0e;
  border-radius:7px;
  padding:9px 11px;
  color:#d1c8ed;
  font-size:9px;
  margin-top:15px
}
.ct-footer-contact .ct-icon{
  width:12px;
  height:12px
}
.ct-footer-bottom{
  padding:19px 0 22px;
  border-top:1px solid #ffffff0d;
  display:flex;
  justify-content:space-between;
  font-size:9px;
  color:#85809e
}
.ct-footer-bottom>div{
  display:flex;
  gap:20px
}

/* Account entry and existing application surfaces */
#page-dashboard{
  --bg:#f0f4fb;
  --bg2:#f8f9fe;
  --border:#e4e5f0;
  --text:#25334c;
  --text2:#47536b;
  --muted:#5d6b82;
  background:#f0f4fb
}
.dash-sidebar{
  background:#fff;
  border-right-color:#e8e7f1
}
.dash-nav-item.active{
  background:#efecfc;
  color:#7b66c9
}
.dash-nav-item{
  border-radius:11px
}
.dash-title{
  font-family:var(--ct-font);
  font-weight:500;
  letter-spacing:-1px
}
.balance-card{
  border-radius:22px
}
.balance-card-usd{
  background:linear-gradient(130deg,#262e65,#7460bc)
}
.balance-card-ngn{
  background:linear-gradient(130deg,#345c72,#659b9b)
}
.tx-list,.bank-account-card,.settings-card{
  border-radius:19px;
  border-color:#e6e7f1
}
.virtual-card-sm{
  border-radius:20px;
  box-shadow:0 15px 25px #3130521c
}
.modal-box{
  border-radius:23px
}
.design-option{
  border-radius:14px
}
.design-option.selected{
  border-color:#9e88df;
  box-shadow:0 0 0 3px #b9a6e51c
}
.ct-account-coming{
  border-radius:22px;
  background:linear-gradient(130deg,#eeebfb,#e7edf7);
  border:1px solid #e3def2;
  text-align:center;
  padding:52px 24px;
  max-width:680px
}
.ct-account-coming>.ct-icon{
  width:44px;
  height:44px;
  color:#ab94d8;
  margin-bottom:18px
}
.ct-account-coming h2{
  font-family:var(--ct-font);
  font-size:27px;
  letter-spacing:-1px;
  font-weight:500
}
.ct-account-coming p{
  font-size:14px;
  color:#8d87a2;
  max-width:400px;
  line-height:1.7;
  margin:15px auto
}
.ct-account-coming .ct-soon{
  margin:5px 0 0
}
.ct-auth-page .right{
  background:radial-gradient(ellipse at 100% 100%,#6042bc,transparent 60%),linear-gradient(135deg,#1d2c70,#181b4d);
  border-radius:30px;
  margin:18px 18px 18px 0
}
.ct-auth-page .left{
  background:var(--ct-bg)
}
.ct-auth-page .page{
  background:var(--ct-bg)
}
.ct-auth-page .logo{
  font-family:var(--ct-font);
  letter-spacing:-1px
}
.ct-auth-page .form-heading{
  font-family:var(--ct-font);
  font-weight:500;
  color:#23314a
}
.ct-auth-page .form-input{
  border-color:#e3e2ed;
  background:#fff;
  border-radius:11px
}
.ct-auth-page .tab-row{
  border-color:#e4e1ef;
  background:#e9e9f5
}
.ct-auth-page .tab.active{
  color:#7965bb
}
.ct-auth-page .btn-submit{
  font-family:var(--ct-font);
  border-radius:11px;
  background:#8973dc
}
.ct-auth-page .mini-card{
  background:linear-gradient(135deg,#b49df1,#7660c8);
  box-shadow:0 25px 40px #0c103455
}

@media(min-width:1550px){
  .ct-hero-scene{
  transform:scale(1.06);
  transform-origin:center
}
.ct-hero-inner{
  gap:40px
}

}

@media(max-width:1190px){
  .ct-container{
  width:calc(100% - 64px)
}
.ct-nav-links{
  gap:19px
}
.ct-nav-actions{
  gap:15px
}
.ct-hero-inner{
  gap:0;
  grid-template-columns:1fr .9fr
}
.ct-hero h1{
  font-size:58px
}
.ct-hero-scene{
  transform:scale(.89);
  transform-origin:center left;
  width:520px
}
.ct-panel-transfer{
  grid-template-columns:1fr 125px;
  padding:27px;
  gap:12px
}
.ct-panel-crypto{
  padding:27px
}
.ct-feature-cards .ct-plastic{
  left:17px;
  width:300px
}
.ct-feature-cards .ct-plastic+.ct-plastic{
  left:100px
}
.ct-product-row{
  gap:45px
}
.ct-sell{
  padding:49px;
  gap:42px
}
.ct-sell .ct-heading{
  font-size:39px
}
.ct-studio{
  gap:35px;
  padding:40px
}
.ct-studio .ct-card-content{
  padding:22px
}
.ct-studio .ct-card-chip{
  margin:22px 0 12px
}
.ct-studio .ct-card-number{
  font-size:15px
}
.ct-mobile-section{
  gap:50px
}
.ct-faq{
  gap:55px
}

}

@media(max-width:950px){
  .ct-container{
  width:calc(100% - 48px)
}
.ct-country{
  display:none
}
.ct-nav-links{
  gap:15px
}
.ct-nav-actions{
  gap:14px
}
.ct-nav-links>a{
  font-size:11px
}
.ct-hero h1{
  font-size:51px;
  letter-spacing:-2.6px
}
.ct-hero-copy>p{
  font-size:13px
}
.ct-hero-inner{
  min-height:570px;
  grid-template-columns:1.03fr 1fr
}
.ct-hero{
  min-height:570px;
  border-radius:29px
}
.ct-hero-scene{
  transform:scale(.75);
  width:520px;
  height:575px;
  margin-top:5px;
  margin-bottom:-85px
}
.ct-hero-pills{
  gap:5px
}
.ct-hero-pills .ct-pill{
  font-size:8px
}
.ct-hero-actions .ct-btn{
  padding:14px 15px;
  font-size:11px
}
.ct-proofbar{
  padding-inline:0;
  gap:25px
}
.ct-proof-logos{
  gap:20px;
  font-size:14px
}
.ct-proofbar>p{
  font-size:11px;
  max-width:170px
}
.ct-feature-grid{
  gap:16px
}
.ct-panel-main{
  padding:30px;
  min-height:540px
}
.ct-panel-main h3{
  font-size:29px
}
.ct-panel-transfer{
  grid-template-columns:1fr;
  padding:27px;
  min-height:240px
}
.ct-transfer-stack{
  display:none
}
.ct-panel-crypto{
  grid-template-columns:1fr;
  padding:27px
}
.ct-coin-orbit{
  display:none
}
.ct-feature-cards .ct-plastic{
  width:290px;
  left:5px
}
.ct-feature-cards .ct-plastic+.ct-plastic{
  left:65px
}
.ct-section-head>p{
  max-width:250px
}
.ct-product-row{
  gap:28px
}
.ct-heading{
  font-size:38px
}
.ct-wallet-card{
  width:280px
}
.ct-wallet-note{
  right:4px;
  font-size:8px
}
.ct-sell{
  padding:37px;
  gap:30px
}
.ct-sell .ct-heading{
  font-size:35px
}
.ct-quote-demo{
  padding:20px
}
.ct-quote-field>div{
  font-size:23px
}
.ct-step{
  padding:24px
}
.ct-studio .ct-heading{
  font-size:33px
}
.ct-studio{
  padding:35px;
  gap:28px
}
.ct-studio .ct-card-content{
  padding:17px
}
.ct-studio .ct-card-chip{
  margin:14px 0 10px;
  width:29px;
  height:21px
}
.ct-studio .ct-card-number{
  font-size:12px;
  letter-spacing:2px
}
.ct-studio .ct-card-bottom{
  font-size:7px;
  margin-top:10px
}
.ct-studio .ct-card-bottom b{
  font-size:18px
}
.ct-studio .ct-card-brand{
  font-size:14px
}
.ct-studio .ct-card-brand img{
  width:23px;
  height:23px
}
.ct-mobile-section{
  gap:32px
}
.ct-mobile-float{
  width:175px;
  right:-5px;
  padding:14px
}
.ct-mobile-float strong{
  font-size:16px
}
.ct-faq{
  gap:35px
}
.ct-faq .ct-heading{
  font-size:35px
}
.ct-footer-grid{
  gap:24px
}
.ct-footer-banner{
  padding:14px
}
.ct-footer-banner .ct-soon{
  display:none
}

}

@media(max-width:720px){
  .ct-container{
  width:calc(100% - 40px)
}
.ct-nav{
  height:75px;
  gap:15px
}
.ct-brand{
  font-size:23px
}
.ct-brand img{
  width:32px;
  height:32px
}
.ct-menu-toggle{
  display:flex
}
.ct-nav-actions{
  margin-left:auto;
  gap:12px
}
.ct-nav-actions>.ct-login-link{
  display:none
}
.ct-nav-actions .ct-btn{
  font-size:10px;
  padding:12px 13px
}
.ct-nav-links{
  display:none;
  position:absolute;
  top:65px;
  left:0;
  right:0;
  z-index:50;
  background:#fff;
  border:1px solid var(--ct-line);
  box-shadow:0 12px 25px #1e27541a;
  border-radius:17px;
  padding:15px;
  margin:0;
  flex-direction:column;
  align-items:stretch;
  gap:0
}
.ct-nav-links.is-open{
  display:flex
}
.ct-nav-links>a{
  padding:13px;
  font-size:13px;
  border-radius:8px
}
.ct-nav-links>a:hover{
  background:#f4f1fb
}
.ct-mobile-actions{
  display:flex;
  border-top:1px solid #eeeaf5;
  margin-top:7px;
  padding:15px 12px 3px;
  gap:12px;
  align-items:center;
  font-size:12px
}
.ct-hero{
  width:calc(100% - 20px);
  border-radius:26px;
  min-height:0
}
.ct-hero-inner{
  grid-template-columns:1fr;
  min-height:0;
  gap:0;
  width:calc(100% - 42px)
}
.ct-hero-copy{
  padding:42px 0 0;
  text-align:center
}
.ct-hero .ct-eyebrow{
  margin-bottom:22px;
  font-size:9px
}
.ct-hero h1{
  font-size:clamp(44px,8.8vw,64px);
  letter-spacing:-2.8px;
  max-width:530px;
  margin-inline:auto
}
.ct-hero-copy>p{
  font-size:13px;
  margin:21px auto 0;
  max-width:370px
}
.ct-hero-actions{
  justify-content:center;
  margin-top:25px
}
.ct-hero-actions .ct-btn{
  font-size:12px;
  padding:14px 17px
}
.ct-hero-pills{
  justify-content:center;
  margin-top:23px
}
.ct-hero-pills .ct-pill{
  font-size:8px;
  padding:6px 8px
}
.ct-hero-scene{
  height:545px;
  margin:18px auto -25px;
  width:510px;
  transform:scale(.9);
  transform-origin:center top;
  left:5px
}
.ct-phone-back{
  left:32px
}
.ct-phone-front{
  left:229px
}
.ct-hero-card{
  left:12px;
  bottom:30px
}
.ct-preview-label{
  bottom:-5px;
  left:0;
  right:0
}
.ct-proofbar{
  padding:29px 0;
  flex-direction:column;
  gap:18px
}
.ct-proofbar>p{
  max-width:none;
  font-size:11px;
  text-align:center
}
.ct-proof-logos{
  width:100%;
  justify-content:space-around;
  gap:8px;
  font-size:14px
}
.ct-proof-logos .ct-coin{
  width:23px;
  height:23px;
  font-size:15px
}
.ct-section{
  padding-top:67px
}
.ct-section-head{
  display:block;
  margin-bottom:27px
}
.ct-heading{
  font-size:35px;
  letter-spacing:-1.6px
}
.ct-section-head>p{
  max-width:360px;
  font-size:12px;
  line-height:1.8;
  margin-top:17px!important
}
.ct-feature-grid{
  grid-template-columns:1fr;
  gap:15px
}
.ct-panel-main{
  grid-row:auto;
  min-height:465px;
  padding:29px
}
.ct-panel-main h3{
  font-size:30px;
  max-width:340px
}
.ct-panel-main>p{
  font-size:12px;
  max-width:300px
}
.ct-feature-cards{
  height:265px
}
.ct-feature-cards .ct-plastic{
  width:300px;
  left:30px;
  top:10px
}
.ct-feature-cards .ct-plastic+.ct-plastic{
  left:150px;
  top:95px
}
.ct-panel-transfer{
  grid-template-columns:1fr 140px;
  min-height:240px;
  padding:28px 24px;
  gap:20px
}
.ct-panel-transfer h3{
  font-size:24px
}
.ct-transfer-stack{
  display:block
}
.ct-panel-crypto{
  grid-template-columns:1fr 125px;
  min-height:250px;
  padding:28px 25px;
  gap:20px
}
.ct-coin-orbit{
  display:grid
}
.ct-product-row{
  grid-template-columns:1fr;
  gap:32px;
  padding-top:67px
}
.ct-product-copy .ct-intro{
  font-size:13px
}
.ct-wallet-demo{
  min-height:405px
}
.ct-wallet-card{
  width:300px
}
.ct-wallet-note{
  bottom:52px;
  right:14px;
  font-size:9px
}
.ct-sell{
  margin-top:67px;
  grid-template-columns:1fr;
  padding:34px 28px 42px;
  gap:35px;
  border-radius:25px
}
.ct-sell .ct-heading{
  font-size:37px
}
.ct-quote-demo{
  width:min(100%,320px);
  margin-inline:auto;
  padding:23px
}
.ct-quote-field>div{
  font-size:28px
}
.ct-process-top{
  display:block;
  margin-bottom:26px
}
.ct-process-tabs{
  display:inline-flex;
  margin-top:25px
}
.ct-step-grid{
  grid-template-columns:1fr;
  gap:12px
}
.ct-step{
  min-height:0;
  padding:23px 25px;
  display:grid;
  grid-template-columns:38px 1fr;
  gap:7px 19px
}
.ct-step-num{
  grid-column:1;
  grid-row:1;
  align-self:center;
  font-size:10px
}
.ct-step-icon{
  grid-column:1;
  grid-row:2;
  margin:0;
  width:36px;
  height:36px;
  border-radius:10px
}
.ct-step-icon .ct-icon{
  width:19px;
  height:19px
}
.ct-step h3{
  grid-column:2;
  grid-row:1;
  margin:0;
  font-size:19px;
  line-height:1.5
}
.ct-step p{
  grid-column:2;
  grid-row:2;
  font-size:12px
}
.ct-studio{
  margin-top:65px;
  grid-template-columns:1fr;
  padding:34px 28px;
  gap:40px
}
.ct-studio .ct-heading{
  font-size:35px
}
.ct-studio .ct-card-content{
  padding:23px
}
.ct-studio .ct-card-brand{
  font-size:16px
}
.ct-studio .ct-card-chip{
  margin:23px 0 13px;
  width:31px;
  height:23px
}
.ct-studio .ct-card-number{
  font-size:15px
}
.ct-studio .ct-card-bottom{
  margin-top:15px;
  font-size:8px
}
.ct-studio .ct-card-bottom b{
  font-size:20px
}
.ct-studio-bottom{
  margin-top:20px
}
.ct-mobile-section{
  padding-top:65px;
  grid-template-columns:1fr;
  gap:30px
}
.ct-mobile-scene{
  order:2;
  height:450px;
  padding-top:32px
}
.ct-mobile-scene>.ct-device{
  margin-left:-40px
}
.ct-mobile-float{
  width:190px;
  right:12px
}
.ct-gift-strip{
  margin-top:55px;
  padding:22px;
  gap:14px;
  flex-wrap:wrap
}
.ct-gift-strip>.ct-icon{
  width:27px;
  height:27px
}
.ct-gift-strip>div{
  flex:1;
  min-width:170px
}
.ct-gift-strip h3{
  font-size:17px
}
.ct-gift-strip p{
  font-size:11px
}
.ct-gift-strip .ct-soon{
  margin-left:42px
}
.ct-faq{
  padding-top:67px;
  padding-bottom:52px;
  grid-template-columns:1fr;
  gap:30px
}
.ct-faq .ct-heading{
  font-size:35px
}
.ct-faq-intro>p{
  font-size:12px
}
.ct-support-card{
  display:none
}
.ct-faq-list summary{
  font-size:13px;
  padding:20px 0;
  gap:13px
}
.ct-faq-list details>p{
  font-size:12px;
  padding-left:25px;
  padding-right:13px
}
.ct-bottom-cta{
  padding:35px 0;
  display:block
}
.ct-bottom-cta h2{
  font-size:30px
}
.ct-bottom-cta p{
  font-size:12px
}
.ct-bottom-cta>.ct-btn{
  margin-top:22px
}
.ct-footer{
  margin:0 10px 10px;
  border-radius:25px;
  padding-top:21px
}
.ct-footer-banner{
  align-items:flex-start;
  gap:10px;
  padding:15px
}
.ct-footer-banner>img{
  width:30px;
  height:30px
}
.ct-footer-banner strong{
  font-size:10px;
  line-height:1.5
}
.ct-footer-banner small{
  font-size:8px;
  line-height:1.6;
  margin-top:3px
}
.ct-footer-banner .ct-btn{
  display:none
}
.ct-footer-grid{
  grid-template-columns:1fr 1fr;
  gap:29px;
  padding:32px 0
}
.ct-footer-about{
  grid-column:1/-1
}
.ct-footer-about p{
  max-width:300px;
  font-size:11px
}
.ct-footer-grid h3{
  font-size:9px
}
.ct-footer-grid li{
  font-size:11px
}
.ct-footer-bottom{
  font-size:8px;
  gap:18px;
  align-items:flex-start;
  line-height:1.6
}
.ct-footer-bottom>div{
  gap:12px;
  flex-wrap:wrap;
  justify-content:flex-end
}
.ct-auth-page .right{
  display:none
}
.ct-auth-page .left{
  padding:25px
}
.ct-auth-page .page{
  grid-template-columns:1fr
}

}

@media(max-width:480px){
  .ct-hero-scene{
  transform:scale(.72);
  margin-bottom:-130px;
  margin-left:calc(50% - 255px);
  left:0
}
.ct-hero-inner{
  width:calc(100% - 38px)
}
.ct-hero-copy{
  padding-top:36px
}
.ct-hero h1{
  font-size:43px;
  letter-spacing:-2.6px
}
.ct-hero-copy>p{
  font-size:12px;
  line-height:1.85
}
.ct-hero-pills{
  max-width:320px;
  margin-inline:auto
}
.ct-hero-pills .ct-pill{
  font-size:7px;
  padding:5px 7px
}
.ct-hero-actions{
  gap:8px
}
.ct-hero-actions .ct-btn{
  font-size:11px;
  padding:14px 14px
}
.ct-phone-front{
  left:231px
}
.ct-feature-cards .ct-plastic{
  left:15px;
  width:285px
}
.ct-feature-cards .ct-plastic+.ct-plastic{
  left:100px
}
.ct-panel-transfer{
  grid-template-columns:1fr 125px;
  gap:12px
}
.ct-panel-transfer h3{
  font-size:23px
}
.ct-transfer-stack{
  padding:6px
}
.ct-panel-crypto{
  grid-template-columns:1fr 95px;
  gap:12px
}
.ct-coin-orbit{
  width:95px;
  height:95px
}
.ct-coin-orbit .ct-coin{
  width:46px;
  height:46px;
  font-size:25px
}
.ct-coin-orbit .ct-coin-usdc{
  width:37px;
  height:37px;
  font-size:23px;
  bottom:0
}
.ct-panel-crypto h3{
  font-size:24px
}
.ct-wallet-card{
  width:270px
}
.ct-wallet-demo{
  min-height:382px
}
.ct-wallet-note{
  right:5px;
  bottom:47px;
  padding:11px 14px;
  font-size:8px
}
.ct-studio{
  padding:31px 24px
}
.ct-studio .ct-card-content{
  padding:20px
}
.ct-studio .ct-card-chip{
  margin:18px 0 11px;
  width:28px;
  height:21px
}
.ct-studio .ct-card-number{
  font-size:13px
}
.ct-studio .ct-card-bottom{
  font-size:7px;
  margin-top:12px
}
.ct-studio .ct-card-brand{
  font-size:15px
}
.ct-studio .ct-card-brand img{
  width:23px;
  height:23px
}
.ct-studio .ct-card-type{
  font-size:7px
}
.ct-footer-grid{
  column-gap:15px
}
.ct-proof-logos{
  font-size:12px
}
.ct-proof-logos>span{
  gap:5px
}

}

@media(prefers-reduced-motion:reduce){
  html{
  scroll-behavior:auto
}
.ct-site *,.ct-site *::before,.ct-site *::after{
  animation:none!important;
  transition:none!important;
  scroll-behavior:auto!important
}

}

.ct-auth-page .right-inner{
  max-width:390px
}
.ct-auth-page .right-inner h2{
  font-family:var(--ct-font);
  font-weight:500;
  font-size:36px;
  line-height:1.15;
  letter-spacing:-1.4px;
  margin:22px 0 16px;
  color:#fff
}
.ct-auth-page .right-inner>p{
  font-size:14px;
  line-height:1.8;
  color:#b6b0d4
}
.ct-auth-card-showcase{
  margin:38px auto 0;
  max-width:345px;
  transform:rotate(-7deg)
}
.ct-auth-card-showcase .ct-card-content{
  padding:25px
}
.ct-auth-card-showcase .ct-card-chip{
  margin:24px 0 14px
}
.ct-auth-card-showcase .ct-card-number{
  font-size:16px
}
.ct-auth-wallet-note{
  margin-top:38px;
  color:#d0c8e5;
  font-size:11px;
  display:flex;
  align-items:center;
  justify-content:center;
  gap:9px
}
.ct-auth-wallet-note .ct-icon{
  width:16px;
  height:16px;
  color:#c6b1f5
}
.ct-auth-page .ct-auth-gift-note{
  font-size:10px!important;
  color:#8e82ad!important;
  margin-top:15px!important
}
.ct-content-page{
  background:var(--ct-bg);
  --bg:#fff;
  --bg2:#f7f7fc;
  --border:#e1e3ee;
  --text:#26344b;
  --navy:#19224e;
  --blue:#7f6acc;
  --blue-dark:#6955b5;
  --blue-light:#efebfb
}
.ct-content-page h1,.ct-content-page h2,.ct-content-page h3{
  font-family:var(--ct-font);
  font-weight:500;
  letter-spacing:-.04em
}
.ct-content-page .nav{
  background:#f0f6fcf5;
  border-color:#e0e6ef
}
.ct-content-page .help-hero,.ct-content-page .page-hero,.ct-content-page .hero{
  background:radial-gradient(ellipse at 100% 100%,#7153c3,transparent 60%),linear-gradient(120deg,#243172,#171d4b);
  border-radius:27px;
  margin:10px 16px 0
}
.ct-content-page .nav-logo,.ct-content-page .nav-back{
  font-family:var(--ct-font)
}
.ct-content-page .page-footer{
  background:transparent;
  border-color:#e1e5ef;
  color:#8a8b9e
}
.ct-content-page .channel-card,.ct-content-page .info-card,.ct-content-page .form-section,.ct-content-page .cat-card{
  border-radius:20px
}
.ct-public-notice{
  margin:14px auto;
  padding:15px 23px;
  max-width:1100px;
  border:1px solid #d9d2ef;
  border-radius:14px;
  background:#e9e4f7;
  color:#65557f;
  font-size:13px;
  line-height:1.75;
  position:relative;
  z-index:101
}
.ct-public-notice strong{
  font-weight:600;
  margin-right:8px
}
.ct-public-notice a{
  color:#745ac0;
  text-decoration:underline;
  margin-left:5px
}

/* Keep the floating hero card anchored after the shared card component rules. */
.ct-hero-scene>.ct-hero-card{
  position:absolute
}
.ct-card-brand img{
  filter:none
}
.ct-device-body{
  max-height:calc(100% - 89px);
  overflow:hidden
}
.ct-device-island::after{
  content:'';
  position:absolute;
  right:7px;
  top:5px;
  width:6px;
  height:6px;
  background:radial-gradient(circle at 35% 30%,#38415f,#101321 65%);
  border-radius:50%
}
.ct-site{
  --ct-muted:#5d6b82
}
.ct-product-tag{
  color:#746294
}
.ct-section-head>p,.ct-step p,.ct-product-copy .ct-intro{
  color:#5d6b82
}
.ct-faq-list details>p{
  color:#5d6b82
}
.ct-card-pearl .ct-card-brand img{
  filter:brightness(0) saturate(100%) invert(23%) sepia(12%) saturate(1658%) hue-rotate(220deg)
}
.ct-gift-art-scene{position:relative;height:430px;display:grid;place-items:center;isolation:isolate}.ct-gift-art{width:360px;aspect-ratio:1.585;position:relative;transform:rotate(8deg);border-radius:24px;overflow:hidden;color:#fff;padding:26px;box-shadow:0 26px 40px #080a2c55}.ct-gift-art>img{position:absolute;inset:0;width:100%;height:100%;z-index:-1}.ct-gift-art>header{display:flex;align-items:center;justify-content:space-between}.ct-gift-art>header .ct-brand{font-size:19px}.ct-gift-art>header .ct-brand img{width:28px;height:28px}.ct-gift-art>header>span{font-size:8px;letter-spacing:.6px}.ct-gift-art>.ct-icon{position:absolute;right:29px;bottom:38px;width:66px;height:66px;stroke-width:1;color:#d8c9ff}.ct-gift-art>strong{font-size:27px;font-weight:500;letter-spacing:-1px;line-height:1.2;display:block;margin-top:27px}.ct-gift-art-label{font-size:7px;letter-spacing:1.5px;display:block;margin-top:18px;color:#e1d4fb}.ct-gift-art-back{position:absolute;transform:translate(-35px,-50px) rotate(-9deg);z-index:-1}.ct-coming-hero .ct-hero-inner{min-height:550px}.ct-coming-hero{min-height:550px}.ct-content-page .shelf-wrap{overflow:hidden;max-width:100%}.ct-content-page{overflow-x:clip}@media(max-width:950px){.ct-gift-art{width:295px;padding:22px}.ct-gift-art>strong{font-size:24px;margin-top:20px}.ct-gift-art-label{margin-top:12px}.ct-gift-art>.ct-icon{width:49px;height:49px;right:22px;bottom:34px}}@media(max-width:720px){.ct-coming-hero .ct-hero-inner{min-height:0}.ct-gift-art-scene{height:340px}.ct-gift-art{width:280px;padding:22px}.ct-gift-art-back{transform:translate(-12px,-33px) rotate(-9deg)}.ct-gift-art>strong{font-size:23px;margin-top:21px}.ct-coming-hero .ct-hero-copy{padding-top:38px}}

.ct-soon{color:#6b5889}
/* Owner-supplied Cardtel wordmark and symbol. Original pixels are preserved. */
.ct-brand.ct-brand-official{display:inline-block;position:relative;width:4.65em;height:1.25em;flex:none;background-image:url('/img/cardtel/cardtel-logo.webp');background-repeat:no-repeat;background-size:104% auto;background-position:50% 48%;vertical-align:middle}
.ct-site .ct-brand.ct-brand-official>img{display:none}
.ct-card-brand>img[src$="cardtel-glyph.svg"],.ck-phone-card-top>img[src$="cardtel-glyph.svg"]{filter:brightness(0) invert(1)}
.ck-payment .ct-brand-official,.ck-track-card .ct-brand-official,.ck-footer .ct-brand-official,.cv-phone-dark .ct-brand-official,.ct-footer .ct-brand-official,.ct-support-footer .ct-brand-official{filter:brightness(0) invert(1)}
.ct-auth-page .logo .ct-brand-official{font-size:31px}