/* bahiskazani.com — ortak stil dosyası */
*,*::before,*::after{box-sizing:border-box;margin:0;padding:0}
:root{
  --bg:#07051A;--glass:rgba(255,255,255,.045);--glass-2:rgba(255,255,255,.08);--line:rgba(255,255,255,.10);--line-2:rgba(255,255,255,.2);
  --purple:#7C3AED;--violet:#A855F7;--pink:#E879F9;--yellow:#FACC15;--ink:#F7F5FF;--muted:#BDB4E3;--dim:#8F86BD;--ok:#4ADE80;
  --display:"Unbounded","Manrope",system-ui,sans-serif;
  --body:"Manrope",system-ui,-apple-system,"Segoe UI",sans-serif;
  --wrap:1120px;--r:26px;--r-s:16px;
}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{font-family:var(--body);background:var(--bg);color:var(--ink);line-height:1.65;font-size:16px;overflow-x:hidden;position:relative}
body::before{content:"";position:fixed;inset:-20vmax;z-index:-1;pointer-events:none;
  background:
    radial-gradient(38vmax 38vmax at 18% 22%,rgba(124,58,237,.55),transparent 62%),
    radial-gradient(30vmax 30vmax at 84% 18%,rgba(232,121,249,.28),transparent 62%),
    radial-gradient(34vmax 34vmax at 72% 78%,rgba(250,204,21,.13),transparent 62%),
    radial-gradient(40vmax 40vmax at 12% 88%,rgba(76,29,149,.5),transparent 62%);
  filter:blur(30px);animation:drift 26s ease-in-out infinite alternate}
@keyframes drift{to{transform:translate3d(-4vmax,3vmax,0) rotate(6deg)}}
a{color:var(--yellow)}
a:focus-visible,summary:focus-visible{outline:2px solid var(--yellow);outline-offset:3px;border-radius:8px}
img,svg{max-width:100%;display:block}
.wrap{max-width:var(--wrap);margin:0 auto;padding:0 24px}
.num{font-variant-numeric:tabular-nums}

/* yüzen üst bar */
.top{position:sticky;top:12px;z-index:50;padding:0 16px;margin-top:12px}
.top-in{max-width:var(--wrap);margin:0 auto;display:flex;align-items:center;gap:16px;padding:8px 10px 8px 14px;border-radius:999px;background:rgba(14,10,36,.72);backdrop-filter:blur(18px) saturate(160%);-webkit-backdrop-filter:blur(18px) saturate(160%);border:1px solid var(--line);box-shadow:0 10px 40px rgba(0,0,0,.35)}
.brand{display:flex;align-items:center;gap:10px;text-decoration:none;color:var(--ink);font-family:var(--display);font-weight:700;font-size:14px;letter-spacing:-.2px;flex-shrink:0}
.brand-mark{width:34px;height:34px;border-radius:50%;background:conic-gradient(from 210deg,var(--yellow),#FDE68A,var(--pink),var(--violet),var(--yellow));color:#1B0540;display:grid;place-items:center;font-size:11px;font-weight:800}
.nav{display:flex;gap:2px;margin:0 auto;overflow-x:auto;scrollbar-width:none}
.nav::-webkit-scrollbar{display:none}
.nav a{color:var(--muted);text-decoration:none;font-size:14px;font-weight:700;padding:8px 14px;border-radius:999px;white-space:nowrap;transition:color .15s,background .15s}
.nav a:hover{color:var(--ink);background:var(--glass-2)}
.nav a[aria-current=page]{color:#1B0540;background:var(--yellow)}
.clock-pill{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:700;color:var(--muted);padding:8px 14px;border-radius:999px;background:var(--glass);border:1px solid var(--line);white-space:nowrap;flex-shrink:0}
.clock-pill b{color:var(--ink);font-weight:800}
.live{width:8px;height:8px;border-radius:50%;background:var(--ok);box-shadow:0 0 0 0 rgba(74,222,128,.6);animation:ping 2s infinite;flex-shrink:0}
@keyframes ping{70%{box-shadow:0 0 0 9px rgba(74,222,128,0)}100%{box-shadow:0 0 0 0 rgba(74,222,128,0)}}

/* butonlar */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:10px;font-family:var(--body);font-weight:800;font-size:15px;line-height:1.2;text-decoration:none;padding:16px 26px;border-radius:999px;border:1px solid transparent;transition:transform .15s,box-shadow .2s,background .15s,border-color .15s;position:relative;overflow:hidden}
.btn:hover{transform:translateY(-2px)}
.btn-go{background:linear-gradient(180deg,#FFE066,var(--yellow));color:#1B0540;box-shadow:0 10px 36px rgba(250,204,21,.35),inset 0 1px 0 rgba(255,255,255,.6)}
.btn-go:hover{box-shadow:0 14px 48px rgba(250,204,21,.5),inset 0 1px 0 rgba(255,255,255,.6)}
.btn-go::after{content:"";position:absolute;inset:0;background:linear-gradient(105deg,transparent 35%,rgba(255,255,255,.65) 50%,transparent 65%);transform:translateX(-120%);animation:shine 4.5s ease-in-out infinite}
@keyframes shine{0%,60%{transform:translateX(-120%)}100%{transform:translateX(120%)}}
.btn-line{background:var(--glass);color:var(--ink);border-color:var(--line)}
.btn-line:hover{border-color:var(--line-2);background:var(--glass-2)}
.btn-s{padding:10px 18px;font-size:13px}
.btn-xl{padding:20px 30px;font-size:17px}
.btn .i{width:18px;height:18px}

/* cam kutu */
.tile,.card,.rows,.faq,.table-wrap,.note,.qr{background:var(--glass);border:1px solid var(--line);border-radius:var(--r);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}

/* hero */
.hero{padding:44px 0 20px}
.crumb{font-size:13px;color:var(--dim);margin-bottom:14px}
.crumb a{color:var(--muted);text-decoration:none}
.crumb a:hover{color:var(--yellow)}
h1{font-family:var(--display);font-weight:700;font-size:clamp(26px,4vw,44px);line-height:1.12;letter-spacing:-1px;margin-bottom:14px;max-width:18ch}
.lead{font-size:17px;color:var(--muted);max-width:58ch;margin-bottom:28px}
.actions{display:flex;flex-wrap:wrap;gap:10px}

/* bento */
.bento{display:grid;grid-template-columns:repeat(12,1fr);gap:14px}
.tile{padding:24px;position:relative;overflow:hidden;container-type:inline-size;display:flex;flex-direction:column}
.t-addr{grid-column:span 8;padding:30px;border-color:transparent;
  background:linear-gradient(rgba(16,11,42,.82),rgba(16,11,42,.82)) padding-box,linear-gradient(135deg,var(--yellow),var(--pink) 45%,var(--purple)) border-box;border:1.5px solid transparent}
.t-addr::after{content:"";position:absolute;right:-18%;top:-60%;width:70%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(250,204,21,.22),transparent);pointer-events:none}
.t-clock{grid-column:span 4;justify-content:space-between;gap:18px}
.t-3{grid-column:span 4}
.t-label{display:flex;align-items:center;gap:10px;font-size:13px;font-weight:800;color:var(--muted)}
.addr{font-family:var(--display);font-weight:800;font-size:8.6cqi;line-height:1.05;letter-spacing:-.03em;margin:14px 0 18px;
  background:linear-gradient(100deg,var(--yellow) 0%,#FFF3B0 28%,var(--yellow) 52%,#FDBA74 76%,var(--yellow) 100%);background-size:220% 100%;-webkit-background-clip:text;background-clip:text;color:transparent;animation:slide 7s linear infinite}
@keyframes slide{to{background-position:-220% 0}}
.facts{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.fact{font-size:13px;color:var(--muted);padding:7px 14px;border-radius:999px;background:var(--glass-2);border:1px solid var(--line)}
.fact b{color:var(--ink);font-weight:800}
.t-addr .btn{align-self:flex-start;z-index:1}
.time{font-family:var(--display);font-weight:800;font-size:15.5cqi;line-height:1;letter-spacing:-.04em;font-variant-numeric:tabular-nums}
.time span{color:var(--dim)}
.date{font-size:15px;font-weight:700;color:var(--ink);margin-top:10px}
.sub{font-size:13px;color:var(--dim)}
.tile h3{font-family:var(--display);font-weight:700;font-size:16px;letter-spacing:-.3px;margin:14px 0 6px}
.tile p{font-size:14px;color:var(--muted)}
.tile .btn{margin-top:auto;align-self:flex-start}
.tile p+.btn{margin-top:16px}
.ico{width:46px;height:46px;border-radius:15px;display:grid;place-items:center;background:linear-gradient(135deg,rgba(124,58,237,.55),rgba(232,121,249,.3));border:1px solid var(--line-2);color:#fff;flex-shrink:0}
.ico .i{width:22px;height:22px}
.ico-y{background:linear-gradient(135deg,rgba(250,204,21,.35),rgba(250,204,21,.1));color:var(--yellow)}
.t-qr{flex-direction:row;align-items:center;gap:18px}
.t-qr svg{width:104px;height:104px;flex-shrink:0;background:#fff;border-radius:16px;padding:8px}
.t-qr h3{margin-top:0}

/* kayan şerit */
.ticker{margin:26px 0 0;overflow:hidden;-webkit-mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent);mask:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent)}
.ticker-in{display:flex;gap:10px;width:max-content;animation:roll 38s linear infinite}
.ticker span{font-size:13px;font-weight:700;color:var(--muted);padding:8px 16px;border-radius:999px;border:1px solid var(--line);background:var(--glass);white-space:nowrap}
@keyframes roll{to{transform:translateX(-50%)}}

/* bölümler */
.sec{padding:52px 0}
.sec-narrow .wrap{max-width:860px}
h2{font-family:var(--display);font-weight:700;font-size:clamp(21px,2.8vw,30px);line-height:1.18;letter-spacing:-.7px;margin-bottom:10px}
h3{font-size:16px;font-weight:800;line-height:1.3;margin-bottom:4px}
.sec p{color:var(--muted);max-width:68ch}
.sec p+p{margin-top:12px}
.sec strong{color:var(--ink)}
.sec-head{margin-bottom:26px}

/* kartlar */
.grid{display:grid;gap:14px;grid-template-columns:repeat(3,1fr)}
.grid-2{grid-template-columns:repeat(2,1fr)}
.card{padding:22px;transition:border-color .2s,transform .2s,background .2s;position:relative}
.card h3{margin-top:14px}
.card p{font-size:14px;color:var(--muted);max-width:none}
.card .more{display:inline-block;margin-top:12px;font-size:13px;font-weight:800;text-decoration:none;padding:6px 12px;border-radius:999px;background:var(--glass-2);border:1px solid var(--line)}
a.card{text-decoration:none;color:var(--ink)}
a.card:hover{border-color:rgba(250,204,21,.55);transform:translateY(-3px);background:var(--glass-2)}

/* satır listesi */
.rows{overflow:hidden}
.row{display:flex;gap:16px;align-items:center;padding:16px 20px}
.row+.row{border-top:1px solid var(--line)}
.row p{font-size:14px;max-width:none}
.tag{display:inline-block;font-size:11px;font-weight:800;padding:2px 9px;border-radius:999px;background:var(--glass-2);color:var(--muted);margin-left:6px;vertical-align:2px}
.tag-y{background:rgba(250,204,21,.16);color:var(--yellow)}
.tag-g{background:rgba(74,222,128,.16);color:var(--ok)}

/* adımlar */
.steps{list-style:none;counter-reset:s;display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.steps li{counter-increment:s;background:var(--glass);border:1px solid var(--line);border-radius:var(--r);padding:22px;backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px)}
.steps li::before{content:counter(s);display:block;font-family:var(--display);font-weight:800;font-size:44px;line-height:1;margin-bottom:16px;color:transparent;-webkit-text-stroke:1.5px var(--yellow)}
.steps p{font-size:14px}
.steps-col{grid-template-columns:1fr}

/* tablo */
.table-wrap{overflow:hidden}
.table{width:100%;border-collapse:collapse;font-size:14px}
.table th{text-align:left;font-size:13px;color:var(--muted);font-weight:800;padding:14px 20px;background:var(--glass-2)}
.table td{padding:14px 20px;border-top:1px solid var(--line);color:var(--muted)}
.table td:first-child{color:var(--ink);font-weight:700}

/* notlar */
.note{padding:16px 20px;font-size:14px;color:var(--muted);margin-top:18px;border-radius:var(--r-s)}
.note-warn{border-color:rgba(250,204,21,.4);background:rgba(250,204,21,.07)}
.note-ok{border-color:rgba(74,222,128,.35);background:rgba(74,222,128,.06)}
.note p{max-width:none}

/* rozetler */
.chips{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:24px}
.chip{font-size:13px;font-weight:700;color:var(--muted);background:var(--glass);border:1px solid var(--line);border-radius:999px;padding:7px 15px}
.chip b{color:var(--yellow)}

/* sss */
.faq{overflow:hidden}
.faq details+details{border-top:1px solid var(--line)}
.faq summary{cursor:pointer;list-style:none;padding:18px 56px 18px 22px;font-weight:700;font-size:15px;position:relative}
.faq summary::-webkit-details-marker{display:none}
.faq summary::after{content:"+";position:absolute;right:18px;top:50%;transform:translateY(-50%);width:28px;height:28px;border-radius:50%;display:grid;place-items:center;background:var(--glass-2);color:var(--yellow);font-size:18px;line-height:1;transition:transform .2s}
.faq details[open] summary::after{transform:translateY(-50%) rotate(45deg);background:var(--yellow);color:#1B0540}
.faq details p{padding:0 22px 20px;font-size:14px;max-width:none}

/* alt */
.foot{margin-top:20px;border-top:1px solid var(--line);background:rgba(7,5,26,.6);padding:34px 0 104px;font-size:13px;color:var(--dim)}
.foot .wrap{display:grid;gap:10px}
.foot nav{display:flex;flex-wrap:wrap;gap:6px 18px}
.foot a{color:var(--muted)}
.dock{display:none}

@media (max-width:980px){
  .clock-pill .cp-date{display:none}
  .t-addr,.t-clock{grid-column:span 12}
  .t-clock{flex-direction:row;align-items:center;flex-wrap:wrap}
  .time{font-size:clamp(34px,9cqi,56px)}
  .t-3{grid-column:span 6}
  .t-qr{grid-column:span 12}
  .steps{grid-template-columns:repeat(2,1fr)}
  .grid{grid-template-columns:repeat(2,1fr)}
}
@media (max-width:760px){
  .top{padding:0 10px}
  .top-in{flex-wrap:wrap;border-radius:24px;padding:10px 12px 6px;gap:8px}
  .clock-pill{margin-left:auto}
  .nav{order:3;width:100%;margin:0}
  .hero{padding:28px 0 12px}
  .dock{display:flex;position:fixed;left:10px;right:10px;bottom:calc(10px + env(safe-area-inset-bottom));z-index:60;gap:12px;align-items:center;justify-content:space-between;padding:8px 8px 8px 18px;border-radius:999px;background:rgba(14,10,36,.86);backdrop-filter:blur(18px);-webkit-backdrop-filter:blur(18px);border:1px solid var(--line-2);font-size:12px;color:var(--muted);box-shadow:0 10px 40px rgba(0,0,0,.5)}
  .dock b{display:block;color:var(--ink);font-size:14px}
}
@media (max-width:560px){
  .wrap{padding:0 16px}
  .tile{padding:20px}.t-addr{padding:22px}
  .t-3{grid-column:span 12}
  .grid,.grid-2,.steps{grid-template-columns:1fr}
  .t-addr .btn,.actions .btn{width:100%}
  .sec{padding:40px 0}
  :root{--r:22px}
}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}}

/* ikonlar */
.i{display:inline-block;background:currentColor;-webkit-mask:var(--m) center/contain no-repeat;mask:var(--m) center/contain no-repeat;flex-shrink:0}
.i-key{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%227.5%22 cy=%2215.5%22 r=%225.5%22/%3E%3Cpath d=%22m21 2-9.6 9.6%22/%3E%3Cpath d=%22m15.5 7.5 3 3L22 7l-3-3%22/%3E%3C/svg%3E")}
.i-gift{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%228%22 width=%2218%22 height=%224%22 rx=%221%22/%3E%3Cpath d=%22M12 8v13%22/%3E%3Cpath d=%22M19 12v7a2 2 0 0 1-2 2H7a2 2 0 0 1-2-2v-7%22/%3E%3Cpath d=%22M7.5 8a2.5 2.5 0 0 1 0-5C11 3 12 8 12 8s1-5 4.5-5a2.5 2.5 0 0 1 0 5%22/%3E%3C/svg%3E")}
.i-spade{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M5 9c-1.5 1.5-3 3.2-3 5.5A5.5 5.5 0 0 0 7.5 20c1.8 0 3-.5 4.5-2 1.5 1.5 2.7 2 4.5 2a5.5 5.5 0 0 0 5.5-5.5c0-2.3-1.5-4-3-5.5l-7-7-7 7Z%22/%3E%3Cpath d=%22M12 18v4%22/%3E%3C/svg%3E")}
.i-dice{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%223%22 y=%223%22 width=%2218%22 height=%2218%22 rx=%223%22/%3E%3Cpath d=%22M8 8h.01M16 8h.01M12 12h.01M8 16h.01M16 16h.01%22/%3E%3C/svg%3E")}
.i-phone{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%225%22 y=%222%22 width=%2214%22 height=%2220%22 rx=%222.5%22/%3E%3Cpath d=%22M12 18h.01%22/%3E%3C/svg%3E")}
.i-send{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m22 2-7 20-4-9-9-4Z%22/%3E%3Cpath d=%22M22 2 11 13%22/%3E%3C/svg%3E")}
.i-ball{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m12 7 4.5 3.3-1.7 5.2H9.2l-1.7-5.2z%22/%3E%3Cpath d=%22M12 2v5M2.5 9.5l5 1M21.5 9.5l-5 1M6 20l3.2-4.5M18 20l-3.2-4.5%22/%3E%3C/svg%3E")}
.i-bank{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 22h18%22/%3E%3Cpath d=%22M6 18v-7M10 18v-7M14 18v-7M18 18v-7%22/%3E%3Cpath d=%22m12 2 8 5H4z%22/%3E%3C/svg%3E")}
.i-wallet{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M19 7V4a1 1 0 0 0-1-1H5a2 2 0 0 0 0 4h15a1 1 0 0 1 1 1v4h-3a2 2 0 0 0 0 4h3a1 1 0 0 0 1-1v-2a1 1 0 0 0-1-1%22/%3E%3Cpath d=%22M3 5v14a2 2 0 0 0 2 2h15a1 1 0 0 0 1-1v-4%22/%3E%3C/svg%3E")}
.i-coin{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M9 8h4.5a2 2 0 0 1 0 4H9zM9 12h5a2 2 0 0 1 0 4H9zM11 6v2M11 16v2%22/%3E%3C/svg%3E")}
.i-card{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Crect x=%222%22 y=%225%22 width=%2220%22 height=%2214%22 rx=%222%22/%3E%3Cpath d=%22M2 10h20%22/%3E%3C/svg%3E")}
.i-download{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M21 15v4a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2v-4%22/%3E%3Cpath d=%22m7 10 5 5 5-5%22/%3E%3Cpath d=%22M12 15V3%22/%3E%3C/svg%3E")}
.i-shield{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M20 13c0 5-3.5 7.5-7.7 8.9a1 1 0 0 1-.6 0C7.5 20.5 4 18 4 13V6a1 1 0 0 1 1-1c2 0 4.5-1.2 6.2-2.7a1.2 1.2 0 0 1 1.6 0C14.5 3.8 17 5 19 5a1 1 0 0 1 1 1z%22/%3E%3Cpath d=%22m9 12 2 2 4-4%22/%3E%3C/svg%3E")}
.i-bell{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M6 8a6 6 0 0 1 12 0c0 7 3 9 3 9H3s3-2 3-9%22/%3E%3Cpath d=%22M10.3 21a1.9 1.9 0 0 0 3.4 0%22/%3E%3C/svg%3E")}
.i-wheel{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%223%22/%3E%3Cpath d=%22M12 2v7M12 15v7M2 12h7M15 12h7%22/%3E%3C/svg%3E")}
.i-star{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m12 2 3.1 6.3 6.9 1-5 4.9 1.2 6.8L12 17.8 5.8 21 7 14.2 2 9.3l6.9-1z%22/%3E%3C/svg%3E")}
.i-users{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%229%22 cy=%227%22 r=%224%22/%3E%3Cpath d=%22M2 21v-2a4 4 0 0 1 4-4h6a4 4 0 0 1 4 4v2%22/%3E%3Cpath d=%22M16 3.1a4 4 0 0 1 0 7.8M22 21v-2a4 4 0 0 0-3-3.9%22/%3E%3C/svg%3E")}
.i-refresh{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M3 12a9 9 0 0 1 15-6.7L21 8%22/%3E%3Cpath d=%22M21 3v5h-5%22/%3E%3Cpath d=%22M21 12a9 9 0 0 1-15 6.7L3 16%22/%3E%3Cpath d=%22M3 21v-5h5%22/%3E%3C/svg%3E")}
.i-bolt{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M13 2 4 14h7l-1 8 9-12h-7z%22/%3E%3C/svg%3E")}
.i-clock{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22M12 6v6l4 2%22/%3E%3C/svg%3E")}
.i-plane{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22M17.8 19.2 16 11l3.5-3.5C21 6 21.5 4 21 3c-1-.5-3 0-4.500 1.500L13 8 4.800 6.200c-.500-.100-.900.100-1.100.500l-.300.500c-.200.500-.100 1 .300 1.300L9 12l-2 3H4l-1 1 3 2 2 3 1-1v-3l3-2 3.500 5.300c.300.400.800.500 1.300.300l.500-.200c.400-.300.600-.700.500-1.200z%22/%3E%3C/svg%3E")}
.grid-5{grid-template-columns:repeat(5,1fr)}
@media (max-width:980px){.grid-5{grid-template-columns:repeat(2,1fr)}}
@media (max-width:560px){.grid-5{grid-template-columns:1fr}}

/* alt sayfalar */
h1{max-width:22ch}
.hero .chips{margin-bottom:22px}
.steps{grid-template-columns:repeat(auto-fit,minmax(230px,1fr))}
.card ul.list{margin:12px 0 0 18px;color:var(--muted);font-size:14px}
.card .sub{margin-top:2px}
.row{align-items:flex-start}
.row>div{min-width:0}
.row p+.tag{margin:8px 0 0}
.note+.note{margin-top:12px}
.sec-head+.note{margin-top:0}
.grid+.note,.rows+.note,.steps+.note,.table-wrap+.note{margin-top:18px}
.sec .actions{margin-top:22px}
.i-check{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222.5%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Cpath d=%22m5 12 5 5L20 7%22/%3E%3C/svg%3E")}
.note+.rows,.note+.grid,.note+.steps{margin-top:14px}
img.brand-mark{width:40px;height:40px;border-radius:0;background:none;filter:drop-shadow(0 2px 10px rgba(250,204,21,.35))}

/* büyük logo */
.hero-head{display:flex;align-items:center;justify-content:space-between;gap:32px;margin-bottom:8px}
.kazan{width:clamp(150px,22vw,250px);height:auto;flex-shrink:0;margin-right:3%;filter:drop-shadow(0 18px 40px rgba(124,58,237,.6)) drop-shadow(0 0 34px rgba(250,204,21,.25));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-10px) rotate(-2deg)}}
@media (max-width:760px){.hero-head{flex-direction:column-reverse;align-items:flex-start;gap:14px}.kazan{width:120px;margin:0}}

/* iki sütunlu hero */
.hero-split{display:grid;grid-template-columns:58fr 42fr;gap:28px;align-items:center;margin-bottom:14px}
.hero-main .lead{margin-bottom:24px}
.hero-art{display:grid;place-items:center;position:relative}
.hero-art::before{content:"";position:absolute;width:92%;aspect-ratio:1;border-radius:50%;background:radial-gradient(closest-side,rgba(124,58,237,.5),rgba(124,58,237,.12) 60%,transparent);pointer-events:none}
.hero-art .kazan{position:relative;width:clamp(260px,32vw,420px);margin:0;filter:drop-shadow(0 22px 45px rgba(124,58,237,.45)) drop-shadow(0 8px 22px rgba(250,204,21,.18));animation:float 6s ease-in-out infinite}
@keyframes float{50%{transform:translateY(-6px)}}
.bento-4 .tile{grid-column:span 3}
.bento-4 .t-qr{flex-direction:column;align-items:flex-start;gap:14px}
.bento-4 .t-qr svg{width:92px;height:92px}
.bento-4 .t-clock{gap:14px}
@media (max-width:980px){
  .bento-4 .tile{grid-column:span 6}
  .bento-4 .t-clock{flex-direction:column;align-items:stretch}
}
@media (max-width:760px){
  .hero-split{grid-template-columns:1fr;gap:0}
  .hero-main{display:contents}
  .hero-main h1{order:1}.hero-main .lead{order:2;margin-bottom:8px}
  .hero-art{order:3;margin:4px 0 14px}
  .hero-main .t-addr{order:4}
  .hero-art .kazan{width:190px}
}
@media (max-width:560px){.bento-4 .tile{grid-column:span 12}.bento-4 .t-qr{flex-direction:row;align-items:center}}
.hero-split .t-addr{grid-column:auto}
.hero-split>*,.hero-main>*{min-width:0}

/* doğrulama rozeti, mühür, üst bar girişi */
.i-compass{--m:url("data:image/svg+xml,%3Csvg xmlns=%22http://www.w3.org/2000/svg%22 viewBox=%220 0 24 24%22 fill=%22none%22 stroke=%22%23000%22 stroke-width=%222%22 stroke-linecap=%22round%22 stroke-linejoin=%22round%22%3E%3Ccircle cx=%2212%22 cy=%2212%22 r=%2210%22/%3E%3Cpath d=%22m16.2 7.8-2.1 6.3-6.3 2.1 2.1-6.3z%22/%3E%3C/svg%3E")}
.t-label{flex-wrap:wrap}
.verified{margin-left:auto;display:inline-flex;align-items:center;gap:6px;font-size:12px;font-weight:800;color:var(--yellow);padding:5px 12px;border-radius:999px;background:rgba(250,204,21,.12);border:1px solid rgba(250,204,21,.35)}
.verified .i{width:14px;height:14px}
.seal{display:inline-flex;align-items:center;gap:8px;color:var(--muted);font-weight:700}
.seal .i{width:16px;height:16px;color:var(--yellow)}
.top-cta{display:none;flex-shrink:0}
.top-cta::after{display:none}
@media (min-width:1000px){body.scrolled .top-cta{display:inline-flex}}
.hero-art .kazan{transition:filter .35s}
.hero-split:has(.btn-go:hover) .kazan{filter:brightness(1.12) drop-shadow(0 22px 45px rgba(124,58,237,.45)) drop-shadow(0 0 46px rgba(250,204,21,.6))}
@media (max-width:560px){.verified{margin-left:0}}
.table-wrap{overflow-x:auto}
@media (max-width:560px){.table th,.table td{padding:11px 10px;font-size:13px}}