/* "Web Indirme ve Demo.html" (Claude Design, 18.10.2026): the page's own <style>, kept as it is (without the review board). */
/* sayfa başlığı · İletişim sayfasıyla aynı */
.sp{padding:150px 0 100px;color:#fff;background:radial-gradient(900px 500px at 80% 0%,rgba(124,118,255,.35),transparent 62%),linear-gradient(180deg,#0B1238,#141A55);border-radius:0 0 40px 40px;position:relative;overflow:hidden;isolation:isolate}
.sp::before{content:"";position:absolute;inset:0;z-index:-1;background:repeating-radial-gradient(circle at 80% 0%,rgba(170,166,255,.08) 0 1px,transparent 1.5px 120px)}
.sp h1{margin:18px 0 0;font:800 clamp(36px,5vw,64px)/1.05 'Plus Jakarta Sans';letter-spacing:-.035em;text-wrap:balance}
.sp h1 em,.sh2 em{font-style:normal;background:linear-gradient(90deg,#D6D3FF,#9C8CFF);-webkit-background-clip:text;background-clip:text;color:transparent}
.sp p{margin:16px 0 0;max-width:620px;font:500 18px/1.6 'Plus Jakarta Sans';color:rgba(255,255,255,.74);text-wrap:pretty}
.sp .kw-tag{background:rgba(124,118,255,.18);color:#D6D3FF;box-shadow:inset 0 0 0 1px rgba(170,166,255,.3)}.sp .kw-tag i{background:#B9B5FF}
.bd{padding:80px 0 110px}
.sh2{margin:16px 0 0;font:800 clamp(30px,3.6vw,46px)/1.1 'Plus Jakarta Sans';letter-spacing:-.035em;color:var(--nv);text-wrap:balance}
.sh2 em{background:linear-gradient(90deg,#5049E6,#8B5CF6);-webkit-background-clip:text;background-clip:text}
.cta2{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:20px;margin-top:56px;padding:32px;border-radius:28px;color:#fff;background:linear-gradient(160deg,#1D1F6E,#0B1238)}.cta2 b{font:800 24px/1.2 'Plus Jakarta Sans'}
/* indir · başlık */
.ih{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(0,.85fr);gap:56px;align-items:center}
.cb{display:flex;align-items:center;gap:14px;margin-bottom:22px}
.cb .lo{flex:none;position:relative;width:60px;height:60px;border-radius:18px;overflow:hidden;background:#fff;box-shadow:0 12px 30px -14px rgba(0,0,0,.6)}
.cb .lo span{position:absolute;inset:0;display:grid;place-items:center;font:800 19px/1 'Plus Jakarta Sans';color:var(--pr2)}
.cb .lo image-slot{position:absolute;inset:0;width:100%;height:100%;z-index:1;color:var(--pr2)}
.cb b{display:block;font:800 19px/1.2 'Plus Jakarta Sans'}.cb small{display:block;margin-top:4px;font:600 13.5px/1.3 'Plus Jakarta Sans';color:rgba(255,255,255,.66)}
.stb{display:flex;flex-wrap:wrap;gap:12px;margin-top:32px}
.st{position:relative;display:inline-flex;align-items:center;gap:12px;height:62px;padding:0 22px 0 18px;border-radius:17px;background:#fff;color:var(--nv);box-shadow:0 18px 36px -18px rgba(0,0,0,.6);transition:transform .25s var(--e),box-shadow .25s var(--e)}
.st:hover{color:var(--nv);transform:translateY(-2px);box-shadow:0 0 0 3px rgba(185,181,255,.55),0 22px 40px -18px rgba(0,0,0,.7)}
.st .ic{flex:none;width:34px;height:34px;border-radius:10px;display:grid;place-items:center;background:var(--lav2);color:var(--pr2)}
.st span.tx{display:flex;flex-direction:column;gap:4px;text-align:left}.st small{font:700 11.5px/1 'Plus Jakarta Sans';color:var(--mut)}.st b{font:800 18px/1 'Plus Jakarta Sans'}
.st.g2{background:rgba(255,255,255,.08);color:#fff;box-shadow:inset 0 0 0 1px rgba(255,255,255,.24);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.st.g2:hover{color:#fff}.st.g2 small{color:rgba(255,255,255,.66)}.st.g2 .ic{background:rgba(255,255,255,.12);color:#fff}
.st em{position:absolute;right:12px;top:-11px;height:22px;padding:0 9px;display:inline-flex;align-items:center;border-radius:999px;background:#F5B400;color:#141A33;font:800 11px/1 'Plus Jakarta Sans';font-style:normal}
.mli{margin-top:16px;font:600 14.5px/1.4 'Plus Jakarta Sans';color:rgba(255,255,255,.72)}.mli a{color:#fff;text-decoration:underline;text-underline-offset:3px}
/* QR kartı · tarama çizgisi */
.qr{justify-self:end;width:100%;max-width:360px;padding:26px;border-radius:30px;background:#fff;color:var(--ink);box-shadow:0 40px 80px -30px rgba(0,0,0,.6),inset 0 0 0 1px rgba(255,255,255,.6)}
.qr .hd{display:flex;align-items:center;gap:10px;font:800 16px/1.25 'Plus Jakarta Sans';color:var(--nv)}.qr .hd span{flex:none;width:36px;height:36px;border-radius:11px;display:grid;place-items:center;background:var(--lav2);color:var(--pr2)}
.qr p.s{margin:8px 0 0;font:500 14px/1.5 'Plus Jakarta Sans';color:var(--mut)}
.qr .bx{position:relative;margin:18px auto 0;width:100%;max-width:240px;aspect-ratio:1;padding:12px;border-radius:20px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--lav2)}
.qr .bx svg{display:block;width:100%;height:100%}
.qr .bx::before,.qr .bx::after{content:"";position:absolute;pointer-events:none}
.qr .bx::after{left:8%;right:8%;top:10%;height:2px;border-radius:2px;background:linear-gradient(90deg,transparent,#7C76FF,transparent);box-shadow:0 0 14px 2px rgba(124,118,255,.6);animation:wdScan 2.6s ease-in-out infinite alternate}
@keyframes wdScan{to{top:89%}}
.qr .bx::before{inset:-6px;border-radius:24px;background:linear-gradient(var(--pr3),var(--pr3)) 0 0/22px 3px no-repeat,linear-gradient(var(--pr3),var(--pr3)) 0 0/3px 22px no-repeat,linear-gradient(var(--pr3),var(--pr3)) 100% 0/22px 3px no-repeat,linear-gradient(var(--pr3),var(--pr3)) 100% 0/3px 22px no-repeat,linear-gradient(var(--pr3),var(--pr3)) 0 100%/22px 3px no-repeat,linear-gradient(var(--pr3),var(--pr3)) 0 100%/3px 22px no-repeat,linear-gradient(var(--pr3),var(--pr3)) 100% 100%/22px 3px no-repeat,linear-gradient(var(--pr3),var(--pr3)) 100% 100%/3px 22px no-repeat}
.qr .ur{display:flex;align-items:center;gap:8px;margin-top:18px;padding:0 6px 0 14px;height:48px;border-radius:14px;background:var(--lav)}
.qr .ur code{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font:600 12.5px/1 'JetBrains Mono',ui-monospace,monospace;color:var(--nv)}
.qr .ur button{flex:none;height:38px;padding:0 12px;border:0;border-radius:11px;display:inline-flex;align-items:center;gap:6px;background:#fff;color:var(--pr2);box-shadow:inset 0 0 0 1px var(--lav2);font:800 13px/1 'Plus Jakarta Sans';cursor:pointer}.qr .ur button:hover{box-shadow:inset 0 0 0 1.5px #B9B6F2}
/* 3 adım */
.s3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:40px}
.s3>div{display:flex;flex-direction:column;gap:12px;padding:28px;border-radius:26px;background:var(--lav);box-shadow:inset 0 0 0 1px var(--lav2)}
.s3 i{width:44px;height:44px;border-radius:14px;display:grid;place-items:center;background:#fff;color:var(--pr2);font:800 17px/1 'Plus Jakarta Sans';font-style:normal;box-shadow:0 10px 22px -16px rgba(80,73,230,.8)}
.s3 b{font:800 19px/1.25 'Plus Jakarta Sans';color:var(--nv)}.s3 small{font:500 15px/1.55 'Plus Jakarta Sans';color:var(--mut)}
.wrl{display:flex;flex-wrap:wrap;gap:8px;margin-top:4px}.wrl span{height:30px;padding:0 12px;display:inline-flex;align-items:center;border-radius:999px;background:#fff;box-shadow:inset 0 0 0 1px var(--lav2);font:700 13px/1 'Plus Jakarta Sans';color:var(--nv)}
/* telefon görünümü · QR yok, doğrudan mağaza */
body.mob .qr{display:none}body.mob .ih{grid-template-columns:1fr}body.mob .stb{flex-direction:column}body.mob .st{width:100%;height:66px}
body:not(.mob) .mli{display:none}
/* demo */
.dg{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:48px;align-items:start}
.da{position:sticky;top:110px;display:flex;flex-direction:column;gap:22px}
.da ol{list-style:none;margin:6px 0 0;padding:0;display:flex;flex-direction:column;gap:14px}
.da li{display:flex;gap:14px;align-items:flex-start}.da li i{flex:none;width:40px;height:40px;border-radius:13px;display:grid;place-items:center;background:var(--lav2);color:var(--pr2);font:800 16px/1 'Plus Jakarta Sans';font-style:normal}
.da li b{display:block;font:800 16.5px/1.3 'Plus Jakarta Sans';color:var(--nv)}.da li small{display:block;margin-top:3px;font:500 14.5px/1.5 'Plus Jakarta Sans';color:var(--mut)}
.nt{display:flex;gap:10px;align-items:flex-start;padding:16px;border-radius:18px;background:var(--lav);box-shadow:inset 0 0 0 1px var(--lav2);font:500 14px/1.5 'Plus Jakarta Sans';color:var(--mut)}.nt svg{flex:none;color:var(--pr2);margin-top:1px}
.fc{scroll-margin-top:96px;padding:34px;border-radius:30px;background:#fff;box-shadow:inset 0 0 0 1px var(--line),0 40px 80px -50px rgba(7,20,48,.45)}
.fc h2{margin:0;font:800 24px/1.2 'Plus Jakarta Sans';letter-spacing:-.02em;color:var(--nv)}.fc>p.s{margin:6px 0 0;font:500 14.5px/1.5 'Plus Jakarta Sans';color:var(--mut)}
.ff{display:flex;flex-direction:column;gap:18px;margin-top:24px;transition:opacity .25s}.ff.bz{opacity:.6;pointer-events:none}
.f2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px}
.fl{display:flex;flex-direction:column;gap:8px;min-width:0}
.fl>label,.fl>.lb{display:flex;justify-content:space-between;gap:8px;font:800 14px/1.2 'Plus Jakarta Sans';color:var(--nv)}.fl .op{font:600 12.5px/1.2 'Plus Jakarta Sans';color:var(--mut)}
.fi{width:100%;height:54px;padding:0 16px;border:0;border-radius:14px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font:600 15.5px/1 'Plus Jakarta Sans';color:var(--nv);transition:box-shadow .2s;appearance:none;-webkit-appearance:none}
.fi::placeholder{color:#9A9FB8;font-weight:500}.fi:focus{outline:0;box-shadow:inset 0 0 0 2px var(--pr2),0 0 0 4px rgba(80,73,230,.12)}
select.fi{padding-right:44px;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='18' height='18' viewBox='0 0 24 24' fill='none' stroke='%235B6283' stroke-width='2' stroke-linecap='round'%3E%3Cpath d='M6 9l6 6 6-6'/%3E%3C/svg%3E") no-repeat right 16px center;cursor:pointer}
select.fi.ph{color:#9A9FB8;font-weight:500}
textarea.fi{height:auto;min-height:110px;padding:14px 16px;font:500 15px/1.5 'Plus Jakarta Sans';resize:vertical}
.tl{display:flex;align-items:center;height:54px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--line);transition:box-shadow .2s}.tl:focus-within{box-shadow:inset 0 0 0 2px var(--pr2),0 0 0 4px rgba(80,73,230,.12)}
.tl span{flex:none;height:100%;padding:0 12px 0 16px;display:flex;align-items:center;border-right:1.5px solid var(--line);font:700 15px/1 'Plus Jakarta Sans';color:var(--nv)}.tl .fi{box-shadow:none!important;background:transparent}
.fl.bad .fi,.fl.bad .tl,.fl.bad .pk{box-shadow:inset 0 0 0 2px #E5484D}.fl.bad .tl .fi{box-shadow:none}
.fe{display:none;align-items:center;gap:6px;font:700 13px/1.35 'Plus Jakarta Sans';color:#C42D33}.fl.bad .fe,.ck.bad+.fe{display:flex}
.hn{font:500 12.5px/1.4 'Plus Jakarta Sans';color:var(--mut)}.hn.r{display:flex;justify-content:space-between;gap:8px}
.chs{display:flex;flex-wrap:wrap;gap:8px}.chs button{height:44px;padding:0 16px;border:0;border-radius:13px;background:#fff;box-shadow:inset 0 0 0 1.5px var(--line);font:700 14px/1 'Plus Jakarta Sans';color:var(--nv);cursor:pointer;transition:box-shadow .2s,background .2s}
.chs button:hover{box-shadow:inset 0 0 0 1.5px #B9B6F2}.chs button[aria-checked="true"]{background:var(--lav2);color:var(--pr2);box-shadow:inset 0 0 0 2px var(--pr2)}
.fl.bad .chs button{box-shadow:inset 0 0 0 1.5px #F0A3A6}
/* branş seçici */
.pk{position:relative;display:flex;flex-wrap:wrap;align-items:center;gap:6px;min-height:54px;padding:7px 10px;border-radius:14px;box-shadow:inset 0 0 0 1.5px var(--line);cursor:text;transition:box-shadow .2s}
.pk:focus-within{box-shadow:inset 0 0 0 2px var(--pr2),0 0 0 4px rgba(80,73,230,.12)}
.pk .tg{height:34px;padding:0 6px 0 12px;display:inline-flex;align-items:center;gap:4px;border-radius:10px;background:var(--lav2);font:700 13.5px/1 'Plus Jakarta Sans';color:var(--pr2)}
.pk .tg button{width:26px;height:26px;border:0;border-radius:8px;background:none;color:var(--pr2);display:grid;place-items:center;cursor:pointer}.pk .tg button:hover{background:#fff}
.pk input{flex:1;min-width:120px;height:38px;border:0;outline:0;background:none;padding:0 6px;font:600 15px/1 'Plus Jakarta Sans';color:var(--nv)}.pk input::placeholder{color:#9A9FB8;font-weight:500}
.pl{position:absolute;left:0;right:0;top:calc(100% + 6px);z-index:5;max-height:264px;overflow:auto;padding:6px;border-radius:16px;background:#fff;box-shadow:0 0 0 1px var(--line),0 24px 50px -20px rgba(7,20,48,.35);display:none}.pk.on .pl{display:block}
.pl button{width:100%;height:44px;padding:0 12px;border:0;border-radius:11px;background:none;display:flex;align-items:center;justify-content:space-between;font:700 14.5px/1 'Plus Jakarta Sans';color:var(--nv);cursor:pointer;text-align:left}
.pl button:hover,.pl button.hi{background:var(--lav)}.pl button[aria-selected="true"]{color:var(--pr2)}.pl button svg{opacity:0}.pl button[aria-selected="true"] svg{opacity:1}.pl .no{padding:14px 12px;font:600 14px/1.4 'Plus Jakarta Sans';color:var(--mut)}
/* KVKK */
.ck{display:flex;gap:14px;align-items:flex-start;width:100%;padding:16px;border:0;border-radius:18px;background:var(--lav);box-shadow:inset 0 0 0 1px var(--lav2);text-align:left;cursor:pointer;font:600 14.5px/1.5 'Plus Jakarta Sans';color:var(--nv)}
.ck .bx{flex:none;width:26px;height:26px;border-radius:8px;display:grid;place-items:center;background:#fff;box-shadow:inset 0 0 0 1.5px #A4A8C2;color:transparent;transition:background .2s}
.ck[aria-checked="true"] .bx{background:var(--pr2);box-shadow:none;color:#fff}.ck.bad{box-shadow:inset 0 0 0 2px #E5484D}.ck a{font-weight:800;text-decoration:underline;text-underline-offset:3px}
.al{display:flex;gap:10px;align-items:flex-start;padding:14px 16px;border-radius:16px;font:700 14px/1.45 'Plus Jakarta Sans'}.al svg{flex:none;margin-top:1px}
.al.er{background:#FFF1F1;color:#B42D33;box-shadow:inset 0 0 0 1px #F7C9CB}.al ul{margin:6px 0 0;padding:0;list-style:none;display:flex;flex-wrap:wrap;gap:6px}
.al ul button{height:30px;padding:0 10px;border:0;border-radius:9px;background:#fff;color:#B42D33;font:700 12.5px/1 'Plus Jakarta Sans';cursor:pointer;box-shadow:inset 0 0 0 1px #F7C9CB}
.sb{width:100%;height:58px;font-size:16px}
.spn{width:18px;height:18px;border-radius:50%;border:2.5px solid rgba(255,255,255,.35);border-top-color:#fff;animation:wdSp .8s linear infinite}@keyframes wdSp{to{transform:rotate(360deg)}}
/* gönderildi */
.ok{display:flex;flex-direction:column;align-items:center;text-align:center;gap:12px;padding:12px 0}
.ok .ci{width:84px;height:84px;border-radius:50%;display:grid;place-items:center;background:linear-gradient(180deg,#625BF0,#4C45DE);color:#fff;box-shadow:0 0 0 10px var(--lav2),0 24px 40px -18px rgba(80,73,230,.8);animation:wdPop .55s var(--e)}
.ok .ci path{stroke-dasharray:24;stroke-dashoffset:24;animation:wdDraw .5s .3s var(--e) forwards}@keyframes wdDraw{to{stroke-dashoffset:0}}@keyframes wdPop{from{transform:scale(.4);opacity:0}}
.ok h2{margin:10px 0 0;font:800 28px/1.15 'Plus Jakarta Sans';letter-spacing:-.025em;color:var(--nv)}.ok p{margin:0;max-width:440px;font:500 15.5px/1.6 'Plus Jakarta Sans';color:var(--mut)}.ok p b{color:var(--nv)}
.ok dl{width:100%;margin:12px 0 0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;text-align:left}.ok dl div{padding:12px 14px;border-radius:14px;background:var(--lav)}.ok dt{font:700 12px/1 'Plus Jakarta Sans';color:var(--mut)}.ok dd{margin:6px 0 0;font:800 14.5px/1.35 'Plus Jakarta Sans';color:var(--nv)}
.ok .ac{display:flex;flex-wrap:wrap;justify-content:center;gap:10px;margin-top:12px}
.tst{position:fixed;left:50%;bottom:24px;z-index:80;transform:translate(-50%,20px);opacity:0;pointer-events:none;height:48px;padding:0 18px;display:flex;align-items:center;gap:8px;border-radius:14px;background:var(--nv);color:#fff;font:700 14px/1 'Plus Jakarta Sans';box-shadow:0 20px 40px -20px rgba(7,20,48,.8);transition:opacity .25s,transform .25s var(--e)}.tst.on{opacity:1;transform:translate(-50%,0)}
@media (max-width:1020px){.ih,.dg{grid-template-columns:1fr;gap:36px}.qr{justify-self:start}.da{position:static;order:2}}
@media (max-width:860px){.s3{grid-template-columns:1fr}}
@media (max-width:760px){.sp{padding:110px 0 64px;border-radius:0 0 28px 28px}.sp p{font-size:16.5px}.bd{padding:56px 0 80px}.f2{grid-template-columns:1fr}.fc{padding:22px 18px;border-radius:24px}.cta2{padding:24px}.cta2 .kw-b{width:100%}.ok dl{grid-template-columns:1fr}.ok .ac .kw-b{width:100%}.s3>div{padding:22px}}