/* KITAPP Design System 1.0 — unified light/dark theme */
:root{
  color-scheme:light;
  --ds-bg:#f4f7fb;
  --ds-surface:#ffffff;
  --ds-surface-2:#eaf0f7;
  --ds-surface-3:#dde7f1;
  --ds-text:#132238;
  --ds-heading:#0b1830;
  --ds-muted:#5c6c80;
  --ds-primary:#195fc7;
  --ds-primary-strong:#0f469d;
  --ds-accent:#16857d;
  --ds-border:#d5dfeb;
  --ds-border-strong:#bccadb;
  --ds-footer:#0d2035;
  --ds-footer-text:#c8d6e5;
  --ds-footer-heading:#ffffff;
  --ds-success:#157f70;
  --ds-shadow-sm:0 8px 24px rgba(19,34,56,.08);
  --ds-shadow-md:0 18px 52px rgba(19,34,56,.12);
  --ds-radius-sm:14px;
  --ds-radius:22px;
  --ds-radius-lg:32px;
  --ds-display:clamp(2.6rem,5.2vw,5.2rem);
  --ds-h2:clamp(2rem,3.4vw,3.35rem);
  --ds-h3:1.18rem;
  --ds-body:1rem;
  --ds-small:.86rem;
}
html[data-theme="dark"]{
  color-scheme:dark;
  --ds-bg:#09121e;
  --ds-surface:#111d2b;
  --ds-surface-2:#172639;
  --ds-surface-3:#20334a;
  --ds-text:#f2f6fb;
  --ds-heading:#ffffff;
  --ds-muted:#b8c6d5;
  --ds-primary:#7eaeff;
  --ds-primary-strong:#a2c4ff;
  --ds-accent:#63d0c7;
  --ds-border:#2b3e55;
  --ds-border-strong:#3d536e;
  --ds-footer:#050c14;
  --ds-footer-text:#bdccdc;
  --ds-footer-heading:#ffffff;
  --ds-success:#61cfbd;
  --ds-shadow-sm:0 10px 28px rgba(0,0,0,.24);
  --ds-shadow-md:0 24px 64px rgba(0,0,0,.34);
}
html,body{background:var(--ds-bg)!important;color:var(--ds-text)!important;overflow-x:hidden!important;overflow-y:auto!important}
body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif!important;font-size:var(--ds-body);line-height:1.65;letter-spacing:-.006em}
body *{box-sizing:border-box}
h1,h2,h3,h4,h5,h6,strong,b{color:var(--ds-heading)}
p,li,small{color:var(--ds-muted)}
.v4-shell,.container{width:min(1180px,calc(100% - 40px));margin-inline:auto}
.v4-section,.brand-visuals{padding:104px 0!important}
.v4-heading{max-width:760px;margin-bottom:38px}
.v4-heading h2,.v4-split h2{font-size:var(--ds-h2)!important;line-height:1.08!important;letter-spacing:-.045em!important;margin:10px 0 18px!important}
.v4-heading p,.v4-split>div>p{font-size:1.06rem!important;max-width:680px}
.v4-kicker{display:inline-flex;align-items:center;gap:9px;color:var(--ds-primary)!important;font-size:.76rem!important;font-weight:800!important;letter-spacing:.13em!important;text-transform:uppercase}
.v4-kicker::before{content:"";width:24px;height:2px;background:currentColor;border-radius:2px}

/* Header and navigation */
.site-header{background:color-mix(in srgb,var(--ds-surface) 91%,transparent)!important;border-bottom:1px solid var(--ds-border)!important;box-shadow:0 8px 24px rgba(16,32,53,.05)!important}
.brand-wordmark strong{font-size:1.05rem!important;letter-spacing:.035em!important;color:var(--ds-heading)!important}
.brand-wordmark small{font-size:.67rem!important;color:var(--ds-muted)!important}
#mainNav a{font-size:.9rem!important;font-weight:700!important;color:var(--ds-text)!important;border-radius:10px;padding:10px 12px}
#mainNav a:hover{background:var(--ds-surface-2)!important;color:var(--ds-primary)!important}
.language-toggle,.theme-toggle{background:var(--ds-surface)!important;border:1px solid var(--ds-border)!important;color:var(--ds-text)!important;box-shadow:none!important}
.theme-toggle-track{background:var(--ds-surface-2)!important;border:1px solid var(--ds-border)!important}
.theme-toggle-track b{background:var(--ds-surface)!important;box-shadow:0 3px 10px rgba(0,0,0,.18)!important}
.theme-toggle-track i{color:var(--ds-muted)!important}
html[data-theme="dark"] .theme-toggle-track b{transform:translateX(28px)!important}
html[data-theme="dark"] .theme-toggle-track i:last-of-type{color:var(--ds-primary)!important}
html:not([data-theme="dark"]) .theme-toggle-track i:first-of-type{color:#d68a00!important}

/* Hero */
.v4-hero{background:
 radial-gradient(circle at 82% 15%,color-mix(in srgb,var(--ds-primary) 16%,transparent),transparent 28%),
 linear-gradient(135deg,var(--ds-bg),var(--ds-surface-2))!important;color:var(--ds-text)!important}
.v4-hero h1{font-size:var(--ds-display)!important;line-height:.99!important;letter-spacing:-.062em!important;color:var(--ds-heading)!important}
.v4-hero h1 em{background:linear-gradient(105deg,var(--ds-primary),var(--ds-accent));-webkit-background-clip:text;background-clip:text;color:transparent!important}
.v4-hero p{color:var(--ds-muted)!important;font-size:1.08rem!important}
.v4-proof-row span{background:var(--ds-surface)!important;border:1px solid var(--ds-border)!important;color:var(--ds-text)!important;box-shadow:var(--ds-shadow-sm)!important}
.v4-btn{border-radius:12px!important;font-weight:800!important}
.v4-btn-primary,.button-primary{background:linear-gradient(135deg,var(--ds-primary),var(--ds-primary-strong))!important;color:#fff!important;border:0!important;box-shadow:0 12px 28px color-mix(in srgb,var(--ds-primary) 25%,transparent)!important}
.v4-btn-secondary,.button-outline{background:var(--ds-surface)!important;color:var(--ds-text)!important;border:1px solid var(--ds-border)!important}
.v4-product-stage{border-radius:var(--ds-radius-lg)!important;background:var(--ds-surface)!important;border:1px solid var(--ds-border)!important;box-shadow:var(--ds-shadow-md)!important}

/* Audience section */
.v4-audiences{background:linear-gradient(135deg,#10263f,#173b59)!important}
.v4-section-label{color:#d8e7f4!important;font-size:.8rem!important;font-weight:800!important;letter-spacing:.1em!important;text-transform:uppercase}
.v4-audience-grid article{background:rgba(255,255,255,.07)!important;border:1px solid rgba(255,255,255,.15)!important;color:#fff!important;box-shadow:none!important;border-radius:18px!important}
.v4-audience-grid h3,.v4-audience-grid b{color:#fff!important}.v4-audience-grid p{color:#d1deeb!important}.v4-audience-grid .card-icon{color:#8fc3ff!important}

/* Shared card rules */
.v4-problem-list article,.v4-feature-grid article,.v4-flow-grid article,.v4-why-grid article,.v4-ecosystem-grid article,.v4-insight-grid>*,.brand-visual-grid article{
  background:var(--ds-surface)!important;
  border:1px solid var(--ds-border)!important;
  color:var(--ds-text)!important;
  border-radius:var(--ds-radius)!important;
  box-shadow:var(--ds-shadow-sm)!important;
  transition:transform .24s ease,border-color .24s ease,box-shadow .24s ease!important;
}
.v4-problem-list article:hover,.v4-feature-grid article:hover,.v4-why-grid article:hover,.v4-ecosystem-grid article:hover,.brand-visual-grid article:hover{transform:translateY(-5px);border-color:var(--ds-border-strong)!important;box-shadow:var(--ds-shadow-md)!important}
.v4-problem-list h3,.v4-feature-grid h3,.v4-flow-grid h3,.v4-why-grid h3,.v4-ecosystem-grid h3,.v4-insight-grid h3,.brand-visual-grid h3{font-size:var(--ds-h3)!important;line-height:1.28!important;color:var(--ds-heading)!important;margin:0 0 8px!important}
.v4-problem-list p,.v4-feature-grid p,.v4-flow-grid p,.v4-ecosystem-grid p,.v4-insight-grid p,.brand-visual-grid p{font-size:.94rem!important;line-height:1.62!important;color:var(--ds-muted)!important;margin:0!important}

/* Problem cards */
.v4-problem{background:var(--ds-bg)!important}
.v4-problem-list{display:grid!important;gap:14px!important}
.v4-problem-list article{display:grid!important;grid-template-columns:58px 1fr!important;gap:18px!important;padding:24px!important;align-items:start!important}
.v4-problem-list article>span{display:grid!important;place-items:center!important;width:48px!important;height:48px!important;border-radius:15px!important;background:color-mix(in srgb,var(--ds-primary) 12%,var(--ds-surface))!important;color:var(--ds-primary)!important;font-weight:900!important;font-size:.9rem!important;border:1px solid color-mix(in srgb,var(--ds-primary) 28%,var(--ds-border))!important}

/* Visual / stock image cards */
.brand-visuals{background:var(--ds-surface-2)!important}
.brand-visual-grid{gap:22px!important}
.brand-visual-grid article{overflow:hidden!important}
.brand-visual-grid img{width:100%!important;aspect-ratio:16/9!important;object-fit:cover!important;display:block!important;background:var(--ds-surface-3)!important;border-bottom:1px solid var(--ds-border)!important;filter:saturate(.96) contrast(1.02)!important}
html[data-theme="dark"] .brand-visual-grid img{filter:saturate(.85) brightness(.72) contrast(1.12)!important}
.brand-visual-grid article>div{padding:25px!important}
.brand-visual-grid svg{color:var(--ds-primary)!important}

/* Flow cards */
.v4-flow{background:linear-gradient(180deg,var(--ds-surface-2),var(--ds-bg))!important}
.v4-flow-grid{gap:18px!important}
.v4-flow-grid article{min-height:250px!important;padding:26px!important}
.v4-flow-grid article b{width:48px!important;height:48px!important;border-radius:15px!important;background:linear-gradient(135deg,var(--ds-primary),var(--ds-accent))!important;color:#fff!important;font-size:.92rem!important}
.v4-flow-grid article:not(:last-child)::after{background:var(--ds-border-strong)!important}

/* Why cards */
.v4-why{background:var(--ds-surface)!important}
.v4-why-grid{gap:14px!important}
.v4-why-grid article{padding:22px!important;min-height:126px!important;display:grid!important;grid-template-columns:48px 1fr!important;align-items:center!important;gap:16px!important}
.v4-why-grid article b{display:grid!important;place-items:center!important;width:46px!important;height:46px!important;border-radius:14px!important;background:color-mix(in srgb,var(--ds-accent) 13%,var(--ds-surface))!important;color:var(--ds-accent)!important;font-size:.84rem!important;border:1px solid color-mix(in srgb,var(--ds-accent) 30%,var(--ds-border))!important}
.v4-why-grid article h3{margin:0!important;font-size:1rem!important;font-weight:800!important}

/* Ecosystem and insights */
.v4-ecosystem{background:var(--ds-bg)!important}
.v4-ecosystem-grid article.primary{background:linear-gradient(145deg,#133c72,#1765ce)!important;border-color:transparent!important}
.v4-ecosystem-grid article.primary h3,.v4-ecosystem-grid article.primary a{color:#fff!important}.v4-ecosystem-grid article.primary p{color:#dce8f7!important}
.v4-insights{background:var(--ds-surface-2)!important}
.v4-insight-grid>*{text-align:left!important}
.v4-insight-grid small{color:var(--ds-primary)!important;font-weight:800!important;letter-spacing:.08em!important}

/* Footer */
footer{background:var(--ds-footer)!important;color:var(--ds-footer-text)!important;padding-top:68px!important}
.footer-grid{display:grid!important;grid-template-columns:minmax(280px,1.4fr) repeat(3,minmax(150px,.7fr))!important;gap:54px!important;align-items:start!important}
.footer-brand .brand{display:flex!important;align-items:center!important;gap:12px!important;color:var(--ds-footer-heading)!important}
.footer-brand strong,footer h4{color:var(--ds-footer-heading)!important;font-family:Inter,system-ui,sans-serif!important;font-size:.92rem!important;font-weight:800!important;letter-spacing:.01em!important;margin:0 0 18px!important}
.footer-brand small{display:block!important;color:var(--ds-footer-text)!important;font-size:.68rem!important}
.footer-brand p{max-width:360px!important;color:var(--ds-footer-text)!important;font-size:.94rem!important;line-height:1.65!important}
footer .footer-grid>div:not(.footer-brand){display:flex!important;flex-direction:column!important;align-items:flex-start!important;gap:10px!important}
footer a,.footer-link-button{appearance:none!important;border:0!important;background:transparent!important;padding:0!important;font-family:Inter,system-ui,sans-serif!important;font-size:.91rem!important;font-weight:500!important;line-height:1.45!important;color:var(--ds-footer-text)!important;text-align:left!important;cursor:pointer!important}
footer a:hover,.footer-link-button:hover{color:#fff!important;transform:translateX(3px)}
.copyright{margin-top:48px!important;border-top:1px solid rgba(255,255,255,.12)!important;padding:22px 0 26px!important;color:var(--ds-footer-text)!important;font-size:.84rem!important}

/* Modal and project page surfaces */
.content-modal-panel,.article-modal-panel,.knowledge-modal-panel,.contact-modal-panel,.project-shell,.project-card{background:var(--ds-surface)!important;color:var(--ds-text)!important;border-color:var(--ds-border)!important}
.content-modal-panel h2,.content-modal-panel h3,.content-modal-panel h4,.project-shell h1,.project-shell h2,.project-shell h3{color:var(--ds-heading)!important}.content-modal-panel p,.project-shell p{color:var(--ds-muted)!important}
.contact-form input,.contact-form textarea{background:var(--ds-bg)!important;color:var(--ds-text)!important;border-color:var(--ds-border)!important}

/* Ensure language visibility remains correct */
.lang-en{display:none!important}body.lang-en .lang-tr{display:none!important}body.lang-en .lang-en{display:inline!important}

@media(max-width:960px){
 .v4-section,.brand-visuals{padding:82px 0!important}
 .footer-grid{grid-template-columns:1fr 1fr!important;gap:38px!important}
 .footer-brand{grid-column:1/-1}
}
@media(max-width:680px){
 .v4-shell,.container{width:min(100% - 28px,1180px)!important}
 .v4-section,.brand-visuals{padding:68px 0!important}
 .v4-problem-list article{grid-template-columns:48px 1fr!important;padding:20px!important}
 .v4-why-grid article{grid-template-columns:42px 1fr!important;padding:18px!important}
 .footer-grid{grid-template-columns:1fr!important;gap:28px!important}.footer-brand{grid-column:auto}
 .copyright{margin-top:32px!important}
}