:root{
  --ink:#0E1B2B;--ink-2:#33415A;--mute:#6B7689;--line:#E4E1D8;
  --bg:#F6F4EF;--card:#FFFFFF;--soft:#EEF6F3;
  --teal:#0B8F7A;--teal-d:#06705F;--teal-l:#D5F0E9;
  --coral:#FF7A59;--coral-l:#FFE5DC;--sun:#FFC24B;--sky:#5BA8FF;--plum:#8E6CF0;
  --r:22px;--r-s:14px;
  --sh:0 1px 2px rgba(14,27,43,.05),0 12px 40px -12px rgba(14,27,43,.18);
  --font:"Plus Jakarta Sans",system-ui,sans-serif;
}
*{box-sizing:border-box;margin:0;padding:0}
[hidden]{display:none!important}
html{-webkit-text-size-adjust:100%}
body{font-family:var(--font);background:var(--bg);color:var(--ink);font-size:17px;line-height:1.6;overflow-x:hidden}
img{max-width:100%;display:block}
a{color:inherit;text-decoration:none}
button{font:inherit;cursor:pointer;border:0;background:none;color:inherit}
h1,h2,h3,h4{line-height:1.12;letter-spacing:-.025em;font-weight:800;padding-top:.08em}
.wrap{width:min(1240px,100% - 48px);margin-inline:auto}
.eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:12.5px;font-weight:700;letter-spacing:.14em;text-transform:uppercase;color:var(--teal-d)}
.eyebrow:before{content:"";width:8px;height:8px;border-radius:50%;background:var(--coral)}
.btn{display:inline-flex;align-items:center;gap:10px;height:52px;padding:0 26px;border-radius:999px;font-weight:700;font-size:15.5px;transition:transform .25s,box-shadow .25s,background .25s}
.btn-dark{background:var(--ink);color:#fff}
.btn-dark:hover{transform:translateY(-2px);box-shadow:0 12px 28px -10px rgba(14,27,43,.55)}
.btn-line{border:1.5px solid var(--ink);color:var(--ink)}
.btn-line:hover{background:var(--ink);color:#fff}
.btn-teal{background:var(--teal);color:#fff}
.btn-teal:hover{background:var(--teal-d);transform:translateY(-2px)}
section{position:relative}
.sec{padding:120px 0}
.sec-head{max-width:720px;margin-bottom:56px}
.sec-head h2{font-size:clamp(34px,4.2vw,54px);margin:14px 0 16px}
.sec-head p{color:var(--ink-2);font-size:18.5px}
.center{text-align:center;margin-inline:auto}

/* NAV */
.nav{position:fixed;inset:16px 0 auto;z-index:50}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:66px;padding:0 10px 0 22px;border-radius:999px;background:rgba(255,255,255,.78);backdrop-filter:blur(14px);-webkit-backdrop-filter:blur(14px);border:1px solid rgba(14,27,43,.06);box-shadow:0 8px 30px -18px rgba(14,27,43,.35)}
.logo{display:flex;align-items:center;gap:10px;font-weight:800;font-size:20px;letter-spacing:-.03em}
.logo-mark{width:34px;height:34px;border-radius:11px;background:var(--ink);display:grid;place-items:center;position:relative;overflow:hidden}
.logo-mark svg{width:20px;height:20px}
.logo b{color:var(--teal);margin-left:-10px}
.foot .logo-mark{background:rgba(255,255,255,.08)}
.nav-links{display:flex;gap:30px;font-weight:600;font-size:15px;color:var(--ink-2)}
.nav-links a:hover{color:var(--teal-d)}
.nav-cta{display:flex;gap:8px;align-items:center}
.nav-cta .btn{height:46px;padding:0 20px;font-size:14.5px}
.nav-login{font-weight:700;font-size:14.5px;padding:0 14px}
.burger{display:none;width:46px;height:46px;border-radius:50%;background:var(--ink);color:#fff;font-size:17px}
.mnav{position:fixed;inset:0;z-index:60;background:var(--ink);color:#fff;padding:100px 28px 40px;display:flex;flex-direction:column;gap:6px}
.mnav a{font-size:30px;font-weight:800;padding:10px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.mnav .btn{margin-top:26px;justify-content:center;background:var(--teal);color:#fff;font-size:17px}
.mnav-close{position:absolute;top:26px;right:24px;width:46px;height:46px;border-radius:50%;background:rgba(255,255,255,.1);font-size:20px}

/* HERO */
.hero{padding:168px 0 90px;overflow:hidden}
.hero-grid{display:grid;grid-template-columns:1fr;gap:56px;text-align:center}
.hero h1{font-size:clamp(44px,6.6vw,92px);letter-spacing:-.045em;max-width:1050px;margin:22px auto 24px;line-height:1.04}
.hero h1 em{font-style:normal;color:var(--teal);position:relative;white-space:nowrap}
.hero h1 em svg{position:absolute;left:0;bottom:-.12em;width:100%;height:.3em;overflow:visible}
.hero-lead{max-width:640px;margin:0 auto 36px;font-size:19.5px;color:var(--ink-2)}
.hero-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.hero-note{margin-top:18px;font-size:14px;color:var(--mute);display:flex;gap:18px;justify-content:center;flex-wrap:wrap}
.hero-note i{color:var(--teal);margin-right:6px}
.blob{position:absolute;border-radius:50%;filter:blur(60px);opacity:.55;pointer-events:none;z-index:-1}
.blob.b1{width:520px;height:520px;background:var(--teal-l);top:40px;left:-160px}
.blob.b2{width:440px;height:440px;background:var(--coral-l);top:120px;right:-140px}

/* DASHBOARD MOCK */
.mock{position:relative;margin:0 auto;max-width:1160px;background:var(--card);border-radius:28px;box-shadow:0 40px 100px -40px rgba(14,27,43,.45),0 0 0 1px rgba(14,27,43,.06);overflow:hidden;text-align:left}
.mock-bar{height:46px;display:flex;align-items:center;gap:8px;padding:0 18px;border-bottom:1px solid var(--line);background:#FBFAF7}
.mock-bar span{width:11px;height:11px;border-radius:50%;background:#E3DED3}
.mock-bar .url{margin-left:14px;font-size:12.5px;color:var(--mute);background:#fff;border:1px solid var(--line);padding:4px 14px;border-radius:999px}
.mock-body{display:grid;grid-template-columns:210px 1fr;min-height:520px}
.mock-side{background:var(--ink);color:#C9D2E0;padding:22px 14px;font-size:13.5px;font-weight:600}
.mock-side .ms-logo{color:#fff;font-weight:800;font-size:16px;padding:0 10px 18px}
.mock-side div.it{display:flex;align-items:center;gap:11px;padding:10px 12px;border-radius:11px;margin-bottom:3px}
.mock-side div.it.on{background:rgba(255,255,255,.1);color:#fff}
.mock-side div.it i{width:16px;text-align:center;opacity:.85}
.mock-side .ct{margin-left:auto;background:var(--coral);color:#fff;font-size:11px;padding:1px 8px;border-radius:999px}
.mock-main{padding:24px 26px;background:#FAF9F6}
.mm-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:18px}
.mm-top h4{font-size:20px}
.mm-top small{color:var(--mute);font-size:13px;display:block;font-weight:500;letter-spacing:0}
.mm-chip{font-size:12.5px;font-weight:700;padding:7px 14px;border-radius:999px;background:var(--teal);color:#fff}
.kanban{display:grid;grid-template-columns:repeat(5,1fr);gap:12px}
.kcol{background:#F0EEE8;border-radius:16px;padding:12px 10px;min-height:400px}
.kcol h5{font-size:12px;font-weight:800;letter-spacing:.04em;text-transform:uppercase;color:var(--ink-2);display:flex;justify-content:space-between;margin:2px 4px 10px}
.kcol h5 b{background:#fff;border-radius:999px;padding:0 8px;font-size:11px}
.kcard{background:#fff;border-radius:12px;padding:11px 12px;margin-bottom:9px;box-shadow:0 1px 2px rgba(14,27,43,.06);font-size:12.5px}
.kcard strong{display:block;font-size:13.5px;margin-bottom:2px}
.kcard .meta{color:var(--mute);display:flex;justify-content:space-between;align-items:center;gap:6px}
.tag{display:inline-block;font-size:10.5px;font-weight:700;padding:2px 8px;border-radius:999px;margin-top:7px}
.t-teal{background:var(--teal-l);color:var(--teal-d)}.t-coral{background:var(--coral-l);color:#C24A2A}.t-sun{background:#FFF1D1;color:#8A5B00}.t-sky{background:#DDEBFF;color:#1F5BB5}.t-plum{background:#ECE5FF;color:#5A3DB8}
.kcard.fly{outline:2px solid var(--teal);box-shadow:0 18px 30px -12px rgba(11,143,122,.5)}
.float{position:absolute;background:#fff;border-radius:18px;box-shadow:var(--sh);padding:14px 16px;font-size:13px;display:flex;gap:12px;align-items:center;z-index:3}
.float .ic{width:38px;height:38px;border-radius:12px;display:grid;place-items:center;font-size:16px;flex:none}
.float strong{display:block;font-size:14px}
.float span{color:var(--mute)}
.f1{left:-28px;top:150px}.f2{right:-24px;top:300px}.f3{left:180px;bottom:-22px}
.mock-wrap{position:relative;padding:0 30px}

/* AKIŞ ŞERİDİ */
.strip{border-block:1px solid var(--line);background:#fff;overflow:hidden;padding:22px 0}
.strip-track{display:flex;gap:46px;width:max-content;animation:mq 38s linear infinite}
.strip:hover .strip-track{animation-play-state:paused}
.strip-track span{display:flex;align-items:center;gap:12px;font-weight:700;font-size:17px;color:var(--ink-2);white-space:nowrap}
.strip-track i{color:var(--teal)}
@keyframes mq{to{transform:translateX(-50%)}}

/* PROBLEM */
.leak{display:grid;grid-template-columns:repeat(4,1fr);gap:18px}
.leak-card{background:#fff;border-radius:var(--r);padding:30px 26px;border:1px solid var(--line)}
.leak-card .n{font-size:13px;font-weight:800;color:var(--coral)}
.leak-card h3{font-size:21px;margin:12px 0 10px}
.leak-card p{color:var(--ink-2);font-size:15.5px}

/* PIPELINE (pin) */
.pipe{background:var(--ink);color:#fff;overflow:hidden}
.pipe .sec-head p{color:#B7C2D3}
.pipe .eyebrow{color:#7FE0CC}
.pipe-stage{display:grid;grid-template-columns:.9fr 1.1fr;gap:60px;align-items:center}
.steps{list-style:none;display:flex;flex-direction:column;gap:6px}
.steps li{padding:20px 22px;border-radius:18px;border:1px solid rgba(255,255,255,.08);transition:background .4s,border-color .4s;cursor:pointer}
.steps li h3{font-size:20px;display:flex;gap:14px;align-items:center}
.steps li h3 small{font-size:12px;font-weight:800;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;background:rgba(255,255,255,.08);flex:none}
.steps li p{color:#B7C2D3;font-size:15.5px;margin:8px 0 0 44px;max-height:0;overflow:hidden;opacity:0;transition:max-height .5s,opacity .4s}
.steps li.on{background:rgba(255,255,255,.06);border-color:rgba(127,224,204,.4)}
.steps li.on h3 small{background:var(--teal);color:#fff}
.steps li.on p{max-height:140px;opacity:1}
.screen{background:#14263B;border-radius:26px;padding:26px;min-height:470px;position:relative;border:1px solid rgba(255,255,255,.08)}
.scr{position:absolute;inset:26px;opacity:0;transform:translateY(16px);transition:opacity .5s,transform .5s;pointer-events:none}
.scr.on{opacity:1;transform:none;pointer-events:auto}
.scr h4{font-size:15px;color:#7FE0CC;margin-bottom:14px;font-weight:700;letter-spacing:0}
.row{display:flex;align-items:center;gap:12px;background:rgba(255,255,255,.05);border-radius:14px;padding:12px 14px;margin-bottom:9px;font-size:14px}
.row .av{width:36px;height:36px;border-radius:50%;display:grid;place-items:center;font-weight:800;font-size:13px;color:var(--ink);flex:none}
.row .src{margin-left:auto;font-size:12px;color:#B7C2D3;display:flex;gap:6px;align-items:center}
.row small{display:block;color:#93A0B5;font-size:12.5px}
.cal{display:grid;grid-template-columns:50px repeat(4,1fr);gap:6px;font-size:12px}
.cal .h{color:#93A0B5;text-align:center;padding-bottom:4px}
.cal .t{color:#93A0B5;padding-top:6px}
.cal .s{height:44px;border-radius:10px;background:rgba(255,255,255,.04)}
.cal .ev{background:var(--teal);color:#fff;padding:6px 8px;font-weight:700;line-height:1.3}
.cal .ev.c{background:var(--coral)}.cal .ev.p{background:var(--plum)}
.msg{max-width:82%;padding:11px 14px;border-radius:16px;font-size:14px;margin-bottom:10px}
.msg.out{background:#1F8F5E;margin-left:auto;border-bottom-right-radius:4px}
.msg.in{background:rgba(255,255,255,.08);border-bottom-left-radius:4px}
.msg small{display:block;font-size:11px;opacity:.7;margin-top:4px;text-align:right}
.bars{display:flex;align-items:flex-end;gap:14px;height:230px;padding:10px 4px 0;border-bottom:1px solid rgba(255,255,255,.1)}
.bars div{flex:1;border-radius:10px 10px 0 0;background:linear-gradient(var(--teal),#0A5F52);position:relative}
.bars div span{position:absolute;bottom:-26px;left:0;right:0;text-align:center;font-size:11.5px;color:#93A0B5}
.legend{display:flex;gap:16px;margin-top:40px;font-size:13px;color:#B7C2D3}

/* DİŞ ŞEMASI */
.chart-sec{display:grid;grid-template-columns:1.32fr .68fr;gap:52px;align-items:center}
.chart-card{background:#fff;border-radius:28px;padding:30px;box-shadow:var(--sh)}
.jaw{display:grid;grid-template-columns:repeat(16,1fr);gap:5px;margin-bottom:10px;user-select:none;-webkit-user-select:none;touch-action:none}
.tooth{aspect-ratio:.62;border-radius:9px 9px 14px 14px;background:#F2F0EA;border:1.5px solid #E2DED3;display:flex;align-items:flex-end;justify-content:center;font-size:9.5px;font-weight:700;color:var(--mute);padding-bottom:4px;cursor:pointer;transition:background .15s,border-color .15s,transform .15s}
.jaw.low .tooth{border-radius:14px 14px 9px 9px;align-items:flex-start;padding:4px 0 0}
.tooth:hover{border-color:var(--teal)}
.tooth.sel{background:var(--teal);border-color:var(--teal);color:#fff;transform:translateY(-3px)}
.jaw.low .tooth.sel{transform:translateY(3px)}
.chart-tools{display:flex;gap:8px;flex-wrap:wrap;margin:18px 0}
.chip{padding:8px 14px;border-radius:999px;border:1.5px solid var(--line);font-weight:700;font-size:13.5px;background:#fff}
.chip.on{background:var(--ink);border-color:var(--ink);color:#fff}
.plan-out{border-top:1px dashed var(--line);padding-top:16px;font-size:15px;color:var(--ink-2);min-height:70px}
.plan-out b{color:var(--ink)}
.feat-list{list-style:none;margin-top:28px;display:grid;gap:14px}
.feat-list li{display:flex;gap:14px;align-items:flex-start;color:var(--ink-2)}
.feat-list i{width:34px;height:34px;flex:none;border-radius:11px;display:grid;place-items:center;background:var(--teal-l);color:var(--teal-d);font-size:14px;margin-top:2px}
.feat-list b{color:var(--ink);display:block}

/* TEKLİF (yatay) */
.offer{background:var(--soft)}
.offer-grid{display:grid;grid-template-columns:.85fr 1.15fr;gap:60px;align-items:center}
.phone{width:300px;height:560px;border-radius:44px;background:var(--ink);padding:12px;margin:auto;box-shadow:0 40px 80px -30px rgba(14,27,43,.5);position:relative}
.phone-scr{width:100%;height:100%;border-radius:34px;background:#fff;overflow:hidden;position:relative}
.ph-head{background:linear-gradient(135deg,var(--teal),#0A5F52);color:#fff;padding:40px 20px 22px}
.ph-head small{opacity:.8;font-size:12px}
.ph-head h5{font-size:21px;font-weight:800;margin-top:4px;letter-spacing:-.02em}
.ph-body{padding:16px 18px;font-size:13px}
.ph-item{display:flex;justify-content:space-between;padding:10px 0;border-bottom:1px solid var(--line)}
.ph-item span{color:var(--mute)}
.ph-days{display:flex;gap:6px;margin:14px 0}
.ph-days div{flex:1;background:var(--soft);border-radius:10px;padding:8px 6px;text-align:center;font-size:11px;font-weight:700}
.ph-days div b{display:block;font-size:15px;color:var(--teal-d)}
.ph-btn{display:block;text-align:center;background:var(--ink);color:#fff;border-radius:14px;padding:13px;font-weight:700;margin-top:10px}
.ph-btn.wa{background:#1F8F5E}
.seen{position:absolute;right:-40px;top:120px}
.offer-cards{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:30px}
.oc{background:#fff;border-radius:18px;padding:22px}
.oc i{font-size:20px;color:var(--teal)}
.oc h4{font-size:17px;margin:10px 0 6px;letter-spacing:-.01em}
.oc p{font-size:14.5px;color:var(--ink-2)}

/* MODÜLLER */
.mods{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.mod{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;transition:transform .35s,box-shadow .35s}
.mod:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.mod .ic{width:52px;height:52px;border-radius:16px;display:grid;place-items:center;font-size:21px;margin-bottom:22px}
.mod h3{font-size:21px;margin-bottom:8px}
.mod p{color:var(--ink-2);font-size:15.5px}
.mod.wide{grid-column:span 2;background:var(--ink);color:#fff;border:0;display:grid;grid-template-columns:1fr 1fr;gap:24px;align-items:center}
.mod.wide p{color:#B7C2D3}
.roles{display:grid;gap:8px}
.roles div{background:rgba(255,255,255,.07);border-radius:12px;padding:10px 14px;font-size:14px;display:flex;justify-content:space-between}
.roles div span{color:#7FE0CC;font-weight:700;font-size:12.5px}

/* NASIL */
.how{display:grid;grid-template-columns:repeat(3,1fr);gap:22px;counter-reset:s}
.how div{padding:34px 30px;border-radius:var(--r);background:#fff;border:1px solid var(--line);position:relative}
.how div:before{counter-increment:s;content:"0" counter(s);font-size:56px;font-weight:800;color:var(--teal-l);letter-spacing:-.04em;display:block;line-height:1;margin-bottom:14px}
.how h3{font-size:21px;margin-bottom:8px}
.how p{color:var(--ink-2);font-size:15.5px}

/* PAKETLER */
.plans{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}
.plan{background:#fff;border-radius:26px;padding:34px 30px;border:1px solid var(--line);display:flex;flex-direction:column}
.plan.hot{background:var(--ink);color:#fff;border:0;transform:translateY(-12px)}
.plan h3{font-size:24px}
.plan .who{color:var(--mute);font-size:15px;margin:6px 0 22px}
.plan.hot .who{color:#B7C2D3}
.plan ul{list-style:none;display:grid;gap:11px;margin-bottom:30px;font-size:15px}
.plan li{display:flex;gap:10px}
.plan li i{color:var(--teal);margin-top:5px}
.plan.hot li i{color:#7FE0CC}
.plan .btn{margin-top:auto;justify-content:center}
.plan.hot .btn{background:var(--teal);color:#fff}
.badge{align-self:flex-start;background:var(--coral);color:#fff;font-size:12px;font-weight:800;padding:4px 12px;border-radius:999px;margin-bottom:14px}

/* SSS */
.faq{max-width:860px;margin:auto}
.q{border-bottom:1px solid var(--line)}
.q button{width:100%;text-align:left;display:flex;justify-content:space-between;gap:20px;padding:26px 0;font-size:19px;font-weight:700}
.q button i{transition:transform .3s;color:var(--teal)}
.q.open button i{transform:rotate(45deg)}
.q .a{overflow:hidden;height:0;color:var(--ink-2);font-size:16.5px}
.q .a p{padding-bottom:24px}

/* CTA */
.cta{padding:0 0 110px}
.cta-box{border-radius:36px;background:var(--teal);color:#fff;padding:90px 60px;text-align:center;position:relative;overflow:hidden}
.cta-box h2{font-size:clamp(34px,4.6vw,62px);max-width:900px;margin:0 auto 18px}
.cta-box p{max-width:600px;margin:0 auto 34px;font-size:18.5px;color:#D9F4EE}
.cta-box .btn-dark{background:#fff;color:var(--ink)}
.cta-box .btn-line{border-color:#fff;color:#fff}
.cta-box .btn-line:hover{background:#fff;color:var(--teal-d)}
.ring{position:absolute;border:2px solid rgba(255,255,255,.18);border-radius:50%}
.ring.r1{width:520px;height:520px;left:-200px;top:-260px}.ring.r2{width:420px;height:420px;right:-150px;bottom:-240px}

/* DEMO FORM */
.demo-form{display:grid;grid-template-columns:1fr 1fr;gap:12px;max-width:720px;margin:0 auto;text-align:left}
.demo-form input,.demo-form select{height:54px;border-radius:14px;border:0;padding:0 18px;font:inherit;font-size:15.5px;color:var(--ink);background:#fff}
.demo-form .full{grid-column:1/-1}
.demo-form button{justify-content:center}
.form-ok{background:rgba(255,255,255,.14);border-radius:16px;padding:18px;max-width:720px;margin:0 auto}

/* FOOTER */
.foot{background:var(--ink);color:#B7C2D3;padding:80px 0 34px;font-size:15px}
.foot-grid{display:grid;grid-template-columns:1.4fr 1fr 1fr 1fr;gap:40px;margin-bottom:60px}
.foot .logo{color:#fff;margin-bottom:16px}
.foot h5{color:#fff;font-size:14px;letter-spacing:.06em;text-transform:uppercase;margin-bottom:16px}
.foot ul{list-style:none;display:grid;gap:10px}
.foot a:hover{color:#fff}
.foot-bot{border-top:1px solid rgba(255,255,255,.1);padding-top:26px;display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;font-size:13.5px}

/* reveal */
.rv{opacity:0;transform:translateY(34px)}
.no-js .rv{opacity:1;transform:none}

@media (max-width:1080px){
  .nav-links{display:none}
  .kanban{grid-template-columns:repeat(3,1fr)}
  .kcol:nth-child(n+4){display:none}
  .leak{grid-template-columns:1fr 1fr}
  .pipe-stage,.chart-sec,.offer-grid{grid-template-columns:1fr}
  .mods{grid-template-columns:1fr 1fr}
  .mod.wide{grid-column:span 2}
  .foot-grid{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  body{font-size:16px}
  .wrap{width:calc(100% - 32px)}
  .sec{padding:84px 0}
  .nav{inset:10px 0 auto}
  .nav-in{height:60px;padding:0 7px 0 16px}
  .nav-cta .btn,.nav-login{display:none}
  .burger{display:grid;place-items:center}
  .hero{padding:126px 0 70px}
  .hero h1{font-size:clamp(38px,11vw,52px)}
  .hero-lead{font-size:17px}
  .hero-btns .btn{width:100%;justify-content:center}
  .mock-wrap{padding:0}
  .mock-bar .url{white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;font-size:11px}
  .mock-body{grid-template-columns:1fr;min-height:0}
  .mock-side{display:none}
  .mock-main{padding:16px}
  .kanban{grid-template-columns:1fr 1fr}
  .kcol:nth-child(n+3){display:none}
  .kcol{min-height:0}
  .float{display:none}
  .leak,.how,.plans,.mods{grid-template-columns:1fr}
  .mod.wide{grid-column:auto;grid-template-columns:1fr}
  .plan.hot{transform:none}
  .screen{min-height:440px;padding:18px}
  .scr{inset:18px}
  .cal{grid-template-columns:36px repeat(4,minmax(0,1fr));gap:4px;font-size:10px}
  .cal .ev{padding:4px 5px;overflow:hidden;line-height:1.25}
  .cal .h{font-size:9.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
  .jaw{gap:3px}
  .tooth{font-size:7.5px;border-radius:6px 6px 9px 9px}
  .chart-card{padding:18px}
  .phone{width:270px;height:560px}
  .seen{display:none}
  .offer-cards{grid-template-columns:1fr}
  .cta-box{padding:64px 22px;border-radius:26px}
  .demo-form{grid-template-columns:1fr}
  .foot-grid{grid-template-columns:1fr}
  .steps li p{margin-left:0}
}
/* ===== ALT SAYFALAR ===== */
.nav-links a.on{color:var(--teal-d)}
.phero{padding:160px 0 80px;overflow:hidden}
.phero .blob.b1{top:-60px}.phero .blob.b2{top:40px}
.crumb{display:flex;gap:10px;flex-wrap:wrap;align-items:center;font-size:13.5px;font-weight:600;color:var(--mute);margin-bottom:22px}
.crumb a:hover{color:var(--teal-d)}
.crumb i{font-size:9px;opacity:.6}
.phero h1{font-size:clamp(40px,5.4vw,72px);letter-spacing:-.04em;max-width:980px;margin:16px 0 22px;line-height:1.06}
.phero h1 em{font-style:normal;color:var(--teal)}
.phero .lead{max-width:680px;font-size:19.5px;color:var(--ink-2)}
.phero .hero-btns{justify-content:flex-start;margin-top:32px}
.phero.center{text-align:center}
.phero.center h1,.phero.center .lead{margin-inline:auto}
.phero.center .hero-btns,.phero.center .crumb{justify-content:center}
.split{display:grid;grid-template-columns:1fr 1fr;gap:64px;align-items:center}
.split.hero-split{grid-template-columns:1.05fr .95fr}
.panel{background:var(--ink);border-radius:28px;padding:28px;color:#fff;box-shadow:0 40px 80px -40px rgba(14,27,43,.5);position:relative}
.panel h4{font-size:15px;color:#7FE0CC;margin-bottom:14px;font-weight:700;letter-spacing:0}
.panel .row:last-child{margin-bottom:0}
.panel .note{font-size:12.5px;color:#93A0B5;margin-top:14px}
.panel .bars{margin-bottom:34px}
.panel .tag{margin-top:0}
.kv{display:grid;grid-template-columns:1fr 1fr;gap:8px}
.kv div{background:rgba(255,255,255,.05);border-radius:12px;padding:12px 14px;font-size:13px;color:#93A0B5}
.kv b{display:block;color:#fff;font-size:14.5px;margin-top:2px}
.flow{display:grid;gap:10px}
.flow .row i{width:18px;text-align:center;color:#7FE0CC}
.flow-arrow{text-align:center;color:#7FE0CC;font-size:18px}
.mods a.mod{display:flex;flex-direction:column}
.mods a.mod.wide{display:grid}
.mod.wide.full{grid-column:1/-1}
.mod.wide .more{padding-top:14px}
.more{margin-top:auto;padding-top:18px;font-weight:700;font-size:15px;color:var(--teal-d);display:inline-flex;gap:8px;align-items:center}
.more i{transition:transform .25s}
a:hover>.more i,a.more:hover i{transform:translateX(4px)}
.sec.tint{background:#fff;border-block:1px solid var(--line)}
.cta-btns{display:flex;gap:12px;justify-content:center;flex-wrap:wrap}
.sec-head .more{padding-top:0;margin-top:6px}

/* Bekleyen içerik işaretleri */
.bekle{display:inline-flex;align-items:center;gap:8px;background:#FFF1D1;color:#8A5B00;border:1.5px dashed #E1A93A;border-radius:10px;padding:6px 12px;font-size:13.5px;font-weight:700;line-height:1.3}
.bekle-blok{border:2px dashed #E1A93A;background:#FFFAEE;border-radius:18px;padding:22px 24px;color:#8A5B00;font-weight:600;font-size:15.5px;margin:12px 0 8px}
.bekle-blok i{margin-right:8px}
.bekle-blok small{display:block;font-weight:500;color:#9A7A3A;margin-top:6px;font-size:14px}
.foto-bekle{aspect-ratio:4/3;border-radius:var(--r);border:2px dashed #D3CCBB;background:repeating-linear-gradient(45deg,#EFECE3 0 12px,#F6F4EF 12px 24px);display:grid;place-items:center;text-align:center;color:var(--mute);font-weight:700;font-size:14px;padding:16px}
.foto-bekle i{display:block;font-size:28px;margin-bottom:8px;color:#B3AB98}
.foto-bekle.wide{aspect-ratio:16/7}

/* Metin sayfaları */
.doc{display:grid;grid-template-columns:250px 1fr;gap:64px;align-items:start}
.toc{position:sticky;top:110px;background:#fff;border:1px solid var(--line);border-radius:18px;padding:22px;font-size:14.5px}
.toc b{display:block;margin-bottom:8px;font-size:12px;letter-spacing:.12em;text-transform:uppercase;color:var(--mute)}
.toc a{display:block;padding:6px 0;color:var(--ink-2);line-height:1.4}
.toc a:hover{color:var(--teal-d)}
.prose{max-width:760px}
.prose h2{font-size:clamp(25px,2.6vw,31px);margin:52px 0 14px;scroll-margin-top:110px}
.prose h2:first-child{margin-top:0}
.prose h3{font-size:21px;margin:30px 0 10px}
.prose p,.prose li{color:var(--ink-2);font-size:17.5px;line-height:1.78}
.prose p{margin-bottom:16px}
.prose ul,.prose ol{padding-left:22px;margin-bottom:18px;display:grid;gap:8px}
.prose strong{color:var(--ink)}
.prose a{color:var(--teal-d);text-decoration:underline;text-underline-offset:3px}
.tip{background:var(--soft);border-left:4px solid var(--teal);border-radius:0 16px 16px 0;padding:20px 24px;margin:26px 0;color:var(--ink-2)}
.tip b{color:var(--teal-d);display:block;margin-bottom:4px}
.check{list-style:none;padding:0!important}
.check li{display:flex;gap:12px}
.check li:before{content:"\f00c";font-family:"Font Awesome 6 Free";font-weight:900;color:var(--teal);font-size:14px;margin-top:5px}

/* Rehber */
.posts{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.post{background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.post:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.cover{aspect-ratio:16/10;display:grid;place-items:center;color:#fff;position:relative;overflow:hidden}
.cover i{font-size:46px;position:relative;z-index:1}
.cover:before,.cover:after{content:"";position:absolute;border:2px solid rgba(255,255,255,.18);border-radius:50%}
.cover:before{width:70%;aspect-ratio:1;left:-20%;top:-35%}.cover:after{width:55%;aspect-ratio:1;right:-15%;bottom:-40%}
.cv-teal{background:linear-gradient(135deg,#0B8F7A,#0A5F52)}.cv-coral{background:linear-gradient(135deg,#FF7A59,#D9532F)}.cv-ink{background:linear-gradient(135deg,#1C3350,#0E1B2B)}.cv-plum{background:linear-gradient(135deg,#8E6CF0,#5A3DB8)}
.post-body{padding:26px;display:flex;flex-direction:column;flex:1}
.post-meta{font-size:13px;color:var(--mute);display:flex;gap:14px;flex-wrap:wrap;font-weight:600}
.post-meta .cat{color:var(--teal-d)}
.post h3{font-size:21px;margin:10px 0}
.post p{color:var(--ink-2);font-size:15.5px}
.art-cover{aspect-ratio:21/8;border-radius:28px;margin-top:40px}
.art-cover i{font-size:64px}
.art-meta{display:flex;gap:20px;flex-wrap:wrap;color:var(--mute);font-size:14.5px;font-weight:600}
.art-meta i{color:var(--teal);margin-right:6px}
.art-end{max-width:760px;margin-top:48px;padding:30px;border-radius:var(--r);background:var(--ink);color:#fff;display:flex;gap:24px;align-items:center;justify-content:space-between;flex-wrap:wrap}
.art-end h3{font-size:22px}.art-end p{color:#B7C2D3;font-size:15.5px;margin-top:4px}
.art-end .btn{background:var(--teal);color:#fff}

/* Kullanım örnekleri */
.filters{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:28px}
.gal{display:grid;grid-template-columns:repeat(2,1fr);gap:22px}
.gal-item{background:#fff;border:1px solid var(--line);border-radius:26px;padding:16px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.gal-item:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.gal-item .panel{box-shadow:none;border-radius:18px;padding:22px;min-height:290px}
.gal-item h3{font-size:20px;margin:18px 8px 4px}
.gal-item p{margin:0 8px;color:var(--ink-2);font-size:15px}
.gal-item .more{margin:0 8px 6px}
.stories{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}
.story{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:16px;display:flex;flex-direction:column;transition:transform .35s,box-shadow .35s}
.story:hover{transform:translateY(-6px);box-shadow:var(--sh)}
.story h3{font-size:19px;margin:16px 6px 8px}
.story .bekle{margin:0 6px}
.story .more{margin:0 6px 6px}
.facts{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}
.fact{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px}
.fact small{display:block;color:var(--mute);font-size:13px;font-weight:700;letter-spacing:.06em;text-transform:uppercase;margin-bottom:8px}
.shots{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}

/* İletişim */
.contact{display:grid;grid-template-columns:1.15fr .85fr;gap:40px;align-items:start}
.form-card{background:#fff;border-radius:28px;padding:40px;box-shadow:var(--sh);scroll-margin-top:110px}
.form-card h2{font-size:30px;margin-bottom:8px}
.form-card>p{color:var(--ink-2);margin-bottom:26px}
.f-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px}
.f-grid label{display:grid;gap:7px;font-size:14px;font-weight:700}
.f-grid input,.f-grid select,.f-grid textarea{height:52px;border-radius:14px;border:1.5px solid var(--line);padding:0 16px;font:inherit;font-size:15.5px;background:#FBFAF7;color:var(--ink);width:100%}
.f-grid textarea{height:130px;padding:14px 16px;resize:vertical}
.f-grid input:focus,.f-grid select:focus,.f-grid textarea:focus{outline:none;border-color:var(--teal);background:#fff}
.f-grid .full{grid-column:1/-1}
.f-grid label.chk{display:flex;gap:12px;align-items:flex-start;font-weight:500;color:var(--ink-2);font-size:14.5px}
.f-grid label.chk input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--teal)}
.chk a{color:var(--teal-d);text-decoration:underline}
.f-grid .btn{justify-content:center;width:100%}
.form-ok.light{background:var(--teal-l);color:var(--teal-d);font-weight:700;margin:0}
.info-list{display:grid;gap:14px}
.info{background:#fff;border:1px solid var(--line);border-radius:20px;padding:22px;display:flex;gap:16px;align-items:flex-start}
.info .ic{width:46px;height:46px;border-radius:14px;display:grid;place-items:center;font-size:18px;flex:none}
.info h3{font-size:17px;margin-bottom:6px;letter-spacing:-.01em}
.info p{color:var(--ink-2);font-size:15px}
.info.dark{background:var(--ink);color:#fff;border:0}
.info.dark p{color:#B7C2D3}
.info.dark .more{color:#7FE0CC;padding-top:10px}

/* 404 */
.nf{min-height:100vh;display:grid;place-items:center;text-align:center;padding:140px 0 90px;overflow:hidden}
.nf-num{font-size:clamp(120px,22vw,260px);font-weight:800;letter-spacing:-.06em;line-height:1;color:var(--teal);display:flex;align-items:center;justify-content:center;gap:.04em}
.nf-num svg{width:.78em;height:.78em}

@media (max-width:1080px){
  .split,.split.hero-split,.contact,.doc{grid-template-columns:1fr}
  .toc{position:static}
  .posts,.stories,.shots{grid-template-columns:1fr 1fr}
  .facts{grid-template-columns:1fr 1fr}
}
@media (max-width:760px){
  .phero{padding:124px 0 56px}
  .phero h1{font-size:clamp(34px,9.6vw,46px)}
  .phero .lead{font-size:17px}
  .phero .hero-btns .btn{width:100%;justify-content:center}
  .split{gap:40px}
  .panel{padding:18px;border-radius:22px}
  .kv{grid-template-columns:1fr}
  .posts,.stories,.gal,.shots,.f-grid{grid-template-columns:1fr}
  .gal-item .panel{min-height:0}
  .form-card{padding:24px 18px;border-radius:22px}
  .doc{gap:30px}
  .art-cover{aspect-ratio:16/9;border-radius:20px}
  .art-end{padding:24px}
  .art-end .btn{width:100%;justify-content:center}
  .cta-btns .btn{width:100%;justify-content:center}
}
/* ===== DİŞ ŞEMASI: uygulama görünümü ===== */
.dc-frame{position:relative;background:#fff;border:1px solid var(--line);border-radius:30px;padding:8px;box-shadow:var(--sh);min-width:0}
.dc-glow{position:absolute;inset:-26px;z-index:-1;border-radius:46px;background:linear-gradient(135deg,rgba(213,240,233,.95),rgba(255,229,220,.8));filter:blur(30px);pointer-events:none}
.dc-stage{position:relative;overflow:hidden;border-radius:23px;padding:22px;background:linear-gradient(110deg,#FFD9CC 0%,#FFEFC9 60%,#FFF6DD 100%)}
.dc-stage:before{content:"";position:absolute;left:-12%;right:-12%;bottom:-30%;height:78%;background:linear-gradient(90deg,#7FD6C4,#A9C4FF);border-radius:50% 50% 0 0/28% 28% 0 0;opacity:.8}
.dc-app{position:relative;z-index:1;background:#fff;border-radius:16px;box-shadow:0 24px 50px -24px rgba(14,27,43,.45);padding:10px 14px 14px;font-size:13px}
.dc-tabs{display:flex;gap:2px;border-bottom:1px solid var(--line);margin-bottom:10px}
.dc-tabs span{display:flex;gap:7px;align-items:center;font-size:11px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute);padding:6px 10px 9px;border-bottom:2px solid transparent;margin-bottom:-1px}
.dc-tabs .on{color:var(--teal-d);border-color:var(--teal)}
.dc-bar{display:flex;align-items:center;gap:10px;flex-wrap:wrap;margin-bottom:12px}
.dc-pt{display:flex;align-items:center;gap:8px;font-weight:700}
.dc-pt .av{width:26px;height:26px;border-radius:8px;background:var(--teal);color:#fff;font-size:10.5px;font-weight:800;display:grid;place-items:center}
.dc-bar label{margin-left:auto;display:flex;align-items:center;gap:8px;font-size:12px;font-weight:700;color:var(--mute)}
.dc-bar select{font:inherit;font-size:12.5px;font-weight:700;color:var(--ink);border:1px solid var(--line);border-radius:8px;padding:5px 8px;background:#fff}
.dc-body{display:grid;grid-template-columns:142px minmax(0,1fr);gap:12px}
.dc-procs{display:flex;flex-direction:column;gap:5px}
.dc-procs button{display:flex;align-items:center;gap:8px;width:100%;text-align:left;white-space:nowrap;border:1px solid var(--line);border-radius:9px;padding:6px 9px;font-size:12.5px;font-weight:700;background:#fff;transition:border-color .2s,background .2s,transform .15s}
.dc-procs button:hover{border-color:var(--teal);background:#F4FBF9}
.dc-procs button:active{transform:scale(.97)}
.dc-procs button i{margin-left:auto;font-size:9.5px;color:var(--mute)}
.sw{width:11px;height:11px;border-radius:3px;flex:none}
.dc-main{min-width:0;border:1px solid var(--line);border-radius:12px;padding:8px 8px 10px;background:#FCFBF8}
.dc-head{display:flex;justify-content:space-between;align-items:center;gap:8px;margin:0 2px 8px;min-height:24px}
.dc-hint{font-size:12px;font-weight:600;color:var(--mute);display:flex;gap:6px;align-items:center;line-height:1.3}
.dc-hint i{color:var(--teal)}
.dc-hint.ok{color:var(--teal-d)}
.dc-hint.warn{color:#C24A2A}.dc-hint.warn i{color:var(--coral)}
.dc-btns{display:flex;gap:2px;flex:none}
.dc-btns button{font-size:11.5px;font-weight:700;color:var(--ink-2);padding:4px 8px;border-radius:7px}
.dc-btns button:hover{background:#EFEDE6}
.dc-chart{position:relative}
.dc-chart:before{content:"";position:absolute;left:50%;top:2px;bottom:2px;border-left:1px dashed #D9D4C7}
.dc-row{display:grid;grid-template-columns:repeat(16,minmax(0,1fr));touch-action:none;user-select:none;-webkit-user-select:none;position:relative}
.dc-row.low{margin-top:2px}
.dc-t{display:flex;flex-direction:column;align-items:center;gap:5px;padding:5px 1px;border-radius:9px;transition:background .15s;cursor:pointer;-webkit-tap-highlight-color:transparent;min-width:0}
.dc-t:focus-visible{outline:2px solid var(--teal);outline-offset:1px}
.dc-t .tt{width:92%;height:84px;display:block;overflow:visible}
.num{font-size:10.5px;font-weight:700;color:var(--mute);background:#fff;border:1px solid var(--line);border-radius:5px;width:100%;max-width:26px;text-align:center;line-height:18px}
.dc-t:hover .num{border-color:var(--teal);color:var(--teal-d)}
.dc-t.pick{background:var(--teal)}
.dc-t.pick .num{border-color:#fff;color:var(--teal-d)}
.tt .rt{fill:#E3EEF5;stroke:#8E9BAD;stroke-width:1.3}
.tt .cr{fill:#fff;stroke:#8E9BAD;stroke-width:1.3}
.tt .im,.tt .cn,.tt .br,.tt .fl,.tt .xx{display:none}
.c-imp .rt{display:none}
.c-imp .im{display:block}
.tt .im rect{fill:#B5BFCB;stroke:#6B7689;stroke-width:1.2}
.tt .im path{stroke:#6B7689;stroke-width:1.4}
.c-imp .cr{fill:var(--teal-l);stroke:var(--teal)}
.c-kan .cn{display:block;fill:none;stroke:var(--coral);stroke-width:2.8;stroke-linecap:round}
.c-krn .cr{fill:#DDEBFF;stroke:#2F6FD0}
.c-lam .cr{fill:#ECE5FF;stroke:#6A4BD6}
.c-dol .fl{display:block;fill:#FFC24B;stroke:#B98200;stroke-width:1.2}
.c-kop .br{display:block;fill:#F4D58A;stroke:#B7791F;stroke-width:1.1}
.c-kop .cr{fill:#FFF1D1;stroke:#B7791F}
.c-cek:not(.c-imp) .rt,.c-cek:not(.c-imp) .cr,.c-cek:not(.c-imp) .cn,.c-cek:not(.c-imp) .fl,.c-cek:not(.c-imp) .br{opacity:.22}
.c-cek:not(.c-imp) .xx{display:block}
.tt .xx circle{fill:#E5484D}
.tt .xx path{stroke:#fff;stroke-width:2.6;stroke-linecap:round}
.dc-t.pick .rt{fill:#C9EEE5;stroke:#fff}
.dc-t.pick .cr{stroke:#fff}
.dc-cursor{position:absolute;left:0;top:0;z-index:5;pointer-events:none;opacity:0;font-size:24px;color:var(--ink);margin:-4px 0 0 -10px;filter:drop-shadow(0 0 1.5px #fff) drop-shadow(0 3px 4px rgba(14,27,43,.3))}
.dc-table{margin-top:12px;border:1px solid var(--line);border-radius:12px;overflow:hidden}
.dc-th,.dc-tr{display:grid;grid-template-columns:minmax(0,1fr) 62px 104px 88px 26px;gap:8px;align-items:center;padding:8px 10px}
.dc-th{background:#FBFAF7;font-size:10.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase;color:var(--mute)}
#dcRows{max-height:190px;overflow:auto}
.dc-tr{border-top:1px solid var(--line)}
.dc-nm{display:flex;gap:9px;align-items:center;min-width:0}
.dc-nm>div{min-width:0}
.dc-nm b{display:block;font-size:13px}
.dc-nm small{display:block;color:var(--mute);font-size:11.5px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.dc-nm .mq{display:none}
.dc-q{color:var(--mute);font-size:12px;font-weight:600}
.dc-pr{display:flex;align-items:center;border:1px solid var(--line);border-radius:8px;padding:0 8px;background:#fff;height:30px;cursor:text}
.dc-pr span{color:var(--mute);font-weight:700;font-size:12px;margin-right:4px}
.dc-pr input{border:0;width:100%;min-width:0;font:inherit;font-size:13px;font-weight:700;color:var(--ink);background:none;outline:none;-moz-appearance:textfield;appearance:textfield}
.dc-pr input::-webkit-outer-spin-button,.dc-pr input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.dc-pr:focus-within{border-color:var(--teal)}
.dc-sum{font-weight:800;text-align:right;font-size:13px}
.dc-del{color:#B8B2A4;font-size:13px;height:26px;border-radius:7px}
.dc-del:hover{color:#E5484D;background:#FDECEC}
.dc-empty{padding:14px 12px;color:var(--mute);font-size:13px}
.dc-foot{display:flex;align-items:center;gap:14px;margin-top:12px;flex-wrap:wrap}
.dc-note{flex:1;min-width:170px;font-size:12px;color:var(--mute);line-height:1.45}
.dc-total{display:flex;align-items:baseline;gap:10px;font-weight:700;color:var(--ink-2);font-size:13px}
.dc-total b{font-size:20px;color:var(--teal-d);letter-spacing:-.02em}
.dc-go{background:var(--ink);color:#fff;font-weight:700;font-size:13px;padding:9px 15px;border-radius:999px;display:inline-flex;gap:8px;align-items:center;transition:background .25s}
.dc-go:hover{background:var(--teal)}
@media (max-width:760px){
  .dc-frame{padding:6px;border-radius:24px}
  .dc-stage{padding:10px;border-radius:19px}
  .dc-app{padding:8px 9px 12px}
  .dc-tabs span{font-size:10px;padding:5px 7px 8px;gap:5px}
  .dc-bar label{margin-left:0}
  .dc-body{grid-template-columns:minmax(0,1fr);gap:8px}
  .dc-procs{flex-direction:row;overflow-x:auto;padding-bottom:4px;scrollbar-width:none}
  .dc-procs::-webkit-scrollbar{display:none}
  .dc-procs button{width:auto;flex:none;white-space:nowrap}
  .dc-procs button i{display:none}
  .dc-main{padding:6px 3px 8px}
  .dc-head{flex-wrap:wrap}
  .dc-hint{font-size:11.5px}
  .dc-t{padding:4px 0;gap:4px;border-radius:6px}
  .num{font-size:8.5px;line-height:15px;border-radius:4px}
  .dc-t .tt{height:50px}
  .dc-th{display:none}
  .dc-tr{grid-template-columns:minmax(0,1fr) 92px 26px}
  .dc-q,.dc-sum{display:none}
  .dc-nm .mq{display:inline}
  .dc-go{width:100%;justify-content:center}
}
@media (prefers-reduced-motion:reduce){.strip-track{animation:none}.rv{opacity:1;transform:none}}

/* Form: bot tuzağı, KVKK onayı (ana sayfa), hata satırı */
.hp{position:absolute!important;left:-9999px!important;width:1px!important;height:1px!important;opacity:0!important;pointer-events:none}
.demo-form label.chk{display:flex;gap:12px;align-items:flex-start;font-size:14px;line-height:1.5;color:rgba(255,255,255,.92);font-weight:500}
.demo-form label.chk input{width:20px;height:20px;margin-top:1px;padding:0;flex:none;border-radius:4px;accent-color:var(--ink)}
.demo-form .chk a{color:#fff;text-decoration:underline}
.form-err{grid-column:1/-1;margin:0;padding:12px 16px;border-radius:12px;background:var(--coral-l);color:#9A2E14;font-size:14.5px;font-weight:600}
button[aria-busy="true"]{opacity:.7;cursor:progress}

/* Çerez paneli */
.cerez{position:fixed;left:20px;bottom:20px;z-index:55;max-width:460px;background:#fff;color:var(--ink);border:1px solid var(--line);border-radius:var(--r);box-shadow:var(--sh);padding:22px 22px 20px}
.cerez p{margin:0 0 16px;font-size:14.5px;line-height:1.55;color:var(--ink-2)}
.cerez p b{display:block;color:var(--ink);font-size:16px;margin-bottom:6px}
.cerez p a{color:var(--teal-d);text-decoration:underline}
.cerez-btn{display:grid;grid-template-columns:1fr 1fr;gap:10px}
.cerez-btn .btn{height:46px;padding:0 16px;justify-content:center;font-size:14.5px}
.cerez-ac{font:inherit;color:inherit;background:none;border:0;padding:0;cursor:pointer;text-align:left}
.cerez-ac:hover{color:#fff}
@media (max-width:560px){.cerez{left:12px;right:12px;bottom:12px;max-width:none;padding:18px}}