/* dijital sayfası (tasarım dosyalarından üretildi) */
html{scroll-behavior:smooth}
a{color:#121212;text-decoration:none;transition:background-size .25s}
a:hover{color:#121212;background-image:linear-gradient(#80EF80,#80EF80);background-repeat:no-repeat;background-position:0 88%;background-size:100% 0.42em}
a.dj-btn:hover,a.dj-nohl:hover,.dj-nohl a:hover{background-image:none}
.hl{background-image:linear-gradient(#80EF80,#80EF80);background-repeat:no-repeat;background-position:0 86%;background-size:100% 0.34em;padding:0 0.04em}
.dj-btn{transition:background .2s,color .2s,border-color .2s}
.dj-btn-dark:hover{background:#80EF80 !important;color:#121212 !important;border-color:#121212 !important}
.dj-btn-line:hover{background:#121212 !important;color:#FFFFFF !important}
.gk-mq-track{animation:gkm 36s linear infinite}
@media (prefers-reduced-motion: reduce){.gk-mq-track{animation:none}html{scroll-behavior:auto}}
.dj-ill{transition:background .35s}
@media (max-width:700px){.dj-svc{grid-template-columns:minmax(0,1fr) !important}}
.dj-card{transition:background .35s}
.dj-card:hover{background:#E3FBE3}
.dj-row:hover{background:linear-gradient(90deg,rgba(128, 239, 128,.35),rgba(128, 239, 128,0) 70%)}
@media (max-width:860px){.dj-row{grid-template-columns:minmax(0,1fr) !important}}
.dj-faq summary::-webkit-details-marker{display:none}
.dj-faq[open] .dj-plus{background:#80EF80;border-color:#80EF80;transform:rotate(45deg)}
.dj-plus{transition:transform .3s,background .3s,border-color .3s}
.dj-faq summary:hover .dj-plus{background:#80EF80;border-color:#80EF80}
.dj-chip:hover{border-color:#121212 !important}
.dj-in{width:100%;box-sizing:border-box;border:1px solid #CFCFCF;background:#FFFFFF;padding:0 22px;min-height:50px;font:inherit;font-size:16px;color:#121212;outline:none;border-radius:999px}
.dj-in:focus{border-color:#121212}
.dj-in::placeholder{color:#8A8A8A}
.dj-opt{display:inline-flex;align-items:center;white-space:nowrap;gap:12px;min-height:50px;padding:0 20px;border:1px solid #CFCFCF;border-radius:999px;cursor:pointer;font-size:15px;transition:border-color .2s,background .2s}
.dj-opt:hover{border-color:#121212}
.dj-opt input{appearance:none;-webkit-appearance:none;flex:none;width:18px;height:18px;margin:0;border:1.5px solid #121212;background:#FFFFFF;display:grid;place-items:center;cursor:pointer}
.dj-opt input{border-radius:50%}
.dj-opt input:checked{background:#121212;box-shadow:inset 0 0 0 3px #80EF80}
.dj-opt:has(input:checked){border-color:#121212;background:#D5F9D5}
.dj-opt input:focus-visible{outline:2px solid #121212;outline-offset:2px}
.dj-dark a:hover{color:#80EF80 !important;background-image:none}
.dj-ill svg *{transform-box:fill-box}
.a-draw{stroke-dasharray:100;animation:aDraw 3.2s ease-in-out infinite}
@keyframes aDraw{0%{stroke-dashoffset:100}45%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:-100}}
.a-pulse{transform-origin:center;animation:aPulse 2.4s ease-in-out infinite}
@keyframes aPulse{0%,100%{transform:scale(1)}50%{transform:scale(1.12)}}
.a-bar{transform-origin:50% 100%;animation:aBar 2.8s cubic-bezier(.6,0,.3,1) infinite}
.a-d1{animation-delay:.2s}
.a-d2{animation-delay:.4s}
@keyframes aBar{0%,100%{transform:scaleY(.35)}40%,70%{transform:scaleY(1)}}
.a-tap{transform-origin:0 0;animation:aTap 2.4s ease-in-out infinite}
@keyframes aTap{0%,60%,100%{transform:translate(0,0)}70%{transform:translate(-4px,-4px) scale(.92)}80%{transform:translate(0,0)}}
.a-nudge{animation:aNudge 1.6s ease-in-out infinite}
@keyframes aNudge{0%,100%{transform:translateX(0)}50%{transform:translateX(3px)}}
.a-type{stroke-dasharray:100;animation:aType 3s steps(14) infinite}
@keyframes aType{0%{stroke-dashoffset:100}60%,100%{stroke-dashoffset:0}}
.a-glow{animation:aGlow 3s ease-in-out infinite}
@keyframes aGlow{0%,100%{fill:#80EF80}50%{fill:#C8F7C8}}
.a-spark{transform-origin:center;animation:aSpark 2.2s ease-in-out infinite}
@keyframes aSpark{0%,100%{transform:scale(.7) rotate(0deg);opacity:.6}50%{transform:scale(1.1) rotate(45deg);opacity:1}}
.a-flow{animation:aFlow 1.4s linear infinite}
@keyframes aFlow{to{stroke-dashoffset:-26}}
.a-flag{transform-origin:0 50%;animation:aFlag 1.8s ease-in-out infinite}
@keyframes aFlag{0%,100%{transform:skewY(0) scaleX(1)}50%{transform:skewY(-6deg) scaleX(.92)}}
.a-drop{animation:aDrop 2.6s cubic-bezier(.5,0,.75,0) infinite;opacity:0}
.a-dr1{animation-delay:.3s}
.a-dr2{animation-delay:.6s}
.a-dr3{animation-delay:.9s}
.a-dr4{animation-delay:1.2s}
@keyframes aDrop{0%{transform:translateY(-14px);opacity:0}15%{transform:translateY(0);opacity:1}55%{transform:translateY(46px);opacity:1}70%{transform:translateY(60px);opacity:0}100%{opacity:0}}
.a-out{animation:aOut 2.6s ease-in infinite 1.2s;opacity:0}
@keyframes aOut{0%,40%{transform:translateY(-30px);opacity:0}60%{opacity:1}90%{transform:translateY(0);opacity:1}100%{opacity:0}}
.a-pop{transform-origin:center;animation:aPop 2.6s cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes aPop{0%,55%{transform:scale(.85)}70%,100%{transform:scale(1)}}
.a-check{stroke-dasharray:100;animation:aCheck 2.6s ease-out infinite}
@keyframes aCheck{0%,55%{stroke-dashoffset:100}75%,100%{stroke-dashoffset:0}}
@media (prefers-reduced-motion: reduce){.dj-ill svg *{animation:none !important;opacity:1 !important;stroke-dashoffset:0 !important}}
.dj-nohl a.hey-to-kr:hover{color:#121212 !important}
.dj-ico{transition:transform .35s cubic-bezier(.34,1.56,.64,1)}
div:hover>div>.dj-ico{transform:rotate(-8deg) scale(1.06)}
@media (max-width:700px){.dj-model{grid-template-columns:minmax(0,1fr) !important}}
.ui-bar{transform-origin:left;animation:uiBar 4s cubic-bezier(.6,0,.2,1) infinite}
@keyframes uiBar{0%{transform:scaleX(.15)}35%,85%{transform:scaleX(1)}100%{transform:scaleX(.15)}}
.ui-line{stroke-dasharray:1;animation:uiLine 4s cubic-bezier(.6,0,.2,1) infinite}
@keyframes uiLine{0%{stroke-dashoffset:1}40%,85%{stroke-dashoffset:0}100%{stroke-dashoffset:1}}
.ui-area{animation:uiArea 4s ease infinite}
@keyframes uiArea{0%,15%{opacity:0}45%,85%{opacity:.7}100%{opacity:0}}
.ui-dot{animation:uiDot 4s ease infinite}
@keyframes uiDot{0%,35%{opacity:0}45%,85%{opacity:1}100%{opacity:0}}
.ui-live{animation:uiLive 1.6s ease-in-out infinite}
@keyframes uiLive{0%,100%{opacity:1}50%{opacity:.25}}
.ui-chk{transform:scale(0);animation:uiChk 4.8s cubic-bezier(.34,1.56,.64,1) infinite}
@keyframes uiChk{0%,8%{transform:scale(0)}18%,90%{transform:scale(1)}100%{transform:scale(0)}}
@media (prefers-reduced-motion: reduce){.ui-bar,.ui-line,.ui-area,.ui-dot,.ui-live,.ui-chk{animation:none !important;opacity:1;transform:none;stroke-dashoffset:0}.ui-area{opacity:.7}}
@media (max-width:820px){.dj-hero{grid-template-columns:minmax(0,1fr) !important}.dj-hero-ill{justify-self:start !important;max-width:520px !important}}
.dj-sub-s{display:none}
@media (max-width:480px){
.dj-cta{padding:20px 14px !important;gap:28px !important}
.dj-panel{padding:20px 16px !important}
.dj-opt{min-height:44px;padding:0 14px;gap:10px;font-size:14px;width:100%}
.dj-in{padding:0 16px;font-size:15px}
.dj-sub-l{display:none}.dj-sub-s{display:inline}
}
.ui-faq .fq-in,.ui-faq .fq-mark{transform-box:fill-box;transform-origin:center}
.fq-in{animation:fqFloat 6s ease-in-out infinite}
.fq-c2 .fq-in{animation-delay:-2s}
.fq-c3 .fq-in{animation-delay:-4s}
@keyframes fqFloat{0%,100%{transform:translateY(0)}50%{transform:translateY(-6px)}}
.fq-mark{animation:fqMark 4s ease-in-out infinite}
@keyframes fqMark{0%,100%{transform:rotate(-6deg) scale(1)}50%{transform:rotate(6deg) scale(1.04)}}
@media (prefers-reduced-motion: reduce){.fq-in,.fq-mark{animation:none !important}}
.hv-type{display:inline-block;clip-path:inset(0 100% 0 0);animation:hvType 8s steps(27) infinite}
@keyframes hvType{0%{clip-path:inset(0 100% 0 0)}25%,100%{clip-path:inset(0 0 0 0)}}
.hv-caret{animation:hvBlink 1s steps(1) infinite}
@keyframes hvBlink{50%{opacity:0}}
.hv-ad,.hv-row,.hv-toast,.hv-kpi{opacity:0;animation:hvIn 8s cubic-bezier(.2,.8,.2,1) infinite}
.hv-kpi{animation-name:hvIn4}
@keyframes hvIn4{0%,68%{opacity:0;transform:translateY(12px)}76%,94%{opacity:1;transform:none}100%{opacity:0}}
.hv-ad{animation-name:hvIn1}
.hv-row{animation-name:hvIn2}
.hv-toast{animation-name:hvIn3}
@keyframes hvIn1{0%,28%{opacity:0;transform:translateY(8px)}34%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes hvIn2{0%,32%{opacity:0;transform:translateY(8px)}38%,94%{opacity:1;transform:none}100%{opacity:0}}
@keyframes hvIn3{0%,58%{opacity:0;transform:translateY(12px)}66%,94%{opacity:1;transform:none}100%{opacity:0}}
.hv-click{opacity:0;animation:hvClick 8s ease-out infinite}
@keyframes hvClick{0%,46%{opacity:0;transform:scale(.4)}48%{opacity:1}58%,100%{opacity:0;transform:scale(1.8)}}
/* Açılışta boş görünmesin: döngü içeriğin göründüğü andan başlar */
.hv-type,.hv-ad,.hv-row,.hv-toast,.hv-kpi,.hv-click{animation-delay:-3.2s}
@media (prefers-reduced-motion: reduce){.hv *,.hv-ad,.hv-row,.hv-toast,.hv-kpi{animation:none !important;opacity:1 !important;clip-path:none !important}.hv-click{display:none}}
@media (max-width:820px){.dj-hero h1{font-size:clamp(26px,8.4vw,64px) !important}}
@media (max-width:420px){.hv-search{font-size:13px !important;padding:0 12px !important;gap:8px !important}}
.dj-narrow{padding-left:max(clamp(16px,4vw,48px),calc((100% - 1160px) / 2)) !important;padding-right:max(clamp(16px,4vw,48px),calc((100% - 1160px) / 2)) !important}
@media (max-width:1100px){.dj-vals{grid-template-columns:repeat(2,minmax(0,1fr)) !important}}
@media (max-width:480px){.dj-vals{grid-template-columns:minmax(0,1fr) !important}}
.dj-model-l>div{border-top:0 !important;padding-top:0 !important}
@media (max-width:560px){.ui-dash{grid-template-columns:minmax(0,1fr) !important}}
.dj-cta{display:grid !important;grid-template-columns:minmax(0,5fr) minmax(0,7fr);align-items:start}
.dj-cta>*{max-width:none !important;margin-left:0 !important;flex:none !important}
@media (max-width:1100px){.dj-cta{grid-template-columns:minmax(0,1fr)}}
@media (max-width:560px){.dj-fields{grid-template-columns:minmax(0,1fr) !important}}
:root{--smt:136px}
@media (max-width:1000px){:root{--smt:184px}}
@media (max-width:760px){:root{--smt:128px}}
/* Dar ekran: başlık kelime ortasından bölünmesin, arama kutusu metni sığsın */
@media (max-width:760px){.dj-hero h1{-webkit-hyphens:manual !important;hyphens:manual !important}}
@media (max-width:360px){.hv-search{font-size:11.5px !important;gap:6px !important}}