/* app.1bytechnology.com — SETS Android indirme sayfası (tools/app_sayfa.py, tools/app_gorsel.py).
   Geniş ekranda hero, maket görselinin (hero-koyu/hero-acik.webp) birebir ölçeğidir: 1 birim = maketin 1 pikseli (1811 genişlik).
   Tema sistem tercihine uyar (koyu varsayılan). */
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-400.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:400;font-display:swap;src:url(fonts/inter-latin-ext-400.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-500.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:500;font-display:swap;src:url(fonts/inter-latin-ext-500.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-600.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:600;font-display:swap;src:url(fonts/inter-latin-ext-600.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-700.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+2000-206F,U+2074,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}
@font-face{font-family:Inter;font-style:normal;font-weight:700;font-display:swap;src:url(fonts/inter-latin-ext-700.woff2) format("woff2");unicode-range:U+0100-02AF,U+0304,U+0308,U+0329,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}

:root{--bg:#020f1f;--bg-end:#00080e;--text:#fff;--head:#fff;--soft:#c3cfe0;--muted:#9eb0c9;--blue:#2f86ff;--eyebrow:#3d8bff;--line:rgba(86,150,255,.2);--line2:rgba(86,150,255,.32);--card:rgba(9,22,46,.78);
  --hero:url(hero-koyu.webp);--btn:linear-gradient(90deg,#1c6bff,#2f8bff);--btn-shadow:0 0 28px rgba(40,125,255,.45);
  --ver-bg:rgba(10,24,46,.55);--ver-border:rgba(120,160,220,.22);--fico-bg:rgba(24,70,150,.22);--fico-border:rgba(70,140,255,.45);--fico:#3d8fff;--ver-ico:#aebdd2;
  --qr-bg:linear-gradient(180deg,#0d2645 0%,#0a1d37 55%,#07142a 100%);--qr-border:#2c7df2;--qr-shadow:0 0 26px rgba(40,130,255,.38),inset 0 0 22px rgba(60,140,255,.12);
  --qr-sub:#b9c8dd;--qr-cap:#d5e1f1;--qr-div:rgba(130,165,215,.28);--qr-corner:#2f86ff;--status-line:#1f7bff;color-scheme:dark}
@media (prefers-color-scheme:light){:root{--bg:#f8fbfe;--bg-end:#eef4fa;--text:#0f1d33;--head:#0b1730;--soft:#3d4f69;--muted:#55687f;--blue:#1667f2;--eyebrow:#1667f2;--line:rgba(22,103,242,.14);--line2:rgba(22,103,242,.22);--card:rgba(255,255,255,.9);
  --hero:url(hero-acik.webp);--btn:linear-gradient(90deg,#0f63f0,#1f78ff);--btn-shadow:0 10px 26px rgba(22,103,242,.32);
  --ver-bg:rgba(255,255,255,.92);--ver-border:#dfe8f3;--fico-bg:#e6f0fd;--fico-border:#cfe0f7;--fico:#1667f2;--ver-ico:#1667f2;
  --qr-bg:linear-gradient(180deg,#fdfeff 0%,#f6fafd 100%);--qr-border:#d6e6f5;--qr-shadow:0 18px 48px rgba(40,110,200,.16);
  --qr-sub:#4d5f77;--qr-cap:#3a4a60;--qr-div:#e1e8f0;--qr-corner:#1f72f5;--status-line:#2aa4ef;color-scheme:light}}

*{box-sizing:border-box}
html,body{margin:0}
body{min-height:100vh;color:var(--text);background:var(--bg);font-family:Inter,"Segoe UI",Arial,sans-serif;line-height:1.5;-webkit-font-smoothing:antialiased}
a{color:inherit}
svg{display:block}
.shell{width:min(1560px,calc(100% - 64px));margin-inline:auto}
.page{position:relative;overflow:hidden;min-height:100vh;display:flex;flex-direction:column;background:linear-gradient(180deg,var(--bg) 0%,var(--bg-end) 100%)}
main{flex:1}

/* ---------- Hero: dar ekran akışı (varsayılan) ---------- */
.ap-stage{position:relative;display:grid;grid-template-columns:auto 1fr;grid-template-areas:"brand status" "copy copy" "art art" "qr qr";gap:24px 16px;width:min(720px,calc(100% - 32px));margin:0 auto;padding:22px 0 36px}
.ap-brand{grid-area:brand;display:block;width:150px}
.ap-brand img{display:block;width:100%;height:auto}
.ap-logo-light{display:none!important}
@media (prefers-color-scheme:light){.ap-logo-dark{display:none!important}.ap-logo-light{display:block!important}}
.ap-status{grid-area:status;justify-self:end;align-self:center;display:flex;align-items:center;gap:10px;font-size:14px;font-weight:600;color:var(--head);white-space:nowrap}
.ap-status-dot{width:11px;height:11px;border-radius:50%;background:#22c77a;box-shadow:0 0 0 4px rgba(34,199,122,.18),0 0 10px rgba(34,199,122,.7)}
.ap-status-line{display:none}
.ap-copy{grid-area:copy}
.ap-eyebrow{display:flex;align-items:center;gap:14px;margin:0 0 14px;color:var(--eyebrow);font-size:13px;font-weight:600;letter-spacing:.01em;text-transform:uppercase}
.ap-eyebrow::before{content:"";width:40px;height:2px;background:var(--eyebrow)}
.ap-copy h1{margin:0;color:var(--head);font-size:clamp(44px,11vw,72px);font-weight:700;line-height:1;letter-spacing:-.025em;white-space:nowrap}
.ap-copy h1 span{color:var(--blue)}
.ap-product{margin:10px 0 0;color:var(--head);font-size:clamp(20px,5vw,28px);font-weight:600;line-height:1.2;letter-spacing:-.01em}
.ap-intro{margin:14px 0 0;color:var(--soft);font-size:16px;line-height:1.55}
.ap-cta{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}
.ap-button{display:flex;align-items:center;justify-content:center;gap:16px;min-height:64px;padding:0 30px;border-radius:9px;background:var(--btn);box-shadow:var(--btn-shadow);color:#fff;font-size:21px;font-weight:600;text-decoration:none;flex:1 1 260px}
.ap-button:hover{filter:brightness(1.07)}
.ap-button:focus-visible,.ap-qr:focus-visible{outline:3px solid #8cc7ff;outline-offset:3px}
.ap-button[aria-disabled="true"]{opacity:.6}
.ap-button-ico{width:34px;height:34px;flex:none;display:grid;place-items:center;border-radius:50%;background:#fff;color:#1667f2}
.ap-button-ico svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:2.8;stroke-linecap:round;stroke-linejoin:round}
.ap-version{display:flex;align-items:center;gap:20px;min-height:64px;padding:0 22px;border:1px solid var(--ver-border);border-radius:9px;background:var(--ver-bg);flex:0 1 200px}
.ap-version svg{width:28px;height:28px;flex:none;fill:none;stroke:var(--ver-ico);stroke-width:1.9;stroke-linejoin:round}
.ap-version small{display:block;color:var(--soft);font-size:14px;line-height:1.3}
.ap-version strong{display:block;color:var(--head);font-size:17px;font-weight:700;line-height:1.3}
.ap-features{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin:28px 0 0;padding:0;list-style:none}
.ap-fico{display:grid;place-items:center;width:56px;height:56px;border:1px solid var(--fico-border);border-radius:10px;background:var(--fico-bg);color:var(--fico)}
.ap-fico svg{width:32px;height:32px;fill:none;stroke:currentColor;stroke-width:2.1;stroke-linecap:round;stroke-linejoin:round}
.ap-features strong{display:block;margin-top:12px;color:var(--head);font-size:15px;font-weight:600;line-height:1.3}
.ap-features span:not(.ap-fico){display:block;margin-top:4px;color:var(--soft);font-size:14px;line-height:1.45}
.ap-intro br,.ap-features br,.ap-qr-sub br,.ap-scan br{display:none}
.ap-art{grid-area:art;width:100%;max-width:560px;justify-self:center;aspect-ratio:620/700;background:var(--hero) no-repeat;background-size:292.1% auto;background-position:57.9% 53.5%;
  -webkit-mask-image:radial-gradient(closest-side at 50% 50%,#000 74%,transparent 100%);mask-image:radial-gradient(closest-side at 50% 50%,#000 74%,transparent 100%)}

.ap-qr-card{grid-area:qr;position:relative;justify-self:center;width:100%;max-width:420px;padding:30px 34px 26px;border:1.5px solid var(--qr-border);border-radius:18px;background:var(--qr-bg);box-shadow:var(--qr-shadow)}
.ap-qr-card h2{margin:0;color:var(--head);font-size:25px;font-weight:700;line-height:1.15;letter-spacing:-.01em}
.ap-qr-sub{margin:10px 0 0;color:var(--qr-sub);font-size:17px;line-height:1.38}
.ap-qr{position:relative;display:block;width:241px;height:236px;margin:22px auto 0}
.ap-qr-box{position:absolute;inset:12px;display:grid;place-items:center;padding:14px;border-radius:8px;background:#fff}
.ap-qr-code{display:block;width:100%;height:100%}
.ap-qr-code svg{width:100%;height:100%}
.ap-qr i{position:absolute;width:24px;height:24px;border:3px solid var(--qr-corner)}
.ap-qr .c1{left:0;top:0;border-right:0;border-bottom:0;border-top-left-radius:6px}
.ap-qr .c2{right:0;top:0;border-left:0;border-bottom:0;border-top-right-radius:6px}
.ap-qr .c3{left:0;bottom:0;border-right:0;border-top:0;border-bottom-left-radius:6px}
.ap-qr .c4{right:0;bottom:0;border-left:0;border-top:0;border-bottom-right-radius:6px}
.ap-scan{margin:18px 0 0;color:var(--qr-cap);font-size:15px;line-height:1.42;text-align:center}
.ap-qr-foot{display:flex;justify-content:space-between;gap:12px;margin-top:22px;padding-top:22px;border-top:1px solid var(--qr-div);font-size:15.5px}
.ap-qr-foot span{color:var(--qr-sub)}
.ap-qr-foot strong{color:var(--head);font-weight:700}

/* ---------- Hero: geniş ekran, maketle birebir yerleşim ---------- */
@media (min-width:1100px){
  .ap-stage{--u:calc(100cqw / 1811);display:block;width:100%;max-width:none;margin:0;padding:0;aspect-ratio:1811/868;container-type:inline-size;background:var(--hero) 0 0/100% 100% no-repeat}
  .ap-stage::after{content:"";position:absolute;left:0;right:0;bottom:0;height:5%;background:linear-gradient(180deg,transparent,var(--bg-end));pointer-events:none}
  .ap-stage>*{position:absolute;margin:0}
  .ap-brand{left:calc(110 * var(--u));top:calc(40 * var(--u));width:calc(167 * var(--u))}
  .ap-status{left:calc(1481 * var(--u));top:calc(49 * var(--u));height:calc(20 * var(--u));gap:calc(12 * var(--u));font-size:calc(15.2 * var(--u))}
  .ap-status-dot{width:calc(12 * var(--u));height:calc(12 * var(--u));box-shadow:0 0 0 calc(4 * var(--u)) rgba(34,199,122,.2),0 0 calc(10 * var(--u)) rgba(34,199,122,.75)}
  .ap-status-line{display:block;left:calc(1480 * var(--u));right:0;top:calc(93.5 * var(--u));height:calc(2.5 * var(--u));background:var(--status-line);box-shadow:0 0 calc(8 * var(--u)) var(--status-line)}
  .ap-copy,.ap-cta{display:contents}
  .ap-copy>*,.ap-cta>*{position:absolute;margin:0}
  .ap-copy .ap-eyebrow{left:calc(115 * var(--u));top:calc(203 * var(--u));height:calc(16 * var(--u));gap:calc(18 * var(--u));font-size:calc(15.7 * var(--u));line-height:1;white-space:nowrap}
  .ap-copy .ap-eyebrow::before{width:calc(45 * var(--u));height:calc(2 * var(--u))}
  .ap-copy h1{left:calc(112 * var(--u));top:calc(234.8 * var(--u));font-size:calc(87 * var(--u))}
  .ap-product{left:calc(114 * var(--u));top:calc(332.6 * var(--u));font-size:calc(34 * var(--u));line-height:1;white-space:nowrap}
  .ap-intro{left:calc(114 * var(--u));top:calc(385 * var(--u));font-size:calc(18.2 * var(--u));line-height:calc(30 * var(--u));white-space:nowrap}
  .ap-button{left:calc(114 * var(--u));top:calc(483 * var(--u));width:calc(339 * var(--u));min-height:0;height:calc(77 * var(--u));padding:0;gap:calc(19 * var(--u));border-radius:calc(10 * var(--u));font-size:calc(23.3 * var(--u));box-shadow:0 0 calc(28 * var(--u)) rgba(40,125,255,.42)}
  .ap-button-ico{width:calc(38 * var(--u));height:calc(38 * var(--u))}
  .ap-button-ico svg{width:calc(22 * var(--u));height:calc(22 * var(--u))}
  .ap-version{left:calc(480 * var(--u));top:calc(484 * var(--u));width:calc(200 * var(--u));min-height:0;height:calc(76 * var(--u));padding:0 0 0 calc(24 * var(--u));gap:calc(24 * var(--u));border-radius:calc(10 * var(--u))}
  .ap-version svg{width:calc(30 * var(--u));height:calc(30 * var(--u))}
  .ap-version small{font-size:calc(15 * var(--u))}
  .ap-version strong{font-size:calc(18 * var(--u))}
  .ap-features{left:calc(118 * var(--u));top:calc(597 * var(--u));grid-template-columns:repeat(3,calc(206 * var(--u)));gap:0}
  .ap-fico{width:calc(60 * var(--u));height:calc(60 * var(--u));border-radius:calc(10 * var(--u))}
  .ap-fico svg{width:calc(34 * var(--u));height:calc(34 * var(--u))}
  .ap-features strong{margin-top:calc(12.4 * var(--u));font-size:calc(15 * var(--u));line-height:calc(20 * var(--u));white-space:nowrap}
  .ap-features span:not(.ap-fico){margin-top:calc(2.6 * var(--u));font-size:calc(14.4 * var(--u));line-height:calc(21 * var(--u));white-space:nowrap}
  .ap-intro br,.ap-features br,.ap-qr-sub br,.ap-scan br{display:inline}
  .ap-art{display:none}
  .ap-qr-card{left:calc(1298 * var(--u));top:calc(237 * var(--u));width:calc(418 * var(--u));max-width:none;height:calc(534 * var(--u));padding:0;border-width:calc(1.5 * var(--u));border-radius:calc(18 * var(--u))}
  .ap-qr-card>*{position:absolute;margin:0}
  .ap-qr-card h2{left:calc(40 * var(--u));top:calc(36 * var(--u));font-size:calc(25.2 * var(--u));line-height:1;white-space:nowrap}
  .ap-qr-sub{left:calc(40 * var(--u));top:calc(72.5 * var(--u));font-size:calc(17.5 * var(--u));line-height:calc(24 * var(--u));white-space:nowrap}
  .ap-qr{left:calc(87 * var(--u));top:calc(133 * var(--u));width:calc(241 * var(--u));height:calc(236 * var(--u))}
  .ap-qr-box{inset:calc(12 * var(--u));padding:calc(14 * var(--u));border-radius:calc(8 * var(--u))}
  .ap-qr i{width:calc(24 * var(--u));height:calc(24 * var(--u));border-width:calc(3 * var(--u))}
  .ap-scan{left:0;right:0;top:calc(379.4 * var(--u));font-size:calc(15.1 * var(--u));line-height:calc(22 * var(--u));white-space:nowrap}
  .ap-qr-foot{left:calc(40 * var(--u));right:calc(40 * var(--u));top:calc(453 * var(--u));margin:0;padding:calc(27 * var(--u)) 0 0;font-size:calc(15.6 * var(--u));line-height:calc(20 * var(--u))}
}
@media (min-width:1100px) and (prefers-color-scheme:light){
  .ap-qr-card{left:calc(1297 * var(--u));top:calc(235 * var(--u));width:calc(424 * var(--u));height:calc(529 * var(--u))}
  .ap-qr-card h2,.ap-qr-sub{left:calc(45 * var(--u))}
  .ap-qr-foot{left:calc(45 * var(--u));right:calc(45 * var(--u))}
  .ap-qr{left:calc(90 * var(--u))}
  .ap-status-line{left:calc(1435 * var(--u));top:calc(99 * var(--u))}
  .ap-status{left:calc(1436 * var(--u));top:calc(55 * var(--u))}
  .ap-brand{left:calc(100 * var(--u));top:calc(47 * var(--u));width:calc(177 * var(--u))}
  .ap-copy .ap-eyebrow{left:calc(106 * var(--u));gap:calc(20 * var(--u))}
  .ap-copy h1{left:calc(104 * var(--u));top:calc(236 * var(--u));font-size:calc(89 * var(--u))}
  .ap-product,.ap-intro{left:calc(106 * var(--u))}
  .ap-intro{top:calc(387 * var(--u))}
  .ap-button{left:calc(107 * var(--u));top:calc(481 * var(--u));width:calc(344 * var(--u))}
  .ap-version{left:calc(478 * var(--u));top:calc(481 * var(--u));width:calc(204 * var(--u))}
  .ap-features{left:calc(107 * var(--u));top:calc(592 * var(--u));grid-template-columns:repeat(3,calc(208 * var(--u)))}
  .ap-fico{width:calc(64 * var(--u));height:calc(64 * var(--u))}
  .ap-features strong{margin-top:calc(14 * var(--u))}
  .ap-product{font-weight:700}
}

/* ---------- Sürüm bilgileri ---------- */
.ap-release{position:relative;z-index:2;padding:56px 0 70px}
.ap-release .ap-eyebrow{margin:0 0 14px;font-size:14px}
.ap-release .ap-eyebrow::before{width:46px}
.ap-release-head{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1fr);gap:40px;align-items:end;margin-bottom:28px}
.ap-release-head h2{margin:0;font-size:32px;color:var(--head)}
.ap-release-head>p{margin:0;color:var(--soft)}
.ap-release-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.8fr);gap:22px}
.ap-notes{margin:0;padding:22px 26px;list-style:none;border:1px solid var(--line2);border-radius:14px;background:var(--card);display:grid;gap:12px}
.ap-notes li{position:relative;padding-left:26px;color:var(--soft)}
.ap-notes li::before{content:"";position:absolute;left:4px;top:8px;width:10px;height:6px;border-left:2px solid var(--blue);border-bottom:2px solid var(--blue);transform:rotate(-45deg)}
.ap-details{margin:0;border:1px solid var(--line2);border-radius:14px;background:var(--card);overflow:hidden}
.ap-details div{display:flex;justify-content:space-between;gap:12px;padding:14px 22px;border-bottom:1px solid var(--line)}
.ap-details div:last-child{border-bottom:0}
.ap-details dt{color:var(--muted)}
.ap-details dd{margin:0;font-weight:700;text-align:right}
.ap-foot{border-top:1px solid var(--line);position:relative;z-index:2}
.ap-foot-inner{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:22px 0;color:var(--muted);font-size:14px}
.ap-foot a{color:var(--muted);text-decoration:none}
.ap-foot a:hover{color:var(--text)}

@media (max-width:900px){.ap-release-head,.ap-release-grid{grid-template-columns:1fr;gap:16px}}
@media (max-width:640px){
  .shell{width:calc(100% - 32px)}
  .ap-brand{width:130px}
  .ap-status{display:none}
  .ap-features{grid-template-columns:1fr;gap:16px}
  .ap-features li{display:grid;grid-template-columns:56px 1fr;column-gap:14px;align-items:start}
  .ap-features li .ap-fico{grid-row:span 2}
  .ap-features strong{margin-top:4px}
  .ap-version{flex:1 1 auto}
  .ap-qr-card{display:none}
  .ap-release{padding:36px 0 48px}
}