/* HabittApp tanıtım sitesi: tasarım sistemi. Renkler :root içinde panelden gelir (layout). */
:root{--ink:#14163a;--muted:#5b6086;--line:#e6e8f5;--bg:#fff;--alt:#f5f6fd;--r:20px;--sh:0 1px 2px rgba(20,22,58,.05),0 8px 28px rgba(20,22,58,.07);--sh-lg:0 24px 60px rgba(20,22,58,.18);--ok:#12a36a;--font:system-ui,-apple-system,"Segoe UI",Roboto,"Helvetica Neue",Arial,sans-serif}
*,*::before,*::after{box-sizing:border-box}
html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}
body{margin:0;font-family:var(--font);color:var(--ink);background:var(--bg);line-height:1.6;-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}
img{max-width:100%;height:auto;display:block}a{color:var(--primary);text-decoration:none}a:hover{text-decoration:underline}
h1,h2,h3{line-height:1.15;letter-spacing:-.02em;margin:0 0 .5em;color:var(--ink)}h1{font-size:clamp(2.1rem,5vw,3.55rem);font-weight:800}h2{font-size:clamp(1.65rem,3.2vw,2.45rem);font-weight:800}h3{font-size:1.15rem;font-weight:700}
p{margin:0 0 1em}.ic{width:1.25em;height:1.25em;flex:none;vertical-align:-.22em}
.wrap{width:100%;max-width:1180px;margin:0 auto;padding:0 24px}.narrow{max-width:820px}.center{text-align:center}.mt{margin-top:32px}.muted{color:var(--muted)}
.skip{position:absolute;left:-999px;top:8px;background:#fff;color:var(--ink);padding:8px 14px;border-radius:8px;z-index:200}.skip:focus{left:8px}
:focus-visible{outline:3px solid var(--accent);outline-offset:3px;border-radius:6px}

/* Duyuru çubuğu */
.announce{background:var(--deep);color:#fff;font-size:14px;text-align:center;padding:8px 0}.announce a{color:#fff;font-weight:600}

/* Üst menü */
.nav{position:sticky;top:0;z-index:100;background:rgba(255,255,255,.86);backdrop-filter:saturate(1.6) blur(14px);-webkit-backdrop-filter:saturate(1.6) blur(14px);border-bottom:1px solid transparent;transition:border-color .2s,box-shadow .2s}
.nav.scrolled{border-color:var(--line);box-shadow:0 6px 24px rgba(20,22,58,.06)}
.nav-in{display:flex;align-items:center;justify-content:space-between;height:70px;gap:16px}
.brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:1.12rem;color:var(--ink);letter-spacing:-.02em}.brand:hover{text-decoration:none}.brand img{border-radius:10px}
.brand-light{color:#fff}
.nav-menu{display:flex;align-items:center;gap:4px}.nav-menu a:not(.btn){color:var(--ink);font-weight:600;font-size:15px;padding:8px 14px;border-radius:10px}.nav-menu a:not(.btn):hover,.nav-menu a.on{background:var(--alt);text-decoration:none;color:var(--primary)}
.nav-cta{margin-left:8px}.nav-toggle{display:none;background:none;border:0;padding:8px;color:var(--ink);cursor:pointer;border-radius:10px}.nav-toggle .ic{width:26px;height:26px}

/* Düğmeler */
.btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;font:inherit;font-weight:700;border:2px solid transparent;border-radius:14px;padding:12px 22px;cursor:pointer;transition:transform .15s,box-shadow .15s,background .15s,border-color .15s;text-decoration:none!important;line-height:1.2}
.btn:hover{transform:translateY(-2px)}.btn-sm{padding:9px 16px;font-size:14px;border-radius:12px}.btn-lg{padding:15px 28px;font-size:1.05rem;border-radius:16px}.btn-block{width:100%}
.btn-primary{background:var(--primary);color:#fff;box-shadow:0 8px 20px color-mix(in srgb,var(--primary) 35%,transparent)}.btn-primary:hover{box-shadow:0 12px 28px color-mix(in srgb,var(--primary) 45%,transparent)}
.btn-accent{background:var(--accent);color:var(--deep);box-shadow:0 8px 22px color-mix(in srgb,var(--accent) 45%,transparent)}
.btn-ghost{background:rgba(255,255,255,.1);color:#fff;border-color:rgba(255,255,255,.35)}.btn-ghost:hover{background:rgba(255,255,255,.18)}
.btn-outline{background:#fff;color:var(--primary);border-color:color-mix(in srgb,var(--primary) 30%,#fff)}.btn-outline:hover{border-color:var(--primary)}
.pill{display:inline-flex;align-items:center;gap:8px;background:rgba(255,255,255,.12);border:1px solid rgba(255,255,255,.25);color:#fff;padding:6px 14px;border-radius:999px;font-size:13.5px;font-weight:600;margin-bottom:20px}.pill .ic{color:var(--accent)}.pill-light{background:rgba(255,255,255,.15)}

/* Hero */
.hero{position:relative;overflow:hidden;color:#fff;background:linear-gradient(135deg,var(--deep) 0%,var(--primary) 100%);padding:72px 0 96px}
.hero-bg{position:absolute;inset:0;background:radial-gradient(600px 400px at 85% 10%,color-mix(in srgb,var(--accent) 28%,transparent),transparent 60%),radial-gradient(700px 500px at 5% 90%,rgba(120,130,255,.35),transparent 60%);pointer-events:none}
.hero-bg::after{content:"";position:absolute;inset:0;background-image:linear-gradient(rgba(255,255,255,.05) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.05) 1px,transparent 1px);background-size:48px 48px;mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at 70% 30%,#000,transparent 70%)}
.hero-in{position:relative;display:grid;grid-template-columns:1.1fr .9fr;gap:48px;align-items:center}
.hero h1{color:#fff}.hl{background:linear-gradient(transparent 62%,color-mix(in srgb,var(--accent) 85%,transparent) 62% 92%,transparent 92%);padding:0 .08em;color:#fff}
.lead{font-size:1.2rem;color:rgba(255,255,255,.86);max-width:560px}.hero-btns{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 14px}.hero-small{font-size:.92rem;color:rgba(255,255,255,.7);margin:0}
.hero-visual{position:relative;display:flex;justify-content:center;padding:10px 0}
.phone{width:310px;max-width:100%;background:#fff;border-radius:38px;padding:18px;box-shadow:var(--sh-lg),0 0 0 8px rgba(255,255,255,.14);transform:rotate(2.5deg);color:var(--ink)}
.phone-top{display:flex;align-items:center;gap:12px;padding:6px 6px 14px;border-bottom:1px solid var(--line);margin-bottom:12px}.phone-top b{display:block;font-size:1.02rem}.phone-top small{color:var(--muted)}
.avatar{width:42px;height:42px;border-radius:50%;background:linear-gradient(135deg,var(--primary),#7b82e8);color:#fff;font-weight:800;display:grid;place-items:center}
.ev{display:flex;align-items:center;gap:12px;padding:10px;border-radius:16px;background:var(--alt);margin-bottom:10px;opacity:0;transform:translateY(10px);animation:evIn .6s forwards}.ev:nth-of-type(2){animation-delay:.25s}.ev:nth-of-type(3){animation-delay:.5s}.ev:nth-of-type(4){animation-delay:.75s}.ev:nth-of-type(5){animation-delay:1s}
.ev>div{flex:1;min-width:0}.ev b{display:block;font-size:.92rem;line-height:1.25}.ev small{display:block;color:var(--muted);font-size:.78rem}.ev time{font-size:.74rem;color:var(--muted);font-weight:600}
.ev-ic,.tile-ic,.pm-k{display:grid;place-items:center;border-radius:13px;background:var(--ct);color:var(--cc)}.ev-ic{width:40px;height:40px;flex:none}.ev-ic .ic{width:20px;height:20px}
@keyframes evIn{to{opacity:1;transform:none}}
.chip{position:absolute;display:flex;align-items:center;gap:8px;background:#fff;color:var(--ink);font-weight:700;font-size:.85rem;padding:10px 14px;border-radius:14px;box-shadow:var(--sh-lg);animation:float 5s ease-in-out infinite}.chip .ic{color:var(--primary)}
.chip-a{left:-28px;top:6px}.chip-b{right:-6px;bottom:50px;animation-delay:-2.2s}
@keyframes float{50%{transform:translateY(-10px)}}

/* Renk sınıfları (özellik kartları) */
.c-indigo{--ct:#e8eaff;--cc:#4452c4}.c-orange{--ct:#ffe9d6;--cc:#e0600f}.c-amber{--ct:#fff3cc;--cc:#b97b00}.c-teal{--ct:#d9f5f3;--cc:#12857b}.c-green{--ct:#dcf7e8;--cc:#12894f}
.c-pink{--ct:#fde4f1;--cc:#c42a7b}.c-purple{--ct:#f0e5fc;--cc:#8135c9}.c-blue{--ct:#dfeafd;--cc:#2358c9}.c-red{--ct:#ffe3e3;--cc:#d03040}.c-brown{--ct:#f4e8dc;--cc:#8a5528}

/* Güven + sayılar */
.trust{background:#fff;border-bottom:1px solid var(--line)}.trust-in{display:flex;flex-wrap:wrap;justify-content:center;gap:12px 36px;padding-top:22px;padding-bottom:22px}.trust-in div{display:flex;align-items:center;gap:9px;font-weight:600;font-size:.96rem}.trust-in .ic{color:var(--ok)}
.stats{padding:56px 0 8px}.stats-in{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;text-align:center}.stat b{display:block;font-size:clamp(2.2rem,5vw,3.4rem);font-weight:800;letter-spacing:-.03em;background:linear-gradient(135deg,var(--primary),#7b82e8);-webkit-background-clip:text;background-clip:text;color:transparent}.stat span{color:var(--muted);font-weight:600}

/* Bölümler */
.sec{padding:92px 0}.sec-tight{padding:40px 0 80px}.sec-alt{background:var(--alt)}
.sec-dark{background:linear-gradient(160deg,var(--deep),color-mix(in srgb,var(--deep) 70%,var(--primary)));color:#fff}.sec-dark h2,.sec-dark h3{color:#fff}
.sec-head{max-width:720px;margin:0 auto 48px;text-align:center}.sec-head p{color:var(--muted);font-size:1.12rem;margin:0}
.grid-3{display:grid;grid-template-columns:repeat(auto-fit,minmax(290px,1fr));gap:24px}
.card{background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px;box-shadow:var(--sh);transition:transform .2s,box-shadow .2s}.card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg)}.card p{color:var(--muted);margin:0}
.role-ic{display:grid;place-items:center;width:54px;height:54px;border-radius:16px;background:linear-gradient(135deg,var(--primary),#7b82e8);color:#fff;margin-bottom:18px}.role-ic .ic{width:26px;height:26px}
.tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:16px}.tiles-lg{grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:20px}
.tile{background:#fff;border:1px solid var(--line);border-radius:18px;padding:20px;display:flex;flex-direction:column;gap:4px;transition:transform .2s,box-shadow .2s}.tile:hover{transform:translateY(-4px);box-shadow:var(--sh)}
.tile-ic{width:48px;height:48px;margin-bottom:10px}.tile-ic .ic{width:24px;height:24px}.tile b{font-size:1.02rem}.tile small{color:var(--muted);font-size:.9rem}

.split{display:grid;grid-template-columns:1fr 1fr;gap:72px;align-items:center}.split-rev .split-art{order:-1}.sub{font-size:1.1rem;color:var(--muted)}.sec-dark .sub{color:rgba(255,255,255,.78)}
.checks{list-style:none;margin:24px 0 0;padding:0;display:grid;gap:18px}.checks li{display:flex;gap:14px}.checks .ic{color:var(--ok);width:1.6em;height:1.6em;margin-top:2px}.checks b{display:block}.checks span{color:var(--muted);font-size:.97rem}
.checks-light span{color:rgba(255,255,255,.75)}.checks-light .ic{color:var(--accent)}
.art-img{border-radius:var(--r);box-shadow:var(--sh-lg);width:100%}
.mosaic{position:relative;display:grid;grid-template-columns:repeat(3,1fr);gap:12px;transform:rotate(-2deg)}.m{aspect-ratio:1;border-radius:18px;background:linear-gradient(135deg,#ffd9a8,#ff9f68);box-shadow:var(--sh)}.m2{background:linear-gradient(135deg,#c6f0e1,#47c9a2)}.m3{background:linear-gradient(135deg,#dcd0ff,#8f7af2)}.m4{background:linear-gradient(135deg,#ffd0e6,#ee6fb0)}.m5{background:linear-gradient(135deg,#cfe3ff,#6c9cf2)}.m6{background:linear-gradient(135deg,#fff0b3,#f2c230)}
.m-bar{position:absolute;left:50%;bottom:-18px;transform:translateX(-50%);background:#fff;box-shadow:var(--sh-lg);border-radius:999px;padding:10px 18px;font-weight:700;font-size:.9rem;display:flex;gap:8px;align-items:center;white-space:nowrap}.m-bar .ic{color:var(--primary)}
.panel-mock{display:flex;background:#fff;border-radius:22px;box-shadow:var(--sh-lg);overflow:hidden;min-height:330px}.pm-side{width:64px;background:var(--deep);padding:18px 14px;display:grid;gap:14px;align-content:start}.pm-side i{height:28px;border-radius:9px;background:rgba(255,255,255,.18)}.pm-side i:first-child{background:var(--accent)}
.pm-main{flex:1;padding:20px;display:grid;gap:16px}.pm-row{display:flex;gap:12px}.pm-k{flex:1;height:58px;border-radius:14px}
.pm-chart{display:flex;align-items:flex-end;gap:10px;height:110px;background:var(--alt);border-radius:14px;padding:14px}.pm-chart i{flex:1;border-radius:6px 6px 0 0;background:linear-gradient(var(--primary),#7b82e8)}.pm-chart i:nth-child(1){height:40%}.pm-chart i:nth-child(2){height:65%}.pm-chart i:nth-child(3){height:52%}.pm-chart i:nth-child(4){height:88%}.pm-chart i:nth-child(5){height:70%}.pm-chart i:nth-child(6){height:95%}.pm-chart i:nth-child(7){height:60%}
.pm-list{display:grid;gap:10px}.pm-list i{height:14px;border-radius:7px;background:var(--line)}.pm-list i:nth-child(2){width:80%}.pm-list i:nth-child(3){width:55%}

.steps{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;counter-reset:s}.step{text-align:center;padding:0 12px}.step p{color:var(--muted)}
.step-n{display:grid;place-items:center;width:58px;height:58px;margin:0 auto 18px;border-radius:50%;background:var(--primary);color:#fff;font-size:1.4rem;font-weight:800;box-shadow:0 10px 24px color-mix(in srgb,var(--primary) 35%,transparent)}

/* Fiyatlar */
.bill-toggle{display:inline-flex;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;margin:0 auto 34px;box-shadow:var(--sh);position:relative;left:50%;transform:translateX(-50%)}
.bill-toggle button{border:0;background:none;font:inherit;font-weight:700;padding:9px 22px;border-radius:999px;cursor:pointer;color:var(--muted)}.bill-toggle button.on{background:var(--primary);color:#fff}.save{font-size:11px;background:var(--accent);color:var(--deep);padding:2px 8px;border-radius:999px;margin-left:6px}
.plans{display:grid;gap:24px;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));align-items:stretch;max-width:1100px;margin:0 auto}
.plan{position:relative;background:#fff;border:1px solid var(--line);border-radius:24px;padding:34px 30px;display:flex;flex-direction:column;box-shadow:var(--sh)}
.plan-hi{border:2px solid var(--primary);box-shadow:var(--sh-lg);transform:translateY(-8px)}.plan-badge{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-size:12px;font-weight:800;letter-spacing:.06em;padding:6px 16px;border-radius:999px}
.plan h3{font-size:1.4rem;margin-bottom:4px}.plan-tag{color:var(--muted);min-height:3em;margin-bottom:12px}.plan-price{margin:6px 0 22px;min-height:64px}.plan-price b{font-size:2.6rem;letter-spacing:-.03em;font-weight:800}.plan-price small{color:var(--muted);font-weight:600;margin-left:4px}.quote{font-size:1.7rem;font-weight:800}.plan-note{font-size:.85rem;color:var(--muted)}
.plan-list{list-style:none;padding:0;margin:26px 0 0;display:grid;gap:12px}.plan-list li{display:flex;gap:10px;align-items:flex-start}.plan-list .on .ic{color:var(--ok)}.plan-list .off{color:#9aa0c2}.plan-list .off .ic{color:#c3c7de}
.plans-note{text-align:center;color:var(--muted);font-size:.92rem;margin-top:28px}

.demo-strip{background:linear-gradient(120deg,var(--primary),color-mix(in srgb,var(--primary) 55%,#7b82e8));color:#fff;padding:56px 0}.demo-in{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.demo-in h2{color:#fff;margin-bottom:.3em}.demo-in p{margin:0;color:rgba(255,255,255,.85);max-width:560px}
.faq{display:grid;gap:12px}.faq-i{background:#fff;border:1px solid var(--line);border-radius:16px;padding:0 22px;transition:box-shadow .2s}.faq-i[open]{box-shadow:var(--sh);border-color:color-mix(in srgb,var(--primary) 35%,#fff)}
.faq-i summary{display:flex;justify-content:space-between;align-items:center;gap:16px;cursor:pointer;font-weight:700;padding:18px 0;list-style:none}.faq-i summary::-webkit-details-marker{display:none}.faq-i summary .ic{transition:transform .2s;color:var(--primary)}.faq-i[open] summary .ic{transform:rotate(180deg)}
.faq-a{padding:0 0 20px;color:var(--muted)}

/* Blog */
.post-card{display:flex;flex-direction:column;background:#fff;border:1px solid var(--line);border-radius:var(--r);overflow:hidden;box-shadow:var(--sh);color:var(--ink);transition:transform .2s,box-shadow .2s}.post-card:hover{transform:translateY(-4px);box-shadow:var(--sh-lg);text-decoration:none}
.post-cover{display:block;aspect-ratio:16/9;background:var(--alt)}.post-cover img{width:100%;height:100%;object-fit:cover}.post-cover-ph{display:grid;place-items:center;background:linear-gradient(135deg,var(--primary),#7b82e8);color:rgba(255,255,255,.9)}.post-cover-ph .ic{width:44px;height:44px}
.post-body{display:flex;flex-direction:column;gap:8px;padding:22px}.post-body time{font-size:.82rem;color:var(--muted);font-weight:600}.post-body b{font-size:1.15rem;line-height:1.3}.post-body span{color:var(--muted);font-size:.95rem}
.pager{display:flex;justify-content:center;gap:8px;margin-top:40px}.pager a{min-width:42px;height:42px;display:grid;place-items:center;border-radius:12px;background:#fff;border:1px solid var(--line);font-weight:700;color:var(--ink)}.pager a.on{background:var(--primary);color:#fff;border-color:var(--primary)}
.post-head{background:var(--alt);padding:56px 0 40px;border-bottom:1px solid var(--line)}.post-head h1{font-size:clamp(1.9rem,4vw,2.8rem)}.back{display:inline-block;margin-bottom:18px;font-weight:600}.post-meta{color:var(--muted);margin:0}
.post-hero-img{width:100%;border-radius:var(--r);margin:0 0 36px;box-shadow:var(--sh)}
.prose{font-size:1.08rem;line-height:1.8}.prose h2{font-size:1.6rem;margin-top:1.8em}.prose h3{font-size:1.25rem;margin-top:1.5em}.prose p,.prose ul,.prose ol,.prose blockquote{margin:0 0 1.2em}.prose ul,.prose ol{padding-left:1.4em}.prose li{margin-bottom:.4em}
.prose blockquote{border-left:4px solid var(--accent);background:var(--alt);padding:14px 20px;border-radius:0 14px 14px 0;color:var(--muted)}.prose img{border-radius:14px;margin:1.4em 0}.prose code{background:var(--alt);padding:2px 6px;border-radius:6px;font-size:.92em}.prose hr{border:0;border-top:1px solid var(--line);margin:2em 0}
.post-cta{display:flex;align-items:center;justify-content:space-between;gap:20px;flex-wrap:wrap;background:var(--alt);border:1px solid var(--line);border-radius:var(--r);padding:24px 28px;margin-top:48px}.post-cta div{display:grid}.post-cta span{color:var(--muted)}

/* İç sayfalar */
.page-hero{background:linear-gradient(180deg,var(--alt),#fff);padding:72px 0 28px;text-align:center}.page-hero p{color:var(--muted);font-size:1.15rem;max-width:680px;margin:0 auto}.page-hero h1{font-size:clamp(2rem,4.5vw,3rem)}
.ok-ic{display:grid;place-items:center;width:72px;height:72px;border-radius:50%;background:#dcf7e8;color:var(--ok);margin:0 auto 20px}.ok-ic .ic{width:36px;height:36px}.err-code{font-size:5rem;font-weight:800;color:var(--primary);margin:0;line-height:1}
.form-wrap{display:grid;grid-template-columns:1.5fr 1fr;gap:28px;align-items:start}.form{display:grid;gap:18px}.card.form:hover,.card.side:hover{transform:none;box-shadow:var(--sh)}
.fg{display:grid;grid-template-columns:1fr 1fr;gap:16px}label{display:grid;gap:6px;font-weight:600;font-size:.92rem}.full{grid-column:1/-1}
input,select,textarea{font:inherit;font-weight:400;color:var(--ink);padding:12px 14px;border:1.5px solid #d6d9ee;border-radius:12px;background:#fff;width:100%;transition:border-color .15s,box-shadow .15s}
input:focus,select:focus,textarea:focus{outline:0;border-color:var(--primary);box-shadow:0 0 0 4px color-mix(in srgb,var(--primary) 18%,transparent)}
.check{display:flex;gap:10px;align-items:flex-start;font-weight:400;font-size:.9rem;color:var(--muted)}.check input{width:20px;height:20px;margin-top:2px;flex:none;accent-color:var(--primary)}
.hp{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.alert-err{background:#fdecee;border:1px solid #f3c1c8;color:#8c1d2c;border-radius:14px;padding:14px 18px}.alert-err ul{margin:6px 0 0;padding-left:20px}
.side h3{margin-bottom:14px}.contact{list-style:none;margin:0;padding:0;display:grid;gap:12px}.contact li{display:flex;gap:10px;align-items:flex-start}.contact .ic{color:var(--primary);margin-top:3px}.form-side{display:grid;gap:20px}

/* CTA + alt bilgi */
.cta-band{background:var(--deep);color:#fff;padding:72px 0;background-image:radial-gradient(500px 300px at 90% 0,color-mix(in srgb,var(--accent) 22%,transparent),transparent 70%)}.cta-in{display:flex;align-items:center;justify-content:space-between;gap:32px;flex-wrap:wrap}.cta-in h2{color:#fff}.cta-in p{color:rgba(255,255,255,.8);margin:0;max-width:560px}.cta-btns{display:flex;gap:12px;flex-wrap:wrap}
.footer{background:#0f1030;color:rgba(255,255,255,.72);padding:64px 0 0;font-size:.95rem}.foot-grid{display:grid;grid-template-columns:1.6fr 1fr 1fr 1.3fr;gap:40px}.footer h3{color:#fff;font-size:1rem;margin-bottom:14px}.footer ul{list-style:none;padding:0;margin:0;display:grid;gap:10px}.footer a{color:rgba(255,255,255,.78)}.footer a:hover{color:#fff}
.foot-brand p{margin:16px 0}.social{display:flex;gap:14px;flex-wrap:wrap}.footer .contact .ic{color:var(--accent)}.foot-bot{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;border-top:1px solid rgba(255,255,255,.1);margin-top:48px;padding-top:22px;padding-bottom:26px;font-size:.88rem}.foot-links{display:flex;gap:18px;flex-wrap:wrap}
.wa-fab{position:fixed;right:20px;bottom:20px;z-index:90;width:56px;height:56px;border-radius:50%;background:#25d366;color:#fff;display:grid;place-items:center;box-shadow:0 10px 26px rgba(37,211,102,.45)}.wa-fab .ic{width:28px;height:28px}.wa-fab:hover{transform:scale(1.06);text-decoration:none}

/* Giriş animasyonları (yalnızca betik varsa) */
.js .reveal{opacity:0;transform:translateY(18px);transition:opacity .6s ease,transform .6s ease}.js .reveal.in{opacity:1;transform:none}

/* Duyarlı */
@media (max-width:980px){.hero-in,.split,.form-wrap{grid-template-columns:1fr}.split{gap:40px}.split-rev .split-art{order:0}.foot-grid{grid-template-columns:1fr 1fr}.hero{padding:48px 0 72px}.hero-visual{margin-top:12px}.plan-hi{transform:none}.steps{grid-template-columns:1fr}}
@media (max-width:860px){.nav-toggle{display:block}.nav-menu{position:absolute;left:0;right:0;top:70px;background:#fff;border-bottom:1px solid var(--line);box-shadow:0 20px 30px rgba(20,22,58,.1);flex-direction:column;align-items:stretch;padding:12px 24px 20px;display:none}.nav-menu.open{display:flex}.nav-menu a:not(.btn){padding:12px 14px}.nav-cta{margin:8px 0 0}}
@media (max-width:640px){.wrap{padding:0 18px}.sec{padding:60px 0}.fg{grid-template-columns:1fr}.foot-grid{grid-template-columns:1fr}.stats-in{gap:10px}.chip-a{left:0}.chip-b{right:0}.hero-btns .btn{width:100%}.phone{transform:none}.card{padding:24px}.plan{padding:28px 22px}.demo-in .btn,.cta-btns .btn{width:100%}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important;scroll-behavior:auto!important}.ev{opacity:1;transform:none}.js .reveal{opacity:1;transform:none}}
@media print{.nav,.footer,.wa-fab,.cta-band,.announce{display:none}}

/* Hero infografiği (12 sn döngü). Hareketsiz hâli = son durum. */
.scene{width:100%;height:auto;display:block;filter:drop-shadow(0 24px 40px rgba(0,0,0,.28))}
.sc-sky{fill:#dfe6ff}.sc-sun{fill:var(--accent)}.sc-cloud ellipse{fill:#fff}.sc-ground{fill:#9fd7a8}.sc-path{fill:#e8d9b8}
.sc-roof{fill:var(--primary)}.sc-wall{fill:#fff4dc}.sc-door{fill:var(--deep)}.sc-knob{fill:var(--accent)}.sc-win{fill:#bcd2ff}.sc-sign{fill:var(--primary)}.sc-signt{fill:#fff;font:700 10px var(--font);letter-spacing:.1em}.sc-pole{stroke:#7a7f9e;stroke-width:2}.sc-flag{fill:var(--accent)}
.kh{fill:#ffd9b8}.ke{fill:#2a2c4a}.kb{fill:var(--deep)}.kf{fill:#2a2c4a}
.th{fill:#4a3426}.tb{fill:var(--primary)}.tc{fill:#fff}.tl{stroke:#9aa0c2;stroke-width:1.4}
.cb{fill:var(--deep)}.cn{fill:#fff;font:700 12px var(--font);opacity:0}.cn.c5{opacity:1}
.link{fill:none;stroke:var(--primary);stroke-width:2.5;stroke-dasharray:3 7;stroke-linecap:round}.bell{fill:var(--accent);stroke:#fff;stroke-width:3}
.ph{fill:#fff;stroke:var(--deep);stroke-width:5}.pn{fill:var(--deep)}.pt{font:800 12px var(--font);fill:var(--ink)}.pc{fill:#f3f4fc}.pc0{fill:#e3f7ec}.pi{fill:#bfeed3}.pi2{fill:#ffe0c9}.pi3{fill:#e1d6ff}.pk{font:800 14px var(--font);fill:#12894f}.pb{font:700 10.5px var(--font);fill:var(--ink)}.ps{font:500 8.5px var(--font);fill:#666b8f}
.tt{fill:var(--deep)}.ttx{fill:#fff;font:700 11px var(--font)}
.kid{opacity:0}
@media (prefers-reduced-motion:no-preference){
  .kid{animation:walk 12s linear infinite}
  .k1{animation-delay:.4s}.k2{animation-delay:1.7s}.k3{animation-delay:3s}.k4{animation-delay:4.3s}.k5{animation-delay:5.6s}
    .cn.c0{animation:c0 12s infinite}.cn.c1{animation:c1 12s infinite}.cn.c2{animation:c2 12s infinite}.cn.c3{animation:c3 12s infinite}.cn.c4{animation:c4 12s infinite}.cn.c5{animation:c5 12s infinite;opacity:0}
  .link{animation:dash 1.4s linear infinite}.bell{transform-box:fill-box;transform-origin:center;animation:ring 12s infinite}
  .toast{animation:toast 12s infinite;opacity:0}.pc0{animation:pc0 12s infinite}
}
@keyframes walk{0%{opacity:0;transform:translateX(-40px)}2%{opacity:1}22%{opacity:1;transform:translateX(284px)}25%{opacity:0;transform:translateX(296px)}100%{opacity:0;transform:translateX(296px)}}
@keyframes c0{0%,25%{opacity:1}26%,100%{opacity:0}}
@keyframes c1{0%,25%{opacity:0}26%,36%{opacity:1}37%,100%{opacity:0}}
@keyframes c2{0%,36%{opacity:0}37%,47%{opacity:1}48%,100%{opacity:0}}
@keyframes c3{0%,47%{opacity:0}48%,58%{opacity:1}59%,100%{opacity:0}}
@keyframes c4{0%,58%{opacity:0}59%,69%{opacity:1}70%,100%{opacity:0}}
@keyframes c5{0%,69%{opacity:0}70%,95%{opacity:1}96%,100%{opacity:0}}
@keyframes dash{to{stroke-dashoffset:-20}}
@keyframes ring{0%,72%{transform:scale(1)}76%{transform:scale(1.5)}80%{transform:scale(1)}84%{transform:scale(1.4)}88%,100%{transform:scale(1)}}
@keyframes toast{0%,73%{opacity:0;transform:translateY(8px)}78%,93%{opacity:1;transform:none}98%,100%{opacity:0}}
@keyframes pc0{0%,74%{fill:#f3f4fc}80%,94%{fill:#c9f2da}99%,100%{fill:#f3f4fc}}

/* Kurumsal katman: üst şerit, zaman çizelgesi, hesaplama, kurumlar, ek modüller, süreç */
.topbar{background:#0f1030;color:rgba(255,255,255,.8);font-size:13px}.topbar-in{display:flex;justify-content:space-between;gap:16px;padding-top:7px;padding-bottom:7px}.topbar a{color:rgba(255,255,255,.85);margin-right:20px;display:inline-flex;gap:6px;align-items:center}.topbar a:hover{color:#fff;text-decoration:none}.topbar-r{opacity:.7}
.hero-visual{padding:0}.mt-xl{margin-top:56px}
.timeline{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(6,1fr);gap:18px;position:relative}
.timeline::before{content:"";position:absolute;left:8%;right:8%;top:64px;height:3px;background:linear-gradient(90deg,var(--primary),var(--accent));border-radius:2px}
.tl-i{position:relative;text-align:center;display:flex;flex-direction:column;align-items:center;gap:6px}.tl-i h3{font-size:1.02rem;margin:6px 0 0}.tl-i p{font-size:.88rem;color:var(--muted);margin:0}
.tl-time{background:var(--deep);color:#fff;font-weight:800;font-size:.85rem;padding:5px 12px;border-radius:999px}
.tl-dot{display:grid;place-items:center;width:58px;height:58px;border-radius:50%;background:#fff;color:var(--primary);border:3px solid var(--primary);box-shadow:var(--sh);position:relative;z-index:1}.tl-dot .ic{width:26px;height:26px}
.calc{max-width:1040px;margin:0 auto}.calc-row{display:grid;grid-template-columns:1fr auto 1fr auto 1fr;gap:12px;align-items:stretch}
.calc-it{position:relative;background:#fff;border:1px solid var(--line);border-radius:var(--r);padding:30px 26px 26px;text-align:center;box-shadow:var(--sh)}.calc-it p{color:var(--muted);font-size:.95rem;margin:0}
.calc-n{position:absolute;top:-14px;left:50%;transform:translateX(-50%);background:var(--primary);color:#fff;font-weight:800;width:30px;height:30px;border-radius:50%;display:grid;place-items:center;font-size:.9rem}
.calc-ic{display:grid;place-items:center;width:64px;height:64px;margin:0 auto 14px;border-radius:20px;background:linear-gradient(135deg,var(--alt),#e5e8ff);color:var(--primary)}.calc-ic .ic{width:30px;height:30px}
.calc-op{align-self:center;font-size:2rem;font-weight:800;color:var(--primary)}
.calc-note{display:flex;gap:10px;align-items:flex-start;justify-content:center;max-width:760px;margin:26px auto 0;background:#fff;border:1px dashed color-mix(in srgb,var(--primary) 40%,#fff);border-radius:14px;padding:14px 18px;color:var(--muted);font-size:.93rem}.calc-note .ic{color:var(--primary);margin-top:3px}
.term-toggle{display:flex;justify-content:center;gap:6px;background:#fff;border:1px solid var(--line);border-radius:999px;padding:5px;box-shadow:var(--sh);width:max-content;max-width:100%;margin:0 auto 44px;flex-wrap:wrap}
.term-toggle button{border:0;background:none;font:inherit;font-weight:700;padding:10px 20px;border-radius:999px;cursor:pointer;color:var(--muted)}.term-toggle button.on{background:var(--primary);color:#fff}.term-toggle .on .save{background:var(--accent)}
.plan-range{display:inline-flex;align-items:center;gap:8px;background:var(--alt);color:var(--primary);font-weight:700;font-size:.88rem;padding:5px 12px;border-radius:999px;margin:0 0 8px;align-self:flex-start}
.plan-price .old{color:#9aa0c2;text-decoration:line-through;font-weight:600}.plan-price [data-price]{font-size:2.6rem;letter-spacing:-.03em;font-weight:800}
.r-in{width:100%;padding:0;border:0;accent-color:var(--primary);height:28px;cursor:pointer;box-shadow:none}.n-in{width:100%;padding:12px 14px;border:1px solid var(--line);border-radius:12px;font:inherit;font-weight:700;font-size:1.1rem}.vat-box{margin:14px 0 0;background:#f6f7fd;border-radius:14px;padding:12px 14px;display:grid;gap:6px;font-size:.9rem}.vat-box div{display:flex;justify-content:space-between;gap:10px}.vat-box dt{color:var(--muted)}.vat-box dd{margin:0;font-weight:700;white-space:nowrap}.vat-box .tot{border-top:1px solid var(--line);padding-top:8px;font-size:1rem}.vat-box .tot dt{color:inherit;font-weight:700}
.slide{display:grid;gap:8px;margin-top:16px;font-weight:600;font-size:.9rem}.slide input[type=range]{padding:0;border:0;accent-color:var(--primary);height:28px;cursor:pointer;box-shadow:none}
.addons{display:grid;gap:10px}.addon{display:flex;align-items:center;gap:14px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:14px 18px}.addon>div{flex:1}.addon b{display:block}.addon small{color:var(--muted)}.addon-ic{display:grid;place-items:center;width:42px;height:42px;border-radius:12px;background:var(--alt);color:var(--primary)}.addon-p{font-weight:700;color:var(--primary);white-space:nowrap}
.process{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:repeat(5,1fr);gap:20px;position:relative;counter-reset:p}.process li{text-align:center}.process p{color:var(--muted);font-size:.92rem}.process h3{font-size:1.05rem}
.process::before{content:"";position:absolute;left:10%;right:10%;top:28px;border-top:3px dashed color-mix(in srgb,var(--primary) 35%,#fff)}.process .step-n{position:relative;margin-bottom:14px}
.logos{display:flex;flex-wrap:wrap;gap:16px;justify-content:center;align-items:center}.logo-i{display:grid;place-items:center;width:190px;height:96px;background:#fff;border:1px solid var(--line);border-radius:16px;padding:16px;color:var(--muted);font-weight:700;text-align:center;transition:box-shadow .2s,transform .2s}.logo-i:hover{box-shadow:var(--sh);transform:translateY(-3px);text-decoration:none}.logo-i img{max-height:60px;max-width:100%;object-fit:contain;filter:grayscale(1);opacity:.8;transition:.2s}.logo-i:hover img{filter:none;opacity:1}
.sec-head h2::after{content:"";display:block;width:56px;height:4px;border-radius:2px;background:var(--accent);margin:14px auto 0}
.card{border-top:4px solid var(--primary)}
@media (max-width:980px){.timeline{grid-template-columns:1fr 1fr 1fr;row-gap:36px}.timeline::before{display:none}.calc-row{grid-template-columns:1fr}.calc-op{justify-self:center;line-height:1}.process{grid-template-columns:1fr 1fr}.process::before{display:none}.topbar-r{display:none}}
@media (max-width:640px){.timeline{grid-template-columns:1fr 1fr}.process{grid-template-columns:1fr}.addon{flex-wrap:wrap}.logo-i{width:calc(50% - 8px);height:80px}}