/* WebAdım marka düzeltmeleri, 13.10.2026 (dal claude/site-marka).
   Ortak: alt çubuk, demo WhatsApp şeridi, okunurluk ve dokunma hedefleri. Ana sayfa karşılama ve güven bloğu da burada. */
:root{--eb:#7a5c36;--navy:#152436;--stone:#e9dac7;--cream:#f4eadd;--warm:#b7956c;--muted2:#4f5d6c}

/* ---- Alt çubuk (yalnız telefon) ---- */
.mobile-sales{display:none}
@media(max-width:680px){
 .mobile-sales{display:flex;gap:10px;align-items:stretch;position:fixed;left:0;right:0;bottom:0;z-index:25;background:#fffffff2;backdrop-filter:blur(12px);border-top:1px solid #e3ddd2;padding:10px 15px calc(10px + env(safe-area-inset-bottom))}
 .mobile-sales .msales-wa{flex:1;min-height:48px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;background:var(--navy);color:#fff;font-weight:700;font-size:16px;text-decoration:none}
 .mobile-sales .msales-call{flex:0 0 auto;min-width:76px;min-height:48px;padding:0 20px;display:inline-flex;align-items:center;justify-content:center;border-radius:999px;border:1px solid var(--navy);background:#fff;color:var(--navy);font-weight:700;font-size:15px;text-decoration:none}
 body.has-msales{padding-bottom:calc(78px + env(safe-area-inset-bottom))}
}
.mobile-sales a:focus-visible{outline:3px solid var(--warm);outline-offset:2px}

/* ---- Demo sayfaları: üst küçük şerit ---- */
.wa-top{background:var(--navy);color:#fff;font:600 13px/1.4 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;text-align:center;padding:9px 16px}
.wa-top a{color:var(--stone);text-decoration:underline;text-underline-offset:3px;font-weight:700;display:inline-flex;align-items:center;min-height:24px}
.wa-top a:focus-visible{outline:3px solid var(--warm);outline-offset:2px}
@media(max-width:680px){.wa-top{padding:0 12px}.wa-top a{min-height:44px}}

/* ---- Okunurluk: eyebrow kontrastı ve alt sınır ---- */
.eyebrow,.about-page .eyebrow,.demo-info .eyebrow,.hero .eyebrow{color:var(--eb);font-size:12px}
.eyebrow:before,.about-page .eyebrow:before{background:var(--warm)}
.brand small,.about-page .brand small{font-size:11px;letter-spacing:.1em}
.package .eyebrow,.step .stepn{font-size:12px}

/* ---- Dokunma hedefleri ---- */
.button,.button.small{min-height:44px}
.menu{min-width:44px;min-height:44px;display:none;align-items:center;justify-content:center}
@media(max-width:680px){.menu{display:inline-flex}}
.mobilemenu a{display:flex;align-items:center;min-height:44px}
.faqrow summary,.package-details>summary,.package-guide>summary,.brief-optional>summary{min-height:44px;align-items:center}
.guide-options label{min-height:44px}
.guide-options input,.channel-choice input{width:20px;height:20px}
.channel-choice label{min-height:44px}
.cstrip-mail,.scope-link{display:inline-flex;align-items:center;min-height:44px}
.footer a,.footer-sectors a{display:inline-flex;align-items:center;min-height:44px}

/* ---- Ana sayfa karşılama ---- */
.hero h1{font-size:clamp(34px,4.1vw,54px);line-height:1.1;letter-spacing:-.035em;margin:18px 0 20px;max-width:15em}
.hero .actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:26px}
.hero .actions .button{min-height:50px;font-size:15px}
.hero .hero-note{margin:16px 0 0;font-size:14px;line-height:1.55;color:var(--muted2);max-width:46ch}
.hero .stage.showcase{transform:none;margin:0;padding:14px;display:grid;gap:12px;border-radius:22px}
.showcase .stage-top{height:auto;padding:0 4px}
.showcase .stage-top span{font-size:12px;color:#c9d2db;letter-spacing:.04em}
.show-main{position:relative;display:block;border-radius:12px;overflow:hidden;color:#fff;text-decoration:none}
.show-main img{display:block;width:100%;height:auto;aspect-ratio:3/2;object-fit:cover}
.show-tag{position:absolute;top:12px;left:12px;background:var(--cream);color:var(--navy);font-size:12px;font-weight:700;padding:6px 12px;border-radius:999px}
.show-cap{position:absolute;left:0;right:0;bottom:0;padding:34px 16px 14px;background:linear-gradient(transparent,#152436e8);font-size:13px;line-height:1.4}
.show-cap b{display:block;font-size:18px;letter-spacing:-.01em}
.show-pair{display:grid;grid-template-columns:1fr 1fr;gap:12px}
.show-pair a{display:grid;grid-template-columns:88px 1fr;grid-template-rows:1fr 1fr;column-gap:12px;align-items:center;background:#203549;color:#fff;border-radius:12px;padding:8px;text-decoration:none;min-height:64px}
.show-pair img{grid-row:1/3;width:88px;height:auto;aspect-ratio:3/2;object-fit:cover;border-radius:12px}
.show-pair b{font-size:14px;align-self:end}
.show-pair span{font-size:12px;color:#c9d2db;align-self:start}
.hero .stage .show-note{margin:0;font-size:12px;line-height:1.45;color:#c9d2db;max-width:none}
.show-main:focus-visible,.show-pair a:focus-visible{outline:3px solid var(--stone);outline-offset:3px}
@media(max-width:680px){.hero .stage.showcase{display:none}.hero h1{font-size:34px}.hero .actions .button{flex:1 1 100%}}

/* ---- Güven bloğu (süreç bölümü) ---- */
.trust-block{margin-top:28px;display:grid;grid-template-columns:1fr auto;gap:14px 28px;align-items:center;background:var(--cream);border:1px solid var(--stone);border-radius:22px;padding:22px 26px}
.trust-list{list-style:none;margin:0;padding:0;display:grid;grid-template-columns:1fr 1fr;gap:12px 28px}
.trust-list li{position:relative;padding-left:22px;font-size:14px;line-height:1.5;color:#2d3b4a}
.trust-list li:before{content:"";position:absolute;left:0;top:.5em;width:10px;height:10px;border-radius:50%;background:var(--warm)}
@media(max-width:680px){.trust-block{grid-template-columns:1fr;padding:20px}.trust-list{grid-template-columns:1fr}}

/* ---- Ana sayfa: 12 px altı metinler ve form hedefleri ---- */
.sector b,.pill,.demo-info .note,.note,#previewAddress,.demo-kicker,.demo-cta,.demo-desc,.live-work-visual-bottom span,.live-work-visual-bottom span:last-child,.live-work-kicker,.live-work-tags span,.guide-progress,.contactform label,.channel-choice legend,.channelHint,#channelHint,.formhint span,.footer span,.footer nav,.footer nav a{font-size:12px}
.scope-note,.copy-brief{font-size:13px}
.sector b{line-height:1.25}
.demo-desc{line-height:1.45}
.contactform input:not([type=radio]):not([type=checkbox]),.contactform select,.contactform .copy-brief{min-height:44px}
.formhint a,.footer nav a{display:inline-flex;align-items:center;min-height:44px;min-width:44px}
.footer-sectors a{min-width:44px;justify-content:center}
.footer-sectors strong{font-size:13px}
@media(max-width:680px){.contactform label{font-size:13px}}
.service-strip span{font-size:13px}.service-strip b{font-size:14px}

/* ---- Demo sayfaları: okunurluk ve dokunma hedefleri (tasarım kimliği korunur) ---- */
body[class*="theme-"] :is(small,figcaption span,.card-tag,.card-number,.process li>span,.visual-label span,.visual-label strong,.footer-row span,.footer-row a,.foot a,.concept-brand small,.brand small){font-size:12px}
body[class*="theme-"] .qualities span{font-size:13px}
body[class*="theme-"] :is(.text-link,.card a){font-size:14px}
body[class*="theme-"] .btn{font-size:14px}
body[class*="theme-"] :is(.nav nav a,.navin nav a,.site-header nav a){font-size:13px;white-space:nowrap}
body[class*="theme-"] :is(.text-link,.card a,.footer-row a,.foot a,.nav nav a,.navin nav a){display:inline-flex;align-items:center;min-height:44px}
body[class*="theme-"] .btn{min-height:44px;display:inline-flex;align-items:center}
body[class*="theme-"] .btn.small{white-space:nowrap}
body[class*="theme-"] :is(.brand,.concept-brand){min-height:44px}
body[class*="theme-"] .footer-row{align-items:center}
body[class*="theme-"] .footer-row span{display:inline-flex;align-items:center}
.about-page .footer,.about-page .footer .wrap,.about-page .footer a{font-size:13px}
.footer a{min-width:44px}
@media(max-width:680px){body[class*="theme-"] .site-header nav a:not(.btn){display:none}body[class*="theme-"] .site-header .brand{white-space:nowrap}}
@media(max-width:680px){body[class*="theme-"] .navin{flex-wrap:nowrap;gap:8px}body[class*="theme-"] .navin nav{display:flex;gap:2px;flex-wrap:nowrap;align-items:center}body[class*="theme-"] .navin nav a{font-size:12px;padding:0 6px}body[class*="theme-"] .concept-brand{font-size:inherit}}
.about-page h1{letter-spacing:-.04em}