/* DikkatliBak ana sayfa: "kendine dikkatle bak" kimliği. Tek imza öğe: giriş bölümündeki mercek ve odaklanan başlık. */
:root{--h-ink:#183153;--h-muted:#4f6179;--h-paper:#f3f6fb;--h-card:#fff;--h-line:#d9e2ee;--h-teal:#0b7a6a;--h-teal-soft:#e2f2ee;--h-lens:#d98f0f;--h-lens-soft:#fdf3e1;--h-serif:"Iowan Old Style","Palatino Linotype","Book Antiqua",Palatino,Georgia,serif}
:root[data-theme=dark]{--h-ink:#e4edf9;--h-muted:#b9c8df;--h-paper:#111b2c;--h-card:#1b2940;--h-line:#3b4e69;--h-teal:#69d8c3;--h-teal-soft:#173e37;--h-lens:#f0b94f;--h-lens-soft:#3a2f17}

.home-main{max-width:1120px}
.home-main h2{font-family:var(--h-serif);font-weight:600;font-size:clamp(1.6rem,3.4vw,2.3rem);letter-spacing:-.4px;line-height:1.15;margin:0 0 8px;color:var(--h-ink)}
.home-main section>p.h-sub{margin:0 0 22px;max-width:62ch;color:var(--h-muted)}
.h-block{margin:84px 0 0;scroll-margin-top:20px}

/* Giriş */
.h-hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.75fr);gap:clamp(24px,5vw,64px);align-items:center;padding:18px 0 8px}
.h-hero h1{font-family:var(--h-serif);font-weight:600;font-size:clamp(2.6rem,6.4vw,4.6rem);line-height:1.02;letter-spacing:-1.5px;margin:0 0 22px;color:var(--h-ink)}
.h-hero h1 .h-brandword{white-space:nowrap}
.h-lead{font-size:clamp(1.05rem,1.6vw,1.2rem);line-height:1.7;max-width:58ch;color:var(--h-ink)!important;margin:0 0 12px}
.h-hero p{max-width:58ch}
.h-ctas{display:flex;flex-wrap:wrap;gap:12px;margin:26px 0 14px}
.h-ctas .button{padding:15px 22px;border-radius:12px;background:var(--h-teal);color:#fff}
:root[data-theme=dark] .h-ctas .button{background:#147b6d}
.h-ctas .button.h-ghost{background:transparent;color:var(--h-ink);box-shadow:inset 0 0 0 1.5px var(--h-ink)}
:root .h-ctas .button.h-ghost,:root[data-theme=dark] .h-ctas .button.h-ghost{background:transparent;color:var(--h-ink)}
.h-ctas .button.h-ghost:hover,:root[data-theme=dark] .h-ctas .button.h-ghost:hover{background:var(--h-teal-soft)}
.h-note{font-size:.88rem;color:var(--h-muted)!important}
.h-lens{width:100%;max-width:380px;justify-self:center;aspect-ratio:1;color:var(--h-ink)}
.h-lens svg{width:100%;height:100%;overflow:visible}
.h-lens .ring{fill:none;stroke:currentColor;stroke-opacity:.18}
.h-lens .ticks{stroke:currentColor;stroke-opacity:.35}
.h-lens .focus{fill:none;stroke:var(--h-lens);stroke-width:5;stroke-linecap:round}
.h-lens .glass{fill:var(--h-teal-soft)}
.h-lens .pupil{fill:var(--h-ink)}
.h-lens .glint{fill:var(--h-card)}
.h-lens text{font-family:var(--h-serif);font-size:15px;fill:var(--h-muted);letter-spacing:1px}
@media (prefers-reduced-motion:no-preference){
  .h-hero h1{animation:h-focus 1.1s cubic-bezier(.2,.7,.2,1) .15s both}
  .h-lens .dial{transform-origin:200px 200px;animation:h-dial 1.3s cubic-bezier(.2,.7,.2,1) .1s both}
  .h-lens .focus{stroke-dasharray:380 1000;animation:h-arc 1.3s cubic-bezier(.2,.7,.2,1) .1s both}
}
@keyframes h-focus{from{filter:blur(7px);opacity:.35;letter-spacing:.5px}to{filter:blur(0);opacity:1;letter-spacing:-1.5px}}
@keyframes h-dial{from{transform:rotate(-38deg)}to{transform:rotate(0)}}
@keyframes h-arc{from{stroke-dasharray:0 1000}to{stroke-dasharray:380 1000}}

/* Arama */
.h-search{margin-top:30px;max-width:640px;position:relative}
.h-search label{display:block;font-weight:700;font-size:.95rem;color:var(--h-ink)}
.h-search input{display:block;width:100%;font:inherit;font-size:1.05rem;margin-top:8px;padding:14px 16px;border:1.5px solid var(--h-line);border-radius:14px;background:var(--h-card);color:var(--h-ink)}
.h-search input:focus{border-color:var(--h-teal)}
.h-types{display:flex;gap:6px;flex-wrap:wrap;border:0;padding:0;margin:10px 0 0}
.h-types legend{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0)}
.h-types label{display:inline-flex;align-items:center;font-weight:600;font-size:.85rem;padding:6px 12px;border:1px solid var(--h-line);border-radius:99px;cursor:pointer;background:var(--h-card)}
.h-types input{position:absolute;opacity:0;width:1px;height:1px}
.h-types label:has(input:checked){background:var(--h-teal-soft);border-color:var(--h-teal)}
.h-types label:has(input:focus-visible){outline:3px solid var(--h-lens);outline-offset:2px}
.h-results{list-style:none;padding:0;margin:10px 0 0;border:1px solid var(--h-line);border-radius:14px;background:var(--h-card);overflow:hidden}
.h-results:empty{display:none}
.h-results li+li{border-top:1px solid var(--h-line)}
.h-results a{display:grid;grid-template-columns:auto 1fr;gap:2px 12px;padding:12px 16px;text-decoration:none;color:var(--h-ink)}
.h-results a:hover,.h-results a:focus-visible{background:var(--h-teal-soft)}
.h-results .kind{grid-row:span 2;align-self:start;font-size:.75rem;font-weight:700;color:var(--h-teal);border:1px solid currentColor;border-radius:99px;padding:2px 8px;margin-top:2px}
.h-results small{color:var(--h-muted);font-size:.85rem}
.h-count{font-size:.85rem;color:var(--h-muted)!important;margin:8px 0 0}.h-count:empty{display:none}

/* Bugün ne yapmak istersin */
.h-intents{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:10px}
.h-intent{display:flex;flex-direction:column;gap:8px;padding:18px 16px 20px;border-radius:18px;text-decoration:none;color:var(--h-ink);background:var(--h-card);border:1px solid var(--h-line);position:relative;min-height:150px}
.h-intent strong{font-family:var(--h-serif);font-size:1.22rem;font-weight:600;line-height:1.2}
.h-intent span{font-size:.9rem;color:var(--h-muted);line-height:1.5}
.h-intent svg{width:30px;height:30px;color:var(--h-teal)}
.h-intent:hover{border-color:var(--h-teal);background:var(--h-teal-soft)}

/* Yeni eklenenler */
.h-new{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:0}
.h-new a{display:flex;flex-direction:column;gap:8px;height:100%;padding:18px 18px 20px;border-top:3px solid var(--h-teal);background:var(--h-card);border-radius:0 0 14px 14px;text-decoration:none;color:var(--h-ink)}
.h-new a:hover{background:var(--h-teal-soft)}
.h-new .meta{font-size:.8rem;color:var(--h-muted);display:flex;flex-wrap:wrap;gap:4px 10px}
.h-new .meta b{color:var(--h-teal)}
.h-new strong{font-size:1.08rem;line-height:1.3}
.h-new p{margin:0;font-size:.92rem;line-height:1.55;color:var(--h-muted)}
.h-more{display:inline-block;margin-top:16px;font-weight:700;color:var(--h-teal)}

/* Kendini keşfet: içindekiler düzeni */
.h-index{list-style:none;padding:0;margin:0;border-top:1px solid var(--h-line)}
.h-index>li{display:grid;grid-template-columns:minmax(0,.9fr) minmax(0,1.6fr);gap:10px 32px;padding:22px 0;border-bottom:1px solid var(--h-line)}
.h-index h3{font-family:var(--h-serif);font-weight:600;font-size:1.45rem;margin:0;line-height:1.2}
.h-index h3 a{color:var(--h-ink);text-decoration:none}.h-index h3 a:hover{color:var(--h-teal)}
.h-index .q{margin:6px 0 0;font-style:italic;font-family:var(--h-serif);color:var(--h-muted)}
.h-index .count{display:block;margin-top:8px;font-size:.82rem;font-weight:700;color:var(--h-teal)}
.h-index ul{list-style:none;padding:0;margin:0;display:flex;flex-wrap:wrap;gap:8px}
.h-index ul a{display:inline-block;padding:7px 12px;border:1px solid var(--h-line);border-radius:99px;font-size:.9rem;text-decoration:none;color:var(--h-ink);background:var(--h-card)}
.h-index ul a:hover{border-color:var(--h-teal);background:var(--h-teal-soft)}

/* Günlük hayat */
.h-tools{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;list-style:none;padding:0;margin:0 0 18px;border:1px solid var(--h-line);border-radius:18px;overflow:hidden;background:var(--h-card)}
.h-tools li{border-inline-end:1px solid var(--h-line);border-bottom:1px solid var(--h-line)}
.h-tools li:nth-child(4n){border-inline-end:0}
.h-tools a{display:flex;flex-direction:column;gap:4px;padding:16px 18px;height:100%;text-decoration:none;color:var(--h-ink)}
.h-tools a:hover{background:var(--h-teal-soft)}
.h-tools small{color:var(--h-muted);font-size:.85rem;line-height:1.45}
.h-tools .grp{font-size:.75rem;font-weight:700;color:var(--h-teal)}
.h-converter-title{font-family:var(--h-serif);font-weight:600;font-size:1.4rem;margin:36px 0 6px}
.h-converter-intro{margin:0 0 16px}
.home-main .converter{max-width:none;margin:0}

/* Nereden başlamalı */
.h-start{background:var(--h-card);border:1px solid var(--h-line);border-radius:24px;padding:clamp(20px,4vw,36px)}
.h-chips{display:flex;flex-wrap:wrap;gap:8px;border:0;padding:0;margin:0 0 20px}
.h-chips legend{font-weight:700;margin-bottom:10px;color:var(--h-ink)}
.h-chips label{display:inline-flex;align-items:center;padding:9px 14px;border:1px solid var(--h-line);border-radius:99px;cursor:pointer;font-weight:600;font-size:.92rem;background:var(--h-card)}
.h-chips input{position:absolute;opacity:0;width:1px;height:1px}
.h-chips label:has(input:checked){background:var(--h-ink);color:var(--h-card);border-color:var(--h-ink)}
.h-chips label:has(input:focus-visible){outline:3px solid var(--h-lens);outline-offset:2px}
.h-picks{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:12px;list-style:none;padding:0;margin:0}
.h-picks a{display:flex;flex-direction:column;gap:6px;padding:16px;border-radius:14px;background:var(--h-paper);text-decoration:none;color:var(--h-ink);height:100%}
.h-picks a:hover{box-shadow:inset 0 0 0 1.5px var(--h-teal)}
.h-picks .meta{font-size:.8rem;font-weight:700;color:var(--h-teal)}
.h-picks small{color:var(--h-muted);line-height:1.5}

/* Kapanış */
.h-closing{display:grid;grid-template-columns:auto minmax(0,1fr);gap:28px;align-items:start;padding:40px 0 10px;border-top:1px solid var(--h-line)}
.h-closing svg{width:64px;height:64px;color:var(--h-lens)}
.h-closing h2{max-width:24ch}
.h-closing p{max-width:62ch;line-height:1.75}

@media(max-width:960px){.h-intents{grid-template-columns:repeat(3,minmax(0,1fr))}.h-tools{grid-template-columns:repeat(2,minmax(0,1fr))}.h-tools li:nth-child(4n){border-inline-end:1px solid var(--h-line)}.h-tools li:nth-child(2n){border-inline-end:0}.h-new{grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:720px){.h-hero{grid-template-columns:1fr}.h-lens{order:-1;max-width:150px;justify-self:start}.h-block{margin-top:60px}.h-intents{grid-template-columns:1fr 1fr}.h-intent{min-height:0}.h-new{grid-template-columns:1fr}.h-index>li{grid-template-columns:1fr}.h-closing{grid-template-columns:1fr;gap:10px}.h-closing svg{width:44px;height:44px}}
@media(max-width:420px){.h-intents{grid-template-columns:1fr}.h-tools{grid-template-columns:1fr}.h-tools li{border-inline-end:0!important}.h-ctas .button{flex:1 1 100%;text-align:center}}
@media(prefers-reduced-motion:reduce){.h-intent,.h-new a,.h-tools a{transition:none}}