.section-network-performance{padding-top:0}#products.section:has(+.section-network-performance),#products.section:has(+.home-frii-coin),#products.section:has(+.network-coin-benefits){padding-bottom:0}.section-network-performance.section:before{content:none;display:none}.section-network-performance .otf-hero--no-coin{padding-top:0}.section-network-performance .otf-hero{margin-bottom:clamp(1.5rem,3vh,2.5rem)}.home-frii-coin{display:flex;justify-content:center;width:100%;margin:0;padding:0;overflow:visible}.home-frii-coin+.section.section-network-performance,.network-coin-benefits+.section.section-network-performance{padding-top:clamp(2.75rem,6vh,4.25rem)}.frii-coin-mount .otf-hero__coin{position:relative;display:flex;align-items:center;justify-content:center;width:100%;min-height:0;margin:0;padding:0;overflow:visible;isolation:isolate}.frii-coin-mount .otf-hero__coin:before{content:none;display:none}.frii-coin-mount .otf-hero__coin .section--r3f-row{position:relative;z-index:1;width:100%;min-height:0;margin:0;padding:0;background:transparent;overflow:visible;transform-style:flat}.frii-coin-mount .otf-hero__coin .section.section--r3f-row:before{content:none;display:none}.frii-coin-mount .otf-hero__coin .section--r3f-row__visual{position:relative;z-index:2;width:min(380px,56vw);margin:0 auto;aspect-ratio:1 / 1;min-height:0;height:auto;border-radius:0;overflow:hidden;background:transparent;box-shadow:none}@media(max-width:900px){.frii-coin-mount .otf-hero__coin .section--r3f-row__visual,.frii-coin-mount .otf-hero__coin-fallback{width:min(270px,72vw);max-width:72vw;overflow:visible}}.frii-coin-mount .otf-hero__coin .frii-logo-3d,.frii-coin-mount .otf-hero__coin .frii-logo-3d__canvas,.frii-coin-mount .otf-hero__coin canvas{background:transparent!important}.frii-coin-mount .otf-hero__coin .frii-logo-3d,.frii-coin-mount .otf-hero__coin .frii-logo-3d--static{min-height:0;height:100%}.frii-coin-mount .otf-hero__coin .frii-logo-3d__static-img{width:100%;height:100%;max-width:none;object-fit:contain}.frii-coin-mount .otf-hero__coin-fallback{width:min(380px,56vw);aspect-ratio:1 / 1;margin:0 auto;overflow:visible}.frii-coin-mount .frii-coin-css,.frii-coin-mount .frii-coin-css__disc{width:100%;height:100%;max-width:none}.section-network-performance .otf-hero h2{margin-top:0}.section-network-performance .otf-hero .frii-coin-mount{display:flex;justify-content:center;margin:0 auto clamp(.85rem,2vh,1.35rem)}main#top.app-home-revealed .section-network-performance .otf-hero .frii-coin-mount,main#top.app-home-handoff .section-network-performance .otf-hero .frii-coin-mount{margin-bottom:0}.section-network-performance .frii-coin-mount .otf-hero__coin .section--r3f-row__visual,.section-network-performance .frii-coin-mount .otf-hero__coin-fallback{width:min(19rem,64vw);max-width:100%}.section-network-performance .network-chart-float-wrap{display:flex;justify-content:center;align-items:center;margin:clamp(2.5rem,6vh,4rem) auto 0;padding:clamp(1.25rem,4vw,2.25rem) 0 clamp(1rem,3vw,1.75rem);position:relative;z-index:1;pointer-events:none}.section-network-performance .network-chart-float{--tilt-rx: 0deg;--tilt-ry: 0deg;--tilt-tz: 0px;pointer-events:auto;width:min(468px,88vw);display:flex;justify-content:center;align-items:center;transform-style:preserve-3d;cursor:pointer;-webkit-tap-highlight-color:transparent}.section-network-performance .network-chart-float__img{max-height:min(120px,22vw);width:auto;max-width:100%;height:auto;display:block;object-fit:contain;transform:perspective(700px) rotateX(var(--tilt-rx)) rotateY(var(--tilt-ry)) translateZ(var(--tilt-tz));transform-style:preserve-3d;transition:transform .55s cubic-bezier(.22,1,.36,1);filter:drop-shadow(0 12px 28px rgba(0,0,0,.5)) drop-shadow(0 4px 14px rgba(255,255,255,.1)) drop-shadow(0 2px 10px rgba(255,255,255,.06));will-change:transform}.section-network-performance .network-chart-float--tracking .network-chart-float__img{transition-duration:.06s;transition-timing-function:ease-out}@media(prefers-reduced-motion:reduce){.section-network-performance .network-chart-float__img{transform:none!important;transition:none;filter:drop-shadow(0 8px 20px rgba(0,0,0,.4)) drop-shadow(0 3px 10px rgba(255,255,255,.08))}}.section-network-performance .otf-stat-card{display:grid;gap:.4rem;align-content:center;min-height:7rem;padding:1.35rem 1.1rem;text-align:center;border-radius:var(--frii-radius-card, 1rem);border:1px solid rgba(255,255,255,.12);box-shadow:0 16px 38px #0000005c,inset 0 1px #ffffff0f;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.section-network-performance .otf-stat-card:hover{transform:translateY(-3px)}.section-network-performance .otf-stat-kicker{display:block;font-family:Poppins,Segoe UI,Arial,sans-serif;font-size:clamp(1.2rem,1.1vw + .8rem,1.65rem);font-weight:900;letter-spacing:.02em;line-height:1.15;margin:0}.section-network-performance .otf-stat-desc{margin:0;font-size:.9rem;color:#eff4ffd1;line-height:1.45}.section-network-performance .otf-stat-card--t1{background:linear-gradient(155deg,#6f7cff5c,#4f46e529 42%,#0e1024f0);border-color:#6f7cff70;box-shadow:0 16px 38px #0000005c,0 0 32px #6f7cff24,inset 0 1px #ffffff14}.section-network-performance .otf-stat-card--t1:hover{border-color:#6f7cff99;box-shadow:0 20px 44px #0006,0 0 40px #6f7cff38,inset 0 1px #ffffff1a}.section-network-performance .otf-stat-card--t1 .otf-stat-kicker{color:#a5b4fc}.section-network-performance .otf-stat-card--t2{background:linear-gradient(155deg,#fb923c57,#ea580c26 42%,#1c1008f0);border-color:#fb923c6b;box-shadow:0 16px 38px #0000005c,0 0 32px #fb923c1f,inset 0 1px #ffffff14}.section-network-performance .otf-stat-card--t2:hover{border-color:#fb923c94;box-shadow:0 20px 44px #0006,0 0 40px #fb923c33,inset 0 1px #ffffff1a}.section-network-performance .otf-stat-card--t2 .otf-stat-kicker{color:#fdba74}.section-network-performance .otf-stat-card--t3{background:linear-gradient(155deg,#8c52ff57,#6d28d929 42%,#160c26f0);border-color:#8c52ff70;box-shadow:0 16px 38px #0000005c,0 0 32px #8c52ff24,inset 0 1px #ffffff14}.section-network-performance .otf-stat-card--t3:hover{border-color:#8c52ff99;box-shadow:0 20px 44px #0006,0 0 40px #8c52ff38,inset 0 1px #ffffff1a}.section-network-performance .otf-stat-card--t3 .otf-stat-kicker{color:#c4b5fd}.section-network-performance .otf-stat-card--t4{background:linear-gradient(155deg,#32d58357,#10b98129 42%,#0a1c16f0);border-color:#32d5836b;box-shadow:0 16px 38px #0000005c,0 0 32px #32d5831f,inset 0 1px #ffffff14}.section-network-performance .otf-stat-card--t4:hover{border-color:#32d58394;box-shadow:0 20px 44px #0006,0 0 40px #32d58333,inset 0 1px #ffffff1a}.section-network-performance .otf-stat-card--t4 .otf-stat-kicker{color:#6ee7b7}.section-network-performance .otf-stat-card--t5{background:linear-gradient(155deg,#ff4da652,#db277726 42%,#200a18f0);border-color:#ff4da666;box-shadow:0 16px 38px #0000005c,0 0 32px #ff4da61f,inset 0 1px #ffffff14}.section-network-performance .otf-stat-card--t5:hover{border-color:#ff4da68f;box-shadow:0 20px 44px #0006,0 0 40px #ff4da633,inset 0 1px #ffffff1a}.section-network-performance .otf-stat-card--t5 .otf-stat-kicker{color:#f9a8d4}.section-network-performance .otf-stat-card--t6{background:linear-gradient(155deg,#00e5ff52,#06b6d426 42%,#081820f0);border-color:#00e5ff66;box-shadow:0 16px 38px #0000005c,0 0 32px #00e5ff1f,inset 0 1px #ffffff14}.section-network-performance .otf-stat-card--t6:hover{border-color:#00e5ff8f;box-shadow:0 20px 44px #0006,0 0 40px #00e5ff33,inset 0 1px #ffffff1a}.section-network-performance .otf-stat-card--t6 .otf-stat-kicker{color:#67e8f9}.section-network-performance .otf-stat-card--t7{background:linear-gradient(155deg,#c084fc57,#9333ea29 42%,#180e24f0);border-color:#c084fc6b;box-shadow:0 16px 38px #0000005c,0 0 32px #c084fc24,inset 0 1px #ffffff14}.section-network-performance .otf-stat-card--t7:hover{border-color:#c084fc94;box-shadow:0 20px 44px #0006,0 0 40px #c084fc38,inset 0 1px #ffffff1a}.section-network-performance .otf-stat-card--t7 .otf-stat-kicker{color:#d8b4fe}.section-network-performance .otf-stat-card--t8{background:linear-gradient(155deg,#f59e0b57,#d9770629 42%,#1c1408f0);border-color:#f59e0b6b;box-shadow:0 16px 38px #0000005c,0 0 32px #f59e0b1f,inset 0 1px #ffffff14}.section-network-performance .otf-stat-card--t8:hover{border-color:#f59e0b94;box-shadow:0 20px 44px #0006,0 0 40px #f59e0b33,inset 0 1px #ffffff1a}.section-network-performance .otf-stat-card--t8 .otf-stat-kicker{color:#fcd34d}.section-network-performance .otf-perf-cards{list-style:none;margin:3.125rem 0 1.25rem;padding:0;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:1rem}.section-network-performance .otf-perf-card{display:flex;flex-direction:column;align-items:center;justify-content:flex-start;text-align:center;gap:.75rem;padding:1.5rem 1.25rem 1.4rem;margin:0;border-radius:var(--frii-radius-card, 1rem);border:1px solid rgba(255,255,255,.12);box-shadow:0 18px 42px #00000061,inset 0 1px #ffffff0f;transition:transform .22s ease,border-color .22s ease,box-shadow .22s ease}.section-network-performance .otf-perf-card:hover{transform:translateY(-3px)}.section-network-performance .otf-perf-card--uptime{background:linear-gradient(155deg,#26d4ff57,#0099cc2e 38%,#0c1630f0);border-color:#26d4ff6b;box-shadow:0 18px 42px #00000061,0 0 36px #26d4ff24,inset 0 1px #ffffff14}.section-network-performance .otf-perf-card--uptime:hover{border-color:#26d4ff94;box-shadow:0 22px 48px #0000006b,0 0 44px #26d4ff38,inset 0 1px #ffffff1a}.section-network-performance .otf-perf-card--settlement{background:linear-gradient(155deg,#fbbf2452,#f59e0b29 38%,#1c140cf0);border-color:#fbbf2466;box-shadow:0 18px 42px #00000061,0 0 36px #f59e0b1f,inset 0 1px #ffffff14}.section-network-performance .otf-perf-card--settlement:hover{border-color:#fbbf248f;box-shadow:0 22px 48px #0000006b,0 0 44px #f59e0b33,inset 0 1px #ffffff1a}.section-network-performance .otf-perf-card--carbon{background:linear-gradient(155deg,#32d58352,#10b98129 38%,#0a1c16f0);border-color:#32d58366;box-shadow:0 18px 42px #00000061,0 0 36px #32d5831f,inset 0 1px #ffffff14}.section-network-performance .otf-perf-card--carbon:hover{border-color:#32d5838f;box-shadow:0 22px 48px #0000006b,0 0 44px #32d58333,inset 0 1px #ffffff1a}.section-network-performance .otf-perf-card__icon{display:grid;place-items:center;width:3rem;height:3rem;border-radius:12px;color:var(--accent, #0099cc);background:#0099cc1f;border:1px solid rgba(0,153,204,.28)}.section-network-performance .otf-perf-card--uptime .otf-perf-card__icon{color:#7ee8ff;background:#26d4ff33;border-color:#26d4ff73}.section-network-performance .otf-perf-card--settlement .otf-perf-card__icon{color:#fcd34d;background:#fbbf2433;border-color:#fbbf2473}.section-network-performance .otf-perf-card--carbon .otf-perf-card__icon{color:#6ee7b7;background:#32d58333;border-color:#32d58373}.section-network-performance .otf-perf-card__svg{width:1.65rem;height:1.65rem}.section-network-performance .otf-perf-card__headline{font-size:clamp(.95rem,.5vw + .82rem,1.08rem);font-weight:700;line-height:1.4;color:var(--text, #e8eaf6);letter-spacing:-.005em}.section-network-performance .otf-perf-card__stat{font-size:.72rem;font-weight:700;text-transform:uppercase;letter-spacing:.12em;color:var(--accent, #0099cc);line-height:1.3;opacity:.95}.section-network-performance .otf-perf-card--uptime .otf-perf-card__stat{color:#7ee8ff}.section-network-performance .otf-perf-card--settlement .otf-perf-card__stat{color:#6ee7b7;-webkit-text-fill-color:#6ee7b7}.section-network-performance .otf-perf-card--carbon .otf-perf-card__stat{color:#6ee7b7}@media(max-width:700px){.section-network-performance .otf-perf-cards{grid-template-columns:1fr;margin-top:2rem}}
