@import url("https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;700&family=Fraunces:opsz,wght@9..144,600;9..144,700&display=swap");
body{font-family:"DM Sans",sans-serif}.font-serif{font-family:Fraunces,serif}.blob{border-radius:999px;filter:blur(2px);opacity:.72}.book-card{display:flex;min-height:380px;flex-direction:column;align-items:center;justify-content:center;border:12px solid #fff;border-radius:32px;box-shadow:18px 20px 0 #fda4af}.section-tag{margin-bottom:.75rem;font-size:.75rem;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:#ef4444}.store-button{display:inline-flex;align-items:center;gap:.5rem;border-radius:9999px;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;color:#fff;transition:.2s;text-decoration:none;background-size:contain;background-repeat:no-repeat;background-position:center}.app-store-button{background:linear-gradient(135deg,#000,#1a1a1a);border:1px solid #333;box-shadow:0 4px 15px rgba(0,0,0,0.3)}.google-play-button{background:linear-gradient(135deg,#01875f,#00a86b);border:1px solid #00a86b;box-shadow:0 4px 15px rgba(0,135,95,0.3)}.store-button:hover{transform:translateY(-2px);filter:brightness(1.1)}.store-button svg{width:24px;height:24px}

.hero{position:relative;isolation:isolate;overflow:hidden;min-height:905px;background:#fffdf9}
/* 1) Geniş ekran: width:100vw + height:auto → viewport ile ORANTILI küçülür */
.hero-books-scene{position:absolute;z-index:0;top:0;right:0;bottom:0;left:29%;overflow:hidden;pointer-events:none}
.hero-books-scene img{position:absolute;top:0;left:-29vw;width:100vw;height:auto;max-width:none;display:block}
.hero-wash{position:absolute;inset:0;z-index:1;pointer-events:none;background:linear-gradient(90deg,#fffdf9 0%,rgba(255,253,249,.98) 28%,rgba(255,253,249,.72) 42%,rgba(255,253,249,.22) 55%,rgba(255,253,249,0) 72%)}
.hero-content{position:relative;z-index:2;max-width:1600px;min-height:905px}
.hero-copy{position:relative;z-index:2;max-width:700px;padding-top:0}
.hero-copy h1{color:#112846;letter-spacing:-.045em}
.hero-copy .section-tag{margin-bottom:1.75rem;font-size:.9rem;letter-spacing:.13em}
.hero-copy a{background:#ff3139;box-shadow:0 12px 24px rgba(255,49,57,.25);transition:transform .2s,background .2s}
.hero-copy a:hover{background:#e8212a;transform:translateY(-2px)}
.hero-digital{position:absolute;z-index:2;right:2.25%;bottom:13px;align-items:center;gap:1.25rem;width:428px;padding:1.5rem 2rem;border-radius:1.25rem;background:#fff1af;color:#06478c;box-shadow:0 12px 28px rgba(64,44,0,.12);text-decoration:none}
.hero-digital svg{width:54px;height:54px;flex:none}
.hero-digital strong{display:block;font-size:1.3rem;line-height:1.1}
.hero-digital small{display:block;margin-top:.35rem;font-size:.82rem}
.hero-arrow{margin-left:auto;display:grid;width:2.7rem;height:2.7rem;place-items:center;border-radius:999px;background:white;font-size:2.2rem;font-weight:400;line-height:1}
.hero-header{left:0;right:0;transform:none;z-index:10}
.hero-header nav{position:absolute;left:50%;transform:translateX(-54%)}

/* 2) Eşik altı: orantılı küçültmeyi durdur, sağa sabitle, soldan CROP — wash şekli değişmez */
@media (max-width:1023px){
  .hero{min-height:0}
  .hero-books-scene{left:0}
  .hero-books-scene img{left:auto;right:0;width:1023px;height:auto}
  .hero-content{min-height:0;padding-top:8.5rem;padding-bottom:3rem}
  .hero-copy{max-width:520px}
}
@media (max-width:767px){
  .hero{min-height:0}
  .hero-books-scene{left:0}
  .hero-books-scene img{left:auto;right:0;width:1023px;height:auto}
  .hero-content{min-height:0;align-items:flex-start;padding-top:7rem;padding-bottom:2.5rem}
  .hero-copy{max-width:100%;padding-top:0}
  .hero-copy h1{font-size:3.1rem}
  .hero-copy .section-tag{font-size:.73rem}
  .hero-copy p:not(.section-tag){max-width:30rem;font-size:1rem;line-height:1.7}
  .hero-header{padding-top:1.25rem}
  .hero-header>a{width:7.5rem}
}

.hero-orb{position:absolute;right:-9rem;top:-8rem;height:35rem;width:35rem;border-radius:9999px;opacity:.7}
.hero-cover{width:100%;max-width:280px;border-radius:1.5rem;box-shadow:0 20px 40px rgba(0,0,0,0.15)}
.book-shadow-1{box-shadow:15px 15px 35px rgba(0,0,0,0.2)}.book-shadow-2{box-shadow:10px 10px 25px rgba(0,0,0,0.15)}.book-shadow-3{box-shadow:20px 20px 40px rgba(0,0,0,0.25)}
.digital-mini{display:flex;min-height:11rem;flex-direction:column;justify-content:center;border-radius:1.5rem;background:#fef3c7;padding:1.5rem;font-size:1.5rem;color:#173e77;box-shadow:0 12px 28px #d9770626}.digital-mini span{font-size:3rem}
.phone{width:15rem;border:8px solid #dbeafe;border-radius:2.2rem;background:#0f2f60;padding:.6rem;box-shadow:0 20px 30px #0004}
.phone-screen{display:flex;min-height:20rem;flex-direction:column;align-items:center;justify-content:center;gap:.8rem;border-radius:1.55rem;background:linear-gradient(160deg,#fef3c7,#b9e6fd);color:#173e77;text-align:center;font-family:Fraunces,serif;font-size:2rem}
.phone-screen small{font-family:"DM Sans",sans-serif;font-size:.7rem;font-weight:700}
.benefit{border-radius:9999px;background:white;padding:.85rem 1.15rem;font-weight:700;box-shadow:0 3px 10px #b78d3326}
.amazon-button{display:inline-flex;align-items:center;gap:.6rem;border-radius:9999px;background:#ffb000;padding:.85rem 1.35rem;font-size:1rem;font-weight:800;color:#111827}
.detail-button{display:inline-flex;align-items:center;border-radius:9999px;background:#ef4444;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;color:#fff;transition:.2s;text-decoration:none}.detail-button:hover{transform:translateY(-2px);background:#dc2626}
.qr-placeholder{width:100px;height:100px;border:2px dashed rgba(255,255,255,0.3);border-radius:8px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:rgba(255,255,255,0.05);padding:8px}
.chat-widget{position:fixed;bottom:20px;right:20px;z-index:1000}
.chat-button{width:60px;height:60px;border-radius:50%;background:#ef4444;border:none;box-shadow:0 4px 20px rgba(239,68,68,0.4);cursor:pointer;display:flex;align-items:center;justify-content:center;transition:transform .2s}.chat-button:hover{transform:scale(1.1)}.chat-button svg{width:30px;height:30px;color:#fff}
.chat-tooltip{position:absolute;bottom:70px;right:0;background:#1e293b;color:#fff;padding:12px 16px;border-radius:12px;font-size:14px;box-shadow:0 4px 20px rgba(0,0,0,0.2);white-space:nowrap;opacity:0;transition:opacity .2s}.chat-widget:hover .chat-tooltip{opacity:1}