.ayberk-home { overflow: clip; }
.ayberk-home-heading { max-width: 52rem; margin-bottom: 3.5rem; }
.ayberk-home-heading--center { margin-inline: auto; text-align: center; }
.ayberk-home-heading .ayberk-lead { margin: 1.25rem 0 0; }
.ayberk-home-section-cta { margin-top: 2.5rem; text-align: center; }

.ayberk-reveal { opacity: 0; transform: translateY(18px); transition: opacity .65s var(--ayberk-ease), transform .65s var(--ayberk-ease); }
.ayberk-reveal.is-visible { opacity: 1; transform: none; }
.no-js .ayberk-reveal { opacity: 1; transform: none; }

.ayberk-capability-grid { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: 1.25rem; }
.ayberk-capability-card { min-width: 0; overflow: hidden; }
.ayberk-capability-card__media { display: block; height: 11rem; overflow: hidden; background: #e8edf2; }
.ayberk-capability-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s var(--ayberk-ease); }
.ayberk-capability-card:hover .ayberk-capability-card__media img { transform: scale(1.045); }
.ayberk-capability-card__body { padding: 1.5rem; }
.ayberk-capability-card__icon { display: inline-flex; color: var(--ayberk-color-primary); }
.ayberk-capability-card h3 { margin-top: 1rem; }
.ayberk-capability-card h3 a:focus-visible { color: var(--ayberk-color-primary); }
.ayberk-capability-card__points { display: grid; gap: .6rem; padding: 0; margin: 1.1rem 0 0; list-style: none; color: var(--ayberk-color-muted); font-size: .875rem; line-height: 1.5; }
.ayberk-capability-card__points li { display: flex; gap: .55rem; }
.ayberk-capability-card__points svg { flex: 0 0 auto; margin-top: .22rem; color: var(--ayberk-color-primary); }
.ayberk-capability-card__body > p { margin: 1rem 0 0; color: var(--ayberk-color-muted); font-size: .9rem; }

.ayberk-home-quote__grid { display: grid; grid-template-columns: minmax(0,.82fr) minmax(0,1.18fr); align-items: center; gap: clamp(3rem,7vw,7.5rem); }
.ayberk-home-quote__copy .ayberk-lead { margin: 1.25rem 0 0; }
.ayberk-home-quote__steps { display: grid; gap: 1.5rem; padding: 0; margin: 2rem 0; list-style: none; }
.ayberk-home-quote__steps li { display: flex; gap: 1rem; align-items: flex-start; }
.ayberk-home-quote__steps li > span { display: grid; place-items: center; width: 2.5rem; height: 2.5rem; flex: 0 0 2.5rem; color: var(--ayberk-color-primary); background: #fff; border: 1px solid #e5edf6; border-radius: 50%; font-weight: 800; box-shadow: 0 5px 18px rgba(18,45,76,.07); }
.ayberk-home-quote__steps h3 { margin: 0; font-size: 1rem; line-height: 1.4; }
.ayberk-home-quote__steps p { margin: .25rem 0 0; color: var(--ayberk-color-muted); font-size: .875rem; line-height: 1.55; }
.ayberk-quote-preview { position: relative; max-width: 47rem; padding: 2rem; box-shadow: var(--ayberk-shadow-card); }
.ayberk-quote-preview:hover { transform: none; }
.ayberk-quote-preview__header { display: flex; align-items: center; justify-content: space-between; padding-bottom: 1rem; border-bottom: 1px solid var(--ayberk-color-line); }
.ayberk-quote-preview__header strong { color: var(--ayberk-color-primary); }
.ayberk-quote-preview__header span, .ayberk-quote-preview__response span { color: var(--ayberk-color-muted); font-size: .75rem; }
.ayberk-quote-preview__upload { display: grid; justify-items: center; gap: .35rem; margin-top: 1.5rem; padding: 2rem; color: var(--ayberk-color-primary); text-align: center; background: rgba(8,103,232,.035); border: 2px dashed rgba(8,103,232,.2); border-radius: .75rem; }
.ayberk-quote-preview__upload strong { color: var(--ayberk-color-ink); }
.ayberk-quote-preview__upload span { color: var(--ayberk-color-muted); font-size: .75rem; }
.ayberk-quote-preview__fields { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; margin-top: 1.25rem; }
.ayberk-quote-preview__fields > div { padding: .75rem; border: 1px solid var(--ayberk-color-line); border-radius: .55rem; }
.ayberk-quote-preview__fields span, .ayberk-quote-preview__fields strong { display: block; }
.ayberk-quote-preview__fields span { color: var(--ayberk-color-muted); font-size: .72rem; }
.ayberk-quote-preview__fields strong { margin-top: .2rem; font-size: .85rem; }
.ayberk-quote-preview__note { margin: 1.25rem 0 0; padding: .9rem 1rem; color: var(--ayberk-color-muted); background: var(--ayberk-color-panel); border: 1px solid var(--ayberk-color-line); border-radius: .55rem; font-size: .82rem; line-height: 1.55; text-align: center; }
.ayberk-quote-preview__response { position: absolute; top: -1.25rem; right: -1.25rem; display: grid; padding: .7rem 1rem; background: #fff; border: 1px solid #d9e9fb; border-radius: .55rem; box-shadow: var(--ayberk-shadow-card); }
.ayberk-quote-preview__response strong { color: var(--ayberk-color-primary); }

.ayberk-home-team__grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.25rem; }
.ayberk-team-card { position: relative; min-height: 27rem; overflow: hidden; color: #fff; background: var(--ayberk-color-ink); border-radius: 1rem; }
.ayberk-team-card__media, .ayberk-team-card__shade { position: absolute; inset: 0; }
.ayberk-team-card__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .7s var(--ayberk-ease); }
.ayberk-team-card:hover .ayberk-team-card__media img { transform: scale(1.045); }
.ayberk-team-card__shade { background: linear-gradient(to top,rgba(7,20,38,.96),rgba(7,20,38,.16) 68%,rgba(7,20,38,.03)); }
.ayberk-team-card__body { position: absolute; z-index: 1; inset: auto 0 0; padding: 1.75rem; }
.ayberk-team-card__body > svg { color: var(--ayberk-color-cyan); }
.ayberk-team-card h3 { margin: 1rem 0 0; font-size: 1.5rem; line-height: 1.25; }
.ayberk-team-card p { margin: .5rem 0 0; color: #cbd5e1; font-size: .875rem; line-height: 1.6; }

.ayberk-home-knowledge { padding-block: clamp(5.25rem,6.5vw,6.5rem); }
.ayberk-knowledge-tabs__list { display: flex; gap: 2.25rem; margin-bottom: 2rem; border-bottom: 1px solid var(--ayberk-color-line-strong); }
.ayberk-knowledge-tabs__tab { position: relative; min-height: 3.25rem; padding: 0 .125rem 1rem; color: var(--ayberk-color-muted); background: transparent; border: 0; font: inherit; font-size: 1rem; font-weight: 750; cursor: pointer; transition: color .2s ease; }
.ayberk-knowledge-tabs__tab::after { content: ""; position: absolute; right: 0; bottom: -1px; left: 0; height: 3px; background: var(--ayberk-color-primary); border-radius: 3px 3px 0 0; transform: scaleX(0); transform-origin: center; transition: transform .25s var(--ayberk-ease); }
.ayberk-knowledge-tabs__tab:hover,.ayberk-knowledge-tabs__tab.is-active { color: var(--ayberk-color-primary); }
.ayberk-knowledge-tabs__tab.is-active::after { transform: scaleX(1); }
.ayberk-knowledge-tabs__tab:focus-visible { outline: 3px solid rgba(8,103,232,.28); outline-offset: 4px; border-radius: .25rem; }
.ayberk-knowledge-tabs__panel[hidden] { display: none; }
.ayberk-knowledge-tabs__panel.is-active { animation: ayberk-knowledge-fade .32s ease both; }
@keyframes ayberk-knowledge-fade { from { opacity: 0; transform: translateY(7px); } to { opacity: 1; transform: none; } }
.ayberk-knowledge-articles { display: grid; grid-template-columns: minmax(0,1.08fr) minmax(20rem,.92fr); gap: clamp(2.25rem,5vw,4.5rem); min-height: 23rem; align-items: stretch; }
.ayberk-knowledge-featured { position: relative; min-height: 23rem; overflow: hidden; background: #17344f; border: 1px solid var(--ayberk-color-line); border-radius: 1rem; box-shadow: 0 14px 34px rgba(18,45,76,.08); }
.ayberk-knowledge-featured a { position: absolute; inset: 0; display: block; color: #fff; }
.ayberk-knowledge-featured__media { position: absolute; inset: 0; }
.ayberk-knowledge-featured__media img { width: 100%; height: 100%; object-fit: cover; transition: transform .55s var(--ayberk-ease); }
.ayberk-knowledge-featured:hover .ayberk-knowledge-featured__media img { transform: scale(1.035); }
.ayberk-knowledge-featured__shade { position: absolute; inset: 0; background: linear-gradient(180deg,rgba(5,20,36,.05) 30%,rgba(5,20,36,.88) 100%); }
.ayberk-knowledge-featured__content { position: absolute; z-index: 1; right: 0; bottom: 0; left: 0; display: flex; align-items: flex-end; justify-content: space-between; gap: 1.5rem; padding: 1.6rem 1.75rem; }
.ayberk-knowledge-featured h3 { max-width: 80%; margin: 0; color: #fff; font-size: clamp(1.2rem,1.7vw,1.55rem); line-height: 1.35; }
.ayberk-knowledge-featured time { flex: 0 0 auto; color: #dbe8f5; font-size: .82rem; white-space: nowrap; }
.ayberk-knowledge-featured--no-image .ayberk-knowledge-featured__shade { background: linear-gradient(135deg,#123e64,#071b30); }
.ayberk-knowledge-latest { min-width: 0; display: flex; flex-direction: column; }
.ayberk-knowledge-latest__list { display: flex; flex: 1; flex-direction: column; margin: 0; padding: 0; list-style: none; border-top: 1px solid var(--ayberk-color-line-strong); }
.ayberk-knowledge-latest__list li { display: grid; grid-template-columns: minmax(0,1fr) auto; align-items: center; gap: 1.5rem; flex: 1; min-height: 3.7rem; padding: .8rem 0; border-bottom: 1px solid var(--ayberk-color-line-strong); }
.ayberk-knowledge-latest__list a { color: var(--ayberk-color-ink); font-size: .98rem; font-weight: 720; line-height: 1.4; transition: color .2s ease; }
.ayberk-knowledge-latest__list a:hover { color: var(--ayberk-color-primary); }
.ayberk-knowledge-latest__list time { color: var(--ayberk-color-muted); font-size: .78rem; white-space: nowrap; }
.ayberk-knowledge-more { align-self: flex-start; display: inline-flex; align-items: center; gap: .45rem; margin-top: 1.4rem; color: var(--ayberk-color-primary); font-weight: 750; }
.ayberk-knowledge-more:hover { text-decoration: underline; }
.ayberk-knowledge-empty { margin: 0; padding: 2rem; color: var(--ayberk-color-muted); background: #fff; border: 1px solid var(--ayberk-color-line); border-radius: .875rem; }
.ayberk-home-faqs { min-height: 0; display: flex; flex-direction: column; }
.ayberk-home-faq { border-bottom: 1px solid var(--ayberk-color-line-strong); }
.ayberk-home-faq h3 { margin: 0; }
.ayberk-home-faq button { width: 100%; min-height: 4.5rem; display: flex; justify-content: space-between; align-items: center; gap: 1.5rem; padding: 1.05rem 0; color: var(--ayberk-color-ink); text-align: left; background: transparent; border: 0; font-weight: 750; line-height: 1.4; }
.ayberk-home-faq button:hover { color: var(--ayberk-color-primary); }
.ayberk-home-faq__plus { position: relative; width: 1.15rem; height: 1.15rem; flex: 0 0 1.15rem; }
.ayberk-home-faq__plus::before,.ayberk-home-faq__plus::after { content: ""; position: absolute; top: 50%; left: 50%; width: 100%; height: 2px; background: currentColor; transform: translate(-50%,-50%); transition: transform .2s ease; }
.ayberk-home-faq__plus::after { transform: translate(-50%,-50%) rotate(90deg); }
.ayberk-home-faq button[aria-expanded="true"] .ayberk-home-faq__plus::after { transform: translate(-50%,-50%) rotate(0); }
.ayberk-home-faq__panel > div { padding: 0 2rem 1.4rem 0; color: var(--ayberk-color-muted); font-size: .92rem; line-height: 1.7; }
.ayberk-home-faq__panel p:last-child { margin-bottom: 0; }

@media (max-width: 1100px) {
  .ayberk-capability-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ayberk-home-quote__grid { gap: 3rem; }
}
@media (max-width: 820px) {
	.ayberk-home-quote__grid { grid-template-columns: 1fr; }
	.ayberk-knowledge-articles { grid-template-columns: 1fr; gap: 2rem; }
	.ayberk-knowledge-featured { min-height: 22rem; }
	.ayberk-home-faqs { min-height: 0; }
	.ayberk-home-team__grid { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .ayberk-quote-preview { width: min(100%,42rem); margin-inline: auto; }
}
@media (max-width: 620px) {
  .ayberk-home-heading { margin-bottom: 2.25rem; }
  .ayberk-capability-grid,.ayberk-home-team__grid { grid-template-columns: 1fr; }
  .ayberk-capability-card__media { height: 13rem; }
  .ayberk-quote-preview { padding: 1.25rem; }
  .ayberk-quote-preview__response { position: static; margin-bottom: 1rem; }
  .ayberk-quote-preview__fields { grid-template-columns: 1fr; }
  .ayberk-team-card { min-height: 25rem; }
	.ayberk-knowledge-tabs__list { gap: 1.5rem; margin-bottom: 1.5rem; }
	.ayberk-knowledge-featured { min-height: 15rem; }
	.ayberk-knowledge-featured__content { align-items: flex-start; flex-direction: column; gap: .5rem; padding: 1.25rem; }
	.ayberk-knowledge-featured h3 { max-width: 100%; font-size: 1.1rem; }
	.ayberk-knowledge-latest__list li { grid-template-columns: 1fr; gap: .35rem; padding: 1rem 0; }
}
@media (prefers-reduced-motion: reduce) { .ayberk-reveal { opacity: 1; transform: none; } .ayberk-knowledge-tabs__panel.is-active { animation: none; } }
