.gb-section{padding:80px 0;position:relative;overflow:hidden;background:var(--background)}
.gb-container{max-width:1400px;margin:0 auto;padding:0 20px}
.gb-header{text-align:center;margin-bottom:60px}
.gb-subtitle{font-size:1.2rem;color:var(--text);opacity:.8;margin-top:-15px}
.gb-main-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px;align-items:stretch}
.gb-column{display:flex;flex-direction:column;gap:30px}
.gb-metrics-row{display:flex;justify-content:space-between;gap:20px}
.gb-metric-item{flex:1;display:flex;align-items:center;gap:12px;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:15px;transition:all .3s ease}
.gb-metric-item:hover{transform:translateY(-2px);box-shadow:0 5px 15px #0000001a}
.gb-metric-icon{width:40px;height:40px;background:#2b7fff1a;border-radius:10px;display:flex;align-items:center;justify-content:center;color:var(--primary);font-size:1.2rem}
.gb-metric-data{display:flex;flex-direction:column}
.gb-metric-value{font-size:1.3rem;font-weight:800;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.gb-metric-label{font-size:.8rem;color:var(--text);opacity:.7}
.gb-globe-container{position:relative;width:100%;aspect-ratio:1;max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center}
.gb-globe-canvas{width:100%!important;height:100%!important;border-radius:50%;background:transparent;cursor:grab;position:relative;overflow:hidden}
.gb-globe-canvas canvas{width:100%!important;height:100%!important;border-radius:inherit;display:block!important;cursor:inherit}
.gb-globe-canvas:active,.gb-globe-canvas canvas:active{cursor:grabbing}
.gb-globe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 100px #2b7fff33 0 0 50px #2b7fff1a}
.gb-live-status{display:flex;align-items:center;justify-content:center;gap:10px;font-size:.95rem;color:var(--text);opacity:.8}
.gb-status-dot{width:8px;height:8px;background:#38b000;border-radius:50%;animation:pulse 2s infinite}
@keyframes pulse {
0%{opacity:1;box-shadow:0 0 0 0 #38b000b3}
70%{opacity:1;box-shadow:0 0 0 10px #38b00000}
100%{opacity:1;box-shadow:0 0 0 0 #38b00000}
}
.gb-cards-stack{display:flex;flex-direction:column;gap:20px}
.gb-info-card{background:var(--card-bg);border:1px solid var(--border);border-radius:16px;overflow:hidden;transition:all .3s ease}
.gb-info-card:hover{transform:translateX(5px);box-shadow:0 5px 20px #0000001a}
.gb-card-header{display:flex;align-items:center;gap:15px;padding:20px;background:#2b7fff0d;border-bottom:1px solid var(--border)}
.gb-card-icon{width:40px;height:40px;background:var(--gradient);border-radius:10px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:1.2rem}
.gb-card-header h3{font-size:1.1rem;font-weight:600;margin:0;color:var(--text)}
.gb-card-content{padding:20px}
.gb-timeline-mini{display:flex;flex-direction:column;gap:15px;position:relative;padding-left:30px}
.gb-timeline-mini::before{content:'';position:absolute;left:10px;top:10px;bottom:10px;width:2px;background:var(--border)}
.gb-timeline-item{display:flex;align-items:center;gap:15px;position:relative}
.gb-timeline-dot{position:absolute;left:-24px;width:12px;height:12px;border-radius:50%;background:var(--card-bg);border:2px solid var(--border)}
.gb-timeline-item.active .gb-timeline-dot{background:var(--primary);border-color:var(--primary)}
.gb-timeline-text{display:flex;flex-direction:column}
.gb-timeline-text strong{font-size:.95rem;color:var(--text)}
.gb-timeline-text span{font-size:.85rem;color:var(--text);opacity:.7}
.gb-stats-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.gb-stat{text-align:center;padding:15px;background:#2b7fff0d;border-radius:10px}
.gb-stat-value{display:block;font-size:1.4rem;font-weight:700;color:var(--primary);margin-bottom:5px}
.gb-stat-label{font-size:.85rem;color:var(--text);opacity:.7}
.gb-tech-features{display:grid;grid-template-columns:1fr 1fr;gap:15px}
.gb-tech-item{display:flex;align-items:center;gap:10px;font-size:.9rem;color:var(--text)}
.gb-tech-item i{color:var(--primary);font-size:1rem}
.gb-cta-box{display:flex;flex-direction:column;gap:15px;margin-top:auto}
.gb-urgency-badge{display:flex;align-items:center;justify-content:center;gap:8px;padding:10px;background:#ffbe0b1a;border-radius:10px;color:var(--warning);font-size:.95rem}
.gb-cta-button{display:flex;align-items:center;justify-content:center;gap:10px;padding:16px 30px;background:var(--gradient);color:#fff;border-radius:12px;font-weight:600;text-decoration:none;transition:all .3s ease;box-shadow:0 5px 15px #2b7fff4d}
.gb-cta-button:hover{transform:translateY(-2px);box-shadow:0 8px 25px #2b7fff66}
@media (max-width: 1024px) {
.gb-main-grid{gap:30px}
.gb-metrics-row{flex-wrap:wrap}
.gb-metric-item{min-width:calc(50% - 10px)}
}
@media (max-width: 768px) {
.gb-section{padding:60px 0}
.gb-main-grid{grid-template-columns:1fr;gap:40px}
.gb-globe-container{max-width:350px}
.gb-metric-item{padding:12px}
.gb-metric-icon{width:35px;height:35px;font-size:1rem}
.gb-metric-value{font-size:1.1rem}
.gb-stats-grid{grid-template-columns:1fr 1fr}
.gb-tech-features{grid-template-columns:1fr}
}
@media (max-width: 480px) {
.gb-metrics-row{gap:10px}
.gb-metric-item{min-width:100%;gap:10px}
.gb-globe-container{max-width:280px}
.gb-card-header{padding:15px}
.gb-card-content{padding:15px}
.gb-cta-button{padding:14px 24px}
}
.light-mode .gb-info-card{background:#f8f9fa}
.light-mode .gb-metric-item{background:#f8f9fa}
.light-mode .gb-globe-canvas{background:transparent}
.light-mode .gb-globe-overlay{box-shadow:inset 0 0 100px #2b7fff1a 0 0 50px #2b7fff0d}
@media (max-width: 768px) {
.gb-section{padding:0;background:#f5f5f7}
.dark-mode .gb-section{background:#000}
.gb-container{padding:0;max-width:100%}
.gb-header{position:sticky;top:0;z-index:100;background:#fff;padding:16px 20px;margin-bottom:0;box-shadow:0 1px 0 #0000001a}
.dark-mode .gb-header{background:#1c1c1e;box-shadow:0 1px 0 #ffffff1a}
.gb-header .section-title{font-size:1.25rem;margin:0;font-weight:700}
.gb-subtitle{display:none}
.gb-main-grid{display:flex;flex-direction:column;gap:0}
.gb-column-left{background:#fff;padding:20px;border-bottom:1px solid #e5e5e7}
.dark-mode .gb-column-left{background:#1c1c1e;border-bottom-color:#38383a}
.gb-metrics-row{display:flex;gap:8px;margin-bottom:16px;overflow-x:auto;-webkit-overflow-scrolling:touch;padding-bottom:4px}
.gb-metrics-row::-webkit-scrollbar{display:none}
.gb-metric-item{flex:0 0 auto;min-width:100px;background:#f2f2f7;border:none;border-radius:12px;padding:12px;text-align:center;transition:all .2s ease}
.dark-mode .gb-metric-item{background:#2c2c2e}
.gb-metric-item:active{transform:scale(0.95)}
.gb-metric-icon{width:36px;height:36px;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:10px;display:flex;align-items:center;justify-content:center;margin:0 auto 8px;color:#fff;font-size:18px}
.gb-metric-value{font-size:1.1rem;font-weight:700;color:#000;margin-bottom:2px}
.dark-mode .gb-metric-value{color:#fff}
.gb-metric-label{font-size:.7rem;color:#8e8e93;text-transform:uppercase;letter-spacing:.5px}
.gb-expansion-card{background:#f2f2f7;border:none;border-radius:12px;padding:16px;margin-top:16px}
.dark-mode .gb-expansion-card{background:#2c2c2e}
.gb-expansion-card .gb-card-header{padding:0;margin-bottom:12px;background:transparent;border:none;height:auto}
.gb-expansion-card .gb-card-icon{width:32px;height:32px;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:8px;font-size:16px}
.gb-expansion-card h3{font-size:.95rem;font-weight:600;color:#000}
.dark-mode .gb-expansion-card h3{color:#fff}
.gb-timeline-item{padding:8px 0;border-bottom:1px solid #e5e5e7}
.dark-mode .gb-timeline-item{border-bottom-color:#38383a}
.gb-timeline-item:last-child{border-bottom:none}
.gb-timeline-dot{width:8px;height:8px;background:#007aff;border:none}
.gb-timeline-text{color:#000}
.dark-mode .gb-timeline-text{color:#fff}
.gb-timeline-text span{color:#8e8e93}
.gb-column-right{padding:0;background:#f5f5f7}
.dark-mode .gb-column-right{background:#000}
.gb-cards-stack{position:relative;height:500px;background:transparent;border:none;border-radius:0;margin:0;overflow:hidden}
.gb-info-card{position:absolute;top:0;left:0;width:100%;height:100%;padding:20px;background:#fff;display:none;opacity:0;transform:translateX(100%);transition:all .35s cubic-bezier(0.25,0.46,0.45,0.94)}
.dark-mode .gb-info-card{background:#1c1c1e}
.gb-info-card.active{display:block;opacity:1;transform:translateX(0)}
.gb-info-card.prev{display:block;opacity:0;transform:translateX(-20%)}
.gb-info-card.next{display:block;opacity:0;transform:translateX(100%)}
.gb-info-card .gb-card-header{display:flex;align-items:center;gap:12px;padding:0;margin-bottom:20px;background:transparent;border:none;height:auto}
.gb-info-card .gb-card-icon{width:48px;height:48px;background:linear-gradient(135deg,#007aff,#5856d6);border-radius:12px;display:flex;align-items:center;justify-content:center;color:#fff;font-size:24px;flex-shrink:0}
.gb-info-card:nth-child(2) .gb-card-icon{background:linear-gradient(135deg,#5856d6,#af52de)}
.gb-info-card:nth-child(3) .gb-card-icon{background:linear-gradient(135deg,#ff3b30,#ff6482)}
.gb-info-card h3{font-size:1.25rem;font-weight:700;color:#000;margin:0}
.dark-mode .gb-info-card h3{color:#fff}
.gb-card-content{padding:0;height:calc(100% - 68px - 100px);overflow-y:auto;-webkit-overflow-scrolling:touch}
.gb-card-content::-webkit-scrollbar{display:none}
.gb-card-content > p{font-size:.95rem;line-height:1.6;color:#000;margin-bottom:20px}
.dark-mode .gb-card-content > p{color:#fff;opacity:.9}
.gb-stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px;margin-bottom:20px}
.gb-stat{background:#f2f2f7;border:none;border-radius:12px;padding:16px;text-align:center;transition:all .2s ease}
.dark-mode .gb-stat{background:#2c2c2e}
.gb-stat:active{transform:scale(0.95)}
.gb-stat::before{display:none}
.gb-stat-value{font-size:1.5rem;font-weight:700;color:#007aff;margin-bottom:4px}
.gb-stat-label{font-size:.75rem;color:#8e8e93;text-transform:none;letter-spacing:0}
.gb-tech-features{display:flex;flex-direction:column;gap:0}
.gb-tech-item{display:flex;align-items:center;gap:12px;padding:12px 0;background:transparent;border:none;border-bottom:1px solid #e5e5e7;border-radius:0;font-size:.95rem;color:#000}
.dark-mode .gb-tech-item{color:#fff;border-bottom-color:#38383a}
.gb-tech-item:last-child{border-bottom:none}
.gb-tech-item i{width:28px;height:28px;background:#f2f2f7;border-radius:6px;display:flex;align-items:center;justify-content:center;color:#007aff;font-size:14px}
.dark-mode .gb-tech-item i{background:#2c2c2e}
.gb-mobile-nav{position:absolute;bottom:0;left:0;right:0;height:100px;background:#f8f8f8;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid #e5e5e7;display:flex;align-items:center;justify-content:center;padding:0 20px;gap:20px}
.dark-mode .gb-mobile-nav{background:#1c1c1ef2;border-top-color:#38383a}
.gb-nav-dots{display:flex;gap:8px;align-items:center;padding:8px 16px;background:#0000000d;border-radius:20px}
.dark-mode .gb-nav-dots{background:#ffffff1a}
.gb-nav-dot{width:8px;height:8px;border-radius:50%;background:#c7c7cc;border:none;cursor:pointer;transition:all .3s ease;padding:0}
.gb-nav-dot.active{width:8px;height:8px;border-radius:50%;background:#007aff;transform:scale(1.2)}
.gb-nav-btn{width:44px;height:44px;background:#007aff;border:none;border-radius:22px;display:flex;align-items:center;justify-content:center;color:#fff;cursor:pointer;transition:all .2s ease;font-size:18px;box-shadow:0 2px 8px #007aff4d}
.gb-nav-btn:active{transform:scale(0.9)}
.gb-nav-btn:disabled{opacity:.3;cursor:not-allowed}
.gb-cta-box{position:fixed;bottom:20px;left:20px;right:20px;padding:16px;background:#007aff;border-radius:14px;text-align:center;box-shadow:0 10px 30px #007aff4d;z-index:101;transform:translateY(100px);transition:transform .3s ease}
.gb-cta-box.visible{transform:translateY(0)}
.gb-urgency-badge{color:#fff;font-size:.85rem;margin-bottom:8px;opacity:.9}
.gb-cta-button{display:block;width:100%;padding:14px;background:#fff;color:#007aff;border-radius:10px;font-weight:600;text-decoration:none;transition:all .2s ease}
.gb-cta-button:active{transform:scale(0.95)}
@supports (padding-bottom: env(safe-area-inset-bottom)) {
.gb-mobile-nav{padding-bottom:env(safe-area-inset-bottom);height:calc(100px + env(safe-area-inset-bottom))}
.gb-cta-box{bottom:calc(20px + env(safe-area-inset-bottom))}
}
@keyframes slideInFromRight {
from{transform:translateX(100%);opacity:0}
to{transform:translateX(0);opacity:1}
}
@keyframes slideOutToLeft {
from{transform:translateX(0);opacity:1}
to{transform:translateX(-20%);opacity:0}
}
.gb-info-card.slide-in{animation:slideInFromRight .35s ease forwards}
.gb-info-card.slide-out{animation:slideOutToLeft .35s ease forwards}
.gb-metric-value{animation:countUp .6s ease forwards}
.gb-metric-label{font-size:.65rem;font-weight:500;color:var(--text);opacity:.6;text-transform:uppercase;letter-spacing:.5px;line-height:1.2;text-align:center}
.gb-metric-item::after{content:'';position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:100%;height:100%;background:radial-gradient(circle,#2b7fff1a 0%,transparent 70%);opacity:0;transition:opacity .3s ease;pointer-events:none}
.gb-metric-item:active::after{opacity:1}
.gb-metric-item[data-metric-type="number"] .gb-metric-icon{background:var(--gradient);border:none;color:#fff;font-weight:800;font-size:1.2rem}
.gb-metric-item.active{animation:metricPulse 2s ease-in-out infinite}
.gb-header{position:sticky;top:0;z-index:100;background:var(--card-bg);padding:16px 20px;margin-bottom:0;box-shadow:0 1px 0 var(--border);transition:background-color .6s ease,box-shadow .6s ease}
.gb-column-left{background:var(--card-bg);padding:20px;border-bottom:1px solid var(--border);transition:background-color .6s ease,border-color .6s ease}
.gb-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:16px;overflow:visible}
.gb-metric-item{flex:unset;min-width:unset;background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:10px 5px;text-align:center;transition:all .3s ease}
.gb-metric-icon{width:32px;height:32px;background:#2b7fff1a;border-radius:8px;display:flex;align-items:center;justify-content:center;margin:0 auto 6px;color:var(--primary);font-size:16px}
.gb-metric-value{font-size:.95rem;font-weight:700;color:var(--text);margin-bottom:2px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.gb-metric-label{font-size:.65rem;color:var(--text);opacity:.6;text-transform:uppercase;letter-spacing:.3px;line-height:1}
.gb-expansion-card{background:var(--card-bg);border:1px solid var(--border);border-radius:12px;padding:16px;margin-top:16px;transition:background-color .6s ease,border-color .6s ease}
.gb-expansion-card h3{color:var(--text)}
.gb-timeline-item{border-bottom:1px solid var(--border);transition:border-color .6s ease}
.gb-timeline-text{color:var(--text)}
.gb-column-right{background:var(--background);transition:background-color .6s ease}
.gb-info-card{background:var(--card-bg);transition:all .35s cubic-bezier(0.25,0.46,0.45,0.94),background-color .6s ease}
.gb-info-card h3{color:var(--text)}
.gb-card-content > p{color:var(--text);opacity:.85}
.gb-stat{background:#2b7fff0d;border:1px solid var(--border);transition:all .3s ease}
.light-mode .gb-stat{background:#2b7fff08}
.gb-tech-item{color:var(--text);border-bottom:1px solid var(--border);transition:border-color .6s ease,color .6s ease}
.gb-tech-item i{background:#2b7fff1a;transition:background-color .6s ease}
.gb-mobile-nav{background:var(--card-bg);backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border-top:1px solid var(--border);transition:background-color .6s ease,border-color .6s ease}
.gb-nav-dots{background:#2b7fff0d;transition:background-color .6s ease}
.gb-nav-dot{background:var(--border);transition:all .3s ease}
.gb-nav-dot.active{background:var(--primary)}
@media (max-width: 380px) {
.gb-metrics-row{grid-template-columns:repeat(3,1fr);gap:5px}
.gb-metric-item{padding:8px 3px}
.gb-metric-icon{width:28px;height:28px;font-size:14px}
.gb-metric-value{font-size:.85rem}
.gb-metric-label{font-size:.6rem}
}
.gb-section{padding:0;background:var(--background);transition:background-color .6s ease}
.gb-column-left{background:var(--card-bg);padding:20px;border-bottom:1px solid var(--border);transition:background-color .6s ease,border-color .6s ease}
.gb-globe-container{position:relative;width:100%;aspect-ratio:1;max-width:400px;margin:0 auto 20px;background:radial-gradient(circle at center,#2b7fff0d 0%,transparent 50%);border-radius:50%;transition:background .6s ease}
.light-mode .gb-globe-container{background:radial-gradient(circle at center,#2b7fff05 0%,transparent 50%)}
.gb-globe-canvas{width:100%;height:100%;border-radius:50%;background:transparent;cursor:grab}
.gb-globe-overlay{position:absolute;top:0;left:0;width:100%;height:100%;border-radius:50%;pointer-events:none;box-shadow:inset 0 0 60px #2b7fff1a inset 0 0 120px #2b7fff0d 0 0 40px #2b7fff1a;transition:box-shadow .6s ease}
.light-mode .gb-globe-overlay{box-shadow:inset 0 0 60px #2b7fff0d inset 0 0 120px #2b7fff05 0 0 40px #2b7fff0d}
.gb-column-right{padding:0;background:var(--background);transition:background-color .6s ease}
.gb-metrics-row{display:grid;grid-template-columns:repeat(3,1fr);gap:10px;margin-bottom:20px;padding:16px;background:#2b7fff08;border-radius:16px;border:1px solid var(--border);transition:all .3s ease}
.light-mode .gb-metrics-row{background:#2b7fff05}
.gb-metric-item{display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-bg);border:none;border-radius:12px;padding:16px 8px;position:relative;overflow:hidden;transition:all .3s ease;box-shadow:0 2px 8px #0000000d}
.gb-metric-item:active{transform:scale(0.95);box-shadow:0 1px 4px #0000001a}
.gb-metric-item::before{content:'';position:absolute;top:0;left:0;right:0;height:3px;background:var(--gradient);transform:scaleX(0);transform-origin:left;transition:transform .6s ease}
.gb-metric-item:nth-child(1)::before{background:linear-gradient(90deg,#2B7FFF,#4361ee)}
.gb-metric-item:nth-child(2)::before{background:linear-gradient(90deg,#4361ee,#8338ec)}
.gb-metric-item:nth-child(3)::before{background:linear-gradient(90deg,#8338ec,#2B7FFF)}
.gb-metrics-row.loaded .gb-metric-item::before{transform:scaleX(1)}
.gb-metric-icon{width:40px;height:40px;background:transparent;border:2px solid #2b7fff33;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:8px;position:relative;transition:all .3s ease}
.gb-metric-icon::before{content:'';position:absolute;inset:0;background:var(--gradient);border-radius:10px;opacity:.1;transition:opacity .3s ease}
.gb-metric-item:nth-child(1) .gb-metric-icon::before{background:linear-gradient(135deg,#2B7FFF,#4361ee)}
.gb-metric-item:nth-child(2) .gb-metric-icon::before{background:linear-gradient(135deg,#4361ee,#8338ec)}
.gb-metric-item:nth-child(3) .gb-metric-icon::before{background:linear-gradient(135deg,#8338ec,#2B7FFF)}
.gb-metric-icon i{position:relative;z-index:1;font-size:18px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent}
.gb-metric-value{font-size:1.1rem;font-weight:800;line-height:1;margin-bottom:4px;background:var(--gradient);-webkit-background-clip:text;background-clip:text;color:transparent;position:relative}
@keyframes countUp {
from{opacity:0;transform:translateY(10px)}
to{opacity:1;transform:translateY(0)}
}
@media (max-width: 380px) {
.gb-metrics-row{gap:6px;padding:12px}
.gb-metric-item{padding:12px 4px}
.gb-metric-icon{width:36px;height:36px;margin-bottom:6px}
.gb-metric-icon i{font-size:16px}
.gb-metric-value{font-size:1rem}
.gb-metric-label{font-size:.6rem;letter-spacing:.3px}
}
@keyframes metricPulse {
0%{box-shadow:0 2px 8px #0000000d}
50%{box-shadow:0 4px 16px #2b7fff33}
100%{box-shadow:0 2px 8px #0000000d}
}
}
.section-title{font-size:clamp(2rem,4vw,3rem);font-weight:500;margin:0 0 1.5rem;text-align:center;color:#fff;font-family:'Georgia','Times New Roman',serif;letter-spacing:.02em;line-height:1.3;position:relative;display:block}
.section-title::before{content:"III";position:absolute;top:-.8rem;left:50%;transform:translateX(-50%);font-size:.75rem;font-weight:300;color:#ffffff80;font-family:'Georgia','Times New Roman',serif;letter-spacing:.5em}
.light-mode .section-title{color:#2d3748}
.light-mode .section-title::before{color:#2d374880}
@media (max-width: 768px) {
.section-title{font-size:1.8rem;margin-bottom:1rem}
.section-title::before{font-size:.7rem;top:-.7rem}
}
@media (min-width: 769px) {
.gb-main-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:40px!important;align-items:stretch!important;min-height:600px!important}
.gb-column-left{display:flex!important;flex-direction:column!important;justify-content:flex-start!important;align-items:center!important;padding:30px 20px!important;background:var(--card-bg)!important;border-radius:var(--border-radius)!important;border:1px solid var(--border)!important;box-shadow:0 15px 30px var(--shadow)!important;overflow:hidden!important;position:relative!important;height:600px!important}
.gb-column-left::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:5px!important;background:var(--gradient)!important}
.gb-globe-container{width:100%!important;max-width:350px!important;aspect-ratio:1!important;margin-bottom:25px!important;background:radial-gradient(circle at center,#2b7fff14 0%,transparent 60%)!important;border-radius:50%!important;display:block!important}
.gb-globe-canvas{width:100%!important;height:100%!important;border-radius:50%!important;cursor:grab!important}
.gb-metrics-row{display:grid!important;grid-template-columns:repeat(3,1fr)!important;gap:12px!important;width:100%!important;max-width:350px!important;margin-bottom:20px!important}
.gb-metric-item{background:#2b7fff0d!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:12px 8px!important;text-align:center!important;display:flex!important;flex-direction:column!important;align-items:center!important}
.gb-metric-icon{width:32px!important;height:32px!important;margin-bottom:6px!important;background:#2b7fff1a!important;border-radius:8px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--primary)!important;font-size:14px!important}
.gb-metric-data{display:flex!important;flex-direction:column!important;align-items:center!important}
.gb-metric-value{font-size:.95rem!important;font-weight:700!important;color:var(--primary)!important;margin-bottom:2px!important}
.gb-metric-label{font-size:.65rem!important;color:var(--text)!important;opacity:.7!important;text-transform:uppercase!important}
.gb-live-status{margin-top:auto!important;display:flex!important;align-items:center!important;gap:10px!important;font-size:.9rem!important;color:var(--text)!important}
.gb-status-dot{width:8px!important;height:8px!important;background:#38b000!important;border-radius:50%!important;animation:pulse 2s infinite!important}
.gb-column-right{display:flex!important;flex-direction:column!important;height:600px!important;background:var(--card-bg)!important;border-radius:var(--border-radius)!important;border:1px solid var(--border)!important;box-shadow:0 15px 30px var(--shadow)!important;overflow:hidden!important;position:relative!important}
.gb-column-right::before{content:''!important;position:absolute!important;top:0!important;left:0!important;right:0!important;height:5px!important;background:var(--gradient)!important;z-index:10!important}
.gb-desktop-tabs{display:flex!important;gap:.5rem!important;background:#2b7fff0d!important;padding:.3rem!important;border-radius:10px!important;margin:15px 15px 0!important;height:auto!important;flex-shrink:0!important;border-bottom:none!important}
.gb-desktop-tab{flex:1!important;padding:.8rem 1rem!important;background:transparent!important;border:none!important;border-radius:8px!important;color:var(--text)!important;font-weight:600!important;font-size:.9rem!important;cursor:pointer!important;transition:all .3s ease!important;display:flex!important;align-items:center!important;justify-content:center!important;gap:.5rem!important;opacity:1!important;position:relative!important}
.gb-desktop-tab i{font-size:.9rem!important}
.gb-desktop-tab.active{background:var(--gradient)!important;color:#fff!important;box-shadow:0 4px 12px #2b7fff4d!important}
.gb-desktop-tab:hover:not(.active){background:#2b7fff1a!important}
.gb-desktop-tab::after{display:none!important}
.gb-cards-stack{flex:1!important;position:relative!important;overflow:hidden!important;padding:15px!important}
.gb-info-card{position:absolute!important;top:15px!important;left:15px!important;right:15px!important;bottom:15px!important;width:auto!important;height:auto!important;padding:25px!important;background:transparent!important;border:none!important;opacity:0!important;visibility:hidden!important;transition:all .3s ease!important;overflow-y:auto!important;display:block!important;box-shadow:none!important}
.gb-info-card.gb-card-active{opacity:1!important;visibility:visible!important;z-index:10!important}
.gb-card-header{display:flex!important;align-items:center!important;gap:15px!important;margin-bottom:20px!important;padding:0!important;background:transparent!important;border:none!important}
.gb-card-icon{width:45px!important;height:45px!important;background:var(--gradient)!important;border-radius:12px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:20px!important;flex-shrink:0!important}
.gb-card-performance .gb-card-icon{background:linear-gradient(135deg,#2B7FFF,#4361ee)!important}
.gb-card-tech .gb-card-icon{background:linear-gradient(135deg,#4361ee,#8338ec)!important}
.gb-card-ecosystem .gb-card-icon{background:linear-gradient(135deg,#8338ec,#ff006e)!important}
.gb-card-expansion .gb-card-icon{background:linear-gradient(135deg,#ff006e,#2B7FFF)!important}
.gb-card-header h3{font-size:1.2rem!important;font-weight:600!important;color:var(--text)!important;margin:0!important}
.gb-card-content{display:block!important;opacity:1!important;visibility:visible!important}
.gb-card-content > p{font-size:.95rem!important;line-height:1.6!important;color:var(--text)!important;opacity:.85!important;margin-bottom:20px!important;display:block!important}
.gb-stats-grid{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:15px!important;margin-bottom:20px!important}
.gb-stat{background:#2b7fff0d!important;border:1px solid var(--border)!important;border-radius:12px!important;padding:15px!important;text-align:center!important;display:block!important}
.gb-stat-value{font-size:1.4rem!important;font-weight:700!important;color:var(--primary)!important;margin-bottom:5px!important;display:block!important}
.gb-stat-label{font-size:.75rem!important;color:var(--text)!important;opacity:.7!important;display:block!important}
.gb-tech-features{display:grid!important;grid-template-columns:repeat(2,1fr)!important;gap:12px!important}
.gb-tech-item{display:flex!important;align-items:center!important;gap:10px!important;padding:10px!important;background:#2b7fff08!important;border:1px solid var(--border)!important;border-radius:8px!important;font-size:.85rem!important;color:var(--text)!important}
.gb-tech-item i{width:24px!important;height:24px!important;background:#2b7fff1a!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--primary)!important;font-size:12px!important}
.gb-timeline-mini{display:flex!important;flex-direction:column!important;gap:12px!important;position:relative!important;padding-left:25px!important}
.gb-timeline-mini::before{content:''!important;position:absolute!important;left:8px!important;top:8px!important;bottom:8px!important;width:2px!important;background:var(--border)!important}
.gb-timeline-item{display:flex!important;align-items:flex-start!important;gap:12px!important;position:relative!important;padding:6px 0!important}
.gb-timeline-dot{position:absolute!important;left:-21px!important;top:8px!important;width:10px!important;height:10px!important;border-radius:50%!important;background:var(--card-bg)!important;border:2px solid var(--border)!important}
.gb-timeline-item.active .gb-timeline-dot{background:var(--primary)!important;border-color:var(--primary)!important}
.gb-timeline-text{display:flex!important;flex-direction:column!important;gap:2px!important}
.gb-timeline-text strong{font-size:.9rem!important;color:var(--text)!important;font-weight:600!important}
.gb-timeline-text span{font-size:.8rem!important;color:var(--text)!important;opacity:.7!important}
@keyframes pulse {
0%{opacity:1;box-shadow:0 0 0 0 #38b000b3}
70%{opacity:1;box-shadow:0 0 0 10px #38b00000}
100%{opacity:1;box-shadow:0 0 0 0 #38b00000}
}
.light-mode .gb-column-left,.light-mode .gb-column-right{background:#fffffffa!important}
}
@media only screen and (max-width: 767px) {
.gb-column-right{height:550px!important;background:var(--background)!important;position:relative!important;overflow:hidden!important;padding:0!important}
.gb-cards-stack{position:relative!important;height:480px!important;margin:12px!important;background:transparent!important;border:none!important;overflow:hidden!important;border-radius:12px!important}
.gb-info-card{position:absolute!important;top:0!important;left:0!important;width:100%!important;height:100%!important;background:var(--card-bg)!important;border-radius:12px!important;border:1px solid var(--border)!important;padding:20px!important;opacity:0!important;visibility:hidden!important;transform:translateX(100%)!important;transition:all .3s ease!important;overflow:hidden!important;display:flex!important;flex-direction:column!important}
.gb-info-card.active{opacity:1!important;visibility:visible!important;transform:translateX(0)!important}
.gb-card-header{display:flex!important;align-items:center!important;gap:12px!important;padding:0!important;margin-bottom:20px!important;background:transparent!important;border:none!important;height:50px!important;flex-shrink:0!important}
.gb-card-icon{width:40px!important;height:40px!important;background:linear-gradient(135deg,#007aff,#5856d6)!important;border-radius:10px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;font-size:18px!important;flex-shrink:0!important}
.gb-card-header h3{font-size:18px!important;font-weight:600!important;color:var(--text)!important;margin:0!important;line-height:1.2!important}
.gb-card-content{flex:1!important;padding:0!important;overflow:hidden!important;display:flex!important;flex-direction:column!important;gap:20px!important}
.gb-card-content > p{font-size:15px!important;line-height:1.4!important;color:var(--text)!important;opacity:.85!important;margin:0!important;flex-shrink:0!important}
.gb-tech-features{display:flex!important;flex-direction:column!important;gap:12px!important;flex-shrink:0!important}
.gb-tech-item{display:flex!important;align-items:center!important;gap:12px!important;padding:15px!important;background:#2b7fff08!important;border:1px solid var(--border)!important;border-radius:8px!important;font-size:14px!important;color:var(--text)!important;transition:all .2s ease!important;width:100%!important;min-height:50px!important}
.gb-tech-item i{width:32px!important;height:32px!important;background:#2b7fff1a!important;border-radius:6px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:var(--primary)!important;font-size:16px!important;flex-shrink:0!important}
.gb-stats-grid{display:grid!important;grid-template-columns:1fr 1fr!important;gap:15px!important;flex-shrink:0!important}
.gb-stat{background:#2b7fff0d!important;border:1px solid var(--border)!important;border-radius:10px!important;padding:20px 12px!important;text-align:center!important;min-height:80px!important;display:flex!important;flex-direction:column!important;justify-content:center!important}
.gb-stat-value{font-size:20px!important;font-weight:700!important;color:var(--primary)!important;margin-bottom:5px!important;display:block!important;line-height:1.1!important}
.gb-stat-label{font-size:12px!important;color:var(--text)!important;opacity:.7!important;text-transform:uppercase!important;letter-spacing:.5px!important}
.gb-timeline-mini{display:flex!important;flex-direction:column!important;gap:15px!important;position:relative!important;padding-left:30px!important;flex-shrink:0!important}
.gb-timeline-mini::before{content:''!important;position:absolute!important;left:10px!important;top:10px!important;bottom:10px!important;width:3px!important;background:linear-gradient(to bottom,var(--primary),#2b7fff4d)!important;border-radius:2px!important}
.gb-timeline-item{display:flex!important;align-items:center!important;gap:15px!important;position:relative!important;padding:10px 0!important;min-height:40px!important}
.gb-timeline-dot{position:absolute!important;left:-24px!important;width:12px!important;height:12px!important;border-radius:50%!important;background:var(--card-bg)!important;border:3px solid var(--border)!important;top:10px!important;transition:all .3s ease!important}
.gb-timeline-item.active .gb-timeline-dot{background:var(--primary)!important;border-color:var(--primary)!important;box-shadow:0 0 0 4px #2b7fff33!important}
.gb-timeline-text{display:flex!important;flex-direction:column!important;gap:4px!important}
.gb-timeline-text strong{font-size:14px!important;color:var(--text)!important;font-weight:600!important;line-height:1.3!important}
.gb-timeline-text span{font-size:12px!important;color:var(--text)!important;opacity:.7!important;line-height:1.2!important}
.gb-mobile-nav{position:absolute!important;bottom:0!important;left:0!important;right:0!important;height:70px!important;background:var(--card-bg)!important;backdrop-filter:blur(20px)!important;-webkit-backdrop-filter:blur(20px)!important;border-top:1px solid var(--border)!important;display:flex!important;align-items:center!important;justify-content:center!important;padding:0 20px!important;gap:20px!important;z-index:10!important}
.gb-nav-btn{width:36px!important;height:36px!important;background:var(--primary)!important;border:none!important;border-radius:18px!important;display:flex!important;align-items:center!important;justify-content:center!important;color:#fff!important;cursor:pointer!important;transition:all .2s ease!important;font-size:16px!important;box-shadow:0 2px 8px #2b7fff4d!important}
.gb-nav-btn:active{transform:scale(0.9)!important}
.gb-nav-btn:disabled{opacity:.3!important;cursor:not-allowed!important}
.gb-nav-dots{display:flex!important;gap:8px!important;align-items:center!important;padding:8px 16px!important;background:#2b7fff0d!important;border-radius:20px!important}
.gb-nav-dot{width:6px!important;height:6px!important;border-radius:50%!important;background:var(--border)!important;border:none!important;cursor:pointer!important;transition:all .3s ease!important;padding:0!important}
.gb-nav-dot.active{background:var(--primary)!important;transform:scale(1.3)!important}
.gb-info-card:nth-child(2) .gb-tech-features,.gb-info-card:nth-child(3) .gb-tech-features{gap:8px!important}
.gb-info-card:nth-child(2) .gb-tech-item,.gb-info-card:nth-child(3) .gb-tech-item{padding:10px!important;min-height:40px!important;font-size:13px!important;gap:10px!important}
.gb-info-card:nth-child(2) .gb-tech-item i,.gb-info-card:nth-child(3) .gb-tech-item i{width:28px!important;height:28px!important;font-size:14px!important;border-radius:5px!important}
.gb-info-card:nth-child(2) .gb-card-content,.gb-info-card:nth-child(3) .gb-card-content{gap:15px!important}
.gb-info-card:nth-child(2) .gb-card-content > p,.gb-info-card:nth-child(3) .gb-card-content > p{font-size:14px!important;line-height:1.3!important;margin-bottom:10px!important}
.gb-info-card:nth-child(2) .gb-card-header,.gb-info-card:nth-child(3) .gb-card-header{margin-bottom:15px!important;height:45px!important}
.gb-info-card:nth-child(2) .gb-card-icon,.gb-info-card:nth-child(3) .gb-card-icon{width:36px!important;height:36px!important;font-size:16px!important}
.gb-info-card:nth-child(2) .gb-card-header h3,.gb-info-card:nth-child(3) .gb-card-header h3{font-size:16px!important}
}
.gb-globe-container{position:relative;width:100%;aspect-ratio:1;max-width:500px;margin:0 auto;display:flex;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 30%,#2b7fff26,transparent 70%);border-radius:50%;overflow:hidden}
.gb-globe-container::before{content:'';position:absolute;width:80%;height:80%;background:radial-gradient(circle at 30% 30%,#1a365d,#0f172a),repeating-linear-gradient(0deg,transparent,transparent 10px,#2b7fff0d 10px,#2b7fff0d 11px),repeating-linear-gradient(90deg,transparent,transparent 10px,#4361ee0d 10px,#4361ee0d 11px);border-radius:50%;animation:globeRotate 8s linear infinite;z-index:1;transition:opacity .5s ease}
@keyframes globeRotate {
from{transform:rotate(0deg)}
to{transform:rotate(360deg)}
}
.gb-globe-canvas{position:relative!important;top:0;left:0;width:100%!important;height:100%!important;border-radius:50%;z-index:2;opacity:0;transition:opacity .8s ease}
.gb-globe-canvas.loaded{opacity:1}
.gb-globe-container.threejs-loaded::before{opacity:0}
.gb-globe-canvas canvas{width:100%!important;height:100%!important;border-radius:inherit;display:block!important}
.gb-info-card{position:relative;overflow:hidden}
.gb-info-card::before{content:'';position:absolute;top:0;left:0;width:100%;height:100%;background:linear-gradient(90deg,transparent,#2b7fff0d,transparent);animation:shimmer 2s infinite;z-index:1;pointer-events:none;opacity:1;transition:opacity .5s ease}
.gb-info-card.content-loaded::before{opacity:0}
@keyframes shimmer {
0%{transform:translateX(-100%)}
100%{transform:translateX(100%)}
}
.gb-globe-container,.gb-globe-canvas,.gb-info-card,.gb-metric-item{will-change:transform;transform:translateZ(0);backface-visibility:hidden}
@media (max-width: 768px) {
.gb-globe-container::before{animation-duration:12s}
.gb-globe-canvas{transition-duration:.5s}
}