/* =========================================
   ParamGo Component Styles
   Reusable across all pages
   ========================================= */

/* === SECTION HEADERS === */
.section-badge{display:inline-flex;align-items:center;gap:6px;padding:5px 14px;background:var(--emerald-s);border-radius:99px;font-size:11px;font-weight:600;color:var(--emerald-d);margin-bottom:14px;}
.section-title{font-family:'Plus Jakarta Sans';font-size:40px;font-weight:800;color:var(--dark);letter-spacing:-1.5px;line-height:1.15;margin-bottom:10px;}
.section-desc{font-size:16px;color:var(--label);max-width:560px;line-height:1.7;}
.section-header{text-align:center;margin-bottom:60px;}
.section-header .section-desc{margin:10px auto 0;}

/* === BUTTONS === */
.btn-primary{padding:14px 32px;background:linear-gradient(135deg,var(--emerald),var(--emerald-d));color:#fff;border-radius:10px;font-weight:700;font-size:16px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;box-shadow:0 4px 16px rgba(16,185,129,.25);transition:all .2s;}
.btn-primary:hover{box-shadow:0 8px 24px rgba(16,185,129,.35);transform:translateY(-2px);}
.btn-secondary{padding:14px 32px;background:#fff;color:var(--dark);border:1.5px solid var(--border);border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;}
.btn-secondary:hover{border-color:var(--emerald);color:var(--emerald);}
.btn-white{padding:14px 32px;background:#fff;color:var(--emerald-d);border-radius:10px;font-weight:700;font-size:16px;border:none;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;box-shadow:0 4px 16px rgba(0,0,0,.1);}
.btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.15);}
.btn-outline-white{padding:14px 32px;background:transparent;color:#fff;border:1.5px solid rgba(255,255,255,.4);border-radius:10px;font-weight:600;font-size:16px;cursor:pointer;display:inline-flex;align-items:center;gap:8px;transition:all .2s;}
.btn-outline-white:hover{background:rgba(255,255,255,.1);border-color:rgba(255,255,255,.7);}

/* === FEATURE CARDS — moved to home.css === */

/* === FAQ ITEMS === */
.faq-item{background:#fff;border:1px solid var(--border);border-radius:12px;overflow:hidden;transition:all .2s;}
.faq-item:hover{border-color:rgba(16,185,129,.3);}
.faq-q{padding:20px 24px;font-weight:700;font-size:15px;color:var(--dark);cursor:pointer;display:flex;justify-content:space-between;align-items:center;user-select:none;}
.faq-q::after{content:'+';font-size:22px;color:var(--emerald);font-weight:300;transition:transform .3s;}
.faq-item.open .faq-q::after{transform:rotate(45deg);}
.faq-a{max-height:0;overflow:hidden;transition:max-height .4s ease,padding .3s;}
.faq-item.open .faq-a{max-height:300px;padding:0 24px 20px;}
.faq-a p{font-size:14px;color:var(--label);line-height:1.7;}

/* === TESTIMONIAL CARDS — moved to home.css === */

/* === FORMS === */
.form-group{margin-bottom:16px;}
.form-label{display:block;font-size:13px;font-weight:600;color:var(--dark);margin-bottom:6px;}
.form-label .req{color:var(--danger);}
.form-input{
  width:100%;padding:11px 14px;border:1.5px solid var(--border);border-radius:10px;
  font-size:14px;font-family:'DM Sans',sans-serif;color:var(--dark);
  transition:border-color .2s,box-shadow .2s;outline:none;
}
.form-input:focus{border-color:var(--emerald);box-shadow:0 0 0 3px rgba(16,185,129,.1);}
.form-input::placeholder{color:var(--muted);}
textarea.form-input{resize:vertical;min-height:90px;}
.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px;}
.form-submit{
  width:100%;padding:14px;background:linear-gradient(135deg,var(--emerald),var(--emerald-d));
  color:#fff;border:none;border-radius:10px;font-weight:700;font-size:15px;
  font-family:'DM Sans',sans-serif;cursor:pointer;margin-top:8px;transition:all .2s;
  box-shadow:0 4px 12px rgba(16,185,129,.2);
}
.form-submit:hover{box-shadow:0 6px 20px rgba(16,185,129,.3);transform:translateY(-1px);}

/* === APP STORE BUTTONS === */
.app-store-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:#000;color:#fff;border-radius:8px;font-size:12px;transition:opacity .2s,transform .2s;}
.app-store-btn:hover{opacity:.85;transform:translateY(-1px);}
.app-btn-inner{display:flex;flex-direction:column;line-height:1.2;}
.app-btn-sub{font-size:9px;opacity:.7;font-weight:400;}
.app-btn-name{font-size:13px;font-weight:700;font-family:'Plus Jakarta Sans';}

/* === STATUS BADGES === */
.status-badge{display:inline-flex;align-items:center;gap:3px;padding:2px 7px;border-radius:99px;font-size:8px;font-weight:700;white-space:nowrap;}
.sb-green{background:var(--emerald-s);color:var(--emerald-d);}
.sb-blue{background:#EFF6FF;color:#1D4ED8;}
.sb-amber{background:#FFFBEB;color:#92400E;}
.sb-red{background:#FEF2F2;color:#B91C1C;}
.sb-purple{background:#F5F3FF;color:#6D28D9;}
.sb-gray{background:#F3F4F6;color:#374151;}

/* === CTA SECTION — Premium Fintech === */
.cta{padding:100px 0 80px;background:var(--section);text-align:center;position:relative;overflow:hidden;}
/* Background grid */
.cta-bg-grid{position:absolute;inset:0;z-index:0;pointer-events:none;
  background-image:linear-gradient(to right,rgba(16,185,129,.04) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,185,129,.04) 1px,transparent 1px);
  background-size:60px 60px;
  -webkit-mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(0,0,0,.6),transparent);
  mask-image:radial-gradient(ellipse 70% 60% at 50% 50%,rgba(0,0,0,.6),transparent);}
/* Ambient glows */
.cta-glow{position:absolute;border-radius:50%;pointer-events:none;z-index:0;filter:blur(80px);}
.cta-glow-1{width:500px;height:500px;top:-150px;left:-100px;background:rgba(16,185,129,.07);}
.cta-glow-2{width:400px;height:400px;bottom:-100px;right:-80px;background:rgba(14,165,233,.05);}
.cta-glow-3{width:300px;height:300px;top:50%;left:50%;transform:translate(-50%,-50%);background:rgba(16,185,129,.04);}
/* Glassmorphic card */
.cta-glass{position:relative;max-width:720px;margin:0 auto;padding:56px 48px;
  background:rgba(255,255,255,.65);
  backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);
  border:1px solid rgba(255,255,255,.8);
  border-radius:28px;
  box-shadow:0 8px 40px rgba(0,0,0,.04),0 1px 3px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9);
  overflow:hidden;}
.cta-glass:hover{box-shadow:0 12px 52px rgba(16,185,129,.08),0 1px 3px rgba(0,0,0,.06),inset 0 1px 0 rgba(255,255,255,.9);transition:box-shadow .4s ease;}
/* Inner grid */
.cta-inner-grid{position:absolute;inset:0;pointer-events:none;
  background-image:linear-gradient(to right,rgba(16,185,129,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(16,185,129,.03) 1px,transparent 1px);
  background-size:40px 40px;opacity:.7;}
/* Staggered reveal elements */
.cta-el{opacity:0;transform:translateY(28px);transition:opacity .6s cubic-bezier(.4,0,.2,1),transform .6s cubic-bezier(.4,0,.2,1);position:relative;z-index:2;}
.cta-el.cta-vis{opacity:1;transform:translateY(0);}
/* Badge */
.cta-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;background:var(--emerald-s);border:1px solid rgba(16,185,129,.2);border-radius:99px;font-size:12px;font-weight:600;color:var(--emerald-d);letter-spacing:.3px;margin-bottom:20px;}
.cta-badge svg{color:var(--emerald);}
/* Title */
.cta-title{font-family:'Plus Jakarta Sans';font-size:40px;font-weight:800;color:var(--dark);letter-spacing:-1.5px;line-height:1.15;margin:0 0 16px;}
.cta-highlight{background:linear-gradient(135deg,var(--emerald),var(--emerald-d));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;}
/* Subtitle */
.cta-subtitle{font-size:16px;color:var(--label);max-width:480px;margin:0 auto 32px;line-height:1.7;}
/* Buttons */
.cta-buttons{display:flex;gap:12px;justify-content:center;flex-wrap:wrap;margin-bottom:28px;}
.cta-btn-primary{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:linear-gradient(135deg,var(--emerald),var(--emerald-d));color:#fff;border-radius:12px;font-weight:700;font-size:15px;font-family:'DM Sans',sans-serif;border:none;cursor:pointer;transition:all .25s;
  box-shadow:0 4px 14px rgba(16,185,129,.25),inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(5,150,105,.8);}
.cta-btn-primary:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(16,185,129,.35),inset 0 1px 0 rgba(255,255,255,.2),0 1px 0 rgba(5,150,105,.8);}
.cta-btn-primary:active{transform:translateY(0) scale(.97);}
.cta-btn-primary svg{transition:transform .2s;}.cta-btn-primary:hover svg{transform:translateX(3px);}
.cta-btn-ghost{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:transparent;color:var(--body);border:1.5px solid var(--border);border-radius:12px;font-weight:600;font-size:15px;font-family:'DM Sans',sans-serif;cursor:pointer;transition:all .25s;}
.cta-btn-ghost:hover{border-color:var(--emerald);color:var(--emerald-d);background:var(--emerald-s);}
.cta-btn-ghost:active{transform:scale(.97);}
/* Store row */
.cta-store-row{display:flex;align-items:center;justify-content:center;gap:16px;margin-bottom:24px;flex-wrap:wrap;}
.cta-store-label{font-size:12px;color:var(--muted);font-weight:500;}
.cta-store-links{display:flex;gap:8px;}
.cta-store-btn{display:inline-flex;align-items:center;gap:8px;padding:8px 14px;background:var(--dark);color:#fff;border-radius:10px;font-size:12px;transition:all .25s;border:1px solid transparent;}
.cta-store-btn:hover{transform:translateY(-1px);box-shadow:0 4px 12px rgba(0,0,0,.15);}
.cta-store-inner{display:flex;flex-direction:column;line-height:1.2;}
.cta-store-sub{font-size:9px;opacity:.7;font-weight:400;}
.cta-store-name{font-size:13px;font-weight:700;font-family:'Plus Jakarta Sans';}
/* Trust badges */
.cta-trust{display:flex;gap:24px;justify-content:center;flex-wrap:wrap;}
.cta-trust-item{display:inline-flex;align-items:center;gap:6px;font-size:12px;color:var(--muted);font-weight:500;}
.cta-trust-item svg{flex-shrink:0;}

/* === BLOG CARDS === */
.blog-card{background:#fff;border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s;}
.blog-card:hover{box-shadow:0 8px 30px rgba(0,0,0,.07);transform:translateY(-4px);}
.blog-card-cover{height:180px;position:relative;overflow:hidden;}
.blog-card-cover-bg{width:100%;height:100%;display:flex;align-items:center;justify-content:center;}
.blog-cat-badge{position:absolute;top:16px;left:16px;padding:4px 12px;border-radius:99px;font-size:11px;font-weight:700;letter-spacing:.3px;}
.cat-finans{background:var(--emerald-s);color:var(--emerald-d);}
.cat-muhasebe{background:#EFF6FF;color:#1D4ED8;}
.cat-ipuclari{background:#FFF7ED;color:#C2410C;}
.cat-rehber{background:#F5F3FF;color:#6D28D9;}
.blog-card-body{padding:20px;}
.blog-card-title{font-family:'Plus Jakarta Sans';font-size:17px;font-weight:700;color:var(--dark);line-height:1.4;margin-bottom:8px;}
.blog-card-summary{font-size:13px;color:var(--label);line-height:1.6;margin-bottom:16px;}
.blog-card-footer{display:flex;align-items:center;justify-content:space-between;}
.blog-card-date{font-size:12px;color:var(--muted);}
.blog-read-link{font-size:13px;font-weight:600;color:var(--emerald);display:inline-flex;align-items:center;gap:4px;transition:gap .2s;}
.blog-read-link:hover{gap:8px;}

/* === BREADCRUMB === */
.breadcrumb{padding:84px 0 0;background:var(--bg);}
.breadcrumb-inner{display:flex;align-items:center;gap:8px;font-size:13px;color:var(--muted);margin-bottom:24px;}
.breadcrumb-inner a{color:var(--label);transition:color .2s;}
.breadcrumb-inner a:hover{color:var(--emerald);}
.breadcrumb-inner span{color:var(--dark);font-weight:600;}

/* === ENTERPRISE CARD === */
.ent-card{background:linear-gradient(165deg,#059669,#10B981,#34D399);border-radius:24px;padding:48px 40px;color:#fff;position:relative;overflow:hidden;}
.ent-card::before{content:'';position:absolute;top:-60px;right:-60px;width:200px;height:200px;border-radius:50%;background:rgba(255,255,255,.08);}
.ent-card::after{content:'';position:absolute;bottom:-40px;left:-40px;width:150px;height:150px;border-radius:50%;background:rgba(255,255,255,.05);}
.ent-card h3{font-family:'Plus Jakarta Sans';font-size:28px;font-weight:800;margin-bottom:12px;position:relative;z-index:1;}
.ent-card p{font-size:15px;opacity:.85;line-height:1.7;margin-bottom:28px;position:relative;z-index:1;}
.ent-card-btn{display:inline-flex;align-items:center;gap:8px;padding:14px 28px;background:#fff;color:var(--emerald-d);border-radius:10px;font-weight:700;font-size:14px;border:none;cursor:pointer;transition:all .2s;position:relative;z-index:1;font-family:'DM Sans';}
.ent-card-btn:hover{transform:translateY(-2px);box-shadow:0 8px 20px rgba(0,0,0,.15);}

/* === RESPONSIVE COMPONENTS === */
@media(max-width:768px){
  .section-title{font-size:28px;}
  .form-grid{grid-template-columns:1fr;}
  .cta-glass{padding:40px 24px;border-radius:20px;}
  .cta-title{font-size:28px;letter-spacing:-1px;}
  .cta-trust{gap:14px;}
  .cta-trust-item{font-size:11px;}
}