*{margin:0;padding:0;box-sizing:border-box;}
:root{--ink:#0f1226;--muted:#5b6178;--soft:#f1f2f9;--vio:#7c3aed;--pink:#ec4899;--line:#ececf3;}
html{scroll-behavior:smooth;}
body{font-family:'Inter','Segoe UI',system-ui,sans-serif;color:var(--ink);background:#fff;line-height:1.6;-webkit-font-smoothing:antialiased;}
a{text-decoration:none;color:inherit;}
h1,h2,h3,h4,.dfont{font-family:'Outfit','Segoe UI',sans-serif;}
.wrap{max-width:1160px;margin:0 auto;padding:0 22px;}
.narrow{max-width:760px;}
section{padding:100px 0;}
h2{font-size:clamp(29px,4.8vw,44px);font-weight:800;letter-spacing:-1.2px;line-height:1.12;}
.lead{color:var(--muted);font-size:18px;max-width:640px;}
.center{text-align:center;margin-left:auto;margin-right:auto;}
.reveal{opacity:0;transform:translateY(26px);transition:opacity .7s ease,transform .7s ease;}
.reveal.in{opacity:1;transform:none;}

nav{position:sticky;top:0;z-index:60;background:rgba(255,255,255,.8);backdrop-filter:blur(14px);border-bottom:1px solid #f0f0f5;}
.nav{display:flex;align-items:center;justify-content:space-between;height:68px;}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;font-family:'Outfit';}
.logo .mark{width:36px;height:36px;border-radius:11px;background:linear-gradient(135deg,var(--vio),var(--pink));display:flex;align-items:center;justify-content:center;color:#fff;font-weight:900;box-shadow:0 6px 16px rgba(124,58,237,.4);}
.menu{display:flex;gap:30px;align-items:center;}
.menu a{color:var(--muted);font-weight:600;font-size:15px;transition:color .2s;}
.menu a:hover{color:var(--ink);}
.cta{display:inline-flex;align-items:center;gap:8px;background:var(--ink);color:#fff;padding:12px 22px;border-radius:999px;font-weight:700;font-size:15px;transition:transform .2s,box-shadow .2s;}
.cta:hover{transform:translateY(-2px);box-shadow:0 10px 24px rgba(15,18,38,.25);}
.cta.grad{background:linear-gradient(135deg,var(--vio),var(--pink));}
@media(max-width:820px){.menu{display:none;}}

.hero{position:relative;overflow:hidden;background:linear-gradient(125deg,#7c3aed,#db2777,#f59e0b,#06b6d4);background-size:300% 300%;animation:bg 18s ease infinite;color:#fff;padding:84px 0 110px;}
.hero.sm{padding:70px 0 80px;}
@keyframes bg{0%{background-position:0 50%}50%{background-position:100% 50%}100%{background-position:0 50%}}
.hero .blob{position:absolute;border-radius:50%;filter:blur(80px);opacity:.4;}
.hero .blob.x{width:380px;height:380px;background:#fff;top:-130px;left:-90px;animation:fl 11s ease-in-out infinite;}
.hero .blob.y{width:320px;height:320px;background:#ffe66d;bottom:-130px;right:-70px;animation:fl 14s ease-in-out infinite reverse;}
@keyframes fl{0%,100%{transform:translateY(0)}50%{transform:translateY(36px)}}
.hero-grid{position:relative;z-index:2;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center;}
.hero h1{font-size:clamp(38px,6.2vw,64px);font-weight:900;letter-spacing:-2px;line-height:1.03;text-shadow:0 8px 34px rgba(0,0,0,.2);}
.hero h1 .wave{display:inline-block;animation:wv 2.6s ease-in-out infinite;transform-origin:70% 70%;}
@keyframes wv{0%,60%,100%{transform:rotate(0)}10%{transform:rotate(18deg)}30%{transform:rotate(-12deg)}}
.hero .sub{font-size:clamp(17px,2.2vw,21px);opacity:.96;margin:22px 0 32px;max-width:540px;}
.hero.center .sub{margin-left:auto;margin-right:auto;}
.btns{display:flex;gap:14px;flex-wrap:wrap;}
.hero.center .btns{justify-content:center;}
.ghost{background:rgba(255,255,255,.16);border:1px solid rgba(255,255,255,.42);color:#fff;}
.stats{display:flex;gap:34px;margin-top:42px;flex-wrap:wrap;}
.stats b{display:block;font-size:28px;font-weight:900;font-family:'Outfit';}
.stats span{font-size:13px;opacity:.85;}

.cluster{position:relative;height:580px;display:flex;align-items:center;justify-content:center;}
.cluster .phone{position:absolute;}
.cluster .p-l{transform:translateX(-128px) translateY(34px) rotate(-9deg) scale(.84);z-index:1;opacity:.97;}
.cluster .p-r{transform:translateX(128px) translateY(34px) rotate(9deg) scale(.84);z-index:2;opacity:.97;}
.cluster .p-c{z-index:3;animation:fa 6s ease-in-out infinite;}
@keyframes fa{0%,100%{transform:translateY(0)}50%{transform:translateY(-18px)}}
@media(max-width:980px){.cluster .p-l,.cluster .p-r{display:none;}}
@media(max-width:820px){.hero-grid{grid-template-columns:1fr;gap:30px;}.cluster{height:560px;margin-top:10px;}}

.phone{width:250px;height:520px;background:#0b0d1a;border-radius:42px;padding:11px;box-shadow:0 44px 90px rgba(0,0,0,.34),inset 0 0 0 2px #23263a;position:relative;flex:0 0 auto;}
.phone::before{content:"";position:absolute;top:16px;left:50%;transform:translateX(-50%);width:104px;height:26px;background:#0b0d1a;border-radius:0 0 18px 18px;z-index:5;}
.scr{width:100%;height:100%;border-radius:32px;overflow:hidden;background:#f5f6fb;display:flex;flex-direction:column;position:relative;}
.sb{display:flex;justify-content:space-between;align-items:center;padding:9px 18px 2px;font-size:11px;font-weight:700;color:#fff;}
.sb .r{display:flex;align-items:center;gap:5px;}
.bat{display:inline-block;width:20px;height:10px;border:1.4px solid currentColor;border-radius:3px;position:relative;opacity:.95;}
.bat::after{content:"";position:absolute;inset:1.5px;width:65%;background:currentColor;border-radius:1px;}
.top{color:#fff;padding-bottom:14px;}
.hd{padding:6px 16px 0;}
.hd .t1{font-family:'Outfit';font-weight:900;font-size:20px;letter-spacing:-.5px;display:flex;align-items:center;gap:7px;}
.hd .t2{font-size:11.5px;opacity:.9;margin-top:2px;}
.body{flex:1;padding:13px 13px 8px;overflow:hidden;}
.nav3{background:#fff;border-top:1px solid #eef0f5;display:flex;justify-content:space-around;padding:9px 4px 11px;}
.nav3 span{font-size:9px;color:#9aa0b4;display:flex;flex-direction:column;align-items:center;gap:3px;font-weight:600;}
.nav3 span.on{color:var(--vio);}
.nav3 i{font-size:17px;font-style:normal;}
.row{background:#fff;border-radius:15px;padding:9px 10px;margin-bottom:9px;display:flex;gap:10px;align-items:center;box-shadow:0 5px 14px rgba(20,16,60,.05);}
.av{width:38px;height:38px;border-radius:50%;flex:0 0 auto;display:flex;align-items:center;justify-content:center;font-size:15px;font-weight:800;color:#fff;font-family:'Outfit';}
.row .tt{font-weight:700;font-size:12.5px;}
.row .ds{font-size:10px;color:#8a90a6;}
.pill{font-size:9.5px;font-weight:800;padding:3px 8px;border-radius:999px;}
.chat{width:30px;height:30px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:13px;color:#fff;flex:0 0 auto;}
.s-yak .top{background:linear-gradient(135deg,#0891b2,#3b82f6);}
.s-yak .toggle{display:flex;gap:6px;margin-bottom:10px;}
.s-yak .toggle span{font-size:10px;font-weight:700;padding:5px 12px;border-radius:999px;background:#fff;color:#8a90a6;box-shadow:0 4px 10px rgba(20,16,60,.05);}
.s-yak .toggle span.on{background:#3b82f6;color:#fff;}
.s-yak .filt{background:#fff;border-radius:14px;padding:10px 12px;margin-bottom:11px;box-shadow:0 5px 14px rgba(20,16,60,.05);}
.s-yak .filt .l{display:flex;align-items:center;justify-content:space-between;font-size:11px;font-weight:800;color:#0369a1;}
.s-yak .filt .l .v{background:#3b82f6;color:#fff;padding:3px 9px;border-radius:999px;font-size:9.5px;}
.s-yak .filt .tr{height:4px;background:#e6eefb;border-radius:99px;margin-top:9px;position:relative;}
.s-yak .filt .tr::before{content:"";position:absolute;left:0;top:0;bottom:0;width:42%;background:#3b82f6;border-radius:99px;}
.s-yak .filt .tr::after{content:"";position:absolute;left:40%;top:50%;width:11px;height:11px;background:#fff;border:2px solid #3b82f6;border-radius:50%;transform:translateY(-50%);}
.s-yak .pill{background:#e0f2fe;color:#0369a1;}
.s-yak .chat{background:linear-gradient(135deg,#0891b2,#3b82f6);}
.s-snap .top{background:linear-gradient(135deg,#f43f5e,#fb7185);}
.s-snap .hd{display:flex;align-items:flex-start;justify-content:space-between;}
.s-snap .flag{font-size:15px;opacity:.9;}
.s-snap .photo{height:262px;border-radius:20px;position:relative;overflow:hidden;background:linear-gradient(165deg,#fb7185,#f43f5e 55%,#f59e0b);display:flex;align-items:center;justify-content:center;color:#fff;box-shadow:0 18px 34px rgba(244,63,94,.32);}
.s-snap .photo .sil{font-size:128px;filter:drop-shadow(0 8px 16px rgba(0,0,0,.18));}
.s-snap .photo .haze{position:absolute;inset:0;backdrop-filter:blur(9px);-webkit-backdrop-filter:blur(9px);background:rgba(255,255,255,.12);animation:reveal 4.2s ease-in-out infinite;}
@keyframes reveal{0%,20%{opacity:1}65%,100%{opacity:0}}
.s-snap .photo .cap{position:absolute;bottom:12px;left:10px;right:10px;text-align:center;font-size:12px;font-weight:800;text-shadow:0 2px 10px rgba(0,0,0,.35);z-index:2;}
.s-snap .chips{display:flex;gap:6px;margin:12px 2px 0;}
.s-snap .chips .t{font-size:10px;font-weight:800;padding:5px 10px;border-radius:999px;background:#fff;color:#be123c;box-shadow:0 4px 10px rgba(0,0,0,.05);}
.s-snap .newbtn{margin-top:13px;text-align:center;color:#fff;font-weight:800;font-size:13px;padding:13px;border-radius:15px;background:linear-gradient(135deg,#f43f5e,#f59e0b);box-shadow:0 10px 22px rgba(244,63,94,.35);}
.s-fis .top{background:linear-gradient(135deg,#8b5cf6,#ec4899);}
.s-fis .bubble{background:#fff;border-radius:15px 15px 15px 5px;padding:11px;margin-bottom:9px;font-size:12px;box-shadow:0 5px 14px rgba(20,16,60,.05);}
.s-fis .bubble .h{display:flex;align-items:center;gap:6px;margin-bottom:4px;}
.s-fis .bubble .h .a{width:22px;height:22px;border-radius:50%;background:linear-gradient(135deg,#8b5cf6,#ec4899);display:flex;align-items:center;justify-content:center;font-size:11px;}
.s-fis .bubble .h b{font-size:10px;color:#8b5cf6;}
.s-fis .bubble .h .tm{margin-left:auto;font-size:9px;color:#b3b8c9;}

.app{display:grid;grid-template-columns:1fr 1fr;gap:56px;align-items:center;}
.app+.app{margin-top:96px;}
.app.rev .info{order:2;}
.tag{display:inline-block;font-size:12px;font-weight:800;letter-spacing:.5px;padding:7px 14px;border-radius:999px;margin-bottom:18px;text-transform:uppercase;font-family:'Outfit';}
.info h3{font-size:clamp(27px,3.8vw,38px);font-weight:900;letter-spacing:-.8px;margin-bottom:13px;}
.info p{color:var(--muted);font-size:17px;margin-bottom:22px;}
.feat{list-style:none;display:grid;gap:13px;margin-bottom:26px;}
.feat li{display:flex;gap:12px;align-items:flex-start;font-weight:600;font-size:15.5px;}
.feat li i{flex:0 0 auto;width:25px;height:25px;border-radius:8px;display:flex;align-items:center;justify-content:center;font-size:13px;font-style:normal;color:#fff;}
.steps{display:flex;gap:8px;margin-bottom:26px;flex-wrap:wrap;}
.steps span{font-size:12px;font-weight:700;color:var(--muted);background:var(--soft);padding:7px 13px;border-radius:999px;}
.steps span b{color:var(--ink);}
.c-yak .tag{background:#e0f2fe;color:#0369a1;} .c-yak i{background:linear-gradient(135deg,#0891b2,#3b82f6);} .c-yak .btn-a{background:linear-gradient(135deg,#0891b2,#3b82f6);box-shadow:0 12px 26px rgba(8,145,178,.32);}
.c-snap .tag{background:#ffe4e6;color:#be123c;} .c-snap i{background:linear-gradient(135deg,#f43f5e,#f59e0b);} .c-snap .btn-a{background:linear-gradient(135deg,#f43f5e,#f59e0b);box-shadow:0 12px 26px rgba(244,63,94,.32);}
.c-fis .tag{background:#f3e8ff;color:#7c3aed;} .c-fis i{background:linear-gradient(135deg,#8b5cf6,#ec4899);} .c-fis .btn-a{background:linear-gradient(135deg,#8b5cf6,#ec4899);box-shadow:0 12px 26px rgba(139,92,246,.32);}
.btn-a{display:inline-flex;align-items:center;gap:9px;color:#fff;padding:14px 26px;border-radius:999px;font-weight:700;font-size:15px;transition:transform .2s;}
.btn-a:hover{transform:translateY(-3px);}
.linkmore{display:inline-flex;align-items:center;gap:6px;margin-left:14px;font-weight:700;font-size:15px;color:var(--vio);}
.art{display:flex;justify-content:center;}
@media(max-width:860px){.app{grid-template-columns:1fr;gap:42px;}.app.rev .info{order:0;}}

.why{background:var(--soft);}
.fgrid{display:grid;grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:24px;margin-top:52px;}
.fcard{background:#fff;border-radius:22px;padding:32px 28px;box-shadow:0 14px 34px rgba(20,16,60,.05);transition:transform .3s;}
.fcard:hover{transform:translateY(-8px);}
.fcard .ico{width:60px;height:60px;border-radius:17px;background:linear-gradient(135deg,var(--vio),var(--pink));display:flex;align-items:center;justify-content:center;font-size:29px;margin-bottom:17px;box-shadow:0 10px 22px rgba(124,58,237,.28);}
.fcard h4{font-size:19px;font-weight:800;margin-bottom:8px;}
.fcard p{color:var(--muted);font-size:15px;}

.faq details{background:#fff;border:1px solid var(--line);border-radius:16px;padding:4px 22px;margin-bottom:14px;transition:box-shadow .2s;}
.faq details[open]{box-shadow:0 12px 30px rgba(20,16,60,.07);}
.faq summary{cursor:pointer;font-weight:700;font-size:17px;padding:17px 0;list-style:none;display:flex;justify-content:space-between;align-items:center;font-family:'Outfit';}
.faq summary::-webkit-details-marker{display:none;}
.faq summary::after{content:"+";font-size:25px;color:var(--vio);transition:transform .2s;}
.faq details[open] summary::after{transform:rotate(45deg);}
.faq p{color:var(--muted);padding:0 0 18px;font-size:15.5px;}

.band{background:linear-gradient(135deg,var(--vio),var(--pink));color:#fff;border-radius:34px;padding:64px 30px;text-align:center;position:relative;overflow:hidden;}
.band::before{content:"";position:absolute;width:300px;height:300px;background:rgba(255,255,255,.12);border-radius:50%;top:-150px;right:-60px;}
.band h2{color:#fff;position:relative;}
.band p{opacity:.95;font-size:18px;margin:14px auto 28px;max-width:520px;position:relative;}

/* breadcrumb */
.crumb{font-size:13.5px;color:var(--muted);padding:22px 0 0;}
.crumb a{color:var(--muted);}
.crumb a:hover{color:var(--vio);}
.crumb span{color:var(--ink);font-weight:600;}

/* prose / article */
.prose{font-size:17px;color:#2a2f45;}
.prose h2{font-size:clamp(24px,3.4vw,32px);margin:38px 0 14px;letter-spacing:-.6px;}
.prose h3{font-size:21px;margin:28px 0 10px;font-weight:800;}
.prose p{margin-bottom:18px;}
.prose ul{margin:0 0 18px 22px;}
.prose li{margin-bottom:8px;}
.prose a{color:var(--vio);font-weight:600;}
.prose a:hover{text-decoration:underline;}
.prose strong{color:var(--ink);}
.callout{background:var(--soft);border-left:4px solid var(--vio);border-radius:12px;padding:16px 20px;margin:24px 0;font-size:16px;}

/* blog grid */
.posts{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:26px;margin-top:50px;}
.post{display:block;background:#fff;border:1px solid var(--line);border-radius:22px;overflow:hidden;transition:transform .3s,box-shadow .3s;}
.post:hover{transform:translateY(-8px);box-shadow:0 22px 50px rgba(20,16,60,.1);}
.post .cover{height:150px;display:flex;align-items:center;justify-content:center;font-size:54px;}
.post .cover .appbadge{display:inline-flex;align-items:center;gap:9px;color:#fff;font-family:'Outfit';font-weight:800;font-size:23px;letter-spacing:-.3px;text-shadow:0 2px 12px rgba(0,0,0,.2);}
.post .pc{padding:22px 24px 26px;}
.post .k{font-size:12px;font-weight:800;color:var(--vio);text-transform:uppercase;letter-spacing:.4px;}
.post h3{font-size:20px;font-weight:800;margin:8px 0;letter-spacing:-.4px;}
.post p{color:var(--muted);font-size:15px;}

footer{background:#0b0d1a;color:#aab0c6;padding:66px 0 40px;}
.fcols{display:grid;grid-template-columns:1.5fr 1fr 1fr;gap:30px;margin-bottom:42px;}
footer h5{color:#fff;font-size:13px;text-transform:uppercase;letter-spacing:.7px;margin-bottom:15px;font-family:'Outfit';}
footer a{display:block;color:#aab0c6;font-size:14.5px;padding:5px 0;transition:color .2s;}
footer a:hover{color:#fff;}
.fbrand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;color:#fff;margin-bottom:12px;font-family:'Outfit';}
.fbar{border-top:1px solid #1b1f33;padding-top:24px;text-align:center;font-size:13.5px;opacity:.7;}
@media(max-width:760px){.fcols{grid-template-columns:1fr 1fr;}}

/* Google Play rozet butonu */
.gp{display:inline-flex;align-items:center;gap:12px;background:#0b0d1a;color:#fff;border:1px solid #2a2e44;border-radius:14px;padding:11px 22px 11px 18px;transition:transform .2s,box-shadow .2s;}
.gp:hover{transform:translateY(-3px);box-shadow:0 16px 32px rgba(0,0,0,.32);}
.gp svg{width:27px;height:30px;flex:0 0 auto;}
.gp .gt{display:flex;flex-direction:column;line-height:1.12;text-align:left;}
.gp .gt small{font-size:10px;letter-spacing:.7px;text-transform:uppercase;opacity:.85;}
.gp .gt b{font-family:'Outfit';font-size:19px;font-weight:800;letter-spacing:.2px;}
.gp.lg{padding:14px 28px 14px 22px;border-radius:16px;}
.gp.lg svg{width:31px;height:34px;}
.gp.lg .gt b{font-size:22px;}

/* indirme bandi + QR */
.dlband{background:linear-gradient(135deg,#0891b2,#3b82f6);color:#fff;border-radius:30px;padding:46px 44px;display:flex;align-items:center;justify-content:space-between;gap:36px;flex-wrap:wrap;box-shadow:0 24px 54px rgba(8,145,178,.28);position:relative;overflow:hidden;}
.dlband::before{content:"";position:absolute;width:280px;height:280px;background:rgba(255,255,255,.1);border-radius:50%;top:-130px;left:-60px;}
.dl-info{flex:1 1 320px;position:relative;z-index:2;}
.dlband h2{color:#fff;font-size:clamp(26px,3.6vw,36px);letter-spacing:-.8px;}
.dlband p{opacity:.96;font-size:17px;margin:10px 0 24px;max-width:430px;}
.qrbox{background:#fff;border-radius:22px;padding:16px;text-align:center;flex:0 0 auto;box-shadow:0 18px 34px rgba(0,0,0,.2);position:relative;z-index:2;}
.qrbox img{width:158px;height:158px;display:block;border-radius:10px;}
.qrbox span{display:block;margin-top:9px;font-size:12.5px;font-weight:700;color:#0f1226;}
@media(max-width:620px){.dlband{padding:34px 26px;justify-content:center;text-align:center;}.dl-info{flex-basis:100%;}.dlband p{margin-left:auto;margin-right:auto;}}