/* Referans tasarım (açık, kurumsal): üst çubuk, düz header, hero, kategori şeridi, popüler yazılımlar, özel yazılım şeridi */

/* ---------- Üst bilgi çubuğu ---------- */
.topbar{background:#0b1a38;color:#e6ecfb;font-size:.8rem}
.topbar-in{display:flex;align-items:center;justify-content:space-between;gap:1rem;min-height:2.375rem}
.tb-msg{display:flex;align-items:center;gap:0.5rem;margin:0;min-width:0}
.tb-msg .icon{color:#7fa2ff;flex:none}
.tb-msg span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:600}
.tb-msg a{color:#8fb0ff;font-weight:700;white-space:nowrap;display:inline-flex;align-items:center;gap:0.25rem}
.tb-msg a:hover{color:#fff}
.tb-links{display:flex;align-items:center;gap:1.125rem;flex:none}
.tb-links a,.tb-lang{color:#dbe4fa;display:inline-flex;align-items:center;gap:0.375rem;font-weight:500}
.tb-links a:hover{color:#fff}
.tb-lang{padding:0 2px}

/* ---------- Düz header ---------- */
.site-header.hdr3,body.is-home .site-header.hdr3{position:sticky;top:0;left:auto;right:auto;padding:0;background:var(--bg);border-bottom:1px solid var(--line);box-shadow:none}
.site-header.hdr3>.container{padding-inline:clamp(1rem,3vw,1.75rem)}
.hdr3 .hdr-pill,.hdr3.is-scrolled .hdr-pill{height:4.25rem;padding:0;border-radius:0;background:transparent;border:0;box-shadow:none;backdrop-filter:none;-webkit-backdrop-filter:none;max-width:none;gap:1.25rem}
.hdr3.is-scrolled{box-shadow:0 0.375rem 1.5rem -14px rgba(16,24,40,.25)}
.hdr3 .hdr-isl,.hdr3 .isl-cta,.hdr3 .hdr-progress{display:none!important}
.hdr3 .logo{font-size:1.32rem;flex:none}
.hdr3 .logo svg{flex:none}
.hdr3 .main-nav>li>a,.hdr3 .nav-toggle{font-weight:600;font-size:.92rem;color:var(--ink);padding:0.5625rem 0.625rem}
.hdr3 .main-nav>li>a:hover,.hdr3 .nav-toggle:hover{background:var(--bg-soft);color:var(--brand)}
.hdr3 .hdr-right{margin-left:auto;gap:0.625rem}
.hdr3 .hdr-cmd{min-width:0;width:clamp(11.25rem,14vw,13.125rem);padding:0 0.75rem;height:2.625rem;border-radius:0.75rem;background:var(--bg);box-shadow:none}
.hdr3 .hdr-cmd span{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.hdr3 .hdr-acc{height:2.625rem;padding:0 1rem;border:1px solid var(--line);border-radius:0.75rem;background:var(--bg);font-weight:600}
.hdr3 .hdr-acc:hover{border-color:var(--brand);color:var(--brand)}
.hdr3 .hdr-cta{height:2.625rem;padding-inline:1.125rem;white-space:nowrap;border-radius:0.75rem;font-size:.92rem}
@media (min-width:1361px){.hdr3 .hdr-cmd span{display:block}}
@media (max-width:1360px){.hdr3 .hdr-cmd{width:2.625rem;padding:0;justify-content:center}}
@media (max-width:1180px){.hdr3 .hdr-pill{gap:0.875rem}.hdr3 .hdr-cmd{width:auto;min-width:0}.hdr3 .hdr-cmd span{display:none}.hdr3 .hdr-acc span{display:inline}}
@media (max-width:980px){.topbar .tb-links a:not(:first-child),.topbar .tb-lang{display:none}.hdr3 .hdr-acc{display:none}}
@media (max-width:640px){.topbar-in{justify-content:center}.tb-links{display:none}.tb-msg span{white-space:normal;font-size:.76rem;line-height:1.3}.hdr3 .hdr-pill{height:3.625rem}}

/* ---------- Hero ---------- */
.rh{position:relative;overflow:hidden;background:radial-gradient(60% 80% at 82% 38%,#e9f0ff 0,rgba(233,240,255,0) 70%),linear-gradient(180deg,#f6f8fd,#fff 92%);padding:clamp(2rem,4vw,3.25rem) 0 clamp(3.25rem,5vw,4.5rem)}
.rh-grid{display:grid;grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr);gap:clamp(1.5rem,4vw,3.5rem);align-items:center}
.rh-kicker{font:700 .74rem var(--font-mono,monospace);letter-spacing:.18em;text-transform:uppercase;color:var(--brand);margin:0 0 1.125rem}
.rh-h1{font-size:clamp(2.3rem,4.3vw,3.6rem);line-height:1.06;letter-spacing:-.035em;margin:0 0 1.25rem;color:var(--ink)}
.rh-h1 span{color:var(--brand)}
.rh-lede{font-size:1.1rem;line-height:1.65;color:var(--text);max-width:30em;margin:0 0 1.75rem}
.rh-cta{display:flex;flex-wrap:wrap;gap:0.75rem;margin-bottom:1.875rem}
.rh-cta .btn{padding:0.875rem 1.5rem;font-size:.98rem;white-space:nowrap}
.rh-play{display:inline-grid;place-items:center;width:1.5rem;height:1.5rem;border-radius:50%;background:var(--brand);color:#fff}
.rh-play .icon{margin-left:1px}
.rh-trust{display:flex;flex-wrap:wrap;gap:0.75rem 1.375rem;list-style:none;margin:0;padding:0}
.rh-trust li{display:grid;grid-template-columns:auto 1fr;column-gap:0.75rem;align-items:center}
.rh-ti{grid-row:span 2;display:grid;place-items:center;width:2.625rem;height:2.625rem;border-radius:0.75rem;background:var(--bg);border:1px solid var(--line);color:var(--brand);box-shadow:0 1px 2px rgba(16,24,40,.05)}
.rh-trust b{font:800 1rem var(--font-display);color:var(--ink);line-height:1.1}
.rh-trust small{color:var(--muted);font-size:.84rem}

.rh-stage{position:relative;aspect-ratio:1.18;perspective:112.5rem;margin-right:calc(-1 * clamp(0px,3vw,3rem))}
.rh-win{position:absolute;margin:0;border-radius:0.875rem;overflow:hidden;background:var(--bg);border:1px solid rgba(16,24,40,.08);box-shadow:0 1.875rem 3.75rem -24px rgba(16,40,100,.35),0 0.5rem 1.25rem -10px rgba(16,24,40,.18);transition:transform .5s cubic-bezier(.2,.7,.2,1),box-shadow .5s}
.rh-win img{display:block;width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}
.rh-win figcaption{position:absolute;left:-9999px}
.rh-bar{display:flex;align-items:center;gap:0.3125rem;height:1.5rem;padding:0 0.625rem;background:#f3f5fa;border-bottom:1px solid var(--line)}
.rh-bar i{width:0.4375rem;height:0.4375rem;border-radius:50%;background:#cfd6e4}
.rh-bar span{margin-left:0.5rem;flex:1;min-width:0;height:0.9375rem;border-radius:0.3125rem;background:#fff;border:1px solid var(--line);font:500 .6rem/0.8125rem var(--font-mono,monospace);color:var(--muted);padding:0 0.4375rem;display:flex;align-items:center;gap:0.25rem;overflow:hidden;white-space:nowrap}
.rh-win--c{left:25%;width:58%;top:6%;z-index:3;transform:rotateY(-4deg)}
.rh-win--l{left:0;width:42%;top:24%;z-index:2;transform:rotateY(10deg) rotateZ(-1deg)}
.rh-win--r{right:0;width:36%;top:32%;z-index:1;transform:rotateY(-14deg) rotateZ(1deg)}
.rh-stage:hover .rh-win--c{transform:rotateY(-2deg) translateY(-6px)}
.rh-stage:hover .rh-win--l{transform:rotateY(7deg) translateX(-6px)}
.rh-stage:hover .rh-win--r{transform:rotateY(-10deg) translateX(0.5rem)}
.rh-note{position:absolute;right:6%;top:-4%;z-index:4;margin:0;display:flex;align-items:flex-end;gap:2px;font:italic 600 .95rem/1.2 var(--font-display);color:var(--ink-2);max-width:11em;transform:rotate(-3deg)}
.rh-note svg{color:var(--brand);flex:none;transform:scaleX(-1) rotate(10deg)}
@media (max-width:980px){.rh-grid{grid-template-columns:1fr}.rh-stage{max-width:38.75rem;margin:0.5rem auto 0;width:100%}.rh-note{display:none}}
@media (max-width:560px){.rh-win--l,.rh-win--r{display:none}.rh-win--c{position:relative;left:auto;right:auto;top:auto;transform:none}.rh-stage{aspect-ratio:auto}.rh-cta .btn{flex:1;justify-content:center}}

/* ---------- Kategori şeridi ---------- */
.cs{position:relative;z-index:2;margin-top:-26px}
.cs-bar{display:flex;gap:0;overflow-x:auto;scroll-snap-type:x proximity;scrollbar-width:none;background:var(--bg);border:1px solid var(--line);border-radius:1.125rem;box-shadow:0 0.875rem 2.5rem -22px rgba(16,40,100,.28);padding:0.375rem}
.cs-bar::-webkit-scrollbar{display:none}
.cs-item{flex:1 0 auto;display:flex;align-items:center;gap:0.75rem;padding:0.875rem 1.25rem;border-radius:0.8125rem;scroll-snap-align:start;color:var(--ink);transition:background .2s}
.cs-item+.cs-item{position:relative}
.cs-item+.cs-item::before{content:"";position:absolute;left:0;top:22%;bottom:22%;width:1px;background:var(--line)}
.cs-item:hover{background:var(--bg-soft)}
.cs-ic{flex:none;display:grid;place-items:center;width:2.875rem;height:2.875rem;border-radius:50%;background:var(--bg-soft);color:var(--ink-2);transition:.2s}
.cs-item.is-first .cs-ic,.cs-item:hover .cs-ic{background:var(--brand);color:#fff}
.cs-tx{display:grid;gap:2px;white-space:nowrap}
.cs-tx b{font:700 .88rem var(--font-display);color:var(--brand-700)}
.cs-item:not(.is-first):not(:hover) .cs-tx b{color:var(--ink)}
.cs-tx small{color:var(--muted);font-size:.74rem}
@media (max-width:640px){.cs{margin-top:-14px}.cs-item{padding:0.75rem 0.875rem}.cs-ic{width:2.5rem;height:2.5rem}}

/* ---------- Popüler yazılımlar ---------- */
.pp{padding-block:clamp(3rem,6vw,5rem)}
.pp-grid{display:grid;grid-template-columns:minmax(0,16.875rem) minmax(0,1fr);gap:clamp(1.5rem,3.4vw,2.75rem);align-items:start}
.pp-kicker{display:flex;align-items:center;gap:0.5rem;font:700 .72rem var(--font-mono,monospace);letter-spacing:.16em;text-transform:uppercase;color:var(--brand);margin:0 0 0.875rem}
.pp-side{position:sticky;top:6rem}
.pp-side h2{font-size:clamp(1.9rem,3.4vw,2.6rem);letter-spacing:-.03em;margin:0 0 0.875rem}
.pp-lede{color:var(--text);line-height:1.65;margin:0 0 1.5rem}
.pp-filter{display:flex;align-items:center;justify-content:space-between;gap:0.875rem;margin-bottom:1.125rem}
.pp-chips{display:flex;gap:0.5rem;overflow-x:auto;scrollbar-width:none;padding:2px}
.pp-chips::-webkit-scrollbar{display:none}
.pp-chip{flex:none;border:1px solid var(--line);background:var(--bg);color:var(--ink-2);font:600 .82rem var(--font-body);padding:0.5rem 1rem;border-radius:62.4375rem;cursor:pointer;transition:.18s}
.pp-chip:hover{border-color:var(--brand);color:var(--brand)}
.pp-chip.is-on{background:var(--brand);border-color:var(--brand);color:#fff;box-shadow:0 0.375rem 1rem -8px rgba(37,99,235,.7)}
.pp-arrows{display:flex;gap:0.5rem;flex:none}
.pp-arrows button{width:2.375rem;height:2.375rem;border-radius:50%;border:1px solid var(--line);background:var(--bg);color:var(--ink);display:grid;place-items:center;cursor:pointer;transition:.18s}
.pp-arrows button:hover{border-color:var(--brand);color:var(--brand)}
.pp-track{display:flex;gap:1.25rem;overflow-x:auto;scroll-snap-type:x mandatory;scrollbar-width:none;padding:0.25rem 0.25rem 1.75rem;margin:-4px;outline:none}
.pp-track::-webkit-scrollbar{display:none}
.ppc{flex:0 0 calc((100% - 2.5rem)/3);min-width:0;scroll-snap-align:start;display:flex;flex-direction:column;background:var(--bg);border:1px solid var(--line);border-radius:1rem;overflow:hidden;box-shadow:0 2px 0.25rem rgba(16,24,40,.04),0 0.625rem 1.5rem -16px rgba(16,40,100,.25);transition:box-shadow .3s,transform .3s,border-color .3s}
.ppc:hover{box-shadow:0 1.875rem 3.75rem -24px rgba(16,40,100,.4);transform:translateY(-4px);border-color:var(--brand-200)}
.ppc[hidden]{display:none}
.ppc-media{position:relative;display:block;aspect-ratio:1.55;overflow:hidden;background:var(--bg-softer)}
.ppc-media>img{width:100%;height:100%;object-fit:cover;object-position:top;transition:transform .6s}
.ppc:hover .ppc-media>img{transform:scale(1.04)}
.ppc-phone{position:absolute;right:0.625rem;bottom:-14px;width:23%;border-radius:0.75rem 0.75rem 0 0;overflow:hidden;border:3px solid #0b1a38;border-bottom:0;box-shadow:0 0.625rem 1.5rem -8px rgba(0,0,0,.5)}
.ppc-phone img{display:block;width:100%;aspect-ratio:.46;object-fit:cover;object-position:top}
.ppc-badge{position:absolute;left:0.625rem;top:0.625rem;background:#f97316;color:#fff;font:700 .72rem var(--font-body);padding:0.3125rem 0.6875rem;border-radius:62.4375rem;box-shadow:0 0.375rem 0.875rem -6px rgba(249,115,22,.8)}
.ppc-body{display:flex;flex-direction:column;gap:0.625rem;padding:1rem 1rem 1.125rem;flex:1}
.ppc-head{display:flex;justify-content:space-between;gap:0.625rem;align-items:flex-start}
.ppc-head h3{font-size:1.02rem;line-height:1.25;margin:0;letter-spacing:-.01em}
.ppc-head h3 a:hover{color:var(--brand)}
.ppc-price{text-align:right;flex:none;display:grid}
.ppc-price b{font:800 1.18rem var(--font-display);color:var(--ink);letter-spacing:-.02em}
.ppc-price s{font-size:.76rem;color:var(--faint)}
.ppc-desc{color:var(--muted);font-size:.84rem;line-height:1.5;margin:0}
.ppc-feats{list-style:none;margin:0;padding:0;display:grid;gap:0.4375rem}
.ppc-feats li{display:flex;align-items:flex-start;gap:0.375rem;font-size:.8rem;line-height:1.3;color:var(--ink-2);font-weight:500}
.ppc-feats .icon{color:var(--brand);flex:none;margin-top:1px}
.ppc-acts{display:grid;grid-template-columns:1fr 1fr;gap:0.625rem;margin-top:auto;padding-top:0.375rem}
.ppc-acts .btn{padding:0.6875rem 0.5rem;font-size:.82rem;gap:0.3125rem;min-width:0;justify-content:center;border-radius:0.625rem;white-space:nowrap}
.btn--soft{background:var(--bg-soft);color:var(--ink);border:1px solid var(--line);font-weight:600}
.btn--soft:hover{border-color:var(--brand);color:var(--brand)}
@media (max-width:1180px){.ppc{flex-basis:calc((100% - 1.25rem)/2)}}
@media (max-width:900px){.pp-grid{grid-template-columns:1fr}.pp-side{position:static}}
@media (max-width:560px){.ppc{flex-basis:84%}.pp-arrows{display:none}}

/* ---------- Özel yazılım şeridi ---------- */
.cu{padding-block:clamp(2.25rem,5vw,4rem);background:var(--bg)}
.cu-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:clamp(1.25rem,4vw,3rem);align-items:center}
.cu-copy h2{font-size:clamp(1.6rem,3.2vw,2.3rem);letter-spacing:-.03em;margin:0 0 1.25rem}
.cu-steps{list-style:none;margin:0;padding:1.25rem;display:grid;grid-template-columns:repeat(4,1fr);gap:0.5rem;background:var(--bg-soft);border:1px solid var(--line);border-radius:1.125rem}
.cu-steps li{display:grid;justify-items:center;text-align:center;gap:0.25rem;padding:0.375rem 0.25rem}
.cu-steps span{display:grid;place-items:center;width:3rem;height:3rem;border-radius:50%;background:var(--bg);border:1px solid var(--line);color:var(--brand);margin-bottom:0.375rem}
.cu-steps b{font:700 .88rem var(--font-display);color:var(--ink)}
.cu-steps small{color:var(--muted);font-size:.76rem}
@media (max-width:900px){.cu-grid{grid-template-columns:1fr}}
@media (max-width:560px){.cu-steps{grid-template-columns:1fr 1fr}}

/* ---------- Koyu tema ---------- */
[data-theme="dark"] .rh{background:radial-gradient(60% 80% at 82% 38%,rgba(37,78,166,.28) 0,transparent 70%),linear-gradient(180deg,#0c1631,var(--bg) 92%)}
[data-theme="dark"] .rh-bar{background:#16213f}
[data-theme="dark"] .rh-bar span{background:#0e1a38}
[data-theme="dark"] .rh-win{border-color:rgba(255,255,255,.12)}
[data-theme="dark"] .cs-tx b,[data-theme="dark"] .cs-item.is-first .cs-tx b{color:var(--ink)}
[data-theme="dark"] .cs-item.is-first .cs-tx b{color:#9db4ff}
[data-theme="dark"] .cs-tx small,[data-theme="dark"] .pp-lede,[data-theme="dark"] .rh-lede{color:#aab8d9}
[data-theme="dark"] .pp-chip.is-on{color:#fff}
[data-theme="dark"] .ppc-feats li{color:#cdd7ee}
@media (prefers-reduced-motion:reduce){.rh-win,.ppc,.ppc-media>img{transition:none}.rh-stage:hover .rh-win{transform:none}}

/* ---------- İç sayfa başlık bandı (.ph2): açık tema ---------- */
html:not([data-theme="dark"]) .ph2{color:var(--ink);background:radial-gradient(60% 120% at 88% 0%,#e6eeff 0,rgba(230,238,255,0) 70%),linear-gradient(180deg,#f5f8fe,#fff);border-bottom:1px solid var(--line)}
html:not([data-theme="dark"]) .ph2::after{background:linear-gradient(180deg,rgba(255,255,255,0) 60%,#fff 100%)}
html:not([data-theme="dark"]) .ph2 .breadcrumb a,html:not([data-theme="dark"]) .ph2 .breadcrumb .icon{color:var(--muted)}
html:not([data-theme="dark"]) .ph2 .breadcrumb a:hover{color:var(--brand)}
html:not([data-theme="dark"]) .ph2 .breadcrumb .cur{color:var(--ink)}
html:not([data-theme="dark"]) .ph2 .eyebrow-mono{color:var(--brand)}
html:not([data-theme="dark"]) .ph2 h1{color:var(--ink)}
html:not([data-theme="dark"]) .ph2 h1 em{background:linear-gradient(100deg,#1d4ed8,#4f46e5 60%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-theme="dark"]) .ph2 h1 small{color:var(--muted)}
html:not([data-theme="dark"]) .ph2-lede{color:var(--text)}
html:not([data-theme="dark"]) .ph2 .btn--light{background:#fff;border-color:var(--line);color:var(--ink);box-shadow:var(--sh-sm)}
html:not([data-theme="dark"]) .ph2 .btn--light:hover{border-color:var(--brand);color:var(--brand);background:#fff}
html:not([data-theme="dark"]) .ph2-facts{border-top-color:var(--line)}
html:not([data-theme="dark"]) .ph2-facts b{color:var(--ink)}
html:not([data-theme="dark"]) .ph2-facts span{color:var(--muted)}
html:not([data-theme="dark"]) .ph2-tags span{background:#fff;border-color:var(--line);color:var(--ink-2)}
html:not([data-theme="dark"]) .ph2-tags .icon{color:var(--brand)}
html:not([data-theme="dark"]) .ph2-search{background:#fff;border-color:var(--line);box-shadow:0 0.625rem 1.875rem -18px rgba(16,40,100,.35);backdrop-filter:none}
html:not([data-theme="dark"]) .ph2-search:focus-within{background:#fff;border-color:var(--brand);box-shadow:0 0 0 0.25rem rgba(37,99,235,.14)}
html:not([data-theme="dark"]) .ph2-search>.icon{color:var(--brand)}
html:not([data-theme="dark"]) .ph2-search input{color:var(--ink)}
html:not([data-theme="dark"]) .ph2-search input::placeholder{color:var(--faint)}
html:not([data-theme="dark"]) .ph2-note{color:var(--muted)}
html:not([data-theme="dark"]) .ph2--grid .ph2-art{background-image:linear-gradient(hsl(var(--h) 60% 50%/.10) 1px,transparent 1px),linear-gradient(90deg,hsl(var(--h) 60% 50%/.10) 1px,transparent 1px)}
html:not([data-theme="dark"]) .ph2--dots .ph2-art{background-image:radial-gradient(hsl(var(--h) 70% 50%/.26) 1.4px,transparent 1.4px)}
html:not([data-theme="dark"]) .ph2--orbit .ph2-art i{border-color:hsl(var(--h) 70% 50%/.22)}
html:not([data-theme="dark"]) .ph2--wave .ph2-art path{fill:hsl(var(--h) 80% 55%/.10)}
html:not([data-theme="dark"]) .ph2--wave .ph2-art path.w2{fill:hsl(var(--h) 80% 55%/.07)}
html:not([data-theme="dark"]) .ph2--beam .b1{background:radial-gradient(circle,hsl(var(--h) 90% 62%/.20),transparent 68%)}
html:not([data-theme="dark"]) .ph2--beam .b2{background:radial-gradient(circle,hsl(calc(var(--h) + 46) 90% 66%/.14),transparent 70%)}
html:not([data-theme="dark"]) .ph2--mesh .m1{background:hsl(var(--h) 90% 62%/.20)}
html:not([data-theme="dark"]) .ph2--mesh .m2{background:hsl(calc(var(--h) + 60) 90% 66%/.14)}
html:not([data-theme="dark"]) .ph2--mesh .m3{background:hsl(calc(var(--h) - 40) 90% 62%/.12)}

/* ---------- Diğer koyu başlık bantları: açık tema ---------- */
html:not([data-theme="dark"]) .bh-hero,html:not([data-theme="dark"]) .ad-hero,html:not([data-theme="dark"]) .dk-hero,html:not([data-theme="dark"]) .dk-hero--urun,html:not([data-theme="dark"]) .dh{
  color:var(--ink);background:radial-gradient(60% 120% at 88% 0%,#e6eeff 0,rgba(230,238,255,0) 70%),linear-gradient(180deg,#f5f8fe,#fff);border-bottom:1px solid var(--line)}
html:not([data-theme="dark"]) .bh-hero::after{background:radial-gradient(90% 80% at 50% 45%,rgba(255,255,255,.9) 0,rgba(255,255,255,.55) 60%,rgba(255,255,255,0) 100%)}
html:not([data-theme="dark"]) .dk-hero--urun::after{background:radial-gradient(56% 64% at 50% 50%,rgba(255,255,255,.92) 0,rgba(255,255,255,.6) 58%,rgba(255,255,255,0) 100%)}
html:not([data-theme="dark"]) .dh-perde{background:linear-gradient(102deg,rgba(255,255,255,.96) 0,rgba(255,255,255,.9) 38%,rgba(255,255,255,.6) 62%,rgba(255,255,255,.2) 100%)}
html:not([data-theme="dark"]) .dk-hero-sahne,html:not([data-theme="dark"]) .dh-cv{filter:invert(1) hue-rotate(180deg) saturate(1.1);mix-blend-mode:multiply;opacity:.55}
html:not([data-theme="dark"]) .ad-hero::before{background-image:linear-gradient(rgba(37,99,235,.09) 1px,transparent 1px),linear-gradient(90deg,rgba(37,99,235,.09) 1px,transparent 1px)}
html:not([data-theme="dark"]) .ad-hero-bits i{border-color:rgba(37,99,235,.2);background:rgba(37,99,235,.05)}
html:not([data-theme="dark"]) .bh-river{opacity:.7}
html:not([data-theme="dark"]) .bh-river-track span{color:var(--muted);border-color:var(--line);background:rgba(255,255,255,.7)}
html:not([data-theme="dark"]) .bh-river-track span.is-lit{color:var(--brand-700);border-color:var(--brand-200);background:var(--brand-050)}
/* breadcrumb */
html:not([data-theme="dark"]) :is(.ad-hero,.dk-hero,.dh) .breadcrumb,html:not([data-theme="dark"]) :is(.ad-hero,.dk-hero,.dh) .breadcrumb a,html:not([data-theme="dark"]) :is(.ad-hero,.dk-hero,.dh) .breadcrumb .icon{color:var(--muted)}
html:not([data-theme="dark"]) :is(.ad-hero,.dk-hero,.dh) .breadcrumb a:hover{color:var(--brand)}
html:not([data-theme="dark"]) :is(.ad-hero,.dk-hero,.dh) .breadcrumb .cur{color:var(--ink)}
/* eyebrow, h1, lede */
html:not([data-theme="dark"]) :is(.bh-hero,.ad-hero,.dk-hero,.dh) .eyebrow-mono{color:var(--brand);opacity:1}
html:not([data-theme="dark"]) :is(.bh-hero,.ad-hero,.dk-hero,.dh) h1{color:var(--ink)}
html:not([data-theme="dark"]) :is(.bh-hero,.ad-hero) h1 em{background:linear-gradient(100deg,#1d4ed8,#4f46e5 60%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-theme="dark"]) :is(.dk-hero,.dh) h1 em{background:linear-gradient(92deg,var(--brand-700),var(--dk-vurgu,#4f46e5) 125%);-webkit-background-clip:text;background-clip:text;color:transparent;filter:none}
html:not([data-theme="dark"]) :is(.bh-hero-lede,.ad-hero p,.dk-hero-lede,.dh-lede){color:var(--text)}
html:not([data-theme="dark"]) .dh-lede b{color:var(--ink)}
/* rakam / künye */
html:not([data-theme="dark"]) .ad-stats{border-top-color:var(--line)}
html:not([data-theme="dark"]) .ad-stats b,html:not([data-theme="dark"]) :is(.dk-hero-kunye,.dh-sayim) b{color:var(--ink)}
html:not([data-theme="dark"]) .ad-stats span{color:var(--muted)}
html:not([data-theme="dark"]) :is(.dk-hero-kunye,.dh-sayim) span{background:#fff;border-color:var(--line);color:var(--muted)}
html:not([data-theme="dark"]) :is(.dk-hero,.dh) .btn--ghost-light{border-color:var(--line);color:var(--ink);background:#fff}
html:not([data-theme="dark"]) :is(.dk-hero,.dh) .btn--ghost-light:hover{border-color:var(--brand);color:var(--brand);background:#fff}
/* eklenti seçici */
html:not([data-theme="dark"]) .ad-pick{background:#fff;border-color:var(--line);box-shadow:0 0.625rem 1.875rem -18px rgba(16,40,100,.3);backdrop-filter:none}
html:not([data-theme="dark"]) .ad-pick p{color:var(--muted)}
html:not([data-theme="dark"]) .ad-pick a{border-color:var(--line);background:var(--bg);color:var(--ink-2)}
html:not([data-theme="dark"]) .ad-pick a:hover{background:var(--brand-050);border-color:var(--brand);color:var(--brand)}
html:not([data-theme="dark"]) .ad-pick a.is-on{background:var(--brand);border-color:var(--brand);color:#fff}
/* blog arama */
html:not([data-theme="dark"]) .bh-search-field{background:#fff;border-color:var(--line);box-shadow:0 0.625rem 1.875rem -18px rgba(16,40,100,.35);backdrop-filter:none}
html:not([data-theme="dark"]) .bh-search-field:focus-within{background:#fff;border-color:var(--brand);box-shadow:0 0 0 0.25rem rgba(37,99,235,.14)}
html:not([data-theme="dark"]) .bh-search-field>.icon{color:var(--brand)}
html:not([data-theme="dark"]) .bh-search input{color:var(--ink)}
html:not([data-theme="dark"]) .bh-search input::placeholder{color:var(--faint)}
html:not([data-theme="dark"]) .bh-search-clear{background:var(--bg-soft);color:var(--muted)}
html:not([data-theme="dark"]) .bh-quick span{color:var(--muted)}
html:not([data-theme="dark"]) .bh-quick button{border-color:var(--line);background:#fff;color:var(--ink-2)}
html:not([data-theme="dark"]) .bh-quick button:hover{background:var(--brand-050);border-color:var(--brand);color:var(--brand)}
html:not([data-theme="dark"]) .bh-stats{border-top-color:var(--line)}
html:not([data-theme="dark"]) .bh-stats b{color:var(--ink)}
html:not([data-theme="dark"]) .bh-stats span{color:var(--muted)}
html:not([data-theme="dark"]) .dk-hero .dk-mast-ad{background:linear-gradient(180deg,var(--ink) 0%,#1e3a8a 100%);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-theme="dark"]) .dk-hero .dk-mast em{background:linear-gradient(100deg,#1d4ed8,#4f46e5 60%,#7c3aed);-webkit-background-clip:text;background-clip:text;color:transparent}
html:not([data-theme="dark"]) .dk-mast::before{background:radial-gradient(closest-side,rgba(96,145,255,.2),rgba(96,145,255,0))}
html:not([data-theme="dark"]) .dk-hero--urun .dk-hero-lede{color:var(--text)}
html:not([data-theme="dark"]) .dk-hero--urun .dk-hero-kunye span{background:#fff;border-color:var(--line);box-shadow:0 0.625rem 1.625rem -16px rgba(16,40,100,.3);backdrop-filter:none;-webkit-backdrop-filter:none}
html:not([data-theme="dark"]) .dk-hero--urun .btn--primary{background:var(--brand);border-color:var(--brand);box-shadow:var(--sh-brand)}
html:not([data-theme="dark"]) .dk-hero--urun .btn--light{background:#fff;border:1px solid var(--line);box-shadow:var(--sh-sm)}
html:not([data-theme="dark"]) .dk-hero--urun .btn--ghost-light{background:#fff;border-color:var(--line);backdrop-filter:none}
html:not([data-theme="dark"]) .bh-river{opacity:.5}

/* =====================================================================
   ANA SAYFA — "mühendislik kâğıdı" dili
   kurulum hattı · cetvel çizgileri · çizim ızgarası · iki sütunlu başlıklar
   ===================================================================== */
body.is-home main{position:relative}

/* ---- Kurulum hattı (sol boşluk) ---- */
.hl{display:none}
@media (min-width:1340px){
  .hl{display:block;position:absolute;left:clamp(1.125rem,2.4vw,2.75rem);top:0;bottom:0;width:0;z-index:5;pointer-events:none}
  .hl-track,.hl-fill{position:absolute;left:0;top:var(--t,0);width:2px;margin-left:-1px;border-radius:2px}
  .hl-track{height:var(--h,0);background:repeating-linear-gradient(180deg,var(--line) 0 0.3125rem,transparent 0.3125rem 0.5625rem)}
  .hl-fill{height:0;background:linear-gradient(180deg,#93b4ff,var(--brand))}
  .hl-head{position:absolute;left:0;top:0;width:0.6875rem;height:0.6875rem;margin:-5.5px 0 0 -5.5px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 0.3125rem rgba(37,99,235,.16),0 0 1.125rem 3px rgba(37,99,235,.45);transition:opacity .3s}
  .hl-head.is-off{opacity:0}
  .hl-n{position:absolute;left:0;display:flex;align-items:flex-start;gap:0.5625rem;transform:translateY(-6px)}
  .hl-dot{display:block;width:0.8125rem;height:0.8125rem;margin-left:-6.5px;border-radius:50%;background:var(--bg);border:2px solid var(--line);transition:.35s}
  .hl-n b{font:600 .66rem/1 var(--font-mono,monospace);letter-spacing:.08em;color:var(--faint);writing-mode:vertical-rl;transform:rotate(180deg);white-space:nowrap;margin-top:1.125rem;transition:color .3s,opacity .3s;opacity:.75}
  .hl-n.is-done .hl-dot{border-color:var(--brand);background:var(--brand-100)}
  .hl-n.is-on .hl-dot{border-color:var(--brand);background:var(--brand);box-shadow:0 0 0 0.3125rem rgba(37,99,235,.14)}
  .hl-n.is-on b{color:var(--brand);opacity:1}
  .hl.is-still .hl-head{transition:none}
}

/* ---- Cetvel çizgisi: her bölümün üstünde ---- */
body.is-home main>section.section,body.is-home main>section.cu{position:relative}
body.is-home main>section.section::before,body.is-home main>section.cu::before{content:"";position:absolute;top:0;left:50%;transform:translateX(-50%);width:min(var(--container),100% - 2 * var(--gutter,1.5rem));height:0.6875rem;pointer-events:none;
  background:
    linear-gradient(var(--line),var(--line)) top/100% 1px no-repeat,
    repeating-linear-gradient(90deg,var(--faint) 0 1px,transparent 1px 6rem) top/100% 0.6875rem no-repeat,
    repeating-linear-gradient(90deg,var(--line) 0 1px,transparent 1px 0.5rem) top/100% 0.3125rem no-repeat;opacity:.9}
body.is-home main>section.cu::before{display:none}

/* ---- Çizim ızgarası ---- */
.hm-hiw,.hm-est,.rh{--grid:rgba(37,99,235,.055)}
.hm-hiw,.hm-est{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:3rem 3rem;background-position:center top}
.hm-hiw{background-color:var(--bg-soft)}
.rh::before{content:"";position:absolute;inset:0;z-index:0;pointer-events:none;background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:3rem 3rem;-webkit-mask-image:radial-gradient(70% 90% at 78% 40%,#000 0,transparent 75%);mask-image:radial-gradient(70% 90% at 78% 40%,#000 0,transparent 75%)}
.rh>.container{position:relative;z-index:1}
.section--soft{background-color:var(--bg-soft)}

/* ---- Ritim ---- */
body.is-home main>section.section{padding-block:clamp(3.25rem,6.4vw,5.5rem)}
body.is-home .hm-hiw.section{padding-block:clamp(3.25rem,6vw,5rem)}

/* ---- Tutarlı iki sütunlu bölüm başlıkları ---- */
.rv-head,.pr-head,.rw-head,.pg-head{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:0.625rem clamp(1.5rem,5vw,4.5rem);align-items:end;text-align:left;max-width:none;margin:0 0 clamp(1.375rem,3vw,2.125rem)}
.rv-head h2,.pr-head h2,.rw-head h2,.pg-head h2{margin:0}
.rv-head p,.pr-head p,.rw-head p,.pg-head p{margin:0;max-width:52ch}
.pr-head h2 span{color:var(--brand)}
.sim-q h2,.bp-left h2,.hb-head h2{font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.03em;line-height:1.06}
@media (max-width:860px){.rv-head,.pr-head,.rw-head,.pg-head{grid-template-columns:1fr}}

/* ---- SSS ---- */
.fq-grid{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:clamp(1.5rem,5vw,4.5rem);align-items:start}
.fq-side{position:sticky;top:6rem}
.fq-side h2{font-size:clamp(1.8rem,3.4vw,2.6rem);letter-spacing:-.03em;margin:0 0 0.875rem}
.fq-side p{color:var(--text);line-height:1.65;margin:0 0 1.375rem;max-width:40ch}
.fq-help{display:flex;flex-wrap:wrap;gap:0.625rem}
.fq-list .faq-grid{grid-template-columns:1fr;gap:0.625rem}
.fq-list .faq{border-radius:0.875rem;transition:border-color .2s,box-shadow .2s}
.fq-list .faq[open]{border-color:var(--brand-200);box-shadow:0 0.875rem 2.125rem -22px rgba(16,40,100,.35)}
.fq-list .faq[open] summary .icon{transform:rotate(45deg)}
@media (max-width:900px){.fq-grid{grid-template-columns:1fr}.fq-side{position:static}}

/* ---- Kapanış bandı: sahneli ---- */
.cta-band--stage{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,.9fr);grid-template-areas:"copy stage" "act stage";align-items:center;column-gap:clamp(1.25rem,4vw,3.5rem);row-gap:1.375rem;padding:clamp(1.875rem,4.4vw,3.5rem);border-radius:1.5rem;min-height:18.75rem;
  background:radial-gradient(70% 120% at 85% 20%,rgba(120,160,255,.35) 0,rgba(120,160,255,0) 60%),linear-gradient(125deg,#0b1a38 0%,#12307a 55%,#1d4ed8 100%);box-shadow:0 2.5rem 5rem -40px rgba(16,40,120,.6)}
.cta-band--stage::after{width:auto;height:auto;inset:0;right:0;top:0;border-radius:0;background-image:linear-gradient(rgba(255,255,255,.06) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.06) 1px,transparent 1px);background-size:2.75rem 2.75rem;-webkit-mask-image:radial-gradient(80% 100% at 80% 40%,#000 0,transparent 80%);mask-image:radial-gradient(80% 100% at 80% 40%,#000 0,transparent 80%)}
.cta-band--stage .cta-copy{grid-area:copy;position:relative;z-index:1}
.cta-band--stage .cta-copy h2{font-size:clamp(1.8rem,3.4vw,2.7rem);letter-spacing:-.03em;line-height:1.08}
.cta-band--stage .cta-actions{grid-area:act;flex-direction:row-reverse;justify-content:flex-end;align-self:start}
.cta-stage{grid-area:stage;position:relative;z-index:1;height:100%;min-height:14.375rem;perspective:87.5rem}
.cta-win{position:absolute;margin:0;border-radius:0.75rem;overflow:hidden;background:#fff;border:1px solid rgba(255,255,255,.22);box-shadow:0 1.875rem 3.75rem -20px rgba(2,8,30,.7);transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.cta-win img{display:block;width:100%;aspect-ratio:1.6;object-fit:cover;object-position:top}
.cta-bar{display:flex;gap:0.25rem;padding:0.375rem 0.5625rem;background:#eef2f9}
.cta-bar i{width:0.375rem;height:0.375rem;border-radius:50%;background:#c4cce0}
.cta-win--0{left:2%;top:8%;width:62%;z-index:2;transform:rotateY(10deg) rotateZ(-2deg)}
.cta-win--1{right:0;top:30%;width:56%;z-index:3;transform:rotateY(-12deg) rotateZ(2deg)}
.cta-win--2{left:30%;top:-4%;width:46%;z-index:1;transform:rotateY(0) rotateZ(1deg);opacity:.9}
.cta-band--stage:hover .cta-win--0{transform:rotateY(6deg) translateX(-6px)}
.cta-band--stage:hover .cta-win--1{transform:rotateY(-8deg) translateX(0.5rem)}
@media (max-width:860px){.cta-band--stage{grid-template-columns:1fr;grid-template-areas:"copy" "act" "stage"}.cta-stage{min-height:12.5rem}}
@media (prefers-reduced-motion:reduce){.cta-win{transition:none}}

/* ---- Koyu tema ---- */
[data-theme="dark"] .hm-hiw,[data-theme="dark"] .hm-est,[data-theme="dark"] .rh{--grid:rgba(120,160,255,.06)}
[data-theme="dark"] .hl-dot{background:var(--bg)}
[data-theme="dark"] .fq-list .faq{background:var(--surface)}
[data-theme="dark"] .fq-side p{color:#aab8d9}

/* =====================================================================
   REFERANSA BİREBİR — ana sayfa kabuğu (üst çubuk, header, hero maketleri)
   ===================================================================== */
body.is-home{--container:83rem}

/* ---- Üst çubuk ---- */
.topbar{background:linear-gradient(90deg,#0a1630 0,#0d2150 55%,#0a1630 100%);font-size:.78rem}
.topbar-in{min-height:2rem}
.tb-msg{gap:0.625rem}
.tb-pct{flex:none;display:grid;place-items:center;width:1.0625rem;height:1.0625rem;border-radius:50%;background:#fff;color:#0b1a38}
.tb-pct .icon{stroke-width:2.6}
.tb-t{color:#fff;font-weight:600}
.tb-msg a{color:#5b8cff;font-weight:600}
.tb-msg a:hover{color:#9db9ff}
.tb-links{gap:1.25rem}
.tb-links a,.tb-lang{font-weight:500;color:#e6ecfb}
.tb-flag{border-radius:2px;box-shadow:0 0 0 1px rgba(255,255,255,.25)}
.tb-tools{display:inline-flex;align-items:center;gap:0.25rem;margin-left:2px;padding-left:0.875rem;border-left:1px solid rgba(255,255,255,.16)}
.tb-ib{position:relative;display:grid;place-items:center;width:1.625rem;height:1.625rem;border-radius:0.4375rem;background:transparent;border:0;color:#cdd8f3;cursor:pointer;padding:0}
.tb-ib:hover{background:rgba(255,255,255,.1);color:#fff}
.tb-ib .i-sun{display:none}
[data-theme="dark"] .tb-ib .i-sun{display:block}
[data-theme="dark"] .tb-ib .i-moon{display:none}
.tb-ib .cnt{position:absolute;top:-2px;right:-2px;min-width:0.875rem;height:0.875rem;border-radius:0.4375rem;background:var(--signal);color:#fff;font-size:.58rem;font-weight:700;display:grid;place-items:center;padding:0 3px}
.tb-ib .cnt:empty,.tb-ib .cnt[data-n="0"]{display:none}

/* ---- Header ölçüleri ---- */
.hdr3 .hdr-pill,.hdr3.is-scrolled .hdr-pill{height:3.875rem;gap:2.125rem}
.hdr3 .logo{font-size:1.5rem;font-weight:700;letter-spacing:-.025em;gap:0.5625rem}
.hdr3 .logo svg{width:2.125rem;height:2.125rem}
.hdr3 .logo .dot{color:inherit}
.hdr3 .main-nav{gap:0.375rem}
.hdr3 .main-nav>li>a,.hdr3 .nav-toggle{font-weight:500;font-size:.93rem;padding:0.5625rem 0.75rem}
.hdr3 .hdr-cmd{height:2.25rem;width:clamp(11.25rem,16vw,14.5rem);border-radius:0.625rem;font-size:.8rem}
.hdr3 .hdr-acc{height:2.25rem;padding:0 1.25rem;border-radius:0.625rem;font-size:.88rem;font-weight:500}
.hdr3 .hdr-cta{height:2.25rem;padding-inline:1.125rem;border-radius:0.625rem;font-size:.88rem;font-weight:600}
.hdr3 .hdr-right{gap:0.75rem}
.hdr3 .has-drop{position:relative}
.hdr3 .drop{position:absolute;top:calc(100% + 0.5rem);left:0;min-width:19.375rem;background:var(--surface);border:1px solid var(--line);border-radius:1rem;box-shadow:0 1.5rem 3.75rem -20px rgba(16,24,40,.28);padding:0.5rem;opacity:0;visibility:hidden;transform:translateY(0.375rem);transition:.18s;z-index:60}
.hdr3 .has-drop:hover .drop,.hdr3 .has-drop:focus-within .drop{opacity:1;visibility:visible;transform:none}
.hdr3 .drop a{display:flex;align-items:center;gap:0.75rem;padding:0.625rem 0.75rem;border-radius:0.625rem;color:var(--ink)}
.hdr3 .drop a:hover{background:var(--bg-soft)}
.hdr3 .drop .icon{color:var(--brand);flex:none}
.hdr3 .drop b{display:block;font-size:.88rem;font-weight:650}
.hdr3 .drop small{display:block;color:var(--muted);font-size:.76rem;margin-top:1px}

/* ---- Hero (düzen) ---- */
.rh{background:linear-gradient(180deg,#f5f6fa 0,#fbfcfe 100%);padding:clamp(1.5rem,2.6vw,2.25rem) 0 clamp(1.625rem,2.8vw,2.375rem);overflow:hidden}
.rh::before{display:none}
.rh-grid{grid-template-columns:minmax(0,28.5rem) minmax(0,1fr);gap:0;align-items:center}
.rh-kicker{font:600 .72rem var(--font-body);letter-spacing:.2em;margin:0 0 0.75rem}
.rh-h1{font-size:clamp(2.3rem,3.6vw,3.6rem);line-height:1.08;letter-spacing:-.035em;margin:0 0 1rem;white-space:nowrap}
.rh-lede{font-size:1.06rem;line-height:1.55;color:#2c3a55;max-width:none;margin:0 0 1.5rem}
.rh-cta{gap:0.875rem;margin-bottom:1.5rem}
.rh-cta .btn{height:2.625rem;padding:0 1.5rem;font-size:.92rem;font-weight:600;border-radius:0.5625rem}
.rh-cta .btn--ghost{padding:0 1.25rem 0 0.75rem;gap:0.625rem}
.rh-play{width:1.375rem;height:1.375rem}
.rh-trust{gap:0.625rem 1.875rem}
.rh-ti{width:2.25rem;height:2.25rem;border-radius:0.5625rem}
.rh-trust b{font-size:.92rem}
.rh-trust small{font-size:.8rem}

/* ---- Hero maketleri ---- */
.rh-stage{container-type:inline-size;position:relative;aspect-ratio:725/300;margin:0 -40px 0 0;perspective:none;width:auto;font-size:1cqw}
.rh-stage *{box-sizing:border-box}
.mk{position:absolute;background:#fff;border-radius:1.5cqw;overflow:hidden;font-size:.82cqw;line-height:1.25;color:#1b2742;box-shadow:0 2.4cqw 4.2cqw -1.8cqw rgba(15,30,80,.3),0 .15cqw .5cqw rgba(15,30,80,.1);text-align:left}
.mk h3,.mk h4,.mk h5,.mk p,.mk ul{margin:0;padding:0;list-style:none;font-family:var(--font-body)}
.mk svg{stroke-width:1.9;flex:none}
.mk-ghost{background:#0f1c3e;border-radius:1cqw;box-shadow:0 1cqw 2cqw -1cqw rgba(15,30,80,.25)}
.mk-ghost--l{left:6cqw;top:7.2cqw;width:22cqw;height:8cqw;display:flex;align-items:flex-start;gap:.5cqw;padding:1cqw 1.4cqw}
.mk-ghost--l i{width:.7cqw;height:.7cqw;border-radius:50%;background:rgba(255,255,255,.45)}
.mk-ghost--l span{position:absolute;left:1.4cqw;right:1.4cqw;top:3.4cqw;height:2.2cqw;border-radius:.6cqw;background:rgba(255,255,255,.14)}
.mk-ghost--r{left:66cqw;top:5.4cqw;width:30cqw;height:8cqw;background:#fff;border:.1cqw solid #e7ebf3;padding:1.2cqw 2cqw;opacity:.8}
.mk-ghost--r b{font-size:1cqw;color:#1b2742}
.mk-ghost--r span{position:absolute;left:2cqw;top:3.8cqw;width:12cqw;height:1.6cqw;border-radius:.5cqw;background:#eef1f7}

/* yan menü ortak */
.mk-side{background:#f8f9fc;border-right:.1cqw solid #edf0f6;padding:1.5cqw 1cqw}
.mk-brand{display:flex;align-items:center;gap:.6cqw;font-weight:700;font-size:1.05cqw;margin:0 0 1.6cqw .3cqw;color:#101a33}
.mk-logo{width:1.7cqw;height:1.7cqw;border-radius:.5cqw;display:block}
.mk-logo--rent{background:linear-gradient(135deg,#6d5efc,#2563eb)}
.mk-logo--shop{background:linear-gradient(135deg,#2563eb,#7c3aed)}
.mk-side ul{display:grid;gap:.35cqw}
.mk-side li{display:flex;align-items:center;gap:.7cqw;padding:.75cqw .7cqw;border-radius:.7cqw;color:#44506b;font-weight:500;position:relative;white-space:nowrap}
.mk-side li svg{width:1.3cqw;height:1.3cqw;color:#6b778f}
.mk-side li.on{background:#e8efff;color:#1d4ed8}
.mk-side li.on svg{color:#1d4ed8}
.mk-bdg{margin-left:auto;background:#ef4444;color:#fff;border-radius:1cqw;font-style:normal;font-size:.65cqw;font-weight:700;padding:.15cqw .5cqw}
.mk-main{padding:1.7cqw 1.7cqw}
.mk-btn{display:inline-flex;align-items:center;justify-content:center;background:#2f5fe8;color:#fff;font-weight:600;border-radius:.7cqw;padding:.7cqw 1.4cqw}
.mk-tabs{display:flex;gap:1.3cqw;font-weight:500;color:#6b778f;margin:1.1cqw 0}
.mk-tabs .on{color:#1d4ed8;box-shadow:inset 0 -.2cqw #2563eb;padding-bottom:.5cqw}

/* RentGo */
.mk-rent{left:0;top:11.4cqw;width:34cqw;height:28.4cqw;display:grid;grid-template-columns:26% 1fr;transform:perspective(120cqw) rotateY(9deg) rotate(-.6deg);transform-origin:right center}
.mk-rent .mk-main h4{font-size:1.45cqw;font-weight:700;color:#101a33}
.mk-rent .mk-main>p{font-size:.78cqw;color:#7a869c;margin:.3cqw 0 0;max-width:20cqw}
.mk-car{background:#fff;border:.1cqw solid #edf0f6;border-radius:1cqw;padding:.9cqw;width:15.5cqw}
.mk-car-img{position:relative;border-radius:.7cqw;overflow:hidden;background:#eef2f9;aspect-ratio:1.5}
.mk-car-img img{width:100%;height:100%;object-fit:cover}
.mk-car-img i{position:absolute;right:.5cqw;top:.5cqw;width:1.8cqw;height:1.8cqw;border-radius:50%;background:#fff;display:grid;place-items:center;color:#6b778f;font-style:normal}
.mk-car b{display:block;margin:.7cqw 0 0;font-size:.95cqw}
.mk-car small{color:#7a869c}
.mk-car-ft{display:flex;gap:.9cqw;margin:.5cqw 0;color:#7a869c;font-size:.7cqw}
.mk-car-pr{display:flex;align-items:baseline;gap:.3cqw;margin:.4cqw 0 .6cqw}
.mk-car-pr strong{font-size:1.15cqw;color:#101a33}
.mk-car-pr em{font-style:normal;color:#7a869c;font-size:.75cqw}
.mk-car .mk-btn{display:flex;width:100%}

/* ShopMax */
.mk-shop{left:60.3cqw;top:8.8cqw;width:39.3cqw;height:31cqw;display:grid;grid-template-columns:24% 1fr;transform:perspective(120cqw) rotateY(-12deg) rotate(1deg);transform-origin:left center}
.mk-row{display:flex;align-items:center;justify-content:space-between}
.mk-shop .mk-main h4{font-size:1.45cqw;font-weight:700;color:#101a33}
.mk-btn--new{padding:.75cqw 1.5cqw}
.mk-search{display:flex;align-items:center;justify-content:space-between;margin:1.1cqw 0;border:.1cqw solid #e6eaf3;border-radius:.8cqw;padding:.8cqw 1cqw;color:#98a2b6;background:#fafbfd}
.mk-search svg{width:1cqw;height:1cqw}
.mk-tabs--pill{margin:0 0 1.1cqw;gap:.9cqw}
.mk-tabs--pill span{padding:.5cqw 1.2cqw;border-radius:1cqw;border:.1cqw solid transparent}
.mk-tabs--pill .on{box-shadow:none;border-color:#2563eb;color:#1d4ed8;background:#f1f5ff;padding-bottom:.5cqw}
.mk-prods{display:grid;gap:.7cqw}
.mk-prods li{display:grid;grid-template-columns:auto 1fr auto auto;align-items:center;gap:1cqw;border:.1cqw solid #edf0f6;border-radius:.9cqw;padding:.7cqw 1cqw;background:#fff}
.mk-th{display:grid;place-items:center;width:2.8cqw;height:2.8cqw;border-radius:.7cqw;background:var(--c);color:#44506b}
.mk-th svg{width:1.4cqw;height:1.4cqw}
.mk-prods b{display:block;font-size:.88cqw;color:#101a33}
.mk-prods small{color:#7a869c;font-size:.72cqw}
.mk-prods strong{font-size:.95cqw;color:#101a33;min-width:4cqw;text-align:right}
.mk-prods em{font-style:normal;font-weight:600;font-size:.72cqw;border-radius:.6cqw;padding:.35cqw .9cqw;min-width:4.4cqw;text-align:center}
.mk-prods em.ok{background:#dcf7e6;color:#15803d}
.mk-prods em.low{background:#fdecd2;color:#b45309}

/* LuxStay */
.mk-lux{left:21.2cqw;top:0;width:47cqw;height:40.8cqw;z-index:4;border-radius:1.8cqw}
.mk-banner{position:relative;height:19.4cqw;background-size:cover;background-position:center 40%;color:#fff;padding:1.4cqw 1.8cqw}
.mk-nav{display:flex;align-items:center;justify-content:space-between}
.mk-lx{font-weight:600;letter-spacing:.14em;font-size:.95cqw}
.mk-nl{display:flex;gap:1.5cqw;font-size:.68cqw;opacity:.85}
.mk-nl i{font-style:normal}
.mk-pill{background:#fff;color:#101a33;border-radius:1cqw;padding:.55cqw 1.2cqw;font-weight:600;font-size:.72cqw}
.mk-banner h3{font-size:1.9cqw;line-height:1.15;font-weight:700;margin:2.6cqw 0 .8cqw;letter-spacing:-.01em;color:#fff}
.mk-banner p{font-size:.8cqw;opacity:.92;color:#fff}
.mk-form{position:absolute;left:1.6cqw;right:1.6cqw;bottom:1.2cqw;display:grid;grid-template-columns:1.1fr 1fr 1fr 1fr .8fr;align-items:center;gap:.6cqw;background:#fff;border-radius:1cqw;padding:.55cqw;color:#44506b;box-shadow:0 1cqw 2cqw -1cqw rgba(0,0,0,.35)}
.mk-form span{display:flex;align-items:center;gap:.5cqw;padding:.8cqw .7cqw;border-right:.1cqw solid #eef1f7;font-size:.72cqw;white-space:nowrap}
.mk-form span:nth-child(4){border-right:0}
.mk-form svg{width:.95cqw;height:.95cqw;color:#6b778f}
.mk-form b{background:#0f1c3e;color:#fff;text-align:center;border-radius:.8cqw;padding:.9cqw 0;font-size:.74cqw}
.mk-feat{padding:1.3cqw 1.8cqw}
.mk-feat h5{font-size:1.05cqw;font-weight:700;color:#101a33;margin-bottom:.9cqw}
.mk-hotels{display:grid;grid-template-columns:repeat(3,1fr);gap:1cqw}
.mk-hotels>div{border:.1cqw solid #edf0f6;border-radius:1cqw;padding:.55cqw;background:#fff}
.mk-himg{position:relative;height:7.2cqw;border-radius:.8cqw;background-size:cover;background-position:center}
.mk-himg i{position:absolute;right:.5cqw;top:.5cqw;width:1.6cqw;height:1.6cqw;border-radius:50%;background:rgba(255,255,255,.92);display:grid;place-items:center;color:#44506b;font-style:normal}
.mk-hotels p{display:flex;justify-content:space-between;align-items:center;margin:.6cqw 0 .1cqw}
.mk-hotels p b{font-size:.78cqw;color:#101a33}
.mk-hotels p em{font-style:normal;display:inline-flex;align-items:center;gap:.2cqw;font-weight:700;font-size:.7cqw;color:#101a33}
.mk-hotels em svg{color:#e11d48;fill:#e11d48;width:.8cqw;height:.8cqw}
.mk-hotels small{display:block;color:#7a869c;font-size:.66cqw}
.mk-hotels strong{display:block;font-size:1.05cqw;color:#101a33;margin-top:.6cqw}

/* not */
.rh-note{position:absolute;left:83cqw;top:1.8cqw;right:auto;z-index:6;font:italic 500 1.1cqw/1.25 var(--font-display);color:#1b2742;transform:rotate(-4deg);margin:0;max-width:none;display:block}
.rh-note>svg:first-child{position:absolute;left:-3cqw;top:.6cqw;color:#2563eb;transform:none}
.rh-note .rh-arr{display:block;margin:.4cqw 0 0 auto;color:#1b2742;transform:none}

@media (max-width:1100px){.rh-grid{grid-template-columns:1fr}.rh-h1{white-space:normal}.rh-stage{margin:1.25rem auto 0;max-width:47.5rem;width:100%}}
@media (max-width:640px){.rh-stage{aspect-ratio:auto;height:54vw;margin-top:1rem}.mk-ghost,.rh-note{display:none}.mk-rent{width:44cqw;top:12cqw}.mk-shop{left:56cqw;width:44cqw}}

/* ---- İnce ayar (referans ölçüleri) ---- */
.topbar{font-size:.7rem}
.topbar-in{min-height:1.9375rem}
.tb-links{gap:1.125rem}
.hdr3 .hdr-pill,.hdr3.is-scrolled .hdr-pill{gap:1.625rem}
.hdr3 .logo{font-size:1.62rem;gap:0.625rem}
.hdr3 .logo svg{width:2.375rem;height:2.375rem}
.hdr3 .main-nav{gap:2px}
.hdr3 .main-nav>li>a,.hdr3 .nav-toggle{font-size:.82rem;padding:0.5625rem 0.75rem}
.hdr3 .hdr-cmd{width:clamp(10.625rem,15vw,14rem);font-size:.74rem}
.hdr3 .hdr-acc{padding:0 1.375rem;font-size:.82rem}
.hdr3 .hdr-cta{font-size:.82rem}
.hdr3 .hdr-right{gap:0.625rem}

.rh{padding:1.125rem 0 1rem}
.rh-kicker{font-size:.62rem;margin-bottom:0.625rem}
.rh-h1{font-size:clamp(2.3rem,3.95vw,3.95rem);margin-bottom:0.875rem}
.rh-lede{font-size:1.1rem;margin-bottom:1.375rem}
.rh-stage{margin-right:-24px}
.mk-prods{gap:.55cqw}
.mk-prods li{padding:.55cqw 1cqw}
.mk-shop .mk-main{padding-top:1.4cqw}

/* kategori şeridi */
.cs{margin-top:0.375rem}
.cs .container{max-width:calc(var(--container) + 4.375rem)}
.cs-bar{padding:0.25rem;border-radius:0.875rem;box-shadow:0 0.5rem 1.75rem -20px rgba(16,40,100,.28);overflow:hidden}
.cs-item{flex:1 1 0;min-width:0;padding:0.6875rem 0.875rem;gap:0.625rem}
.cs-item+.cs-item::before{top:26%;bottom:26%}
.cs-ic{width:2.375rem;height:2.375rem;background:transparent;color:var(--ink-2)}
.cs-ic .icon{width:1.25rem;height:1.25rem}
.cs-item.is-first .cs-ic{background:var(--brand);color:#fff}
.cs-item:hover .cs-ic{background:var(--bg-soft);color:var(--brand)}
.cs-item.is-first:hover .cs-ic{background:var(--brand);color:#fff}
.cs-tx{min-width:0}
.cs-tx b{font-size:.76rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.cs-tx small{font-size:.62rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
@media (max-width:1100px){.cs-bar{overflow-x:auto}.cs-item{flex:0 0 auto}}

/* popüler yazılımlar */
body.is-home main>section.pp::before,body.is-home main>section.cu::before{display:none}
.pp{padding-block:2.25rem 1.125rem!important}
.pp .container,.cu .container{max-width:calc(var(--container) + 2.5rem)}
.pp-grid{grid-template-columns:minmax(0,18.75rem) minmax(0,1fr);gap:2.125rem}
.pp-side{padding-top:0.375rem}
.pp-kicker{font-size:.58rem;margin-bottom:0.5rem;gap:0.375rem}
.pp-side h2{font-size:clamp(1.7rem,2.3vw,2.25rem);white-space:nowrap;margin-bottom:0.875rem}
.pp-lede{font-size:.84rem;line-height:1.6;margin-bottom:1.25rem;max-width:30ch}
.pp-side .btn{height:2.25rem;padding:0 1.25rem;font-size:.78rem;border-radius:0.5rem}
.pp-filter{margin-bottom:0.875rem}
.pp-chip{font-size:.7rem;padding:0 0.875rem;height:1.6875rem;display:inline-flex;align-items:center;font-weight:500}
.pp-arrows button{width:1.8125rem;height:1.8125rem}
.pp-track{gap:1rem;padding-bottom:0.75rem}
.ppc{flex-basis:calc((100% - 2rem)/3);border-radius:0.75rem}
.ppc-media{aspect-ratio:3.45}
.ppc-phone{width:12%;right:0.5rem;bottom:-12px}
.ppc-badge{font-size:.62rem;padding:3px 0.5625rem;left:0.5rem;top:0.5rem}
.ppc-body{padding:0.6875rem 0.75rem 0.8125rem;gap:0.4375rem}
.ppc-head h3{font-size:.84rem}
.ppc-price b{font-size:1.12rem}
.ppc-price s{font-size:.66rem}
.ppc-desc{font-size:.68rem;line-height:1.45}
.ppc-feats{gap:0.3125rem}
.ppc-feats li{font-size:.68rem}
.ppc-feats .icon{width:0.75rem;height:0.75rem}
.ppc-acts{gap:0.5625rem;padding-top:0.25rem}
.ppc-acts .btn{padding:0;height:1.875rem;font-size:.7rem;border-radius:0.4375rem}

/* özel yazılım */
.cu{padding-block:1.375rem 1.75rem!important}
.cu-grid{grid-template-columns:minmax(0,1.05fr) minmax(0,.95fr);gap:2.125rem}
.cu-copy h2{font-size:clamp(1.6rem,2.45vw,2.4rem);margin:0;white-space:nowrap}
.cu-steps{padding:0.875rem 1.125rem;border-radius:0.875rem;background:#f6f8fc}
.cu-steps span{width:2.5rem;height:2.5rem;background:#e8efff;border:0}
.cu-steps b{font-size:.72rem}
.cu-steps small{font-size:.64rem}
@media (max-width:1100px){.pp-side h2,.cu-copy h2{white-space:normal}.pp-grid,.cu-grid{grid-template-columns:1fr}}

/* ---- İnce ayar 2 ---- */
.cs{padding:0!important;margin-top:0.25rem}
.rh-h1{margin-bottom:0.375rem}
.rh-lede{margin-bottom:1.25rem}
.rh-cta{margin-bottom:1.375rem}
.hdr3 .hdr-pill,.hdr3.is-scrolled .hdr-pill{gap:1.25rem}
.hdr3 .logo{margin-right:3.5rem}
.hdr3 .main-nav>li>a,.hdr3 .nav-toggle{font-size:.78rem;padding:0.5625rem 0.6875rem}
.pp-grid{grid-template-columns:minmax(0,19.875rem) minmax(0,1fr)}
.pp-side h2{font-size:clamp(1.7rem,2.45vw,2.4rem)}
.pp-lede{font-size:.88rem;max-width:none}
.pp-chip{height:1.5625rem;font-size:.68rem}
@media (max-width:1200px){.hdr3 .logo{margin-right:0}}

/* ---- İnce ayar 3 ---- */
.pp{padding-top:1.875rem!important}
.pp-grid{grid-template-columns:minmax(0,20.75rem) minmax(0,1fr)}
.pp-lede{font-size:.83rem}
.ppc-desc{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
.ppc-body{padding:0.625rem 0.75rem 0.75rem;gap:0.375rem}
.rh-lede{margin-bottom:1.125rem}

/* header + üst çubuk her sayfada geniş kapsayıcı (iç sayfalarda taşmasın) */
.topbar>.container,.site-header>.container{max-width:83rem}
.rh-grid{grid-template-columns:minmax(0,28.5rem) minmax(0,1fr)}
.rh-h1{font-size:clamp(2.3rem,3.95vw,3.56rem)}

/* =====================================================================
   ALT BÖLÜMLER — referans diline uyum (sade, kompakt, aydınlık)
   ===================================================================== */
/* süs katmanlarını kaldır: cetvel, ızgara, kurulum hattı */
body.is-home main>section::before{display:none!important}
.hm-hiw,.hm-est{background-image:none}
.hl{display:none!important}

/* tek genişlik: header ile aynı hizada, sayfayı doldurur */
body.is-home main .container{max-width:calc(var(--container) + 2.5rem)}

/* ritim + başlık ölçüleri */
body.is-home main>section.section:not(.pp):not(.cu){padding-block:clamp(2.25rem,4.2vw,3.75rem)}
body.is-home main>section.section--tight{padding-block:1.25rem 3rem}
.sim-q h2,.rv-head h2,.pr-head h2,.bp-left h2,.rw-head h2,.pg-head h2,.hb-head h2,.fq-side h2{font-size:clamp(1.55rem,2.3vw,2.2rem);letter-spacing:-.03em;line-height:1.12}
.sim-q>p,.rv-head p,.pr-head p,.bp-left>p,.rw-head p,.pg-head p,.hb-head p,.fq-side p{font-size:.86rem;line-height:1.6}
.rv-head,.pr-head,.rw-head,.pg-head{margin-bottom:1.375rem}
.section--soft,.hm-hiw{background:#f7f9fc}
[data-theme="dark"] .section--soft,[data-theme="dark"] .hm-hiw{background:var(--bg-soft)}

/* aktif durumlar: lacivert yerine marka mavisi (referanstaki çipler gibi) */
html:not([data-theme="dark"]) :is(.sim-sec.is-on,.bp-chip.is-on,.pr-tab.is-on,.rf-item.is-on,.hb-cat.is-on,.rw-chip.is-on){background:var(--brand);border-color:var(--brand);color:#fff}
html:not([data-theme="dark"]) .rf-hero-m{background:var(--brand-050);color:var(--ink);border:1px solid var(--brand-100)}
html:not([data-theme="dark"]) .rf-hero-m b{color:var(--brand)}
html:not([data-theme="dark"]) .rf-hero-m small{color:var(--muted)}
.pr-tab,.rf-item,.bp-mod,.bp-chip,.sim-sec{box-shadow:none}

/* koyu "cihaz" panelleri açık temada aydınlığa çevrilir (içindeki görseller geri çevrilir) */
html:not([data-theme="dark"]) :is(.rv-stage,.pr-win,.bp-board,.sim-device){filter:invert(1) hue-rotate(180deg);border:1px solid #1f2a44;box-shadow:none}
html:not([data-theme="dark"]) :is(.rv-stage,.pr-win,.bp-board,.sim-device) :is(img,video,canvas,iframe,.sim-tint){filter:invert(1) hue-rotate(180deg)}
html:not([data-theme="dark"]) :is(.rv-stage,.pr-win,.bp-board,.sim-device){outline:1px solid transparent}
.rv-stage,.pr-win,.bp-board,.sim-device{border-radius:1rem}
.pr-win{min-height:0}

/* kartlar: referanstaki gibi ince çerçeve + yumuşak gölge */
.rf-file,.rw-card,.pg-card,.hb-feat,.hb-item,.faq{border-radius:0.875rem}

/* başlık ızgarası: etiket tam satır, başlık | açıklama yan yana */
.rv-head>.pp-kicker,.pr-head>.pp-kicker,.rw-head>.pp-kicker,.pg-head>.pp-kicker{grid-column:1/-1;margin:0}
.hb-head .pp-kicker{margin-bottom:0.625rem}
.rv-head h2,.pr-head h2,.rw-head h2,.pg-head h2{align-self:end}
.rv-head p,.pr-head p,.rw-head p,.pg-head p{align-self:end}
@media (max-width:860px){.rv-head>.pp-kicker,.pr-head>.pp-kicker,.rw-head>.pp-kicker,.pg-head>.pp-kicker{grid-column:auto}}

/* çevrilen panellerde beyaz zemin + marka düğmeleri özgün renginde */
html:not([data-theme="dark"]) :is(.rv-stage,.pr-win,.bp-board,.sim-device){background-color:#03060d}
html:not([data-theme="dark"]) :is(.rv-stage,.pr-win,.bp-board,.sim-device) :is(.btn--primary,.pr-method,.pr-upd-card,.sim-brand,.sim-brand-mark){filter:invert(1) hue-rotate(180deg)}

/* =====================================================================
   DUYARLI (en sonda kalmalı: yukarıdaki masaüstü kurallarını ezer)
   ===================================================================== */
@media (max-width:1100px){
  .rh-grid{grid-template-columns:minmax(0,1fr)}
  .rh-h1{white-space:normal;font-size:clamp(2.1rem,6.4vw,3.4rem)}
  .rh-lede br{display:none}
  .rh-stage{margin:1.375rem auto 0;width:100%;max-width:47.5rem}
  .pp-grid,.cu-grid,.fq-grid{grid-template-columns:minmax(0,1fr)}
  .pp-side{position:static;padding-top:0}
  .pp-side h2,.cu-copy h2{white-space:normal}
  .fq-side{position:static}
  .hdr3 .logo{margin-right:0}
}
@media (max-width:900px){
  .ppc{flex-basis:calc((100% - 1rem)/2)}
  .cs .container{max-width:100%}
  .cs-bar{overflow-x:auto;scroll-snap-type:x proximity}
  .cs-item{flex:0 0 auto;scroll-snap-align:start;padding-inline:1rem}
}
@media (max-width:640px){
  .rh{padding:1rem 0 1.375rem}
  .rh-stage{aspect-ratio:725/400;height:auto;margin-top:1.125rem}
  .mk-ghost,.rh-note{display:none}
  .mk-lux{left:14cqw;width:62cqw;height:56cqw;top:0}
  .mk-rent{left:0;top:16cqw;width:44cqw;height:42cqw}
  .mk-shop{left:62cqw;top:12cqw;width:46cqw;height:42cqw}
  .mk,.mk-lux{font-size:1.05cqw}
  .rh-cta{flex-direction:column;align-items:stretch}
  .rh-cta .btn{justify-content:center}
  .pp{padding-top:1.625rem!important}
  .ppc{flex-basis:84%}
  .pp-arrows{display:none}
  .cu-steps{grid-template-columns:1fr 1fr}
  body.is-home main>section.section--tight{padding-block:0.5rem 2.25rem}
  .cta-band--stage{padding:1.5rem 1.25rem}
}
@media (max-width:380px){
  .rh-h1{font-size:2rem}
  .topbar .tb-msg a{display:none}
}

/* ---- Geniş ekran: ana sayfa ekran genişliğiyle orantılı büyür (1440'ta birebir aynı) ---- */
html:has(body.is-home){font-size:clamp(16px,1.1111vw,28px)}
.site-header.hdr3>.container,.topbar>.container{max-width:83rem}

/* =====================================================================
   SANAT KATMANI — akış çizgileri, kontur kelimeler, dalga vurgular
   ===================================================================== */
/* header/üst çubuk sayfa gövdesiyle aynı hizada */
.site-header.hdr3>.container,.topbar>.container{max-width:calc(83rem + 2.5rem);padding-inline:var(--gutter,1.5rem)}

/* canvas: içeriğin arkasında, kaydırmayla süzülür */
.art-bg{position:fixed;inset:0;width:100%;height:100%;z-index:0;pointer-events:none;-webkit-mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%);mask-image:linear-gradient(180deg,transparent 0,#000 14%,#000 86%,transparent 100%)}
body.is-home main{position:relative;z-index:1}
body.is-home .site-footer{position:relative;z-index:2}
.rh,.cs,.pp,.cu{position:relative;z-index:1}
.rh{background:linear-gradient(180deg,#f5f6fa 0,#fbfcfe 100%)}
.pp,.cu{background:transparent}

/* bölüm zeminleri yarı saydam: çizgiler arkadan görünür */
body.is-home .section--soft,body.is-home .hm-hiw{background:linear-gradient(180deg,rgba(247,249,252,.80),rgba(247,249,252,.58))}
[data-theme="dark"] body.is-home .section--soft,[data-theme="dark"] body.is-home .hm-hiw{background:linear-gradient(180deg,rgba(15,24,48,.7),rgba(15,24,48,.5))}

/* dev kontur kelimeler */
body.is-home main>section[data-art]{overflow-x:clip}
body.is-home main>section[data-art]::after{content:attr(data-art);position:absolute;right:max(1.5rem,calc((100% - var(--container) - 2.5rem)/2));top:.6rem;z-index:0;pointer-events:none;
  font:800 clamp(7rem,15vw,16rem)/.8 var(--font-display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(37,99,235,.17);user-select:none}
body.is-home main>section#taslak[data-art]::after,body.is-home main>section#paketler[data-art]::after{-webkit-text-stroke-color:rgba(255,90,54,.2)}
[data-theme="dark"] body.is-home main>section[data-art]::after{-webkit-text-stroke-color:rgba(140,170,255,.16)}
body.is-home main>section[data-art]>.container{position:relative;z-index:1}

/* vurgulu başlık sözcüğüne elle çizilmiş dalga */
.sim-q h2 span,.rv-head h2 span,.pr-head h2 span,.bp-left h2 span,.rw-head h2 span,.pg-head h2 span,.hb-head h2 span,.rh-h1 span{
  background:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 120 10' preserveAspectRatio='none'%3E%3Cpath d='M1 6c10-6 14 6 24 0s14 6 24 0 14 6 24 0 14 6 24 0 14 6 22 0' fill='none' stroke='%232563eb' stroke-opacity='.45' stroke-width='2.2' stroke-linecap='round'/%3E%3C/svg%3E") left bottom/100% .32em no-repeat;padding-bottom:.14em}
.rh-h1 span{background-size:100% .24em}

/* paneller: aydınlatılmış cihazlar derin gölgeyle yüzer */
html:not([data-theme="dark"]) :is(.rv-stage,.pr-win,.bp-board,.sim-device){filter:invert(1) hue-rotate(180deg) drop-shadow(0 1.8rem 2.4rem rgba(16,40,120,.22))}

/* kapanış bandı: filigran + yavaş ışık süzülmesi */
.cta-band--stage{isolation:isolate}
.cta-band--stage::before{content:"sitehazir";position:absolute;left:-.04em;bottom:-.22em;z-index:-1;font:800 clamp(6rem,14vw,15rem)/.8 var(--font-display);letter-spacing:-.05em;color:transparent;-webkit-text-stroke:1.5px rgba(255,255,255,.14);pointer-events:none;white-space:nowrap}
.cta-band--stage .cta-copy h2{font-size:clamp(2rem,3.4vw,3.1rem)}
@keyframes ctaSheen{0%{transform:translateX(-60%) skewX(-18deg)}100%{transform:translateX(260%) skewX(-18deg)}}
.cta-band--stage .cta-copy{position:relative}
.cta-band--stage::after{animation:none}
@media (prefers-reduced-motion:reduce){.art-bg{display:none}}
@media (max-width:640px){body.is-home main>section[data-art]::after{font-size:6.5rem;top:.2rem;opacity:.8}.art-bg{opacity:.7}}

/* bant kenarları yumuşak geçsin */
body.is-home .section--soft,body.is-home .hm-hiw{background:linear-gradient(180deg,rgba(247,249,252,0) 0,rgba(247,249,252,.82) 4.5rem,rgba(247,249,252,.62) calc(100% - 4.5rem),rgba(247,249,252,0) 100%)}
[data-theme="dark"] body.is-home .section--soft,[data-theme="dark"] body.is-home .hm-hiw{background:linear-gradient(180deg,rgba(15,24,48,0) 0,rgba(15,24,48,.7) 4.5rem,rgba(15,24,48,.5) calc(100% - 4.5rem),rgba(15,24,48,0) 100%)}

/* ---- El yazısı not (hero) ---- */
.rh-note{left:79cqw;top:-.4cqw;display:grid;grid-template-columns:auto auto;align-items:end;column-gap:1.1cqw;font:600 2.35cqw/1.02 'Caveat','Plus Jakarta Sans',cursive;letter-spacing:0;color:#1b2742;transform:rotate(-3deg);max-width:none}
.rh-note>.rh-spark{position:static;grid-row:span 2;width:3cqw;height:auto;color:#2f5fe8;margin:0 0 .6cqw;transform:none}
.rh-note>span{text-align:left;font-style:normal}
.rh-note>.rh-arr{grid-column:2;width:6.2cqw;height:auto;margin:.2cqw 0 0 3.4cqw;color:#1b2742;transform:none}

/* ---- Başlık sağ uçtaki pencereye binmesin ---- */
.rh-h1{font-size:clamp(2.3rem,3.7vw,3.3rem)}

/* ---- Form bölümleri: sakin, kartlı, düzenli ---- */
.hm-finder .sim-q,.hm-est .bp-left{background:var(--surface);border:1px solid var(--line);border-radius:1.25rem;padding:clamp(1.25rem,2.1vw,2.1rem);box-shadow:0 1.6rem 3.2rem -2.2rem rgba(16,40,100,.28);position:relative;z-index:1}
.hm-finder .sim{align-items:stretch}
.sim-q h2,.bp-left h2{margin:0 0 .6rem}
.sim-q>p,.bp-left>p{margin:0 0 1.2rem;max-width:44ch}
.sim-input,.bp-name{box-shadow:none;border:1.5px solid var(--line);background:var(--bg-soft);border-radius:.8rem;padding:.7rem .9rem;margin-bottom:0}
.sim-input input,.bp-name input{font-size:.95rem;font-weight:600}
.sim-sectors{gap:.4rem;margin:1rem 0 0}
.sim-sec{font-size:.74rem;padding:.4rem .75rem}
.sim-colors{margin:1rem 0 0;padding-top:1rem;border-top:1px solid var(--line);display:flex;align-items:center;gap:.5rem;flex-wrap:wrap}
.sim-colors-l{margin-right:.4rem}
.sim-hint{margin:.9rem 0 0;font-size:.76rem;color:var(--muted);background:var(--bg-soft);border-radius:.7rem;padding:.6rem .8rem;display:flex;gap:.5rem;align-items:flex-start;line-height:1.45}
.sim-facts{margin:1rem 0 0;padding:1rem 0 0;border-top:1px solid var(--line);list-style:none;display:grid;gap:.55rem}
.sim-facts li{font-size:.8rem;display:flex;gap:.55rem;align-items:flex-start;line-height:1.4}
.bp-block{margin-top:0;padding-top:1rem}
.bp-block+.bp-block{margin-top:1rem;border-top:1px solid var(--line)}
.bp-l{display:flex;align-items:center;gap:.5rem;margin-bottom:.6rem}
.bp-chip{font-size:.78rem;padding:.45rem .8rem}
.bp-mods{gap:.5rem}
.bp-mod{padding:.55rem .7rem;font-size:.78rem}
[data-theme="dark"] .hm-finder .sim-q,[data-theme="dark"] .hm-est .bp-left{background:var(--surface)}
[data-theme="dark"] .sim-input,[data-theme="dark"] .bp-name,[data-theme="dark"] .sim-hint{background:var(--bg-soft)}
.rh-note{left:77cqw;font-size:2cqw;white-space:nowrap}
.rh-note>.rh-spark{width:2.6cqw}
.rh-note>.rh-arr{width:5.4cqw;margin-left:3cqw}
.rh-h1{margin-bottom:.95rem}

/* ---- Tüm sayfalarda aynı ölçek ve kapsayıcı (ana sayfayla eşit) ---- */
html{font-size:clamp(16px,1.1111vw,28px)}
:root{--container:83rem}
@media (max-width:900px){html{font-size:16px}}
.ph2 .ph2-in{max-width:var(--container)}
.ph2 .ph2-in>h1,.ph2 .ph2-in>.ph2-lede{max-width:56rem}
.ph2-search{max-width:44rem}