.ed { --ed-accent: #b8f0d8; --ed-glow: #79d8c1; }
.ed--e-arsiv { --ed-accent: #cfc4ff; --ed-glow: #a397e5; }
.ed--e-defter { --ed-accent: #b5d6ff; --ed-glow: #7baef0; }
.ed--e-irsaliye { --ed-accent: #abe7ef; --ed-glow: #64c6d3; }
.ed--e-mutabakat { --ed-accent: #f0deb1; --ed-glow: #ddba70; }
.mp:has(.ed) { padding-top: 38px; }
.ed .mp-eyebrow { font-size: 10px; letter-spacing: .15em; }
.ed .mp-button, .ed .mp-textlink { font-size: 12px; }
.ed em { color: var(--ed-accent); font: inherit; }
.ed-hero { display: grid; grid-template-columns: 1.05fr 1fr; gap: 64px; align-items: center; padding: 22px 0 48px; }
.ed-hero__copy { min-width: 0; }
.ed-back { display: inline-flex; flex-wrap: wrap; gap: 14px; color: #b9c4dd; text-decoration: none; }
.ed h1 { margin: 25px 0 22px; letter-spacing: -.035em; }
.ed-brand { display: block; font-size: clamp(46px, 5.5vw, 78px); line-height: 1.12; font-weight: 500; }
.ed-brand > span { color: var(--ed-accent); }
.ed-subtitle { display: block; font-size: 14px; letter-spacing: 0; color: #b9c4dd; font-weight: 400; margin-top: 14px; line-height: 1.6; }
.ed .ed-promise { font-size: clamp(24px, 2.4vw, 34px); color: #eff4ff; line-height: 1.3; letter-spacing: -.035em; margin: 0 0 20px; }
.ed .ed-intro { font-size: 14px; max-width: 475px; line-height: 1.9; margin-bottom: 28px; }
.ed .mp-actions { flex-wrap: wrap; gap: 20px; }
.ed-scene { margin: 0; padding: 26px 28px 22px; border: 1px solid #adcdf22b; border-radius: 24px; background: radial-gradient(ellipse at 50% 40%, color-mix(in srgb, var(--ed-glow) 12%, transparent), transparent 70%), #ffffff02; min-width: 0; }
.ed-scene__head { display: flex; justify-content: space-between; color: var(--ed-accent); font-size: 9px; letter-spacing: .16em; }
.ed-scene__head > span:last-child { font-size: 18px; }
.ed-art { height: 330px; position: relative; isolation: isolate; }
.ed-orbit { position: absolute; border: 1px solid #adcdf21c; width: 290px; height: 290px; border-radius: 50%; left: 50%; top: 50%; transform: translate(-50%, -50%); }
.ed-orbit::before { content: ''; position: absolute; inset: 24px; border: 1px dashed #adcdf21c; border-radius: inherit; }
.ed-sheet { position: absolute; width: 245px; height: 284px; left: 50%; top: 50%; margin: -142px 0 0 -122.5px; border: 1px solid #adcdf244; border-radius: 14px; }
.ed-sheet--back { background: #273454; transform: translate(-23px, 4px) rotate(-8deg); animation: ed-stack 1.1s both; }
.ed-sheet--front { padding: 20px; background: linear-gradient(135deg, #30445c, #192640 75%); box-shadow: 0 22px 50px #04092044; animation: ed-arrive .9s .12s both; }
.ed-sheet__top, .ed-sheet__foot { display: flex; justify-content: space-between; align-items: center; }
.ed-sheet__top > span { font-size: 15px; font-weight: 600; letter-spacing: -.05em; color: #f0f5ff; }
.ed-sheet__title { display: block; font-size: 23px; font-weight: 500; letter-spacing: -.035em; color: var(--ed-accent); margin: 14px 0; }
.ed-sheet__foot { border-top: 1px solid #adcdf226; margin-top: 16px; padding-top: 10px; font-size: 7px; letter-spacing: .1em; color: #b9c4dd; }
.ed-sheet__foot b { font-size: 17px; color: var(--ed-accent); }
.ed-invoice, .ed-ledger, .ed-dispatch, .ed-accounts, .ed-folders { height: 105px; }
.ed-invoice > span, .ed-invoice > div { font-size: 7px; color: #b9c4dd; letter-spacing: .06em; }
.ed-invoice > div { display: flex; justify-content: space-between; margin: 17px 0 9px; }
.ed-invoice i, .ed-accounts i { display: block; width: 100%; height: 3px; background: #adcdf233; margin: 8px 0; border-radius: 8px; }
.ed-invoice > i:nth-child(3) { width: 60%; }
.ed-invoice > i:last-child { width: 76%; }
.ed-ledger > div { display: grid; grid-template-columns: 1.3fr 1fr 1fr; gap: 12px; border-bottom: 1px solid #adcdf220; padding: 3px 0; font-size: 7px; color: #b9c4dd; }
.ed-ledger i { height: 3px; margin-block: 3px; background: #adcdf244; border-radius: 3px; }
.ed-ledger .ed-ledger__total { color: var(--ed-accent); border: 0; }
.ed-dispatch { color: var(--ed-accent); }
.ed-dispatch svg { width: 100%; height: 84px; }
.ed-dispatch > div { display: flex; justify-content: space-between; color: #b9c4dd; font-size: 8px; }
.ed-route { stroke-dasharray: 1; animation: ed-route 1.8s .4s both; }
.ed-accounts { display: flex; align-items: center; gap: 10px; }
.ed-accounts > div { flex: 1; padding: 11px 8px; border: 1px solid #adcdf22b; border-radius: 7px; }
.ed-accounts span { font-size: 7px; color: #b9c4dd; white-space: nowrap; }
.ed-accounts b { color: var(--ed-accent); font-weight: 400; }
.ed-folders > div { display: flex; align-items: center; gap: 12px; padding: 8px 10px; margin-bottom: 5px; border: 1px solid #adcdf22b; border-radius: 5px; font-size: 9px; color: #e2e9ff; background: #adcdf206; }
.ed-folders span { font-size: 7px; color: #b9c4dd; }
.ed-folders i { margin-left: auto; color: var(--ed-accent); font-style: normal; }
.ed-seal { display: flex; gap: 12px; align-items: center; position: absolute; right: 0; bottom: 20px; background: #172a3b; border: 1px solid color-mix(in srgb, var(--ed-accent) 40%, transparent); border-radius: 12px; padding: 12px 18px; box-shadow: 0 10px 28px #04092033; animation: ed-arrive .8s .65s both; }
.ed-seal > span { color: var(--ed-accent); font-size: 22px; }
.ed-seal > div { font-size: 9px; color: #bccddd; }
.ed-seal strong { display: block; color: var(--ed-accent); font-weight: 500; font-size: 13px; margin-top: 4px; }
.ed-scene__label { display: block; color: #e4edff; font-size: 14px; font-weight: 500; text-align: center; }
.ed-scene figcaption { color: #aabbd3; font-size: 9px; text-align: center; margin-top: 9px; }
.ed-nav { display: flex; border-block: 1px solid var(--mp-line); padding: 20px 0; gap: 34px; }
.ed-nav a { display: flex; align-items: center; gap: 24px; font-size: 12px; }
.ed-nav span { color: var(--ed-accent); }
.ed-section { padding: 66px 0 0; scroll-margin-top: 115px; }
.ed h2 { font-size: clamp(28px, 3vw, 39px); line-height: 1.25; letter-spacing: -.045em; }
.ed-heading { display: flex; justify-content: space-between; align-items: end; gap: 40px; margin-bottom: 28px; }
.ed-heading h2 { margin-bottom: 0; }
.ed-heading > p { max-width: 280px; font-size: 14px; margin: 0; }
.ed-features { display: grid; grid-template-columns: repeat(3, minmax(0, 1fr)); gap: 16px; }
.ed-features article { border: 1px solid var(--mp-line); border-radius: 16px; padding: 26px; background: #ffffff03; transition: border-color .25s, background .25s; }
.ed-features article:hover { border-color: color-mix(in srgb, var(--ed-accent) 55%, transparent); background: #ffffff06; }
.ed-number { display: flex; justify-content: space-between; font-size: 11px; color: var(--ed-accent); margin-bottom: 36px; }
.ed-number i { font-style: normal; font-size: 17px; }
.ed-features h3 { font-size: 18px; line-height: 1.4; letter-spacing: -.025em; margin-bottom: 12px; }
.ed-features p, .ed-focus p, .ed-faq p { font-size: 13px; line-height: 1.9; margin-bottom: 0; }
.ed-focus, .ed-faq { display: grid; grid-template-columns: 1fr 1fr; gap: 80px; }
.ed-focus .mp-textlink { display: inline-flex; margin-top: 24px; }
.ed-process { border-block: 1px solid var(--mp-line); padding: 25px 0 0; }
.ed-process ol { list-style: none; padding: 0; margin: 12px 0 0; }
.ed-process li { display: flex; gap: 24px; align-items: center; padding: 18px 0; border-top: 1px solid var(--mp-line); }
.ed-process li > span { font-size: 10px; color: #b9c4dd; }
.ed-process strong { font-size: 23px; font-weight: 500; letter-spacing: -.03em; }
.ed-process i { margin-left: auto; color: var(--ed-accent); font-style: normal; }
.ed-faq details { border-bottom: 1px solid var(--mp-line); }
.ed-faq summary { display: flex; justify-content: space-between; gap: 24px; list-style: none; cursor: pointer; padding: 22px 0; font-size: 14px; line-height: 1.6; }
.ed-faq summary::-webkit-details-marker { display: none; }
.ed-faq summary > span { color: var(--ed-accent); font-size: 20px; transition: transform .25s; }
.ed-faq details[open] summary > span { transform: rotate(45deg); }
.ed-faq details p { padding-bottom: 24px; }
.ed-related { display: grid; grid-template-columns: repeat(4, minmax(0, 1fr)); gap: 12px; }
.ed-related a { display: flex; align-items: center; gap: 14px; border: 1px solid var(--mp-line); border-radius: 12px; padding: 20px 16px; transition: background .25s; }
.ed-related a:hover { background: #ffffff08; }
.ed-related strong { font-size: 14px; font-weight: 500; }
.ed-related a > span { margin-left: auto; color: var(--ed-accent); }
.ed-cta { padding: 80px 0 20px; text-align: center; }
.ed-cta p { font-size: 13px; margin: 22px 0 28px; }
.ed a:focus-visible, .ed summary:focus-visible { outline: 2px solid var(--ed-accent); outline-offset: 5px; border-radius: 4px; }
@keyframes ed-arrive { from { opacity: 0; translate: 0 18px; } to { opacity: 1; translate: 0 0; } }
@keyframes ed-stack { from { opacity: 0; transform: translate(0, 4px) rotate(0); } to { opacity: 1; transform: translate(-23px, 4px) rotate(-8deg); } }
@keyframes ed-route { from { stroke-dashoffset: 1; } to { stroke-dashoffset: 0; } }
@media (max-width: 1050px) { .ed-hero { gap: 30px; } .ed-focus, .ed-faq { gap: 40px; } .ed-related { grid-template-columns: repeat(2, minmax(0, 1fr)); } }
@media (max-width: 760px) {
    .mp:has(.ed) { padding-top: 26px; }
    .ed-hero { grid-template-columns: 1fr; gap: 32px; padding-top: 8px; }
    .ed-brand { font-size: clamp(44px, 10vw, 64px); }
    .ed-scene { width: 100%; max-width: 490px; margin-inline: auto; }
    .ed-features, .ed-focus, .ed-faq { grid-template-columns: 1fr; gap: 20px; }
    .ed-section { padding-top: 46px; }
    .ed-heading { align-items: start; flex-direction: column; gap: 18px; }
    .ed-number { margin-bottom: 22px; }
    .ed-nav { flex-wrap: wrap; gap: 20px 26px; }
    .ed-nav a { font-size: 11px; gap: 12px; }
    .ed-cta { padding-top: 55px; }
}
@media (max-width: 400px) { .ed-scene { padding: 22px 16px; } .ed-sheet { width: 225px; margin-left: -112.5px; } .ed-seal { right: -4px; padding: 10px 14px; } .ed-related { grid-template-columns: 1fr; } .ed-orbit { width: 260px; height: 260px; } }
@media (prefers-reduced-motion: reduce) { .ed *, .ed *::before { animation: none !important; transition: none !important; } }