*,
			*::before,
			*::after {
				margin: 0;
				padding: 0;
				box-sizing: border-box
			}

			:root {
				--paper: #F4F1EB;
				--paper-2: #EAE5DB;
				--paper-3: #FBF9F5;
				--ink: #0D0D0D;
				--ink-2: #5A554C;
				--ink-3: #8C867A;
				--line: #D9D3C6;
				--line-2: #111111;
				--accent: #FF4A00;
				--blue: #0033FF;
				--dark: #0D0D0D;
				--dark-2: #1A1815;
				--f-display: 'Archivo', -apple-system, sans-serif;
				--f-mono: 'IBM Plex Mono', ui-monospace, monospace;
				--f-body: 'Inter', -apple-system, sans-serif;
				--ease: cubic-bezier(.22, 1, .36, 1);
			}

			html {
				scroll-behavior: smooth;
				-webkit-text-size-adjust: 100%
			}

			body {
				font-family: var(--f-body);
				background: var(--paper);
				color: var(--ink);
				line-height: 1.6;
				font-size: 16px;
				overflow-x: hidden;
				-webkit-font-smoothing: antialiased
			}

			a {
				text-decoration: none;
				color: inherit
			}

			ul {
				list-style: none
			}

			button {
				font-family: inherit;
				cursor: pointer;
				border: none;
				background: none
			}

			img,
			svg {
				display: block;
				max-width: 100%
			}

			.wrap {
				max-width: 1400px;
				margin: 0 auto;
				padding: 0 40px
			}

			@media(max-width:900px) {
				.wrap {
					padding: 0 22px
				}
			}
.logo {
    height:70px;
}.logo_db{
    height:85px;
}
			/* ============ TOP BAR ============ */
			.topbar {
				position: fixed;
				top: 0;
				left: 0;
				right: 0;
				z-index: 1002;
				height: 38px;
				background: var(--paper);
				border-bottom: 1px solid var(--line);
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0 40px
			}

			@media(max-width:900px) {
				.topbar {
					padding: 0 22px
				}
			}

			.topbar-left {
				font-family: var(--f-mono);
				font-size: .66rem;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: var(--ink-3);
				display: flex;
				align-items: center;
				gap: 14px
			}

			.topbar-left .dot {
				width: 6px;
				height: 6px;
				background: var(--accent);
				border-radius: 50%
			}

			.topbar-right {
				display: flex;
				align-items: center;
				gap: 0
			}

			.lang-btn {
				font-family: var(--f-mono);
				font-size: .68rem;
				font-weight: 600;
				letter-spacing: .12em;
				text-transform: uppercase;
				padding: 6px 14px;
				color: var(--ink-3);
				border: 1px solid transparent;
				transition: color .2s
			}

			.lang-btn:hover {
				color: var(--ink)
			}

			.lang-btn.active {
				color: var(--ink);
				border-color: var(--line-2)
			}

			@media(max-width:700px) {
				.topbar-left .full {
					display: none
				}
				.ph_accent{font-size:26px;}
			}

			/* ============ NAV ============ */
			.nav {
				position: fixed;
				top: 38px;
				left: 0;
				right: 0;
				z-index: 1001;
				height: 72px;
				background: rgba(244, 241, 235, .94);
				backdrop-filter: blur(14px);
				-webkit-backdrop-filter: blur(14px);
				border-bottom: 1px solid var(--line);
				display: flex;
				align-items: center;
				justify-content: space-between;
				padding: 0 40px;
				transition: height .3s var(--ease)
			}

			@media(max-width:900px) {
				.nav {
					padding: 0 22px
				}
			}

			.nav.scrolled {
				height: 64px
			}

			.brand {
				display: flex;
				align-items: center;
				gap: 12px
			}

			.brand-mark {
				width: 32px;
				height: 32px;
				background: var(--accent);
				display: flex;
				align-items: center;
				justify-content: center;
				font-family: var(--f-display);
				font-weight: 900;
				font-size: .9rem;
				color: #fff;
				letter-spacing: -.04em
			}

			.brand-text {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: 1.05rem;
				letter-spacing: -.01em;
				text-transform: uppercase
			}

			.brand-text span {
				font-family: var(--f-mono);
				font-weight: 500;
				font-size: .66rem;
				color: var(--ink-3);
				letter-spacing: .1em;
				margin-left: 5px;
				text-transform: uppercase
			}

			.nav-menu {
				display: flex;
				align-items: center;
				gap: 2px
			}

			.nav-menu a {
				font-family: var(--f-mono);
				font-size: .7rem;
				font-weight: 500;
				letter-spacing: .1em;
				text-transform: uppercase;
				padding: 10px 16px;
				color: var(--ink-2);
				position: relative;
				transition: color .2s
			}

			.nav-menu a::after {
				content: '';
				position: absolute;
				left: 16px;
				right: 16px;
				bottom: 6px;
				height: 1px;
				background: var(--accent);
				transform: scaleX(0);
				transform-origin: left;
				transition: transform .3s var(--ease)
			}

			

			.nav-cta {
				font-family: var(--f-mono);
				font-size: .7rem;
				font-weight: 600;
				letter-spacing: .1em;
				text-transform: uppercase;
				padding: 12px 22px;
				background: var(--ink);
				color: var(--paper);
				transition: background .2s
			}

			.nav-cta:hover {
				background: var(--accent)
			}
			
			
			.active{color: var(--ink);}
			.active::after {
				transform: scaleX(1)
			}
			

			.burger {
				display: none;
				width: 40px;
				height: 40px;
				position: relative
			}

			.burger span {
				position: absolute;
				left: 8px;
				width: 24px;
				height: 1.5px;
				background: var(--ink);
				transition: all .3s var(--ease)
			}

			.burger span:nth-child(1) {
				top: 15px
			}

			.burger span:nth-child(2) {
				top: 20px
			}

			.burger span:nth-child(3) {
				top: 25px
			}

			.burger.on span:nth-child(1) {
				top: 20px;
				transform: rotate(45deg)
			}

			.burger.on span:nth-child(2) {
				opacity: 0
			}

			.burger.on span:nth-child(3) {
				top: 20px;
				transform: rotate(-45deg)
			}

			.mobile-nav {
				display: none;
				position: fixed;
				top: 110px;
				left: 0;
				right: 0;
				bottom: 0;
				background: var(--paper);
				z-index: 999;
				padding: 32px 22px;
				overflow-y: auto;
				border-top: 1px solid var(--line)
			}

			.mobile-nav.open {
				display: block
			}

			.mobile-nav a {
				display: block;
				padding: 20px 0;
				font-family: var(--f-display);
				font-size: 1.6rem;
				font-weight: 700;
				letter-spacing: -.02em;
				border-bottom: 1px solid var(--line);
				transition: color .2s, padding-left .2s
			}

			.mobile-nav a:hover {
				color: var(--accent);
				padding-left: 8px
			}

			.mobile-nav .nav-cta {
				display: block;
				text-align: center;
				margin-top: 28px;
				font-size: .8rem;
				padding: 18px
			}

			@media(max-width:1080px) {
				.nav-menu {
					display: none
				}

				.nav-cta {
					display: none
				}

				.burger {
					display: block
				}
			}

			/* ============ HERO ============ */
			.hero {
				padding: 200px 0 80px;
				position: relative
			}

			.hero-top {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 24px;
				padding-bottom: 28px;
				border-bottom: 1px solid var(--line);
				margin-bottom: 56px;
				flex-wrap: wrap
			}

			.hero-tag {
				font-family: var(--f-mono);
				font-size: .7rem;
				font-weight: 500;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: var(--ink-2);
				display: flex;
				align-items: center;
				gap: 12px
			}

			.hero-tag .num {
				color: var(--accent);
				font-weight: 600
			}

			.hero-live {
				display: flex;
				align-items: center;
				gap: 9px;
				font-family: var(--f-mono);
				font-size: .68rem;
				font-weight: 500;
				letter-spacing: .1em;
				text-transform: uppercase;
				color: var(--ink-3)
			}

			.hero-live .pulse {
				width: 7px;
				height: 7px;
				background: var(--accent);
				border-radius: 50%;
				animation: pulse 2s infinite
			}

			@keyframes pulse {

				0%,
				100% {
					opacity: 1
				}

				50% {
					opacity: .3
				}
			}

			.hero-grid {
				display: grid;
				grid-template-columns: 1.5fr .8fr;
				gap: 60px;
				align-items: end;
				margin-bottom: 72px
			}

			@media(max-width:1080px) {
				.hero-grid {
					grid-template-columns: 1fr;
					gap: 44px;
					align-items: start
				}
			}

			.hero-title {
				font-family: var(--f-display);
				font-weight: 900;
				font-size: clamp(2.4rem, 6.2vw, 5.4rem);
				line-height: .94;
				letter-spacing: -.045em;
				text-transform: uppercase
			}

			.hero-title .accent {
				color: var(--accent)
			}

			.hero-side {
				padding-bottom: 8px
			}

			.hero-side p {
				font-size: 1rem;
				color: var(--ink-2);
				line-height: 1.7;
				margin-bottom: 28px;
				max-width: 440px
			}

			.hero-actions {
				display: flex;
				gap: 12px;
				flex-wrap: wrap
			}

			.btn-solid {
				display: inline-flex;
				align-items: center;
				gap: 10px;
				padding: 16px 28px;
				background: var(--ink);
				color: var(--paper);
				font-family: var(--f-mono);
				font-size: .72rem;
				font-weight: 600;
				letter-spacing: .1em;
				text-transform: uppercase;
				transition: all .2s var(--ease)
			}

			.btn-solid:hover {
				background: var(--accent);
				transform: translateX(2px)
			}

			.btn-ghost {
				display: inline-flex;
				align-items: center;
				gap: 10px;
				padding: 16px 28px;
				background: transparent;
				color: var(--ink);
				border: 1px solid var(--ink);
				font-family: var(--f-mono);
				font-size: .72rem;
				font-weight: 600;
				letter-spacing: .1em;
				text-transform: uppercase;
				transition: all .2s var(--ease)
			}

			.btn-ghost:hover {
				background: var(--ink);
				color: var(--paper)
			}

			.hero-pillars {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1px;
				background: var(--line-2);
				border: 1px solid var(--line-2)
			}

			@media(max-width:700px) {
				.hero-pillars {
					grid-template-columns: 1fr
				}
			}

			.hp-cell {
				background: var(--paper-3);
				padding: 36px 32px;
				display: flex;
				flex-direction: column;
				gap: 16px;
				transition: background .3s var(--ease)
			}

			.hp-cell:hover {
				background: var(--paper)
			}

			.hp-cell.accent {
				background: var(--ink);
				color: var(--paper)
			}

			.hp-cell.accent:hover {
				background: #1A1815
			}

			.hp-head {
				display: flex;
				align-items: center;
				justify-content: space-between;
				gap: 16px;
				margin-bottom: 4px
			}

			.hp-icon {
				width: 44px;
				height: 44px;
				border: 1px solid var(--line-2);
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 1.1rem
			}

			.hp-cell.accent .hp-icon {
				border-color: rgba(255, 255, 255, .3);
				color: var(--accent)
			}

			.hp-num {
				font-family: var(--f-mono);
				font-size: .66rem;
				font-weight: 600;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: var(--ink-3)
			}

			.hp-cell.accent .hp-num {
				color: rgba(255, 255, 255, .4)
			}

			.hp-cell h3 {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: 1.5rem;
				letter-spacing: -.03em;
				line-height: 1.1;
				text-transform: uppercase
			}

			.hp-cell p {
				font-size: .9rem;
				color: var(--ink-2);
				line-height: 1.7;
				flex: 1
			}

			.hp-cell.accent p {
				color: rgba(255, 255, 255, .7)
			}

			.hp-link {
				font-family: var(--f-mono);
				font-size: .7rem;
				font-weight: 600;
				letter-spacing: .1em;
				text-transform: uppercase;
				display: inline-flex;
				align-items: center;
				gap: 8px;
				transition: gap .3s var(--ease);
				margin-top: 8px
			}

			.hp-cell.accent .hp-link {
				color: var(--accent)
			}

			.hp-cell:hover .hp-link {
				gap: 14px
			}

			/* ============ MARQUEE ============ */
			.marquee {
				background: var(--ink);
				color: var(--paper);
				padding: 22px 0;
				overflow: hidden;
				white-space: nowrap;
				border-top: 1px solid var(--ink);
				border-bottom: 1px solid var(--ink);
				margin-top: 80px
			}

			.marquee-track {
				display: inline-flex;
				gap: 0;
				animation: scroll 40s linear infinite
			}

			.marquee-track span {
				font-family: var(--f-display);
				font-weight: 700;
				font-size: 1.1rem;
				letter-spacing: .02em;
				text-transform: uppercase;
				padding: 0 32px;
				display: inline-flex;
				align-items: center;
				gap: 32px
			}

			.marquee-track span::after {
				content: '';
				width: 6px;
				height: 6px;
				background: var(--accent);
				display: inline-block;
				flex-shrink: 0
			}

			@keyframes scroll {
				0% {
					transform: translateX(0)
				}

				100% {
					transform: translateX(-50%)
				}
			}

			/* ============ SECTION ============ */
			.section {
				padding: 110px 0
			}

			@media(max-width:900px) {
				.section {
					padding: 70px 0
				}
			}

			.sec-head {
				display: grid;
				grid-template-columns: 180px 1fr;
				gap: 40px;
				padding-bottom: 36px;
				border-bottom: 1px solid var(--line-2);
				margin-bottom: 56px
			}

			@media(max-width:900px) {
				.sec-head {
					grid-template-columns: 1fr;
					gap: 16px
				}
			}

			.sec-num {
				font-family: var(--f-mono);
				font-size: .72rem;
				font-weight: 500;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: var(--accent);
				padding-top: 6px
			}

			.sec-title {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: clamp(1.9rem, 4vw, 3.2rem);
				line-height: 1.02;
				letter-spacing: -.035em;
				max-width: 900px
			}

			.sec-title em {
				font-style: normal;
				color: var(--ink-3)
			}

			.sec-lead {
				font-size: .98rem;
				color: var(--ink-2);
				line-height: 1.75;
				max-width: 600px;
				margin-top: 20px
			}

			/* ============ TWO PILLARS ============ */
			.pillar-two {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1px;
				background: var(--line-2);
				border: 1px solid var(--line-2)
			}

			@media(max-width:900px) {
				.pillar-two {
					grid-template-columns: 1fr
				}
			}

			.p2-cell {
				background: var(--paper-3);
				padding: 56px 44px;
				display: flex;
				flex-direction: column;
				gap: 22px;
				transition: background .3s var(--ease)
			}

			.p2-cell:hover {
				background: var(--paper)
			}

			.p2-cell.dark {
				background: var(--ink);
				color: var(--paper)
			}

			.p2-cell.dark:hover {
				background: #1A1815
			}

			.p2-head {
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 20px;
				padding-bottom: 22px;
				border-bottom: 1px solid var(--line)
			}

			.p2-cell.dark .p2-head {
				border-bottom-color: rgba(255, 255, 255, .15)
			}

			.p2-num {
				font-family: var(--f-mono);
				font-size: .68rem;
				font-weight: 600;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: var(--accent)
			}

			.p2-icon {
				width: 48px;
				height: 48px;
				border: 1px solid var(--line-2);
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: 1.15rem;
				flex-shrink: 0
			}

			.p2-cell.dark .p2-icon {
				border-color: rgba(255, 255, 255, .25);
				color: var(--accent)
			}

			.p2-cell h3 {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: 21px;
				letter-spacing: -.035em;
				line-height: 1.05;
				text-transform: uppercase
			}

			.p2-cell.dark h3 {
				color: var(--paper)
			}

			.p2-cell h3 em {
				display: block;
				font-style: normal;
				font-family: var(--f-mono);
				font-weight: 500;
				font-size: .72rem;
				letter-spacing: .14em;
				color: var(--ink-3);
				margin-top: 10px;
				text-transform: uppercase
			}

			.p2-cell.dark h3 em {
				color: rgba(255, 255, 255, .4)
			}

			.p2-cell p {
				font-size: .94rem;
				color: var(--ink-2);
				line-height: 1.75;
				flex: 1
			}

			.p2-cell.dark p {
				color: rgba(255, 255, 255, .65)
			}

			.p2-list {
				display: grid;
				gap: 0;
				margin-top: 8px
			}

			.p2-list li {
				display: grid;
				grid-template-columns: 60px 1fr;
				gap: 16px;
				padding: 14px 0;
				border-top: 1px solid var(--line);
				font-size: .86rem;
				color: var(--ink-2);
				line-height: 1.6
			}

			.p2-cell.dark .p2-list li {
				border-top-color: rgba(255, 255, 255, .12);
				color: rgba(255, 255, 255, .7)
			}

			.p2-list li .k {
				font-family: var(--f-mono);
				font-size: .66rem;
				font-weight: 600;
				letter-spacing: .08em;
				text-transform: uppercase;
				color: var(--accent);
				padding-top: 2px
			}

			.p2-link {
				font-family: var(--f-mono);
				font-size: .72rem;
				font-weight: 600;
				letter-spacing: .1em;
				text-transform: uppercase;
				display: inline-flex;
				align-items: center;
				gap: 10px;
				padding-top: 16px;
				transition: gap .3s var(--ease);
				margin-top: auto
			}

			.p2-cell.dark .p2-link {
				color: var(--accent)
			}

			.p2-cell:hover .p2-link {
				gap: 18px
			}

			/* ============ FINTECH — DARK DETAIL ============ */
			.dark-sec {
				background: var(--dark);
				color: var(--paper);
				padding: 120px 0;
				position: relative
			}

			@media(max-width:900px) {
				.dark-sec {
					padding: 80px 0
				}
			}

			.dark-sec .sec-head {
				border-bottom-color: rgba(255, 255, 255, .15)
			}

			.dark-sec .sec-num {
				color: var(--accent)
			}

			.dark-sec .sec-title {
				color: var(--paper)
			}

			.dark-sec .sec-title em {
				color: rgba(255, 255, 255, .35)
			}

			.dark-sec .sec-lead {
				color: rgba(255, 255, 255, .6)
			}

			.fin-grid {
				display: grid;
				grid-template-columns: 1.3fr 1fr;
				gap: 70px;
				align-items: start
			}

			@media(max-width:900px) {
				.fin-grid {
					grid-template-columns: 1fr;
					gap: 44px
				}
			}

			.fin-features li {
				display: grid;
				grid-template-columns: 44px 1fr;
				gap: 20px;
				padding: 26px 0;
				border-bottom: 1px solid rgba(255, 255, 255, .12)
			}

			.fin-features li:last-child {
				border-bottom: none
			}

			.fin-features li .n {
				font-family: var(--f-mono);
				font-size: .68rem;
				font-weight: 500;
				letter-spacing: .1em;
				color: var(--accent);
				padding-top: 3px
			}

			.fin-features li h4 {
				font-family: var(--f-display);
				font-weight: 700;
				font-size: 1.1rem;
				letter-spacing: -.015em;
				margin-bottom: 8px;
				color: var(--paper);
				text-transform: uppercase
			}

			.fin-features li p {
				font-size: .9rem;
				color: rgba(255, 255, 255, .6);
				line-height: 1.7
			}

			/* Financial workloads — extended */
			.fin-workloads {
				margin-top: 80px;
				padding-top: 60px;
				border-top: 1px solid rgba(255, 255, 255, .15)
			}

			.fw-head {
				display: flex;
				align-items: baseline;
				justify-content: space-between;
				gap: 24px;
				flex-wrap: wrap;
				margin-bottom: 36px
			}

			.fw-head h3 {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: 1.6rem;
				letter-spacing: -.03em;
				color: var(--paper);
				text-transform: uppercase
			}

			.fw-head span {
				font-family: var(--f-mono);
				font-size: .7rem;
				font-weight: 500;
				letter-spacing: .1em;
				text-transform: uppercase;
				color: rgba(255, 255, 255, .4)
			}

			.fw-grid {
				display: grid;
				grid-template-columns: repeat(3, 1fr);
				gap: 1px;
				background: rgba(255, 255, 255, .12);
				border: 1px solid rgba(255, 255, 255, .12)
			}

			@media(max-width:900px) {
				.fw-grid {
					grid-template-columns: 1fr 1fr
				}
			}

			@media(max-width:600px) {
				.fw-grid {
					grid-template-columns: 1fr
				}
			}

			.fw-item {
				background: var(--dark);
				padding: 28px 24px;
				display: flex;
				flex-direction: column;
				gap: 8px;
				transition: background .3s var(--ease)
			}

			.fw-item:hover {
				background: rgba(255, 255, 255, .03)
			}

			.fw-item .fi-n {
				font-family: var(--f-mono);
				font-size: .64rem;
				font-weight: 600;
				letter-spacing: .12em;
				color: var(--accent);
				margin-bottom: 6px
			}

			.fw-item h4 {
				font-family: var(--f-display);
				font-weight: 700;
				font-size: 1.02rem;
				letter-spacing: -.015em;
				color: var(--paper);
				line-height: 1.2
			}

			.fw-item p {
				font-size: .83rem;
				color: rgba(255, 255, 255, .5);
				line-height: 1.6
			}

			.fin-panel {
				border: 1px solid rgba(255, 255, 255, .2);
				background: rgba(255, 255, 255, .02);
				position: sticky;
				top: 120px
			}

			.fin-panel-head {
				padding: 16px 22px;
				border-bottom: 1px solid rgba(255, 255, 255, .2);
				display: flex;
				align-items: center;
				justify-content: space-between
			}

			.fin-panel-head span {
				font-family: var(--f-mono);
				font-size: .66rem;
				font-weight: 500;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: rgba(255, 255, 255, .5)
			}

			.fin-panel-head .mark {
				color: var(--accent)
			}

			.fin-row {
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 16px;
				padding: 16px 22px;
				border-bottom: 1px solid rgba(255, 255, 255, .1)
			}

			.fin-row:last-child {
				border-bottom: none
			}

			.fin-row .k {
				font-family: var(--f-mono);
				font-size: .66rem;
				font-weight: 500;
				letter-spacing: .08em;
				text-transform: uppercase;
				color: rgba(255, 255, 255, .45)
			}

			.fin-row .v {
				font-family: var(--f-display);
				font-weight: 700;
				font-size: .92rem;
				letter-spacing: -.01em;
				color: var(--paper);
				text-align: right
			}

			.fin-panel .btn-solid {
				width: calc(100% - 44px);
				margin: 22px;
				justify-content: center;
				background: var(--accent);
				color: #fff
			}

			.fin-panel .btn-solid:hover {
				background: #fff;
				color: var(--ink)
			}

			/* ============ SERVER INFRA ============ */
			.server-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1px;
				background: var(--line-2);
				border: 1px solid var(--line-2);
				margin-bottom: 60px
			}

			@media(max-width:900px) {
				.server-grid {
					grid-template-columns: 1fr
				}
			}

			.srv-cell {
				background: var(--paper-3);
				padding: 44px 40px;
				display: flex;
				flex-direction: column;
				gap: 18px;
				transition: background .3s var(--ease)
			}

			.srv-cell:hover {
				background: var(--paper)
			}

			.srv-num {
				font-family: var(--f-mono);
				font-size: .68rem;
				font-weight: 600;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: var(--accent)
			}

			.srv-cell h3 {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: 1.45rem;
				letter-spacing: -.03em;
				line-height: 1.15;
				text-transform: uppercase
			}

			.srv-cell p {
				font-size: .9rem;
				color: var(--ink-2);
				line-height: 1.7
			}

			.srv-cell ul li {
				font-size: .85rem;
				color: var(--ink-2);
				line-height: 1.6;
				padding: 8px 0;
				display: flex;
				gap: 12px;
				align-items: flex-start;
				border-top: 1px solid var(--line)
			}

			.srv-cell ul li:first-child {
				border-top: none;
				padding-top: 0
			}

			.srv-cell ul li i {
				color: var(--accent);
				font-size: .7rem;
				margin-top: 5px;
				flex-shrink: 0
			}

			/* ============ GPU FLEET ============ */
			.fleet-head {
				display: flex;
				align-items: baseline;
				justify-content: space-between;
				gap: 24px;
				flex-wrap: wrap;
				margin-bottom: 36px;
				padding-bottom: 20px;
				border-bottom: 1px solid var(--line)
			}

			.fleet-head h3 {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: 1.6rem;
				letter-spacing: -.03em;
				text-transform: uppercase
			}

			.fleet-head .meta {
				font-family: var(--f-mono);
				font-size: .7rem;
				font-weight: 500;
				letter-spacing: .1em;
				text-transform: uppercase;
				color: var(--ink-3)
			}

			.gpu-list {
				border-top: 1px solid var(--line)
			}

			.gpu-item {
				display: grid;
				grid-template-columns: 1.1fr 1.4fr;
				gap: 60px;
				padding: 56px 0;
				border-bottom: 1px solid var(--line);
				align-items: start
			}

			@media(max-width:900px) {
				.gpu-item {
					grid-template-columns: 1fr;
					gap: 32px;
					padding: 40px 0
				}
			}

			.gpu-visual {
				border: 1px solid var(--line-2);
				padding: 20px;
				background: var(--paper-3)
			}

			.gpu-visual svg {
				width: 100%;
				height: auto
			}

			.gpu-info {
				padding-top: 6px
			}

			.gpu-head {
				display: flex;
				align-items: baseline;
				justify-content: space-between;
				gap: 20px;
				margin-bottom: 20px;
				flex-wrap: wrap;
				padding-bottom: 16px;
				border-bottom: 1px solid var(--line)
			}

			.gpu-name {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: 2rem;
				letter-spacing: -.035em;
				line-height: 1
			}

			.gpu-name small {
				display: block;
				font-family: var(--f-mono);
				font-weight: 500;
				font-size: .7rem;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: var(--accent);
				margin-bottom: 8px
			}

			.gpu-status {
				font-family: var(--f-mono);
				font-size: .68rem;
				font-weight: 600;
				letter-spacing: .1em;
				text-transform: uppercase;
				padding: 5px 12px;
				border: 1px solid var(--ink);
				color: var(--ink);
				display: inline-flex;
				align-items: center;
				gap: 7px;
				white-space: nowrap
			}

			.gpu-status .dot {
				width: 5px;
				height: 5px;
				background: var(--accent);
				border-radius: 50%;
				animation: pulse 2s infinite
			}

			.gpu-desc {
				font-size: .95rem;
				color: var(--ink-2);
				line-height: 1.7;
				margin-bottom: 26px
			}

			.gpu-specs {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 0;
				border-top: 1px solid var(--line)
			}

			.gpu-spec {
				padding: 14px 0;
				border-bottom: 1px solid var(--line);
				display: flex;
				justify-content: space-between;
				align-items: center;
				gap: 16px
			}

			.gpu-spec:nth-child(odd) {
				padding-right: 20px;
				border-right: 1px solid var(--line)
			}

			.gpu-spec:nth-child(even) {
				padding-left: 20px
			}

			.gpu-spec .k {
				font-family: var(--f-mono);
				font-size: .64rem;
				font-weight: 500;
				letter-spacing: .08em;
				text-transform: uppercase;
				color: var(--ink-3)
			}

			.gpu-spec .v {
				font-family: var(--f-display);
				font-weight: 700;
				font-size: .9rem;
				letter-spacing: -.01em
			}

			.gpu-price {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 0;
				margin-top: 26px;
				border: 1px solid var(--line-2)
			}

			.gpu-price-item {
				padding: 20px 22px;
				display: flex;
				flex-direction: column;
				gap: 6px
			}

			.gpu-price-item:first-child {
				border-right: 1px solid var(--line-2)
			}

			.gpu-price-item .lbl {
				font-family: var(--f-mono);
				font-size: .63rem;
				font-weight: 500;
				letter-spacing: .1em;
				text-transform: uppercase;
				color: var(--ink-3)
			}

			.gpu-price-item .amt {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: 1.6rem;
				letter-spacing: -.03em;
				line-height: 1
			}

			.gpu-price-item .amt small {
				font-family: var(--f-mono);
				font-size: .68rem;
				font-weight: 500;
				color: var(--ink-3);
				letter-spacing: .02em;
				margin-left: 4px
			}

			.gpu-price-item.hl {
				background: var(--ink);
				color: var(--paper)
			}

			.gpu-price-item.hl .lbl {
				color: rgba(255, 255, 255, .5)
			}

			.gpu-price-item.hl .amt {
				color: #fff
			}

			.gpu-price-item.hl .amt small {
				color: rgba(255, 255, 255, .5)
			}

			.gpu-cta {
				margin-top: 24px
			}

			.gpu-cta .btn-solid {
				width: 100%;
				justify-content: center
			}

			.price-note {
				margin-top: 44px;
				padding-top: 24px;
				border-top: 1px solid var(--line);
				font-family: var(--f-mono);
				font-size: .72rem;
				color: var(--ink-3);
				letter-spacing: .02em;
				line-height: 1.8
			}

			.price-note a {
				color: var(--accent);
				border-bottom: 1px solid var(--accent)
			}

			/* ============ COMPANY ============ */
			.company-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 60px;
				align-items: start
			}

			@media(max-width:900px) {
				.company-grid {
					grid-template-columns: 1fr;
					gap: 40px
				}
			}

			.addr-card {
				border: 1px solid var(--line-2);
				background: var(--paper-3);
				padding: 36px 32px
			}

			.addr-label {
				font-family: var(--f-mono);
				font-size: .66rem;
				font-weight: 500;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: var(--accent);
				margin-bottom: 20px;
				display: block
			}

			.addr-name {
				font-family: var(--f-display);
				font-weight: 800;
				font-size: 1.6rem;
				letter-spacing: -.03em;
				margin-bottom: 16px
			}

			.addr-text {
				font-size: .95rem;
				color: var(--ink-2);
				line-height: 1.8;
				margin-bottom: 26px
			}

			.addr-grid {
				display: grid;
				grid-template-columns: 1fr 1fr;
				gap: 1px;
				background: var(--line);
				border: 1px solid var(--line)
			}

			.addr-cell {
				background: var(--paper-3);
				padding: 16px 18px
			}

			.addr-cell .k {
				font-family: var(--f-mono);
				font-size: .6rem;
				font-weight: 500;
				letter-spacing: .1em;
				text-transform: uppercase;
				color: var(--ink-3);
				margin-bottom: 5px
			}

			.addr-cell .v {
				font-family: var(--f-display);
				font-weight: 700;
				font-size: .9rem;
				letter-spacing: -.01em
			}

			.sbi-list {
				border-top: 1px solid var(--line)
			}

			.sbi-item {
				padding: 22px 0;
				border-bottom: 1px solid var(--line);
				display: grid;
				grid-template-columns: 100px 1fr;
				gap: 24px;
				align-items: start
			}

			.sbi-item .code {
				font-family: var(--f-mono);
				font-size: .72rem;
				font-weight: 600;
				letter-spacing: .06em;
				color: var(--accent)
			}

			.sbi-item .desc {
				font-size: .92rem;
				color: var(--ink-2);
				line-height: 1.6
			}

			.meta-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 1px;
				background: var(--line);
				border: 1px solid var(--line);
				margin-top: 56px
			}

			@media(max-width:900px) {
				.meta-grid {
					grid-template-columns: 1fr 1fr
				}
			}

			.meta-cell {
				background: var(--paper);
				padding: 26px 22px
			}

			.meta-cell .k {
				font-family: var(--f-mono);
				font-size: .62rem;
				font-weight: 500;
				letter-spacing: .1em;
				text-transform: uppercase;
				color: var(--ink-3);
				margin-bottom: 10px;
				display: block
			}

			.meta-cell .v {
				font-family: var(--f-display);
				font-weight: 700;
				font-size: 1.15rem;
				letter-spacing: -.02em;
				line-height: 1.2
			}

			.meta-cell .v small {
				display: block;
				font-family: var(--f-mono);
				font-weight: 500;
				font-size: .68rem;
				letter-spacing: .04em;
				color: var(--ink-3);
				margin-top: 6px;
				text-transform: none
			}

			/* ============ PROCESS ============ */
			.proc-grid {
				display: grid;
				grid-template-columns: repeat(4, 1fr);
				gap: 1px;
				background: var(--line);
				border: 1px solid var(--line)
			}

			@media(max-width:900px) {
				.proc-grid {
					grid-template-columns: 1fr 1fr
				}
			}

			@media(max-width:560px) {
				.proc-grid {
					grid-template-columns: 1fr
				}
			}

			.proc-cell {
				background: var(--paper);
				padding: 36px 28px;
				min-height: 220px;
				display: flex;
				flex-direction: column;
				transition: background .3s var(--ease)
			}

			.proc-cell:hover {
				background: var(--paper-3)
			}

			.proc-cell .n {
				font-family: var(--f-mono);
				font-size: .68rem;
				font-weight: 600;
				letter-spacing: .14em;
				color: var(--accent);
				margin-bottom: auto
			}

			.proc-cell h4 {
				font-family: var(--f-display);
				font-weight: 700;
				font-size: 1.15rem;
				letter-spacing: -.02em;
				margin: 44px 0 12px;
				line-height: 1.2;
				text-transform: uppercase
			}

			.proc-cell p {
				font-size: .85rem;
				color: var(--ink-2);
				line-height: 1.65
			}

			/* ============ FAQ ============ */
			.faq-list {
				border-top: 1px solid var(--line)
			}

			.faq-row {
				border-bottom: 1px solid var(--line)
			}

			.faq-q {
				width: 100%;
				text-align: left;
				display: grid;
				grid-template-columns: 56px 1fr 40px;
				gap: 24px;
				align-items: center;
				padding: 28px 0;
				transition: padding-left .3s var(--ease)
			}

			.faq-q:hover {
				padding-left: 10px
			}

			.faq-q .qn {
				font-family: var(--f-mono);
				font-size: .7rem;
				font-weight: 600;
				letter-spacing: .08em;
				color: var(--ink-3)
			}

			.faq-row.open .faq-q .qn {
				color: var(--accent)
			}

			.faq-q .qt {
				font-family: var(--f-display);
				font-weight: 700;
				font-size: 1.08rem;
				letter-spacing: -.015em;
				line-height: 1.35
			}

			.faq-q .qi {
				width: 32px;
				height: 32px;
				border: 1px solid var(--line-2);
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: .85rem;
				transition: all .3s var(--ease);
				color: var(--ink);
				font-family: var(--f-display);
				font-weight: 400
			}

			.faq-row.open .faq-q .qi {
				background: var(--accent);
				border-color: var(--accent);
				color: #fff;
				transform: rotate(45deg)
			}

			.faq-a {
				display: none;
				padding: 0 0 32px 80px;
				font-size: .93rem;
				color: var(--ink-2);
				line-height: 1.8;
				max-width: 800px
			}

			@media(max-width:700px) {
				.faq-q {
					grid-template-columns: 32px 1fr 32px;
					gap: 14px;
					padding: 22px 0
				}

				.faq-a {
					padding-left: 46px
				}
			}

			/* ============ CTA ============ */
			.cta {
				background: var(--accent);
				color: #fff;
				padding: 100px 0;
				position: relative;
				overflow: hidden
			}

			.cta::before {
				content: '';
				position: absolute;
				right: -80px;
				top: -80px;
				width: 400px;
				height: 400px;
				border: 1px solid rgba(255, 255, 255, .2);
				border-radius: 50%;
				pointer-events: none
			}

			.cta::after {
				content: '';
				position: absolute;
				right: -40px;
				top: -40px;
				width: 200px;
				height: 200px;
				border: 1px solid rgba(255, 255, 255, .15);
				border-radius: 50%;
				pointer-events: none
			}

			.cta-inner {
				position: relative;
				z-index: 1;
				max-width: 900px
			}

			.cta h2 {
				font-family: var(--f-display);
				font-weight: 900;
				font-size: clamp(2rem, 5vw, 4rem);
				line-height: .98;
				letter-spacing: -.04em;
				text-transform: uppercase;
				margin-bottom: 24px
			}

			.cta p {
				font-size: 1.02rem;
				color: rgba(255, 255, 255, .85);
				line-height: 1.7;
				max-width: 600px;
				margin-bottom: 36px
			}

			.cta-actions {
				display: flex;
				gap: 14px;
				flex-wrap: wrap
			}

			.cta .btn-solid {
				background: var(--ink);
				color: #fff
			}

			.cta .btn-solid:hover {
				background: #fff;
				color: var(--ink)
			}

			.cta .btn-ghost {
				background: transparent;
				color: #fff;
				border-color: #fff
			}

			.cta .btn-ghost:hover {
				background: #fff;
				color: var(--accent)
			}

			/* ============ FOOTER ============ */
			.footer {
				background: var(--ink);
				color: var(--paper);
				padding: 80px 0 32px
			}

			.footer-top {
				display: grid;
				grid-template-columns: 2fr 1fr 1fr 1fr;
				gap: 50px;
				padding-bottom: 60px;
				border-bottom: 1px solid rgba(255, 255, 255, .15)
			}

			@media(max-width:900px) {
				.footer-top {
					grid-template-columns: 1fr 1fr;
					gap: 36px
				}
			}

			@media(max-width:560px) {
				.footer-top {
					grid-template-columns: 1fr
				}
			}

			.footer-brand .brand-text {
				color: #fff;
				font-size: 1.1rem
			}

			.footer-brand p {
				font-size: .85rem;
				color: rgba(255, 255, 255, .5);
				line-height: 1.7;
				margin-top: 20px;
				max-width: 340px
			}

			.footer-col h5 {
				font-family: var(--f-mono);
				font-size: .66rem;
				font-weight: 600;
				letter-spacing: .14em;
				text-transform: uppercase;
				color: rgba(255, 255, 255, .4);
				margin-bottom: 20px
			}

			.footer-col ul li {
				margin-bottom: 12px
			}

			.footer-col ul li a {
				font-size: .86rem;
				color: rgba(255, 255, 255, .7);
				transition: color .2s;
				line-height: 1.5
			}

			.footer-col ul li a:hover {
				color: var(--accent)
			}

			.footer-bottom {
				padding-top: 32px;
				display: flex;
				align-items: flex-start;
				justify-content: space-between;
				gap: 24px;
				flex-wrap: wrap
			}

			.footer-legal {
				font-family: var(--f-mono);
				font-size: .7rem;
				color: rgba(255, 255, 255, .4);
				letter-spacing: .02em;
				line-height: 1.9;
				max-width: 780px
			}

			.footer-legal strong {
				color: rgba(255, 255, 255, .75);
				font-weight: 600
			}

			.footer-social {
				display: flex;
				gap: 8px
			}

			.footer-social a {
				width: 38px;
				height: 38px;
				border: 1px solid rgba(255, 255, 255, .2);
				display: flex;
				align-items: center;
				justify-content: center;
				font-size: .8rem;
				color: rgba(255, 255, 255, .6);
				transition: all .2s
			}

			.footer-social a:hover {
				background: var(--accent);
				border-color: var(--accent);
				color: #fff
			}

			/* ============ LANG ============ */
			.lang-en .nl {
				display: none
			}

			.lang-nl .en {
				display: none
			}
			
			
			/* ============ CONSENT MODAL ============ */
.consent-overlay{position:fixed;inset:0;z-index:4000;display:flex;
  align-items:center;justify-content:center;padding:24px;
  background:rgba(13,13,13,.88);
  backdrop-filter:blur(10px);-webkit-backdrop-filter:blur(10px);
  opacity:0;visibility:hidden;transition:opacity .3s ease,visibility .3s ease}
.consent-overlay.show{opacity:1;visibility:visible}

.consent-box{position:relative;width:100%;max-width:520px;
  background:var(--paper-3);border:1px solid var(--line-2);
  padding:52px 44px 36px;
  transform:translateY(24px) scale(.96);opacity:0;
  transition:transform .4s cubic-bezier(.16,1,.3,1),opacity .4s ease}
.consent-overlay.show .consent-box{transform:translateY(0) scale(1);opacity:1}
.consent-box::before{content:'';position:absolute;top:0;left:0;right:0;height:4px;
  background:var(--accent)}

@media(max-width:600px){
  .consent-box{padding:44px 24px 28px}
}

.consent-icon{width:76px;height:76px;margin:0 auto 24px;
  display:flex;align-items:center;justify-content:center;
  color:#fff;background:var(--accent);position:relative}
.consent-icon i{font-size:1.8rem}
.consent-overlay.show .consent-icon{animation:consentIconPop .5s cubic-bezier(.34,1.56,.64,1) .15s both}
@keyframes consentIconPop{
  0%{transform:scale(.4);opacity:0}
  60%{transform:scale(1.12);opacity:1}
  100%{transform:scale(1);opacity:1}
}

.consent-title{font-family:var(--f-display);font-weight:900;font-size:1.6rem;
  letter-spacing:-.03em;text-transform:uppercase;margin-bottom:14px;
  line-height:1.15;text-align:center}
.consent-text{font-size:.9rem;color:var(--ink-2);line-height:1.75;
  margin-bottom:26px;text-align:center}
.consent-text a{color:var(--accent);font-weight:600;
  border-bottom:1px solid rgba(255,74,0,.35);transition:border-color .2s}
.consent-text a:hover{border-bottom-color:var(--accent)}

/* Custom checkbox */
.consent-check{display:flex;align-items:flex-start;gap:14px;
  padding:18px 20px;border:1px solid var(--line);
  background:var(--paper);margin-bottom:22px;
  transition:border-color .2s,background .2s;cursor:pointer}
.consent-check:hover{border-color:var(--line-2)}
.consent-check.checked{border-color:var(--accent);
  background:rgba(255,74,0,.04)}
.consent-check.error{border-color:var(--accent);
  background:rgba(255,74,0,.08);
  animation:consentShake .4s ease}
@keyframes consentShake{
  0%,100%{transform:translateX(0)}
  20%{transform:translateX(-8px)}
  40%{transform:translateX(8px)}
  60%{transform:translateX(-5px)}
  80%{transform:translateX(5px)}
}
.consent-check input[type="checkbox"]{position:absolute;opacity:0;
  width:0;height:0;pointer-events:none}
.consent-box-check{width:22px;height:22px;flex-shrink:0;margin-top:1px;
  border:2px solid var(--ink-3);display:flex;align-items:center;
  justify-content:center;transition:all .2s;background:transparent}
.consent-check.checked .consent-box-check{background:var(--accent);
  border-color:var(--accent)}
.consent-box-check i{font-size:.72rem;color:#fff;opacity:0;
  transform:scale(.5);transition:all .2s}
.consent-check.checked .consent-box-check i{opacity:1;transform:scale(1)}
.consent-label{font-size:.84rem;color:var(--ink-2);line-height:1.65;
  user-select:none;margin:0}
.consent-label strong{color:var(--ink);font-weight:700}
.consent-label .req{color:var(--accent);margin-left:3px}
.consent-label a{color:var(--accent);font-weight:600;
  border-bottom:1px solid rgba(255,74,0,.35)}

/* Button */
.consent-btn{width:100%;padding:18px 28px;
  font-family:var(--f-mono);font-size:.78rem;font-weight:600;
  letter-spacing:.12em;text-transform:uppercase;
  color:#fff;background:var(--ink);border:none;
  cursor:pointer;transition:all .2s var(--ease);
  display:inline-flex;align-items:center;justify-content:center;gap:10px}
.consent-btn:hover{background:var(--accent);transform:translateY(-1px)}
.consent-btn:active{transform:translateY(0)}
.consent-btn.inactive{background:var(--ink-3);cursor:not-allowed;opacity:.6}
.consent-btn.inactive:hover{background:var(--ink-3);transform:none}

.consent-note{font-family:var(--f-mono);font-size:.66rem;
  letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3);
  text-align:center;margin-top:20px;
  display:flex;align-items:center;justify-content:center;gap:8px}
.consent-note i{color:var(--accent)}