:root { --ink:#101114; --muted:#676b73; --line:#e6e6e4; --blue:#315cff; --paper:#f7f7f5; }
* { box-sizing:border-box; }
html { scroll-behavior:smooth; }
body { margin:0; color:var(--ink); background:var(--paper); font-family:Manrope,Arial,sans-serif; letter-spacing:-.035em; overflow-x:hidden; }
.ambient { position:fixed; pointer-events:none; z-index:-1; filter:blur(90px); border-radius:50%; opacity:.23; }
.ambient-one { width:32vw; height:32vw; background:#bcd0ff; top:-20vw; right:-10vw; }.ambient-two { width:24vw; height:24vw; background:#d5e0e0; bottom:-14vw; left:-12vw; }
.site-header, .section, footer { max-width:1200px; margin:0 auto; padding-left:32px; padding-right:32px; }
.site-header { max-width:none; height:86px; display:flex; align-items:center; justify-content:space-between; padding-left:max(32px,calc((100vw - 1136px)/2)); padding-right:max(32px,calc((100vw - 1136px)/2)); background:#101114; }.site-header .brand { color:#fff; }.site-header .nav a { color:#bfc2c8; }.site-header .nav a:hover { color:#9db8ff; }.site-header .button { border-color:#444750; background:transparent; color:#fff; }.site-header .button:hover { border-color:#7896ff; background:#1a223b; color:#fff; }
.brand { text-decoration:none; color:var(--ink); display:inline-flex; align-items:center; gap:10px; font-weight:800; font-size:17px; letter-spacing:-.07em; }.brand-mark { display:block; width:29px; height:29px; }
.nav { display:flex; gap:30px; margin-left:80px; }.nav a { color:#4c5058; text-decoration:none; font-size:15px; font-weight:700; letter-spacing:-.02em; }.nav a:hover { color:var(--blue); }
.button { display:inline-flex; align-items:center; gap:20px; border:1px solid #d8dce4; border-radius:3px; padding:15px 17px; background:#eef1f6; color:#242936; text-decoration:none; font-size:13px; font-weight:700; letter-spacing:-.02em; transition:transform .2s, border-color .2s, background .2s, color .2s; }.button:hover { transform:translateY(-2px); border-color:#b8c7ff; background:#e2e9ff; color:var(--blue); }.button span { font-size:17px; font-weight:400; }.button-small { padding:11px 14px; gap:13px; }
.hero { position:relative; min-height:650px; padding-top:86px; }.eyebrow { display:flex; align-items:center; gap:9px; color:#4c5058; font:500 15px Manrope,Arial,sans-serif; letter-spacing:-.02em; }.eyebrow span { width:7px; height:7px; border-radius:50%; background:var(--blue); box-shadow:0 0 0 4px #dfe6ff; }
h1,h2,p { margin-top:0; } h1 { max-width:1200px; margin:29px 0 25px; font-size:clamp(52px,6.8vw,88px); line-height:.94; font-weight:700; letter-spacing:-.08em; } em { color:var(--blue); font-style:normal; } .hero-copy { max-width:660px; color:var(--muted); font-size:17px; line-height:1.6; letter-spacing:-.035em; }.hero-actions { display:flex; align-items:center; gap:28px; margin-top:31px; }.text-link,.card-link { color:var(--ink); text-decoration:none; font-size:13px; font-weight:700; }.text-link span,.card-link span { margin-left:8px; color:var(--blue); font-size:16px; }
.hero-grid { display:grid; grid-template-columns:repeat(3,1fr); border-top:1px solid var(--line); margin-top:72px; }.signal-card { position:relative; min-height:175px; padding:22px 22px 22px 0; overflow:hidden; }.signal-card strong,.hero-stat > strong { display:block; color:#989ba2; font:500 11px "DM Mono",monospace; letter-spacing:0; }.signal-card p,.hero-stat p { margin:15px 0 0; color:#5e626a; font-size:13px; font-weight:500; line-height:1.48; letter-spacing:-.025em; }.hero-stat p { max-width:218px; }.hero-stat { position:relative; min-height:175px; justify-content:flex-start; }.hero-stat span { margin-top:25px; }.hero-stat > strong { position:absolute; top:22px; }
.hero-stat { border-left:1px solid var(--line); padding:22px 22px; display:flex; flex-direction:column; justify-content:space-between; }.hero-stat strong { color:#c8cacd; font:400 11px "DM Mono",monospace; letter-spacing:0; }.hero-stat span { font-size:13px; font-weight:700; line-height:1.35; }
.services { padding-top:88px; padding-bottom:120px; }.section-heading { display:flex; justify-content:space-between; align-items:flex-end; margin-bottom:28px; }.section-heading p { max-width:370px; color:var(--muted); font-size:15px; line-height:1.55; margin:0; }.service-grid { display:grid; grid-template-columns:1fr 1fr; gap:15px; }.service-card { min-height:480px; padding:29px; position:relative; overflow:hidden; background:#e9e9e7; border-radius:4px; }.service-card-blue { background:var(--blue); color:#fff; }.card-number { color:#94979d; font:500 11px "DM Mono",monospace; letter-spacing:0; }.service-card-blue .card-number { color:#b9c7ff; }.service-card h2 { position:relative; margin:85px 0 16px; font-size:43px; line-height:.97; letter-spacing:-.07em; }.service-card p { position:relative; max-width:320px; color:#62666d; font-size:15px; line-height:1.55; }.service-card-blue p { color:#dce3ff; }.service-card ul { list-style:none; position:relative; margin:29px 0 33px; padding:0; display:flex; gap:17px; flex-wrap:wrap; }.service-card li { font:500 10px "DM Mono",monospace; letter-spacing:0; text-transform:uppercase; }.service-card li:before { content:"+"; color:var(--blue); margin-right:5px; }.service-card-blue li:before,.service-card-blue .card-link span { color:#fff; }.card-link { position:relative; }.server-rack { position:absolute; right:32px; top:42px; width:155px; display:grid; gap:7px; transform:rotate(-9deg); }.server-rack i { display:block; height:28px; border:1px solid rgba(255,255,255,.75); border-radius:2px; background:linear-gradient(90deg,transparent 70%,rgba(255,255,255,.8) 70% 74%,transparent 74%); }.server-rack b { position:absolute; right:5px; top:10px; width:5px; height:5px; background:#9db8ff; border-radius:50%; box-shadow:0 35px #9db8ff,0 70px #9db8ff; }.token-orbit { position:absolute; right:32px; top:30px; width:164px; height:164px; border:1px solid #c0c1c2; border-radius:50%; }.token-orbit:before,.token-orbit:after { content:""; position:absolute; border:1px solid #c0c1c2; border-radius:50%; }.token-orbit:before { inset:25px -23px; }.token-orbit:after { inset:-20px 41px; }.token-orbit b { position:absolute; width:17px; height:17px; border-radius:50%; background:var(--blue); left:54px; top:57px; }.token-orbit i { position:absolute; width:6px; height:6px; background:var(--blue); border-radius:50%; }.token-orbit i:nth-child(2){top:4px;left:73px}.token-orbit i:nth-child(3){bottom:11px;right:18px}.token-orbit i:nth-child(4){left:-7px;bottom:44px}
.statement { padding-top:96px; padding-bottom:108px; border-top:1px solid var(--line); }.statement-grid { display:grid; grid-template-columns:1.1fr .65fr; gap:80px; margin-top:33px; }.statement h2,.contact h2 { font-size:clamp(40px,5vw,68px); line-height:.98; letter-spacing:-.075em; margin:0; }.statement-grid div { padding-top:7px; }.statement p { color:var(--muted); font-size:16px; line-height:1.65; }.statement p + p { margin-top:20px; }
.contact { position:relative; overflow:hidden; color:#fff; max-width:none; padding:88px max(32px,calc((100vw - 1136px)/2)) 42px; background:#101114; }.contact .eyebrow { color:#bfc2c8; }.contact .eyebrow span { background:#9db8ff; box-shadow:0 0 0 4px rgba(157,184,255,.12); }.contact h2 { position:relative; margin:33px 0 20px; }.contact h2 em { color:#9db8ff; }.contact-intro { position:relative; max-width:520px; color:#bfc2c8; font-size:15px; line-height:1.65; letter-spacing:-.025em; }.contact-glow { position:absolute; right:-5vw; top:-20vw; width:45vw; height:45vw; border-radius:50%; background:radial-gradient(circle,rgba(49,92,255,.62),transparent 64%); }.email-link { position:relative; display:inline-flex; align-items:center; gap:20px; color:#fff; text-decoration:none; font-size:clamp(20px,2.5vw,32px); font-weight:600; letter-spacing:-.055em; border-bottom:1px solid #676971; padding-bottom:8px; }.email-link span { color:#9db8ff; }.contact-details { position:relative; display:grid; grid-template-columns:1fr 1.7fr 1fr; gap:25px; border-top:1px solid #34363c; margin-top:86px; padding-top:21px; }.contact-details small { color:#999da6; font:500 10px "DM Mono",monospace; letter-spacing:.04em; }.contact-details a,.contact-details address,.contact-details p { display:block; color:#fff; margin:9px 0 0; font-size:13px; line-height:1.6; font-style:normal; text-decoration:none; letter-spacing:-.025em; }
footer { height:78px; display:flex; align-items:center; justify-content:space-between; color:#73777f; font:500 10px "DM Mono",monospace; letter-spacing:0; } footer .brand { font:800 14px Manrope,sans-serif; color:var(--ink); }
@media (max-width:700px) { .site-header,.section,footer { padding-left:20px; padding-right:20px; }.site-header { height:70px; }.nav { display:none; }.button-small { font-size:12px; }.hero { padding-top:66px; min-height:auto; }.hero-grid { margin-top:56px; grid-template-columns:1fr 1fr; }.signal-card { grid-column:1/-1; min-height:112px; }.hero-stat { min-height:152px; padding-left:0; }.hero-stat+ .hero-stat { padding-left:15px; }.hero-stat p { font-size:12px; }.services { padding-top:70px; padding-bottom:80px; }.section-heading { display:block; }.section-heading p { margin-top:18px; }.service-grid,.statement-grid { grid-template-columns:1fr; }.service-card { min-height:440px; }.statement { padding-top:70px; padding-bottom:75px; }.statement-grid { gap:24px; }.contact { padding:70px 20px 34px; }.contact-details { grid-template-columns:1fr; gap:22px; margin-top:60px; } footer { height:auto; padding-top:22px; padding-bottom:22px; gap:15px; flex-wrap:wrap; } }