.accent,.dd-link:hover,.eyebrow,.logo .chev{
    color:var(--orange)
}
.btn,.eyebrow{
    display:inline-flex;
    align-items:center;
    gap:9px
}
.nav .btn,.nav-cta .mini{
    font-size:14px
}
*,.ixhead .lab .dot{
    margin:0
}
.btn,.btn .arw,.ix{
    transition:.25s
}
.dash,.hero,.ixbar{
    position:relative
}
.hero .sec-head{
    max-width:unset
}
#platform .sec-head{
max-width:650px;
}

.feat,.inc{
    list-style:none
}
.avatar,.chal .ic,.more .ic,.step .sn,.why-c .ic{
    place-items:center
}
.btn,.faq-q{
    cursor:pointer
}
.cmp-tbl th,.dash-head .t,.dd .tag,.eyebrow,.foot-grid h5,.ixhead .lab,.marquee-content li,.trustbar .lbl,.viz .vt{
    text-transform:uppercase
}
.expert-modal,body::after,body::before{
    pointer-events:none
}
.bar-track,.box-slider,.chal,.faq-a,.lrow,.marquee,.mod,.price-card,.stat-grid{
    overflow:hidden
}
:root{
    --bg:#0A1224;
    --bg2:#0E1830;
    --navy:#16243F;
    --surface:rgba(255,255,255,.035);
    --orange:#F26A2E;
    --orange-2:#FF8A4C;
    --orange-glow:rgba(242,106,46,.5);
    --ink:#EAF0FB;
    --muted:#93A2C4;
    --muted-2:#677499;
    --line:rgba(255,255,255,.09);
    --green:#3FD49B;
    --red:#FF6B6B;
    --maxw:1180px;
    --disp:"Bricolage Grotesque",serif;
    --body:"Hanken Grotesk",sans-serif;
    --mono:"JetBrains Mono",monospace;
    --marquee-width:100%;
    --marquee-height:120px;
    --marquee-elements-displayed:6;
    --marquee-element-width:calc(var(--marquee-width) / var(--marquee-elements-displayed))
}
*{
    box-sizing:border-box;
    padding:0
}
html{
    scroll-behavior:smooth
}
body{
    font-family:var(--body);
    background:#0B1224;
        background-image: linear-gradient(rgba(147, 162, 196, 0.043) 1px, transparent 1px), linear-gradient(90deg, rgba(147, 162, 196, 0.043) 1px, transparent 1px);
    background-size: 56px 56px;
    color:var(--ink);
    line-height:1.55;
    -webkit-font-smoothing:antialiased;
    overflow-x:hidden
}

body::after{
    content:"";
    position:fixed;
    inset:0;
    z-index:-1;
    opacity:.5;
    background-image:linear-gradient(rgba(255,255,255,.022) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.022) 1px,transparent 1px);
    background-size:46px 46px;
    mask-image:radial-gradient(circle at 50% 30%,#000 0%,transparent 78%)
}
a{
    color:inherit;
    text-decoration:none
}
a:hover{
    color:#FF8A4C;
}

.wrap{
    max-width:var(--maxw);
    margin:0 auto;
    padding:0px 24px;
}
.eyebrow{
    font-family:var(--mono);
    font-size:13px;
    letter-spacing:.28em;
    font-weight:500
}
.eyebrow::before{
    content:"";
    width:22px;
    height:1px;
    background:var(--orange);
    display:inline-block
}
h1,h2,h3{
    font-family:var(--disp);
    font-weight:700;
    line-height:1.05;
    letter-spacing:-.02em
}
.dd .built b,.market-strip b,.muted{
    color:var(--muted)
}
.box-slider{
    margin:50px 0
}
.btn{
    font-family:var(--body);
    font-weight:600;
    font-size:16px;
    padding:17px 30px;
    border-radius:11px;
    border:1px solid transparent;
    white-space:nowrap
}
.logo,.nav{
    align-items:center;
    display:flex
}
.cta-note,.dash-head .t,.ix .r,.ixhead .asof,.ixhead .lab,.ticker-row .px,.ticker-row .sub{
    font-family:var(--mono)
}
.btn-primary{
    background:rgb(238, 106, 51);
    color:#fff;
    border:0px;
}
.btn-check:checked + .btn, :not(.btn-check) + .btn:active, .btn:first-child:active, .btn.active, .btn.show, .btn:hover{
    background:rgb(238, 106, 51);
    color:#fff; 
}


.btn-ghost{
    background:rgba(255,255,255,.04);
    color:var(--ink);
    border-color:var(--line)
}
.btn-ghost:hover{
    background:rgba(255,255,255,.08);
    border-color:rgba(255,255,255,.22)
}
.btn:hover .arw{
    transform:translateX(3px)
}
.cta-note{
    font-size:12.5px;
    color:var(--muted-2);
    margin-top:11px;
    letter-spacing:.02em
}
.bar-row .c,.cta-note b,.nav-cta .mini,.nav-links{
    color:var(--muted);
    font-weight:500
}
header{
    position: sticky;
    top: 0px;
    z-index: 50;
    background: rgba(10, 17, 32, 0.88);
    backdrop-filter: blur(10px);
    border-bottom: 1px solid rgba(148, 163, 196, 0.12);
}
.nav{
    justify-content:space-between;
    padding:8px 26px;
    max-width:1320px;
    margin:0 auto
}
header.scrolled{
    background:rgba(9,16,32,.82);
    backdrop-filter:blur(16px);
    border-bottom:1px solid var(--line)
}
.logo{
    font-family:var(--disp);
    font-weight:800;
    font-size:23px;
    letter-spacing:-.03em;
    gap:2px
}
.nav-links{
    display:flex;
    gap:30px;
    font-size:14.5px
}
.nav-links a{
    transition:.2s
}
.cmp-tbl td,.nav-cta .mini:hover,.nav-links a:hover{
    color:var(--ink)
}
.nav-cta{
    display:flex;
    align-items:center;
    gap:14px
}
.nav .btn{
    padding:11px 20px
}
.container{
    width:95%;
    max-width:1367px;
    margin-right:auto;
    margin-left:auto
}
@media(max-width:920px){
    .nav-cta .mini,.nav-links{
        display:none
    }
}
.ixbar{
    padding: 8px 0px;
    display: flex;
    border-bottom: 1px solid rgba(148, 163, 196, 0.12);
    z-index: 5;
    gap: 15px;

}
.ixhead{
    display:flex;
        justify-content:space-between;
    align-items:center;
    margin-bottom:0px;
    flex-wrap:wrap;
    margin-left: 15px;
    min-width:150px;
    gap:8px
}
.ixhead .lab{
    font-size:12px;
    letter-spacing:.22em;
    color:var(--orange);
    font-weight:500;
    display:inline-flex;
    align-items:center;
    gap:8px
}
.ix,.ix .r,.track{
    display:flex
}
.ixhead .asof{
    font-size:10.5px;
    letter-spacing:.04em;
    color:var(--muted-2)
}
.ix .t,.ltrack span{
    letter-spacing:-.01em;
    white-space:nowrap
}
.marquee{
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 3%,#000 97%,transparent)
}
.track{
    gap:12px;
    width:max-content;
    animation:46s linear infinite scroll
}
.lrow:hover .ltrack,.marquee:hover .track{
    animation-play-state:paused
}
@keyframes scroll{
    from{
        transform:translateX(0)
    }
    to{
        transform:translateX(-50%)
    }
}
.ix{
    flex-direction:column;
    gap:5px;
    background:linear-gradient(180deg,#1b2840,#141f36);
    border:1px solid var(--line);
    border-radius:11px;
    padding:11px 18px;
    min-width:252px;
    flex-shrink:0
}
.ix .r,.trust-line{
    align-items:center
}
.ix:hover{
    border-color:rgba(242,106,46,.3);
    transform:translateY(-2px)
}
.ix .t{
    font-weight:700;
    font-size:13px;
    color:var(--ink)
}
.delta,.float-tag,.ix .pc,.ticker-row .nm,.ticker-row .px,.trust-line b{
    font-weight:600
}
.dash-head .t,.hero p.lead,.ix .r,.trust-line b{
    color:var(--muted)
}
.ix .r{
    gap:9px;
    font-size:12px;
    white-space:nowrap
}
.ix .pc{
    font-size:11.5px
}
.up2{
    color:var(--green)
}
.down2{
    color:var(--red)
}
.flat2{
    color:#5aa9e6
}
.hero{
    padding:50px 0px;
        border-bottom: 1px solid rgba(148, 163, 196, 0.1);
}
.btn-wrapper{    display: flex;
    align-items: center;
    gap: 16px;
    flex-wrap: wrap;
    justify-content: center;
    margin-top: 32px;
    margin-bottom:18px;}
    .smalltext{font-size: 12px;letter-spacing: 1px;color: rgba(147, 162, 196, 0.7);}
.hero-grid{
    display:grid;
    grid-template-columns:1fr;
    gap:54px;
    align-items:flex-start
}
.center,.hero-text{
    text-align:center
}
.hero h1{
    font-size:clamp(38px,5.4vw,66px);
    margin:20px 0 22px
}
.hero p.lead{
    font-size:18.5px;
    max-width:540px;
    margin-bottom:30px;
    line-height:1.6
}
.hero-ctas{
    display:flex;
    gap:14px;
    flex-wrap:wrap;
    align-items:center
}
.trust-line{
    margin-top:34px;
    font-size:13.5px;
    color:var(--muted-2);
    display:flex;
    gap:10px
}
.book,.dash-head{
    display:flex;
    align-items:center
}
.ltrack span,.marquee-content li{
    font-weight:700;
    transition:.3s;
    opacity:.78
}
.stars{
    color:var(--orange);
    letter-spacing:2px;
    font-size:13px
}
.book{
    column-gap:12px
}
.indices-item{
    background:linear-gradient(180deg,#1b2840,#141f36)!important;
    border:1px solid var(--line)!important
}
.stock-ticker ul{
    margin-left:12px!important
}
.panel{
    background:linear-gradient(165deg,rgba(31,46,78,.66),rgba(15,24,46,.78));
    border:1px solid var(--line);
    border-radius:18px;
    backdrop-filter:blur(12px);
    box-shadow:0 40px 90px -30px rgba(0,0,0,.7),inset 0 1px 0 rgba(255,255,255,.06)
}
.dash{
    padding:18px;
    animation:7s ease-in-out infinite float
}
@keyframes float{
    0%,100%{
        transform:translateY(0)
    }
    50%{
        transform:translateY(-12px)
    }
}
.dash-head{
    justify-content:space-between;
    padding:4px 6px 14px;
    border-bottom:1px solid var(--line);
    margin-bottom:14px
}
.dash-head .t{
    font-size:11px;
    letter-spacing:.16em
}
.dot{
    width:8px;
    height:8px;
    border-radius:50%;
    background:var(--green);
    box-shadow:0 0 10px var(--green);
    display:inline-block;
    margin-right:7px;
    animation:1.8s infinite pulse
}
.down,.up{
    background:0 0!important
}
@keyframes pulse{
    0%,100%{
        opacity:1
    }
    50%{
        opacity:.35
    }
}
.ticker-row{
    display:flex;
    align-items:center;
    justify-content:space-between;
    padding:9px 8px;
    border-radius:9px;
    transition:.3s
}
.ticker-row:hover{
    background:rgba(255,255,255,.04)
}
.ticker-row .nm{
    font-size:13.5px
}
.ticker-row .sub{
    font-size:10.5px;
    color:var(--muted-2);
    letter-spacing:.04em
}
.ticker-row .px{
    font-size:14px;
    text-align:right
}
.chip,.delta,.float-tag,.trustbar .lbl{
    font-family:var(--mono);
    font-size:11px
}
.final,.market-strip,.placeholder-note,.stat,.step,.transition-line,.trustbar .lbl{
    text-align:center
}
.delta{
    padding:2px 7px;
    border-radius:20px;
    margin-left:8px
}
.up{
    color:var(--green)
}
.down{
    color:var(--red)
}
.mini-chart{
    margin:10px 4px 4px;
    border-radius:12px;
    background:rgba(0,0,0,.18);
    padding:14px 12px 6px;
    border:1px solid var(--line)
}
.chip-row{
    display:flex;
    gap:8px;
    margin-top:14px;
    flex-wrap:wrap
}
.chip{
    padding:7px 11px;
    border-radius:8px;
    background:rgba(242,106,46,.1);
    color:var(--orange-2);
    border:1px solid rgba(242,106,46,.22)
}
.float-tag{
    position:absolute;
    right:-14px;
    top:54px;
    background:linear-gradient(180deg,var(--orange-2),var(--orange));
    color:#1a0d05;
    padding:9px 13px;
    border-radius:11px;
    box-shadow:0 14px 30px -8px var(--orange-glow);
    animation:7s ease-in-out .6s infinite float
}
.chal,.final,.marquee,.mod,.price-card,.sliderboxes,.step,.steps,section{
    position:relative
}
.ltrack span,.marquee-content li,.price-card .free,.transition-line,.tst .q::before{
    font-family:var(--disp)
}
.trustbar{
    padding:40px 0 10px;
    border-top:1px solid var(--line);
    border-bottom:1px solid var(--line);
    margin-top:30px
}
.trustbar .lbl{
    letter-spacing:.2em;
    color:var(--muted-2);
    margin-bottom:26px
}
.chal .ic,.mod .num{
    color:var(--orange)
}
.logo-rows{
    display:flex;
    flex-direction:column;
    gap:18px
}
.lrow{
    -webkit-mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent);
    mask-image:linear-gradient(90deg,transparent,#000 6%,#000 94%,transparent)
}
.ltrack{
    display:flex;
    gap:56px;
    width:max-content;
    align-items:center
}
.lrow.l1 .ltrack{
    animation:44s linear infinite mRight
}
.lrow.l2 .ltrack{
    animation:50s linear infinite mLeft
}
.lrow.l3 .ltrack{
    animation:47s linear infinite mRight
}
@keyframes mLeft{
    from{
        transform:translateX(0)
    }
    to{
        transform:translateX(-50%)
    }
}
@keyframes mRight{
    from{
        transform:translateX(-50%)
    }
    to{
        transform:translateX(0)
    }
}
.ltrack span{
    font-size:22px;
    color:#5d6c8e;
    flex-shrink:0
}
.ltrack span:hover{
    color:var(--ink);
    opacity:1
}
.sec{
    padding:44px 0
}
.sec-head{
    max-width:680px;
    margin-bottom:46px
}
.hero .sec-head{
    margin-bottom:0
}
.sec-head h2{
    font-size:clamp(28px,3.6vw,42px);
    margin:16px 0
}
.sec-head p{
       color: var(--muted);
    font-size:19px;
    max-width: 720px;
    margin: 0px auto;
}
.chal h3,.marquee-content li{
    font-size:18px;
    letter-spacing:-.01em
}
.reveal{
    opacity:0;
    transform:translateY(26px);
    transition:.7s cubic-bezier(.2,.7,.2,1)
}
.reveal.in{
    opacity:1;
    transform:none
}
.swiper-button-next,.swiper-button-prev,.swiper-container-rtl .swiper-button-next,.swiper-container-rtl .swiper-button-prev{
    top:35%!important
}
.swiper-pagination{
    position:relative;
    margin-top:20px
}
.swiper-pagination-bullet{
    width:10px;
    height:10px;
    opacity:1;
    background:#ccc
}
.swiper-pagination-bullet-active{
    background:#000
}
.swiper-slide{
    height:auto!important;
    display:flex
}
.swiper-button-prev{
    left:-28px!important
}
.swiper-button-next{
    right:-28px!important
}
.swiper-button-next,.swiper-button-prev{
    color:#fff!important;
    background:0 0!important
}
.swiper-button-next:after,.swiper-button-prev:after{
    font-size:22px!important
}
.estiment-clients{
    display:flex;
    flex-direction:column
}
.marquee{
    width:var(--marquee-width)
}
.marquee::after,.marquee::before{
    position:absolute;
    top:0;
    width:10rem;
    height:100%;
    content:"";
    z-index:2;
    pointer-events:none
}
.marquee::before{
    left:0;
    background:linear-gradient(to right,#0b1327 0,transparent 100%)
}
.marquee::after{
    right:0;
    background:linear-gradient(to left,#0b1327 0,transparent 100%)
}
.chal::before,.feat li::before{
    content:"";
    background:var(--orange)
}
.marquee-content{
    list-style:none;
    height:100%;
    display:flex;
    align-items:center;
    animation:scrolling calc(var(--marquee-elements) * 3s) linear infinite;
    padding:0;
    margin:0
}
.marquee.reverse .marquee-content{
    animation-name:scrolling-reverse
}
@keyframes scrolling{
    0%{
        transform:translateX(0)
    }
    100%{
        transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))
    }
}
@keyframes scrolling-reverse{
    0%{
        transform:translateX(calc(-1 * var(--marquee-element-width) * var(--marquee-elements)))
    }
    100%{
        transform:translateX(0)
    }
}
.marquee-content li{
    flex-shrink:0;
    height:100%;
    padding:1rem;
    color:#5d6c8e;
    line-height:1.2;
    text-align:center
}
.marquee-content li img{
    max-height:60%;
    max-width:100%
}
@media (min-width:768px){
    .swiper-pagination{
        display:none
    }
}
.chal-grid,.tst-grid{
    display:flex;
    flex-wrap:wrap;
    gap:18px
}
.chal{
    flex:1 1 300px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:16px;
    padding:26px 24px
}
.dd,.forecast-band{
    align-items:center
}
.chal::before{
    position:absolute;
    left:0;
    top:0;
    height:100%;
    width:3px;
    transform:scaleY(0);
    transform-origin:top;
    transition:.4s
}
.chal:hover{
    border-color:rgba(242,106,46,.4);
    background:rgba(242,106,46,.04)
}
.chal:hover::before{
    transform:scaleY(1)
}
.chal .ic{
    width:42px;
    height:42px;
    border-radius:11px;
    background:rgba(242,106,46,.12);
    display:grid;
    margin-bottom:16px;
    border:1px solid rgba(242,106,46,.22)
}
.chal h3{
    margin-bottom:9px
}
.chal p{
    font-size:14.5px;
    color:var(--muted);
    line-height:1.55
}
.transition-line{
    margin-top:15px;
    font-weight:600;
    font-size:clamp(18px,2.4vw,26px);
    color:var(--ink);
    width:100%
}
.bar-row .v,.dd .cov,.dd .tag,.flow .node,.market-strip,.mod .num,.stat .n,.viz .vt{
    font-family:var(--mono)
}
.mod-grid{
    display:grid;
    grid-template-columns:repeat(4,1fr);
    gap:18px
}
.mod{
    background:linear-gradient(160deg,rgba(31,46,78,.5),rgba(13,22,42,.6));
    border:1px solid var(--line);
    border-radius:18px;
    padding:30px 24px;
    transition:.35s
}
.more,.stat{
    transition:.3s
}
.mod:hover{
    transform:translateY(-5px);
    border-color:rgba(242,106,46,.35);
    box-shadow:0 30px 60px -28px rgba(0,0,0,.7)
}
.mod .num{
    font-size:12px;
    color:rgb(147, 162, 196);
    letter-spacing:.12em
    
}
.mod .one,.more-lead p b{
   color:rgb(147, 162, 196);
}
.mod h3{
    font-size:22px;
    margin:14px 0 10px
}
.mod .one{
    font-size:15px;
    font-weight:500;
    margin-bottom:14px
}
.every-seat{margin:50px 0px 0px 0px;}
.every-seat h2{font-size:26px;}



.dd-link,.more-lead p b,.stat .n,.step .sn{
    font-weight:600
}
.mod .dec{
    font-size:13.5px;
    color:var(--muted);
    border-top:1px solid var(--line);
    padding-top:13px
}
.mod .dec b,.more-close b{
    color:rgb(238, 106, 51);
    font-weight:600
}
.mod .ic{
    position:absolute;
    right:24px;
    top:26px;
    color:rgba(242,106,46,.5)
}
.forecast-band .ic,.more .ic,.stat .n{
    color:var(--orange)
}
.forecast-band{
    margin-top:18px;
    background:linear-gradient(100deg,rgba(242,106,46,.12),rgba(242,106,46,.02));
    border:1px solid rgba(242,106,46,.25);
    border-radius:16px;
    padding:24px 28px;
    display:flex;
    gap:18px
}
.forecast-band .ic{
    flex-shrink:0
}
.cal-box .cd b,.floatcta .bk:hover,.foot-grid a:hover,.forecast-band b{
    color:var(--orange-2)
}
.forecast-band p,.more p,.more-close,.more-lead p{
    color:var(--muted)
}
.forecast-band p{
    font-size:15px;
    margin-bottom:0
}
.more-wrap{
    margin-top:54px;
    padding-top:40px;
    border-top:1px solid var(--line)
}
.more-lead{
    max-width:760px;
    margin-bottom:26px
}
.more-lead h3{
    font-size:clamp(22px,2.6vw,28px);
    margin-bottom:12px
}
.more-lead p{
    font-size:16px
}
.more-grid,.why-grid{
    display:flex;
    flex-wrap:wrap;
    gap:16px
}
.dd,.more .ic,.stat-grid{
    display:grid
}
.more{
    flex:1 1 230px;
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:14px;
    padding:22px
}
.more:hover{
    border-color:rgba(242,106,46,.35);
    transform:translateY(-3px);
    background:rgba(242,106,46,.04)
}
.dd,.stats{
    border-bottom:1px solid var(--line)
}
.more .ic{
    width:38px;
    height:38px;
    border-radius:10px;
    background:rgba(242,106,46,.1);
    margin-bottom:14px;
    border:1px solid rgba(242,106,46,.2)
}
.dd .cov,.dd .tag,.dd .why{
    margin-bottom:18px
}
.more h4{
    font-size:16.5px;
    margin-bottom:8px;
    letter-spacing:-.01em
}
.more p{
    font-size:13.5px;
    line-height:1.5
}
.dd h3,.stat .n{
    font-size:clamp(24px,3vw,32px)
}
.more-close{
    margin-top:24px;
    font-size:15px
}
.stats{
    background:linear-gradient(180deg,#0c1326,#0a1020);
    border-top:1px solid var(--line)
}
.stat-grid{
    grid-template-columns:repeat(6,1fr);
    gap:1px;
    background:var(--line);
    border:1px solid var(--line);
    border-radius:16px
}
@media(max-width:880px){
    .hero-grid{
        grid-template-columns:1fr;
        gap:42px
    }
    .stat-grid{
        grid-template-columns:repeat(3,1fr)
    }
    .roles{display: flex!important;flex-wrap: wrap!important;justify-content: center;}
    .role{width: 47.99%;}
    #platform .sec-head{margin-bottom:20px;}
    .policy-wrapper{flex-direction: column;}
    .policy .sec-head{max-width: unset;text-align: center;}
    .policy-left-txt, .policy .btn-wrapper{width: 100% !important;margin-top: 12px;flex-direction: column;}
    .policy-wrapper h2{max-width: unset!important;}
    
    
}
@media(max-width:520px){
    .stat-grid{
        grid-template-columns:repeat(2,1fr)
    }
}
.stat{
    background:#0b1326;
    padding:26px 16px
}
.stat:hover{
    background:#101a33
}
.stat .n{
    letter-spacing:-.02em
}
.stat .l{
    font-size:12px;
    color:var(--muted);
    margin-top:7px;
    line-height:1.35
}
.dd .why,.faq-a,.meet-card p{
    line-height:1.6
}
.market-strip{
    margin-top:24px;
    font-size:13px;
    color:var(--muted-2);
    letter-spacing:.03em
}
.dd{
    grid-template-columns:1fr 1fr;
    gap:54px;
    padding:60px 0
}
.dd:last-child{
    border-bottom:none
}
.dd.rev .dd-text{
    order:2
}
.dd .tag{
    display:inline-flex;
    align-items:center;
    gap:9px;
    font-size:11px;
    letter-spacing:.14em;
    color:var(--orange);
    background:rgba(242,106,46,.1);
    border:1px solid rgba(242,106,46,.22);
    padding:6px 12px;
    border-radius:8px
}
.dd h3{
    margin-bottom:14px
}
.dd .why{
    font-size:15.5px;
    color:var(--muted)
}
.dd .cov,.dd-link,.flow .node.on{
    color:var(--orange-2)
}
.dd .cov{
    font-size:12.5px;
    letter-spacing:.02em
}
.feat{
    display:flex;
    flex-direction:column;
    gap:10px;
    margin-bottom:24px
}
.feat li{
    font-size:14.5px;
    color:var(--ink);
    display:flex;
    gap:11px;
    align-items:flex-start
}
.feat li::before{
    width:7px;
    height:7px;
    border-radius:2px;
    margin-top:8px;
    flex-shrink:0;
    transform:rotate(45deg)
}
.dd .built{
    font-size:13px;
    color:var(--muted-2);
    margin-bottom:22px
}
.dd-link{
    font-size:14.5px;
    display:inline-flex;
    gap:7px;
    align-items:center
}
.bars,.flow,.viz .vt{
    display:flex
}
.viz{
    padding:22px
}
.viz .vt{
    font-size:10.5px;
    letter-spacing:.16em;
    color:var(--muted);
    margin-bottom:14px;
    justify-content:space-between;
    align-items:center
}
.flow{
    align-items:center;
    gap:6px;
    margin-top:16px;
    flex-wrap:wrap;
    justify-content:center
}
.bars,.cmp-tbl{
    margin-top:6px
}
.flow .node{
    font-size:11px;
    padding:9px 11px;
    border-radius:9px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--line);
    color:var(--ink);
    white-space:nowrap
}
.flow .node.on{
    background:rgba(242,106,46,.14);
    border-color:rgba(242,106,46,.4)
}
.flow .arr{
    color:var(--muted-2);
    font-size:13px
}
.bars{
    flex-direction:column;
    gap:11px
}
.bar-row,.step .sn,.steps{
    display:grid
}
.bar-row{
    grid-template-columns:74px 1fr 46px;
    align-items:center;
    gap:10px;
    font-size:12px
}
.bar-track{
    height:9px;
    border-radius:6px;
    background:rgba(255,255,255,.06)
}
.bar-fill{
    height:100%;
    border-radius:6px;
    background:linear-gradient(90deg,var(--orange),var(--orange-2));
    width:0;
    transition:width 1.3s cubic-bezier(.2,.8,.2,1)
}
/* .role,.why-c{
    background:var(--surface)
} */

.bar-row .v{
    font-size:11px;
    color:var(--orange-2);
    text-align:right
}
.cmp-tbl{
    width:100%;
    border-collapse:collapse;
    font-size:12.5px
}
.cmp-tbl th,.pill{
    font-size:10px;
    font-family:var(--mono)
}
.cmp-tbl td,.cmp-tbl th{
    padding:10px 8px;
    text-align:left;
    border-bottom:1px solid var(--line)
}
.cmp-tbl th{
    letter-spacing:.1em;
    color:var(--muted-2);
    font-weight:500
}
.cmp-tbl td.r{
    font-family:var(--mono);
    text-align:right
}
.pill{
    padding:3px 8px;
    border-radius:20px
}
.pill.g{
    color:var(--green);
    background:rgba(63,212,155,.12)
}
.pill.a{
    color:#ffc56e;
    background:rgba(255,197,110,.12)
}
.pill.r{
    color:var(--red);
    background:rgba(255,107,107,.12)
}
.role p,.step .sn{
    color:var(--muted)
}
.steps{
    grid-template-columns:repeat(5,1fr);
    gap:0;
    margin-top:20px
}
@media(max-width:1200px){
    .chal{
        flex:1 1 270px
    }
}
.step{
    padding:24px 18px
}
.step .sn{
    width:46px;
    height:46px;
    border-radius:50%;
    margin:0 auto 16px;
    font-family:var(--mono);
    font-size:16px;
    background:rgba(255,255,255,.04);
    border:1px solid var(--line)
}
.role .tags,.roles,.why-c{
    display:flex
}
.role .tags span,.why-c .ic{
    background:rgba(242,106,46,.1)
}
.step.hl .sn{
    background:linear-gradient(180deg,var(--orange-2),var(--orange));
    color:#1a0d05;
    border-color:transparent;
    box-shadow:0 10px 26px -8px var(--orange-glow)
}
.step h4{
    font-size:15.5px;
    margin-bottom:8px
}
.meet-head .ro,.step p{
    font-size:13px;
    color:var(--muted)
}
.step:not(:last-child)::after{
    content:"→";
    position:absolute;
    right:-10px;
    top:42px;
    color:var(--muted-2);
    font-size:16px
}
.roles{
       display: grid;
    grid-template-columns: repeat(5, 1fr);
    gap: 16px;
}

.role{
    border: 1px solid rgba(148, 163, 196, 0.16);
    border-radius: 14px;
    padding: 22px 18px;
    display: flex;
    flex-direction: column;
    gap: 10px;
}
.role:hover{
    border-color:rgba(242,106,46,.35);
    transform:translateY(-3px)
}
.policy-wrapper{display: flex;align-items: center;}
.policy-left-txt{width:67%;}
.policy .btn-wrapper{width:calc(100% - 60%);    justify-content: end;}

.policy-wrapper h2{    font-size: 28px;
    max-width: 558px;margin-bottom:0px;
    line-height: 1.5;}
.policy{background: rgba(10, 17, 32, 0.6);
    border-top: 1px solid var(--line);}
.policy .sec-head{margin-bottom:0px;}
.policy .smalltext{margin-bottom:0px;}

.faq-item.open .pm,.price-card .ribbon{
    transform:rotate(45deg)
}
.role h4{
    font-size:15px;
    margin-bottom:9px;
    letter-spacing:-.01em
}
.role p{
    font-size:13px;
    margin-bottom:14px
}
.role .tags {
    gap: 6px;
    flex-wrap: wrap;
    margin-top: auto;
}

.role .tags span{
      font-size: 10.5px;
    font-weight: 600;
    background: rgba(238, 106, 51, 0.12);
    border: 1px solid rgba(238, 106, 51, 0.25);
    color: rgb(238, 106, 51);
    padding: 4px 9px;
    border-radius: 999px;
}
.why-c{
    flex:1 1 300px;
    gap:15px;
    padding:22px;
    border:1px solid var(--line);
    border-radius:14px
}
.why-c .ic{
    flex-shrink:0;
    color:var(--orange);
    width:34px;
    height:34px;
    border-radius:9px;
    display:grid;
    border:1px solid rgba(242,106,46,.2)
}
.tst .who,footer{
    border-top:1px solid var(--line)
}
.why-c h4{
    font-size:15.5px;
    margin-bottom:6px
}
.why-c p{
    font-size:13.5px;
    color:var(--muted)
}
.inc li,.tst .q{
    color:var(--ink)
}
.tst{
    flex:1 1 300px;
    background:linear-gradient(160deg,rgba(31,46,78,.5),rgba(13,22,42,.55));
    border:1px solid var(--line);
    border-radius:16px;
    padding:28px
}
.tst .q{
    font-size:16px;
    line-height:1.55;
    margin-bottom:18px;
    font-weight:500
}
.foot-brand .logo,.tst .met{
    margin-bottom:14px
}
.price-card .ribbon,.tst .met{
    font-family:var(--mono);
    font-weight:600
}
.tst .q::before{
    content:"“";
    color:var(--orange);
    font-size:34px;
    line-height:0;
    vertical-align:-12px;
    margin-right:4px
}
.tst .met{
    font-size:20px;
    color:var(--orange)
}
.tst .who{
    font-size:13px;
    color:var(--muted-2);
    padding-top:14px
}
.placeholder-note{
    font-family:var(--mono);
    font-size:11.5px;
    color:var(--muted-2);
    margin-top:18px;
    letter-spacing:.02em
}
.split{
    display:grid;
    grid-template-columns:1fr 1fr;
    gap:22px
}
.inc,.inc li{
    gap:11px;
    display:flex
}
@media(max-width:840px){
    .split{
        grid-template-columns:1fr
    }
}
.price-card{
    background:linear-gradient(165deg,rgba(31,46,78,.6),rgba(13,22,42,.7));
    border:1px solid rgba(242,106,46,.3);
    border-radius:20px;
    padding:36px 32px
}
.price-card .ribbon{
    position:absolute;
    top:40px;
    right:-40px;
    background:linear-gradient(180deg,var(--orange-2),var(--orange));
    color:#1a0d05;
    font-size:11px;
    padding:6px 50px;
    letter-spacing:.05em
}
.price-card h3{
    font-size:26px;
    margin-bottom:8px
}
.price-card .free{
    font-size:46px;
    font-weight:800;
    color:var(--orange);
    line-height:1
}
.avatar,.meet-head .nm{
    font-family:var(--disp);
    font-weight:700
}
.price-card .free span{
    font-size:17px;
    color:var(--muted);
    font-weight:500;
    font-family:var(--body)
}
.inc{
    margin:22px 0;
    flex-direction:column
}
.inc li{
    font-size:14.5px;
    align-items:flex-start
}
.cal-box .cd,.final p,.meet-card p{
    color:var(--muted)
}
.inc li svg{
    flex-shrink:0;
    margin-top:3px;
    color:var(--green)
}
.meet-card{
    background:var(--surface);
    border:1px solid var(--line);
    border-radius:20px;
    padding:36px 32px;
    display:flex;
    flex-direction:column
}
.meet-head{
    display:flex;
    align-items:center;
    gap:16px;
    margin-bottom:18px
}
.avatar{
    width:60px;
    height:60px;
    border-radius:50%;
    background:linear-gradient(160deg,#2a3b63,#16243f);
    border:1px solid var(--line);
    display:grid;
    font-size:22px;
    color:var(--orange-2)
}
.meet-head .nm{
    font-size:19px
}
.meet-card p{
    font-size:14.5px;
    margin-bottom:auto
}
.cal-box{
    margin-top:22px;
    background:rgba(0,0,0,.2);
    border:1px dashed var(--line);
    border-radius:13px;
    padding:18px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:14px;
    flex-wrap:wrap
}
.cal-box .cd{
    font-family:var(--mono);
    font-size:12px
}
.final{
    padding:96px 0
}
.final::before{
    content:"";
    position:absolute;
    inset:0;
    z-index:-1;
    background:radial-gradient(600px 300px at 50% 30%,rgba(242,106,46,.16),transparent 70%)
}
.final h2{
    font-size:clamp(30px,4.4vw,52px);
    margin-bottom:20px
}
.final p{
    font-size:18px;
    max-width:600px;
    margin:0 auto 32px
}
.final .hero-ctas{
    justify-content:center
}
.faq-list{
    max-width:880px;
    margin:0 auto
}
.faq-item{
    border-bottom:1px solid var(--line)
}
.faq-q{
    width:100%;
    background:0 0;
    border:none;
    color:var(--ink);
    font-family:var(--body);
    font-weight:600;
    font-size:16.5px;
    text-align:left;
    padding:22px 4px;
    display:flex;
    justify-content:space-between;
    align-items:center;
    gap:16px
}
.faq-q .pm,.floatcta .txt .b,.foot-bottom,.foot-grid h5{
    font-family:var(--mono)
}
.faq-q .pm{
    font-size:22px;
    color:var(--orange);
    transition:.3s;
    flex-shrink:0
}
.faq-a{
    max-height:0;
    transition:max-height .35s;
    color:var(--muted);
    font-size:15px
}
.faq-a .inner{
    padding:0 4px 22px
}
footer{
    padding:30px 0;
    background:#080e1c
}
.foot-grid{
    display:grid;
    grid-template-columns:1.4fr 1fr 1fr 1fr;
    gap:30px;
    margin-bottom:40px
}
@media(max-width:760px){
    .mod-grid{
        grid-template-columns:1fr
    }
    .foot-grid{
        grid-template-columns:1fr 1fr
    }
}
.foot-grid h5{
    font-size:11px;
    letter-spacing:.16em;
    color:var(--muted-2);
    margin-bottom:16px;
    font-weight:500
}
.foot-grid a{
    display:block;
    font-size:14px;
    color:var(--muted);
    margin-bottom:11px;
    transition:.2s
}
.foot-brand p{
    font-size:13.5px;
    color:var(--muted-2);
    max-width:260px
}
.foot-bottom{
    display:flex;
    justify-content:space-between;
    flex-wrap:wrap;
    gap:12px;
    font-size:12.5px;
    color:var(--muted-2)
}
.floatcta{
    display:flex;
    align-items:center;
    gap:16px
}
.multilanguage li::marker{
    display:none
}
.country-selector .wg-li{
    background:0 0!important
}
.wg-drop.country-selector a{
    color:#fff!important
}
.weglot-container:focus-visible{
    outline:0;
    border:0
}
.wg-drop.country-selector :not(.wgcurrent) a{
    color:#000!important
}
.wg-drop.country-selector .wgcurrent{
    border:0!important
}
.weglotdiv.multilanguage{
    list-style:none!important
}
.wg-drop.country-selector .wgcurrent:after{
    filter:invert(1);
    right:-5px!important;
    bottom:-4px!important;
    height:45px!important;
    width:8px!important
}
.wg-drop.country-selector:hover .wgcurrent.wg-li.wg-flags:after{
    transform:rotate(-180deg)!important
}
.wg-drop.country-selector .wgcurrent.wg-li.wg-flags:after{
    transform:rotate(0)!important
}
.wg-drop.country-selector.closed .wgcurrent:after{
    transform:rotate(-90deg)!important
}
.wg-drop.country-selector .wgcurrent a{
    padding-right:13px!important
}
.floatcta.show{
    transform:translateY(0)
}
.floatcta .txt .a{
    font-weight:700;
    font-size:14px
}
.floatcta .txt .b{
    font-size:11px;
    color:var(--muted)
}
.floatcta .btn{
    padding:11px 18px;
    font-size:14px
}
.floatcta .bk{
       font-size: 14px;
    font-weight: 500;
    color: rgb(147, 162, 196);
    text-decoration: none;
}
@media(max-width:560px){
    .floatcta{
        left:16px;
        right:16px;
        bottom:16px;
        justify-content:space-between
    }
    .floatcta .bk{
        display:none
    }
}
.mt{
    margin-top:40px
}
.expert-modal{
    position:fixed;
    inset:0;
    z-index:999;
    display:flex;
    align-items:center;
    justify-content:center;
    padding:16px;
    visibility:hidden
}
.expert-modal.open{
    visibility:visible;
    pointer-events:auto
}
.expert-modal-backdrop{
    position:absolute;
    inset:0;
    background:rgba(5,10,22,.82);
    backdrop-filter:blur(6px);
    opacity:0;
    transition:opacity .25s
}
.expert-modal.open .expert-modal-backdrop{
    opacity:1
}
.expert-modal-box{
    position:relative;
    background:var(--bg2);
    border:1px solid rgba(255,255,255,.1);
    border-radius:18px;
    padding:36px 32px;
    width:100%;
    max-width:480px;
    box-shadow:0 32px 80px -12px rgba(0,0,0,.7),0 0 0 1px rgba(255,255,255,.04);
    transform:translateY(20px) scale(.97);
    opacity:0;
    transition:transform .3s cubic-bezier(.34,1.56,.64,1),opacity .25s
}
.expert-card,.expert-modal-close{
    align-items:center;
    background:var(--surface);
    cursor:pointer;
    display:flex
}
.expert-modal.open .expert-modal-box{
    transform:translateY(0) scale(1);
    opacity:1
}
.expert-modal-close{
    position:absolute;
    top:16px;
    right:16px;
    width:34px;
    height:34px;
    border-radius:8px;
    border:1px solid var(--line);
    color:var(--muted);
    font-size:20px;
    line-height:1;
    justify-content:center;
    transition:.2s
}
.expert-modal-close:hover{
    background:rgba(255,255,255,.08);
    color:var(--ink);
    border-color:rgba(255,255,255,.2)
}
.expert-modal-title{
    font-family:var(--disp);
    font-size:22px;
    font-weight:700;
    color:var(--ink);
    margin:0 0 8px
}
.expert-modal-desc{
    font-size:14px;
    color:var(--muted);
    margin:0 0 24px;
    line-height:1.55
}
.expert-cards{
    display:flex;
    flex-direction:column;
    gap:12px
}
.expert-card{
    gap:16px;
    padding:16px 18px;
    border:1px solid var(--line);
    border-radius:12px;
    text-align:left;
    transition:.2s;
    width:100%
}
.expert-card:hover{
    background:rgba(242,106,46,.08);
    border-color:var(--orange);
    box-shadow:0 0 0 1px var(--orange)
}
.expert-card-avatar{
    width:48px;
    height:48px;
    border-radius:50%;
    background:rgba(242,106,46,.12);
    border:1px solid rgba(242,106,46,.25);
    display:flex;
    align-items:center;
    justify-content:center;
    color:var(--orange);
    flex-shrink:0
}
.expert-card-info{
    flex:1;
    min-width:0
}
.expert-card-name{
    font-size:15px;
    font-weight:700;
    color:var(--ink);
    margin-bottom:3px
}
.expert-card-link{
    font-family:var(--mono);
    font-size:11.5px;
    color:var(--muted-2);
    white-space:nowrap;
    overflow:hidden;
    text-overflow:ellipsis
}
.expert-card-arrow{
    color:var(--muted-2);
    flex-shrink:0;
    transition:.2s
}
.expert-card:hover .expert-card-arrow{
    color:var(--orange);
    transform:translateX(3px)
}
@media(max-width:1024px){
.policy-left-txt{ width: 45%;}
.policy .btn-wrapper {
    width: calc(100% - 45%);
}
.policy-wrapper h2{line-height: 1.2;}
}
@media(max-width:880px){
    .dd{
        grid-template-columns:1fr;
        gap:32px
    }
    .dd.rev .dd-text{
        order:0
    }
    .steps{
        grid-template-columns:1fr;
        gap:8px
    }
    .step:not(:last-child)::after{
        content:"↓";
        right:auto;
        left:50%;
        top:auto;
        bottom:-14px;
        transform:translateX(-50%)
    }
    .mod-grid{
        grid-template-columns:repeat(2,1fr)
    }
    .sec{
        padding:30px 0
    }
}
@media(max-width:992px){
    .swiper-button-next,.swiper-button-prev{
        display:none!important
    }
    .swiper-pagination{
        position:absolute;
        text-align:center;
        transition:opacity .3s;
        transform:translate3d(0,0,0);
        z-index:10;
        left:0;
        right:0;
        bottom:35px;
        margin-top:0;
        display:block
    }
    .swiper-pagination-bullet{
        margin-right:10px;
        opacity:.3!important;
        background:#dfdfdf!important
    }
    .swiper-pagination-bullet-active{
        opacity:1!important;
        background:#f2703a!important
    }
    .marquee-content li{
        width:unset!important
    }
    .trustbar .lbl{
        margin-bottom:8px
    }
}
@media(max-width:767px){
    .hero-text{
        position:unset
    }
    .hero-grid{
        grid-template-columns:1fr;
        gap:0
    }
    .sec{
        padding:20px 0
    }
    .transition-line{
        margin-top:0
    }
    .sec-head{
        margin-bottom:20px
    }
    .role{
        flex:0 0 48%
    }
    footer{
        text-align:center;
        padding:12px 0
    }
    .foot-bottom{
        justify-content:center;
        gap:1px
    }
    .faq-q{
        padding:12px 4px
    }
    .swiper-pagination{
        bottom:60px;
        position:unset!important
    }
    .container{
        width:96%
    }
    .floatcta .txt .a{
        line-height:18px
    }
    .floatcta{
        margin-top:6px
    }

    .forecast-band{
        align-items:self-start
    }
    .box-slider{
        margin:25px 0 10px
    }
    .ixbar{
        padding-top:18px;
        flex-direction: column;
        gap: 0px;

    }
    .eyebrow::before{display: none;}
    .hero{padding:25px 0px;}
    .every-seat{margin-top:25px;}
    .wg-drop.country-selector ul{
        z-index:999!important
    }
    html[lang=fr] .hero h1, html[lang=de] .hero h1{
        font-size:clamp(33px,5.4vw,66px)
    }
     html[lang=de] .hero h1{word-break: break-all;}
      /* header.scrolled{
        position:fixed;
        width:100%;
    } */
     .floatcta{gap:0px;}
}
@media(max-width:480px){
    .expert-modal-box{
        padding:28px 20px
    }
    .expert-modal-title{
        font-size:19px
    }
    .marquee::after,.marquee::before{
        width:unset!important
    }
    .lenguage-wrapper{
        position:absolute;
        right:31px;
        top:19px
    }
    .logo img{
        width:100px
    }
    .mod-grid{
        grid-template-columns:repeat(1,1fr)
    }

    .stock-ticker{
        margin-top:10px!important
    }
  
    .btn{
        white-space:unset;
        padding:5px 10px!important
    }
    .meet-card{
        padding:20px
    }
    .avatar{
        width:52px;
        height:50px
    }
    .role{
        flex:0 0 100%
    }
}
.common-book{display: none;}