:root {
  --et-bg: #f5f5fc;
  --et-dark: #141724;
  --et-dark-2: #1c2032;
  --et-accent: #ff9800;
  --et-white: #ffffff;
  --et-soft: #b4b6c4;
  --et-muted: #757993;
  --et-text: #565b74;
  --et-line: rgba(20, 23, 36, .1);
}

* { box-sizing: border-box; }
html { scroll-behavior: smooth; }
body { margin: 0; background: var(--et-bg); color: var(--et-dark); font-family: "Manrope", sans-serif; overflow-x: hidden; }
button, input, textarea { font: inherit; }
button, a { -webkit-tap-highlight-color: transparent; }
.et-container { width: min(1180px, calc(100% - 40px)); margin-inline: auto; }

.et-header { position: relative; z-index: 50; background: var(--et-dark); }
.et-nav { height: 82px; display: flex; align-items: center; gap: 34px; }
.et-logo { display: flex; align-items: center; gap: 11px; color: #fff; text-decoration: none; }
.et-logo-mark { position: relative; width: 42px; height: 38px; display: grid; place-items: center; color: #fff; background: var(--et-accent); clip-path: polygon(25% 0, 75% 0, 100% 50%, 75% 100%, 25% 100%, 0 50%); }
.et-logo-mark::after { content: ""; position: absolute; inset: 5px; background: var(--et-dark); clip-path: inherit; z-index: -1; }
.et-logo strong { font-size: 26px; letter-spacing: -.04em; }
.et-logo strong span { color: var(--et-accent); }
.et-by { margin-left: 4px; padding: 5px 8px; color: #fff; background: rgba(255,255,255,.1); border-radius: 2px; font-size: 8px; font-weight: 700; letter-spacing: .2em; }
.et-menu { display: flex; align-items: center; gap: 22px; margin-left: auto; }
.et-menu > a { position: relative; color: #fff; font-size: 15px; font-weight: 600; text-decoration: none; }
.et-menu > a::before { content: ""; position: absolute; left: -4px; bottom: -4px; width: 0; height: 13px; z-index: -1; border-radius: 50%; background: rgba(255,152,0,.2); transform: rotate(-5deg); transition: width .2s ease; }
.et-menu > a:hover::before, .et-menu > a.active::before { width: calc(100% + 8px); }
.et-menu > a.active { color: var(--et-accent); }
.et-mega-wrap { position: relative; }
.et-mega-trigger { display: flex; align-items: center; gap: 7px; padding: 12px 0; color: #fff; background: none; border: 0; font-size: 15px; font-weight: 600; cursor: pointer; }.et-mega-trigger i { color: var(--et-accent); font-size: 11px; transition: transform .2s; }.et-mega-wrap.open .et-mega-trigger i { transform: rotate(180deg); }
.et-mega-trigger.active { color: var(--et-accent); }
.et-mega-menu { visibility: hidden; position: fixed; top: 72px; left: 50%; z-index: 80; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; width: min(1000px,calc(100vw - 40px)); padding: 26px; color: var(--et-text); background: #fff; border-top: 4px solid var(--et-accent); box-shadow: 0 25px 70px rgba(9,12,22,.24); opacity: 0; transform: translate(-50%,10px); transition: opacity .18s,transform .18s,visibility .18s; }.et-mega-menu::before { content: ""; position: absolute; top: -12px; left: 50%; width: 18px; height: 18px; pointer-events: none; background: var(--et-accent); transform: translateX(-50%) rotate(45deg); }.et-mega-wrap.open .et-mega-menu,.et-mega-wrap:hover .et-mega-menu { visibility: visible; opacity: 1; transform: translate(-50%,0); }
.et-mega-menu section h3 { margin: 0 0 12px; padding-bottom: 10px; color: #9295a4; border-bottom: 1px solid #ececf2; font-size: 15px; font-weight: 600; }.et-mega-menu section > div { display: grid; gap: 7px; }.et-mega-menu section a { position: relative; z-index: 2; display: flex; align-items: center; gap: 12px; padding: 12px 14px; color: #71768f; background: #f7f7fa; cursor: pointer; pointer-events: auto; font-size: 14px; font-weight: 600; text-decoration: none; transition: .18s; }.et-mega-menu section a:hover { color: var(--et-dark); background: #fff1dc; transform: translateX(3px); }.et-mega-menu section a > i:first-child { width: 20px; color: var(--et-accent); text-align: center; }.et-mega-menu section a span { flex: 1; }.et-mega-menu .et-service-link-arrow { width: auto; color: #b7b9c5; font-size: 10px; transition: transform .18s,color .18s; }.et-mega-menu section a:hover .et-service-link-arrow { color: var(--et-accent); transform: translateX(3px); }
.et-nav-actions { display: flex; align-items: center; gap: 8px; }
.et-nav-button { display: inline-flex; align-items: center; gap: 10px; min-height: 44px; padding: 0 16px; color: #fff; border: 1px solid rgba(255,255,255,.15); background: transparent; border-radius: 2px; font-size: 13px; font-weight: 700; cursor: pointer; text-decoration: none; }
.et-nav-button.primary { color: var(--et-dark); background: var(--et-accent); border-color: var(--et-accent); }
.et-mobile-toggle { display: none; width: 44px; height: 44px; color: #fff; background: rgba(255,255,255,.08); border: 0; border-radius: 2px; cursor: pointer; }
.et-mobile-menu { display: none; padding: 0 20px 22px; background: var(--et-dark); }
.et-mobile-menu.open { display: grid; gap: 4px; }
.et-mobile-menu a { padding: 13px 14px; color: #fff; background: rgba(255,255,255,.05); font-size: 14px; font-weight: 700; text-decoration: none; }
.et-mobile-menu .et-mobile-group { padding: 15px 14px 6px; color: var(--et-accent); font-size: 11px; letter-spacing: .1em; text-transform: uppercase; }

.et-hero { position: relative; min-height: 760px; padding: 82px 0 145px; color: #fff; background: var(--et-dark); }
.et-hero::before { content: ""; position: absolute; top: 10px; left: 7%; width: 130px; height: 130px; border: 28px solid rgba(255,152,0,.035); border-radius: 50%; }
.et-hero-wave { position: absolute; right: -5%; bottom: -1px; left: -5%; height: 150px; background: var(--et-bg); clip-path: polygon(0 73%, 10% 66%, 24% 72%, 38% 91%, 53% 84%, 68% 50%, 81% 34%, 91% 41%, 100% 68%, 100% 100%, 0 100%); }
.et-hero-grid { position: relative; z-index: 2; display: grid; grid-template-columns: minmax(0, 1.15fr) minmax(330px, .85fr); gap: 74px; align-items: end; }
.et-kicker { display: block; margin-bottom: 5px; color: var(--et-accent); font-size: 22px; font-weight: 500; }
.et-hero h1 { max-width: 630px; margin: 0; font-size: clamp(44px, 5vw, 66px); line-height: 1.04; letter-spacing: -.045em; }
.et-hero-copy > p { max-width: 650px; margin: 18px 0 0; color: var(--et-soft); font-size: 18px; line-height: 1.6; }
.et-hero-actions { display: flex; gap: 12px; margin-top: 26px; }
.et-action { position: relative; display: inline-flex; align-items: center; gap: 12px; padding: 13px 3px; color: #fff; background: none; border: 0; font-size: 17px; font-weight: 700; text-decoration: none; cursor: pointer; isolation: isolate; }
.et-action::before { content: ""; position: absolute; bottom: 7px; left: -7px; width: 90px; height: 17px; z-index: -1; background: rgba(255,255,255,.13); border-radius: 50%; transform: rotate(-4deg); transition: .2s ease; }
.et-action.accent::before { background: rgba(255,152,0,.25); }
.et-action:hover::before { width: calc(100% + 14px); transform: rotate(0); }

.et-showcase-row { display: grid; grid-template-columns: 1fr 1fr; gap: 20px; margin-top: 32px; }
.et-product-card, .et-featured-card { position: relative; min-height: 250px; overflow: hidden; border-radius: 4px; background: #24293c; }
.et-product-card::after, .et-featured-card::after { content: ""; position: absolute; inset: 0; background: linear-gradient(20deg, rgba(20,23,36,.98), rgba(20,23,36,.25) 68%, transparent); }
.et-product-image { position: absolute; inset: 0; width: 100%; height: 100%; object-fit: cover; object-position: center center; background: #202536; }
.et-card-copy { position: absolute; right: 22px; bottom: 22px; left: 22px; z-index: 3; }
.et-card-copy small { display: block; color: var(--et-soft); font-size: 12px; }
.et-card-copy strong { display: block; margin: 3px 0 13px; color: #fff; font-size: 20px; line-height: 1.2; }
.et-card-copy a { color: #fff; font-size: 13px; font-weight: 700; text-decoration: none; }
.et-card-copy a i { margin-left: 7px; color: var(--et-accent); }
.et-mini-ui { position: absolute; inset: 18px 18px 75px; display: grid; grid-template-columns: 34px 1fr; gap: 8px; padding: 8px; background: #f2f3f8; border-radius: 3px; transform: rotate(-2deg) scale(1.03); transform-origin: top; }
.et-mini-side { background: var(--et-dark); border-radius: 2px; }
.et-mini-main { display: grid; grid-template-rows: 15px 1fr; gap: 7px; }
.et-mini-bars { display: grid; grid-template-columns: repeat(3,1fr); gap: 4px; }
.et-mini-bars span { background: #fff; }
.et-mini-table { background: repeating-linear-gradient(to bottom,#fff 0,#fff 9px,#e9eaf1 10px,#e9eaf1 11px); }
.et-product-card:nth-child(2) .et-mini-ui { background: #fff7e8; transform: rotate(2deg) scale(1.03); }

.et-featured-wrap { position: relative; }
.et-featured-wrap::before { content: ""; position: absolute; inset: -10px 24px; background: var(--et-accent); border-radius: 4px; transform: rotate(3.5deg); }
.et-featured-card { min-height: 520px; background: #202536; }
.et-featured-image { position: absolute; inset: 0; z-index: 1; width: 100%; height: 100%; object-fit: cover; object-position: center center; background: #202536; }
.et-featured-card:has(.et-featured-image)::before { content: ""; position: absolute; inset: 0; z-index: 2; background: linear-gradient(20deg, rgba(20,23,36,.96), rgba(20,23,36,.22) 75%); }
.et-featured-card .et-dashboard { position: absolute; inset: 35px 28px 150px; z-index: 1; padding: 14px; background: #f6f6fa; border-radius: 3px; transform: rotate(1deg); }
.et-dashboard-top { display: flex; justify-content: space-between; align-items: center; height: 35px; margin-bottom: 11px; border-bottom: 1px solid #e7e8ee; }
.et-dashboard-top strong { color: var(--et-dark); font-size: 10px; }
.et-dashboard-dot { width: 20px; height: 20px; background: var(--et-accent); border-radius: 50%; }
.et-dashboard-stats { display: grid; grid-template-columns: repeat(3, 1fr); gap: 7px; }
.et-dashboard-stats span { padding: 12px 6px; color: var(--et-dark); background: #fff; text-align: center; font-size: 9px; font-weight: 800; }
.et-dashboard-chart { display: flex; align-items: end; gap: 7px; height: 95px; margin-top: 10px; padding: 12px 10px 0; background: #fff; }
.et-dashboard-chart i { flex: 1; background: #d9dae5; }
.et-dashboard-chart i:nth-child(3n+1) { background: var(--et-accent); }
.et-featured-card .et-card-copy { z-index: 3; }
.et-featured-card .et-card-copy strong { color: var(--et-accent); font-size: 26px; }
.et-featured-card .et-card-copy small { color: #fff; font-size: 15px; font-weight: 700; }

/* Tam göster modunda görsel ve metin birbirinin üzerine binmez. */
.et-product-card.is-contain, .et-featured-card.is-contain { display: flex; flex-direction: column; }
.et-product-card.is-contain::after, .et-featured-card.is-contain::after, .et-featured-card.is-contain:has(.et-featured-image)::before { display: none; }
.et-product-card.is-contain .et-product-image, .et-featured-card.is-contain .et-featured-image { position: relative; inset: auto; display: block; width: 100%; height: auto; max-height: none; object-fit: contain; flex: 0 0 auto; }
.et-product-card.is-contain .et-card-copy, .et-featured-card.is-contain .et-card-copy { position: relative; right: auto; bottom: auto; left: auto; width: 100%; margin-top: auto; padding: 18px 22px 22px; background: #24293c; }
.et-featured-card.is-contain .et-card-copy { padding: 24px 28px 30px; background: #202536; }

.et-section { padding: 95px 0; }
.et-heading { position: relative; padding-left: 22px; }
.et-heading::before { content: ""; position: absolute; top: 50%; left: 2px; width: 7px; height: calc(100% + 8px); border-radius: 6px; background: var(--et-text); transform: translateY(-50%) rotate(5deg); }
.et-heading small { display: block; margin-bottom: 4px; color: var(--et-muted); font-size: 17px; font-weight: 600; }
.et-heading h2 { margin: 0; color: var(--et-text); font-size: clamp(30px, 4vw, 42px); letter-spacing: -.035em; }
.et-heading.center { max-width: 730px; margin-inline: auto; padding-left: 0; text-align: center; }
.et-heading.center::before { display: none; }
.et-heading.center h2 { color: var(--et-accent); font-style: italic; text-transform: uppercase; transform: rotate(-2deg); }
.et-heading.center p { color: var(--et-soft); line-height: 1.65; }
.et-heading-copy { max-width: 680px; margin: 12px 0 0; color: var(--et-muted); line-height: 1.7; }
.et-heading-copy.light { color: var(--et-soft); }
.et-hero-grid-single { grid-template-columns: minmax(0,760px); }
.et-featured-card .et-card-copy p { color: #b4b6c4; line-height: 1.5; }

.et-feature-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 16px; margin-top: 24px; }
.et-feature { min-height: 275px; padding: 34px; background: #fff; border-radius: 2px; transition: transform .2s ease; }
.et-feature:hover { transform: translateY(-5px); }
.et-feature:first-child { color: #fff; background: var(--et-dark); }
.et-feature-icon { display: flex; align-items: center; height: 66px; margin-bottom: 20px; color: var(--et-text); font-size: 48px; }
.et-feature:first-child .et-feature-icon { color: var(--et-accent); }
.et-feature h3 { margin: 0 0 9px; color: var(--et-text); font-size: 21px; }
.et-feature:first-child h3 { color: #fff; }
.et-feature p { margin: 0; color: var(--et-muted); font-size: 15px; line-height: 1.65; }
.et-feature:first-child p { color: var(--et-soft); }

.et-feature-page-summary { padding-bottom: 70px; }
.et-feature-page-details { padding: 85px 0 105px; background: #ececf1; }
.et-detail-feature-groups { display: grid; gap: 65px; margin-top: 45px; }
.et-detail-feature-group > header { display: flex; align-items: end; justify-content: space-between; gap: 24px; margin-bottom: 18px; }
.et-detail-feature-group > header small { color: var(--et-accent); font-size: 10px; font-weight: 800; letter-spacing: .14em; }
.et-detail-feature-group > header h2 { margin: 5px 0 0; color: var(--et-text); font-size: 28px; letter-spacing: -.035em; }
.et-detail-feature-group > header > span { padding: 8px 11px; color: var(--et-muted); background: rgba(255,255,255,.7); font-size: 10px; font-weight: 800; text-transform: uppercase; }
.et-detail-feature-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.et-detail-feature-card { min-height: 290px; padding: 36px 34px; background: #fff; box-shadow: 0 10px 30px rgba(20,23,36,.035); transition: transform .2s ease, box-shadow .2s ease; }
.et-detail-feature-card:hover { box-shadow: 0 20px 45px rgba(20,23,36,.09); transform: translateY(-5px); }
.et-detail-feature-card > i { display: block; min-height: 68px; color: #5c6078; font-size: 50px; }
.et-detail-feature-card h3 { margin: 18px 0 10px; color: var(--et-text); font-size: 20px; line-height: 1.3; }
.et-detail-feature-card p { margin: 0; color: var(--et-muted); font-size: 14px; line-height: 1.75; }
.et-detail-feature-card.featured { color: #fff; background: var(--et-dark); }
.et-detail-feature-card.featured > i { color: var(--et-accent); }
.et-detail-feature-card.featured h3 { color: #fff; }
.et-detail-feature-card.featured p { color: var(--et-soft); }

.et-flow { padding: 0 0 95px; }
.et-flow-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); margin-top: 24px; counter-reset: flow; }
.et-flow-item { position: relative; padding: 30px 25px; border-left: 1px solid var(--et-line); counter-increment: flow; }
.et-flow-item:last-child { border-right: 1px solid var(--et-line); }
.et-flow-item::before { content: "0" counter(flow); display: block; margin-bottom: 18px; color: var(--et-accent); font-size: 13px; font-weight: 800; letter-spacing: .12em; }
.et-flow-item h3 { margin: 0 0 8px; color: var(--et-text); font-size: 20px; }
.et-flow-item p { margin: 0; color: var(--et-muted); font-size: 14px; line-height: 1.6; }

.et-pricing { position: relative; padding: 125px 0 105px; background: linear-gradient(176deg, var(--et-dark) 0 72%, var(--et-bg) 72.2%); }
.et-pricing::before { content: ""; position: absolute; top: 0; right: 0; left: 0; height: 95px; background: var(--et-bg); clip-path: polygon(0 0,100% 0,100% 20%,0 100%); }
.et-plan-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(2,minmax(0,430px)); justify-content: center; align-items: start; margin-top: 45px; }
.et-plan { min-height: 590px; padding: 36px 40px; background: #fff; }
.et-plan:not(.featured) { margin-top: 62px; }
.et-plan.featured { color: #fff; background: var(--et-dark-2); border-top: 4px solid var(--et-accent); }
.et-plan-badge { display: block; margin-bottom: 8px; color: var(--et-muted); font-size: 12px; font-weight: 800; letter-spacing: .14em; }
.et-plan.featured .et-plan-badge { color: var(--et-accent); }
.et-plan h3 { position: relative; margin: 0 0 14px; padding-bottom: 12px; font-size: 34px; font-style: italic; letter-spacing: -.035em; text-transform: uppercase; }
.et-plan h3::after { content: ""; position: absolute; bottom: 0; left: 0; width: 65px; height: 4px; background: var(--et-dark); border-radius: 4px; }
.et-plan.featured h3::after { background: var(--et-accent); }
.et-plan-desc { min-height: 46px; margin: 0; color: var(--et-muted); font-size: 15px; line-height: 1.55; }
.et-plan.featured .et-plan-desc { color: var(--et-soft); }
.et-plan ul { min-height: 190px; margin: 24px 0; padding: 20px 0; border-top: 1px solid var(--et-line); border-bottom: 1px solid var(--et-line); list-style: none; }
.et-plan.featured ul { border-color: rgba(255,255,255,.1); }
.et-plan li { display: flex; gap: 10px; padding: 6px 0; color: var(--et-muted); font-size: 15px; font-weight: 600; }
.et-plan li i { margin-top: 3px; color: var(--et-dark); }
.et-plan.featured li { color: #fff; }
.et-plan.featured li i { color: var(--et-accent); }
.et-price { min-height: 68px; }
.et-price strong { display: block; font-size: 42px; font-style: italic; letter-spacing: -.05em; }
.et-price small { color: var(--et-muted); font-weight: 700; }
.et-plan.featured .et-price strong { color: var(--et-accent); }
.et-plan-button { display: flex; align-items: center; justify-content: space-between; width: 100%; margin-top: 20px; padding: 16px 19px; color: #fff; background: var(--et-dark); border: 0; border-radius: 0; font-size: 18px; font-weight: 800; cursor: pointer; }
.et-plan.featured .et-plan-button { background: var(--et-accent); }

.et-capabilities { position: relative; margin-top: 65px; padding: 105px 0 125px; color: #fff; background: var(--et-dark); clip-path: polygon(0 5%,100% 0,100% 91%,0 100%); }
.et-capabilities .et-heading small { color: var(--et-accent); }
.et-capabilities .et-heading h2 { color: #fff; }
.et-capabilities .et-heading::before { background: var(--et-accent); }
.et-cap-grid { display: grid; grid-template-columns: repeat(4,1fr); gap: 13px; margin-top: 30px; }
.et-cap { display: flex; align-items: center; gap: 13px; padding: 18px 20px; color: var(--et-dark); background: var(--et-accent); border-radius: 2px; box-shadow: 0 8px 22px rgba(255,152,0,.13); font-weight: 800; transition: background .2s ease, transform .2s ease, box-shadow .2s ease; }
.et-cap:hover { background: #ffad2f; box-shadow: 0 12px 28px rgba(255,152,0,.22); transform: translateY(-2px); }
.et-cap i { color: var(--et-dark); font-size: 23px; }

.et-proof { padding: 105px 0; }
.et-proof-grid { display: grid; grid-template-columns: 1fr 1fr; gap: 75px; }
.et-proof-grid.single { grid-template-columns: minmax(0,800px); }
.et-quote { position: relative; margin-top: 25px; padding: 38px; background: #fff; border-radius: 2px; }
.et-quote::after { content: "“"; position: absolute; right: 24px; top: 4px; color: rgba(20,23,36,.06); font-family: serif; font-size: 120px; }
.et-quote p { position: relative; z-index: 1; margin: 0; color: var(--et-text); font-size: 18px; line-height: 1.75; }
.et-quote-footer { display: flex; align-items: center; gap: 12px; margin-top: 25px; padding-top: 20px; border-top: 1px solid var(--et-line); }
.et-avatar { display: grid; width: 44px; height: 44px; place-items: center; color: #fff; background: var(--et-accent); border-radius: 50%; font-weight: 800; }
.et-quote-footer strong { display: block; color: var(--et-dark); }.et-quote-footer small { color: var(--et-muted); }
.et-accordion { margin-top: 25px; }
.et-faq-item { border-bottom: 1px solid var(--et-line); }
.et-faq-button { display: flex; align-items: center; width: 100%; padding: 19px 0; color: var(--et-text); background: none; border: 0; text-align: left; font-weight: 800; cursor: pointer; }
.et-faq-button i:first-child { margin-right: 12px; color: var(--et-accent); }.et-faq-button i:last-child { margin-left: auto; }
.et-faq-answer { display: none; padding: 0 0 20px 30px; color: var(--et-muted); font-size: 14px; line-height: 1.7; }
.et-faq-item.open .et-faq-answer { display: block; }.et-faq-item.open .et-faq-button i:last-child { transform: rotate(45deg); }

.et-stats { background: #fff; border-top: 1px solid var(--et-line); }
.et-stats-grid { display: grid; grid-template-columns: repeat(auto-fit,minmax(220px,1fr)); }
.et-stat { display: flex; align-items: center; justify-content: center; gap: 15px; min-height: 130px; border-right: 1px solid var(--et-line); }
.et-stat:first-child { border-left: 1px solid var(--et-line); }
.et-stat i { color: var(--et-accent); font-size: 28px; }.et-stat strong { display: block; font-size: 26px; }.et-stat span { color: var(--et-muted); font-size: 12px; font-weight: 700; }

.et-footer { color: var(--et-soft); background: var(--et-dark); }
.et-footer-main { display: grid; grid-template-columns: 1.2fr .8fr .8fr; gap: 70px; padding: 75px 0 55px; }
.et-footer-logo { width: fit-content; max-width: 100%; }
.et-footer-wordmark { width: auto; max-width: min(240px, calc(100vw - 120px)); max-height: 58px; object-fit: contain; object-position: left center; }
.et-footer p { max-width: 430px; font-size: 14px; line-height: 1.8; }
.et-footer h4 { margin: 0 0 18px; color: #fff; }.et-footer-links { display: grid; gap: 10px; }.et-footer-links a { color: var(--et-soft); font-size: 14px; text-decoration: none; }.et-footer-links a:hover { color: var(--et-accent); }
.et-footer-end { display: flex; justify-content: space-between; padding: 20px 0; border-top: 1px solid rgba(255,255,255,.08); font-size: 12px; }
.et-text-link { display: inline-flex; align-items: center; gap: 9px; margin-top: 22px; color: var(--et-text); font-size: 14px; font-weight: 800; text-decoration: none; }
.et-text-link:hover { color: var(--et-accent); }

/* İç sayfalar */
.et-page-hero { position: relative; overflow: hidden; padding: 75px 0 105px; color: #fff; background: var(--et-dark); }
.et-page-hero::after { content: ""; position: absolute; right: -140px; bottom: -260px; width: 560px; height: 560px; border: 80px solid rgba(255,152,0,.09); border-radius: 50%; }
.et-breadcrumb { position: relative; z-index: 1; display: flex; align-items: center; gap: 10px; margin-bottom: 55px; color: #8f93a6; font-size: 12px; font-weight: 700; }
.et-breadcrumb a { color: #fff; text-decoration: none; }.et-breadcrumb i { color: var(--et-accent); }
.et-page-kicker { position: relative; z-index: 1; display: block; margin-bottom: 10px; color: var(--et-accent); font-size: 13px; font-weight: 800; letter-spacing: .13em; text-transform: uppercase; }
.et-page-hero h1 { position: relative; z-index: 1; max-width: 820px; margin: 0; font-size: clamp(44px,7vw,76px); letter-spacing: -.055em; line-height: 1.02; }
.et-page-hero p { position: relative; z-index: 1; max-width: 720px; margin: 22px 0 0; color: var(--et-soft); font-size: 18px; line-height: 1.75; }
.et-page-section { padding: 95px 0; }
.et-page-grid,.et-security-grid { display: grid; grid-template-columns: minmax(0,1.25fr) minmax(300px,.75fr); gap: 75px; align-items: start; }
.et-prose { color: var(--et-text); font-size: 18px; line-height: 1.9; }.et-prose p { margin: 0 0 24px; }
.et-section-number { display: block; margin-bottom: 25px; color: var(--et-accent); font-size: 13px; font-weight: 800; letter-spacing: .15em; }
.et-side-card { padding: 38px; color: #fff; background: var(--et-dark); border-top: 4px solid var(--et-accent); }
.et-side-card small { color: var(--et-accent); font-weight: 800; letter-spacing: .12em; }.et-side-card h2 { margin: 10px 0 15px; font-size: 31px; letter-spacing: -.04em; }.et-side-card p { color: var(--et-soft); line-height: 1.75; }.et-side-card a { display: inline-flex; gap: 12px; margin-top: 14px; color: #fff; font-weight: 800; text-decoration: none; }
.et-values { padding: 0 0 95px; }.et-value-grid { display: grid; grid-template-columns: repeat(3,1fr); background: #fff; }.et-value-grid article { padding: 38px; border-right: 1px solid var(--et-line); }.et-value-grid article:last-child { border: 0; }.et-value-grid i { color: var(--et-accent); font-size: 31px; }.et-value-grid h3 { margin: 20px 0 8px; font-size: 22px; }.et-value-grid p { margin: 0; color: var(--et-muted); line-height: 1.7; }
.et-page-cta { padding: 55px 0; color: #fff; background: #282c3d; }.et-page-cta .et-container { display: flex; align-items: center; justify-content: space-between; gap: 35px; }.et-page-cta small { color: var(--et-accent); font-weight: 800; letter-spacing: .13em; }.et-page-cta h2 { max-width: 660px; margin: 8px 0 0; font-size: clamp(28px,4vw,42px); letter-spacing: -.04em; }
.et-faq-page-grid { display: grid; grid-template-columns: .6fr 1.4fr; gap: 75px; align-items: start; }.et-faq-intro > p { color: var(--et-muted); font-size: 17px; line-height: 1.8; }.et-accordion-page { margin-top: 0; padding: 8px 34px; background: #fff; }.et-accordion-page .et-faq-button { padding: 24px 0; font-size: 16px; }.et-accordion-page .et-faq-answer { font-size: 15px; }
.et-contact-grid { display: grid; grid-template-columns: .8fr 1.2fr; gap: 75px; align-items: start; }.et-contact-copy > p { color: var(--et-muted); font-size: 17px; line-height: 1.8; }.et-contact-methods { display: grid; gap: 12px; margin-top: 30px; }.et-contact-methods a { display: flex; align-items: center; gap: 16px; padding: 17px; color: var(--et-text); background: #fff; text-decoration: none; }.et-contact-methods a > i { display: grid; width: 43px; height: 43px; place-items: center; color: #fff; background: var(--et-dark); }.et-contact-methods span { font-weight: 800; }.et-contact-methods small { display: block; margin-bottom: 3px; color: var(--et-muted); font-size: 10px; letter-spacing: .12em; }.et-contact-card { padding: 38px; background: #fff; box-shadow: 0 20px 60px rgba(20,23,36,.08); }.et-contact-card .et-heading h2 { font-size: 34px; }
.et-security-list { display: grid; gap: 12px; }.et-security-list article { display: flex; gap: 18px; padding: 26px; color: #fff; background: var(--et-dark); }.et-security-list article:nth-child(2) { background: #303548; }.et-security-list i { margin-top: 3px; color: var(--et-accent); font-size: 25px; }.et-security-list h3 { margin: 0 0 6px; }.et-security-list p { margin: 0; color: var(--et-soft); font-size: 14px; line-height: 1.65; }
.et-honeypot { position: absolute; left: -9999px; }

/* Dinamik hizmet detayları */
.et-service-head { padding: 38px 0 50px; color: var(--et-text); background: #fff; border-bottom: 1px solid var(--et-line); }
.et-service-head .et-breadcrumb { margin-bottom: 28px; }
.et-service-head .et-breadcrumb a { color: var(--et-text); }
.et-service-head-copy { max-width: 900px; }
.et-service-head h1 { margin: 7px 0 13px; font-size: clamp(40px,5vw,62px); line-height: 1.04; letter-spacing: -.055em; }
.et-service-head p { max-width: 760px; margin: 0; color: var(--et-muted); font-size: 18px; line-height: 1.7; }
.et-service-content { padding: 55px 0 85px; background: var(--et-bg); }
.et-service-content-grid { display: grid; grid-template-columns: minmax(0,820px); gap: 55px; align-items: start; }
.et-service-content-grid.has-image { grid-template-columns: minmax(0,1fr) minmax(340px,.82fr); }
.et-service-copy { color: var(--et-text); font-size: 18px; line-height: 1.9; }
.et-service-copy p { margin: 0 0 23px; }
.et-service-image { min-height: 330px; margin: 0; overflow: hidden; background: #fff; border: 1px solid var(--et-line); box-shadow: 0 20px 45px rgba(19,23,37,.08); }
.et-service-image img { display: block; width: 100%; height: 100%; min-height: 330px; object-fit: cover; }
.et-service-cta { display: flex; align-items: center; justify-content: space-between; gap: 38px; margin-top: 40px; padding: 28px 32px; color: #fff; background: var(--et-dark); border-top: 4px solid var(--et-accent); }
.et-service-cta small { color: var(--et-accent); font-weight: 800; letter-spacing: .12em; }
.et-service-cta h2 { margin: 7px 0 5px; font-size: clamp(24px,3vw,34px); letter-spacing: -.04em; }
.et-service-cta p { margin: 0; color: var(--et-soft); line-height: 1.6; }
.et-service-cta .et-action { flex: 0 0 auto; }
.et-related-services { padding: 85px 0 105px; background: #fff; }.et-related-grid { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; margin-top: 28px; }.et-related-grid > a { padding: 30px; color: var(--et-text); background: var(--et-bg); text-decoration: none; border-top: 3px solid transparent; transition: .2s; }.et-related-grid > a:hover { border-color: var(--et-accent); transform: translateY(-4px); }.et-related-grid > a > i { color: var(--et-accent); font-size: 30px; }.et-related-grid h3 { margin: 18px 0 8px; font-size: 21px; }.et-related-grid p { color: var(--et-muted); font-size: 14px; line-height: 1.7; }.et-related-grid span { display: inline-flex; align-items: center; gap: 8px; margin-top: 10px; color: var(--et-dark); font-size: 13px; font-weight: 800; }

/* Müşteri girişi ve destek paneli */
.et-auth-page { min-height: calc(100vh - 82px); padding: 75px 20px; background: linear-gradient(135deg,var(--et-dark) 0 48%,var(--et-bg) 48%); }.et-auth-shell { display: grid; grid-template-columns: 1fr minmax(440px,.75fr); gap: 85px; align-items: center; width: min(1120px,100%); margin: auto; }.et-auth-intro { color: #fff; }.et-auth-intro h1 { max-width: 620px; margin: 10px 0 20px; font-size: clamp(42px,6vw,68px); letter-spacing: -.055em; line-height: 1.03; }.et-auth-intro > p { max-width: 580px; color: var(--et-soft); font-size: 17px; line-height: 1.75; }.et-auth-points { display: flex; flex-wrap: wrap; gap: 10px; margin-top: 32px; }.et-auth-points span { padding: 11px 14px; color: #fff; background: rgba(255,255,255,.07); font-size: 12px; font-weight: 700; }.et-auth-points i { margin-right: 7px; color: var(--et-accent); }.et-auth-card { padding: 38px; background: #fff; box-shadow: 0 25px 80px rgba(10,13,24,.2); border-top: 4px solid var(--et-accent); }.et-auth-card .et-heading h2 { font-size: 29px; }.et-auth-switch { margin: 22px 0 0; color: var(--et-muted); font-size: 13px; text-align: center; }.et-auth-switch a { color: var(--et-text); font-weight: 800; }
.et-portal-page { min-height: 70vh; }.et-portal-top { padding: 46px 0; color: #fff; background: var(--et-dark); }.et-portal-top .et-container { display: flex; align-items: center; justify-content: space-between; gap: 30px; }.et-portal-top small { color: var(--et-accent); font-weight: 800; letter-spacing: .12em; }.et-portal-top h1 { margin: 7px 0 0; font-size: clamp(30px,4vw,44px); }.et-portal-user { display: flex; align-items: center; gap: 12px; }.et-portal-user > span { display: grid; width: 46px; height: 46px; place-items: center; color: var(--et-dark); background: var(--et-accent); }.et-portal-user strong,.et-portal-user small { display: block; }.et-portal-user small { margin-top: 3px; color: var(--et-soft); font-size: 11px; }.et-portal-nav { background: #fff; border-bottom: 1px solid var(--et-line); }.et-portal-nav .et-container { display: flex; gap: 5px; }.et-portal-nav a { padding: 17px 19px; color: var(--et-muted); font-size: 13px; font-weight: 800; text-decoration: none; border-bottom: 3px solid transparent; }.et-portal-nav a.active,.et-portal-nav a:hover { color: var(--et-text); border-color: var(--et-accent); }.et-portal-nav a:last-child { margin-left: auto; }.et-portal-content { padding: 65px 0 90px; }
.et-portal-summary { display: grid; grid-template-columns: repeat(3,1fr); gap: 14px; }.et-portal-summary article,.et-portal-summary > a { display: flex; align-items: center; gap: 17px; min-height: 105px; padding: 24px; color: var(--et-text); background: #fff; text-decoration: none; }.et-portal-summary i { display: grid; width: 48px; height: 48px; place-items: center; color: #fff; background: var(--et-dark); }.et-portal-summary > a i { background: var(--et-accent); }.et-portal-summary strong,.et-portal-summary span { display: block; }.et-portal-summary strong { font-size: 25px; }.et-portal-summary span { margin-top: 2px; color: var(--et-muted); font-size: 12px; }.et-ticket-list-head { display: flex; align-items: end; justify-content: space-between; gap: 20px; margin: 55px 0 20px; }.et-ticket-list-head h2 { margin: 0; font-size: 29px; }.et-ticket-list-head p { margin: 6px 0 0; color: var(--et-muted); font-size: 13px; }.et-ticket-list { display: grid; gap: 10px; }.et-ticket-row { display: flex; align-items: center; gap: 17px; padding: 20px 23px; color: var(--et-text); background: #fff; text-decoration: none; border-left: 3px solid transparent; }.et-ticket-row:hover { border-color: var(--et-accent); }.et-ticket-icon { display: grid; width: 44px; height: 44px; flex: 0 0 auto; place-items: center; color: var(--et-accent); background: #fff5e5; }.et-ticket-main { display: grid; min-width: 0; flex: 1; gap: 3px; }.et-ticket-main small,.et-ticket-main time { color: var(--et-muted); font-size: 10px; font-weight: 700; }.et-ticket-main strong { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }.et-status { padding: 7px 10px; color: #765119; background: #fff2d9; font-size: 10px; font-weight: 800; white-space: nowrap; }.et-status.answered { color: #226844; background: #e7f8ee; }.et-status.closed { color: #677085; background: #edf0f5; }.et-status.customer_reply { color: #8549a5; background: #f5eaff; }.et-empty-state { padding: 65px 20px; text-align: center; background: #fff; }.et-empty-state i { color: var(--et-accent); font-size: 40px; }.et-empty-state h3 { margin: 18px 0 7px; }.et-empty-state p { color: var(--et-muted); }.et-empty-state a { color: var(--et-text); font-weight: 800; }
.et-ticket-create-grid { display: grid; grid-template-columns: .65fr 1.35fr; gap: 75px; align-items: start; }.et-ticket-create-grid > div > h2 { margin: 0; font-size: 38px; letter-spacing: -.04em; }.et-ticket-create-grid > div > p { color: var(--et-muted); line-height: 1.8; }.et-help-note { display: flex; gap: 13px; margin-top: 28px; padding: 18px; color: var(--et-muted); background: #fff; font-size: 12px; line-height: 1.6; }.et-help-note i { color: var(--et-accent); }.et-help-note strong { display: block; color: var(--et-text); }.et-ticket-detail-head { display: flex; align-items: center; justify-content: space-between; gap: 20px; margin-bottom: 25px; }.et-ticket-detail-head > a { color: var(--et-text); font-size: 13px; font-weight: 800; text-decoration: none; }.et-ticket-detail-head > div { display: flex; align-items: center; gap: 10px; }.et-ticket-detail-head form { margin: 0; }.et-close-ticket { padding: 8px 11px; color: #a53030; background: #fff0f0; border: 0; font-size: 11px; font-weight: 800; cursor: pointer; }.et-ticket-detail-grid { display: grid; grid-template-columns: 1.25fr .75fr; gap: 28px; align-items: start; }.et-ticket-title { padding: 28px; background: #fff; border-top: 3px solid var(--et-accent); }.et-ticket-title small { color: var(--et-accent); font-weight: 800; }.et-ticket-title h2 { margin: 8px 0; font-size: 28px; }.et-ticket-title time { color: var(--et-muted); font-size: 11px; }.et-conversation { display: grid; gap: 13px; margin-top: 15px; }.et-message { padding: 25px; background: #fff; }.et-message.admin { margin-left: 45px; color: #fff; background: #292d3e; border-left: 3px solid var(--et-accent); }.et-message.customer { margin-right: 45px; }.et-message-meta { display: flex; align-items: center; gap: 12px; }.et-message-meta > span { display: grid; width: 38px; height: 38px; place-items: center; color: #fff; background: var(--et-accent); }.et-message-meta strong,.et-message-meta time { display: block; }.et-message-meta time { margin-top: 2px; color: var(--et-muted); font-size: 10px; }.et-message p { margin: 18px 0 0; font-size: 14px; line-height: 1.8; }.et-message.admin p { color: var(--et-soft); }.et-closed-card { padding: 38px; text-align: center; background: #fff; }.et-closed-card i { color: #42a56f; font-size: 38px; }.et-closed-card p { color: var(--et-muted); line-height: 1.7; }.et-closed-card a { color: var(--et-text); font-weight: 800; }

.modal-open { overflow: hidden; }
.modal-backdrop { visibility: hidden; position: fixed; inset: 0; z-index: 100; display: grid; place-items: center; padding: 20px; background: rgba(20,23,36,.86); opacity: 0; backdrop-filter: blur(4px); transition: .2s ease; }
.modal-backdrop.is-open { visibility: visible; opacity: 1; }
.modal-panel { width: min(560px, 100%); max-height: 92vh; overflow-y: auto; padding: 32px; background: #fff; border-top: 4px solid var(--et-accent); transform: translateY(15px); transition: .2s ease; }
.modal-backdrop.is-open .modal-panel { transform: none; }
.modal-head { display: flex; justify-content: space-between; gap: 20px; }.modal-head small { color: var(--et-accent); font-weight: 800; letter-spacing: .12em; }.modal-head h2 { margin: 5px 0; }.modal-head p { margin: 0; color: var(--et-muted); font-size: 13px; }.modal-close { width: 40px; height: 40px; border: 0; background: var(--et-bg); cursor: pointer; }
.et-form { display: grid; gap: 15px; margin-top: 24px; }.et-form-row { display: grid; grid-template-columns: 1fr 1fr; gap: 15px; }.et-form label { color: var(--et-text); font-size: 12px; font-weight: 800; }.et-form input,.et-form textarea,.et-form select { width: 100%; margin-top: 7px; padding: 12px 13px; border: 1px solid #dde0ea; border-radius: 2px; outline: none; resize: vertical; background: #fff; }.et-form input:focus,.et-form textarea:focus,.et-form select:focus { border-color: var(--et-accent); box-shadow: 0 0 0 3px rgba(255,152,0,.12); }.et-submit { display: flex; align-items: center; justify-content: center; gap: 10px; padding: 15px; color: #fff; background: var(--et-dark); border: 0; font-weight: 800; cursor: pointer; }.et-feedback { padding: 12px; color: #247047; background: #eaf8ef; font-size: 13px; font-weight: 700; }.et-feedback.error { color: #a53030; background: #fff0f0; }.hidden { display: none !important; }
.et-form-note { margin: -4px 0 0; color: var(--et-muted); font-size: 11px; }
.et-alert { margin-bottom: 20px; padding: 14px 16px; font-size: 13px; font-weight: 700; line-height: 1.5; }.et-alert.error { color: #a53030; background: #fff0f0; border-left: 3px solid #dc4343; }.et-alert.success { color: #247047; background: #eaf8ef; border-left: 3px solid #34a467; }

.reveal { opacity: 0; transform: translateY(16px); transition: opacity .55s ease, transform .55s ease; }.reveal.visible { opacity: 1; transform: none; }

@media (max-width: 980px) {
  .et-menu,.et-nav-actions .et-nav-button:not(.primary) { display: none; }.et-mobile-toggle { display: grid; place-items: center; }.et-nav-actions { margin-left: auto; }
  .et-hero { padding-top: 60px; }.et-hero-grid { grid-template-columns: 1fr; gap: 50px; }.et-featured-wrap { width: min(520px,100%); }.et-featured-card { min-height: 450px; }
  .et-feature-grid { grid-template-columns: repeat(2,1fr); }.et-flow-grid { grid-template-columns: repeat(2,1fr); }.et-flow-item:nth-child(3) { border-top: 1px solid var(--et-line); }.et-flow-item:nth-child(4) { border-top: 1px solid var(--et-line); border-right: 1px solid var(--et-line); }
  .et-detail-feature-grid { grid-template-columns: repeat(2,minmax(0,1fr)); }.et-cap-grid { grid-template-columns: repeat(2,1fr); }.et-proof-grid { grid-template-columns: 1fr; gap: 60px; }.et-footer-main { grid-template-columns: 1fr 1fr; }.et-footer-brand { grid-column: 1/-1; }
  .et-page-grid,.et-security-grid,.et-contact-grid,.et-faq-page-grid { grid-template-columns: 1fr; gap: 45px; }
  .et-service-content-grid.has-image { grid-template-columns: 1fr; }.et-service-image { max-width: 720px; }.et-related-grid { grid-template-columns: repeat(2,1fr); }
  .et-auth-page { background: var(--et-bg); }.et-auth-shell { grid-template-columns: 1fr; gap: 35px; }.et-auth-intro { padding: 25px; background: var(--et-dark); }.et-ticket-create-grid,.et-ticket-detail-grid { grid-template-columns: 1fr; }.et-portal-summary { grid-template-columns: 1fr 1fr; }
}

@media (max-width: 640px) {
  .et-container { width: min(1180px, calc(100% - 28px)); }.et-hero-grid,.et-hero-copy,.et-showcase-row,.et-featured-wrap { min-width: 0; max-width: 100%; }.et-by,.et-nav-actions .primary { display: none; }.et-logo strong { font-size: 23px; }.et-hero { min-height: auto; padding: 45px 0 125px; }.et-kicker { font-size: 17px; }.et-hero h1 { max-width: 100%; overflow-wrap: anywhere; font-size: clamp(34px, 10.2vw, 40px); }.et-hero-copy > p { font-size: 16px; }.et-hero-actions { flex-wrap: wrap; }.et-showcase-row { grid-template-columns: minmax(0,1fr); }.et-product-card { width: 100%; min-height: 220px; }.et-featured-card { min-height: 430px; }.et-hero-wave { height: 90px; }
  .et-section { padding: 70px 0; }.et-heading h2 { font-size: 31px; }.et-feature-grid,.et-detail-feature-grid,.et-flow-grid,.et-cap-grid,.et-plan-grid,.et-stats-grid { grid-template-columns: 1fr; }.et-feature,.et-detail-feature-card { min-height: auto; }.et-detail-feature-group > header { align-items: flex-start; flex-direction: column; gap: 10px; }.et-flow-item,.et-flow-item:last-child { border: 0; border-top: 1px solid var(--et-line); }.et-flow-item:last-child { border-bottom: 1px solid var(--et-line); }
  .et-pricing { padding: 120px 0 80px; background: var(--et-dark); }.et-plan:not(.featured) { margin-top: 0; }.et-plan { min-height: auto; padding: 30px 25px; }.et-plan-grid { gap: 18px; }.et-capabilities { clip-path: polygon(0 2%,100% 0,100% 98%,0 100%); }.et-proof { padding: 75px 0; }.et-quote { padding: 28px 24px; }.et-form-row { grid-template-columns: 1fr; }.et-stat,.et-stat:first-child { border: 0; border-bottom: 1px solid var(--et-line); }.et-footer-main { grid-template-columns: 1fr; gap: 35px; }.et-footer-brand { grid-column: auto; }.et-footer-end { flex-direction: column; gap: 8px; }.modal-panel { padding: 25px 20px; }
  .et-page-hero { padding: 50px 0 75px; }.et-breadcrumb { margin-bottom: 38px; }.et-page-hero h1 { font-size: 42px; }.et-page-hero p { font-size: 16px; }.et-page-section { padding: 65px 0; }.et-prose { font-size: 16px; }.et-value-grid { grid-template-columns: 1fr; }.et-value-grid article { border-right: 0; border-bottom: 1px solid var(--et-line); }.et-page-cta .et-container { align-items: flex-start; flex-direction: column; }.et-contact-card,.et-side-card { padding: 28px 23px; }.et-accordion-page { padding: 5px 20px; }
  .et-auth-page { padding: 35px 14px; }.et-auth-card,.et-auth-intro { padding: 27px 22px; }.et-auth-intro h1 { font-size: 38px; }.et-portal-top .et-container { align-items: flex-start; flex-direction: column; }.et-portal-nav .et-container { overflow-x: auto; }.et-portal-nav a { flex: 0 0 auto; }.et-portal-summary { grid-template-columns: 1fr; }.et-ticket-list-head { align-items: flex-start; flex-direction: column; }.et-ticket-row { align-items: flex-start; flex-wrap: wrap; }.et-ticket-row > .fa-chevron-right { display: none; }.et-status { margin-left: 61px; }.et-message.admin,.et-message.customer { margin-inline: 0; }.et-ticket-detail-head { align-items: flex-start; flex-direction: column; }
  .et-service-head { padding: 28px 0 38px; }.et-service-head .et-breadcrumb { margin-bottom: 22px; }.et-service-head h1 { font-size: 40px; }.et-service-head p { font-size: 16px; }.et-service-content { padding: 42px 0 65px; }.et-service-copy { font-size: 16px; }.et-service-image,.et-service-image img { min-height: 240px; }.et-service-cta { align-items: flex-start; flex-direction: column; padding: 25px 22px; }.et-related-grid { grid-template-columns: 1fr; }
}

@media (prefers-reduced-motion: reduce) { html { scroll-behavior: auto; }.reveal { opacity: 1; transform: none; transition: none; }* { animation-duration: .01ms !important; transition-duration: .01ms !important; } }