/* Kayısı Web demo temel bileşenleri — tema değişkenleriyle özelleştirilir */
*{box-sizing:border-box;margin:0;padding:0}
html,body{overflow-x:clip}
html{scroll-behavior:smooth;scroll-padding-top:84px}
body{font-family:var(--bf);background:var(--bg);color:var(--ink);line-height:1.7;-webkit-font-smoothing:antialiased;font-size:var(--fs,17px);font-weight:var(--bw,400)}
img{max-width:100%;display:block}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer}
h1,h2,h3{font-family:var(--hf);font-weight:var(--hw,600);line-height:var(--hl,1.1);letter-spacing:var(--hls,-.01em);text-transform:var(--ht,none)}
.wrap{max-width:var(--mw,1200px);margin:0 auto;padding:0 24px}
.tg{display:inline-block;font:700 12.5px var(--bf);letter-spacing:.2em;text-transform:uppercase;color:var(--ac2)}
.btn{display:inline-flex;align-items:center;gap:10px;padding:15px 32px;background:var(--ac);color:var(--acink,#fff);font:700 15px var(--bf);letter-spacing:var(--bls,.04em);text-transform:var(--bt,none);border:0;border-radius:var(--br,10px);transition:.25s;box-shadow:var(--bsh,none)}.btn:hover{filter:brightness(.92);transform:translateY(-2px)}.btn.o{background:transparent;color:var(--ink);box-shadow:inset 0 0 0 1.5px var(--line)}.btn.o:hover{box-shadow:inset 0 0 0 1.5px var(--ink)}.btn.w{background:#fff;color:#111;box-shadow:none}.btn.k{background:var(--ink);color:var(--bg);box-shadow:none}
header.hd0{position:sticky;top:0;z-index:60;background:var(--hbg,rgba(255,255,255,.94));backdrop-filter:blur(12px);border-bottom:1px solid var(--line);color:var(--hink,var(--ink))}
header.hd0 .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--hh,76px)}
.logo{display:flex;align-items:center;gap:10px;font:var(--lw,700) var(--ls,24px) var(--hf);letter-spacing:var(--lls,-.01em);line-height:1.1}.logo i{width:38px;height:38px;border-radius:var(--lr,10px);background:var(--ac);display:grid;place-items:center;flex:none;font-style:normal;color:var(--acink,#fff)}.logo small{display:block;font:600 10px var(--bf);letter-spacing:.3em;color:var(--ac2);text-transform:uppercase}
.nav{display:flex;align-items:center;gap:26px}.nav a:not(.btn){font:600 15px var(--bf);transition:.2s}.nav a:not(.btn):hover{color:var(--ac2)}.nav .btn{padding:10px 22px;font-size:14px}
.burger{display:none;background:none;border:0;width:46px;height:46px;position:relative;color:inherit}.burger span{position:absolute;left:11px;right:11px;height:2.5px;border-radius:2px;background:currentColor;transition:.25s}.burger span:nth-child(1){top:16px}.burger span:nth-child(2){top:26px}
.nav-open .burger span:nth-child(1){top:21px;transform:rotate(45deg)}.nav-open .burger span:nth-child(2){top:21px;transform:rotate(-45deg)}
section{padding:var(--sp,96px) 0}
.hd{max-width:660px;margin:0 auto 50px;text-align:center}.hd h2{font-size:clamp(30px,4.2vw,52px);margin:14px 0 12px}.hd p{color:var(--mut);font-size:18px}
.hd.l{margin-left:0;text-align:left}
.alt{background:var(--sec)}
.pr2{display:grid;grid-template-columns:repeat(4,1fr);gap:22px;counter-reset:s}.ps{counter-increment:s;padding-top:20px;border-top:2px solid var(--line)}.ps:before{content:"0" counter(s);font:var(--hw,600) 40px var(--hf);color:var(--ac2);display:block;line-height:1;margin-bottom:10px}.ps h3{font-size:21px;margin-bottom:6px}.ps p{font-size:15.5px;color:var(--mut)}
.rv{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.rc{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--cr,18px);padding:28px}.rc .s{color:#f5a623;letter-spacing:3px;margin-bottom:8px}.rc p{margin-bottom:14px}.rc b{display:block}.rc small{display:block;color:var(--mut)}
.faq{max-width:800px;margin:0 auto;display:grid;gap:10px}.faq details{background:var(--card,#fff);border:1px solid var(--line);border-radius:var(--cr,14px);padding:2px 24px}.faq summary{cursor:pointer;padding:18px 0;list-style:none;display:flex;justify-content:space-between;gap:12px;font:var(--hw,600) 19px var(--hf)}.faq summary::-webkit-details-marker{display:none}.faq summary:after{content:"+";font-size:26px;color:var(--ac2);line-height:1;transition:.2s}.faq details[open] summary:after{transform:rotate(45deg)}.faq p{padding:0 0 18px;color:var(--mut)}
.ap{background:var(--apbg,var(--ac));color:var(--apink,#fff)}.apg{display:grid;grid-template-columns:1fr 1.05fr;gap:56px;align-items:start}.apg>*{min-width:0}.ap .tg{color:var(--aptg,inherit);opacity:.9}.ap h2{font-size:clamp(34px,4.8vw,60px);margin:14px 0}.ap p{opacity:.85}.info{margin-top:24px}.info div{display:flex;gap:16px;padding:13px 0;border-bottom:1px solid rgba(255,255,255,.25)}.info b{min-width:100px}.info span,.info a{overflow-wrap:anywhere}
form.rf{background:#fff;color:#1c1c1c;border-radius:var(--fr,22px);padding:34px;display:grid;gap:14px;box-shadow:0 40px 70px -34px rgba(0,0,0,.4)}form.rf h3{font-size:26px}.rf label{font:700 12px var(--bf);letter-spacing:.1em;text-transform:uppercase;color:#6d6d6d}.rf input,.rf select,.rf textarea{width:100%;margin-top:5px;padding:13px 14px;border:1.5px solid #e1e1e1;border-radius:var(--ir,12px);font:500 16px var(--bf);color:#1c1c1c;background:#f7f7f7;outline:0}.rf input:focus,.rf select:focus,.rf textarea:focus{border-color:var(--ac);background:#fff}.rf .err{border-color:#d33;background:#fff7f6}.rf .two{display:grid;grid-template-columns:1fr 1fr;gap:12px}.rf .btn{justify-content:center}.rf .kv{font-size:13px;color:#6d6d6d}
.ok{background:#fff;color:#1c1c1c;border-radius:var(--fr,22px);padding:50px 34px;text-align:center}.ok .tk{font-size:42px;color:var(--ac)}.ok h3{font-size:26px;margin:6px 0}
.note{font-size:13px;color:var(--mut);max-width:880px;margin:0 auto;text-align:center;padding:24px}
footer{background:var(--fbg,#14171c);color:var(--fink,#9aa3b2);padding:56px 0 0}footer .cols{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;padding-bottom:40px}footer .cols>*{min-width:0}footer h4{font:700 13px var(--bf);letter-spacing:.18em;text-transform:uppercase;color:var(--ftg,var(--ac));margin-bottom:14px}footer li{list-style:none;margin-bottom:9px;font-size:15px}footer a:hover{color:#fff}footer .logo{color:#fff}footer .bot{border-top:1px solid rgba(255,255,255,.1);padding:20px 0;font-size:13px;display:flex;justify-content:space-between;gap:12px;flex-wrap:wrap}
.to-top{position:fixed;right:18px;bottom:18px;width:48px;height:48px;border-radius:var(--br,12px);background:var(--ac);color:var(--acink,#fff);border:0;display:grid;place-items:center;opacity:0;transform:translateY(18px);pointer-events:none;transition:.3s;z-index:40}.to-top.show{opacity:1;transform:none;pointer-events:auto}
.lb{position:fixed;inset:0;background:rgba(10,10,12,.94);display:none;place-items:center;z-index:100;padding:20px}.lb.on{display:grid}.lb img{max-height:90vh;max-width:94vw;border-radius:12px}.lb button{position:absolute;top:14px;right:20px;background:none;border:0;color:#fff;font-size:42px}
.is-open{color:#7fe0a5}.is-closed{color:#ff9d8f}
[data-r]{opacity:0;transform:translateY(26px);transition:opacity .8s ease,transform .8s ease}[data-r].in{opacity:1;transform:none}[data-r="2"]{transition-delay:.1s}[data-r="3"]{transition-delay:.2s}[data-r="4"]{transition-delay:.3s}
@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}[data-r]{opacity:1;transform:none}}
@media(max-width:1020px){.rv{grid-template-columns:1fr 1fr}.pr2{grid-template-columns:1fr 1fr;row-gap:30px}.apg{grid-template-columns:1fr;gap:44px}footer .cols{grid-template-columns:1fr 1fr}}
@media(max-width:820px){.burger{display:block}.nav{position:fixed;inset:var(--hh,76px) 0 auto 0;background:var(--navbg,var(--bg));color:var(--ink);flex-direction:column;align-items:stretch;gap:0;padding:6px 24px 26px;border-bottom:1px solid var(--line);transform:translateY(-130%);transition:.35s;z-index:-1;box-shadow:0 30px 40px -30px rgba(0,0,0,.4)}.nav-open .nav{transform:none}.nav a:not(.btn){padding:15px 0;border-bottom:1px solid var(--line);font-size:17px}.nav .btn{margin-top:16px;justify-content:center}section{padding:66px 0}}
@media(max-width:560px){.rv,.pr2{grid-template-columns:1fr}footer .cols{grid-template-columns:1fr}.rf .two{grid-template-columns:1fr}form.rf{padding:24px}}