.elementor-273 .elementor-element.elementor-element-d952b49{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-273 .elementor-element.elementor-element-b0b5dde{--display:flex;--min-height:0px;--justify-content:center;--align-items:center;--container-widget-width:calc( ( 1 - var( --container-widget-flex-grow ) ) * 100% );--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-273 .elementor-element.elementor-element-b0b5dde:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-b0b5dde > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#020202;}.elementor-273 .elementor-element.elementor-element-f18a830{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:80px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-273 .elementor-element.elementor-element-7923e6b{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-273 .elementor-element.elementor-element-7923e6b:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-7923e6b > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:#5E00FD;}.elementor-273 .elementor-element.elementor-element-74479bc{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-273 .elementor-element.elementor-element-74479bc:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-74479bc > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #661BE4 0%, #280279 50%);}.elementor-273 .elementor-element.elementor-element-42c4243{--display:flex;--margin-top:0px;--margin-bottom:0px;--margin-left:0px;--margin-right:0px;--padding-top:0px;--padding-bottom:0px;--padding-left:0px;--padding-right:0px;}.elementor-273 .elementor-element.elementor-element-42c4243:not(.elementor-motion-effects-element-type-background), .elementor-273 .elementor-element.elementor-element-42c4243 > .elementor-motion-effects-container > .elementor-motion-effects-layer{background-color:transparent;background-image:linear-gradient(180deg, #661BE4 0%, #280279 50%);}@media(min-width:768px){.elementor-273 .elementor-element.elementor-element-d952b49{--content-width:100%;}.elementor-273 .elementor-element.elementor-element-f18a830{--content-width:100%;}.elementor-273 .elementor-element.elementor-element-7923e6b{--content-width:100%;}.elementor-273 .elementor-element.elementor-element-74479bc{--content-width:100%;}.elementor-273 .elementor-element.elementor-element-42c4243{--content-width:100%;}}/* Start custom CSS for html, class: .elementor-element-88305bc */.hero{display:grid;grid-template-columns:1.15fr 0.85fr;gap:28px;padding:54px 32px 22px;max-width:1320px;margin:0 auto;position:relative;}
.hero-left{padding:18px 8px 10px}
.eyebrow{display:inline-flex;align-items:center;gap:8px;padding:6px 12px;border-radius:999px;background:#0f172a;color:#fff;font-size:11px;font-weight:700;letter-spacing:0.06em;text-transform:uppercase}
.eyebrow i{width:6px;height:6px;border-radius:50%;background:#14d8b0;display:inline-block;box-shadow:0 0 0 4px rgba(20,216,176,0.18)}
.h1{font-size:58px;line-height:1.2;letter-spacing:-0.04em;font-weight:900;margin:18px 0 18px;color:#0f172a}
.h1 span.gr{background:linear-gradient(90deg,#6c5cff 0%,#ff7a1a 45%,#ffb016 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
.h-desc{font-size:17px;line-height:1.6;color:#475569;max-width:560px;margin-bottom:22px}
.hero-actions{display:flex;gap:12px;align-items:center;margin-bottom:26px}
.hero-trust{display:flex;align-items:center;gap:14px;font-size:13px;color:#64748b}
.avatars{display:flex}
.avatars b{width:32px;height:32px;border-radius:50%;border:2px solid #fff;margin-left:-8px;display:grid;place-items:center;font-size:11px;font-weight:800;color:#fff}
.avatars b:first-child{margin-left:0}
/* MARKET MARQUEE */
.marquee{border-top:1px solid #eef0f5;border-bottom:1px solid #eef0f5;background:#fff;overflow:hidden;white-space:nowrap;padding:14px 0;position:relative}
.marquee-track{display:inline-flex;gap:36px;animation:marq 28s linear infinite}
.marquee-track span{font-size:13px;font-weight:700;letter-spacing:0.04em;color:#0f172a;display:inline-flex;align-items:center;gap:8px}
.marquee-track span em{font-style:normal;width:26px;height:26px;border-radius:8px;background:#f1f2f6;display:grid;place-items:center;font-size:12px}
@keyframes marq{0%{transform:translateX(0)}100%{transform:translateX(-50%)} }
/* HERO RIGHT - AMAZING ANIMATION */
.hero-right{position:relative;padding:12px}
.hero-bg{position:absolute;inset:-30px -30px -30px -30px;z-index:0;overflow:hidden;border-radius:34px}
.hero-bg .orb{position:absolute;border-radius:50%;filter:blur(22px);opacity:0.9}
.hero-bg .orb1{width:380px;height:380px;left:-40px;top:-60px;background:radial-gradient(circle at 30% 30%, #ffd66e 0%, #ffb016 28%, #ff6a3d 62%, transparent 72%);animation:float1 7s ease-in-out infinite}
.hero-bg .orb2{width:420px;height:420px;right:-90px;top:40px;background:radial-gradient(circle at 50% 50%, #8b7bff 0%, #6c5cff 35%, #3a2fbf 68%, transparent 75%);animation:float2 9s ease-in-out infinite}
.hero-bg .orb3{width:300px;height:300px;left:120px;bottom:-80px;background:radial-gradient(circle at 50% 50%, #5ef2d0 0%, #14d8b0 45%, transparent 70%);animation:float3 8s ease-in-out infinite}
.hero-grid{position:absolute;inset:0;background-image:linear-gradient(rgba(15,23,42,0.04) 1px, transparent 1px), linear-gradient(90deg, rgba(15,23,42,0.04) 1px, transparent 1px);background-size:32px 32px;mask-image:radial-gradient(ellipse at center, black 40%, transparent 75%)}
@keyframes float1{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(18px,-18px) scale(1.06)}}
@keyframes float2{0%,100%{transform:translate(0,0) scale(1)}50%{transform:translate(-16px,12px) scale(1.08)}}
@keyframes float3{0%,100%{transform:translate(0,0)}50%{transform:translate(10px,-14px)} }
/* BROWSER MOCK */
.browser{position:relative;z-index:2;background:#fff;border-radius:20px;box-shadow:0 30px 80px rgba(15,23,42,0.18), 0 1px 0 rgba(0,0,0,0.06) inset;border:1px solid #e6e8f0;overflow:hidden}
.browser-top{height:44px;background:#f8f9fc;border-bottom:1px solid #eceef4;display:flex;align-items:center;gap:8px;padding:0 16px}
.dot{width:10px;height:10px;border-radius:50%}
.browser-url{margin-left:12px;flex:1;background:#fff;border:1px solid #e6e8f0;border-radius:999px;height:26px;display:flex;align-items:center;padding:0 12px;font-size:11px;color:#94a3b8;gap:6px}
.browser-screen{position:relative;height:580px;overflow:hidden;background:#0f172a}
.slide{position:absolute;inset:0;opacity:0;transform:scale(1.04);animation:heroCarousel 12s infinite}
.slide img{width:100%;height:100%;object-fit:cover;object-position:top}
.slide:nth-child(1){animation-delay:0s}
.slide:nth-child(2){animation-delay:4s}
.slide:nth-child(3){animation-delay:8s}
@keyframes heroCarousel{
0%{opacity:0;transform:scale(1.04)}
4%,28%{opacity:1;transform:scale(1)}
33%{opacity:0;transform:scale(1.02)}
100%{opacity:0}
}
.shine{position:absolute;top:0;left:-120%;width:60%;height:100%;background:linear-gradient(105deg, transparent 0%, rgba(255,255,255,0.28) 50%, transparent 100%);animation:shineMove 3.6s ease-in-out infinite;z-index:3;pointer-events:none}
@keyframes shineMove{0%{left:-120%}60%{left:140%}100%{left:140%} }
/* FLOAT CARDS */
.float-card{position:absolute;z-index:4;background:#fff;border-radius:16px;border:1px solid #e6e8f0;box-shadow:0 14px 40px rgba(15,23,42,0.14);padding:12px 14px;display:flex;gap:10px;align-items:center;animation:cardBob 4s ease-in-out infinite}
.float-card .ic{width:36px;height:36px;border-radius:11px;display:grid;place-items:center;font-weight:800;font-size:14px}
.float-card.fc1{top:80px;left:-18px;animation-delay:0s}
.float-card.fc2{bottom:38px;left:-16px;animation-delay:1.2s}
.float-card.fc3{bottom:238px;right:-16px;animation-delay:1.2s}



@keyframes cardBob{0%,100%{transform:translateY(0)}50%{transform:translateY(-8px)} }
.fc-label{font-size:10px;font-weight:700;letter-spacing:0.06em;color:#64748b;text-transform:uppercase}
.fc-value{font-size:14px;font-weight:800;color:#0f172a;margin-top:2px}
/* SECTION WRAP */
.section{max-width:1320px;margin:0 auto;padding:54px 32px}
.section-dark{background:#0f172a;color:#fff;border-radius:28px;margin:22px 18px;padding:56px 32px;max-width:1320px;margin-left:auto;margin-right:auto;position:relative;overflow:hidden}
.section-dark .bg-glow{position:absolute;width:600px;height:600px;border-radius:50%;background:radial-gradient(circle, rgba(108,92,255,0.28) 0%, transparent 70%);top:-180px;right:-120px;pointer-events:none}



.btn-amber{padding:14px 26px;border-radius:999px;background:#ffb016;color:#0f172a;font-weight:800;font-size:14px;box-shadow:0 10px 28px rgba(255,176,22,0.35)}
.btn-ghost{padding:10px 18px;border-radius:999px;border:1px solid #d8dbe6;background:#fff;font-weight:600;font-size:13px;color:#0f172a}

@media(max-width:980px){
 .hero{grid-template-columns:1fr;padding:28px 18px}
 .h1{font-size:40px}
 .topbar{padding:12px 18px}
 .nav{display:none}
 .two-col{grid-template-columns:1fr}
 .cards-3{grid-template-columns:1fr}
 .mp-grid{grid-template-columns:1fr 1fr}
 .case-grid{grid-template-columns:1fr}
 .case-body{grid-template-columns:1fr}
 .why-grid{grid-template-columns:1fr 1fr}
 .steps{grid-template-columns:1fr 1fr}
 .final{grid-template-columns:1fr}
 .float-card.fc1{left:8px}
 .float-card.fc2{right:8px}
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-162af98 *//* ========== PREMIUM ORANGE TICKER ========== */

.ticker {
    position: relative;
    width: 100%;
    overflow: hidden;
    padding: 16px 0;

    background: linear-gradient(
        110deg,
        #D9411F 0%,
        #F1592A 50%,
        #FF7040 100%
    );

    border-top: 1px solid rgba(255,255,255,0.25);
    border-bottom: 1px solid rgba(150,40,15,0.25);

    box-shadow: 0 6px 24px rgba(241,89,42,0.15);
}

/* Scrolling track */
.tick-track {
    display: flex;
    align-items: center;
    gap: 46px;
    width: max-content;
    animation: marquee 30s linear infinite;
    will-change: transform;
}

/* Ticker text */
.tick {
    display: inline-flex;
    align-items: center;
    gap: 10px;

    font-size: 12px;
    font-weight: 600;
    letter-spacing: 0.12em;
    text-transform: uppercase;
    white-space: nowrap;

    color: rgba(255,255,255,0.90);
    transition: color 0.3s ease;
}

/* Highlighted text */
.tick b {
    color: #FFF4CB;
    font-weight: 800;
}

/* Round indicator dots */
.tick i {
    display: inline-block;
    width: 7px;
    height: 7px;
    border-radius: 50%;
    background: #FFE08A;
    flex: none;

    box-shadow: 0 0 0 3px rgba(255,255,255,0.15);
}

/* Marketplace dot colors */
.tick .tk-amz {
    background: #FFE08A;
}

.tick .tk-flip {
    background: #C1DBFF;
}

.tick .tk-mee {
    background: #F9BBE1;
}

.tick .tk-myn {
    background: #FFCCE0;
}

.tick .tk-ets {
    background: #FFFFFF;
}

/* Pause on hover */
.ticker:hover .tick-track {
    animation-play-state: paused;
}

.tick:hover {
    color: #FFFFFF;
}

/* Scrolling animation */
@keyframes marquee {
    from {
        transform: translateX(0);
    }
    to {
        transform: translateX(-30%);
    }
}

/* Tablet */
@media (max-width: 1024px) {
    .tick-track {
        gap: 36px;
    }

    .tick {
        font-size: 11px;
    }
}

/* Mobile */
@media (max-width: 767px) {
    .ticker {
        padding: 13px 0;
    }

    .tick-track {
        gap: 28px;
    }

    .tick {
        font-size: 10px;
        letter-spacing: 0.08em;
        gap: 8px;
    }

    .tick i {
        width: 6px;
        height: 6px;
    }
}

/* Accessibility */
@media (prefers-reduced-motion: reduce) {
    .tick-track {
        animation: none;
    }
}/* End custom CSS */
/* Start custom CSS for container, class: .elementor-element-b0b5dde */.elementor-273 .elementor-element.elementor-element-b0b5dde{min-height:50px}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b0f026d */.g2{display:grid;grid-template-columns:1fr 1fr;gap:50px;align-items:center}
.g3{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.g4{display:grid;grid-template-columns:repeat(4,1fr);gap:20px}
.card{background:#fff;border:1px solid #e5e7f0;border-radius:20px;padding:28px;transition:.35s}
.card:hover{transform:translateY(-6px);box-shadow:0 24px 50px -20px rgba(76,29,149,.35);border-color:#c4b5fd}
.card h3{font-size:19px;margin-bottom:8px}
.card p{color:#64748b;font-size:15px}
.ic{width:50px;height:50px;border-radius:14px;display:grid;place-items:center;font-size:24px;margin-bottom:16px;background:linear-gradient(135deg,#ede9fe,#fce7f3)}
.checks{list-style:none;display:grid;gap:10px}
.checks li{padding-left:32px;position:relative;color:#334155}
.checks li::before{content:"✓";position:absolute;left:0;top:1px;width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#f97316,#ec4899);color:#fff;font-size:12px;display:grid;place-items:center;font-weight:900}
.checks.two{grid-template-columns:1fr 1fr}
.panel{background:linear-gradient(135deg,#1e1b4b,#4c1d95);color:#fff;border-radius:28px;padding:44px;position:relative;overflow:hidden}
.panel::after{content:"";position:absolute;width:260px;height:260px;border-radius:50%;background:#ec4899;filter:blur(90px);opacity:.4;right:-60px;bottom:-60px}
.panel .checks li{color:#e0e7ff}
.dark{background:#0b0820;color:#fff}
.dark .lead{color:#c7d2fe}
.dark .tag{background:rgba(167,139,250,.15);color:#c4b5fd}
.svc{display:grid;grid-template-columns:repeat(2,1fr);gap:24px}
.svc .card{padding:34px}
.svc .card .lbl{font-size:13px;color:#7c3aed;font-weight:700;margin:12px 0 10px}
.note{margin-top:16px;padding:14px 18px;border-left:4px solid #ec4899;background:#fdf2f8;border-radius:8px;color:#831843;font-size:14.5px}

.mp .card{position:relative;overflow:hidden}
.mp .card::before{content:"";position:absolute;top:0;left:0;right:0;height:4px;background:var(--c)}
.mp .ic{background:var(--c);color:#fff;font-weight:900}

.inds{display:flex;flex-wrap:wrap;gap:12px;justify-content:center;margin-top:34px}
.inds span{padding:11px 20px;border-radius:40px;background:#fff;border:1px solid #e5e7f0;font-weight:600;transition:.3s}
.inds span:hover{background:#1e1b4b;color:#fff}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-16b9088 */.caasto-section {
  padding: 20px 0;
  position: relative;
}

.caasto-container {
  width: 100%;
  max-width: 1240px;
  margin: 0 auto;
  padding: 0 24px;
}

.caasto-text-center { text-align: center; }

.caasto-badge {
  display: inline-flex;
  align-items: center;
  gap: 8px;
  background: rgba(99, 102, 241, 0.15);
  border: 1px solid rgba(129, 140, 248, 0.35);
  color: #a5b4fc;
  padding: 6px 16px;
  border-radius: 9999px;
  font-size: 13px;
  font-weight: 600;
  letter-spacing: 0.5px;
  text-transform: uppercase;
  margin-bottom: 15px;
}


.caasto-lead {
  font-size: 18px;
  color: white;
  max-width: 800px;
  margin: 0 auto 32px auto;
  line-height: 1.7;
  padding-bottom: 25px;
}


.caasto-grid-4 {
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  gap: 20px;
}

.caasto-card {
  background: #33077D;
  border: 1px solid rgba(255, 255, 255, 0.08);
  border-radius: 14px;
  padding: 24px;
  transition: all 0.25s ease;
  position: relative;
  height: 100%;
  display: flex;
  flex-direction: column;
}

.caasto-card:hover {
  border-color: rgba(129, 140, 248, 0.4);
  transform: translateY(-4px);
  box-shadow: 0 14px 30px -10px rgba(0, 0, 0, 0.5), 0 0 20px rgba(99, 102, 241, 0.1);
}


.caasto-heading-sm {
  font-size: 18px;
  font-weight: 700;
  color: #ffffff;
  margin: 0 0 8px 0;
}

.caasto-checklist {
  list-style: none;
  padding: 0;
  margin: 16px 0;
}
.caasto-checklist li {
  display: flex;
  align-items: flex-start;
  gap: 10px;
  color: #cbd5e1;
  font-size: 14px;
  margin-bottom: 10px;
}

.caasto-check-icon {
  color: #10b981;
  font-weight: bold;
  font-size: 16px;
  flex-shrink: 0;
}

.caasto-card p {
  color: #94a3b8;
  font-size: 14px;
  line-height: 1.6;
  margin: 0;
}

.caasto-heading-lg {
  font-size: 46px;
  line-height: 1.25;
  font-weight: 800;
  color: #ffffff;
  margin: 0 0 16px 0 !important ;
}

.caasto-gradient-text {
    background: linear-gradient(
        90deg,
        #FBBF24 0%,
        #F472B6 50%,
        #818CF8 100%
    );
    
       -webkit-background-clip: text;
    background-clip: text;
    -webkit-text-fill-color: transparent;
    color: transparent;

}




@media (max-width: 768px) {
    .caasto-grid-4 { grid-template-columns: 1fr; }
    .caasto-heading-lg{font-size: 28px;}
    
    
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-b51771d *//*.dark{background:#0b0820;color:#fff !important}*/
.sec{padding:40px 0}


.wrapwhy{max-width:1180px;margin:0 auto;padding:0 22px}

.centerw{text-align:center}.center .lead{margin:0 auto}
.tagw{display:inline-block;font-size:12px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#6d28d9;background:#ede9fe;padding:6px 14px;border-radius:30px;margin-bottom:16px}

.tags span{font-size:12px;padding:5px 11px;border-radius:20px;background:#f1f5f9;color:#334155;font-weight:600}

.h2w{font-size:clamp(28px,4vw,42px);font-weight:800;margin-bottom:16px; color:white ; margin-top:0 !important}


.card h3{font-size:19px;margin-bottom:8px;color:#D9411F}

.why .card{background:rgba(255,255,255,.05);border-color:rgba(255,255,255,.1);color:#fff}
.why .card p{color:#FFE08A}
.why .card:hover{background:rgba(255,255,255,.09);border-color:#a78bfa}
.why .ic{background:linear-gradient(135deg,#7c3aed,#ec4899)}

.caasto-swiss-num {
  font-family: var(--c-font-mono);
   margin-left: auto;
    text-align: right;
  font-size: 12px;
  font-weight: 750;
  color:#C1DBFF;
  letter-spacing: 0.05em;
   text-align: right;
   margin-top: -15px;
}

.caasto-card-top {
    display: flex;
    flex-direction: row;
    align-items: center;
    justify-content: flex-start;
    gap: 1px;
    width: 100%;
}/* End custom CSS */
/* Start custom CSS for html, class: .elementor-element-a4dc0c4 *//* ONE PARTNER SECTION */
.caasto-partner-sec {
  background: #030712;
  color: #ffffff;
  padding: 90px 24px;
  font-family: inherit;
}
.caasto-partner-container {
  max-width: 1200px;
  margin: 0 auto;
}
.caasto-partner-header {
  text-align: center;
  max-width: 760px;
  margin: 0 auto 54px;
}
.caasto-tag {
  color: #38bdf8;
  font-size: 13px;
  font-weight: 700;
  text-transform: uppercase;
  letter-spacing: 0.08em;
  margin-bottom: 12px;
}
.caasto-partner-title {
  font-size: 58px;
  font-weight: 800;
  line-height: 1.2;
  margin-bottom: 18px;
  margin-top: 0 !important;
  color: white;
}
.caasto-partner-desc {
  font-size: 17px;
  line-height: 1.6;
  color: #94a3b8;
}
.caasto-partner-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 16px;
}
.caasto-partner-item {
  display: flex;
  align-items: flex-start;
  gap: 14px;
  background: rgba(30, 41, 59, 0.4);
  border: 1px solid rgba(255, 255, 255, 0.07);
  padding: 18px 20px;
  border-radius: 12px;
  transition: border-color 0.2s ease;
}
.caasto-partner-item:hover {
  border-color: rgba(59, 130, 246, 0.4);
  background: rgba(30, 41, 59, 0.7);
}
.caasto-check-icon {
  color: #10b981;
  font-weight: bold;
  font-size: 18px;
  flex-shrink: 0;
  margin-top: 1px;
}
.caasto-item-text {
  font-size: 16px;
  font-weight: 500;
  color: #e2e8f0;
}
@media (max-width: 767px) {
  .caasto-partner-grid { grid-template-columns: 1fr; }
  .caasto-partner-title { font-size: 28px; }
}/* End custom CSS */