/* ===== home.css ===== */
.hero-home{padding:96px 0 72px}
.hero-home .hero-title{font-size:clamp(2.6rem,6vw,4.2rem)}
.hero-home .hero-sub{font-size:1.125rem;max-width:580px}
.hero-cta{display:flex;align-items:center;justify-content:center;gap:12px;margin-top:36px;flex-wrap:wrap}
.btn-primary{display:inline-flex;align-items:center;gap:9px;height:52px;padding:0 28px;background:linear-gradient(135deg,var(--p),var(--pd));color:#fff;border-radius:var(--rp);font-size:.9375rem;font-weight:700;box-shadow:0 6px 20px rgba(108,99,255,.40);transition:all var(--tm) var(--ez);position:relative;overflow:hidden}
.btn-primary::before{content:'';position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.12),transparent 60%)}
.btn-primary:hover{transform:translateY(-2px);box-shadow:0 10px 28px rgba(108,99,255,.50)}
.btn-secondary{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 24px;background:var(--sf);color:var(--tx2);border-radius:var(--rp);font-size:.9375rem;font-weight:600;border:1.5px solid var(--br);transition:all var(--tm)}
.btn-secondary:hover{border-color:var(--p);color:var(--p);background:var(--pl)}
.hero-stats{display:flex;align-items:center;justify-content:center;gap:32px;margin-top:52px;padding-top:36px;border-top:1px solid var(--br);flex-wrap:wrap}
.hs-num{font-size:1.75rem;font-weight:800;font-family:var(--mo);color:var(--p);letter-spacing:-.04em;line-height:1;margin-bottom:4px}
.hs-lbl{font-size:.8125rem;color:var(--tx3);font-weight:500}
.hs-div{width:1px;height:40px;background:var(--br)}
/* Sections */
.sec-header{text-align:center;margin-bottom:48px}
.sec-eyebrow{display:inline-flex;align-items:center;gap:6px;font-size:.75rem;font-weight:700;text-transform:uppercase;letter-spacing:.08em;color:var(--p);background:var(--pl);padding:5px 12px;border-radius:var(--rp);border:1px solid var(--br2);margin-bottom:14px}
.sec-title{font-size:clamp(1.6rem,3.5vw,2.4rem);font-weight:800;letter-spacing:-.04em;line-height:1.15;margin-bottom:14px}
.sec-desc{font-size:1rem;color:var(--tx2);max-width:500px;margin:0 auto;line-height:1.65}
/* Categories */
.cats-sec{padding:80px 0}
.cats-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px}
.cat-card{background:var(--sf);border-radius:var(--rxl);border:1px solid var(--br);padding:28px;transition:all var(--tm) var(--ez);position:relative;overflow:hidden;display:flex;flex-direction:column}
.cat-card::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;border-radius:var(--rxl) var(--rxl) 0 0}
.cat-card.ticaret::before{background:linear-gradient(90deg,#6C63FF,#4ECDC4)}
.cat-card.kredi::before{background:linear-gradient(90deg,#F97316,#FBBF24)}
.cat-card.coming::before{background:linear-gradient(90deg,#C8C5E8,#E8E6FF)}
.cat-card:hover{transform:translateY(-4px);box-shadow:var(--sx);border-color:transparent}
.cat-head{display:flex;align-items:flex-start;justify-content:space-between;margin-bottom:20px;gap:12px}
.cat-icon{width:52px;height:52px;border-radius:var(--rmd);display:flex;align-items:center;justify-content:center;font-size:1.5rem;flex-shrink:0}
.ticaret .cat-icon{background:linear-gradient(135deg,#EEEEFF,#dddcff)}
.kredi .cat-icon{background:linear-gradient(135deg,#FFF0E6,#FFE0C0)}
.coming .cat-icon{background:var(--bg)}
.cat-badge{font-size:.6875rem;font-weight:700;text-transform:uppercase;letter-spacing:.06em;padding:4px 10px;border-radius:var(--rp)}
.cat-badge.on{background:var(--gl);color:var(--gn);border:1px solid rgba(34,197,94,.2)}
.cat-badge.soon{background:var(--bg);color:var(--tx3);border:1px solid var(--br)}
.cat-name{font-size:1.125rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.cat-desc{font-size:.875rem;color:var(--tx2);line-height:1.6;margin-bottom:20px;flex:1}
.cat-tools{display:flex;flex-direction:column;gap:6px;margin-bottom:22px}
.cat-tool{display:flex;align-items:center;justify-content:space-between;padding:10px 14px;border-radius:var(--rmd);background:var(--bg);border:1px solid var(--br);transition:all var(--tf)}
.cat-tool:hover{background:var(--pl);border-color:var(--br2)}
.cat-tool.dis{opacity:.5;cursor:not-allowed;pointer-events:none}
.ct-name{font-size:.875rem;font-weight:500;color:var(--tx)}
.ct-arr{color:var(--tx3);transition:transform var(--tf)}
.cat-tool:hover .ct-arr{transform:translateX(3px);color:var(--p)}
.cat-btn{display:flex;align-items:center;justify-content:center;gap:8px;height:44px;border-radius:var(--rmd);font-size:.875rem;font-weight:600;transition:all var(--tf)}
.cat-btn.pri{background:var(--pl);color:var(--p);border:1px solid var(--br2)}
.cat-btn.pri:hover{background:var(--p);color:#fff}
.cat-btn.dis-btn{background:var(--bg);color:var(--tx3);border:1px solid var(--br);cursor:not-allowed}
/* Features */
.feat-sec{padding:80px 0;background:var(--sf);border-top:1px solid var(--br);border-bottom:1px solid var(--br)}
.feat-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:32px}
.feat-item{text-align:center}
.feat-icon{width:56px;height:56px;border-radius:var(--rlg);background:var(--pl);display:flex;align-items:center;justify-content:center;margin:0 auto 16px;font-size:1.375rem;border:1px solid var(--br2)}
.feat-ttl{font-size:1rem;font-weight:700;letter-spacing:-.02em;margin-bottom:8px}
.feat-desc{font-size:.875rem;color:var(--tx2);line-height:1.6}
/* Popular */
.pop-sec{padding:80px 0}
.pop-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}
.pop-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--sf);border-radius:var(--rlg);border:1px solid var(--br);transition:all var(--tm)}
.pop-card:hover{border-color:var(--p);box-shadow:var(--sm);transform:translateY(-2px)}
.pop-ico{width:40px;height:40px;border-radius:var(--rsm);display:flex;align-items:center;justify-content:center;font-size:1.125rem;flex-shrink:0;background:var(--pl)}
.pop-name{font-size:.875rem;font-weight:600;color:var(--tx);margin-bottom:2px}
.pop-cat{font-size:.75rem;color:var(--tx3)}
.pop-arr{margin-left:auto;color:var(--mu);transition:all var(--tf)}
.pop-card:hover .pop-arr{color:var(--p);transform:translateX(3px)}
/* CTA Section */
.cta-sec{padding:80px 0}
.cta-box{background:linear-gradient(135deg,var(--p) 0%,var(--pd) 50%,#4B43D4 100%);border-radius:var(--rxl);padding:64px 48px;text-align:center;position:relative;overflow:hidden}
.cta-box::before{content:'';position:absolute;inset:0;background:url("data:image/svg+xml,%3Csvg width='60' height='60' viewBox='0 0 60 60' xmlns='http://www.w3.org/2000/svg'%3E%3Cg fill='none' fill-rule='evenodd'%3E%3Cg fill='%23ffffff' fill-opacity='0.04'%3E%3Ccircle cx='30' cy='30' r='4'/%3E%3C/g%3E%3C/g%3E%3C/svg%3E")}
.cta-box h2{font-size:clamp(1.6rem,4vw,2.4rem);font-weight:800;color:#fff;letter-spacing:-.04em;margin-bottom:16px;position:relative}
.cta-box p{font-size:1.0625rem;color:rgba(255,255,255,.8);max-width:480px;margin:0 auto 36px;position:relative;line-height:1.65}
.cta-box .btn-white{display:inline-flex;align-items:center;gap:8px;height:52px;padding:0 28px;background:#fff;color:var(--p);border-radius:var(--rp);font-size:.9375rem;font-weight:700;transition:all var(--tm);position:relative}
.cta-box .btn-white:hover{transform:translateY(-2px);box-shadow:0 8px 24px rgba(0,0,0,.2)}
@media(max-width:768px){.hero-home{padding:48px 0 32px}.cats-sec,.feat-sec,.pop-sec,.cta-sec{padding:48px 0}.hero-stats{gap:16px;margin-top:36px;padding-top:28px}.hs-div{display:none}.cta-box{padding:36px 20px}.cta-box h2{font-size:1.5rem}.cta-box p{font-size:.9375rem}.sec-title{font-size:1.5rem}.sec-desc{font-size:.9375rem}.feat-grid{gap:24px}.pop-grid{grid-template-columns:1fr 1fr;gap:10px}.pop-card{padding:12px 14px;gap:10px}.pop-ico{width:36px;height:36px;font-size:1rem}}
@media(max-width:480px){.hero-cta{flex-direction:column;align-items:stretch}.btn-primary,.btn-secondary{justify-content:center;height:48px}.cats-grid{grid-template-columns:1fr}.cat-card{padding:20px 16px}.hs-num{font-size:1.4rem}.pop-grid{grid-template-columns:1fr}.feat-grid{grid-template-columns:1fr 1fr}}
