/* ==========================================
M Tek Premium Corporate Theme
style.css → Part-1
========================================== */

@import url('https://fonts.googleapis.com/css2?family=Poppins:wght@300;400;500;600;700;800&display=swap');

:root{

--primary:#FFD700;
--primary-dark:#E6C200;
--secondary:#1A1A1A;
--bg:#0B0F19;
--card:#141B2D;
--border:rgba(255,255,255,.08);
--white:#ffffff;
--text:#B8C2D6;
--success:#00D084;
--danger:#FF4D4D;
--shadow:0 20px 50px rgba(0,0,0,.35);

}

*{

margin:0;
padding:0;
box-sizing:border-box;

}

html{

scroll-behavior:smooth;

}

body{

font-family:'Poppins',sans-serif;
background:var(--bg);
color:var(--white);
overflow-x:hidden;
line-height:1.7;

}

img{

max-width:100%;
display:block;

}

a{

text-decoration:none;

}

ul{

list-style:none;

}

.container{

width:92%;
max-width:1300px;
margin:auto;

}

/* ==========================================
Scrollbar
========================================== */

::-webkit-scrollbar{

width:8px;

}

::-webkit-scrollbar-track{

background:#111827;

}

::-webkit-scrollbar-thumb{

background:var(--primary);
border-radius:20px;

}

/* ==========================================
Preloader
========================================== */

#preloader{

position:fixed;
top:0;
left:0;
width:100%;
height:100%;
background:#08101D;
display:flex;
align-items:center;
justify-content:center;
z-index:99999;

}

.loader{

width:70px;
height:70px;
border:6px solid rgba(255,255,255,.15);
border-top:6px solid var(--primary);
border-radius:50%;
animation:spin .8s linear infinite;

}

@keyframes spin{

100%{

transform:rotate(360deg);

}

}

/* ==========================================
Navbar
========================================== */

.header{

position:fixed;
top:0;
left:0;
width:100%;
z-index:999;
background:rgba(10,15,25,.92);
backdrop-filter:blur(18px);
border-bottom:1px solid var(--border);

}

.navbar{

width:92%;
max-width:1300px;
margin:auto;
display:flex;
align-items:center;
justify-content:space-between;
padding:16px 0;

}

.logo{

display:flex;
align-items:center;
gap:15px;
color:#fff;

}

.logo img{

width:58px;
height:58px;
object-fit:contain;

}

.logo h2{

font-size:28px;
font-weight:700;

}

.logo span{

font-size:12px;
color:var(--primary);
letter-spacing:2px;

}

.nav-menu{

display:flex;
align-items:center;
gap:28px;

}

.nav-menu li a{

color:#fff;
font-size:15px;
font-weight:500;
transition:.3s;

}

.nav-menu li a:hover,
.nav-menu li a.active{

color:var(--primary);

}

.btn-login,
.btn-register,
.btn-dashboard{

padding:11px 24px;
border-radius:50px;
font-weight:600;
transition:.35s;

}

.btn-login{

border:2px solid var(--primary);
color:var(--primary);

}

.btn-login:hover{

background:var(--primary);
color:#000;

}

.btn-register,
.btn-dashboard{

background:linear-gradient(135deg,#FFD700,#FFB800);
color:#111;
box-shadow:0 12px 30px rgba(255,215,0,.30);

}

.btn-register:hover,
.btn-dashboard:hover{

transform:translateY(-3px);

}

.mobile-menu{

display:none;
font-size:30px;
cursor:pointer;
color:#fff;

}

/* ==========================================
Hero
========================================== */

.hero{

padding:170px 0 120px;
display:grid;
grid-template-columns:1fr 1fr;
align-items:center;
gap:70px;
width:92%;
max-width:1300px;
margin:auto;

}

.hero-badge{

display:inline-block;
padding:10px 20px;
border-radius:40px;
background:rgba(255,215,0,.12);
border:1px solid rgba(255,215,0,.35);
color:var(--primary);
font-size:14px;
margin-bottom:25px;

}

.hero h1{

font-size:64px;
font-weight:800;
line-height:1.15;
margin-bottom:20px;

}

.hero h1 span{

color:var(--primary);

}

.hero p{

font-size:18px;
color:var(--text);
max-width:620px;
margin-bottom:35px;

}

.hero-buttons{

display:flex;
gap:18px;
margin-bottom:45px;

}

.btn-primary{

background:linear-gradient(135deg,#FFD700,#FFB800);
color:#111;
padding:15px 34px;
border-radius:50px;
font-weight:700;
transition:.35s;

}

.btn-primary:hover{

transform:translateY(-4px);

}

.btn-secondary{

border:2px solid var(--primary);
color:var(--primary);
padding:15px 34px;
border-radius:50px;
font-weight:700;
transition:.35s;

}

.btn-secondary:hover{

background:var(--primary);
color:#111;

}

.hero-right{

display:flex;
justify-content:center;

}

.hero-right img{

width:100%;
max-width:560px;
animation:float 5s ease-in-out infinite;

}

@keyframes float{

50%{

transform:translateY(-15px);

}

}

/* ==========================================
Hero Stats
========================================== */

.hero-stats{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:20px;

}

.stat-card{

background:var(--card);
border:1px solid var(--border);
padding:25px;
border-radius:18px;
text-align:center;
transition:.35s;

}

.stat-card:hover{

transform:translateY(-8px);
border-color:var(--primary);

}

.stat-card h2{

font-size:32px;
color:var(--primary);
margin-bottom:8px;

}

.stat-card p{

font-size:14px;
color:var(--text);
margin:0;

}
/* ==========================================
M Tek Premium Corporate Theme
style.css → Part-2
About • Features • Services
========================================== */

/* ==========================================
Common Section
========================================== */

section{

padding:100px 0;

}

.section-title{

text-align:center;
max-width:760px;
margin:0 auto 60px;

}

.section-title span{

display:inline-block;
padding:8px 18px;
background:rgba(255,215,0,.12);
border:1px solid rgba(255,215,0,.25);
border-radius:30px;
color:var(--primary);
font-size:13px;
font-weight:600;
letter-spacing:2px;
margin-bottom:18px;

}

.section-title h2{

font-size:42px;
font-weight:700;
margin-bottom:18px;
color:#fff;

}

.section-title p{

font-size:16px;
color:var(--text);
line-height:1.8;

}

/* ==========================================
About Section
========================================== */

.about{

background:#0f1628;

}

.about-grid{

display:grid;
grid-template-columns:1fr 1fr;
gap:70px;
align-items:center;

}

.about-image{

text-align:center;

}

.about-image img{

max-width:500px;
margin:auto;
animation:float 5s ease-in-out infinite;

}

.about-content h3{

font-size:34px;
margin-bottom:18px;
color:#fff;

}

.about-content>p{

color:var(--text);
margin-bottom:35px;

}

.about-list{

display:grid;
gap:22px;

}

.about-item{

display:flex;
gap:20px;
align-items:flex-start;
background:var(--card);
padding:22px;
border-radius:18px;
border:1px solid var(--border);
transition:.35s;

}

.about-item:hover{

transform:translateY(-6px);
border-color:var(--primary);

}

.about-item i{

width:58px;
height:58px;
border-radius:50%;
display:flex;
align-items:center;
justify-content:center;
background:rgba(255,215,0,.12);
color:var(--primary);
font-size:22px;
flex-shrink:0;

}

.about-item h4{

font-size:18px;
margin-bottom:6px;

}

.about-item p{

color:var(--text);
font-size:15px;

}

/* ==========================================
Features
========================================== */

.features{

background:var(--bg);

}

.feature-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;

}

.feature-card{

background:var(--card);
border:1px solid var(--border);
border-radius:22px;
padding:35px 30px;
text-align:center;
transition:.35s;

}

.feature-card:hover{

transform:translateY(-8px);
border-color:var(--primary);
box-shadow:var(--shadow);

}

.feature-card i{

width:75px;
height:75px;
margin:auto;
margin-bottom:22px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,215,0,.12);
color:var(--primary);
font-size:30px;

}

.feature-card h3{

font-size:22px;
margin-bottom:15px;

}

.feature-card p{

color:var(--text);
font-size:15px;
line-height:1.8;

}

/* ==========================================
Services
========================================== */

.services{

background:#101827;

}

.service-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;

}

.service-card{

background:var(--card);
padding:35px 25px;
border-radius:20px;
border:1px solid var(--border);
text-align:center;
transition:.35s;

}

.service-card:hover{

transform:translateY(-8px);
border-color:var(--primary);
box-shadow:var(--shadow);

}

.service-card i{

font-size:34px;
color:var(--primary);
margin-bottom:20px;

}

.service-card h3{

font-size:22px;
margin-bottom:12px;
color:#fff;

}

.service-card p{

color:var(--text);
font-size:15px;
line-height:1.8;

}
/* ==========================================
M Tek Premium Corporate Theme
style.css → Part-3
Investment Plans • Statistics • CTA
========================================== */

/* ==========================================
Investment Plans
========================================== */

.plans{

background:#0B0F19;

}

.plans-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:35px;
margin-top:60px;

}

.plan-card{

position:relative;
background:linear-gradient(180deg,#182235,#111827);
border:1px solid var(--border);
border-radius:25px;
padding:40px 35px;
overflow:hidden;
transition:.35s;
text-align:center;

}

.plan-card:hover{

transform:translateY(-12px);
border-color:var(--primary);
box-shadow:0 20px 50px rgba(255,215,0,.15);

}

.plan-card.active{

border:2px solid var(--primary);
transform:scale(1.04);

}

.plan-tag{

display:inline-block;
padding:8px 18px;
background:rgba(255,215,0,.12);
color:var(--primary);
border-radius:30px;
font-size:13px;
font-weight:700;
letter-spacing:1px;
margin-bottom:25px;

}

.popular-badge{

position:absolute;
top:18px;
right:-45px;
background:var(--primary);
color:#111;
padding:10px 55px;
font-size:12px;
font-weight:700;
transform:rotate(45deg);

}

.plan-card h3{

font-size:28px;
margin-bottom:20px;
color:#fff;

}

.plan-price{

font-size:55px;
font-weight:800;
color:var(--primary);
margin-bottom:10px;

}

.plan-profit{

display:inline-block;
padding:10px 22px;
background:rgba(0,208,132,.12);
border:1px solid rgba(0,208,132,.30);
border-radius:50px;
color:var(--success);
font-size:15px;
font-weight:600;
margin-bottom:30px;

}

.plan-card ul{

margin:30px 0;

}

.plan-card ul li{

display:flex;
align-items:center;
gap:12px;
padding:12px 0;
border-bottom:1px solid rgba(255,255,255,.06);
color:var(--text);

}

.plan-card ul li:last-child{

border-bottom:none;

}

.plan-card ul li i{

color:var(--primary);

}

.plan-btn{

display:inline-block;
margin-top:20px;
padding:15px 35px;
background:linear-gradient(135deg,#FFD700,#FFB800);
border-radius:50px;
font-weight:700;
color:#111;
transition:.35s;

}

.plan-btn:hover{

transform:translateY(-4px);

}

/* ==========================================
Statistics
========================================== */

.statistics{

background:#101827;

}

.stats-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:25px;

}

.stats-box{

background:var(--card);
border:1px solid var(--border);
border-radius:22px;
padding:35px;
text-align:center;
transition:.35s;

}

.stats-box:hover{

transform:translateY(-8px);
border-color:var(--primary);

}

.stats-box h2{

font-size:42px;
font-weight:700;
color:var(--primary);
margin-bottom:10px;

}

.stats-box p{

font-size:15px;
color:var(--text);

}

/* ==========================================
Call To Action
========================================== */

.cta-section{

background:linear-gradient(135deg,#111827,#1B263B);
padding:110px 0;

}

.cta-content{

max-width:850px;
margin:auto;
text-align:center;

}

.cta-content h2{

font-size:48px;
font-weight:700;
margin-bottom:25px;
color:#fff;

}

.cta-content p{

font-size:18px;
color:var(--text);
line-height:1.8;
margin-bottom:40px;

}

.cta-content strong{

color:var(--primary);

}

.cta-buttons{

display:flex;
justify-content:center;
gap:20px;
flex-wrap:wrap;

}

.cta-buttons .btn-primary,
.cta-buttons .btn-secondary{

min-width:220px;
text-align:center;

}
/* ==========================================
M Tek Premium Corporate Theme
style.css → Part-4
How It Works • Why Choose Us • Mission
Vision • Trust Section
========================================== */

/* ==========================================
How It Works
========================================== */

.how-it-works{

background:#0B1220;

}

.steps-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;

}

.step-card{

position:relative;
background:var(--card);
padding:40px 30px;
border-radius:24px;
text-align:center;
border:1px solid var(--border);
transition:.35s;
overflow:hidden;

}

.step-card:hover{

transform:translateY(-10px);
border-color:var(--primary);
box-shadow:var(--shadow);

}

.step-number{

position:absolute;
top:18px;
right:20px;
font-size:55px;
font-weight:800;
color:rgba(255,215,0,.08);

}

.step-card i{

width:80px;
height:80px;
margin:auto;
margin-bottom:25px;
display:flex;
align-items:center;
justify-content:center;
border-radius:50%;
background:rgba(255,215,0,.12);
color:var(--primary);
font-size:30px;

}

.step-card h3{

font-size:24px;
margin-bottom:15px;
color:#fff;

}

.step-card p{

color:var(--text);
line-height:1.8;

}

/* ==========================================
Why Choose Us
========================================== */

.why-us{

background:#101827;

}

.why-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:28px;
margin-top:60px;

}

.why-card{

background:var(--card);
padding:35px 25px;
border-radius:22px;
border:1px solid var(--border);
text-align:center;
transition:.35s;

}

.why-card:hover{

transform:translateY(-8px);
border-color:var(--primary);
box-shadow:var(--shadow);

}

.why-card i{

font-size:34px;
color:var(--primary);
margin-bottom:20px;

}

.why-card h3{

font-size:22px;
margin-bottom:12px;
color:#fff;

}

.why-card p{

color:var(--text);
line-height:1.8;

}

/* ==========================================
Mission & Vision
========================================== */

.mission{

background:#0B0F19;

}

.mission-grid{

display:grid;
grid-template-columns:repeat(2,1fr);
gap:40px;
margin-top:60px;

}

.mission-card{

background:linear-gradient(180deg,#182235,#111827);
padding:45px;
border-radius:24px;
border:1px solid var(--border);
transition:.35s;

}

.mission-card:hover{

transform:translateY(-8px);
border-color:var(--primary);

}

.mission-card i{

font-size:42px;
color:var(--primary);
margin-bottom:20px;

}

.mission-card h2{

font-size:30px;
margin-bottom:20px;
color:#fff;

}

.mission-card p{

color:var(--text);
line-height:1.9;

}

/* ==========================================
Trust Section
========================================== */

.trust{

background:#111827;

}

.trust-grid{

display:grid;
grid-template-columns:repeat(4,1fr);
gap:30px;
margin-top:60px;

}

.trust-box{

background:var(--card);
padding:40px 25px;
border-radius:24px;
text-align:center;
border:1px solid var(--border);
transition:.35s;

}

.trust-box:hover{

transform:translateY(-8px);
border-color:var(--primary);
box-shadow:var(--shadow);

}

.trust-box h2{

font-size:42px;
font-weight:700;
color:var(--primary);
margin-bottom:12px;

}

.trust-box span{

display:block;
font-size:16px;
color:var(--text);

}

/* ==========================================
Common Hover Animation
========================================== */

.step-card,
.why-card,
.mission-card,
.trust-box{

transition:all .35s ease;

}

.step-card:hover i,
.why-card:hover i,
.mission-card:hover i{

transform:scale(1.1);

}

.step-card i,
.why-card i,
.mission-card i{

transition:.35s;

}
/* ==========================================
M Tek Premium Corporate Theme
style.css → Part-5
Testimonials • FAQ • Contact • Footer
Responsive • Utilities
========================================== */

/* ==========================================
Testimonials
========================================== */

.testimonials{

background:#0B0F19;

}

.testimonial-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:60px;

}

.testimonial-card{

background:var(--card);
padding:35px;
border-radius:24px;
border:1px solid var(--border);
transition:.35s;

}

.testimonial-card:hover{

transform:translateY(-8px);
border-color:var(--primary);
box-shadow:var(--shadow);

}

.testimonial-card i{

font-size:40px;
color:var(--primary);
margin-bottom:20px;

}

.testimonial-card p{

color:var(--text);
line-height:1.9;
margin-bottom:25px;

}

.testimonial-card h4{

font-size:20px;
margin-bottom:6px;

}

.testimonial-card span{

color:var(--primary);
font-size:14px;

}

/* ==========================================
FAQ
========================================== */

.faq{

background:#101827;

}

.faq-item{

background:var(--card);
padding:25px 30px;
border-radius:18px;
margin-bottom:20px;
border:1px solid var(--border);
transition:.35s;

}

.faq-item:hover{

border-color:var(--primary);

}

.faq-item h3{

font-size:20px;
margin-bottom:12px;
color:#fff;

}

.faq-item p{

color:var(--text);
line-height:1.8;

}

/* ==========================================
Contact
========================================== */

.contact{

background:#0B0F19;

}

.contact-grid{

display:grid;
grid-template-columns:repeat(3,1fr);
gap:30px;
margin-top:60px;

}

.contact-card{

background:var(--card);
padding:40px 30px;
border-radius:24px;
text-align:center;
border:1px solid var(--border);
transition:.35s;

}

.contact-card:hover{

transform:translateY(-8px);
border-color:var(--primary);

}

.contact-card i{

font-size:40px;
color:var(--primary);
margin-bottom:20px;

}

.contact-card h3{

margin-bottom:15px;
font-size:22px;

}

.contact-card a,
.contact-card p{

color:var(--text);
word-break:break-word;

}

.contact-card a:hover{

color:var(--primary);

}

/* ==========================================
Footer
========================================== */

.footer{

background:#070B14;
padding:80px 0 30px;

}

.footer-top{

display:grid;
grid-template-columns:2fr 1fr 1fr 1fr;
gap:40px;
padding-bottom:40px;

}

.footer-logo img{

width:80px;
margin-bottom:20px;

}

.footer-logo h2{

font-size:30px;
margin-bottom:10px;

}

.footer-logo p{

color:var(--text);

}

.footer-links h3{

margin-bottom:20px;
font-size:20px;
color:#fff;

}

.footer-links ul li{

margin-bottom:12px;

}

.footer-links ul li a{

color:var(--text);
transition:.3s;

}

.footer-links ul li a:hover{

color:var(--primary);
padding-left:8px;

}

.footer hr{

border:none;
height:1px;
background:rgba(255,255,255,.08);
margin:25px 0;

}

.footer-bottom{

text-align:center;

}

.footer-bottom p{

color:#9CA3AF;
font-size:15px;

}

/* ==========================================
Responsive
========================================== */

@media(max-width:1100px){

.hero,
.about-grid,
.mission-grid{

grid-template-columns:1fr;

}

.hero{

text-align:center;

}

.hero-buttons{

justify-content:center;

}

.hero-stats{

grid-template-columns:repeat(2,1fr);

}

.plans-grid,
.feature-grid,
.service-grid,
.steps-grid,
.why-grid,
.trust-grid,
.testimonial-grid,
.contact-grid{

grid-template-columns:repeat(2,1fr);

}

.footer-top{

grid-template-columns:repeat(2,1fr);

}

}

@media(max-width:768px){

.mobile-menu{

display:block;

}

.nav-menu{

position:absolute;
top:85px;
left:0;
width:100%;
background:#111827;
flex-direction:column;
padding:25px;
display:none;
gap:20px;

}

.nav-menu.active{

display:flex;

}

.hero{

padding-top:140px;

}

.hero h1{

font-size:42px;

}

.section-title h2{

font-size:34px;

}

.hero-stats,
.plans-grid,
.feature-grid,
.service-grid,
.steps-grid,
.why-grid,
.trust-grid,
.testimonial-grid,
.contact-grid,
.footer-top{

grid-template-columns:1fr;

}

.cta-buttons{

flex-direction:column;

}

}

@media(max-width:480px){

.container{

width:94%;

}

.hero h1{

font-size:34px;

}

.hero p{

font-size:15px;

}

.btn-primary,
.btn-secondary,
.plan-btn{

display:block;
width:100%;
text-align:center;

}

.section-title h2{

font-size:28px;

}

}

/* ==========================================
Selection
========================================== */

::selection{

background:var(--primary);
color:#111;

}

/* ==========================================
Back To Top
========================================== */

.back-to-top{

position:fixed;
right:20px;
bottom:20px;
width:50px;
height:50px;
border-radius:50%;
background:var(--primary);
color:#111;
display:flex;
align-items:center;
justify-content:center;
font-size:20px;
cursor:pointer;
box-shadow:0 15px 35px rgba(255,215,0,.30);
transition:.35s;
z-index:999;

}

.back-to-top:hover{

transform:translateY(-5px);

}

/* ==========================================
M TEK — LIVE MARKET
========================================== */

.live-market{
    background:
        radial-gradient(circle at 15% 20%, rgba(255,215,0,.07), transparent 32%),
        radial-gradient(circle at 85% 70%, rgba(0,208,132,.05), transparent 30%),
        #0f1628;
}

.live-market-title{
    margin-bottom:35px;
}

.live-market-title span{
    display:inline-flex;
    align-items:center;
    gap:8px;
}

.market-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:20px;
    margin-bottom:25px;
    padding:14px 18px;
    background:rgba(20,27,45,.72);
    border:1px solid var(--border);
    border-radius:16px;
}

.market-status,
.market-updated{
    display:flex;
    align-items:center;
    gap:10px;
    color:var(--text);
    font-size:13px;
}

.market-updated span{
    color:#fff;
    font-weight:600;
}

.live-dot{
    width:9px;
    height:9px;
    border-radius:50%;
    background:var(--success);
    box-shadow:0 0 0 0 rgba(0,208,132,.6);
    animation:marketPulse 1.6s infinite;
}

@keyframes marketPulse{
    70%{
        box-shadow:0 0 0 10px rgba(0,208,132,0);
    }
    100%{
        box-shadow:0 0 0 0 rgba(0,208,132,0);
    }
}

.market-grid{
    display:grid;
    grid-template-columns:repeat(4, minmax(0, 1fr));
    gap:18px;
}

.market-card{
    position:relative;
    overflow:hidden;
    background:linear-gradient(180deg,#182235,#111827);
    border:1px solid var(--border);
    border-radius:20px;
    padding:22px;
    transition:.25s ease;
}

.market-card:hover{
    transform:translateY(-5px);
    border-color:rgba(255,215,0,.45);
}

.market-card.updated{
    animation:marketFlash .45s ease;
}

@keyframes marketFlash{
    0%{ transform:translateY(-2px); }
    50%{ transform:translateY(-5px); box-shadow:0 0 0 1px rgba(255,215,0,.15), 0 12px 35px rgba(0,0,0,.22); }
    100%{ transform:translateY(0); }
}

.market-card-top{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    margin-bottom:16px;
}

.market-symbol{
    display:flex;
    align-items:center;
    gap:10px;
    min-width:0;
}

.market-symbol-icon{
    width:42px;
    height:42px;
    flex:0 0 42px;
    border-radius:12px;
    display:flex;
    align-items:center;
    justify-content:center;
    background:rgba(255,215,0,.10);
    border:1px solid rgba(255,215,0,.18);
    color:var(--primary);
    font-weight:800;
    font-size:14px;
}

.market-symbol strong{
    display:block;
    color:#fff;
    font-size:16px;
    line-height:1.2;
}

.market-symbol small{
    display:block;
    color:#77839a;
    font-size:11px;
    margin-top:4px;
    text-transform:uppercase;
    letter-spacing:.8px;
}

.market-change{
    padding:6px 9px;
    border-radius:999px;
    font-size:12px;
    font-weight:700;
    white-space:nowrap;
}

.market-change.up{
    color:#00d084;
    background:rgba(0,208,132,.10);
}

.market-change.down{
    color:#ff5b67;
    background:rgba(255,91,103,.10);
}

.market-price{
    color:#fff;
    font-size:27px;
    font-weight:800;
    letter-spacing:.2px;
    margin-bottom:12px;
}

.market-price-prefix{
    color:#738096;
    font-size:12px;
    margin-right:4px;
}

.market-bar{
    height:4px;
    width:100%;
    border-radius:99px;
    background:rgba(255,255,255,.07);
    overflow:hidden;
}

.market-bar-fill{
    height:100%;
    width:50%;
    border-radius:99px;
    background:linear-gradient(90deg, rgba(255,215,0,.15), var(--primary));
    transition:width .5s ease;
}

.market-loading{
    grid-column:1/-1;
    min-height:220px;
    display:flex;
    align-items:center;
    justify-content:center;
    gap:14px;
    border:1px dashed rgba(255,255,255,.12);
    border-radius:20px;
    color:var(--text);
}

.market-note{
    margin-top:18px;
    text-align:center;
    color:#77839a;
    font-size:11px;
}

@media (max-width:1100px){
    .market-grid{
        grid-template-columns:repeat(3, minmax(0, 1fr));
    }
}

@media (max-width:800px){
    .market-grid{
        grid-template-columns:repeat(2, minmax(0, 1fr));
    }

    .market-toolbar{
        flex-direction:column;
        align-items:flex-start;
    }
}

@media (max-width:520px){
    .market-grid{
        grid-template-columns:1fr;
    }

    .market-card{
        padding:20px;
    }

    .market-price{
        font-size:24px;
    }
}

/* ==========================================================
M TEK LIVE MARKET + FULL INVESTMENT PLAN UPDATE
Mobile-first premium refinements
========================================================== */

/* Live Market */
.live-market{
    background:
        radial-gradient(circle at 10% 0%, rgba(255,215,0,.06), transparent 28%),
        radial-gradient(circle at 90% 20%, rgba(0,208,132,.05), transparent 25%),
        #0a101d;
    position:relative;
    overflow:hidden;
}

.live-market-title{margin-bottom:28px}
.live-market-title h2{letter-spacing:-.03em}
.live-market-title p{max-width:680px;margin-inline:auto}

.market-toolbar{
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:16px;
    margin:0 0 18px;
    padding:12px 14px;
    border:1px solid rgba(255,255,255,.07);
    background:rgba(255,255,255,.025);
    border-radius:14px;
}

.market-status,.market-updated{
    display:flex;
    align-items:center;
    gap:9px;
    color:#9aa8bd;
    font-size:12px;
    font-weight:600;
}

.market-updated{color:#738198}
.market-live-ok{color:#d5deeb!important}

.live-dot{
    width:8px;
    height:8px;
    flex:0 0 8px;
    border-radius:50%;
    background:#00d084;
    box-shadow:0 0 0 5px rgba(0,208,132,.08),0 0 15px rgba(0,208,132,.45);
}

.market-grid{
    display:grid;
    grid-template-columns:repeat(5,minmax(0,1fr));
    gap:16px;
}

.market-card{
    position:relative;
    min-width:0;
    min-height:208px;
    padding:18px;
    border-radius:20px;
    border:1px solid rgba(255,255,255,.08);
    background:
        radial-gradient(circle at 78% 0%,rgba(255,215,0,.035),transparent 34%),
        linear-gradient(160deg,#141d30,#0d1524);
    box-shadow:0 16px 38px rgba(0,0,0,.20);
    overflow:hidden;
    transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease;
}

.market-card:hover{
    transform:translateY(-3px);
    border-color:rgba(255,215,0,.24);
    box-shadow:0 20px 48px rgba(0,0,0,.28);
}

.market-card-top,.asset-head,.market-meta{display:flex;align-items:center}
.market-card-top{justify-content:space-between;gap:10px}
.asset-head{gap:10px;min-width:0}

.asset-icon-wrap{
    width:46px;
    height:46px;
    flex:0 0 46px;
    display:grid;
    place-items:center;
    border-radius:50%;
    background:radial-gradient(circle at 32% 25%,#2a3c58,#111c30);
    border:1px solid rgba(255,255,255,.12);
    box-shadow:inset 0 0 0 4px rgba(255,255,255,.025),0 8px 20px rgba(0,0,0,.14);
}

.asset-icon-wrap img{width:31px;height:31px;object-fit:contain}
.asset-name{min-width:0}
.asset-name strong,.asset-name span{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.asset-name strong{font-size:14px;line-height:1.15;color:#fff;font-weight:700}
.asset-name span{width:max-content;max-width:100%;margin-top:5px;padding:2px 7px;border:1px solid rgba(255,255,255,.08);border-radius:999px;background:rgba(255,255,255,.035);color:#8998ae;font-size:9px;line-height:1.2;font-weight:700}

.market-status i{
    width:8px;height:8px;border-radius:50%;display:inline-block;background:#00d084;
    box-shadow:0 0 0 4px rgba(0,208,132,.07),0 0 14px rgba(0,208,132,.45);
}

.market-status.coming i{background:#6d7787;box-shadow:none}

.market-price{
    margin-top:25px;
    color:#ffd700;
    font-size:29px;
    line-height:1;
    font-weight:800;
    letter-spacing:-.035em;
}

.market-meta{
    justify-content:space-between;
    gap:8px;
    margin-top:13px;
    font-size:10px;
    font-weight:700;
}

.change.is-up,.trend.is-up{color:#26db9b}
.change.is-down,.trend.is-down{color:#ff5366}
.change.is-neutral,.trend{color:#8491a7}

.market-spark{
    position:absolute;
    left:18px;right:18px;bottom:16px;height:15px;opacity:.65;overflow:hidden;
}
.market-spark:before,.market-spark:after,.market-spark span{
    content:"";position:absolute;height:1px;display:block;
    background:linear-gradient(90deg,transparent,rgba(255,215,0,.30),transparent);
}
.market-spark:before{width:72%;left:-4%;top:10px;transform:rotate(-5deg)}
.market-spark:after{width:57%;right:-6%;top:5px;transform:rotate(6deg)}
.market-spark span{width:36%;left:32%;top:9px;transform:rotate(-12deg);background:linear-gradient(90deg,transparent,rgba(0,208,132,.42),transparent)}

.mtek-card{border-color:rgba(255,215,0,.22);background:radial-gradient(circle at 60% 0%,rgba(255,215,0,.07),transparent 36%),linear-gradient(160deg,#172033,#0d1525)}
.mtek-card .market-price{color:#ffd700}

.coming-card{border-color:rgba(151,111,255,.33);background:radial-gradient(circle at 25% 0%,rgba(151,111,255,.18),transparent 40%),linear-gradient(160deg,#2b2363,#181638)}
.coming-card .market-price{font-size:27px;color:#ffd700;margin-top:27px}

.coming-ribbon{
    position:absolute;top:11px;right:-36px;width:140px;padding:7px 0;transform:rotate(42deg);
    text-align:center;background:#ffd700;color:#151515;font-size:8px;font-weight:800;letter-spacing:.08em
}

.market-loading{grid-column:1/-1;display:flex;align-items:center;justify-content:center;gap:10px;min-height:200px;color:#8d9bb1;border:1px solid rgba(255,255,255,.07);border-radius:20px;background:rgba(255,255,255,.02)}
.market-note{margin-top:13px;color:#69778d;font-size:10px;line-height:1.7;text-align:center}

/* Full investment-plan cards */
.plans{background:#0b0f19}
.plans-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:34px;align-items:stretch}
.full-plan-card{
    padding:0;
    background:#fff;
    border:1px solid rgba(22,32,52,.09);
    border-radius:22px;
    color:#172033;
    text-align:left;
    overflow:hidden;
    box-shadow:0 18px 45px rgba(0,0,0,.22);
}
.full-plan-card:hover{transform:translateY(-5px);border-color:rgba(0,208,132,.18);box-shadow:0 24px 55px rgba(0,0,0,.26)}
.full-plan-card.active{border:1px solid rgba(0,208,132,.2);transform:none}

.plan-head{
    min-height:165px;
    padding:28px 26px 21px;
    display:flex;
    align-items:center;
    justify-content:space-between;
    gap:12px;
    background:linear-gradient(135deg,#128b75,#11ad7a);
    color:#fff;
}
.full-plan-card:nth-child(2) .plan-head{background:linear-gradient(135deg,#0f8b76,#11bf86)}
.full-plan-card:nth-child(3) .plan-head{background:linear-gradient(135deg,#0f8b76,#10b988)}
.full-plan-card .plan-tag{display:inline-flex;padding:0;margin:0 0 10px;color:#fff;background:none;border:0;letter-spacing:.05em;font-size:10px}
.full-plan-card h3{margin:0;font-size:24px;line-height:1.2;color:#fff;letter-spacing:-.03em}

.plan-roi-badge{
    width:112px;height:112px;flex:0 0 112px;
    display:flex;flex-direction:column;align-items:center;justify-content:center;
    border:2px solid rgba(255,255,255,.28);border-radius:50%;
    background:rgba(255,255,255,.06);text-align:center;
}
.plan-roi-badge strong{font-size:27px;line-height:1;font-weight:800}
.plan-roi-badge span{margin-top:8px;font-size:11px;font-weight:700;color:#fff}

.plan-details{padding:26px 26px 18px;background:#fff}
.plan-detail-row{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;border-bottom:1px solid #edf0f4}
.plan-detail-row:last-child{border-bottom:0}
.plan-detail-row span{display:flex;align-items:center;gap:10px;min-width:0;color:#768196;font-size:13px}
.plan-detail-row i{width:15px;color:#10b984;font-size:13px;text-align:center}
.plan-detail-row strong{white-space:nowrap;color:#172033;font-size:14px;font-weight:800}
.plan-detail-row.positive strong{color:#16a763}
.full-plan-card .plan-btn{display:flex;align-items:center;justify-content:center;gap:9px;margin:0 26px 28px;padding:14px 18px;border-radius:14px;background:linear-gradient(135deg,#11b987,#0ca873);color:#fff;box-shadow:0 12px 22px rgba(16,177,124,.18)}
.full-plan-card .plan-btn:hover{background:linear-gradient(135deg,#13c58f,#0da777);transform:translateY(-2px)}

/* Mobile-first refinements */
@media (max-width:1180px){
    .market-grid{grid-template-columns:repeat(4,minmax(0,1fr))}
    .plans-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
    .full-plan-card:last-child{grid-column:1/-1;max-width:520px;width:100%;margin-inline:auto}
}

@media (max-width:860px){
    section{padding:78px 0}
    .container{width:min(92%,760px)}
    .navbar{width:92%}
    .hero{grid-template-columns:1fr;gap:38px;padding-top:145px}
    .hero h1{font-size:48px}
    .hero-right{order:-1}
    .hero-right img{max-width:430px}
    .market-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}
    .market-card{min-height:195px;padding:16px}
    .market-price{font-size:26px;margin-top:22px}
    .plan-head{padding:24px 20px}
    .plan-details{padding:20px}
    .full-plan-card .plan-btn{margin-inline:20px;margin-bottom:20px}
}

@media (max-width:680px){
    .header{position:sticky;top:0}
    .navbar{padding:10px 0}
    .logo{gap:10px}
    .logo img{width:45px;height:45px}
    .logo h2{font-size:21px}
    .logo span{font-size:8px;letter-spacing:1.2px}
    .nav-menu{display:none;position:absolute;top:67px;left:4%;right:4%;padding:14px;border:1px solid rgba(255,255,255,.08);border-radius:18px;background:rgba(9,15,27,.98);box-shadow:0 18px 45px rgba(0,0,0,.4);flex-direction:column;align-items:stretch;gap:4px}
    .nav-menu.active{display:flex}
    .nav-menu li a{display:block;padding:11px 12px;border-radius:10px}
    .mobile-menu{display:block}

    .hero{width:92%;padding:112px 0 48px;gap:30px}
    .hero-badge{font-size:11px;padding:8px 13px;margin-bottom:16px}
    .hero h1{font-size:38px;line-height:1.08}
    .hero p{font-size:14px;line-height:1.75;margin-bottom:22px}
    .hero-buttons{flex-direction:column;gap:10px;margin-bottom:30px}
    .btn-primary,.btn-secondary{width:100%;text-align:center;padding:13px 18px}

    section{padding:62px 0}
    .section-title{margin-bottom:34px;padding-inline:6px}
    .section-title h2{font-size:29px;line-height:1.2}
    .section-title p{font-size:13px;line-height:1.7}

    .market-toolbar{align-items:flex-start;flex-direction:column;padding:11px 12px}
    .market-updated{font-size:11px}
    .market-grid{grid-template-columns:1fr;gap:12px}
    .market-card{min-height:0;padding:15px;border-radius:17px}
    .asset-icon-wrap{width:42px;height:42px;flex-basis:42px}
    .asset-icon-wrap img{width:28px;height:28px}
    .market-price{font-size:25px;margin-top:18px}
    .market-meta{font-size:9px;margin-top:10px}
    .market-spark{left:15px;right:15px;bottom:13px}

    .plans-grid{grid-template-columns:1fr;gap:14px;margin-top:24px}
    .full-plan-card:last-child{grid-column:auto;max-width:none}
    .plan-head{min-height:145px;padding:22px 18px}
    .full-plan-card h3{font-size:21px}
    .plan-roi-badge{width:88px;height:88px;flex-basis:88px}
    .plan-roi-badge strong{font-size:22px}
    .plan-roi-badge span{font-size:9px;margin-top:5px}
    .plan-details{padding:14px 17px 8px}
    .plan-detail-row{min-height:54px;gap:8px}
    .plan-detail-row span{font-size:12px;gap:8px}
    .plan-detail-row strong{font-size:13px}
    .full-plan-card .plan-btn{margin-inline:17px;margin-bottom:17px;border-radius:12px;padding:13px 14px;font-size:13px}

    .about-grid,.mission-grid{grid-template-columns:1fr;gap:26px}
    .feature-grid,.service-grid,.steps-grid,.why-grid,.testimonial-grid,.contact-grid,.stats-grid,.trust-grid{grid-template-columns:1fr}
    .footer-top{grid-template-columns:1fr 1fr;gap:22px}
    .cta-content h2{font-size:31px;line-height:1.2}
    .cta-content p{font-size:14px}
}

@media (max-width:430px){
    .hero h1{font-size:34px}
    .section-title h2{font-size:26px}
    .plan-head{min-height:132px}
    .plan-roi-badge{width:82px;height:82px;flex-basis:82px}
    .plan-roi-badge strong{font-size:20px}
    .plan-detail-row span{font-size:11.5px}
    .plan-detail-row strong{font-size:12.5px}
    .footer-top{grid-template-columns:1fr}
}


/* ==========================================
M Tek Yellow + Black Visual Refinement
Support link + performance tweaks
========================================== */

:root{
    --primary:#FFD700;
    --primary-2:#FFB800;
    --bg:#070B13;
    --card:#101827;
    --text:#E7ECF5;
    --border:rgba(255,215,0,.14);
    --shadow:0 20px 55px rgba(0,0,0,.30);
}

/* Keep the website visually consistent: black/navy surfaces + yellow highlights. */
.header{
    background:rgba(7,11,19,.94);
}
.nav-menu li a:hover,
.nav-menu li a.active{
    color:var(--primary);
}
.feature-link{
    display:inline-flex;
    align-items:center;
    gap:8px;
    margin-top:16px;
    color:var(--primary);
    font-size:13px;
    font-weight:700;
}
.feature-link:hover{color:#fff;}

.contact-card a{
    color:var(--primary);
    font-weight:700;
}
.contact-card a:hover{color:#fff;}

/* Investment plan cards: premium yellow/black instead of teal/white. */
.full-plan-card{
    background:linear-gradient(180deg,#141c2a 0%,#0b111d 100%);
    color:#fff;
    border:1px solid rgba(255,215,0,.14);
    box-shadow:0 20px 48px rgba(0,0,0,.32);
}
.full-plan-card:hover{
    border-color:rgba(255,215,0,.55);
    box-shadow:0 28px 65px rgba(255,215,0,.10);
}
.full-plan-card .plan-head,
.full-plan-card:nth-child(2) .plan-head,
.full-plan-card:nth-child(3) .plan-head{
    background:linear-gradient(135deg,#121A28,#080C14);
    border-bottom:1px solid rgba(255,215,0,.14);
}
.full-plan-card .plan-tag{
    color:var(--primary);
}
.full-plan-card h3{
    color:#fff;
}
.plan-roi-badge{
    border-color:rgba(255,215,0,.42);
    background:rgba(255,215,0,.05);
}
.plan-roi-badge strong{
    color:var(--primary);
}
.plan-roi-badge span{
    color:#dfe5ee;
}
.plan-details{
    background:transparent;
}
.plan-detail-row{
    border-bottom-color:rgba(255,255,255,.065);
}
.plan-detail-row span{
    color:#9aa6b8;
}
.plan-detail-row i{
    color:var(--primary);
}
.plan-detail-row strong{
    color:#fff;
}
.plan-detail-row.positive strong{
    color:var(--primary);
}
.full-plan-card .plan-btn{
    background:linear-gradient(135deg,#FFD700,#FFB800);
    color:#101010;
    box-shadow:0 12px 24px rgba(255,215,0,.17);
}
.full-plan-card .plan-btn:hover{
    background:linear-gradient(135deg,#FFE34C,#FFC21A);
    color:#070B13;
}

/* Mobile: prevent plan details from becoming cramped. */
@media (max-width:680px){
    .full-plan-card .plan-head{
        min-height:140px;
        padding:20px 17px;
    }
    .full-plan-card .plan-details{
        padding:12px 15px 7px;
    }
    .full-plan-card .plan-detail-row{
        min-height:53px;
    }
    .full-plan-card .plan-detail-row span{
        font-size:11.5px;
    }
    .full-plan-card .plan-detail-row strong{
        font-size:12.5px;
    }
    .full-plan-card .plan-btn{
        margin-inline:15px;
        margin-bottom:15px;
    }
}

/* Reduce unnecessary compositing on low-power devices. */
.header{backdrop-filter:blur(10px);}
.hero-right img{will-change:transform;}

/* =========================================================
   M TEK SUPPORT CONTACT GRID — DEFINITIVE DESKTOP FIX
   The HTML uses: <section class="contact" id="contact">
   Four cards must be one row on wide screens.
   ========================================================= */
.contact#contact .contact-grid {
    display: grid !important;
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: 24px !important;
    width: 100% !important;
    margin-top: 48px !important;
    align-items: stretch !important;
}

.contact#contact .contact-card {
    min-width: 0 !important;
    width: 100% !important;
    margin: 0 !important;
}

/* Keep four in one row on desktops, including large notebook widths. */
@media (min-width: 1200px) {
    .contact#contact .contact-grid {
        grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    }
}

/* Tablet: two columns. */
@media (min-width: 681px) and (max-width: 1199px) {
    .contact#contact .contact-grid {
        grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }
}

/* Mobile: single column, optimized for narrow screens. */
@media (max-width: 680px) {
    .contact#contact .contact-grid {
        grid-template-columns: 1fr !important;
        gap: 14px !important;
        margin-top: 30px !important;
    }
}

/* =========================================================
   AI EARNING / MARKET INTELLIGENCE SECTION
   ========================================================= */
.ai-earning-section{padding:92px 0 88px;background:linear-gradient(180deg,#090e18 0%,#0b1220 50%,#0a0f18 100%);position:relative;overflow:hidden}
.ai-earning-section:before{content:"";position:absolute;inset:auto -15% 32% auto;width:520px;height:520px;border-radius:50%;background:radial-gradient(circle,rgba(255,215,0,.09),transparent 65%);pointer-events:none}
.section-heading.ai-heading{text-align:center;max-width:900px;margin:0 auto 44px}
.ai-heading h2{font-size:clamp(30px,4vw,50px);line-height:1.15;margin:14px auto 14px;color:#fff}
.ai-lead{max-width:820px;margin:0 auto;color:#aeb9cc;line-height:1.85;font-size:15px}
.section-badge{display:inline-flex;align-items:center;justify-content:center;border:1px solid rgba(255,215,0,.35);background:rgba(255,215,0,.08);color:#ffd700;border-radius:999px;padding:7px 13px;font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}
.ai-intro-grid{display:grid;grid-template-columns:minmax(0,2fr) minmax(280px,1fr);gap:18px;margin-bottom:18px}
.ai-panel,.ai-future-card,.ai-step{border:1px solid rgba(255,255,255,.08);background:linear-gradient(150deg,rgba(20,27,45,.97),rgba(10,16,28,.97));border-radius:22px;box-shadow:0 18px 50px rgba(0,0,0,.22)}
.ai-panel{padding:28px}
.ai-panel-main .ai-icon{width:52px;height:52px;display:grid;place-items:center;border-radius:16px;background:rgba(255,215,0,.10);color:#ffd700;font-size:23px;margin-bottom:18px}
.ai-panel h3,.ai-future-card h3{font-size:23px;color:#fff;margin:0 0 12px;font-weight:750}
.ai-panel p,.ai-future-card p,.ai-faq p{color:#9facbf;font-size:13px;line-height:1.8;margin:0 0 10px}
.ai-panel-highlight{display:flex;flex-direction:column;justify-content:center;border-color:rgba(255,215,0,.22);background:linear-gradient(145deg,rgba(32,29,20,.98),rgba(17,20,28,.98))}
.ai-mini-label{font-size:10px;letter-spacing:.13em;color:#ffd700;font-weight:800}
.ai-panel-highlight strong{font-size:25px;line-height:1.3;color:#fff;margin:13px 0}
.ai-panel-highlight p{margin:0}
.ai-flow-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:14px;margin:18px 0}
.ai-step{padding:23px;min-height:220px;position:relative}
.ai-step span{display:inline-flex;width:30px;height:30px;border-radius:9px;align-items:center;justify-content:center;background:rgba(255,215,0,.10);color:#ffd700;font-size:10px;font-weight:800}
.ai-step i{display:block;color:#ffd700;font-size:21px;margin:28px 0 15px}
.ai-step h3{font-size:17px;margin:0 0 8px;color:#fff}
.ai-step p{color:#8f9bb0;font-size:12px;line-height:1.7;margin:0}
.ai-future-grid{display:grid;grid-template-columns:1.35fr 1fr;gap:18px;margin-top:18px}
.ai-future-card{padding:30px}
.ai-trust-list{display:grid;gap:14px;margin-top:12px}
.ai-trust-list>div{display:flex;gap:12px;align-items:flex-start;padding:12px;border:1px solid rgba(255,255,255,.06);border-radius:14px;background:rgba(255,255,255,.02)}
.ai-trust-list i{color:#ffd700;font-size:16px;margin-top:3px}
.ai-trust-list b{display:block;color:#fff;font-size:13px;margin-bottom:3px}
.ai-trust-list small{display:block;color:#8390a5;line-height:1.55;font-size:10px}
.ai-disclaimer{display:flex;gap:12px;align-items:flex-start;margin-top:18px;padding:17px 18px;border-left:3px solid #ffd700;border-radius:14px;background:rgba(255,215,0,.055)}
.ai-disclaimer i{color:#ffd700;margin-top:3px}
.ai-disclaimer p{margin:0;color:#9ba8ba;font-size:11px;line-height:1.75}
.ai-disclaimer strong{color:#f2f5f9}
.ai-faq{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px;margin-top:18px}
.ai-faq article{padding:22px;border-radius:18px;border:1px solid rgba(255,255,255,.07);background:rgba(255,255,255,.02)}
.ai-faq h3{font-size:14px;color:#fff;margin:0 0 9px}
.ai-faq p{font-size:11px;margin:0}

@media (max-width:1100px){
  .ai-flow-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:760px){
  .ai-earning-section{padding:65px 0 60px}
  .ai-intro-grid,.ai-future-grid,.ai-faq{grid-template-columns:1fr}
  .ai-panel,.ai-future-card{padding:22px}
}
@media (max-width:520px){
  .ai-flow-grid{grid-template-columns:1fr}
  .ai-heading h2{font-size:29px}
  .ai-lead{font-size:13px}
  .ai-step{min-height:0}
  .ai-panel-highlight strong{font-size:21px}
}