/* Tek Tıkla: blue product theme. Layout and interaction rules live in styles.css. */
:root { --navy: #192d56; --ink: #203458; --blue: #3268e6; --text: #65738d; --line: #e1e8f4; --wash: #f4f7fd; }
body { background: #fff; color: var(--ink); }
.container { max-width: 1220px; }
.site-header { background: #fff; border-bottom: 1px solid #e9eef8; box-shadow: 0 3px 18px #1a3d7510; }
.navigation { height: 84px; }
.brand { font-size: 27px; color: #1c3157; }
.brand-symbol { color: var(--blue); }
.desktop-nav { font-size: 12px; color: #4d6080; gap: 25px; }
.button { border-radius: 999px; min-height: 52px; padding: 15px 25px; font-size: 13px; }
.button-navy { background: var(--blue); box-shadow: 0 5px 12px #3268e61a; }
.button-navy:hover { background: #2457cb; }
.button-small { min-height: 43px; padding: 11px 20px; font-size: 12px; }
.dropdown-panel { border-radius: 15px; padding: 22px; box-shadow: 0 18px 45px #183d7026; }
.dropdown-panel > button { border-radius: 8px; padding: 12px; }
.dropdown-panel strong { font-size: 13px; }
.dropdown-panel button span { font-size: 11px; color: #70809b; }
.hero { padding-top: 28px; background-color: #3268e6; background-image: linear-gradient(#ffffff06 1px, transparent 1px), linear-gradient(90deg,#ffffff06 1px,transparent 1px), radial-gradient(ellipse at 50% 38%,#7897eb99,transparent 68%),linear-gradient(180deg,#2e61de 0%,#4f81e8 70%,#dfeafd 100%); background-size: 72px 72px,72px 72px,100% 100%,100% 100%; }
.hero::after { height: 160px; background: linear-gradient(transparent,#fff); }
.hero .erp-section { border-radius: 16px; border: 1px solid #ffffff85; background: #fff; padding: 0 25px; margin-bottom: 42px; box-shadow: 0 8px 28px #173b7c15; }
.hero .erp-section > .container { padding-top: 17px; padding-bottom: 14px; }
.erp-heading > div > p:last-child { font-size: 13px; color: #526887; }
.erp-heading .eyebrow { font-size: 9px; }
.erp-note { color: #6c7c93; font-size: 9px; }
.hero-content { justify-content: center; text-align: center; padding: 0 0 42px; }
.hero-main { width: 100%; }
.hero-index { display: none; }
.hero .hero-main > .eyebrow { justify-content: center; color: #e3ecff; letter-spacing: 1.7px; font-size: 10px; }
.eyebrow-line { background: #d1e2ff; }
h1 { font-size: clamp(42px,4.5vw,66px); font-weight: 650; line-height: 1.17; letter-spacing: -2.6px; margin: 20px 0 24px; color: #fff; }
h1 > span { color: #fff; }
.hero-description { color: #eff4ff; font-size: 17px; line-height: 1.8; max-width: 720px; margin: auto; }
.hero-actions { justify-content: center; gap: 16px; margin-top: 30px; }
.button-white { box-shadow: 0 7px 18px #1b439925; color: #2856b5; }
.quiet-link { border: 1px solid #ffffff60; background: #ffffff12; color: white; border-radius: 999px; padding: 14px 23px; font-size: 13px; min-height: 52px; }
.quiet-link:hover { background: #ffffff25; }
.product-window { border: 6px solid #22385f; border-radius: 20px; box-shadow: 0 26px 65px -28px #12336566; }
.window-topbar { background: #f2f6fc; height: 40px; }
.window-title { color: #607594; }
.product-sidebar { background: #f7f9ff; border-color: #e0e8f6; }
.sidebar-report.active { color: #2c60ce; background: #e5edff; border-radius: 8px; }
.sidebar-report { font-size: 11px; }
.report-workspace { background: #fff; }
.report-header p { color: #6d7d95; font-size: 11px; }
.metric > span { color: #62738d; font-size: 11px; }
.metric small { color: #75859b; }
.report-charts { border-color: #e2e9f5; border-radius: 12px; overflow: hidden; }
.performance-panel { background: #fff; }
.distribution-panel { background: #f8faff; }
.panel-heading h3 { color: #32496c; font-size: 12px; }
.period-control { border-radius: 7px; }
.chart-key, .chart-axis, .chart-labels { color: #6d809d; }
.bar-track > i { background: #3974ee; }
.distribution-note { color: #7485a1; }
.product-caption { color: #526a91; }
.section-pad { padding-block: 92px; }
.section-intro .eyebrow, .audience-heading .eyebrow, .approach-heading .eyebrow { color: #3d70d3; font-size: 10px; }
h2 { font-size: 39px; color: #21395f; font-weight: 600; letter-spacing: -1.4px; }
.section-intro > p:not(.eyebrow), .approach-heading > p, .audience-heading > p { font-size: 15px; color: #687b97; }
.report-row { padding: 25px; border: 1px solid #e2eaf7; border-radius: 16px; margin-bottom: 15px; background: #fff; box-shadow: 0 5px 16px #234a8210; }
.report-row:first-child { padding-top: 25px; }
.report-row h3 { font-size: 23px; color: #263e65; }
.report-row > p { font-size: 14px; color: #6c7c94; line-height: 1.8; }
.report-row ul { font-size: 11px; color: #687f9f; }
.report-row-header > button { background: #edf3ff; border-color: #edf3ff; color: #3268e6; width: 38px; height: 38px; }
.reports-section { background: #fff; }
.audiences { background: #f5f8fe; border-color: #e8eef8; }
.audience-grid { gap: 24px; }
.audience-grid article { border-radius: 18px; background: white; border-color: #e3ebf8; box-shadow: 0 8px 26px #193d7210; padding: 30px; }
.audience-grid article > span { color: #4e79ca; font-size: 10px; }
.audience-grid h3 { font-size: 20px; }
.audience-grid p { font-size: 14px; color: #6a7c96; }
.audience-grid button { font-size: 12px; color: #3268e6; }
.approach-section { background: #fff; border: 0; }
.process-grid h3 { font-size: 19px; }
.process-grid p { color: #6a7c96; font-size: 14px; }
.process-number { color: #3268e6; }
.scope-note { border-color: #e1e8f4; }
.scope-note p { font-size: 12px; color: #7485a0; }
.faq-section { background: #f5f8fe; }
.faq-list details { background: white; border: 1px solid #e2eaf6; border-radius: 12px; margin-bottom: 10px; padding: 0 21px; }
.faq-list details:first-child { border-top: 1px solid #e2eaf6; }
.faq-list summary { font-size: 14px; padding-block: 21px; }
.faq-list details > p { font-size: 13px; color: #6b7d99; }
.closing-section { background: linear-gradient(115deg,#285bd5,#5185ef); border: 0; }
.closing-inner { padding-block: 66px; }
.closing-inner h2 { color: #fff; font-size: 39px; }
.closing-inner .eyebrow { color: #d6e4ff; }
.closing-inner p:not(.eyebrow) { color: #e4edff; font-size: 14px; }
.closing-inner .button { background: white; color: #2c5ec7; }
.site-footer { background: #172b50; color: white; padding-top: 43px; }
.footer-main { flex-wrap: wrap; }
.footer-main .brand { color: white; }
.footer-main .brand-symbol, .footer-main .brand-stop { color: #91b5ff; }
.footer-description, .footer-main nav { color: #becce2; font-size: 12px; }
.footer-main nav a:hover { color: white; }
.footer-bottom { border-color: #ffffff20; color: #a2b6d4; font-size: 11px; }
.footer-bottom a { color: #c1d2ed; }
@media(max-width:1150px) {
 .desktop-nav { gap: 15px; font-size: 11px; }
 .navigation { gap: 17px; }
 .brand { font-size: 24px; }
 .section-grid { gap: 55px; }
 h2 { font-size: 34px; }
 .report-row { padding: 20px; }
 .report-row:first-child { padding-top: 20px; }
 .report-row h3 { font-size: 20px; }
 .report-row > p { font-size: 13px; }
 .report-row ul { font-size: 10px; gap: 12px; }
 .audience-grid article { padding: 24px; }
 .audience-grid h3 { font-size: 18px; }
 .footer-main nav { margin-left: 0; }
}
@media(max-width:900px) {
 .desktop-nav { display: none; }
 .menu-toggle { display: block; }
 .mobile-nav { max-height: calc(100dvh - 84px); overflow-y:auto; }
 .mobile-nav a { font-size: 14px; }
 .mobile-reports button { border-radius: 8px; background: #f0f5ff; font-size: 13px; }
}
@media(max-width:760px) {
 .navigation { height: 72px; }
 .button-small { min-height: 39px; padding: 10px 16px; font-size: 11px; }
 .hero { padding-top: 18px; }
 .hero .erp-section { padding: 0 17px; margin-bottom: 30px; border-radius: 13px; }
 .hero .erp-section > .container { padding: 13px 0 11px; }
 .hero .erp-logo { height: 57px; }
 .erp-heading > div > p:last-child { font-size: 12px; }
 .erp-note { font-size: 8px; }
 .hero .hero-main > .eyebrow { font-size: 9px; letter-spacing: 1.25px; }
 h1 { font-size: clamp(32px,6.5vw,46px); letter-spacing: -1.3px; line-height: 1.24; margin: 18px 0; }
 .hero-description { font-size: 15px; line-height: 1.8; max-width: 510px; }
 .hero-actions { gap: 12px; margin-top: 24px; flex-wrap: wrap; }
 .hero-actions .button, .quiet-link { min-height: 47px; padding: 12px 20px; font-size: 12px; }
 .hero-content { padding-bottom: 32px; }
 .product-window { border-width: 4px; border-radius: 14px; }
 .report-header p { font-size: 10px; }
 .sidebar-report { font-size: 10px; }
 .panel-heading h3 { font-size: 11px; }
 .section-pad { padding-block: 59px; }
 h2 { font-size: 32px; }
 .section-intro > p:not(.eyebrow), .audience-heading > p, .approach-heading > p { font-size: 14px; }
 .report-row { padding: 23px; }
 .report-row:first-child { padding: 23px; border-top: 1px solid #e2eaf7; }
 .report-row > p { font-size: 13px; margin-left: 0; }
 .report-row ul { margin-left: 0; font-size: 10px; flex-wrap: wrap; }
 .audience-grid article { padding: 26px; }
 .audience-grid p, .process-grid p { font-size: 14px; }
 .process-grid h3 { font-size: 18px; }
 .faq-list summary { font-size: 13px; }
 .faq-list details > p { font-size: 12px; }
 .closing-inner { padding-block: 50px; }
 .closing-inner h2 { font-size: 32px; }
 .closing-inner p:not(.eyebrow) { font-size: 14px; }
 .footer-description { font-size: 12px; }
 .footer-main nav { gap: 18px; font-size: 12px; line-height: 1.8; }
 .footer-bottom { font-size: 10px; }
}
@media(max-width:420px) {
 .brand { font-size: 22px; gap: 7px; }
 .nav-actions { gap: 7px; }
 .button-small { font-size: 10px; padding: 9px 12px; gap: 12px; }
 h1 { font-size: 31px; letter-spacing: -1.25px; }
 .hero-description { font-size: 14px; }
 .hero-actions { gap: 10px; }
 .hero-actions .button, .quiet-link { padding: 11px 15px; font-size: 11px; gap: 11px; min-height: 45px; }
 .metric > span { font-size: 8px; }
 .metric > strong { font-size: 18px; }
 .metric > strong.compact { font-size: 15px; }
 .report-row h3 { font-size: 19px; }
 .scope-note p { font-size: 11px; }
}
@media(max-width:350px) {
 .button-small { padding-inline: 10px; font-size: 9px; }
 .brand { font-size: 20px; }
 h1 { font-size: 28px; }
 .hero-actions { flex-direction: column; }
 .hero-actions > a { width: 100%; }
 .metric > strong.compact { font-size: 13px; }
 .report-row { padding: 18px; }
 .report-row h3 { font-size: 17px; }
}
/* Sayfa içinde, kompakt ERP şeridi. */
.hero .erp-section { width: 100%; margin-left: 0; margin-right: 0; padding: 0 24px; border-radius: 16px; }
.hero .erp-section > .container { width: 100%; max-width: 1220px; padding-top: 10px; padding-bottom: 9px; }
.hero .erp-heading > div > p:last-child { font-size: 12px; }
.hero .logo-marquee { margin-top: 2px; padding: 0; }
.hero .erp-logo { height: 43px; }
.hero .erp-logo img { transform: scale(.82); }
.hero .erp-note { margin-top: 2px; }
@media (max-width: 760px) { .hero .erp-section { padding: 0 18px; } .hero .erp-section > .container { padding-top: 9px; padding-bottom: 8px; } .hero .erp-logo { height: 44px; } }
/* Ürün ön izlemesi ve ERP logoları aynı satırda. */
.preview-layout { display: grid; grid-template-columns: minmax(0, 3fr) minmax(210px, 1fr); gap: 20px; align-items: start; }
.preview-layout .product-window { min-width: 0; }
.hero .preview-layout .erp-section { width: 100%; margin: 0; padding: 14px 18px; border-radius: 16px; }
.hero .preview-layout .erp-section > .container { padding: 5px 0; }
.hero .preview-layout .logo-marquee { margin: 16px 0; }
.hero .preview-layout .erp-logo { height: 64px; }
.hero .preview-layout .erp-note { font-size: 10px; line-height: 1.7; }
@media (min-width: 901px) and (max-width: 1150px) { .preview-layout .product-sidebar { display: none; } .preview-layout .report-workspace { width: 100%; } }
@media (max-width: 900px) { .preview-layout { grid-template-columns: 1fr; gap: 16px; } .hero .preview-layout .erp-section { padding: 12px 18px; } .hero .preview-layout .logo-marquee { margin: 5px 0; } .hero .preview-layout .erp-logo { height: 48px; } }
.preview-layout > * { min-width: 0; }
@media (max-width: 900px) { .preview-layout { grid-template-columns: minmax(0, 1fr); } }
.hero .preview-layout .erp-heading { justify-content: center; text-align: center; }
.hero .preview-layout .erp-heading .eyebrow { color: #3d70d3; font-size: 10px; }
/* ERP sütunu daha geniş; içerik daha kompakt. */
@media (min-width: 901px) { .preview-layout { grid-template-columns: minmax(0, 2.5fr) minmax(240px, 1fr); } }
.hero .preview-layout .erp-section { padding: 9px 14px; }
.hero .preview-layout .erp-section > .container { padding: 3px 0; }
.hero .preview-layout .erp-heading .eyebrow { font-size: 9px; letter-spacing: 1.2px; }
.hero .preview-layout .logo-marquee { margin: 6px 0 2px; }
.hero .preview-layout .erp-logo { height: 46px; }
.hero .preview-layout .erp-logo img { transform: scale(.72); }
@media (max-width: 900px) { .hero .preview-layout .erp-section { padding: 8px 14px; } .hero .preview-layout .erp-logo { height: 42px; } }
/* Giriş metni masaüstünde iki sütunda, mobilde alt alta. */
.hero-content { text-align: left; }
.hero-main { display: grid; grid-template-columns: minmax(0, 1.2fr) minmax(0, 1fr); gap: 55px; align-items: center; }
.hero .hero-main > .hero-copy-heading .eyebrow { justify-content: flex-start; color: #e3ecff; letter-spacing: 1.7px; font-size: 10px; }
.hero-copy-heading h1 { margin-bottom: 0; }
.hero-copy-content .hero-description { margin: 0; }
.hero-copy-content .hero-actions { justify-content: flex-start; }
@media (max-width: 900px) { .hero-main { grid-template-columns: 1fr; gap: 22px; } .hero-copy-heading h1 { margin: 18px 0 0; } .hero-copy-content .hero-actions { margin-top: 22px; } }
/* Logo şeridinde markalar arasındaki mesafeyi azalt. */
.hero .preview-layout .logo-set { width: 600px; }
.hero .preview-layout .erp-logo { padding-left: 8px; padding-right: 8px; }
@media (prefers-reduced-motion: reduce) { .hero .preview-layout .logo-set { width: 100%; } }
/* Logoların akışını hafifçe hızlandır. */
.hero .preview-layout .logo-track { animation-duration: 35s; }
@media (max-width: 760px) { .hero .preview-layout .logo-track { animation-duration: 29s; } }
@media (min-width: 901px) { .preview-layout { grid-template-columns: minmax(0, 2.2fr) minmax(260px, 1fr); } }
.hero-copy-heading h1 > span { display: inline-block; font-size: .62em; letter-spacing: -.03em; line-height: 1.25; }
/* Açıklama alanı, alttaki ERP sütunuyla aynı hizadan başlar. */
@media (min-width: 901px) {
  .hero-main { grid-template-columns: minmax(0, 2.2fr) minmax(260px, 1fr); gap: 20px; }
  .hero-copy-content .hero-actions { flex-wrap: wrap; }
}
.hero .preview-layout .erp-heading > div { width: 100%; }
.hero .preview-layout .erp-heading .hero-description { margin: 9px 0 0; color: #62738e; font-size: 12px; line-height: 1.6; text-align: center; }
.preview-main { min-width: 0; }
.preview-main > h1 { margin: 0 0 28px; text-align: center; }
.hero .preview-layout .erp-section .hero-actions { justify-content: center; flex-direction: column; align-items: stretch; gap: 9px; margin-top: 12px; }
.hero .preview-layout .erp-section .button-white { background: #3268e6; color: #fff; box-shadow: none; }
.hero .preview-layout .erp-section .quiet-link { color: #315fb9; border: 1px solid #d4e2fa; background: #f3f7ff; justify-content: center; }
.hero .preview-layout .erp-section .button, .hero .preview-layout .erp-section .quiet-link { min-height: 42px; padding: 10px 13px; font-size: 11px; }
@media (max-width: 900px) { .preview-main > h1 { margin-bottom: 22px; } .hero .preview-layout .erp-section .hero-actions { flex-direction: row; flex-wrap: wrap; } }
.erp-column { min-width: 0; }
.erp-details { padding: 20px 6px 0; text-align: left; }
.hero .erp-details .hero-description { color: #fff; font-size: 14px; line-height: 1.7; margin: 0; }
.hero .erp-details .hero-actions { justify-content: flex-start; flex-direction: column; align-items: stretch; gap: 9px; margin-top: 16px; }
.hero .erp-details .button, .hero .erp-details .quiet-link { min-height: 44px; padding: 11px 15px; font-size: 11px; }
@media (max-width: 900px) { .hero .erp-details .hero-actions { flex-direction: row; flex-wrap: wrap; } }
/* ERP kutusunun üst kenarını ön izleme tablosuyla hizala. */
@media (min-width: 901px) {
  .preview-layout { grid-template-rows: auto auto; row-gap: 28px; }
  .preview-main { display: contents; }
  .preview-main > h1 { grid-column: 1; grid-row: 1; margin: 0; }
  .preview-main > .product-window { grid-column: 1; grid-row: 2; }
  .preview-layout > .erp-column { grid-column: 2; grid-row: 2; }
}
.hero .preview-layout .logo-track { animation-duration: 18s; }
@media (max-width: 760px) { .hero .preview-layout .logo-track { animation-duration: 15s; } }
.erp-copy-label { color:#c8dbff; font-size:9px; font-weight:600; letter-spacing:1.3px; margin:4px 0 14px; }
.erp-copy-title { color:#fff; font-size:clamp(23px,2.2vw,31px); font-weight:600; letter-spacing:-.8px; line-height:1.25; margin:0 0 17px; }
.hero .erp-details .hero-description { color:#e7efff; font-size:13px; line-height:1.85; }
.erp-copy-points { list-style:none; margin:21px 0 0; padding:0; display:grid; gap:12px; }
.erp-copy-points li { display:flex; align-items:center; gap:11px; color:#eff5ff; font-size:11px; }
.erp-copy-points li > span { width:26px; height:26px; display:grid; place-items:center; background:#ffffff16; border:1px solid #ffffff30; border-radius:7px; color:#fff; font-size:11px; font-weight:600; flex-shrink:0; }
@media(max-width:900px) { .erp-copy-title { font-size:28px; } .erp-copy-points { grid-template-columns:repeat(3,minmax(0,1fr)); gap:12px; } }
@media(max-width:520px) { .erp-copy-points { grid-template-columns:1fr; gap:10px; } }