.ayberk-home-globe { position: relative; min-height: 47.5rem; overflow: hidden; background: #fff; }
.ayberk-home-globe__grid { position: relative; min-height: 47.5rem; display: grid; grid-template-columns: minmax(0,.78fr) minmax(0,1.22fr); align-items: center; gap: 1rem; }
.ayberk-home-globe__copy { position: relative; z-index: 3; padding-block: 6rem; }
.ayberk-home-globe__copy .ayberk-lead { max-width: 36rem; margin: 1.25rem 0 0; }
.ayberk-home-globe__stats { max-width: 36rem; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1px; padding: 1px; margin: 2rem 0; overflow: hidden; background: var(--ayberk-color-line); border: 1px solid var(--ayberk-color-line); border-radius: .75rem; }
.ayberk-home-globe__stats > div { display: flex; flex-direction: column-reverse; padding: 1.25rem 1.5rem; background: #fff; }
.ayberk-home-globe__stats dt { color: var(--ayberk-color-muted); font-size: .82rem; }
.ayberk-home-globe__stats dd { margin: 0; color: var(--ayberk-color-primary); font-size: 1.5rem; font-weight: 800; line-height: 1.3; }
.ayberk-home-globe__visual { position: static; min-width: 0; height: 47.5rem; }
.ayberk-home-globe__composition { position: absolute; z-index: 1; top: 3.2rem; left: calc(64% - 24.125rem + 7rem + clamp(1rem,2vw,2rem)); width: 53rem; height: 48.5rem; }
.ayberk-home-globe__canvas { position: absolute; inset: 0; cursor: grab; touch-action: pan-y; }
.ayberk-home-globe__canvas:active { cursor: grabbing; }
.ayberk-home-globe__canvas canvas { width: 100% !important; height: 100% !important; outline: 0; }
.ayberk-globe-card { position: absolute; z-index: 2; min-width: 10.5rem; max-width: 14rem; display: grid; gap: .2rem; padding: .9rem 1rem; background: rgba(255,255,255,.94); border: 1px solid rgba(8,103,232,.12); border-radius: .7rem; box-shadow: 0 16px 38px rgba(16,42,72,.14); backdrop-filter: blur(10px); pointer-events: none; }
.ayberk-globe-card strong { color: var(--ayberk-color-primary); font-size: .69rem; letter-spacing: .14em; text-transform: uppercase; }
.ayberk-globe-card span { color: var(--ayberk-color-muted); font-size: .76rem; line-height: 1.4; }
.ayberk-globe-card--1 { top: 39%; left: -4rem; }
.ayberk-globe-card--2 { top: 25%; right: 2rem; }
.ayberk-globe-card--3 { right: 9rem; bottom: 18%; }
@media (max-width: 1080px) { .ayberk-home-globe,.ayberk-home-globe__grid { min-height: auto; } .ayberk-home-globe__grid { grid-template-columns: 1fr; } .ayberk-home-globe__copy { padding: 5.5rem 0 1rem; } .ayberk-home-globe__visual { position: relative; height: 36rem; margin-bottom: -1rem; } .ayberk-home-globe__composition { top: 0; left: 50%; width: min(46rem,92vw); height: 41rem; transform: translateX(-48%); } .ayberk-globe-card--1 { top: 39%; left: -4rem; } .ayberk-globe-card--2 { top: 23%; right: -2rem; } .ayberk-globe-card--3 { right: -2rem; bottom: 17%; } }
@media (max-width: 640px) { .ayberk-home-globe__copy { padding-top: 4.5rem; } .ayberk-home-globe__stats > div { padding: 1rem; } .ayberk-home-globe__visual { height: 29rem; } .ayberk-home-globe__composition { top: -4.25rem; width: min(28rem,114vw); height: 33.5rem; transform: translateX(-47%); } .ayberk-globe-card { min-width: 8rem; max-width: 10rem; padding: .65rem .7rem; } .ayberk-globe-card--1 { top: 42%; left: 1.25rem; } .ayberk-globe-card--2 { top: 18%; right: 2.75rem; } .ayberk-globe-card--3 { right: 2.75rem; bottom: 13%; } }