.gp-exact-productivity,
.gp-exact-productivity * { box-sizing: border-box; }

.gp-exact-productivity {
	--gp-blue: #24d2ee;
	--gp-blue-2: #447cff;
	--gp-ink: #020708;
	position: relative;
	overflow: hidden;
	padding: 132px max(28px, calc((100vw - 1380px) / 2)) 144px;
	color: #f7fbff;
	font-family: Inter, Arial, sans-serif;
	background:
		radial-gradient(circle at 50% 3%, rgba(25, 157, 205, .15), transparent 29%),
		linear-gradient(180deg, #020708, #010506);
}

.gp-exact-productivity::before {
	content: "";
	position: absolute;
	inset: 0;
	pointer-events: none;
	background-image: radial-gradient(rgba(36,210,238,.19) .7px, transparent .8px);
	background-size: 24px 24px;
	-webkit-mask-image: linear-gradient(180deg, transparent, #000 12%, #000 90%, transparent);
	mask-image: linear-gradient(180deg, transparent, #000 12%, #000 90%, transparent);
	opacity: .14;
}

.gp-exact-heading { position: relative; z-index: 2; max-width: 900px; margin: 0 auto 70px; text-align: center; }
.gp-exact-kicker {
	display: inline-flex;
	align-items: center;
	gap: 9px;
	margin-bottom: 20px;
	padding: 8px 13px;
	border: 1px solid rgba(36,210,238,.25);
	border-radius: 999px;
	color: #a5edf8;
	font-size: 11px;
	font-weight: 700;
	letter-spacing: .13em;
	text-transform: uppercase;
	background: rgba(5,20,24,.72);
}
.gp-exact-kicker i { width: 7px; height: 7px; border-radius: 50%; background: var(--gp-blue); box-shadow: 0 0 14px var(--gp-blue); animation: gp-pulse 1.8s ease-in-out infinite; }
.gp-exact-heading h2 { margin: 0; color: #f8fbfc; font-size: clamp(44px,5vw,72px); font-weight: 700; line-height: .99; letter-spacing: -.055em; }
.gp-exact-heading p { max-width: 720px; margin: 24px auto 0; color: #8d979a; font-size: 18px; line-height: 1.65; }

.gp-exact-grid { position: relative; z-index: 2; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 24px; align-items: start; }
.gp-exact-column { display: grid; gap: 24px; }
.gp-exact-card {
	position: relative;
	overflow: hidden;
	border: 1px solid rgba(209,239,246,.17);
	border-radius: 30px;
	background:
		radial-gradient(circle at 50% 100%, rgba(29,149,184,.1), transparent 58%),
		radial-gradient(rgba(188,231,240,.15) .72px, transparent .76px),
		linear-gradient(155deg,rgba(8,16,18,.98),rgba(2,7,8,.99));
	background-size: auto,14px 14px,auto;
	box-shadow: inset 0 1px rgba(255,255,255,.025),0 24px 75px rgba(0,0,0,.25);
	transition: transform .4s cubic-bezier(.2,.8,.2,1),border-color .4s ease;
}
.gp-exact-card:hover { transform: translateY(-5px); border-color: rgba(36,210,238,.42); }
.gp-exact-card::after { content:""; position:absolute; inset:0; pointer-events:none; background:linear-gradient(180deg,rgba(255,255,255,.014),transparent 42%); }
.gp-exact-copy { position: relative; z-index: 5; max-width: 400px; margin: 0 auto; padding: 36px 31px 18px; text-align: center; }
.gp-exact-copy h3 { margin: 0; color: #f7fafb; font-size: clamp(24px,2vw,31px); font-weight: 650; line-height: 1.1; letter-spacing: -.035em; }
.gp-exact-copy p { margin: 13px 0 0; color: #8e989b; font-size: 14px; line-height: 1.55; }

.gp-exact-card--speed,.gp-exact-card--utilization { height: 510px; }
.gp-exact-card--platform { height: 256px; }
.gp-exact-card--security { height: 484px; }
.gp-exact-card--metrics { height: auto; aspect-ratio: 1270 / 720; }
.gp-exact-card--pool { height: 380px; }
.gp-exact-card--scalability { height: 236px; }
.gp-exact-card--partners { height: 380px; }

/* Source-backed motion rendered as animated images so playback never needs a user gesture. */
.gp-source-motion {
	position: absolute;
	z-index: 3;
	overflow: hidden;
	pointer-events: none;
	background: #07110d;
}
.gp-source-motion--speed,
.gp-source-motion--utilization {
	left: 1px;
	right: 1px;
	bottom: 1px;
	height: 56%;
	border-radius: 0 0 29px 29px;
}
.gp-source-motion--metrics {
	inset: -1px;
	border-radius: inherit;
}
.gp-source-motion__animation {
	position: absolute;
	inset: 0;
	display: block;
	width: 100%;
	height: 100%;
	object-fit: cover;
	object-position: 50% 50%;
	pointer-events: none;
	-webkit-user-select: none;
	user-select: none;
}
.gp-source-motion__brand {
	position: absolute;
	z-index: 2;
	left: 0;
	top: 0;
	display: flex;
	align-items: center;
	gap: 7px;
	width: 32%;
	height: 12.5%;
	padding: 1.7% 0 0 4.2%;
	color: #f3f7f4;
	font-size: 12px;
	font-weight: 650;
	background: linear-gradient(90deg,#19231d 0%,#19231d 78%,rgba(25,35,29,.92) 88%,rgba(25,35,29,0) 100%);
}
.gp-source-motion__brand img {
	width: 17px;
	height: 17px;
	object-fit: contain;
}
.gp-source-motion__watermark-cover {
	position: absolute;
	z-index: 2;
	right: 0;
	bottom: 0;
	width: 9%;
	height: 8%;
	background: linear-gradient(135deg, transparent, #121b16 38%);
}

/* Reference-faithful usage report */
.gp-native-report {
	position: absolute;
	z-index: 3;
	left: 34px;
	right: 34px;
	bottom: 0;
	height: 244px;
	padding: 25px 25px 22px;
	overflow: hidden;
	border: 1px solid rgba(73,137,119,.18);
	border-radius: 24px 24px 0 0;
	background: radial-gradient(circle at 52% 45%,rgba(25,96,68,.21),transparent 66%),linear-gradient(145deg,rgba(8,34,25,.97),rgba(4,20,18,.99));
	box-shadow: 0 0 50px rgba(53,224,178,.09),inset 0 1px rgba(255,255,255,.035);
}
.gp-native-report > strong { display:block; margin-bottom:26px; color:#f4f7f4; font-size:18px; font-weight:600; letter-spacing:-.04em; }
.gp-native-report__row { position:relative; height:58px; color:#f1f3f1; font-size:12px; }
.gp-native-report__row span { display:block; margin:0 0 7px 13px; }
.gp-native-report__row span b { color:#43d8dc; font-weight:500; }
.gp-native-report__row > i { display:block; width:100%; height:18px; border-radius:2px 4px 4px 2px; background:linear-gradient(90deg,#37e6ee 0%,#a5efce 44%,#ffad3e 100%); box-shadow:0 0 24px rgba(69,226,218,.15); transform-origin:left; animation:gp-report-bars 3.8s ease-in-out infinite alternate; }
.gp-native-report__row:nth-of-type(3) > i { animation-delay:.28s; }
.gp-native-report__row:nth-of-type(4) > i { animation-delay:.56s; }
.gp-native-report__axis { display:flex; justify-content:space-between; margin:3px 0 0; color:#50615d; font-size:8px; }

.gp-native-update {
	position:absolute;
	z-index:5;
	right:34px;
	top:183px;
	width:255px;
	height:141px;
	padding:21px 22px 19px;
	border:1px solid rgba(255,255,255,.035);
	border-radius:18px;
	background:linear-gradient(145deg,rgba(20,31,26,.99),rgba(12,24,20,.99));
	box-shadow:0 24px 54px rgba(0,0,0,.56),inset 0 1px rgba(255,255,255,.025);
	animation:gp-float-panel 4.6s ease-in-out infinite;
}
.gp-native-update__head span { display:flex; align-items:center; gap:10px; color:#f2f4f2; font-size:15px; font-weight:500; }
.gp-native-update__head span i { width:12px; height:12px; border-radius:50%; background:#ff9045; box-shadow:0 0 0 7px rgba(255,144,69,.18),0 0 18px rgba(255,144,69,.45); }
.gp-native-update > small { display:block; margin:26px 0 7px; color:#89908d; font-size:11px; }
.gp-native-update > strong { display:block; color:#f4f5f3; font-size:17px; font-weight:500; letter-spacing:-.035em; }
.gp-native-update > p { margin:7px 0 0; color:#45e3bc; font-size:17px; line-height:1.15; letter-spacing:-.035em; }
.gp-native-update > p b { color:#45e3bc; font-weight:600; }

/* Reference-faithful utilization dial */
.gp-native-gauge { position:absolute; z-index:3; left:62px; right:62px; bottom:92px; height:245px; overflow:hidden; border:1px solid rgba(75,142,113,.18); border-radius:18px; background:radial-gradient(circle at 52% 70%,rgba(66,179,92,.2),transparent 57%),linear-gradient(160deg,rgba(13,39,27,.96),rgba(5,18,14,.99)); box-shadow:0 0 45px rgba(54,216,157,.07),inset 0 1px rgba(255,255,255,.03); }
.gp-native-gauge__title { position:absolute; z-index:2; left:0; right:0; top:27px; text-align:center; }
.gp-native-gauge__title > span { color:#f2f5f2; font-size:17px; font-weight:600; }
.gp-native-gauge svg { display:block; width:100%; height:190px; margin-top:43px; overflow:visible; }
.gp-native-gauge path { fill:none; stroke-width:19; stroke-linecap:round; }
.gp-native-gauge__track { stroke:rgba(255,255,255,.07); }
.gp-native-gauge__value { stroke:url(#gpGaugeGradient); stroke-dasharray:383; stroke-dashoffset:46; filter:drop-shadow(-5px 0 10px rgba(36,220,242,.55)) drop-shadow(7px 0 11px rgba(255,138,49,.67)); animation:gp-gauge-ref 3.2s cubic-bezier(.2,.8,.2,1) infinite alternate; }
.gp-native-gauge__readout { position:absolute; left:50%; top:126px; display:flex; flex-direction:column; align-items:center; transform:translateX(-50%); }
.gp-native-gauge__readout strong { color:white; font-size:50px; line-height:.9; letter-spacing:-.065em; }
.gp-native-gauge__readout span { margin-top:16px; padding:6px 14px; border:1.5px solid #ff8d42; border-radius:999px; color:#ff9a57; font-size:10px; font-weight:500; line-height:1; box-shadow:0 0 12px rgba(255,141,66,.13); }

.gp-native-uptime {
	position:absolute;
	z-index:6;
	left:95px;
	right:95px;
	bottom:-2px;
	height:136px;
	padding:32px 18px 17px;
	border:1px solid rgba(255,255,255,.055);
	border-radius:18px 18px 0 0;
	background:linear-gradient(150deg,rgba(17,28,24,.99),rgba(6,14,12,.995));
	box-shadow:0 24px 48px rgba(0,0,0,.58),inset 0 1px rgba(255,255,255,.025);
	text-align:center;
	animation:gp-float-panel 5.2s ease-in-out infinite reverse;
}
.gp-native-uptime > span { display:block; color:#98a09d; font-size:13px; }
.gp-native-uptime > strong { display:block; margin-top:19px; color:#f4f7f4; font-size:52px; font-weight:400; line-height:1; letter-spacing:-.065em; }

/* Original Gateproxies workspace */
.gp-native-dashboard { position:absolute; z-index:3; left:31px; right:31px; bottom:-14px; height:150px; overflow:hidden; border:1px solid rgba(36,210,238,.22); border-radius:18px 18px 0 0; background:#040a0d; box-shadow:0 0 48px rgba(36,210,238,.1); }
.gp-native-dashboard__top { display:flex; align-items:center; gap:5px; height:28px; padding:0 10px; border-bottom:1px solid rgba(255,255,255,.06); color:#96a4a8; font-size:7px; }
.gp-native-dashboard__top > span { display:flex; align-items:center; gap:6px; margin-right:8px; color:#d9f8fc; font-size:8px; font-weight:700; }
.gp-native-dashboard__top img { width:14px; height:14px; }
.gp-native-dashboard__top > i { width:4px; height:4px; border-radius:50%; background:#243237; }
.gp-native-dashboard__top > b { margin-left:auto; color:#53dbad; font-size:7px; font-weight:600; }
.gp-native-dashboard__body { display:flex; height:122px; }
.gp-native-dashboard__nav { display:flex; flex-direction:column; align-items:center; gap:9px; width:37px; padding-top:10px; border-right:1px solid rgba(255,255,255,.05); background:#050d10; }
.gp-native-dashboard__nav strong { display:grid; place-items:center; width:20px; height:20px; border-radius:6px; color:#042129; font-size:8px; background:var(--gp-blue); }
.gp-native-dashboard__nav span { width:13px; height:4px; border-radius:99px; background:#1a292e; }
.gp-native-dashboard__nav span.is-active { background:var(--gp-blue); box-shadow:0 0 9px rgba(36,210,238,.45); }
.gp-native-dashboard__main { flex:1; min-width:0; padding:9px 10px; }
.gp-native-dashboard__chips { display:grid; grid-template-columns:repeat(3,1fr); gap:6px; }
.gp-native-dashboard__chips span { position:relative; display:flex; flex-direction:column; gap:3px; padding:7px 7px 7px 16px; border:1px solid rgba(255,255,255,.07); border-radius:7px; color:#718086; font-size:6px; background:#071013; }
.gp-native-dashboard__chips span i { position:absolute; left:6px; top:9px; width:5px; height:5px; border-radius:2px; background:var(--gp-blue); box-shadow:0 0 8px rgba(36,210,238,.45); }
.gp-native-dashboard__chips b { color:#d6e2e4; font-size:8px; }
.gp-native-dashboard__chart { position:relative; height:65px; margin-top:7px; padding:8px; overflow:hidden; border-radius:8px; background:linear-gradient(145deg,#071518,#061013); }
.gp-native-dashboard__chart small { color:#4faebc; font:600 5px/1 monospace; letter-spacing:.1em; }
.gp-native-dashboard__chart strong { display:block; margin-top:4px; color:#e7f6f8; font-size:15px; }
.gp-native-dashboard__chart svg { position:absolute; right:0; bottom:0; width:76%; height:52px; }
.gp-native-dashboard__chart path { fill:none; stroke:var(--gp-blue); stroke-width:2; stroke-dasharray:380; animation:gp-draw 4s linear infinite; filter:drop-shadow(0 0 5px rgba(36,210,238,.5)); }

/* Gateproxies security network: the logo is the visual core, without a shield or card. */
.gp-native-security {
	position:absolute;
	z-index:3;
	left:0;
	right:0;
	bottom:0;
	height:302px;
	overflow:hidden;
	background:
		radial-gradient(circle at 50% 50%,rgba(38,214,239,.2),transparent 20%),
		radial-gradient(circle at 50% 50%,rgba(8,83,113,.14),transparent 62%);
}
.gp-native-security::before {
	content:"";
	position:absolute;
	inset:0;
	background-image:radial-gradient(rgba(57,216,237,.19) .7px,transparent .8px);
	background-size:17px 17px;
	-webkit-mask-image:radial-gradient(circle at 50% 50%,#000,transparent 70%);
	mask-image:radial-gradient(circle at 50% 50%,#000,transparent 70%);
	opacity:.48;
}
.gp-native-security__network { position:absolute; inset:0; width:100%; height:100%; overflow:visible; }
.gp-native-security__routes path { fill:none; stroke:url(#gpNetworkLine); stroke-width:1.25; stroke-dasharray:9 12; opacity:.72; animation:gp-network-flow 5.8s linear infinite; }
.gp-native-security__routes path:nth-child(2) { animation-duration:7.2s; animation-direction:reverse; }
.gp-native-security__routes path:nth-child(3) { animation-duration:6.4s; animation-delay:-2s; }
.gp-native-security__routes path:nth-child(4) { animation-duration:8.2s; animation-direction:reverse; }
.gp-native-security__routes path:nth-child(5) { animation-duration:7.6s; animation-delay:-3s; }
.gp-native-security__links path { fill:none; stroke:rgba(58,210,232,.29); stroke-width:.8; stroke-dasharray:2 8; animation:gp-network-flow 10s linear infinite reverse; }
.gp-native-security__nodes circle { transform-box:fill-box; transform-origin:center; animation:gp-network-node 2.7s ease-in-out infinite; }
.gp-native-security__nodes circle:nth-child(3n+2) { animation-delay:-.9s; }
.gp-native-security__nodes circle:nth-child(3n) { animation-delay:-1.8s; }
.gp-native-security__core {
	position:absolute;
	left:50%;
	top:50%;
	display:flex;
	align-items:center;
	justify-content:center;
	width:122px;
	height:122px;
	transform:translate(-50%,-50%);
}
.gp-native-security__core::before,
.gp-native-security__core::after,
.gp-native-security__core > i,
.gp-native-security__core > span {
	content:"";
	position:absolute;
	border-radius:50%;
	pointer-events:none;
}
.gp-native-security__core::before { inset:-12px; border:1px solid rgba(78,224,244,.25); box-shadow:0 0 34px rgba(36,210,238,.16),inset 0 0 28px rgba(36,210,238,.09); animation:gp-logo-halo 3s ease-in-out infinite; }
.gp-native-security__core::after { inset:7px; background:radial-gradient(circle,rgba(54,220,242,.14),rgba(4,39,51,.04) 55%,transparent 72%); filter:blur(2px); }
.gp-native-security__core > i { inset:-27px; border:1px dashed rgba(55,205,226,.22); animation:gp-core-orbit 13s linear infinite; }
.gp-native-security__core > span { inset:-47px; border:1px solid rgba(40,174,197,.1); border-left-color:rgba(92,232,248,.42); border-right-color:rgba(92,232,248,.42); animation:gp-core-orbit 18s linear infinite reverse; }
.gp-native-security__core img { position:relative; z-index:2; width:76px; height:76px; object-fit:contain; filter:drop-shadow(0 0 7px rgba(129,242,255,.72)) drop-shadow(0 0 24px rgba(83,104,246,.58)); animation:gp-logo-breathe 3s ease-in-out infinite; }
.gp-native-security__core b { position:absolute; z-index:2; top:104px; color:#a6eff8; font:700 7px/1 monospace; letter-spacing:.2em; text-shadow:0 0 12px rgba(36,210,238,.75); }
.gp-native-security__badges { position:absolute; left:50%; bottom:15px; display:flex; gap:7px; transform:translateX(-50%); }
.gp-native-security__badges span { white-space:nowrap; padding:6px 8px; border:1px solid rgba(36,210,238,.15); border-radius:999px; color:#76c9d5; font:600 7px/1 monospace; background:rgba(3,13,16,.75); }

/* Reference-faithful metrics panel */
.gp-native-metrics { position:absolute; z-index:3; inset:0; padding:13px 18px 0; background:radial-gradient(circle at 30% 35%,rgba(66,115,75,.17),transparent 54%),linear-gradient(155deg,rgba(22,31,25,.98),rgba(9,17,14,.99)); }
.gp-native-metrics__head { display:flex; align-items:flex-start; justify-content:space-between; padding-bottom:15px; border-bottom:1px solid rgba(255,255,255,.08); }
.gp-native-metrics__head > span { display:flex; flex-direction:column; color:#f4f6f3; }
.gp-native-metrics__head > span b { font-size:13px; line-height:1; }
.gp-native-metrics__head > span strong { margin-top:7px; font-size:19px; font-weight:500; line-height:1; letter-spacing:-.035em; }
.gp-native-metrics__head > div { display:flex; align-items:center; gap:8px; }
.gp-native-metrics__head > div small { display:flex; align-items:center; gap:8px; color:#eef2ef; font-size:9px; }
.gp-native-metrics__head > div small i { width:19px; height:19px; border-radius:5px; background:#53615d; box-shadow:inset 0 1px rgba(255,255,255,.08); }
.gp-native-metrics__head > div em { position:relative; width:27px; height:14px; border-radius:99px; background:#19dc78; box-shadow:0 0 13px rgba(25,220,120,.34); }
.gp-native-metrics__head > div em::after { content:""; position:absolute; right:2px; top:2px; width:10px; height:10px; border-radius:50%; background:#f0f4f1; }
.gp-native-metrics__summary { display:flex; align-items:center; gap:54px; padding:13px 4px 0; }
.gp-native-metrics__summary span { color:#f0f3f0; font-size:12px; }
.gp-native-metrics__summary strong { display:block; margin-top:3px; color:#f6f8f5; font-size:42px; font-weight:400; line-height:.9; letter-spacing:-.055em; }
.gp-native-metrics__summary > b { display:flex; align-items:center; color:#55e96e; font-size:15px; font-weight:500; }
.gp-native-metrics__summary > b > i { display:grid; place-items:center; width:31px; height:31px; margin-right:7px; border-radius:50%; color:#55ef73; font-size:20px; font-style:normal; background:rgba(49,182,75,.1); box-shadow:0 0 18px rgba(69,231,100,.13); }
.gp-native-metrics__summary small { margin-left:4px; color:#eef2ef; font-size:11px; font-weight:400; }
.gp-native-metrics__chart { position:absolute; left:16px; right:16px; bottom:0; display:flex; align-items:flex-end; justify-content:space-around; height:119px; padding:10px 6px 0; border-left:1px solid rgba(255,255,255,.16); border-bottom:1px solid rgba(255,255,255,.16); background:repeating-linear-gradient(to bottom,transparent 0 28px,rgba(255,255,255,.14) 29px,transparent 30px); }
.gp-native-metrics__chart > span { position:relative; display:flex; align-items:flex-end; justify-content:center; gap:7px; width:14%; height:100%; }
.gp-native-metrics__chart i,.gp-native-metrics__chart span > b { display:block; width:35%; border-radius:5px 5px 0 0; transform-origin:bottom; animation:gp-bars 2.8s ease-in-out infinite alternate; }
.gp-native-metrics__chart i { height:var(--h); background:linear-gradient(180deg,#43e5ed 0%,#8ce9c9 100%); box-shadow:0 0 15px rgba(53,228,223,.42); }
.gp-native-metrics__chart span > b { height:var(--h2); background:linear-gradient(180deg,#46524d,#303833); animation-delay:.28s; }

/* Original network graph */
.gp-native-pool { position:absolute; z-index:3; left:18px; right:18px; bottom:16px; height:224px; overflow:hidden; border:1px solid rgba(36,210,238,.13); border-radius:20px; background:linear-gradient(180deg,rgba(5,16,19,.72),rgba(2,9,11,.9)); }
.gp-native-pool__head { position:relative; z-index:2; display:flex; justify-content:space-between; align-items:center; padding:17px 17px 0; }
.gp-native-pool__head span { color:#748286; font-size:8px; }
.gp-native-pool__head strong { display:block; margin-top:3px; color:#eef8fa; font-size:28px; letter-spacing:-.05em; }
.gp-native-pool__head b { display:flex; align-items:center; gap:6px; padding:7px 9px; border:1px solid rgba(36,210,238,.18); border-radius:999px; color:#9deaf4; font-size:7px; font-weight:600; background:rgba(36,210,238,.05); }
.gp-native-pool svg { position:absolute; left:0; right:0; bottom:0; width:100%; height:152px; }
.gp-native-pool__grid { fill:none; stroke:rgba(255,255,255,.05); stroke-width:1; }
.gp-native-pool__area { fill:url(#gpPoolArea); }
.gp-native-pool__line { fill:none; stroke:var(--gp-blue); stroke-width:2.4; stroke-dasharray:620; animation:gp-draw 5s linear infinite; filter:drop-shadow(0 0 7px rgba(36,210,238,.52)); }
.gp-native-pool__pin { position:absolute; width:8px; height:8px; border:2px solid #d8fbff; border-radius:50%; background:var(--gp-blue); box-shadow:0 0 13px var(--gp-blue); animation:gp-pulse 1.7s ease-in-out infinite; }
.gp-native-pool__pin--a { left:39%; bottom:73px; }.gp-native-pool__pin--b { left:61%; bottom:93px; animation-delay:.5s; }.gp-native-pool__pin--c { right:4%; bottom:25px; animation-delay:1s; }

/* Original scaling stack */
.gp-native-stack { position:absolute; z-index:3; left:43px; right:43px; bottom:-60px; height:176px; perspective:700px; }
.gp-native-stack > div { position:absolute; left:0; right:0; display:flex; align-items:center; gap:10px; height:60px; padding:10px 12px; border:1px solid rgba(255,255,255,.09); border-radius:14px; background:linear-gradient(145deg,rgba(12,24,27,.98),rgba(5,12,14,.98)); box-shadow:0 15px 28px rgba(0,0,0,.32); animation:gp-stack 4s ease-in-out infinite; }
.gp-native-stack > div:nth-child(1) { top:0; z-index:3; }.gp-native-stack > div:nth-child(2) { top:43px; z-index:2; transform:scale(.94); animation-delay:.3s; }.gp-native-stack > div:nth-child(3) { top:84px; z-index:1; transform:scale(.88); animation-delay:.6s; }
.gp-native-stack > div > span { display:grid; place-items:center; width:34px; height:34px; flex:0 0 auto; border-radius:50%; color:#06232a; font-size:9px; font-weight:800; background:linear-gradient(135deg,#7ce9f5,var(--gp-blue)); }
.gp-native-stack p { min-width:0; margin:0; }
.gp-native-stack strong,.gp-native-stack small { display:block; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
.gp-native-stack strong { color:#d9e5e7; font-size:9px; }.gp-native-stack small { margin-top:4px; color:#69777b; font-size:7px; }
.gp-native-stack b { margin-left:auto; color:#58dbab; font-size:7px; font-weight:600; }

.gp-exact-marquee { position:absolute; z-index:3; left:0; right:0; bottom:35px; display:grid; gap:14px; overflow:hidden; -webkit-mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); mask-image:linear-gradient(90deg,transparent,#000 12%,#000 88%,transparent); }
.gp-exact-marquee-row { display:flex; width:max-content; animation:gp-scroll 22s linear infinite; }
.gp-exact-marquee-row--reverse { animation-direction:reverse; animation-duration:25s; }
.gp-exact-marquee-row span { display:flex; align-items:center; gap:12px; padding-right:12px; }
.gp-exact-marquee-row img { width:92px; height:43px; padding:9px 13px; object-fit:contain; border:1px solid rgba(255,255,255,.12); border-radius:11px; background:rgba(10,18,20,.8); filter:grayscale(1) brightness(1.65); }

.gp-faq h2 span { color:#28c9f3 !important; }

@keyframes gp-pulse { 0%,100%{opacity:.5;transform:scale(.82)} 50%{opacity:1;transform:scale(1.18)} }
@keyframes gp-fill { from{transform:scaleX(.16)} to{transform:scaleX(1)} }
@keyframes gp-gauge { from{stroke-dashoffset:138} to{stroke-dashoffset:42} }
@keyframes gp-gauge-ref { from{stroke-dashoffset:120} to{stroke-dashoffset:46} }
@keyframes gp-report-bars { from{transform:scaleX(.91);filter:saturate(.88)} to{transform:scaleX(1);filter:saturate(1.15)} }
@keyframes gp-draw { 0%{stroke-dashoffset:620} 62%,100%{stroke-dashoffset:0} }
@keyframes gp-orbit { to{transform:translate(-50%,-50%) rotate(360deg)} }
@keyframes gp-scan { 0%,100%{top:-15%;opacity:0} 20%{opacity:1} 80%{opacity:1} 100%{top:92%;opacity:0} }
@keyframes gp-network-flow { to{stroke-dashoffset:-190} }
@keyframes gp-network-node { 0%,100%{opacity:.45;transform:scale(.72)} 50%{opacity:1;transform:scale(1.38)} }
@keyframes gp-core-orbit { to{transform:rotate(360deg)} }
@keyframes gp-logo-breathe { 0%,100%{transform:scale(.94);filter:drop-shadow(0 0 6px rgba(129,242,255,.68)) drop-shadow(0 0 20px rgba(83,104,246,.5))} 50%{transform:scale(1.07);filter:drop-shadow(0 0 11px rgba(197,251,255,.92)) drop-shadow(0 0 38px rgba(139,92,246,.82))} }
@keyframes gp-logo-halo { 0%,100%{opacity:.46;transform:scale(.92)} 50%{opacity:1;transform:scale(1.08)} }
@keyframes gp-bars { from{transform:scaleY(.5);filter:brightness(.75)} to{transform:scaleY(1);filter:brightness(1.15)} }
@keyframes gp-stack { 0%,100%{translate:0 0} 50%{translate:0 -5px} }
@keyframes gp-scroll { to{transform:translateX(-50%)} }
@keyframes gp-float-panel { 0%,100%{transform:translateY(0)} 50%{transform:translateY(-7px)} }

@media (max-width:980px) {
	.gp-exact-productivity { padding:100px 22px 110px; }
	.gp-exact-grid { grid-template-columns:1fr 1fr; }
	.gp-exact-column:last-child { grid-column:1/-1; grid-template-columns:1fr 1fr; }
	.gp-exact-card--partners { grid-column:1/-1; }
}

@media (max-width:680px) {
	.gp-exact-productivity { padding:82px 16px 90px; }
	.gp-exact-heading { margin-bottom:48px; }
	.gp-exact-heading h2 { font-size:clamp(38px,12vw,54px); }
	.gp-exact-heading p { font-size:16px; }
	.gp-exact-grid,.gp-exact-column,.gp-exact-column:last-child { grid-template-columns:1fr; gap:16px; }
	.gp-exact-column:last-child { grid-column:auto; }
	.gp-exact-card--partners { grid-column:auto; }
	.gp-exact-card--speed,.gp-exact-card--utilization { height:470px; }
	.gp-exact-card--security { height:455px; }
	.gp-exact-card--pool { height:370px; }
	.gp-exact-copy { padding:31px 24px 16px; }
	.gp-native-report { left:16px; right:30px; bottom:-18px; }
	.gp-native-update { right:24px; top:169px; width:218px; }
	.gp-native-gauge { left:50px; right:50px; bottom:84px; }
	.gp-native-uptime { left:76px; right:76px; bottom:-2px; }
	.gp-native-update > small { margin-top:18px; font-size:8px; }
	.gp-native-update > strong { max-width:175px; font-size:12px; line-height:1.2; }
	.gp-native-update > p { font-size:12px; line-height:1.15; }
	.gp-native-report > strong { font-size:14px; }
	.gp-native-dashboard { left:18px; right:18px; }
	.gp-native-security__orbit--two { width:310px; }
}

@media (prefers-reduced-motion:reduce) {
	.gp-exact-card { transition:none; }
	.gp-exact-productivity * { animation-duration:.001ms !important; animation-iteration-count:1 !important; }
}