:root{
  --bg:#0b0708;
  --ink:#fbf6f6;
  --muted:#b9a7a8;
  --dim:#857375;
  --line:#ffffff14;
  --red:#e3121f;
  --red-deep:#9e0b17;
  --red-dark:#4a070d;
  --red-hot:#ff2d3b;
  --red-soft:#ff9aa1;
  --blue:#1f6fff;
  --blue-hot:#3d9bff;
  --blue-deep:#0a3cb8;
  --blue-ice:#9fd0ff;
  --font:"Segoe UI Variable Display","Segoe UI",ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Helvetica Neue",Arial,sans-serif;
}
*{box-sizing:border-box}
html{background:var(--bg)}
body{
  margin:0;
  min-height:100svh;
  background:var(--bg);
  color:var(--ink);
  font-family:var(--font);
  -webkit-font-smoothing:antialiased;
  text-rendering:optimizeLegibility;
}
a{color:inherit}
button{font:inherit}
a,button{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
a:focus-visible,button:focus-visible{outline:3px solid var(--red-soft);outline-offset:4px}
[hidden]{display:none!important}

.backdrop{position:fixed;inset:0;z-index:-1;overflow:hidden;pointer-events:none}
.glow{position:absolute;border-radius:50%;filter:blur(110px)}
.glow-one{width:760px;height:520px;left:50%;top:-300px;transform:translateX(-50%);background:#e3121f;opacity:.34}
.glow-two{width:520px;height:520px;right:-260px;bottom:-200px;background:#8a0a14;opacity:.28}
.grid{
  position:absolute;inset:0;
  background-image:linear-gradient(#ffffff08 1px,transparent 1px),linear-gradient(90deg,#ffffff08 1px,transparent 1px);
  background-size:56px 56px;
  mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);
  -webkit-mask-image:radial-gradient(ellipse 80% 60% at 50% 0%,#000 30%,transparent 75%);
}

.wrap{max-width:1040px;width:calc(100% - 48px);margin:auto}
.nav{height:88px;display:flex;align-items:center;justify-content:center;border-bottom:1px solid var(--line)}
.brand{display:flex;transition:transform .2s}
.brand:hover{transform:scale(1.03)}
.brand img{width:170px;height:auto;display:block;filter:drop-shadow(0 4px 16px #e3121f40)}
.nav-label{display:flex;align-items:center;gap:10px;padding:8px 14px;border:1px solid #ffffff1a;border-radius:999px;background:#ffffff08;font-size:10.5px;font-weight:700;letter-spacing:.16em;color:#dccbcc}
.live-dot{width:7px;height:7px;border-radius:50%;background:var(--red-hot);box-shadow:0 0 0 4px #ff2d3b26,0 0 14px #ff2d3b}

.hero{text-align:center;padding:58px 0 34px}
.eyebrow{display:inline-block;margin-bottom:20px;padding:7px 14px;border:1px solid #ff2d3b55;border-radius:999px;background:#e3121f1c;color:#ffb9be;font-size:12px;font-weight:700;letter-spacing:.06em}
h1{margin:0;font-size:clamp(36px,5.6vw,64px);line-height:1.04;letter-spacing:-.035em;font-weight:800}
h1 span{display:block;padding-bottom:.12em;color:var(--red-hot);background:linear-gradient(180deg,#ff4a56 0%,#e3121f 100%);-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent}
.hero-copy{max-width:34rem;margin:20px auto 0;color:var(--muted);font-size:16px;line-height:1.7}

/* Adım çubuğu */
.stepper{display:grid;grid-template-columns:minmax(0,1fr) 88px minmax(0,1fr);align-items:center;gap:0;max-width:760px;margin:0 auto 30px;padding:14px;border:1px solid #ffffff17;border-radius:22px;background:linear-gradient(180deg,#ffffff0b,#ffffff04);box-shadow:inset 0 1px 0 #ffffff12,0 20px 50px #00000059}
.step{flex:1;display:flex;align-items:center;gap:14px;min-width:0;padding:12px 16px;border-radius:15px;transition:background .3s,box-shadow .3s}
.step-num{position:relative;flex-shrink:0;display:grid;place-items:center;width:46px;height:46px;border-radius:50%;border:2px solid #ffffff2e;color:#fff;font-size:19px;font-weight:800;transition:background .3s,border-color .3s,box-shadow .3s}
.step-num b{font-weight:800}
.step-num svg{position:absolute;width:22px;height:22px;opacity:0;transform:scale(.6);transition:opacity .25s,transform .25s}
.step-text{display:flex;flex-direction:column;min-width:0}
.step-text small{font-size:10px;font-weight:750;letter-spacing:.18em;color:var(--dim)}
.step-text strong{font-size:22px;font-weight:800;letter-spacing:-.02em;line-height:1.2;color:#fff}
.step-text em{font-style:normal;font-size:13px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.step-bar{position:relative;height:2px;margin:0 12px;border-radius:2px;background:#ffffff1a}
.step-bar span{display:block;width:0;height:100%;border-radius:2px;background:linear-gradient(90deg,var(--red),var(--red-hot));transition:width .5s ease}
.step-bar::after{content:"";position:absolute;left:50%;top:50%;width:22px;height:22px;transform:translate(-50%,-50%);border-radius:50%;background:#151012 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%23ffffff99' stroke-width='2.6' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m10 7 5 5-5 5'/%3E%3C/svg%3E") center/14px no-repeat;box-shadow:0 0 0 1px #ffffff24;transition:box-shadow .3s,background-color .3s}
:is([data-stage=loading],[data-stage=ready],[data-stage=retry],[data-stage=done]) .step-bar::after{background-color:#1257e0;box-shadow:0 0 0 1px #3d9bff,0 0 14px #3d9bff88}
body:not([data-stage=start]) .step-support{background:#c7444d10;box-shadow:inset 0 0 0 1px #c7444d38}

/* Adım 1 aktif */
[data-stage=start] .step-support{background:linear-gradient(135deg,#e3121f,#a50c18);box-shadow:0 12px 30px #e3121f4d,inset 0 1px 0 #ffffff33}
[data-stage=start] .step-support .step-num{background:#fff;border-color:#fff;color:var(--red-deep)}
[data-stage=start] .step-support .step-text small,[data-stage=start] .step-support .step-text em{color:#ffe1e3}
[data-stage=start] .step-download{opacity:.6}
/* Adım 1 tamam */
body:not([data-stage=start]) .step-support .step-num{background:#c7444d;border-color:#c7444d;box-shadow:0 0 0 5px #c7444d22}
body:not([data-stage=start]) .step-support .step-num b{opacity:0}
body:not([data-stage=start]) .step-support .step-num svg{opacity:1;transform:scale(1)}
body:not([data-stage=start]) .step-support .step-text em{color:#e3a5aa}
[data-stage=waiting] .step-bar span,[data-stage=confirm] .step-bar span{width:50%}
:is([data-stage=loading],[data-stage=ready],[data-stage=retry],[data-stage=done]) .step-bar span{width:100%;background:linear-gradient(90deg,#c7444d,var(--blue-hot))}
/* Adım 2 bekliyor */
:is([data-stage=waiting],[data-stage=confirm]) .step-download{background:#ffffff0a;box-shadow:inset 0 0 0 1px #3d9bff66}
:is([data-stage=waiting],[data-stage=confirm]) .step-download .step-num{border-color:var(--blue-hot);background:#1f6fff26;animation:ring 1.6s ease-in-out infinite}
/* Adım 2 aktif: mavi */
:is([data-stage=loading],[data-stage=ready],[data-stage=retry]) .step-download{background:linear-gradient(135deg,#2a8bff,#0a3cb8);box-shadow:0 12px 34px #1f6fff66,inset 0 1px 0 #ffffff40;animation:blueGlow 2.2s ease-in-out infinite}
:is([data-stage=loading],[data-stage=ready],[data-stage=retry]) .step-download .step-num{background:#fff;border-color:#fff;color:var(--blue-deep)}
:is([data-stage=loading],[data-stage=ready],[data-stage=retry]) .step-download .step-text :is(small,em){color:#d8ebff}
[data-stage=done] .step-download .step-num{background:var(--blue);border-color:var(--blue);box-shadow:0 0 0 5px #1f6fff2e}
[data-stage=done] .step-download .step-num b{opacity:0}
[data-stage=done] .step-download .step-num svg{opacity:1;transform:scale(1)}
@keyframes ring{0%,100%{box-shadow:0 0 0 0 #3d9bff77}50%{box-shadow:0 0 0 8px #3d9bff00}}
@keyframes blueGlow{0%,100%{box-shadow:0 12px 30px #1f6fff4d,inset 0 1px 0 #ffffff40}50%{box-shadow:0 14px 44px #3d9bff99,inset 0 1px 0 #ffffff55}}

/* Kartlar */
.action-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px}
.action-card{position:relative;display:flex;flex-direction:column;align-items:flex-start;isolation:isolate;overflow:hidden;min-height:300px;padding:26px;border:1px solid #ffffff17;border-radius:22px;text-decoration:none;text-align:left;cursor:pointer;color:var(--ink);transition:transform .2s,border-color .2s,box-shadow .25s,background .3s}
.action-card:hover:not(:disabled){transform:translateY(-3px)}
.card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;width:100%;margin-bottom:22px}
.card-step{font-size:12px;font-weight:800;letter-spacing:.14em;text-transform:uppercase;color:#ffd5d8}
.card-chip{padding:6px 11px;border:1px solid #ffffff2b;border-radius:999px;background:#ffffff12;color:#fff;font-size:11px;font-weight:700;white-space:nowrap}
.card-symbol{position:relative;display:grid;place-items:center;width:56px;height:56px;margin-bottom:18px;border-radius:16px;background:#ffffff14;border:1px solid #ffffff22;color:#fff}
.card-symbol svg{width:28px;height:28px}
.card-heading{display:block;margin:0 0 8px;font-size:28px;font-weight:800;letter-spacing:-.025em;line-height:1.15;color:#fff}
.card-copy{display:block;max-width:360px;margin:0 0 24px;font-size:14px;line-height:1.65;color:var(--muted)}
.card-cta{display:flex;align-items:center;justify-content:space-between;gap:12px;width:100%;margin-top:auto;padding:16px 18px;border-radius:14px;font-size:15.5px;font-weight:800;letter-spacing:-.01em;transition:background .2s,color .2s,box-shadow .2s}
.cta-icon{display:grid;place-items:center;width:32px;height:32px;border-radius:50%;font-size:17px;line-height:1}

.subscribe-card{background:radial-gradient(120% 90% at 100% 0%,#ff4a5666,transparent 50%),linear-gradient(160deg,#ec1724 0%,#b50d1a 48%,#5c0810 100%);border-color:#ff8b9399;box-shadow:inset 0 1px 0 #ffffff40,0 26px 60px #e3121f40}
.subscribe-card .card-step{color:#fff}
.subscribe-card .card-copy{color:#ffe4e6}
.subscribe-card .card-symbol{width:62px;height:46px;background:transparent;border:0;border-radius:0}
.subscribe-card .card-symbol svg{width:62px;height:44px}
.subscribe-card .card-cta{background:#fff;color:var(--red-deep);box-shadow:0 12px 26px #00000040}
.subscribe-card .cta-icon{background:var(--red);color:#fff}
.subscribe-card:hover .card-cta{box-shadow:0 14px 32px #00000059}
/* Geri dönünce kırmızı kart yumuşar */
.subscribe-card.is-done{background:linear-gradient(160deg,#3a2226 0%,#241619 55%,#1a1012 100%);border-color:#e7a1a733;box-shadow:inset 0 1px 0 #ffffff12,0 14px 34px #00000055}
.subscribe-card.is-done .card-step{color:#e9c3c6}
.subscribe-card.is-done .card-chip{background:#ffffff0c;border-color:#ffffff1c;color:#e9c3c6}
.subscribe-card.is-done .card-symbol{color:#d9767e}
.subscribe-card.is-done .card-heading{color:#f1dfe0}
.subscribe-card.is-done .card-copy{color:#a8979a}
.subscribe-card.is-done .card-cta{background:#ffffff0c;color:#ecd6d8;box-shadow:inset 0 0 0 1px #ffffff1c}
.subscribe-card.is-done .cta-icon{background:#c7444d}

.download-card{background:linear-gradient(160deg,#16121a,#0f0c11 80%);box-shadow:inset 0 1px 0 #ffffff10,0 16px 40px #00000059}
.download-card .card-cta{background:#ffffff0d;color:#fff;box-shadow:inset 0 0 0 1px #ffffff1c}
.cta-main{display:flex;align-items:center;gap:12px;min-width:0}
.dl-icon{flex-shrink:0;width:34px;height:34px;padding:7px;border-radius:10px;background:#ffffff14}
.cta-timer{flex-shrink:0;padding:6px 10px;border-radius:999px;background:#0a3cb81a;font-size:14px;font-weight:800;font-variant-numeric:tabular-nums;letter-spacing:.02em}
.timer-track{display:none;width:100%;height:4px;margin-top:14px;border-radius:4px;background:#ffffff26;overflow:hidden}
.timer-track i{display:block;width:0;height:100%;border-radius:4px;background:linear-gradient(90deg,#fff,var(--blue-ice));transition:width 1s linear}
.timer-note{display:block;margin-top:9px;font-size:12px;color:#cfe4ff}
.download-card .lock-icon{display:none}
.download-card:disabled{cursor:not-allowed}
.download-card:disabled #downloadIcon{display:none}
.download-card:disabled .lock-icon{display:block}
.download-card:disabled .card-symbol{color:#a08d8f}
.download-card:disabled .card-heading{color:#d9caca}
.download-card:disabled .card-cta{color:#a08d8f}
.download-card.is-loading{border-color:#3d9bff66}
.download-card.is-loading .card-symbol{border-color:var(--blue-hot);color:#fff}
.download-card.is-loading .card-cta{color:#cfe4ff}
/* Hazır: belirgin, animasyonlu mavi */
.download-card.is-ready{background:radial-gradient(120% 90% at 100% 0%,#5fb4ff70,transparent 52%),linear-gradient(160deg,#2a8bff 0%,#1257e0 46%,#062a85 100%);border-color:#9fd0ffb0;animation:pop .45s ease,bluePulse 2.4s ease-in-out .45s infinite}
.download-card.is-ready::before{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 30%,#ffffff2e 48%,transparent 66%);background-size:250% 100%;animation:shine 3.2s ease-in-out infinite}
.download-card.is-ready .card-step,.download-card.is-ready .card-heading{color:#fff}
.download-card.is-ready .card-chip{background:#ffffff22;border-color:#ffffff55;font-variant-numeric:tabular-nums}
.download-card.is-ready .card-symbol{background:#ffffff26;border-color:#ffffff55;color:#fff}
.download-card.is-ready .card-copy{color:#e3f0ff}
.download-card.is-ready .card-cta{background:#fff;color:var(--blue-deep);box-shadow:0 12px 28px #021a5c66}
.download-card.is-ready .dl-icon{background:var(--blue);color:#fff;animation:bob 1.4s ease-in-out infinite}
.download-card.is-ready .timer-track{display:block}
.download-card.is-ready:hover{transform:translateY(-3px) scale(1.01)}
.download-card.is-ready.is-urgent .cta-timer{background:#e3121f;color:#fff}
[data-stage=done] .download-card.is-ready{animation:none;box-shadow:inset 0 1px 0 #ffffff40,0 20px 50px #1f6fff40}
[data-stage=done] .download-card.is-ready::before{display:none}
[data-stage=done] .download-card .dl-icon{animation:none}
.download-card.is-confirm{border-color:#3d9bff99;background:radial-gradient(120% 90% at 100% 0%,#1f6fff40,transparent 55%),linear-gradient(160deg,#121a2c,#0b0f19 80%);box-shadow:inset 0 1px 0 #ffffff1a,0 20px 50px #1f6fff2e}
.download-card.is-confirm .card-symbol{border-color:#3d9bff80;color:#fff}
.download-card.is-confirm .card-cta{background:var(--blue);color:#fff;box-shadow:0 12px 26px #1f6fff55}
.download-card.is-confirm .dl-icon{background:#ffffff2a}
@keyframes pop{0%{transform:scale(.97)}60%{transform:scale(1.015)}100%{transform:scale(1)}}
@keyframes bluePulse{0%,100%{box-shadow:inset 0 1px 0 #ffffff50,0 22px 50px #1f6fff55,0 0 0 0 #3d9bff66}50%{box-shadow:inset 0 1px 0 #ffffff60,0 26px 70px #3d9bffaa,0 0 0 6px #3d9bff00}}
@keyframes shine{0%{background-position:150% 0}60%,100%{background-position:-50% 0}}
@keyframes bob{0%,100%{transform:translateY(0)}50%{transform:translateY(3px)}}

.status{margin:18px 0 0;padding:14px 18px;border:1px solid #ff2d3b40;border-radius:14px;background:#e3121f12;color:#ffd9dc;font-size:14px;line-height:1.6}
.status[data-kind=error]{border-color:#ff6b7566;background:#e3121f22;color:#ffc4c8}
.status[data-kind=success]{border-color:#3d9bff80;background:linear-gradient(90deg,#1f6fff30,#1f6fff10);color:#fff;font-weight:600}

/* Paket ve güvenlik bilgisi: tıklanabilir görünmeyen bilgi alanı + net güvenlik bağlantısı */
.info-grid{display:grid;grid-template-columns:1.25fr 1fr;gap:16px;margin-top:26px}
.info-box{padding:20px 22px;border:1px solid #ffffff12;border-radius:18px;background:linear-gradient(180deg,#ffffff07,#ffffff02);cursor:default}
.info-box:first-child{border-color:#3d9bff40;background:radial-gradient(120% 120% at 0% 0%,#1f6fff2e,transparent 60%),linear-gradient(180deg,#0f1a33,#0c1222);box-shadow:inset 0 1px 0 #9fd0ff1a,0 16px 40px #1f6fff14}
.info-box:first-child .section-kicker{color:#8fc3ff}
.info-box:first-child .specs dt{color:#7f9cc4}
.info-box:first-child .specs dd{color:#fff}
.info-box:first-child .specs div{padding:10px 12px;border-radius:10px;background:#3d9bff12;border:1px solid #3d9bff1f}
.info-head{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}
.section-kicker{font-size:11px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--dim)}
.info-hint{font-size:11.5px;color:#7f9cc4}
.specs{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:0}
.specs div{min-width:0}
.specs dt{font-size:11.5px;color:var(--dim);margin-bottom:3px}
.specs dd{margin:0;font-size:14.5px;font-weight:650;color:#efe6e6;overflow-wrap:anywhere}
.security-box{position:relative;overflow:hidden;border-color:#3ccf8e45;background:radial-gradient(120% 120% at 100% 0%,#1fbf7a2e,transparent 60%),linear-gradient(180deg,#0d211a,#0a1612);box-shadow:inset 0 1px 0 #9ff0c81a,0 16px 40px #1fbf7a14}
.security-box>*{position:relative}
.security-box .section-kicker{color:#7fe0b0}
.security-mark{position:absolute;right:-18px;bottom:-26px;width:150px;height:150px;color:#3ccf8e;opacity:.07;pointer-events:none}
.safe-badge{display:inline-flex;align-items:center;gap:7px;padding:4px 10px;border-radius:999px;background:#3ccf8e1a;border:1px solid #3ccf8e40;font-size:11.5px;font-weight:700;color:#8ff0c0}
.safe-badge i{width:7px;height:7px;border-radius:50%;background:#3ccf8e;box-shadow:0 0 0 4px #3ccf8e22;animation:safePulse 2.4s ease-in-out infinite}
@keyframes safePulse{0%,100%{box-shadow:0 0 0 3px #3ccf8e26}50%{box-shadow:0 0 0 6px #3ccf8e0d}}
.security-copy{margin:0 0 14px;font-size:13.5px;line-height:1.6;color:#cfe3da}
.trust-list{display:flex;flex-wrap:wrap;gap:8px;margin:0 0 16px;padding:0;list-style:none}
.trust-list li{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:9px;background:#3ccf8e12;border:1px solid #3ccf8e26;font-size:11.5px;font-weight:650;color:#bfeed6}
.trust-list li::before{content:"";width:12px;height:12px;flex:none;background:#3ccf8e;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='3.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m5 12.5 4.5 4.5L19 7.5'/%3E%3C/svg%3E") center/contain no-repeat}
.vt-button{display:inline-flex;align-items:center;gap:9px;padding:11px 16px;border-radius:12px;border:1px solid #5fe3a680;background:linear-gradient(110deg,#1f9d63,#2bb878);color:#fff;font-size:13.5px;font-weight:700;text-decoration:none;box-shadow:0 10px 26px #1fbf7a33,inset 0 1px 0 #ffffff2e;transition:filter .2s,box-shadow .2s,transform .2s}
.vt-button svg{width:18px;height:18px}
.vt-button .vt-ext{width:15px;height:15px;margin-left:4px;opacity:.8;transition:opacity .2s,transform .2s}
.vt-button:hover{filter:brightness(1.08);box-shadow:0 14px 32px #1fbf7a4d,inset 0 1px 0 #ffffff2e;transform:translateY(-1px)}
.vt-button:hover .vt-ext{opacity:1;transform:translate(1px,-1px)}
@media(prefers-reduced-motion:reduce){.safe-badge i{animation:none}}

.notes{display:flex;justify-content:space-between;gap:20px;padding:18px 2px 36px;color:var(--dim);font-size:11.5px;line-height:1.7}
.notes p{margin:0}
.footer{position:relative;display:flex;flex-direction:column;align-items:center;gap:14px;padding:30px 0 34px;text-align:center;color:#8a7a7c;font-size:12.5px}
.footer::before{content:"";position:absolute;top:0;left:50%;width:min(560px,100%);height:1px;transform:translateX(-50%);background:linear-gradient(90deg,transparent,#e3121f80,transparent)}
.footer-copy{margin:0;letter-spacing:.02em}
.footer-copy strong{color:#ff5a64;font-weight:800}
.ssl-seal{display:block;line-height:0;border-radius:8px;opacity:.9;filter:drop-shadow(0 6px 18px #00000080);transition:opacity .2s,transform .2s,filter .2s}
.ssl-seal:hover{opacity:1;transform:translateY(-2px);filter:drop-shadow(0 8px 22px #e3121f40)}
.ssl-seal img{display:block;width:158px;height:auto}
.footer a{text-decoration:none;color:#ff8a93}

.error-shell{width:min(580px,calc(100% - 40px));margin:15vh auto}
.error-shell .eyebrow{margin-bottom:18px}
.error-shell h1{font-size:42px}
.error-shell p{color:var(--muted);font-size:15px;line-height:1.8}
.pill-button{display:inline-block;margin-top:15px;padding:14px 22px;border-radius:12px;background:var(--red);color:#fff;font-size:14px;font-weight:700;text-decoration:none;box-shadow:0 12px 26px #e3121f40}

@media(max-width:760px){
  .wrap{width:min(500px,calc(100% - 32px))}
  .nav{height:74px}
  .brand img{width:140px}
  .nav-label{font-size:9px;padding:6px 11px;letter-spacing:.12em}
  .hero{padding:38px 0 26px}
  .eyebrow{font-size:10px;margin-bottom:16px}
  .hero-copy{font-size:14.5px;margin-top:16px}
  .stepper{grid-template-columns:minmax(0,1fr) 30px minmax(0,1fr);padding:8px;margin-bottom:22px;border-radius:18px}
  .step{gap:10px;padding:10px;border-radius:12px}
  .step-num{width:36px;height:36px;font-size:16px}
  .step-num svg{width:18px;height:18px}
  .step-text strong{font-size:16.5px}
  .step-text small{font-size:9px;letter-spacing:.12em}
  .step-text em{font-size:11.5px}
  .step-bar{margin:0 3px}
  .step-bar::after{width:18px;height:18px;background-size:11px}
  .action-grid{grid-template-columns:1fr;gap:14px}
  .action-card{min-height:0;padding:22px}
  .card-heading{font-size:24px}
  .card-copy{font-size:13.5px;margin-bottom:20px}
  [data-stage=ready] .action-grid .download-card,[data-stage=confirm] .action-grid .download-card,[data-stage=retry] .action-grid .download-card,[data-stage=loading] .action-grid .download-card{order:-1}
  .info-grid{grid-template-columns:1fr;gap:6px;margin-top:22px}
  .info-grid{gap:12px}
  .info-box{padding:18px}
  .info-head{flex-wrap:wrap}
  .vt-button{width:100%;justify-content:center}
  .notes{display:block;padding:16px 0 28px}
  .notes p+p{margin-top:6px}
  .footer{font-size:11.5px;gap:12px;padding:24px 0 28px}
  .ssl-seal img{width:140px}
  .error-shell h1{font-size:34px}
}
@media(max-width:380px){
  .step-text em{display:none}
}
@media(prefers-reduced-motion:reduce){
  .action-card,.step,.step-num,.step-bar span{transition:none}
  .action-card:hover:not(:disabled){transform:none}
  .step-download,.step-download .step-num,.download-card.is-ready,.download-card.is-ready::before,.dl-icon{animation:none!important}
}
/* Destek sohbeti */
.support{position:fixed;right:22px;bottom:22px;z-index:40;display:flex;flex-direction:column;align-items:flex-end;gap:14px;font-family:var(--font)}
.support-launcher{position:relative;display:inline-flex;align-items:center;gap:9px;padding:12px 18px 12px 14px;border:1px solid #ff5a6655;border-radius:999px;background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;font:600 14px/1 var(--font);cursor:pointer;box-shadow:0 12px 34px #e3121f45,inset 0 1px 0 #ffffff30;transition:transform .2s,box-shadow .2s}
.support-launcher:hover{transform:translateY(-2px);box-shadow:0 16px 40px #e3121f60,inset 0 1px 0 #ffffff30}
.support-launcher svg{width:20px;height:20px}
.support-launcher.is-open{background:linear-gradient(135deg,#2a1215,#1a0b0d);border-color:#ffffff22;box-shadow:0 10px 28px #0008}
.support-launcher.has-unread{animation:supportPing 1.6s ease-in-out infinite}
.support-launcher b{position:absolute;top:-6px;right:-4px;min-width:21px;height:21px;padding:0 6px;border-radius:999px;background:var(--blue-hot);color:#fff;font-size:11px;line-height:21px;text-align:center;box-shadow:0 0 0 3px var(--bg)}
@keyframes supportPing{0%,100%{box-shadow:0 12px 34px #e3121f45,0 0 0 0 #ff2d3b66}50%{box-shadow:0 12px 34px #e3121f45,0 0 0 10px #ff2d3b00}}
.support-panel{width:min(370px,calc(100vw - 32px));height:min(540px,calc(100svh - 120px));display:flex;flex-direction:column;border:1px solid #ff4d5a2e;border-radius:20px;overflow:hidden;background:radial-gradient(ellipse at 100% 0%,#e3121f1f,transparent 60%),#140b0d;box-shadow:0 30px 80px #000b,0 0 0 1px #ffffff08 inset;animation:supportIn .28s cubic-bezier(.2,.8,.2,1)}
@keyframes supportIn{from{opacity:0;transform:translateY(14px) scale(.98)}to{opacity:1;transform:none}}
.support-head{display:flex;align-items:center;gap:12px;padding:16px 16px 14px;border-bottom:1px solid var(--line);background:linear-gradient(180deg,#e3121f1a,transparent)}
.support-avatar,.msg-avatar{flex:none;display:grid;place-items:center;border-radius:50%;color:#fff;background:linear-gradient(135deg,var(--red-hot),var(--blue-deep));box-shadow:0 6px 18px #e3121f40}
.support-avatar{width:42px;height:42px}.support-avatar svg{width:22px;height:22px}
.support-who{display:flex;flex-direction:column;gap:4px;min-width:0;flex:1}
.support-who strong{font-size:15px;letter-spacing:-.2px}
.support-who small{display:flex;align-items:center;gap:6px;font-size:11px;color:var(--muted)}
.support-who small i{width:7px;height:7px;border-radius:50%;background:#3ddc84;box-shadow:0 0 8px #3ddc84}
.support-close{border:0;background:#ffffff0d;color:var(--muted);width:32px;height:32px;border-radius:50%;font-size:20px;line-height:1;cursor:pointer}
.support-close:hover{background:#ffffff1a;color:#fff}
.support-body{flex:1;overflow-y:auto;padding:16px;display:flex;flex-direction:column;gap:14px;scrollbar-width:thin;scrollbar-color:#ffffff22 transparent}
.msg{display:flex;gap:9px;align-items:flex-end;max-width:92%}
.msg-avatar{width:30px;height:30px;font-size:12px;font-weight:700}.msg-avatar svg{width:16px;height:16px}
.msg-main{display:flex;flex-direction:column;gap:5px;min-width:0}
.msg-meta{font-size:10.5px;color:var(--dim)}.msg-meta b{color:var(--muted);font-weight:600}
.msg-bubble{margin:0;padding:10px 13px;border-radius:15px 15px 15px 5px;background:#ffffff0d;border:1px solid #ffffff10;font-size:13.5px;line-height:1.55;color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere}
.from-visitor{align-self:flex-end;flex-direction:row-reverse}
.from-visitor .msg-main{align-items:flex-end}
.from-visitor .msg-avatar{background:#ffffff14;box-shadow:none;color:var(--muted)}
.from-visitor .msg-bubble{border-radius:15px 15px 5px 15px;background:linear-gradient(135deg,var(--blue),var(--blue-deep));border-color:#3d9bff55}
.support-form{display:flex;align-items:flex-end;gap:8px;padding:12px 12px 6px;border-top:1px solid var(--line)}
.support-form textarea{flex:1;resize:none;min-height:42px;max-height:120px;padding:11px 13px;border:1px solid #ffffff1c;border-radius:13px;background:#0b0607;color:var(--ink);font:14px/1.45 var(--font);outline:none;overflow-y:hidden}
.support-form textarea:focus{border-color:#ff4d5a80;box-shadow:0 0 0 3px #e3121f22}
.support-form button{flex:none;width:42px;height:42px;border:0;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;cursor:pointer;display:grid;place-items:center}
.support-form button:disabled{opacity:.5;cursor:wait}.support-form button svg{width:19px;height:19px}
.support-note{margin:0;padding:4px 16px 12px;font-size:10.5px;line-height:1.5;color:var(--dim)}
.support-note[data-kind=error]{color:var(--red-soft)}
@media(max-width:560px){.support{right:14px;bottom:14px}.support-panel{width:calc(100vw - 28px);height:calc(100svh - 96px)}.support-launcher span{display:none}.support-launcher{padding:14px}}
/* Abone ol kartı: destek notu */
.card-perk{display:flex;align-items:flex-start;gap:11px;max-width:380px;margin:4px 0 14px;padding:11px 14px 11px 11px;border:1px solid #ffffff2e;border-radius:14px;background:linear-gradient(135deg,#ffffff24,#ffffff0d);box-shadow:inset 0 1px 0 #ffffff26,0 8px 20px #4a070d40;font-size:13.5px;line-height:1.5;color:#fff}
.card-perk strong{font-weight:700;color:#fff;text-decoration:underline;text-decoration-color:#ffffff66;text-underline-offset:3px}
.perk-emoji{flex:none;display:grid;place-items:center;width:32px;height:32px;border-radius:10px;background:#ffffff26;font-size:17px;line-height:1;animation:perkRing 3.2s ease-in-out infinite;transform-origin:50% 15%}
@keyframes perkRing{0%,62%,100%{transform:rotate(0)}66%{transform:rotate(14deg)}72%{transform:rotate(-12deg)}78%{transform:rotate(8deg)}84%{transform:rotate(-5deg)}90%{transform:rotate(0)}}
@media(prefers-reduced-motion:reduce){.perk-emoji{animation:none}}
.subscribe-card.is-done .card-perk{background:#ffffff08;border-color:#ffffff14;box-shadow:none;color:#d8c4c6}
.subscribe-card.is-done .card-perk strong{color:#ecd6d8}
.subscribe-card.is-done .perk-emoji{background:#ffffff0f;animation:none}
@media(max-width:560px){.card-perk{font-size:13px;padding:10px 12px 10px 10px}}.support-launcher{padding:7px 18px 7px 7px}.support-launcher .launcher-icon{display:grid;place-items:center;width:34px;height:34px;border-radius:50%;background:#ffffff26;box-shadow:inset 0 1px 0 #ffffff33}.support-launcher .launcher-icon svg{width:19px;height:19px}@media(max-width:560px){.support-launcher{padding:7px}}

/* Abonelikten çıkmama ricası */
.stay-note{display:flex;gap:14px;align-items:flex-start;margin:-8px 0 22px;padding:16px 18px;border:1px solid #ff4d5a59;border-left:3px solid #ff4d5a;border-radius:16px;background:linear-gradient(135deg,#e3121f24,#ffffff07);box-shadow:0 8px 26px #e3121f14;transition:border-color .4s,box-shadow .4s,background .4s}
.stay-note strong{display:block;margin-bottom:4px;font-size:15px;color:#fff}
.stay-note p{margin:0;font-size:13.5px;line-height:1.65;color:#e2d6da}
.stay-icon{flex:none;display:grid;place-items:center;width:38px;height:38px;border-radius:12px;background:#e3121f38;color:var(--red-hot);box-shadow:0 0 16px #e3121f33}
.stay-icon svg{width:19px;height:19px}
body[data-stage=done] .stay-note,body[data-stage=ready] .stay-note{border-color:#ff4d5a73;border-left-color:#ff4d5a;background:linear-gradient(135deg,#e3121f2b,#ffffff08);box-shadow:0 12px 34px #e3121f26}
body[data-stage=done] .stay-icon{animation:stayBeat 1.6s ease-in-out infinite}
body[data-stage=done] .stay-note p{color:#f1dfe0}
@keyframes stayBeat{0%,100%{transform:scale(1)}15%{transform:scale(1.14)}30%{transform:scale(1)}45%{transform:scale(1.08)}}
@media(prefers-reduced-motion:reduce){body[data-stage=done] .stay-icon{animation:none}}
@media(max-width:560px){.stay-note{padding:14px;gap:12px}.stay-note p{font-size:13px}}.cta-icon svg{width:15px;height:15px;margin-left:2px;transition:transform .2s}.subscribe-card:hover .cta-icon svg{transform:scale(1.15)}
.eyebrow-live{animation:eyebrowIn .7s cubic-bezier(.2,.8,.2,1) both,eyebrowGlow 3.2s ease-in-out .7s infinite}
.eyebrow-live span{background:linear-gradient(100deg,#ffb9be 0%,#ffb9be 40%,#fff 50%,#ffb9be 60%,#ffb9be 100%);background-size:250% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:eyebrowShine 3.2s linear .7s infinite}
@keyframes eyebrowIn{from{opacity:0;transform:translateY(-8px) scale(.96)}to{opacity:1;transform:none}}
@keyframes eyebrowGlow{0%,100%{border-color:#ff2d3b55;box-shadow:0 0 0 #e3121f00}50%{border-color:#ff4d5aa6;box-shadow:0 0 18px #e3121f40}}
@keyframes eyebrowShine{from{background-position:100% 0}to{background-position:-150% 0}}
@media(prefers-reduced-motion:reduce){.eyebrow-live,.eyebrow-live span{animation:none}}
.notes-trigger{position:relative;isolation:isolate;overflow:hidden;display:inline-flex;align-items:center;gap:11px;margin-top:24px;padding:12px 18px 12px 12px;border:1px solid #ffc85a;border-radius:999px;background:linear-gradient(135deg,#ffb02e,#ff6a1f 55%,#e3121f);color:#1a0603;font:800 15px/1 var(--font);letter-spacing:.01em;cursor:pointer;box-shadow:0 0 0 0 #ffb02e80,0 14px 34px #ff6a1f4d,inset 0 1px 0 #ffffff66;animation:notesPulse 2s ease-out infinite;transition:transform .2s,filter .2s}
.notes-trigger::after{content:"";position:absolute;inset:0;z-index:-1;background:linear-gradient(105deg,transparent 35%,#ffffff8c 50%,transparent 65%);transform:translateX(-120%);animation:notesShine 2.8s ease-in-out infinite}
.notes-trigger-icon{flex:none;display:grid;place-items:center;width:30px;height:30px;border-radius:50%;background:#1a0603;line-height:0;box-shadow:inset 0 0 0 1px #ffffff1f;animation:notesWiggle 2.8s ease-in-out infinite}
.notes-trigger-text em{font-style:normal;margin-left:2px;padding:4px 9px;border-radius:999px;background:#1a0603;color:#ffd27a}
.notes-trigger>svg{width:18px;height:18px;transition:transform .2s}
.notes-trigger-icon svg{display:block;width:17px;height:17px;margin-top:-1px}
.notes-trigger:hover{transform:translateY(-2px) scale(1.03);filter:brightness(1.06)}
.notes-trigger:hover>svg{transform:translateX(4px)}
@keyframes notesPulse{0%{box-shadow:0 0 0 0 #ffb02e8c,0 14px 34px #ff6a1f4d,inset 0 1px 0 #ffffff66}70%,100%{box-shadow:0 0 0 16px #ffb02e00,0 14px 34px #ff6a1f4d,inset 0 1px 0 #ffffff66}}
@keyframes notesShine{0%,55%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
@keyframes notesWiggle{0%,70%,100%{transform:rotate(0)}75%{transform:rotate(-14deg)}80%{transform:rotate(12deg)}85%{transform:rotate(-8deg)}90%{transform:rotate(5deg)}}
.notes-dialog{width:min(640px,calc(100% - 28px));max-height:min(86vh,760px);margin:auto;padding:0;border:0;background:transparent;color:var(--ink);overflow:visible}
.notes-dialog::backdrop{background:#050203c7;backdrop-filter:blur(6px)}
.notes-dialog[open]{animation:notesIn .26s cubic-bezier(.2,.8,.2,1)}
.notes-dialog[open]::backdrop{animation:notesFade .26s ease}
.notes-dialog.is-closing{animation:notesOut .18s ease forwards}
.notes-dialog.is-closing::backdrop{animation:notesFade .18s ease reverse forwards}
@keyframes notesIn{from{opacity:0;transform:translateY(14px) scale(.97)}to{opacity:1;transform:none}}
@keyframes notesOut{to{opacity:0;transform:translateY(10px) scale(.98)}}
@keyframes notesFade{from{opacity:0}to{opacity:1}}
.notes-sheet{display:flex;flex-direction:column;max-height:min(86vh,760px);border:1px solid #ff4d5a4d;border-radius:22px;background:radial-gradient(120% 70% at 0% 0%,#e3121f26,transparent 55%),linear-gradient(180deg,#1a0b0e,#0d0607);box-shadow:0 30px 80px #000000b3,0 0 0 1px #ffffff08 inset}
.notes-head{display:flex;align-items:center;gap:14px;padding:20px 20px 16px 22px;border-bottom:1px solid #ffffff12}
.notes-badge{flex:none;display:grid;place-items:center;width:44px;height:44px;border-radius:14px;background:linear-gradient(135deg,#ffb02e33,#e3121f33);border:1px solid #ffb02e4d;font-size:20px}
.notes-head div{flex:1;min-width:0}
.notes-head small{display:block;font-size:10.5px;font-weight:750;letter-spacing:.14em;text-transform:uppercase;color:var(--red-soft)}
.notes-head h2{margin:3px 0 0;font-size:21px;line-height:1.2;color:#fff}
.notes-close{flex:none;width:36px;height:36px;border:1px solid #ffffff17;border-radius:50%;background:#ffffff0a;color:var(--muted);font-size:22px;line-height:1;cursor:pointer;transition:background .2s,color .2s,transform .2s}
.notes-close:hover{background:#e3121f33;color:#fff;transform:rotate(90deg)}
.notes-body{overflow-y:auto;padding:18px 22px 6px;overscroll-behavior:contain}
.notes-lead{margin:0 0 16px;font-size:14.5px;line-height:1.7;color:#eadfe0}
.notes-lead strong{color:#fff}
.notes-block{margin:0 0 12px;padding:14px 16px;border:1px solid #ffffff12;border-radius:14px;background:#ffffff06}
.notes-block h3{display:flex;align-items:center;gap:8px;margin:0 0 8px;font-size:14.5px;color:#fff}
.notes-block p{margin:0;font-size:13.5px;line-height:1.7;color:#d4c6c8}
.notes-block p strong{color:#fff}
.notes-block ul{margin:0;padding:0;list-style:none;display:grid;gap:8px}
.notes-block li{position:relative;padding-left:26px;font-size:13.5px;line-height:1.6;color:#d4c6c8}
.notes-ok{border-color:#3ccf8e33;background:linear-gradient(135deg,#1fbf7a14,#ffffff04)}
.notes-ok h3{color:#9ff0c8}
.notes-ok li::before{content:"";position:absolute;left:0;top:3px;width:17px;height:17px;border-radius:50%;background:#3ccf8e26 url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='%233ccf8e' stroke-width='3.4' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 12.5 4 4L18 8.5'/%3E%3C/svg%3E") center/11px no-repeat}
.notes-warn{border-color:#ff4d5a59;background:linear-gradient(135deg,#e3121f24,#ffffff04)}
.notes-warn h3{color:#ffb3b9}
.notes-foot{padding:14px 22px 20px;border-top:1px solid #ffffff10;display:flex;justify-content:flex-end}
.notes-done{padding:12px 20px;border:1px solid #ff5a6666;border-radius:12px;background:linear-gradient(135deg,var(--red),var(--red-deep));color:#fff;font:700 14px/1 var(--font);cursor:pointer;box-shadow:0 12px 28px #e3121f40,inset 0 1px 0 #ffffff2e;transition:transform .2s,filter .2s}
.notes-done:hover{transform:translateY(-1px);filter:brightness(1.08)}
body:has(.notes-dialog[open]){overflow:hidden}
@media(max-width:560px){.notes-trigger{margin-top:18px;font-size:14px;padding:10px 15px 10px 10px}.notes-head{padding:16px 14px 14px 16px;gap:11px}.notes-badge{width:38px;height:38px;font-size:17px}.notes-head h2{font-size:18px}.notes-body{padding:14px 16px 4px}.notes-block{padding:12px 13px}.notes-foot{padding:12px 16px 16px}.notes-done{width:100%}}
@media(prefers-reduced-motion:reduce){.notes-trigger,.notes-trigger::after,.notes-trigger-icon,.notes-dialog[open],.notes-dialog[open]::backdrop,.notes-dialog.is-closing{animation:none}}
[data-step=checking] .download-card .card-cta{position:relative;overflow:hidden}
[data-step=checking] .cta-timer{display:none}
[data-step=checking] .download-card .card-cta::after{content:"";position:absolute;left:0;bottom:0;height:3px;width:100%;background:linear-gradient(90deg,var(--blue-hot),#fff);transform-origin:left;animation:checkFill 5s linear forwards}
@keyframes checkFill{from{transform:scaleX(0)}to{transform:scaleX(1)}}