/* Managed Private Hosting tanıtım sayfası (landing-managed.tpl). Yalnız bu sayfada yüklenir. Görseller CSS; dış istek yok. R2 2026-11-09 */
.gyro-mng-slogan { display: block; margin-top: .45rem; font-size: .62em; font-weight: 700; line-height: 1.2; letter-spacing: -.01em; background: linear-gradient(90deg, #7fe7d9, #ffd27a); -webkit-background-clip: text; background-clip: text; color: transparent; }
@supports not ((-webkit-background-clip: text) or (background-clip: text)) { .gyro-mng-slogan { color: #ffd27a; } }

/* Hero: teslim konsolu */
.gyro-mng-hero-art { width: min(100%, 31rem); }
.gyro-mng-console { position: relative; border-radius: 1rem; background: #fff; color: #1d2733; padding: 1.1rem 1.25rem 1rem; box-shadow: 0 30px 80px -25px rgba(0,0,0,.6), 0 0 0 1px rgba(255,255,255,.08); transform: perspective(1400px) rotateY(-6deg) rotateX(2deg); transition: transform .6s var(--gyro-ease); }
[dir="rtl"] .gyro-mng-console { transform: perspective(1400px) rotateY(6deg) rotateX(2deg); }
.gyro-mng-hero-art:hover .gyro-mng-console { transform: none; }
.gyro-mng-console-head { display: flex; align-items: center; gap: .55rem; padding-bottom: .75rem; border-bottom: 1px solid #e6ebf0; font-size: .95rem; }
.gyro-mng-console-head em { margin-inline-start: auto; font-style: normal; font-weight: 700; font-size: .78rem; padding: .2rem .6rem; border-radius: 999px; background: #e7f6ee; color: #0f6b40; }
.gyro-mng-led { width: .65rem; height: .65rem; border-radius: 50%; background: #1f9d63; box-shadow: 0 0 0 3px rgba(31,157,99,.2); animation: gyro-mng-pulse 2.4s ease-in-out infinite; }
@keyframes gyro-mng-pulse { 50% { box-shadow: 0 0 0 6px rgba(31,157,99,.08); } }
.gyro-mng-console-list { list-style: none; margin: .4rem 0 0; padding: 0; }
.gyro-mng-console-list li { display: grid; grid-template-columns: auto 1fr auto; align-items: center; gap: .6rem; padding: .58rem 0; border-bottom: 1px dashed #edf1f5; font-size: .86rem; font-weight: 600; opacity: 0; animation: gyro-mng-in .5s var(--gyro-ease) forwards; }
.gyro-mng-console-list li:nth-child(1) { animation-delay: .1s; } .gyro-mng-console-list li:nth-child(2) { animation-delay: .35s; } .gyro-mng-console-list li:nth-child(3) { animation-delay: .6s; } .gyro-mng-console-list li:nth-child(4) { animation-delay: .85s; } .gyro-mng-console-list li:nth-child(5) { animation-delay: 1.1s; }
.gyro-mng-console-list li > i { color: #1f9d63; }
.gyro-mng-console-list b { font-weight: 600; font-size: .75rem; color: #5b6673; background: #f1f4f7; padding: .15rem .5rem; border-radius: .4rem; white-space: nowrap; }
@keyframes gyro-mng-in { from { opacity: 0; transform: translateY(6px); } to { opacity: 1; transform: none; } }
.gyro-mng-console-foot { display: flex; gap: 1rem; flex-wrap: wrap; padding-top: .75rem; font-size: .76rem; color: #5b6673; }
.gyro-mng-console-foot i { color: #128788; margin-inline-end: .3rem; }
.gyro-mng-hero-art .gyro-mail-chip-1 { top: auto; bottom: -5%; inset-inline-start: 4%; }
.gyro-mng-hero-art .gyro-mail-chip-2 { bottom: auto; top: -5%; inset-inline-end: -3%; }

/* Ajans kartları: 3 sütun */
@media (min-width: 992px) { .gyro-mng-grid-3 { grid-template-columns: repeat(3, 1fr); } }

/* Neler yönetiyoruz */
.gyro-mng-manage-grid { display: grid; grid-template-columns: 1.4fr 1fr; gap: 2.5rem; align-items: center; }
@media (max-width: 991.98px) { .gyro-mng-manage-grid { grid-template-columns: 1fr; } }
.gyro-mng-checks { list-style: none; margin: 1rem 0 0; padding: 0; display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .65rem 1.5rem; }
@media (max-width: 575.98px) { .gyro-mng-checks { grid-template-columns: 1fr; } }
.gyro-mng-checks li { display: flex; gap: .6rem; align-items: flex-start; color: var(--wstyle-body-color, #28303c); font-size: .95rem; }
.gyro-mng-checks i { color: #1f9d63; margin-top: .15rem; }
.gyro-mng-you { position: relative; overflow: hidden; padding: 2rem 1.75rem; border-radius: 1.25rem; color: #fff; background: radial-gradient(120% 120% at 100% 0, #128788 0, #065174 55%, #04314a 100%); box-shadow: var(--gyro-shadow-lg, 0 20px 50px -20px rgba(0,0,0,.35)); }
.gyro-mng-you::after { content: ""; position: absolute; inset: auto -20% -40% auto; width: 14rem; height: 14rem; border-radius: 50%; background: rgba(255,255,255,.07); }
.gyro-mng-you h3 { color: #fff; font-size: 1.35rem; font-weight: 800; margin: .75rem 0 1rem; }
.gyro-mng-you ul { list-style: none; margin: 0 0 1.4rem; padding: 0; display: grid; gap: .7rem; }
.gyro-mng-you li { display: flex; gap: .6rem; align-items: center; font-weight: 600; }
.gyro-mng-you li i { color: #ffd27a; font-size: 1.15rem; }
.gyro-mng-you-ico { display: inline-grid; place-items: center; width: 3rem; height: 3rem; border-radius: .9rem; background: rgba(255,255,255,.14); font-size: 1.5rem; }

/* Donanım şeridi */
.gyro-mng-hw { background: linear-gradient(135deg, #04314a, #065174 60%, #0d6f73); color: #e6f1f6; }
.gyro-mng-hw .gyro-section-head h2 { color: #fff; }
.gyro-mng-hw .gyro-section-head p { color: #c4d7e2; }
.gyro-mng-hw .gyro-eyebrow { color: #ffd27a; }
.gyro-mng-hw-list { list-style: none; margin: 0; padding: 0; display: grid; grid-template-columns: repeat(5, minmax(0, 1fr)); gap: 1rem; }
@media (max-width: 1199.98px) { .gyro-mng-hw-list { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 575.98px) { .gyro-mng-hw-list { grid-template-columns: 1fr; } }
.gyro-mng-hw-list li { display: grid; gap: .3rem; padding: 1.25rem 1.1rem; border-radius: 1rem; background: rgba(255,255,255,.07); border: 1px solid rgba(255,255,255,.14); transition: transform .2s var(--gyro-ease), background .2s; }
.gyro-mng-hw-list li:hover { transform: translateY(-3px); background: rgba(255,255,255,.11); }
.gyro-mng-hw-list i { font-size: 1.6rem; color: #7fe7d9; }
.gyro-mng-hw-list strong { color: #fff; font-size: 1rem; }
.gyro-mng-hw-list span { color: #c4d7e2; font-size: .86rem; line-height: 1.35; }

/* Karşılaştırma tablosu */
.gyro-mng-cmp-wrap { overflow-x: auto; border-radius: 1rem; border: 1px solid var(--wstyle-border-color, #e3e8ee); background: var(--wstyle-surface-bg, #fff); }
.gyro-mng-cmp-wrap:focus-visible { outline: 3px solid var(--wstyle-primary); outline-offset: 2px; }
.gyro-mng-cmp { width: 100%; min-width: 36rem; border-collapse: collapse; font-size: .95rem; }
.gyro-mng-cmp th, .gyro-mng-cmp td { padding: .9rem 1.1rem; text-align: start; border-bottom: 1px solid var(--wstyle-border-color, #e3e8ee); vertical-align: middle; }
.gyro-mng-cmp tbody tr:last-child th, .gyro-mng-cmp tbody tr:last-child td { border-bottom: 0; }
.gyro-mng-cmp thead th { font-size: .82rem; text-transform: uppercase; letter-spacing: .04em; color: var(--wstyle-muted-color, #5b6673); background: var(--wstyle-tertiary-bg, #f6f8fa); }
.gyro-mng-cmp thead th.is-us { color: #fff; background: linear-gradient(135deg, #128788, #065174); }
.gyro-mng-cmp tbody th { font-weight: 650; color: var(--wstyle-heading-color, #18202a); }
.gyro-mng-cmp td { color: var(--wstyle-muted-color, #5b6673); }
.gyro-mng-cmp td i { margin-inline-end: .45rem; }
.gyro-mng-cmp td.is-us { font-weight: 700; color: var(--wstyle-heading-color, #18202a); background: rgba(18,135,136,.06); }
.gyro-mng-cmp td.is-us i { color: #1f9d63; }

/* Son çağrı */
.gyro-mng-final { background: linear-gradient(135deg, rgba(18,135,136,.08), rgba(6,81,116,.08)); }
.gyro-mng-final-inner { display: flex; align-items: center; justify-content: space-between; gap: 1.5rem; flex-wrap: wrap; }
.gyro-mng-final-inner h2 { margin-bottom: .35rem; }
.gyro-mng-final-inner p { margin: 0; color: var(--wstyle-muted-color, #5b6673); }
.gyro-mng-final-cta { display: flex; gap: .75rem; flex-wrap: wrap; }

/* Koyu mod */
[data-bs-theme="dark"] .gyro-mng-console { background: #141c26; color: #e6edf5; }
[data-bs-theme="dark"] .gyro-mng-console-head, [data-bs-theme="dark"] .gyro-mng-console-list li { border-color: #26323f; }
[data-bs-theme="dark"] .gyro-mng-console-list b { background: #1d2833; color: #b6c4d3; }
[data-bs-theme="dark"] .gyro-mng-console-foot { color: #9fb0c2; }
[data-bs-theme="dark"] .gyro-mng-console-foot i, [data-bs-theme="dark"] .gyro-mng-checks i, [data-bs-theme="dark"] .gyro-mng-console-list li > i, [data-bs-theme="dark"] .gyro-mng-cmp td.is-us i { color: #5bd39a; }
[data-bs-theme="dark"] .gyro-mng-console-head em { background: rgba(31,157,99,.18); color: #7fe0b0; }
[data-bs-theme="dark"] .gyro-mng-cmp thead th:not(.is-us) { background: rgba(255,255,255,.04); color: #a9b8c8; }
[data-bs-theme="dark"] .gyro-mng-cmp td { color: #a9b8c8; }
[data-bs-theme="dark"] .gyro-mng-cmp tbody th, [data-bs-theme="dark"] .gyro-mng-cmp td.is-us { color: #e6edf5; }
[data-bs-theme="dark"] .gyro-mng-cmp td.is-us { background: rgba(91,211,154,.08); }

/* Hareket azaltma */
@media (prefers-reduced-motion: reduce) { .gyro-mng-console { transition: none; transform: none; } .gyro-mng-console-list li { animation: none; opacity: 1; } .gyro-mng-led { animation: none; } }
[data-motion="none"] .gyro-mng-console { transition: none; transform: none; }
[data-motion="none"] .gyro-mng-console-list li { animation: none; opacity: 1; }
[data-motion="none"] .gyro-mng-led { animation: none; }
@media (max-width: 575.98px) { .gyro-mng-hero-art .gyro-mail-chip-1 { inset-inline-start: 0; } .gyro-mng-hero-art .gyro-mail-chip-2 { inset-inline-end: 0; } .gyro-mng-console-list b { display: none; } .gyro-mng-console-list li { grid-template-columns: auto 1fr; } }