@import url('https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700;800;900&display=swap');
:root{--blue:#3367ff;--purple:#8b39ff;--ink:#111a2e;--muted:#566177}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;background:#fff;color:var(--ink);font-family:Inter,Arial,sans-serif;font-size:14px}a{text-decoration:none;color:inherit}.container{width:min(1190px,94%);margin:auto}.topbar{background:#fff;box-shadow:0 2px 9px #16234418;position:relative;z-index:5}.header-inner{display:flex;align-items:center;gap:28px;height:70px}.logo{display:flex;align-items:center;gap:9px;font-size:23px;font-weight:900;letter-spacing:-1px;white-space:nowrap}.logo-symbol{color:#4862ff;font-size:28px}.logo span{color:#3276ff}.logo small{display:block;letter-spacing:8px;font-size:9px;text-align:center;margin-top:-5px;color:#17213e}nav{display:flex;align-items:center;gap:20px;margin-left:auto}nav a{font-size:12px;font-weight:700;white-space:nowrap}nav a:hover{color:#5865ff}.top-cta,.btn{display:inline-flex;align-items:center;justify-content:center;border:0;border-radius:7px;color:#fff;font-weight:800;background:linear-gradient(105deg,#1e6af8,#9838f9);box-shadow:0 5px 15px #6946ff27;padding:13px 20px;cursor:pointer}.top-cta{font-size:12px}.mobile-nav{display:none}.hero{background:radial-gradient(ellipse at 64% 22%,#075da9 0%,#062550 35%,#020e29 70%,#020819 100%);color:white;overflow:hidden}.hero-inner{position:relative;min-height:405px;display:flex;align-items:center}.hero-copy{position:relative;z-index:2;width:57%;padding:32px 0}.hero-photo{position:absolute;right:-5%;top:0;height:100%;width:59%;background-image:linear-gradient(90deg,#062550 0%,transparent 28%),url('/assets/images/hero-tv.jpg');background-size:cover;background-position:center center;mask-image:linear-gradient(90deg,transparent 0%,#000 25%)}.hero-label{display:inline-block;padding:6px 12px;border:1px solid #ffffff80;border-radius:30px;font-size:12px;font-weight:600}.hero h1{font-size:clamp(35px,4vw,57px);line-height:1.11;letter-spacing:-1.7px;margin:14px 0}.hero h1 strong{background:linear-gradient(90deg,#1da8fc,#b65aff);background-clip:text;-webkit-background-clip:text;color:transparent}.hero p{line-height:1.75;font-size:16px;max-width:540px}.hero-stats{display:flex;gap:22px;margin:23px 0}.hero-stats div{font-size:10px;text-align:center;font-weight:600;min-width:76px}.hero-stats b{display:block;font-size:12px;margin-top:7px}.stat-icon{display:grid;place-items:center;font-size:26px;width:47px;height:47px;margin:auto;border-radius:12px;background:linear-gradient(135deg,#00b6bd,#1466ff);box-shadow:0 5px 20px #001a5788}.hero-stats div:nth-child(2) .stat-icon{background:linear-gradient(135deg,#8547ff,#d132f8)}.hero-stats div:nth-child(3) .stat-icon{background:#06a85e}.hero-stats div:nth-child(4) .stat-icon{background:#126cf7}.hero-stats div:nth-child(5) .stat-icon{background:#ff9917}.outline{border:1px solid #f4f5ff;border-radius:7px;padding:12px 20px;font-weight:750;display:inline-flex;margin-left:12px}.features{display:grid;grid-template-columns:repeat(5,1fr);gap:12px;margin:19px auto 26px}.feature{padding:16px 13px;border-radius:12px;display:flex;align-items:center;color:white;gap:12px;min-height:73px;background:linear-gradient(115deg,#783afa,#ac21e7)}.feature:nth-child(2){background:linear-gradient(115deg,#2c53d9,#0e9efa)}.feature:nth-child(3){background:linear-gradient(115deg,#02aa54,#00ba80)}.feature:nth-child(4){background:linear-gradient(115deg,#ff7400,#ffa424)}.feature:nth-child(5){background:linear-gradient(115deg,#da1c38,#f04a46)}.feature i{font-style:normal;font-size:26px}.feature b{display:block;font-size:12px}.feature small{font-size:10px}.eyebrow{text-align:center;color:#7654c6;font-size:10px;letter-spacing:1.4px;font-weight:800}h2.section-title{font-size:29px;text-align:center;letter-spacing:-1px;margin:6px 0 2px}.subheading{text-align:center;color:#637187;margin:0 0 22px;font-size:13px}.package-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.package{border:1px solid #e6eaf4;border-radius:12px;box-shadow:0 2px 8px #12204c0e;display:flex;min-height:218px;overflow:hidden}.package-info{width:62%;padding:13px 10px 13px 14px;display:flex;flex-direction:column;align-items:flex-start}.package-info h3{font-size:13px;margin:0 0 8px;white-space:nowrap;letter-spacing:-.4px}.package-info ul{padding:0;list-style:none;margin:0;font-size:10.5px;line-height:1.8}.package-info li:before{content:'✓';color:#04ab55;font-weight:900;margin-right:5px}.package-info strong{font-size:14px;margin-top:auto;margin-bottom:7px}.package .btn{padding:9px 9px;font-size:10px;width:100%}.package img{width:38%;object-fit:cover;object-position:center}.why{padding:22px 0 20px}.why h2{text-align:center;margin:0;font-size:26px}.why h2 span{color:#316bff}.why>p{text-align:center;font-size:12px;color:#65718a;margin:4px 0 20px}.reason-row{display:grid;grid-template-columns:repeat(6,1fr);gap:12px}.reason{display:flex;align-items:center;gap:9px;font-size:10px}.reason i{font-style:normal;font-size:22px;border-radius:50%;padding:9px;background:#edf2ff}.reason b{display:block;font-size:10px}.reason small{color:#68738c}.blogpanel{border:1px solid #e9eaf2;border-radius:12px;padding:17px;margin-bottom:45px;box-shadow:0 2px 12px #00000010}.blogtop{display:flex;justify-content:space-between;align-items:center;margin-bottom:13px}.blogtop .eyebrow{text-align:left}.blogtop h2{margin:2px 0;font-size:21px}.blogtop p{margin:0;font-size:12px;color:#536079}.blog-grid{display:grid;grid-template-columns:repeat(6,1fr);gap:13px}.blog-card img{width:100%;height:94px;object-fit:cover;border-radius:7px}.blog-card h3{font-size:11.5px;line-height:1.4;margin:5px 0}.blog-card small{color:#78839a;font-size:10px}.section-footer{margin:25px auto;text-align:center}.footer{border-top:1px solid #edf0f8;background:#f7f9fd;padding:25px 0;color:#566379}.footer a{color:#2858d7}.support-hint{font-size:11px;text-align:center;color:#687189;margin:15px}.btn:hover,.top-cta:hover{filter:brightness(1.08)}@media(max-width:960px){nav{gap:9px}nav a{font-size:10px}.header-inner{gap:9px}.features{grid-template-columns:repeat(3,1fr)}.package-grid{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(3,1fr)}.reason-row{grid-template-columns:repeat(3,1fr)}}@media(max-width:640px){.header-inner{height:auto;min-height:65px;flex-wrap:wrap;padding:9px 0}.mobile-nav{display:block;margin-left:auto}.top-cta{display:none}nav{display:flex;order:3;width:100%;overflow:auto;padding:8px 0;gap:18px}.hero-inner{min-height:525px;align-items:flex-start}.hero-copy{width:100%;padding:35px 0 28px}.hero-photo{top:auto;bottom:0;height:46%;width:100%;right:0;opacity:.45;mask-image:linear-gradient(180deg,transparent,#000 40%)}.hero h1{font-size:36px}.hero p{font-size:13px}.hero-stats{gap:6px;justify-content:space-between}.hero-stats div{min-width:auto;font-size:8px}.stat-icon{width:39px;height:39px;font-size:21px}.features{grid-template-columns:repeat(2,1fr)}.feature{min-height:70px}.package-grid{grid-template-columns:1fr}.package{min-height:220px}.package-info{width:64%}.package img{width:36%}.reason-row{grid-template-columns:repeat(2,1fr)}.blog-grid{grid-template-columns:repeat(2,1fr)}.blogtop .btn{font-size:10px;padding:8px}.blogtop h2{font-size:17px}.blog-card img{height:100px}}

/* Beş abonelik paketi ve bayilik kartı */
@media(min-width:1100px){.package-grid{grid-template-columns:repeat(3,minmax(0,1fr));}}