/* Görev 34: ana sayfa tasarımı + ortak üst/alt bilgi. Her şey `.dq` kapsamındadır (tasarım: docs/tasarim/deskquit-ana-sayfa.html).
   Yazı tipleri tokens.css'teki kendi sunucumuzdan gelen Bricolage Grotesque ve Instrument Sans'tır. Betik yok; ana görsel yalnızca CSS. */
.dq{--accent:#12B5A9;--deep:#0B7D74;--grafit:#141A1F;--sis:#E9EFEE;--kagit:#FFFFFF;--murekkep:#141A1F;--tas:#4E5A62;--tas-acik:#A3AFB6;--cizgi:#D2DBDA;--uyari:#F2A541;font-family:"Instrument Sans",system-ui,-apple-system,"Segoe UI",sans-serif;font-size:17px;line-height:1.6;color:var(--murekkep);background:var(--sis);-webkit-font-smoothing:antialiased}
.dq *,.dq *::before,.dq *::after{box-sizing:border-box}
.dq a{color:var(--deep);text-underline-offset:3px}
.dq a:hover{color:var(--murekkep)}
.dq a:focus-visible,.dq summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}
.dq h1,.dq h2,.dq h3{font-family:"Bricolage Grotesque",system-ui,sans-serif;margin:0;font-weight:700;letter-spacing:-0.025em;line-height:1.06}
.dq p{margin:0}
.dq ul{margin:0;padding:0;list-style:none}
.dq .dq-wrap{max-width:1200px;margin:0 auto;padding:0 40px}
.dq .dq-ico{width:24px;height:24px;flex:none}

/* koyu zemin ve üst bilgi */
.dq .dq-dark{background:var(--grafit);color:#EEF2F3}
.dq .dq-header-in{display:flex;align-items:center;gap:40px;min-height:84px}
.dq .dq-logo{display:inline-flex;align-items:center;gap:10px;color:#FFFFFF;text-decoration:none;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:23px;letter-spacing:-0.03em}
.dq .dq-logo:hover{color:#FFFFFF}
.dq .dq-nav{display:flex;gap:32px;margin-left:auto;font-size:15.5px;font-weight:500}
.dq .dq-nav a{color:#C3CDD2;text-decoration:none}
.dq .dq-nav a:hover{color:#FFFFFF}

/* düğmeler */
.dq .dq-btn{display:inline-flex;align-items:center;justify-content:center;min-height:50px;padding:0 26px;border-radius:999px;font-weight:600;font-size:16px;text-decoration:none;white-space:nowrap;transition:background-color .15s ease,border-color .15s ease,color .15s ease}
.dq .dq-btn-sm{min-height:44px;padding:0 20px;font-size:15px}
.dq .dq-btn-accent{background:var(--accent);color:var(--grafit)}
.dq .dq-btn-accent:hover{background:#FFFFFF;color:var(--grafit)}
.dq .dq-btn-line{border:1.5px solid #46545E;color:#EEF2F3}
.dq .dq-btn-line:hover{border-color:var(--accent);color:#FFFFFF}
.dq .dq-btn-solid{background:var(--deep);color:#FFFFFF}
.dq .dq-btn-solid:hover{background:var(--grafit);color:#FFFFFF}

/* ana görsel */
.dq .dq-hero{padding:48px 0 0;overflow:hidden}
.dq .dq-hero-in{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,6fr);gap:48px;align-items:center}
.dq .dq-hero h1{font-size:clamp(46px,6.3vw,88px);font-weight:800;letter-spacing:-0.045em;line-height:.96;color:#FFFFFF;max-width:11ch}
.dq .dq-lead{margin-top:28px;font-size:clamp(17px,1.45vw,20px);line-height:1.55;color:#C3CDD2;max-width:32em}
.dq .dq-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:36px}
.dq .dq-hero-note{margin-top:20px;font-size:14.5px;color:var(--tas-acik)}

/* sahne: dizüstü, müşteri ekranı, teknisyen kartı */
.dq .dq-stage{position:relative;container-type:inline-size}
.dq .dq-stage-in{position:relative;padding:3cqw 0 11cqw 7cqw}
.dq .dq-bezel{position:relative;background:#0B1013;border-radius:2.4cqw 2.4cqw 0 0;padding:2.2cqw 2.2cqw 2.8cqw;box-shadow:0 0 0 1px #2B3942}
.dq .dq-screen-wrap{position:relative}
.dq .dq-screen{position:relative;aspect-ratio:16/10;background:#C8D5D3;border-radius:.6cqw;overflow:hidden;font-size:1.9cqw;line-height:1.35;color:#1B252B}
.dq .dq-base{position:relative;height:2.4cqw;margin:0 -4cqw;background:#2A363E;border-radius:0 0 3cqw 3cqw}
.dq .dq-base::after{content:"";position:absolute;left:50%;top:0;width:14cqw;height:.9cqw;transform:translateX(-50%);background:#1B252B;border-radius:0 0 1cqw 1cqw}
.dq .dq-taskbar{position:absolute;left:0;right:0;bottom:0;height:8%;background:#F3F6F6;display:flex;align-items:center;gap:1.2cqw;padding:0 2cqw}
.dq .dq-tb{width:2.2cqw;height:2.2cqw;border-radius:.5cqw;background:#C1CCCE}
.dq .dq-tb-on{background:var(--accent)}
.dq .dq-app{position:absolute;left:4%;top:6%;width:58%;bottom:13%;background:#FFFFFF;border-radius:1cqw;box-shadow:0 1.2cqw 3cqw rgba(12,17,20,.18);display:flex;flex-direction:column}
.dq .dq-app-bar{display:flex;align-items:center;justify-content:space-between;padding:1.1cqw 1.6cqw;border-bottom:1px solid #E4E9EA;font-weight:700}
.dq .dq-winctl{display:flex;gap:.8cqw}
.dq .dq-winctl i{display:block;width:1.3cqw;height:1.3cqw;border-radius:50%;background:#D6DDDF}
.dq .dq-app-body{flex:1;display:flex;flex-direction:column;padding:1.2cqw 1.6cqw 1.6cqw}
.dq .dq-row{display:grid;grid-template-columns:minmax(0,1.3fr) minmax(0,1fr) minmax(0,1fr);gap:1cqw;padding:.9cqw 0;border-bottom:1px solid #EEF1F2;font-size:1.65cqw}
.dq .dq-row span:last-child{color:#5A666D}
.dq .dq-printer{margin-top:auto;display:flex;align-items:center;justify-content:space-between;gap:1cqw;padding:1.1cqw;background:#F3F6F6;border-radius:.8cqw}
.dq .dq-chip{display:inline-grid}
.dq .dq-chip span{grid-area:1/1;display:inline-flex;align-items:center;gap:.6cqw;padding:.5cqw 1.1cqw;border-radius:99px;font-weight:700;font-size:1.55cqw;white-space:nowrap}
.dq .dq-chip-off{background:#FBE7CC;color:#7A4806}
.dq .dq-chip-on{background:#CFEFEC;color:#075E57}
.dq .dq-fix{position:relative}
.dq .dq-fix-btn{display:inline-block;padding:.65cqw 1.4cqw;border-radius:.7cqw;background:#141A1F;color:#FFFFFF;font-weight:700;font-size:1.55cqw;white-space:nowrap}
.dq .dq-ripple{position:absolute;left:50%;top:50%;width:4cqw;height:4cqw;margin:-2cqw 0 0 -2cqw;border-radius:50%;background:var(--accent);opacity:0;transform:scale(0)}
.dq .dq-cursor{position:absolute;left:58%;top:42%;width:3.4cqw;z-index:5}
.dq .dq-cursor svg{display:block;width:100%;height:auto}
.dq .dq-cursor-tag{position:absolute;left:2.8cqw;top:2.6cqw;background:var(--accent);color:#0B1013;font-weight:700;font-size:1.35cqw;padding:.2cqw .9cqw;border-radius:99px;white-space:nowrap}
.dq .dq-dqwin{position:absolute;right:3.5%;bottom:13%;width:34%;background:var(--grafit);color:#EEF2F3;border-radius:1cqw;box-shadow:0 1.4cqw 3.4cqw rgba(12,17,20,.35);padding:1.8cqw;display:flex;flex-direction:column;gap:1.1cqw}
.dq .dq-dqwin-head{display:flex;align-items:center;gap:.8cqw;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:1.8cqw}
.dq .dq-dqwin-head svg{width:2.4cqw;height:2.4cqw}
.dq .dq-field small{display:block;font-size:1.3cqw;color:#9FAAB0}
.dq .dq-field b{display:block;font-family:"Bricolage Grotesque",sans-serif;font-size:2.8cqw;font-weight:700;letter-spacing:.02em;font-variant-numeric:tabular-nums;color:#FFFFFF}
.dq .dq-status{display:flex;align-items:center;gap:.8cqw;padding-top:1cqw;border-top:1px solid #2B3740;font-size:1.5cqw;font-weight:600}
.dq .dq-dot{width:1.2cqw;height:1.2cqw;border-radius:50%;background:var(--accent);flex:none}
.dq .dq-swap{display:inline-grid}
.dq .dq-swap span{grid-area:1/1;white-space:nowrap}
.dq .dq-toast{position:absolute;right:3.5%;top:5%;display:flex;align-items:center;gap:1cqw;background:#FFFFFF;border-radius:.9cqw;padding:1cqw 1.5cqw;box-shadow:0 1cqw 2.6cqw rgba(12,17,20,.2);font-weight:700;font-size:1.6cqw}
.dq .dq-toast svg{width:2.4cqw;height:2.4cqw;color:var(--deep)}
.dq .dq-vizor{position:absolute;inset:-1.6cqw;pointer-events:none}
.dq .dq-vizor i{position:absolute;width:7cqw;height:7cqw;border:0 solid var(--accent)}
.dq .dq-v1{left:0;top:0;border-left-width:.8cqw !important;border-top-width:.8cqw !important;border-top-left-radius:1cqw}
.dq .dq-v2{right:0;top:0;border-right-width:.8cqw !important;border-top-width:.8cqw !important;border-top-right-radius:1cqw}
.dq .dq-v3{left:0;bottom:0;border-left-width:.8cqw !important;border-bottom-width:.8cqw !important;border-bottom-left-radius:1cqw}
.dq .dq-v4{right:0;bottom:0;border-right-width:.8cqw !important;border-bottom-width:.8cqw !important;border-bottom-right-radius:1cqw}
.dq .dq-tech{position:absolute;left:0;bottom:0;width:38cqw;z-index:6;background:#1C262C;border:1px solid #33424C;border-radius:2cqw;padding:2.2cqw;color:#EEF2F3;box-shadow:0 2cqw 5cqw rgba(0,0,0,.45);display:flex;flex-direction:column;gap:1.4cqw;font-size:1.9cqw}
.dq .dq-tech-who{display:flex;align-items:center;gap:1.2cqw}
.dq .dq-av{width:4.4cqw;height:4.4cqw;border-radius:50%;background:#2B3841;color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:2cqw;flex:none}
.dq .dq-tech-who b{display:block;font-size:1.9cqw}
.dq .dq-tech-who small{display:block;font-size:1.45cqw;color:#9FAAB0}
.dq .dq-input{background:#0F1519;border:1px solid #3A4A54;border-radius:1cqw;padding:1.1cqw 1.4cqw;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:2.6cqw;letter-spacing:.03em;font-variant-numeric:tabular-nums;color:#FFFFFF;min-height:5.4cqw}
.dq .dq-type{display:inline-block;white-space:nowrap}
.dq .dq-tech-btn{display:grid;place-items:center;min-height:4.8cqw;border-radius:99px;background:var(--accent);color:#0B1013;font-weight:700;font-size:1.8cqw}
.dq .dq-tech-btn span{grid-area:1/1}
.dq .dq-tech-state{font-size:1.5cqw;color:#BFC9CE}

/* animasyon: bitmiş hâl varsayılandır; hareket kapalıyken o görünür */
.dq .dq-pre{opacity:0}
.dq .dq-post{opacity:1}
.dq-anim .dq-type{animation:dqType 12s infinite}
.dq-anim .dq-tech-btn{animation:dqPress 12s infinite}
.dq-anim .dq-l1{animation:dqL1 12s infinite}
.dq-anim .dq-l2{animation:dqL2 12s infinite}
.dq-anim .dq-l3{animation:dqL3 12s infinite}
.dq-anim .dq-pre.dq-t40{animation:dqPre40 12s infinite}
.dq-anim .dq-post.dq-t40{animation:dqPost40 12s infinite}
.dq-anim .dq-pre.dq-t73{animation:dqPre73 12s infinite}
.dq-anim .dq-post.dq-t73{animation:dqPost73 12s infinite}
.dq-anim .dq-vizor{animation:dqVizor 12s infinite}
.dq-anim .dq-cursor{animation:dqCursor 12s infinite}
.dq-anim .dq-ripple{animation:dqRipple 12s infinite}
.dq-anim .dq-toast{animation:dqToast 12s infinite}
@keyframes dqType{0%,6%{clip-path:inset(0 100% 0 0);animation-timing-function:steps(11,end)}26%,95%{clip-path:inset(0 0 0 0)}100%{clip-path:inset(0 100% 0 0)}}
@keyframes dqPress{0%,27%{transform:scale(1)}29%{transform:scale(.93)}32%,100%{transform:scale(1)}}
@keyframes dqL1{0%,30%{opacity:1}31%,98%{opacity:0}100%{opacity:1}}
@keyframes dqL2{0%,30%{opacity:0}31%,38%{opacity:1}39%,100%{opacity:0}}
@keyframes dqL3{0%,38%{opacity:0}39%,95%{opacity:1}98%,100%{opacity:0}}
@keyframes dqPre40{0%,39%{opacity:1}41%,97%{opacity:0}100%{opacity:1}}
@keyframes dqPost40{0%,39%{opacity:0}41%,95%{opacity:1}97%,100%{opacity:0}}
@keyframes dqPre73{0%,72%{opacity:1}74%,97%{opacity:0}100%{opacity:1}}
@keyframes dqPost73{0%,72%{opacity:0}74%,95%{opacity:1}97%,100%{opacity:0}}
@keyframes dqVizor{0%,38%{opacity:0;transform:scale(1.08)}43%,95%{opacity:1;transform:scale(1)}99%,100%{opacity:0;transform:scale(1)}}
@keyframes dqCursor{0%,44%{opacity:0;transform:translate(22cqw,-14cqw)}47%{opacity:1;transform:translate(22cqw,-14cqw);animation-timing-function:cubic-bezier(.45,.05,.25,1)}68%{opacity:1;transform:translate(0,0)}70%{transform:translate(0,0) scale(.86)}72%,94%{opacity:1;transform:translate(0,0) scale(1)}97%,100%{opacity:0;transform:translate(0,0)}}
@keyframes dqRipple{0%,69%{opacity:0;transform:scale(0)}70%{opacity:.55;transform:scale(.4)}77%,100%{opacity:0;transform:scale(2.6)}}
@keyframes dqToast{0%,75%{opacity:0;transform:translateY(-1.2cqw)}79%,93%{opacity:1;transform:translateY(0)}97%,100%{opacity:0;transform:translateY(0)}}
@media (prefers-reduced-motion: reduce){.dq-anim *{animation:none !important}}

/* güven şeridi */
.dq .dq-trust{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:24px;margin-top:56px;padding:36px 0 44px;border-top:1px solid #29353D}
.dq .dq-trust li{display:flex;align-items:center;gap:12px;font-weight:600;font-size:16px;color:#E3E9EB}
.dq .dq-trust .dq-ico{color:var(--accent)}

/* bölümler */
.dq .dq-sec{padding:112px 0}
.dq .dq-white{background:var(--kagit)}
.dq .dq-sec-head{max-width:640px}
.dq .dq-sec h2{font-size:clamp(32px,3.8vw,52px)}
.dq .dq-sec-head p{margin-top:16px;font-size:18px;color:var(--tas)}

/* adımlar */
.dq .dq-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:40px;margin-top:64px}
.dq .dq-step{padding-top:28px;border-top:2px solid var(--cizgi)}
.dq .dq-step-n{font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:64px;line-height:1;letter-spacing:-0.04em;color:var(--deep)}
.dq .dq-step h3{margin-top:18px;font-size:25px}
.dq .dq-step p{margin-top:10px;color:var(--tas)}
.dq .dq-more{margin-top:44px;font-size:16px;color:var(--tas)}

/* özellik satırları */
.dq .dq-feat{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:80px;align-items:center}
.dq .dq-feat + .dq-feat{margin-top:128px}
.dq .dq-feat h2{font-size:clamp(30px,3.2vw,44px)}
.dq .dq-feat-text p{margin-top:18px;font-size:18px;color:var(--tas);max-width:30em}
.dq .dq-feat-rev .dq-feat-text{order:2}
.dq .dq-visual{position:relative;padding:36px}
.dq .dq-frame i{position:absolute;width:30px;height:30px;border:0 solid #B9C6C5}
.dq .dq-f1{left:0;top:0;border-left-width:2px !important;border-top-width:2px !important}
.dq .dq-f2{right:0;top:0;border-right-width:2px !important;border-top-width:2px !important}
.dq .dq-f3{left:0;bottom:0;border-left-width:2px !important;border-bottom-width:2px !important}
.dq .dq-f4{right:0;bottom:0;border-right-width:2px !important;border-bottom-width:2px !important}

/* örnek arayüz: onay penceresi */
.dq .dq-dialog{max-width:440px;margin:0 auto;background:var(--grafit);color:#EEF2F3;border-radius:18px;padding:28px;box-shadow:0 24px 60px rgba(20,26,31,.22)}
.dq .dq-dialog-who{display:flex;align-items:center;gap:14px}
.dq .dq-avatar{width:46px;height:46px;border-radius:50%;background:#2B3841;color:var(--accent);display:grid;place-items:center;font-weight:700;font-size:19px;flex:none}
.dq .dq-dialog-who p{font-size:16px;line-height:1.4;color:#C3CDD2}
.dq .dq-dialog-who b{display:block;font-size:18px;color:#FFFFFF}
.dq .dq-warn{display:flex;gap:12px;margin-top:20px;padding:16px;border-radius:12px;background:#2B2517;color:#F3E2C1;font-size:15px;line-height:1.5}
.dq .dq-warn .dq-ico{color:var(--uyari)}
.dq .dq-dialog-actions{display:flex;gap:10px;margin-top:20px}
.dq .dq-mbtn{flex:1;min-height:46px;border-radius:12px;display:grid;place-items:center;font-weight:600;font-size:16px}
.dq .dq-mbtn-ok{background:var(--accent);color:var(--grafit)}
.dq .dq-mbtn-no{border:1.5px solid #3D4B55;color:#EEF2F3}
.dq .dq-dialog-foot{margin-top:14px;font-size:13.5px;color:var(--tas-acik)}

/* örnek arayüz: telefon */
.dq .dq-phone{width:250px;margin:0 auto;aspect-ratio:9/19;background:#0B1013;border-radius:40px;padding:11px;box-shadow:0 30px 70px rgba(20,26,31,.28)}
.dq .dq-phone-screen{height:100%;border-radius:30px;background:#1A2329;overflow:hidden;display:flex;flex-direction:column}
.dq .dq-phone-top{display:flex;align-items:center;justify-content:space-between;padding:22px 18px 12px;color:#EEF2F3;font-size:14px;font-weight:600}
.dq .dq-phone-top span{display:inline-flex;align-items:center;gap:6px;font-weight:500;color:#AFBAC0;font-size:12.5px}
.dq .dq-phone-dot{width:8px;height:8px;border-radius:50%;background:var(--accent)}
.dq .dq-phone-view{position:relative;flex:1;margin:0 10px;border-radius:14px;background:#C8D5D3;overflow:hidden}
.dq .dq-mini-win{position:absolute;left:8%;top:8%;right:8%;height:46%;background:#FFFFFF;border-radius:8px;padding:10px;display:flex;flex-direction:column;gap:7px}
.dq .dq-mini-win i{display:block;height:7px;border-radius:4px;background:#E2E8E9}
.dq .dq-mini-win i:first-child{width:45%;background:#C9D3D5}
.dq .dq-mini-chip{position:absolute;left:8%;top:60%;padding:5px 10px;border-radius:99px;background:#CFEFEC;color:#075E57;font-size:11px;font-weight:700}
.dq .dq-mini-cursor{position:absolute;left:58%;top:64%;width:20px}
.dq .dq-phone-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:14px 6px 22px;color:#C3CDD2;font-size:10.5px;text-align:center}
.dq .dq-phone-tools span{display:flex;flex-direction:column;align-items:center;gap:5px}
.dq .dq-phone-tools .dq-ico{width:22px;height:22px}
.dq .dq-phone-tools .dq-cut{color:#F4A7A0}

/* örnek arayüz: kullanım */
.dq .dq-usage{max-width:440px;margin:0 auto;background:var(--sis);border-radius:18px;padding:30px}
.dq .dq-usage small{display:block;font-size:14px;font-weight:600;color:var(--tas)}
.dq .dq-usage-big{margin-top:4px;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:44px;letter-spacing:-0.03em;line-height:1.1}
.dq .dq-bar{height:10px;border-radius:99px;background:#CFD9D8;margin-top:16px;overflow:hidden}
.dq .dq-bar i{display:block;height:100%;border-radius:99px;background:var(--deep)}
.dq .dq-usage-cap{margin-top:10px;font-size:14px;color:var(--tas)}
.dq .dq-usage-row{margin-top:26px;padding-top:22px;border-top:1px solid var(--cizgi);display:flex;justify-content:space-between;align-items:baseline;font-weight:600}
.dq .dq-usage-note{margin-top:22px;display:flex;gap:10px;font-size:14.5px;color:var(--tas)}
.dq .dq-usage-note .dq-ico{width:20px;height:20px;color:var(--deep)}

/* güvenlik */
.dq .dq-split{display:grid;grid-template-columns:minmax(0,5fr) minmax(0,7fr);gap:80px;align-items:start}
.dq .dq-split h2{color:#FFFFFF}
.dq .dq-split-sub{margin-top:18px;color:#C3CDD2;font-size:18px;max-width:26em}
.dq .dq-ctrl li{display:grid;grid-template-columns:28px minmax(0,1fr);gap:18px;padding:24px 0;border-top:1px solid #2C3943}
.dq .dq-ctrl li:last-child{border-bottom:1px solid #2C3943}
.dq .dq-ctrl .dq-ico{color:var(--accent);margin-top:2px}
.dq .dq-ctrl b{display:block;font-size:19px;color:#FFFFFF}
.dq .dq-ctrl span{display:block;margin-top:4px;color:#AFBAC0}

/* planlar */
.dq .dq-plans{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin-top:56px;background:var(--kagit);border:1px solid var(--cizgi);border-radius:20px;overflow:hidden}
.dq .dq-plan{padding:40px}
.dq .dq-plan + .dq-plan{border-left:1px solid var(--cizgi);background:#F6F9F9}
.dq .dq-plan-name{display:flex;align-items:center;gap:12px;font-family:"Bricolage Grotesque",sans-serif;font-weight:700;font-size:24px}
.dq .dq-soon{font-family:"Instrument Sans",sans-serif;font-size:14px;font-weight:600;background:#CFEFEC;color:#075E57;padding:3px 12px;border-radius:99px}
.dq .dq-plan-price{margin-top:6px;font-family:"Bricolage Grotesque",sans-serif;font-weight:800;font-size:52px;letter-spacing:-0.035em;line-height:1.1}
.dq .dq-plan-price-soft{margin-top:14px;font-size:18px;font-weight:600;color:var(--tas);line-height:1.6}
.dq .dq-plan ul{margin-top:28px;display:grid;gap:12px}
.dq .dq-plan li{display:grid;grid-template-columns:22px minmax(0,1fr);gap:10px}
.dq .dq-plan li .dq-ico{width:20px;height:20px;margin-top:3px;color:var(--deep)}
.dq .dq-plan-cta{margin-top:34px}
.dq .dq-plan-note{margin-top:34px;font-size:15px;color:var(--tas)}

/* sık sorulanlar */
.dq .dq-faq{display:grid;grid-template-columns:minmax(0,4fr) minmax(0,7fr);gap:80px}
.dq .dq-faq-side p{margin-top:16px;font-size:17px;color:var(--tas)}
.dq .dq-faq details{border-top:1px solid var(--cizgi);padding:22px 0}
.dq .dq-faq details:last-child{border-bottom:1px solid var(--cizgi)}
.dq .dq-faq summary{cursor:pointer;list-style:none;display:flex;justify-content:space-between;align-items:baseline;gap:24px;font-weight:600;font-size:18px}
.dq .dq-faq summary::-webkit-details-marker{display:none}
.dq .dq-faq summary::after{content:"+";font-family:"Bricolage Grotesque",sans-serif;font-size:28px;line-height:1;color:var(--deep);flex:none}
.dq .dq-faq details[open] summary::after{content:"−"}
.dq .dq-faq details p{margin-top:12px;color:var(--tas);max-width:40em}

/* son çağrı ve alt bilgi */
.dq .dq-cta{padding:104px 0}
.dq .dq-cta h2{color:#FFFFFF;max-width:15ch;font-size:clamp(34px,4.3vw,60px)}
.dq .dq-cta-text{margin-top:20px;color:#C3CDD2;font-size:18px;max-width:34em}
.dq .dq-cta-small{margin-top:20px;color:var(--tas-acik);font-size:14px}
.dq .dq-footer{background:#0E1317;color:#C3CDD2;padding:72px 0 40px;font-size:15px}
.dq .dq-footer-in{display:grid;grid-template-columns:minmax(0,4fr) repeat(3,minmax(0,2fr));gap:40px}
.dq .dq-footer-tag{margin-top:14px;color:#9AA6AD;max-width:22em}
.dq .dq-fh{font-family:"Instrument Sans",sans-serif;font-size:15px;font-weight:600;letter-spacing:0;color:#FFFFFF;margin:0 0 14px}
.dq .dq-footer ul{display:grid;gap:10px}
.dq .dq-footer a{color:#C3CDD2;text-decoration:none}
.dq .dq-footer a:hover{color:#FFFFFF;text-decoration:underline}
.dq .dq-footer-bottom{display:flex;flex-wrap:wrap;justify-content:space-between;gap:16px;margin-top:56px;padding-top:24px;border-top:1px solid #222D33;color:#8E9AA1;font-size:14px}
.dq .dq-footer-bottom a{color:#AEB9BF;text-decoration:underline}

/* dar ekranlar */
@media (max-width:980px){
.dq .dq-hero-in,.dq .dq-feat,.dq .dq-split,.dq .dq-faq{grid-template-columns:minmax(0,1fr);gap:44px}
.dq .dq-feat-rev .dq-feat-text{order:0}
.dq .dq-steps{grid-template-columns:minmax(0,1fr);gap:32px}
.dq .dq-trust{grid-template-columns:repeat(2,minmax(0,1fr))}
.dq .dq-footer-in{grid-template-columns:repeat(2,minmax(0,1fr))}
}
@media (max-width:640px){
.dq .dq-wrap{padding:0 20px}
.dq .dq-header-in{flex-wrap:wrap;min-height:0;padding:14px 20px;gap:12px 20px}
.dq .dq-header-in .dq-btn{margin-left:auto}
.dq .dq-nav{order:3;width:100%;margin-left:0;gap:22px;overflow-x:auto;padding-bottom:4px}
.dq .dq-sec{padding:76px 0}
.dq .dq-feat + .dq-feat{margin-top:84px}
.dq .dq-visual{padding:24px}
.dq .dq-plans{grid-template-columns:minmax(0,1fr)}
.dq .dq-plan{padding:28px}
.dq .dq-plan + .dq-plan{border-left:0;border-top:1px solid var(--cizgi)}
.dq .dq-trust{grid-template-columns:minmax(0,1fr);gap:16px}
.dq .dq-footer-in{grid-template-columns:minmax(0,1fr)}
.dq .dq-cta{padding:76px 0}
}

/* ortak parçalar (üst/alt bilgi) için eklemeler */
.dq .dq-nav a[aria-current="page"]{color:#FFFFFF}
.dq .dq-logo svg{width:30px;height:30px;flex:none}
.dq .dq-footer .dq-logo svg{width:28px;height:28px}
.dq .dq-logo .logo__mark{color:#FFFFFF}
.dq .dq-logo .logo__dot{fill:var(--accent)}
.dq .dq-logo .logo__name{font-size:inherit;font-weight:inherit;letter-spacing:inherit;line-height:1}
.dq .dq-footer-text{color:#9AA6AD}
.dq-bar,.dq-foot{background:transparent}
.dq .dq-dqwin-head .logo__mark{color:currentColor}
@media print{.dq-bar,.dq-foot{display:none !important}}