/* Tadilat & Bakım landing page (loaded after corporate.css). Brand: navy #0d103d, gold #f9af00. */
.td-hero { padding: 48px 0 64px; background: radial-gradient(1200px 500px at 85% -10%, rgba(249,175,0,.14), transparent 60%), linear-gradient(180deg, var(--cream), #fff); }
.td-chips { display: flex; flex-wrap: wrap; gap: 8px; margin: 18px 0 0; padding: 0; list-style: none; }
.td-chips li { padding: 7px 12px; background: #fff; border: 1px solid var(--line); border-radius: 999px; color: var(--navy); font-weight: 750; font-size: .85rem; }
.td-chips li::before { content: "✓ "; color: var(--green); }
.td-lead { padding: 26px; background: var(--navy); color: #fff; border-radius: var(--radius); box-shadow: var(--shadow); }
.td-lead-id { display: flex; align-items: center; gap: 14px; }
.td-lead-id img { width: 72px; height: 72px; border-radius: 50%; object-fit: cover; border: 3px solid var(--gold); }
.td-lead-id small { display: block; color: var(--gold); font-weight: 800; letter-spacing: .08em; text-transform: uppercase; font-size: .72rem; }
.td-lead-id b { display: block; font-size: 1.25rem; }
.td-lead-id span { color: rgba(255,255,255,.7); font-size: .9rem; }
.td-lead-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 10px; margin: 20px 0; }
.td-lead-stats div { padding: 12px; background: rgba(255,255,255,.07); border-radius: 14px; text-align: center; }
.td-lead-stats strong { display: block; color: var(--gold); font-size: 1.4rem; }
.td-lead-stats span { color: rgba(255,255,255,.7); font-size: .8rem; }
.td-lead blockquote { margin: 0 0 16px; color: rgba(255,255,255,.88); font-style: italic; line-height: 1.55; }
.td-lead-note { display: inline-block; padding: 8px 12px; background: var(--gold); color: var(--navy); border-radius: 10px; font-weight: 800; font-size: .85rem; }
.td-section { padding: 72px 0; }
.td-section.alt { background: var(--cream); }
.td-head { max-width: 760px; margin-bottom: 32px; }
.td-head h2 { margin: 0; color: var(--navy); font-size: clamp(1.8rem, 3.6vw, 3rem); line-height: 1.06; letter-spacing: -.02em; }
.td-ways { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.td-way { display: flex; flex-direction: column; gap: 14px; padding: 28px; background: #fff; border: 1px solid var(--line); border-radius: 22px; }
.td-way.dark { background: var(--navy); color: #fff; border-color: var(--navy); }
.td-way-top { display: flex; align-items: center; justify-content: space-between; gap: 12px; }
.td-way h3 { margin: 0; font-size: 1.3rem; color: inherit; }
.td-badge { padding: 6px 12px; background: var(--soft-green); color: var(--green); border-radius: 999px; font-weight: 850; font-size: .8rem; white-space: nowrap; }
.td-way.dark .td-badge { background: var(--gold); color: var(--navy); }
.td-way p { margin: 0; color: var(--muted); }
.td-way.dark p, .td-way.dark li { color: rgba(255,255,255,.8); }
.td-way ol, .td-way ul { margin: 0; padding-inline-start: 20px; display: grid; gap: 8px; }
.td-way .td-note { padding: 10px 12px; background: rgba(249,175,0,.14); border-radius: 10px; color: #fff; font-weight: 700; font-size: .9rem; }
.td-way .button { margin-top: auto; align-self: flex-start; }
.td-svcs { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.td-svc { padding: 26px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.td-svc h3 { margin: 0 0 8px; color: var(--navy); font-size: 1.2rem; }
.td-svc p { margin: 0 0 14px; color: var(--muted); font-size: .92rem; }
.td-tags { display: flex; flex-wrap: wrap; gap: 6px; }
.td-tags span { padding: 5px 10px; background: var(--cream); border: 1px solid var(--line); border-radius: 999px; font-size: .78rem; font-weight: 700; color: var(--navy); }
.td-design { display: grid; grid-template-columns: .9fr 1.1fr; gap: 36px; align-items: start; }
.td-portrait { width: 100%; max-width: 360px; aspect-ratio: 4 / 5; object-fit: cover; border-radius: 22px; box-shadow: var(--shadow); margin-bottom: 18px; }
.td-design p { color: var(--muted); }
.td-boxes { display: grid; gap: 14px; }
.td-box { padding: 20px; background: #fff; border: 1px solid var(--line); border-radius: 18px; }
.td-box h3 { margin: 0 0 10px; color: var(--navy); font-size: 1rem; }
.td-box dl { margin: 0; display: grid; gap: 10px; }
.td-box dt { font-weight: 800; color: var(--navy); }
.td-box dd { margin: 0; color: var(--muted); font-size: .9rem; }
.td-box ul { margin: 0; padding-inline-start: 18px; display: grid; gap: 6px; color: var(--muted); font-size: .9rem; }
.td-projects { display: grid; grid-template-columns: repeat(3, 1fr); gap: 14px; margin-top: 28px; }
.td-proj { margin: 0; }
.td-proj img { width: 100%; aspect-ratio: 4 / 3; object-fit: cover; border-radius: 16px; display: block; }
.td-proj figcaption { margin-top: 8px; }
.td-proj b { display: block; color: var(--navy); }
.td-proj small { color: var(--muted); }
.td-ba-grid { display: grid; grid-template-columns: repeat(3, 1fr); gap: 16px; }
.td-ba { margin: 0; padding: 14px; background: #fff; border: 1px solid var(--line); border-radius: 20px; }
.td-ba-pair { display: grid; grid-template-columns: 1fr 1fr; gap: 6px; }
.td-ba-pair div { position: relative; }
.td-ba-pair img { width: 100%; aspect-ratio: 3 / 4; object-fit: cover; border-radius: 12px; display: block; }
.td-ba-pair span { position: absolute; top: 8px; inset-inline-start: 8px; padding: 4px 8px; background: var(--navy); color: #fff; border-radius: 6px; font-size: .7rem; font-weight: 850; letter-spacing: .06em; }
.td-ba-pair div + div span { background: var(--gold); color: var(--navy); }
.td-ba figcaption { margin-top: 10px; }
.td-ba b { display: block; color: var(--navy); }
.td-ba small { color: var(--muted); }
.td-duo { display: grid; grid-template-columns: 1fr 1fr; gap: 16px; }
.td-duo article { padding: 28px; border-radius: 22px; background: #fff; border: 1px solid var(--line); }
.td-duo article:first-child { background: var(--navy); color: #fff; border-color: var(--navy); }
.td-duo h3 { margin: 0 0 8px; font-size: 1.3rem; color: inherit; }
.td-duo p { margin: 0 0 16px; color: var(--muted); }
.td-duo article:first-child p { color: rgba(255,255,255,.8); }
.td-form-wrap { display: grid; grid-template-columns: .85fr 1.15fr; gap: 32px; align-items: start; }
.td-form-side h2 { margin: 0 0 12px; color: #fff; font-size: clamp(1.8rem, 3.4vw, 2.8rem); line-height: 1.06; }
.td-form-side p { color: rgba(255,255,255,.75); }
.td-form-side .slogan { display: block; margin-top: 18px; color: var(--gold); font-family: Montserrat, sans-serif; font-weight: 600; }
.td-form-band { padding: 72px 0; background: linear-gradient(135deg, var(--navy), var(--navy-2)); }
.td-form-band .eyebrow { color: var(--gold); }
.td-form-card { background: #fff; border-radius: var(--radius); box-shadow: var(--shadow); }
.td-langs { grid-column: 1 / -1; display: flex; flex-wrap: wrap; gap: 8px 18px; margin: 0; padding: 0; border: 0; }
.td-langs legend { width: 100%; margin-bottom: 6px; font-weight: 750; }
.td-langs label { display: inline-flex; align-items: center; gap: 6px; font-weight: 650; }
.td-langs input { width: auto; min-height: 0; }
@media (max-width: 900px) {
  .td-ways, .td-svcs, .td-design, .td-projects, .td-ba-grid, .td-duo, .td-form-wrap { grid-template-columns: 1fr; }
  .td-projects { grid-template-columns: 1fr 1fr; }
  .td-section, .td-form-band { padding: 52px 0; }
}
@media (max-width: 640px) { .lp-tadilat .lp-nav .button.dark { display: none; } }