:root{--bg-main:#23263B;--bg-card:#2E335C;--bg-card-hover:#3A3F72;--accent:#8B8DFF;--text:#F1F2FF;--muted:#C6C8E0;--radius:14px;}

/* ================= GLOBAL ================= */
body{margin:0;background:var(--bg-main);color:var(--text);font-family:"Inter",sans-serif;line-height:1.6;overflow-x:hidden;}
section{background:linear-gradient(180deg,#2A2E47 0%,#23263B 100%);padding:80px 0;}
section::before,section::after{display:none!important;}

/* ================= CONTAINER ================= */
.cly-container{width:92%;max-width:1200px;margin:0 auto;}

/* ================= TITLES ================= */
.cly-section-title{font-size:28px;font-weight:800;margin-bottom:32px;color:#fff;position:relative;}
.cly-section-title::after{content:"";position:absolute;left:0;bottom:-10px;width:56px;height:3px;background:var(--accent);border-radius:3px;}

/* ================= GRIDS ================= */
.cly-explore-grid,.cly-builtfor-grid,.cly-process-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(260px,1fr));gap:26px;margin-top:40px;}
.cly-why-grid,.cly-review-scroll{display:flex;gap:26px;overflow-x:auto;padding-bottom:18px;scroll-snap-type:x mandatory;}

/* ================= MODERN SCROLLBAR ================= */
.cly-why-grid::-webkit-scrollbar,.cly-review-scroll::-webkit-scrollbar,.cly-faq-list::-webkit-scrollbar{height:6px;}
.cly-why-grid::-webkit-scrollbar-track,.cly-review-scroll::-webkit-scrollbar-track,.cly-faq-list::-webkit-scrollbar-track{background:#1F2235;}
.cly-why-grid::-webkit-scrollbar-thumb,.cly-review-scroll::-webkit-scrollbar-thumb,.cly-faq-list::-webkit-scrollbar-thumb{background:var(--accent);border-radius:10px;}

/* ================= CARDS ================= */
.cly-hover,.cly-why-card,.cly-builtfor-card,.cly-review-card,.cly-review-item,.cly-faq-item{background:linear-gradient(180deg,var(--bg-card),#262A4A);border-radius:var(--radius);padding:26px;transition:.25s ease;}
.cly-hover:hover,.cly-why-card:hover,.cly-builtfor-card:hover,.cly-review-card:hover,.cly-review-item:hover{background:linear-gradient(180deg,var(--bg-card-hover),var(--bg-card));transform:translateY(-4px);}
.cly-why-card,.cly-review-card{flex:0 0 300px;scroll-snap-align:start;}

/* ================= TEXT ================= */
h3{color:#fff;font-size:18px;margin-bottom:10px;}
p{color:var(--muted);font-size:15px;}

/* ================= REVIEW IMAGES ================= */
.cly-review-img{width:100%;display:block;border-radius:10px;margin-bottom:14px;}

/* UKLANJANJE STRELICA */
.cly-arrow-box,.cly-arrow,.cly-review-arrow-box,.cly-review-arrow{display:none!important;}

/* ================= CTA ================= */
.cly-cta{background:linear-gradient(180deg,#2E335C,#23263B);text-align:center;}
.cly-btn-light{display:inline-block;margin-top:20px;background:var(--accent);color:#1F2235;padding:14px 32px;border-radius:14px;font-weight:700;}

/* ================= FAQ SECTION ================= */
.cly-faq-wrap{width:100vw;margin-left:calc(50% - 50vw);background:linear-gradient(180deg,#2A2E47 0%,#23263B 100%);display:flex;justify-content:center;}
.cly-faq{width:100%;padding:100px 0;display:flex;justify-content:center;}
.cly-faq-inner{width:92%;max-width:820px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center;}
.cly-faq .cly-section-title{color:#fff;font-size:28px;font-weight:800;margin-bottom:40px;text-align:center;position:relative;}
.cly-faq .cly-section-title::after{content:"";position:absolute;bottom:-10px;left:50%;transform:translateX(-50%);width:56px;height:3px;background:#8B8DFF;border-radius:3px;}
.cly-faq-list{display:flex;flex-direction:column;gap:18px;width:100%;align-items:center;}
.cly-faq-item{background:linear-gradient(180deg,#30345A,#2B2F52);border-radius:14px;padding:18px 22px;transition:all .3s ease;width:100%;max-width:720px;}
.cly-faq-item:hover{background:linear-gradient(180deg,#3A3F72,#31355C);transform:translateY(-2px);}
.cly-faq-q{width:100%;background:none;border:none;color:#fff;font-size:17px;font-weight:700;text-align:left;cursor:pointer;display:flex;justify-content:space-between;align-items:center;padding:6px 0;transition:color .2s ease;}
.cly-faq-q::after{content:"+";font-size:20px;opacity:.85;transition:transform .25s ease;}
.cly-faq-item.open .cly-faq-q::after{content:"–";transform:rotate(180deg);}
.cly-faq-a{max-height:0;overflow:hidden;transition:max-height .35s ease;}
.cly-faq-item.open .cly-faq-a{max-height:400px;margin-top:10px;}
.cly-faq-a p{color:#C6C8E0;font-size:15px;line-height:1.6;margin:0;text-align:left;}

/* ================= MOBILE ================= */
@media(max-width:768px){
.cly-section-title,.cly-faq .cly-section-title{font-size:24px;}
.cly-why-card,.cly-review-card{flex:0 0 260px;}
.cly-faq-q{font-size:16px;}
}