/* Ana sayfa açılışı: 3D telefon vitrini (owner 2026-09-28). Metin katmanı HTML; sahne .sr-stage içindeki canvas. */
.wow{background:#07080a;color:#f3f1ec}
.sr{--sr-world:#7d8a9c;position:relative;height:clamp(620px,calc(100svh - 150px),900px);overflow:hidden;background:#07080a;touch-action:pan-y;user-select:none;-webkit-user-select:none;isolation:isolate}
.sr.is-drag{cursor:grabbing}
.sr-poster,.sr-stage{position:absolute;inset:0;width:100%;height:100%}
.sr-poster{object-fit:cover;transition:opacity .8s ease}
.sr.is-live .sr-poster{opacity:0}
.sr-stage canvas{display:block;width:100%;height:100%;cursor:grab}
.sr a{color:inherit;text-decoration:none}
.sr :focus-visible{outline:2px solid #fff;outline-offset:3px}
.sr-top{position:absolute;left:50%;top:clamp(14px,2.6vh,26px);transform:translateX(-50%);width:min(96vw,1100px);display:grid;justify-items:center;gap:12px;transition:opacity .5s;z-index:2}
.sr-tabs{display:flex;gap:6px;max-width:100%;overflow-x:auto;padding:4px;border-radius:999px;background:rgba(8,9,12,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid rgba(255,255,255,.12);scrollbar-width:none}
.sr-tabs::-webkit-scrollbar{display:none}
.sr-tab{flex:none;min-height:40px;padding:0 16px;border:0;border-radius:999px;background:none;color:rgba(243,241,236,.72);font:650 14px/1 inherit;cursor:pointer;white-space:nowrap;transition:background .25s,color .25s}
.sr-tab:hover{color:#fff}
.sr-tab[aria-current]{background:#f3f1ec;color:#0b0c0f}
.sr-pick select{min-height:46px;max-width:min(72vw,280px);padding:0 38px 0 18px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(8,9,12,.55) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='8'%3E%3Cpath d='M1 1l5 5 5-5' stroke='%23f3f1ec' stroke-width='1.6' fill='none'/%3E%3C/svg%3E") right 16px center no-repeat;-webkit-appearance:none;appearance:none;color:#f3f1ec;font:600 15px/1 inherit;cursor:pointer}
.sr-pick select option{color:#111}
.sr-sr{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}
.sr-n{font-style:normal}
.sr[data-state="detail"] .sr-top{opacity:0}
.sr-eyebrow{margin:0;font-size:12px;font-weight:700;letter-spacing:.2em;text-transform:uppercase;color:rgba(243,241,236,.72)}
.sr-eyebrow::before{content:"";display:inline-block;width:6px;height:6px;margin:0 10px 2px 0;border-radius:50%;background:var(--sr-world);box-shadow:0 0 12px var(--sr-world);transition:background .6s,box-shadow .6s}
.sr-hero{position:absolute;left:50%;bottom:clamp(48px,7vh,76px);transform:translateX(-50%);width:min(92vw,980px);display:grid;justify-items:center;gap:10px;text-align:center;pointer-events:none;transition:opacity .5s,transform .7s cubic-bezier(.2,.7,.2,1)}
.sr-hero a,.sr-hero button{pointer-events:auto}
.sr-name{margin:4px 0 0;font:900 clamp(44px,7.4vw,112px)/.9 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;letter-spacing:-.035em;text-shadow:0 12px 50px rgba(0,0,0,.55)}
.sr-line{margin:0;font:italic 400 clamp(17px,1.7vw,22px)/1.3 Georgia,"Times New Roman",serif;color:rgba(243,241,236,.7)}
.sr-actions{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}
.sr-btn{display:inline-flex;align-items:center;min-height:46px;padding:0 20px;border-radius:999px;border:1px solid rgba(255,255,255,.28);background:rgba(8,9,12,.45);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font:650 15px/1 inherit;color:#f3f1ec;cursor:pointer;transition:background .25s,border-color .25s,transform .25s}
.sr-btn:hover{border-color:#fff;transform:translateY(-1px)}
.sr .sr-btn--go{background:#f3f1ec;color:#0b0c0f;border-color:#f3f1ec}
.sr-btn--ghost{background:none}
.sr-index{position:absolute;left:clamp(16px,3vw,40px);bottom:clamp(20px,4vh,40px);display:flex;align-items:center;gap:12px;font-size:13px;letter-spacing:.14em;color:rgba(243,241,236,.55);font-variant-numeric:tabular-nums;transition:opacity .5s}
.sr-index b{font-size:30px;letter-spacing:0;color:#f3f1ec}
.sr-index span{width:44px;height:1px;background:rgba(243,241,236,.4)}
.sr-nav{position:absolute;top:44%;width:52px;height:52px;border-radius:50%;border:1px solid rgba(255,255,255,.22);background:rgba(8,9,12,.35);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#f3f1ec;font-size:28px;line-height:1;cursor:pointer;transition:opacity .5s,border-color .25s}
.sr-nav:hover{border-color:#fff}
.sr-prev{left:clamp(12px,3vw,40px)}.sr-next{right:clamp(12px,3vw,40px)}
.sr.is-static .sr-stage{display:none}
.sr[data-state="detail"] .sr-hero{opacity:0;transform:translate(-50%,24px);pointer-events:none}
.sr[data-state="detail"] .sr-hero *{pointer-events:none}
.sr[data-state="detail"] .sr-index,.sr[data-state="detail"] .sr-nav{opacity:0;pointer-events:none}
/* Detay: solda başlık ve metin, sağda bölgeler; telefon ortada-sağda büyür. */
.sr-detail{position:absolute;inset:0;pointer-events:none;animation:sr-in .7s .15s both cubic-bezier(.2,.7,.2,1)}
.sr[data-state="hero"] .sr-detail{animation:sr-out .45s both}
@keyframes sr-in{from{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}
@keyframes sr-out{to{opacity:0}}
.sr-detail>*{pointer-events:auto}
.sr-copy{position:absolute;left:clamp(20px,6vw,96px);top:50%;transform:translateY(-50%);width:min(30vw,420px);display:grid;gap:14px}
.sr-dtitle{margin:0;font:900 clamp(44px,5.6vw,84px)/.9 -apple-system,BlinkMacSystemFont,"SF Pro Display","Segoe UI",sans-serif;letter-spacing:-.03em;text-transform:uppercase}
.sr-dtext{margin:0;font-size:17px;line-height:1.6;color:rgba(243,241,236,.78)}
.sr-dfact{margin:0;font-size:14px;color:#f3f1ec;padding-left:12px;border-left:2px solid var(--sr-world)}
.sr-dlinks{display:flex;flex-wrap:wrap;align-items:center;gap:10px 18px;margin-top:4px}
.sr-link{min-height:44px;display:inline-flex;align-items:center;color:#f3f1ec;text-decoration:underline;text-underline-offset:4px}
.sr-areas{position:absolute;right:clamp(16px,4vw,64px);top:50%;transform:translateY(-50%);display:grid;gap:6px}
.sr-area{display:flex;align-items:center;gap:14px;min-height:52px;padding:0 20px 0 14px;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:rgba(8,9,12,.4);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:rgba(243,241,236,.7);font:650 16px/1 inherit;text-align:left;cursor:pointer;transition:color .3s,border-color .3s,background .3s}
.sr-area-n{font-size:11px;letter-spacing:.12em;color:rgba(243,241,236,.45);font-variant-numeric:tabular-nums}
.sr-area[aria-current]{color:#f3f1ec;border-color:var(--sr-world);background:rgba(8,9,12,.7);box-shadow:inset 3px 0 0 var(--sr-world)}
.sr-close{position:absolute;left:clamp(16px,3vw,40px);top:clamp(16px,3vh,32px);display:inline-flex;align-items:center;gap:10px;min-height:44px;padding:0 16px;border-radius:999px;border:1px solid rgba(255,255,255,.24);background:rgba(8,9,12,.45);color:#f3f1ec;font:600 14px/1 inherit;cursor:pointer}
.sr-close span{font-size:22px;line-height:1}

@media(max-width:760px){
 .sr{height:clamp(600px,calc(100svh - 150px),820px)}
 .sr-hero{bottom:62px;gap:8px}
 .sr-name{font-size:clamp(44px,14vw,72px)}
 .sr-nav{top:auto;bottom:clamp(250px,34vh,300px);width:44px;height:44px;font-size:24px}
 .sr-index{bottom:18px}.sr-index b{font-size:22px}.sr-index span{width:22px}
 .sr-detail::before{content:"";position:absolute;left:0;right:0;bottom:0;height:62%;background:linear-gradient(transparent,rgba(5,6,8,.82) 38%);pointer-events:none}
 .sr-copy{left:16px;right:16px;top:auto;bottom:18px;transform:none;width:auto;gap:10px}
 .sr-dtitle{font-size:clamp(34px,11vw,52px)}
 .sr-dtext{font-size:15px}
 .sr-areas{left:16px;right:16px;top:auto;bottom:calc(18px + var(--sr-copy-h,230px));transform:none;display:flex;overflow-x:auto;gap:6px;scrollbar-width:none}
 .sr-area{flex:none;min-height:44px;padding:0 14px 0 10px;font-size:14px}
}
@media(prefers-reduced-motion:reduce){.sr-hero,.sr-detail,.sr-poster{transition:none;animation:none}}
.chatFab{box-shadow:0 0 0 1px rgba(255,255,255,.38),0 18px 45px #0004}
.mobilebar{box-shadow:0 0 0 1px rgba(255,255,255,.28),0 15px 40px #0005}